/* Two families, one width, weight axis only: 68 KB for Latin instead of 188 KB. */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500 800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500 800;font-display:swap;src:url(fonts/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Names the older style sheets still ask for resolve to the same two files, so no third font is ever downloaded. */
@font-face{font-family:"Barlow";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/instrument-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/instrument-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/instrument-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"SuizzManrope";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/instrument-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"SuizzManrope";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* ==========================================================================
   Suizz Next: design system
   1. Tokens          colour, type, spacing, motion. Change values here only.
   2. Base            scope reset, buttons, segmented control
   3. Stage           hero with formula selector
   4. Compare         four oils side by side
   5. Laboratory      label vs. measurement
   6. Inside          ingredients and origin
   7. Guide           buying-guide link
   8. Chrome          header, footer and shop UI brought onto the same tokens
   The page colour follows the selected formula: <html data-sx-tone="…">.
   ========================================================================== */

/* 1. Tokens ---------------------------------------------------------------- */
@property --sx-deep{syntax:"<color>";inherits:true;initial-value:#0f1c30}
@property --sx-mid{syntax:"<color>";inherits:true;initial-value:#25405e}
@property --sx-glow{syntax:"<color>";inherits:true;initial-value:#5d7d9c}

:root{
  /* carton tones: deep = surface and text, mid = depth, glow = light behind the bottle */
  --sx-deep:#0f1c30;--sx-mid:#25405e;--sx-glow:#5d7d9c;
  --sx-gold:#d2a957;--sx-gold-hi:#f4e1a8;--sx-gold-lo:#a47a2c;
  --sx-red:#d52b1e;
  --sx-paper:#fff;
  --sx-display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --sx-text:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --sx-gutter:clamp(20px,4vw,56px);
  /* one content measure for every block on every page, header and footer included */
  --sx-wrap:min(100vw - 2*var(--sx-gutter),1360px);
  --sx-r-scene:clamp(28px,3.4vw,48px);
  --sx-r-card:clamp(22px,2.2vw,32px);
  --sx-ease:cubic-bezier(.2,.8,.2,1);
  --sx-spring:cubic-bezier(.22,.8,.2,1);
  ;
}

:root[data-sx-tone="pine"]{--sx-deep:#0b2a1d;--sx-mid:#1c4733;--sx-glow:#4c785a}
:root[data-sx-tone="cobalt"]{--sx-deep:#0f1c30;--sx-mid:#25405e;--sx-glow:#5d7d9c}
:root[data-sx-tone="cognac"]{--sx-deep:#2a1307;--sx-mid:#5a2f17;--sx-glow:#b0703f}
:root[data-sx-tone="night"]{--sx-deep:#17131d;--sx-mid:#302838;--sx-glow:#74688a}
/* fixed per-element tones (comparison tiles) */
[data-tone="pine"]{--t-deep:#0b2a1d;--t-mid:#1c4733;--t-glow:#4c785a}
[data-tone="cobalt"]{--t-deep:#0f1c30;--t-mid:#25405e;--t-glow:#5d7d9c}
[data-tone="cognac"]{--t-deep:#2a1307;--t-mid:#5a2f17;--t-glow:#b0703f}
[data-tone="night"]{--t-deep:#17131d;--t-mid:#302838;--t-glow:#74688a}

/* 2. Base ------------------------------------------------------------------ */
body.sx{overflow-x:clip}
.sx-scope{font-family:var(--sx-text);font-size:17px;line-height:1.5;color:var(--sx-deep);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.sx-scope *,.sx-scope *::before,.sx-scope *::after{box-sizing:border-box}
.sx-scope :where(h1,h2,h3,p,ul,ol,dl,dd,dt,figure){margin:0;padding:0}
.sx-scope :where(ul,ol){list-style:none}
.sx-scope :where(a){color:inherit;text-decoration:none}
.sx-scope i,.sx-scope em{font-style:normal}
.sx-scope :where(img){max-width:none;border-radius:0}
.sx-scope :where(a,button):focus-visible{outline:3px solid var(--sx-gold);outline-offset:3px}
.sx-scope .sx-icon{flex:none;width:20px;height:20px}
.sx-scope .sx-icon--cross{background:var(--sx-red);color:#fff;border-radius:5px;padding:3px}
.sx-bleed{width:100vw;margin-inline:calc(50% - 50vw)}
.sx-section{width:var(--sx-wrap);margin-inline:calc(50% - var(--sx-wrap)/2);padding-block:clamp(72px,9.5vw,144px)}
.sx-scope h2{font-family:var(--sx-display);font-weight:700;font-stretch:92%;font-size:clamp(36px,4.7vw,72px);line-height:1;letter-spacing:-.02em;color:var(--sx-deep);text-wrap:balance}
.sx-scope h3{font-family:var(--sx-display);font-weight:600;font-stretch:92%;font-size:clamp(20px,1.7vw,24px);line-height:1.12;letter-spacing:-.01em;color:inherit}
.sx-head{max-width:820px;margin-bottom:clamp(32px,5vw,64px)}
.sx-head p{font-size:clamp(17px,1.4vw,20px);color:color-mix(in oklab,var(--sx-deep) 70%,#fff);max-width:54ch;margin-top:20px}

/* buttons: gold = buy, ink = buy on white, line/ghost = everything else */
.sx-scope .sx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:0;border-radius:999px;font:600 16px/1 var(--sx-text);letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;transition:scale .3s var(--sx-ease),box-shadow .3s var(--sx-ease),background-color .3s,opacity .2s}
.sx-scope .sx-btn:active{scale:.97}
.sx-scope .sx-btn--gold{background:linear-gradient(180deg,var(--sx-gold-hi),var(--sx-gold) 58%,var(--sx-gold-lo) 135%);color:#1d1503;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 14px 30px -14px rgba(0,0,0,.55)}
.sx-scope .sx-btn--gold:hover{color:#1d1503;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 18px 36px -12px rgba(0,0,0,.6);scale:1.02}
.sx-scope .sx-btn--ink{background:var(--sx-deep);color:#fff}
.sx-scope .sx-btn--ink:hover{background:var(--sx-mid);color:#fff}
.sx-scope .sx-btn--line{background:transparent;color:var(--sx-deep);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--sx-deep) 28%,transparent)}
.sx-scope .sx-btn--line:hover{box-shadow:inset 0 0 0 1.5px var(--sx-deep)}
.sx-scope .sx-btn--ghost{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.sx-scope .sx-btn .sx-icon{transition:translate .3s var(--sx-ease)}
.sx-scope .sx-btn:hover .sx-icon:last-child{translate:3px 0}
.sx-scope .sx-btn.loading{opacity:.65;pointer-events:none}
.sx-scope .sx-btn.loading::after,.sx-scope .sx-btn.loading::before{content:none}
.sx-scope .sx-btn.is-added .sx-icon{display:none}
.sx-scope .sx-btn.is-added span::before{content:"";display:inline-block;width:.42em;height:.78em;margin:0 .55em .1em 0;border:solid currentColor;border-width:0 2.5px 2.5px 0;rotate:45deg}
.sx-scope .added_to_cart{display:none}

/* segmented control with a sliding thumb */
.sx-seg{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,auto);padding:5px;border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);}
.sx-seg__thumb{position:absolute;top:5px;bottom:5px;left:0;width:var(--w,0px);translate:var(--x,0px) 0;border-radius:999px;background:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.45);transition:translate .55s var(--sx-spring),width .55s var(--sx-spring)}
.sx-scope .sx-seg__opt{position:relative;z-index:1;min-height:48px;padding:0 clamp(14px,1.6vw,24px);border:0;border-radius:999px;background:none;color:#fff;font:600 16px/1 var(--sx-text);letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;transition:color .3s}
.sx-scope .sx-seg__opt:hover{background:none;color:#fff}
.sx-scope .sx-seg__opt[aria-pressed="true"]{color:var(--sx-deep)}
.sx-seg:not(.is-ready) .sx-seg__opt[aria-pressed="true"]{background:#fff}
.sx-seg__opt em{position:absolute;top:-9px;right:2px;padding:3px 7px;border-radius:999px;background:var(--sx-gold);color:#1d1503;font:700 11px/1 var(--sx-text)}

/* stacked panels that cross-fade when the formula changes */
.sx-buy,.sx-lab__reports{display:grid}
.sx-buy__panel,.sx-report{grid-area:1/1;opacity:0;visibility:hidden;translate:0 14px;transition:opacity .3s,translate .5s var(--sx-ease),visibility 0s .3s}
.sx-buy__panel[data-active],.sx-report[data-active]{opacity:1;visibility:visible;translate:0 0;transition:opacity .45s .08s,translate .6s var(--sx-ease) .08s,visibility 0s}
/* laboratory panels differ in height, so only the selected one takes space */
.sx-lab__panel{display:none}
.sx-lab__panel[data-active]{display:block;transition:opacity .45s,translate .6s var(--sx-ease)}
@starting-style{.sx-lab__panel[data-active]{opacity:0;translate:0 14px}}

/* 3. Stage ----------------------------------------------------------------- */
.sx-stage{position:relative;isolation:isolate;overflow:clip;display:flex;flex-direction:column;min-height:min(100svh - var(--sx-top,0px),940px);margin-top:calc(-1*var(--sx-header-h,0px));padding-top:var(--sx-header-h,0px);color:#fff;border-radius:0 0 var(--sx-r-scene) var(--sx-r-scene);
  background:
    radial-gradient(44% 54% at calc(54% + var(--sx-px,0)*1.5%) 46%,color-mix(in oklab,var(--sx-glow) 82%,transparent),transparent 72%),
    radial-gradient(95% 70% at 50% 120%,var(--sx-mid),transparent 62%),
    linear-gradient(180deg,color-mix(in oklab,var(--sx-deep) 86%,#000),var(--sx-deep))}

.sx-stage__grid{flex:1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr) minmax(280px,340px);align-items:center;gap:clamp(16px,2.4vw,40px);width:var(--sx-wrap);margin-inline:auto;padding-block:clamp(12px,2.5vh,32px) clamp(20px,3.5vh,44px)}
.sx-scope .sx-stage__title{font-family:var(--sx-display);font-weight:700;font-stretch:88%;font-size:clamp(44px,5.2vw,84px);line-height:.96;letter-spacing:-.024em;color:#fff;text-wrap:balance}
.sx-stage__lede{max-width:33ch;margin-top:22px;font-size:clamp(16px,1.25vw,19px);color:rgba(255,255,255,.8)}
.sx-stage__copy .sx-seg{margin-top:30px}

.sx-stage__bottles{position:relative;container-type:inline-size;height:clamp(400px,64svh,660px);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.sx-stage__numeral{position:absolute;left:50%;top:45%;z-index:0;translate:-50% -50%;white-space:nowrap;pointer-events:none;font-family:var(--sx-display);font-weight:800;font-stretch:75%;font-size:clamp(210px,31vw,480px);font-size:clamp(170px,74cqw,480px);line-height:.8;letter-spacing:.2em;padding:.12em 0 .12em .2em;color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.04) 82%);-webkit-background-clip:text;background-clip:text}
.sx-stage__numeral i{display:none}
.sx-stage__numeral:has([data-len="5"]){font-size:clamp(120px,15vw,230px);font-size:clamp(96px,36cqw,230px);letter-spacing:.04em;padding-left:.04em}
.sx-stage__numeral.is-swap{animation:sx-numeral .7s var(--sx-ease)}
@keyframes sx-numeral{from{opacity:0}}
.sx-stage__floor{position:absolute;left:50%;bottom:3%;z-index:1;width:min(48%,280px);height:38px;translate:-50% 0;background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,.18) 55%,transparent)}
.sx-bottle{position:absolute;left:50%;bottom:6.5%;height:86%;aspect-ratio:402/1100;transform-origin:50% 100%;translate:-50% 0;transition:translate .6s var(--sx-ease),scale .6s var(--sx-ease),opacity .4s;-webkit-tap-highlight-color:transparent}
.sx-bottle img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.sx-bottle[data-pos="0"]{z-index:3;translate:-50% 0}
.sx-bottle[data-pos="1"]{z-index:2;translate:58% 0;translate:calc(-50% + 34cqw) 0;scale:.5;opacity:.5}
.sx-bottle[data-pos="-1"]{z-index:2;translate:-158% 0;translate:calc(-50% - 34cqw) 0;scale:.5;opacity:.5}
.sx-bottle[data-pos="2"]{z-index:1;translate:-50% -6%;scale:.32;opacity:0;pointer-events:none}
.sx-scope .sx-nudge{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff;cursor:pointer;translate:0 -50%;transition:background-color .3s,scale .3s var(--sx-ease)}
.sx-scope .sx-nudge:hover{background:rgba(255,255,255,.26)}
.sx-scope .sx-nudge:active{scale:.92}
.sx-nudge--prev{left:0}.sx-nudge--prev .sx-icon{rotate:180deg}.sx-nudge--next{right:0}

.sx-buy__panel{display:flex;flex-direction:column;padding:clamp(20px,2vw,28px);border-radius:var(--sx-r-card);background:color-mix(in oklab,var(--sx-deep) 78%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 30px 60px -30px rgba(0,0,0,.5);}
.sx-buy__name{font-family:var(--sx-display);font-weight:600;font-stretch:90%;font-size:clamp(22px,1.9vw,28px);line-height:1.08;letter-spacing:-.015em}
.sx-buy__size{margin-top:6px;font-size:15px;color:rgba(255,255,255,.72)}
.sx-buy__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:18px;font-family:var(--sx-display);font-weight:700;font-stretch:90%;font-size:clamp(38px,3.4vw,52px);line-height:1;letter-spacing:-.02em}
.sx-scope :is(.sx-buy__price,.sx-col__price) :is(.amount,bdi,ins){color:inherit;font:inherit;text-decoration:none;background:none}
.sx-scope :is(.sx-buy__price,.sx-col__price) del{order:2;font-family:var(--sx-text);font-size:max(.38em,15px);font-weight:500;letter-spacing:0;opacity:.66}
.sx-scope :is(.sx-buy__price,.sx-col__price) .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sx-buy__facts{display:grid;gap:10px;margin:20px 0 22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font-size:14.5px;line-height:1.35;color:rgba(255,255,255,.86)}
.sx-buy__facts li{display:flex;gap:10px;align-items:flex-start}
.sx-buy__facts .sx-icon{width:18px;height:18px;margin-top:1px;color:var(--sx-gold-hi)}
.sx-scope .sx-buy__more{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;min-height:44px;font-weight:600;font-size:15px;color:#fff}
.sx-scope .sx-buy__more:hover{color:var(--sx-gold-hi)}
.sx-buy__more .sx-icon{width:16px;height:16px;transition:translate .3s var(--sx-ease)}
.sx-buy__more:hover .sx-icon{translate:3px 0}

.sx-ticker{display:flex;overflow:hidden;padding:17px 0;border-top:1px solid rgba(255,255,255,.12)}
.sx-scope .sx-ticker__row{display:flex;flex:none;gap:56px;padding-inline:28px;animation:sx-ticker 38s linear infinite}
.sx-ticker li{margin:0!important;display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:500;font-size:15px;color:rgba(255,255,255,.88)}
.sx-ticker .sx-icon:not(.sx-icon--cross){color:var(--sx-gold-hi)}
@keyframes sx-ticker{to{translate:-100% 0}}

/* 4. Compare --------------------------------------------------------------- */
.sx-compare__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,auto);column-gap:clamp(12px,1.6vw,24px)}
.sx-col{display:grid;grid-template-rows:subgrid;grid-row:span 5;min-width:0}
.sx-scope .sx-col__tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:var(--sx-r-card);color:#fff;background:radial-gradient(72% 58% at 66% 62%,color-mix(in oklab,var(--t-glow) 80%,transparent),transparent 72%),linear-gradient(180deg,var(--t-deep),color-mix(in oklab,var(--t-deep) 60%,var(--t-mid)));transition:box-shadow .4s var(--sx-ease),scale .5s var(--sx-ease)}
.sx-col__tile img{position:absolute;right:9%;bottom:-7%;width:auto;height:90%;rotate:7deg;transform-origin:50% 100%;transition:rotate .5s var(--sx-ease),translate .5s var(--sx-ease)}
.sx-col:hover .sx-col__tile img{rotate:1deg;translate:-4% -3%}
.sx-col__numeral{position:absolute;left:8%;top:7%;font-family:var(--sx-display);font-weight:800;font-stretch:80%;font-size:clamp(64px,8.4vw,132px);line-height:.8;letter-spacing:-.035em}
.sx-col__numeral i{font-size:.4em;vertical-align:top;margin-left:.05em;line-height:1.15;opacity:.85}
.sx-col__numeral[data-len="5"]{font-size:clamp(40px,5vw,80px);top:8%}
.sx-col__flag{position:absolute;left:8%;bottom:7%;padding:7px 12px;border-radius:999px;background:var(--sx-gold);color:#1d1503;font:700 14px/1 var(--sx-text)}
.sx-col[data-active] .sx-col__tile{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--sx-gold)}
.sx-scope .sx-col__name{align-self:end;margin:20px 0 12px;color:var(--t-deep)}
.sx-col__facts{font-size:15px}
.sx-col__facts div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-top:1px solid color-mix(in oklab,var(--t-deep) 13%,transparent)}
.sx-col__facts dt{color:color-mix(in oklab,var(--t-deep) 62%,#fff);font-weight:400}
.sx-col__facts dd{font-weight:600;text-align:right;color:var(--t-deep)}
.sx-col__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:14px 0 14px;padding-top:16px;border-top:1px solid color-mix(in oklab,var(--t-deep) 13%,transparent);font-family:var(--sx-display);font-weight:700;font-stretch:92%;font-size:clamp(28px,2.4vw,36px);line-height:1;letter-spacing:-.012em;color:var(--t-deep)}
.sx-scope .sx-col .sx-btn{width:100%;background:var(--t-deep)}
.sx-scope .sx-col .sx-btn:hover{background:var(--t-mid)}

/* 5. Laboratory ------------------------------------------------------------ */
.sx-lab{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(64px,9vw,136px);color:#fff;border-radius:var(--sx-r-scene);background:radial-gradient(55% 75% at 88% 8%,color-mix(in oklab,var(--sx-glow) 60%,transparent),transparent 70%),radial-gradient(60% 60% at 0% 100%,var(--sx-mid),transparent 70%),var(--sx-deep)}
.sx-lab__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,6vw,96px);width:var(--sx-wrap);margin-inline:auto}
.sx-lab.sx-scope h2{color:#fff}
.sx-lab__lede{max-width:50ch;margin:22px 0 30px;font-size:clamp(17px,1.35vw,19px);color:rgba(255,255,255,.8)}
.sx-lab__panels{margin-top:8px}
.sx-meter{margin-top:30px}
.sx-meter__figures{display:flex;align-items:flex-end;gap:clamp(28px,5vw,64px)}
.sx-meter__figures p{display:grid;gap:8px}
.sx-meter__figures span{font-size:14.5px;color:rgba(255,255,255,.72)}
.sx-meter__figures b{font-family:var(--sx-display);font-weight:700;font-stretch:84%;font-size:clamp(44px,5.6vw,84px);line-height:.85;letter-spacing:-.028em}
.sx-meter__figures .sx-meter__result{color:var(--sx-gold-hi)}
.sx-meter__track{position:relative;height:12px;margin-top:22px;border-radius:999px;background:rgba(255,255,255,.14)}
.sx-meter__fill{position:absolute;inset:0 auto 0 0;width:calc(var(--measured)*100%);border-radius:inherit;background:linear-gradient(90deg,var(--sx-gold-lo),var(--sx-gold-hi));transform-origin:0 50%;scale:0 1;transition:scale 1.2s var(--sx-ease) .2s}
.sx-lab.is-seen [data-active] .sx-meter__fill{scale:1 1}
.sx-meter__mark{position:absolute;left:var(--label);top:-8px;bottom:-8px;width:2px;border-radius:2px;background:#fff}
.sx-lab__note{max-width:60ch;margin-top:34px;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.62)}
.sx-scope .sx-report{display:block;overflow:hidden;border-radius:var(--sx-r-card);background:#fff;color:#16181d;rotate:2.2deg;box-shadow:0 50px 90px -40px rgba(0,0,0,.7)}
.sx-scope .sx-report[data-active]:hover{rotate:0deg;translate:0 -6px}
.sx-report img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;object-position:0 0}
.sx-report__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-top:1px solid rgba(0,0,0,.08)}
.sx-report__bar b{display:block;font-weight:600;font-size:15px}
.sx-report__bar small{display:block;margin-top:3px;font-size:12.5px;line-height:1.35;color:#5d6068}
.sx-report__open{display:inline-flex;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:#16181d;color:#fff;font-weight:600;font-size:14px}
.sx-report__open .sx-icon{width:16px;height:16px}

/* 6. Inside ---------------------------------------------------------------- */
.sx-inside__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,7vw,112px)}
.sx-inside__art{position:relative;width:100%;max-width:500px;aspect-ratio:1/.96;margin-inline:auto}
.sx-lens{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;mix-blend-mode:multiply}
.sx-lens::after{content:"";position:absolute;left:17%;top:13%;width:28%;height:15%;border-radius:50%;background:rgba(255,255,255,.6);filter:blur(7px);rotate:-28deg}
.sx-lens--extract{left:21%;top:0;background:radial-gradient(circle at 34% 30%,#f9b860,#c9660f 56%,#7b3305)}
.sx-lens--mct{left:0;top:40%;background:radial-gradient(circle at 34% 30%,#fff7d4,#f1d67f 60%,#cfa83a)}
.sx-lens--seed{left:42%;top:40%;background:radial-gradient(circle at 34% 30%,#e6e8a0,#aab144 58%,#5f6b1c)}
.sx-inside__list{display:grid;margin-top:clamp(28px,4vw,48px)}
.sx-inside__list li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px 0;border-top:1px solid color-mix(in oklab,var(--sx-deep) 13%,transparent)}
.sx-inside__list p{margin-top:6px;max-width:52ch;color:color-mix(in oklab,var(--sx-deep) 72%,#fff)}
.sx-dot{width:18px;height:18px;margin-top:5px;border-radius:50%}
.sx-dot--extract{background:#c9660f}.sx-dot--mct{background:#e8c867}.sx-dot--seed{background:#98a23a}
.sx-origin{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,2.4vw,32px);margin-top:clamp(48px,7vw,104px);padding:clamp(20px,2.6vw,36px);border-radius:var(--sx-r-card);background:color-mix(in oklab,var(--sx-deep) 6%,#fff)}
.sx-origin__flag{display:grid;place-items:center;width:clamp(56px,6vw,76px);aspect-ratio:1;border-radius:22%;background:var(--sx-red);color:#fff}
.sx-scope .sx-origin__flag .sx-icon{width:58%;height:58%;background:none;padding:0}
.sx-origin p{margin-top:4px;color:color-mix(in oklab,var(--sx-deep) 72%,#fff)}

/* 7. Guide ----------------------------------------------------------------- */
.sx-guide{padding-top:0}
.sx-scope .sx-guide__card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(24px,3.6vw,52px);border-radius:var(--sx-r-scene);color:#fff;background:radial-gradient(50% 120% at 0% 0%,var(--sx-mid),transparent 70%),var(--sx-deep)}
.sx-guide__scale{display:flex;gap:6px}
.sx-guide__scale i{display:grid;place-items:center;min-width:54px;height:54px;padding:0 12px;border-radius:999px;font-family:var(--sx-display);font-weight:700;font-stretch:80%;font-size:19px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.sx-guide__scale i:nth-child(1){background:#136049}.sx-guide__scale i:nth-child(2){background:#1b3a8c}.sx-guide__scale i:nth-child(3){background:#74391a}.sx-guide__scale i:nth-child(4){background:#33304a}
.sx-guide__text strong{display:block;font-family:var(--sx-display);font-weight:700;font-stretch:86%;font-size:clamp(24px,2.6vw,38px);line-height:1.02;letter-spacing:-.02em}
.sx-guide__text span{display:block;margin-top:10px;max-width:48ch;color:rgba(255,255,255,.78)}

/* 7b. Why Suizz: one grid of facts ------------------------------------------ */
.sx-why__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.sx-scope .sx-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:clamp(210px,19vw,270px);padding:clamp(22px,2.4vw,34px);border-radius:var(--sx-r-card);color:var(--sx-deep);transition:scale .5s var(--sx-ease),box-shadow .4s var(--sx-ease)}
.sx-scope a.sx-tile:hover{box-shadow:0 30px 50px -30px rgba(0,0,0,.45)}
.sx-scope a.sx-tile:active{scale:.985}
.sx-tile strong{display:block;max-width:22ch;font-family:var(--sx-display);font-weight:700;font-stretch:88%;font-size:clamp(20px,1.9vw,27px);line-height:1.04;letter-spacing:-.015em}
.sx-tile>span:not([class]){max-width:38ch;font-size:15.5px;line-height:1.45;opacity:.82}
.sx-tile em{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:600;font-size:15px}
.sx-tile em .sx-icon{width:16px;height:16px;transition:translate .3s var(--sx-ease)}
.sx-scope a.sx-tile:hover em .sx-icon{translate:4px 0}
.sx-tile__big{position:absolute;right:clamp(14px,2vw,28px);top:clamp(8px,1.4vw,20px);z-index:-1;font-family:var(--sx-display);font-weight:800;font-stretch:80%;font-size:clamp(96px,11vw,176px);line-height:.8;letter-spacing:-.035em}
.sx-tile__big sub{font-size:.5em;vertical-align:baseline;position:relative;bottom:-.08em;margin-left:.02em}

.sx-scope .sx-tile--inside{grid-column:span 7;grid-row:span 2;justify-content:flex-start;gap:0;padding-right:38%;color:#fff;background:radial-gradient(46% 62% at 82% 56%,color-mix(in oklab,var(--sx-glow) 80%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in oklab,var(--sx-deep) 86%,#000),var(--sx-deep))}
.sx-scope .sx-tile--inside h2{color:#fff;font-size:clamp(32px,3.9vw,60px)}
.sx-tile__list{display:grid;gap:10px;margin-top:auto;padding-top:clamp(24px,3vw,44px)}
.sx-tile__list li{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);}
.sx-tile__list b{display:block;font-weight:600;font-size:16.5px;line-height:1.25}
.sx-tile__list small{display:block;margin-top:3px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.76)}
.sx-tile__list .sx-dot{width:14px;height:14px;margin-top:4px;box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.sx-tile__bottle{position:absolute;right:4%;bottom:-9%;width:34%;height:104%;z-index:-1;pointer-events:none}
.sx-tile__bottle img{position:absolute;right:0;bottom:0;width:auto;height:100%;rotate:9deg;transform-origin:50% 100%;opacity:0;transition:opacity .4s}
.sx-tile__bottle img[data-active]{opacity:1;rotate:6deg}

.sx-scope .sx-tile--swiss{grid-column:span 5;color:#fff;background:linear-gradient(160deg,#e23a2c,var(--sx-red) 55%,#b11f14)}
.sx-tile__cross{position:absolute;right:-7%;top:-22%;z-index:-1;width:62%;aspect-ratio:1;background:#fff;opacity:.17;clip-path:polygon(34% 0,66% 0,66% 34%,100% 34%,100% 66%,66% 66%,66% 100%,34% 100%,34% 66%,0 66%,0 34%,34% 34%)}
.sx-scope .sx-tile--co2{grid-column:span 5;background:color-mix(in oklab,var(--sx-deep) 7%,#fff)}
.sx-tile--co2 .sx-tile__big{color:color-mix(in oklab,var(--sx-deep) 16%,#fff)}
.sx-scope .sx-tile--ship{grid-column:span 4;color:#1d1503;background:linear-gradient(165deg,var(--sx-gold-hi),var(--sx-gold) 60%,var(--sx-gold-lo) 130%)}
.sx-tile--ship .sx-tile__big{color:rgba(29,21,3,.16)}
.sx-scope .sx-tile--returns{grid-column:span 4;background:#fff;box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--sx-deep) 14%,transparent)}
.sx-tile--returns .sx-tile__big{color:color-mix(in oklab,var(--sx-deep) 12%,#fff)}
.sx-scope .sx-tile--guide{grid-column:span 4;color:#fff;background:radial-gradient(70% 110% at 100% 0%,var(--sx-mid),transparent 70%),var(--sx-deep)}
.sx-tile__scale{position:absolute;left:clamp(22px,2.4vw,34px);top:clamp(22px,2.4vw,34px);display:flex;gap:6px}
.sx-tile__scale b{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:999px;font-family:var(--sx-display);font-weight:700;font-stretch:80%;font-size:16px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.sx-tile__scale b:nth-child(1){background:#136049}.sx-tile__scale b:nth-child(2){background:#1b3a8c}.sx-tile__scale b:nth-child(3){background:#74391a}.sx-tile__scale b:nth-child(4){background:#33304a}

/* Responsive --------------------------------------------------------------- */
@media (max-width:1280px){
  .sx-stage__grid{grid-template-columns:minmax(0,.82fr) minmax(0,1fr) minmax(250px,290px);gap:clamp(12px,1.8vw,28px)}
  .sx-scope .sx-stage__title{font-size:clamp(40px,5vw,64px)}
  .sx-stage__lede{font-size:16px}
}
@media (max-width:999px){
  .sx-stage{min-height:0}
  .sx-stage__grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:10px;padding-bottom:22px}
  .sx-stage__copy{display:contents}
  .sx-scope .sx-stage__title{order:1;font-size:clamp(36px,10.6vw,66px);max-width:12ch}
  .sx-stage__bottles{order:2;height:clamp(250px,37svh,400px);margin-top:2px}
  .sx-stage__copy .sx-seg,.sx-stage .sx-seg{order:3;display:flex;width:100%;margin-top:6px}
  .sx-scope .sx-seg__opt{flex:1 1 auto;padding:0 10px;font-size:15px;min-height:50px}
  .sx-buy{order:4;margin-top:12px}
  .sx-stage__lede{order:5;max-width:none;margin-top:18px;font-size:15.5px}
  .sx-buy__panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:18px 18px 16px}
  .sx-buy__name{grid-column:1;font-size:21px}
  .sx-buy__size{grid-column:1;margin-top:2px;font-size:14px}
  .sx-buy__price{grid-column:2;grid-row:1/3;justify-content:flex-end;flex-direction:column;align-items:flex-end;gap:2px;margin-top:0;font-size:34px}
  .sx-buy__facts{display:none}
  .sx-scope .sx-buy .sx-btn{grid-column:1/-1;margin-top:14px;width:100%}
  .sx-scope .sx-buy__more{grid-column:1/-1;margin-top:6px}
  .sx-nudge--prev{left:-4px}.sx-nudge--next{right:-4px}
  .sx-ticker{padding:14px 0}
  .sx-ticker li{font-size:14px}

  .sx-compare__rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1*var(--sx-gutter));padding:6px var(--sx-gutter) 8px}
  .sx-compare__rail::-webkit-scrollbar{display:none}
  .sx-col{flex:0 0 min(76vw,320px);display:flex;flex-direction:column;scroll-snap-align:center}
  .sx-scope .sx-col__name{align-self:auto}
  .sx-col .sx-btn{margin-top:auto}
  .sx-col__numeral{font-size:clamp(84px,24vw,120px)}
  .sx-col__numeral[data-len="5"]{font-size:clamp(50px,14vw,72px)}

  .sx-why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-scope .sx-tile--inside,.sx-scope .sx-tile--swiss,.sx-scope .sx-tile--co2,.sx-scope .sx-tile--guide{grid-column:1/-1;grid-row:auto}
  .sx-scope .sx-tile--ship,.sx-scope .sx-tile--returns{grid-column:span 1;min-height:200px}
  .sx-scope .sx-tile--inside{padding-right:clamp(22px,2.4vw,34px);padding-top:26px}
  .sx-scope .sx-tile--inside h2{max-width:64%;font-size:clamp(30px,8.4vw,48px)}
  .sx-tile__bottle{right:2%;top:14px;bottom:auto;width:30%;height:230px}
  .sx-tile__list{padding-top:56px}
  .sx-tile__big{font-size:clamp(88px,26vw,140px)}
  .sx-lab__grid,.sx-inside__grid{grid-template-columns:minmax(0,1fr)}
  .sx-lab .sx-seg{display:flex;width:100%}
  .sx-scope .sx-report{rotate:0deg}
  .sx-inside__art{max-width:300px;order:2}
  .sx-origin{grid-template-columns:auto 1fr}
  .sx-origin .sx-btn{grid-column:1/-1}
  .sx-scope .sx-guide__card{grid-template-columns:minmax(0,1fr);justify-items:start}
  .sx-guide__card .sx-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  :root{transition:none}
  .sx-scope *,.sx-scope *::before,.sx-scope *::after{transition-duration:.01ms!important;animation:none!important}
  .sx-ticker{-webkit-mask-image:none;mask-image:none}
  .sx-scope .sx-ticker__row{flex-wrap:wrap;gap:10px 28px;justify-content:center}
  .sx-ticker__row[aria-hidden]{display:none}
}

/* ---- Rendering budget -------------------------------------------------------
   Sections below the first screen are laid out and painted only when they come
   near the viewport. No blur, blend or filter effects anywhere in this file.  */
.sx-lab{content-visibility:auto;contain-intrinsic-size:auto 860px}

/* Background scenes: a photograph of an empty stone table per formula, the real bottle standing on it.
   Only opacity changes on a switch, so it runs on the compositor and costs nothing on older phones. */
.sx-stage__scenes{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit}
.sx-scene{position:absolute;inset:0;opacity:0;transition:opacity .7s var(--sx-ease)}
.sx-scene[data-active]{opacity:1}
/* Anchored to the bottom edge: the line where table meets wall then sits 27.5% of the picture's height above it. */
.sx-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.sx-stage__scenes::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.38),transparent 34%,transparent 66%,rgba(0,0,0,.3)),linear-gradient(180deg,rgba(0,0,0,.4),transparent 20%,transparent 80%,rgba(0,0,0,.45))}
.sx-stage__scenes--m{display:none}
.sx-stage.has-scenes{background:color-mix(in oklab,var(--sx-deep) 35%,#000)}
.sx-stage.has-scenes .sx-stage__numeral,.sx-stage.has-scenes .sx-stage__floor{display:none}
/* Each bottle carries its own contact shadow, so it sits on the stone instead of floating over it. */
.sx-stage.has-scenes .sx-bottle::after{content:"";position:absolute;left:-30%;right:-30%;bottom:-1.9%;height:5.6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.78),rgba(0,0,0,.34) 52%,transparent)}
/* Side bottles stand further back in the shade: solid glass, less light (a see-through bottle would show the table line through it). */
.sx-stage.has-scenes .sx-bottle[data-pos="1"],.sx-stage.has-scenes .sx-bottle[data-pos="-1"]{opacity:1}
.sx-stage.has-scenes .sx-bottle[data-pos="1"] img,.sx-stage.has-scenes .sx-bottle[data-pos="-1"] img{filter:brightness(.5) saturate(.85)}
/* On a photograph the price panel and the selector are smoked glass, not a block of brand colour. */
.sx-stage.has-scenes .sx-buy__panel{background:rgba(7,9,13,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 30px 60px -30px rgba(0,0,0,.6)}
.sx-stage.has-scenes .sx-seg{background:rgba(7,9,13,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.sx-stage.has-scenes .sx-ticker{background:rgba(7,9,13,.35)}
@media (min-width:1000px){
  /* The bottle column runs the full height of the stage, so the bottle's foot lands on the table at every window size. */
  .sx-stage.has-scenes .sx-stage__grid{align-items:stretch}
  .sx-stage.has-scenes .sx-stage__copy,.sx-stage.has-scenes .sx-buy{align-self:center}
  .sx-stage.has-scenes .sx-stage__bottles{height:auto;min-height:380px}
  .sx-stage.has-scenes .sx-bottle{bottom:var(--sx-foot,12%);height:min(80%,620px)}
}
@media (max-width:999px){
  /* Phones: the photograph hangs on the bottle area, its table line just above the bottle's foot,
     and reaches far enough up and down to cover the headline and the price panel. */
  .sx-stage.has-scenes>.sx-stage__scenes{display:none}
  .sx-stage__scenes--m{--sm:max(1240px,178vw);display:block;inset:auto;left:50%;bottom:calc(10% - var(--sm)/2);width:100vw;height:var(--sm);translate:-50% 0;overflow:visible;border-radius:0}
  .sx-stage__scenes--m .sx-scene img{object-position:50% 50%}
  .sx-stage__scenes--m::after{background:linear-gradient(180deg,rgba(0,0,0,.5) 12%,rgba(0,0,0,.08) 30%,transparent 44%,transparent 54%,rgba(0,0,0,.55) 70%)}
  .sx-stage.has-scenes :is(.sx-stage__title,.sx-stage__lede,.sx-seg,.sx-buy){position:relative;z-index:2}
}
@media (prefers-reduced-motion:reduce){.sx-scene{transition:none}}

/* 8. Chrome ----------------------------------------------------------------
   The older Suizz stylesheets force their fonts with !important, so the
   system fonts are asserted here with one more class of specificity.       */
body.sx.sx{--wd-text-font:var(--sx-text);--wd-title-font:var(--sx-display);--wd-entities-title-font:var(--sx-display);--wd-alternative-font:var(--sx-text);--wd-widget-title-font:var(--sx-display);--wd-header-el-font:var(--sx-text);font-family:var(--sx-text)!important}
body.sx.sx :is(p,button,input,select,textarea,label,li,a,span,.elementor-button,.wd-nav>li>a,.price,.suizz-choice,.suizz-formula-option){font-family:var(--sx-text)!important}
body.sx.sx :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,.product-title,.wd-entities-title,.title){font-family:var(--sx-display)!important}
body.sx.sx .sx-scope :is(.sx-buy__name,.sx-buy__price,.sx-col__price,.sx-stage__numeral,.sx-col__numeral,.sx-meter__figures b,.sx-guide__text strong,.sx-guide__scale i),
body.sx.sx .sx-scope :is(.sx-buy__price,.sx-col__price,.sx-stage__numeral,.sx-col__numeral) :is(span,bdi,ins,i){font-family:var(--sx-display)!important}

/* Header: one floating bar. Clear glass while it sits on the stage, white once the page scrolls. */
:root{--sx-top:40px;--sx-header-h:88px}
@media (max-width:1024px){:root{--sx-top:40px;--sx-header-h:74px}}
body.sx .whb-header{position:relative;z-index:390}
body.sx .whb-header,body.sx .whb-main-header{background:transparent!important}
body.sx .whb-top-bar{background:color-mix(in oklab,var(--sx-deep) 62%,#000)!important}
body.sx .whb-general-header>.container{border-radius:var(--sx-r-card);transition:background-color .4s,box-shadow .4s}
body.sx .wd-content-layout:has(.sx-wrap--stage){padding-top:0}
body.sx.sx.sx:is(.sx-dark-top,:has(.sx-stage)) .whb-header:not(.whb-sticked) .whb-general-header>.container{background:rgba(255,255,255,.09)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;}
body.sx.sx.sx:is(.sx-dark-top,:has(.sx-stage)) .whb-header:not(.whb-sticked) .whb-general-header :is(.wd-nav>li>a,.wd-tools-element>a,.wd-tools-text,.wd-tools-icon,.wd-header-search-form,.wd-burger-icon){color:#fff!important}
body.sx.sx.sx:is(.sx-dark-top,:has(.sx-stage)) .whb-header:not(.whb-sticked) .whb-general-header .wd-nav>li:first-child>a{background:rgba(255,255,255,.14)!important}
body.sx.sx.sx:is(.sx-dark-top,:has(.sx-stage)) .whb-header:not(.whb-sticked) .whb-general-header .wd-cart-number{background:var(--sx-gold)!important;color:#1d1503!important}

/* The older sheets also force heading metrics with !important; restate ours. */
body.sx.sx .sx-scope .sx-stage__title{line-height:.96!important;letter-spacing:-.016em!important;color:#fff!important}
body.sx.sx .sx-scope h2{line-height:1!important;letter-spacing:-.014em!important;color:var(--sx-deep)!important}
body.sx.sx .sx-lab.sx-scope h2{color:#fff!important}
body.sx.sx .sx-scope h3{line-height:1.12!important;letter-spacing:-.01em!important}
body.sx.sx .sx-scope .sx-col__name,body.sx.sx .sx-scope .sx-col__name a{color:var(--t-deep)!important}

/* Navigation chip, pre-footer, newsletter and footer take the formula tone. */
body.sx.sx .whb-sticked .whb-general-header .wd-nav>li:first-child>a,
body.sx.sx:not(.sx-dark-top,:has(.sx-stage)) .whb-general-header .wd-nav>li:first-child>a{background:color-mix(in oklab,var(--sx-deep) 8%,#fff)!important}
body.sx.sx .wd-prefooter :is(h2,h3,.elementor-heading-title){color:var(--sx-deep)!important}
body.sx.sx .suizz-delivery{background:color-mix(in oklab,var(--sx-deep) 5%,#fff)!important}
body.sx.sx .suizz-confidence{background:#fff!important}
body.sx.sx .wd-prefooter .suizz-delivery :is(.elementor-button,.btn){background:var(--sx-deep)!important;border-color:var(--sx-deep)!important;color:#fff!important;border-radius:999px!important}
body.sx.sx .suizz-newsletter{position:relative;overflow:clip;border-radius:var(--sx-r-scene) var(--sx-r-scene) 0 0;background:radial-gradient(55% 120% at 100% 0%,var(--sx-mid),transparent 70%),var(--sx-deep)!important}
body.sx.sx .suizz-newsletter :is(h2,h3,p,label,span,div,.elementor-heading-title){color:#fff!important}
body.sx.sx .suizz-newsletter :is(p,label,.elementor-field-subgroup span){color:rgba(255,255,255,.8)!important}
body.sx.sx .suizz-newsletter a:not(.suizz-newsletter-account){color:var(--sx-gold-hi)!important}
body.sx.sx .suizz-newsletter :is(input[type=email],input[type=text]){min-height:56px;border-radius:18px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.1)!important;color:#fff!important}
body.sx.sx .suizz-newsletter .elementor-button{min-height:56px;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,var(--sx-gold-hi),var(--sx-gold) 58%,var(--sx-gold-lo) 135%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
body.sx.sx .suizz-newsletter .elementor-button,body.sx.sx .suizz-newsletter .elementor-button span{color:#1d1503!important;font-weight:600!important}
body.sx.sx .suizz-newsletter .suizz-newsletter-account{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);color:#fff!important}
body.sx.sx .suizz-newsletter .e-con{border-color:rgba(255,255,255,.16)!important}
body.sx.sx footer.wd-footer{background:color-mix(in oklab,var(--sx-deep) 58%,#000)!important}
/* The closed mobile menu used to leak its shadow along the left edge of every page. */
body.sx.sx .wd-side-hidden:not(.wd-opened){box-shadow:none!important}
body.sx.sx .wd-prefooter{padding-bottom:0!important;margin-bottom:0!important}
body.sx.sx .wd-prefooter>.container{padding-bottom:0!important;margin-bottom:0!important}
body.sx.sx .suizz-newsletter{margin-bottom:0!important;border-radius:var(--sx-r-scene) var(--sx-r-scene) 0 0!important}

/* Header bar: never edge to edge; when the page scrolls it floats a little below the top as frosted glass. */
body.sx.sx .whb-general-header>.container{max-width:var(--sx-wrap)!important;margin-inline:auto!important}
body.sx.sx .whb-sticked .whb-general-header>.container{translate:0 8px;background:rgba(255,255,255,.97)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 14px 34px -16px rgba(0,0,0,.3)!important;}
@media (max-width:1024px){body.sx.sx .whb-general-header>.container{max-width:calc(100% - 16px)!important}}
body.sx.sx :is(h1,h2){font-stretch:92%!important}
/* The homepage grid already carries these four facts. */
body.sx.sx.home .suizz-confidence{display:none!important}
body.sx.sx .sx-scope .sx-tile strong,body.sx.sx .sx-scope .sx-tile__big,body.sx.sx .sx-scope .sx-tile__big sub,body.sx.sx .sx-scope .sx-tile__scale b{font-family:var(--sx-display)!important}
body.sx.sx .sx-scope .sx-tile--inside h2{color:#fff!important}

/* Main menu: every item is the same pill, centred on one line. The old sheets drew the first one as a grey box. */
body.sx.sx .whb-general-header .wd-nav-main{align-items:center!important;gap:2px!important}
body.sx.sx .whb-general-header .wd-nav-main>li{margin:0!important;padding:0!important}
body.sx.sx .whb-general-header .wd-nav-main>li>a{display:inline-flex!important;align-items:center!important;height:44px!important;min-height:0!important;padding:0 16px!important;border:0!important;border-radius:999px!important;line-height:1!important;font-weight:600!important;box-shadow:none!important;transition:background-color .25s}
body.sx.sx .whb-general-header .wd-nav-main>li>a:hover{background:color-mix(in oklab,currentColor 9%,transparent)!important}
/* The fixed header leaves no band or hairline behind the floating pill. */
body.sx.sx .whb-sticked .whb-main-header,body.sx.sx .whb-sticked .whb-general-header{background:none!important;box-shadow:none!important;border:0!important}

/* ---- One measure, one heading voice -------------------------------------- */
/* Headings built in Elementor carried -0.045em tracking: at display sizes the letters fused. */
body.sx.sx :is(h1,h2,h3,.elementor-heading-title,.suizz-newsletter-form-title){letter-spacing:-.014em!important}
/* Delivery, newsletter and footer sit on the same left and right edge as everything above them. */
body.sx.sx .suizz-delivery,body.sx.sx .suizz-newsletter{padding-inline:calc(50% - var(--sx-wrap)/2)!important}
body.sx.sx .suizz-delivery{padding-block:clamp(56px,7vw,104px)!important;gap:clamp(28px,5vw,80px)!important}
body.sx.sx .suizz-newsletter{margin-top:0!important;padding-block:clamp(48px,6vw,88px)!important}
body.sx.sx .suizz-global-assurance{background:color-mix(in oklab,var(--sx-deep) 5%,#fff)!important}
body.sx.sx footer.wd-footer .container{width:calc(var(--sx-wrap) + 30px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
/* The map is a crop of Europe: let its edges dissolve instead of ending on a ruler line. */
body.sx .suizz-delivery-map svg{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 78%,transparent),linear-gradient(#000 80%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 78%,transparent),linear-gradient(#000 80%,transparent);mask-composite:intersect}
body.sx.sx .suizz-delivery a:not(.btn,.elementor-button){color:var(--sx-deep)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:color-mix(in oklab,var(--sx-deep) 35%,transparent)}
/* Newsletter consent: box and sentence on one line. */
body.sx.sx .suizz-newsletter .elementor-field-type-acceptance .elementor-field-option{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px}
body.sx.sx .suizz-newsletter .elementor-field-type-acceptance input[type=checkbox]{width:22px!important;height:22px!important;min-height:0!important;margin:0!important;accent-color:var(--sx-gold)}
body.sx.sx .suizz-newsletter .elementor-field-type-acceptance .elementor-field-option label{margin:0!important;font-size:15px;line-height:1.45}
/* Top-bar ticker fades at both ends instead of being cut mid-word. */
body.sx .whb-top-bar .suizz-trust-marquee{position:relative}
body.sx .whb-top-bar .suizz-trust-marquee::before,body.sx .whb-top-bar .suizz-trust-marquee::after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:48px;pointer-events:none}
body.sx .whb-top-bar .suizz-trust-marquee::before{left:0;background:linear-gradient(90deg,color-mix(in oklab,var(--sx-deep) 62%,#000),transparent)}
body.sx .whb-top-bar .suizz-trust-marquee::after{right:0;background:linear-gradient(270deg,color-mix(in oklab,var(--sx-deep) 62%,#000),transparent)}
/* WPML's own language list under the footer was a white strip; it now closes the footer. */
body.sx .wpml-ls-statics-footer{margin:0!important;padding:14px 16px 20px!important;background:color-mix(in oklab,var(--sx-deep) 58%,#000)!important;border-top:1px solid rgba(255,255,255,.1)}
body.sx .wpml-ls-statics-footer ul{display:flex;justify-content:center;gap:6px;margin:0;padding:0}
body.sx .wpml-ls-statics-footer li{margin:0!important}
body.sx.sx .wpml-ls-statics-footer a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px!important;border-radius:999px;background:transparent!important;font-size:14px;color:rgba(255,255,255,.72)!important}
body.sx.sx .wpml-ls-statics-footer .wpml-ls-current-language a{background:rgba(255,255,255,.12)!important;color:#fff!important}
body.sx.sx .wpml-ls-statics-footer a span{color:inherit!important}
/* On phones the back-to-top disc sat on top of prices and table cells. */
@media (max-width:768px){body.sx .scrollToTop{display:none!important}}
body.sx.sx .wd-prefooter{background:color-mix(in oklab,var(--sx-deep) 5%,#fff)!important}
body.sx.sx .suizz-delivery-map svg{display:block;width:min(100%,480px)!important;height:auto!important;max-height:none!important;aspect-ratio:600/710;margin-inline:auto}
body.sx.sx .suizz-map-caption,body.sx.sx .suizz-map-caption p{text-align:center!important}
/* WoodMart's own containers (inner pages, product, cart, checkout) use the same measure. */
body.sx{--wd-container-w:calc(var(--sx-wrap) + 30px)}

/* Pre-footer and footer are far below the first screen: render them on approach. */
body.sx .suizz-delivery{content-visibility:auto;contain-intrinsic-size:auto 700px}
body.sx .suizz-newsletter{content-visibility:auto;contain-intrinsic-size:auto 500px}
body.sx footer.wd-footer{content-visibility:auto;contain-intrinsic-size:auto 480px}

/* 9. Product page -----------------------------------------------------------
   The WoodMart/Elementor product layout keeps its structure. Its first screen
   becomes the same formula scene as the homepage: glass purchase panel, gold
   buy button, white type. Everything below takes the formula tone.          */
@media (prefers-reduced-motion:no-preference){}

body.sx.sx-dark-top.single-product .wd-content-layout{padding-top:0}
body.sx.sx-dark-top .suizz-spatial-purchase-layout{position:relative;isolation:isolate;padding-bottom:clamp(28px,4vw,56px);align-items:flex-start}
body.sx.sx-dark-top .suizz-spatial-purchase-layout::before{content:"";position:absolute;z-index:-1;top:calc(-140px - var(--sx-header-h));bottom:0;left:calc(50% - 50vw);width:100vw;border-radius:0 0 var(--sx-r-scene) var(--sx-r-scene);
  background:radial-gradient(40% 55% at 26% 46%,color-mix(in oklab,var(--sx-glow) 70%,transparent),transparent 72%),radial-gradient(90% 60% at 60% 115%,var(--sx-mid),transparent 62%),linear-gradient(180deg,color-mix(in oklab,var(--sx-deep) 86%,#000),var(--sx-deep))}
body.sx.sx.sx-dark-top .wd-el-breadcrumbs,body.sx.sx.sx-dark-top .wd-el-breadcrumbs :is(a,span,nav){position:relative;z-index:1;color:rgba(255,255,255,.72)!important}
body.sx.sx.sx-dark-top .wd-el-breadcrumbs .wd-last{color:#fff!important}

/* gallery */
body.sx.sx.sx-dark-top .suizz-gallery :is(.woocommerce-product-gallery__image,.wd-carousel-item) img{border-radius:var(--sx-r-card)!important}
body.sx.sx.sx-dark-top .suizz-gallery .product-labels .product-label{border-radius:999px!important;padding:7px 12px!important;font:700 13px/1 var(--sx-text)!important;letter-spacing:0!important;text-transform:none!important}
body.sx.sx.sx-dark-top .suizz-gallery .product-labels .onsale{background:var(--sx-gold)!important;color:#1d1503!important}
body.sx.sx.sx-dark-top .suizz-gallery .product-labels .attribute-label{background:rgba(16,18,22,.72)!important;color:#fff!important;}

/* purchase panel */
body.sx.sx.sx-dark-top .suizz-purchase{padding:clamp(20px,2.4vw,32px)!important;border-radius:var(--sx-r-card)!important;background:color-mix(in oklab,var(--sx-mid) 34%,var(--sx-deep))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 30px 60px -30px rgba(0,0,0,.5);color:#fff!important}
body.sx.sx.sx-dark-top .suizz-purchase :is(h1,h2,h3,p,span,label,strong,small,div,li){color:#fff!important}
body.sx.sx.sx-dark-top .suizz-purchase .product_title{text-align:left!important;font-weight:700!important;font-stretch:90%;font-size:clamp(34px,3.4vw,54px)!important;line-height:1!important;letter-spacing:-.02em!important}
body.sx.sx.sx-dark-top .suizz-purchase .suizz-product-heading{align-items:flex-start!important;text-align:left!important}
body.sx.sx.sx-dark-top .suizz-purchase .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;justify-content:flex-start!important;text-align:left!important}
body.sx.sx.sx-dark-top .suizz-purchase .price,body.sx.sx.sx-dark-top .suizz-purchase .price :is(.amount,bdi,ins,span){font-family:var(--sx-display)!important;font-weight:700!important;font-stretch:84%;font-size:clamp(34px,3vw,46px)!important;line-height:1!important;letter-spacing:-.03em!important;text-decoration:none!important}
body.sx.sx.sx-dark-top .suizz-purchase .price del,body.sx.sx.sx-dark-top .suizz-purchase .price del :is(.amount,bdi,span){order:2;font-family:var(--sx-text)!important;font-size:17px!important;font-weight:500!important;letter-spacing:0!important;color:rgba(255,255,255,.6)!important;text-decoration:line-through!important}
body.sx.sx.sx-dark-top .suizz-purchase .price ins,body.sx.sx.sx-dark-top .suizz-purchase .price ins :is(.amount,bdi,span){color:var(--sx-gold-hi)!important}
body.sx.sx.sx-dark-top .suizz-purchase :is(p,small,.suizz-meter p,.woocommerce-product-details__short-description p){color:rgba(255,255,255,.78)!important}

/* concentration choices */
body.sx.sx.sx-dark-top .suizz-purchase .wd-swatch{min-height:64px;border:0!important;border-radius:18px!important;background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)!important;color:#fff!important;transition:background-color .3s,scale .3s var(--sx-ease)}
body.sx.sx.sx-dark-top .suizz-purchase .wd-swatch:hover{background:rgba(255,255,255,.18)!important}
body.sx.sx.sx-dark-top .suizz-purchase .wd-swatch:active{scale:.97}
body.sx.sx.sx-dark-top .suizz-purchase .wd-swatch :is(strong,small,em,b,span){color:#fff!important}
body.sx.sx.sx-dark-top .suizz-purchase .wd-swatch.wd-active{background:#fff!important;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)!important}
body.sx.sx.sx-dark-top .suizz-purchase .wd-swatch.wd-active,body.sx.sx.sx-dark-top .suizz-purchase .wd-swatch.wd-active :is(strong,small,em,b,span){color:var(--sx-deep)!important}

/* meter and facts */
body.sx.sx.sx-dark-top .suizz-purchase .suizz-meter-track{height:10px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.3))!important}
body.sx.sx.sx-dark-top .suizz-purchase .suizz-meter-track i{background:var(--sx-gold-hi)!important;box-shadow:0 0 0 4px rgba(244,225,168,.25)!important}
body.sx.sx.sx-dark-top .suizz-purchase .suizz-purchase-facts{border:0!important;border-radius:18px!important;background:rgba(255,255,255,.08)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
body.sx.sx.sx-dark-top .suizz-purchase a:not(.wd-swatch,.button,.btn){color:var(--sx-gold-hi)!important}
body.sx.sx.sx-dark-top .suizz-purchase .suizz-r9-proof svg{color:var(--sx-gold-hi)!important}

/* buy button: the one gold action */
body.sx.sx .single_add_to_cart_button,body.sx.sx .suizz-mobile-purchase-button{min-height:60px!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,var(--sx-gold-hi),var(--sx-gold) 58%,var(--sx-gold-lo) 135%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 14px 30px -14px rgba(0,0,0,.55)!important;color:#1d1503!important;font:600 17px/1 var(--sx-text)!important;letter-spacing:0!important;text-transform:none!important;transition:scale .3s var(--sx-ease),box-shadow .3s!important}
body.sx.sx .single_add_to_cart_button:hover{scale:1}
body.sx.sx .single_add_to_cart_button:active,body.sx.sx .suizz-mobile-purchase-button:active{scale:.97}
body.sx.sx .suizz-mobile-purchase{border-radius:24px 24px 0 0!important;background:var(--sx-deep)!important;box-shadow:0 -1px 0 rgba(255,255,255,.14),0 -20px 40px -20px rgba(0,0,0,.5)!important}
body.sx.sx .suizz-mobile-purchase :is(span,strong,bdi){color:#fff!important}

/* section links under the stage */
body.sx.sx .suizz-product-navigation{margin-top:clamp(20px,3vw,40px)!important;padding:6px!important;border-radius:999px!important;background:color-mix(in oklab,var(--sx-deep) 7%,#fff)!important}
body.sx.sx .suizz-product-navigation .btn{min-height:48px;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--sx-deep)!important;font:600 15px/1 var(--sx-text)!important;letter-spacing:0!important;text-transform:none!important}
body.sx.sx .suizz-product-navigation .btn .wd-btn-text{color:var(--sx-deep)!important}
body.sx.sx .suizz-product-navigation .btn:hover{background:#fff!important;box-shadow:0 6px 16px -8px rgba(0,0,0,.25)}

@media (max-width:1024px){
  body.sx.sx.sx-dark-top .suizz-purchase{padding:18px!important}
}

/* product story chapters, laboratory block and reviews on the formula tone */
body.sx.sx .suizz-r9-chapter,body.sx.sx .suizz-laboratory-documentation,body.sx.sx .suizz-reviews-section{overflow:hidden;border:0!important;border-radius:var(--sx-r-scene)!important}
body.sx.sx .suizz-r9-chapter :is(h2,h3,.elementor-heading-title){color:var(--sx-deep)!important}
body.sx.sx .suizz-r9-chapter.suizz-r9-ink{background:radial-gradient(60% 90% at 0% 0%,var(--sx-mid),transparent 70%),var(--sx-deep)!important}
body.sx.sx .suizz-r9-chapter.suizz-r9-ink :is(h2,h3,.elementor-heading-title,strong){color:#fff!important}
body.sx.sx .suizz-r9-chapter.suizz-r9-ink :is(p,span,small,li){color:rgba(255,255,255,.8)!important}
body.sx.sx .suizz-r9-chapter.suizz-r9-ink svg{color:var(--sx-gold-hi)!important}
body.sx.sx .suizz-r9-chapter:is(.suizz-r9-sand,.suizz-r9-blue),body.sx.sx .suizz-reviews-section{background:color-mix(in oklab,var(--sx-deep) 6%,#fff)!important}
body.sx.sx .suizz-r9-chapter.suizz-r9-white{background:#fff!important;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--sx-deep) 13%,transparent)}
body.sx.sx .suizz-r9-chapter .btn,body.sx.sx .suizz-r9-answers .btn{border:0!important;border-radius:999px!important;background:var(--sx-deep)!important;color:#fff!important}
body.sx.sx .suizz-r9-chapter .btn .wd-btn-text,body.sx.sx .suizz-r9-answers .btn .wd-btn-text{color:#fff!important}
body.sx.sx .suizz-r9-answers :is(h2,h3,.elementor-heading-title),body.sx.sx .suizz-reviews-section :is(h2,h3,.elementor-heading-title){color:var(--sx-deep)!important}
body.sx.sx .suizz-laboratory-documentation{background:radial-gradient(55% 90% at 100% 0%,color-mix(in oklab,var(--sx-glow) 55%,transparent),transparent 70%),var(--sx-deep)!important}
body.sx.sx .suizz-laboratory-documentation>.e-con:first-child :is(h2,h3,.elementor-heading-title,strong,b){color:#fff!important}
body.sx.sx .suizz-laboratory-documentation>.e-con:first-child :is(p,span,li,div){color:rgba(255,255,255,.82)!important}
body.sx.sx .suizz-laboratory-documentation .btn{border:0!important;border-radius:999px!important;background:linear-gradient(180deg,var(--sx-gold-hi),var(--sx-gold) 58%,var(--sx-gold-lo) 135%)!important}
body.sx.sx .suizz-laboratory-documentation .btn,body.sx.sx .suizz-laboratory-documentation .btn .wd-btn-text{color:#1d1503!important}
body.sx.sx .suizz-laboratory-documentation>.e-con:last-child{border-radius:var(--sx-r-card)!important}
body.sx.sx .elementor-1824 .e-con:has(>.elementor-widget .shop_attributes,>.e-con>.elementor-widget .shop_attributes){border-radius:var(--sx-r-scene)!important;background:color-mix(in oklab,var(--sx-deep) 6%,#fff)!important}
body.sx.sx .elementor-1824 .e-con:has(>.elementor-widget .shop_attributes,>.e-con>.elementor-widget .shop_attributes) :is(h2,h3,.elementor-heading-title){color:var(--sx-deep)!important}
body.sx.sx.sx-dark-top .woocommerce-product-gallery :is(.woocommerce-product-gallery__wrapper,.wd-carousel-item,.woocommerce-product-gallery__image,.wd-carousel-item img){border-radius:var(--sx-r-card)!important;overflow:hidden}

/* fixes: scene reaches the bottom of the purchase panel; photo stays in view while the panel scrolls */
body.sx.sx-dark-top .suizz-spatial-purchase-layout::before{height:auto!important;bottom:0!important}
body.sx.sx.sx-dark-top .suizz-purchase .product_title{font-stretch:90%!important}
body.sx.sx.sx-dark-top .suizz-purchase .suizz-purchase-facts{padding:14px 16px!important}
body.sx.sx.sx-dark-top .woocommerce-product-gallery :is(.wd-carousel-inner,.wd-carousel,.wd-gallery-images){border-radius:var(--sx-r-card)!important;overflow:hidden}
@media (min-width:1025px){body.sx.sx-dark-top .suizz-gallery{position:sticky!important;top:112px;align-self:start}}
body.sx.sx.sx-dark-top .suizz-gallery .wd-gallery-images :is(.wd-carousel-inner,.wd-carousel,.wd-carousel-wrap,.wd-carousel-item,figure,figure>a){height:auto!important;max-height:none!important}
body.sx.sx.sx-dark-top .suizz-gallery .wd-gallery-images .wd-carousel-item img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1;object-fit:cover!important}
body.sx.sx.sx-dark-top .suizz-gallery .wd-gallery-thumb img{border-radius:18px!important}
body.sx.sx.sx-dark-top .suizz-purchase .suizz-r9-chooser-label .elementor-heading-title{font-family:var(--sx-text)!important;font-weight:600!important;font-size:15px!important;letter-spacing:0!important}

/* ---- Second pass ----------------------------------------------------------- */
/* Concentrations read in rising order, the blend last. */
body.sx .suizz-purchase .wd-swatches>.wd-swatch{order:1}
body.sx .suizz-purchase .wd-swatches>.wd-swatch[aria-label^="30"]{order:2}
body.sx .suizz-purchase .wd-swatches>.wd-swatch[aria-label*="CBN"]{order:3}
/* Thumbnails: all square, none greyed out; the current one carries a gold ring. */
body.sx.sx .suizz-gallery .wd-gallery-thumb .wd-carousel-item{opacity:1!important}
body.sx.sx .suizz-gallery .wd-gallery-thumb img{display:block;width:100%!important;height:auto!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:18px!important;outline:0 solid transparent;outline-offset:-3px;transition:outline-color .25s}
body.sx.sx .suizz-gallery .wd-gallery-thumb [class*="wd-thumb-active"] img{outline:3px solid var(--sx-gold)}
/* Apple Pay and Google Pay take the same pill shape as every other button. */
body.sx .paypercut-express-checkout__mount{overflow:hidden;border-radius:999px}
/* Chapter photos fill their half of the card instead of stopping short. */
body.sx.sx .suizz-r9-media{align-self:stretch!important}
body.sx.sx .suizz-r9-media{display:flex!important;flex-direction:column!important}
body.sx.sx .suizz-r9-media .suizz-r9-photo{position:relative!important;flex:1 1 auto!important;align-self:stretch!important;width:100%!important;height:auto!important;max-height:none!important;min-height:clamp(300px,40vw,560px);overflow:hidden}
body.sx.sx .suizz-r9-media .suizz-r9-photo :is(a,.elementor-widget-container){display:block!important;position:absolute;inset:0;height:auto!important}
body.sx.sx .suizz-r9-media .suizz-r9-photo img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important}
@media (max-width:1024px){body.sx.sx .suizz-r9-media .suizz-r9-photo{min-height:clamp(260px,76vw,520px)}}
/* The report button was dark on dark. */
body.sx.sx .suizz-laboratory-documentation .elementor-button{min-height:52px;padding:0 26px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:var(--sx-deep)!important;font-weight:600!important;display:inline-flex;align-items:center}
body.sx.sx .suizz-laboratory-documentation .elementor-button :is(span){color:var(--sx-deep)!important}

body.sx .suizz-r9-chapter,body.sx .suizz-laboratory-documentation{content-visibility:auto;contain-intrinsic-size:auto 620px}

/* 10. Shop pages --------------------------------------------------------------
   Catalogue, bag and checkout keep their WooCommerce/WoodMart structure and
   take the same tone, radius and gold action as the rest of the system.     */
body.sx.sx{--sz-blue:var(--sx-deep);--sz-ink:var(--sx-deep)}
body.sx.sx .wd-page-title{overflow:hidden;border-radius:var(--sx-r-scene)!important;background:radial-gradient(50% 120% at 100% 0%,color-mix(in oklab,var(--sx-glow) 60%,transparent),transparent 70%),var(--sx-deep)!important}
body.sx.sx .wd-page-title :is(h1,.title,.entry-title,p,span,a,svg){color:#fff!important}
body.sx.sx .wd-product .wd-product-thumb,body.sx.sx .wd-product .wd-product-thumb img{border-radius:var(--sx-r-card)!important}
body.sx.sx :is(.checkout-button,#place_order,.woocommerce-mini-cart__buttons .checkout){border:0!important;border-radius:999px!important;background:linear-gradient(180deg,var(--sx-gold-hi),var(--sx-gold) 58%,var(--sx-gold-lo) 135%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 14px 30px -16px rgba(0,0,0,.45)!important;color:#1d1503!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
body.sx.sx :is(.suizz-cart-summary,.cart-totals-inner){border-radius:var(--sx-r-card)!important;background:color-mix(in oklab,var(--sx-deep) 5%,#fff)!important}
body.sx.sx .suizz-cart-summary .cart-totals-inner{background:transparent!important}
body.sx.sx.woocommerce-checkout :is(.wd-page-wrapper,.wd-page-content){background:color-mix(in oklab,var(--sx-deep) 5%,#fff)!important}

/* Address finder: suggestion list under the street, city and postcode fields */
body.sx .form-row:not(.suizz-flow-collapsed) .woocommerce-input-wrapper{position:relative;display:block}
.sxa-panel{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);overflow:hidden auto;max-height:min(340px,48vh);padding:6px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px color-mix(in oklab,var(--sx-deep) 10%,transparent),0 24px 48px -18px rgba(0,0,0,.35);font-family:var(--sx-text);animation:sxa-in .18s var(--sx-ease)}
#billing_postcode_field .sxa-panel,#shipping_postcode_field .sxa-panel,#billing_city_field .sxa-panel,#shipping_city_field .sxa-panel{min-width:min(300px,84vw)}
#billing_postcode_field .sxa-panel,#shipping_postcode_field .sxa-panel{left:auto}
#billing_city_field .sxa-panel,#shipping_city_field .sxa-panel{right:auto}
/* On a phone the field scrolls to the top when touched, so the list stays above the keyboard. */
body.sx :is(#billing_city,#shipping_city,#billing_postcode,#shipping_postcode){scroll-margin-top:96px}
@keyframes sxa-in{from{opacity:0;translate:0 -4px}}
body.sx .sxa-panel .sxa-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:100%;min-height:54px;margin:0;padding:8px 12px;border:0;border-radius:14px;background:none;box-shadow:none;color:var(--sx-deep);text-align:left;text-transform:none;letter-spacing:0;font:inherit;line-height:1.25;cursor:pointer}
body.sx .sxa-panel .sxa-row svg{box-sizing:content-box;padding:8px;border-radius:50%;background:color-mix(in oklab,var(--sx-deep) 7%,#fff);color:var(--sx-deep)}
body.sx .sxa-panel .sxa-row strong{display:block;font-weight:500;font-size:16px;color:var(--sx-deep)}
body.sx .sxa-panel .sxa-row strong b{font-weight:700}
body.sx .sxa-panel .sxa-row small{display:block;margin-top:2px;font-size:14px;color:color-mix(in oklab,var(--sx-deep) 62%,#fff)}
body.sx .sxa-panel .sxa-row:hover,body.sx .sxa-panel .sxa-row[aria-selected="true"]{background:color-mix(in oklab,var(--sx-deep) 7%,#fff)}
.sxa-none{margin:0;padding:14px 12px 8px;font-size:14.5px;color:color-mix(in oklab,var(--sx-deep) 70%,#fff)}
.sxa-credit{margin:0;padding:6px 12px 4px;text-align:right;font-size:11.5px}
body.sx .sxa-credit a{color:color-mix(in oklab,var(--sx-deep) 50%,#fff);text-decoration:none}
.sxa-hint{display:block;margin-top:6px;font-size:13.5px;font-weight:600;color:var(--sx-gold-lo)}
/* a thin moving line under the field while a lookup is running */
.sxa-busy .woocommerce-input-wrapper::after{content:"";position:absolute;left:14px;right:14px;bottom:1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--sx-gold),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:sxa-run .9s linear infinite}
@keyframes sxa-run{from{background-position:-40% 0}to{background-position:140% 0}}
@media (prefers-reduced-motion:reduce){.sxa-panel,.sxa-busy .woocommerce-input-wrapper::after{animation:none}}

/* ---- Catalogue: cards, tabs and sorting in the same vocabulary as the home page ---- */
body.sx.sx .wd-product .wd-product-wrapper{padding:12px!important;border:0!important;border-radius:var(--sx-r-card)!important;background:color-mix(in oklab,var(--sx-deep) 4.5%,#fff)!important;box-shadow:none!important;transition:translate .4s var(--sx-ease),box-shadow .4s var(--sx-ease)}
@media (hover:hover){body.sx.sx .wd-product:hover .wd-product-wrapper{translate:0 -4px;box-shadow:0 28px 48px -30px color-mix(in oklab,var(--sx-deep) 70%,transparent)!important}}
body.sx.sx .wd-product .wd-product-thumb,body.sx.sx .wd-product .wd-product-thumb img{border-radius:calc(var(--sx-r-card) - 10px)!important}
body.sx.sx .wd-product .wd-buttons{display:none!important}
body.sx.sx .wd-product .product-labels{left:12px!important;top:12px!important;gap:6px}
body.sx.sx .wd-product .product-label{display:inline-flex!important;align-items:center;height:28px!important;min-height:28px!important;min-width:0!important;padding:0 12px!important;border-radius:999px!important;background:color-mix(in oklab,var(--sx-deep) 88%,transparent)!important;color:#fff!important;font-family:var(--sx-text)!important;font-weight:600!important;font-size:13px!important;line-height:28px!important;letter-spacing:0!important}
body.sx.sx .wd-product .product-label.onsale{background:var(--sx-gold)!important;color:#1d1503!important}
body.sx.sx .wd-product .product-element-bottom{padding:16px 8px 8px!important}
body.sx.sx .wd-product .wd-entities-title,body.sx.sx .wd-product .wd-entities-title a{font-family:var(--sx-display)!important;font-weight:600!important;font-stretch:92%;font-size:clamp(18px,1.5vw,22px)!important;line-height:1.15!important;letter-spacing:-.01em!important;color:var(--sx-deep)!important}
body.sx.sx .wd-product .price{margin:10px 0 14px!important}
body.sx.sx .wd-product .price,body.sx.sx .wd-product .price :is(ins,.amount,bdi){font-family:var(--sx-display)!important;font-weight:700!important;font-stretch:92%;font-size:clamp(22px,1.9vw,28px)!important;line-height:1!important;letter-spacing:-.01em!important;color:var(--sx-deep)!important;text-decoration:none!important}
body.sx.sx .wd-product .price del,body.sx.sx .wd-product .price del :is(.amount,bdi){font-family:var(--sx-text)!important;font-weight:500!important;font-size:15px!important;color:color-mix(in oklab,var(--sx-deep) 50%,#fff)!important;text-decoration:line-through!important}
body.sx.sx .wd-product .wd-add-btn>a{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:52px!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:var(--sx-deep)!important;box-shadow:none!important;color:#fff!important;font-family:var(--sx-text)!important;font-weight:600!important;font-size:16px!important;letter-spacing:0!important;text-transform:none!important;transition:background-color .25s,scale .2s}
body.sx.sx .wd-product .wd-add-btn>a :is(span){color:#fff!important;font-size:16px!important;text-transform:none!important}
body.sx.sx .wd-product .wd-add-btn>a:hover{background:color-mix(in oklab,var(--sx-deep) 82%,#fff)!important}
body.sx.sx .wd-product .wd-add-btn>a:active{scale:.98}
/* Category tabs and the sort menu were boxes with square corners. */
body.sx.sx .menu-suizz-category-tabs-container .menu{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0!important;padding:0!important;border:0!important}
body.sx.sx .menu-suizz-category-tabs-container .menu>li{margin:0!important;padding:0!important;border:0!important}
body.sx.sx .menu-suizz-category-tabs-container .menu>li>a{display:inline-flex!important;align-items:center;min-height:46px!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:color-mix(in oklab,var(--sx-deep) 6%,#fff)!important;color:var(--sx-deep)!important;font-weight:600!important;font-size:16px!important;transition:background-color .25s}
body.sx.sx .menu-suizz-category-tabs-container .menu>li.current-menu-item>a{background:var(--sx-deep)!important;color:#fff!important}
body.sx.sx .woocommerce-ordering select{min-height:46px!important;padding:0 44px 0 20px!important;border:0!important;border-radius:999px!important;background-color:color-mix(in oklab,var(--sx-deep) 6%,#fff)!important;box-shadow:none!important;color:var(--sx-deep)!important;font-weight:600!important;font-size:15px!important}
body.sx.sx .suizz-guide-banner{overflow:hidden!important;border-radius:var(--sx-r-card)!important}
/* Quantity stepper: one pill, round buttons. */
body.sx.sx div.quantity{display:inline-flex!important;align-items:center;gap:2px;width:max-content!important;max-width:none;flex:0 0 auto!important;height:44px;padding:0 4px!important;border:0!important;border-radius:999px!important;background:color-mix(in oklab,var(--sx-deep) 7%,#fff)!important;box-shadow:none!important}
body.sx.sx div.quantity :is(.minus,.plus){display:grid!important;place-items:center;width:36px!important;min-width:36px!important;height:36px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;color:var(--sx-deep)!important;font-size:18px!important;font-weight:500!important;line-height:1!important}
body.sx.sx div.quantity input.qty{width:38px!important;min-width:0!important;height:36px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--sx-deep)!important;font-weight:600!important;font-size:16px!important;text-align:center!important}
/* Page headings on inner pages take the tone, not neutral black. */
body.sx.sx main :is(h1,h2).elementor-heading-title,body.sx.sx main .entry-title{color:var(--sx-deep)}
/* Payment methods: soft cards; the chosen one is outlined in the tone colour. */
body.sx.sx .wc_payment_methods>li.wc_payment_method{margin:0 0 10px!important;padding:18px!important;border:1px solid color-mix(in oklab,var(--sx-deep) 14%,#fff)!important;border-radius:20px!important;background:#fff!important;transition:border-color .25s,box-shadow .25s}
body.sx.sx .wc_payment_methods>li.wc_payment_method:has(>input:checked){border-color:var(--sx-deep)!important;box-shadow:0 0 0 1px var(--sx-deep)}
body.sx.sx .wc_payment_methods>li.wc_payment_method>input[type=radio]{accent-color:var(--sx-deep)}

/* Phones: town and postcode each get the full width, so "Start typing your town" fits. */
@media (max-width:600px){
  body.sx.sx.woocommerce-checkout :is(#billing_city_field,#shipping_city_field,#billing_postcode_field,#shipping_postcode_field){width:100%!important;flex:1 1 100%!important;flex-basis:100%!important;grid-column:1/-1!important;float:none!important;margin-right:0!important}
  body.sx .sxa-panel{max-height:min(320px,42vh)}
}

/* 11. Polish pass ---------------------------------------------------------------
   One palette taken from the photographs, one button, one surface. First visit
   asks one question at a time. Nothing here adds an effect or a download.      */

/* ---- Comparison tiles: the same table scene as the stage, drawn in CSS -------- */
.sx-scope .sx-col__tile{background:
  linear-gradient(180deg,transparent 0 73.4%,rgba(255,255,255,.1) 73.4% 73.7%,transparent 73.7%),
  linear-gradient(180deg,transparent 73.6%,color-mix(in oklab,var(--t-mid) 55%,var(--t-deep)) 73.6%,color-mix(in oklab,var(--t-deep) 80%,#000)),
  radial-gradient(70% 60% at 60% 42%,color-mix(in oklab,var(--t-glow) 55%,transparent),transparent 74%),
  linear-gradient(180deg,color-mix(in oklab,var(--t-deep) 80%,#000),var(--t-deep))}
.sx-col__tile img{right:auto;left:50%;bottom:13%;height:70%;rotate:0deg;translate:-50% 0}
.sx-col:hover .sx-col__tile img{rotate:0deg;translate:-50% -2%}
.sx-col__tile::after{content:"";position:absolute;left:50%;bottom:10.6%;width:34%;height:5%;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent)}
.sx-col__tile img{z-index:1}
.sx-col__numeral{left:7%;top:6%;font-weight:700;font-size:clamp(34px,3.4vw,54px);line-height:1;letter-spacing:-.02em}
.sx-col__numeral[data-len="5"]{font-size:clamp(26px,2.5vw,40px);top:6%}
.sx-col[data-active] .sx-col__tile{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sx-gold)}
@media (max-width:999px){.sx-col__numeral{font-size:38px}.sx-col__numeral[data-len="5"]{font-size:30px}}

/* ---- "Why Suizz" grid: two surfaces, colour only where it means something ---- */
.sx-scope .sx-tile--swiss{color:var(--sx-deep);background:color-mix(in oklab,var(--sx-deep) 6%,#fff)}
.sx-tile--swiss .sx-tile__cross{right:6%;top:14%;width:clamp(44px,5vw,68px);opacity:1;background:var(--sx-red)}
.sx-scope .sx-tile--ship{color:var(--sx-deep);background:color-mix(in oklab,var(--sx-deep) 6%,#fff)}
.sx-tile--ship .sx-tile__big{color:color-mix(in oklab,var(--sx-deep) 13%,#fff)}
.sx-scope .sx-tile--returns{background:color-mix(in oklab,var(--sx-deep) 6%,#fff);box-shadow:none}
.sx-tile--returns .sx-tile__big{color:color-mix(in oklab,var(--sx-deep) 13%,#fff)}
.sx-tile--co2 .sx-tile__big{color:color-mix(in oklab,var(--sx-deep) 13%,#fff)}
.sx-scope .sx-tile--co2{background:color-mix(in oklab,var(--sx-deep) 6%,#fff)}
.sx-tile__big{font-weight:700}
.sx-tile__bottle img,.sx-tile__bottle img[data-active]{rotate:0deg}
.sx-tile__bottle{right:7%;bottom:6%;height:86%}
.sx-tile__scale b:nth-child(1){background:#1c4733}.sx-tile__scale b:nth-child(2){background:#25405e}.sx-tile__scale b:nth-child(3){background:#5a2f17}.sx-tile__scale b:nth-child(4){background:#302838}

/* ---- One button everywhere ---------------------------------------------------- */
body.sx.sx main .wd-button-wrapper>a.btn,
body.sx.sx main .elementor-button,
body.sx.sx main .wpcf7-submit,
body.sx.sx #review_form #submit,
body.sx.sx .woocommerce-form-login__submit,
body.sx.sx .woocommerce-form-register__submit,
body.sx.sx .woocommerce-Button.button,
body.sx.sx .suizz-guide-banner .btn,
body.sx.sx .suizz-choice a.btn,
body.sx.sx .wd-prefooter .wd-button-wrapper>a.btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:52px!important;padding:0 26px!important;border:0!important;border-radius:999px!important;background:var(--sx-deep)!important;box-shadow:none!important;color:#fff!important;font-family:var(--sx-text)!important;font-weight:600!important;font-size:16px!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;transition:background-color .25s}
body.sx.sx main .wd-button-wrapper>a.btn :is(span),body.sx.sx main .elementor-button :is(span),body.sx.sx .wd-prefooter .wd-button-wrapper>a.btn span{color:inherit!important;font-size:inherit!important;text-transform:none!important}
body.sx.sx main .wd-button-wrapper>a.btn:hover,body.sx.sx main .elementor-button:hover,body.sx.sx #review_form #submit:hover{background:color-mix(in oklab,var(--sx-deep) 84%,#fff)!important}
/* secondary: outline */
body.sx.sx main .wd-button-wrapper>a.btn.btn-style-bordered{background:transparent!important;box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--sx-deep) 30%,transparent)!important;color:var(--sx-deep)!important}
/* on dark blocks the button is white */
body.sx.sx :is(.suizz-r9-ink,.suizz-laboratory-documentation) :is(.wd-button-wrapper>a.btn,.elementor-button){background:#fff!important;color:var(--sx-deep)!important}
body.sx.sx :is(.suizz-r9-ink,.suizz-laboratory-documentation) :is(.wd-button-wrapper>a.btn,.elementor-button) *{color:var(--sx-deep)!important}
/* the section switch on product pages keeps its own quiet look */
body.sx.sx .suizz-product-navigation .wd-button-wrapper>a.btn{min-height:48px!important;background:transparent!important;color:var(--sx-deep)!important;font-size:15px!important}
/* gold stays gold */
body.sx.sx .suizz-newsletter .elementor-button,body.sx.sx .suizz-newsletter .elementor-button span{color:#1d1503!important}
body.sx.sx .suizz-newsletter .elementor-button{background:linear-gradient(180deg,var(--sx-gold-hi),var(--sx-gold) 58%,var(--sx-gold-lo) 135%)!important;width:100%}

/* ---- Inner pages: same headings, same surfaces -------------------------------- */
body.sx.sx main :is(h1,h2,h3):not(.sx-scope *,.suizz-r9-ink *,.suizz-laboratory-documentation *,.suizz-purchase *,.wd-page-title *,.suizz-newsletter *),
body.sx.sx main .elementor-heading-title:not(.sx-scope *,.suizz-r9-ink *,.suizz-laboratory-documentation *,.suizz-purchase *,.wd-page-title *,.suizz-newsletter *){color:var(--sx-deep)!important}
body.sx.sx .suizz-mark{padding:0!important;background:none!important;box-shadow:none!important;color:inherit!important}
body.sx.sx :is(.suizz-zigzag-chapter,.suizz-r4-chapter,.suizz-oil-guide-editorial,.suizz-choice){background:color-mix(in oklab,var(--sx-deep) 5%,#fff)!important;border-color:transparent!important}
body.sx.sx :is(.suizz-zigzag-chapter,.suizz-r4-chapter,.suizz-oil-guide-editorial){border-radius:var(--sx-r-card)!important}
body.sx.sx .suizz-choice{border-radius:24px!important}
body.sx.sx .suizz-choice-track{background:color-mix(in oklab,var(--sx-deep) 12%,#fff)!important}
body.sx.sx .suizz-choice-track>*{background:var(--sx-gold)!important}
/* page title strip on plain pages: a calm band, not a cropped photograph */
body.sx.sx:not(.woocommerce,.woocommerce-page) .wd-page-title{margin:8px var(--sx-gutter) 0!important;padding:16px 22px!important;min-height:0!important;border-radius:20px!important;background:color-mix(in oklab,var(--sx-deep) 5%,#fff)!important}
body.sx.sx:not(.woocommerce,.woocommerce-page) .wd-page-title .wd-page-title-bg{display:none!important}
body.sx.sx:not(.woocommerce,.woocommerce-page) .wd-page-title :is(h1,.title,.entry-title,p,span,a,svg,li,nav){color:var(--sx-deep)!important;font-size:15px!important}
/* links in running text */
body.sx.sx main :is(p,li)>a:not(.btn,.button,.elementor-button,.sx-btn){color:var(--sx-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in oklab,var(--sx-deep) 35%,transparent)}

/* ---- Product page -------------------------------------------------------------- */
/* The Low/High bar looked like a slider but could not be moved; the four concentration buttons already say it. */
body.sx .suizz-spatial-meter,body.sx .suizz-purchase .suizz-meter{display:none!important}
body.sx.sx #review_form #submit{width:auto}
body.sx.sx #review_form :is(input[type=text],input[type=email],textarea){border-radius:16px!important;border:1px solid color-mix(in oklab,var(--sx-deep) 16%,#fff)!important}

/* ---- Catalogue ------------------------------------------------------------------ */
body.sx.sx .wd-product .wd-add-btn>a{white-space:nowrap}
@media (max-width:768px){body.sx.sx .wd-product .wd-add-btn>a{min-height:48px!important;padding:0 10px!important;font-size:15px!important}body.sx.sx .wd-product .wd-add-btn>a span{font-size:15px!important}}
/* With one category on sale, "All products" and "CBD Oils" list the same four oils, and sorting four items helps nobody. */
body.sx .menu-suizz-category-tabs-container:not(:has(.menu>li:nth-child(3))){display:none!important}
body.sx.sx .woocommerce-ordering,body.sx.sx .woocommerce-result-count{display:none!important}

/* ---- Bag: nothing between the customer and the checkout button ----------------- */
body.sx.woocommerce-cart .suizz-delivery,body.sx.woocommerce-cart .suizz-newsletter{display:none!important}
body.sx.woocommerce-cart .wd-prefooter{background:#fff!important}
/* shop messages: quiet card, one line */
body.sx.sx :is(.woocommerce-message,.woocommerce-info){padding:14px 18px!important;border:0!important;border-radius:18px!important;background:color-mix(in oklab,var(--sx-deep) 6%,#fff)!important;color:var(--sx-deep)!important;font-weight:500!important}
body.sx.sx :is(.woocommerce-message,.woocommerce-info) :is(a,.button){min-height:0!important;padding:0!important;background:none!important;color:var(--sx-deep)!important;font-weight:600!important;text-decoration:underline!important}
body.sx.sx :is(.woocommerce-message,.woocommerce-info)::before{color:var(--sx-gold-lo)!important}
body.sx.sx .woocommerce-error{border-radius:18px!important}

/* ---- First visit: one question at a time ---------------------------------------- */
/* The cookie bar used to cover the age question and block its buttons. It now waits until the age question is answered. */
html:has(.wd-age-verify-wrap) #cs_preview_popup{display:none!important}
/* and it never blocks the page: no dark overlay, a compact card in the corner */
body.sx .cs-popupbar-overlay,body.sx .cs_popup_overlay{display:none!important}
body.sx .cs-info-bar.cs-bar{left:12px!important;right:auto!important;bottom:12px!important;width:min(520px,calc(100vw - 24px))!important;min-height:0!important;padding:20px!important;border:0!important;border-radius:24px!important;background:#10141b!important;box-shadow:0 24px 60px -18px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.1)!important;color:#fff!important}
body.sx .cs-info-bar .cs-popup-row{display:block!important}
body.sx .cs-info-bar .bar-description{width:auto!important;max-width:none!important;padding:0!important}
body.sx .cs-info-bar .bar_description_text{color:rgba(255,255,255,.86)!important;font-family:var(--sx-text)!important;font-size:14.5px!important;line-height:1.45!important}
body.sx .cs-info-bar .policy_wrap{margin-top:6px!important}
body.sx .cs-info-bar .policy_wrap a{color:var(--sx-gold-hi)!important;font-size:14px!important}
body.sx .cs-info-bar .btns_column{width:auto!important;margin-top:16px!important;padding:0!important}
body.sx .cs-info-bar .btn-row{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
body.sx .cs-info-bar .btn-row .btn{min-height:48px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:999px!important;font-family:var(--sx-text)!important;font-weight:600!important;font-size:15px!important;text-transform:none!important;letter-spacing:0!important}
body.sx .cs-info-bar .btn-row .options_btn{background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)!important}
body.sx .cs-info-bar .btn-row .allow_all_btn{background:linear-gradient(180deg,var(--sx-gold-hi),var(--sx-gold) 58%,var(--sx-gold-lo) 135%)!important;color:#1d1503!important}
/* age question: big, clear, thumb-sized buttons */
body.sx .wd-age-verify{border-radius:28px!important;background:#10141b!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important}
body.sx .wd-age-verify .wd-age-verify-buttons .btn{min-height:56px!important;border-radius:999px!important;font-family:var(--sx-text)!important;font-weight:600!important;font-size:17px!important;text-transform:none!important;letter-spacing:0!important}
body.sx .wd-age-verify .wd-age-verify-allowed{border:0!important;background:linear-gradient(180deg,var(--sx-gold-hi),var(--sx-gold) 58%,var(--sx-gold-lo) 135%)!important;color:#1d1503!important}
body.sx .wd-age-verify .wd-age-verify-forbidden{background:transparent!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important;color:#fff!important}

/* ---- Phone menu: the four oils first, large rows, plain words -------------------- */
body.sx .mobile-nav{background:#fff!important}
body.sx .mobile-nav .wd-nav-mobile>li>a{min-height:56px!important;padding:0 20px!important;border:0!important;border-radius:0!important;background:none!important;color:var(--sx-deep)!important;font-family:var(--sx-text)!important;font-weight:600!important;font-size:17px!important;letter-spacing:0!important;text-transform:none!important}
body.sx .mobile-nav .wd-nav-mobile>li{border-bottom:1px solid color-mix(in oklab,var(--sx-deep) 9%,#fff)!important}
body.sx .mobile-nav .wd-nav-mobile>li.suizz-nav-cbd-oils>a{min-height:44px!important;padding-top:10px!important;color:color-mix(in oklab,var(--sx-deep) 58%,#fff)!important;font-size:13.5px!important;font-weight:600!important;pointer-events:none}
body.sx .mobile-nav .wd-nav-mobile>li.suizz-nav-cbd-oils>a::before,body.sx .mobile-nav .wd-nav-mobile>li.suizz-nav-cbd-oils>.wd-nav-opener{display:none!important}
body.sx .mobile-nav .wd-nav-mobile>li.suizz-nav-cbd-oils>.wd-sub-menu{display:block!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;padding:0 12px 12px!important;background:none!important}
body.sx .mobile-nav .wd-nav-mobile>li.suizz-nav-cbd-oils>.wd-sub-menu>li>a{display:flex!important;align-items:center;min-height:54px!important;margin-top:6px;padding:0 18px!important;border:0!important;border-radius:16px!important;background:color-mix(in oklab,var(--sx-deep) 6%,#fff)!important;color:var(--sx-deep)!important;font-weight:600!important;font-size:17px!important;text-transform:none!important}
body.sx .mobile-nav .wd-nav-mobile>li.suizz-nav-cbd-oils>.wd-sub-menu>li{border:0!important}
body.sx .mobile-nav .searchform input.s{min-height:52px!important;border-radius:999px!important;border:0!important;background:color-mix(in oklab,var(--sx-deep) 6%,#fff)!important;padding-left:20px!important}

/* ---- Corrections after looking at every screen ---------------------------------- */
body.sx.sx :is(.woocommerce-message,.woocommerce-info){padding-left:52px!important}
body.sx.sx .suizz-choice a.btn{width:100%;min-height:48px!important;padding:0 12px!important;font-size:15px!important;white-space:nowrap}
/* "Why" tile on phones: the bottle sits beside the headline, never over the ingredient list */
@media (max-width:999px){
  .sx-tile__bottle{right:5%;top:22px;bottom:auto;width:24%;height:150px}
  .sx-scope .sx-tile--inside h2{max-width:68%}
  .sx-tile__list{padding-top:28px}
}
body.sx .mobile-nav .wd-nav-mobile>li.suizz-nav-cbd-oils{background:none!important;border-radius:0!important;box-shadow:none!important}
body.sx .mobile-nav .wd-nav-mobile>li.suizz-nav-cbd-oils>a{background:none!important}
body.sx.sx .woocommerce-form-coupon-toggle .woocommerce-info{padding:0!important;background:none!important}
body.sx.sx .woocommerce-form-coupon-toggle .woocommerce-info::before{display:none!important}
/* Bulgaria joined the delivery countries (12 Nov 2026). */
body.sx .suizz-delivery-map .country-BG{fill:#e8ce81}