{"product_id":"fashionable-corduroy-dog-hat","title":"UV Blocking Pet Sunhat","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\"\u003eVet \u0026amp; Pet Approved\u003c\/div\u003e\n\n\u003ch1\u003eKeep Paws Cool, Protected \u0026amp; Stylish\u003c\/h1\u003e\n\n\u003cp\u003eThe ultimate wide-brimmed corduroy cap designed specifically for your furry friend's comfort during sunny outdoor adventures.\u003c\/p\u003e\n\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-tag\"\u003eUV Sun Protection\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-tag\"\u003eEar-Hole Design\u003c\/div\u003e\n\n\u003cdiv class=\"benefit-tag\"\u003eAdjustable Fit\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 Breathable Corduroy\u003c\/h2\u003e\n\n\u003cp\u003eCrafted from ultra-soft, lightweight corduroy fabric that ensures continuous airflow. It maintains durability for daily use while keeping your pet's head cool and comfortable, preventing overheating even on the warmest beach days.\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\u003eNatural Ear Movement Design\u003c\/h2\u003e\n\n\u003cp\u003eForget hats that squash their ears! Our specially designed bilateral ear holes accommodate different breeds perfectly. Your pet can perk up, listen, and express themselves naturally without feeling restricted or uncomfortable.\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\u003eStays Put, Even in the Wind\u003c\/h2\u003e\n\n\u003cp\u003eActive pets need secure gear. The fully adjustable chin strap with a reliable toggle lock keeps the hat firmly in place. Whether they are running through the park or facing ocean breezes, their sun protection stays exactly where it belongs.\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\u003eFind the Perfect Fit\u003c\/h2\u003e\n\n\u003cp\u003eMeasure around your pet's face (just below the ears) to ensure optimal comfort.\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\u003eSize\u003c\/th\u003e\n\t\t\t\u003cth\u003eFace Girth (in \/ cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eSuggested Weight (lb \/ kg)\u003c\/th\u003e\n\t\t\t\u003cth\u003eBreed Guide (Reference Only)\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\"\u003eCats, Pomeranians, Toy Poodles, Bichon Frises (Small Breeds)\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\"\u003eFrench Bulldogs, Corgis, Shiba Inus (Medium Breeds)\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\/Large Mixes, Standard Poodles\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 (Large Breeds)\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\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eHow do I accurately measure my pet's face girth?\u003c\/h3\u003e\n\n\u003cp\u003eUse a soft measuring tape and wrap it around the circumference of your pet's head, going under the chin and right in front of their ears. Compare this measurement to our size chart. If your pet is between sizes, we recommend sizing up for better comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eIs the hat machine washable?\u003c\/h3\u003e\n\n\u003cp\u003eTo preserve the shape of the brim and the softness of the corduroy fabric, we highly recommend gentle hand washing with cold water and mild pet-safe detergent. Let it air dry naturally away from direct harsh heat.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWill my pet easily shake the hat off?\u003c\/h3\u003e\n\n\u003cp\u003eNot at all! The hat is equipped with a secure, adjustable chin strap featuring a sliding toggle. Once properly adjusted to fit snugly (but not tight) under the chin, it remains securely in place during active play and walks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Blue \/ S","offer_id":51162084147424,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Green \/ S","offer_id":51162084180192,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ S","offer_id":51162084212960,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ S","offer_id":51162084245728,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ M","offer_id":51162084278496,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Green \/ M","offer_id":51162084311264,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ M","offer_id":51162084344032,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ M","offer_id":51162084376800,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ L","offer_id":51162084409568,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Green \/ L","offer_id":51162084442336,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ L","offer_id":51162084475104,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ L","offer_id":51162084507872,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Blue \/ XL","offer_id":51162084540640,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Green \/ XL","offer_id":51162084573408,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Pink \/ XL","offer_id":51162084606176,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ XL","offer_id":51162084638944,"sku":null,"price":14.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/5296\/2272\/files\/06cb91c90f191359702949ac739fe228.jpg?v=1774331743","url":"https:\/\/dogplaybox.com\/products\/fashionable-corduroy-dog-hat","provider":"DogPlayBox","version":"1.0","type":"link"}