{"product_id":"wide-brim-witch-hat","title":"Wide Brim Witch Hat","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  Product Type: Knitted Witch Hat for Halloween and Fall\/Winter Daily Wear\n  Target Audience: Fashion-forward women, Halloween party-goers, Cosplay enthusiasts, and street fashion lovers\n  Visual Style: Enchanting, warm, cozy, autumnal, and premium boutique aesthetic\n  Color Strategy: Deep charcoal black (#1e1e24), warm cream beige (#fdfaf6), soft rust pumpkin (#c96f53), and muted sand borders\n  Module Order: Hero -\u003e Feature 1 (Foldability) -\u003e Feature 2 (Material Blend) -\u003e Feature 3 (Elastic Fit) -\u003e Scenarios -\u003e Specifications Table -\u003e FAQ\n  Detail Image Mapping: Hero=detail_1, Feature1=detail_4, Feature2=detail_2, Feature3=detail_5\n  Specification Data Source: Product Analysis Report and Image 1, 4, 8 (data extraction only; no specification image placeholder is rendered)\n  Compare Section: Not included (No clear benchmark data or direct competitive visual provided in the assets)\n  Information Boundary: Strictly relies on provided 90% Polyester \/ 10% Wool blend, 22-24 inches fit range, shape-retention characteristics, and specified festive\/casual usage scenarios. No unverified facts added.\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #c96f53;\n      --primary-hover: #b05a3f;\n      --text-main: #1e1e24;\n      --text-sub: #5c5c64;\n      --bg-body: #ffffff;\n      --bg-card: #fdfaf6;\n      --bg-soft: #f5f0eb;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);\n      --border-color: #e5ded4;\n\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      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n    }\n\n    \/* Common spacing system *\/\n    .product-detail-container section {\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n    }\n\n    \/* Typography System - PC and MB Locked *\/\n    .product-detail-container h1 {\n      font-size: 22px;\n      line-height: 1.3;\n      margin: 0 0 12px 0;\n      font-weight: 700;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h2 {\n      font-size: 20px;\n      line-height: 1.4;\n      margin: 0 0 20px 0;\n      font-weight: 700;\n      color: var(--text-main);\n      text-align: center;\n    }\n\n    .product-detail-container h3 {\n      font-size: 20px;\n      line-height: 1.4;\n      margin: 0 0 10px 0;\n      font-weight: 600;\n      color: var(--text-main);\n    }\n\n    .product-detail-container p,\n    .product-detail-container li,\n    .product-detail-container span,\n    .product-detail-container td {\n      font-size: 18px;\n      line-height: 1.6;\n      color: var(--text-sub);\n    }\n\n    \/* Natural Image Flow Container *\/\n    .img-placeholder {\n      width: 100%;\n      background: var(--bg-soft);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-lg);\n      padding: 60px 20px;\n      text-align: center;\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 15px 0;\n    }\n\n    .img-placeholder span {\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--text-sub);\n    }\n\n    \/* A. HERO CONTENT BLOCK *\/\n    .hero-section {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(20px, 4vw, 40px);\n      box-shadow: var(--shadow-sm);\n      margin-top: 20px;\n    }\n\n    .hero-header {\n      text-align: center;\n      margin-bottom: 24px;\n    }\n\n    .hero-badge {\n      display: inline-block;\n      background-color: var(--primary);\n      color: #ffffff;\n      padding: 6px 16px;\n      border-radius: 50px;\n      font-size: 18px;\n      font-weight: 600;\n      margin-bottom: 12px;\n    }\n\n    \/* B. FEATURE SECTIONS WITH MOBILE ORDER LOCK *\/\n    .feature-item {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: clamp(20px, 5vw, 40px);\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n    }\n\n    .feature-item:nth-child(even) {\n      flex-direction: row-reverse;\n    }\n\n    .feature-media {\n      flex: 1;\n      min-width: 280px;\n    }\n\n    .feature-copy {\n      flex: 1;\n      min-width: 280px;\n    }\n\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 14px;\n    }\n\n    .feature-tag {\n      background-color: var(--bg-soft);\n      color: var(--text-main);\n      padding: 4px 12px;\n      border-radius: var(--radius-md);\n      font-size: 18px;\n      font-weight: 500;\n    }\n\n    \/* C. SCENARIOS SECTION *\/\n    .scenario-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 20px;\n      margin-top: 20px;\n    }\n\n    .scenario-card {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: 20px;\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .scenario-card h3 {\n      border-bottom: 2px solid var(--primary);\n      padding-bottom: 6px;\n      display: inline-block;\n      margin-bottom: 12px;\n    }\n\n    \/* D. SPECIFICATIONS TABLE (Text Only, No Image Placeholders) *\/\n    .specifications-section {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(20px, 4vw, 40px);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 20px;\n    }\n\n    .spec-table tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .spec-table tr:last-child {\n      border-bottom: none;\n    }\n\n    .spec-table td {\n      padding: 16px 20px;\n      vertical-align: top;\n    }\n\n    .spec-table td:first-child {\n      font-weight: 600;\n      width: 35%;\n      color: var(--text-main);\n    }\n\n    \/* E. FAQ SECTION *\/\n    .faq-item {\n      background-color: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      margin-bottom: 12px;\n      padding: 20px;\n    }\n\n    .faq-question {\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--text-main);\n      margin-bottom: 8px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .faq-answer {\n      font-size: 18px;\n      color: var(--text-sub);\n      margin: 0;\n    }\n\n    \/* RESPONSIVE LAYOUT RULES *\/\n    @media (max-width: 767px) {\n      .feature-item {\n        flex-direction: column !important; \/* Forces Image first, text second on mobile *\/\n      }\n\n      .feature-media, .feature-copy {\n        width: 100%;\n      }\n\n      \/* Specifications Mobile Overlap Guard \u0026 Wrapping *\/\n      .spec-table,\n      .spec-table tbody,\n      .spec-table tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n      }\n\n      .spec-table td {\n        display: grid;\n        grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);\n        gap: 14px;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 14px 0;\n        align-items: start;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n\n      .spec-table td::before {\n        content: attr(data-label);\n        display: block;\n        min-width: 0;\n        font-size: 18px;\n        font-weight: 600;\n        line-height: 1.5;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n\n      .spec-table td:first-child {\n        display: none; \/* Hide standard layout td to avoid duplicate rendering with ::before *\/\n      }\n\n      .spec-table .spec-value {\n        display: block;\n        min-width: 0;\n        max-width: 100%;\n        font-size: 18px;\n        line-height: 1.5;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n    }\n\n    @media (max-width: 420px) {\n      .spec-table td {\n        grid-template-columns: 1fr;\n        gap: 6px;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- A. HERO CONTENT BLOCK --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-header\"\u003e\n\u003cspan class=\"hero-badge\"\u003eMagical \u0026amp; Cozy Design\u003c\/span\u003e\n\u003ch1\u003eChic Knit Witch Hat\u003c\/h1\u003e\n\n\u003cp\u003eStand out with a cute slouched shape, crafted in premium soft-woven warmth for festive moments and daily winter styles.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"img-placeholder\"\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img81\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260901130444\/bcf02d52c52defaf7de1359045b6f9f2.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"features-container\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img82\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260901130444\/b5716fba49064f03beb4e10b8bcf3f52.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eShape Retentive \u0026amp; Fully Foldable\u003c\/h3\u003e\n\n\u003cp\u003eThis witch hat features a soft, high-elastic structure that allows you to roll, pack, or fold it easily into your bag for storage or travel. Simply shake it out to instantly restore its whimsical curved silhouette without worrying about permanent deformation or unsightly creases.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eFoldable Design\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eCrease-Resistant\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eEasy Storage\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img84\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260901130655\/2c637353e7ba368e7fa1aa528a2fbcd5.jpeg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eHighly Elastic Fit for All Sizes\u003c\/h3\u003e\n\n\u003cp\u003eEngineered with a stretchy, seamless knit pattern, this hat accommodates head circumferences ranging from 22 to 24 inches comfortably. Enjoy a secure, snug hold that fits beautifully without feeling constrictive or leaving pressure marks on your forehead.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e22-24 Inches \/ 56-58 cm\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eElastic Fit\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSoft \u0026amp; Stretchable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. SCENARIOS SECTION (Supported by Image 8) --\u003e\n\n\u003csection class=\"scenarios-section\"\u003e\n\u003ch2\u003eVersatile Styling For Any Occasion\u003c\/h2\u003e\n\n\u003cdiv class=\"scenario-grid\"\u003e\n\u003cdiv class=\"scenario-card\"\u003e\n\u003ch3\u003eHalloween \u0026amp; Parties\u003c\/h3\u003e\n\n\u003cp\u003eElevate your festive look instantly at Halloween events, dress-up carnivals, and masquerade parties with its signature slouched top and natural wavy brim.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"scenario-card\"\u003e\n\u003ch3\u003eDaily Fall Outings\u003c\/h3\u003e\n\n\u003cp\u003eThe soft-woven texture effortlessly matches casual sweaters, trench coats, and street styles, offering practical shade and reliable warmth during chilly winter strolls.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"scenario-card\"\u003e\n\u003ch3\u003eGatherings \u0026amp; Club Events\u003c\/h3\u003e\n\n\u003cp\u003eBe the charming centerpiece at comic fairs, family holiday gatherings, cosplay club nights, and stage shows with a uniquely cute fashion statement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- D. SPECIFICATIONS TABLE (Text Only, No Image Placeholders) --\u003e\n\n\u003csection class=\"specifications-section\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eMaterial Composition\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Material Composition\"\u003e\u003cspan class=\"spec-value\"\u003e100% Polyester\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eHead Circumference Fit\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Head Circumference Fit\"\u003e\u003cspan class=\"spec-value\"\u003e22 - 24 inches \/ 56 - 58 cm (Highly elastic)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eDesign Profile\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Design Profile\"\u003e\u003cspan class=\"spec-value\"\u003eSlouchy pointed witch hat with wide, natural wavy brim\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eTexture \u0026amp; Care\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Texture \u0026amp; Care\"\u003e\u003cspan class=\"spec-value\"\u003eSoft, thick, moisture-wicking, hand wash recommended\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eFunctional Use\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Functional Use\"\u003e\u003cspan class=\"spec-value\"\u003eCold-weather head warmth, festival cosplay, sun shading\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- E. FAQ SECTION --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp class=\"faq-question\"\u003e🧙‍♀️ How do I fold and store this hat without ruining its shape?\u003c\/p\u003e\n\n\u003cp class=\"faq-answer\"\u003eThis hat is knitted with a highly elastic and shape-retentive structure. You can roll it tightly or fold it to tuck into a suitcase or handbag. When unpacked, simply unroll it and give the slouched tip a gentle shake; it will quickly regain its signature shape without permanent creasing.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp class=\"faq-question\"\u003e🍁 What makes the material blend comfortable to wear?\u003c\/p\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe fabric contains 100% polyester. This combination delivers the classic warmth of wool while retaining the soft texture and skin-friendly breathability of polyester, keeping you comfortable, warm, and itch-free all day.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp class=\"faq-question\"\u003e✨ Will this hat fit comfortably on larger head sizes?\u003c\/p\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes. Because of its premium knitted craftsmanship, the hat possesses high elasticity. It stretches safely and comfortably to fit head sizes from 22 to 24 inches (56 to 58 cm) without squeezing, offering a secure hold for various hair volumes and head shapes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Black","offer_id":46120009236671,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Red","offer_id":46120009269439,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Orange-red","offer_id":46120009302207,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Light gray","offer_id":46120009334975,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Pink","offer_id":46120009367743,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":46120009400511,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Khaki","offer_id":46120009433279,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/bcf02d52c52defaf7de1359045b6f9f2.jpg?v=1788239496","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/wide-brim-witch-hat","provider":"Bak","version":"1.0","type":"link"}