/* KORD v2.10 — design pass. Loaded LAST; every rule is prefixed with :root so it wins over the older layers
   without !important. Palette: ink #14141a, red #c8102e, paper #f6f6f8. Fonts: Unbounded (display), Onest (text),
   JetBrains Mono (labels). Minimum text size is 12px; tap targets are at least 40px on touch screens. */
:root{
  --kv-ink:#14141a;--kv-ink2:#3a3a44;--kv-mute:#5b5b67;--kv-line:#e3e3e8;--kv-line2:#d3d3da;
  --kv-red:#c8102e;--kv-red-d:#a50d25;--kv-red-bg:#fff4f5;--kv-dark:#121216;--kv-paper:#f6f6f8;
  --kv-dmute:#b7b7c2;--kv-ring:0 0 0 3px rgba(200,16,46,.26);--kv-r:10px;
}
html{scroll-padding-top:104px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
:root body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:root :is(h1,h2,h3){text-wrap:balance}
:root :is(p,li){text-wrap:pretty}
:root ::selection{background:var(--kv-red);color:#fff}
:root :focus-visible{outline:2px solid var(--kv-red);outline-offset:2px}
:root :is(.header,.footer,.page-hero,.auth-aside) :focus-visible{outline-color:#fff}
:root :is(.btn,button,.input,.table-action){-webkit-tap-highlight-color:transparent}

/* ───────── header ───────── */
:root .desktop-nav a{font-size:12px;letter-spacing:.07em;display:inline-flex;align-items:center;min-height:40px;white-space:nowrap}
:root .nav-earn{font-size:12px}
:root .nav-notify{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 6px;font-size:13px}
:root .nav-notify .nav-label{font-size:13px}
:root .notify-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--kv-red);color:#fff;font-size:12px;font-weight:700;line-height:1;letter-spacing:0;box-shadow:0 0 0 2px rgba(12,12,15,.97)}
:root .notification-row .notify-count,:root .notifications-wrap .notify-count{box-shadow:none;margin-left:8px;vertical-align:1px}
:root .nav-me{min-height:40px}
:root .link-login{font-size:12px;min-height:40px;display:inline-flex;align-items:center;padding:0 6px}
:root .kord-brand-type small{font-size:10px;letter-spacing:.22em}

/* ───────── footer ───────── */
:root .footer-top{grid-template-columns:1.35fr 1fr 1.2fr 1fr;gap:48px}
:root .footer h4{font-family:var(--kx-mono);font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#fff;margin:0 0 14px}
:root .footer-top a:not(.brand){display:block;font-size:13px;line-height:1.4;padding:6px 0;color:var(--kv-dmute);text-decoration:none}
:root .footer-top a:not(.brand):hover{color:#fff}
:root .footer-top p{font-size:13px;line-height:1.6;color:var(--kv-dmute)}
:root .footer-top p strong{color:#fff}
:root .footer-bottom{font-size:12px;color:var(--kv-dmute)}

/* ───────── buttons: neutral shadows, one rhythm ───────── */
:root .btn{font-weight:700;letter-spacing:.04em;min-height:44px;border-radius:8px}
:root .btn-sm{min-height:36px;font-size:12px;padding:8px 14px}
:root .btn-dark,:root .catalog-toolbar button{background:var(--kv-dark);color:#fff;border:1px solid var(--kv-dark);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 14px -8px rgba(10,10,14,.6)}
:root .btn-dark:hover{background:#000;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 20px -10px rgba(10,10,14,.7)}
:root .btn-outline,:root .btn-white{background:#fff;color:var(--kv-ink);border:1px solid var(--kv-line2);box-shadow:none}
:root .btn-outline:hover,:root .btn-white:hover{border-color:var(--kv-ink);background:#fff;color:var(--kv-ink)}
:root .btn-outline.is-active,:root .favorite-button.is-active{border-color:var(--kv-red);color:var(--kv-red-d);background:var(--kv-red-bg)}
:root .btn:disabled,:root .btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;box-shadow:none}

/* ───────── forms ───────── */
:root .stacked-form{display:grid;gap:16px}
:root .stacked-form>label,:root .form-panel label,:root .field-label{display:grid;gap:7px;font-size:13px;font-weight:600;line-height:1.3;color:var(--kv-ink)}
:root .field-label{display:block;margin:0 0 7px}
:root .stacked-form label small{font-weight:400;color:var(--kv-mute);font-size:12px}
:root .input,:root input.input,:root select.input,:root textarea.input{min-height:46px;padding:11px 14px;font-family:var(--kx-body);font-size:15px;font-weight:500;line-height:1.4;color:var(--kv-ink);background:#fff;border:1px solid var(--kv-line2);border-radius:8px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
:root textarea.input{min-height:96px;resize:vertical}
:root .input::placeholder{color:#82828e;font-weight:400}
:root .input:hover{border-color:#b9b9c3}
:root .input:focus{outline:none;border-color:var(--kv-red);box-shadow:var(--kv-ring)}
:root input[type=checkbox],:root input[type=radio]{accent-color:var(--kv-red)}
:root .checkbox-label{display:block;position:relative;padding-left:30px;font-size:13px;font-weight:500;line-height:1.55}
:root .checkbox-label input{position:absolute;left:0;top:2px;margin:0;width:18px;height:18px}
:root .checkbox-label a{font-size:inherit}
:root .form-subline{font-size:13px;margin:-6px 0 0}
:root .form-subline a{color:var(--kv-ink2);text-decoration:underline;text-underline-offset:3px}
:root .kord-character-count{font-size:12px;color:var(--kv-mute)}

/* catalog filter bar */
:root .catalog-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px 16px;align-items:end;padding:18px 20px;border-radius:12px}
:root .catalog-toolbar label{display:grid;gap:7px;align-content:start;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kv-mute)}
:root .catalog-toolbar .input{width:100%;min-height:46px}
:root .catalog-toolbar .toolbar-check{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:46px;font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--kv-ink);cursor:pointer}
:root .catalog-toolbar .toolbar-check input{width:18px;height:18px;margin:0;flex:none}
:root .catalog-toolbar button{width:100%;min-height:46px;font-size:12px}

/* ───────── product cards ───────── */
:root .products-grid{align-items:stretch}
:root .hb-product{display:flex;flex-direction:column;height:100%}
:root .hb-product .hb-product-visual{height:168px;min-height:168px}
:root .hb-product-content{flex:1;display:flex;flex-direction:column;min-width:0}
:root .hb-product-category{font-size:12px;letter-spacing:.1em}
:root .hb-product h3{font-size:15px;line-height:1.34;letter-spacing:-.012em;font-weight:600;min-height:0;margin:6px 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
:root .hb-product-summary{font-size:13px;line-height:1.5;color:var(--kv-mute);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px}
:root .hb-product-seller{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--kv-ink2);margin:0 0 14px}
:root .hb-product-seller>span:not(.avatar-small):not(.rating-inline){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root .hb-product-seller .rating-inline{display:inline-flex;align-items:center;gap:3px;font-weight:600;white-space:nowrap}
:root .hb-product-seller .rating-inline small{font-size:12px;color:var(--kv-mute)}
:root .hb-product-foot{margin-top:auto}
:root .hb-product-foot small{font-size:12px;letter-spacing:.04em;color:var(--kv-mute)}
:root .hb-product-foot strong{font-size:19px}
:root .fav-item{display:flex;flex-direction:column;gap:10px;min-width:0}
:root .fav-item .hb-product{flex:1}
:root .fav-alert{margin:0}
:root .fav-alert .btn{width:100%;min-height:42px;font-size:12px}
:root .count-mark{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 9px;margin-left:8px;border-radius:999px;background:var(--kv-red-bg);color:var(--kv-red-d);font:700 13px/1 var(--kx-mono);letter-spacing:0;vertical-align:4px}

/* avatars: one neutral look instead of teal / lavender leftovers */
:root .avatar:not(.has-photo),:root .avatar-small:not(.has-photo){background:#2b2b32;color:#fff;font-weight:700;border:0}
:root .avatar-small:not(.has-photo){font-size:12px}
:root .page-hero .avatar:not(.has-photo){box-shadow:0 0 0 1px rgba(255,255,255,.22)}
:root .nav-me .avatar-small:not(.has-photo){background:#222;color:#fff}
:root .chat-mine .avatar-small:not(.has-photo){background:#c8102e}

/* ───────── tables ───────── */
:root .data-table{width:100%;border-collapse:separate;border-spacing:0}
:root .data-table thead th{background:#17171b;color:#f3f3f6;font-size:12px;font-weight:600;letter-spacing:.08em;padding:13px 16px;text-align:left;border:0;white-space:nowrap}
:root .data-table thead th:first-child{border-top-left-radius:8px}
:root .data-table thead th:last-child{border-top-right-radius:8px}
:root .data-table td{padding:14px 16px;font-size:13.5px;line-height:1.5;color:var(--kv-ink2);border-top:1px solid var(--kv-line);vertical-align:middle}
:root .data-table td{min-width:108px}
:root .data-table td:first-child{min-width:200px}
:root .data-table tbody tr:first-child td{border-top:0}
:root .data-table tbody tr:hover td{background:#fafafb}
:root .data-table .table-primary{font-weight:650;color:var(--kv-ink);text-decoration:none}
:root .data-table a.table-primary:hover{color:var(--kv-red-d)}
:root .data-table td.table-primary{display:table-cell}   /* styles.css makes .table-primary a block, which pulled the cell out of the row */
:root .table-sub,:root .data-table small{display:block;font-size:12px;line-height:1.4;color:var(--kv-mute);margin-top:3px;letter-spacing:0}
:root .data-table .reason{color:var(--kv-red-d)}
:root .table-action{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 12px;margin:2px 6px 2px 0;border:1px solid var(--kv-line2);border-radius:7px;background:#fff;color:var(--kv-ink);font:600 12px/1 var(--kx-body);letter-spacing:.01em;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s,color .15s}
:root .table-action:hover{background:var(--kv-ink);border-color:var(--kv-ink);color:#fff}
:root .table-action .ui-icon{width:14px;height:14px}
:root .table-action.table-danger{color:var(--kv-red-d);border-color:#efc3ca}
:root .table-action.table-danger:hover{background:var(--kv-red);border-color:var(--kv-red);color:#fff}
:root .inline-form{display:inline-block;margin:0}
:root .inline-form .table-action{margin:2px 6px 2px 0}
:root .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
:root .status{display:inline-flex;align-items:center;min-height:26px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:650;letter-spacing:0;white-space:nowrap;background:#eceef1;color:#23262b;border:1px solid #d3d6db}

/* ───────── panels, headings ───────── */
:root .panel{border-radius:12px}
:root .panel-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;padding:22px 24px 18px}
:root .panel-head>div{flex:1 1 220px;min-width:0}
:root :is(.panel-head h3,.panel>h3,.integration-card h3){font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 6px;color:var(--kv-ink)}
:root :is(.panel-head p,.panel>p,.panel-sub){font-size:13px;line-height:1.55;color:var(--kv-mute);margin:0}
:root .panel>p+p{margin-top:8px}
:root .muted-copy{font-size:13px;line-height:1.55;color:var(--kv-mute)}
:root .panel-empty{padding:28px 24px;font-size:14px;color:var(--kv-mute)}
:root .section-header.thin{margin:44px 0 20px}
:root .section-header.thin:first-child{margin-top:0}
:root .mini-heading{font-size:16px;margin:0 0 12px}

/* wallet */
:root .kord-wallet-wrap>.panel,:root .kord-wallet-wrap>.control-split,:root .kord-wallet-wrap>.control-notice{margin-top:24px}
:root .kord-wallet-wrap .wallet-cards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;align-items:stretch;margin:0}
:root .kord-wallet-wrap .control-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start}
:root .kord-wallet-wrap .panel{padding:24px}
:root .kord-wallet-wrap .control-split .panel{margin:0}
:root .kord-wallet-wrap .panel>.panel-head{padding:0 0 18px;margin:0 0 20px;border-bottom:1px solid var(--kv-line)}
:root .kord-wallet-wrap .panel>p{margin:0 0 14px}
:root .kord-wallet-wrap .panel>p.muted-copy{margin:0 0 16px}
:root .kord-wallet-wrap .stacked-form{max-width:560px;margin:18px 0 0}
:root .kord-wallet-wrap .control-split .stacked-form{margin-top:0}
:root .kord-wallet-wrap .stacked-form .btn{width:100%}
:root .kord-wallet-wrap .table-scroll{margin-top:22px}
:root .kord-wallet-tabs{margin-bottom:20px}
:root .kord-wallet-tabs a{font-size:13px;min-height:44px}
:root .kord-wallet-wrap .panel>.muted-copy{padding:0}
:root .wallet-stat{padding:22px}
:root .wallet-stat small,:root .wallet-stat p{font-size:12px;color:var(--kv-mute)}
:root .wallet-stat strong{display:block;font-size:27px;margin:2px 0 6px}
:root .wallet-primary{padding:22px}
:root .wallet-primary small{font-size:12px;color:var(--kv-dmute)}
:root .wallet-card-top{font-size:12px}
:root .wallet-card-bottom{font-size:12px;color:var(--kv-dmute)}
:root .kord-address strong{font-size:13px}

/* account */
:root .account-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
:root .account-stats .stat small,:root .metric-card small{font-size:12px;letter-spacing:.06em;color:var(--kv-mute)}
:root .metric-card span{font-size:12px;color:var(--kv-mute)}
:root .dashboard-sidebar .menu-label{font-size:12px;letter-spacing:.12em;color:var(--kv-mute)}
:root .dashboard-sidebar>a,:root .dashboard-sidebar a{min-height:44px;font-size:13px}
:root .kord-copy-button,:root .kord-copy-button span{font-size:12px}
:root .kord-copy-button{min-height:40px}

/* security / support */
:root .kord-security-summary small{font-size:12px;letter-spacing:.08em}
:root .inside-form{padding:0 24px 24px}
:root .session-current{display:inline-flex;align-items:center;font-size:12px;font-weight:650;padding:3px 10px;border-radius:999px;background:#eceef1;color:#23262b;border:1px solid #d3d6db}
:root .field-label,:root .settlement-note{font-size:13px}
:root .support-grid .input,:root .form-panel .input{width:100%}

/* ───────── auth ───────── */
:root .auth-card{padding:44px 44px 34px}
:root .mini-brand{font-size:13px;letter-spacing:.14em;min-height:40px;display:inline-flex;align-items:center;gap:10px}
:root .auth-card h1{font-size:clamp(23px,5.4vw,29px);line-height:1.15;letter-spacing:-.025em;margin:18px 0 10px;overflow-wrap:normal;word-break:normal;hyphens:none}
:root .auth-card h1 em{display:inline;font-style:normal;color:var(--kv-red)}
:root .auth-intro{font-size:14px;line-height:1.6;color:var(--kv-mute);margin:0 0 24px}
:root .auth-card .input{color:var(--kv-ink);font-weight:500;font-size:15px}
:root .auth-card label{font-size:13px;font-weight:600;color:var(--kv-ink)}
:root .auth-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:2px 18px;font-size:13px;line-height:1.5;color:var(--kv-mute);padding-top:20px;margin-top:22px}
:root .auth-bottom a{font-size:13px;font-weight:600;color:var(--kv-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--kv-red);min-height:32px;display:inline-flex;align-items:center}
:root .auth-bottom span a{margin-left:5px}
:root .auth-alert,:root .notice{font-size:13px;line-height:1.55}
:root .auth-aside h2{font-size:clamp(26px,3vw,34px);line-height:1.15}
:root .auth-aside p{font-size:15px;line-height:1.65;color:var(--kv-dmute)}

/* ───────── chat, messages, notifications ───────── */
:root .chat-meta{font-size:12px;font-weight:600;color:var(--kv-mute)}
:root .chat-mine .chat-meta{color:#e8b4bb}
:root .chat-message p,:root .chat-message .preserve-lines{font-size:14px;line-height:1.55;margin:0}
:root .chat-mine p,:root .chat-mine .preserve-lines{color:#f6f6f8}
:root .chat-message .avatar-small{width:24px;height:24px}
:root .chat-form textarea{font-size:15px}
:root .notification-row{display:flex;align-items:flex-start;gap:14px;padding:18px 24px;border-top:1px solid var(--kv-line);color:var(--kv-ink);text-decoration:none;width:100%}
:root a.notification-row:hover{background:#fafafb}
:root .notification-row.notification-unread{background:var(--kv-red-bg);box-shadow:inset 3px 0 0 var(--kv-red)}
:root .notification-indicator{flex:0 0 22px;width:22px;color:var(--kv-red);display:grid;place-items:center;padding-top:2px}
:root .notification-indicator .ui-icon{width:18px;height:18px}
:root .notification-row>div,:root .notification-copy{flex:1 1 auto;min-width:0;display:grid;gap:3px;align-content:start}
:root .notification-copy>*{min-width:0;overflow-wrap:anywhere}
:root .notification-row strong{font-size:15px;line-height:1.35;color:var(--kv-ink)}
:root .notification-row p,:root .notification-copy>span{font-size:13px;line-height:1.5;color:var(--kv-ink2);margin:0}
:root .notification-row small{font-size:12px;color:var(--kv-mute);letter-spacing:0;display:block}
:root .notification-row time{flex:0 0 auto;font-size:12px;color:var(--kv-mute);white-space:nowrap;padding-top:3px}
:root .notification-row>.btn{flex:none;align-self:center}
:root .notifications-wrap .panel-head{border-bottom:1px solid var(--kv-line)}

/* ───────── order progress ───────── */
:root .kord-deal-steps li{align-items:center;gap:12px}
:root .kord-deal-steps li strong{font-size:14px;color:var(--kv-ink)}
:root .kord-deal-steps li>span{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--kx-mono);letter-spacing:0;background:#eeeef1;color:var(--kv-mute);border:1px solid #dcdce2}
:root .kord-deal-steps li.done>span{background:var(--kv-dark);color:#fff;border-color:var(--kv-dark)}
:root .kord-deal-steps li.current>span{background:var(--kv-red);color:#fff;border-color:var(--kv-red);box-shadow:0 0 0 4px rgba(200,16,46,.14)}
:root .kord-deal-steps li.pending strong{color:var(--kv-mute)}
:root .kord-deal-steps small{font-size:12px;color:var(--kv-mute);letter-spacing:0;margin-top:2px}
:root .action-panel h3{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.25;text-transform:none;margin:0 0 6px;color:var(--kv-ink)}
:root .action-panel .side-description{font-size:13px;line-height:1.55;color:var(--kv-mute)}
:root .order-id{font:600 12px/1.4 var(--kx-mono);letter-spacing:.02em;color:var(--kv-mute)}
:root .order-info span{font-size:12px;color:var(--kv-mute)}

/* ───────── listing page ───────── */
:root .detail-layout .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:root .detail-layout>div>.detail-section{margin-top:22px}
:root .detail-visual-caption{display:none}
:root .kord-detail-points small,:root .purchase-pricing span,:root .safe-note p{font-size:13px;color:var(--kv-mute)}
:root .purchase-card h1{text-wrap:balance}
:root .purchase-card .tag{font-size:12px;letter-spacing:.1em}
:root .report-link a{font-size:12px}
:root .preserve-lines{white-space:pre-line}
:root .detail-section .feedback small{font-size:12px;color:var(--kv-mute)}

/* ───────── seller page ───────── */
:root .seller-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:0 0 8px}
:root .seller-stats>div{padding:18px 20px}
:root .seller-stats small{font-size:12px;letter-spacing:.07em;color:var(--kv-mute)}
:root .seller-badges{gap:8px}
:root .seller-badge{font-size:12px;padding:5px 12px;background:#f3f3f5;color:var(--kv-ink);border:1px solid var(--kv-line2)}
:root .seller-badge.badge-top{background:var(--kv-red-bg);color:var(--kv-red-d);border-color:#f0c4cb}
:root .page-hero .seller-badge{background:rgba(255,255,255,.1);color:#f4f4f6;border-color:rgba(255,255,255,.24)}
:root .page-hero .seller-badge.badge-top{background:var(--kv-red);color:#fff;border-color:var(--kv-red)}
:root .feedback{padding:20px 0;border-bottom:1px solid var(--kv-line)}
:root .feedback p{font-size:14px;line-height:1.6;color:var(--kv-ink2)}
:root .feedback small{font-size:12px;color:var(--kv-mute)}
:root .stars .ui-icon{width:16px;height:16px}

/* ───────── pagination, pills ───────── */
:root .subcategory-pills a{min-height:40px;font-size:13px}
:root .pagination a,:root .pagination span,:root .pager a,:root .pager span{min-width:40px;min-height:40px}

/* ───────── hero ───────── */
:root .hb-hero h1{text-wrap:balance}
:root .hb-hero-description{font-size:16px;line-height:1.65}

/* ───────── leftovers from the audit: small captions, status chips, low-contrast notes ───────── */
:root .account-balance small{font-size:12px;color:var(--kv-mute)}
:root .account-balance a{font-size:12px;min-height:32px;display:inline-flex;align-items:center}
:root .sidebar-footer strong{font-size:13px}
:root .bio-form label{font-size:12px;color:var(--kv-mute)}
:root .dashboard-sidebar a span{font-size:12px}
:root .panel .control-list-item small{font-size:12px;color:var(--kv-mute)}
:root .security-session small{font-size:12px;color:var(--kv-mute)}
:root .mini-button,:root button.button{font-size:12px;min-height:36px;padding:0 14px}
:root .report-link a{color:var(--kv-mute);text-decoration:underline;text-underline-offset:3px}
:root .seller-strip small{font-size:12px;color:var(--kv-mute)}
:root .kord-purchase-caption{font-size:12px;letter-spacing:.1em}
:root .kord-purchase-heading p{font-size:12px;color:var(--kv-mute)}
:root .timeline-event small{font-size:12px;color:var(--kv-mute)}
:root .timeline-event p{font-size:13px}
:root .chat-online{font-size:12px}
:root .error-layout{padding:96px 0 120px;text-align:center}
:root .error-code{font-family:var(--kx-display);font-size:clamp(84px,16vw,132px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--kv-red)}
:root .error-layout h1{font-size:clamp(24px,4vw,32px);margin:14px auto 10px}
:root .error-layout p{text-align:center;max-width:540px;margin:0 auto 30px;color:var(--kv-mute);font-size:15px;line-height:1.6}
:root .hb-category-bottom{font-size:12px}
:root .results-count{font-size:12px;color:var(--kv-mute)}
:root .out-of-stock{background:var(--kv-red-bg);color:var(--kv-red-d);border:1px solid #f0c4cb}
:root .empty-state p{color:var(--kv-mute)}
:root code{font-size:12px}
:root label.checkbox-label,:root .auth-card label.checkbox-label,:root .stacked-form label.checkbox-label{display:block!important;position:relative;padding-left:30px;font-size:13px!important;font-weight:500;line-height:1.55}
:root .kord-purchase-heading{gap:4px}
:root .text-link{min-height:32px;display:inline-flex;align-items:center;gap:4px}
:root .form-subline a{min-height:32px;display:inline-flex;align-items:center}
:root .status-verified,:root .status-published,:root .status-completed,:root .status-confirmed{background:#eceef1;color:#23262b;border:1px solid #d3d6db}
:root .status-pending_review,:root .status-awaiting_payment,:root .status-pending,:root .status-delivered{background:#fff3e2;color:#7a3f0b;border:1px solid #f0d6ae}
:root .status-paid_held,:root .status-in_progress{background:#e9ecf2;color:#26303f;border:1px solid #cfd5e0}
:root .status-rejected,:root .status-disputed,:root .status-refunded,:root .status-failed,:root .status-banned{background:#fdecee;color:#a50d25;border:1px solid #f0c0c7}
:root .data-table a.table-primary,:root .control-list-item a.table-primary{display:inline-block;padding:6px 0}
:root .seller-strip a{display:inline-flex;align-items:center;min-height:32px;font-weight:650}

/* admin sidebar: counters in the same neutral look as the public site (they were teal) */
:root .control-sidebar .side-link>i:not(.ui-icon){display:inline-grid;place-items:center;min-width:22px;padding:1px 7px;border-radius:999px;background:#2b2b32;color:#fff;font:600 12px/1.5 var(--kx-mono);font-style:normal}

/* ───────── touch screens ───────── */
@media (max-width:700px){
  :root .nav-actions{gap:2px}
  :root .nav-notify{position:relative;min-width:40px;justify-content:center;padding:0}
  :root .nav-notify .notify-count{position:absolute;top:3px;right:0;min-width:19px;height:19px;padding:0 4px}
  :root .nav-me{min-width:40px;padding:3px}
  :root .input,:root input.input,:root select.input,:root textarea.input{font-size:16px}
  :root .btn,:root .table-action{min-height:44px}
  :root .btn-sm{min-height:40px}
  :root .auth-bottom a,:root .form-subline a,:root .text-link,:root .hb-section-link,:root .account-balance a{min-height:44px}
  :root .mini-button,:root button.button,:root .legal-nav a,:root .legal-links a{min-height:44px}
  :root .auth-card{padding:32px 22px 26px}
  :root .panel-head{padding:18px 18px 14px}
  :root .kord-wallet-wrap .panel{padding:18px}
  :root .kord-wallet-wrap .wallet-cards{grid-template-columns:1fr}
  :root .hb-product .hb-product-visual{height:140px;min-height:140px}
  :root .detail-layout .products-grid{grid-template-columns:1fr}
  :root .notification-row{flex-wrap:wrap;padding:16px 18px}
  :root .notification-row time{order:3;flex-basis:100%;padding:0 0 0 36px}
  :root .notification-row>.btn{order:4;margin-left:36px}
  :root .data-table td{padding:12px}
  :root .data-table thead th{padding:11px 12px}
  :root .footer-top a:not(.brand){padding:9px 0}
  :root .section-header.thin{margin:34px 0 16px}
  :root .nav-me{min-height:40px}
}
/* header: one row at every laptop width. Labels, then the user name, then the menu collapse in that order;
   below 1180px the burger replaces the link row (it used to appear only below 620px, leaving 620–1080px with no menu). */
@media (max-width:1500px){
  :root .nav-notify .nav-label{display:none}
  :root .nav-notify{padding:0 4px;gap:4px}
}
@media (max-width:1280px){
  :root .nav-me-name{display:none}
  :root .nav-me{padding:3px;min-width:40px;justify-content:center}
}
@media (max-width:1180px){
  :root .desktop-nav{display:none}
  :root .mobile-menu-toggle{display:inline-grid;place-items:center;min-width:44px;min-height:44px}
  :root .nav-actions{margin-left:auto}
}
:root .mobile-nav a{font-family:var(--kx-body);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;min-height:48px}
:root .kord-mobile-preferences label,:root .kord-mobile-preferences button{font-size:13px}

@media (max-width:400px){
  :root .nav-me{display:none}   /* the account link stays in the burger menu */
}
@media (max-width:340px){
  :root .brand .kord-logo{width:40px;height:40px}
  :root .kord-brand-type strong{font-size:22px}
  :root .nav-notify{min-width:36px}
}
@media (max-width:900px){
  :root .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
  :root .footer-top>div:first-child{grid-column:1/-1}
}
/* ───────── invoice page: the payment link opens here right after an invoice is created ───────── */
:root .invoice-card{max-width:720px;margin:0 auto 24px;background:#fff;border:1px solid var(--kv-line);border-top:3px solid var(--kv-red);border-radius:10px;padding:30px;box-shadow:0 12px 32px rgba(20,20,26,.06)}
:root .invoice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
:root .invoice-provider{font-family:var(--kx-mono);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kv-ink)}
:root .invoice-amount{font-family:var(--kx-display);font-size:clamp(36px,8vw,52px);font-weight:700;line-height:1.05;letter-spacing:.005em;color:var(--kv-ink);margin:0 0 8px;overflow-wrap:anywhere}
:root .invoice-sub{margin:0 0 6px;font-size:14px;color:var(--kv-mute)}
:root .invoice-sub b{color:var(--kv-ink)}
:root .invoice-lead{margin:18px 0 20px;font-size:16px;line-height:1.6;color:var(--kv-ink2)}
:root .invoice-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}
:root .invoice-actions .btn{min-width:220px;justify-content:center}
:root .invoice-actions .kord-copy-button{min-height:44px;padding:0 18px;background:#fff;border:1px solid #cfd0d6;color:var(--kv-ink);box-shadow:none}
:root .invoice-actions .kord-copy-button:hover{border-color:var(--kv-ink);background:var(--kv-paper)}
:root .invoice-link{display:block;margin:0 0 4px;padding:12px 14px;background:var(--kv-paper);border:1px solid var(--kv-line);border-radius:8px;font-family:var(--kx-mono);font-size:12px;line-height:1.5;color:var(--kv-ink2);overflow-wrap:anywhere;user-select:all}
:root .invoice-auto{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding:12px 14px;background:var(--kv-red-bg);border:1px solid #f0c0c7;border-radius:8px;font-size:14px;color:var(--kv-red-d)}
:root .invoice-auto[hidden]{display:none}
:root .invoice-auto b{font-family:var(--kx-mono);min-width:1ch;text-align:center}
:root .invoice-auto-cancel{margin-left:auto;padding:6px 12px;min-height:36px;background:#fff;border:1px solid #f0c0c7;border-radius:8px;font:inherit;font-weight:650;color:var(--kv-red-d);cursor:pointer}
:root .invoice-auto-cancel:hover{background:var(--kv-red-d);border-color:var(--kv-red-d);color:#fff}
:root .invoice-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:26px 0 0;padding-top:6px;border-top:1px solid var(--kv-line)}
:root .invoice-facts>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--kv-line);font-size:14px}
:root .invoice-facts dt{color:var(--kv-mute)}
:root .invoice-facts dd{margin:0;font-weight:650;color:var(--kv-ink);text-align:right}
:root .invoice-steps{max-width:720px;margin:0 auto}
:root .invoice-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:0;list-style:none;counter-reset:inv}
:root .invoice-steps li{counter-increment:inv;position:relative;padding:18px 16px 16px;background:#fff;border:1px solid var(--kv-line);border-radius:10px;font-size:14px;line-height:1.5;color:var(--kv-ink2)}
:root .invoice-steps li::before{content:counter(inv);display:inline-grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:50%;background:var(--kv-dark);color:#fff;font-weight:700;font-size:13px}
:root .invoice-steps li b{display:block;margin-bottom:4px;font-size:15px;color:var(--kv-ink)}
:root .invoice-steps li span{display:block}
:root .invoice-steps p{margin:0 0 6px;font-size:14px;line-height:1.6;color:var(--kv-mute)}
:root .invoice-steps a{color:var(--kv-red-d);font-weight:650}
@media (max-width:700px){
  :root .invoice-card{padding:22px 18px}
  :root .invoice-actions .btn,:root .invoice-actions .kord-copy-button{width:100%;justify-content:center}
  :root .invoice-facts{grid-template-columns:minmax(0,1fr)}
  :root .invoice-steps ol{grid-template-columns:minmax(0,1fr)}
  :root .invoice-auto-cancel{margin-left:0;width:100%}
}
/* ───────── v2.11 catalog: section menu, all sections, subsections, quick filters, delivery badges, purchase page ───────── */
:root .kv-caret{display:inline-block;width:7px;height:7px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
:root details[open]>summary>.kv-caret{transform:rotate(225deg) translate(-1px,-1px)}
:root :is(.kv-catalog,.kv-mcat,.kv-mcat-root,.kv-filters)>summary{list-style:none}
:root :is(.kv-catalog,.kv-mcat,.kv-mcat-root,.kv-filters)>summary::-webkit-details-marker{display:none}

/* header menu (desktop) */
:root .kv-catalog{position:static}
:root .kv-catalog-toggle{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font:600 12px/1 var(--kx-mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s}
:root .kv-catalog-toggle .ui-icon{width:16px;height:16px}
:root .kv-catalog-toggle:hover,:root .kv-catalog[open]>.kv-catalog-toggle{background:var(--kv-red);border-color:var(--kv-red)}
:root .kv-catalog-panel{position:absolute;left:0;right:0;top:100%;z-index:60;max-height:calc(100vh - 110px);overflow:auto;padding:30px 0 0;background:var(--kv-dark);border-bottom:2px solid var(--kv-red);box-shadow:0 34px 60px -22px rgba(0,0,0,.75)}
:root .kv-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 30px}
:root .kv-catalog-col ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:1px}
:root .desktop-nav .kv-catalog-panel a{display:flex;align-items:center;gap:10px;min-height:34px;padding:5px 10px;margin:0 -10px;border-radius:8px;font:500 14px/1.3 var(--kx-body);letter-spacing:0;text-transform:none;white-space:normal;color:#d4d4dc}
:root .desktop-nav .kv-catalog-panel a:hover{background:rgba(255,255,255,.08);color:#fff}
:root .desktop-nav .kv-catalog-panel .kv-catalog-root{min-height:44px;font:700 15px/1.25 var(--kx-body);color:#fff}
:root .kv-catalog-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:rgba(200,16,46,.22);color:#ff8a98}
:root .kv-catalog-icon .ui-icon{width:18px;height:18px}
:root .desktop-nav .kv-catalog-panel .kv-catalog-more{color:#ff8a98;font-weight:650}
:root .kv-catalog-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:14px 0 16px;border-top:1px solid rgba(255,255,255,.1)}
:root .desktop-nav .kv-catalog-foot a{margin:0;padding:6px 14px;min-height:40px;font-weight:650;color:#fff}
:root .desktop-nav .kv-catalog-foot a:first-child{background:var(--kv-red)}
:root .desktop-nav .kv-catalog-foot a:first-child:hover{background:var(--kv-red-d)}
:root .kv-catalog-foot .ui-icon{width:16px;height:16px}
@media (min-width:1180px){:root .kv-catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* header menu (phone) */
:root .mobile-nav:not([hidden]){max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
:root .kv-mcat>summary,:root .kv-mcat-root>summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;font:600 15px/1.2 var(--kx-body);color:#f0f0f2;cursor:pointer}
:root .kv-mcat>summary .ui-icon,:root .kv-mcat-root>summary .ui-icon{width:20px;height:20px;flex:none}
:root .kv-mcat>summary .kv-caret,:root .kv-mcat-root>summary .kv-caret{margin-left:auto}
:root .kv-mcat-body{margin:0 0 8px 21px;padding:2px 0 6px 14px;border-left:2px solid var(--kv-red)}
:root .kv-mcat-root>summary{min-height:46px;font-weight:600}
:root .kv-mcat-root>a,:root .kv-mcat-single{display:flex;align-items:center;gap:12px;min-height:44px;padding-left:32px;font:500 14px/1.3 var(--kx-body);color:#c9c9d2}
:root .kv-mcat-single{min-height:46px;padding-left:12px;font-weight:600;color:#f0f0f2}
:root .kv-mcat-single .ui-icon{width:20px;height:20px}
:root .kv-mcat-root>a.kv-mcat-all,:root .kv-mcat-every{color:#ff8a98;font-weight:650}
:root .kv-mcat-every{min-height:46px;display:flex;align-items:center}

/* hero search: section select */
:root .kv-search-section{flex:0 1 168px;min-width:0;min-height:46px;margin:0;padding:0 8px 0 14px;border:0;border-right:1px solid var(--kv-line);border-radius:0;background:transparent;font:600 14px/1 var(--kx-body);color:var(--kv-ink);cursor:pointer;text-overflow:ellipsis}
:root .kv-search-section:focus-visible{outline-offset:-2px}
@media (max-width:760px){:root .kv-search-section{display:none}}

/* count pill, quick filters, chips */
:root .kv-count{display:inline-flex;align-items:center;gap:5px;flex:none;height:26px;padding:0 10px;border-radius:999px;background:var(--kv-red-bg);color:var(--kv-red-d);font:700 12px/1 var(--kx-body);letter-spacing:0}
:root .kv-count .ui-icon{width:13px;height:13px}
:root .kv-quick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
:root .kv-current{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 12px;font-size:14px;color:var(--kv-mute)}
:root .kv-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--kv-line2);border-radius:999px;background:#fff;color:var(--kv-ink2);font:600 13px/1 var(--kx-body);letter-spacing:0;text-transform:none;transition:border-color .15s,background .15s,color .15s}
:root .kv-chip .ui-icon{width:15px;height:15px;color:var(--kv-red)}
:root .kv-chip:hover{border-color:var(--kv-ink);color:var(--kv-ink)}
:root .kv-chip.is-active{background:var(--kv-ink);border-color:var(--kv-ink);color:#fff}
:root .kv-chip.is-active .ui-icon{color:#ff8a98}
:root .kv-chip b{font-size:16px;line-height:1;font-weight:600}

/* collapsible filters */
:root .kv-filters{margin:0 0 22px}
:root .kv-filters>summary{display:none}
:root .kv-filters-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--kv-red);color:#fff;font-size:12px;line-height:1}
@media (max-width:820px){
  :root .kv-filters>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid var(--kv-line2);border-radius:12px;background:#fff;color:var(--kv-ink);font:650 14px/1 var(--kx-body);cursor:pointer}
  :root .kv-filters>summary .ui-icon{width:18px;height:18px;color:var(--kv-red)}
  :root .kv-filters>summary .kv-caret{margin-left:auto}
  :root .kv-filters[open]>summary{margin-bottom:12px}
}

/* subsections of a section page */
:root .kv-subtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px;margin:0 0 34px}
:root .kv-subtile{display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 16px;border:1px solid var(--kv-line);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
:root .kv-subtile:hover{border-color:var(--kv-red);box-shadow:0 14px 28px -18px rgba(200,16,46,.5);transform:translateY(-1px)}
:root .kv-subtile-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:10px;background:var(--kv-red-bg);color:var(--kv-red)}
:root .kv-subtile-icon .ui-icon{width:21px;height:21px}
:root .kv-subtile-text{display:grid;gap:3px;min-width:0;flex:1}
:root .kv-subtile-text strong{font:650 15px/1.25 var(--kx-body);color:var(--kv-ink)}
:root .kv-subtile-text small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4;color:var(--kv-mute)}
:root .kv-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
:root .kv-pills a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--kv-line2);border-radius:999px;background:#fff;font:600 13px/1 var(--kx-body);color:var(--kv-ink2)}
:root .kv-pills a:hover{border-color:var(--kv-red);color:var(--kv-red-d)}
:root .kv-pills .ui-icon{width:15px;height:15px;color:var(--kv-red)}
:root .kv-pills b{font-size:12px;color:var(--kv-mute)}

/* home: section cards with their subsections */
:root .hb-category-grid .kv-cat{display:flex;flex-direction:column;min-width:0;border:1px solid var(--kv-line);border-radius:14px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
:root .hb-category-grid .kv-cat:hover{border-color:var(--kv-red);box-shadow:0 18px 36px -22px rgba(200,16,46,.55);transform:translateY(-2px)}
:root .hb-category-grid .kv-cat-main.hb-category-card{flex:1;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent;transform:none}
:root .hb-category-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
:root .hb-category-bottom>span:first-child{display:inline-flex;align-items:center;gap:6px}
:root .kv-cat-subs{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 18px}
:root .kv-cat-subs a{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;background:var(--kv-paper);color:var(--kv-ink2);font:600 12px/1 var(--kx-body);transition:background .15s,color .15s}
:root .kv-cat-subs a:hover{background:var(--kv-red);color:#fff}
@media (max-width:600px){:root .kv-cat-subs{display:none}}

/* delivery badge on cards */
:root .hb-product .hb-product-visual{position:relative}
:root .kv-delivery{position:absolute;z-index:2;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(18,18,22,.88);color:#fff;font:600 12px/1 var(--kx-body);letter-spacing:0}
:root .kv-delivery .ui-icon{width:13px;height:13px}
:root .kv-delivery.is-instant{background:var(--kv-red)}

/* all sections page */
:root .kv-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
:root .kv-jump a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--kv-line2);border-radius:999px;background:#fff;font:600 13px/1 var(--kx-body);color:var(--kv-ink2)}
:root .kv-jump a:hover{border-color:var(--kv-red);color:var(--kv-red-d)}
:root .kv-allcats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
:root .kv-allcat{padding:22px;border:1px solid var(--kv-line);border-radius:16px;background:#fff;scroll-margin-top:110px}
:root .kv-allcat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
:root .kv-allcat-link{display:flex;align-items:flex-start;gap:14px;min-width:0}
:root .kv-allcat-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:var(--kv-dark);color:#fff}
:root .kv-allcat-icon .ui-icon{width:22px;height:22px}
:root .kv-allcat-title{display:grid;gap:4px;min-width:0}
:root .kv-allcat-title strong{font:700 17px/1.25 var(--kx-body);color:var(--kv-ink)}
:root .kv-allcat-link:hover strong{color:var(--kv-red-d)}
:root .kv-allcat-title small{font-size:13px;line-height:1.45;color:var(--kv-mute)}
:root .kv-allcat-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px;border-top:1px solid var(--kv-line);padding-top:10px}
:root .kv-allcat-list a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px;border-radius:8px;font:500 14px/1.3 var(--kx-body);color:var(--kv-ink2)}
:root .kv-allcat-list a:hover{background:var(--kv-red-bg);color:var(--kv-red-d)}
:root .kv-allcat-dot{display:grid;place-items:center;flex:none;color:var(--kv-red)}
:root .kv-allcat-dot .ui-icon{width:18px;height:18px}
:root .kv-allcat-name{flex:1;min-width:0}
:root .kv-allcat-list b{font-size:12px;font-weight:700;color:var(--kv-mute)}
:root .kv-allcat-empty{margin:0;font-size:14px}
:root .kv-allcat-foot{margin:32px 0 0;font-size:14px;color:var(--kv-mute)}
@media (max-width:900px){:root .kv-allcats{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){:root .kv-allcat{padding:18px}:root .kv-allcat-list{grid-template-columns:minmax(0,1fr)}}

/* purchase page: how the deal goes, phone buy bar */
:root .kv-deal{margin:0 0 26px;padding:20px 22px;border:1px solid var(--kv-line);border-radius:14px;background:#fff}
:root .kv-deal h2{margin:0 0 16px;font:700 16px/1.25 var(--kx-body);letter-spacing:0}
:root .kv-deal ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
:root .kv-deal li{display:flex;align-items:flex-start;gap:12px;min-width:0}
:root .kv-deal-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--kv-red-bg);color:var(--kv-red)}
:root .kv-deal-icon .ui-icon{width:18px;height:18px}
:root .kv-deal b{display:block;margin-bottom:3px;font-size:14px;color:var(--kv-ink)}
:root .kv-deal small{display:block;font-size:13px;line-height:1.45;color:var(--kv-mute)}
@media (max-width:1100px){:root .kv-deal ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){:root .kv-deal ol{grid-template-columns:minmax(0,1fr)}:root .kv-deal{padding:18px}}
:root .kv-buybar{display:none}
@media (max-width:820px){
  :root .kv-buybar{display:flex;align-items:center;justify-content:space-between;gap:14px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--kv-red);background:rgba(18,18,22,.97);color:#fff;box-shadow:0 -14px 30px -12px rgba(0,0,0,.55);transition:transform .25s ease,opacity .25s ease}
  :root .kv-buybar.is-hidden{transform:translateY(110%);opacity:0;pointer-events:none}
  :root .kv-buybar-price{display:grid;gap:3px;min-width:0}
  :root .kv-buybar-price small{font-size:12px;line-height:1.2;color:var(--kv-dmute)}
  :root .kv-buybar-price strong{font:800 20px/1.1 var(--kx-body);color:#fff;white-space:nowrap}
  :root .kv-buybar .btn-dark{margin:0;min-height:48px;padding:0 22px;background:var(--kv-red);border-color:var(--kv-red);box-shadow:none}
  :root .detail-layout{padding-bottom:104px}
}
:root .catalog-toolbar .toolbar-reset{display:inline-flex;align-items:center;min-height:40px;padding:0 8px;font-size:13px}
@media (prefers-reduced-motion:reduce){:root *{scroll-behavior:auto}}