/* Inner pages share the storefront palette; their content gets a quieter canvas. */
body:not(.merchant-admin):has(:is(.product-page,.member-page,.help-page,.order-page,.checkout-page,.auth-page)),
html[data-color-mode=dark] body:not(.merchant-admin):has(:is(.product-page,.member-page,.help-page,.order-page,.checkout-page,.auth-page)){background-image:none!important}
body:not(.merchant-admin) :is(.product-page,.member-page,.help-page,.order-page,.checkout-page){width:calc(100% - 48px)!important;max-width:1240px!important;margin:28px auto 56px;min-width:0}
body:not(.merchant-admin) :is(.member-page,.help-page,.order-page,.checkout-page)>.page-title{margin:0 0 28px;gap:20px}
body:not(.merchant-admin) :is(.member-page,.help-page,.order-page,.checkout-page)>.page-title h1{font-size:32px;line-height:1.35;letter-spacing:-.025em}
body:not(.merchant-admin) :is(.member-page,.help-page,.order-page,.checkout-page)>.page-title p{font-size:17px;line-height:1.65;margin-top:8px}
/* Product: the image and detail text lead; purchase controls have a stable column. */
body:not(.merchant-admin) .product-page>.button.text{padding-left:0;min-height:40px}
body:not(.merchant-admin) .product-page .product-page-title{margin:12px 0 24px}
body:not(.merchant-admin) .product-page .product-page-title h1{font-size:30px;line-height:1.35}
body:not(.merchant-admin) .product-page .product-columns{grid-template-columns:minmax(0,1fr) 380px;column-gap:28px;margin-top:0}
body:not(.merchant-admin) .product-page .buy-panel{top:104px;padding:26px!important;background:var(--bm-dark)!important;color:var(--bm-on-dark);box-shadow:none}
body:not(.merchant-admin) .product-page .buy-panel .product-options-heading h2{font-size:22px}
body:not(.merchant-admin) .product-page .buy-panel .button:not(.primary):not(.text):not(.selected){background:var(--bm-dark-soft)!important;color:var(--bm-on-dark)!important}
body:not(.merchant-admin) .product-page .buy-panel .notice{background:var(--bm-dark-soft);color:var(--bm-on-dark)}
body:not(.merchant-admin) .product-page .buy-panel .stack{gap:10px}
body:not(.merchant-admin) .product-page .product-details-stack{gap:32px}
body:not(.merchant-admin) .product-page .product-detail-block h2{font-size:24px}
/* Account: one persistent navigation rail and one aligned workspace. */
.member-workspace{display:grid;grid-template-columns:184px minmax(0,1fr);gap:24px;align-items:start}
.member-content{display:grid;gap:24px;min-width:0}
.member-content>.panel,.member-content>.two-column{margin:0;min-width:0}
body:not(.merchant-admin) .member-workspace>.member-tabs{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:8px;background:var(--bm-white);border-radius:12px;position:sticky;top:104px;min-width:0;max-width:100%}
body:not(.merchant-admin) .member-workspace>.member-tabs a{padding:12px 14px;min-height:48px;font-size:16px;line-height:1.5;border:0;border-radius:8px;background:transparent;color:var(--bm-muted);text-decoration:none;white-space:normal}
body:not(.merchant-admin) .member-workspace>.member-tabs a:hover{background:var(--bm-soft);color:var(--bm-ink)}
body:not(.merchant-admin) .member-workspace>.member-tabs a.active{background:var(--bm-selected);color:var(--bm-ink);font-weight:600}
body:not(.merchant-admin) .member-content>.panel{padding:28px!important}
body:not(.merchant-admin) .member-content :is(.member-order-filters,.member-ledger-filters){grid-template-columns:minmax(0,1.5fr) minmax(130px,1fr) minmax(110px,.7fr);gap:16px;margin-top:24px}
body:not(.merchant-admin) .member-content :is(.member-order-filters,.member-ledger-filters)>div{grid-column:1/-1;padding-top:0;display:flex;gap:10px;align-items:center}
body:not(.merchant-admin) .member-content .member-ledger-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
body:not(.merchant-admin) .member-content .member-order-count{margin:24px 0 12px}
body:not(.merchant-admin) .member-content .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
body:not(.merchant-admin) .member-content .member-order-number{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body:not(.merchant-admin) .member-content :is(.totals strong,.ledger-amount){font-variant-numeric:tabular-nums}
/* Help: readable previews, a compact contact rail and a bounded article measure. */
.help-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:24px;align-items:start}
body:not(.merchant-admin) .help-layout>.panel{margin:0}
body:not(.merchant-admin) .help-list{padding:8px 28px!important}
body:not(.merchant-admin) .help-list>.help-article-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;color:var(--bm-ink);text-decoration:none;min-width:0;border:0;background:transparent}
body:not(.merchant-admin) .help-article-row h2{font-size:21px;line-height:1.4;margin:0 0 10px}
body:not(.merchant-admin) .help-article-row p{font-size:16px;line-height:1.75;color:var(--bm-muted);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}
.help-article-arrow{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:none;color:var(--bm-ink);background:var(--bm-soft);border-radius:8px;transition:transform .18s ease}
.help-article-row:hover .help-article-arrow{transform:translateX(3px)}
body:not(.merchant-admin) .help-contact{padding:26px!important;position:sticky;top:104px;min-width:0}
.help-contact .store-contact-brand h2{font-size:20px;line-height:1.4;margin:0}
.help-contact>p{font-size:17px;line-height:1.75;margin:24px 0;color:var(--bm-muted)}
.help-contact .help-contact-address{color:var(--bm-ink);overflow-wrap:anywhere}
.help-contact>.button{width:100%}
body:not(.merchant-admin) .article-page{max-width:960px!important}
body:not(.merchant-admin) .help-article-content{padding:40px!important}
.help-article-content .detail-copy{color:var(--bm-ink)!important;max-width:72ch;margin:0;font-size:18px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.help-article-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
@media(min-width:901px) and (max-width:1100px){
 body:not(.merchant-admin) .product-page .product-columns{grid-template-columns:minmax(0,1fr) 340px;column-gap:20px}
 .member-workspace{grid-template-columns:164px minmax(0,1fr);gap:20px}
}
@media(max-width:900px){
 .member-workspace{grid-template-columns:minmax(0,1fr);gap:20px}
 body:not(.merchant-admin) .member-workspace>.member-tabs{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:6px;gap:4px;scrollbar-width:thin}
 body:not(.merchant-admin) .member-workspace>.member-tabs a{flex:none;white-space:nowrap;padding:10px 14px}
 body:not(.merchant-admin) .product-page .product-columns{grid-template-columns:minmax(0,1fr);grid-template-areas:"gallery" "buy" "details";grid-template-rows:auto;gap:16px}
 body:not(.merchant-admin) .product-page .product-columns.without-gallery{grid-template-areas:"buy" "details"}
 body:not(.merchant-admin) .product-page .buy-panel{position:static}
 .help-layout{grid-template-columns:minmax(0,1fr)}
 body:not(.merchant-admin) .help-contact{position:static}
}
@media(max-width:720px){
 body:not(.merchant-admin) :is(.product-page,.member-page,.help-page,.order-page,.checkout-page){width:calc(100% - 32px)!important;margin:20px auto 36px}
 body:not(.merchant-admin) :is(.member-page,.help-page,.order-page,.checkout-page)>.page-title{margin-bottom:22px;align-items:flex-start}
 body:not(.merchant-admin) :is(.member-page,.help-page,.order-page,.checkout-page)>.page-title h1{font-size:28px}
 body:not(.merchant-admin) .product-page{margin-top:8px}
 body:not(.merchant-admin) .product-page .product-page-title{margin:4px 0 12px}
 body:not(.merchant-admin) .product-page .product-page-title h1{font-size:24px}
 body:not(.merchant-admin) .product-page .buy-panel{padding:16px!important}
 body:not(.merchant-admin) .member-content>.panel{padding:20px 16px!important}
 body:not(.merchant-admin) .member-content :is(.member-order-filters,.member-ledger-filters){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 body:not(.merchant-admin) .member-content .member-order-filters>.field:first-child{grid-column:1/-1}
 body:not(.merchant-admin) .member-content .member-order-filters>div>.button{flex:1}
 body:not(.merchant-admin) .member-content :is(.field input,.field select){font-size:16px}
 body:not(.merchant-admin) .help-list{padding:0 20px!important}
 body:not(.merchant-admin) .help-list>.help-article-row{padding:24px 0;gap:14px}
 body:not(.merchant-admin) .help-article-row h2{font-size:20px}
 body:not(.merchant-admin) .help-contact{padding:24px 20px!important}
 body:not(.merchant-admin) .help-article-content{padding:26px 22px!important}
 .help-article-content .detail-copy{font-size:17px;line-height:1.85}
}
@media(prefers-reduced-motion:reduce){.help-article-arrow{transition:none}.help-article-row:hover .help-article-arrow{transform:none}}

/* One accessible order table, adapted to stacked records on small screens. */
.member-orders>h2{font-size:22px;font-weight:600;line-height:1.4;margin:0}
.member-orders-table .member-order-cell-label{display:none}
.member-orders-table .member-order-amount{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:720px){
 body:not(.merchant-admin) .member-content .member-orders-table-wrap{overflow:visible}
 body:not(.merchant-admin) .member-page .member-orders-table-wrap>.member-orders-table{display:block;width:100%;min-width:0;table-layout:auto}
 .member-orders-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .member-orders-table tbody{display:block}
 .member-orders-table tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:20px 0;background:transparent;border-bottom:1px solid var(--bm-line)}
 body:not(.merchant-admin) .member-orders-table tbody>tr>td{display:block;min-width:0;padding:0;border:0;background:transparent;font-size:16px;line-height:1.6}
 .member-orders-table .member-order-summary{grid-column:1/-1}
 .member-orders-table .member-order-number{min-width:0;font-size:16px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
 .member-orders-table .member-order-items{max-width:none;font-size:16px;line-height:1.6;margin-top:6px}
 .member-orders-table .member-order-cell-label{display:block;color:var(--bm-muted);font-size:14px;line-height:1.5;margin-bottom:2px}
 .member-orders-table .member-order-amount strong{font-size:20px;line-height:1.4;color:var(--bm-ink)}
 .member-orders-table .member-order-status{align-self:center;justify-self:end}
 .member-orders-table .member-order-created{grid-column:1/-1;color:var(--bm-muted)}
 .member-orders-table .member-order-created>.member-order-cell-label{display:inline;margin-right:8px}
 body:not(.merchant-admin) .member-orders-table tbody>tr>.member-order-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:2px 0 0}
 body:not(.merchant-admin) .member-orders-table .member-order-actions>.button{width:100%;min-width:0;min-height:48px;margin:0;padding:10px 8px;font-size:16px;white-space:normal}
 .member-order-pagination>div{width:100%}
 .member-order-pagination>div>.button{flex:1;min-height:44px}
}

.member-ledger>h2{font-size:22px;font-weight:600;line-height:1.4;margin:0}
.member-ledger-table .member-ledger-label{display:none}
.member-ledger-table .member-ledger-note{overflow-wrap:anywhere}
body:not(.merchant-admin) .member-favorites .favorite-product-actions>.button{min-height:48px;min-width:48px}
body:not(.merchant-admin) [data-popup-checkout] .quick-buy-product h3{display:block;white-space:normal;overflow:visible;text-overflow:clip;text-wrap:balance;-webkit-line-clamp:unset;overflow-wrap:anywhere;font-size:18px;line-height:1.5}
@media(max-width:800px){
 body:not(.merchant-admin) .member-content .member-ledger-table-wrap{overflow:visible}
 body:not(.merchant-admin) .member-page .member-ledger-table-wrap>.member-ledger-table{display:block;width:100%;min-width:0;table-layout:auto}
 .member-ledger-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .member-ledger-table tbody{display:block}
 .member-ledger-table tbody>tr{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:20px 0;border-bottom:1px solid var(--bm-line);background:transparent}
 body:not(.merchant-admin) .member-ledger-table tbody>tr>td{display:block;min-width:0;padding:0;border:0;background:transparent;font-size:16px;line-height:1.6}
 .member-ledger-table .member-ledger-time{color:var(--bm-muted)}
 .member-ledger-table .member-ledger-note{font-weight:500}
 .member-ledger-table .member-ledger-change .ledger-amount{font-size:22px}
 .member-ledger-table .member-ledger-reference{margin-top:4px}
 .member-ledger-table .member-ledger-label{display:block;font-size:14px;color:var(--bm-muted)}
 .member-ledger-table .ledger-reference{max-width:none;font-size:15px}
}
@media(max-width:400px){
 body:not(.merchant-admin) .popup-selection-fields:has(.popup-package-summary){grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:start}
 body:not(.merchant-admin) .popup-package-summary strong{overflow-wrap:anywhere;white-space:normal}
}
@media(max-width:640px){
 body:not(.merchant-admin) .member-page .member-ledger-totals{grid-template-columns:minmax(0,1fr)}
 body:not(.merchant-admin) .member-page .member-ledger-totals .stat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}
 body:not(.merchant-admin) .member-page .member-ledger-totals .stat strong{font-size:24px;margin:0}
}
@media(max-width:400px){
 body:not(.merchant-admin) .member-ledger-filters>.field:has(input[type=date]){grid-column:1/-1}
}

.order-payment-status,.delivery-copy-feedback{font-size:16px;line-height:1.7;color:var(--bm-ink);overflow-wrap:anywhere;margin:12px 0}
.order-payment-status:not([hidden]){padding:14px;background:var(--bm-soft);border-radius:10px}
.order-page .delivery pre:focus-visible{outline:2px solid var(--bm-ink);outline-offset:3px}
body:not(.merchant-admin) .order-page .delivery-actions>.button{min-height:48px}
@media(max-width:720px){
 body:not(.merchant-admin) .order-page .delivery-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body:not(.merchant-admin) .order-page .delivery-actions>.button{width:100%;min-width:0;padding:10px 8px;white-space:normal;font-size:16px}
}

.favorite-availability{font-size:15px;line-height:1.5;color:var(--bm-muted)}
.favorite-availability.in-stock{color:var(--bm-ink)}
.favorite-unavailable .favorite-product-cover{color:var(--bm-muted)}
.favorite-unavailable .favorite-product-cover svg{width:24px;height:24px}
.reorder-issue-list{margin:20px 0;max-height:45dvh;overflow:auto;overscroll-behavior:contain}
.reorder-issue{padding:18px 0;border-bottom:1px solid var(--bm-line)}
.reorder-issue:first-child{padding-top:0}
.reorder-issue h3{font-size:18px;line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:normal}
.reorder-issue p{font-size:16px;line-height:1.7;color:var(--bm-muted);margin:8px 0 14px}
.reorder-issue .row{flex-wrap:wrap;gap:10px}
.reorder-issue .button{min-height:48px;white-space:normal}
@media(max-width:720px){.favorite-unavailable .favorite-product-actions>.button{flex:1}.product-unavailable-page .row{flex-wrap:wrap}}

body.merchant-admin #overlays .sku-term-preview{margin:24px 0;padding:20px;background:var(--bm-soft);border-radius:12px;min-width:0}
.sku-term-preview h3{font-size:20px;line-height:1.5;margin:0 0 8px}
.sku-term-preview>p{font-size:16px;line-height:1.7}
.sku-term-preview dl{margin:18px 0 0}
.sku-term-preview dl>div{padding:14px 0;border-top:1px solid var(--bm-line)}
.sku-term-preview dt{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:17px;font-weight:600;line-height:1.6}
.sku-term-preview dt>span{font-size:14px;font-weight:400;color:var(--bm-muted)}
.sku-term-preview dd{margin:8px 0 0;font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--bm-ink)}
body.merchant-admin .product-manager-table [data-action=product-readiness]{min-height:44px;margin-top:6px;white-space:nowrap}

/* v190: detail titles are content, not an ellipsized catalogue label. */
@media(max-width:720px){
 body:not(.merchant-admin) .product-page .product-page-title{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 body:not(.merchant-admin) .product-page .product-page-title h1{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:24px;line-height:1.35}
 body:not(.merchant-admin) .product-page .product-heading-actions{justify-self:end;flex-wrap:wrap;max-width:100%}
}

.lookup-browser-entry{margin-top:20px;padding-top:20px;border-top:1px solid var(--bm-line)}
.lookup-browser-entry p,.lookup-cache-note{font-size:15px;line-height:1.7;color:var(--bm-muted);margin:10px 0 0}
.lookup-cache-list{list-style:none;margin:20px 0;padding:0;display:grid;gap:12px}
.lookup-cache-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--bm-white);border-radius:12px;min-width:0}
.lookup-cache-list strong{font-size:16px;overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}
body:not(.merchant-admin) .lookup-cache-list .button{min-height:44px;flex:none}
@media(max-width:480px){.lookup-cache-list li{flex-wrap:wrap;gap:10px}.lookup-cache-list .button{margin-left:auto}}

/* v197: inner-page rhythm, readable long content and form affordances. */
body:not(.merchant-admin) :is(.lookup-page,.supplier-page){width:calc(100% - 48px)!important;max-width:1240px!important;margin:28px auto 56px;padding-top:0;padding-bottom:0;min-width:0}
body:not(.merchant-admin):has(:is(.lookup-page,.supplier-page)){background-image:none!important}
body:not(.merchant-admin) .auth-page .auth-box h1{font-size:28px;line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:anywhere}
body:not(.merchant-admin) :is(.member-page,.help-page,.order-page,.checkout-page,.supplier-page) :is(.page-title h1,.read-feedback h2){overflow-wrap:anywhere;min-width:0}
body:not(.merchant-admin) :is(.checkout-page,.lookup-page,.member-page,.supplier-page) .field textarea{min-height:112px;resize:vertical;line-height:1.7}
body:not(.merchant-admin) .help-empty{padding:32px 0;color:var(--bm-ink)}
body:not(.merchant-admin) .help-empty h2{font-size:22px;line-height:1.5;margin-bottom:10px}
body:not(.merchant-admin) .help-empty p{font-size:16px;line-height:1.75;color:var(--bm-muted)}
body:not(.merchant-admin) .supplier-page fieldset[data-supplier-market]>legend{font-size:16px;line-height:1.5;font-weight:600;color:var(--bm-ink);margin-bottom:12px;padding:0}
body:not(.merchant-admin) .member-content .resource-text{overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%}
@media(max-width:720px){
 body:not(.merchant-admin) :is(.lookup-page,.supplier-page){width:calc(100% - 32px)!important;margin:20px auto 36px}
 body:not(.merchant-admin) .help-article-actions>.button{flex:1;min-height:48px;white-space:normal}
 body:not(.merchant-admin) .member-content .field-row{display:grid;grid-template-columns:minmax(0,1fr)}
 body:not(.merchant-admin) .member-content .field-row>.field{width:100%}
 body:not(.merchant-admin) .member-content .field-row>.button{width:100%}
}

/* Order task hierarchy: pay pending orders; read fulfilled orders. */
body:not(.merchant-admin) .order-summary-panel{display:flex;flex-direction:column}
body:not(.merchant-admin) .order-summary-panel .order-facts{order:2;padding-top:20px;border-top:1px solid var(--bm-line);margin-top:20px}
body:not(.merchant-admin) .order-summary-panel .order-payment-area{order:1;margin-top:0;padding-top:0}
body:not(.merchant-admin) .order-payment-area .payment-options>.button{display:flex;justify-content:center;align-items:center;gap:8px}
body:not(.merchant-admin) .order-page .order-delivery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
body:not(.merchant-admin) .order-page .order-delivery-heading>div:first-child{flex:1 1 180px;min-width:0}
body:not(.merchant-admin) .order-page .order-delivery-heading .delivery-actions{margin:0;flex:0 1 auto}
body:not(.merchant-admin) .order-page .delivery pre{max-height:clamp(200px,48dvh,480px);overflow:auto;overscroll-behavior:contain;tab-size:2}
body:not(.merchant-admin) .order-page .delivery pre:focus-visible{outline:2px solid var(--bm-focus);outline-offset:3px}
body:not(.merchant-admin) .order-page .order-event-list li+li{padding-top:18px;border-top:1px solid var(--bm-line)}
@media(max-width:800px){
 body:not(.merchant-admin) .order-page[data-order-status=pending] .order-summary-panel{order:0}
 body:not(.merchant-admin) .order-page[data-order-status=pending] .order-products-panel{order:1}
 body:not(.merchant-admin) .order-page[data-order-status=completed] .order-delivery-panel{order:0}
 body:not(.merchant-admin) .order-page[data-order-status=completed] .order-products-panel{order:1}
 body:not(.merchant-admin) .order-page[data-order-status=completed] .order-summary-panel{order:2}
 body:not(.merchant-admin) .order-page .order-delivery-heading .delivery-actions{flex-basis:100%}
 body:not(.merchant-admin) .order-page .order-summary-amount{font-size:32px;margin:10px 0 18px}
}

body:not(.merchant-admin) .order-page .order-delivery-heading>div:first-child>span{display:block;font-size:16px;line-height:1.7;color:var(--bm-muted);margin-top:5px;overflow-wrap:anywhere}

/* v206: clear field boundaries and comfortable focus across utility flows. */
body:not(.merchant-admin) :is(.auth-box,.lookup-form,.popup-checkout-form) input:not([type=checkbox]):not([type=radio]){border:1px solid var(--bm-line)}
body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--bm-ink);outline-offset:3px}
@media(max-width:720px){
 body:not(.merchant-admin) .auth-page{padding-top:20px;padding-bottom:32px}
 body:not(.merchant-admin) .auth-page .auth-box{padding:24px 20px}
 body:not(.merchant-admin) .auth-box .store-auth-avatar{width:56px;height:56px;margin:20px auto}
 body:not(.merchant-admin) .auth-box .store-auth-avatar img{width:56px;height:56px;object-fit:cover}
 body:not(.merchant-admin) .auth-box>p{margin-bottom:24px}
 body:not(.merchant-admin) .auth-box .field{margin-bottom:20px}
 body:not(.merchant-admin) .auth-box .policy-links a{display:inline-flex;align-items:center;min-height:44px}
}

/* v208: readable mobile list names and explicit out-of-stock recovery. */
@media(max-width:720px){
 body:not(.merchant-admin) .catalogue.list-view .compact-product-info h3{white-space:normal;max-height:none;line-height:1.5}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-info h3>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;overflow:hidden}
}
body:not(.merchant-admin) .product-page .product-page-title h1{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}

/* v209: payment channels are visible, mutually exclusive native controls. */
.popup-payment-methods{border:0;padding:0;margin:0;min-width:0}
.popup-payment-methods legend{font-size:18px;font-weight:600;margin-bottom:12px;padding:0;color:var(--bm-ink)}
.popup-payment-options{display:grid;gap:10px}
.popup-payment-option{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px;border:1px solid var(--bm-line);border-radius:8px;background:var(--bm-white);color:var(--bm-ink);cursor:pointer;font-size:17px;line-height:1.5}
body:not(.merchant-admin) :is(.popup-checkout-form,.popup-checkout-resume) .popup-payment-option input[type=radio]{width:18px;height:18px;min-height:18px;padding:0;margin:0;flex:0 0 18px;accent-color:var(--bm-focus)}
.popup-payment-option .payment-method-icon{width:24px;height:24px;flex:none}
.popup-payment-option:has(input:checked){border-color:var(--bm-ink);background:var(--bm-selected)}
.popup-payment-option:has(input:focus-visible){outline:2px solid var(--bm-ink);outline-offset:3px}
.popup-payment-option:has(input:disabled){cursor:wait;opacity:.65}
@media(max-width:720px){.popup-payment-options{grid-template-columns:repeat(2,minmax(0,1fr))}.popup-payment-option{padding:10px;gap:7px;font-size:16px}.popup-payment-option .payment-method-icon{width:20px;height:20px}}
@media(max-width:359px){.popup-payment-options{grid-template-columns:minmax(0,1fr)}}

/* API reference: navigation and readable content, without nested dashboard cards. */
body:not(.merchant-admin):has(.api-doc-page),html[data-color-mode=dark] body:not(.merchant-admin):has(.api-doc-page){background-image:none!important}
body:not(.merchant-admin) .api-doc-page{width:calc(100% - 48px);max-width:1240px;margin:32px auto 56px}
.api-doc-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}
.api-doc-heading h1{font-size:32px;line-height:1.3;letter-spacing:-.025em}
.api-doc-heading p{font-size:18px;margin-top:12px;color:var(--bm-muted)}
.api-doc-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:36px}
.api-doc-nav{position:sticky;top:24px;align-self:start;display:grid;gap:4px}
.api-doc-nav button{display:block;text-align:left;border:0;background:transparent;color:var(--bm-ink);padding:12px;min-height:44px;cursor:pointer;border-radius:6px;font-size:17px}
.api-doc-nav button:hover{background:var(--bm-soft)}
.api-doc-content{min-width:0;max-width:880px}
.api-doc-content section{scroll-margin-top:24px;margin-bottom:48px}
.api-doc-content h2{font-size:26px;line-height:1.4;margin:0 0 18px}
.api-doc-content p{font-size:17px;line-height:1.8;margin:16px 0;max-width:72ch}
.api-doc-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;overflow-wrap:anywhere}
.api-doc-content pre{background:var(--bm-soft);color:var(--bm-ink);padding:20px;border-radius:8px;overflow:auto;max-width:100%;font-size:15px;line-height:1.7;margin:20px 0;tab-size:2}
.api-doc-content pre code{overflow-wrap:normal}
.api-doc-endpoint{display:flex;align-items:center;gap:12px;font-weight:600}
.api-doc-endpoint>span{font-size:14px;padding:3px 9px;background:var(--bm-selected);border-radius:4px}
.api-doc-facts{margin:24px 0}
.api-doc-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:12px 0}
.api-doc-facts dt{color:var(--bm-muted)}.api-doc-facts dd{margin:0;overflow-wrap:anywhere}
.api-doc-table{overflow:auto;max-width:100%;margin:20px 0}
.api-doc-table table{width:100%;border-collapse:collapse;min-width:500px;background:transparent}
.api-doc-table th{color:var(--bm-muted);text-align:left;font-weight:500;white-space:nowrap}
.api-doc-table :is(th,td){padding:13px 12px;border-bottom:1px solid var(--bm-line);vertical-align:top;font-size:16px;line-height:1.7}
@media(max-width:720px){
 body:not(.merchant-admin) .api-doc-page{width:calc(100% - 32px);margin-top:24px}
 .api-doc-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:24px}.api-doc-heading h1{font-size:28px}
 .api-doc-layout{display:block}.api-doc-nav{position:static;display:flex;overflow-x:auto;gap:6px;margin-bottom:28px;padding-bottom:8px}.api-doc-nav button{flex:none;background:var(--bm-soft)}
 .api-doc-content section{margin-bottom:36px}.api-doc-content pre{padding:16px}.api-doc-facts>div{grid-template-columns:minmax(0,1fr);gap:6px}
}

/* Phone catalogue rows: keep product identity and purchase controls in one compact block. */
@media(max-width:720px){
 body:not(.merchant-admin) .catalogue.list-view .compact-product-row{
  grid-template-columns:64px minmax(0,1fr) minmax(88px,104px)!important;
  grid-template-areas:"image info info" "delivery stock stock" "price price buy"!important;
  gap:4px 10px!important;padding:10px!important;min-height:0;align-items:center
 }
 body:not(.merchant-admin) .catalogue.list-view .compact-product-cover-wrap,
 body:not(.merchant-admin) .catalogue.list-view .compact-product-icon{grid-area:image;width:64px;height:40px;align-self:center}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-info{grid-area:info;min-width:0}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-info h3{font-size:15px;line-height:1.35;margin:0;padding-right:0}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:3px 0 0;font-size:13px;line-height:1.4}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-delivery{grid-area:delivery;min-width:0;font-size:12px;line-height:1.35}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-stock{grid-area:stock;min-width:0;font-size:12px;line-height:1.35;display:flex;gap:8px;flex-wrap:wrap}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-price{grid-area:price;min-width:0;text-align:left}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-price strong{font-size:19px;line-height:1.25}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-buy{grid-area:buy;min-width:0}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-buy .button{width:100%;min-height:40px;padding:7px 6px;font-size:14px}
 body:not(.merchant-admin) .catalogue.list-view .cover-share-button{right:5px;top:5px;width:28px;min-width:28px;height:28px;min-height:28px;padding:6px}
 body:not(.merchant-admin) .catalogue.list-view .cover-share-button>.icon{width:14px;height:14px}
}
@media(max-width:359px){
 body:not(.merchant-admin) .catalogue.list-view .compact-product-row{grid-template-columns:56px minmax(0,1fr) 88px!important}
 body:not(.merchant-admin) .catalogue.list-view .compact-product-cover-wrap,
 body:not(.merchant-admin) .catalogue.list-view .compact-product-icon{width:56px;height:36px}
}

/* v227: Dark-Glass Series Switcher in Buy Panel, Popup Stepper, Lookup & Delivery Polish */
.buy-panel .product-series-switcher{margin:14px 0;padding:12px 0;border-block:1px solid rgba(255,255,255,.12)}
.buy-panel .product-series-switcher .product-options-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600;color:rgba(241,245,249,.9)}
.buy-panel .product-series-switcher .product-options-heading small{font-size:12px;font-weight:400;color:rgba(203,213,225,.75)}
.buy-panel .series-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.buy-panel .series-option-chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:48px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#f8fafc;text-decoration:none;transition:all .16s ease}
.buy-panel .series-option-chip:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
.buy-panel .series-option-chip span{font-size:13px;font-weight:600;line-height:1.25;color:#fff}
.buy-panel .series-option-chip small{font-size:12px;color:var(--bm-muted);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;line-height:1.5;max-width:100%}
.buy-panel .series-option-chip.selected{background:rgba(53,87,218,.42);border-color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa}
.buy-panel .series-option-chip.selected small{color:#e0f2fe}
.buy-panel .series-option-chip.is-out{opacity:1}

/* Series Comparison Table in Product Detail */
.sku-comparison-table th a{color:var(--bm-ink);font-weight:600;text-decoration:none}
.sku-comparison-table th a:hover{color:var(--bm-accent);text-decoration:underline}
.sku-comparison-table tr.is-selected{background:color-mix(in srgb,var(--bm-accent) 8%,var(--bm-white))}

/* Popup Series & Quantity Stepper */
.popup-series-field{margin-bottom:10px}
.popup-series-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.popup-quantity-stepper{display:inline-flex;align-items:center;gap:6px;margin-top:4px}
.popup-quantity-stepper input[name=popup_quantity]{width:76px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}

/* Lookup Credential Generator & Visibility Toggle */
.lookup-credential-field .lookup-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.lookup-credential-field .lookup-field-tools{display:inline-flex;align-items:center;gap:6px}
.lookup-credential-field .lookup-field-tools .button{min-height:26px;padding:2px 8px;font-size:12px!important;border-radius:6px;background:var(--bm-soft);color:var(--bm-ink)}
.lookup-credential-field .lookup-field-tools .button:hover{background:color-mix(in srgb,var(--bm-accent) 16%,var(--bm-soft))}

/* Order Delivery Smart Lines */
.delivery-smart-items{display:flex;flex-direction:column;gap:6px;margin:10px 0;padding:10px;border-radius:8px;background:var(--bm-soft);border:1px solid var(--bm-line)}
.delivery-smart-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:6px;background:var(--bm-white)}
.delivery-smart-row code{font-size:13px;word-break:break-all;color:var(--bm-ink)}
@media(max-width:480px){
 .buy-panel .series-options,.popup-series-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v230 Dark Buy-Panel Control Harmony */
body:not(.merchant-admin) .buy-panel .quantity{display:inline-flex;align-items:center;gap:8px;margin-top:6px}
body:not(.merchant-admin) .buy-panel .quantity .button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:8px;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
body:not(.merchant-admin) .buy-panel .quantity .button:hover:not(:disabled){background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.38)!important}
body:not(.merchant-admin) .buy-panel .quantity .button:disabled{opacity:.4}
body:not(.merchant-admin) .buy-panel .quantity input.control{width:76px;height:42px;min-height:42px;text-align:center;font-weight:700;border-radius:8px;background:rgba(255,255,255,.95)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.3)!important}
body:not(.merchant-admin) .buy-panel .purchase-guide{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;color:#f1f5f9!important}
body:not(.merchant-admin) .buy-panel .purchase-guide summary{color:#f8fafc!important;font-weight:600}

body:not(.merchant-admin) .buy-panel .quantity .button img.icon{filter:brightness(0) invert(1)!important}

/* v236: Luxury Modal & Stripe-Style Popup Checkout Overhaul */
#overlays .modal-backdrop{background:rgba(15,23,42,.52)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
#overlays .modal-backdrop:has([data-popup-checkout]){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#overlays .modal{border-radius:20px!important;border:1px solid rgba(226,232,240,.9)!important;box-shadow:0 28px 64px -16px rgba(15,23,42,.32),0 4px 16px -4px rgba(15,23,42,.1)!important;background:var(--bm-white)!important;overflow:hidden}
html[data-color-mode=dark] #overlays .modal{border-color:#26334D!important}
#overlays .modal-head{padding:18px 24px 14px!important;border-bottom:1px solid var(--bm-line)!important;background:linear-gradient(180deg,var(--bm-field),var(--bm-white))}
#overlays .modal-head h2{font-size:19px!important;font-weight:700!important;letter-spacing:-.02em}
#overlays .modal-head [data-action=close]{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:999px!important;background:var(--bm-soft)!important;border:1px solid transparent!important;padding:0!important;transition:all .15s ease}
#overlays .modal-head [data-action=close]:hover{background:var(--bm-line)!important;transform:rotate(90deg)}

/* Crisp Inputs & Selects inside Modals */
#overlays .modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--bm-white)!important;border:1px solid #CBD5E1!important;border-radius:10px!important;min-height:42px!important;padding:8px 12px!important;font-size:14px!important;color:var(--bm-ink)!important;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:border-color .15s ease,box-shadow .15s ease}
html[data-color-mode=dark] #overlays .modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#152033!important;border-color:#334155!important}
#overlays .modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--bm-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bm-accent) 15%,transparent)!important;outline:none!important}

/* Quick Buy Product Header Card */
#overlays .popup-checkout-form{padding:20px 24px 22px!important}
#overlays .popup-checkout-grid{display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(310px,.92fr)!important;gap:22px!important;align-items:start;max-height:none!important;overflow:visible!important}
#overlays .popup-order-fields{display:flex;flex-direction:column;gap:14px}
#overlays .quick-buy-product{display:flex!important;align-items:center!important;gap:14px!important;padding:12px 14px!important;border-radius:14px!important;background:var(--bm-field)!important;border:1px solid var(--bm-line)!important;margin:0!important}
#overlays .quick-buy-product .cart-thumbnail{width:68px!important;height:46px!important;border-radius:8px!important;overflow:hidden;flex:none;box-shadow:0 2px 6px rgba(15,23,42,.08)}
#overlays .quick-buy-product .cart-thumbnail img{width:100%;height:100%;object-fit:cover}
#overlays .quick-buy-product-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
#overlays .quick-buy-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}
#overlays .quick-buy-product h3{font-size:16px!important;font-weight:700!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#overlays .popup-detail-link{font-size:12.5px!important;font-weight:600;color:var(--bm-accent)!important;text-decoration:none;white-space:nowrap}
#overlays .popup-detail-link:hover{text-decoration:underline}
#overlays .quick-buy-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px}
#overlays .quick-buy-badges .stock-quantity.in-stock{color:#15803d;font-weight:600}

/* Compact 3-Column Spec Chips in Popup */
#overlays .popup-series-field{margin:0!important}
#overlays #popup-series-label{font-size:13px;font-weight:600;color:var(--bm-muted)}
#overlays .popup-series-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:6px!important}
#overlays .popup-spec-chip{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;min-height:50px!important;padding:7px 11px!important;border-radius:10px!important;background:var(--bm-white)!important;border:1px solid var(--bm-line)!important;transition:all .15s ease}
#overlays .popup-spec-chip span{font-size:13.5px!important;font-weight:650!important;color:var(--bm-ink)}
#overlays .popup-spec-chip small{font-size:12px!important;color:var(--bm-muted);font-variant-numeric:tabular-nums}
#overlays .popup-spec-chip.selected{background:var(--bm-selected)!important;border-color:var(--bm-accent)!important;box-shadow:0 0 0 1px var(--bm-accent)!important}
#overlays .popup-spec-chip.selected span{color:var(--bm-accent)!important}
#overlays .popup-spec-chip:disabled{opacity:.52!important;background:var(--bm-field)!important}

/* Quantity Stepper & Guide Side-by-Side Row */
#overlays .popup-qty-guide-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:end;margin-top:4px}
#overlays .popup-qty-field{margin:0!important}
#overlays .popup-qty-field>span{display:block;font-size:13px;font-weight:600;color:var(--bm-muted);margin-bottom:6px}
#overlays .popup-quantity-stepper{display:inline-flex;align-items:center;gap:6px}
#overlays .popup-quantity-stepper .button{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:9px!important;background:var(--bm-soft)!important;border:1px solid var(--bm-line)!important}
#overlays .popup-quantity-stepper input[name=popup_quantity]{width:64px!important;height:38px!important;min-height:38px!important;text-align:center;font-weight:700}
#overlays .popup-delivery-guide .purchase-guide{margin:0!important;padding:7px 12px!important;border-radius:10px!important;background:var(--bm-field)!important;border:1px solid var(--bm-line)!important;font-size:13px}

/* Email & Lookup Password Side-by-Side Grid */
#overlays .popup-credentials-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding-top:12px;border-top:1px dashed var(--bm-line)}
#overlays .popup-credentials-grid .field{margin:0!important}
#overlays .popup-credentials-grid .field>span,#overlays .lookup-field-head>span{font-size:13px!important;font-weight:600!important}
#overlays .popup-credentials-grid .field small{font-size:11.5px!important;line-height:1.4!important;margin-top:4px}

/* Right-Side Stripe-Grade Payment & Summary Card */
#overlays .popup-order-summary{display:flex;flex-direction:column;gap:14px;padding:18px!important;border-radius:16px!important;background:var(--bm-field)!important;border:1px solid var(--bm-line)!important}
#overlays .popup-payment-methods{border:0!important;padding:0!important;margin:0!important}
#overlays .popup-payment-methods legend{font-size:13.5px!important;font-weight:700!important;color:var(--bm-ink);margin-bottom:8px;padding:0}
#overlays .popup-payment-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#overlays .popup-payment-option{position:relative;display:flex!important;align-items:center!important;gap:8px!important;min-height:46px!important;padding:8px 12px!important;border-radius:10px!important;background:var(--bm-white)!important;border:1.5px solid var(--bm-line)!important;cursor:pointer;font-size:14px!important;font-weight:600;transition:all .15s ease}
#overlays .popup-payment-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}
#overlays .popup-payment-option .payment-check-mark{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:var(--bm-accent);color:#fff;font-size:11px;font-style:normal;opacity:0;transform:scale(.6);transition:all .15s ease}
#overlays .popup-payment-option:has(input:checked){border-color:var(--bm-accent)!important;background:var(--bm-selected)!important;box-shadow:0 2px 8px -2px color-mix(in srgb,var(--bm-accent) 25%,transparent)}
#overlays .popup-payment-option:has(input:checked) .payment-check-mark{opacity:1;transform:scale(1)}

#overlays .checkout-price-summary{padding:12px 14px!important;border-radius:12px!important;background:var(--bm-white)!important;border:1px solid var(--bm-line)!important}
#overlays .checkout-price-summary .totals.final strong{font-size:24px!important;font-weight:800!important;color:var(--bm-accent)!important}
#overlays .popup-accepted{margin:0!important;font-size:13px!important;display:flex!important;align-items:center!important;gap:8px!important}
#overlays .popup-checkout-actions{display:flex;flex-direction:column;gap:6px;margin-top:2px;padding:0!important;border:0!important}
#overlays .popup-submit-btn{min-height:48px!important;border-radius:11px!important;font-size:15.5px!important;font-weight:700!important;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--bm-accent) 55%,transparent)!important}
#overlays .popup-hold-note{text-align:center;margin:0!important;font-size:12px!important}

/* Restock Notification Modal Polish */
#overlays .restock-modal-form{display:flex;flex-direction:column;gap:14px;padding:4px 2px}
#overlays .restock-grid{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:12px!important}
#overlays .restock-consent{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}

@media(max-width:860px){
 #overlays .popup-checkout-grid{grid-template-columns:minmax(0,1fr)!important}
 #overlays .popup-credentials-grid,#overlays .restock-grid,#overlays .popup-qty-guide-row{grid-template-columns:minmax(0,1fr)!important}
}

#overlays .popup-credentials-grid{align-items:start!important}
#overlays .popup-credentials-grid .field>span,#overlays .popup-credentials-grid .lookup-field-head{min-height:28px!important;display:flex!important;align-items:center!important;margin-bottom:6px!important}

/* v238: Exact 0px Input Alignment in Popup & Balanced Lookup Page */
#overlays .popup-credentials-grid .field>span,#overlays .popup-credentials-grid .lookup-field-head{height:28px!important;min-height:28px!important;max-height:28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 6px!important;padding:0!important}
#overlays .popup-credentials-grid .lookup-field-tools{display:inline-flex!important;align-items:center!important;gap:4px!important}
#overlays .popup-credentials-grid .lookup-field-tools .button,.lookup-credential-field .lookup-field-tools .button{min-height:24px!important;height:24px!important;padding:0 7px!important;font-size:11.5px!important;line-height:1!important;border-radius:6px!important}

/* Lookup Page Balanced Layout & Crisp Inputs */
body:not(.merchant-admin) .lookup-page .lookup-layout{display:grid!important;grid-template-columns:minmax(380px,480px) minmax(340px,1fr)!important;gap:24px!important;align-items:stretch!important;max-width:1040px!important;margin:12px auto 0!important}
body:not(.merchant-admin) .lookup-page .lookup-search-panel{margin:0!important;width:100%!important;max-width:none!important;border-radius:18px!important;padding:28px!important;box-shadow:0 12px 32px -12px rgba(15,23,42,.08)!important}
body:not(.merchant-admin) .lookup-page .lookup-search-panel input{background:var(--bm-white)!important;border:1px solid #CBD5E1!important;border-radius:10px!important}
body:not(.merchant-admin) .lookup-page .lookup-results{margin:0!important;width:100%!important;max-width:none!important;min-height:320px;border-radius:18px!important;padding:28px!important;background:var(--bm-white)!important;border:1px solid var(--bm-line)!important;box-shadow:0 12px 32px -12px rgba(15,23,42,.06)!important}
@media(max-width:860px){
 body:not(.merchant-admin) .lookup-page .lookup-layout{grid-template-columns:minmax(0,1fr)!important}
}

/* Local order history stays level with the query form and pages independently. */
html[data-ds] body:not(.merchant-admin) .lookup-page :is(.lookup-search-panel,.lookup-results){border-radius:8px!important;box-shadow:none!important;padding:24px!important;min-width:0}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-results{display:flex;flex-direction:column;align-items:stretch}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-card-heading{margin-bottom:20px}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-form>.field{margin-bottom:16px}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-browser-entry>.button{width:auto;min-height:36px;padding:4px 0;background:transparent!important;border:0!important;font-size:14px!important}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-results-heading{margin-bottom:8px;gap:8px;align-items:center}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-results-heading h2{font-size:22px;line-height:1.4}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-cache-note{font-size:13px;line-height:1.7;margin:0;color:var(--bm-muted)}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-cache-list{gap:0;margin:16px 0;flex:0 0 auto}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-cache-list li{min-height:60px;padding:8px 0;gap:12px;border-bottom:1px solid var(--bm-line);border-radius:0;background:transparent}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-cache-list strong{font-size:13px;line-height:1.5;letter-spacing:0;font-weight:500;font-variant-numeric:tabular-nums}
html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-cache-list .button{font-size:13px!important;min-height:36px;padding:6px 10px;border-radius:5px}
.lookup-cache-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:12px;font-size:13px;color:var(--bm-muted)}
.lookup-cache-pagination>div{display:flex;align-items:center;gap:12px}
.lookup-cache-pagination .button{width:36px;min-width:36px;min-height:36px;padding:6px}
.lookup-cache-pagination .icon{width:16px;height:16px}
html[data-ds] .lookup-cache-pagination .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px!important;flex:0 0 auto}
html[data-ds] .lookup-cache-pagination .button .icon{filter:brightness(0)!important;opacity:1;flex:0 0 16px!important;min-width:16px!important;width:16px!important;height:16px!important}
html[data-ds][data-color-mode=dark] .lookup-cache-pagination .button .icon{filter:brightness(0) invert(1)!important}
html[data-ds] #overlays .modal:has(.shop-share-layout){width:min(920px,calc(100vw - 32px))!important;max-width:920px!important}
#overlays .shop-share-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:center}
#overlays .shop-share-preview{aspect-ratio:1;min-height:0;max-height:none;background:transparent;border:1px solid var(--bm-line);border-radius:6px;overflow:hidden}
#overlays .shop-share-tools{min-width:0}
#overlays .shop-share-tools h3{font-size:22px;line-height:1.4;margin:0 0 10px}
#overlays .shop-share-tools>p{margin:10px 0 16px;font-size:14px;line-height:1.6}
#overlays .shop-share-tools .stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#overlays .shop-share-tools .stack>.primary{grid-column:1/-1}
#overlays .shop-share-tools .button{font-size:14px!important;min-height:42px}
@media(max-width:600px){
 html[data-ds] body:not(.merchant-admin) .lookup-page :is(.lookup-search-panel,.lookup-results){padding:20px!important}
 html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-cache-list li{flex-wrap:nowrap;gap:8px;min-height:60px}
 html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-cache-list strong{font-size:12px}
 html[data-ds] body:not(.merchant-admin) .lookup-page .lookup-cache-list .button{min-height:44px;padding-inline:8px;font-size:12px!important}
 .lookup-cache-pagination .button{width:44px;min-width:44px;min-height:44px}
 #overlays .shop-share-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 #overlays .shop-share-preview{width:min(100%,320px);margin:auto}
 #overlays .shop-share-tools>p{margin-block:8px 12px}
}