{"product_id":"fashionable-corduroy-dog-hat-rjc","title":"Solhatt för husdjur med UV-skydd","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\"\u003eGodkänd av veterinärer och husdjursägare\u003c\/div\u003e\n\n\u003ch1\u003eHåll tassarna svala, skyddade och stiliga\u003c\/h1\u003e\n\n\u003cp\u003eDen ultimata bredbrättade manchesterkepsen designad speciellt för din pälsväns komfort under soliga utomhusäventyr.\u003c\/p\u003e\n\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-tag\"\u003eUV-skydd mot solen\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-tag\"\u003eÖronhålsdesign\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-tag\"\u003eJusterbar passform\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\u003ePremium andningsbart manchestertyg\u003c\/h2\u003e\n\n\u003cp\u003eTillverkad av ultramjukt, lätt manchestertyg som säkerställer kontinuerlig luftcirkulation. Den är hållbar för dagligt bruk samtidigt som den håller ditt husdjurs huvud svalt och bekvämt, och förhindrar överhettning även under de varmaste stranddagarna.\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\u003eDesign för naturlig öronrörelse\u003c\/h2\u003e\n\n\u003cp\u003eGlöm hattar som klämmer öronen! Våra specialdesignade bilaterala öronhål passar olika raser perfekt. Ditt husdjur kan lyssna, vara uppmärksamt och uttrycka sig naturligt utan att känna sig begränsad eller obekväm.\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\u003eSitter kvar, även i vinden\u003c\/h2\u003e\n\n\u003cp\u003eAktiva husdjur behöver säker utrustning. Den helt justerbara hakremmen med en pålitlig spännelås håller hatten stadigt på plats. Oavsett om de springer i parken eller möter havsbrisar, sitter solskyddet exakt där det ska.\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\u003eHitta den perfekta passformen\u003c\/h2\u003e\n\n\u003cp\u003eMät runt ditt husdjurs ansikte (precis under öronen) för att säkerställa optimal komfort.\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\u003eStorlek\u003c\/th\u003e\n\t\t\t\u003cth\u003eAnsiktsomkrets (tum \/ cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eFöreslagen vikt (lb \/ kg)\u003c\/th\u003e\n\t\t\t\u003cth\u003eRasguide (endast referens)\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\"\u003eKatter, pomeranian, toy pudlar, bichon frisé (små raser)\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\"\u003eFranska bulldoggar, corgis, shiba inus (medelstora raser)\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\"\u003eMedium\/stora blandraser, standardpudlar\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\"\u003eBorder Collies, Golden Retrievers, Labrador Retrievers (stora raser)\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\"\u003eVanliga frågor\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHur mäter jag noggrant mitt husdjurs ansiktsomkrets?\u003c\/h3\u003e\n\n\u003cp\u003eAnvänd ett mjukt måttband och mät runt omkretsen av ditt husdjurs huvud, under hakan och precis framför öronen. Jämför denna mätning med vår storlekstabell. Om ditt husdjur ligger mellan storlekar rekommenderar vi att välja en större storlek för bättre komfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eÄr hatten maskintvättbar?\u003c\/h3\u003e\n\n\u003cp\u003eFör att bevara formen på brättet och mjukheten i manchestertyget rekommenderar vi starkt skonsam handtvätt med kallt vatten och mild, husdjursvänlig tvål. Låt den lufttorka naturligt borta från direkt stark värme.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eKommer mitt husdjur lätt att skaka av sig hatten?\u003c\/h3\u003e\n\n\u003cp\u003eInte alls! Hatten är utrustad med en säker, justerbar hakrem med en glidande spänne. När den är ordentligt justerad för att sitta tätt (men inte hårt) under hakan, sitter den stadigt på plats under lek och promenader.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Blå \/ S","offer_id":48044514574548,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Grön \/ S","offer_id":48044514607316,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Rosa \/ S","offer_id":48044514640084,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Svart \/ S","offer_id":48044514672852,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blå \/ M","offer_id":48044514705620,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Grön \/ M","offer_id":48044514738388,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Rosa \/ M","offer_id":48044514771156,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Svart \/ M","offer_id":48044514803924,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blå \/ L","offer_id":48044514836692,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Grön \/ L","offer_id":48044514869460,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Rosa \/ L","offer_id":48044514902228,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Svart \/ L","offer_id":48044514934996,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blå \/ XL","offer_id":48044514967764,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Grön \/ XL","offer_id":48044515000532,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Rosa \/ XL","offer_id":48044515033300,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Svart \/ XL","offer_id":48044515066068,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/3682\/8116\/files\/06cb91c90f191359702949ac739fe228.jpg?v=1780487130","url":"https:\/\/omurio.com\/sv\/products\/fashionable-corduroy-dog-hat-rjc","provider":"Omurio","version":"1.0","type":"link"}