{"product_id":"fashionable-corduroy-dog-hat-rjc","title":"UV-suojattu lemmikkien aurinkohattu","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Pet Accessories (Sun Hat)\nTarget Audience: Pet Owners seeking comfort, sun protection, and cute aesthetics for their dogs\/cats.\nVisual Style: Warm, friendly, and outdoorsy. Rounded shapes to convey comfort and pet-friendly safety.\nColor Strategy: \n  - Primary: Dusty Pink \/ Warm Coral (--primary: #E89085) inspired by the cat's hat, creating an emotional, cute appeal.\n  - Background: Soft off-white (--bg-body: #FAFAFA) to keep the look clean and highlight the product.\nShape Strategy: Radius 20px (--radius-lg) for main containers to feel approachable and soft.\nTypography Strategy: Large Type \/ Mobile-first readable (H1: 36px+, Body: 18px+).\nMobile Table Strategy: Card-based. Prevent horizontal scroll. Imperial\/Metric auto-converted and dual-displayed.\nImage Mapping: Hero=image_hero, Feature1=image_material, Feature2=image_fit, Feature3=image_strap\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* 1) Design System (CSS Variables) *\/\n    .product-detail-container {\n      --primary: #E89085; \/* Warm dusty pink *\/\n      --primary-light: #FCEAE8;\n      --text-main: #2C2C2C;\n      --text-sub: #666666;\n      --bg-body: #FAFAFA;\n      --bg-card: #FFFFFF;\n      --border-color: #E5E5E5;\n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.04);\n      --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08);\n\n      \/* Typography \u0026 Spacing System *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.6;\n    }\n\n    .product-detail-container *, .product-detail-container *::before, .product-detail-container *::after {\n      box-sizing: inherit;\n    }\n\n    \/* Typography Defaults *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n      line-height: 1.2;\n      margin: 0 0 16px;\n      font-weight: 800;\n      letter-spacing: -0.02em;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(26px, 4vw, 34px);\n      line-height: 1.3;\n      margin: 0 0 16px;\n      font-weight: 700;\n      letter-spacing: -0.01em;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 3vw, 26px);\n      line-height: 1.4;\n      margin: 0 0 12px;\n      font-weight: 600;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      color: var(--text-sub);\n      margin: 0 0 16px;\n      line-height: 1.7;\n    }\n\n    \/* Common Utilities *\/\n    .module-spacer {\n      margin-bottom: clamp(3rem, 8vw, 6rem);\n    }\n    \n    .text-center { text-align: center; }\n\n    \/* Image Protocol *\/\n    .img-fluid {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* Image Placeholder Protocol *\/\n    .img-placeholder {\n      width: 100%;\n      aspect-ratio: 4 \/ 3;\n      background: #f0f0f0;\n      border: 2px dashed #cccccc;\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      font-size: 16px;\n      font-weight: bold;\n      text-align: center;\n      padding: 1rem;\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      padding-top: clamp(2rem, 4vw, 4rem);\n    }\n    .hero-badge {\n      display: inline-block;\n      background: var(--primary-light);\n      color: var(--primary);\n      padding: 8px 16px;\n      border-radius: 100px;\n      font-size: 16px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 24px;\n    }\n\n    \/* Badges Display (Non-clickable) *\/\n    .benefits-grid {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      justify-content: center;\n      margin: 32px 0;\n    }\n    .benefit-tag {\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      padding: 12px 24px;\n      border-radius: var(--radius-md);\n      font-size: 18px;\n      font-weight: 600;\n      box-shadow: var(--shadow-sm);\n    }\n\n    \/* Z-Pattern Features (Mobile Ordering Lock) *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile first: Image top, Text bottom *\/\n      gap: clamp(2rem, 5vw, 4rem);\n      align-items: center;\n      margin-bottom: clamp(3rem, 8vw, 6rem);\n    }\n    .feature-media, .feature-copy {\n      width: 100%;\n    }\n    \n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row; \/* Desktop: Z-Pattern *\/\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        width: 50%;\n      }\n      .feature-copy {\n        padding: 0 5%;\n      }\n    }\n\n    \/* Specs Table (Mobile Card Strategy) *\/\n    .specs-section {\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(2rem, 4vw, 4rem);\n      box-shadow: var(--shadow-sm);\n    }\n    \n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 24px;\n    }\n\n    \/* Desktop Table Styles *\/\n    @media (min-width: 768px) {\n      .specs-table th {\n        background: var(--bg-body);\n        font-weight: 700;\n        text-align: left;\n        padding: 16px;\n        border-bottom: 2px solid var(--border-color);\n        font-size: 18px;\n      }\n      .specs-table td {\n        padding: 16px;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 18px;\n        color: var(--text-sub);\n      }\n      .specs-table tr:hover td {\n        background: var(--bg-body);\n      }\n    }\n\n    \/* Mobile Table -\u003e Card Conversion *\/\n    @media (max-width: 767px) {\n      .specs-table, .specs-table thead, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none; \/* Hide headers *\/\n      }\n      .specs-table tr {\n        background: var(--bg-card);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 16px;\n        padding: 16px;\n        box-shadow: var(--shadow-sm);\n      }\n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 0;\n        border-bottom: 1px dashed var(--border-color);\n        font-size: 16px;\n        text-align: right;\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n        flex-direction: column;\n        align-items: flex-start;\n        text-align: left;\n        gap: 8px;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        text-align: left;\n        padding-right: 16px;\n      }\n      .specs-table td:last-child::before {\n        margin-bottom: 4px;\n      }\n    }\n\n    \/* FAQ Section *\/\n    .faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 24px 0;\n    }\n    .faq-item h3 {\n      color: var(--text-main);\n      font-size: 20px;\n      margin-bottom: 12px;\n    }\n    .faq-item p {\n      margin-bottom: 0;\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section module-spacer\"\u003e\n\u003cdiv class=\"hero-badge\"\u003eEläinlääkärin ja lemmikkien hyväksymä\u003c\/div\u003e\n\n\u003ch1\u003ePidä tassut viileinä, suojattuina ja tyylikkäinä\u003c\/h1\u003e\n\n\u003cp\u003eTäydellinen leveälierinen puuvillaflanellihattu, suunniteltu erityisesti karvaisen ystäväsi mukavuutta varten aurinkoisissa ulkoiluseikkailuissa.\u003c\/p\u003e\n\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-tag\"\u003eUV-suojattu\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-tag\"\u003eKorva-aukkomuotoilu\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-tag\"\u003eSäädettävä istuvuus\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Replace with main lifestyle image or the collage image provided --\u003e\n\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 16\/9;\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324133258\/06cb91c90f191359702949ac739fe228.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"module-spacer\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324131439\/419bf46204aadbef9403bf874145d496.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eLaadukas hengittävä puuvillaflanelli\u003c\/h2\u003e\n\n\u003cp\u003eValmistettu erittäin pehmeästä, kevyestä puuvillaflanellista, joka takaa jatkuvan ilmankierron. Se säilyttää kestävyyden päivittäisessä käytössä ja pitää lemmikkisi pään viileänä ja mukavana, estäen ylikuumenemisen jopa lämpimimpinä rantapäivinä.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Perfect Fit (Ear Holes) --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324131439\/2c01d33443528b1f3f93fca9cd3dd76a.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eLuonnollinen korvan liikkeen muotoilu\u003c\/h2\u003e\n\n\u003cp\u003eUnohda hatut, jotka painavat korvia! Erityisesti suunnitellut kaksipuoliset korva-aukot sopivat täydellisesti eri roduille. Lemmikkisi voi nostaa korviaan, kuunnella ja ilmaista itseään luonnollisesti ilman rajoituksia tai epämukavuutta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Secure Adjustment --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260324131439\/e59b126a377d22c1eea3a72ad2ddd61b.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003ePysyy paikoillaan, jopa tuulessa\u003c\/h2\u003e\n\n\u003cp\u003eAktiiviset lemmikit tarvitsevat turvalliset varusteet. Täysin säädettävä leukahihna luotettavalla lukolla pitää hatun tukevasti paikoillaan. Olipa lemmikkisi juoksemassa puistossa tai kohtaamassa merituulta, auringonsuoja pysyy juuri siellä missä sen pitääkin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specs \u0026 Size Chart Section --\u003e\n\n\u003cdiv class=\"specs-section module-spacer\"\u003e\n\u003cdiv class=\"text-center\"\u003e\n\u003ch2\u003eLöydä täydellinen istuvuus\u003c\/h2\u003e\n\n\u003cp\u003eMittaa lemmikkisi kasvojen ympärys (just korvien alapuolelta) optimaalisen mukavuuden varmistamiseksi.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eKoko\u003c\/th\u003e\n\t\t\t\u003cth\u003eKasvojen ympärys (tuumaa \/ cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eSuositeltu paino (lb \/ kg)\u003c\/th\u003e\n\t\t\t\u003cth\u003eRotuopas (vain viitteellinen)\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=\"Size\"\u003eS\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Face Girth\"\u003e9.8\" - 13.8\"\u003cbr\u003e\n\t\t\t(24,9 - 35,1 cm)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Weight\"\u003e5.5 - 16.5 lb\u003cbr\u003e\n\t\t\t(2,5 - 7,5 kg)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Breed Guide\"\u003eKissat, pomeranianit, toy-villakoirat, bichon friset (pienet rodut)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Size\"\u003eM\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Face Girth\"\u003e13.8\" - 15.8\"\u003cbr\u003e\n\t\t\t(35,1 - 40,1 cm)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Weight\"\u003e16.5 - 33.0 lb\u003cbr\u003e\n\t\t\t(7,5 - 15,0 kg)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Breed Guide\"\u003eRanskanbulldogit, corgit, shiba-inut (keskikokoiset rodut)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Size\"\u003eL\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Face Girth\"\u003e15.8\" - 17.7\"\u003cbr\u003e\n\t\t\t(40,1 - 45,0 cm)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Weight\"\u003e33.0 - 55.0 lb\u003cbr\u003e\n\t\t\t(15,0 - 24,9 kg)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Breed Guide\"\u003eKeskikokoiset\/isot sekarodut, tavalliset villakoirat\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Size\"\u003eXL\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Face Girth\"\u003e17.7\" - 21.7\"\u003cbr\u003e\n\t\t\t(45,0 - 55,1 cm)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Weight\"\u003e55.0 - 77.0 lb\u003cbr\u003e\n\t\t\t(24,9 - 34,9 kg)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Breed Guide\"\u003eBordercolliet, kultainennoutajat, labradorinnoutajat (isot rodut)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"faq-section module-spacer\"\u003e\n\u003ch2 class=\"text-center\"\u003eUsein kysytyt kysymykset\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eMiten mittaan lemmikkini kasvojen ympärysmitan tarkasti?\u003c\/h3\u003e\n\n\u003cp\u003eKäytä pehmeää mittanauhaa ja mittaa lemmikkisi pään ympärys leuan alta ja korvien edestä. Vertaa mittaa kokotaulukkoomme. Jos lemmikkisi on kahden koon välissä, suosittelemme valitsemaan isomman koon paremman mukavuuden vuoksi.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eVoiko hatun pestä koneessa?\u003c\/h3\u003e\n\n\u003cp\u003eJotta lierin muoto ja puuvillaflanellin pehmeys säilyisivät, suosittelemme hellävaraista käsinpesua kylmällä vedellä ja miedolla, lemmikille turvallisella pesuaineella. Anna hatun kuivua luonnollisesti ilmavasti, poissa suorasta kuumasta lämmöstä.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eSaako lemmikkini hatun helposti pois päästään ravistamalla?\u003c\/h3\u003e\n\n\u003cp\u003eEi lainkaan! Hatussa on turvallinen, säädettävä leukahihna, jossa on liukuva lukko. Kun se on säädetty sopivasti istuvaksi (mutta ei liian tiukaksi) leuan alle, se pysyy tukevasti paikoillaan aktiivisen leikin ja kävelyjen aikana.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Sininen \/ S","offer_id":46078664704173,"sku":"0605-19425628","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Vihreä \/ S","offer_id":46078664736941,"sku":"0605-19424683","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Vaaleanpunainen \/ S","offer_id":46078664769709,"sku":"0605-19420215","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Musta \/ S","offer_id":46078664802477,"sku":"0605-19428484","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Sininen \/ M","offer_id":46078664835245,"sku":"0605-19429008","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Vihreä \/ M","offer_id":46078664868013,"sku":"0605-19425285","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Vaaleanpunainen \/ M","offer_id":46078664900781,"sku":"0605-19425305","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Musta \/ M","offer_id":46078664933549,"sku":"0605-19426211","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Sininen \/ L","offer_id":46078664966317,"sku":"0605-19423763","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Vihreä \/ L","offer_id":46078664999085,"sku":"0605-19429034","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Vaaleanpunainen \/ L","offer_id":46078665031853,"sku":"0605-19422179","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Musta \/ L","offer_id":46078665064621,"sku":"0605-19426946","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Sininen \/ XL","offer_id":46078665097389,"sku":"0605-19422986","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Vihreä \/ XL","offer_id":46078665130157,"sku":"0605-19423305","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Vaaleanpunainen \/ XL","offer_id":46078665162925,"sku":"0605-19422502","price":14.95,"currency_code":"USD","in_stock":true},{"title":"Musta \/ XL","offer_id":46078665195693,"sku":"0605-19425957","price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/06cb91c90f191359702949ac739fe228_d70805be-2100-48f3-93d7-92403a3e850a.jpg?v=1780659783","url":"https:\/\/newjoyloo.com\/fi\/products\/fashionable-corduroy-dog-hat-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}