/* Shared responsive finishing: transparent brand marks, readable surfaces and touch controls. */
[data-theme=dark] header .brand img,footer .footer-brand img{
  background:transparent!important;padding:0!important;border-radius:0!important;
  filter:brightness(0) invert(.94);mix-blend-mode:normal;
}
[data-theme=dark] .product-summary{background:var(--card-paper)!important;color:var(--ink);border-color:var(--line)}
[data-theme=dark] .r2l-inline-hint,[data-theme=dark] .r2l-loop-control{color:var(--muted)}
/* Certification colours remain authentic on a single, consistent neutral tile. */
[data-theme=dark] :is(.cert-rail a,.certificate-front){background:#f5f0e8;color:#332a30}
[data-theme=dark] :is(.cert-rail a,.certificate-front) :is(strong,span){color:#332a30}
[data-theme=dark] :is(.cert-rail img,.certificate-front img){background:transparent;border-radius:0;padding:0}
header .brand img,footer .footer-brand img{height:auto;aspect-ratio:640/274;object-fit:contain}
.product-layout>*{min-width:0}.product-summary :is(input,select,textarea){max-width:100%}
.product-stage[data-loop-side]{touch-action:pan-y pinch-zoom}
.r2l-inline-hint{font-size:14px!important}.r2l-loop-control{font-size:14px!important;min-height:44px;padding:10px 4px!important}
.r2l-profile-tabs{scrollbar-width:thin;scroll-padding:12px}
.r2l-profile-tabs button{min-height:44px}
.bulk-buy-dialog::backdrop,html.r2lm-ready .bulk-buy-dialog::backdrop{backdrop-filter:blur(3px)}
.buy-scroll{scrollbar-gutter:stable}.buy-heading button{min-width:44px;min-height:44px}
.header-theme .bulk-theme-switch button{width:40px;min-height:40px}
@media(max-width:1050px){
  header .menu-toggle,header .ingredient-menu-toggle,header #navigation>a,header .mega>a{min-height:44px}
  header #navigation a{display:flex;align-items:center;min-height:44px}
  header .mega-panel{gap:16px;padding:12px}
  .header-theme .bulk-theme-switch button{width:40px;min-height:40px}
}
@media(max-width:900px){
  .product-layout{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .product-layout>.product-visual{position:static!important}
  .product-stage[data-loop-side]{width:100%;max-width:480px;margin-inline:auto;aspect-ratio:1!important}
  .product-summary{padding:24px!important}
  .r2l-profile-tabs{display:flex!important;flex-direction:row!important;overflow-x:auto;flex-wrap:nowrap!important;gap:6px;max-width:100%}
  .r2l-profile-tabs button{white-space:nowrap;flex:0 0 auto;padding:11px 14px}
}
@media(max-width:600px){
  header .brand{width:155px}header .brand img{width:150px}
  header .brand span{font-size:10px}.header-theme{margin-left:5px}
  .header-theme .bulk-theme-switch{gap:0;padding:2px}
  .header-theme .bulk-theme-switch button{width:38px;min-height:42px}
  .product-summary{padding:20px 16px!important}.product-summary h1{font-size:38px;line-height:1.12}
  :is(.choice,.buy-choices,.form-buttons) button{min-height:44px!important}
  :is(.product-summary,.bulk-buy-dialog,.catalogue-page,.r2l-doc-centre) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
  .product-card .image-action{height:40px;min-width:40px}
  .product-card .flip-toggle{width:40px;height:40px;min-width:40px}
  .product-card .form-buttons{gap:5px}.product-card .form-buttons button{padding:7px 9px}
  .catalogue-page .card-bottom{flex-wrap:wrap;gap:8px}.card-bottom .buy-options{width:100%}
  .buy-quantity button{flex-basis:40px}.bulk-buy-dialog{max-height:94dvh;width:calc(100vw - 16px)}
  .buy-heading{padding:14px 16px}.buy-heading h2{font-size:27px}
  .r2l-profile-body{overflow-wrap:anywhere}.r2l-profile-body table{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}

[data-theme=dark] :is(.r2l-benefit h4,.r2l-evidence-label,.r2l-evidence-intro,.r2l-research-meta,.r2l-research-reviewed,.r2l-benefit-number){color:var(--muted)!important}
[data-theme=dark] :is(.r2l-research-jump,.r2l-benefits-return){color:var(--accent)}
[data-theme=dark] .r2l-evidence-note{background:var(--surface);color:var(--ink)}
@media(min-width:701px) and (max-width:900px){.r2l-profile{display:block!important}.r2l-profile-tabs{margin-bottom:20px}}

/* QC September 2026: fast, calm slide changes with a stable layout. */
.hero-slide{transition:opacity .42s ease,visibility .42s ease}
.hero-slide .slide-material{transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .42s ease}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide .slide-material{transition:none!important}}