/** Shopify CDN: Minification failed

Line 9:32 Unexpected "1"
Line 1160:0 Unexpected "}"
Line 1520:0 Unexpected "}"
Line 2484:45 Expected "}" to go with "{"

**/
 doivent être consolidés dans 1 fichier CSS        ║
║  ─ Les pages SPA deviendront des templates Liquid                         ║
║  ─ Les data produits (JS) seront remplacées par Shopify products          ║
║  ─ Le panier + wishlist seront remplacés par Shopify native + app         ║
║  ─ Router hash-based → URL propres Shopify                                ║
║                                                                           ║
║  Pour demander le guide de migration complet : demander à Claude le       ║
║  "Guide de migration Shopify AROMAZUR".                                   ║
║                                                                           ║
╠═══════════════════════════════════════════════════════════════════════════╣
║                                                                           ║
║  HISTORIQUE DES MODIFICATIONS MAJEURES                                    ║
║                                                                           ║
║  2026-04-18  │  v11 Base + design-refresh                                 ║
║  2026-04-19  │  Menu redesign v3 (logo centré + nav 2 rangées)            ║
║  2026-04-19  │  Mobile cards compactées (474px → 276px, -42%)             ║
║  2026-04-19  │  Favoris mobile fonctionnel (+ sync badges)                ║
║  2026-04-19  │  Quick Subscribe overlay sur cards home                    ║
║  2026-04-19  │  PDP quick-wins : Trust badges + Delivery + Échantillon    ║
║  2026-04-19  │  Fix bug 
:root{--dark-azur:#1A1A1A;--dark-azur-deep:#1A1A1A;--dark-azur-light:rgba(26,26,26,0.7);--gold:#D4AF37;--gold-text:#A88A2E;--gold-light:rgba(212,175,55,0.6);--gold-glow:rgba(212,175,55,0.10);--noir:#1A1A1A;--offwhite:#F5F3F0;--ivory:#FBF7F0;--tobacco-deep:#1F1511;--white:#FFFFFF;--cream:var(--offwhite);--warm-grey:rgba(26,26,26,0.55);--light-grey:rgba(26,26,26,0.45);--light-border:rgba(26,26,26,0.06);--gold-border:rgba(212,175,55,0.15);--success:#22C55E;--shadow-sm:0 1px 3px rgba(26,26,26,0.03),0 4px 12px rgba(26,26,26,0.04);--shadow-md:0 4px 12px rgba(26,26,26,0.03),0 16px 40px rgba(26,26,26,0.06);--shadow-lg:0 8px 20px rgba(26,26,26,0.04),0 32px 64px rgba(26,26,26,0.08);--shadow-gold:0 8px 32px rgba(212,175,55,0.12);--ease-luxe:cubic-bezier(0.16,1,0.3,1);--ease-smooth:cubic-bezier(0.4,0,0,1);--accent:var(--gold);--accent-hover:var(--gold-dark);--accent-glow:rgba(212,175,55,0.12);--error:#C85A5A;--radius-md:8px;--bg-subtle:var(--offwhite);--rose-muted:var(--gold);--teal-muted:var(--dark-azur-light);--blue-ocean:var(--dark-azur-light);--near-black:var(--noir);--gold-dark:rgba(212,175,55,0.7);--shadow-soft:rgba(26,26,26,0.08);--gold-glow-bg:rgba(212,175,55,0.06);--champagne:var(--gold);--tobacco:var(--noir);--cream:var(--offwhite);--blush-soft:#F0E5DA;--overlay-50:rgba(255,255,255,0.5);--logo-src:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');}
.header-logo .footer-brand .footer-brand .footer-brand-name{display:flex;align-items:center;margin-bottom:0.8rem}
.footer-brand-desc{font-size:0.82rem;line-height:1.65;max-width:300px}
.d-none{display:none}
.logo-img{display:inline-block;width:auto;aspect-ratio:100/27;background:var(--logo-src) center/contain no-repeat}
.logo-img-inverted{filter:brightness(0) invert(1)}

.shipping-bar{position:fixed;top:0;left:0;right:0;z-index:10001;background:var(--dark-azur);color:var(--offwhite);font-family:'Jost',sans-serif;font-size:0.72rem;letter-spacing:0.06em;text-align:center;padding:7px 16px;display:flex;justify-content:center;align-items:center;gap:2rem;overflow:hidden}
.shipping-bar-item{display:flex;align-items:center;gap:6px;white-space:nowrap}
.shipping-bar-item svg{width:14px;height:14px;flex-shrink:0}
.shipping-bar .gold{color:var(--gold)}
@media(max-width:768px){.shipping-bar{gap:1rem;font-size:0.65rem;padding:6px 10px}.shipping-bar-item:nth-child(3){display:none}}

.mega-nav{position:relative}
.has-mega{position:relative}
.mega-drop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);min-width:680px;background:var(--white);border:1px solid var(--light-border);border-radius:8px;box-shadow:var(--shadow-lg);padding:1.8rem 2rem;opacity:0;visibility:hidden;z-index:9999;gap:2rem;pointer-events:none;display:grid;grid-template-columns:1fr 1fr 1fr;transition:opacity 0.25s ease,visibility 0.25s ease,transform 0.25s ease}
.mega-drop.mega-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega-col{display:flex;flex-direction:column;gap:0.4rem}
.mega-heading{font-family:'Jost',sans-serif;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold-text);margin-bottom:0.5rem;padding-bottom:0.4rem;border-bottom:1px solid var(--light-border)}
.mega-link{font-size:0.82rem;color:var(--noir);text-decoration:none;padding:6px 8px;border-radius:4px;transition:all 0.2s;display:flex;align-items:center;justify-content:space-between}
.mega-link:hover{background:var(--gold-glow);color:var(--dark-azur)}
.mega-link small{font-size:0.7rem;color:var(--warm-grey)}
.mega-link s{color:var(--light-grey);margin-right:4px}
.mega-link-all{color:var(--gold);font-weight:600;font-size:0.78rem;margin-top:0.5rem}
.mega-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;flex-shrink:0}
.mega-col-promo{background:var(--dark-azur);border-radius:6px;padding:1.2rem;display:flex;align-items:center;justify-content:center}
.mega-promo{text-align:center;color:var(--white)}
.mega-promo-label{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;color:var(--gold);margin-bottom:0.5rem}
.mega-promo-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;margin-bottom:0.3rem}
.mega-promo-desc{font-size:0.75rem;color:rgba(255,255,255,0.7);line-height:1.6;margin-bottom:0.8rem}
.mega-promo-price s{color:rgba(255,255,255,0.4);margin-right:4px}
.mega-promo-price strong{color:var(--gold);font-size:1rem}
.mega-promo-btn{display:inline-block;padding:8px 20px;background:var(--gold);color:var(--dark-azur);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;text-decoration:none;border-radius:4px;transition:all 0.3s}
.mega-promo-btn:hover{background:var(--gold-light)}
.nav-cta a{background:var(--gold-glow);color:var(--dark-azur)!important;padding:6px 14px!important;border-radius:4px;font-weight:600!important;border:1px solid var(--gold-border)}
@media(max-width:1024px){.mega-drop{display:none!important}}

@media(max-width:768px){}

.cart-cross-sell{padding:1rem 1.5rem;border-top:1px solid var(--light-border);background:var(--offwhite)}
.cart-cross-title{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold-text);margin-bottom:0.8rem}
.cart-cross-items{display:flex;flex-direction:column;gap:0.6rem}
.cart-cross-item{display:flex;align-items:center;gap:0.8rem;padding:0.5rem;background:var(--white);border-radius:6px;border:1px solid var(--light-border)}
.cart-cross-img{width:40px;height:40px;border-radius:4px;flex-shrink:0}
.cart-cross-info{flex:1;display:flex;flex-direction:column}
.cart-cross-name{font-size:0.78rem;font-weight:500;color:var(--noir)}
.cart-cross-price{font-size:0.72rem;color:var(--warm-grey)}
.cart-cross-price s{color:var(--light-grey);margin-right:4px}
.cart-cross-add{width:44px;height:44px;border-radius:50%;border:1px solid var(--gold-border);background:var(--gold-glow);color:var(--gold);font-size:0.88rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s}
.cart-cross-add:hover{background:var(--gold);color:var(--white)}
.cart-cross-add:disabled{background:var(--gold);color:var(--white);border-color:var(--gold);font-size:0.7rem}

.footer-newsletter{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:2rem}
.footer-nl-content h4{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--white);margin-bottom:0.3rem}
.footer-nl-content p{font-size:0.75rem;color:rgba(255,255,255,0.5);max-width:300px}
.footer-nl-form{display:flex;gap:0}
.footer-nl-form input{padding:10px 14px;font-size:0.75rem;border:1px solid rgba(255,255,255,0.15);border-right:none;border-radius:4px 0 0 4px;background:rgba(255,255,255,0.05);color:var(--white);outline:none;width:220px;font-family:'Jost',sans-serif}
.footer-nl-form input::placeholder{color:rgba(255,255,255,0.3)}
.footer-nl-form input:focus{border-color:var(--gold)}
.footer-nl-form button{padding:10px 20px;background:var(--gold);color:var(--dark-azur);border:none;border-radius:0 4px 4px 0;font-family:'Jost',sans-serif;font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer;transition:background 0.3s;white-space:nowrap}
.footer-nl-form button:hover{background:var(--gold-light)}
@media(max-width:768px){.footer-newsletter{flex-direction:column;text-align:center}.footer-nl-content p{max-width:none}.footer-nl-form input{width:180px}}

.pay-badge{display:inline-block;padding:3px 8px;border:1px solid rgba(255,255,255,0.15);border-radius:3px;font-size:0.65rem;font-weight:600;letter-spacing:0.06em;color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.04)}
.text-gold{color:var(--gold)}
.text-gold-light{color:var(--gold-light)}
.text-muted{color:var(--warm-grey)}
.text-success{color:var(--success)}
.link-card{text-decoration:none;color:inherit;display:block}
.link-inherit{text-decoration:none;color:inherit}
.mt-1{margin-top:0.8rem}
.w-full{width:100%}
.text-sm{font-size:0.82rem}
.text-xxs{font-size:0.65rem}
.font-bold{font-weight:600}
*{margin:0;padding:0;box-sizing:border-box}
*:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
html{scroll-behavior:smooth;font-size:16px}
body{padding-top:30px;font-family:'Jost',-apple-system,sans-serif;color:var(--noir);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.scroll-progress{position:fixed;top:30px;left:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));z-index:10000;width:0;transition:none;}
.reveal{opacity:0;transform:translateY(32px);transition:opacity 1s var(--ease-luxe),transform 1s var(--ease-luxe)}
.reveal.visible,.back-to-top.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity 1s var(--ease-luxe),transform 1s var(--ease-luxe);}
.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity 1s var(--ease-luxe),transform 1s var(--ease-luxe);}
.reveal-scale{opacity:0;transform:scale(0.92);transition:opacity 0.8s var(--ease-luxe),transform 0.8s var(--ease-luxe)}
.reveal-scale.visible,.cart-badge.visible{opacity:1;transform:scale(1)}
[class*="reveal-delay-1"]{transition-delay:0.1s !important}
[class*="reveal-delay-2"]{transition-delay:0.2s !important}
[class*="reveal-delay-3"]{transition-delay:0.3s !important}
[class*="reveal-delay-4"]{transition-delay:0.4s !important}
[class*="reveal-delay-5"]{transition-delay:0.5s !important}
.section{max-width:1280px;margin:0 auto;padding:6rem 2rem}
.section-header{text-align:center;margin-bottom:3.5rem}
.section-overline{font-family:'Jost',sans-serif;font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;color:var(--gold-text);margin-bottom:0.8rem;}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:500;color:var(--dark-azur);line-height:1.35;margin-bottom:0.6rem;}
.section-subtitle{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--warm-grey);line-height:1.7;max-width:560px;margin:0 auto;}
.mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:12px}
.mobile-toggle span{display:block;width:22px;height:1.5px;background:var(--dark-azur);transition:all 0.3s var(--ease-luxe);}
.collection-tabs{display:flex;justify-content:center;gap:0.5rem;margin-bottom:2.5rem;flex-wrap:wrap}
.tab{padding:9px 22px;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:var(--warm-grey);background:transparent;border:1px solid var(--light-border);border-radius:4px;cursor:pointer;transition:all 0.3s var(--ease-luxe);}
.tab.active,.tab:hover{color:var(--dark-azur);border-color:var(--gold-border);background:var(--gold-glow)}
.product-badge{position:absolute;top:12px;left:12px;z-index:2;padding:4px 10px;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;border-radius:4px;}
.product-image{aspect-ratio:3/4;position:relative;overflow:hidden}
.product-image-inner{position:absolute;inset:0;transition:transform 0.8s var(--ease-luxe)}
.product-card-wishlist{position:absolute;top:12px;right:12px;z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;opacity:0;}
.product-card:hover .product-card-wishlist,.oil-card:hover .product-card-wishlist{opacity:1;}
.product-card-wishlist svg{width:18px;height:18px;fill:none;stroke:var(--dark-azur);stroke-width:1.5;transition:all 0.3s;}
.product-card-wishlist.active svg{fill:var(--gold);stroke:var(--gold);}
.product-card-wishlist:hover{background:var(--white);transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.product-quick-add{position:absolute;bottom:0;left:0;right:0;padding:0.8rem;transform:translateY(100%);transition:transform 0.4s var(--ease-luxe);background:linear-gradient(transparent,rgba(0,0,0,0.4));}
.quick-add-btn{width:100%;padding:11px;background:var(--dark-azur);color:var(--white);font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;border:none;border-radius:4px;cursor:pointer;transition:background 0.3s;}
.product-name{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--dark-azur);margin-bottom:0.2rem;transition:color 0.3s;}
.product-notes{font-family:'Cormorant Garamond',serif;font-size:0.82rem;color:var(--warm-grey);margin-bottom:0.8rem}
.product-footer{display:flex;justify-content:space-between;align-items:flex-end}
.product-price{font-size:0.82rem;font-weight:600;color:var(--dark-azur)}
.spec-item{padding:4px 10px;background:var(--offwhite);font-size:0.7rem;font-weight:500;color:var(--dark-azur);border-radius:20px;text-transform:uppercase;letter-spacing:0.06em;}
.device-cta{font-size:0.82rem;font-weight:600;color:var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:0.1em;transition:color 0.3s;}

.quiz-intro{padding:2rem 0}
.filter-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}
.product-badge device-badge{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold-text);margin-bottom:0.5rem;display:block;}
.pdp{background:var(--white);border-top:1px solid var(--light-border)}
.pyramid-label{font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--warm-grey);display:flex;justify-content:space-between;margin-bottom:0.3rem;}
.crosssell-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.8rem}
.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:50%;background:var(--dark-azur);color:var(--white);border:none;cursor:pointer;z-index:997;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:all 0.4s var(--ease-luxe);box-shadow:var(--shadow-md);}
.back-to-top:hover{background:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-gold);}
.back-to-top svg{width:18px;height:18px}
.breadcrumb{max-width:1280px;margin:0 auto;padding:1.2rem 2rem;font-size:0.82rem;color:var(--warm-grey)}
.breadcrumb a{color:var(--warm-grey);text-decoration:none;transition:color 0.3s}
.breadcrumb span{margin:0 0.4rem;opacity:0.4}
.pyramid-level{margin-bottom:0.8rem}
.pyramid-label span:first-child{font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--dark-azur)}
.pyramid-track{height:4px;background:rgba(26,26,26,0.06);border-radius:4px;overflow:hidden}
.pyramid-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold-light));width:0;transition:width 1.2s var(--ease-luxe);}
.device-args{display:flex;justify-content:center;gap:2.5rem;margin-top:2rem;padding:1.5rem 0;border-top:1px solid var(--light-border);}
.device-arg{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--warm-grey);letter-spacing:0.02em}
.oil-family-btn{padding:0.35rem 1rem;font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:400;color:var(--warm-grey);background:transparent;border:1px solid transparent;border-radius:20px;cursor:pointer;transition:all 0.25s ease;letter-spacing:0.02em;white-space:nowrap;}
.oil-family-btn.active{color:var(--dark-azur);font-weight:500;border-color:var(--light-border);background:var(--white)}
.oil-family-btn.active[data-family="woody"]{border-color:#8B5E3C;background:rgba(139,94,60,0.08);color:#8B5E3C}
.oil-family-btn.active[data-family="oriental"]{border-color:#B87355;background:rgba(184,115,85,0.08);color:#B87355}
.oil-family-btn.active[data-family="gourmand"]{border-color:#A67B5B;background:rgba(166,123,91,0.08);color:#A67B5B}
.oil-family-btn.active[data-family="floral"]{border-color:#D4A5A0;background:rgba(212,165,160,0.08);color:#D4A5A0}
.oil-family-btn.active[data-family="fresh"]{border-color:#A8B8C2;background:rgba(168,184,194,0.08);color:#A8B8C2}
.oil-family-btn.active[data-family="green"]{border-color:#7A8B4A;background:rgba(122,139,74,0.08);color:#7A8B4A}
.family-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:0.35rem;vertical-align:middle}
.photo-label{font-family:'Jost',sans-serif;font-size:0.65rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.1em;line-height:1.5;text-align:center;}
a.product-card{display:block;text-decoration:none;color:inherit;cursor:pointer}
.skip-link:focus{top:0 !important}
.page-404{text-align:center;padding:8rem 2rem 5rem}
.page-404 h1{font-family:'Cormorant Garamond',serif;font-size:clamp(4rem,8vw,6rem);font-weight:500;color:var(--dark-azur);line-height:1.35;margin-bottom:0.5rem;}
.page-404 p{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--warm-grey);margin-bottom:2rem}
.page-404 a{display:inline-block;padding:14px 40px;background:var(--dark-azur);color:var(--white);text-decoration:none;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:100px;transition:all 0.4s var(--ease-luxe);}
.page-404 a:hover{background:var(--gold);transform:translateY(-2px)}
.diffuser-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:0.8rem;margin:1.5rem 0;padding:1.2rem;background:var(--cream);border-radius:8px;border:1px solid var(--light-border);}
.spec-item{display:flex;gap:0.6rem;align-items:flex-start}
.spec-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.78rem;color:var(--accent);flex-shrink:0;}
.spec-text{display:flex;flex-direction:column;gap:2px}
.spec-text strong{font-size:0.82rem;font-weight:600;color:var(--dark-azur);text-transform:uppercase;letter-spacing:0.06em;}
.box-contents{display:flex;flex-direction:column;gap:0.5rem}
.box-item{font-size:0.78rem;color:var(--noir);display:flex;gap:0.5rem;align-items:center}
.compat-oil-chip{display:inline-block;padding:6px 14px;font-size:0.82rem;border:1px solid var(--light-border);border-radius:100px;color:var(--dark-azur);text-decoration:none;transition:all 0.2s;}
.compat-oil-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}
.pdp-compat-text{font-size:0.78rem;color:var(--warm-grey);margin-bottom:0.8rem}
.pdp-compat-list{display:flex;gap:0.5rem;flex-wrap:wrap}

#diffuserPrice{font-size:1.5rem}
.pdp-upsell-thumb{width:50px;height:50px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.pdp-alma-box{background:var(--bg-subtle,var(--offwhite));border-radius:8px;padding:0.8rem 1rem;display:flex;align-items:center;gap:0.6rem;margin-top:0.5rem;}
.pdp-alma-text{font-size:0.82rem;color:var(--noir)}
.pdp-crosssell-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;text-align:center;margin-bottom:1.5rem}
.crosssell-card{text-decoration:none;color:inherit;display:block;padding:1rem;border-radius:8px;border:1px solid var(--light-border);text-align:center;}
.crosssell-img{aspect-ratio:1;border-radius:8px;margin-bottom:0.8rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.crosssell-name{font-family:'Cormorant Garamond',serif;font-size:0.85rem;margin-bottom:0.2rem}
.crosssell-seeall{text-decoration:none;color:inherit;display:block;padding:1rem;border-radius:8px;border:1px solid var(--accent);text-align:center;background:var(--accent-glow);}
.crosssell-img-lg{aspect-ratio:1;background:var(--offwhite);border-radius:8px;margin-bottom:0.8rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent);}
.crosssell-name-lg{font-family:'Cormorant Garamond',serif;font-size:0.85rem;margin-bottom:0.2rem;color:var(--accent);}
.crosssell-cta{font-weight:600;color:var(--accent)}





.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:15px 30px;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;text-decoration:none;border:none;cursor:pointer;transition:all 0.4s var(--ease-luxe);position:relative;overflow:hidden;border-radius:4px;}
.btn::after,.pdp-add-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.6s var(--ease-luxe);}
.btn:hover::after,.pdp-add-btn:hover::after{transform:translateX(100%)}
.btn-text-toggle{background:none;border:none;font-family:'Jost',sans-serif;font-size:0.82rem;color:var(--dark-azur);letter-spacing:0.06em;cursor:pointer;padding:0.5rem 1rem;transition:color 0.3s;}
.photo-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;flex-direction:column;gap:0.5rem;}
.products-grid,
.product-card{background:var(--white);border:1px solid var(--light-border);border-radius:4px;overflow:hidden;transition:all 0.4s var(--ease-luxe);position:relative;cursor:pointer;text-decoration:none;color:inherit;display:block;}
.product-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transform:scaleX(0);transition:transform 0.5s var(--ease-luxe);transform-origin:left;}
.badge-bestseller,.cookie-bar-accept{background:var(--gold);color:var(--white)}
.badge-coup-de-coeur{background:#1A1A1A;color:var(--gold);border:1px solid rgba(212,175,55,0.4)}
.badge-signature{background:#F5F3F0;color:#1A1A1A;border:1px solid #9D9C9A;font-weight:500}
.badge-nouveau{background:rgba(245,243,240,0.95);color:#1A1A1A;border:1px solid rgba(212,175,55,0.6)}
.device-card.card-featured{background:var(--white);border:1px solid var(--light-border);border-radius:8px;overflow:hidden;transition:all 0.4s var(--ease-luxe);position:relative;cursor:pointer;}
.device-card.card-featured::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transition:transform 0.5s var(--ease-luxe);transform-origin:left;}
.device-card.card-featured:hover::after{transform:scaleX(1)}
.device-card.card-featured:hover{border-color:var(--gold-border);box-shadow:0 8px 32px rgba(26,26,26,0.06);transform:translateY(-4px)}
.card-meta{display:flex;align-items:center;gap:0.8rem;margin:0.5rem 0 0.3rem}
.card-rating{font-size:0.78rem;font-weight:600;color:var(--dark-azur)}
.card-rating small{font-weight:400;color:var(--warm-grey)}
.card-intensity{font-size:0.7rem;color:var(--warm-grey);letter-spacing:0.02em}

.card-price-always{font-size:0.82rem;color:var(--dark-azur);margin-bottom:0.2rem}
.card-price-always strong{font-weight:700;font-size:0.88rem}
.oil-card .product-footer{max-height:0;overflow:hidden;opacity:0;transition:max-height 0.4s var(--ease-luxe),opacity 0.3s,margin 0.3s;margin-top:0;}
.oil-card.expanded .product-footer{max-height:200px;opacity:1;margin-top:0.6rem}
.oil-card .card-subscribe{max-height:0;overflow:hidden;opacity:0;transition:max-height 0.4s var(--ease-luxe),opacity 0.3s;}
.oil-card.expanded .card-subscribe{max-height:150px;opacity:1}
.card-subscribe{margin-top:0.8rem;padding-top:0.8rem;border-top:1px solid var(--light-border)}
.card-sub-row{display:flex;align-items:center;justify-content:space-between;gap:0.6rem;margin-bottom:0.6rem}
.card-sub-label{font-size:0.72rem;font-weight:600;color:var(--dark-azur);letter-spacing:0.02em}
.card-sub-label small{display:block;font-weight:400;color:var(--warm-grey);font-size:0.65rem;margin-top:1px}
.card-sub-toggle{position:relative;width:36px;height:20px;border-radius:10px;background:var(--light-border);border:none;cursor:pointer;transition:background 0.3s;flex-shrink:0;;min-width:44px;min-height:44px;}
.card-sub-toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--white);transition:transform 0.3s;box-shadow:0 1px 3px rgba(0,0,0,0.15);}
.card-sub-toggle.active,.card-atc:hover,.quick-add-btn:hover,.quiz-progress-step.active,.quiz-next:hover,.result-card-btn:hover,.faq-cta-btn:hover,.shipping-cta-btn:hover,.cart-checkout-btn:hover{background:var(--gold);}
.card-sub-toggle.active::after{transform:translateX(16px)}
.card-atc{width:100%;padding:11px;background:var(--dark-azur);color:var(--white);border:none;font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:background 0.3s;}
.oil-card.expanded{box-shadow:var(--shadow-md);border-color:var(--gold-border);transform:translateY(-3px)}
.oil-card.static-open .product-footer{max-height:none !important;opacity:1 !important;margin-top:0.6rem;}
.oil-card.static-open .card-subscribe{max-height:none !important;opacity:1 !important;}
.oil-card.static-open .product-quick-add{display:none;}
.oil-card.static-open:hover{border-color:var(--gold-border);box-shadow:var(--shadow-md);transform:translateY(-3px);}
.img-warm{position:relative;overflow:hidden;background:#F2E8D5 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat}
.img-warm .photo-placeholder{display:none !important}
.img-warm-20{background:#F2E8D5 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-warm-50{background:#F2E8D5 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-warm-120{background:#F2E8D5 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-warm-500{background:#F2E8D5 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-warm-20 .photo-placeholder,.img-warm-50 .photo-placeholder,.img-warm-120 .photo-placeholder,.img-warm-500 .photo-placeholder{display:none !important}

.img-cool{position:relative;overflow:hidden;background:#F0EBDF url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat}
.img-cool .photo-placeholder{display:none !important}
.img-cool-20{background:#F0EBDF url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-cool-50{background:#F0EBDF url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-cool-120{background:#F0EBDF url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-cool-500{background:#F0EBDF url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-cool-20 .photo-placeholder,.img-cool-50 .photo-placeholder,.img-cool-120 .photo-placeholder,.img-cool-500 .photo-placeholder{display:none !important}

.img-dark{position:relative;overflow:hidden;background:#D9C9BC url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat}
.img-dark .photo-placeholder{display:none !important}
.img-dark-20{background:#D9C9BC url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-dark-50{background:#D9C9BC url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-dark-120{background:#D9C9BC url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-dark-500{background:#D9C9BC url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-dark-20 .photo-placeholder,.img-dark-50 .photo-placeholder,.img-dark-120 .photo-placeholder,.img-dark-500 .photo-placeholder{display:none !important}

.img-fresh{position:relative;overflow:hidden;background:#DCE9D8 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat}
.img-fresh .photo-placeholder{display:none !important}
.img-fresh-20{background:#DCE9D8 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-fresh-50{background:#DCE9D8 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-fresh-120{background:#DCE9D8 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-fresh-500{background:#DCE9D8 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-fresh-20 .photo-placeholder,.img-fresh-50 .photo-placeholder,.img-fresh-120 .photo-placeholder,.img-fresh-500 .photo-placeholder{display:none !important}

.img-golden{position:relative;overflow:hidden;background:#D5D5E0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat}
.img-golden .photo-placeholder{display:none !important}
.img-golden-20{background:#D5D5E0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-golden-50{background:#D5D5E0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-golden-120{background:#D5D5E0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-golden-500{background:#D5D5E0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-golden-20 .photo-placeholder,.img-golden-50 .photo-placeholder,.img-golden-120 .photo-placeholder,.img-golden-500 .photo-placeholder{display:none !important}

.img-night{position:relative;overflow:hidden;background:#E8D5C0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat}
.img-night .photo-placeholder{display:none !important}
.img-night-20{background:#E8D5C0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-night-50{background:#E8D5C0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-night-120{background:#E8D5C0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-night-500{background:#E8D5C0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-night-20 .photo-placeholder,.img-night-50 .photo-placeholder,.img-night-120 .photo-placeholder,.img-night-500 .photo-placeholder{display:none !important}

.img-sea{position:relative;overflow:hidden;background:#D0E3F0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat}
.img-sea .photo-placeholder{display:none !important}
.img-sea-20{background:#D0E3F0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-sea-50{background:#D0E3F0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-sea-120{background:#D0E3F0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-sea-500{background:#D0E3F0 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-sea-20 .photo-placeholder,.img-sea-50 .photo-placeholder,.img-sea-120 .photo-placeholder,.img-sea-500 .photo-placeholder{display:none !important}

.img-zen{position:relative;overflow:hidden;background:#D8E8CB url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat}
.img-zen .photo-placeholder{display:none !important}
.img-zen-20{background:#D8E8CB url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-zen-50{background:#D8E8CB url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-zen-120{background:#D8E8CB url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-zen-500{background:#D8E8CB url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") center/contain no-repeat !important}
.img-zen-20 .photo-placeholder,.img-zen-50 .photo-placeholder,.img-zen-120 .photo-placeholder,.img-zen-500 .photo-placeholder{display:none !important}

.card-sizes{display:flex;gap:4px;margin-bottom:0.5rem;flex-wrap:wrap}
.card-size-pill{padding:3px 8px;font-size:0.65rem;font-weight:500;border:1px solid var(--light-border);border-radius:4px;cursor:pointer;transition:all 0.2s;background:transparent;color:var(--warm-grey);letter-spacing:0.02em;line-height:1.4;white-space:nowrap;}
.card-size-pill:hover{border-color:var(--gold-border);color:var(--dark-azur)}
.card-size-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);font-weight:600}
.card-size-pill .pill-price{display:block;font-size:0.65rem;font-weight:600;color:var(--dark-azur)}
.products-grid .product-card{opacity:1!important;transform:none!important}
.oil-card.filtered-out{display:none!important!important}
.announcement{background:var(--dark-azur-deep);color:rgba(255,255,255,0.5);text-align:center;padding:8px 0;font-size:0.72rem;font-weight:400;letter-spacing:0.15em;text-transform:uppercase;overflow:hidden;position:relative;white-space:nowrap;}
.announcement strong{color:var(--gold-light);font-weight:500}
.announcement-scroll{display:inline-flex;gap:3rem;animation:marquee 25s linear infinite;white-space:nowrap}
.announcement-scroll span,.pdp-alma svg{flex-shrink:0}
.header{position:sticky;top:30px;z-index:1000;overflow:visible;background:rgba(245,243,240,0.82);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);border-bottom:1px solid rgba(26,26,26,0.04);transition:all 0.5s var(--ease-smooth);}
.header.scrolled{background:rgba(245,243,240,0.96);box-shadow:0 1px 0 rgba(26,26,26,0.04),0 4px 24px rgba(26,26,26,0.03);}
.header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:68px;}
.header-logo{display:inline-flex;align-items:center;text-decoration:none;transition:opacity 0.3s var(--ease-luxe)}
.header-logo:hover{opacity:0.8}
.header-nav{display:flex;gap:2.4rem;list-style:none}
.header-nav a{font-size:0.78rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:var(--noir);text-decoration:none;position:relative;transition:color 0.3s;}
.header-nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width 0.4s var(--ease-luxe);}
.header-nav a:hover::after{width:100%}
.header-cart{position:relative;cursor:pointer;display:flex;align-items:center;gap:0.4rem;font-size:0.82rem;font-weight:600;color:var(--dark-azur);text-decoration:none;}
.mobile-nav{display:flex;position:fixed;inset:0;z-index:9990;background:var(--offwhite);flex-direction:column;align-items:center;justify-content:center;gap:2rem;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);visibility:hidden;will-change:transform;}
.mobile-nav.open{transform:translateX(0);visibility:visible;}
.mobile-nav a{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--dark-azur);text-decoration:none}
.mobile-nav a:hover,.breadcrumb a:hover,.contact-method-value a:hover,.shipping-highlight strong,.btn-text-toggle:hover,
.mobile-nav-close{position:absolute;top:1.2rem;right:1.5rem;font-size:1.5rem;cursor:pointer;color:var(--dark-azur);background:none;border:none;}
.header-actions{display:flex;align-items:center;gap:1rem}
.header-icon-btn{background:none;border:none;cursor:pointer;padding:4px;position:relative}
.header-icon-btn svg{width:20px;height:20px;stroke:var(--dark-azur);fill:none;stroke-width:1.5;transition:stroke 0.3s}
.header-icon-btn:hover svg,.pdp-share-btn:hover svg{stroke:var(--gold)}
.hero{position:relative;background:var(--white);overflow:hidden}
.hero-stories{position:relative;min-height:70vh;overflow:hidden;background:var(--noir)}
.stories-progress{position:absolute;top:12px;left:12px;right:12px;z-index:10;display:flex;gap:4px}
.stories-bar{flex:1;height:3px;background:rgba(255,255,255,0.2);border-radius:2px;overflow:hidden}
.stories-bar-fill{height:100%;width:0;background:var(--white);border-radius:2px;transition:width 0.1s linear}
.stories-bar-fill.done{width:100%!important;transition:none}
.stories-bar-fill.active{transition:width 0.1s linear}
.stories-slides{position:relative;width:100%;height:70vh}
.stories-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.5s;pointer-events:none;display:flex;align-items:center;justify-content:center;}
.stories-slide.active,.quiz-next.enabled{opacity:1;pointer-events:auto}
.stories-bg{position:absolute;inset:0;z-index:0}
.stories-photo-pl{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}
.stories-photo-pl .photo-label{font-size:0.72rem;color:rgba(255,255,255,0.35);text-align:center;max-width:280px;text-transform:uppercase;letter-spacing:0.1em;}
.stories-content{position:relative;z-index:9;text-align:center;padding:2rem;max-width:600px}
.stories-label{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.2em;color:var(--gold-light);margin-bottom:1rem;}
.stories-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--white);font-weight:500;line-height:1.3;margin-bottom:1rem;}
.stories-title em{font-style:italic;color:var(--gold-light)}
.stories-price{font-size:1rem;color:var(--white);margin-bottom:1.5rem;font-weight:500}
.stories-price strong{font-size:1.3rem}
.stories-price-old{text-decoration:line-through;opacity:0.5;font-size:0.85rem;margin-left:0.3rem}
.stories-price-badge{background:var(--gold);color:var(--white);padding:2px 8px;border-radius:3px;font-size:0.65rem;font-weight:700;margin-left:0.4rem;vertical-align:middle;}
.stories-sub{font-size:0.82rem;color:rgba(255,255,255,0.6);margin-bottom:1.5rem}
.stories-cta{display:inline-block;padding:14px 36px;background:var(--white);color:var(--dark-azur);font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;text-decoration:none;border-radius:40px;transition:all 0.3s;position:relative;z-index:10}
.stories-cta:hover{background:var(--gold);color:var(--white);transform:scale(1.03)}
.stories-click-left{position:absolute;left:0;top:0;bottom:0;width:35%;z-index:8;cursor:pointer;pointer-events:none}
.stories-click-right{position:absolute;right:0;top:0;bottom:0;width:65%;z-index:8;cursor:pointer;pointer-events:none}
.stories-nav{position:absolute;top:50%;right:16px;z-index:9;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%);}
.stories-arrow{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.15);border:none;color:var(--white);font-size:1.2rem;cursor:pointer;transition:background 0.3s;display:flex;align-items:center;justify-content:center;}
.stories-arrow:hover,.stories-pause:hover{background:rgba(255,255,255,0.3)}
.stories-pause{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.15);border:none;color:var(--white);font-size:0.65rem;cursor:pointer;transition:background 0.3s;display:flex;align-items:center;justify-content:center;letter-spacing:0.06em;}
.hero-product-btn{display:block;width:100%;padding:13px;background:var(--dark-azur);color:var(--white);font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;text-decoration:none;border-radius:4px;border:none;cursor:pointer;transition:all 0.3s var(--ease-luxe);}
.hero-product-btn:hover{background:var(--dark-azur-deep);box-shadow:var(--shadow-md)}
.trust-badge{display:flex;align-items:center;gap:0.4rem;font-size:0.7rem;color:var(--warm-grey);font-weight:500;letter-spacing:0.02em;}
.trust-badge svg{stroke:var(--dark-azur);flex-shrink:0}
.trust-bar{background:var(--white);border-bottom:1px solid var(--light-border);padding:1.5rem 2rem;border-top:1px solid var(--light-border);overflow:hidden;}
.trust-bar-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;align-items:center;}
.trust-item{display:flex;align-items:center;gap:0.6rem;font-size:0.82rem;font-weight:500;color:var(--dark-azur);letter-spacing:0.02em;opacity:0.75;transition:opacity 0.3s;white-space:nowrap;}
.trust-item:hover,.toast-close:hover{opacity:1}
.trust-icon-svg{width:18px;height:18px;color:var(--gold);flex-shrink:0}
.home-cat-filter{padding:0.6rem 1.5rem;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:500;letter-spacing:0.06em;color:var(--warm-grey);background:transparent;border:1px solid var(--light-border);border-radius:12px;cursor:pointer;transition:all 0.3s ease;}
.home-cat-filter:hover,.home-filter:hover{color:var(--dark-azur);border-color:var(--gold-border)}
.home-cat-filter.active,.home-filter.active{color:var(--dark-azur);border-color:var(--gold);background:var(--gold-glow);font-weight:600;}
.home-cat-panel{animation:gridFadeIn 0.4s ease}
.trust-item svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.5;flex-shrink:0}
.trust-item span{font-size:0.82rem;font-weight:500;color:var(--warm-grey);letter-spacing:0.02em}

.home-filter{padding:0.5rem 1.2rem;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:500;letter-spacing:0.06em;color:var(--warm-grey);background:transparent;border:1px solid var(--light-border);border-radius:12px;cursor:pointer;transition:all 0.3s ease;}
.oil-filter-btn{padding:8px 18px;border:1.5px solid var(--light-border);background:var(--white);color:var(--warm-grey);font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:500;border-radius:30px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;gap:5px;}
.oil-filter-btn:hover,.quiz-back:hover{border-color:var(--dark-azur);color:var(--dark-azur)}
.oil-filter-btn.active{background:var(--dark-azur);color:var(--white);border-color:var(--white)}
.oil-filter-btn.active[data-family="woody"]{background:#8B5E3C;border-color:#8B5E3C}
.oil-filter-btn.active[data-family="oriental"]{background:#B87355;border-color:#B87355}
.oil-filter-btn.active[data-family="gourmand"]{background:#A67B5B;border-color:#A67B5B}
.oil-filter-btn.active[data-family="floral"]{background:#D4A5A0;border-color:#D4A5A0}
.oil-filter-btn.active[data-family="fresh"]{background:#A8B8C2;border-color:#A8B8C2}
.oil-filter-btn.active[data-family="green"]{background:#7A8B4A;border-color:#7A8B4A}
.oils-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;padding:0}
.oils-page-layout{display:flex;gap:0;max-width:1400px;margin:0 auto;padding:0 1.5rem 2rem;position:relative}
.oils-sidebar{width:240px;flex-shrink:0;padding:1.5rem 0;border-right:1px solid var(--light-border);padding-right:1.5rem;position:sticky;top:70px;align-self:flex-start;max-height:calc(100vh - 80px);overflow-y:auto;}
.sidebar-header{margin-bottom:1.5rem}
.sidebar-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;color:var(--dark-azur);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.3rem;}
.sidebar-header .oils-count{font-size:0.75rem;color:var(--warm-grey)}
.sidebar-group{border-bottom:1px solid var(--light-border);padding:0.8rem 0}
.sidebar-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;color:var(--dark-azur);cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:0.06em;}
.toggle-icon{font-size:1rem;font-weight:300;transition:transform 0.2s}
.sidebar-group.collapsed .sidebar-options{display:none}
.sidebar-group.collapsed .toggle-icon{transform:rotate(0);content:'+'}
.sidebar-group.collapsed .toggle-icon::after{content:''}
.sidebar-options{padding-top:0.7rem;display:flex;flex-direction:column;gap:0.15rem}
.sidebar-notes-list{max-height:220px;overflow-y:auto;scrollbar-width:thin}
.sidebar-check{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--warm-grey);cursor:pointer;padding:4px 0;transition:color 0.2s;}
.sidebar-check:hover{color:var(--dark-azur)}
.sidebar-check input[type="checkbox"]{display:none}
.check-mark{width:16px;height:16px;border:1.5px solid var(--light-border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s;}
.sidebar-check input:checked ~ .check-mark{background:var(--dark-azur);border-color:var(--white)}
.sidebar-check input:checked ~ .check-mark::after{content:'✓';color:var(--white);font-size:0.65rem;font-weight:700}
.sidebar-reset{margin-top:1rem;font-family:'Jost',sans-serif;font-size:0.7rem;color:var(--warm-grey);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0;}
.sidebar-reset:hover{color:var(--dark-azur)}
.oils-mobile-filter-btn{display:none}
.oils-main{flex:1;min-width:0;padding-left:2rem}
.oils-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 1rem;flex-wrap:wrap;gap:0.8rem;}
.oils-toolbar-left{flex:1;min-width:0}
.oil-family-pills{display:flex;gap:0.4rem;flex-wrap:wrap}
.oils-count{font-size:0.78rem;color:var(--warm-grey);font-weight:500}
.oils-sort{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}
.oils-sort label{font-size:0.72rem;color:var(--warm-grey);font-weight:500}
.oils-sort select{font-family:'Jost',sans-serif;font-size:0.72rem;color:var(--dark-azur);border:1px solid var(--light-border);border-radius:4px;padding:5px 10px;background:var(--white);cursor:pointer;outline:none;}
.oils-sort select:focus{border-color:var(--dark-azur)}
.result-card-desc,.device-hero{background:linear-gradient(160deg,var(--dark-azur-deep) 0%,var(--dark-azur) 60%,var(--dark-azur) 100%);padding:4rem 2rem;position:relative;overflow:hidden;}
.device-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(212,175,55,0.06) 0%,transparent 60%);}
.device-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:1;}
.device-hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;color:var(--white);line-height:1.3;margin-bottom:0.8rem;}
.device-hero-sub{font-size:0.88rem;color:rgba(255,255,255,0.6);line-height:1.7;margin-bottom:1.5rem}
.device-hero-stats{display:flex;gap:2rem}
.device-stat{text-align:center}
.device-stat strong{display:block;font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--gold);font-weight:500}
.device-stat span{font-size:0.7rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.1em}
.device-hero-img{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.device-trust-bar{display:flex;justify-content:center;gap:2rem;padding:1.2rem 2rem;background:var(--white);border-bottom:1px solid var(--light-border);flex-wrap:wrap;}
.device-trust-item{display:flex;align-items:center;gap:0.4rem;font-size:0.78rem;color:var(--warm-grey);font-weight:500}
.products-grid device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:3rem 2rem;}
.product-card device-card{position:relative;border:1px solid var(--light-border);border-radius:10px;overflow:hidden;background:var(--white);transition:transform 0.3s,box-shadow 0.3s;}
.product-card device-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.08)}
.card-featured{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.card-link{display:block;text-decoration:none;color:inherit}
.product-image{position:relative;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;}
.product-info{padding:1.5rem}
.product-name{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;color:var(--dark-azur);margin-bottom:0.3rem;}
.product-name a{text-decoration:none;color:inherit}
.product-tagline{font-size:0.82rem;color:var(--warm-grey);margin-bottom:0.8rem;line-height:1.5}
.product-specs{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:0.8rem}
.product-price-block{font-size:0.88rem;color:var(--dark-azur);margin:0.8rem 0}
.product-price-block strong{font-size:1.3rem}
.product-price-block small{color:var(--warm-grey);font-size:0.72rem;margin-left:0.4rem}

.color-select{display:flex;align-items:center;gap:0.5rem;margin:0.6rem 0}
.color-label{font-size:0.72rem;color:var(--warm-grey);font-weight:500}
.color-swatch{width:24px;height:24px;min-width:44px;min-height:44px;padding:10px;box-sizing:content-box;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all 0.2s;padding:0;}
.color-swatch:hover{border-color:var(--warm-grey)}
.color-swatch.active{border-color:var(--dark-azur);box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--dark-azur)}
.card-atc{width:100%;padding:12px;background:var(--dark-azur);color:var(--white);border:none;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:background 0.3s;}
.card-atc:hover{background:var(--gold)}
.device-why{padding:4rem 2rem;background:var(--offwhite)}
.device-why-inner{max-width:900px;margin:0 auto;text-align:center}
.device-why-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,2.5vw,1.7rem);color:var(--dark-azur);font-weight:400;margin-bottom:0.5rem;}
.device-why-sub{font-size:0.82rem;color:var(--warm-grey);margin-bottom:2.5rem}
.device-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}
.device-why-item h3{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--dark-azur);font-weight:500;margin:1rem 0 0.5rem;}
.device-why-item p{font-size:0.78rem;color:var(--warm-grey);line-height:1.7}
.device-why-icon{width:56px;height:56px;border-radius:50%;background:rgba(212,175,55,0.08);display:flex;align-items:center;justify-content:center;margin:0 auto;}
.compare-ctas{display:flex;justify-content:center;gap:1rem;margin-top:2rem}
.compare-cta-btn{padding:12px 28px;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;border-radius:100px;text-decoration:none;transition:all 0.3s;}
.compare-cta-secondary{border:1.5px solid var(--dark-azur);color:var(--dark-azur);background:transparent}
.compare-cta-secondary:hover{background:var(--dark-azur);color:var(--white)}
.compare-cta-primary{background:var(--gold);color:var(--white);border:1.5px solid var(--gold)}
.compare-cta-primary:hover{background:var(--gold-light);box-shadow:0 4px 16px rgba(212,175,55,0.3)}
.bundle-section{padding:3rem 2rem;background:var(--white)}
.bundle-option{border:1px solid var(--light-border);border-radius:10px;overflow:hidden;text-align:left;transition:box-shadow 0.3s;}
.bundle-option:hover{box-shadow:0 6px 20px rgba(0,0,0,0.08)}
.bundle-option h3{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:600;color:var(--dark-azur);padding:1rem 1.2rem 0.2rem;}
.bundle-option p{font-size:0.78rem;color:var(--warm-grey);padding:0 1.2rem 0.6rem;line-height:1.5}
.bundle-new{font-size:1.2rem;color:var(--dark-azur)}
.bundle-option .card-atc{margin:0 1.2rem 1.2rem;width:calc(100% - 2.4rem)}
.page-hero{position:relative;padding:8rem 2rem 5rem;text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--dark-azur) 0%,var(--dark-azur) 50%,var(--dark-azur-light) 100%);}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(212,175,55,0.06) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(212,175,55,0.06) 0%,transparent 50%);}
.page-hero-content{position:relative;z-index:2;max-width:700px;margin:0 auto}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:500;color:var(--white);line-height:1.35;margin-bottom:0.8rem;}
.page-hero p{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:rgba(255,255,255,0.6);line-height:1.7;max-width:500px;margin:0 auto;}
.b2b-section{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;}
.b2b-bg{position:relative;inset:0;z-index:0;min-height:520px;display:flex;align-items:center;justify-content:center;padding:5rem 2rem;background:linear-gradient(135deg,var(--dark-azur) 0%,var(--dark-azur) 40%,var(--dark-azur-deep) 100%);}
.b2b-photo-pl{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cream) 0%,var(--light-grey) 50%,var(--warm-grey) 100%);}
.b2b-photo-pl .photo-label{display:block;font-size:0.7rem;color:var(--warm-grey);text-align:center;max-width:300px;line-height:1.5;}
.b2b-card{position:relative;z-index:2;background:rgba(255,255,255,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:780px;padding:4rem 3.5rem;text-align:center;margin:2.5rem;width:100%;border-radius:2px;box-shadow:0 20px 60px rgba(0,0,0,0.3);}
.b2b-title{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:400;color:var(--dark-azur);line-height:1.25;margin-bottom:1.2rem;}
.b2b-desc{font-size:0.88rem;color:var(--warm-grey);line-height:1.75;margin-bottom:2rem;max-width:560px;margin-left:auto;margin-right:auto;font-family:'Jost',sans-serif;margin:0 auto 2rem;}
.b2b-bg::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;}
.b2b-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(212,175,55,0.08) 0%,transparent 70%);}
.b2b-overline{font-family:'Jost',sans-serif;font-size:0.7rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;}
.b2b-cta{display:inline-block;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--dark-azur);border:1.5px solid var(--dark-azur);padding:0.9rem 2.8rem;text-decoration:none;transition:all 0.3s var(--ease-luxe);}
.b2b-cta:hover,.quiz-retake:hover,.write-review-btn:hover,.avis-write-btn:hover,.avis-load-more button:hover{background:var(--dark-azur);color:var(--white);}
.pdp-trust-badges{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.8rem}
.pdp-wishlist-btn{display:inline-flex;align-items:center;gap:0.5rem;background:none;border:1px solid var(--light-border);color:var(--warm-grey);padding:0.65rem 1.1rem;border-radius:4px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.25s;letter-spacing:0.02em;}
.pdp-wishlist-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;transition:fill 0.25s,stroke 0.25s}
.pdp-wishlist-btn:hover{border-color:var(--gold);color:var(--dark-azur)}
.pdp-wishlist-btn.active,.review-helpful button:hover{border-color:var(--gold);color:var(--gold)}
.pdp-wishlist-btn.active svg{fill:var(--gold);stroke:var(--gold)}
.pdp-wishlist-btn.active .wish-label-add,.pdp-wishlist-btn .wish-label-remove,.oil-card .product-quick-add,.oil-card .product-price,.spa-page{display:none;}
.pdp-wishlist-btn.active .wish-label-remove{display:inline}
.pdp-gallery{position:sticky;top:90px}
.pdp-info{position:relative;padding-top:1rem}
.compare-title{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;color:var(--dark-azur);text-align:center;margin-bottom:1.5rem;}
.pdp-thumbs{display:flex;grid-template-columns:repeat(4,1fr);gap:0.6rem}
.pdp-thumb{aspect-ratio:1;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color 0.3s;position:relative;overflow:hidden;width:72px;height:72px;}
.pdp-price{font-size:1.8rem;font-weight:700;color:var(--noir)}
.pdp-price-sub,.pdp-rating-text,.purchase-sub-label,.quiz-option-desc,.newsletter-success p,.avis-big-count,.review-date,.spec-text span{font-size:0.82rem;color:var(--warm-grey);}
.pdp-stock{display:flex;align-items:center;gap:0.4rem;margin-bottom:1.2rem;font-size:0.82rem;color:#22C55E;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin-top:0.3rem;}
.pdp-pyramid{margin-bottom:2rem;padding:1.2rem;background:var(--offwhite);border-radius:8px}
.pdp-pyramid h4{font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--dark-azur);margin-bottom:0.8rem;}
.size-option{flex:1;padding:10px 20px;text-align:center;border:1px solid var(--light-border);border-radius:8px;cursor:pointer;transition:all 0.3s;min-width:90px;position:relative;overflow:visible;}
.size-price{display:block;font-size:0.82rem;font-weight:600;color:var(--warm-grey);margin-top:2px}
.pdp-qty{display:flex;align-items:center;border:1px solid var(--light-border);border-radius:8px;overflow:hidden}
.pdp-qty button{width:44px;height:50px;background:transparent;border:none;font-size:1rem;cursor:pointer;color:var(--dark-azur);transition:background 0.2s;}
.pdp-qty span{width:32px;text-align:center;font-size:0.82rem;font-weight:600}
.pdp-add-btn{flex:1;padding:14px 24px;background:var(--accent);color:var(--white);font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;border:none;border-radius:8px;cursor:pointer;transition:all 0.4s var(--ease-luxe);position:relative;overflow:hidden;}
.pdp-crosssell{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--light-border)}
.pdp-crosssell h4{font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--dark-azur);margin-bottom:1rem;}
.sticky-atc{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:998;background:rgba(245,243,240,0.96);backdrop-filter:blur(20px);border-top:1px solid var(--light-border);padding:12px 1.2rem;transform:translateY(100%);transition:transform 0.4s var(--ease-luxe);-webkit-backdrop-filter:blur(20px);gap:0.8rem;align-items:center;}
.sticky-atc-name{font-size:0.78rem;font-weight:600;color:var(--noir);font-family:'Cormorant Garamond',serif}
.sticky-atc-btn{padding:14px 24px;background:var(--accent);color:var(--white);font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;}
.pdp-layout{max-width:1280px;margin:0 auto;padding:0 2rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
.pdp-main-img{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:1rem;background:linear-gradient(160deg,var(--gold) 0%,#D4AF37 100%);cursor:zoom-in;transition:transform 0.4s var(--ease-luxe);}
.pdp-main-img .photo-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform 0.6s var(--ease-luxe);}
.pdp-thumb:hover{border-color:var(--dark-azur-light)}
.pdp-overline{font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.2em;color:var(--gold);margin-bottom:0.5rem;}
.pdp-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;color:var(--noir);line-height:1.2;margin-bottom:0.6rem;}
.pdp-tagline{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--warm-grey);line-height:1.6;margin-bottom:1.2rem;}
/* Bloc story éditorial Margiela/Diptyque — phrase courte en italique, tiret au-dessus */
.pdp-story-line{
  position:relative;
  margin:0 0 1.4rem 0;
  padding:0.8rem 0 0 0;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:0.95rem;
  line-height:1.5;
  color:var(--dark-azur,#1A1A1A);
  letter-spacing:0.01em;
  border-top:1px solid rgba(212,175,55,0.35);
  border-left:none;
}
.pdp-story-line::before{
  content:"L'HISTOIRE";
  display:block;
  font-family:'Jost',sans-serif;
  font-style:normal;
  font-size:0.6rem;
  font-weight:600;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--gold,#D4AF37);
  margin-bottom:0.4rem;
}
.pdp-rating{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem}
.pdp-rating svg{width:14px;height:14px;fill:var(--gold)}
.pdp-rating-link{font-size:0.82rem;color:var(--gold);text-decoration:underline;cursor:pointer}
.pdp-divider{width:100%;height:1px;background:var(--light-border);margin:1.5rem 0}
.pdp-sizes-label{font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--noir);margin-bottom:0.8rem;}
.pdp-sizes{padding-top:0.8rem;display:flex;gap:0.6rem;margin-bottom:1.5rem}
.size-option:hover,.purchase-option:hover{border-color:var(--gold-border)}
.size-option.active,.purchase-option.active,.pdp-share-btn:hover{border-color:var(--gold);background:var(--gold-glow)}
.size-name{font-size:0.78rem;font-weight:600;color:var(--noir);display:block}
.size-per-ml{font-size:0.65rem;color:var(--light-grey);display:block;margin-top:1px}
.purchase-options{margin-bottom:1.5rem}
.purchase-option{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid var(--light-border);border-radius:8px;margin-bottom:0.5rem;cursor:pointer;transition:all 0.3s;}
.purchase-option-left{display:flex;align-items:center;gap:0.8rem}
.purchase-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--light-grey);display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.purchase-option.active .purchase-radio::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--gold)}
.purchase-label,.result-alt-name{font-size:0.82rem;font-weight:500;color:var(--noir)}
.result-alt-match{font-size:0.7rem;color:var(--gold);font-weight:600}
.purchase-save{font-size:0.82rem;font-weight:600;color:var(--success);background:rgba(26,26,26,0.08);padding:2px 6px;border-radius:4px;margin-left:0.4rem;}
.pdp-actions{display:flex;gap:0.8rem;margin-bottom:1.5rem;align-items:stretch}
.pdp-qty button:hover{background:rgba(26,26,26,0.04)}
.pdp-qty input{width:40px;text-align:center;border:none;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;background:transparent;color:var(--noir);}
.pdp-add-btn:hover{background:var(--gold);transform:translateY(-1px);box-shadow:var(--shadow-gold)}
.pdp-alma{font-size:0.82rem;color:var(--warm-grey);margin-bottom:1.5rem}
.pdp-alma strong,.newsletter-inner h2{color:var(--noir)}
.pdp-trust{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.pdp-pyramid h3{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:500;color:var(--dark-azur);margin-bottom:1rem;}
.pdp-accordion{margin-bottom:2rem}
.accordion-item,.faq-item{border-bottom:1px solid var(--light-border)}
.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;cursor:pointer;font-size:0.82rem;font-weight:600;color:var(--dark-azur);text-transform:uppercase;letter-spacing:0.06em;}
.accordion-header svg{width:16px;height:16px;stroke:var(--warm-grey);transition:transform 0.3s}
.accordion-item.open .accordion-header svg,.faq-item.open .faq-question svg{transform:rotate(180deg)}
.accordion-body,.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s var(--ease-luxe)}
.accordion-item.open .accordion-body,.faq-item.open .faq-answer{max-height:500px}
.accordion-body-inner{padding:0 0 1.2rem;font-size:0.82rem;color:var(--warm-grey);line-height:1.7}

.sticky-atc.visible,.search-overlay.open .search-container,.cookie-bar.show{transform:translateY(0)}
.compare-section{max-width:1100px;margin:0 auto;padding:4rem 2rem}
.compare-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,0.04);}
.compare-table th{padding:1.2rem;text-align:center;font-family:'Cormorant Garamond',serif;font-size:0.88rem;font-weight:500;color:var(--dark-azur);background:var(--cream);}
.compare-table th:first-child{text-align:left;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--warm-grey);}
.compare-table td{padding:0.8rem 1.2rem;text-align:center;font-size:0.82rem;color:var(--warm-grey);border-bottom:1px solid var(--light-border);}
.compare-table td:first-child{text-align:left;font-weight:500;color:var(--dark-azur);font-size:0.82rem}

.compare-highlight{background:rgba(212,175,55,0.04)}
.pdp-delivery{display:flex;align-items:center;gap:0.6rem;padding:0.8rem 1rem;background:rgba(26,26,26,0.04);border-radius:8px;margin-bottom:1.2rem;border:1px solid rgba(26,26,26,0.08);}
.pdp-delivery svg{width:18px;height:18px;stroke:var(--success);fill:none;stroke-width:1.5;flex-shrink:0}
.pdp-delivery-text{font-size:0.82rem;color:var(--dark-azur);line-height:1.4}
.pdp-delivery-text strong,.box-check{color:var(--success);font-weight:600}
.pdp-share{display:flex;align-items:center;gap:0.8rem;margin-bottom:1.5rem}
.pdp-share-label{font-size:0.82rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:var(--warm-grey);}
.pdp-share-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--light-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;}
.pdp-share-btn svg{width:14px;height:14px;stroke:var(--warm-grey);fill:none;stroke-width:1.5}
.pdp-upsell{margin:2rem 0;padding:1.5rem;background:var(--cream);border-radius:8px;transition:opacity 0.3s}
.pdp-upsell h3{font-family:'Cormorant Garamond',serif;font-size:0.88rem;font-weight:500;color:var(--dark-azur);margin-bottom:1rem;}
.pdp-upsell-item{display:flex;gap:0.8rem;align-items:center;flex:1;padding:0.8rem;background:var(--white);border-radius:8px;border:1px solid var(--light-border);cursor:pointer;transition:border-color 0.3s,background 0.3s;}
.pdp-upsell-item:hover{background:rgba(212,175,55,0.08)}
.pdp-thumb-video::after{content:'▶';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:0.88rem;background:rgba(0,0,0,0.25);border-radius:8px;}
.pdp-stock svg{width:14px;height:14px;fill:#22C55E}

.size-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--white);font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:2px 7px;border-radius:100px;white-space:nowrap;z-index:2;}
.pdp-stock .purchase-save{color:var(--accent) !important}
.pdp-rating .star,.card-size-pill.active .pill-price{color:var(--accent)}

.pdp-price-block{margin:1.5rem 0;padding:1rem 0;border-top:1px solid var(--light-border);border-bottom:1px solid var(--light-border);}
.pdp-price-block .pdp-price-sub{display:block;margin-top:0.3rem;font-size:0.82rem;color:var(--warm-grey)}
.pdp-section-block{margin:1.5rem 0;padding:1.2rem;background:var(--cream);border-radius:8px}
.avis-full{max-width:1280px;margin:0 auto;padding:3rem 2rem 4rem}
.avis-full h2{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;color:var(--dark-azur);text-align:center;margin-bottom:2.5rem;}
.avis-layout{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}
.avis-summary{position:sticky;top:100px;background:var(--white);border:1px solid var(--light-border);border-radius:12px;padding:2rem;text-align:center;}
.avis-big-score{text-align:center;margin-bottom:1.5rem}
.avis-big-num{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:500;color:var(--noir);line-height:1}
.avis-big-stars{display:flex;justify-content:center;gap:3px;margin:0.6rem 0}
.avis-big-stars svg{width:18px;height:18px;fill:var(--gold)}
.avis-bars{display:flex;flex-direction:column;gap:5px;margin-bottom:1.5rem}
.avis-bar-row{display:flex;align-items:center;gap:0.5rem}
.avis-bar-label{font-size:0.75rem;width:12px;text-align:right;color:var(--warm-grey);font-weight:600}
.avis-bar-track{flex:1;height:8px;background:rgba(26,26,26,0.06);border-radius:4px;overflow:hidden}
.review-bar-fill,.avis-bar-fill{height:100%;background:var(--gold);border-radius:4px}
.avis-bar-count{font-size:0.72rem;width:28px;color:var(--warm-grey)}
.avis-write-btn{display:block;width:100%;padding:12px;border:1.5px solid var(--dark-azur);background:transparent;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--dark-azur);border-radius:8px;cursor:pointer;transition:all 0.3s;}
.write-review-btn{padding:10px 24px;border:1px solid var(--dark-azur);background:transparent;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--dark-azur);border-radius:100px;cursor:pointer;transition:all 0.3s;}
.review-card{padding:1.5rem;border:1px solid var(--light-border);border-radius:10px;background:var(--white);margin-bottom:1rem;transition:box-shadow 0.3s;}
.review-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.05)}
.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}
.review-author{font-size:0.85rem;font-weight:600;color:var(--noir)}
.review-stars{display:flex;gap:2px;margin-bottom:0.4rem}
.review-stars svg{width:14px;height:14px;fill:var(--gold)}
.review-verified{font-size:0.7rem;color:var(--success);display:inline-flex;align-items:center;gap:0.3rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.6rem;background:rgba(26,26,26,0.06);padding:3px 8px;border-radius:4px;}
.review-helpful{display:flex;align-items:center;gap:0.5rem;margin-top:1rem;padding-top:0.8rem;border-top:1px solid var(--light-border);font-size:0.75rem;color:var(--light-grey);}
.avis-load-more{text-align:center;padding:1.5rem 0}
.review-verified svg{width:12px;height:12px;stroke:var(--success);fill:none;stroke-width:2}
.review-helpful button{padding:6px 14px;border:1px solid var(--light-border);background:transparent;font-size:0.78rem;border-radius:100px;cursor:pointer;color:var(--warm-grey);transition:all 0.3s;}
.avis-load-more button{padding:10px 32px;border:1px solid var(--dark-azur);background:transparent;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--dark-azur);border-radius:100px;cursor:pointer;transition:all 0.3s;}
.story-grid.reverse{direction:rtl}
.story-grid.reverse > *{direction:ltr}
.story-text > p{font-size:0.82rem;color:var(--warm-grey);line-height:1.75;margin-bottom:1rem}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem}
.story-text h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:500;color:var(--dark-azur);margin-bottom:1rem;line-height:1.3;}
.story-text p,.shipping-section p{font-size:0.78rem;color:var(--warm-grey);line-height:1.8;margin-bottom:1rem}
.quiz-promo{background:var(--dark-azur);padding:3.5rem 2rem;text-align:center}
.quiz-promo-inner{max-width:700px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.quiz-promo-text h2{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--white);margin:0 0 0.3rem;font-weight:500;}
.quiz-promo-text p{font-size:0.78rem;color:rgba(255,255,255,0.6);margin:0;letter-spacing:0.02em}
.quiz-promo-btn{display:inline-block;padding:0.8rem 2rem;background:var(--gold);color:var(--white);font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;text-decoration:none;border-radius:4px;transition:background 0.3s,transform 0.3s;white-space:nowrap;}
.quiz-promo-btn:hover{background:var(--gold-light);transform:translateY(-1px)}
.quiz-start-btn{padding:14px 36px;background:var(--gold);color:var(--white);border:none;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:100px;cursor:pointer;transition:all 0.3s;}
.quiz-start-btn:hover{background:var(--gold-light);box-shadow:0 4px 16px rgba(212,175,55,0.3)}
.quiz-step{display:none;padding:0}
.quiz-step.active,.quiz-result.active,.spa-page.active,.oil-row2.visible,.newsletter-success.visible,.form-success.visible,.sub-faq-q.open + .sub-faq-a{display:block;}
.quiz-opt-warm{background:linear-gradient(135deg,rgba(212,175,55,0.06),rgba(212,175,55,0.04))}
.quiz-opt-warm:hover,.quiz-opt-warm.selected{background:linear-gradient(135deg,rgba(212,175,55,0.15),rgba(212,175,55,0.08));border-color:var(--gold);}
.quiz-opt-fresh{background:linear-gradient(135deg,rgba(26,26,26,0.06),rgba(26,26,26,0.04))}
.quiz-opt-fresh:hover,.quiz-opt-fresh.selected{background:linear-gradient(135deg,rgba(26,26,26,0.15),rgba(26,26,26,0.08));border-color:var(--teal-muted);}
.quiz-opt-rose{background:linear-gradient(135deg,rgba(212,175,55,0.06),rgba(212,175,55,0.04))}
.quiz-opt-rose:hover,.quiz-opt-rose.selected{background:linear-gradient(135deg,rgba(212,175,55,0.15),rgba(212,175,55,0.08));border-color:var(--rose-muted);}
.quiz-opt-gold{background:linear-gradient(135deg,rgba(212,175,55,0.06),rgba(212,175,55,0.04))}
.quiz-opt-gold:hover,.quiz-opt-gold.selected{background:linear-gradient(135deg,rgba(212,175,55,0.15),rgba(212,175,55,0.08));border-color:var(--gold);}
.quiz-opt-dark{background:linear-gradient(135deg,rgba(26,26,26,0.04),rgba(26,26,26,0.03))}
.quiz-opt-dark:hover,.quiz-opt-dark.selected{background:linear-gradient(135deg,rgba(26,26,26,0.1),rgba(26,26,26,0.06));border-color:var(--dark-azur);}
.quiz-opt-sea{background:linear-gradient(135deg,rgba(26,26,26,0.06),rgba(26,26,26,0.04))}
.quiz-opt-sea:hover,.quiz-opt-sea.selected{background:linear-gradient(135deg,rgba(26,26,26,0.15),rgba(26,26,26,0.08));border-color:var(--blue-ocean);}
.quiz-option-desc{font-size:0.72rem;color:var(--warm-grey)}
.quiz-edu-tip{margin-top:1rem;padding:0.8rem 1rem;background:rgba(212,175,55,0.06);border-radius:8px;font-size:0.75rem;color:var(--warm-grey);line-height:1.6;border-left:3px solid var(--gold);}
.quiz-nav{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}
.quiz-back{padding:12px 28px;border:1px solid var(--light-border);background:transparent;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--warm-grey);border-radius:100px;cursor:pointer;transition:all 0.3s;}
.quiz-next.enabled{opacity:1;pointer-events:auto}
.quiz-email-step{text-align:center}
.quiz-email-inner{max-width:420px;margin:3rem auto}
.quiz-email-icon{margin-bottom:1rem}
.quiz-email-form{display:flex;gap:0;margin:1.5rem 0 0.8rem}
.quiz-email-input{flex:1;padding:12px 16px;border:1.5px solid var(--light-border);border-right:none;border-radius:8px 0 0 8px;font-family:'Jost',sans-serif;font-size:0.82rem;}
.quiz-email-input:focus{outline:none;border-color:var(--gold)}
.quiz-email-submit{padding:12px 24px;background:var(--gold);color:var(--white);border:none;border-radius:0 8px 8px 0;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background 0.3s;}
.quiz-email-submit:hover{background:var(--gold-light)}
.quiz-email-skip{background:none;border:none;color:var(--warm-grey);font-size:0.75rem;cursor:pointer;text-decoration:underline;padding:0;transition:color 0.2s;}
.quiz-email-skip:hover{color:var(--dark-azur)}
.quiz-result,.newsletter-success{display:none;text-align:center}
.quiz-result-header{margin-bottom:2rem}
.quiz-match-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--white);font-size:0.75rem;font-weight:700;letter-spacing:0.06em;border-radius:20px;margin:0.6rem 0;}
.quiz-result-sub{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--warm-grey);margin-top:0.5rem}
.quiz-result-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;text-align:left;margin-bottom:2.5rem;align-items:start;}
.result-card{border-radius:10px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.08)}
.result-card-img{aspect-ratio:1;position:relative}
.result-card-body{padding:1.5rem;background:var(--white)}
.result-card-name{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--dark-azur);margin-bottom:0.3rem}
.result-card-desc{font-size:0.78rem;color:var(--warm-grey);line-height:1.6;margin-bottom:0.6rem}
.result-card-price{font-size:0.88rem;font-weight:600;color:var(--dark-azur);margin-bottom:0.8rem}
.result-card-btn{width:100%;padding:12px;background:var(--dark-azur);color:var(--white);border:none;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:background 0.3s;}
.result-card-btn:hover{background:var(--gold)}
.result-card-sub-offer{display:flex;align-items:center;gap:0.4rem;margin-top:0.8rem;padding:0.6rem 0.8rem;background:rgba(212,175,55,0.06);border-radius:6px;font-size:0.7rem;color:var(--warm-grey);}
.quiz-profile{background:var(--offwhite);border-radius:10px;padding:1.5rem}
.quiz-profile-title{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--dark-azur);font-weight:500;margin-bottom:1rem;text-align:center;}
.quiz-profile-item{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid var(--light-border);font-size:0.78rem;}
.quiz-profile-label{color:var(--warm-grey)}
.quiz-profile-value{color:var(--dark-azur);font-weight:600}
.quiz-profile-pyramid{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--light-border)}
.quiz-profile-pyramid h4{font-size:0.78rem;font-weight:600;color:var(--dark-azur);margin-bottom:0.6rem}
.quiz-pyramid-row{display:flex;justify-content:space-between;font-size:0.75rem;padding:0.3rem 0}
.quiz-pyramid-row span:first-child{color:var(--warm-grey);font-weight:500}
.quiz-pyramid-row span:last-child{color:var(--dark-azur);font-style:italic}
.quiz-profile-why{margin-top:1rem;padding:0.8rem;background:rgba(212,175,55,0.06);border-radius:6px;font-size:0.75rem;color:var(--warm-grey);line-height:1.6;font-style:italic;}
.quiz-result-share{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:1.5rem 0;font-size:0.78rem;color:var(--warm-grey);}
.quiz-share-btn{padding:6px 14px;border:1px solid var(--light-border);background:var(--white);font-size:0.72rem;border-radius:20px;cursor:pointer;transition:all 0.2s;}
.quiz-share-btn:hover{border-color:var(--gold);background:var(--gold-glow)}
.quiz-result-actions{margin-top:2rem;text-align:center}
.quiz-retake{font-size:0.82rem;color:var(--dark-azur);background:none;border:1.5px solid var(--dark-azur);padding:10px 28px;border-radius:100px;cursor:pointer;transition:all 0.3s;}
.quiz-retake:hover{background:var(--dark-azur);color:var(--white)}
.quiz-result-discovery{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(212,175,55,0.15)}
.quiz-result-discovery p{font-size:0.82rem;color:var(--warm-grey);margin-bottom:0.5rem}
.quiz-result-discovery a{font-size:0.82rem;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(212,175,55,0.3);padding-bottom:2px;}
.quiz-next-final{background:var(--gold)}
.quiz-next-final.enabled{opacity:1;pointer-events:auto}
.device-hero-text{max-width:560px}
.sub-price-num{font-family:'Cormorant Garamond',serif;font-weight:500}
.sub-savings-amount{color:var(--gold);font-weight:600}
.oil-family-filters{display:flex;justify-content:center;gap:0.6rem;margin-bottom:2rem}
.pdp-atc-row{display:flex;gap:0.8rem;align-items:center;margin-top:1rem}
.qty-btn{width:44px;height:44px;border:1px solid var(--light-border);background:var(--white);border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:border-color 0.2s;}
.qty-btn:hover{border-color:var(--gold)}
.qty-val{width:40px;text-align:center;font-size:0.88rem;font-weight:600;border:none;background:none}
.avis-list{margin-top:1.5rem}
.contact-form{flex:1}
.result-alt{margin-top:2rem}
.result-alt h3{font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--warm-grey);margin-bottom:1rem;}
.result-alt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:500px;margin:0 auto}
.result-alt-card{text-decoration:none;color:inherit}
.result-alt-img{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative;margin-bottom:0.5rem}
.sub-billing-toggle{display:flex;justify-content:center;gap:0;margin-bottom:1rem;background:var(--white);border:1.5px solid var(--light-border);border-radius:100px;padding:4px;max-width:360px;margin-left:auto;margin-right:auto;}
.sub-billing-btn{flex:1;padding:10px 20px;border:none;background:transparent;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;color:var(--warm-grey);cursor:pointer;border-radius:100px;transition:all 0.3s;position:relative;}
.sub-billing-btn.active{background:var(--dark-azur);color:var(--white)}
.sub-annual-save{font-size:0.65rem;font-weight:700;color:var(--gold);background:rgba(212,175,55,0.15);padding:2px 6px;border-radius:4px;margin-left:4px;}
.sub-billing-btn.active .sub-annual-save{color:var(--white);background:rgba(255,255,255,0.2)}
.sub-plan-annual-info{font-size:0.72rem;color:var(--dark-azur);margin-top:0.4rem;padding:0.4rem 0.6rem;background:rgba(26,26,26,0.04);border-radius:4px;}
.sub-frag-pill{display:inline-flex;align-items:center;gap:0.4rem;padding:8px 16px;border:1px solid var(--light-border);border-radius:30px;background:var(--white);font-size:0.75rem;color:var(--dark-azur);text-decoration:none;font-weight:500;transition:all 0.2s;}
.sub-frag-pill:hover{border-color:var(--gold);background:var(--gold-glow)}
.sub-frag-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.sub-plan{background:var(--white);border:1px solid rgba(26,26,26,0.08);border-radius:8px;padding:2rem 1.5rem;text-align:center;transition:all 0.4s ease;position:relative;}
.sub-plan:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(26,26,26,0.12)}
.sub-plan.recommended{border:2px solid var(--gold);background:linear-gradient(180deg,rgba(212,175,55,0.04) 0%,var(--white) 100%);}
.sub-plan.recommended::before{content:'Le plus populaire';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--noir);font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.25rem 1rem;border-radius:12px;}
.sub-plan-price{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--dark-azur);font-weight:600;line-height:1;}
.sub-plan-price span{font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:400;color:var(--warm-grey)}
.sub-plan-cta{display:block;width:100%;padding:0.8rem;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;border-radius:8px;border:none;cursor:pointer;text-decoration:none;text-align:center;transition:all 0.3s ease;}
.sub-plan-cta-primary,.sub-plan-cta-outline:hover{background:var(--dark-azur);color:var(--offwhite)}
.sub-plan-cta-primary:hover{background:var(--noir)}
.sub-plan-cta-outline{background:transparent;color:var(--dark-azur);border:1.5px solid var(--dark-azur)}
.sub-faq{max-width:700px;margin:0 auto 3rem;padding:0 1.5rem}
.sub-faq-item{border-bottom:1px solid rgba(26,26,26,0.08)}
.sub-faq-q{font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;color:var(--dark-azur);padding:1rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.sub-faq-q::after{content:'+';font-size:1.1rem;color:var(--gold);transition:transform 0.3s}
.sub-faq-a{font-size:0.78rem;color:var(--warm-grey);line-height:1.7;padding:0 0 1rem;display:none}
.faq-section{max-width:800px;margin:0 auto;padding:3rem 2rem 5rem;background:var(--white)}
.faq-category,.shipping-section{margin-bottom:3rem}
.faq-category-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:500;color:var(--noir);margin-bottom:1.2rem;padding-bottom:0.8rem;border-bottom:1px solid var(--light-border);}
.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;cursor:pointer;font-size:0.78rem;font-weight:600;color:var(--dark-azur);line-height:1.4;gap:1rem;}
.faq-question svg{width:18px;height:18px;stroke:var(--warm-grey);flex-shrink:0;transition:transform 0.3s}
.faq-answer-inner{padding:0 0 1.5rem;font-size:0.82rem;color:var(--warm-grey);line-height:1.8}
.faq-answer-inner a{color:var(--gold);text-decoration:underline}
.faq-cta,.shipping-cta{text-align:center;padding:3rem 2rem;background:var(--cream);border-radius:8px;margin-top:2rem}
.faq-cta h3,.shipping-cta h3{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--dark-azur);margin-bottom:0.5rem;}
.faq-cta p,.shipping-cta p,.faq-cta-btn,.shipping-cta-btn{display:inline-block;padding:12px 32px;background:var(--accent);color:var(--white);text-decoration:none;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:100px;transition:all 0.3s;}
.contact-layout{max-width:1100px;margin:0 auto;padding:3rem 2rem 5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;}
.contact-info h2{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;color:var(--dark-azur);margin-bottom:1rem;}
.contact-info p{font-size:0.78rem;color:var(--warm-grey);line-height:1.7;margin-bottom:2rem}
.contact-method{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}
.contact-icon{width:44px;height:44px;border-radius:50%;background:var(--gold-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact-icon svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.5}
.contact-method-label{font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--warm-grey);margin-bottom:0.2rem;}
.contact-method-value{font-size:0.78rem;color:var(--noir);font-weight:500}
.contact-method-value a{color:var(--dark-azur);text-decoration:none}
.contact-hours{margin-top:2rem;padding:1.5rem;background:var(--cream);border-radius:8px}
.contact-hours h3{font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--dark-azur);margin-bottom:0.8rem;}
.contact-hours p{font-size:0.82rem;color:var(--warm-grey);line-height:1.7;margin:0}
.form-group{margin-bottom:1.2rem}
.form-label{display:block;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--dark-azur);margin-bottom:0.4rem;}
.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--light-border);border-radius:8px;font-family:'Jost',sans-serif;font-size:0.75rem;color:var(--noir);background:var(--offwhite);transition:border-color 0.3s;outline:none;}
.form-textarea{min-height:140px;resize:vertical}
.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239E9588' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-submit{padding:14px 40px;background:var(--accent);color:var(--white);border:none;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all 0.4s var(--ease-luxe);width:100%;}
.form-submit:hover{background:var(--gold);transform:translateY(-1px)}
.form-note{font-size:0.82rem;color:var(--warm-grey);margin-top:0.8rem;text-align:center}
.form-success{display:none;text-align:center;padding:3rem 2rem}
.form-success-icon{font-size:3rem;margin-bottom:1rem}
.form-success h3{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--dark-azur);margin-bottom:0.5rem}
.form-success p,.review-helpful span{font-size:0.78rem;color:var(--warm-grey)}
.shipping-content,.legal-content{max-width:800px;margin:0 auto;padding:3rem 2rem 5rem}
.shipping-section h2{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:500;color:var(--dark-azur);margin-bottom:1.2rem;padding-bottom:0.8rem;border-bottom:1px solid var(--light-border);}
.shipping-table{width:100%;border-collapse:collapse;margin:1.5rem 0}
.shipping-table th{text-align:left;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--dark-azur);padding:0.8rem;border-bottom:2px solid var(--light-border);}
.shipping-table td{font-size:0.82rem;color:var(--warm-grey);padding:0.8rem;border-bottom:1px solid var(--light-border)}
.shipping-table tr:hover td{background:rgba(212,175,55,0.03)}
.shipping-highlight{background:var(--cream);padding:1.5rem;border-radius:8px;margin:1.5rem 0;border-left:3px solid var(--gold);}
.shipping-highlight p{margin:0;font-size:0.75rem;color:var(--dark-azur)}
.shipping-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}
.shipping-step{text-align:center;padding:1.5rem}
.shipping-step-num{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--gold);margin-bottom:0.5rem}
.shipping-step-title{font-size:0.82rem;font-weight:600;color:var(--dark-azur);margin-bottom:0.3rem}
.shipping-step-desc{font-size:0.82rem;color:var(--warm-grey);line-height:1.5}
.legal-content h2{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:500;color:var(--dark-azur);margin:2rem 0 0.8rem;padding-top:1.5rem;border-top:1px solid var(--light-border);}
.legal-content h2:first-of-type{border-top:none;padding-top:0}
.legal-content p{font-size:0.82rem;color:var(--warm-grey);line-height:1.8;margin-bottom:0.8rem}
.legal-content ul{margin:0.5rem 0 1rem 1.5rem}
.legal-content li{font-size:0.82rem;color:var(--warm-grey);line-height:1.8;margin-bottom:0.3rem}
.legal-updated{font-size:0.82rem;color:var(--light-grey);font-style:italic;margin-bottom:2rem}
.newsletter{background:var(--white);padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}
.newsletter::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,0.06),transparent 60%);}
.newsletter-inner{max-width:520px;margin:0 auto;position:relative;z-index:1}
.newsletter h2,.quiz-result h2{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--dark-azur);margin-bottom:0.5rem;}
.newsletter p,.cart-empty p{font-size:0.78rem;color:var(--warm-grey);margin-bottom:1.5rem}
.newsletter-form{display:flex;gap:0;max-width:440px;margin:0 auto}
.newsletter-form input{flex:1;padding:15px 16px;font-family:'Jost',sans-serif;font-size:0.75rem;background:var(--white);border:1px solid var(--light-border);border-right:none;border-radius:4px 0 0 4px;color:var(--noir);outline:none;transition:border-color 0.3s;}
.newsletter-form input:focus,.pdp-thumb.active,.purchase-option.active .purchase-radio,.form-input:focus,.form-select:focus,.form-textarea:focus,.pdp-upsell-item:hover,.cart-item-qty button:hover{border-color:var(--gold);}
.newsletter-form button{padding:15px 26px;background:var(--gold);color:var(--white);font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;border:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background 0.3s;}
.newsletter-form button:hover,.cookie-bar-accept:hover{background:var(--gold-light)}
.newsletter-consent{font-size:0.82rem;color:var(--warm-grey);margin-top:0.8rem}
.footer{background:var(--dark-azur-deep);color:rgba(255,255,255,0.5)}
.footer-inner{max-width:1280px;margin:0 auto;padding:4.5rem 2rem 2rem}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer-social{display:flex;gap:0.8rem;margin-top:1.2rem}
.footer-social a{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;transition:all 0.3s;text-decoration:none;}
.footer-social a:hover{border-color:var(--gold);background:rgba(212,175,55,0.1)}
.footer-social a svg{width:14px;height:14px;color:rgba(255,255,255,0.5)}
.footer h4{font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.7);margin-bottom:1rem;}
.footer ul{list-style:none}
.footer li{margin-bottom:0.5rem}
.footer a{font-size:0.82rem;color:rgba(255,255,255,0.4);text-decoration:none;transition:color 0.3s}
.footer a:hover{color:var(--gold-light)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.06);}
.footer-bottom p{font-size:0.82rem}
.footer-payments{display:flex;gap:0.5rem}
.footer-payments span{padding:3px 8px;background:rgba(255,255,255,0.06);font-size:0.82rem;font-weight:600;border-radius:4px;color:rgba(255,255,255,0.4);}
.newsletter-success-icon{font-size:2rem;margin-bottom:0.5rem}
.newsletter-success h4{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--dark-azur);margin-bottom:0.3rem}
.search-overlay{position:fixed;inset:0;z-index:1001;background:rgba(26,26,26,0.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;}
.search-container{width:90%;max-width:640px;transform:translateY(-20px);transition:transform 0.35s var(--ease-luxe)}
.search-input-wrap,.pdp-thumb-video,section{position:relative}
.search-input{width:100%;padding:18px 50px 18px 24px;background:var(--white) !important;border:none;border-radius:8px;font-family:'Jost',sans-serif;font-size:1rem;color:var(--noir);outline:none;box-shadow:0 20px 60px rgba(0,0,0,0.2);}
.search-input::placeholder,.compare-cross{color:var(--light-grey)}
.search-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;}
.search-close svg{width:20px;height:20px;stroke:var(--warm-grey)}
.search-results{margin-top:0.8rem;background:var(--white) !important;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.15);max-height:50vh;overflow-y:auto;}
.search-result-item{display:flex;align-items:center;gap:1rem;padding:14px 18px;cursor:pointer;transition:background 0.2s;text-decoration:none;color:inherit;}
.search-result-item:hover{background:rgba(212,175,55,0.06)}
.search-result-img{width:48px;height:48px;border-radius:8px;flex-shrink:0;overflow:hidden}
.search-result-info,.toast-body,.cart-item-info{flex:1}
.search-result-cat{font-size:0.82rem;color:var(--warm-grey);text-transform:uppercase;letter-spacing:0.06em}
.search-result-price{font-size:0.75rem;font-weight:600;color:var(--noir)}
.search-no-results{padding:2rem;text-align:center;font-size:0.75rem;color:var(--warm-grey)}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;z-index:9999;background:var(--white) !important;transform:translateX(100%);transition:transform 0.4s var(--ease-luxe);display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,0.1);}
.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--light-border);}
.cart-header h3{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:500;color:var(--dark-azur)}
.cart-close{background:none;border:none;cursor:pointer;padding:4px}
.cart-close svg{width:22px;height:22px;stroke:var(--dark-azur)}
.cart-free-ship{padding:10px 1.5rem;background:var(--gold-glow);font-size:0.82rem;color:var(--noir);text-align:center}
.cart-free-ship-bar{height:3px;background:rgba(26,26,26,0.08);border-radius:4px;margin-top:6px;overflow:hidden}
.cart-free-ship-fill{height:100%;background:var(--gold);border-radius:4px;transition:width 0.4s}
.cart-item-name{font-family:'Cormorant Garamond',serif;font-size:0.82rem;color:var(--noir);margin-bottom:0.15rem;font-weight:600;}
.cart-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:0.5rem}
.cart-item-qty{display:flex;align-items:center;border:1px solid var(--light-border);border-radius:4px;gap:0.5rem}
.cart-item-qty span{width:24px;text-align:center;font-size:0.82rem;font-weight:600;color:var(--dark-azur);min-width:16px;}
.cart-item-price{font-size:0.78rem;font-weight:600;color:var(--noir);text-align:right;flex-shrink:0}
.cart-empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:0.3}
.cart-empty h4{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--dark-azur);margin-bottom:0.5rem}
.cart-empty-btn{padding:12px 28px;background:var(--accent);color:var(--white);border:none;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:100px;cursor:pointer;}
.cart-footer{padding:1.5rem;border-top:1px solid var(--light-border);background:var(--white)}
.cart-subtotal{display:flex;justify-content:space-between;margin-bottom:0.8rem;font-size:0.75rem;font-weight:600;color:var(--noir);align-items:center;}
.cart-savings{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:0.82rem;color:var(--success)}
.cart-secure{text-align:center;margin-top:0.8rem;font-size:0.82rem;color:var(--warm-grey);display:flex;align-items:center;justify-content:center;gap:0.3rem;}
.cart-secure svg{width:12px;height:12px;stroke:var(--warm-grey)}
.cart-badge{position:absolute;top:-6px;right:-8px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:var(--white);font-size:0.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all 0.3s;}
.cart-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--light-border)}
.cart-item-img{width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative}
.cart-item-variant{font-size:0.82rem;color:var(--warm-grey);margin-bottom:0.5rem}
.cart-item-qty button{width:28px;height:28px;border:1px solid var(--light-border);background:transparent;border-radius:4px;cursor:pointer;font-size:0.78rem;color:var(--dark-azur);transition:border-color 0.3s;}
.cart-item-remove{font-size:0.82rem;color:var(--warm-grey);text-decoration:underline;cursor:pointer;border:none;background:none;margin-top:0.3rem;}
.cart-checkout-btn{display:block;width:100%;padding:14px;background:var(--dark-azur);color:var(--white);border:none;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all 0.4s var(--ease-luxe);}
.cart-empty{text-align:center;padding:4rem 2rem}
.cart-empty svg{width:48px;height:48px;stroke:var(--light-grey);fill:none;stroke-width:1;margin-bottom:1rem}
.cart-empty a{display:inline-block;padding:12px 32px;background:var(--dark-azur);color:var(--white);text-decoration:none;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:100px;}
.cart-checkout-btn:hover,.cart-empty-btn:hover,.quiz-next:hover,.result-card-btn:hover,.shipping-cta-btn:hover,.faq-cta-btn:hover,.form-submit:hover,.sticky-atc-btn:hover{background:var(--accent-hover) !important;}
.cart-free-ship-fill,.quiz-progress-step.active,.quiz-progress-step.done{background:var(--accent) !important}
.wishlist-overlay,.cart-overlay{position:fixed;inset:0;z-index:1002;background:rgba(26,26,26,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;}
.wishlist-overlay.open,.exit-overlay.open,.search-overlay.open,.cart-overlay.open{opacity:1;visibility:visible}
.wishlist-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;z-index:1003;background:var(--offwhite);transform:translateX(100%);transition:transform 0.4s var(--ease-luxe);display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,0.08);}
.wishlist-drawer.open,.toast.visible,.cart-drawer.open{transform:translateX(0)}
.wishlist-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid var(--light-border);}
.wishlist-drawer-title{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:500;color:var(--noir)}
.wishlist-drawer-count{font-size:0.82rem;color:var(--warm-grey);font-weight:400;margin-left:0.5rem}
.wishlist-drawer-close{width:44px;height:44px;border:none;background:transparent;cursor:pointer;font-size:1.2rem;color:var(--warm-grey);transition:color 0.3s;display:flex;align-items:center;justify-content:center;}
.wishlist-drawer-close:hover,.exit-popup-close:hover,.header-nav a:hover,.device-cta:hover,.oil-family-btn:hover{color:var(--dark-azur);}
.wishlist-drawer-body,.cart-items{flex:1;overflow-y:auto;padding:1rem 1.5rem}
.wishlist-empty{text-align:center;padding:3rem 1rem}
.wishlist-empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:0.4}
.wishlist-empty-text{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--warm-grey);margin-bottom:0.5rem}
.wishlist-empty-sub{font-size:0.75rem;color:var(--light-grey);margin-bottom:1.5rem}
.wishlist-empty-btn{background:var(--dark-azur);color:var(--white);border:none;padding:0.7rem 1.5rem;border-radius:4px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;cursor:pointer;text-transform:uppercase;}
.wishlist-item{display:flex;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--light-border)}
.wishlist-item:last-child,.review-card:last-child,.cart-item:last-child{border-bottom:none}
.wishlist-item-img{width:64px;height:64px;border-radius:8px;flex-shrink:0;overflow:hidden}
.wishlist-item-info{flex:1;min-width:0}
.wishlist-item-name{font-family:'Cormorant Garamond',serif;font-size:0.88rem;font-weight:500;color:var(--noir);margin-bottom:0.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wishlist-item-notes{font-size:0.82rem;color:var(--warm-grey);margin-bottom:0.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wishlist-item-price,.purchase-price,.search-result-name,.toast-title{font-size:0.78rem;font-weight:600;color:var(--noir);}
.wishlist-item-actions{display:flex;flex-direction:column;gap:0.4rem;align-items:flex-end;flex-shrink:0}
.wishlist-item-atc{background:var(--dark-azur);color:var(--white);border:none;padding:0.4rem 0.8rem;border-radius:4px;font-size:0.7rem;font-weight:600;letter-spacing:0.06em;cursor:pointer;white-space:nowrap;transition:background 0.2s;}
.wishlist-item-atc:hover,.wishlist-footer-atc-all:hover,.exit-popup-btn:hover{background:var(--dark-azur-light)}
.wishlist-item-remove{background:none;border:none;font-size:0.82rem;color:var(--light-grey);cursor:pointer;padding:0;transition:color 0.2s;text-decoration:underline;text-underline-offset:2px;}
.wishlist-item-remove:hover,.cart-item-remove:hover{color:var(--error)}
.wishlist-drawer-footer{padding:1rem 1.5rem;border-top:1px solid var(--light-border)}
.wishlist-footer-atc-all{width:100%;background:var(--dark-azur);color:var(--white);border:none;padding:0.85rem;border-radius:4px;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;}
.wishlist-footer-note{font-size:0.7rem;color:var(--warm-grey);text-align:center;margin-top:0.6rem}
.exit-overlay{position:fixed;inset:0;z-index:9995;background:rgba(26,26,26,0.6);opacity:0;visibility:hidden;transition:opacity 0.35s,visibility 0.35s;}
.exit-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-60%);z-index:9996;background:var(--offwhite);border-radius:8px;width:480px;max-width:92vw;padding:2.5rem 2.5rem 2rem;text-align:center;transition:transform 0.4s var(--ease-luxe),opacity 0.4s;opacity:0;visibility:hidden;box-shadow:0 20px 60px rgba(26,26,26,0.15);}
.exit-overlay.open + .exit-popup,.exit-popup.open{transform:translate(-50%,-50%);opacity:1;visibility:visible}
.exit-popup-close{position:absolute;top:0.8rem;right:1rem;background:none;border:none;font-size:1.1rem;color:var(--light-grey);cursor:pointer;transition:color 0.2s;}
.exit-popup-overline{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:0.6rem;}
.exit-popup-title{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--noir);margin-bottom:0.5rem;line-height:1.3;}
.exit-popup-sub{font-size:0.78rem;color:var(--warm-grey);margin-bottom:1.4rem;line-height:1.6}
.exit-popup-form{display:flex;gap:0;max-width:340px;margin:0 auto 0.8rem}
.exit-popup-input{flex:1;padding:0.7rem 1rem;border:1px solid var(--light-border);border-right:none;border-radius:4px 0 0 4px;font-family:'Jost',sans-serif;font-size:0.78rem;background:var(--white);color:var(--noir);}
.exit-popup-input:focus{outline:none;border-color:var(--gold)}
.exit-popup-btn{padding:0.7rem 1.2rem;background:var(--dark-azur);color:var(--white);border:none;border-radius:0 4px 4px 0;font-size:0.82rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;white-space:nowrap;}
.exit-popup-code{display:inline-block;background:var(--cream);border:1px dashed var(--gold);border-radius:4px;padding:0.35rem 0.8rem;font-size:0.82rem;font-weight:700;letter-spacing:0.1em;color:var(--noir);margin-bottom:0.5rem;}
.exit-popup-decline{font-size:0.7rem;color:var(--light-grey);cursor:pointer;text-decoration:underline;text-underline-offset:3px;background:none;border:none;margin-top:0.3rem;display:block;width:100%;}
.exit-popup-decline:hover,.newsletter-form input::placeholder,.pyramid-label span:last-child,.newsletter-inner p{color:var(--warm-grey);}
.cookie-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--dark-azur);color:var(--white);transform:translateY(100%);transition:transform 0.4s var(--ease-luxe);padding:1rem 2rem;}
.cookie-bar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.cookie-bar-text{font-size:0.82rem;line-height:1.6;flex:1;min-width:200px}
.cookie-bar-text a{color:var(--gold-light);text-decoration:underline}
.cookie-bar-actions{display:flex;gap:0.8rem}
.cookie-bar-btn{padding:8px 20px;border:none;border-radius:100px;font-size:0.82rem;font-weight:600;cursor:pointer;letter-spacing:0.06em;transition:all 0.3s;}
.cookie-bar-decline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.3)}
.cookie-bar-decline:hover{border-color:var(--white)}
.toast-container{position:fixed;top:90px;right:20px;z-index:1005;display:flex;flex-direction:column;gap:0.5rem}
.toast{display:flex;align-items:center;gap:0.8rem;padding:14px 18px;background:var(--white);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.12);transform:translateX(120%);transition:transform 0.4s var(--ease-luxe);max-width:340px;}
.toast-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem;}
.toast-icon.success{background:rgba(26,26,26,0.1)}
.toast-icon.info{background:var(--gold-glow)}
.toast-msg{font-size:0.82rem;color:var(--warm-grey);margin-top:1px}
.toast-close{background:none;border:none;cursor:pointer;padding:2px;opacity:0.4}
.toast-close svg{width:14px;height:14px;stroke:var(--warm-grey)}
@keyframes marquee{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
@keyframes loaderFill{0%{width:0}
100%{width:100%}
}
@keyframes gridFadeIn{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@media(max-width:900px){.oils-grid{grid-template-columns:repeat(2,1fr)}
.oils-sidebar{width:200px;padding-right:1rem}
.oils-main{padding-left:1.5rem}
}
@media(max-width:768px){.pdp-sticky-atc{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--light-border);padding:0.8rem 1.2rem;z-index:500;display:flex;gap:0.8rem;align-items:center;box-shadow:0 -4px 20px rgba(26,26,26,0.08);transform:translateY(100%);transition:transform 0.3s var(--ease-luxe);}
.pdp-sticky-atc.visible{transform:translateY(0)}
.pdp-sticky-atc-name{flex:1;font-family:'Cormorant Garamond',serif;font-size:0.85rem;font-weight:500;color:var(--noir)}
.pdp-sticky-atc-price{font-size:0.88rem;font-weight:600;color:var(--noir)}
.pdp-sticky-atc-btn{background:var(--dark-azur);color:var(--white);border:none;padding:0.7rem 1.2rem;border-radius:4px;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;cursor:pointer;white-space:nowrap;}
.pdp-sticky-atc-btn:hover{background:var(--dark-azur-light)}
.header-nav,.stories-nav,

.avis-summary{position:static;display:grid;grid-template-columns:auto 1fr;gap:1rem 1.5rem;text-align:left;padding:1.5rem;}
.avis-big-score{grid-row:1/3}
.avis-big-stars{justify-content:flex-start}
.avis-bars{margin-bottom:0}
.avis-write-btn{grid-column:1/-1}
.oils-page-layout{flex-direction:column;padding:0 1rem 2rem}
.device-hero-inner{grid-template-columns:1fr;text-align:center}
.device-hero-img{max-width:400px;margin:0 auto}
.device-hero-stats{justify-content:center}
.products-grid device-grid{grid-template-columns:1fr;max-width:500px;padding:2rem 1.5rem}
.device-why-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}
.compare-ctas{flex-direction:column;align-items:center;gap:0.8rem}
.oils-sidebar{display:none;position:fixed;top:0;left:0;width:85vw;max-width:320px;height:100vh;max-height:100vh;z-index:999;background:var(--white);border-right:1px solid var(--light-border);padding:1.5rem;box-shadow:4px 0 20px rgba(0,0,0,0.15);overflow-y:auto;}
.oils-sidebar.sidebar-open{display:block}
.oils-main{padding-left:0}
.oils-mobile-filter-btn{display:flex;align-items:center;gap:0.4rem;padding:8px 16px;border:1.5px solid var(--light-border);background:var(--white);font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:500;color:var(--dark-azur);border-radius:30px;cursor:pointer;margin:0 0 0.5rem;}
.mobile-toggle{display:flex}
.header-inner{height:56px;padding:0 1.2rem}
.header-logo
.tab{padding:11px 18px;font-size:0.82rem}
.pdp-qty button{width:48px;height:52px;font-size:1.1rem}
.hero-stories{min-height:60vh}
.stories-slides{height:60vh}
.stories-title{font-size:1.5rem!important}
.trust-item,.shipping-table,.compare-table,.trust-item span{font-size:0.82rem}
.products-grid{grid-template-columns:repeat(2,1fr);gap:0.8rem}
.product-info{padding:0.8rem}
.product-name{font-size:0.88rem}
.oils-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem 1.5rem}
.sticky-atc{display:block}
.b2b-card{padding:2.5rem 1.5rem}
.b2b-title{font-size:1.8rem}
.b2b-bg{min-height:auto;padding:3rem 1rem}
.newsletter-form{flex-direction:column;gap:0.5rem}
.newsletter-form input{border-right:1px solid var(--light-border);border-radius:4px}
.newsletter-form button{border-radius:4px}
.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
.footer-bottom{flex-direction:column;gap:0.8rem;text-align:center}
.back-to-top{bottom:5rem;right:1rem;width:40px;height:40px}
.breadcrumb{padding:1rem 1.5rem}
.pdp-layout{grid-template-columns:1fr;gap:1.5rem;padding:0 1.5rem 3rem}
.pdp-gallery,.avis-summary{position:relative;top:auto}

.story-grid,.contact-layout,.avis-layout{grid-template-columns:1fr;gap:2rem}
.story-grid.reverse{direction:ltr}
.faq-section,.shipping-content{padding:2rem 1.5rem 4rem}
.page-hero{padding:6rem 1.5rem 3.5rem}
.header-actions{gap:0.6rem}
.header-icon-btn svg{width:18px;height:18px}
.compare-table th,.compare-table td{padding:0.6rem 0.8rem}

.trust-bar-inner{flex-wrap:wrap;gap:0.5rem}
table
section,.section{overflow:hidden}
.card-sizes{gap:3px}
.card-size-pill{padding:2px 6px;font-size:0.65rem}
.crosssell-grid{grid-template-columns:repeat(2,1fr) !important}
.quiz-result-layout{grid-template-columns:1fr}
.cookie-bar-inner{flex-direction:column;text-align:center}
.cookie-bar-actions{width:100%;justify-content:center}
}
@media(max-width:600px){.oils-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0}
.oils-page-layout{padding:0 1rem 2rem;flex-direction:column}
.oils-sidebar{display:none;position:fixed;top:0;left:0;width:85vw;max-width:320px;height:100vh;max-height:100vh;z-index:999;background:var(--white);border-right:1px solid var(--light-border);padding:1.5rem;box-shadow:4px 0 20px rgba(0,0,0,0.15);overflow-y:auto;}
.oils-sidebar.sidebar-open{display:block}
.oils-main{padding-left:0}
.oils-mobile-filter-btn{display:flex;align-items:center;gap:0.4rem;padding:8px 16px;border:1.5px solid var(--light-border);background:var(--white);font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:500;color:var(--dark-azur);border-radius:30px;cursor:pointer;margin:0 1rem 0.5rem;}
.oils-toolbar{padding:0.5rem 0}
.oil-family-pills{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.oil-family-pills::-webkit-scrollbar{display:none}
.card-sizes .card-size-pill{padding:2px 5px;font-size:0.65rem}
.card-sizes .pill-price{display:none}
.b2b-card{padding:2.5rem 1.5rem;margin:1.5rem}
.b2b-title{font-size:1.3rem}
.quiz-promo-inner{flex-direction:column;gap:1.2rem}
.quiz-promo-text h2{font-size:1.2rem}
.device-args{flex-direction:column;gap:0.8rem;align-items:center}
.section > div[style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr)!important}
}

@media(max-width:768px){

}
@media(max-width:480px){

}
@media(max-width:480px){.pdp-trust-badges{gap:0.5rem 1rem}
.exit-popup{padding:2rem 1.5rem 1.5rem}
.exit-popup-form{flex-direction:column;gap:0.5rem}
.exit-popup-input{border-right:1px solid var(--light-border);border-radius:4px}
.exit-popup-btn{border-radius:4px}
.result-alt-grid{grid-template-columns:repeat(3,1fr);gap:0.6rem}
.pdp-info,.pdp-gallery{max-width:100%;overflow:hidden}
.pdp-layout{padding:0 1rem 2rem;gap:1rem;max-width:100vw;overflow:hidden}
.pdp-main-img,.pdp-thumbs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
.pdp-thumb{flex-shrink:0;width:56px;height:56px}

.section{padding-left:1rem;padding-right:1rem;overflow:hidden}
.spa-page{overflow-x:hidden;max-width:100vw}
.card-size-pill .pill-price{display:none}
.card-size-pill{padding:2px 5px;font-size:0.65rem}
.crosssell-grid{grid-template-columns:1fr !important}
}
@media(min-width:769px){
  /* Sticky ATC desktop : style épuré centré en bas, pas plein écran */
  .pdp-sticky-atc {
    display: flex !important;
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%) translateY(calc(100% + 2rem));
    max-width: 560px;
    width: calc(100% - 3rem);
    background: rgba(255,255,255,0.98);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(26,26,26,0.08);
    padding: 0.8rem 1rem 0.8rem 1.4rem;
    border-radius: 100px;
    z-index: 500;
    gap: 1rem;
    align-items: center;
    box-shadow: 0 8px 32px rgba(26,26,26,0.12), 0 2px 8px rgba(26,26,26,0.06);
    transition: transform 0.4s var(--ease-luxe);
    opacity: 0;
    pointer-events: none;
  }
  .pdp-sticky-atc.visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .pdp-sticky-atc .pdp-sticky-atc-name {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1rem;
    font-weight: 500;
    color: var(--dark-azur);
    flex: 1;
  }
  .pdp-sticky-atc .pdp-sticky-atc-price {
    font-family: 'Jost', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--gold);
    margin-right: 0.3rem;
  }
  .pdp-sticky-atc .pdp-sticky-atc-btn {
    background: var(--dark-azur);
    color: #fff;
    border: none;
    padding: 0.7rem 1.4rem;
    border-radius: 100px;
    font-family: 'Jost', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s ease;
  }
  .pdp-sticky-atc .pdp-sticky-atc-btn:hover {
    background: var(--gold);
    color: var(--dark-azur);
    transform: translateY(-1px);
  }
}
}
.pdp-section{padding:3rem 0}
.pdp-section-sub{text-align:center;font-size:0.82rem;color:var(--warm-grey);margin-bottom:1.5rem}

.pdp-device-heading{font-family:'Cormorant Garamond',serif;font-size:1.1rem;margin-bottom:1rem}
.pdp-compat-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;padding:0.6rem;border-radius:4px;transition:background 0.2s;}
.pdp-compat-name{font-size:0.82rem;font-weight:600;color:var(--noir)}
.pdp-text-azur-bold{font-size:0.82rem;font-weight:600;color:var(--dark-azur)}
.pdp-text-sm-muted{font-size:0.75rem;color:var(--warm-grey)}
.devis-overlay{position:fixed;inset:0;z-index:9998;background:rgba(26,26,26,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;}
.devis-overlay.show{opacity:1;visibility:visible;}
.devis-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);z-index:9999;background:var(--white);border-radius:12px;padding:2.5rem;max-width:580px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s,transform 0.3s;}
.devis-modal.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}
.devis-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.2rem;color:var(--warm-grey);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s;}
.devis-modal-close:hover{background:var(--cream);}
.devis-modal-header{margin-bottom:1.5rem;}
.devis-form label{display:block;font-size:0.75rem;font-weight:600;color:var(--dark-azur);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.3rem;}
.devis-form input,.devis-form select,.devis-form textarea{width:100%;padding:10px 12px;border:1px solid var(--light-border);border-radius:6px;font-family:'Jost',sans-serif;font-size:0.88rem;color:var(--noir);transition:border-color 0.2s;background:var(--white);}
.devis-form input:focus,.devis-form select:focus,.devis-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow);}
.devis-form textarea{resize:vertical;}
.devis-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.devis-field{margin-bottom:1rem;}
.devis-submit{width:100%;padding:14px;background:var(--dark-azur);color:var(--white);border:none;border-radius:6px;font-family:'Jost',sans-serif;font-size:0.88rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:background 0.3s;}
.devis-submit:hover{background:var(--gold);}
@media(max-width:600px){.devis-row{grid-template-columns:1fr;}
.devis-modal{padding:1.5rem;}
}
.quiz-container{max-width:750px;margin:0 auto;padding:0 2rem 5rem;}
.quiz-question{font-family:'Cormorant Garamond',serif;font-size:clamp(1.4rem,3vw,1.8rem);color:var(--dark-azur);text-align:center;margin-bottom:0.5rem;}
.quiz-hint{text-align:center;font-size:0.82rem;color:var(--warm-grey);margin-bottom:2rem;}
.quiz-option{background:var(--white);border:2px solid var(--light-border);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all 0.3s ease;}
.quiz-option:hover{border-color:var(--gold);box-shadow:0 8px 24px rgba(212,175,55,0.12);transform:translateY(-2px);}
.quiz-option.selected{border-color:var(--gold) !important;background:var(--gold-glow) !important;box-shadow:0 8px 24px rgba(212,175,55,0.2);}
.quiz-option-icon{font-size:2rem;margin-bottom:0.6rem;}
.quiz-option-label{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--dark-azur);margin-bottom:0.3rem;}
.quiz-option-desc{font-size:0.72rem;color:var(--warm-grey);}
.quiz-next{background:var(--dark-azur);color:var(--white);padding:14px 36px;border:none;border-radius:6px;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;opacity:0.4;transition:all 0.3s;}
.quiz-next.enabled{opacity:1;}
.quiz-next.enabled:hover{background:var(--gold);}
.quiz-progress{display:flex;justify-content:center;gap:0.5rem;margin-bottom:2.5rem;}
.quiz-progress-step{width:48px;height:4px;border-radius:2px;background:var(--light-border);transition:all 0.3s;}
.quiz-progress-step.active{background:var(--gold);width:64px;}
.quiz-progress-step.done{background:var(--dark-azur);}
.flex-row{display:flex;align-items:center;gap:0.5rem}
.swatch-noir{background:var(--noir);border-color:var(--dark-azur)}
.swatch-argent{background:linear-gradient(135deg,var(--light-grey),var(--cream))}
.price-old{text-decoration:line-through;color:var(--warm-grey);font-size:0.82rem}
.frag-pill-dark{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--white)}

/* Mobile Bottom Sheet Size Picker */
@media(max-width:768px){
.product-card .product-image{position:relative}
.mbs-add-btn{position:absolute;bottom:10px;right:10px;width:44px;height:44px;border-radius:50%;background:var(--dark-azur);color:var(--white);border:none;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:background 0.2s;}
.mbs-add-btn:active{background:var(--gold)}
}
@media(min-width:769px){.mbs-add-btn{display:none !important}}
.mbs-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.45);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}
.mbs-overlay.open{opacity:1;visibility:visible}
.mbs-sheet{position:fixed;bottom:0;left:0;right:0;z-index:10001;background:var(--white);border-radius:16px 16px 0 0;padding:0 0 env(safe-area-inset-bottom,0);transform:translateY(100%);transition:transform 0.35s cubic-bezier(.32,.72,.24,1);box-shadow:0 -4px 30px rgba(0,0,0,0.12);max-height:85vh;overflow-y:auto;}
.mbs-sheet.open{transform:translateY(0)}
.mbs-handle{width:36px;height:4px;background:rgba(26,26,26,0.15);border-radius:4px;margin:10px auto 0}
.mbs-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;text-align:center;color:var(--dark-azur);padding:1rem 0 0.8rem;margin:0}
.mbs-sizes{display:flex;overflow-x:auto;gap:0;padding:0 0.5rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.mbs-sizes::-webkit-scrollbar{display:none}
.mbs-size-item{flex:0 0 45%;scroll-snap-align:center;text-align:center;padding:0.5rem;cursor:pointer;border:2px solid transparent;border-radius:12px;transition:border-color 0.2s}
.mbs-size-item.active{border-color:var(--gold)}
.mbs-size-label{display:inline-block;background:var(--dark-azur);color:var(--white);font-size:0.7rem;font-weight:600;padding:3px 12px;border-radius:20px;margin-bottom:0.5rem;letter-spacing:0.06em}
.mbs-size-img{width:100%;aspect-ratio:3/4;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:var(--white);border-radius:8px;margin-bottom:0.5rem}
.mbs-size-price{font-size:0.88rem;font-weight:700;color:var(--gold)}
.mbs-size-price-old{font-size:0.78rem;color:var(--warm-grey);text-decoration:line-through;margin-left:0.3rem}
.mbs-size-price-unit{display:block;font-size:0.65rem;color:var(--warm-grey);font-weight:400;margin-top:2px}
.mbs-sub{padding:0.8rem 1.2rem 1rem;border-top:1px solid var(--light-border)}
.mbs-sub-row{display:flex;align-items:center;justify-content:space-between;gap:0.8rem}
.mbs-sub-toggle{position:relative;width:44px;height:24px;border-radius:12px;background:var(--light-border);border:none;cursor:pointer;transition:background 0.3s;flex-shrink:0;min-width:44px;min-height:44px;}
.mbs-sub-toggle::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--white);transition:transform 0.3s;box-shadow:0 1px 3px rgba(0,0,0,0.15)}
.mbs-sub-toggle.active{background:var(--gold)}
.mbs-sub-toggle.active::after{transform:translateX(20px)}
.mbs-atc-btn{display:block;width:calc(100% - 2.4rem);margin:0 1.2rem 1.2rem;padding:14px;background:var(--dark-azur);color:var(--white);border:none;border-radius:8px;font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:background 0.2s}
.mbs-atc-btn:active{background:var(--gold)}

/* Language Toggle */
.lang-toggle{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--light-border);border-radius:20px;padding:4px 10px 4px 6px;cursor:pointer;transition:all 0.25s;font-family:'Jost',sans-serif;height:44px}
.lang-toggle:hover{border-color:var(--gold-border);background:var(--gold-glow)}
.lang-flag{font-size:1rem;line-height:1}
.lang-code{font-size:0.7rem;font-weight:600;color:var(--dark-azur);letter-spacing:0.06em;text-transform:uppercase}

/* ============ UX PATCH v1 ============ */

/* === 1. MOBILE: Simplified cards — hide complex footer, show +btn instead === */
@media(max-width:768px){
  /* Hide card subscription toggle and size pills — use bottom sheet instead */
  .oil-card .card-subscribe{display:none !important}
  .oil-card .product-footer{display:none !important}
  
  /* Show all 10 fragrances on home (no toggle needed) */
  .oil-card.oil-row2{display:block}
  #homeCollectionToggle{display:none !important}
  
  /* Products grid: 2 col clean */
  .products-grid{grid-template-columns:repeat(2,1fr) !important;gap:0.6rem !important}
  .product-info{padding:0.6rem 0.8rem 0.8rem}
  .product-name{font-size:0.85rem}
  .product-notes{font-size:0.7rem}
  .card-meta{font-size:0.7rem;gap:0.4rem}
  .card-price-always{font-size:0.78rem}
  .card-intensity{display:none}
  
  /* MOBILE CARDS COMPACT v2 — réduire drastiquement hauteur cards home
     On garde seulement : image + nom + notes + prix + ATC
     Le reste est remplacé par le quick-subscribe overlay au tap + */
  #page-home .product-card.oil-card {
    overflow: hidden !important;
  }
  #page-home .product-card.oil-card .product-info {
    padding: 0.5rem 0.7rem 0.6rem !important;
    gap: 0.25rem !important;
    display: flex !important;
    flex-direction: column !important;
  }
  #page-home .product-card.oil-card .product-name {
    font-size: 0.9rem !important;
    line-height: 1.15 !important;
    margin-bottom: 2px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 400 !important;
  }
  #page-home .product-card.oil-card .product-notes {
    font-size: 0.62rem !important;
    line-height: 1.3 !important;
    color: rgba(26,26,26,0.55) !important;
    margin-bottom: 0.3rem !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  /* ÉCRASER les règles spécifiques ligne 4934 et suivantes : masquer ces éléments */
  #page-home .product-card.oil-card .card-meta,
  #page-home .product-card.oil-card .card-subscribe,
  #page-home .product-card.oil-card .card-sizes,
  #page-home .product-card.oil-card .card-sub-toggle,
  #page-home .product-card.oil-card .product-footer {
    display: none !important;
  }
  /* Card-price-always condensé */
  #page-home .product-card.oil-card .card-price-always {
    display: block !important;
    padding: 0.2rem 0 !important;
    margin: 0 !important;
    font-size: 0.72rem !important;
    color: rgba(26,26,26,0.6) !important;
    line-height: 1.3 !important;
  }
  #page-home .product-card.oil-card .card-price-always strong {
    font-size: 0.95rem !important;
    color: var(--gold, #D4AF37) !important;
    font-weight: 600 !important;
  }
  /* Le texte "-15% avec abonnement" trop gros : on le masque */
  #page-home .product-card.oil-card .product-info > div:not(.product-name):not(.product-notes):not(.card-price-always):not(.product-tagline) {
    /* éléments divers (tag or) : cache si pas dans liste whitelist */
  }
  /* ATC simplifié */
  #page-home .product-card.oil-card .card-atc {
    padding: 8px 10px !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.08em !important;
    border-radius: 2px !important;
    margin-top: 0.3rem !important;
    display: flex !important; /* au cas où masqué avant */
  }
  
  /* PDP: make sticky ATC more prominent */
  .sticky-atc{padding:10px 1rem;gap:0.6rem;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .sticky-atc-btn{padding:12px 20px;font-size:0.78rem;border-radius:6px;flex:1}
  .sticky-atc-name{font-size:0.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sticky-atc-price{font-size:0.82rem}
  
  /* PDP thumbs: horizontal scroll */
  .pdp-thumbs{display:flex;gap:0.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
  .pdp-thumbs::-webkit-scrollbar{display:none}
  .pdp-thumb{flex-shrink:0;width:64px;height:64px}
  
  /* PDP: ensure gallery fills width */
  .pdp-main-img{border-radius:0;aspect-ratio:1}
  .pdp-gallery{padding:0}
  
  /* PDP actions: full width ATC */
  .pdp-actions{flex-direction:column}
  .pdp-add-btn{width:100%;text-align:center}
  
  /* Size options: horizontal scroll on PDP */
  .pdp-sizes{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}
  .pdp-sizes::-webkit-scrollbar{display:none}
  .size-option{min-width:75px;flex-shrink:0}
  
  /* Diffuser grid: 1 col on mobile */
  .products-grid device-grid{grid-template-columns:1fr !important}
  
  /* Trust bar: 2x2 grid */
  .trust-bar-inner{display:grid !important;grid-template-columns:1fr 1fr;gap:0.4rem;justify-items:center}
  .trust-item{font-size:0.7rem !important}
  
  /* Story page: stack columns */
  div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
  div[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr !important}
  div[style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important}
  
  /* Reviews: horizontal scroll instead of grid */
  div[style*="grid-template-columns:repeat(auto-fit"]{grid-template-columns:1fr !important}
  
  /* Quiz options: 2 col */
  .quiz-options{grid-template-columns:1fr 1fr !important;gap:0.6rem !important}
  .quiz-option{padding:1rem !important}
  
  /* Section padding mobile */
  section[style*="padding:5rem"],section[style*="padding:6rem"]{padding:2.5rem 1rem !important}
  section[style*="padding:4rem"]{padding:2rem 1rem !important}
  section[style*="padding:3.5rem"]{padding:2rem 1rem !important}
  
  /* Subscription plans: stack */
  div[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr !important}
  
  /* B2B: smaller */
  .b2b-card{padding:2rem 1.2rem;margin:1rem}
  .b2b-title{font-size:1.2rem}
  .b2b-desc{font-size:0.82rem}
  
  /* Footer: simpler */
  .footer-grid{grid-template-columns:1fr !important}
  .footer-col{padding:0.5rem 0}
  
  /* Header: tighter */
  .lang-toggle .lang-code{display:none}
  .lang-toggle{padding:4px 6px}
}

@media(max-width:380px){
  .products-grid{gap:0.4rem !important}
  .product-info{padding:0.5rem 0.6rem 0.6rem}
  .product-name{font-size:0.78rem}
}

/* === 2. CARD DIFFERENTIATION: Family color accent bar === */
.product-card[data-family="oriental"]::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#D4AF37,#D4AF37);z-index:2;opacity:0;transition:opacity 0.3s}
.product-card[data-family="woody"]::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#D4AF37,#D4AF37);z-index:2;opacity:0;transition:opacity 0.3s}
.product-card[data-family="floral"]::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-dark));z-index:2;opacity:0;transition:opacity 0.3s}
.product-card[data-family="fresh"]::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-dark));z-index:2;opacity:0;transition:opacity 0.3s}
.product-card:hover::before,.product-card.expanded::before{opacity:1}

/* Family badge on cards */
.product-card[data-family]::after{position:absolute;top:8px;right:8px;font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;padding:3px 8px;border-radius:3px;z-index:3;pointer-events:none}
.product-card[data-family="oriental"]:not(:has(.badge-bestseller))::after{content:'Oriental';background:rgba(212,175,55,0.15);color:#D4AF37}
.product-card[data-family="woody"]:not(:has(.badge-bestseller))::after{content:'Boisé';background:rgba(212,175,55,0.15);color:rgba(26,26,26,0.7)}
.product-card[data-family="floral"]:not(:has(.badge-bestseller))::after{content:'Floral';background:rgba(212,175,55,0.15);color:rgba(26,26,26,0.7)}
.product-card[data-family="fresh"]:not(:has(.badge-bestseller))::after{content:'Frais';background:rgba(212,175,55,0.15);color:rgba(26,26,26,0.7)}

/* === 3. HOMEPAGE: Show all 8 by default on desktop too, remove toggle === */
@media(min-width:769px){
  .oil-card.oil-row2{display:block}
  #homeCollectionToggle{display:none !important}
}

/* === 4. CARD IMAGE: white bg visible border === */
.product-image{border-bottom:1px solid var(--light-border)}

/* === 5. PDP MOBILE: Sticky bottom bar always visible with ATC === */
@media(max-width:768px){
  .pdp-add-btn{font-size:0.88rem;padding:16px;border-radius:8px}
  .pdp-qty{height:52px}
  .pdp-qty button{width:48px}
}

/* ============ UX PATCH v2 — Polish & Interactions ============ */

/* === 1. SMOOTH SCROLL REVEAL ANIMATIONS === */
html{scroll-behavior:smooth}
.ux-reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s cubic-bezier(.16,1,.3,1),transform 0.7s cubic-bezier(.16,1,.3,1)}
.ux-reveal.ux-visible{opacity:1;transform:translateY(0)}
.ux-reveal-left{opacity:0;transform:translateX(-30px);transition:opacity 0.7s cubic-bezier(.16,1,.3,1),transform 0.7s cubic-bezier(.16,1,.3,1)}
.ux-reveal-left.ux-visible{opacity:1;transform:translateX(0)}
.ux-reveal-right{opacity:0;transform:translateX(30px);transition:opacity 0.7s cubic-bezier(.16,1,.3,1),transform 0.7s cubic-bezier(.16,1,.3,1)}
.ux-reveal-right.ux-visible{opacity:1;transform:translateX(0)}
.ux-stagger > *{opacity:0;transform:translateY(20px);transition:opacity 0.5s cubic-bezier(.16,1,.3,1),transform 0.5s cubic-bezier(.16,1,.3,1)}
.ux-stagger.ux-visible > *{opacity:1;transform:translateY(0)}
.ux-stagger.ux-visible > *:nth-child(1){transition-delay:0s}
.ux-stagger.ux-visible > *:nth-child(2){transition-delay:0.08s}
.ux-stagger.ux-visible > *:nth-child(3){transition-delay:0.16s}
.ux-stagger.ux-visible > *:nth-child(4){transition-delay:0.24s}
.ux-stagger.ux-visible > *:nth-child(5){transition-delay:0.32s}
.ux-stagger.ux-visible > *:nth-child(6){transition-delay:0.40s}
.ux-stagger.ux-visible > *:nth-child(7){transition-delay:0.48s}
.ux-stagger.ux-visible > *:nth-child(8){transition-delay:0.56s}
@media(prefers-reduced-motion:reduce){.ux-reveal,.ux-reveal-left,.ux-reveal-right,.ux-stagger>*{opacity:1;transform:none;transition:none}}

/* === 2. CARD MICRO-INTERACTIONS === */
.product-card{transition:transform 0.4s cubic-bezier(.16,1,.3,1),box-shadow 0.4s cubic-bezier(.16,1,.3,1),border-color 0.3s}
.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(26,26,26,0.08)}
.product-card .product-image-inner{transition:transform 0.6s cubic-bezier(.16,1,.3,1)}
.product-card:hover .product-image-inner{transform:scale(1.04)}
.product-card-wishlist{transition:transform 0.3s,color 0.3s}
.product-card-wishlist:hover{transform:scale(1.2)}
.product-card-wishlist:active{transform:scale(0.9)}

/* === 3. BUTTON PRESS EFFECTS === */
.btn,.card-atc,.card-atc,.pdp-add-btn,.cart-checkout-btn,.stories-cta,.sub-plan-cta,.mbs-atc-btn,.cart-empty-btn,.quiz-start-btn{
  transition:transform 0.2s,background 0.3s,box-shadow 0.3s !important}
.btn:active,.card-atc:active,.card-atc:active,.pdp-add-btn:active,.cart-checkout-btn:active,.stories-cta:active,.sub-plan-cta:active,.mbs-atc-btn:active,.cart-empty-btn:active,.quiz-start-btn:active{
  transform:scale(0.97) !important}

/* === 4. HEADER: Scroll shadow + shrink === */
.header{transition:box-shadow 0.3s,height 0.3s,padding 0.3s}
.header.scrolled{box-shadow:0 2px 20px rgba(26,26,26,0.06)}
.header.scrolled .header-inner{height:60px}
@media(max-width:768px){.header.scrolled .header-inner{height:52px}}

/* === 5. NAV ACTIVE STATE === */
.header-nav a.nav-active{color:var(--gold) !important;position:relative}
.header-nav a.nav-active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--gold);border-radius:1px}

/* === 6. PAGE TRANSITION === */
.spa-page{transition:opacity 0.3s ease}
.spa-page.page-entering{opacity:0}

/* === 7. CARD SIZE PILL TRANSITION (desktop hover) === */
.card-size-pill{transition:all 0.2s cubic-bezier(.16,1,.3,1)}
.card-size-pill:hover{transform:translateY(-1px)}

/* === 8. PDP IMAGE ZOOM ON CLICK === */
.pdp-main-img{transition:transform 0.4s cubic-bezier(.16,1,.3,1)}
.pdp-main-img.zoomed{transform:scale(1.5);cursor:zoom-out;z-index:100}

/* === 9. TOAST ANIMATION IMPROVED === */
.toast{animation:toastIn 0.4s cubic-bezier(.16,1,.3,1)}
@keyframes toastIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}

/* === 10. QUIZ OPTION INTERACTION === */
.quiz-option{transition:transform 0.3s cubic-bezier(.16,1,.3,1),border-color 0.3s,box-shadow 0.3s}
.quiz-option:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(26,26,26,0.06)}
.quiz-option:active{transform:scale(0.98)}
.quiz-option.selected{border-color:var(--gold) !important;box-shadow:0 0 0 3px var(--gold-glow)}

/* === 11. SECTION HEADINGS — subtle gold underline === */
.section-title::after{content:'';display:block;width:40px;height:2px;background:var(--gold);margin:0.8rem auto 0;border-radius:1px}

/* === 12. REVIEWS — hover lift === */
div[style*="border-radius:12px;padding:1.8rem"]{transition:transform 0.3s,box-shadow 0.3s}
div[style*="border-radius:12px;padding:1.8rem"]:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(26,26,26,0.06)}

/* === 13. CART ITEM ANIMATION === */
.cart-item{animation:cartItemIn 0.3s cubic-bezier(.16,1,.3,1)}
@keyframes cartItemIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

/* === 14. BREADCRUMB SUBTLE ANIMATION === */
.breadcrumb a{transition:color 0.2s;position:relative}
.breadcrumb a:hover{color:var(--gold)}

/* === 15. LOADING SCREEN ENHANCEMENT === */


}

/* === 16. SCROLL PROGRESS BAR STYLE === */
.scroll-progress{height:2px;background:var(--gold);position:fixed;top:0;left:0;z-index:10000;transition:width 0.1s linear}

/* === 17. BACK TO TOP — smoother === */
.back-to-top{transition:all 0.4s cubic-bezier(.16,1,.3,1)}
.back-to-top.visible{opacity:1;transform:translateY(0)}
.back-to-top:active{transform:scale(0.9)}

/* === 18. IMAGE LAZY FADE-IN === */
.img-loaded{animation:imgFadeIn 0.5s ease}
@keyframes imgFadeIn{from{opacity:0.6}to{opacity:1}}

/* === 19. PDP ACCORDION SMOOTHER === */
.accordion-body{transition:max-height 0.5s cubic-bezier(.16,1,.3,1)}
.accordion-header svg{transition:transform 0.4s cubic-bezier(.16,1,.3,1)}

/* === 20. MOBILE BOTTOM NAV SHADOW === */
@media(max-width:768px){
  .sticky-atc.visible{box-shadow:0 -4px 30px rgba(26,26,26,0.1)}
}

.product-image-real{width:100%;height:100%;object-fit:contain;object-position:center;display:block;position:relative;z-index:1;}
.photo-placeholder.has-img{background:var(--white) !important;}
.photo-placeholder.has-img .photo-label{display:none !important;}
.pdp-main-img .product-image-real{object-fit:contain;padding:1rem;}
.pdp-thumb[style*="url("]{background-size:contain !important;background-color:var(--white) !important;}

@media(prefers-color-scheme:dark){
:root{
--dark-azur:#F5F3F0;--dark-azur-deep:#F5F3F0;--dark-azur-light:rgba(245,243,240,0.7);
--gold:#D4AF37;--gold-text:#D4AF37;--gold-light:rgba(212,175,55,0.6);--gold-glow:rgba(212,175,55,0.10);
--noir:#F5F3F0;--offwhite:#1A1A1A;--white:#111111;--cream:#1A1A1A;
--warm-grey:rgba(245,243,240,0.55);--light-grey:rgba(245,243,240,0.45);
--light-border:rgba(245,243,240,0.08);--gold-border:rgba(212,175,55,0.2);
--success:#22C55E;--error:#C85A5A;
--shadow-sm:0 1px 3px rgba(0,0,0,0.15),0 4px 12px rgba(0,0,0,0.1);
--shadow-md:0 4px 12px rgba(0,0,0,0.15),0 16px 40px rgba(0,0,0,0.15);
--shadow-lg:0 8px 20px rgba(0,0,0,0.2),0 32px 64px rgba(0,0,0,0.2);
--shadow-gold:0 8px 32px rgba(212,175,55,0.15);
--gold-dark:rgba(212,175,55,0.7);--shadow-soft:rgba(0,0,0,0.2);
--gold-glow-bg:rgba(212,175,55,0.08);--overlay-50:rgba(0,0,0,0.5);
--accent:var(--gold);--accent-glow:rgba(212,175,55,0.12);
}
body{background:#111111;color:var(--noir)}
.header{background:rgba(17,17,17,0.88);border-bottom:1px solid rgba(245,243,240,0.06)}
.header.scrolled{background:rgba(17,17,17,0.96)}
.mobile-nav{background:#111111}
.product-card,.oil-card{background:#1A1A1A}
.mega-drop{background:#1A1A1A;border-color:rgba(245,243,240,0.08)}
.mega-col-promo{background:#111111}
.pdp{background:#111111}
.trust-bar{background:#111111;border-color:rgba(245,243,240,0.06)}
.footer{background:#0A0A0A}
.cart-cross-sell{background:#1A1A1A}
.cart-cross-item{background:#111111;border-color:rgba(245,243,240,0.08)}
.tab.active,.tab:hover{background:rgba(212,175,55,0.08)}
.oil-filter-btn{background:#1A1A1A;border-color:rgba(245,243,240,0.1)}
.oil-filter-btn.active{background:var(--gold);color:#111111}
.quick-add-btn{background:var(--offwhite);color:#111111}
input,select,textarea{background:#1A1A1A;color:var(--noir);border-color:rgba(245,243,240,0.1)}
.shipping-bar{background:#0A0A0A}
.announcement{background:#0A0A0A}
.cookie-bar{background:#1A1A1A}
.toast{background:#1A1A1A;border-color:rgba(245,243,240,0.08)}
.back-to-top{background:var(--gold);color:#111111}
.stories-cta{background:#111111;color:var(--gold)}
.stories-cta:hover{background:var(--gold);color:#111111}
}

.review-header{display:flex;align-items:center;gap:0.8rem;margin-bottom:0.6rem}
.review-header .review-author{font-size:0.88rem;font-weight:600;color:var(--dark-azur)}
.review-header .review-date{margin-left:auto;font-size:0.72rem;color:var(--warm-grey)}
.review-verified{font-size:0.7rem;color:var(--gold);display:flex;align-items:center;gap:3px}
.review-stars{margin-bottom:0.6rem}
.review-stars svg{width:14px;height:14px;fill:var(--gold)}
.review-text{font-size:0.82rem;color:var(--warm-grey);line-height:1.7;margin-bottom:0.8rem;font-style:italic}
.review-helpful{font-size:0.72rem;color:var(--light-grey);display:flex;align-items:center;gap:0.5rem}
.review-helpful button{background:none;border:1px solid var(--light-border);border-radius:4px;padding:2px 8px;font-size:0.7rem;color:var(--warm-grey);cursor:pointer}
.review-helpful button:hover{border-color:var(--gold);color:var(--gold)}
/* removed duplicate */

/* ===== SECTION AVIS CLIENTS — REBUILT ===== */
.avis-full{max-width:1200px;margin:0 auto;padding:3.5rem 2rem 4rem}
.avis-section-header{text-align:center;margin-bottom:2.5rem}
.avis-overline{font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;color:var(--gold);margin-bottom:0.5rem}
.avis-title{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:500;color:var(--dark-azur)}
.avis-layout{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;align-items:start}
.avis-summary{background:var(--offwhite);border-radius:14px;padding:2rem;text-align:center;position:sticky;top:100px}
.avis-big-score{margin-bottom:1.5rem}
.avis-big-num{font-family:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:500;color:var(--dark-azur);line-height:1}
.avis-stars-row{display:flex;justify-content:center;gap:3px;margin:0.5rem 0}
.avis-stars-row svg{width:18px;height:18px;fill:var(--gold)}
.avis-big-count{font-size:0.78rem;color:var(--warm-grey);margin-top:0.3rem}
.avis-bars{margin-bottom:1.5rem}
.review-bar-row{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--warm-grey);margin-bottom:4px}
.review-bar{flex:1;height:8px;background:rgba(0,0,0,0.06);border-radius:4px;overflow:hidden}
.review-bar-fill{height:100%;background:var(--gold);border-radius:4px;transition:width 0.6s ease}
.avis-write-btn{display:block;width:100%;padding:12px;border:1.5px solid var(--dark-azur);background:transparent;font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--dark-azur);border-radius:8px;cursor:pointer;transition:all 0.3s}
.avis-write-btn:hover{background:var(--dark-azur);color:var(--white)}
.avis-list{display:flex;flex-direction:column;gap:1rem}
.review-card{background:var(--white);border:1px solid var(--light-border);border-radius:12px;padding:1.5rem;transition:box-shadow 0.3s}
.review-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.review-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}
.review-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gold-glow),var(--cream));border:1.5px solid var(--gold-border);display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;color:var(--gold);flex-shrink:0;letter-spacing:0.02em}
.review-author-block{flex:1;min-width:0}
.review-author{font-size:0.85rem;font-weight:600;color:var(--dark-azur);display:block}
.review-verified{font-size:0.7rem;color:var(--gold);display:flex;align-items:center;gap:3px;margin-top:1px}
.review-verified svg{flex-shrink:0}
.review-date{font-size:0.72rem;color:var(--warm-grey);white-space:nowrap;margin-left:auto;flex-shrink:0}
.review-stars{display:flex;gap:2px;margin-bottom:0.6rem}
.review-stars svg{width:15px;height:15px;fill:var(--gold)}
.review-text{font-size:0.84rem;color:var(--noir);line-height:1.75;margin-bottom:0.8rem}
.review-helpful{font-size:0.72rem;color:var(--warm-grey);display:flex;align-items:center;gap:0.6rem}
.review-helpful span{margin-right:0.2rem}
.review-helpful button{background:none;border:1px solid var(--light-border);border-radius:20px;padding:3px 10px;font-size:0.7rem;color:var(--warm-grey);cursor:pointer;transition:all 0.2s;font-family:'Jost',sans-serif}
.review-helpful button:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:768px){
.avis-layout{grid-template-columns:1fr;gap:1.5rem}
.avis-summary{position:static;display:grid;grid-template-columns:auto 1fr;gap:0.8rem 1.2rem;padding:1.2rem}
.avis-big-score{grid-row:1/3;text-align:center}
.avis-big-num{font-size:2.5rem}
.avis-stars-row{justify-content:flex-start}
.avis-bars{margin-bottom:0}
.avis-write-btn{grid-column:1/-1}
}

.avis-load-more{text-align:center;padding:1.5rem 0}
.avis-load-more button{padding:10px 28px;border:1.5px solid var(--dark-azur);background:transparent;font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;color:var(--dark-azur);border-radius:8px;cursor:pointer;transition:all 0.3s}
.avis-load-more button:hover{background:var(--dark-azur);color:var(--white)}
.review-bar-row{cursor:pointer;transition:opacity 0.2s;padding:2px 4px;border-radius:4px}
.review-bar-row:hover{background:rgba(212,175,55,0.08)}
.review-bar-row.bar-active{background:rgba(212,175,55,0.15);font-weight:600}
.bar-label{font-size:0.75rem;width:24px;text-align:right;color:var(--warm-grey)}
.bar-count{font-size:0.72rem;width:24px;text-align:right;color:var(--warm-grey)}
.avis-filter-count{text-align:center;font-size:0.75rem;color:var(--gold);font-weight:600;margin-top:0.8rem;padding:6px 12px;background:rgba(212,175,55,0.08);border-radius:6px}
.avis-no-results{text-align:center;padding:2rem;color:var(--warm-grey);font-size:0.88rem;font-style:italic}

/* ═══════════════════════════════════════════════════════ */
/* AROMAZUR — LAYOUT UPGRADE v2                           */
/* ═══════════════════════════════════════════════════════ */

/* ── GLOBAL SECTION RHYTHM ── */
.section{max-width:1200px;margin:0 auto;padding:5rem 2rem}
.section + .section{padding-top:0}

/* ── SECTION HEADERS — unified pattern ── */
.section-overline,.avis-overline{
  font-family:'Jost',sans-serif;font-size:0.62rem;font-weight:700;
  text-transform:uppercase;letter-spacing:0.2em;color:var(--gold);
  margin-bottom:0.6rem;display:block
}
.section h2,.avis-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.4rem,3vw,1.8rem);font-weight:400;
  color:var(--dark-azur);line-height:1.25;margin-bottom:0.8rem
}
.section p.section-sub{font-size:0.88rem;color:var(--warm-grey);line-height:1.7;max-width:550px}

/* ── TRUST BAR ── */
.trust-bar{
  border-top:1px solid var(--light-border);
  border-bottom:1px solid var(--light-border);
  padding:1.2rem 2rem;
  background:var(--white)
}
.trust-bar-inner{
  max-width:1200px;margin:0 auto;
  display:flex;justify-content:center;gap:3rem;flex-wrap:wrap
}
.trust-item{
  display:flex;align-items:center;gap:0.5rem;
  font-size:0.72rem;color:var(--dark-azur);font-weight:500;
  letter-spacing:0.02em
}

/* ── PRODUCT CARDS — refined ── */
.product-card{
  border-radius:12px;overflow:hidden;
  background:var(--white);
  border:1px solid var(--light-border);
  transition:transform 0.35s ease,box-shadow 0.35s ease;
  position:relative
}
.product-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-md)
}
.product-image{
  aspect-ratio:4/5;position:relative;overflow:hidden;
  background:var(--offwhite)
}
.product-info{padding:1.2rem 1.4rem 1.4rem}
.product-name{
  font-family:'Cormorant Garamond',serif;
  font-size:1.05rem;color:var(--dark-azur);
  margin-bottom:0.15rem;font-weight:500;
  transition:color 0.2s
}
.product-card:hover .product-name{color:var(--gold)}
.product-tagline{
  font-size:0.72rem;color:var(--warm-grey);
  line-height:1.5;margin-bottom:0.6rem;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.card-meta{
  display:flex;align-items:center;gap:0.8rem;
  margin:0.6rem 0 0.5rem;
  padding-bottom:0.6rem;
  border-bottom:1px solid var(--light-border)
}
.card-rating{font-size:0.78rem;font-weight:600;color:var(--gold)}


/* ── SIZE PILLS ── */
.card-sizes{display:flex;gap:5px;margin-bottom:0.6rem;flex-wrap:wrap}
.card-size-pill{
  padding:4px 10px;font-size:0.65rem;font-weight:500;
  border:1px solid var(--light-border);border-radius:6px;
  cursor:pointer;transition:all 0.2s;
  background:var(--white);color:var(--dark-azur)
}
.card-size-pill:hover{border-color:var(--gold);color:var(--gold)}
.card-size-pill.active{
  background:var(--dark-azur);color:var(--white);
  border-color:var(--dark-azur)
}

/* ── ATC BUTTON ── */
.card-atc{
  width:100%;padding:10px;border:none;border-radius:8px;
  font-family:'Jost',sans-serif;font-size:0.72rem;font-weight:600;
  letter-spacing:0.08em;text-transform:uppercase;
  cursor:pointer;transition:all 0.3s;
  background:var(--dark-azur);color:var(--white)
}
.card-atc:hover{background:var(--gold);color:var(--dark-azur)}

/* ── SUBSCRIPTION TOGGLE ON CARDS ── */
.card-sub-label{
  font-size:0.68rem;color:var(--gold);font-weight:500;
  padding:8px 0;cursor:pointer;
  display:flex;align-items:center;gap:0.4rem;
  border-top:1px solid var(--light-border);
  margin-top:0.5rem;padding-top:0.6rem
}

/* ── PRODUCT GRID ── */
.products-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:1.8rem
}

/* ── BADGE PRODUCT ── */
.product-badge{
  position:absolute;top:12px;left:12px;z-index:2;
  padding:4px 12px;border-radius:4px;
  font-size:0.62rem;font-weight:700;letter-spacing:0.06em;
  text-transform:uppercase
}

/* ── PRICE BLOCK ── */
.product-price-block{
  display:flex;align-items:center;gap:0.5rem;
  margin-bottom:0.8rem
}
.price-old{
  text-decoration:line-through;color:var(--warm-grey);
  font-size:0.78rem
}
.product-price-block strong{
  font-size:1.05rem;color:var(--dark-azur);font-weight:700
}

/* ── COFFRETS GRID ── */
.device-grid{gap:2rem !important}
.device-card .product-specs{
  display:flex;flex-wrap:wrap;gap:0.3rem;
  margin-bottom:0.6rem
}
.spec-item{
  font-size:0.68rem;color:var(--warm-grey);
  padding:2px 0
}

/* ── PDP LAYOUT ── */
.pdp-layout{
  max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem;
  display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;
  align-items:start
}
.pdp-gallery{position:sticky;top:90px}
.pdp-main-img{
  aspect-ratio:1;border-radius:14px;overflow:hidden;
  background:var(--offwhite);position:relative
}
.pdp-thumbs{
  display:flex;gap:8px;margin-top:12px
}
.pdp-thumb{
  width:64px;height:64px;border-radius:8px;
  cursor:pointer;transition:all 0.2s;
  border:2px solid transparent;overflow:hidden
}
.pdp-thumb.active{border-color:var(--gold)}
.pdp-thumb:hover{opacity:0.8}
.pdp-info{padding-top:0.5rem}
.pdp-overline{
  font-size:0.65rem;font-weight:600;text-transform:uppercase;
  letter-spacing:0.15em;color:var(--gold);margin-bottom:0.5rem
}
.pdp-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.8rem,4vw,2.4rem);font-weight:400;
  color:var(--dark-azur);margin-bottom:0.6rem;line-height:1.15
}
.pdp-tagline{
  font-size:0.92rem;color:var(--warm-grey);line-height:1.7;
  margin-bottom:1rem
}
.pdp-rating{
  display:flex;align-items:center;gap:0.4rem;
  margin-bottom:1rem
}
.pdp-rating svg{width:16px;height:16px;fill:var(--gold)}
.pdp-rating-text{font-size:0.82rem;font-weight:600;color:var(--dark-azur)}
.pdp-rating-link{font-size:0.82rem;color:var(--warm-grey);cursor:pointer}
.pdp-price{
  font-family:'Cormorant Garamond',serif;
  font-size:2rem;font-weight:500;color:var(--dark-azur)
}
.pdp-price-sub{font-size:0.78rem;color:var(--warm-grey)}
.pdp-stock{
  display:flex;align-items:center;gap:0.4rem;
  font-size:0.78rem;margin:0.8rem 0
}
.pdp-add-btn{
  flex:1;padding:14px 24px;border:none;border-radius:8px;
  font-family:'Jost',sans-serif;font-size:0.78rem;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  cursor:pointer;transition:all 0.3s;
  background:var(--dark-azur);color:var(--white)
}
.pdp-add-btn:hover{background:var(--gold);color:var(--dark-azur)}

/* ── SIZE OPTIONS PDP ── */
.size-option{
  padding:12px 16px;border:1.5px solid var(--light-border);
  border-radius:10px;cursor:pointer;transition:all 0.2s;
  text-align:center;min-width:80px;background:var(--white)
}
.size-option:hover{border-color:var(--gold)}
.size-option.active{
  border-color:var(--dark-azur);background:var(--dark-azur);color:var(--white)
}
.size-option.active .size-name,.size-option.active .size-price{color:var(--white)}

/* ── PURCHASE TOGGLE ── */
.purchase-option{
  padding:14px;border:1.5px solid var(--light-border);
  border-radius:10px;cursor:pointer;transition:all 0.2s;
  background:var(--white)
}
.purchase-option:hover{border-color:var(--gold)}
.purchase-option.active{
  border-color:var(--gold);
  background:var(--gold-glow)
}

/* ── PYRAMID ── */
.pdp-pyramid{
  background:var(--offwhite);border-radius:14px;
  padding:2rem;margin:2rem 0
}

/* ── SCENT STORY ── */

/* ── FAQ ── */

/* ── MAIN FAQ PAGE ── */
.faq-section{max-width:800px;margin:0 auto;padding:2rem}
.faq-category{margin-bottom:2.5rem}
.faq-category-title{
  font-family:'Cormorant Garamond',serif;
  font-size:1.15rem;color:var(--dark-azur);
  margin-bottom:1rem;padding-bottom:0.8rem;
  border-bottom:2px solid var(--gold)
}
.faq-item{
  border-bottom:1px solid var(--light-border);
  transition:background 0.2s
}
.faq-question{
  padding:1rem 0;font-size:0.88rem;font-weight:500;
  color:var(--dark-azur);cursor:pointer;
  display:flex;justify-content:space-between;align-items:center
}
.faq-question:hover{color:var(--gold)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
.faq-answer-inner{
  padding:0 0 1rem;font-size:0.82rem;
  color:var(--warm-grey);line-height:1.75
}

/* ── SUBSCRIPTION PLANS ── */
.sub-plan{
  border:1.5px solid var(--light-border);border-radius:14px;
  padding:2rem;background:var(--white);
  transition:transform 0.3s,box-shadow 0.3s;
  position:relative;overflow:hidden
}
.sub-plan:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.sub-plan.popular{border-color:var(--gold);box-shadow:var(--shadow-gold)}
.sub-plan h3{
  font-family:'Cormorant Garamond',serif;
  font-size:1.2rem;color:var(--dark-azur);margin-bottom:0.4rem
}

/* ── CROSS-SELL GRID ── */

/* ── AVIS SECTION ── */
.avis-full{max-width:1200px;margin:0 auto;padding:3.5rem 2rem 4rem}
.avis-section-header{text-align:center;margin-bottom:2.5rem}
.avis-layout{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;align-items:start}
.avis-summary{
  background:var(--offwhite);border-radius:14px;
  padding:2rem;text-align:center;position:sticky;top:100px
}
.avis-big-num{
  font-family:'Cormorant Garamond',serif;font-size:3.5rem;
  font-weight:500;color:var(--dark-azur);line-height:1
}
.avis-list{display:flex;flex-direction:column;gap:1rem}
.review-card{
  background:var(--white);border:1px solid var(--light-border);
  border-radius:12px;padding:1.5rem;transition:box-shadow 0.3s
}
.review-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.05)}

/* ── CONTACT PAGE ── */
.contact-layout{
  max-width:1100px;margin:0 auto;padding:3rem 2rem;
  display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start
}
.contact-info h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.5rem,3vw,2rem);color:var(--dark-azur);
  margin-bottom:1rem
}
.contact-method{
  display:flex;align-items:flex-start;gap:1rem;
  padding:1rem 0;border-bottom:1px solid var(--light-border)
}
.contact-icon svg{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:1.5}
.form-input,.form-select,.form-textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--light-border);
  border-radius:8px;font-family:'Jost',sans-serif;font-size:0.85rem;
  color:var(--dark-azur);background:var(--white);
  transition:border-color 0.2s
}
.form-input:focus,.form-select:focus,.form-textarea:focus{
  border-color:var(--gold);outline:none
}
.form-label{
  font-size:0.75rem;font-weight:600;color:var(--dark-azur);
  margin-bottom:0.4rem;display:block
}
.form-submit{
  width:100%;padding:14px;border:none;border-radius:8px;
  background:var(--dark-azur);color:var(--white);
  font-family:'Jost',sans-serif;font-size:0.82rem;font-weight:600;
  letter-spacing:0.08em;text-transform:uppercase;
  cursor:pointer;transition:all 0.3s
}
.form-submit:hover{background:var(--gold);color:var(--dark-azur)}

/* ── SHIPPING PAGE ── */
.shipping-content{max-width:850px;margin:0 auto;padding:2rem}
.shipping-section{margin-bottom:3rem}
.shipping-section h1,.shipping-section h2{
  font-family:'Cormorant Garamond',serif;
  color:var(--dark-azur);margin-bottom:1rem
}
.shipping-table{
  width:100%;border-collapse:collapse;margin:1.5rem 0;
  border-radius:10px;overflow:hidden;
  border:1px solid var(--light-border)
}
.shipping-table th{
  background:var(--dark-azur);color:var(--white);
  padding:12px 16px;font-size:0.75rem;font-weight:600;
  text-transform:uppercase;letter-spacing:0.08em;text-align:left
}
.shipping-table td{
  padding:12px 16px;font-size:0.82rem;color:var(--dark-azur);
  border-bottom:1px solid var(--light-border)
}
.shipping-table tr:last-child td{border-bottom:none}
.shipping-table tr:nth-child(even){background:var(--offwhite)}
.shipping-highlight{
  background:var(--gold-glow);border:1px solid var(--gold-border);
  border-radius:10px;padding:1.2rem 1.5rem;margin:1rem 0
}
.shipping-steps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  margin:2rem 0
}
.shipping-step{
  text-align:center;padding:1.5rem;
  background:var(--offwhite);border-radius:12px
}
.shipping-step-num{
  font-family:'Cormorant Garamond',serif;font-size:1.8rem;
  color:var(--gold);margin-bottom:0.5rem
}
.shipping-step-title{
  font-size:0.85rem;font-weight:600;color:var(--dark-azur);
  margin-bottom:0.4rem
}
.shipping-step-desc{font-size:0.78rem;color:var(--warm-grey);line-height:1.6}

/* ── FOOTER ── */
.footer{
  background:var(--dark-azur);color:rgba(255,255,255,0.5);
  padding:4rem 2rem 2rem
}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-grid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:3rem;margin-bottom:3rem
}
.footer h4{
  font-family:'Cormorant Garamond',serif;font-size:1rem;
  color:var(--white);margin-bottom:1rem;font-weight:400
}
.footer ul{list-style:none;padding:0;margin:0}
.footer li{margin-bottom:0.5rem}
.footer a{
  color:rgba(255,255,255,0.5);text-decoration:none;
  font-size:0.78rem;transition:color 0.2s
}
.footer a:hover{color:var(--gold)}
.footer-brand-desc{
  font-size:0.78rem;line-height:1.7;
  margin-bottom:1.5rem;max-width:300px
}
.footer-social{display:flex;gap:0.8rem}
.footer-social a{
  width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(255,255,255,0.15);
  display:flex;align-items:center;justify-content:center;
  transition:all 0.3s
}
.footer-social a:hover{border-color:var(--gold);background:rgba(212,175,55,0.1)}
.footer-social svg{width:16px;height:16px}
.footer-newsletter{
  padding:2rem 0;border-top:1px solid rgba(255,255,255,0.08);
  border-bottom:1px solid rgba(255,255,255,0.08);
  margin-bottom:2rem;display:flex;align-items:center;
  justify-content:space-between;gap:2rem;flex-wrap:wrap
}
.footer-nl-form{display:flex;gap:0;max-width:380px;flex:1}
.footer-nl-form input{
  flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,0.15);
  border-radius:8px 0 0 8px;background:rgba(255,255,255,0.05);
  color:var(--white);font-size:0.82rem;font-family:'Jost',sans-serif
}
.footer-nl-form input::placeholder{color:rgba(255,255,255,0.3)}
.footer-nl-form button{
  padding:12px 24px;background:var(--gold);color:var(--dark-azur);
  border:none;border-radius:0 8px 8px 0;
  font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:600;
  letter-spacing:0.08em;text-transform:uppercase;
  cursor:pointer;transition:all 0.3s;white-space:nowrap
}
.footer-nl-form button:hover{background:var(--white)}
.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:1rem;font-size:0.72rem
}
.footer-payments{display:flex;gap:0.5rem;flex-wrap:wrap}
.pay-badge{
  padding:4px 10px;border:1px solid rgba(255,255,255,0.12);
  border-radius:4px;font-size:0.65rem;font-weight:500;
  color:rgba(255,255,255,0.4)
}

/* ── COOKIE BAR ── */
.cookie-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:9999;
  background:var(--dark-azur);color:var(--white);
  padding:1.2rem 2rem;transform:translateY(100%);
  transition:transform 0.4s ease;
  border-top:1px solid rgba(255,255,255,0.08)
}
.cookie-bar.show{transform:translateY(0)}
.cookie-bar-inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  gap:2rem;flex-wrap:wrap
}
.cookie-bar-text{font-size:0.78rem;color:rgba(255,255,255,0.6);flex:1}
.cookie-bar-text a{color:var(--gold)}
.cookie-bar-actions{display:flex;gap:0.6rem}
.cookie-bar-btn{
  padding:8px 20px;border-radius:6px;font-family:'Jost',sans-serif;
  font-size:0.72rem;font-weight:600;letter-spacing:0.06em;
  text-transform:uppercase;cursor:pointer;transition:all 0.2s;border:none
}
.cookie-bar-accept{background:var(--gold);color:var(--dark-azur)}
.cookie-bar-decline{
  background:transparent;color:rgba(255,255,255,0.5);
  border:1px solid rgba(255,255,255,0.2)
}

/* ── HOW-TO STEPS ── */

/* ── DIFFUSER SPECS GRID ── */
.diffuser-specs{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1rem
}

/* ── ACCORDION ── */
.accordion-header{
  padding:1rem 0;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  font-size:0.88rem;font-weight:500;color:var(--dark-azur);
  border-bottom:1px solid var(--light-border)
}
.accordion-header:hover{color:var(--gold)}

/* ── BACK TO TOP ── */
.back-to-top{
  position:fixed;bottom:24px;right:24px;z-index:99;
  width:44px;height:44px;border-radius:50%;
  background:var(--dark-azur);color:var(--white);
  border:none;cursor:pointer;opacity:0;
  transform:translateY(16px);transition:all 0.3s;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-md)
}
.back-to-top.visible{opacity:1;transform:translateY(0)}
.back-to-top:hover{background:var(--gold)}
.back-to-top svg{width:18px;height:18px}

/* ── EXIT POPUP ── */
.exit-popup{
  position:fixed;inset:0;z-index:10000;
  display:none;align-items:center;justify-content:center;
  background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)
}
.exit-popup.show{display:flex}
.exit-popup-inner{
  background:var(--white);border-radius:16px;
  padding:3rem;max-width:440px;width:90%;text-align:center;
  position:relative;box-shadow:var(--shadow-lg)
}

/* ── SEARCH OVERLAY ── */
.search-overlay{
  position:fixed;inset:0;z-index:10001;
  background:rgba(0,0,0,0.5);backdrop-filter:blur(6px);
  display:none;align-items:flex-start;justify-content:center;
  padding-top:12vh
}
.search-overlay.open{display:flex}
.search-inner{
  background:var(--white);border-radius:14px;
  width:90%;max-width:580px;overflow:hidden;
  box-shadow:var(--shadow-lg)
}
.search-input-wrap{padding:1.2rem 1.5rem;border-bottom:1px solid var(--light-border)}
#searchInput{
  width:100%;border:none;outline:none;
  font-size:1rem;font-family:'Jost',sans-serif;
  color:var(--dark-azur);background:transparent
}
.search-result-item{
  display:flex;align-items:center;gap:1rem;
  padding:0.8rem 1.5rem;text-decoration:none;
  transition:background 0.15s
}
.search-result-item:hover{background:var(--offwhite)}
.search-result-img{
  width:48px;height:48px;border-radius:8px;flex-shrink:0;
  background:var(--offwhite)
}
.search-result-name{font-size:0.85rem;font-weight:500;color:var(--dark-azur)}
.search-result-cat{font-size:0.72rem;color:var(--warm-grey)}
.search-result-price{font-size:0.82rem;font-weight:600;color:var(--gold);margin-left:auto}

/* ── RESPONSIVE OVERRIDES ── */
@media(max-width:1024px){
  .products-grid{grid-template-columns:repeat(3,1fr)}
  .pdp-layout{grid-template-columns:1fr;gap:2rem}
  .pdp-gallery{position:relative;top:auto}
  .contact-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .shipping-steps{grid-template-columns:1fr}
}
@media(max-width:768px){
  .products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
  
  .avis-layout{grid-template-columns:1fr}
  .avis-summary{position:static}
  .section{padding:3rem 1.2rem}
  
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .footer-newsletter{flex-direction:column;text-align:center}
  .footer-nl-form{max-width:100%}
  .cookie-bar-inner{flex-direction:column;text-align:center}
}
@media(max-width:480px){
  .products-grid{grid-template-columns:1fr;gap:1rem}
  
  
}

/* ═══════════════════════════════════════════════════════ */
/* AROMAZUR — MOBILE EXPERIENCE v3 (COMPLETE)             */
/* ═══════════════════════════════════════════════════════ */

/* ── GLOBAL MOBILE RESET ── */
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{overflow-x:hidden}
*{max-width:100vw;box-sizing:border-box}
img,video,svg{max-width:100%;height:auto}

/* ── TABLET (≤1024px) ── */
@media(max-width:1024px){
  .pdp-layout{grid-template-columns:1fr !important;gap:2rem !important}
  .pdp-gallery{position:relative !important;top:auto !important}
  .contact-layout{grid-template-columns:1fr !important;gap:2rem !important}
  .footer-grid{grid-template-columns:1fr 1fr !important;gap:2rem !important}
  .products-grid{grid-template-columns:repeat(3,1fr) !important}
  [style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr) !important}
  [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr) !important}
  
  .shipping-steps{grid-template-columns:1fr !important}
  [style*="grid-template-columns:1fr 1fr"]{gap:2rem !important}
}

/* ── MOBILE (≤768px) ── */
@media(max-width:768px){
  /* -- Layout -- */
  .section{padding:2.5rem 1rem !important}
  [style*="padding:6rem"],[style*="padding:5rem"],[style*="padding:4rem"]{padding:2.5rem 1rem !important}
  [style*="padding:3.5rem 2rem"],[style*="padding:3rem 2rem"]{padding:2rem 1rem !important}
  [style*="max-width:900px"],[style*="max-width:800px"],[style*="max-width:700px"],
  [style*="max-width:650px"],[style*="max-width:600px"],[style*="max-width:550px"],
  [style*="max-width:500px"],[style*="max-width:450px"]{max-width:100% !important;padding-left:1rem !important;padding-right:1rem !important}
  [style*="max-width:1200px"],[style*="max-width:1100px"],[style*="max-width:1000px"],
  [style*="max-width:960px"]{max-width:100% !important}

  /* -- Grids → 1-2 columns -- */
  .products-grid{grid-template-columns:repeat(2,1fr) !important;gap:0.8rem !important}
  
  [style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr) !important}
  [style*="grid-template-columns:1fr 1fr"]:not(.products-grid){grid-template-columns:1fr !important}
  [style*="grid-template-columns:1fr 1.2fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:1.5fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr !important}
  .device-grid{grid-template-columns:1fr !important;max-width:400px !important;margin:0 auto !important}
  
  
  .result-alt-grid{grid-template-columns:repeat(3,1fr) !important;gap:0.6rem !important}
  .oils-grid{grid-template-columns:repeat(2,1fr) !important;gap:0.8rem !important}
  .diffuser-specs{grid-template-columns:1fr 1fr !important;gap:0.8rem !important}
  .shipping-steps{grid-template-columns:1fr !important}
  .footer-grid{grid-template-columns:1fr !important;gap:1.5rem !important}

  /* -- Gaps -- */
  [style*="gap:4rem"]{gap:2rem !important}
  [style*="gap:3rem"]{gap:1.5rem !important}
  [style*="gap:2.5rem"]{gap:1.2rem !important}

  /* -- PDP -- */
  .pdp-layout{grid-template-columns:1fr !important;gap:1.5rem !important;padding:1rem !important}
  .pdp-gallery{position:relative !important;top:auto !important}
  .pdp-main-img{aspect-ratio:1 !important;border-radius:12px !important}
  .pdp-thumbs{gap:6px !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch}
  .pdp-thumb{width:56px !important;height:56px !important;flex-shrink:0 !important}
  .pdp-title{font-size:1.6rem !important}
  .pdp-price{font-size:1.6rem !important}
  .pdp-info{padding-top:0 !important}
  .pdp-atc-row{flex-direction:column !important;gap:0.6rem !important}
  .pdp-add-btn{width:100% !important;padding:16px !important;font-size:0.82rem !important}
  

  /* -- Sizes PDP -- */
  .pdp-sizes{gap:6px !important;flex-wrap:wrap !important}
  .size-option{min-width:70px !important;padding:10px 8px !important}

  /* -- Avis -- */
  .avis-full{padding:2rem 1rem !important}
  .avis-layout{grid-template-columns:1fr !important;gap:1.2rem !important}
  .avis-summary{position:static !important;padding:1.2rem !important;
    display:grid !important;grid-template-columns:auto 1fr !important;
    gap:0.6rem 1rem !important;text-align:left !important}
  .avis-big-score{grid-row:1/3 !important;text-align:center !important}
  .avis-big-num{font-size:2.5rem !important}
  .avis-stars-row{justify-content:flex-start !important}
  .avis-bars{margin-bottom:0 !important}
  .avis-write-btn{grid-column:1/-1 !important}
  .review-card{padding:1.2rem !important}
  .review-header{flex-wrap:wrap !important;gap:0.5rem !important}
  .review-date{width:100% !important;margin-left:0 !important;font-size:0.68rem !important}

  /* -- Cross-sell -- */
  
  
  
  

  /* -- Cards -- */
  .product-card{border-radius:10px !important}
  .product-image{aspect-ratio:4/5 !important}
  .product-info{padding:0.8rem 1rem 1rem !important}
  .product-name{font-size:0.88rem !important}
  .product-tagline{font-size:0.68rem !important;-webkit-line-clamp:1 !important}
  .card-meta{gap:0.5rem !important;margin:0.4rem 0 !important;padding-bottom:0.4rem !important}
  .card-rating{font-size:0.72rem !important}
  
  .card-sizes{gap:3px !important;margin-bottom:0.4rem !important}
  .card-size-pill{padding:3px 6px !important;font-size:0.58rem !important}
  .card-atc{padding:8px !important;font-size:0.68rem !important}
  .card-sub-label{font-size:0.62rem !important}
  .product-badge{font-size:0.55rem !important;padding:3px 8px !important}
  .product-price-block strong{font-size:0.88rem !important}
  .price-old{font-size:0.72rem !important}

  /* -- Hero Stories -- */
  .stories-content{padding:0 1rem !important}
  .stories-title{font-size:1.4rem !important}
  .stories-price{font-size:0.88rem !important}
  .stories-cta{padding:12px 28px !important;font-size:0.75rem !important}
  .stories-arrow{width:32px !important;height:32px !important}

  /* -- Trust Bar -- */
  .trust-bar{padding:0.8rem 1rem !important}
  .trust-bar-inner{gap:1rem !important;justify-content:center !important}
  .trust-item{font-size:0.62rem !important;gap:0.3rem !important}

  /* -- FAQ -- */
  .faq-section{padding:1.5rem 1rem !important}
  
  
  

  /* -- Subscription -- */
  .sub-plan{padding:1.5rem !important}
  .sub-plan h3{font-size:1rem !important}

  /* -- Contact -- */
  .contact-layout{padding:2rem 1rem !important;gap:2rem !important}
  .contact-info h1{font-size:1.4rem !important}
  .form-input,.form-select,.form-textarea{padding:10px 12px !important;font-size:0.82rem !important}

  /* -- Shipping -- */
  .shipping-content{padding:1.5rem 1rem !important}
  .shipping-table{font-size:0.72rem !important}
  .shipping-table th,.shipping-table td{padding:8px 10px !important}
  .shipping-highlight{padding:1rem !important}

  /* -- Footer -- */
  .footer{padding:2.5rem 1rem 1.5rem !important}
  .footer-newsletter{flex-direction:column !important;text-align:center !important;gap:1rem !important}
  .footer-nl-form{max-width:100% !important;width:100% !important}
  .footer-nl-form input{padding:10px 12px !important}
  .footer-nl-form button{padding:10px 16px !important;font-size:0.7rem !important}
  .footer-bottom{flex-direction:column !important;text-align:center !important;gap:0.8rem !important}
  .footer-payments{justify-content:center !important}

  /* -- Cookie bar -- */
  .cookie-bar-inner{flex-direction:column !important;text-align:center !important;gap:1rem !important}
  .cookie-bar-actions{justify-content:center !important}

  /* -- Modal / Popup -- */
  .exit-popup-inner{padding:2rem 1.5rem !important;max-width:95% !important}

  /* -- Quiz -- */
  .quiz-container{padding:0 0.5rem !important}
  .quiz-options{grid-template-columns:1fr 1fr !important;gap:0.8rem !important}
  .quiz-option{padding:1rem 0.8rem !important}
  .quiz-option-icon{font-size:1.5rem !important}
  .quiz-option-label{font-size:0.82rem !important}
  .quiz-option-desc{font-size:0.68rem !important}
  .quiz-result-layout{grid-template-columns:1fr !important;gap:1.5rem !important}
  .result-card{flex-direction:column !important}
  .quiz-profile{padding:1.5rem !important}

  /* -- How-to -- */
  
  

  /* -- B2B -- */
  [style*="grid-template-columns:repeat(auto-fit"]{grid-template-columns:1fr !important}

  /* -- Sticky ATC -- */
  .pdp-sticky-atc{padding:0.8rem 1rem !important}
  .pdp-sticky-atc .sticky-atc-btn{padding:12px 20px !important;font-size:0.75rem !important}

  /* -- Typography mobile -- */
  h1{font-size:1.5rem !important;line-height:1.2 !important}
  h2{font-size:1.2rem !important;line-height:1.25 !important}
  h3{font-size:1rem !important}
  [style*="font-size:clamp("]{font-size:1.3rem !important}
  [style*="font-size:3rem"],[style*="font-size:3.2rem"],[style*="font-size:3.5rem"]{font-size:1.8rem !important}
  [style*="font-size:2rem"],[style*="font-size:2.2rem"],[style*="font-size:2.5rem"]{font-size:1.4rem !important}

  /* -- Scrollbar hide for horizontal scrolls -- */
  .pdp-thumbs::-webkit-scrollbar,.card-sizes::-webkit-scrollbar{display:none}
  .pdp-thumbs,.card-sizes{-ms-overflow-style:none;scrollbar-width:none}

  /* -- Safe area (notch) -- */
  .header{padding-top:env(safe-area-inset-top) !important}
  .footer{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom)) !important}
  .pdp-sticky-atc{padding-bottom:calc(0.8rem + env(safe-area-inset-bottom)) !important}
  .cookie-bar{padding-bottom:calc(1rem + env(safe-area-inset-bottom)) !important}

  /* -- Prevent text overflow -- */
  .pdp-tagline,.product-tagline,.review-text,.faq-answer-inner,

  /* -- Touch-friendly tap targets (min 44px) -- */
  .card-atc,.pdp-add-btn,.avis-write-btn,.form-submit,.cookie-bar-btn,
  .quiz-next,.quiz-back,.quiz-option,.faq-question,

  /* -- Mobile nav improvements -- */
  .mobile-nav{width:85vw !important;max-width:340px !important}
  .mobile-nav a{padding:14px 20px !important;font-size:0.92rem !important;min-height:44px !important}

  /* -- Cart/Wishlist drawer -- */
  .cart-drawer,.wishlist-drawer{width:100vw !important;max-width:100vw !important}
  .cart-item{padding:1rem !important}
  .cart-item-img{width:64px !important;height:64px !important}
  .cart-item-name{font-size:0.82rem !important}

  /* -- Search -- */
  .search-inner{width:95% !important;max-width:none !important;margin-top:2rem !important}

  /* -- Bottom sheet -- */
  .mbs-sheet{border-radius:16px 16px 0 0 !important}
}

/* ── SMALL MOBILE (≤480px) ── */
@media(max-width:480px){
  .products-grid{grid-template-columns:1fr !important}
  
  .result-alt-grid{grid-template-columns:1fr !important}
  
  .diffuser-specs{grid-template-columns:1fr !important}
  .quiz-options{grid-template-columns:1fr !important}
  
  .trust-bar-inner{flex-direction:column !important;gap:0.6rem !important;align-items:center !important}
  .footer-grid{grid-template-columns:1fr !important}

  .stories-title{font-size:1.2rem !important}
  .pdp-title{font-size:1.3rem !important}
  .avis-big-num{font-size:2rem !important}
  
  /* Single column cards need more info visible */
  .product-image{aspect-ratio:3/4 !important}