{"product_id":"snapback-hat","title":"Snapback Hat","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black\u0026family=Inter:wght@400;500;600;700\u0026display=swap');\n\n  :root{\n    --ink:#161513;\n    --paper:#f3efe6;\n    --accent:#e6472e;\n    --line:#161513;\n    --muted:#5c584f;\n  }\n\n  *{box-sizing:border-box;}\n\n  body{\n    margin:0;\n    background:var(--paper);\n    color:var(--ink);\n    font-family:'Inter',sans-serif;\n    line-height:1.5;\n  }\n\n  .page{\n    max-width:1040px;\n    margin:0 auto;\n    padding:56px 24px 96px;\n  }\n\n  .top-tag{\n    font-size:13px;\n    color:var(--muted);\n    letter-spacing:0.02em;\n    margin-bottom:28px;\n  }\n\n  .layout{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:56px;\n    align-items:start;\n  }\n\n  @media (max-width:760px){\n    .layout{grid-template-columns:1fr; gap:36px;}\n  }\n\n  \/* Product visual block *\/\n  .visual{\n    position:relative;\n    border:3px solid var(--line);\n    aspect-ratio:1\/1.05;\n    background:\n      radial-gradient(circle at 30% 25%, #fffaf0 0%, #e9e2d2 55%, #d8cfba 100%);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    overflow:hidden;\n  }\n\n  .visual svg{ width:64%; height:auto; }\n\n  .visual .corner{\n    position:absolute;\n    font-family:'Archivo Black', sans-serif;\n    font-size:13px;\n    letter-spacing:0.03em;\n  }\n  .corner.tl{top:16px; left:18px;}\n  .corner.br{bottom:16px; right:18px; text-align:right;}\n\n  .swatches{\n    display:flex;\n    gap:10px;\n    margin-top:18px;\n  }\n  .swatch{\n    width:28px; height:28px;\n    border:2px solid var(--ink);\n    border-radius:50%;\n  }\n  .s1{background:#161513;}\n  .s2{background:#e6472e;}\n  .s3{background:#7c8a6e;}\n  .s4{background:#e3d9c4; border-color:#161513;}\n\n  \/* Info column *\/\n  h1.name{\n    font-family:'Archivo Black', sans-serif;\n    font-size:clamp(34px, 4.4vw, 50px);\n    line-height:0.98;\n    margin:0 0 14px;\n    text-transform:uppercase;\n    letter-spacing:-0.01em;\n  }\n\n  .price-row{\n    display:flex;\n    align-items:baseline;\n    gap:12px;\n    margin-bottom:22px;\n  }\n  .price{\n    font-size:22px;\n    font-weight:700;\n  }\n  .compare{\n    color:var(--muted);\n    text-decoration:line-through;\n    font-size:16px;\n  }\n\n  .intro{\n    font-size:16.5px;\n    max-width:52ch;\n    margin-bottom:30px;\n  }\n\n  .divider{\n    border:none;\n    border-top:2px solid var(--ink);\n    margin:0 0 24px;\n  }\n\n  .benefits{\n    list-style:none;\n    margin:0 0 30px;\n    padding:0;\n    display:flex;\n    flex-direction:column;\n    gap:16px;\n  }\n\n  .benefits li{\n    display:grid;\n    grid-template-columns:20px 1fr;\n    gap:14px;\n    align-items:start;\n  }\n\n  .benefits li::before{\n    content:\"\";\n    width:9px; height:9px;\n    background:var(--accent);\n    margin-top:7px;\n    transform:rotate(45deg);\n  }\n\n  .benefits b{\n    display:block;\n    font-size:15.5px;\n    margin-bottom:2px;\n  }\n  .benefits span{\n    color:var(--muted);\n    font-size:15px;\n  }\n\n  .cta{\n    display:inline-block;\n    background:var(--ink);\n    color:var(--paper);\n    font-weight:700;\n    font-size:15px;\n    padding:16px 34px;\n    border:2px solid var(--ink);\n    letter-spacing:0.01em;\n    cursor:pointer;\n    margin-bottom:10px;\n  }\n  .cta:hover{ background:var(--accent); border-color:var(--accent); }\n\n  .stock{\n    font-size:13px;\n    color:var(--muted);\n  }\n  .stock::before{\n    content:\"●\";\n    color:#4f7a4a;\n    margin-right:6px;\n    font-size:10px;\n  }\n\n  \/* Bottom description panel *\/\n  .full-desc{\n    margin-top:80px;\n    border-top:3px solid var(--ink);\n    padding-top:40px;\n  }\n\n  .full-desc h2{\n    font-family:'Archivo Black', sans-serif;\n    font-size:22px;\n    text-transform:uppercase;\n    margin:0 0 18px;\n  }\n\n  .full-desc p{\n    max-width:62ch;\n    font-size:16px;\n    margin-bottom:20px;\n  }\n\n  .who-for{\n    background:var(--ink);\n    color:var(--paper);\n    padding:32px 30px;\n    max-width:62ch;\n  }\n  .who-for p{ margin:0; color:var(--paper); }\n\n  footer.note{\n    margin-top:60px;\n    font-size:12.5px;\n    color:var(--muted);\n    text-align:center;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"page\"\u003e\n\u003cdiv class=\"top-tag\"\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"layout\"\u003e\n\u003c!-- Visual --\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"visual\"\u003e\n\u003cdiv class=\"corner tl\"\u003eNEW\u003cbr\u003eARRIVAL\u003c\/div\u003e\n\u003cdiv class=\"corner br\"\u003eONE SIZE\u003cbr\u003eFITS MOST\u003c\/div\u003e\n\u003csvg viewbox=\"0 0 200 160\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M20 95 C20 55 55 25 100 25 C145 25 180 55 180 95 L180 105 C180 112 174 118 167 118 L33 118 C26 118 20 112 20 105 Z\" fill=\"#161513\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 100 C-10 100 -25 118 -30 132 C-31 136 -28 139 -24 138 L25 122\" fill=\"#161513\"\u003e\u003c\/path\u003e\n          \u003cellipse cx=\"100\" cy=\"118\" rx=\"80\" ry=\"10\" fill=\"#e6472e\"\u003e\u003c\/ellipse\u003e\n          \u003crect x=\"60\" y=\"55\" width=\"80\" height=\"34\" rx=\"4\" fill=\"#f3efe6\"\u003e\u003c\/rect\u003e         \u003c\/svg\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1057\/8850\/6193\/files\/classic-snapback-black-neon-pink-left-front-6a95ff1052a0d.jpg?v=1788215086\" alt=\"Product mockup\"\u003eThe Everyday Snapback\u003c\/div\u003e\n\u003cdiv class=\"swatches\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Info --\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"price-row\"\u003e\n\u003cspan class=\"price\"\u003e$28.00\u003c\/span\u003e \u003cspan class=\"compare\"\u003e$38.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"intro\"\u003eMeet the accessory that never goes out of rotation. Structured, breathable, and endlessly versatile  this cap gives any outfit instant edge, from errands to workouts to road trips.\u003c\/p\u003e\n\u003chr class=\"divider\"\u003e\n\u003cul class=\"benefits\"\u003e\n\u003cli\u003e\n\u003cdiv\u003e\n\u003cb\u003eAdjustable snapback closure\u003c\/b\u003e\u003cspan\u003eOne size fits most  secure, custom fit in seconds, no sizing guesswork.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv\u003e\n\u003cb\u003eStructured crown, classic silhouette\u003c\/b\u003e\u003cspan\u003eFlat or curved brim for a timeless street-style look.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv\u003e\n\u003cb\u003eBreathable, built-to-last fabric\u003c\/b\u003e\u003cspan\u003eHolds its shape through daily wear, season after season.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv\u003e\n\u003cb\u003eClean or bold, your choice\u003c\/b\u003e\u003cspan\u003eSolid colors or embroidered detailing to match your style.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv\u003e\n\u003cb\u003eLightweight, all-day comfort\u003c\/b\u003e\u003cspan\u003eBarely-there weight from morning errands to late-night plans.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton class=\"cta\"\u003eAdd to Cart\u003c\/button\u003e\n\u003cdiv class=\"stock\"\u003eIn stock, ready to ship\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Full description section --\u003e\n\u003cdiv class=\"full-desc\"\u003e\n\u003ch2\u003eFull Description\u003c\/h2\u003e\n\u003cp\u003eA snapback isn't just a hat — it's a finishing touch. Whether you're running errands, heading to a workout, road-tripping, or just want to elevate a plain tee-and-jeans combo, this cap adds instant edge and personality to any outfit.\u003c\/p\u003e\n\u003cdiv class=\"who-for\"\u003e\n\u003cp\u003eMade for trendsetters who love a laid-back, street-style edge, and for anyone who wants sun coverage without committing to a bulky hat. A go-to gift for the person who's hard to shop for, a favorite for those who mix streetwear with boutique fashion, and a true unisex staple for every closet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfooter class=\"note\"\u003eStatic HTML mockup for preview purposes — not connected to a live Shopify store.\u003c\/footer\u003e\n\u003c\/div\u003e","brand":"Sassy Classy Boutique","offers":[{"title":"Dark Navy","offer_id":60267778277457,"sku":"7954331_4798","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":60267778310225,"sku":"7954331_4792","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Black\/ Neon Pink","offer_id":60267778342993,"sku":"7954331_7843","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Black\/ Silver","offer_id":60267778375761,"sku":"7954331_4795","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Spruce","offer_id":60267778408529,"sku":"7954331_4809","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Dark Grey","offer_id":60267778441297,"sku":"7954331_4797","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Silver","offer_id":60267778474065,"sku":"7954331_4808","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Heather\/Black","offer_id":60267778506833,"sku":"7954331_7837","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Heather Grey\/ Navy","offer_id":60267778539601,"sku":"7954331_7838","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Heather Grey","offer_id":60267778572369,"sku":"7954331_7836","price":27.0,"currency_code":"USD","in_stock":true},{"title":"Natural\/ Black","offer_id":60267778605137,"sku":"7954331_4801","price":27.0,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":60267778637905,"sku":"7954331_22453","price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1057\/8850\/6193\/files\/what_are_snapbacks.jpg?v=1788359925","url":"https:\/\/sassyclassyboutique.com\/products\/snapback-hat","provider":"Sassy Classy Boutique","version":"1.0","type":"link"}