{"product_id":"wooden-cat-puzzle-rjc","title":"Träpussel för katt","description":"\u003cdiv class=\"product-set-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* Design System (CSS Variables) - Wooden Puzzle \u0026 Cat Theme *\/\n    .product-set-container {\n      --primary: #5D4037; \/* Deep warm brown *\/\n      --primary-hover: #3E2723;\n      --accent: #E5989B; \/* Macaroon soft pink\/peach *\/\n      --accent-light: #FFCAD4; \/* Soft pastel pink *\/\n      --text-main: #4A4A4A; \/* Soft dark gray\/brown *\/\n      --text-sub: #6D6875; \/* Muted purple\/gray *\/\n      --bg-body: #F8EDEB; \/* Warm cream\/off-white *\/\n      --bg-card: #FFFFFF;\n      --border-color: #FCD5CE; \/* Light peach border *\/\n      --radius-md: 20px; \n      --radius-lg: 32px;\n      --shadow-sm: 0 8px 16px -4px rgba(93, 64, 55, 0.08), 0 4px 8px -4px rgba(93, 64, 55, 0.04);\n      --shadow-lg: 0 20px 40px -8px rgba(93, 64, 55, 0.12), 0 10px 20px -8px rgba(93, 64, 55, 0.06);\n\n      \/* Typography \u0026 Spacing System *\/\n      --spacing-section: clamp(3rem, 6vw, 5rem);\n      --spacing-module: clamp(2rem, 5vw, 4rem);\n      \n      font-family: 'Nunito', 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.7;\n    }\n\n    .product-set-container *,\n    .product-set-container *::before,\n    .product-set-container *::after {\n      box-sizing: inherit;\n    }\n\n    \/* Typography Scale *\/\n    .product-set-container h1, \n    .product-set-container h2, \n    .product-set-container h3 {\n      font-family: 'Quicksand', 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 800;\n      letter-spacing: -0.01em;\n    }\n\n    .product-set-container h1 {\n      font-size: clamp(28px, 4vw, 42px);\n      line-height: 1.25;\n    }\n\n    .product-set-container .subtitle {\n      font-size: clamp(14px, 2vw, 16px);\n      color: var(--accent);\n      font-weight: 800;\n      margin: 0 0 1rem 0;\n      text-transform: uppercase;\n      letter-spacing: 0.15em;\n    }\n\n    .product-set-container h2 {\n      font-size: clamp(24px, 3vw, 32px);\n      line-height: 1.3;\n      margin: 0 0 1.5rem 0;\n      position: relative;\n      padding-bottom: 0.75rem;\n    }\n    \n    .product-set-container h2::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 50px;\n      height: 5px;\n      background-color: var(--accent);\n      border-radius: 10px;\n    }\n\n    .product-set-container h3 {\n      font-size: clamp(20px, 2.5vw, 24px);\n      line-height: 1.4;\n      margin: 0 0 1rem 0;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .product-set-container p {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      margin: 0 0 1.5rem 0;\n    }\n\n    \/* Badges *\/\n    .detail-badge-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-bottom: 2rem;\n    }\n    .detail-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 10px 20px;\n      background: var(--bg-card);\n      border: 2px solid var(--accent-light);\n      border-radius: 20px;\n      font-size: 15px;\n      font-weight: 700;\n      color: var(--primary);\n      box-shadow: var(--shadow-sm);\n      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n    }\n    .detail-badge:hover {\n      transform: translateY(-4px) scale(1.02);\n      border-color: var(--accent);\n    }\n    .detail-badge.accent {\n      background: var(--accent);\n      color: #FFF;\n      border-color: var(--accent);\n    }\n\n    \/* Image Protocol \u0026 Placeholders *\/\n    .img-placeholder {\n      width: 100%;\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n      margin-bottom: 1.5rem;\n      border: 4px solid #FFF;\n      position: relative;\n    }\n    \n    .img-placeholder::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      border-radius: calc(var(--radius-lg) - 4px);\n      box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);\n      pointer-events: none;\n    }\n\n    .img-placeholder img {\n      width: 100%;\n      height: auto;\n      display: block;\n      transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n    \n    .img-placeholder:hover img {\n      transform: scale(1.04);\n    }\n\n    \/* Modules *\/\n    .hero-section {\n      text-align: center;\n      margin-top: 3rem;\n      margin-bottom: var(--spacing-section);\n      background: var(--bg-card);\n      padding: 4rem 2rem;\n      border-radius: var(--radius-lg);\n      border: 2px solid #FFF;\n      box-shadow: var(--shadow-lg);\n      background-image: radial-gradient(circle at top right, var(--bg-body) 0%, transparent 60%);\n    }\n    .hero-section h2::after {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    .hero-section .detail-badge-group {\n      justify-content: center;\n    }\n\n    \/* Z-Pattern Features *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-section);\n      margin-bottom: var(--spacing-section);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n    }\n\n    .feature-media, .feature-copy {\n      width: 100%;\n    }\n    \n    \/* Specs Table *\/\n    .specs-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .specs-table-wrapper {\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(1.5rem, 3vw, 3rem);\n      box-shadow: var(--shadow-sm);\n      margin-bottom: 2rem;\n      border: 2px solid #FFF;\n    }\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    \n    \/* FAQ Section *\/\n    .faq-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .faq-item {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 1.5rem 2rem;\n      margin-bottom: 1rem;\n      border: 2px solid #FFF;\n      border-left: 6px solid var(--accent);\n      transition: all 0.3s ease;\n      box-shadow: var(--shadow-sm);\n    }\n    .faq-item:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateX(6px);\n    }\n    .faq-question {\n      font-size: clamp(16px, 2vw, 18px);\n      font-weight: 800;\n      color: var(--primary);\n      margin-bottom: 0.5rem;\n    }\n    .faq-answer {\n      font-size: clamp(15px, 1.8vw, 16px);\n      color: var(--text-sub);\n      margin: 0;\n    }\n\n    \/* Desktop Enhancements *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        gap: var(--spacing-module);\n      }\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n      }\n      .feature-copy {\n        padding: 0 2rem;\n      }\n      \n      .specs-table th, .specs-table td {\n        padding: 1.25rem 1.5rem;\n        text-align: left;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 16px;\n      }\n      .specs-table th {\n        font-weight: 800;\n        color: var(--primary);\n        width: 35%;\n        background-color: var(--bg-body);\n        font-size: 16px;\n      }\n      .specs-table tr:first-child th {\n        border-top-left-radius: 16px;\n      }\n      .specs-table tr:last-child td, .specs-table tr:last-child th {\n        border-bottom: none;\n      }\n      .specs-table tr:last-child th {\n        border-bottom-left-radius: 16px;\n      }\n    }\n\n    \/* Mobile Specs Table Lock *\/\n    @media (max-width: 767px) {\n      .specs-table, \n      .specs-table thead, \n      .specs-table tbody, \n      .specs-table tr, \n      .specs-table th, \n      .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none;\n      }\n      .specs-table tr {\n        background: var(--bg-card);\n        border: 2px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        padding: 1.25rem;\n      }\n      .specs-table td {\n        display: flex;\n        flex-direction: column;\n        padding: 0.75rem 0;\n        border-bottom: 1px solid var(--bg-body);\n        font-size: 15px;\n        text-align: left;\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 800;\n        color: var(--accent);\n        text-transform: uppercase;\n        margin-bottom: 0.25rem;\n        font-size: 13px;\n        letter-spacing: 0.05em;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"subtitle\"\u003ePremium trähantverk\u003c\/div\u003e\n\n\u003ch1\u003eTräpussel i kattform – 135 bitar\u003c\/h1\u003e\n\n\u003cdiv class=\"detail-badge-group\"\u003e\n\u003cdiv class=\"detail-badge accent\"\u003e🧩 135 bitar\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e🐈 Unik kattform\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e🎨 Macaroon-färger\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e🎁 Perfekt present\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-list\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Bedårande pusseldesign i kattform\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260305140944\/40119cd7e84979c15b80e9e88186ed12.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🐈 Bedårande pusseldesign i kattform\u003c\/h3\u003e\n\n\u003cp\u003eDetta unika träpussel har en charmig kattformad kontur och lekfulla katt-tematiska bitar. Med 135 träbitar erbjuder det en rolig och engagerande aktivitet för både kattälskare och pusselentusiaster.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Elegant och vacker färgdesign\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260305140944\/501925122d55c3cfcfe8efa8b480e08f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🎨 Elegant och vacker färgdesign\u003c\/h3\u003e\n\n\u003cp\u003ePusslet använder eleganta färger inspirerade av Marmorino och Macaroon, vilket skapar mjuka, stilfulla toner som kompletterar modern heminredning. När det är klart kan det visas som ett vackert dekorativt konstverk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Rolig och avslappnande utmaning\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260305140944\/df024b137749cc65ef26461300fd5a9f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🧩 Rolig och avslappnande utmaning\u003c\/h3\u003e\n\n\u003cp\u003eMed 135 noggrant designade bitar ger detta pussel den perfekta nivån av utmaning. Det hjälper till att förbättra fokus, tålamod och observation samtidigt som det erbjuder en avslappnande och rolig aktivitet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Premium trähantverk\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260305140944\/3dada23bd17047dd65185d1a099d76ce.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🪵 Premium trähantverk\u003c\/h3\u003e\n\n\u003cp\u003eTillverkat av högkvalitativt trä och precisionslaserklippt för släta kanter och perfekt passform. Pusselbitarna känns bekväma att ta på och passar sömlöst ihop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 5 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Perfekt present för pussel- och kattälskare\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260305140944\/6191e910b8c54c6b783d49457fdb38b5.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🎁 Perfekt present för pussel- och kattälskare\u003c\/h3\u003e\n\n\u003cp\u003eDetta vackert designade träpussel i kattform är en underbar present till födelsedagar, helgdagar eller speciella tillfällen. Det inkluderar en kattformad ram och ett ställ för enkel dekoration efter att det är klart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specs Section --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003e📋 Specifikationer\u003c\/h2\u003e\n\n\u003cdiv class=\"specs-table-wrapper\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecifikation\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetaljer\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eProdukttyp\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eTräpussel i kattform\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eMaterial.\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eNaturligt trä\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003estycken\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e135 bitar\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eDesign\\\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003ePussel i kattform\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eAnvändning\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eUnderhållning \/ Dekoration\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003e❓ Vanliga frågor\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eF1: Är detta pussel lämpligt för nybörjare?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eJa, den 135-bitars designen ger en rolig utmaning utan att vara alltför svår.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eF2: Är pusslet gjort av trä?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eJa, det är gjort av högkvalitativt naturligt trä med precisionslaserklippning.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eF3: Kan pusslet visas efter att det är klart?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eJa, den inkluderar en kattformad ram och ställning för visning.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eF4: Är det en bra present?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eAbsolut, det är en perfekt present för kattälskare och pusselentusiaster.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Kattdesign A","offer_id":47908466655444,"sku":"0318-15340280","price":17.95,"currency_code":"USD","in_stock":true},{"title":"Kattdesign B","offer_id":47908466688212,"sku":"0318-15348774","price":17.95,"currency_code":"USD","in_stock":true},{"title":"Det kompletta setet (Båda katterna)","offer_id":47908466720980,"sku":"0318-15349459","price":32.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/3682\/8116\/files\/40119cd7e84979c15b80e9e88186ed12_370260f1-f10f-4807-89a6-46708eb08160.jpg?v=1778307779","url":"https:\/\/omurio.com\/sv\/products\/wooden-cat-puzzle-rjc","provider":"Omurio","version":"1.0","type":"link"}