{"product_id":"coffret","title":"coffret","description":"{%- comment -%}\n==================================================================\nROLINA COFFRET — SINGLE CUSTOM LIQUID BLOCK\n==================================================================\nPaste this entire block into a \"Custom Liquid\" section in the\nShopify Theme Editor, on the product page for:\n\"Coffret Maquillage Rolina – 12 Produits + Sac Cadeau\" ONLY.\n\n- Does not touch theme.liquid, other templates, EasySell, or tracking.\n- Renders no \u003cform\u003e of its own — CTA buttons only scroll to the\n  existing EasySell COD form already on the page.\n- Uses {{ product.title }} and {{ product.price }} dynamically.\n- Replace every \"PASTE IMAGE URL HERE\" comment with a real Shopify\n  CDN image URL (right-click an image in Shopify admin \u0026gt; Files, or\n  copy a product image URL, then paste between the quotes).\n==================================================================\n{%- endcomment -%}\n\n{%- assign current_variant = product.selected_or_first_available_variant -%}\n{%- assign compare_price = current_variant.compare_at_price -%}\n{%- assign current_price = current_variant.price -%}\n\n\u003cdiv class=\"rolina-wrap\" dir=\"rtl\" data-rolina-root\u003e\n\n  \u003c!-- ============ 1. HERO ============ --\u003e\n  \u003csection class=\"rolina-hero\" data-rolina-hero\u003e\n    \u003cdiv class=\"rolina-hero__inner\"\u003e\n\n      \u003cdiv class=\"rolina-hero__gallery\"\u003e\n        \u003cdiv class=\"rolina-hero__main-media\"\u003e\n          \u003cimg id=\"rolinaMainImage\" src=\"https:\/\/via.placeholder.com\/800x800\/f3e1d8\/9c5762?text=Coffret+Image\" alt=\"{{ product.title }}\" class=\"rolina-hero__main-image\" loading=\"eager\"\u003e\n          \u003c!-- ⬆️ PASTE MAIN IMAGE URL HERE (replace the placeholder src above) --\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-hero__thumbs\"\u003e\n          \u003cbutton type=\"button\" class=\"rolina-hero__thumb is-active\" data-rolina-thumb data-full-src=\"https:\/\/via.placeholder.com\/800x800\/f3e1d8\/9c5762?text=1\"\u003e\n            \u003cimg src=\"https:\/\/via.placeholder.com\/160x160\/f3e1d8\/9c5762?text=1\" alt=\"صورة 1\" loading=\"lazy\"\u003e\n            \u003c!-- ⬆️ PASTE THUMBNAIL 1 IMAGE URL HERE (both src and data-full-src) --\u003e\n          \u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"rolina-hero__thumb\" data-rolina-thumb data-full-src=\"https:\/\/via.placeholder.com\/800x800\/f3e1d8\/9c5762?text=2\"\u003e\n            \u003cimg src=\"https:\/\/via.placeholder.com\/160x160\/f3e1d8\/9c5762?text=2\" alt=\"صورة 2\" loading=\"lazy\"\u003e\n            \u003c!-- ⬆️ PASTE THUMBNAIL 2 IMAGE URL HERE --\u003e\n          \u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"rolina-hero__thumb\" data-rolina-thumb data-full-src=\"https:\/\/via.placeholder.com\/800x800\/f3e1d8\/9c5762?text=3\"\u003e\n            \u003cimg src=\"https:\/\/via.placeholder.com\/160x160\/f3e1d8\/9c5762?text=3\" alt=\"صورة 3\" loading=\"lazy\"\u003e\n            \u003c!-- ⬆️ PASTE THUMBNAIL 3 IMAGE URL HERE --\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"rolina-hero__content\"\u003e\n        \u003ch1 class=\"rolina-hero__title\"\u003e{{ product.title }}\u003c\/h1\u003e\n\n        \u003cdiv class=\"rolina-hero__rating\"\u003e\n          \u003cspan class=\"rolina-hero__stars\"\u003e★★★★★\u003c\/span\u003e\n          \u003cspan class=\"rolina-hero__rating-text\"\u003e4.8\/5 — مجموعة مكياج متكاملة من 12 قطعة\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cp class=\"rolina-hero__subtext\"\u003eمجموعة مكياج متكاملة من 12 قطعة\u003c\/p\u003e\n\n        \u003cdiv class=\"rolina-hero__price-row\" dir=\"ltr\"\u003e\n          {%- if compare_price \u0026gt; current_price -%}\n            \u003cspan class=\"rolina-hero__compare-price\"\u003e{{ compare_price | money }}\u003c\/span\u003e\n          {%- endif -%}\n          \u003cspan class=\"rolina-hero__price\"\u003e{{ current_price | money }}\u003c\/span\u003e\n          {%- if compare_price \u0026gt; current_price -%}\n            \u003cspan class=\"rolina-hero__discount-badge\"\u003eخصم محدود\u003c\/span\u003e\n          {%- endif -%}\n        \u003c\/div\u003e\n\n        \u003cp class=\"rolina-hero__sales-message\"\u003eكل ما تحتاجينه لإطلالة متكاملة… داخل Coffret واحد أنيق\u003c\/p\u003e\n\n        \u003cul class=\"rolina-hero__trust-points\"\u003e\n          \u003cli\u003e\n\u003cspan class=\"rolina-hero__trust-icon\"\u003e✔\u003c\/span\u003e\u003cspan\u003e12 قطعة أساسية\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"rolina-hero__trust-icon\"\u003e🎁\u003c\/span\u003e\u003cspan\u003eSac cadeau داخل العرض\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"rolina-hero__trust-icon\"\u003e✔\u003c\/span\u003e\u003cspan\u003eمناسب للاستعمال الشخصي أو كهدية\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"rolina-hero__trust-icon\"\u003e💳\u003c\/span\u003e\u003cspan\u003eالدفع عند الاستلام\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"rolina-hero__trust-icon\"\u003e🚚\u003c\/span\u003e\u003cspan\u003eالتوصيل لجميع مدن المغرب\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003cbutton type=\"button\" class=\"rolina-hero__cta\" data-rolina-scroll-to-order\u003e\n          اطلبي الكوفر دابا\n        \u003c\/button\u003e\n        \u003cp class=\"rolina-hero__microcopy\"\u003eالكمية محدودة\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 2. BENEFITS STRIP ============ --\u003e\n  \u003csection class=\"rolina-benefits\" data-rolina-benefits\u003e\n    \u003cdiv class=\"rolina-benefits__inner\"\u003e\n      \u003cdiv class=\"rolina-benefits__item\"\u003e\n\u003cspan class=\"rolina-benefits__icon\"\u003e🎀\u003c\/span\u003e\u003cspan class=\"rolina-benefits__label\"\u003e12 Produits\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"rolina-benefits__item\"\u003e\n\u003cspan class=\"rolina-benefits__icon\"\u003e🎁\u003c\/span\u003e\u003cspan class=\"rolina-benefits__label\"\u003eSac Cadeau Inclus\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"rolina-benefits__item\"\u003e\n\u003cspan class=\"rolina-benefits__icon\"\u003e💳\u003c\/span\u003e\u003cspan class=\"rolina-benefits__label\"\u003ePaiement à la livraison\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"rolina-benefits__item\"\u003e\n\u003cspan class=\"rolina-benefits__icon\"\u003e🚚\u003c\/span\u003e\u003cspan class=\"rolina-benefits__label\"\u003eLivraison rapide\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 3. INTRODUCTION ============ --\u003e\n  \u003csection class=\"rolina-intro\" data-rolina-intro\u003e\n    \u003cdiv class=\"rolina-intro__inner\"\u003e\n      \u003ch2 class=\"rolina-intro__heading\"\u003eCoffret واحد… لإطلالة كاملة\u003c\/h2\u003e\n      \u003cp class=\"rolina-intro__text\"\u003eمجموعة Rolina كتجمع 12 منتج أساسي للمكياج داخل Coffret Rose Gold أنيق، مناسب للاستعمال اليومي، المناسبات، أو كهدية مميزة.\u003c\/p\u003e\n      \u003cdiv class=\"rolina-intro__image-wrap\"\u003e\n        \u003cimg src=\"https:\/\/via.placeholder.com\/1200x750\/f3e1d8\/9c5762?text=Lifestyle+Image\" alt=\"Coffret Rolina\" loading=\"lazy\"\u003e\n        \u003c!-- ⬆️ PASTE LIFESTYLE IMAGE URL HERE --\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 4. WHAT'S INSIDE — 12 PRODUCTS GRID ============ --\u003e\n  \u003csection class=\"rolina-grid\" data-rolina-grid\u003e\n    \u003cdiv class=\"rolina-grid__inner\"\u003e\n      \u003ch2 class=\"rolina-grid__heading\"\u003eشنو كاين داخل الكوفر\u003c\/h2\u003e\n      \u003cdiv class=\"rolina-grid__items\"\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=1\" alt=\"Palette Fards à Paupières Paradise\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Palette Fards à Paupières Paradise --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003ePalette Fards à Paupières Paradise\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003e18 لون للعيون بين الألوان الهادئة واللامعة\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=2\" alt=\"Pressed Powder\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Pressed Powder --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003ePressed Powder\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003eلتثبيت المكياج وتقليل لمعان البشرة\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=3\" alt=\"Blush Palette\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Blush Palette --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eBlush Palette\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003e6 ألوان لإضافة لمسة حيوية للخدود\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=4\" alt=\"Highlighter Palette\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Highlighter Palette --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eHighlighter Palette\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003e6 درجات لإضاءة وإبراز ملامح الوجه\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=5\" alt=\"Face Primer Dewy Skin\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Face Primer Dewy Skin --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eFace Primer Dewy Skin\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003eلتحضير وتنعيم البشرة قبل المكياج\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=6\" alt=\"HD Matte Foundation\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: HD Matte Foundation --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eHD Matte Foundation\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003eلتوحيد لون البشرة وتغطية العيوب\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=7\" alt=\"Waterproof Mascara\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Waterproof Mascara --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eWaterproof Mascara\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003eلتكثيف وإبراز الرموش\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=8\" alt=\"Liquid Camouflage Concealer\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Liquid Camouflage Concealer --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eLiquid Camouflage Concealer\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003eلتغطية الهالات والبقع والعيوب\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=9\" alt=\"Matte Lip Gloss\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Matte Lip Gloss --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eMatte Lip Gloss\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003eلون أنيق بلمسة مطفية\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=10\" alt=\"Super Stay Eyeliner Pencil\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Super Stay Eyeliner Pencil --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eSuper Stay Eyeliner Pencil\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003eلتحديد العين بسهولة\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=11\" alt=\"Super Last Liquid Eyeliner\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Super Last Liquid Eyeliner --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eSuper Last Liquid Eyeliner\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003eلرسم خط دقيق وواضح\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"rolina-grid__card\"\u003e\n          \u003cdiv class=\"rolina-grid__card-image\"\u003e\u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=12\" alt=\"Lip Comfort Oil\" loading=\"lazy\"\u003e\u003c\/div\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Lip Comfort Oil --\u003e\n          \u003ch3 class=\"rolina-grid__card-name\"\u003eLip Comfort Oil\u003c\/h3\u003e\n          \u003cp class=\"rolina-grid__card-purpose\"\u003eلترطيب الشفاه ومنحها لمعة خفيفة\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 5. GIFT SECTION ============ --\u003e\n  \u003csection class=\"rolina-gift\" data-rolina-gift\u003e\n    \u003cdiv class=\"rolina-gift__inner\"\u003e\n      \u003ch2 class=\"rolina-gift__heading\"\u003eهدية جاهزة لكل مناسبة\u003c\/h2\u003e\n      \u003cp class=\"rolina-gift__text\"\u003eالكوفر كيوصل داخل Packaging أنيق ومعاه Sac cadeau، باش يكون واجد كهدية مباشرة.\u003c\/p\u003e\n      \u003cdiv class=\"rolina-gift__images\"\u003e\n        \u003cdiv class=\"rolina-gift__image-card\"\u003e\n          \u003cimg src=\"https:\/\/via.placeholder.com\/600x600\/b76e79\/ffffff?text=Closed+Box\" alt=\"Coffret مغلق\" loading=\"lazy\"\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Coffret مغلق (closed box) --\u003e\n          \u003cp class=\"rolina-gift__caption\"\u003eCoffret مغلق\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rolina-gift__image-card\"\u003e\n          \u003cimg src=\"https:\/\/via.placeholder.com\/600x600\/b76e79\/ffffff?text=Gift+Bag\" alt=\"Sac Cadeau\" loading=\"lazy\"\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Sac Cadeau --\u003e\n          \u003cp class=\"rolina-gift__caption\"\u003eSac Cadeau\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rolina-gift__image-card\"\u003e\n          \u003cimg src=\"https:\/\/via.placeholder.com\/600x600\/b76e79\/ffffff?text=Open+Box\" alt=\"Coffret مفتوح\" loading=\"lazy\"\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: Coffret مفتوح (open box) --\u003e\n          \u003cp class=\"rolina-gift__caption\"\u003eCoffret مفتوح\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 6. 3-STEP USAGE FLOW ============ --\u003e\n  \u003csection class=\"rolina-steps\" data-rolina-steps\u003e\n    \u003cdiv class=\"rolina-steps__inner\"\u003e\n      \u003ch2 class=\"rolina-steps__heading\"\u003eخطوات الإطلالة\u003c\/h2\u003e\n      \u003cdiv class=\"rolina-steps__list\"\u003e\n        \u003cdiv class=\"rolina-steps__item\"\u003e\n          \u003cspan class=\"rolina-steps__number\"\u003e1\u003c\/span\u003e\n          \u003ch3 class=\"rolina-steps__title\"\u003eحضري البشرة\u003c\/h3\u003e\n          \u003cp class=\"rolina-steps__products\"\u003ePrimer + Foundation + Concealer + Powder\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rolina-steps__item\"\u003e\n          \u003cspan class=\"rolina-steps__number\"\u003e2\u003c\/span\u003e\n          \u003ch3 class=\"rolina-steps__title\"\u003eبرزي الملامح\u003c\/h3\u003e\n          \u003cp class=\"rolina-steps__products\"\u003eBlush + Highlighter + Eyeshadow\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rolina-steps__item\"\u003e\n          \u003cspan class=\"rolina-steps__number\"\u003e3\u003c\/span\u003e\n          \u003ch3 class=\"rolina-steps__title\"\u003eكملي الإطلالة\u003c\/h3\u003e\n          \u003cp class=\"rolina-steps__products\"\u003eMascara + Eyeliner + Lip Gloss + Lip Oil\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 7. REAL PRODUCT GALLERY (tap to zoom) ============ --\u003e\n  \u003csection class=\"rolina-real-gallery\" data-rolina-real-gallery\u003e\n    \u003cdiv class=\"rolina-real-gallery__inner\"\u003e\n      \u003ch2 class=\"rolina-real-gallery__heading\"\u003eشوفي تفاصيل الكوفر الحقيقي\u003c\/h2\u003e\n      \u003cdiv class=\"rolina-real-gallery__grid\"\u003e\n\n        \u003cbutton type=\"button\" class=\"rolina-real-gallery__item\" data-rolina-lightbox-trigger data-full-src=\"https:\/\/via.placeholder.com\/1200x1200\/f3e1d8\/9c5762?text=Open+Box\" data-alt=\"Coffret مفتوح\"\u003e\n          \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=Open+Box\" alt=\"Coffret مفتوح\" loading=\"lazy\"\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: real open box photo (use same URL in src and data-full-src, full-src can be larger) --\u003e\n          \u003cspan class=\"rolina-real-gallery__label\"\u003eCoffret مفتوح\u003c\/span\u003e\n        \u003c\/button\u003e\n\n        \u003cbutton type=\"button\" class=\"rolina-real-gallery__item\" data-rolina-lightbox-trigger data-full-src=\"https:\/\/via.placeholder.com\/1200x1200\/f3e1d8\/9c5762?text=Closed+Box\" data-alt=\"Coffret مغلق\"\u003e\n          \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=Closed+Box\" alt=\"Coffret مغلق\" loading=\"lazy\"\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: real closed box photo --\u003e\n          \u003cspan class=\"rolina-real-gallery__label\"\u003eCoffret مغلق\u003c\/span\u003e\n        \u003c\/button\u003e\n\n        \u003cbutton type=\"button\" class=\"rolina-real-gallery__item\" data-rolina-lightbox-trigger data-full-src=\"https:\/\/via.placeholder.com\/1200x1200\/f3e1d8\/9c5762?text=Gift+Bag\" data-alt=\"Sac Cadeau\"\u003e\n          \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=Gift+Bag\" alt=\"Sac Cadeau\" loading=\"lazy\"\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: real gift bag photo --\u003e\n          \u003cspan class=\"rolina-real-gallery__label\"\u003eSac Cadeau\u003c\/span\u003e\n        \u003c\/button\u003e\n\n        \u003cbutton type=\"button\" class=\"rolina-real-gallery__item\" data-rolina-lightbox-trigger data-full-src=\"https:\/\/via.placeholder.com\/1200x1200\/f3e1d8\/9c5762?text=Details\" data-alt=\"تفاصيل المنتجات\"\u003e\n          \u003cimg src=\"https:\/\/via.placeholder.com\/400x400\/f3e1d8\/9c5762?text=Details\" alt=\"تفاصيل المنتجات\" loading=\"lazy\"\u003e\n          \u003c!-- ⬆️ PASTE IMAGE: real close-up product details photo --\u003e\n          \u003cspan class=\"rolina-real-gallery__label\"\u003eتفاصيل المنتجات\u003c\/span\u003e\n        \u003c\/button\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rolina-lightbox\" data-rolina-lightbox aria-hidden=\"true\"\u003e\n      \u003cbutton class=\"rolina-lightbox__close\" type=\"button\" data-rolina-lightbox-close aria-label=\"إغلاق\"\u003e×\u003c\/button\u003e\n      \u003cimg src=\"\" alt=\"\" data-rolina-lightbox-img\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 8. WHY CHOOSE THIS COFFRET ============ --\u003e\n  \u003csection class=\"rolina-why\" data-rolina-why\u003e\n    \u003cdiv class=\"rolina-why__inner\"\u003e\n      \u003ch2 class=\"rolina-why__heading\"\u003eعلاش تختاري هاد الكوفر\u003c\/h2\u003e\n      \u003cdiv class=\"rolina-why__grid\"\u003e\n        \u003cdiv class=\"rolina-why__card\"\u003e\n          \u003cspan class=\"rolina-why__icon\"\u003e🎀\u003c\/span\u003e\n          \u003ch3 class=\"rolina-why__card-title\"\u003eمجموعة متكاملة\u003c\/h3\u003e\n          \u003cp class=\"rolina-why__card-text\"\u003e12 منتج أساسي داخل Coffret واحد\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rolina-why__card\"\u003e\n          \u003cspan class=\"rolina-why__icon\"\u003e💎\u003c\/span\u003e\n          \u003ch3 class=\"rolina-why__card-title\"\u003eتصميم فاخر\u003c\/h3\u003e\n          \u003cp class=\"rolina-why__card-text\"\u003ePackaging Rose Gold أنيق\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rolina-why__card\"\u003e\n          \u003cspan class=\"rolina-why__icon\"\u003e🎁\u003c\/span\u003e\n          \u003ch3 class=\"rolina-why__card-title\"\u003eمناسب كهدية\u003c\/h3\u003e\n          \u003cp class=\"rolina-why__card-text\"\u003eSac cadeau داخل العرض\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rolina-why__card\"\u003e\n          \u003cspan class=\"rolina-why__icon\"\u003e💳\u003c\/span\u003e\n          \u003ch3 class=\"rolina-why__card-title\"\u003eسهل الطلب\u003c\/h3\u003e\n          \u003cp class=\"rolina-why__card-text\"\u003eالدفع عند الاستلام\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 9. FAQ ============ --\u003e\n  \u003csection class=\"rolina-faq\" data-rolina-faq\u003e\n    \u003cdiv class=\"rolina-faq__inner\"\u003e\n      \u003ch2 class=\"rolina-faq__heading\"\u003eالأسئلة الشائعة\u003c\/h2\u003e\n      \u003cdiv class=\"rolina-faq__list\"\u003e\n        \u003cdetails class=\"rolina-faq__item\"\u003e\n          \u003csummary class=\"rolina-faq__question\"\u003e\u003cspan\u003eشحال من منتج داخل الكوفر؟\u003c\/span\u003e\u003cspan class=\"rolina-faq__chevron\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n          \u003cdiv class=\"rolina-faq__answer\"\u003e\u003cp\u003eالكوفر فيه 12 منتج مكياج مختلف.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/details\u003e\n        \u003cdetails class=\"rolina-faq__item\"\u003e\n          \u003csummary class=\"rolina-faq__question\"\u003e\u003cspan\u003eواش Sac cadeau داخلة فالعرض؟\u003c\/span\u003e\u003cspan class=\"rolina-faq__chevron\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n          \u003cdiv class=\"rolina-faq__answer\"\u003e\u003cp\u003eنعم، Sac cadeau داخلة مع الكوفر.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/details\u003e\n        \u003cdetails class=\"rolina-faq__item\"\u003e\n          \u003csummary class=\"rolina-faq__question\"\u003e\u003cspan\u003eواش الصور ديال المنتج الحقيقي؟\u003c\/span\u003e\u003cspan class=\"rolina-faq__chevron\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n          \u003cdiv class=\"rolina-faq__answer\"\u003e\u003cp\u003eنعم، الصور التفصيلية فالصفحة كتوضح المنتج الحقيقي ومحتوى الكوفر.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/details\u003e\n        \u003cdetails class=\"rolina-faq__item\"\u003e\n          \u003csummary class=\"rolina-faq__question\"\u003e\u003cspan\u003eواش الدفع عند الاستلام؟\u003c\/span\u003e\u003cspan class=\"rolina-faq__chevron\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n          \u003cdiv class=\"rolina-faq__answer\"\u003e\u003cp\u003eنعم، الأداء عند استلام الطلب.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/details\u003e\n        \u003cdetails class=\"rolina-faq__item\"\u003e\n          \u003csummary class=\"rolina-faq__question\"\u003e\u003cspan\u003eواش التوصيل لجميع المدن؟\u003c\/span\u003e\u003cspan class=\"rolina-faq__chevron\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n          \u003cdiv class=\"rolina-faq__answer\"\u003e\u003cp\u003eالتوصيل متوفر لجميع مدن المغرب حسب التغطية.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/details\u003e\n        \u003cdetails class=\"rolina-faq__item\"\u003e\n          \u003csummary class=\"rolina-faq__question\"\u003e\u003cspan\u003eشحال كياخد التوصيل؟\u003c\/span\u003e\u003cspan class=\"rolina-faq__chevron\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n          \u003c!-- ⬇️ EDIT this answer to match your real delivery time --\u003e\n          \u003cdiv class=\"rolina-faq__answer\"\u003e\u003cp\u003eعدلي هاد الجواب حسب مدة التوصيل الحقيقية ديالك.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 10. FINAL CTA ============ --\u003e\n  \u003csection class=\"rolina-final-cta\" data-rolina-final-cta\u003e\n    \u003cdiv class=\"rolina-final-cta__inner\"\u003e\n      \u003ch2 class=\"rolina-final-cta__heading\"\u003eخلي إطلالتك كاملة من Coffret واحد\u003c\/h2\u003e\n      \u003cp class=\"rolina-final-cta__text\"\u003e12 منتج + Coffret فاخر + Sac cadeau\u003c\/p\u003e\n      \u003cbutton type=\"button\" class=\"rolina-final-cta__button\" data-rolina-scroll-to-order\u003eاطلبي دابا\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 11. MOBILE STICKY CTA ============ --\u003e\n  \u003cdiv class=\"rolina-sticky-cta\" data-rolina-sticky-cta aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"rolina-sticky-cta__inner\"\u003e\n      \u003cspan class=\"rolina-sticky-cta__price\" dir=\"ltr\"\u003e{{ current_price | money }}\u003c\/span\u003e\n      \u003cbutton type=\"button\" class=\"rolina-sticky-cta__button\" data-rolina-scroll-to-order\u003eاطلبي دابا\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* Scoped entirely under .rolina-wrap — does not touch any global theme selector. *\/\n  .rolina-wrap, .rolina-wrap * { box-sizing: border-box; }\n\n  .rolina-wrap {\n    --rolina-rose-gold: #b76e79;\n    --rolina-rose-gold-dark: #9c5762;\n    --rolina-nude: #f3e1d8;\n    --rolina-beige: #f7efe8;\n    --rolina-white: #ffffff;\n    --rolina-black: #1a1414;\n    --rolina-text: #2c2222;\n    --rolina-text-soft: #6b5a58;\n    --rolina-border: rgba(183, 110, 121, 0.28);\n    --rolina-shadow: 0 12px 30px rgba(156, 87, 98, 0.10);\n    --rolina-radius-lg: 22px;\n    --rolina-radius-md: 16px;\n    --rolina-radius-sm: 10px;\n    --rolina-font-heading: Georgia, \"Times New Roman\", serif;\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--rolina-text);\n    overflow-x: hidden;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .rolina-wrap *, .rolina-sticky-cta, .rolina-lightbox {\n      transition: none !important;\n      animation: none !important;\n    }\n  }\n\n  \/* 1. HERO *\/\n  .rolina-hero { width: 100%; padding: 16px 14px 22px; background: linear-gradient(180deg, var(--rolina-beige) 0%, var(--rolina-white) 60%); }\n  .rolina-hero__inner { max-width: 1180px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; }\n  .rolina-hero__main-media { width: 100%; aspect-ratio: 1\/1; border: 1px solid var(--rolina-border); border-radius: var(--rolina-radius-lg); background: var(--rolina-white); overflow: hidden; box-shadow: var(--rolina-shadow); }\n  .rolina-hero__main-image { display: block; width: 100%; height: 100%; object-fit: contain; }\n  .rolina-hero__thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; padding-bottom: 4px; }\n  .rolina-hero__thumbs::-webkit-scrollbar { display: none; }\n  .rolina-hero__thumb { flex: 0 0 auto; width: 64px; height: 64px; padding: 0; border: 1px solid var(--rolina-border); border-radius: var(--rolina-radius-sm); background: var(--rolina-white); overflow: hidden; cursor: pointer; opacity: .65; transition: opacity .2s ease, border-color .2s ease; }\n  .rolina-hero__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }\n  .rolina-hero__thumb.is-active { opacity: 1; border-color: var(--rolina-rose-gold); }\n  .rolina-hero__content { width: 100%; text-align: right; }\n  .rolina-hero__title { margin: 0 0 8px; font-family: var(--rolina-font-heading); font-weight: 500; font-size: clamp(24px,6vw,34px); line-height: 1.18; color: var(--rolina-black); }\n  .rolina-hero__rating { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n  .rolina-hero__stars { color: var(--rolina-rose-gold); font-size: 14px; letter-spacing: 1px; }\n  .rolina-hero__rating-text { font-size: 12.5px; font-weight: 700; color: var(--rolina-text-soft); }\n  .rolina-hero__subtext { margin: 0 0 14px; font-size: 13.5px; font-weight: 600; color: var(--rolina-text-soft); }\n  .rolina-hero__price-row { display: flex; align-items: baseline; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }\n  .rolina-hero__compare-price { font-size: 16px; color: #a89a98; text-decoration: line-through; }\n  .rolina-hero__price { font-family: var(--rolina-font-heading); font-size: clamp(26px,6vw,32px); font-weight: 700; color: var(--rolina-rose-gold-dark); }\n  .rolina-hero__discount-badge { display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; background: var(--rolina-rose-gold); color: var(--rolina-white); font-size: 11.5px; font-weight: 800; }\n  .rolina-hero__sales-message { margin: 0 0 16px; padding: 12px 14px; border-radius: var(--rolina-radius-md); background: var(--rolina-nude); border: 1px solid var(--rolina-border); font-size: 13.5px; font-weight: 700; line-height: 1.6; }\n  .rolina-hero__trust-points { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 8px; }\n  .rolina-hero__trust-points li { display: flex; align-items: flex-start; justify-content: flex-end; gap: 8px; font-size: 13px; font-weight: 700; }\n  .rolina-hero__trust-icon { color: var(--rolina-rose-gold-dark); flex-shrink: 0; }\n  .rolina-hero__cta { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; border: none; border-radius: 999px; background: linear-gradient(135deg, var(--rolina-rose-gold) 0%, var(--rolina-rose-gold-dark) 100%); color: var(--rolina-white); font-size: 15.5px; font-weight: 800; cursor: pointer; box-shadow: 0 14px 30px rgba(156,87,98,.28); transition: transform .2s ease, box-shadow .2s ease; }\n  .rolina-hero__cta:hover { transform: translateY(-1px); }\n  .rolina-hero__microcopy { margin: 10px 0 0; text-align: center; font-size: 12px; font-weight: 700; color: var(--rolina-text-soft); }\n\n  @media (min-width: 990px) {\n    .rolina-hero { padding: 32px 24px; }\n    .rolina-hero__inner { flex-direction: row-reverse; align-items: flex-start; gap: 48px; }\n    .rolina-hero__gallery { flex: 0 0 52%; max-width: 560px; }\n    .rolina-hero__content { flex: 1; padding-top: 8px; }\n    .rolina-hero__cta { width: auto; min-width: 280px; padding: 0 36px; }\n  }\n\n  \/* 2. BENEFITS *\/\n  .rolina-benefits { padding: 16px 14px; background: var(--rolina-white); border-top: 1px solid var(--rolina-border); border-bottom: 1px solid var(--rolina-border); }\n  .rolina-benefits__inner { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n  .rolina-benefits__item { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 8px; border-radius: var(--rolina-radius-sm); background: var(--rolina-beige); border: 1px solid var(--rolina-border); text-align: center; }\n  .rolina-benefits__label { font-size: 12px; font-weight: 800; }\n  @media (min-width: 750px) { .rolina-benefits__inner { grid-template-columns: repeat(4,1fr); } }\n\n  \/* 3. INTRO *\/\n  .rolina-intro { padding: 36px 14px; background: var(--rolina-white); }\n  .rolina-intro__inner { max-width: 900px; margin: 0 auto; text-align: center; }\n  .rolina-intro__heading { margin: 0 0 14px; font-family: var(--rolina-font-heading); font-weight: 500; font-size: clamp(24px,6vw,34px); color: var(--rolina-black); }\n  .rolina-intro__text { margin: 0 0 24px; font-size: 14px; line-height: 1.75; color: var(--rolina-text-soft); }\n  .rolina-intro__image-wrap { width: 100%; border-radius: var(--rolina-radius-lg); overflow: hidden; border: 1px solid var(--rolina-border); box-shadow: var(--rolina-shadow); }\n  .rolina-intro__image-wrap img { display: block; width: 100%; height: auto; }\n  @media (min-width: 750px) { .rolina-intro { padding: 56px 24px; } }\n\n  \/* 4. GRID *\/\n  .rolina-grid { padding: 36px 14px; background: linear-gradient(180deg, var(--rolina-white) 0%, var(--rolina-beige) 100%); }\n  .rolina-grid__inner { max-width: 1180px; margin: 0 auto; }\n  .rolina-grid__heading { margin: 0 0 22px; text-align: center; font-family: var(--rolina-font-heading); font-weight: 500; font-size: clamp(22px,5.5vw,30px); color: var(--rolina-black); }\n  .rolina-grid__items { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }\n  .rolina-grid__card { display: flex; flex-direction: column; padding: 14px; border-radius: var(--rolina-radius-md); background: var(--rolina-white); border: 1px solid var(--rolina-border); box-shadow: var(--rolina-shadow); text-align: right; }\n  .rolina-grid__card-image { width: 100%; aspect-ratio: 1\/1; margin-bottom: 10px; border-radius: var(--rolina-radius-sm); overflow: hidden; background: var(--rolina-beige); }\n  .rolina-grid__card-image img { display: block; width: 100%; height: 100%; object-fit: contain; }\n  .rolina-grid__card-name { margin: 0 0 6px; font-size: 13.5px; font-weight: 800; line-height: 1.35; color: var(--rolina-black); }\n  .rolina-grid__card-purpose { margin: 0; font-size: 12px; line-height: 1.55; color: var(--rolina-text-soft); }\n  @media (min-width: 750px) { .rolina-grid__items { grid-template-columns: repeat(3,1fr); gap: 18px; } }\n  @media (min-width: 1100px) { .rolina-grid__items { grid-template-columns: repeat(4,1fr); } }\n\n  \/* 5. GIFT *\/\n  .rolina-gift { padding: 36px 14px; background: linear-gradient(180deg, var(--rolina-rose-gold) 0%, var(--rolina-rose-gold-dark) 100%); color: var(--rolina-white); }\n  .rolina-gift__inner { max-width: 1100px; margin: 0 auto; text-align: center; }\n  .rolina-gift__heading { margin: 0 0 12px; font-family: var(--rolina-font-heading); font-weight: 500; font-size: clamp(24px,6vw,32px); color: var(--rolina-white); }\n  .rolina-gift__text { max-width: 560px; margin: 0 auto 24px; font-size: 14px; line-height: 1.75; color: rgba(255,255,255,.92); }\n  .rolina-gift__images { display: grid; grid-template-columns: 1fr; gap: 14px; }\n  .rolina-gift__image-card { border-radius: var(--rolina-radius-lg); overflow: hidden; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.35); }\n  .rolina-gift__image-card img { display: block; width: 100%; aspect-ratio: 1\/1; object-fit: cover; }\n  .rolina-gift__caption { margin: 0; padding: 10px; font-size: 12.5px; font-weight: 700; text-align: center; background: rgba(0,0,0,.12); }\n  @media (min-width: 750px) { .rolina-gift__images { grid-template-columns: repeat(3,1fr); } }\n\n  \/* 6. STEPS *\/\n  .rolina-steps { padding: 36px 14px; background: var(--rolina-white); }\n  .rolina-steps__inner { max-width: 1000px; margin: 0 auto; }\n  .rolina-steps__heading { margin: 0 0 22px; text-align: center; font-family: var(--rolina-font-heading); font-weight: 500; font-size: clamp(22px,5.5vw,30px); color: var(--rolina-black); }\n  .rolina-steps__list { display: grid; grid-template-columns: 1fr; gap: 14px; }\n  .rolina-steps__item { padding: 18px 16px 16px; border-radius: var(--rolina-radius-md); background: var(--rolina-beige); border: 1px solid var(--rolina-border); text-align: right; }\n  .rolina-steps__number { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 50%; background: var(--rolina-rose-gold); color: var(--rolina-white); font-weight: 800; font-size: 14px; }\n  .rolina-steps__title { margin: 0 0 6px; font-size: 15px; font-weight: 800; color: var(--rolina-black); }\n  .rolina-steps__products { margin: 0; font-size: 12.5px; color: var(--rolina-text-soft); }\n  @media (min-width: 750px) { .rolina-steps__list { grid-template-columns: repeat(3,1fr); } }\n\n  \/* 7. REAL GALLERY + LIGHTBOX *\/\n  .rolina-real-gallery { padding: 36px 14px; background: var(--rolina-beige); }\n  .rolina-real-gallery__inner { max-width: 1180px; margin: 0 auto; }\n  .rolina-real-gallery__heading { margin: 0 0 20px; text-align: center; font-family: var(--rolina-font-heading); font-weight: 500; font-size: clamp(22px,5.5vw,30px); color: var(--rolina-black); }\n  .rolina-real-gallery__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }\n  .rolina-real-gallery__item { position: relative; padding: 0; border: 1px solid var(--rolina-border); border-radius: var(--rolina-radius-md); overflow: hidden; background: var(--rolina-white); cursor: zoom-in; }\n  .rolina-real-gallery__item img { display: block; width: 100%; aspect-ratio: 1\/1; object-fit: cover; }\n  .rolina-real-gallery__label { position: absolute; bottom: 0; inset-inline: 0; padding: 6px 10px; background: rgba(26,20,20,.55); color: var(--rolina-white); font-size: 11px; font-weight: 700; text-align: center; }\n  @media (min-width: 750px) { .rolina-real-gallery__grid { grid-template-columns: repeat(4,1fr); } }\n  .rolina-lightbox { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(26,20,20,.82); }\n  .rolina-lightbox.is-open { display: flex; }\n  .rolina-lightbox img { display: block; max-width: min(94vw,720px); max-height: 88vh; object-fit: contain; border-radius: var(--rolina-radius-md); background: var(--rolina-white); }\n  .rolina-lightbox__close { position: fixed; top: 14px; inset-inline-end: 14px; width: 40px; height: 40px; border: none; border-radius: 50%; background: var(--rolina-white); color: var(--rolina-black); font-size: 24px; line-height: 1; cursor: pointer; }\n\n  \/* 8. WHY CHOOSE *\/\n  .rolina-why { padding: 36px 14px; background: var(--rolina-white); }\n  .rolina-why__inner { max-width: 1100px; margin: 0 auto; }\n  .rolina-why__heading { margin: 0 0 22px; text-align: center; font-family: var(--rolina-font-heading); font-weight: 500; font-size: clamp(22px,5.5vw,30px); color: var(--rolina-black); }\n  .rolina-why__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }\n  .rolina-why__card { padding: 18px 14px; border-radius: var(--rolina-radius-md); background: var(--rolina-beige); border: 1px solid var(--rolina-border); text-align: center; }\n  .rolina-why__icon { display: block; margin-bottom: 8px; font-size: 22px; }\n  .rolina-why__card-title { margin: 0 0 6px; font-size: 13.5px; font-weight: 800; color: var(--rolina-black); }\n  .rolina-why__card-text { margin: 0; font-size: 12px; line-height: 1.5; color: var(--rolina-text-soft); }\n  @media (min-width: 750px) { .rolina-why__grid { grid-template-columns: repeat(4,1fr); } }\n\n  \/* 9. FAQ *\/\n  .rolina-faq { padding: 36px 14px; background: var(--rolina-beige); }\n  .rolina-faq__inner { max-width: 760px; margin: 0 auto; }\n  .rolina-faq__heading { margin: 0 0 20px; text-align: center; font-family: var(--rolina-font-heading); font-weight: 500; font-size: clamp(22px,5.5vw,30px); color: var(--rolina-black); }\n  .rolina-faq__list { display: flex; flex-direction: column; gap: 10px; }\n  .rolina-faq__item { border: 1px solid var(--rolina-border); border-radius: var(--rolina-radius-md); background: var(--rolina-white); overflow: hidden; }\n  .rolina-faq__question { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; font-size: 13.5px; font-weight: 800; color: var(--rolina-black); cursor: pointer; list-style: none; }\n  .rolina-faq__question::-webkit-details-marker { display: none; }\n  .rolina-faq__chevron { flex-shrink: 0; width: 9px; height: 9px; border-right: 2px solid var(--rolina-rose-gold-dark); border-bottom: 2px solid var(--rolina-rose-gold-dark); transform: rotate(45deg); transition: transform .2s ease; }\n  .rolina-faq__item[open] .rolina-faq__chevron { transform: rotate(-135deg); }\n  .rolina-faq__answer { padding: 0 16px 16px; }\n  .rolina-faq__answer p { margin: 0; font-size: 13px; line-height: 1.65; color: var(--rolina-text-soft); }\n\n  \/* 10. FINAL CTA *\/\n  .rolina-final-cta { padding: 40px 14px 48px; background: linear-gradient(135deg, var(--rolina-rose-gold-dark) 0%, var(--rolina-black) 120%); text-align: center; }\n  .rolina-final-cta__inner { max-width: 640px; margin: 0 auto; }\n  .rolina-final-cta__heading { margin: 0 0 10px; font-family: var(--rolina-font-heading); font-weight: 500; font-size: clamp(24px,6vw,32px); color: var(--rolina-white); }\n  .rolina-final-cta__text { margin: 0 0 24px; font-size: 14px; font-weight: 700; color: rgba(255,255,255,.85); }\n  .rolina-final-cta__button { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 40px; border: none; border-radius: 999px; background: var(--rolina-white); color: var(--rolina-rose-gold-dark); font-size: 15.5px; font-weight: 800; cursor: pointer; }\n\n  \/* 11. STICKY CTA *\/\n  .rolina-sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000; display: flex; justify-content: center; padding: 10px 14px calc(10px + env(safe-area-inset-bottom,0px)); background: var(--rolina-white); border-top: 1px solid var(--rolina-border); box-shadow: 0 -8px 24px rgba(26,20,20,.10); transform: translateY(100%); opacity: 0; pointer-events: none; transition: transform .25s ease, opacity .25s ease; }\n  .rolina-sticky-cta.is-visible { transform: translateY(0); opacity: 1; pointer-events: auto; }\n  .rolina-sticky-cta__inner { width: 100%; max-width: 1180px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }\n  .rolina-sticky-cta__price { flex-shrink: 0; font-family: var(--rolina-font-heading); font-size: 16px; font-weight: 800; color: var(--rolina-rose-gold-dark); }\n  .rolina-sticky-cta__button { flex: 1; max-width: 240px; min-height: 46px; border: none; border-radius: 999px; background: linear-gradient(135deg, var(--rolina-rose-gold) 0%, var(--rolina-rose-gold-dark) 100%); color: var(--rolina-white); font-size: 14px; font-weight: 800; cursor: pointer; }\n  @media (min-width: 750px) { .rolina-sticky-cta { display: none !important; } }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    \"use strict\";\n\n    \/* Locate the existing EasySell COD form already on this page.\n       This NEVER creates a form — it only finds and scrolls to the\n       one EasySell already renders via its app embed. *\/\n    function isVisible(el) {\n      if (!el) return false;\n      var rect = el.getBoundingClientRect();\n      var style = window.getComputedStyle(el);\n      return rect.width \u003e 0 \u0026\u0026 rect.height \u003e 0 \u0026\u0026 style.display !== \"none\" \u0026\u0026 style.visibility !== \"hidden\";\n    }\n\n    function findEasySellForm() {\n      var selectors = [\n        \"#easysell-cod-form\", \".easysell-cod-form\",\n        \"[id*='easy-order']\", \"[class*='easy-order']\",\n        \"[id*='easy_order']\", \"[class*='easy_order']\",\n        \"[id*='easysell']\", \"[class*='easysell']\",\n        \"[data-easysell-form]\", \".easySellForm\",\n        \".cod-form\", \"#order-form\", \".order-form\"\n      ];\n      for (var i = 0; i \u003c selectors.length; i++) {\n        var el = document.querySelector(selectors[i]);\n        if (el \u0026\u0026 isVisible(el)) return el;\n      }\n      var forms = document.querySelectorAll(\"form\");\n      for (var f = 0; f \u003c forms.length; f++) {\n        if (!isVisible(forms[f])) continue;\n        var fields = forms[f].querySelectorAll(\"input:not([type='hidden']), select, textarea\");\n        if (fields.length \u003e= 2) return forms[f];\n      }\n      return null;\n    }\n\n    function scrollToOrderForm() {\n      var form = findEasySellForm();\n      if (form) {\n        form.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n        return;\n      }\n      var hero = document.querySelector(\"[data-rolina-hero]\");\n      if (hero) hero.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n    }\n\n    document.querySelectorAll(\"[data-rolina-scroll-to-order]\").forEach(function (btn) {\n      btn.addEventListener(\"click\", function (e) {\n        e.preventDefault();\n        scrollToOrderForm();\n      });\n    });\n\n    \/* Hero thumbnail gallery *\/\n    var mainImg = document.getElementById(\"rolinaMainImage\");\n    var thumbs = document.querySelectorAll(\"[data-rolina-thumb]\");\n    thumbs.forEach(function (thumb) {\n      thumb.addEventListener(\"click\", function () {\n        var fullSrc = thumb.getAttribute(\"data-full-src\");\n        if (!fullSrc || !mainImg) return;\n        mainImg.src = fullSrc;\n        thumbs.forEach(function (t) { t.classList.toggle(\"is-active\", t === thumb); });\n      });\n    });\n\n    \/* Real gallery lightbox *\/\n    var lightbox = document.querySelector(\"[data-rolina-lightbox]\");\n    var lightboxImg = document.querySelector(\"[data-rolina-lightbox-img]\");\n    var closeBtn = document.querySelector(\"[data-rolina-lightbox-close]\");\n\n    function openLightbox(src, alt) {\n      if (!lightbox || !lightboxImg) return;\n      lightboxImg.src = src;\n      lightboxImg.alt = alt || \"\";\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n      document.documentElement.style.overflow = \"hidden\";\n    }\n    function closeLightbox() {\n      if (!lightbox || !lightboxImg) return;\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n      lightboxImg.src = \"\";\n      document.documentElement.style.overflow = \"\";\n    }\n    document.querySelectorAll(\"[data-rolina-lightbox-trigger]\").forEach(function (trigger) {\n      trigger.addEventListener(\"click\", function () {\n        openLightbox(trigger.getAttribute(\"data-full-src\"), trigger.getAttribute(\"data-alt\"));\n      });\n    });\n    if (closeBtn) closeBtn.addEventListener(\"click\", closeLightbox);\n    if (lightbox) {\n      lightbox.addEventListener(\"click\", function (e) { if (e.target === lightbox) closeLightbox(); });\n    }\n    document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\") closeLightbox(); });\n\n    \/* Mobile sticky CTA visibility: show after hero, hide once the\n       EasySell form (or final CTA, as fallback) is in view. *\/\n    var stickyBar = document.querySelector(\"[data-rolina-sticky-cta]\");\n    if (stickyBar) {\n      var heroEl = document.querySelector(\"[data-rolina-hero]\");\n      var hideTarget = findEasySellForm() || document.querySelector(\"[data-rolina-final-cta]\");\n      var pastHero = !heroEl;\n      var overHideTarget = false;\n\n      function updateStickyVisibility() {\n        var shouldShow = pastHero \u0026\u0026 !overHideTarget;\n        stickyBar.classList.toggle(\"is-visible\", shouldShow);\n        stickyBar.setAttribute(\"aria-hidden\", shouldShow ? \"false\" : \"true\");\n      }\n\n      if (heroEl \u0026\u0026 \"IntersectionObserver\" in window) {\n        new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) { pastHero = !entry.isIntersecting; });\n          updateStickyVisibility();\n        }, { threshold: 0 }).observe(heroEl);\n      } else {\n        pastHero = true;\n      }\n\n      if (hideTarget \u0026\u0026 \"IntersectionObserver\" in window) {\n        new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) { overHideTarget = entry.isIntersecting; });\n          updateStickyVisibility();\n        }, { threshold: 0.15 }).observe(hideTarget);\n      }\n\n      updateStickyVisibility();\n    }\n  })();\n\u003c\/script\u003e\n\u003c\/form\u003e","brand":"LUMA","offers":[{"title":"Default Title","offer_id":54884472226114,"sku":null,"price":0.0,"currency_code":"MAD","in_stock":true}],"url":"https:\/\/lumaparfum.store\/products\/coffret","provider":"LUMA","version":"1.0","type":"link"}