/* Paper belongs to the scroll container, so it cannot scroll away from its text. */
:is(.float-shell,.float-note,.quality-arena .quality-bubble,.trade-blob,.nutrition-panel,.stockist-toolbar,.stockist-card,.stockist-empty,.faq-item,.buy-dialog,#stockists){
 box-sizing:border-box;min-width:0;max-width:100%;
 overflow-wrap:anywhere;hyphens:auto;
 background:var(--log-grain),radial-gradient(ellipse at 87% 15%,#fff8d96b,transparent 30%),linear-gradient(100deg,#b58c5d 0%,#dcc095 5%,#f0dfbc 45%,#e4cba1 84%,#b88e60 100%)!important;
 background-size:220px 220px,100% 100%,100% 100%!important;
 background-attachment:scroll!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)::before{display:none!important}
:is(.float-shell,.float-note,.trade-blob,.buy-dialog) > *{min-width:0;max-width:100%}
:is(.float-shell,.float-note,.trade-blob,.quality-bubble,.buy-dialog) :is(h1,h2,h3,p){overflow-wrap:anywhere;hyphens:auto}
.scene :is(.float-shell,.float-note,.trade-blob){
 max-height:calc(100dvh - 200px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y!important;
 scrollbar-width:thin;scrollbar-color:#86653d #e5cca3;
 padding:clamp(22px,3vw,42px)!important;
}
.scene :is(.float-shell,.trade-blob) h2{font-size:clamp(30px,4.3vw,60px)!important;line-height:1.12!important}
:is(.float-shell,.trade-blob,.quality-bubble,.buy-dialog) :is(h1,h2,h3){hyphens:none}
.scene .product-copy{padding:24px!important}
.scene .product-copy h2{font-size:clamp(30px,3.8vw,54px)!important;line-height:1.12!important}
.quality-arena .quality-bubble{padding:20px!important}
.quality-arena .quality-bubble h3{font-size:clamp(20px,2vw,25px)!important;line-height:1.18!important;margin:14px 0 10px}
.product-buy-actions,.product-controls,.trade-actions,.stockist-search__row{flex-wrap:wrap}
.product-controls .circle-btn,.product-controls .share-btn{flex-shrink:0}
:is(.float-shell,.trade-blob,.buy-dialog,.stockist-empty) .btn{white-space:normal;max-width:100%;height:auto;padding-block:12px}
.stockist-search__row input{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.stockist-toolbar .btn{white-space:normal;max-width:100%;padding-block:12px}
.stockist-filters label,.stockist-filters select{min-width:0;max-width:100%}
.nutrition-grid>div{min-width:0;gap:12px}
.nutrition-grid>div>*{min-width:0}
.faq-item summary{overflow-wrap:anywhere;padding-right:30px}
@media(max-width:700px){
 .scene :is(.float-shell,.float-note,.trade-blob){max-height:calc(100dvh - 180px);padding:24px!important}
 .scene :is(.float-shell,.trade-blob) h2{font-size:clamp(28px,8vw,38px)!important}
 .scene .product-copy{padding:18px!important;max-height:calc(69dvh - 170px)!important}
 .scene .product-copy h2{font-size:30px!important}
 .buy-dialog{padding:30px 22px!important}
}
@media(max-height:560px){
 .scene :is(.float-shell,.float-note,.trade-blob){max-height:calc(100dvh - 150px)!important;padding:20px!important}
 .scene :is(.float-shell,.trade-blob) h2{font-size:30px!important}
}