{"product_id":"classic-vintage-newsboy-cap","title":"Classic Vintage Newsboy Cap","description":"\u003cstyle type=\"text\/css\"\u003e\/* Design Variables *\/\n    .product-detail-container {\n      --primary: #2a2b2d;\n      --primary-hover: #3d3e41;\n      --text-main: #1a1a1a;\n      --text-sub: #4a4a4a;\n      --bg-body: #ffffff;\n      --bg-card: #f9f9f9;\n      --bg-soft: #f4f4f4;\n      --border-color: #e0e0e0;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.08);\n      \n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 2rem 5%;\n      box-sizing: border-box;\n      background-color: var(--bg-body);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      overflow-wrap: break-word;\n      word-break: break-word;\n    }\n\n    \/* Fixed Typography System *\/\n    .product-detail-container h1 {\n      font-size: 22px !important;\n      line-height: 1.3 !important;\n      font-weight: 700 !important;\n      color: var(--text-main) !important;\n      margin: 0 0 16px 0 !important;\n    }\n\n    .product-detail-container h2,\n    .product-detail-container h3,\n    .product-detail-container .section-title,\n    .product-detail-container .feature-title,\n    .product-detail-container .faq-q,\n    .product-detail-container .spec-title {\n      font-size: 20px !important;\n      line-height: 1.4 !important;\n      font-weight: 600 !important;\n      color: var(--text-main) !important;\n      margin: 0 0 12px 0 !important;\n    }\n\n    .product-detail-container p,\n    .product-detail-container span,\n    .product-detail-container li,\n    .product-detail-container td,\n    .product-detail-container th,\n    .product-detail-container .faq-a,\n    .product-detail-container .badge,\n    .product-detail-container .tag,\n    .product-detail-container .spec-value {\n      font-size: 18px !important;\n      line-height: 1.6 !important;\n      color: var(--text-sub) !important;\n    }\n\n    \/* Spacing \u0026 Layout *\/\n    .product-detail-container section {\n      margin-bottom: clamp(2.5rem, 6vw, 4.5rem);\n    }\n\n    \/* Image Styling with Dotted Borders for Placeholders *\/\n    .product-image-placeholder {\n      width: 100%;\n      background-color: var(--bg-soft);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-md);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 4rem 1rem;\n      box-sizing: border-box;\n      margin-bottom: 1.5rem;\n      text-align: center;\n    }\n\n    .product-image-placeholder span {\n      font-weight: 500;\n      color: var(--text-sub);\n    }\n\n    \/* Trust Badges \u0026 Tags *\/\n    .badge-container {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-bottom: 1.5rem;\n    }\n\n    .badge {\n      background-color: var(--bg-soft);\n      color: var(--text-main) !important;\n      padding: 6px 14px;\n      border-radius: 40px;\n      font-weight: 500;\n      display: inline-block;\n    }\n\n    .tag-container {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 12px;\n    }\n\n    .tag {\n      background-color: var(--bg-soft);\n      color: var(--text-sub) !important;\n      padding: 4px 12px;\n      border-radius: 4px;\n      font-weight: 500;\n    }\n\n    \/* Intro \/ Hero Block *\/\n    .hero-section {\n      text-align: center;\n      padding: 2rem 0;\n    }\n\n    .hero-text-box {\n      max-width: 800px;\n      margin: 0 auto 2rem auto;\n    }\n\n    \/* Feature Sections Layout *\/\n    .feature-item {\n      display: flex;\n      align-items: center;\n      gap: clamp(1.5rem, 4vw, 3rem);\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n    }\n\n    .feature-media {\n      flex: 12;\n      min-width: 0;\n    }\n\n    .feature-copy {\n      flex: 10;\n      min-width: 0;\n    }\n\n    \/* Use Scenario Section *\/\n    .scenario-section {\n      background-color: var(--bg-card);\n      padding: 2.5rem;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n    }\n\n    .scenario-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 1.5rem;\n      margin-top: 1.5rem;\n    }\n\n    .scenario-card {\n      background-color: var(--bg-body);\n      padding: 1.5rem;\n      border-radius: var(--radius-md);\n      border: 1px solid var(--border-color);\n    }\n\n    \/* Fit \/ Size Guidance Section *\/\n    .size-section {\n      text-align: center;\n    }\n\n    .size-content {\n      max-width: 700px;\n      margin: 0 auto 1.5rem auto;\n    }\n\n    \/* Specifications Responsive Table *\/\n    .specifications-section {\n      background-color: var(--bg-card);\n      padding: 2.5rem;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n    }\n\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 1.5rem;\n    }\n\n    \/* Desktop Specification Layout *\/\n    @media (min-width: 768px) {\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n\n      .spec-table td {\n        display: flex;\n        justify-content: space-between;\n        padding: 1.2rem 0;\n        border-bottom: 1px solid var(--border-color);\n      }\n\n      .spec-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        color: var(--text-main);\n        width: 35%;\n        flex-shrink: 0;\n      }\n\n      .spec-table .spec-value {\n        width: 65%;\n        color: var(--text-sub);\n      }\n    }\n\n    \/* Responsive Design Mobile Lock (No font shrinkage below 18px) *\/\n    @media (max-width: 767px) {\n      .product-detail-container {\n        padding: 1.5rem 4%;\n      }\n\n      .feature-item {\n        flex-direction: column !important; \/* Force Image First, Text Second *\/\n        gap: 1.5rem;\n      }\n\n      .feature-media, .feature-copy {\n        width: 100%;\n      }\n\n      .scenario-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .scenario-section {\n        padding: 1.5rem;\n      }\n\n      .specifications-section {\n        padding: 1.5rem;\n      }\n\n      \/* Mobile Specifications Structure *\/\n      .spec-table, .spec-table tbody, .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        border-bottom: 1px solid var(--border-color);\n      }\n\n      .spec-table td::before {\n        content: attr(data-label);\n        display: block;\n        min-width: 0;\n        font-size: 18px !important;\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 .spec-value {\n        display: block;\n        min-width: 0;\n        max-width: 100%;\n        font-size: 18px !important;\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\n    \/* FAQ Accordion Styling *\/\n    .faq-section {\n      background-color: var(--bg-card);\n      padding: 2.5rem;\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n    }\n\n    .faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 1.5rem 0;\n    }\n\n    .faq-item:last-child {\n      border-bottom: none;\n    }\n\n    .faq-q {\n      margin-bottom: 8px !important;\n    }\n\u003c\/style\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Classic Flat Cap \/ Newsboy Hat\nTarget Audience: Men and women seeking a vintage-style, versatile, and comfortable flat cap\nVisual Style: Classic, clean, and highly organized with a refined slate-grey aesthetic\nColor Strategy: Slate charcoal, neutral soft greys, pure white backgrounds, dark charcoal accents\nModule Order: Hero -\u003e Features (3 sections) -\u003e Use Scenarios -\u003e Fit Guidance -\u003e Specifications -\u003e FAQ\nDetail Image Mapping: Hero=detail_6, Feature1=detail_2, Feature2=detail_3, Feature3=detail_4, Scenario=detail_1, FitGuidance=detail_5\nSpecification Data Source: Product analysis report and supplementary text (data extraction only; no specification image placeholder is rendered)\nCompare Section: Not included (no verified direct comparative metrics or images provided)\nInformation Boundary: Strictly relies on confirmed facts (up to 58cm\/22.8in head circumference, curved brim, rear elastic band, cotton sweatband, lightweight fabric, multi-purpose styling).\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- A. INTRO \/ HERO CONTENT BLOCK --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-text-box\"\u003e\n\u003cdiv class=\"badge-container\" style=\"justify-content: center;\"\u003e\u003cspan class=\"badge\"\u003eVintage Simplicity \u0026amp; Timeless Style\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1\u003eClassic Flat Cap silhouette with Comfortable Fit\u003c\/h1\u003e\n\n\u003cp\u003eElevate your everyday wardrobe with our lightweight, versatile newsboy hat. Designed for a comfortable fit, it transitions effortlessly across various occasions and seasons.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"product-image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img93\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917174958\/90ee58898e2c3111ca4b7c914499688b.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- B. FEATURE SECTIONS --\u003e\n\n\u003csection class=\"features-container\"\u003e\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"product-image-placeholder\"\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img69\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917182004\/aba6646db4fb1b64373ac325a6b6aa8c.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eFlexible Curved Brim\u003c\/h2\u003e\n\n\u003cp\u003eThis classic cap features a wider, longer curved brim that helps flatter your face shape while maintaining its structure. Designed to provide comfortable protection from the elements with classic flair.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-container\"\u003e\n\u003cspan class=\"tag\"\u003eFlattering Shape\u003c\/span\u003e \u003cspan class=\"tag\"\u003eAdjustable Curve\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"product-image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img96\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917174958\/31eabe42931f6f4da11b04ddd686da0f.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eComfortable Elastic Fit\u003c\/h2\u003e\n\n\u003cp\u003eEquipped with a built-in rear elastic band, this flat cap adjusts easily to stay snug and secure. It offers reliable, flexible sizing to fit standard head circumferences comfortably all day.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-container\"\u003e\n\u003cspan class=\"tag\"\u003eFlexible Adjustment\u003c\/span\u003e \u003cspan class=\"tag\"\u003eAll-Day Comfort\u003c\/span\u003e\n\u003c\/div\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=\"product-image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img95\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917174958\/2fcc6c46b252c8f476d4d9307c95ac54.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eSoft Internal Cotton Sweatband\u003c\/h2\u003e\n\n\u003cp\u003eLined with a soft cotton sweatband for superior moisture absorption. It remains gentle against your skin while helping to keep your head dry, cool, and comfortable throughout your daily routines.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-container\"\u003e\n\u003cspan class=\"tag\"\u003eSoft \u0026amp; Breathable\u003c\/span\u003e \u003cspan class=\"tag\"\u003eStrong Sweat Absorption\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. USE SCENARIOS --\u003e\n\n\u003csection class=\"scenario-section\"\u003e\n\u003ch2 class=\"section-title\" style=\"text-align: center; margin-bottom: 1.5rem;\"\u003eMulti-Purpose Styling\u003c\/h2\u003e\n\n\u003cp style=\"text-align: center; max-width: 800px; margin: 0 auto 2rem auto;\"\u003eWith its medium thickness, this newsboy cap seamlessly pairs with casual everyday wear, driving gear, and retro-themed event outfits.\u003c\/p\u003e\n\n\u003cdiv class=\"product-image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img97\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917174958\/bf63971e3c01a94c260bf8c35ac7879d.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"scenario-grid\"\u003e\n\u003cdiv class=\"scenario-card\"\u003e\n\u003ch3 class=\"section-title\"\u003eOutdoor \u0026amp; Leisure\u003c\/h3\u003e\n\n\u003cp\u003ePerfect for lightweight protection and simple comfort while enjoying relaxing outdoor activities like walking or fishing.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"scenario-card\"\u003e\n\u003ch3 class=\"section-title\"\u003eDaily Commuting \u0026amp; Driving\u003c\/h3\u003e\n\n\u003cp\u003eAn easy, comfortable accessory to block standard glare and maintain classic styling behind the wheel or on your morning commute.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- D. FIT \/ SIZE GUIDANCE --\u003e\n\n\u003csection class=\"size-section\"\u003e\n\u003cdiv class=\"size-content\"\u003e\n\u003ch2 class=\"section-title\"\u003eFind Your Perfect Fit\u003c\/h2\u003e\n\n\u003cp\u003eThis newsboy hat comes in a single adaptable size, featuring an elasticized band to easily support head circumferences up to 58 cm (22.8 inches).\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"product-image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img98\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917174958\/dd049a23be7cd0b85045718013e020a7.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- E. SPECIFICATIONS (Text Only, No Image Placeholders) --\u003e\n\n\u003csection class=\"specifications-section\"\u003e\n\u003ch2 class=\"spec-title\"\u003eSpecifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Silhouette\"\u003e\u003cspan class=\"spec-value\"\u003eClassic Flat Cap \/ Newsboy Hat\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Fit Sizing\"\u003e\u003cspan class=\"spec-value\"\u003eOne Size (Fits head circumferences up to 58cm \/ 22.8in)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Material Details\"\u003e\u003cspan class=\"spec-value\"\u003eComfortable, lightweight fabric with soft cotton sweatband\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Brim Style\"\u003e\u003cspan class=\"spec-value\"\u003eWider, longer curved brim (flexible adjustment)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Fit Adjustment\"\u003e\u003cspan class=\"spec-value\"\u003eRear elastic band\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Suitable Seasons\"\u003e\u003cspan class=\"spec-value\"\u003eSpring, Fall, and Winter\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!-- F. FAQ --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2 class=\"section-title\" style=\"text-align: center; margin-bottom: 2rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-q\"\u003eWhat head size does this cap support?\u003c\/h3\u003e\n\n\u003cp class=\"faq-a\"\u003eThis cap features a built-in rear elastic band that expands to comfortably fit head circumferences up to 58 cm (22.8 inches).\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-q\"\u003eHow does the brim adjust?\u003c\/h3\u003e\n\n\u003cp class=\"faq-a\"\u003eThe flat cap features a flexible, curved brim. You can easily adjust the curvature manually to better frame your face shape.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-q\"\u003eWhat should I do if the hat arrives flat?\u003c\/h3\u003e\n\n\u003cp class=\"faq-a\"\u003eDue to packaging and shipping, the hat may appear slightly flattened upon arrival. Simply wear it or place it over a standard hat stand to quickly restore its shape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Dark gray","offer_id":46221098909887,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"black","offer_id":46221098942655,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"yellow","offer_id":46221098975423,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Claret","offer_id":46221099008191,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Dark brown","offer_id":46221099040959,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Light green","offer_id":46221099073727,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Light gray","offer_id":46221099106495,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"coffee brown","offer_id":46221099139263,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/90ee58898e2c3111ca4b7c914499688b.jpg?v=1789640429","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/classic-vintage-newsboy-cap","provider":"Bak","version":"1.0","type":"link"}