/** Shopify CDN: Minification failed

Line 40:0 Unexpected "@media"

**/
/* v3 product page styles, scoped under .pdp-template */
.pdp-template *{box-sizing:border-box;margin:0;padding:0}.pdp-template{
  --linen:#FAF9F6;--charcoal:#1C1B17;--sand:#EFEEEA;
  --gold:#1C1B17;--gold-light:#D8CFC0;--warm-white:#FFFFFF;
  --muted:#96948F;--border:#D9D7D2;--deep:#100F0D;
  --terracotta:#B97452;--terra-light:#F3E5D8;
  --accent:#A6822E;--accent-soft:#C9A24E;
}.pdp-template{scroll-behavior:smooth}.pdp-template{font-family:'DM Sans',sans-serif;background:var(--linen);color:var(--charcoal);overflow-x:hidden}.pdp-template /* ── ANNOUNCE BAR ── */
.announce{background:var(--charcoal);padding:7px 0;text-align:center;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.75);font-family:'Space Grotesk',sans-serif}.pdp-template /* ── NAV ── */
.nav{position:sticky;top:0;z-index:100;background:rgba(250,249,246,0.96);backdrop-filter:blur(16px);border-bottom:0.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:56px}.pdp-template .nav-logo{font-family:'Playfair Display',serif;font-size:16px;letter-spacing:0.2em;font-weight:400;color:var(--charcoal);text-transform:uppercase;text-decoration:none}.pdp-template .nav-logo sup{font-size:6px;color:var(--accent);vertical-align:super;letter-spacing:0}.pdp-template .nav-links{display:flex;gap:28px}.pdp-template .nav-links a{font-size:10px;letter-spacing:0.07em;color:var(--muted);text-decoration:none;font-family:'Space Grotesk',sans-serif;transition:color .2s}.pdp-template .nav-links a:hover{color:var(--charcoal)}.pdp-template .nav-right{display:flex;align-items:center;gap:16px;cursor:pointer;color:var(--muted)}.pdp-template .nav-right svg{transition:color .2s}.pdp-template .nav-right svg:hover{color:var(--charcoal)}.pdp-template /* ── BREADCRUMB ── */
.breadcrumb{padding:10px 40px;font-size:9px;letter-spacing:0.06em;color:var(--muted);font-family:'Space Grotesk',sans-serif;border-bottom:0.5px solid var(--border);background:var(--warm-white);display:flex;align-items:center;gap:6px}.pdp-template .breadcrumb a{color:var(--muted);text-decoration:none}.pdp-template .breadcrumb a:hover{color:var(--charcoal)}.pdp-template .bc-sep{color:var(--border)}.pdp-template .bc-cur{color:var(--charcoal)}.pdp-template /* ── PDP HERO ── */
.pdp{display:grid;grid-template-columns:52% 48%;background:var(--warm-white);border-bottom:0.5px solid var(--border)}.pdp-template /* ── GALLERY SIDE ── */
.gallery{display:flex;flex-direction:column}.pdp-template .gallery-main{position:relative;overflow:hidden;background:var(--sand);height:520px}.pdp-template #mainImg{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:opacity .25s ease}.pdp-template .gallery-badge{position:absolute;background:var(--warm-white);border:0.5px solid var(--border);padding:10px 14px;box-shadow:0 6px 20px rgba(28,27,23,0.08)}.pdp-template .gallery-badge.b1{top:20px;left:20px;border-left:2px solid var(--accent)}.pdp-template .gallery-badge.b2{bottom:20px;right:20px;border-left:2px solid var(--terracotta)}.pdp-template .badge-num{font-family:'Playfair Display',serif;font-size:20px;color:var(--charcoal);line-height:1}.pdp-template .badge-label{font-size:8px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);font-family:'Space Grotesk',sans-serif;margin-top:2px}.pdp-template /* Thumbnails */
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);border-top:0.5px solid var(--border)}.pdp-template .thumb{aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative;border-right:0.5px solid var(--border)}.pdp-template .thumb:last-child{border-right:none}.pdp-template .thumb img{width:100%;height:100%;object-fit:cover;opacity:0.65;transition:opacity .2s;display:block}.pdp-template .thumb.active img,.pdp-template .thumb:hover img{opacity:1}.pdp-template .thumb.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.pdp-template /* ── INFO SIDE ── */
.info{padding:36px 40px 32px;display:flex;flex-direction:column;border-left:0.5px solid var(--border);overflow-y:auto;max-height:620px}.pdp-template .eyebrow{display:flex;gap:8px;margin-bottom:14px}.pdp-template .badge{font-size:7px;letter-spacing:0.16em;text-transform:uppercase;padding:3px 9px;font-family:'Space Grotesk',sans-serif}.pdp-template .badge-dark{background:var(--charcoal);color:#fff}.pdp-template .badge-terra{background:var(--terra-light);color:var(--terracotta);border:0.5px solid var(--terracotta)}.pdp-template .brand{font-size:8px;letter-spacing:0.28em;text-transform:uppercase;color:var(--accent);font-family:'Space Grotesk',sans-serif;margin-bottom:8px}.pdp-template .pname{font-family:'Playfair Display',serif;font-size:30px;font-weight:400;line-height:1.1;margin-bottom:4px;letter-spacing:-0.01em}.pdp-template .pname em{font-style:italic;color:var(--accent)}.pdp-template .tagline{font-size:12px;color:var(--muted);font-weight:300;line-height:1.65;margin-bottom:14px}.pdp-template /* Rating */
.rating-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:14px;border-bottom:0.5px solid var(--border)}.pdp-template .stars{display:flex;gap:2px}.pdp-template .rating-score{font-size:11px;font-weight:500;font-family:'Space Grotesk',sans-serif}.pdp-template .rating-count{font-size:10px;color:var(--muted);font-family:'Space Grotesk',sans-serif}.pdp-template .rating-count a{color:var(--accent);text-decoration:none;border-bottom:0.5px solid var(--accent)}.pdp-template /* Price */
.price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.pdp-template .price{font-size:24px;font-weight:500;font-family:'Space Grotesk',sans-serif}.pdp-template .price-orig{font-size:14px;color:var(--muted);text-decoration:line-through;font-family:'Space Grotesk',sans-serif;display:none}.pdp-template .price-save{font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--terracotta);font-family:'Space Grotesk',sans-serif;background:var(--terra-light);padding:2px 7px;display:none}.pdp-template .size-note{font-size:10px;color:var(--muted);font-family:'Space Grotesk',sans-serif;margin-bottom:16px}.pdp-template /* Variants */
.var-label{font-size:8px;letter-spacing:0.22em;text-transform:uppercase;color:var(--charcoal);font-family:'Space Grotesk',sans-serif;margin-bottom:8px}.pdp-template .variants{display:flex;gap:6px;margin-bottom:16px}.pdp-template .var-btn{padding:8px 16px;border:0.5px solid var(--border);cursor:pointer;font-size:10px;font-family:'Space Grotesk',sans-serif;color:var(--muted);background:var(--warm-white);transition:all .2s}.pdp-template .var-btn:hover{border-color:var(--charcoal);color:var(--charcoal)}.pdp-template .var-btn.active{border-color:var(--charcoal);background:var(--charcoal);color:#fff}.pdp-template .var-btn .vp{display:block;font-size:8px;margin-top:1px;color:var(--accent)}.pdp-template .var-btn.active .vp{color:var(--gold-light)}.pdp-template /* Sub toggle */
.sub-toggle{display:flex;border:0.5px solid var(--border);margin-bottom:16px}.pdp-template .sub-opt{flex:1;padding:10px 14px;cursor:pointer;transition:background .2s;border-right:0.5px solid var(--border)}.pdp-template .sub-opt:last-child{border-right:none}.pdp-template .sub-opt.active{background:var(--linen)}.pdp-template .sub-opt-title{font-size:10px;font-weight:500;color:var(--charcoal);font-family:'Space Grotesk',sans-serif}.pdp-template .sub-opt-desc{font-size:9px;color:var(--muted);margin-top:2px;font-family:'Space Grotesk',sans-serif}.pdp-template .sub-opt-save{font-size:9px;color:var(--terracotta);font-family:'Space Grotesk',sans-serif;font-weight:500}.pdp-template /* CTA */
.cta-row{display:flex;gap:8px;margin-bottom:16px}.pdp-template .btn-add{flex:1;background:var(--charcoal);color:#fff;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;padding:15px 20px;border:0.5px solid var(--charcoal);cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:500;transition:all .25s;text-align:center}.pdp-template .btn-add:hover{background:transparent;color:var(--charcoal)}.pdp-template .btn-wish{width:48px;height:48px;border:0.5px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;color:var(--muted)}.pdp-template .btn-wish:hover{border-color:var(--charcoal);background:var(--linen);color:var(--charcoal)}.pdp-template .btn-wish.wished{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.pdp-template /* Trust bar */
.trust{display:flex;border:0.5px solid var(--border);margin-bottom:14px}.pdp-template .trust-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-right:0.5px solid var(--border);text-align:center;color:var(--accent)}.pdp-template .trust-item:last-child{border-right:none}.pdp-template .trust-label{font-size:7px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);font-family:'Space Grotesk',sans-serif;line-height:1.3}.pdp-template /* Delivery */
.delivery{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--linen);border:0.5px solid var(--border);margin-bottom:16px}.pdp-template .delivery-text{font-size:10px;color:var(--charcoal);font-family:'Space Grotesk',sans-serif}.pdp-template .delivery-text span{color:var(--muted);display:block;font-size:9px;margin-top:1px}.pdp-template /* Accordion */
.accordion{border-top:0.5px solid var(--border)}.pdp-template .acc-item{border-bottom:0.5px solid var(--border)}.pdp-template .acc-head{display:flex;align-items:center;justify-content:space-between;padding:13px 0;cursor:pointer;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--charcoal);font-family:'Space Grotesk',sans-serif;font-weight:500;user-select:none;transition:color .2s}.pdp-template .acc-head:hover{color:var(--accent)}.pdp-template .acc-plus{font-size:16px;color:var(--muted);transition:transform .3s}.pdp-template .acc-item.open .acc-plus{transform:rotate(45deg);color:var(--charcoal)}.pdp-template .acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.pdp-template .acc-item.open .acc-body{max-height:360px}.pdp-template .acc-content{padding:0 0 16px;font-size:11px;color:var(--muted);line-height:1.85;font-weight:300}.pdp-template .acc-content ul{padding-left:14px;margin-top:6px}.pdp-template .acc-content li{margin-bottom:4px}.pdp-template /* ── STICKY BAR ── */
.sticky{position:fixed;bottom:0;left:0;right:0;z-index:150;background:rgba(250,249,246,0.97);backdrop-filter:blur(12px);border-top:0.5px solid var(--border);padding:12px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -6px 24px rgba(28,27,23,0.08)}.pdp-template .sticky.show{transform:translateY(0)}.pdp-template .sticky-left{display:flex;align-items:center;gap:16px}.pdp-template .sticky-name{font-family:'Playfair Display',serif;font-size:15px}.pdp-template .sticky-price{font-size:13px;font-weight:500;font-family:'Space Grotesk',sans-serif}.pdp-template /* ── MARQUEE ── */
.marquee{background:var(--sand);padding:9px 0;overflow:hidden;border-top:0.5px solid var(--border);border-bottom:0.5px solid var(--border)}.pdp-template .mtrack{display:flex;white-space:nowrap;animation:mq 24s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}.pdp-template .mitem{display:inline-flex;align-items:center;gap:18px;padding:0 24px;font-size:8px;letter-spacing:0.26em;text-transform:uppercase;color:var(--muted);font-family:'Space Grotesk',sans-serif}.pdp-template /* ── INGREDIENT SECTION ── */
.section{padding:64px 56px;border-top:0.5px solid var(--border)}.pdp-template .section.bg-linen{background:var(--linen)}.pdp-template .section.bg-white{background:var(--warm-white)}.pdp-template .section.bg-sand{background:var(--sand)}.pdp-template .sec-label{font-size:8px;letter-spacing:0.35em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:'Space Grotesk',sans-serif;font-weight:500}.pdp-template .sec-title{font-family:'Playfair Display',serif;font-size:30px;font-weight:400;color:var(--charcoal);line-height:1.1}.pdp-template .sec-title em{font-style:italic;color:var(--muted)}.pdp-template .sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.pdp-template .ingr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}.pdp-template .ingr-card{background:var(--warm-white);padding:28px 24px;position:relative;overflow:hidden;transition:background .2s;cursor:default}.pdp-template .ingr-card:hover{background:var(--linen)}.pdp-template .ingr-num{font-family:'Playfair Display',serif;font-size:44px;font-weight:400;color:rgba(28,27,23,0.06);position:absolute;top:-6px;right:10px;line-height:1;pointer-events:none}.pdp-template .ingr-pct{font-size:12px;font-weight:500;color:var(--accent);font-family:'Space Grotesk',sans-serif;margin-bottom:5px}.pdp-template .ingr-name{font-family:'Playfair Display',serif;font-size:16px;color:var(--charcoal);margin-bottom:6px;line-height:1.2}.pdp-template .ingr-desc{font-size:10px;color:var(--muted);line-height:1.75;font-weight:300}.pdp-template .ingr-tag{margin-top:12px;display:inline-block;font-size:7px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);border:0.5px solid var(--border);padding:3px 8px;font-family:'Space Grotesk',sans-serif}.pdp-template /* ── HOW TO USE ── */
.ritual-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.pdp-template .ritual-steps{display:flex;flex-direction:column;gap:0;margin-top:28px;position:relative}.pdp-template .ritual-steps::before{content:'';position:absolute;left:18px;top:36px;bottom:36px;width:0.5px;background:var(--border)}.pdp-template .rstep{display:flex;gap:18px;padding:20px 0;border-bottom:0.5px solid var(--border)}.pdp-template .rstep:last-child{border-bottom:none}.pdp-template .rstep-circle{width:36px;height:36px;border-radius:50%;border:0.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Playfair Display',serif;font-size:13px;color:var(--accent);background:var(--warm-white);position:relative;z-index:1;transition:all .25s}.pdp-template .rstep:hover .rstep-circle{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}.pdp-template .rstep-title{font-family:'Playfair Display',serif;font-size:14px;color:var(--charcoal);margin-bottom:4px}.pdp-template .rstep-desc{font-size:11px;color:var(--muted);line-height:1.7;font-weight:300}.pdp-template .tip-box{background:var(--linen);border:0.5px solid var(--border);border-left:2px solid var(--accent);padding:16px 20px;margin-top:20px}.pdp-template .tip-label{font-size:7px;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent);font-family:'Space Grotesk',sans-serif;margin-bottom:5px}.pdp-template .tip-text{font-size:11px;color:var(--muted);line-height:1.7;font-weight:300}.pdp-template /* ── RESULTS ── */
.results-grid{display:grid;grid-template-columns:1fr 2fr;gap:56px;align-items:center}.pdp-template .result-stat{padding:24px 0;border-bottom:0.5px solid var(--border)}.pdp-template .result-stat:first-child{border-top:0.5px solid var(--border)}.pdp-template .result-num{font-family:'Playfair Display',serif;font-size:44px;color:var(--charcoal);line-height:1}.pdp-template .result-num sup{font-size:18px;vertical-align:top;margin-top:6px;display:inline-block}.pdp-template .result-label{font-size:8px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);font-family:'Space Grotesk',sans-serif;margin-top:5px}.pdp-template .result-sub{font-size:10px;color:var(--muted);margin-top:3px;font-weight:300;line-height:1.55}.pdp-template .bars{display:flex;flex-direction:column;gap:22px;margin-top:8px}.pdp-template .bar-row{}.pdp-template .bar-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.pdp-template .bar-name{font-size:11px;color:var(--charcoal);font-family:'Space Grotesk',sans-serif}.pdp-template .bar-pct{font-size:10px;color:var(--accent);font-family:'Space Grotesk',sans-serif;font-weight:500}.pdp-template .bar-track{height:3px;background:rgba(28,27,23,0.1);border-radius:2px;overflow:hidden}.pdp-template .bar-fill{height:100%;background:var(--accent);border-radius:2px;width:0;transition:width 1.2s ease}.pdp-template .bar-week{font-size:8px;color:var(--muted);font-family:'Space Grotesk',sans-serif;margin-top:5px}.pdp-template .bar-week span{color:var(--charcoal);font-weight:500}.pdp-template /* ── REVIEWS ── */
.reviews-split{display:grid;grid-template-columns:280px 1fr;gap:56px}.pdp-template .rev-score{font-family:'Playfair Display',serif;font-size:64px;color:var(--charcoal);line-height:1;margin-bottom:4px}.pdp-template .rev-stars{display:flex;gap:3px;margin-bottom:6px}.pdp-template .rev-count{font-size:10px;color:var(--muted);font-family:'Space Grotesk',sans-serif;margin-bottom:20px}.pdp-template .rev-bars{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.pdp-template .rbar-row{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);font-family:'Space Grotesk',sans-serif}.pdp-template .rbar-track{flex:1;height:2px;background:rgba(28,27,23,0.1);border-radius:2px;overflow:hidden}.pdp-template .rbar-fill{height:100%;background:var(--accent);border-radius:2px}.pdp-template .rbar-n{width:12px;text-align:right;flex-shrink:0}.pdp-template .rtags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}.pdp-template .rtag{font-size:8px;letter-spacing:0.08em;border:0.5px solid var(--border);padding:4px 10px;cursor:pointer;font-family:'Space Grotesk',sans-serif;color:var(--muted);transition:all .2s}.pdp-template .rtag.active,.pdp-template .rtag:hover{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}.pdp-template .review-list{display:flex;flex-direction:column}.pdp-template .rev-card{padding:24px 0;border-bottom:0.5px solid var(--border)}.pdp-template .rev-card:first-child{border-top:0.5px solid var(--border)}.pdp-template .rev-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.pdp-template .rev-vstars{display:flex;gap:2px}.pdp-template .rev-verified{font-size:8px;letter-spacing:0.08em;text-transform:uppercase;color:var(--terracotta);font-family:'Space Grotesk',sans-serif;border:0.5px solid var(--terra-light);padding:2px 6px}.pdp-template .rev-title{font-family:'Playfair Display',serif;font-size:15px;color:var(--charcoal);margin-bottom:6px}.pdp-template .rev-body{font-size:11px;color:var(--muted);line-height:1.8;font-weight:300;margin-bottom:10px}.pdp-template .rev-meta{display:flex;align-items:center;gap:12px;font-size:9px;color:var(--muted);font-family:'Space Grotesk',sans-serif}.pdp-template .rev-skin{background:var(--linen);padding:2px 7px;font-size:8px}.pdp-template /* ── ALSO LIKE ── */
.also-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-top:36px}.pdp-template .also-card{background:var(--warm-white);cursor:pointer;overflow:hidden;transition:background .2s}.pdp-template .also-card:hover{background:var(--linen)}.pdp-template .also-img{aspect-ratio:0.85;background:var(--sand);display:flex;align-items:flex-end;justify-content:center;padding:16px;position:relative;overflow:hidden;transition:background .3s}.pdp-template .also-card:hover .also-img{background:var(--gold-light)}.pdp-template .also-badge{position:absolute;top:10px;left:10px;font-size:6px;letter-spacing:0.14em;text-transform:uppercase;background:var(--charcoal);color:#fff;padding:2px 7px;font-family:'Space Grotesk',sans-serif}.pdp-template .also-body{padding:14px 16px 16px}.pdp-template .also-name{font-family:'Playfair Display',serif;font-size:13px;color:var(--charcoal);margin-bottom:2px}.pdp-template .also-sub{font-size:9px;color:var(--muted);font-style:italic;margin-bottom:7px}.pdp-template .also-footer{display:flex;align-items:center;justify-content:space-between}.pdp-template .also-price{font-size:12px;font-weight:500;font-family:'Space Grotesk',sans-serif}.pdp-template .also-add{font-size:7px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);font-family:'Space Grotesk',sans-serif;cursor:pointer;transition:color .2s}.pdp-template .also-add:hover{color:var(--charcoal)}.pdp-template /* small css bottles */
.bottle-xs{width:32px;height:56px;position:relative}.pdp-template .bottle-xs .x-cap{width:14px;height:8px;background:linear-gradient(135deg,#4A443C,#2A2621);border-radius:2px 2px 0 0;margin:0 auto}.pdp-template .bottle-xs .x-body{width:32px;height:46px;background:linear-gradient(160deg,#F8F4EE,#EDE4D4);border-radius:2px 2px 4px 4px;border:0.5px solid rgba(28,27,23,0.12)}.pdp-template .jar-xs{width:44px;height:36px;position:relative}.pdp-template .jar-xs .jx-lid{width:44px;height:10px;background:linear-gradient(135deg,#D9D2C4,#A89A85);border-radius:4px 4px 0 0}.pdp-template .jar-xs .jx-body{width:44px;height:26px;background:linear-gradient(160deg,#FAF8F3,#F0E8D8);border-radius:0 0 4px 4px;border:0.5px solid rgba(0,0,0,0.07)}.pdp-template /* ── CART DRAWER ── */
.cart-overlay{position:fixed;inset:0;background:rgba(16,15,13,0.4);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}.pdp-template .cart-overlay.open{opacity:1;pointer-events:auto}.pdp-template .cart-drawer{position:fixed;top:0;right:0;height:100%;width:380px;max-width:92vw;background:var(--warm-white);z-index:201;transform:translateX(100%);transition:transform .35s ease;display:flex;flex-direction:column;box-shadow:-16px 0 48px rgba(0,0,0,0.12)}.pdp-template .cart-drawer.open{transform:translateX(0)}.pdp-template .cart-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:0.5px solid var(--border)}.pdp-template .cart-head h3{font-family:'Playfair Display',serif;font-weight:400;font-size:17px}.pdp-template .cart-head button{background:none;border:none;font-size:22px;color:var(--muted);cursor:pointer}.pdp-template .cart-body{flex:1;overflow-y:auto;padding:16px 22px}.pdp-template .cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:200px;color:var(--muted)}.pdp-template .cart-empty p{font-size:12px;font-family:'Space Grotesk',sans-serif}.pdp-template .cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:0.5px solid var(--border)}.pdp-template .ci-thumb{width:56px;height:72px;background:var(--sand);flex-shrink:0;border:0.5px solid var(--border)}.pdp-template .ci-info{flex:1}.pdp-template .ci-name{font-size:12px;font-weight:500;font-family:'Space Grotesk',sans-serif;color:var(--charcoal);margin-bottom:3px}.pdp-template .ci-sub{font-size:10px;color:var(--muted)}.pdp-template .ci-price{font-size:12px;font-weight:500;font-family:'Space Grotesk',sans-serif;white-space:nowrap}.pdp-template .ci-remove{font-size:9px;color:var(--muted);cursor:pointer;margin-top:4px;transition:color .2s;font-family:'Space Grotesk',sans-serif;letter-spacing:0.08em;text-transform:uppercase}.pdp-template .ci-remove:hover{color:var(--charcoal)}.pdp-template .cart-footer{padding:16px 22px;border-top:0.5px solid var(--border)}.pdp-template .cart-total-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.pdp-template .cart-total-label{font-size:11px;font-family:'Space Grotesk',sans-serif;color:var(--muted)}.pdp-template .cart-total-val{font-size:18px;font-family:'Playfair Display',serif}.pdp-template /* FADE UP */
.fu{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.pdp-template .fu.vis{opacity:1;transform:translateY(0)}.pdp-template /* RESPONSIVE */
@media(max-width:900px){
  .pdp{grid-template-columns:1fr}
  .info{max-height:none}
  .gallery-main{height:380px}
  .results-grid,.reviews-split,.ritual-split{grid-template-columns:1fr;gap:32px}
  .ingr-grid,.also-grid{grid-template-columns:repeat(2,1fr)}
  .nav{padding:0 20px}
  .section{padding:48px 24px}
}

/* ─── RESPONSIVE: phone tuning for product page (added) ─── */
@media(max-width:600px){
  .pdp-template .breadcrumb{padding:10px 18px}
  .pdp-template .info{padding:26px 18px}
  .pdp-template .pname{font-size:24px}
  .pdp-template .tagline{font-size:11px}
  .pdp-template .gallery-main{height:320px}
  .pdp-template .thumbs{grid-template-columns:repeat(5,1fr)}
  .pdp-template .price{font-size:22px}
  .pdp-template .variants{flex-wrap:wrap}
  .pdp-template .sub-toggle{flex-direction:column}
  .pdp-template .sub-opt{border-right:none;border-bottom:0.5px solid var(--border)}
  .pdp-template .sub-opt:last-child{border-bottom:none}
  .pdp-template .trust{flex-wrap:wrap}
  .pdp-template .trust-item{flex:1 1 44%;border-right:none;border-bottom:0.5px solid var(--border);padding:12px 6px}
  .pdp-template .trust-item:nth-last-child(-n+2){border-bottom:none}
  .pdp-template .section{padding:40px 18px}
  .pdp-template .sec-title{font-size:24px}
  .pdp-template .ingr-grid{grid-template-columns:1fr}
  .pdp-template .also-grid{grid-template-columns:repeat(2,1fr)}
  .pdp-template .rev-score{font-size:48px}
  .pdp-template .reviews-split{gap:28px}
  .pdp-template .sticky{padding:10px 18px;gap:12px}
  .pdp-template .sticky-name{font-size:13px}
  .pdp-template .sticky .btn-add{padding:11px 22px}
}
@media(max-width:380px){
  .pdp-template .pname{font-size:21px}
  .pdp-template .thumbs{grid-template-columns:repeat(4,1fr)}
  .pdp-template .also-grid{grid-template-columns:1fr}
  .pdp-template .cta-row{flex-wrap:wrap}
  .pdp-template .btn-wish{width:100%;height:44px}
}

/* ─────────── Layout fixes, 30 Aug ─────────── */

/* Every product photo in this catalogue is square (1:1). The gallery box was a
   fixed 520px tall, so on desktop each photo was letterboxed with dead sand
   either side and looked undersized. Matching the box to the photos lets them
   fill the column at any width. */
.pdp-template .pdp{align-items:start}
.pdp-template .gallery-main{height:auto;aspect-ratio:1 / 1;padding:0}
.pdp-template #mainImg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* The info column carried its own inner scrollbar (max-height 620px), which
   hid the lower content on desktop instead of letting the page scroll. */
.pdp-template .info{max-height:none;overflow-y:visible}

/* Open accordions were capped at 360px and clipped the longer ingredient lists. */
.pdp-template .acc-item.open .acc-body{max-height:1600px}

/* theme.css carries an unscoped .rstep{text-align:center} for the homepage
   ritual row. It was leaking into the product How to Use steps and centring the
   copy beside the numeral. The connector line was over-constrained by the same
   file (right/height there, left/width here), so it never drew. */
.pdp-template .rstep{text-align:left;align-items:flex-start}
.pdp-template .ritual-steps::before{right:auto;height:auto}


/* ─────────── Product page alignment + reviews layout, 30 Aug ─────────── */

/* The gallery sat flush to the viewport edge while the breadcrumb and every
   section below it were inset, so the product image never lined up with the
   rest of the page. Inset the hero to the same 56px, replace the dividing
   border with a real gap, and let both columns start at the top. */
.pdp-template .breadcrumb{padding:12px 56px}
.pdp-template .pdp{grid-template-columns:1fr 1fr;gap:48px;padding:0 56px 52px;align-items:start}
.pdp-template .info{border-left:0;padding:0;max-height:none;overflow:visible}

@media(max-width:900px){
  .pdp-template .pdp{grid-template-columns:1fr;gap:0;padding:0 32px 32px}
  .pdp-template .breadcrumb{padding:12px 32px}
  /* stacked: the info column needs air under the thumbnails */
  .pdp-template .info{padding-top:30px}
}
@media(max-width:600px){
  .pdp-template .pdp{padding:0 18px 28px}
  .pdp-template .breadcrumb{padding:10px 18px}
  .pdp-template .info{padding-top:24px}
}

/* Reviews. The layout assumed a 280px score column on the left; with the
   invented 4.9 / 2,148 summary removed that column is empty, which left the
   reviews stranded in the right-hand third of the page. Reviews now fill the
   width as cards, and the summary column only takes space when a real score
   exists. */
.pdp-template .review-list{display:grid;gap:16px}
.pdp-template .reviews-split.is-single{grid-template-columns:1fr;gap:0}
.pdp-template .reviews-split.is-single > .rev-summary{display:none}
.pdp-template .reviews-split.is-single .review-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
.pdp-template .rev-card{border:0.5px solid var(--border);padding:22px 24px;background:var(--warm-white)}
.pdp-template .rev-card:first-child{border-top:0.5px solid var(--border)}
.pdp-template .rev-title{font-size:16px;margin-bottom:8px}
.pdp-template .rev-body{font-size:13px;line-height:1.75;margin-bottom:14px}
.pdp-template .rev-meta{font-size:10px;flex-wrap:wrap;gap:8px}
.pdp-template .rev-skin{font-size:9px}
@media(max-width:600px){
  .pdp-template .reviews-split.is-single .review-list{grid-template-columns:1fr}
}


/* ─────────── Mobile fixes, 30 Aug ─────────── */

/* The theme ships a responsive rule for these two grids written unscoped
   (.ritual-split / .reviews-split) while the base rule is scoped
   (.pdp-template .ritual-split) and therefore always wins. The single-column
   phone layout has never applied: How to Use has been rendering as two crushed
   columns on every phone, with the step copy in a ~95px well. */
@media(max-width:900px){
  .pdp-template .ritual-split{grid-template-columns:1fr;gap:32px}
  .pdp-template .reviews-split{grid-template-columns:1fr;gap:28px}
}

/* Six thumbnails in a five-column grid left the sixth alone on a second row.
   Lay them out by count so they always form one clean row. */
@media(max-width:600px){
  .pdp-template .thumbs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
}

/* Three trust badges in a wrapping flex row broke 2 + 1. */
@media(max-width:600px){
  .pdp-template .trust{display:grid;grid-template-columns:repeat(3,1fr)}
  .pdp-template .trust-item{border-right:0.5px solid var(--border)}
  .pdp-template .trust-item:last-child{border-right:none}
}
