/**
 * BayiFlow DESIGN-RC13: a single, deliberately quiet purple design language.
 * Presentation only. Import AFTER style.css; no finance/order/key state lives here.
 */
:root{
  --bf-ink:#25233b;
  --bf-muted:#656780;
  --bf-border:#e1e1ef;
  --bf-ground:#f2f3fb;
  --bf-surface:#fff;
  --bf-soft:#f7f6fe;
  --bf-input:#fafaff;
  --bf-surface-highlight:#f0edff;
  --bf-primary:#5c46d8;
  --bf-primary-hover:#4933ba;
  --bf-primary-tint:#ece8ff;
  --bf-on-primary:#fff;
  --bf-negative:#ad3554;
  --bf-focus:rgba(92,70,216,.21);
  --bf-panel-glow:rgba(114,86,238,.09);
  --bf-shadow:0 13px 34px rgba(52,44,113,.07);
  --bf-radius:18px;
  --bf-brand-violet:#7563f0;
  --bf-brand-gold:#d5ad60;
  --bf-hero-from:#31276c;
  --bf-hero-middle:#5341ad;
  --bf-hero-to:#7652d3;
}
html[data-bf-theme="dim"]{
  --bf-ink:#f2f0ff;
  --bf-muted:#c5c3dd;
  --bf-border:#494765;
  --bf-ground:#202036;
  --bf-surface:#2d2c47;
  --bf-soft:#383650;
  --bf-input:#36344f;
  --bf-surface-highlight:#444066;
  --bf-primary:#c2b7ff;
  --bf-primary-hover:#e0d8ff;
  --bf-primary-tint:#443d68;
  --bf-on-primary:#221943;
  --bf-negative:#ffb4c8;
  --bf-focus:rgba(185,170,255,.29);
  --bf-panel-glow:rgba(127,98,242,.065);
  --bf-shadow:0 14px 38px rgba(0,0,0,.19);
  --bf-brand-violet:#c2b7ff;
  --bf-brand-gold:#e0bf78;
}
html[data-bf-theme="dark"]{
  --bf-ink:#f5f3ff;
  --bf-muted:#c0c0dc;
  --bf-border:#393952;
  --bf-ground:#101120;
  --bf-surface:#1c1c31;
  --bf-soft:#272741;
  --bf-input:#26253d;
  --bf-surface-highlight:#32304f;
  --bf-primary:#c9beff;
  --bf-primary-hover:#e3dcff;
  --bf-primary-tint:#39345e;
  --bf-on-primary:#211842;
  --bf-negative:#ffb1c2;
  --bf-focus:rgba(185,170,255,.32);
  --bf-panel-glow:rgba(127,98,242,.08);
  --bf-shadow:0 18px 46px rgba(0,0,0,.31);
  --bf-brand-violet:#c9beff;
  --bf-brand-gold:#e3c687;
}
html{scroll-padding-top:20px}
body{background:var(--bf-ground);color:var(--bf-ink);font-size:14px;letter-spacing:-.006em}
button,input,select,textarea{font:inherit}
:is(.bf-header,.bf-nav,.bf-content,.bf-footer) :is(a,button,input,select,summary,textarea):focus-visible{
  outline:3px solid var(--bf-primary);outline-offset:3px;
}

/* Brand masthead; retain existing site-specific logo, wallet, language and cart. */
.bf-header{
  background:var(--bf-surface);
  box-shadow:0 7px 26px rgba(40,34,90,.045);
  border-bottom:1px solid var(--bf-border);
  position:relative;
}
.bf-header::before{
  content:"";height:3px;position:absolute;inset-inline:0;top:0;
  background:linear-gradient(90deg,#33256f 0%,#6851df 55%,#d5ad60 100%);
}
.bf-header-inner{max-width:1920px;padding:19px clamp(18px,3.3vw,62px);gap:clamp(14px,2.1vw,34px)}
.bf-brand{gap:3px;padding-inline-start:15px;position:relative}
.bf-brand::before{content:"";position:absolute;inset-inline-start:0;top:2px;width:4px;height:39px;border-radius:12px;background:linear-gradient(180deg,var(--bf-brand-gold),var(--bf-brand-violet))}
.bf-site-title{font-size:clamp(18px,1.45vw,24px);letter-spacing:-.055em;font-weight:860}
.bf-brand-subtitle{font-size:9px;letter-spacing:.18em;color:var(--bf-muted);font-weight:800}
.bf-search{min-height:50px;border-radius:14px;background:var(--bf-input);box-shadow:inset 0 1px 1px rgba(36,32,83,.025)}
.bf-search:focus-within{border-color:var(--bf-primary);box-shadow:0 0 0 4px var(--bf-focus)}
.bf-search button{background:var(--bf-primary);color:var(--bf-on-primary);border-radius:0 12px 12px 0;min-height:48px;padding-inline:22px}
.bf-search button:hover{background:var(--bf-primary-hover);color:var(--bf-on-primary)}
.bf-search input[type=search]{font-size:13px}
.bf-header-actions{gap:clamp(7px,.8vw,16px);font-size:12px;flex-wrap:wrap}
.bf-header-actions .bf-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:7px 13px;border:1px solid transparent;border-radius:11px;font-weight:800}
.bf-header-actions .bf-action-link:hover,.bf-header-actions .bf-action-link:focus-visible{background:var(--bf-primary-tint);border-color:var(--bf-border);color:var(--bf-primary)}
.bf-header-actions .bf-action-shop{background:var(--bf-primary-tint);color:var(--bf-primary);border-color:var(--bf-border)}
.bf-cart-link{border-radius:11px;min-height:40px;padding:7px 11px;font-weight:800;gap:8px}
.bf-cart-link:hover{border-color:var(--bf-primary);color:var(--bf-primary)}
.bf-cart-count{border-radius:8px;background:var(--bf-primary-tint);color:var(--bf-primary)}
.bf-theme-cycle{border-radius:11px;background:var(--bf-soft);width:40px;height:40px;min-width:40px}
.bf-theme-cycle:focus-visible{box-shadow:0 0 0 4px var(--bf-focus)}
.bf-language-menu>summary,.bf-telegram-icon{border-radius:11px}
.bf-nav-wrap{background:var(--bf-surface);border-bottom:1px solid var(--bf-border)}
.bf-nav{max-width:1920px;padding-inline:clamp(18px,3.3vw,62px)}
.bf-nav-list{gap:clamp(10px,1.6vw,24px);font-size:12px}
.bf-nav-list a{display:block;min-height:35px;padding:7px 1px}
.bf-nav-list a:hover{color:var(--bf-primary)}

/* Full-width partner workspace: zero account sidebars. */
.bf-content.bf-profile-shell{max-width:none;width:100%;padding:clamp(16px,2.1vw,36px) clamp(14px,3.2vw,58px) 76px}
.bf-account-hub--rc13{min-width:0;max-width:none}
.bf-account-hub--rc13 .bf-account-layout{display:block;min-width:0}
.bf-account-hub--rc13 .bf-account-dashboard{width:100%;min-width:0}
.bf-account-hub--rc13 .bf-account-intro{display:flex;align-items:center;gap:16px;margin:0 0 16px;min-width:0}
.bf-account-intro-symbol{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);place-content:center;gap:5px;flex:none;width:45px;height:45px;border-radius:15px;background:linear-gradient(140deg,#3e327b,#8263e9);box-shadow:0 6px 18px rgba(84,59,167,.16);transform:rotate(-4deg)}
.bf-account-intro-symbol span{width:7px;height:7px;background:#f8f5ff;border-radius:2px}
.bf-account-intro-symbol span:nth-child(2){background:#dec38e}
.bf-account-intro-symbol span:nth-child(3){background:#bfb3ff}
.bf-account-hub--rc13 .bf-account-intro h1{margin:0 0 2px;font-size:clamp(18px,1.7vw,23px);letter-spacing:-.04em;font-weight:860}
.bf-account-hub--rc13 .bf-account-intro p{margin:0;color:var(--bf-muted);font-size:12px}
.bf-account-menu--top{
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;
  padding:8px;border:1px solid var(--bf-border);border-radius:17px;
  background:var(--bf-surface);box-shadow:var(--bf-shadow);position:relative;
  margin-bottom:20px;overflow:visible;white-space:normal;
}
.bf-account-menu--top>a,.bf-account-menu--top .bf-account-more>summary{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  flex:none;min-height:43px;padding:9px 14px;border-radius:11px;
  border:1px solid transparent;background:transparent;color:var(--bf-ink);
  font-size:12px;line-height:1.25;font-weight:760;cursor:pointer;list-style:none;
  transition:background .15s,border-color .15s,color .15s;
}
.bf-account-menu--top>a:hover,.bf-account-menu--top>a:focus-visible,
.bf-account-menu--top .bf-account-more>summary:hover,
.bf-account-menu--top .bf-account-more>summary:focus-visible{
  background:var(--bf-soft);border-color:var(--bf-border);color:var(--bf-primary);transform:none;box-shadow:none;
}
.bf-account-menu--top>a.is-active,.bf-account-menu--top>a[aria-current="page"]{
  background:var(--bf-primary-tint);border-color:var(--bf-border);color:var(--bf-primary);font-weight:830;
}
.bf-account-menu--top .bf-account-menu-icon{color:currentColor;width:19px;height:19px}
.bf-account-menu--top .bf-account-menu-icon svg{width:18px;height:18px}
.bf-account-more{position:relative;margin-inline-start:auto;flex:none}
.bf-account-more>summary::-webkit-details-marker{display:none}
.bf-account-more[open]>summary{background:var(--bf-primary-tint);color:var(--bf-primary)}
.bf-account-more-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-inline-start:2px}
.bf-account-more[open] .bf-account-more-chevron{transform:translateY(2px) rotate(225deg)}
.bf-account-more-list{
  position:absolute;z-index:55;inset-inline-end:0;top:calc(100% + 9px);width:min(292px,calc(100vw - 28px));
  padding:7px;border:1px solid var(--bf-border);border-radius:15px;background:var(--bf-surface);
  box-shadow:0 24px 54px rgba(23,17,58,.21);
}
.bf-account-more-list a{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:9px;color:var(--bf-ink);font-weight:700;font-size:12px;overflow-wrap:anywhere}
.bf-account-more-list a:hover,.bf-account-more-list a:focus-visible{background:var(--bf-primary-tint);color:var(--bf-primary)}
.bf-account-more-list .bf-account-menu-icon{flex:none}

/* Signature dashboard: deep purple field, satin highlight, gold detail. */
.bf-dash{--bf-dash-accent:#6250d4;--bf-dash-accent-soft:var(--bf-primary-tint);--bf-dash-accent-ink:var(--bf-primary);margin:0 0 30px}
html:is([data-bf-theme="dim"],[data-bf-theme="dark"]) .bf-dash{
  --bf-dash-accent:#c1b4ff;--bf-dash-accent-soft:var(--bf-primary-tint);--bf-dash-accent-ink:var(--bf-primary);
}
.bf-dash-hero{
  border:1px solid rgba(219,209,255,.20);border-radius:24px;
  background:linear-gradient(117deg,var(--bf-hero-from),var(--bf-hero-middle) 52%,var(--bf-hero-to));
  box-shadow:0 22px 50px rgba(58,41,140,.20);
  padding:clamp(24px,3.1vw,45px) clamp(20px,3vw,48px);min-height:196px;
}
.bf-dash-hero::before{inset:-170px auto auto 15%;width:550px;height:460px;opacity:.8;background:radial-gradient(circle,rgba(216,203,255,.16) 0%,transparent 68%)}
.bf-dash-hero::after{content:"";width:350px;height:350px;bottom:-230px;right:-50px;border:1px solid rgba(255,255,255,.26);box-shadow:0 0 0 48px rgba(255,255,255,.03),0 0 0 105px rgba(255,255,255,.018)}
.bf-dash-hero-eyebrow{font-weight:860;letter-spacing:.18em;color:#eee9ff}
.bf-dash-hero-eyebrow>span{color:#f3d69c}
.bf-dash-hero h2{font-weight:870;font-size:clamp(26px,2.75vw,42px);letter-spacing:-.045em;line-height:1.15;max-width:830px}
.bf-dash-hero p{color:#f0eaff;line-height:1.65;font-size:clamp(12px,1.05vw,14px)}
.bf-dash-hero-range{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3);padding:6px 12px}
.bf-dash-hero-side{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.11);border-radius:18px;padding:19px;flex-basis:168px}
.bf-dash-hero-side strong{font-size:clamp(30px,3.5vw,49px);font-weight:880}
.bf-dash-toolbar{margin:19px 0 15px;gap:12px}
.bf-dash .bf-dash-period{background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:12px;padding:5px;box-shadow:0 4px 14px rgba(25,22,78,.045)}
.bf-dash .bf-dash-period a{font-size:12px;min-height:37px;border-radius:9px}
.bf-dash .bf-dash-period a.is-active{background:var(--bf-primary);color:var(--bf-on-primary);box-shadow:none}
html:is([data-bf-theme="dim"],[data-bf-theme="dark"]) .bf-dash .bf-dash-period a.is-active{background:var(--bf-primary-tint);color:var(--bf-primary)}
.bf-dash-customizer>summary{min-height:45px;border-radius:12px;padding:11px 15px}
.bf-dash-shortcuts{gap:12px;margin-bottom:16px}
.bf-dash-shortcuts a{border-radius:16px;min-height:80px;padding:15px 18px;box-shadow:var(--bf-shadow);font-size:12px}
.bf-dash-shortcut-icon{width:43px;height:43px;border-radius:13px;background:var(--bf-primary-tint);color:var(--bf-primary)}
.bf-dash-shortcuts a:nth-child(2) .bf-dash-shortcut-icon{background:var(--bf-soft);color:var(--bf-primary)}
.bf-dash-shortcuts a:nth-child(3) .bf-dash-shortcut-icon{background:var(--bf-soft);color:var(--bf-dash-success)}
.bf-dash-shortcuts a:nth-child(4) .bf-dash-shortcut-icon{background:var(--bf-soft);color:var(--bf-dash-warning)}
.bf-dash-metrics{gap:12px;margin-bottom:16px}
.bf-dash .bf-dash-metric{border-radius:18px;min-height:150px;padding:20px;border-color:var(--bf-border);box-shadow:var(--bf-shadow)}
.bf-dash .bf-dash-metric-icon{width:37px;height:37px;border-radius:12px}
.bf-dash .bf-dash-metric-value{font-size:clamp(23px,2.4vw,34px);font-weight:875}
.bf-dash .bf-dash-metric-label{font-size:12px;font-weight:800}
.bf-dash .bf-dash-metric-hint{font-size:11px;line-height:1.5}
.bf-dash-widgets{gap:16px}
.bf-dash-widgets>.bf-dash-widget{border-radius:19px;padding:22px 23px;box-shadow:var(--bf-shadow)}
.bf-dash .bf-dash-panel-head h3{font-size:clamp(15px,1.2vw,18px);letter-spacing:-.018em}
.bf-dash .bf-dash-chart-grid{border-radius:11px}
.bf-dash .bf-dash-bar-fill{background:linear-gradient(180deg,#aa90ff,var(--bf-dash-accent));border-radius:6px 6px 1px 1px}
.bf-dash .bf-dash-status-list{font-size:12px}
.bf-dash .bf-dash-products-table :is(th,td),
.bf-dash .bf-finance-table :is(th,td),
.bf-dash .bf-dash-order-table :is(th,td){padding-block:13px}
.bf-dash .bf-dash-product-range input[type="date"]{background:var(--bf-input);color:var(--bf-ink);color-scheme:inherit}
.bf-account-hub--rc13 .bf-account-tools-heading{margin-top:27px!important;font-size:15px;letter-spacing:-.02em}
.bf-account-hub--rc13 .bf-account-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.bf-account-hub--rc13 .bf-account-card{min-height:105px;border-radius:17px;background:var(--bf-surface);box-shadow:var(--bf-shadow);font-weight:760}
.bf-account-hub--rc13 .bf-account-card-icon{background:var(--bf-primary-tint);color:var(--bf-primary);box-shadow:none}

/* Reseller store: search first, then a horizontal category rail, then the image-free list. */
.bf-content:not(.bf-profile-shell){max-width:1770px;padding:clamp(16px,2.2vw,31px) clamp(14px,3vw,42px) 65px}
.bf-catalog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:17px;align-items:stretch}
.bf-category-sidebar,.bf-catalog-main{border-radius:19px;background:var(--bf-surface);box-shadow:var(--bf-shadow)}
.bf-category-sidebar{
  position:relative;top:auto;max-height:none;overflow:visible;display:flex;align-items:flex-start;
  flex-wrap:wrap;gap:8px;padding:14px 16px;z-index:9;
}
.bf-sidebar-heading{margin:0;padding:9px 14px 9px 3px;border:0}
.bf-sidebar-heading h2{font-size:13px;font-weight:860;letter-spacing:-.018em}
.bf-all-categories,.bf-category-link,.bf-category-all{font-size:12px;font-weight:750;border:1px solid transparent;border-radius:10px;line-height:1.25}
.bf-category-sidebar>.bf-all-categories{padding:10px 14px;background:var(--bf-soft);border-color:var(--bf-border)}
.bf-category-sidebar>.bf-category-list{display:flex;align-items:flex-start;flex:1 1 480px;flex-wrap:wrap;gap:5px 6px;min-width:0;padding:0;margin:0;columns:auto}
.bf-category-sidebar>.bf-category-list>.bf-category-item{margin:0;break-inside:auto;position:relative}
.bf-category-sidebar>.bf-category-list :is(.bf-category-link,.bf-cat-details>summary){min-height:38px;display:inline-flex;align-items:center;gap:8px;white-space:normal;padding:9px 12px;max-width:min(440px,calc(100vw - 40px))}
.bf-category-sidebar>.bf-category-list .bf-cat-details{position:relative}
.bf-category-sidebar>.bf-category-list .bf-cat-details>summary{border:1px solid transparent;border-radius:10px}
.bf-category-sidebar>.bf-category-list .bf-cat-details[open]>summary{background:var(--bf-primary-tint);color:var(--bf-primary);border-color:var(--bf-border)}
.bf-cat-dropdown{
  position:absolute;z-index:70;top:calc(100% + 7px);inset-inline-start:0;
  width:min(315px,calc(100vw - 45px));max-height:380px;overflow-y:auto;
  border:1px solid var(--bf-border);border-radius:14px;background:var(--bf-surface);
  box-shadow:0 24px 56px rgba(26,21,69,.19);padding:10px;
}
.bf-cat-dropdown .bf-cat-dropdown{position:static;width:100%;max-height:none;box-shadow:none;margin-top:6px;background:var(--bf-soft);border-radius:10px;padding:6px}
.bf-cat-dropdown .bf-category-list{display:block;columns:auto;padding-inline-start:11px;margin-top:5px}
.bf-cat-dropdown .bf-category-item{margin:2px 0;break-inside:avoid}
.bf-cat-dropdown .bf-category-link,.bf-cat-dropdown .bf-category-all,.bf-cat-dropdown .bf-cat-details>summary{display:block;width:100%;padding:10px 11px;max-width:none;white-space:normal;text-align:start}
.bf-cat-dropdown .bf-category-all{color:var(--bf-primary)}
.bf-cat-dropdown .bf-cat-details{position:static}
.bf-cat-dropdown .bf-cat-details>summary{display:flex;justify-content:space-between}
.bf-list-header{padding:24px 25px 18px}
.bf-list-header h1,.bf-section-heading h2{font-size:clamp(18px,1.5vw,23px);font-weight:860;letter-spacing:-.035em}
.bf-list-header p,.bf-section-heading p{font-size:12px}
.bf-count{border-radius:99px;padding:7px 12px;background:var(--bf-primary-tint);color:var(--bf-primary);font-weight:800}
.bf-list-headings{padding:13px 25px;background:var(--bf-soft);color:var(--bf-muted)}
.bf-product-row{padding:17px 25px;min-height:73px;transition:background .16s}
.bf-product-title{font-size:13px;font-weight:780;letter-spacing:-.012em}
.bf-product-order{gap:16px}
.bf-product-row:hover{background:var(--bf-surface-highlight)}
.bf-price{font-size:13px}
.bf-qty,.bf-content input.qty{border-radius:10px!important}
.bf-btn{border-radius:10px}
.bf-frequent{padding:22px 25px 25px;border-radius:20px;border:1px solid var(--bf-border);box-shadow:var(--bf-shadow);background:var(--bf-surface);position:relative;overflow:hidden}
.bf-frequent::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--bf-brand-gold),var(--bf-brand-violet),transparent)}
.bf-frequent-grid{gap:12px}
.bf-frequent-item{border-radius:15px;background:var(--bf-soft);padding:16px;border-color:var(--bf-border);box-shadow:none;min-height:128px}
.bf-frequent-item:hover{border-color:var(--bf-primary);background:var(--bf-surface-highlight)}
.bf-frequent-title{font-size:13px;font-weight:810;line-height:1.43}
.bf-frequent-price{color:var(--bf-primary)}
.bf-subcategories a{border-radius:10px}
.bf-footer{border-top:1px solid var(--bf-border);background:var(--bf-surface)}

/* WooCommerce native forms and third-party wallet/license surfaces: semantic colors only. */
.bf-content .woocommerce :is(input.input-text,input[type="email"],input[type="text"],input[type="password"],input[type="number"],select,textarea){border-radius:10px;background:var(--bf-input);color:var(--bf-ink);border-color:var(--bf-border)}
.bf-content .woocommerce :is(.woocommerce-info,.woocommerce-message,.woocommerce-error){border-radius:12px}
.bf-content .woocommerce :is(.woocommerce-order,.woocommerce-MyAccount-content,.woocommerce-checkout-review-order){color:var(--bf-ink)}
.bf-content .woocommerce :is(.woocommerce-checkout-payment,.payment_box,.woocommerce-order-overview){color:var(--bf-ink)}
html:is([data-bf-theme="dim"],[data-bf-theme="dark"]) .bf-frequent-item{background:var(--bf-soft);box-shadow:none}
html:is([data-bf-theme="dim"],[data-bf-theme="dark"]) .bf-product-row:hover{background:var(--bf-surface-highlight)}
html:is([data-bf-theme="dim"],[data-bf-theme="dark"]) :is(.bf-account-menu--top,.bf-dash-widgets>.bf-dash-widget,.bf-category-sidebar,.bf-catalog-main){background:var(--bf-surface);color:var(--bf-ink)}
html:is([data-bf-theme="dim"],[data-bf-theme="dark"]) .bf-dash-widget--products .bf-dash-product-range button{color:var(--bf-on-primary);background:var(--bf-primary)}

/* International lengths and RTL. CSS logical properties take precedence. */
html[dir="rtl"] .bf-search button{border-radius:12px 0 0 12px}
html[dir="rtl"] .bf-brand .custom-logo{object-position:right center}
html[dir="rtl"] .bf-search svg{margin-right:15px;margin-left:0}
html[dir="rtl"] .bf-account-menu--top .bf-account-more-chevron{transform:translateY(-2px) rotate(45deg)}
html[dir="rtl"] .bf-account-more[open] .bf-account-more-chevron{transform:translateY(2px) rotate(225deg)}
.bf-account-menu--top a,.bf-account-more-list a,.bf-dash-metric,.bf-dash-shortcuts a,.bf-product-title{min-width:0;overflow-wrap:anywhere}

@media(min-width:1600px){
  .bf-dash-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
  .bf-dash .bf-dash-metric{min-height:174px}
  .bf-dash-widget--trend{grid-column:span 8}
  .bf-dash-widget--status{grid-column:span 4}
}
@media(max-width:1180px){
  .bf-header-inner{padding-inline:24px}
  .bf-dash-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-account-hub--rc13 .bf-account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:790px){
  .bf-content.bf-profile-shell{padding:19px 15px 58px}
  .bf-account-menu--top{display:flex;flex-wrap:wrap;white-space:normal;overflow:visible}
  .bf-dash-hero{min-height:0}
  .bf-dash-widgets>.bf-dash-widget{padding:19px 17px}
  .bf-category-sidebar{max-height:none;overflow:visible}
  .bf-category-sidebar>.bf-category-list{columns:auto}
}
@media(max-width:610px){
  .bf-header-inner{padding:13px 14px}
  .bf-brand{padding-inline-start:12px}
  .bf-brand::before{height:32px;width:3px}
  .bf-header-actions .bf-action-shop{display:inline-flex!important;min-height:37px;padding:7px 11px}
  /* Keep login/account visible on compact phones; guests must be able to sign in. */
  .bf-header-actions .bf-action-link:not(.bf-action-shop){display:inline-flex;min-height:37px;padding:7px 9px;background:var(--bf-soft)}
  .bf-header-actions{justify-content:flex-start;gap:7px}
  .bf-cart-link{min-height:37px}
  .bf-search{min-height:45px}
  .bf-search button{min-height:43px;padding-inline:13px}
  .bf-account-hub--rc13 .bf-account-intro{gap:11px}
  .bf-account-intro-symbol{width:39px;height:39px;border-radius:13px}
  .bf-account-hub--rc13 .bf-account-intro h1{font-size:19px}
  .bf-account-hub--rc13 .bf-account-intro p{font-size:11px}
  .bf-account-menu--top{gap:3px;padding:6px;flex-wrap:nowrap}
  .bf-account-menu--top>a,.bf-account-menu--top .bf-account-more>summary{width:auto;min-width:40px;flex:1 1 40px;min-height:43px;padding:9px 5px}
  .bf-account-menu--top .bf-account-menu-label{display:none}
  .bf-account-more{flex:0 0 44px;margin-inline-start:0}
  .bf-account-more-list .bf-account-menu-icon{width:19px}
  .bf-account-menu--top .bf-account-more-list a{justify-content:flex-start;min-height:44px}
  .bf-dash-hero{border-radius:20px;padding:22px 18px}
  .bf-dash-hero h2{font-size:clamp(24px,6.4vw,30px)}
  .bf-dash .bf-dash-metric{padding:15px;min-height:135px}
  .bf-dash .bf-dash-metric-value{font-size:clamp(22px,5.6vw,29px)}
  .bf-dash .bf-dash-metric-hint{font-size:10px}
  .bf-dash-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bf-dash-shortcuts a{padding:11px;min-height:66px;gap:8px}
  .bf-dash-shortcut-icon{width:34px;height:34px;flex:none}
  .bf-dash-widgets{gap:12px}
  .bf-dash-widgets>.bf-dash-widget{padding:16px 13px;border-radius:16px}
  .bf-account-hub--rc13 .bf-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-catalog-layout{gap:12px}
  .bf-category-sidebar{padding:10px;gap:6px}
  .bf-sidebar-heading{width:100%;padding:5px 8px 4px}
  .bf-category-sidebar>.bf-category-list{flex-basis:100%;gap:3px}
  /* Use the category rail, not a narrow chip, as the popup positioning box. */
  .bf-category-sidebar>.bf-category-list>.bf-category-item,
  .bf-category-sidebar>.bf-category-list>.bf-category-item>.bf-cat-details{position:static}
  .bf-category-sidebar>.bf-category-list>.bf-category-item>.bf-cat-details>.bf-cat-dropdown{
    position:absolute;top:calc(100% - 2px);inset-inline-start:10px;inset-inline-end:10px;
    width:auto;max-width:none;
  }
  .bf-list-header{padding:17px 15px}
  .bf-product-row{padding:14px 15px}
  .bf-frequent{padding:17px 15px}
  .bf-frequent-grid{grid-template-columns:1fr;gap:8px}
  .bf-product-order{flex-wrap:wrap}
}
@media(max-width:365px){
  .bf-account-menu--top>a,.bf-account-menu--top .bf-account-more>summary{min-width:36px;padding-inline:3px}
  .bf-account-more{flex-basis:38px}
  .bf-dash .bf-dash-metric{padding:12px 10px}
  .bf-dash-metrics{gap:7px}
  .bf-dash .bf-dash-metric-value{font-size:21px}
  .bf-dash-shortcuts a{font-size:11px}
  .bf-header-actions{gap:5px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
  .bf-account-menu--top>a:hover,.bf-account-menu--top .bf-account-more>summary:hover{transform:none}
}