.commerce-prices{display:grid;gap:.25rem;font-size:.94rem;line-height:1.35}.commerce-prices>span{display:flex;gap:.45rem;align-items:baseline;flex-wrap:wrap}.commerce-prices small{font-size:.75rem;font-weight:500;color:var(--muted,#676b62)}.commerce-prices>span:first-child b{font-size:1.14rem}.commerce-buy,.commerce-max{white-space:normal;font-size:.8rem;min-height:40px;padding:.6rem .8rem}.product-card-actions,.publication-card-controls{flex-wrap:wrap}.commerce-page{max-width:1180px;margin:2rem auto;padding:0 1rem}.commerce-page h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:1rem 0 1.5rem}.commerce-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:1.5rem;align-items:start}.commerce-form,.commerce-summary,.commerce-order{padding:1.5rem;border:1px solid var(--line,#dedfd5);border-radius:16px;min-width:0}.commerce-form{display:grid;gap:1rem}.commerce-form h2{margin:.5rem 0}.commerce-form label,.commerce-order label{display:grid;gap:.4rem;font-size:.9rem}.commerce-form input,.commerce-shipping input,.commerce-quantity input{width:100%;min-width:0;min-height:46px;padding:.7rem;border:1px solid #b5b9af;border-radius:8px;background:var(--surface,#fff);color:inherit;font:inherit}.commerce-consent{display:flex!important;align-items:start}.commerce-consent input{width:20px;min-height:20px;margin:0}.commerce-summary{display:grid;gap:1rem;position:sticky;top:100px}.commerce-summary p,.commerce-form p{font-size:.9rem;line-height:1.55;margin:.25rem 0}.commerce-total{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}.commerce-total:first-child strong{font-size:1.4rem}.commerce-cart-item{padding:1.1rem 0;border-bottom:1px solid var(--line,#ddd)}.commerce-cart-item p{font-size:.9rem}.commerce-quantity{display:flex;gap:1rem}.commerce-quantity input{max-width:85px}.commerce-text-button{background:none;border:0;text-decoration:underline;color:inherit;padding:.5rem;cursor:pointer;text-align:left}.commerce-cdek-dialog{width:min(1100px,96vw);height:min(760px,92dvh);padding:0;border:0;border-radius:12px;background:#fff}.commerce-cdek-dialog::backdrop{background:#0008}.commerce-dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;color:#222}.commerce-dialog-bar button{font-size:1.7rem;border:0;background:none;cursor:pointer}.commerce-cdek-dialog iframe{width:100%;height:calc(100% - 55px);border:0}.commerce-order{margin:1rem 0;overflow-wrap:anywhere}.commerce-order-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.commerce-order-heading h2{font-size:1.2rem}.commerce-admin-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.commerce-shipping{display:grid;gap:.6rem;margin:1rem 0}.commerce-waybill{display:block;max-width:100%;max-height:900px;object-fit:contain;margin-top:1rem}.commerce-order input[type=file]{padding:.5rem 0;max-width:100%}[data-commerce-status]{white-space:pre-line;line-height:1.5}[aria-disabled=true]{pointer-events:none;opacity:.5}@media(max-width:720px){.commerce-layout{grid-template-columns:1fr}.commerce-summary{position:static}.commerce-form{order:2}.commerce-form,.commerce-summary,.commerce-order{padding:1rem}.commerce-page{margin:1rem auto}.commerce-cdek-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}.commerce-admin-actions .btn{width:100%}.publication-card-controls{gap:.4rem}.commerce-prices{font-size:.83rem}}
.commerce-pickup-search{position:relative;min-width:0}.commerce-pickup-options{position:absolute;left:0;right:0;top:100%;z-index:20;max-height:300px;overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #b5b9af;border-radius:0 0 10px 10px;box-shadow:0 10px 24px #0002}.commerce-pickup-options[hidden]{display:none}.commerce-pickup-option{display:grid;gap:.3rem;width:100%;padding:.85rem;text-align:left;border:0;border-bottom:1px solid #e0e3dc;background:#fff;color:#20251c;cursor:pointer;font:inherit;overflow-wrap:anywhere}.commerce-pickup-option strong{font-size:.9rem;font-weight:600;line-height:1.4}.commerce-pickup-option small{font-size:.8rem;color:#596052}.commerce-pickup-option:hover,.commerce-pickup-option[aria-selected=true]{background:#edf3e8}[data-cdek-search-status]:empty{display:none}
/* Order and account workspaces: large reading areas, compact navigation. */
:is(.commerce-desk-body,.account-body){--surface:#fff;--line:#d6ddd1;--muted:#53604d;--workspace-ink:#1c2719;height:100dvh;overflow:hidden;color:var(--workspace-ink);font-size:18px;line-height:1.5}
:is(.commerce-desk-body,.account-body) .page{min-height:0;padding-bottom:0}
:is(.commerce-desk-body,.account-body) :is(.top-banner,.aldan-gift-strip,.footer,.messenger-float,.back-to-top,.scroll-top,.max-channel-promo){display:none!important}
:is(.commerce-desk-body,.account-body) .site-header-sticky{box-shadow:none;background:var(--surface)}
:is(.commerce-desk-body,.account-body) .site-header-sticky .topbar{width:calc(100% - 40px);max-width:1800px;grid-template-areas:"brand actions";grid-template-columns:auto minmax(0,1fr);min-height:64px;padding:8px 0;gap:16px}
:is(.commerce-desk-body,.account-body) .site-header-sticky .primary-nav{display:none}
:is(.commerce-desk-body,.account-body) .site-header-sticky .brand-mark{width:42px;height:42px}
:is(.commerce-desk-body,.account-body) .site-header-sticky .brand-name{font-size:18px;line-height:1.05}
:is(.commerce-desk-body,.account-body) .topbar-actions{padding:0;border:0;gap:8px;justify-content:flex-end;width:auto}
:is(.commerce-desk-body,.account-body) .topbar-actions :is(.nav-action,.header-search-toggle,.theme-toggle-header,.mobile-menu-toggle){width:44px;min-width:44px;height:44px;min-height:44px}
:is(.commerce-desk-body,.account-body) .mobile-menu-toggle{display:grid}
:is(.commerce-desk-body,.account-body) main{position:fixed;top:var(--commerce-header-bottom,65px);bottom:0;left:0;right:0;min-height:0;padding:18px 24px 16px;overflow:hidden;background:#f4f6f1}
.commerce-desk,.account-body .account-page{height:100%;width:100%;max-width:1800px;margin:0 auto;padding:0;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;gap:12px}
.commerce-desk-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}
.commerce-desk-heading>div:first-child{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.commerce-desk-heading a{font-size:16px;color:var(--muted)}
.commerce-desk h1{font-size:30px;line-height:1.2;margin:0}
.commerce-desk h2{font-size:26px;line-height:1.25;margin:0}
.commerce-toolbar{display:flex;align-items:center;gap:10px}
.commerce-tools{position:relative;font-size:16px}
.commerce-tools summary{cursor:pointer;display:flex;align-items:center;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);list-style:none}
.commerce-tools summary::-webkit-details-marker{display:none}
.commerce-tools>div{position:absolute;right:0;top:calc(100% + 8px);width:280px;max-width:85vw;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0002;z-index:30}
.commerce-tools a{display:block;min-height:44px;padding:8px;font-size:17px;color:inherit}
.commerce-availability{font-size:16px;color:var(--muted);margin:0;flex-shrink:0}
.commerce-desk [data-commerce-status]{font-size:16px;line-height:1.4;margin:0;flex-shrink:0}
.commerce-desk [data-commerce-status]:empty{display:none}
.commerce-desk-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;min-height:0;flex:1}
.commerce-order-sidebar,.commerce-detail{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.commerce-list-title{padding:14px 18px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);font-size:18px;font-weight:700}
.commerce-list-title span{font-weight:400;color:var(--muted)}
.commerce-order-list{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable}
.commerce-order-row{display:grid;gap:8px;text-align:left;width:100%;padding:18px 16px;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line);border-left:4px solid transparent;cursor:pointer;font:inherit}
.commerce-order-row>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:16px}
.commerce-order-row time{font-size:15px;color:var(--muted)}
.commerce-order-row:hover{background:#eef3e8}
.commerce-order-row[aria-pressed=true]{background:#eef3e8;border-left-color:#496237}
.commerce-row-name{font-size:18px;font-weight:650;overflow-wrap:anywhere}
.commerce-row-items{font-size:16px;line-height:1.4;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.commerce-badge{font-size:15px;padding:3px 9px;border-radius:6px;background:#e7ede0;color:#35472a}
.commerce-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 14px;flex-shrink:0;border-top:1px solid var(--line);background:var(--surface)}
.commerce-page-number{min-width:44px;height:44px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:17px}
.commerce-page-number[aria-current=page]{background:#344b29;border-color:#344b29;color:#fff}
.commerce-detail{flex:1}
.commerce-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 12px;flex-shrink:0}
.commerce-detail-heading small{display:block;font-size:16px;color:var(--muted);margin-top:4px}
.commerce-kicker{font-size:15px;color:var(--muted);margin:0}
.commerce-order-price{font-size:28px;white-space:nowrap}
.commerce-payment-state{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin:0 24px 8px;padding:10px 14px;border-radius:8px;background:#eef3e8;font-size:18px;line-height:1.4;flex-shrink:0}
.commerce-payment-state[data-state=canceled]{background:#f8eee8}
.commerce-payment-state strong{font-size:18px}
.commerce-tabs{display:flex;gap:6px;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0}
.commerce-tab{border:0;border-bottom:3px solid transparent;min-height:48px;padding:10px 18px;background:transparent;color:var(--muted);font:inherit;font-size:18px;cursor:pointer}
.commerce-tab[aria-selected=true]{color:var(--workspace-ink);font-weight:700;border-bottom-color:#496237}
.commerce-detail-pane{padding:22px 24px;min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;scrollbar-gutter:stable}
.commerce-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;align-items:start;margin-bottom:22px}
.commerce-box{padding:0 0 22px;margin:0 0 22px;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0;overflow-wrap:anywhere}
.commerce-box:last-child{margin-bottom:0}
.commerce-box h3{font-size:20px;line-height:1.3;margin:0 0 12px;color:var(--workspace-ink);font-weight:700}
.commerce-box p{font-size:18px;line-height:1.55;margin:8px 0}
.commerce-box small{font-size:16px;line-height:1.5;color:var(--muted)}
.commerce-box strong{font-size:18px}
.commerce-box details{font-size:16px;margin-top:16px}
.commerce-box details small{display:block;overflow-wrap:anywhere;margin-top:8px}
.commerce-item-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:18px;line-height:1.55;margin:8px 0}
.commerce-item-row strong{white-space:nowrap}
.commerce-desk .commerce-admin-actions{margin:14px 0 0;gap:10px}
.commerce-desk .btn,.account-body .btn{font-size:17px;line-height:1.35;min-height:46px;padding:11px 16px;border-radius:8px;white-space:normal}
.commerce-desk label{display:grid;gap:8px;font-size:17px;line-height:1.4}
.commerce-desk input,.commerce-desk textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #9fae94;border-radius:8px;padding:12px;font:inherit;font-size:18px;line-height:1.4;color:inherit;background:var(--surface)}
.commerce-desk input[type=file]{margin:14px 0;font-size:16px;padding:12px}
.commerce-shipping{grid-template-columns:1fr 1fr;gap:16px;margin:0}
.commerce-shipping small{align-self:center}
.commerce-waybill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.commerce-waybill-grid figure{margin:0;min-width:0}
.commerce-waybill-preview{width:100%;height:340px;display:block;object-fit:contain;background:#f4f6f1;border:1px solid var(--line);border-radius:8px;cursor:zoom-in}
.commerce-waybill-grid figcaption{font-size:16px;margin-top:8px;color:var(--muted)}
.commerce-upload-preview{display:grid;gap:10px;justify-items:start;margin-bottom:16px}
.commerce-upload-preview:empty{display:none}
.commerce-upload-preview img{max-width:100%;height:240px;object-fit:contain;border:1px solid var(--line);border-radius:8px}
.commerce-upload-preview strong{font-size:17px;color:#765112}
.commerce-empty{font-size:18px;color:var(--muted);padding:8px}
.commerce-chat-pane{display:flex;flex-direction:column;padding:18px 24px;overflow:hidden}
.commerce-chat-thread{overflow:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:16px;padding:0 6px 18px 0;scrollbar-gutter:stable}
.commerce-message{align-self:flex-start;max-width:min(78%,780px);background:#f0f3eb;border:1px solid #d5ddcf;padding:14px 18px;border-radius:12px 12px 12px 3px;overflow-wrap:anywhere}
.commerce-message.is-own{align-self:flex-end;background:#315036;color:#fff;border-color:#315036;border-radius:12px 12px 3px 12px}
.commerce-message small{font-size:15px;color:var(--muted)}
.commerce-message.is-own small{color:#deebdc}
.commerce-message p{font-size:18px;line-height:1.55;white-space:pre-wrap;margin:6px 0 0;color:inherit}
.page:not(.admin-page) .commerce-message p,html[data-theme="dark"] .page:not(.admin-page) .commerce-message p{color:inherit}
.commerce-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;border-top:1px solid var(--line);padding-top:14px;flex-shrink:0}
.commerce-chat-form textarea{resize:vertical;min-height:80px;max-height:140px}
.commerce-image-dialog{width:min(1400px,96vw);height:94dvh;max-height:94dvh;padding:16px;border:0;border-radius:12px;background:var(--surface,#fff);color:inherit}
.commerce-image-dialog::backdrop{background:#000b}
.commerce-image-dialog .btn{font-size:17px;min-height:44px}
.commerce-image-dialog img{display:block;width:100%;height:calc(100% - 54px);object-fit:contain}
.commerce-mobile-back{display:none}
.commerce-desk :is(button,img):focus-visible,.account-body :is(button,a,input):focus-visible{outline:3px solid #657d4c;outline-offset:3px}
.commerce-desk button:disabled{opacity:.55;cursor:default}
/* Account: one toolbar, one list, no nested summary panels. */
.account-body .account-page{max-width:1560px;position:relative}
.account-body [hidden]{display:none!important}
.account-body .account-heading{margin:0;padding:0;border:0;min-height:46px;display:flex;align-items:center;flex-shrink:0}
.account-body .account-heading h1{font-size:30px;line-height:1.2}
.account-body .account-session{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1}
.account-body .account-session-bar{position:absolute;right:0;top:0;max-width:calc(100% - 330px);display:flex;align-items:center;gap:16px;background:transparent;border:0;padding:0;margin:0;flex-shrink:0}
.account-body .account-session-bar span{display:none}
.account-body .account-session-bar strong{font-size:16px;color:var(--muted);overflow-wrap:anywhere}
.account-body .account-session-bar .btn{font-size:16px;min-height:44px;padding:10px 16px}
.account-order-tabs{display:flex;gap:10px;flex-shrink:0}
.account-order-tabs button{min-height:48px;padding:10px 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit;font:inherit;font-size:18px;cursor:pointer}
.account-order-tabs button[aria-selected=true]{background:#344b29;border-color:#344b29;color:#fff}
.account-tab-count{display:inline-block;margin-left:8px;padding:0 7px;border-radius:5px;background:#ffffff24;font-size:16px}
.account-body .account-workspace{display:flex;min-height:0;flex:1;gap:0;align-items:stretch;overflow:hidden}
.account-body .account-orders{height:100%;flex:1;min-height:0;display:flex;flex-direction:column;padding:0 22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;box-sizing:border-box}
.account-body .account-section-heading{margin:0;padding:14px 0;flex-shrink:0;border-bottom:1px solid var(--line);gap:16px}
.account-body .account-section-heading h2{font-size:20px;margin:0}
.account-body .account-section-heading span{font-size:16px;color:var(--muted);margin-left:8px}
.account-body .account-order-list{min-height:0;overflow:auto;flex:1;display:flex;flex-direction:column;gap:0;scrollbar-gutter:stable}
.account-body .account-order-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding:18px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;flex-shrink:0;align-items:center}
.account-body .account-order-item>div{font-size:18px;grid-column:1;gap:12px;flex-wrap:wrap}
.account-body .account-order-item span{font-size:16px;line-height:1.5;color:var(--muted)}
.account-body .account-order-item .account-order-heading{justify-content:flex-start;gap:18px}
.account-body .account-order-item .account-order-heading strong{font-size:19px}
.account-body .account-order-item p{font-size:18px;line-height:1.45;margin:0;grid-column:1;overflow-wrap:anywhere;color:var(--workspace-ink)}
.account-body .account-order-item .account-order-footer{justify-content:flex-start;gap:18px}
.account-body .account-order-item .account-order-footer strong{font-size:20px;color:var(--workspace-ink)}
.account-body .account-order-item .account-order-open{display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1/4;min-height:46px;padding:10px 16px;border:1px solid #a8b99a;border-radius:8px;font-size:17px;font-weight:600;color:#344b29;text-decoration:none;background:#f4f7f0}
.account-body .account-order-open:hover{background:#e7efdf}
.account-body .commerce-pagination{margin:0;padding:10px 0}
.account-body .account-profile{height:100%;flex:1;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--surface);box-sizing:border-box}
.account-body .buyer-profile-form{max-width:1140px;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:start;gap:22px 32px;padding-top:20px}
.account-body .account-profile-fields{display:grid;gap:18px}
.account-body .buyer-profile-form>button[type=submit]{width:auto;min-width:180px;justify-self:start}
.account-body .buyer-profile-form>.profile-status{grid-column:1/-1}
.account-body .account-pickup [data-cdek-search-status]:empty{display:none}
@media(max-width:900px){.account-body .buyer-profile-form{grid-template-columns:minmax(0,1fr)}.account-body .buyer-profile-form>button[type=submit]{width:100%}}
.account-body .account-pickup{display:grid;gap:10px;min-width:0}
.account-body .account-pickup p{margin:0;font-size:16px;line-height:1.5}
.account-body .account-pickup .btn{width:auto;justify-self:start;margin:0}
.account-body .account-pickup .commerce-text-button{justify-self:start;min-height:44px;font-size:16px}
.account-body .account-pickup .commerce-pickup-option{font-size:18px;text-align:left;min-height:52px}
.account-body .account-pickup .commerce-pickup-option small{font-size:15px}
.account-body :is(.buyer-profile-form,.customer-auth-form) label{font-size:18px}
.account-body :is(.buyer-profile-form,.customer-auth-form) :is(input,select){font-size:18px;min-height:48px}
.account-body .account-auth{min-height:0;overflow:auto;padding-top:10px}
.account-body .account-auth-panel{max-width:640px;width:100%;padding:28px;background:var(--surface);border:1px solid var(--line)}
.account-body .account-auth-panel :is(p,.account-text-button){font-size:18px}
.account-body .account-text-button{min-height:44px}
.account-body :is(.customer-code-notice strong,.customer-code-notice span,.customer-auth-status,.profile-status){font-size:16px;line-height:1.5}
/* Two purchase routes need room beyond the former cart-and-heart row. */

/* Dark backgrounds keep secondary information legible. */
html[data-theme="dark"] :is(.commerce-desk-body,.account-body),html[data-theme="dark"] .commerce-image-dialog{--surface:#1c241e;--line:#495444;--muted:#c2cbb9;--workspace-ink:#f5f5ef;color:var(--workspace-ink)}
html[data-theme="dark"] :is(.commerce-desk-body,.account-body) main{background:#141a15}
html[data-theme="dark"] :is(.commerce-order-row:hover,.commerce-order-row[aria-pressed=true],.commerce-payment-state,.commerce-message){background:#2a3527}
html[data-theme="dark"] .commerce-badge{background:#34442c;color:#f5f5ef}
html[data-theme="dark"] .commerce-message{border-color:#53634a}
html[data-theme="dark"] .commerce-message.is-own{background:#385d3d;color:#fff;border-color:#6b8d64}
html[data-theme="dark"] .commerce-payment-state[data-state=canceled]{background:#3b2d26}
html[data-theme="dark"] .commerce-tab[aria-selected=true]{border-bottom-color:#b2cd95}
html[data-theme="dark"] .commerce-waybill-preview{background:#263027}
html[data-theme="dark"] .commerce-upload-preview strong{color:#eed69a}
html[data-theme="dark"] .account-body .account-order-item .account-order-open{color:#e3efd7;background:#2a3527;border-color:#6e805e}
/* A narrow order gets a full column instead of squeezed cards. */
@media(max-width:1250px){.commerce-desk-grid{grid-template-columns:300px minmax(0,1fr);gap:16px}.commerce-info-grid{grid-template-columns:1fr}.commerce-shipping{grid-template-columns:1fr}}
@media(max-width:900px){
 .commerce-desk-grid{grid-template-columns:1fr;gap:0}
 .commerce-desk-grid>.commerce-detail{display:none}
 .commerce-detail-open .commerce-order-sidebar{display:none}
 .commerce-detail-open .commerce-desk-grid>.commerce-detail{display:flex}
 .commerce-mobile-back{display:block;min-height:44px;padding:8px 0;background:none;border:0;color:var(--muted);font:inherit;font-size:16px;cursor:pointer}
 .commerce-desk-heading>div:first-child{gap:8px}
 .commerce-desk-heading h1{font-size:26px}
 .commerce-toolbar .btn{font-size:16px;padding:10px}
 .commerce-detail-heading{padding-top:8px}
 .commerce-row-items{-webkit-line-clamp:3}
}
@media(max-width:640px){
 :is(.commerce-desk-body,.account-body) .site-header-sticky .topbar{width:calc(100% - 24px);gap:8px}
 :is(.commerce-desk-body,.account-body) .site-header-sticky .brand-name{display:none}
 :is(.commerce-desk-body,.account-body) .topbar-actions{gap:6px}
 :is(.commerce-desk-body,.account-body) main{padding:12px 10px 10px}
 .commerce-desk,.account-body .account-page{gap:10px}
 .commerce-desk-heading{align-items:flex-start;gap:10px}
 .commerce-desk-heading>div:first-child{display:block}
 .commerce-desk-heading h1{font-size:24px;margin-top:4px}
 .commerce-desk-heading>.commerce-kicker{display:none}
 .commerce-toolbar{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:48%}
 .commerce-tools summary{min-height:44px;padding:8px 12px}
 .commerce-detail-open .commerce-availability{display:none}
 .commerce-toolbar .btn{font-size:16px;padding:9px 12px}
 .commerce-availability{font-size:15px;line-height:1.35}
 .commerce-detail-heading{padding:10px 16px;align-items:flex-start}
 .commerce-detail h2{font-size:24px}
 .commerce-detail-heading small{font-size:15px}
 .commerce-order-price{font-size:24px}
 .commerce-payment-state{margin:0 16px 6px;padding:8px 10px;gap:4px 12px;font-size:16px}
 .commerce-payment-state strong{font-size:17px}
 .commerce-tabs{padding:0 8px;gap:0}
 .commerce-tab{padding:10px 12px;font-size:17px;min-height:48px}
 .commerce-detail-pane{padding:18px 16px}
 .commerce-info-grid{grid-template-columns:1fr;gap:0}
 .commerce-box{padding-bottom:18px;margin-bottom:18px}
 .commerce-box h3{font-size:20px}
 .commerce-shipping{grid-template-columns:1fr}
 .commerce-desk .commerce-admin-actions .btn{width:auto;flex:1 1 150px}
 .commerce-chat-pane{padding:12px}
 .commerce-chat-form{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:10px}
 .commerce-chat-form textarea{min-height:68px;max-height:100px}
 .commerce-chat-form .btn{justify-self:end;min-height:44px;font-size:16px;padding:9px 14px}
 .commerce-message{max-width:88%;padding:12px}
 .commerce-waybill-preview{height:300px}
 .commerce-upload-preview img{height:200px}
 .account-body .account-heading{min-height:34px}
 .account-body .account-heading h1{font-size:27px}
 .account-body .account-session{gap:10px}
 .account-body .account-session-bar{position:static;max-width:none;justify-content:space-between;gap:8px}
 .account-body .account-session-bar strong{font-size:15px}
 .account-body .account-session-bar .btn{padding:9px 14px}
 .account-order-tabs{gap:8px}
 .account-order-tabs button{font-size:17px;min-height:46px;padding:10px 16px}
 .account-body .account-orders{padding:0 14px}
 .account-body .account-section-heading{padding:10px 0}
 .account-body .account-order-item{grid-template-columns:1fr;padding:16px 0;gap:8px}
 .account-body .account-order-item .account-order-heading{gap:4px 12px}
 .account-body .account-order-item .account-order-open{grid-column:1;grid-row:auto;justify-self:start;font-size:17px;min-height:46px;padding:9px 16px}
 .account-body .account-profile{padding:18px}
 .account-body .account-auth-panel{padding:20px}
}
/* Short windows and large browser zoom must scroll instead of crushing the content. */
@media(max-height:620px){
 :is(.commerce-desk-body,.account-body){height:auto;overflow:auto}
 :is(.commerce-desk-body,.account-body) main{position:static;overflow:visible}
 .commerce-desk,.account-body .account-page{height:auto;min-height:500px}
 .commerce-desk-grid{min-height:600px}
 .commerce-detail-pane{min-height:340px}
 .commerce-chat-thread{min-height:220px;max-height:450px}
 .account-body .account-workspace{min-height:380px;overflow:visible}
 .account-body .account-orders,.account-body .account-profile{height:auto}
 .account-body .account-order-list{max-height:none;overflow:visible}
}
/* Order status is conveyed by both readable text and a consistent color. */
.order-status-badge{--status-bg:#edf0f2;--status-ink:#465364}
.order-status-badge[data-tone=warning]{--status-bg:#fff4d9;--status-ink:#805400}
.order-status-badge[data-tone=accent]{--status-bg:#f0eafe;--status-ink:#6940a5}
.order-status-badge[data-tone=info]{--status-bg:#e8f1ff;--status-ink:#1e5096}
.order-status-badge[data-tone=success]{--status-bg:#e5f5ea;--status-ink:#17603a}
.order-status-badge[data-tone=danger]{--status-bg:#ffebea;--status-ink:#a82b31}
:is(.commerce-desk,.account-body) .order-status-badge,.account-body .account-order-item .order-status-badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 10px;border:1px solid transparent;border-radius:7px;background:var(--status-bg);color:var(--status-ink);font-size:15px;font-weight:650;line-height:1.45;white-space:normal;text-align:left}
.order-status-badge::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}
.commerce-order-row>.order-statuses,.order-statuses{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap}
.order-filterbar{display:flex;flex-shrink:0;gap:6px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin;padding:4px 2px 8px;scroll-padding:4px;align-items:center}
.order-filter{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:16px;line-height:1.3;white-space:nowrap;cursor:pointer}
.order-filter:hover{background:#e9eee4;color:var(--workspace-ink)}
.order-filter[aria-pressed=true]{background:var(--surface);border-color:#a8b99a;color:var(--workspace-ink);font-weight:700;box-shadow:0 1px 3px #1827190d}
.order-filter-count{font-size:14px;min-width:23px;padding:2px 5px;border-radius:5px;background:#e7ecdf;color:#405037;text-align:center}
.order-filter-count[hidden]{display:none}
.account-body .order-filterbar{margin:0 -4px;padding:10px 4px;border-bottom:1px solid var(--line)}
.account-body .order-filter[aria-pressed=true]{background:#eef3e8;border-color:#bac9af}
.account-body .account-order-status{font-size:16px;margin:8px 0;color:var(--muted)}
.account-body .account-order-item{padding:22px 6px;gap:10px 24px}
.account-body .account-order-item .account-order-footer{justify-content:space-between;gap:12px;align-items:center}
.account-body .account-order-footer .order-statuses{gap:6px}
.account-body .account-orders-empty{padding:24px 8px}
.commerce-order-row{padding:16px;gap:9px}
.commerce-order-row>div:last-child{justify-content:flex-end}
.commerce-detail-heading{padding-bottom:14px}
.commerce-payment-state,.commerce-payment-state[data-state=canceled]{padding:0;margin-bottom:12px;background:transparent}
.commerce-payment-state .order-status-badge{font-size:16px;padding:6px 12px}
.commerce-progress-box{margin:0 0 26px;padding:18px 20px;background:#f7f8f4;border:1px solid var(--line);border-radius:10px}
.commerce-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0 0 16px;gap:10px;counter-reset:order-step}
.commerce-progress li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;font-size:14px;line-height:1.35;color:var(--muted);position:relative;counter-increment:order-step}
.commerce-progress li::before{content:counter(order-step);display:grid;place-items:center;position:relative;z-index:1;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:700;background:#e7ebe2;color:#687260}
.commerce-progress li:not(:last-child)::after{content:"";position:absolute;top:13px;left:35px;right:0;height:2px;background:var(--line)}
.commerce-progress li[data-done=true]::before{content:"✓";background:#dceee1;color:#17603a}
.commerce-progress li[data-done=true]::after{background:#9fc9aa}
.commerce-progress li[aria-current=step]{font-weight:700;color:var(--workspace-ink)}
.commerce-progress li[aria-current=step]::before{background:#344b29;color:#fff;box-shadow:0 0 0 4px #e6eddf}
.page:not(.admin-page) .commerce-progress-hint{margin:0;color:var(--muted);font-size:16px;line-height:1.5}
.commerce-admin-actions .commerce-action-primary{background:#344b29;color:#fff;border-color:#344b29;font-weight:700}
.commerce-admin-actions .commerce-action-danger{background:#fff6f5;border-color:#dfb6b5;color:#a82b31}
.commerce-admin-actions .commerce-action-danger:hover{background:#ffebea;border-color:#c97679}
.commerce-track-link{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #bad0eb;border-radius:8px;background:#edf4fe;color:#1e5096;text-decoration:none;font-size:16px;font-weight:650}
.commerce-desk a.commerce-track-link{color:#1e5096}
html[data-theme=dark] .order-status-badge{--status-bg:#29313b;--status-ink:#d3dbe6}
html[data-theme=dark] .order-status-badge[data-tone=warning]{--status-bg:#42351b;--status-ink:#ffe0a3}
html[data-theme=dark] .order-status-badge[data-tone=accent]{--status-bg:#33264b;--status-ink:#dcc2ff}
html[data-theme=dark] .order-status-badge[data-tone=info]{--status-bg:#1c324f;--status-ink:#aed0ff}
html[data-theme=dark] .order-status-badge[data-tone=success]{--status-bg:#183d2b;--status-ink:#b7efd0}
html[data-theme=dark] .order-status-badge[data-tone=danger]{--status-bg:#482529;--status-ink:#ffbdc2}
html[data-theme=dark] .order-filter:hover,html[data-theme=dark] .account-body .order-filter[aria-pressed=true]{background:#2a3527}
html[data-theme=dark] .order-filter[aria-pressed=true]{border-color:#839473}
html[data-theme=dark] .order-filter-count{background:#35412f;color:#e1ebd7}
html[data-theme=dark] .commerce-payment-state,html[data-theme=dark] .commerce-payment-state[data-state=canceled]{background:transparent}
html[data-theme=dark] .commerce-progress-box{background:#232c24}
html[data-theme=dark] .commerce-progress li::before{background:#374333;color:#d0d9c6}
html[data-theme=dark] .commerce-progress li[data-done=true]::before{background:#214631;color:#b7efd0}
html[data-theme=dark] .commerce-progress li[aria-current=step]::before{background:#b2cd95;color:#1d2b15;box-shadow:0 0 0 4px #35412e}
html[data-theme=dark] .page:not(.admin-page) .commerce-progress-hint{color:var(--muted)}
html[data-theme=dark] .commerce-admin-actions .commerce-action-danger{background:#482529;color:#ffbdc2;border-color:#9d565e}
html[data-theme=dark] .commerce-desk a.commerce-track-link{background:#1c324f;color:#aed0ff;border-color:#536e92}
@media(max-width:640px){
 .order-filterbar{gap:4px;padding-bottom:6px}
 .order-filter{padding:8px 11px;font-size:15px}
 .account-body .order-filterbar{padding:8px 0}
 .account-body .account-order-item{padding:18px 0}
 .account-body .account-order-item .account-order-footer{align-items:flex-start;flex-direction:column}
 .commerce-payment-state .order-status-badge{font-size:15px;padding:5px 9px}
 .commerce-progress-box{padding:16px 12px;margin-bottom:22px}
 .commerce-progress{gap:6px}
 .commerce-progress li{font-size:12px;overflow-wrap:anywhere}
 .commerce-progress li:not(:last-child)::after{left:31px}
 .commerce-detail-open>.order-filterbar{display:none}
}
/* Keep the order itself in view when filters are present. */
.commerce-desk-heading .commerce-availability{font-size:14px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.commerce-detail-heading .commerce-payment-state{flex:1;justify-content:center;margin:0;padding:0}
html[data-theme=dark] .account-body .account-session-bar{background:transparent}
html[data-theme=dark] :is(.account-body,.commerce-desk-body) .page .btn.secondary{background:#293426;border-color:#617253;color:#e5eedc;box-shadow:none}
html[data-theme=dark] .commerce-desk-body .page .btn.commerce-action-danger{background:#482529;color:#ffbdc2;border-color:#9d565e}
@media(min-width:1150px){
 .account-body .account-order-tabs{position:absolute;top:0;left:300px}
 .account-body .account-session-bar{max-width:calc(100% - 700px)}
 .account-body .account-session-bar strong{display:block;max-width:clamp(120px,16vw,250px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .account-body .account-heading{min-height:49px}
}
@media(max-width:900px){
 .commerce-detail-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}
 .commerce-detail-heading .commerce-payment-state{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 .commerce-desk-heading .commerce-availability{margin-top:8px;font-size:13px;max-width:100%}
 .commerce-detail-open .commerce-desk-heading .commerce-availability{display:none}
}
.commerce-step-short{display:none}
[data-commerce-pay]{min-height:52px;white-space:normal;line-height:1.3}
html[data-theme=dark] [data-commerce-pay]{background:#b6c99e;color:#1b2818}
[data-commerce-pay][aria-busy=true]{display:flex;align-items:center;justify-content:center;gap:10px;cursor:wait}
.commerce-pay-spinner{width:18px;height:18px;flex:0 0 18px;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:commerce-pay-spin .8s linear infinite}
@keyframes commerce-pay-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.commerce-pay-spinner{animation:none}}
@media(max-width:640px){
 .commerce-progress li{font-size:13px;overflow-wrap:normal}
 .commerce-step-full{display:none}
 .commerce-step-short{display:block}
}
/* Corporate checkout shares the established order workspace. */
[data-business-items]{display:grid;gap:1rem;margin:1.25rem 0}
.business-checkout-item{display:grid;gap:.35rem;min-width:0}
.business-checkout-item strong{font-size:20px;line-height:1.4;font-weight:700;color:var(--ink,#182719);overflow-wrap:anywhere}
.business-checkout-item span{font-size:16px;color:var(--muted,#676b62)}
@media(max-width:640px){.business-checkout-item strong{font-size:18px}}
.commerce-form select,.commerce-shipping select,[data-business-search]{max-width:100%;min-height:44px;padding:.65rem;border:1px solid var(--line,#b5b9af);border-radius:8px;background:var(--surface,#fff);color:inherit;font:inherit}.commerce-form [hidden]{display:none!important}.business-qr{display:block;width:240px;height:240px;max-width:100%;object-fit:contain;background:#fff;margin:1rem 0}.business-document{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 0}.commerce-box>button,.commerce-box>a.btn{margin:6px 8px 6px 0}.commerce-box p{overflow-wrap:anywhere}.commerce-box textarea{width:100%;min-height:100px}.commerce-tabs{overflow-x:auto}.commerce-tab{white-space:nowrap}[data-business-search]{flex:1;min-width:170px}.commerce-choice-price small{line-height:1.3}.commerce-desk .order-filterbar{flex-shrink:0}

.commerce-buyer-filters{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-bottom:1px solid var(--line);flex-shrink:0}.commerce-buyer-filters .order-filter{padding:8px;font-size:14px;min-height:44px}.commerce-buyer-filters input{width:100%;font-size:15px}

.commerce-checkout-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;gap:6px;padding:5px;margin:0 0 24px;border:1px solid var(--line,#dedfd5);border-radius:12px;background:var(--surface,#fff)}
.commerce-checkout-types a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border-radius:8px;text-align:center;text-decoration:none;font-size:16px;line-height:1.3;font-weight:650;color:inherit}
.commerce-checkout-types a[aria-current=page]{background:#344b30;color:#fff}
html[data-theme=dark] .commerce-checkout-types{background:var(--paper-3,#1a2116);color:var(--ink,#f5f1e7)}
html[data-theme=dark] .commerce-checkout-types a[aria-current=page]{background:var(--field,#8fb06c);color:var(--paper,#0d100c)}
.business-tax{min-width:0;padding:0;margin:8px 0;border:0}.business-tax legend{font-weight:700;font-size:1.2rem;margin-bottom:14px}.business-tax>div{display:flex;gap:28px}.commerce-form .business-tax label{display:flex;align-items:center;gap:9px;font-size:16px;min-height:44px;cursor:pointer}.commerce-form .business-tax input{width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:#344b30;flex:none}
.business-payment-code{display:block;width:fit-content}.business-payment-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line,#dedfd5)}.business-payment-detail>div{min-width:0}.business-payment-detail p{margin:5px 0!important}.business-copy{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line,#dedfd5);border-radius:8px;background:var(--surface,#fff);color:inherit;cursor:pointer}.business-copy:focus-visible{outline:2px solid currentColor;outline-offset:2px}.business-payment-contacts{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.business-payment-contacts .btn{text-align:center}
@media(max-width:480px){.commerce-checkout-types a{font-size:14px;padding:10px 6px}.business-payment-contacts .btn{width:100%}}

/* One customer workspace: public saved items and authenticated order history. */
.account-body .customer-hub .account-heading{justify-content:space-between;gap:12px;flex-wrap:wrap}
.account-body .customer-hub .account-session-bar{position:static;max-width:100%;min-width:0}
.customer-hub .account-order-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.customer-hub .account-order-tabs button{display:flex;justify-content:center;align-items:center;gap:8px;font-size:17px;padding:10px 12px;white-space:nowrap}
.customer-hub .account-tab-count{margin:0;font-size:14px;background:#53604d14;min-width:24px;padding:1px 6px}
.customer-hub .account-order-tabs [aria-selected=true] .account-tab-count{background:#ffffff24}
.customer-hub-saved{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 2px 12px}
.customer-hub .favorites-page,.customer-hub .commerce-page{max-width:none;width:100%;margin:0;padding:0;box-sizing:border-box}
.customer-hub .saved-page-heading{margin:0;padding:6px 2px 16px}
.customer-hub .saved-page-heading>div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.customer-hub .saved-page-heading h2{font-size:23px;line-height:1.3;margin:0;color:var(--workspace-ink)}
.customer-hub .saved-page-heading span{font-size:15px;color:var(--muted)}
.customer-hub .commerce-layout{grid-template-columns:minmax(0,1fr) 340px;gap:20px}
.customer-hub [data-commerce-items],.customer-hub .favorites-list{display:grid;gap:14px;min-width:0}
.customer-hub .commerce-cart-item,.customer-hub .favorite-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;min-width:0;align-items:start;box-shadow:none}
.customer-hub .cart-item-media,.customer-hub .favorite-item-media{width:100%;height:auto;aspect-ratio:1;align-self:start;border-radius:10px;overflow:hidden;display:block;background:#f1f3ee;position:relative}
.customer-hub :is(.cart-item-media,.favorite-item-media) img{display:block;width:100%;height:100%;object-fit:contain}
.customer-hub .cart-item-media.is-missing::after,.customer-hub .favorite-item-media:empty::after{content:'Нет фото';position:absolute;inset:0;display:grid;place-items:center;color:#53604d;font-size:14px}
.customer-hub .commerce-cart-content{display:grid;gap:16px;min-width:0}
.customer-hub .commerce-cart-title,.customer-hub .favorite-item-title{font-size:20px;line-height:1.4;font-weight:700;letter-spacing:normal;color:var(--workspace-ink);text-decoration:none;overflow-wrap:anywhere}
.customer-hub .commerce-cart-title:hover,.customer-hub .favorite-item-title:hover{text-decoration:underline}
.customer-hub .commerce-cart-prices{display:flex;flex-wrap:wrap;gap:12px 28px}
.customer-hub .commerce-cart-prices>div{display:grid;gap:2px}
.customer-hub .commerce-cart-prices small{color:var(--muted);font-size:14px}
.customer-hub .commerce-cart-prices strong{font-size:20px;font-weight:700;line-height:1.4}
.customer-hub .commerce-cart-actions{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center}
.customer-hub .commerce-quantity{display:flex;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex-shrink:0}
.customer-hub .commerce-quantity button{width:44px;min-height:44px;border:0;background:transparent;color:var(--workspace-ink);font:inherit;font-size:24px;cursor:pointer}
.customer-hub .commerce-quantity input{width:48px;max-width:none;min-height:44px;border:0;border-inline:1px solid var(--line);border-radius:0;padding:4px;text-align:center;font:inherit;background:transparent;appearance:textfield;-moz-appearance:textfield}
.customer-hub .commerce-quantity input::-webkit-inner-spin-button{appearance:none}
.customer-hub button:disabled{opacity:.55;cursor:default}
.customer-hub .commerce-text-button{font:inherit;font-size:15px;min-height:44px;padding:8px 0;text-decoration:none;color:var(--muted)}
.customer-hub .commerce-text-button:hover:not(:disabled){text-decoration:underline;color:var(--workspace-ink)}
.customer-hub .commerce-summary{position:sticky;top:0;border-radius:14px;background:var(--surface);padding:22px;gap:14px;box-shadow:none}
.customer-hub .commerce-summary h3{font-size:23px;line-height:1.3;margin:0 0 4px;color:var(--workspace-ink)}
.customer-hub .commerce-total{font-size:16px;align-items:baseline;gap:12px}
.customer-hub .commerce-total strong{font-size:22px}
.customer-hub .commerce-summary p{font-size:14px;color:var(--muted);margin:0}
.customer-hub [data-commerce-totals]>p.muted{display:none}
.customer-hub [data-commerce-status]:empty{display:none}
.customer-hub [data-commerce-status]{font-size:16px;line-height:1.5;color:var(--workspace-ink)}
.customer-hub .saved-empty{background:var(--surface);border:1px dashed var(--line);border-radius:14px;text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}
.customer-hub .saved-empty h3{font-size:24px;line-height:1.35;margin:0;color:var(--workspace-ink)}
.customer-hub .saved-empty p{font-size:17px;margin:0 0 8px;color:var(--muted)}
.customer-hub .favorite-item{grid-template-columns:160px minmax(0,1fr)}
.favorites-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.favorites-filters button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--workspace-ink);font:inherit;cursor:pointer}
.favorites-filters button[aria-pressed="true"]{background:var(--workspace-ink);color:var(--surface);border-color:var(--workspace-ink)}
.favorites-filters button span{font-size:15px;opacity:.8}
.favorite-item[data-favorite-kind="video"] .favorite-item-media{position:relative;background:#111713}
.favorite-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#000b;color:#fff;font-size:20px}
.favorite-video-detail{grid-column:1/-1;color:var(--muted);font-size:16px;align-self:start;white-space:nowrap}
.customer-hub .favorite-item[data-favorite-kind="video"] .favorite-item-content{grid-template-columns:minmax(0,1fr)}
.customer-hub .favorite-item[data-favorite-kind="video"] .favorite-item-actions{justify-content:flex-start}
html:root .customer-hub .favorite-item-content:has(.commerce-card-actions),.customer-hub .favorite-item-content{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px 24px;padding:0;align-items:start;min-width:0}
.customer-hub .favorite-item-content>.commerce-card-actions{grid-column:2;grid-row:1/3;padding:0;margin:0;display:block;position:static}
.customer-hub .favorite-item-actions{grid-column:1;display:flex;gap:10px;align-items:center;padding:0;margin:0;border:0;align-self:end}
.customer-hub .favorite-remove{flex-shrink:0;min-height:44px;min-width:44px;width:44px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:26px;cursor:pointer;padding:0;line-height:1}
html:root .page:not(.admin-page) .customer-hub .btn{background:#344b32;border:1px solid #344b32;color:#fff;border-radius:8px;min-height:44px;height:auto;padding:10px 16px;font-size:16px;line-height:1.35;white-space:normal;text-align:center;display:inline-flex;justify-content:center;align-items:center;box-shadow:none;letter-spacing:normal;font-weight:600}
html:root .page:not(.admin-page) .customer-hub :is(.btn.secondary,.commerce-max){background:var(--surface);color:#344b32;border-color:#8a9e80}
html:root .page:not(.admin-page) .customer-hub .btn:hover{filter:brightness(.93)}
html:root .page:not(.admin-page) .customer-hub [aria-disabled=true]{opacity:.5;cursor:default}
.customer-hub .commerce-choice-row{gap:14px;grid-template-columns:minmax(0,1fr) 148px}
.customer-hub .commerce-choice-price{align-items:flex-start;text-align:left}
.customer-hub .commerce-choice-price b{font-size:20px;line-height:1.4}
.customer-hub .commerce-choice-price small{font-size:14px}
html[data-theme=dark] .customer-hub .account-tab-count{background:#ffffff18}
html[data-theme=dark] .customer-hub .account-order-tabs [aria-selected=true]{background:#b6c99e;border-color:#b6c99e;color:#172015}
html[data-theme=dark]:root .page:not(.admin-page) .customer-hub .btn{background:#b6c99e;border-color:#b6c99e;color:#172015}
html[data-theme=dark]:root .page:not(.admin-page) .customer-hub :is(.btn.secondary,.commerce-max){background:var(--surface);border-color:#7f946c;color:#e5eddc}
html[data-theme=dark] .customer-hub .saved-empty{background:var(--surface)}
@media(max-width:1100px){
 .customer-hub .commerce-layout{grid-template-columns:minmax(0,1fr) 290px;gap:14px}
 .customer-hub .commerce-cart-item{grid-template-columns:100px minmax(0,1fr);padding:14px;gap:14px}
 html:root .customer-hub .favorite-item-content:has(.commerce-card-actions),.customer-hub .favorite-item-content{grid-template-columns:minmax(0,1fr) 290px;gap:14px}
}
@media(max-width:800px){
 .customer-hub .commerce-layout{grid-template-columns:minmax(0,1fr)}
 .customer-hub .commerce-summary{position:static}
 .customer-hub .favorite-item{grid-template-columns:110px minmax(0,1fr);gap:16px}
 html:root .customer-hub .favorite-item-content:has(.commerce-card-actions),.customer-hub .favorite-item-content{grid-template-columns:minmax(0,1fr)}
 .customer-hub .favorite-item-content>.commerce-card-actions{grid-column:1;grid-row:auto}
 .customer-hub .favorite-item-actions{grid-row:auto}
}
@media(max-width:640px){
 .customer-hub .account-order-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .customer-hub .account-order-tabs button{font-size:15px;min-height:44px;padding:8px;gap:6px}
 .account-body .customer-hub .account-heading h1{font-size:25px}
 .account-body .customer-hub .account-session-bar{width:100%}
 .customer-hub .saved-page-heading{padding:4px 0 12px}
 .customer-hub .saved-page-heading h2{font-size:21px}
 .customer-hub .commerce-cart-item,.customer-hub .favorite-item{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:14px}
 .customer-hub .commerce-cart-content,html:root .customer-hub .favorite-item-content:has(.commerce-card-actions),.customer-hub .favorite-item-content{display:contents}
 .customer-hub .commerce-cart-title,.customer-hub .favorite-item-title{grid-column:2;font-size:18px}
 .customer-hub .commerce-cart-prices,.customer-hub .commerce-cart-actions,.customer-hub .favorite-item-content>.commerce-card-actions,.customer-hub .favorite-item-actions,.customer-hub .favorite-item-content>strong{grid-column:1/-1}
 .customer-hub .commerce-cart-prices{justify-content:space-between;gap:8px}
 .customer-hub .commerce-cart-prices strong{font-size:19px}
 .customer-hub .commerce-summary{padding:18px}
 .customer-hub .commerce-choice-row{grid-template-columns:minmax(0,1fr) 140px;gap:10px}
 .customer-hub .commerce-choice-price b{font-size:19px}
 .customer-hub .saved-empty{padding:32px 16px}
 .customer-hub .saved-empty h3{font-size:21px}
 .customer-hub .saved-empty p{font-size:16px}
}
@media(max-height:620px){.customer-hub-saved{flex:none;overflow:visible}.account-body .customer-hub{min-height:0}.customer-hub .commerce-summary{position:static}}
/* MAX is a secondary purchase route inside the customer workspace. */
html:root .page:not(.admin-page) .customer-hub a.btn[href^="https://max.ru/"]{background:var(--surface);color:var(--workspace-ink);border-color:var(--muted);box-shadow:none}

.customer-hub .commerce-cart-notice:has([data-commerce-status]:not(:empty)){border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:16px;background:var(--surface)}
.customer-hub .commerce-cart-notice p{margin:0 0 10px}
.customer-hub .commerce-layout:has(>.commerce-summary[hidden]){grid-template-columns:minmax(0,1fr)}
html:root .page:not(.admin-page) .customer-hub a.btn[href^="https://max.ru/"]:focus-visible{outline:3px solid #657d4c;outline-offset:3px}
/* Условия доставки видны до перехода к форме и оплате. */
html .page .commerce-delivery-notice{min-width:0;padding:10px 12px;border:1px solid #d4dfcf;border-radius:10px;background:#f3f6ef;color:#293c2a;font-size:13px;line-height:1.5;text-align:left}
html .page .commerce-delivery-heading{display:flex;align-items:center;gap:10px;margin-bottom:6px}
html .page .commerce-delivery-heading img{display:block;flex:0 0 84px;width:84px;height:auto;max-width:84px;border-radius:0;background:transparent;object-fit:contain}
html .page .commerce-delivery-heading strong{font-size:14px;line-height:1.3;color:inherit}
html .page .commerce-delivery-notice>p{display:block;margin:0;font-size:13px;line-height:1.5;color:inherit;overflow:visible;-webkit-line-clamp:unset}
html .page .commerce-delivery-notice>p+p{margin-top:6px}
html .page .commerce-delivery-notice b{font-size:inherit;line-height:inherit;color:inherit;font-weight:700}
html[data-theme="dark"] .page .commerce-delivery-notice{background:#232e24;border-color:#52624c;color:#e0e9d7}