/* V19: visual layer only. Paper surfaces stay behind selectable HTML text. */
:root{--log-ink:#34281d;--log-muted:#514334;--log-paper:#dfcba6;--log-brass:#a58e60;--log-patina:#527c70;--log-grain:url('../assets/ui/parchment-grain.v20.svg')}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists){
 position:relative;isolation:isolate;background:transparent!important;border:0!important;border-radius:3px 10px 5px 9px!important;box-shadow:0 2px 3px #010b1466,0 12px 24px #00111c4d,0 30px 58px -16px #000c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--log-ink)
}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists)::before{
 content:"";display:block!important;position:absolute;inset:0;z-index:-1;pointer-events:none;border:0!important;border-radius:inherit;
 background-image:var(--log-grain),radial-gradient(ellipse at 92% 88%,transparent 18%,#8a5d2912 19%,transparent 22%),radial-gradient(ellipse at 4% 25%,#86623d33,transparent 35%),linear-gradient(100deg,#b99869 0%,#d5bb8f 4%,#e4cfa9 12%,#efdfbf 42%,#e1c79e 85%,#c8a577 100%);
 background-size:220px 220px,100% 100%,100% 100%,100% 100%;
 box-shadow:inset 0 1px 1px #fff7ddcc,inset 0 -2px 2px #78533366,inset 7px 0 12px #79533433,inset -2px 0 4px #956c3d44;
 clip-path:polygon(.3% .4%,12% 0,24% .35%,38% .1%,53% .45%,68% 0,82% .4%,98.8% .2%,99.6% 12%,99.2% 31%,100% 49%,99.6% 68%,99.8% 88%,98.6% 99.6%,82% 99.8%,67% 99.4%,50% 100%,31% 99.6%,15% 100%,.5% 99%,0 83%,.45% 65%,.1% 42%,.5% 22%);
}
/* A restrained stitched gutter replaces the old gold rule. */
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob)::after{
 content:"";position:absolute!important;left:8px!important;top:22px!important;bottom:22px!important;width:3px!important;height:auto!important;z-index:0;pointer-events:none;border:0!important;border-radius:0!important;opacity:.48!important;
 background:repeating-linear-gradient(to bottom,#64492da6 0 2px,transparent 2px 16px)!important;
}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists) p{color:var(--log-muted)!important}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.faq-item,.buy-dialog) :is(h1,h2,h3,summary){color:var(--log-ink)!important;-webkit-text-fill-color:currentColor}
.product-copy::after{display:none!important}.product-copy::before{opacity:1}
.nutrition-panel{padding:18px!important;margin-top:14px}.nutrition-panel::before{background-color:#1b3133}
.stockist-toolbar::before,.stockist-card::before,.stockist-empty::before,.nutrition-panel::before{background-image:var(--log-grain),linear-gradient(115deg,#d5bd96,#e8d5b3 55%,#d4bb93)!important;background-size:180px 180px,100% 100%!important}
.faq-item{padding:3px 22px!important}.faq-item[open]::before{box-shadow:inset 3px 0 #95734188,inset 0 0 18px #a37b4322}.faq-item summary{min-height:48px}.faq-item summary::after{color:#654b2e}.faq-item p{font-size:14px!important}
.quality-arena{border-color:#80968820!important;border-style:dashed!important;background:transparent}
.quality-arena .quality-bubble{box-shadow:0 3px 4px #00101b66,0 14px 24px -6px #0008!important}
.stockist-filters select,.stockist-search__row input{border-color:#9e9b6a66!important;background:#f0e1c5!important;color:#3b2b20!important}
/* Command bridge: no layout/visibility overrides, so mobile navigation keeps its behaviour. */
.site-header,.site-header.scrolled{background:linear-gradient(180deg,#0a2029f5,#10282bea)!important;border-bottom:1px solid #8e875d66!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 3px 12px #00121b33}
.site-header .nav{gap:14px;letter-spacing:.04em}
.site-header .nav a,.site-header .nav-toggle,.site-header .header-buy{
 border:1px solid #9c88604d!important;border-radius:5px 8px 5px 8px!important;
 background:radial-gradient(ellipse at 6% 95%,#46756655,transparent 44%),linear-gradient(160deg,#86704b,#524b36 58%,#384f47);
 color:#ded7b8!important;box-shadow:inset 0 1px #ead3a766,inset 0 -2px #17262299,0 3px 5px #0004;
 transition:transform .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out!important
}
.site-header .nav a{padding:10px 11px;line-height:1.2;white-space:nowrap}
.site-header .nav a::after{content:""!important;position:absolute;left:auto!important;right:-10px!important;top:50%!important;bottom:auto!important;width:3px!important;height:3px!important;border-radius:50%;background:#a2946a!important;box-shadow:0 -5px #557669,0 5px #776e51;transform:translateY(-50%);transition:none!important}
.site-header .nav a:last-child::after{display:none}
.site-header .nav a.active{color:#fff0c1!important;border-color:#c2ab6a99!important;background:radial-gradient(ellipse at 50% 85%,#bba76044,transparent 80%),linear-gradient(145deg,#a58a52,#53634b);box-shadow:inset 0 0 15px #c1ae6222,0 0 10px #a3bd6820}
@media(hover:hover){.site-header .nav a:hover,.site-header .header-buy:hover,.site-header .nav-toggle:hover{transform:translateY(-1px);box-shadow:inset 0 0 12px #d5c17d26,0 2px 8px #071a2433}}
.site-header :is(.nav a,.header-buy,.nav-toggle):focus-visible{outline:2px solid #e4d695!important;outline-offset:3px}
.site-header .nav-toggle{padding:10px 14px;min-height:44px}
@media(max-width:1300px){
 .site-header .nav{background:linear-gradient(140deg,#263c39fa,#0d2830fa)!important;border:1px solid #8c815680!important;box-shadow:0 12px 24px #06182055!important;gap:12px!important;max-height:calc(100dvh - 94px);overflow-y:auto}
 .site-header .nav a{min-height:44px;display:flex;align-items:center;white-space:normal}
 .site-header .nav a::after{top:auto!important;bottom:-8px!important;left:50%!important;right:auto!important;transform:none;box-shadow:-6px 0 #557669,6px 0 #776e51}
}
@media(prefers-reduced-motion:reduce){.site-header .nav a,.site-header .nav-toggle,.site-header .header-buy{transition:none!important;transform:none!important}}
/* Preserve native modal positioning above the page. */
.buy-dialog{position:fixed}

/* V20: warm ledger paper, sepia ink and crisp layered edges. */
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists) :is(h1,h2,h3,h4,p,summary,label,small,span,strong,li,a,.eyebrow,.product-label,.product-count,.product-tagline){color:var(--log-ink)!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists) p{color:var(--log-muted)!important}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists) :is(button,.text-link){color:#493321!important}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists) .btn-primary{background:linear-gradient(#79583b,#5a402d)!important;color:#fff1d2!important;border:1px solid #493321!important;box-shadow:inset 0 1px #c6a27966,0 3px 5px #57381b33!important}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists) :is(.btn-ghost,.circle-btn,.dialog-close){border:1px solid #84654088!important;background:#ebd9b955!important;color:#493321!important}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists) :is(.eyebrow,.product-label){letter-spacing:.12em;text-transform:uppercase}
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists) :is(a,button,input,select,summary):focus-visible{outline:2px solid #503b28!important;outline-offset:3px}
.float-shell--story,.float-shell--legend{padding-left:clamp(30px,4vw,60px)!important}
.float-shell--story::after,.float-shell--legend::after{left:15px!important;width:5px!important;opacity:.72!important;background:repeating-linear-gradient(to bottom,#5f432799 0 1px,#f0dfbb 1px 3px,#7d5d3655 3px 4px,transparent 4px 23px)!important}
.stockist-card p,.nutrition-panel p{color:#514334!important}
.nutrition-grid{border-color:#9c7f5666!important}.nutrition-grid>div{border-color:#9c7f5644!important}
@media(max-width:700px){.float-shell--story,.float-shell--legend{padding-left:30px!important}}