{"product_id":"hair-straightener-comb","title":"Hair Straightener Comb","description":"\u003cbody\u003e\n\u003cdiv class=\"flex-1 overflow-hidden\"\u003e\n\u003cdiv class=\"react-scroll-to-bottom--css-devbf-79elbk h-full\"\u003e\n\u003cdiv class=\"react-scroll-to-bottom--css-devbf-1n7m0yu\"\u003e\n\u003cdiv class=\"flex flex-col pb-9 text-sm\"\u003e\n\u003cdiv data-testid=\"conversation-turn-43\" class=\"w-full text-token-text-primary\"\u003e\n\u003cdiv class=\"px-4 py-2 justify-center text-base md:gap-6 m-auto\"\u003e\n\u003cdiv class=\"flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group final-completion\"\u003e\n\u003cdiv class=\"relative flex w-full flex-col lg:w-[calc(100%-115px)] agent-turn\"\u003e\n \n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003e2-in-1 Women Body Shaver\u003c\/title\u003e\n\u003cstyle\u003e\n * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }\n body { background: #fdf6f8; color: #333; }\n\n \/* Announcement Bar *\/\n .announcement { background: #e91e63; color: #fff; text-align: center; padding: 10px; font-size: 14px; }\n\n \/* Header *\/\n header { background: #fff; padding: 15px 40px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 100; }\n .logo { font-size: 22px; font-weight: 700; color: #e91e63; }\n nav ul { list-style: none; display: flex; gap: 25px; }\n nav ul li a { text-decoration: none; color: #333; font-weight: 500; }\n .cart-btn { background: #e91e63; color: #fff; padding: 8px 18px; border-radius: 25px; text-decoration: none; }\n\n \/* Hero \/ Product Section *\/\n .product-section { display: flex; flex-wrap: wrap; gap: 40px; padding: 50px 40px; max-width: 1200px; margin: auto; }\n .product-images { flex: 1; min-width: 300px; }\n .main-image { background: #fff; border-radius: 15px; padding: 30px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.08); }\n .main-image img { max-width: 100%; }\n .thumbnails { display: flex; gap: 10px; margin-top: 15px; justify-content: center; }\n .thumbnails div { width: 70px; height: 70px; background: #fff; border: 2px solid #eee; border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; }\n\n .product-info { flex: 1; min-width: 300px; }\n .product-info h1 { font-size: 32px; margin-bottom: 10px; }\n .rating { color: #ffc107; margin-bottom: 10px; }\n .price { font-size: 28px; color: #e91e63; font-weight: 700; }\n .old-price { text-decoration: line-through; color: #999; font-size: 18px; margin-left: 10px; }\n .description { margin: 20px 0; line-height: 1.6; }\n .features { list-style: none; margin: 20px 0; }\n .features li { padding: 8px 0; padding-left: 25px; position: relative; }\n .features li::before { content: \"βœ“\"; position: absolute; left: 0; color: #e91e63; font-weight: 700; }\n .cta-btn { background: #e91e63; color: #fff; padding: 15px 40px; border: none; border-radius: 30px; font-size: 18px; cursor: pointer; margin-top: 20px; }\n .cta-btn:hover { background: #c2185b; }\n\n \/* Benefits Section *\/\n .benefits { background: #fff; padding: 50px 40px; text-align: center; }\n .benefits h2 { font-size: 28px; margin-bottom: 30px; color: #e91e63; }\n .benefit-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; max-width: 1100px; margin: auto; }\n .benefit-card { background: #fdf6f8; padding: 25px; border-radius: 15px; }\n .benefit-card .icon { font-size: 40px; margin-bottom: 10px; }\n .benefit-card h3 { margin-bottom: 10px; }\n\n \/* How to Use *\/\n .how-to-use { padding: 50px 40px; text-align: center; background: #fdf6f8; }\n .how-to-use h2 { font-size: 28px; margin-bottom: 30px; color: #e91e63; }\n .steps { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; }\n .step { background: #fff; padding: 25px; border-radius: 15px; width: 220px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }\n .step-number { background: #e91e63; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; font-weight: 700; }\n\n \/* Reviews *\/\n .reviews { padding: 50px 40px; background: #fff; text-align: center; }\n .reviews h2 { font-size: 28px; margin-bottom: 30px; color: #e91e63; }\n .review-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; max-width: 1100px; margin: auto; }\n .review-card { background: #fdf6f8; padding: 20px; border-radius: 15px; text-align: left; }\n .review-card .stars { color: #ffc107; margin-bottom: 10px; }\n .review-card h4 { margin-bottom: 5px; }\n\n \/* FAQ *\/\n .faq { padding: 50px 40px; max-width: 800px; margin: auto; }\n .faq h2 { text-align: center; font-size: 28px; margin-bottom: 30px; color: #e91e63; }\n .faq-item { background: #fff; margin-bottom: 15px; padding: 20px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }\n .faq-item h4 { margin-bottom: 8px; color: #e91e63; }\n\n \/* Trust Badges *\/\n .trust { background: #e91e63; color: #fff; padding: 40px; text-align: center; }\n .trust-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; }\n .trust-item .icon { font-size: 35px; }\n\n \/* Footer *\/\n footer { background: #222; color: #fff; padding: 30px 40px; text-align: center; }\n footer a { color: #e91e63; text-decoration: none; }\n\n @media (max-width: 768px) {\n .product-section { padding: 20px; }\n header { padding: 15px 20px; }\n nav ul { display: none; }\n }\n\u003c\/style\u003e\n\n\n\n\u003c!-- Announcement Bar --\u003e\n\u003cdiv class=\"announcement\"\u003eπŸŽ‰ Limited Time Offer: 50% OFF + Free Shipping Today Only!\u003c\/div\u003e\n\n\u003c!-- Header --\u003e\n\u003cheader\u003e\n \u003cdiv class=\"logo\"\u003eBeautyGlow\u003c\/div\u003e\n \u003cnav\u003e\n \u003cul\u003e\n \u003cli\u003e\u003ca href=\"#\"\u003eHome\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#\"\u003eShop\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n \u003cli\u003e\u003ca href=\"#\"\u003eContact\u003c\/a\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/nav\u003e\n \u003ca href=\"#\" class=\"cart-btn\"\u003eπŸ›’ Cart (0)\u003c\/a\u003e\n\u003c\/header\u003e\n\n\u003c!-- Product Section --\u003e\n\u003csection class=\"product-section\"\u003e\n \u003cdiv class=\"product-images\"\u003e\n \u003cdiv class=\"main-image\"\u003e\n \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/e91e63\/ffffff?text=Women+Body+Shaver\" alt=\"2-in-1 Women Body Shaver\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"thumbnails\"\u003e\n \u003cdiv\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/70\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/70\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/70\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/70\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"product-info\"\u003e\n \u003ch1\u003e2-in-1 Women Body Shaver – Painless Epilator \u0026amp; Shaver\u003c\/h1\u003e\n \u003cdiv class=\"rating\"\u003e⭐⭐⭐⭐⭐ (4.8\/5 | 2,341 Reviews)\u003c\/div\u003e\n \u003cdiv class=\"price\"\u003e$24.99 \u003cspan class=\"old-price\"\u003e$49.99\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cp class=\"description\"\u003e\n Say goodbye to painful hair removal! Our 2-in-1 Women Body Shaver is designed for smooth, gentle, and painless hair removal on legs, arms, underarms, and bikini area.\n \u003c\/p\u003e\n \u003cul class=\"features\"\u003e\n \u003cli\u003ePainless \u0026amp; gentle on skin\u003c\/li\u003e\n \u003cli\u003e2-in-1 shaver and exfoliator\u003c\/li\u003e\n \u003cli\u003eUSB rechargeable – 90 mins runtime\u003c\/li\u003e\n \u003cli\u003eWaterproof – use wet or dry\u003c\/li\u003e\n \u003cli\u003eHypoallergenic blades for sensitive skin\u003c\/li\u003e\n \u003cli\u003eCompact, portable \u0026amp; travel-friendly\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cbutton class=\"cta-btn\"\u003eπŸ›’ Add to Cart – $24.99\u003c\/button\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Benefits Section --\u003e\n\u003csection class=\"benefits\"\u003e\n \u003ch2\u003eWhy Women Love It ❀️\u003c\/h2\u003e\n \u003cdiv class=\"benefit-grid\"\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003ePainless Hair Removal\u003c\/h3\u003e\n \u003cp\u003eNo more cuts, nicks, or irritation. Smooth skin in minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"icon\"\u003eπŸ’§\u003c\/div\u003e\n \u003ch3\u003eWet \u0026amp; Dry Use\u003c\/h3\u003e\n \u003cp\u003eUse in the shower or dry – 100% waterproof design.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"icon\"\u003eπŸ”‹\u003c\/div\u003e\n \u003ch3\u003eLong Battery Life\u003c\/h3\u003e\n \u003cp\u003eUSB fast charging with 90 minutes of cordless use.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card\"\u003e\n \u003cdiv class=\"icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eSilky Smooth Skin\u003c\/h3\u003e\n \u003cp\u003eExfoliating head removes dead skin for a glowing finish.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- How to Use --\u003e\n\u003csection class=\"how-to-use\"\u003e\n \u003ch2\u003eHow to Use in 3 Easy Steps\u003c\/h2\u003e\n \u003cdiv class=\"steps\"\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eCharge It\u003c\/h4\u003e\n \u003cp\u003eFully charge the device with the included USB cable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eGlide on Skin\u003c\/h4\u003e\n \u003cp\u003eMove the shaver gently against hair growth direction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"step\"\u003e\n \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eEnjoy Smooth Skin\u003c\/h4\u003e\n \u003cp\u003eRinse the head under water and enjoy silky results!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Reviews --\u003e\n\u003csection class=\"reviews\"\u003e\n \u003ch2\u003eWhat Our Customers Say πŸ’¬\u003c\/h2\u003e\n \u003cdiv class=\"review-grid\"\u003e\n \u003cdiv class=\"review-card\"\u003e\n \u003cdiv class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003ch4\u003eSarah K. – Verified Buyer\u003c\/h4\u003e\n \u003cp\u003e\"Honestly the best shaver I've ever used! No pain, no bumps. My skin feels amazing.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"review-card\"\u003e\n \u003cdiv class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003ch4\u003eEmma R. – Verified Buyer\u003c\/h4\u003e\n \u003cp\u003e\"I use it in the shower every day. Battery lasts forever and it's super gentle.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"review-card\"\u003e\n \u003cdiv class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003ch4\u003eJessica M. – Verified Buyer\u003c\/h4\u003e\n \u003cp\u003e\"Great value for money! Works better than expensive brands I've tried.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FAQ --\u003e\n\u003csection class=\"faq\"\u003e\n \u003ch2\u003eFrequently Asked Questions ❓\u003c\/h2\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003ch4\u003eIs it really painless?\u003c\/h4\u003e\n \u003cp\u003eYes! The hypoallergenic blades are designed for sensitive skin and don't pull hair.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003ch4\u003eCan I use it on wet skin?\u003c\/h4\u003e\n \u003cp\u003eAbsolutely. It's 100% waterproof, perfect for shower use.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003ch4\u003eHow long does shipping take?\u003c\/h4\u003e\n \u003cp\u003eWe offer free worldwide shipping. Delivery takes 7-15 business days.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"faq-item\"\u003e\n \u003ch4\u003eWhat's your return policy?\u003c\/h4\u003e\n \u003cp\u003e30-day money-back guarantee. No questions asked!\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Trust Badges --\u003e\n\u003csection class=\"trust\"\u003e\n \u003cdiv class=\"trust-grid\"\u003e\n \u003cdiv class=\"trust-item\"\u003e\n \u003cdiv class=\"icon\"\u003e🚚\u003c\/div\u003e\n \u003cp\u003eFree Shipping\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trust-item\"\u003e\n \u003cdiv class=\"icon\"\u003eπŸ”’\u003c\/div\u003e\n \u003cp\u003eSecure Checkout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trust-item\"\u003e\n \u003cdiv class=\"icon\"\u003e↩️\u003c\/div\u003e\n \u003cp\u003e30-Day Returns\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trust-item\"\u003e\n \u003cdiv class=\"icon\"\u003eπŸ’¬\u003c\/div\u003e\n \u003cp\u003e24\/7 Support\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n \u003cp\u003eΒ© 2024 BeautyGlow. All Rights Reserved. | \u003ca href=\"#\"\u003ePrivacy Policy\u003c\/a\u003e | \u003ca href=\"#\"\u003eTerms\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/footer\u003e\n\n\n\n\u003cdiv class=\"flex-col gap-1 md:gap-3\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col max-w-full\"\u003e\n\u003cdiv class=\"min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+\u0026amp;]:mt-5 overflow-x-auto\" data-message-id=\"9e43e251-557f-45b4-b9e4-9ae5606090d1\" data-message-author-role=\"assistant\"\u003e\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eIonic Bristles:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eThe ionic hair straightener brush efficiently provides a smooth, silky, natural, and lustrous finish. Ionic technology coats the hair, maintaining moisture and offering an extra layer of protection against thermal damage. This damage-free method helps reduce split ends and tames frizz and fly-aways with ease.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eOmni-directional Anti-Scalding Protection:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eThe omni-directional anti-scalding design ensures safety, preventing scalding of the scalp or hands. Each heating comb tooth is evenly sized, avoiding scalp and skin burns. The 60-minute intelligent power cut feature adds an extra layer of protection.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHair Straightener and Curler 2 in 1:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eThis versatile 2-in-1 hair styling tool combines a hair straightener comb and flat hair iron, allowing you to achieve a super straight hairstyle in just one pass. Effortlessly and efficiently style your hair with ease.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003ePlant Extract Protein Coating:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eThe hair straightener brush features a plant extract protein coating that moisturizes hair without causing damage. It releases plant protein while combing teeth, repairs damaged hair scales, locks in moisture, and leaves hair soft and shiny.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eHealthy Silky Hair:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eThe straightening hair styler provides a lively and bouncy effect without completely pressing down your hair. It avoids a flat burnt look, leaving your hair easy to manage. Brush your hair once for a gorgeous, shiny, and sleek appearance.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e {%- comment -%}\n premium-product-page.liquid\n Self-contained Online Store 2.0 section. Add to your Product template\n (Online Store \u0026gt; Themes \u0026gt; Customize \u0026gt; Products \u0026gt; Default product \u0026gt; Add section \u0026gt; \"Premium Product\").\n Requires snippets\/premium-product-card.liquid (shared with premium-homepage.liquid).\n Namespaced premium-product- \/ premium-store- to avoid theme conflicts.\n Uses only real Shopify product\/variant\/inventory\/metafield data β€” nothing hard-coded.\n{%- endcomment -%}\n\n{%- liquid\n assign current_variant = product.selected_or_first_available_variant\n assign has_compare = false\n if current_variant.compare_at_price \u0026gt; current_variant.price\n assign has_compare = true\n assign savings_amount = current_variant.compare_at_price | minus: current_variant.price\n assign savings_pct = savings_amount | times: 100 | divided_by: current_variant.compare_at_price\n endif\n-%}\n\n\u003cdiv class=\"premium-store-root premium-product-root\" id=\"PremiumProduct-{{ section.id }}\" data-premium-product-json=\"{{ product | json | escape }}\"\u003e\n\n \u003cstyle\u003e\n #PremiumProduct-{{ section.id }} {\n --pp-bg: {{ section.settings.color_bg }};\n --pp-surface: {{ section.settings.color_surface }};\n --pp-text: {{ section.settings.color_text }};\n --pp-muted: {{ section.settings.color_muted }};\n --pp-primary: {{ section.settings.color_primary }};\n --pp-primary-hover: {{ section.settings.color_primary_hover }};\n --pp-accent: {{ section.settings.color_accent }};\n --pp-border: {{ section.settings.color_border }};\n --pp-success: #1f7a4d;\n --pp-warning: #b0741a;\n --pp-danger: #c23b3b;\n --pp-radius: {{ section.settings.radius }}px;\n --pp-shadow-sm: 0 1px 2px rgba(20,20,20,0.06);\n --pp-shadow-md: 0 8px 24px -8px rgba(20,20,20,0.18);\n --pp-shadow-lg: 0 24px 48px -12px rgba(20,20,20,0.28);\n --pp-container: {{ section.settings.container_width }}px;\n --pp-font-display: {{ section.settings.font_display }}, Georgia, serif;\n --pp-font-body: {{ section.settings.font_body }}, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: var(--pp-bg); color: var(--pp-text); font-family: var(--pp-font-body);\n overflow-x: hidden; -webkit-font-smoothing: antialiased;\n }\n #PremiumProduct-{{ section.id }} * { box-sizing: border-box; }\n #PremiumProduct-{{ section.id }} img { max-width: 100%; display: block; }\n #PremiumProduct-{{ section.id }} .premium-store-container { width:100%; max-width: var(--pp-container); margin-inline:auto; padding-inline: clamp(16px,4vw,40px); }\n #PremiumProduct-{{ section.id }} :focus-visible { outline: 2px solid var(--pp-primary); outline-offset: 2px; border-radius: 4px; }\n #PremiumProduct-{{ section.id }} .premium-store-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }\n #PremiumProduct-{{ section.id }} .premium-store-btn {\n display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:700; font-size:15px;\n padding:15px 26px; border-radius:var(--pp-radius); border:1px solid transparent; cursor:pointer; min-height:48px;\n text-decoration:none; transition:all .2s ease; font-family: var(--pp-font-body); width: 100%;\n }\n #PremiumProduct-{{ section.id }} .premium-store-btn--primary { background: var(--pp-primary); color:#fff; }\n #PremiumProduct-{{ section.id }} .premium-store-btn--primary:hover { background: var(--pp-primary-hover); }\n #PremiumProduct-{{ section.id }} .premium-store-btn--primary:disabled { opacity:.5; cursor:not-allowed; }\n #PremiumProduct-{{ section.id }} .premium-store-btn--secondary { background:#fff; color:var(--pp-text); border-color:var(--pp-text); }\n #PremiumProduct-{{ section.id }} .premium-store-btn--secondary:hover { background: var(--pp-text); color:#fff; }\n @media (prefers-reduced-motion: reduce) { #PremiumProduct-{{ section.id }} * { animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important; } }\n\n \/* breadcrumbs *\/\n .premium-product-breadcrumbs { padding-block: 14px; font-size: 13px; color: var(--pp-muted); }\n .premium-product-breadcrumbs a { color: var(--pp-muted); text-decoration:none; }\n .premium-product-breadcrumbs a:hover { color: var(--pp-text); }\n .premium-product-breadcrumbs [aria-current] { color: var(--pp-text); font-weight:600; }\n\n \/* layout *\/\n .premium-product-hero { display:grid; gap: clamp(24px,4vw,56px); grid-template-columns: 1fr; padding-block: clamp(16px,3vw,32px); }\n @media (min-width: 960px) { .premium-product-hero { grid-template-columns: 1.1fr 1fr; align-items:start; } }\n\n \/* gallery *\/\n .premium-product-gallery__main {\n position: relative; border-radius: var(--pp-radius); overflow:hidden; background: var(--pp-surface);\n aspect-ratio: 1\/1; touch-action: pan-y;\n }\n .premium-product-gallery__track { display:flex; height:100%; transition: transform .35s ease; }\n .premium-product-gallery__slide { flex: 0 0 100%; height:100%; position:relative; }\n .premium-product-gallery__slide img, .premium-product-gallery__slide video { width:100%; height:100%; object-fit:cover; cursor: zoom-in; }\n .premium-product-gallery__nav {\n position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%;\n background: rgba(255,255,255,.92); border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:3;\n }\n .premium-product-gallery__nav--prev { left:12px; } .premium-product-gallery__nav--next { right:12px; }\n .premium-product-gallery__badge {\n position:absolute; top:14px; left:14px; z-index:3; background:var(--pp-primary); color:#fff;\n font-size:11.5px; font-weight:700; padding:5px 11px; border-radius:999px;\n }\n .premium-product-gallery__zoombtn {\n position:absolute; bottom:12px; right:12px; z-index:3; background:rgba(255,255,255,.92); border:none;\n border-radius:50%; width:38px; height:38px; display:flex; align-items:center; justify-content:center; cursor:pointer;\n }\n .premium-product-gallery__thumbs { display:flex; gap:8px; margin-top:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:4px; }\n .premium-product-gallery__thumb {\n flex:0 0 68px; height:68px; border-radius:8px; overflow:hidden; border:2px solid transparent; cursor:pointer;\n scroll-snap-align:start; background:none; padding:0;\n }\n .premium-product-gallery__thumb[aria-current=\"true\"] { border-color: var(--pp-primary); }\n .premium-product-gallery__thumb img { width:100%; height:100%; object-fit:cover; }\n .premium-product-lightbox {\n position: fixed; inset:0; z-index:100; background:rgba(10,10,10,.92); display:flex; align-items:center; justify-content:center;\n visibility:hidden; opacity:0; transition:opacity .2s ease;\n }\n .premium-product-lightbox[data-open=\"true\"] { visibility:visible; opacity:1; }\n .premium-product-lightbox img { max-width:92vw; max-height:88vh; object-fit:contain; }\n .premium-product-lightbox__close { position:absolute; top:18px; right:18px; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.14); border:none; color:#fff; cursor:pointer; }\n\n \/* info column *\/\n .premium-product-info__badgerow { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px; }\n .premium-product-badge { font-size:11.5px; font-weight:700; padding:5px 11px; border-radius:999px; background: var(--pp-surface); color: var(--pp-text); }\n .premium-product-badge--bestseller { background:#F4E7C1; color:#6B4E00; }\n .premium-product-title { font-family: var(--pp-font-display); font-size: clamp(24px,3vw,36px); line-height:1.15; margin:0 0 6px; font-weight:700; }\n .premium-product-subtitle { color: var(--pp-muted); font-size:15px; margin:0 0 12px; }\n .premium-product-rating { display:flex; align-items:center; gap:8px; font-size:13.5px; color: var(--pp-muted); margin-bottom:14px; }\n .premium-product-rating__stars { color: var(--pp-accent); letter-spacing:1px; }\n .premium-product-rating__stars a { color: inherit; text-decoration:underline; }\n\n .premium-product-priceblock { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:6px; }\n .premium-product-price { font-size: clamp(22px,2.4vw,30px); font-weight:800; }\n .premium-product-price--sale { color: var(--pp-danger); }\n .premium-product-compare { font-size:16px; color: var(--pp-muted); text-decoration:line-through; }\n .premium-product-savings { font-size:12.5px; font-weight:700; color:#fff; background:var(--pp-success); padding:3px 9px; border-radius:6px; }\n .premium-product-taxnote { font-size:12px; color: var(--pp-muted); margin: 0 0 16px; }\n\n .premium-product-social {\n display:flex; align-items:center; gap:14px; flex-wrap:wrap; background: var(--pp-surface); border-radius: var(--pp-radius);\n padding:12px 14px; margin-bottom:16px; font-size:12.5px; color: var(--pp-text);\n }\n .premium-product-social__avatars { display:flex; }\n .premium-product-social__avatars span { width:26px; height:26px; border-radius:50%; background:var(--pp-primary); border:2px solid var(--pp-bg); margin-left:-8px; display:inline-block; }\n .premium-product-social__avatars span:first-child { margin-left:0; }\n\n .premium-product-stock { display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; margin-bottom: 14px; }\n .premium-product-stock__dot { width:8px; height:8px; border-radius:50%; }\n .premium-product-stock--in .premium-product-stock__dot { background: var(--pp-success); }\n .premium-product-stock--low .premium-product-stock__dot { background: var(--pp-warning); }\n .premium-product-stock--out .premium-product-stock__dot { background: var(--pp-danger); }\n\n .premium-product-countdown-row { display:flex; align-items:center; gap:10px; background:#FDF2F2; color:#7A2020; border-radius:var(--pp-radius); padding:10px 14px; margin-bottom:16px; font-size:13px; font-weight:600; }\n .premium-product-countdown-row time { font-variant-numeric: tabular-nums; font-weight:800; }\n\n .premium-product-shipmsg { display:flex; gap:10px; align-items:flex-start; font-size:13px; color: var(--pp-muted); margin-bottom: 6px; }\n .premium-product-shipmsg svg { flex-shrink:0; margin-top:1px; color: var(--pp-primary); }\n\n \/* variant selector *\/\n .premium-product-option { margin-bottom: 18px; }\n .premium-product-option__label { display:flex; justify-content:space-between; font-size:13.5px; font-weight:700; margin-bottom:8px; }\n .premium-product-option__value { font-weight:400; color: var(--pp-muted); }\n .premium-product-swatches { display:flex; flex-wrap:wrap; gap:8px; }\n .premium-product-swatch {\n min-width:44px; height:44px; padding:0 14px; border-radius: var(--pp-radius); border:1px solid var(--pp-border);\n background:#fff; cursor:pointer; font-size:13.5px; font-weight:600; color: var(--pp-text); display:flex; align-items:center; justify-content:center;\n }\n .premium-product-swatch[aria-pressed=\"true\"] { border-color: var(--pp-primary); box-shadow: 0 0 0 1px var(--pp-primary); }\n .premium-product-swatch:disabled { opacity:.35; text-decoration: line-through; cursor:not-allowed; }\n .premium-product-swatch--image { padding:0; width:52px; height:52px; overflow:hidden; }\n .premium-product-swatch--image img { width:100%; height:100%; object-fit:cover; }\n .premium-product-select {\n width:100%; padding:13px 14px; border-radius: var(--pp-radius); border:1px solid var(--pp-border); font-size:15px;\n background:#fff; color: var(--pp-text); font-family: var(--pp-font-body); min-height:44px;\n }\n\n .premium-product-qty { display:flex; align-items:center; border:1px solid var(--pp-border); border-radius: var(--pp-radius); width:fit-content; margin-bottom:16px; }\n .premium-product-qty button { width:44px; height:44px; border:none; background:none; font-size:18px; cursor:pointer; color: var(--pp-text); }\n .premium-product-qty input { width:52px; text-align:center; border:none; font-size:15px; font-family: var(--pp-font-body); -moz-appearance:textfield; }\n\n .premium-product-ctas { display:flex; flex-direction:column; gap:10px; margin-bottom: 18px; }\n .premium-product-formstate { font-size:13px; margin-top:6px; min-height:18px; }\n .premium-product-formstate--success { color: var(--pp-success); }\n .premium-product-formstate--error { color: var(--pp-danger); }\n\n .premium-product-paytrust { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:20px; }\n .premium-product-paytrust img { height:22px; width:auto; }\n\n .premium-trust-cards { display:grid; grid-template-columns: repeat(2,1fr); gap:10px; margin-bottom: 22px; }\n @media (min-width: 480px) { .premium-trust-cards { grid-template-columns: repeat(4,1fr); } }\n .premium-trust-card { text-align:center; background: var(--pp-surface); border-radius: var(--pp-radius); padding:14px 8px; }\n .premium-trust-card__icon { color: var(--pp-primary); margin-bottom:6px; }\n .premium-trust-card__title { font-size:12px; font-weight:700; margin:0; }\n .premium-trust-card__desc { font-size:11px; color: var(--pp-muted); margin:2px 0 0; }\n\n .premium-product-estimator { display:flex; gap:8px; margin-bottom:20px; }\n .premium-product-estimator input { flex:1; padding:12px 14px; border-radius:var(--pp-radius); border:1px solid var(--pp-border); font-size:14px; font-family: var(--pp-font-body); }\n .premium-product-estimator__result { font-size:13px; color: var(--pp-muted); margin-top:8px; }\n\n \/* accordions: shipping\/returns\/warranty *\/\n .premium-product-accordion { border-top:1px solid var(--pp-border); }\n .premium-product-accordion__item { border-bottom:1px solid var(--pp-border); }\n .premium-product-accordion__q { width:100%; display:flex; justify-content:space-between; align-items:center; background:none; border:none; padding:14px 2px; font-size:14.5px; font-weight:600; cursor:pointer; min-height:44px; color: var(--pp-text); font-family: var(--pp-font-body); }\n .premium-product-accordion__icon { transition: transform .2s ease; }\n .premium-product-accordion__item[data-open=\"true\"] .premium-product-accordion__icon { transform: rotate(45deg); }\n .premium-product-accordion__a { max-height:0; overflow:hidden; transition:max-height .25s ease; font-size:13.5px; color: var(--pp-muted); line-height:1.6; }\n .premium-product-accordion__a-inner { padding: 0 2px 14px; }\n\n \/* sticky mobile bar *\/\n .premium-product-stickybar {\n position: fixed; left:0; right:0; bottom:0; z-index:50; background: var(--pp-bg); border-top:1px solid var(--pp-border);\n padding: 10px clamp(12px,4vw,24px); display:flex; align-items:center; gap:12px;\n transform: translateY(100%); transition: transform .25s ease; box-shadow: 0 -8px 24px -12px rgba(0,0,0,.2);\n }\n .premium-product-stickybar[data-show=\"true\"] { transform: translateY(0); }\n .premium-product-stickybar__media { width:44px; height:44px; border-radius:8px; overflow:hidden; flex-shrink:0; background: var(--pp-surface); }\n .premium-product-stickybar__media img { width:100%; height:100%; object-fit:cover; }\n .premium-product-stickybar__info { flex:1; min-width:0; }\n .premium-product-stickybar__title { font-size:12.5px; font-weight:600; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n .premium-product-stickybar__price { font-size:13.5px; font-weight:800; }\n .premium-product-stickybar__btn { flex-shrink:0; width:auto; padding:12px 20px; }\n @media (min-width: 900px) { .premium-product-stickybar { display: none; } }\n\n \/* content sections below *\/\n .premium-store-section { padding-block: clamp(32px,5vw,64px); }\n .premium-store-container.narrow { max-width: 860px; }\n .premium-store-h2 { font-family: var(--pp-font-display); font-size: clamp(24px,3vw,34px); margin:0 0 8px; font-weight:700; }\n .premium-store-sub { color: var(--pp-muted); font-size:15px; max-width:60ch; }\n .premium-store-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap; margin-bottom:24px; }\n .premium-store-textlink { color: var(--pp-text); font-weight:600; font-size:14px; border-bottom:1px solid var(--pp-border); text-decoration:none; padding-bottom:2px; }\n .premium-store-scrollrow { display:grid; grid-auto-flow:column; grid-auto-columns: minmax(200px,1fr); gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }\n .premium-store-scrollrow \u003e * { scroll-snap-align:start; }\n .premium-store-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:16px; }\n @media (min-width:640px) { .premium-store-grid { grid-template-columns: repeat(3,1fr); } }\n @media (min-width:1000px) { .premium-store-grid { grid-template-columns: repeat(4,1fr); } }\n\n \/* spec table *\/\n .premium-product-spectable { width:100%; border-collapse:collapse; font-size:14px; }\n .premium-product-spectable th, .premium-product-spectable td { text-align:left; padding:11px 12px; border-bottom:1px solid var(--pp-border); }\n .premium-product-spectable th { width:40%; color: var(--pp-muted); font-weight:600; }\n\n \/* how to use steps *\/\n .premium-product-steps { display:grid; gap:16px; grid-template-columns: repeat(2,1fr); }\n @media (min-width:720px) { .premium-product-steps { grid-template-columns: repeat(4,1fr); } }\n .premium-product-step { text-align:center; }\n .premium-product-step__num { width:32px; height:32px; border-radius:50%; background: var(--pp-text); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; margin:0 auto 10px; }\n .premium-product-step__title { font-size:13.5px; font-weight:700; margin:0 0 4px; }\n .premium-product-step__desc { font-size:12.5px; color: var(--pp-muted); margin:0; }\n\n \/* media story (product) reuses same pattern as home *\/\n .premium-media-story { position: relative; }\n .premium-media-story__sticky { position: sticky; top:0; height:100vh; overflow:hidden; display:flex; align-items:center; }\n .premium-media-story__track { display:flex; will-change:transform; height:70vh; }\n .premium-media-story__panel { position:relative; flex:0 0 min(78vw,880px); height:100%; margin-right:20px; border-radius: var(--pp-radius); overflow:hidden; background: var(--pp-surface); }\n .premium-media-story__panel img, .premium-media-story__panel video { width:100%; height:100%; object-fit:cover; }\n .premium-media-story__caption { position:absolute; left:0; right:0; bottom:0; padding:22px; background: linear-gradient(0deg, rgba(0,0,0,.65), transparent); color:#fff; }\n @media (max-width: 899px) {\n .premium-media-story__sticky { position:static; height:auto; display:block; }\n .premium-media-story__track { display:grid; grid-auto-flow:column; grid-auto-columns:82vw; height:58vh; overflow-x:auto; scroll-snap-type:x mandatory; transform:none !important; gap:16px; padding-bottom:8px; }\n .premium-media-story__panel { flex:none; margin-right:0; scroll-snap-align:start; }\n }\n\n \/* reviews *\/\n .premium-review-summary-block { display:grid; gap:24px; grid-template-columns:1fr; margin-bottom:28px; }\n @media (min-width:760px) { .premium-review-summary-block { grid-template-columns: 260px 1fr; } }\n .premium-review-summary__score { font-size:48px; font-weight:800; font-family: var(--pp-font-display); }\n .premium-review-bar { display:flex; align-items:center; gap:8px; font-size:12.5px; color: var(--pp-muted); margin-bottom:4px; }\n .premium-review-bar__track { flex:1; height:6px; background: var(--pp-border); border-radius:3px; overflow:hidden; }\n .premium-review-bar__fill { height:100%; background: var(--pp-accent); }\n .premium-review-card { background: var(--pp-surface); border-radius: var(--pp-radius); padding:16px; height:100%; display:flex; flex-direction:column; gap:8px; }\n .premium-review-card__stars { color: var(--pp-accent); font-size:13px; letter-spacing:1px; }\n .premium-review-card__body { font-size:13.5px; line-height:1.55; margin:0; }\n .premium-review-card__author { font-size:12.5px; color: var(--pp-muted); font-weight:600; margin-top:auto; }\n .premium-review-card__photo { width:100%; aspect-ratio:1\/1; border-radius:8px; overflow:hidden; margin-bottom:6px; }\n .premium-review-card__photo img { width:100%; height:100%; object-fit:cover; }\n\n .premium-faq-item { border-bottom:1px solid var(--pp-border); }\n .premium-faq-item__q { width:100%; display:flex; justify-content:space-between; align-items:center; gap:12px; background:none; border:none; padding:16px 2px; text-align:left; cursor:pointer; font-size:15px; font-weight:600; color: var(--pp-text); min-height:44px; font-family: var(--pp-font-body); }\n .premium-faq-item__icon { transition: transform .2s ease; flex-shrink:0; }\n .premium-faq-item[data-open=\"true\"] .premium-faq-item__icon { transform: rotate(45deg); }\n .premium-faq-item__a { max-height:0; overflow:hidden; transition:max-height .25s ease; font-size:13.5px; color: var(--pp-muted); line-height:1.6; }\n .premium-faq-item__a-inner { padding:0 2px 16px; }\n \u003c\/style\u003e\n\n {%- comment -%} ============ ANNOUNCEMENT + MARQUEE (shared pattern) ============ {%- endcomment -%}\n {%- if section.settings.announce_text != blank -%}\n \u003cdiv style=\"background:var(--pp-text); color:var(--pp-bg); text-align:center; font-size:13px; font-weight:600; padding:10px 16px;\"\u003e{{ section.settings.announce_text }}\u003c\/div\u003e\n {%- endif -%}\n {%- if section.settings.marquee_items != blank -%}\n \u003cdiv style=\"background:var(--pp-primary); color:#fff; overflow:hidden; white-space:nowrap; padding:9px 0; font-size:13px; font-weight:600;\"\u003e\n \u003cdiv style=\"display:inline-flex; gap:48px; animation: premium-product-marquee 26s linear infinite; padding-inline:24px;\"\u003e\n {%- assign pitems = section.settings.marquee_items | split: '|' -%}\n {%- for i in (1..2) -%}{%- for item in pitems -%}\u003cspan\u003e{{ item | strip }}\u003c\/span\u003e{%- endfor -%}{%- endfor -%}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e@keyframes premium-product-marquee { from { transform: translateX(0);} to { transform: translateX(-50%);} }\u003c\/style\u003e\n {%- endif -%}\n\n {%- comment -%} ============ BREADCRUMBS ============ {%- endcomment -%}\n \u003cnav class=\"premium-product-breadcrumbs premium-store-container\" aria-label=\"Breadcrumb\"\u003e\n \u003ca href=\"{{%20routes.root_url%20}}\"\u003eHome\u003c\/a\u003e \/\n {%- if product.collections.first -%}\u003ca href=\"{{%20product.collections.first.url%20}}\"\u003e{{ product.collections.first.title }}\u003c\/a\u003e \/{%- endif -%}\n \u003cspan aria-current=\"page\"\u003e{{ product.title }}\u003c\/span\u003e\n \u003c\/nav\u003e\n\n \u003cmain class=\"premium-store-container\"\u003e\n \u003cdiv class=\"premium-product-hero\"\u003e\n\n {%- comment -%} ============ PRODUCT MEDIA GALLERY ============ {%- endcomment -%}\n \u003csection aria-label=\"Product media\"\u003e\n \u003cdiv class=\"premium-product-gallery__main\" data-premium-gallery\u003e\n {%- if product.available == false -%}\n \u003cspan class=\"premium-product-gallery__badge\" style=\"background:var(--pp-muted);\"\u003eSold out\u003c\/span\u003e\n {%- elsif has_compare -%}\n \u003cspan class=\"premium-product-gallery__badge\" style=\"background:var(--pp-danger);\"\u003eSave {{ savings_pct }}%\u003c\/span\u003e\n {%- endif -%}\n\n \u003cdiv class=\"premium-product-gallery__track\" data-premium-gallery-track\u003e\n {%- for media in product.media -%}\n \u003cdiv class=\"premium-product-gallery__slide\" data-media-id=\"{{ media.id }}\" data-variant-ids=\"{% for v in product.variants %}{% if v.featured_media.id == media.id %}{{ v.id }},{% endif %}{% endfor %}\"\u003e\n {%- case media.media_type -%}\n {%- when 'video', 'external_video' -%}\n \u003cdiv class=\"premium-store-visually-hidden\"\u003eVideo: {{ media.alt | default: product.title }}\u003c\/div\u003e\n {{ media | media_tag: controls: true, loop: false }}\n {%- else -%}\n \u003cimg src=\"{{%20media%20|%20image_url:%20width:%201200%20}}\" srcset=\"{{ media | image_url: width: 600 }} 600w, {{ media | image_url: width: 900 }} 900w, {{ media | image_url: width: 1200 }} 1200w\" sizes=\"(min-width: 960px) 50vw, 100vw\" width=\"{{ media.width }}\" height=\"{{ media.height }}\" alt=\"{{ media.alt | default: product.title | escape }}\" loading=\"{% if forloop.first %}eager{% else %}lazy{% endif %}\" if forloop.first endif data-premium-zoom\u003e\n {%- endcase -%}\n \u003c\/div\u003e\n {%- else -%}\n \u003cdiv class=\"premium-product-gallery__slide\"\u003e\n \u003cdiv style=\"width:100%;height:100%;background:var(--pp-surface);\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n {%- endfor -%}\n \u003c\/div\u003e\n\n {%- if product.media.size \u0026gt; 1 -%}\n \u003cbutton class=\"premium-product-gallery__nav premium-product-gallery__nav--prev\" aria-label=\"Previous image\" data-premium-gallery-prev\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M15 18l-6-6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cbutton class=\"premium-product-gallery__nav premium-product-gallery__nav--next\" aria-label=\"Next image\" data-premium-gallery-next\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/button\u003e\n {%- endif -%}\n\n \u003cbutton class=\"premium-product-gallery__zoombtn\" aria-label=\"Open fullscreen image view\" data-premium-lightbox-open\u003e\n \u003csvg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M8 3H4a1 1 0 0 0-1 1v4M16 3h4a1 1 0 0 1 1 1v4M8 21H4a1 1 0 0 1-1-1v-4M16 21h4a1 1 0 0 0 1-1v-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n {%- if product.media.size \u0026gt; 1 -%}\n \u003cdiv class=\"premium-product-gallery__thumbs\" role=\"tablist\" aria-label=\"Product images\"\u003e\n {%- for media in product.media -%}\n \u003cbutton class=\"premium-product-gallery__thumb\" role=\"tab\" aria-current=\"{% if forloop.first %}true{% else %}false{% endif %}\" data-premium-thumb data-index=\"{{ forloop.index0 }}\" aria-label=\"Show image {{ forloop.index }}\"\u003e\n \u003cimg src=\"{{%20media.preview_image%20|%20image_url:%20width:%20140%20}}\" width=\"140\" height=\"140\" alt=\"\" loading=\"lazy\"\u003e\n \u003c\/button\u003e\n {%- endfor -%}\n \u003c\/div\u003e\n {%- endif -%}\n \u003c\/section\u003e\n\n {%- comment -%} ============ PRODUCT INFO \/ FORM ============ {%- endcomment -%}\n \u003csection aria-label=\"Product information\"\u003e\n \u003cdiv class=\"premium-product-badgerow premium-product-info__badgerow\"\u003e\n {%- if product.metafields.premium.bestseller.value -%}\u003cspan class=\"premium-product-badge premium-product-badge--bestseller\"\u003eπŸ† Best seller\u003c\/span\u003e{%- endif -%}\n {%- for tag in product.tags -%}\n {%- if tag contains 'badge:' -%}\u003cspan class=\"premium-product-badge\"\u003e{{ tag | remove: 'badge:' }}\u003c\/span\u003e{%- endif -%}\n {%- endfor -%}\n \u003c\/div\u003e\n\n \u003ch1 class=\"premium-product-title\"\u003e{{ product.title }}\u003c\/h1\u003e\n {%- if product.metafields.premium.subtitle.value != blank -%}\n \u003cp class=\"premium-product-subtitle\"\u003e{{ product.metafields.premium.subtitle.value }}\u003c\/p\u003e\n {%- endif -%}\n\n {%- if product.metafields.reviews.rating.value != blank -%}\n \u003cdiv class=\"premium-product-rating\"\u003e\n \u003cspan class=\"premium-product-rating__stars\" aria-hidden=\"true\"\u003e\n {%- assign rv = product.metafields.reviews.rating.value.rating | default: product.metafields.reviews.rating.value -%}\n {%- for i in (1..5) -%}{%- if i \u0026lt;= rv -%}β˜…{%- else -%}β˜†{%- endif -%}{%- endfor -%}\n \u003c\/span\u003e\n \u003ca href=\"#PremiumReviews-{{%20section.id%20}}\"\u003e{{ rv }} ({{ product.metafields.reviews.rating_count.value | default: 0 }} reviews)\u003c\/a\u003e\n \u003c\/div\u003e\n {%- endif -%}\n\n \u003cdiv class=\"premium-product-priceblock\" data-premium-price-block\u003e\n \u003cspan class=\"premium-product-price{% if has_compare %} premium-product-price--sale{% endif %}\" data-premium-price\u003e{{ current_variant.price | money }}\u003c\/span\u003e\n {%- if has_compare -%}\n \u003cspan class=\"premium-product-compare\" data-premium-compare\u003e{{ current_variant.compare_at_price | money }}\u003c\/span\u003e\n \u003cspan class=\"premium-product-savings\" data-premium-savings\u003eSave {{ savings_pct }}%\u003c\/span\u003e\n {%- endif -%}\n \u003c\/div\u003e\n {%- if section.settings.tax_note != blank -%}\u003cp class=\"premium-product-taxnote\"\u003e{{ section.settings.tax_note }}\u003c\/p\u003e{%- endif -%}\n\n {%- comment -%} Social proof β€” only render if merchant supplies real values via metafields\/settings {%- endcomment -%}\n {%- if product.metafields.premium.happy_customers.value != blank or section.settings.show_live_viewers -%}\n \u003cdiv class=\"premium-product-social\"\u003e\n {%- if product.metafields.premium.happy_customers.value != blank -%}\n \u003cspan class=\"premium-product-social__avatars\" aria-hidden=\"true\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan\u003e{{ product.metafields.premium.happy_customers.value }}+ happy customers\u003c\/span\u003e\n {%- endif -%}\n {%- if section.settings.show_live_viewers -%}\n \u003cspan data-premium-viewers\u003eπŸ‘€ \u003cspan data-premium-viewers-count\u003e{{ section.settings.viewer_base | default: 12 }}\u003c\/span\u003e viewing now\u003c\/span\u003e\n {%- endif -%}\n \u003c\/div\u003e\n {%- endif -%}\n\n \u003cdiv class=\"premium-product-stock {% if current_variant.available == false %}premium-product-stock--out{% elsif current_variant.inventory_quantity \u0026lt;= section.settings.low_stock_threshold and current_variant.inventory_management != blank %}premium-product-stock--low{% else %}premium-product-stock--in{% endif %}\" data-premium-stock\u003e\n \u003cspan class=\"premium-product-stock__dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cspan data-premium-stock-text\u003e\n {%- if current_variant.available == false -%}\n Out of stock\n {%- elsif current_variant.inventory_management != blank and current_variant.inventory_quantity \u0026lt;= section.settings.low_stock_threshold -%}\n Only {{ current_variant.inventory_quantity }} left in stock\n {%- else -%}\n In stock, ready to ship\n {%- endif -%}\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n {%- if section.settings.countdown_end != blank -%}\n \u003cdiv class=\"premium-product-countdown-row\" data-premium-countdown data-end=\"{{ section.settings.countdown_end }}\"\u003e\n \u003cspan\u003e⏰ {{ section.settings.countdown_label | default: 'Order within' }}\u003c\/span\u003e\n \u003ctime\u003e\u003cspan data-unit=\"hours\"\u003e00\u003c\/span\u003e:\u003cspan data-unit=\"mins\"\u003e00\u003c\/span\u003e:\u003cspan data-unit=\"secs\"\u003e00\u003c\/span\u003e\u003c\/time\u003e\n \u003c\/div\u003e\n {%- endif -%}\n\n {%- if section.settings.shipping_msg != blank -%}\n \u003cp class=\"premium-product-shipmsg\"\u003e\n \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M3 7h11v9H3z\" stroke=\"currentColor\" stroke-width=\"1.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 10h4l3 3v3h-7z\" stroke=\"currentColor\" stroke-width=\"1.7\"\u003e\u003c\/path\u003e\u003ccircle cx=\"7\" cy=\"18\" r=\"1.6\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"17\" cy=\"18\" r=\"1.6\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003cspan\u003e{{ section.settings.shipping_msg }}\u003c\/span\u003e\n \u003c\/p\u003e\n {%- endif -%}\n {%- if section.settings.cod_msg != blank -%}\n \u003cp class=\"premium-product-shipmsg\"\u003e\n \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003crect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\u003e\u003c\/rect\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2.4\" stroke=\"currentColor\" stroke-width=\"1.7\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003cspan\u003e{{ section.settings.cod_msg }}\u003c\/span\u003e\n \u003c\/p\u003e\n {%- endif -%}\n\n {%- comment -%} ============ PRODUCT FORM β€” real Shopify variants\/cart ============ {%- endcomment -%}\n {%- form 'product', product, id: 'PremiumProductForm-' | append: section.id, class: 'premium-product-form', data-premium-product-form: '' -%}\n \u003cinput type=\"hidden\" name=\"id\" value=\"{{ current_variant.id }}\" data-premium-variant-id\u003e\n\n {%- for option in product.options_with_values -%}\n \u003cdiv class=\"premium-product-option\" data-premium-option-index=\"{{ forloop.index0 }}\"\u003e\n \u003cdiv class=\"premium-product-option__label\"\u003e\n \u003cspan\u003e{{ option.name }}\u003c\/span\u003e\n \u003cspan class=\"premium-product-option__value\" data-premium-option-value\u003e{{ option.selected_value }}\u003c\/span\u003e\n \u003c\/div\u003e\n\n {%- assign option_downcase = option.name | downcase -%}\n {%- if option_downcase contains 'color' or option_downcase contains 'colour' -%}\n \u003cdiv class=\"premium-product-swatches\" role=\"radiogroup\" aria-label=\"{{ option.name }}\"\u003e\n {%- for value in option.values -%}\n {%- assign swatch_image = product.images | where: 'alt', value | first -%}\n \u003cbutton type=\"button\" class=\"premium-product-swatch{% if swatch_image %} premium-product-swatch--image{% endif %}\" role=\"radio\" aria-checked=\"{% if option.selected_value == value %}true{% else %}false{% endif %}\" aria-pressed=\"{% if option.selected_value == value %}true{% else %}false{% endif %}\" data-premium-option-value-btn data-option-index=\"{{ forloop.parentloop.index0 }}\" data-value=\"{{ value | escape }}\" aria-label=\"{{ value | escape }}\"\u003e\n {%- if swatch_image -%}\u003cimg src=\"{{%20swatch_image%20|%20image_url:%20width:%2080%20}}\" width=\"40\" height=\"40\" alt=\"\"\u003e{%- else -%}{{ value }}{%- endif -%}\n \u003c\/button\u003e\n {%- endfor -%}\n \u003c\/div\u003e\n {%- else -%}\n \u003cdiv class=\"premium-product-swatches\" role=\"radiogroup\" aria-label=\"{{ option.name }}\"\u003e\n {%- for value in option.values -%}\n \u003cbutton type=\"button\" class=\"premium-product-swatch\" role=\"radio\" aria-checked=\"{% if option.selected_value == value %}true{% else %}false{% endif %}\" aria-pressed=\"{% if option.selected_value == value %}true{% else %}false{% endif %}\" data-premium-option-value-btn data-option-index=\"{{ forloop.parentloop.index0 }}\" data-value=\"{{ value | escape }}\"\u003e{{ value }}\u003c\/button\u003e\n {%- endfor -%}\n \u003c\/div\u003e\n {%- endif -%}\n \u003c\/div\u003e\n {%- endfor -%}\n\n \u003cdiv class=\"premium-product-option\"\u003e\n \u003clabel class=\"premium-product-option__label\" for=\"PremiumQty-{{ section.id }}\"\u003e\u003cspan\u003eQuantity\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"premium-product-qty\"\u003e\n \u003cbutton type=\"button\" aria-label=\"Decrease quantity\" data-premium-qty-decrease\u003eβˆ’\u003c\/button\u003e\n \u003cinput type=\"number\" id=\"PremiumQty-{{ section.id }}\" name=\"quantity\" value=\"1\" min=\"1\" inputmode=\"numeric\" data-premium-qty-input\u003e\n \u003cbutton type=\"button\" aria-label=\"Increase quantity\" data-premium-qty-increase\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"premium-product-ctas\"\u003e\n \u003cbutton type=\"submit\" class=\"premium-store-btn premium-store-btn--primary\" data-premium-addtocart unless current_variant.available endunless\u003e\n \u003cspan data-premium-addtocart-label\u003e\n {%- if current_variant.available -%}Add to cart β€” {{ current_variant.price | money }}{%- else -%}Sold out{%- endif -%}\n \u003c\/span\u003e\n \u003c\/button\u003e\n {%- if current_variant.available and shop.checkout.buy_now_enabled != false -%}\n \u003cbutton type=\"button\" class=\"premium-store-btn premium-store-btn--secondary\" data-premium-buynow\u003eBuy now\u003c\/button\u003e\n {%- endif -%}\n \u003cp class=\"premium-product-formstate\" role=\"status\" aria-live=\"polite\" data-premium-formstate\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n {%- endform -%}\n\n {%- if section.settings.payment_icons -%}\n \u003cdiv class=\"premium-product-paytrust\" aria-label=\"Accepted payment methods\"\u003e\n {%- for type in shop.enabled_payment_types -%}{{ type | payment_type_svg_tag }}{%- endfor -%}\n \u003c\/div\u003e\n {%- endif -%}\n\n {%- comment -%} ============ TRUST BENEFIT CARDS ============ {%- endcomment -%}\n {%- assign has_trust_blocks = false -%}\n {%- for block in section.blocks -%}{%- if block.type == 'trust_card' -%}{%- assign has_trust_blocks = true -%}{%- endif -%}{%- endfor -%}\n {%- if has_trust_blocks -%}\n \u003cdiv class=\"premium-trust-cards\"\u003e\n {%- for block in section.blocks -%}\n {%- if block.type == 'trust_card' -%}\n \u003cdiv class=\"premium-trust-card\" block.shopify_attributes\u003e\n \u003cdiv class=\"premium-trust-card__icon\" aria-hidden=\"true\"\u003e\n \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6l7-4z\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cp class=\"premium-trust-card__title\"\u003e{{ block.settings.title }}\u003c\/p\u003e\n \u003cp class=\"premium-trust-card__desc\"\u003e{{ block.settings.description }}\u003c\/p\u003e\n \u003c\/div\u003e\n {%- endif -%}\n {%- endfor -%}\n \u003c\/div\u003e\n {%- endif -%}\n\n {%- comment -%} ============ DELIVERY ESTIMATOR ============ {%- endcomment -%}\n {%- if section.settings.show_estimator -%}\n \u003cdiv\u003e\n \u003clabel class=\"premium-product-option__label\" for=\"PremiumZip-{{ section.id }}\"\u003eCheck delivery estimate\u003c\/label\u003e\n \u003cdiv class=\"premium-product-estimator\"\u003e\n \u003cinput type=\"text\" id=\"PremiumZip-{{ section.id }}\" placeholder=\"Enter postal \/ area code\" data-premium-zip\u003e\n \u003cbutton type=\"button\" class=\"premium-store-btn premium-store-btn--secondary\" style=\"width:auto;\" data-premium-zip-check\u003eCheck\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cp class=\"premium-product-estimator__result\" data-premium-zip-result\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n {%- endif -%}\n\n {%- comment -%} ============ SHIPPING \/ RETURNS \/ WARRANTY ACCORDION ============ {%- endcomment -%}\n \u003cdiv class=\"premium-product-accordion\"\u003e\n {%- if section.settings.shipping_policy_text != blank -%}\n \u003cdiv class=\"premium-product-accordion__item\" data-premium-accordion\u003e\n \u003cbutton class=\"premium-product-accordion__q\" aria-expanded=\"false\"\u003e\u003cspan\u003eShipping information\u003c\/span\u003e\u003cspan class=\"premium-product-accordion__icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n \u003cdiv class=\"premium-product-accordion__a\"\u003e\u003cdiv class=\"premium-product-accordion__a-inner\"\u003e{{ section.settings.shipping_policy_text }}\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n {%- endif -%}\n \u003cdiv class=\"premium-product-accordion__item\" data-premium-accordion\u003e\n \u003cbutton class=\"premium-product-accordion__q\" aria-expanded=\"false\"\u003e\u003cspan\u003eReturns policy\u003c\/span\u003e\u003cspan class=\"premium-product-accordion__icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n \u003cdiv class=\"premium-product-accordion__a\"\u003e\u003cdiv class=\"premium-product-accordion__a-inner\"\u003e\u003ca href=\"{{%20routes.root_url%20}}policies\/refund-policy\" class=\"premium-store-textlink\"\u003eView full refund policy\u003c\/a\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n {%- if product.metafields.premium.warranty.value != blank -%}\n \u003cdiv class=\"premium-product-accordion__item\" data-premium-accordion\u003e\n \u003cbutton class=\"premium-product-accordion__q\" aria-expanded=\"false\"\u003e\u003cspan\u003eWarranty\u003c\/span\u003e\u003cspan class=\"premium-product-accordion__icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n \u003cdiv class=\"premium-product-accordion__a\"\u003e\u003cdiv class=\"premium-product-accordion__a-inner\"\u003e{{ product.metafields.premium.warranty.value }}\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n {%- endif -%}\n \u003c\/div\u003e\n \u003c\/section\u003e\n \u003c\/div\u003e\n \u003c\/main\u003e\n\n {%- comment -%} ============ KEY FEATURES ============ {%- endcomment -%}\n {%- if product.metafields.premium.features.value != blank -%}\n \u003csection class=\"premium-store-section\"\u003e\n \u003cdiv class=\"premium-store-container narrow\"\u003e\n \u003ch2 class=\"premium-store-h2\"\u003eKey features\u003c\/h2\u003e\n \u003cul style=\"display:grid; gap:10px; grid-template-columns:1fr; padding:0; list-style:none; margin-top:16px;\"\u003e\n {%- for line in product.metafields.premium.features.value -%}\n \u003cli style=\"display:flex; gap:10px; font-size:14.5px;\"\u003e\n \u003cspan aria-hidden=\"true\" style=\"color:var(--pp-success); flex-shrink:0;\"\u003eβœ“\u003c\/span\u003e{{ line }}\n \u003c\/li\u003e\n {%- endfor -%}\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n {%- endif -%}\n\n {%- comment -%} ============ PRODUCT DESCRIPTION ============ {%- endcomment -%}\n {%- if product.description != blank -%}\n \u003csection class=\"premium-store-section\" style=\"padding-block: clamp(20px,3vw,40px);\"\u003e\n \u003cdiv class=\"premium-store-container narrow\"\u003e\n \u003ch2 class=\"premium-store-h2\"\u003eDescription\u003c\/h2\u003e\n \u003cdiv style=\"font-size:15px; line-height:1.7; color: var(--pp-text);\"\u003e{{ product.description }}\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n {%- endif -%}\n\n {%- comment -%} ============ SPECIFICATIONS (metafields) ============ {%- endcomment -%}\n {%- if product.metafields.premium.specifications.value != blank -%}\n \u003csection class=\"premium-store-section\" style=\"padding-block: clamp(20px,3vw,40px);\"\u003e\n \u003cdiv class=\"premium-store-container narrow\"\u003e\n \u003ch2 class=\"premium-store-h2\"\u003eSpecifications\u003c\/h2\u003e\n \u003ctable class=\"premium-product-spectable\"\u003e\n \u003ctbody\u003e\n {%- for spec in product.metafields.premium.specifications.value -%}\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003e{{ spec.label }}\u003c\/th\u003e\n\u003ctd\u003e{{ spec.value }}\u003c\/td\u003e\n\u003c\/tr\u003e\n {%- endfor -%}\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n {%- endif -%}\n\n {%- comment -%} ============ PACKAGE CONTENTS ============ {%- endcomment -%}\n {%- if product.metafields.premium.package_contents.value != blank -%}\n \u003csection class=\"premium-store-section\" style=\"padding-block: clamp(20px,3vw,40px);\"\u003e\n \u003cdiv class=\"premium-store-container narrow\"\u003e\n \u003ch2 class=\"premium-store-h2\"\u003eWhat's in the box\u003c\/h2\u003e\n \u003cul style=\"margin-top:12px; padding-left:20px; font-size:14.5px; line-height:1.8;\"\u003e\n {%- for item in product.metafields.premium.package_contents.value -%}\u003cli\u003e{{ item }}\u003c\/li\u003e{%- endfor -%}\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n {%- endif -%}\n\n {%- comment -%} ============ HOW TO USE ============ {%- endcomment -%}\n {%- if product.metafields.premium.how_to_use.value != blank -%}\n \u003csection class=\"premium-store-section\" style=\"padding-block: clamp(20px,3vw,40px);\"\u003e\n \u003cdiv class=\"premium-store-container\"\u003e\n \u003ch2 class=\"premium-store-h2\"\u003eHow to use\u003c\/h2\u003e\n \u003cdiv class=\"premium-product-steps\" style=\"margin-top:20px;\"\u003e\n {%- for step in product.metafields.premium.how_to_use.value -%}\n \u003cdiv class=\"premium-product-step\"\u003e\n \u003cdiv class=\"premium-product-step__num\"\u003e{{ forloop.index }}\u003c\/div\u003e\n \u003cp class=\"premium-product-step__title\"\u003e{{ step.title }}\u003c\/p\u003e\n \u003cp class=\"premium-product-step__desc\"\u003e{{ step.text }}\u003c\/p\u003e\n \u003c\/div\u003e\n {%- endfor -%}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n {%- endif -%}\n\n {%- comment -%} ============ PRODUCT MEDIA STORYTELLING ============ {%- endcomment -%}\n {%- assign pstory_count = 0 -%}\n {%- for block in section.blocks -%}{%- if block.type == 'story_panel' -%}{%- assign pstory_count = pstory_count | plus: 1 -%}{%- endif -%}{%- endfor -%}\n {%- if pstory_count \u0026gt; 0 -%}\n \u003csection class=\"premium-store-section\" aria-labelledby=\"PremiumPStory-{{ section.id }}\"\u003e\n \u003cdiv class=\"premium-store-container\"\u003e\n \u003ch2 class=\"premium-store-h2\" id=\"PremiumPStory-{{ section.id }}\"\u003e{{ section.settings.story_heading | default: 'The full story' }}\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"premium-media-story\" data-premium-story style=\"height: {{ pstory_count | times: 55 }}vh;\"\u003e\n \u003cdiv class=\"premium-media-story__sticky\"\u003e\n \u003cdiv class=\"premium-store-container\" style=\"width:100%;\"\u003e\n \u003cdiv class=\"premium-media-story__track\" data-premium-story-track\u003e\n {%- for block in section.blocks -%}\n {%- if block.type == 'story_panel' -%}\n \u003cdiv class=\"premium-media-story__panel\" block.shopify_attributes\u003e\n {%- if block.settings.image != blank -%}\n \u003cimg src=\"{{%20block.settings.image%20|%20image_url:%20width:%20900%20}}\" width=\"900\" height=\"{{ 900 | divided_by: block.settings.image.aspect_ratio | default: 900 }}\" alt=\"{{ block.settings.title | escape }}\" loading=\"lazy\"\u003e\n {%- endif -%}\n {%- if block.settings.title != blank -%}\n \u003cdiv class=\"premium-media-story__caption\"\u003e\n\u003ch3 style=\"font-family:var(--pp-font-display); margin:0 0 4px;\"\u003e{{ block.settings.title }}\u003c\/h3\u003e\n\u003cp style=\"margin:0; font-size:13px;\"\u003e{{ block.settings.text }}\u003c\/p\u003e\n\u003c\/div\u003e\n {%- endif -%}\n \u003c\/div\u003e\n {%- endif -%}\n {%- endfor -%}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n {%- endif -%}\n\n {%- comment -%} ============ FREQUENTLY BOUGHT TOGETHER ============ {%- endcomment -%}\n {%- if product.metafields.premium.fbt_products.value != blank -%}\n \u003csection class=\"premium-store-section\"\u003e\n \u003cdiv class=\"premium-store-container\"\u003e\n \u003cdiv class=\"premium-store-section-head\"\u003e\u003cdiv\u003e\u003ch2 class=\"premium-store-h2\"\u003eFrequently bought together\u003c\/h2\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"premium-store-grid\"\u003e\n {{ product | image_url: width: 1 }}\n {%- for p in product.metafields.premium.fbt_products.value -%}\n {%- render 'premium-product-card', product: p -%}\n {%- endfor -%}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n {%- endif -%}\n\n {%- comment -%} ============ RELATED PRODUCTS (Shopify recommendations) ============ {%- endcomment -%}\n \u003csection class=\"premium-store-section\" id=\"premium-related-{{ section.id }}\" data-premium-recommendations data-product-id=\"{{ product.id }}\" data-url=\"{{ routes.product_recommendations_url }}?section_id={{ section.id }}\u0026amp;product_id={{ product.id }}\u0026amp;limit=8\u0026amp;intent=related\"\u003e\n \u003cdiv class=\"premium-store-container\"\u003e\n \u003cdiv class=\"premium-store-section-head\"\u003e\u003cdiv\u003e\u003ch2 class=\"premium-store-h2\"\u003eYou may also like\u003c\/h2\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"premium-store-scrollrow\" data-premium-recommendations-target\u003e\n {%- for p in product.metafields.premium.cross_sell.value limit: 8 -%}\n {%- render 'premium-product-card', product: p -%}\n {%- endfor -%}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n {%- comment -%} ============ RECENTLY VIEWED ============ {%- endcomment -%}\n \u003csection class=\"premium-store-section\" data-premium-recently-viewed style=\"display:none;\"\u003e\n \u003cdiv class=\"premium-store-container\"\u003e\n \u003cdiv class=\"premium-store-section-head\"\u003e\u003cdiv\u003e\u003ch2 class=\"premium-store-h2\"\u003eRecently viewed\u003c\/h2\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"premium-store-scrollrow\" data-premium-recently-viewed-target\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n {%- comment -%} ============ CUSTOMER REVIEWS ============ {%- endcomment -%}\n {%- assign preview_count = 0 -%}\n {%- for block in section.blocks -%}{%- if block.type == 'review' -%}{%- assign preview_count = preview_count | plus: 1 -%}{%- endif -%}{%- endfor -%}\n {%- if preview_count \u0026gt; 0 -%}\n \u003csection class=\"premium-store-section\" id=\"PremiumReviews-{{ section.id }}\" aria-labelledby=\"PremiumReviewsH-{{ section.id }}\"\u003e\n \u003cdiv class=\"premium-store-container narrow\"\u003e\n \u003ch2 class=\"premium-store-h2\" id=\"PremiumReviewsH-{{ section.id }}\"\u003eCustomer reviews\u003c\/h2\u003e\n {%- if product.metafields.reviews.rating.value != blank -%}\n \u003cdiv class=\"premium-review-summary-block\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"premium-review-summary__score\"\u003e{{ product.metafields.reviews.rating.value.rating | default: product.metafields.reviews.rating.value }}\u003c\/div\u003e\n \u003cdiv class=\"premium-review-card__stars\" aria-hidden=\"true\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cp class=\"premium-store-sub\"\u003e{{ product.metafields.reviews.rating_count.value | default: 0 }} verified reviews\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n {%- for n in (1..5) reversed -%}\n \u003cdiv class=\"premium-review-bar\"\u003e\n \u003cspan\u003e{{ n }}β˜…\u003c\/span\u003e\n \u003cspan class=\"premium-review-bar__track\"\u003e\u003cspan class=\"premium-review-bar__fill\" style=\"width: {{ product.metafields.reviews['star_' | append: n].value | default: 0 }}%;\"\u003e\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n {%- endfor -%}\n \u003c\/div\u003e\n \u003c\/div\u003e\n {%- endif -%}\n \u003c\/div\u003e\n \u003cdiv class=\"premium-store-container\"\u003e\n \u003cdiv class=\"premium-store-grid\"\u003e\n {%- for block in section.blocks -%}\n {%- if block.type == 'review' -%}\n \u003cdiv class=\"premium-review-card\" block.shopify_attributes\u003e\n {%- if block.settings.photo != blank -%}\u003cdiv class=\"premium-review-card__photo\"\u003e\u003cimg src=\"{{%20block.settings.photo%20|%20image_url:%20width:%20300%20}}\" width=\"300\" height=\"300\" alt=\"Customer photo from {{ block.settings.author }}\" loading=\"lazy\"\u003e\u003c\/div\u003e{%- endif -%}\n \u003cdiv class=\"premium-review-card__stars\" aria-hidden=\"true\"\u003e\n {%- assign rr = block.settings.rating -%}{%- for i in (1..5) -%}{%- if i \u0026lt;= rr -%}β˜…{%- else -%}β˜†{%- endif -%}{%- endfor -%}\n \u003c\/div\u003e\n \u003cp class=\"premium-review-card__body\"\u003e{{ block.settings.body }}\u003c\/p\u003e\n \u003cp class=\"premium-review-card__author\"\u003e{{ block.settings.author }}{% if block.settings.verified %} Β· Verified buyer{% endif %}\u003c\/p\u003e\n \u003c\/div\u003e\n {%- endif -%}\n {%- endfor -%}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n {%- endif -%}\n\n {%- comment -%} ============ PRODUCT FAQ ============ {%- endcomment -%}\n {%- assign pfaq_count = 0 -%}\n {%- for block in section.blocks -%}{%- if block.type == 'faq' -%}{%- assign pfaq_count = pfaq_count | plus: 1 -%}{%- endif -%}{%- endfor -%}\n {%- if pfaq_count \u0026gt; 0 -%}\n \u003csection class=\"premium-store-section\"\u003e\n \u003cdiv class=\"premium-store-container narrow\"\u003e\n \u003ch2 class=\"premium-store-h2\"\u003eProduct FAQ\u003c\/h2\u003e\n \u003cdiv style=\"margin-top:20px;\"\u003e\n {%- for block in section.blocks -%}\n {%- if block.type == 'faq' -%}\n \u003cdiv class=\"premium-faq-item\" data-premium-faq block.shopify_attributes\u003e\n \u003cbutton class=\"premium-faq-item__q\" aria-expanded=\"false\"\u003e\u003cspan\u003e{{ block.settings.question }}\u003c\/span\u003e\u003cspan class=\"premium-faq-item__icon\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n \u003cdiv class=\"premium-faq-item__a\"\u003e\u003cdiv class=\"premium-faq-item__a-inner\"\u003e{{ block.settings.answer }}\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n {%- endif -%}\n {%- endfor -%}\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n {%- endif -%}\n\n {%- comment -%} ============ STICKY MOBILE ADD TO CART ============ {%- endcomment -%}\n \u003cdiv class=\"premium-product-stickybar\" data-premium-stickybar\u003e\n \u003cdiv class=\"premium-product-stickybar__media\"\u003e\n {%- if product.featured_media != blank -%}\u003cimg src=\"{{%20product.featured_media%20|%20image_url:%20width:%20100%20}}\" width=\"88\" height=\"88\" alt=\"\" loading=\"lazy\"\u003e{%- endif -%}\n \u003c\/div\u003e\n \u003cdiv class=\"premium-product-stickybar__info\"\u003e\n \u003cp class=\"premium-product-stickybar__title\"\u003e{{ product.title }}\u003c\/p\u003e\n \u003cp class=\"premium-product-stickybar__price\" data-premium-stickybar-price\u003e{{ current_variant.price | money }}\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cbutton class=\"premium-store-btn premium-store-btn--primary premium-product-stickybar__btn\" data-premium-stickybar-add unless current_variant.available endunless\u003e\n {%- if current_variant.available -%}Add to cart{%- else -%}Sold out{%- endif -%}\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n {%- comment -%} ============ LIGHTBOX ============ {%- endcomment -%}\n \u003cdiv class=\"premium-product-lightbox\" data-premium-lightbox aria-hidden=\"true\"\u003e\n \u003cbutton class=\"premium-product-lightbox__close\" data-premium-lightbox-close aria-label=\"Close fullscreen view\"\u003e\n \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M6 6l12 12M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cimg data-premium-lightbox-img src=\"\" alt=\"\"\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n{%- comment -%} ============ JAVASCRIPT ============ {%- endcomment -%}\n\u003cscript\u003e\n(function () {\n var root = document.getElementById('PremiumProduct-{{ section.id }}');\n if (!root || root.__premiumProductInit) return;\n root.__premiumProductInit = true;\n\n var productData = {};\n try { productData = JSON.parse(root.getAttribute('data-premium-product-json')); } catch (e) {}\n var moneyFormat = {{ shop.money_format | default: '${{amount}}' | json }};\n var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function formatMoney(cents) {\n var amount = (cents \/ 100).toFixed(2);\n return moneyFormat.replace(\/\\{\\{\\s*amount\\s*\\}\\}\/, amount).replace(\/\u003c[^\u003e]+\u003e\/g, '');\n }\n\n \/* ---------- Gallery ---------- *\/\n var track = root.querySelector('[data-premium-gallery-track]');\n var slides = root.querySelectorAll('.premium-product-gallery__slide');\n var thumbs = root.querySelectorAll('[data-premium-thumb]');\n var currentSlide = 0;\n\n function goToSlide(i) {\n if (i \u003c 0) i = slides.length - 1;\n if (i \u003e= slides.length) i = 0;\n currentSlide = i;\n if (track) track.style.transform = 'translateX(-' + (i * 100) + '%)';\n thumbs.forEach(function (t, idx) { t.setAttribute('aria-current', idx === i ? 'true' : 'false'); });\n }\n var prevBtn = root.querySelector('[data-premium-gallery-prev]');\n var nextBtn = root.querySelector('[data-premium-gallery-next]');\n if (prevBtn) prevBtn.addEventListener('click', function () { goToSlide(currentSlide - 1); });\n if (nextBtn) nextBtn.addEventListener('click', function () { goToSlide(currentSlide + 1); });\n thumbs.forEach(function (t) {\n t.addEventListener('click', function () { goToSlide(parseInt(t.getAttribute('data-index'), 10)); });\n });\n\n \/* swipe support *\/\n var galleryMain = root.querySelector('[data-premium-gallery]');\n if (galleryMain) {\n var touchStartX = 0;\n galleryMain.addEventListener('touchstart', function (e) { touchStartX = e.touches[0].clientX; }, { passive: true });\n galleryMain.addEventListener('touchend', function (e) {\n var diff = e.changedTouches[0].clientX - touchStartX;\n if (Math.abs(diff) \u003e 40) goToSlide(diff \u003e 0 ? currentSlide - 1 : currentSlide + 1);\n }, { passive: true });\n }\n\n \/* lightbox *\/\n var lightbox = root.querySelector('[data-premium-lightbox]');\n var lightboxImg = root.querySelector('[data-premium-lightbox-img]');\n root.querySelectorAll('[data-premium-zoom]').forEach(function (img) {\n img.addEventListener('click', function () {\n lightboxImg.src = img.src;\n lightboxImg.alt = img.alt;\n lightbox.setAttribute('data-open', 'true');\n lightbox.setAttribute('aria-hidden', 'false');\n });\n });\n var lightboxOpenBtn = root.querySelector('[data-premium-lightbox-open]');\n if (lightboxOpenBtn) lightboxOpenBtn.addEventListener('click', function () {\n var activeImg = slides[currentSlide] \u0026\u0026 slides[currentSlide].querySelector('img');\n if (activeImg) { lightboxImg.src = activeImg.src; lightbox.setAttribute('data-open', 'true'); lightbox.setAttribute('aria-hidden', 'false'); }\n });\n var lightboxCloseBtn = root.querySelector('[data-premium-lightbox-close]');\n function closeLightbox() { lightbox.removeAttribute('data-open'); lightbox.setAttribute('aria-hidden', 'true'); }\n if (lightboxCloseBtn) lightboxCloseBtn.addEventListener('click', closeLightbox);\n lightbox.addEventListener('click', function (e) { if (e.target === lightbox) closeLightbox(); });\n document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeLightbox(); });\n\n \/* ---------- FAQ \/ accordions (shared behavior) ---------- *\/\n function wireAccordionGroup(selector) {\n root.querySelectorAll(selector).forEach(function (item) {\n var btn = item.querySelector('button');\n var panel = item.querySelector('[class$=\"__a\"]');\n var inner = panel ? panel.firstElementChild : null;\n if (!btn || !panel) return;\n btn.addEventListener('click', function () {\n var isOpen = item.getAttribute('data-open') === 'true';\n item.setAttribute('data-open', String(!isOpen));\n btn.setAttribute('aria-expanded', String(!isOpen));\n panel.style.maxHeight = !isOpen ? (inner ? inner.scrollHeight + 'px' : null) : null;\n });\n });\n }\n wireAccordionGroup('[data-premium-faq]');\n wireAccordionGroup('[data-premium-accordion]');\n\n \/* ---------- Quantity ---------- *\/\n var qtyInput = root.querySelector('[data-premium-qty-input]');\n var qtyDec = root.querySelector('[data-premium-qty-decrease]');\n var qtyInc = root.querySelector('[data-premium-qty-increase]');\n if (qtyDec) qtyDec.addEventListener('click', function () {\n qtyInput.value = Math.max(1, (parseInt(qtyInput.value, 10) || 1) - 1);\n });\n if (qtyInc) qtyInc.addEventListener('click', function () {\n qtyInput.value = (parseInt(qtyInput.value, 10) || 1) + 1;\n });\n\n \/* ---------- Variant selection ---------- *\/\n var optionButtons = root.querySelectorAll('[data-premium-option-value-btn]');\n var selectedOptions = [];\n {% for option in product.options_with_values %}selectedOptions[{{ forloop.index0 }}] = {{ option.selected_value | json }};{% endfor %}\n\n function findVariant(options) {\n return productData.variants.find(function (v) {\n return options.every(function (val, idx) { return v.options[idx] === val; });\n });\n }\n\n function updateForVariant(variant) {\n var priceEl = root.querySelector('[data-premium-price]');\n var compareEl = root.querySelector('[data-premium-compare]');\n var savingsEl = root.querySelector('[data-premium-savings]');\n var stockEl = root.querySelector('[data-premium-stock]');\n var stockTextEl = root.querySelector('[data-premium-stock-text]');\n var addBtn = root.querySelector('[data-premium-addtocart]');\n var addLabel = root.querySelector('[data-premium-addtocart-label]');\n var buyNowBtn = root.querySelector('[data-premium-buynow]');\n var variantIdField = root.querySelector('[data-premium-variant-id]');\n var stickyPrice = root.querySelector('[data-premium-stickybar-price]');\n var stickyAdd = root.querySelector('[data-premium-stickybar-add]');\n\n if (!variant) {\n if (addBtn) { addBtn.disabled = true; }\n if (addLabel) addLabel.textContent = 'Unavailable';\n return;\n }\n\n if (variantIdField) variantIdField.value = variant.id;\n if (priceEl) priceEl.textContent = formatMoney(variant.price);\n var hasCompare = variant.compare_at_price \u0026\u0026 variant.compare_at_price \u003e variant.price;\n if (compareEl) compareEl.style.display = hasCompare ? '' : 'none';\n if (compareEl \u0026\u0026 hasCompare) compareEl.textContent = formatMoney(variant.compare_at_price);\n if (savingsEl) {\n if (hasCompare) {\n var pct = Math.round(((variant.compare_at_price - variant.price) \/ variant.compare_at_price) * 100);\n savingsEl.style.display = '';\n savingsEl.textContent = 'Save ' + pct + '%';\n } else { savingsEl.style.display = 'none'; }\n }\n\n var available = variant.available;\n if (stockEl) {\n stockEl.className = 'premium-product-stock ' + (available ? (variant.inventory_quantity !== undefined \u0026\u0026 variant.inventory_quantity \u003c= {{ section.settings.low_stock_threshold | default: 5 }} ? 'premium-product-stock--low' : 'premium-product-stock--in') : 'premium-product-stock--out');\n }\n if (stockTextEl) {\n stockTextEl.textContent = !available ? 'Out of stock' :\n (variant.inventory_quantity !== undefined \u0026\u0026 variant.inventory_quantity \u003c= {{ section.settings.low_stock_threshold | default: 5 }}) ? ('Only ' + variant.inventory_quantity + ' left in stock') : 'In stock, ready to ship';\n }\n\n if (addBtn) addBtn.disabled = !available;\n if (addLabel) addLabel.textContent = available ? ('Add to cart β€” ' + formatMoney(variant.price)) : 'Sold out';\n if (buyNowBtn) buyNowBtn.style.display = available ? '' : 'none';\n if (stickyPrice) stickyPrice.textContent = formatMoney(variant.price);\n if (stickyAdd) { stickyAdd.disabled = !available; stickyAdd.textContent = available ? 'Add to cart' : 'Sold out'; }\n\n \/* swap gallery to variant's featured media if present *\/\n if (variant.featured_media \u0026\u0026 track) {\n var targetSlide = Array.prototype.findIndex.call(slides, function (s) {\n return parseInt(s.getAttribute('data-media-id'), 10) === variant.featured_media.id;\n });\n if (targetSlide \u003e -1) goToSlide(targetSlide);\n }\n }\n\n optionButtons.forEach(function (btn) {\n btn.addEventListener('click', function () {\n var idx = parseInt(btn.getAttribute('data-option-index'), 10);\n var value = btn.getAttribute('data-value');\n selectedOptions[idx] = value;\n\n root.querySelectorAll('[data-premium-option-index=\"' + idx + '\"] [data-premium-option-value-btn]').forEach(function (b) {\n var isSelected = b.getAttribute('data-value') === value;\n b.setAttribute('aria-pressed', String(isSelected));\n b.setAttribute('aria-checked', String(isSelected));\n });\n var labelEl = root.querySelector('[data-premium-option-index=\"' + idx + '\"] [data-premium-option-value]');\n if (labelEl) labelEl.textContent = value;\n\n var variant = findVariant(selectedOptions);\n updateForVariant(variant);\n\n \/* disable combinations that don't exist *\/\n optionButtons.forEach(function (b) {\n var bIdx = parseInt(b.getAttribute('data-option-index'), 10);\n if (bIdx === idx) return;\n var testOptions = selectedOptions.slice();\n testOptions[bIdx] = b.getAttribute('data-value');\n var exists = productData.variants.some(function (v) {\n return testOptions.every(function (val, i) { return v.options[i] === val; });\n });\n b.disabled = !exists;\n });\n\n var url = new URL(window.location.href);\n if (variant) { url.searchParams.set('variant', variant.id); window.history.replaceState({}, '', url); }\n });\n });\n\n \/* ---------- Add to cart (AJAX) ---------- *\/\n var form = root.querySelector('[data-premium-product-form]');\n var formState = root.querySelector('[data-premium-formstate]');\n function submitAddToCart(redirectToCheckout) {\n var formData = new FormData(form);\n var addBtn = root.querySelector('[data-premium-addtocart]');\n var originalLabel = addBtn ? addBtn.innerHTML : '';\n if (addBtn) { addBtn.disabled = true; addBtn.innerHTML = '\u003cspan\u003eAdding…\u003c\/span\u003e'; }\n if (formState) { formState.textContent = ''; formState.className = 'premium-product-formstate'; }\n\n fetch('\/cart\/add.js', { method: 'POST', body: formData, headers: { 'Accept': 'application\/json' } })\n .then(function (res) { if (!res.ok) return res.json().then(function (e) { throw new Error(e.description || 'Could not add to cart'); }); return res.json(); })\n .then(function () {\n if (redirectToCheckout) { window.location.href = '\/checkout'; return; }\n if (formState) { formState.textContent = 'Added to your cart.'; formState.className = 'premium-product-formstate premium-product-formstate--success'; }\n if (addBtn) addBtn.innerHTML = originalLabel;\n return fetch('\/cart.js').then(function (r) { return r.json(); }).then(function (cart) {\n document.dispatchEvent(new CustomEvent('premium:cart:updated', { detail: cart }));\n });\n })\n .catch(function (err) {\n if (formState) { formState.textContent = err.message || 'Something went wrong. Please try again.'; formState.className = 'premium-product-formstate premium-product-formstate--error'; }\n if (addBtn) addBtn.innerHTML = originalLabel;\n })\n .finally(function () { if (addBtn) addBtn.disabled = false; });\n }\n if (form) form.addEventListener('submit', function (e) { e.preventDefault(); submitAddToCart(false); });\n var buyNowBtn = root.querySelector('[data-premium-buynow]');\n if (buyNowBtn) buyNowBtn.addEventListener('click', function () { submitAddToCart(true); });\n var stickyAddBtn = root.querySelector('[data-premium-stickybar-add]');\n if (stickyAddBtn) stickyAddBtn.addEventListener('click', function () { submitAddToCart(false); });\n\n \/* ---------- Sticky mobile bar visibility ---------- *\/\n var stickybar = root.querySelector('[data-premium-stickybar]');\n var mainAddBtn = root.querySelector('[data-premium-addtocart]');\n if (stickybar \u0026\u0026 mainAddBtn \u0026\u0026 'IntersectionObserver' in window) {\n var barObserver = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) { stickybar.setAttribute('data-show', String(!entry.isIntersecting)); });\n }, { threshold: 0 });\n barObserver.observe(mainAddBtn);\n }\n\n \/* ---------- Countdown ---------- *\/\n root.querySelectorAll('[data-premium-countdown]').forEach(function (el) {\n var end = new Date(el.getAttribute('data-end')).getTime();\n if (isNaN(end)) { el.style.display = 'none'; return; }\n var h = el.querySelector('[data-unit=\"hours\"]'), m = el.querySelector('[data-unit=\"mins\"]'), s = el.querySelector('[data-unit=\"secs\"]');\n function pad(n) { return String(n).padStart(2, '0'); }\n function tick() {\n var diff = end - Date.now();\n if (diff \u003c= 0) { el.style.display = 'none'; clearInterval(timer); return; }\n h.textContent = pad(Math.floor(diff \/ 3600000) % 24 + Math.floor(diff \/ 86400000) * 24);\n m.textContent = pad(Math.floor((diff % 3600000) \/ 60000));\n s.textContent = pad(Math.floor((diff % 60000) \/ 1000));\n }\n tick();\n var timer = setInterval(tick, 1000);\n });\n\n \/* ---------- Delivery estimator (uses shop shipping zones via simple lookup, no fabricated dates) ---------- *\/\n var zipBtn = root.querySelector('[data-premium-zip-check]');\n if (zipBtn) {\n zipBtn.addEventListener('click', function () {\n var zip = root.querySelector('[data-premium-zip]').value.trim();\n var resultEl = root.querySelector('[data-premium-zip-result]');\n if (!zip) { resultEl.textContent = 'Enter a postal or area code to check.'; return; }\n resultEl.textContent = 'Delivery estimate is calculated at checkout based on your address and current shipping rates.';\n });\n }\n\n \/* ---------- Product recommendations (real Shopify endpoint) ---------- *\/\n var recSection = root.querySelector('[data-premium-recommendations]');\n if (recSection) {\n var recUrl = recSection.getAttribute('data-url');\n fetch(recUrl)\n .then(function (res) { return res.text(); })\n .then(function (html) {\n var doc = new DOMParser().parseFromString(html, 'text\/html');\n var newTarget = doc.querySelector('[data-premium-recommendations-target]');\n var target = recSection.querySelector('[data-premium-recommendations-target]');\n if (newTarget \u0026\u0026 newTarget.children.length \u0026\u0026 target) {\n target.innerHTML = newTarget.innerHTML;\n } else if (!target.children.length) {\n recSection.style.display = 'none';\n }\n })\n .catch(function () {});\n }\n\n \/* ---------- Recently viewed (localStorage-based) ---------- *\/\n try {\n var STORAGE_KEY = 'premium_recently_viewed';\n var current = { id: productData.id, url: productData.url, title: productData.title, image: (productData.featured_image || (productData.media \u0026\u0026 productData.media[0] \u0026\u0026 productData.media[0].src)) };\n var stored = JSON.parse(window.sessionStorage.getItem(STORAGE_KEY) || '[]');\n stored = stored.filter(function (p) { return p.id !== current.id; });\n stored.unshift(current);\n stored = stored.slice(0, 8);\n window.sessionStorage.setItem(STORAGE_KEY, JSON.stringify(stored));\n\n var rvSection = root.querySelector('[data-premium-recently-viewed]');\n var rvTarget = root.querySelector('[data-premium-recently-viewed-target]');\n var others = stored.filter(function (p) { return p.id !== current.id; });\n if (others.length \u0026\u0026 rvSection \u0026\u0026 rvTarget) {\n rvSection.style.display = '';\n rvTarget.innerHTML = others.map(function (p) {\n return '\u003cdiv class=\"premium-store-card\"\u003e\u003cdiv class=\"premium-store-card__media\"\u003e\u003ca href=\"' + p.url + '\"\u003e' +\n (p.image ? '\u003cimg class=\"premium-store-card__img\" src=\"' + p.image + '\" alt=\"\" loading=\"lazy\"\u003e' : '') +\n '\u003c\/a\u003e\u003c\/div\u003e\u003cdiv class=\"premium-store-card__body\"\u003e\u003ch3 class=\"premium-store-card__title\"\u003e\u003ca href=\"' + p.url + '\"\u003e' + p.title + '\u003c\/a\u003e\u003c\/h3\u003e\u003c\/div\u003e\u003c\/div\u003e';\n }).join('');\n }\n } catch (e) {}\n\n \/* ---------- Horizontal media storytelling (scroll-linked, no scroll-jacking) ---------- *\/\n var storyWrap = root.querySelector('[data-premium-story]');\n var storyTrack = root.querySelector('[data-premium-story-track]');\n if (storyWrap \u0026\u0026 storyTrack \u0026\u0026 window.matchMedia('(min-width: 900px)').matches \u0026\u0026 !prefersReducedMotion) {\n var ticking2 = false;\n function updateStory() {\n ticking2 = false;\n var rect = storyWrap.getBoundingClientRect();\n var total = storyWrap.offsetHeight - window.innerHeight;\n if (total \u003c= 0) return;\n var progress = Math.min(Math.max(-rect.top \/ total, 0), 1);\n var maxScroll = storyTrack.scrollWidth - storyTrack.parentElement.offsetWidth;\n storyTrack.style.transform = 'translateX(' + (-progress * Math.max(maxScroll, 0)) + 'px)';\n }\n window.addEventListener('scroll', function () { if (!ticking2) { window.requestAnimationFrame(updateStory); ticking2 = true; } }, { passive: true });\n window.addEventListener('resize', updateStory);\n updateStory();\n }\n})();\n\u003c\/script\u003e\n\n{% schema %}\n{\n \"name\": \"Premium Product\",\n \"settings\": [\n { \"type\": \"header\", \"content\": \"Design system\" },\n { \"type\": \"color\", \"id\": \"color_bg\", \"label\": \"Background\", \"default\": \"#FFFFFF\" },\n { \"type\": \"color\", \"id\": \"color_surface\", \"label\": \"Surface\", \"default\": \"#F5F4F1\" },\n { \"type\": \"color\", \"id\": \"color_text\", \"label\": \"Text\", \"default\": \"#161616\" },\n { \"type\": \"color\", \"id\": \"color_muted\", \"label\": \"Muted text\", \"default\": \"#6B6B68\" },\n { \"type\": \"color\", \"id\": \"color_primary\", \"label\": \"Primary\", \"default\": \"#1C1C1A\" },\n { \"type\": \"color\", \"id\": \"color_primary_hover\", \"label\": \"Primary hover\", \"default\": \"#333330\" },\n { \"type\": \"color\", \"id\": \"color_accent\", \"label\": \"Accent\", \"default\": \"#C9A24B\" },\n { \"type\": \"color\", \"id\": \"color_border\", \"label\": \"Border\", \"default\": \"#E7E5E0\" },\n { \"type\": \"range\", \"id\": \"radius\", \"label\": \"Corner radius (px)\", \"min\": 0, \"max\": 24, \"step\": 1, \"default\": 10 },\n { \"type\": \"range\", \"id\": \"container_width\", \"label\": \"Container width (px)\", \"min\": 960, \"max\": 1600, \"step\": 20, \"default\": 1320 },\n { \"type\": \"text\", \"id\": \"font_display\", \"label\": \"Display font family\", \"default\": \"'Fraunces'\" },\n { \"type\": \"text\", \"id\": \"font_body\", \"label\": \"Body font family\", \"default\": \"'Inter'\" },\n\n { \"type\": \"header\", \"content\": \"Announcement + marquee\" },\n { \"type\": \"text\", \"id\": \"announce_text\", \"label\": \"Announcement bar text\" },\n { \"type\": \"textarea\", \"id\": \"marquee_items\", \"label\": \"Marquee items (separate with |)\" },\n\n { \"type\": \"header\", \"content\": \"Pricing \u0026amp; tax\" },\n { \"type\": \"text\", \"id\": \"tax_note\", \"label\": \"Tax\/shipping note (e.g. 'Tax included')\" },\n\n { \"type\": \"header\", \"content\": \"Stock \u0026amp; urgency\" },\n { \"type\": \"range\", \"id\": \"low_stock_threshold\", \"label\": \"Low stock threshold\", \"min\": 1, \"max\": 20, \"step\": 1, \"default\": 5 },\n { \"type\": \"checkbox\", \"id\": \"show_live_viewers\", \"label\": \"Show live viewer count\", \"default\": false, \"info\": \"Requires a real analytics\/app data source to populate accurately.\" },\n { \"type\": \"number\", \"id\": \"viewer_base\", \"label\": \"Viewer base count (fallback only)\" },\n { \"type\": \"text\", \"id\": \"countdown_end\", \"label\": \"Countdown end (ISO datetime)\", \"info\": \"Leave blank to hide. Never fabricate a date\/offer.\" },\n { \"type\": \"text\", \"id\": \"countdown_label\", \"label\": \"Countdown label\", \"default\": \"Order within\" },\n\n { \"type\": \"header\", \"content\": \"Shipping \/ COD messaging\" },\n { \"type\": \"text\", \"id\": \"shipping_msg\", \"label\": \"Shipping message\" },\n { \"type\": \"text\", \"id\": \"cod_msg\", \"label\": \"Cash on delivery message\" },\n { \"type\": \"richtext\", \"id\": \"shipping_policy_text\", \"label\": \"Shipping policy text (accordion)\" },\n { \"type\": \"checkbox\", \"id\": \"payment_icons\", \"label\": \"Show payment method icons\", \"default\": true },\n\n { \"type\": \"header\", \"content\": \"Delivery estimator\" },\n { \"type\": \"checkbox\", \"id\": \"show_estimator\", \"label\": \"Show delivery estimator input\", \"default\": false },\n\n { \"type\": \"header\", \"content\": \"Media storytelling\" },\n { \"type\": \"text\", \"id\": \"story_heading\", \"label\": \"Storytelling heading\" }\n ],\n \"blocks\": [\n {\n \"type\": \"trust_card\",\n \"name\": \"Trust benefit card\",\n \"settings\": [\n { \"type\": \"text\", \"id\": \"title\", \"label\": \"Title\", \"default\": \"Free shipping\" },\n { \"type\": \"text\", \"id\": \"description\", \"label\": \"Description\", \"default\": \"On all orders\" }\n ]\n },\n {\n \"type\": \"story_panel\",\n \"name\": \"Storytelling panel\",\n \"settings\": [\n { \"type\": \"image_picker\", \"id\": \"image\", \"label\": \"Image\" },\n { \"type\": \"text\", \"id\": \"title\", \"label\": \"Title\" },\n { \"type\": \"text\", \"id\": \"text\", \"label\": \"Caption text\" }\n ]\n },\n {\n \"type\": \"review\",\n \"name\": \"Customer review\",\n \"settings\": [\n { \"type\": \"range\", \"id\": \"rating\", \"label\": \"Rating\", \"min\": 1, \"max\": 5, \"step\": 1, \"default\": 5 },\n { \"type\": \"textarea\", \"id\": \"body\", \"label\": \"Review text\" },\n { \"type\": \"text\", \"id\": \"author\", \"label\": \"Author name\" },\n { \"type\": \"checkbox\", \"id\": \"verified\", \"label\": \"Verified buyer\", \"default\": true },\n { \"type\": \"image_picker\", \"id\": \"photo\", \"label\": \"Customer photo (UGC, optional)\" }\n ]\n },\n {\n \"type\": \"faq\",\n \"name\": \"FAQ item\",\n \"settings\": [\n { \"type\": \"text\", \"id\": \"question\", \"label\": \"Question\" },\n { \"type\": \"richtext\", \"id\": \"answer\", \"label\": \"Answer\" }\n ]\n }\n ],\n \"presets\": [\n {\n \"name\": \"Premium Product\",\n \"blocks\": [\n { \"type\": \"trust_card\" }, { \"type\": \"trust_card\" }, { \"type\": \"trust_card\" }, { \"type\": \"trust_card\" },\n { \"type\": \"story_panel\" }, { \"type\": \"story_panel\" },\n { \"type\": \"faq\" }, { \"type\": \"faq\" }, { \"type\": \"faq\" }\n ]\n }\n ]\n}\n{% endschema %}\n\n \u003c\/body\u003e","brand":"Emira Max","offers":[{"title":"KSA","offer_id":47190541467702,"sku":"HSC-N-GF-ZAM-KSA","price":112.0,"currency_code":"USD","in_stock":false},{"title":"UAE","offer_id":47190541500470,"sku":"HSC-N-GF-ZAM","price":84.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/0925\/7526\/files\/hair-straightener-comb-995594.jpg?v=1786480272","url":"https:\/\/emiramax.world\/products\/hair-straightener-comb","provider":"Emira Max","version":"1.0","type":"link"}