/* Shared surfaces for every storefront page, following the approved palette. */
.bt-store{--ink-soft:var(--bt-muted);--bg:var(--bt-canvas)}
.bt-page:not(.bt-page--home){padding-bottom:40px}
.bt-page:not(.bt-page--home) h1{font-size:clamp(26px,3vw,36px);font-weight:650!important;line-height:1.2;letter-spacing:-.035em}
.bt-page:not(.bt-page--home) :is(h2,h3){letter-spacing:-.02em}
.bt-page :is(input,select,textarea,button){font-family:inherit}
.bt-page :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]),select,textarea){border:1px solid var(--bt-line);border-radius:7px;background-color:var(--surface);color:var(--bt-ink)}
.bt-page :is(input,select,textarea):focus{border-color:var(--bt-accent)}
.bt-page :is(input,select,textarea)::placeholder{color:var(--bt-muted);opacity:.8}
.bt-page :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--bt-accent)}
.bt-page :is(button,a).bg-brand{border-radius:6px;font-weight:600}
.bt-page :is(button,a).bg-brand:hover{background:var(--bt-accent-hover);color:var(--bt-on-accent)}
.bt-page :is(button,a):focus-visible{outline:2px solid var(--bt-accent);outline-offset:3px}
.bt-page button:disabled{opacity:.55;cursor:not-allowed}
.bt-page .bg-brand\/5,.bt-page .bg-brand\/10,.bt-page .bg-brand\/20{background:var(--bt-tint)}
.bt-page .text-brand\/10{color:var(--tint-strong)}
.bt-page .border-brand\/20,.bt-page .border-brand\/30{border-color:var(--line-strong)}
.bt-page :is(.bg-ink,.bg-graphite) .text-brand{color:var(--dark-accent)}
.bt-page :is(.bg-ink,.bg-graphite) .bg-brand\/20{background:var(--dark-line);color:var(--dark-accent)}
.bt-page .text-mute,.bt-page .text-muted2{color:var(--bt-muted)}
.bt-page :is(.border-line,.border-line2){border-color:var(--bt-line)}
.bt-page :is(.bg-white.rounded-lg,.bg-white.rounded-xl,.bg-white.rounded-2xl){border:1px solid var(--bt-line);border-radius:10px;box-shadow:0 3px 16px var(--shadow-soft)}
.bt-page :is(.bg-ink,.bg-graphite){border-radius:10px}
.bt-page :is(th,td){border-color:var(--bt-line)}
.bt-page thead{background:var(--bt-tint);color:var(--bt-ink)}
.bt-page :is(details,summary){border-color:var(--bt-line)}
.bt-page summary{cursor:pointer}
.bt-page--cart>section:first-of-type,.bt-page--compare>section:first-of-type,.bt-page--search>section:first-of-type,.bt-page--articles>section:first-of-type{padding-top:32px;padding-bottom:24px}
.bt-page--cart>section,.bt-page--checkout>section,.bt-page--account>section,.bt-page--auth>section{background:var(--bt-canvas)}
.bt-page--cart .from-brand{--tw-gradient-from:var(--bt-accent)}
.bt-page--cart .to-yellow{--tw-gradient-to:var(--line-strong)}
.bt-page--auth .min-h-\[80vh\]{min-height:65vh}
.bt-page--auth .bg-ink{background:radial-gradient(ellipse at top right,var(--bt-dark-glow),transparent 70%),var(--bt-dark)}
.bt-page--account :is(aside,nav) a[aria-current=page]{background:var(--bt-tint);color:var(--bt-accent-ink)}
.bt-page--account :is(.grid,.flex)>*{min-width:0}

/* Editorial listing, individual articles and CMS content. */
.bt-editorial{max-width:1480px;margin:0 auto;padding:36px 20px 20px}
.bt-editorial-header{margin-bottom:30px;max-width:760px}
.bt-editorial-header h1{margin:0 0 14px}
.bt-editorial-header p{font-size:15px;color:var(--bt-muted);line-height:1.7}
.bt-editorial .bt-section{padding:0}
.bt-editorial .bt-wrap{width:100%}
.bt-editorial .bt-section-heading{display:none}
.bt-editorial .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bt-editorial-card{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--bt-line);border-radius:10px;color:var(--bt-ink);transition:transform .18s,box-shadow .18s}
.bt-editorial-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--shadow-soft)}
.bt-editorial-cover{aspect-ratio:16/10;background:var(--bt-tint);overflow:hidden}
.bt-editorial-cover img{width:100%;height:100%;object-fit:cover}
.bt-editorial-copy{padding:22px}
.bt-editorial-copy time{display:block;font-size:12px;color:var(--bt-muted);margin-bottom:10px}
.bt-editorial-copy h2{font-size:19px;font-weight:650;line-height:1.4;margin-bottom:12px}
.bt-editorial-copy p{font-size:14px;line-height:1.65;color:var(--bt-muted)}
.bt-reading{max-width:960px!important;margin:32px auto!important;padding:32px 40px!important;border:1px solid var(--bt-line);border-radius:12px;background:var(--surface)}
.bt-reading>header{text-align:left!important;margin-bottom:28px!important}
.bt-reading :is(.blog-content,.prose-page){font-size:16px;line-height:1.8;color:var(--bt-ink);overflow-wrap:anywhere}
.bt-reading :is(.blog-content,.prose-page) img{max-width:100%;height:auto;border-radius:8px}
.bt-reading :is(.blog-content,.prose-page) a{color:var(--bt-accent-ink);text-decoration:underline;text-underline-offset:3px}
.bt-page .prose-page{color:var(--bt-ink)}
.bt-page .prose-page :is(h1,h2,h3,h4,strong){color:var(--bt-ink);font-weight:650}
.bt-page .prose-page a,.bt-page .prose-page ol>li::marker{color:var(--bt-accent-ink)}
.bt-page .prose-page ul>li::before{background:var(--bt-accent)}
.bt-page .prose-page blockquote{background:var(--bt-tint);border-color:var(--bt-accent);color:var(--bt-ink);border-radius:0 8px 8px 0}
.bt-page .prose-page code{background:var(--bt-tint);color:var(--bt-accent-ink)}
.bt-page .prose-page :is(th,td,h2,hr){border-color:var(--bt-line)}
.bt-page .prose-page thead,.bt-page .prose-page table tr:hover td{background:var(--bt-tint)}
.bt-page--pages .bt-info-nav{border:1px solid var(--bt-line);border-radius:10px;background:var(--surface)}
.bt-page--pages .bt-info-article{border:1px solid var(--bt-line);border-radius:10px}

/* Older partner/account and payment templates share one responsive shell. */
.bt-legacy-shell{max-width:1480px!important;margin:32px auto!important;padding:0 20px!important}
.bt-legacy-grid{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;gap:24px!important}
.bt-legacy-grid>div{min-width:0;padding:28px;background:var(--surface);border:1px solid var(--bt-line);border-radius:10px}
.bt-legacy-grid>aside,.bt-legacy-grid>nav{border:1px solid var(--bt-line);border-radius:10px;background:var(--surface);padding:16px;height:fit-content}
.bt-payment{max-width:900px!important;margin:32px auto!important;padding:32px!important;background:var(--surface);border:1px solid var(--bt-line);border-radius:10px}
.bt-payment iframe{display:block;width:100%;max-width:100%;background:white}
@media(max-width:900px){.bt-editorial .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bt-legacy-grid{grid-template-columns:minmax(0,1fr)!important}.bt-legacy-grid>aside,.bt-legacy-grid>nav{display:flex;flex-wrap:wrap;gap:8px}.bt-reading{margin:24px 20px!important}}
@media(max-width:640px){
 .bt-page:not(.bt-page--home){padding-bottom:24px}
 .bt-page:not(.bt-page--home) h1{font-size:26px!important;overflow-wrap:anywhere}
 .bt-editorial{padding:26px 16px 12px}.bt-editorial .blog-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .bt-editorial-header{margin-bottom:24px}.bt-editorial-copy{padding:20px}
 .bt-reading{margin:16px!important;padding:24px 20px!important}.bt-reading :is(.blog-content,.prose-page){font-size:15px}
 .bt-legacy-shell{margin:24px auto!important;padding:0 16px!important}.bt-legacy-grid>div{padding:20px}
 .bt-payment{margin:20px 16px!important;padding:24px 20px!important}
 .bt-page--auth input,.bt-page--checkout input,.bt-page--account input,.bt-page textarea,.bt-page select{font-size:16px}
 .bt-page--pages .bt-info-nav{display:flex;overflow-x:auto;gap:4px;padding:8px}.bt-page--pages .bt-info-nav a{flex:0 0 auto;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.bt-editorial-card{transition:none}.bt-editorial-card:hover{transform:none}}

.bt-page .badge.b-hit{background:var(--bt-accent);color:var(--bt-on-accent)}
.bt-legacy-grid>aside{position:static!important}
.bt-legacy-grid>aside a[aria-current=page]{background:var(--bt-tint)!important;color:var(--bt-accent-ink)!important;font-weight:600}
.bt-legacy-grid .bt-partner-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media(max-width:640px){.bt-legacy-grid .bt-partner-help{grid-template-columns:minmax(0,1fr)}.bt-legacy-grid>aside nav{flex-direction:row!important;flex-wrap:wrap}.bt-legacy-grid>aside{display:block}.bt-legacy-grid>aside nav a{font-size:13px}}

.bt-language{display:flex;align-items:center;gap:3px;flex-shrink:0}.bt-language a{display:block;padding:5px 8px;border:1px solid transparent;border-radius:5px;color:inherit;font-size:11px;font-weight:600;white-space:nowrap}.bt-language a[aria-current=page]{border-color:var(--bt-on-line);background:var(--bt-control-bg)}.bt-language-mobile{display:none}
@media(max-width:767px){.bt-language-mobile{display:block;position:absolute;right:12px;top:76px;color:var(--bt-on-accent);background:var(--bt-accent);z-index:2}.bt-header .bt-catalog-nav>.bt-wrap{padding-right:94px}.bt-language-mobile .bt-language a{padding:6px;font-size:10px}}