/* KORD v1.8.7 — Atelier pass.
   Intentional final overrides of legacy themes. No changes to transactions or routes.
   Palette: graphite / paper / crimson. Motion is optional and nonessential. */
:root{
  --ka-black:#0c0c0f;
  --ka-text:#19191e;
  --ka-red:#cf1028;
  --ka-red-hover:#aa0b20;
  --ka-paper:#f6f6f7;
  --ka-faint:#f0f0f2;
  --ka-muted:#686873;
  --ka-line:#e2e2e6;
  --ka-radius:10px;
  --ka-shadow:0 10px 30px rgba(12,12,16,.055);
  --ka-shadow-up:0 22px 48px rgba(12,12,16,.115);
}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{background:var(--ka-paper);color:var(--ka-text);font-feature-settings:"kern" 1,"liga" 1}
::selection{color:#fff;background:var(--ka-red)}
:is(.hb-section-heading h2,.page-hero.compact h1,.control-top h1,.control-section-title h2,.auth-card h1){text-wrap:balance;hyphens:none;overflow-wrap:break-word}
:is(.panel,.control-panel,.integration-card,.metric-card,.action-panel,.purchase-card,.auth-card){background-color:#fff;border-color:var(--ka-line)}
:is(.panel,.control-panel,.integration-card,.detail-section) p{color:#565661}
:where(.price-label,.hb-product-foot strong,.account-balance strong,.wallet-stat strong,.wallet-primary strong,.control-stat strong,.grand-total strong){font-variant-numeric:tabular-nums lining-nums}
/* Header: restraint, clarity, focus. */
.header{background:rgba(12,12,15,.965);border-bottom:1px solid rgba(255,255,255,.095)}
.header.is-scrolled{box-shadow:0 14px 40px rgba(0,0,0,.28)}
.nav-inner{max-width:1360px}
.brand{gap:13px}
.kord-logo{filter:drop-shadow(0 4px 12px rgba(207,16,40,.19))}
.kord-brand-type strong{font-weight:700;letter-spacing:.085em}
.kord-brand-type small{letter-spacing:.25em}
.desktop-nav a{font-size:12px;font-weight:800;letter-spacing:.09em}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:#fff}
.desktop-nav a::after{background:var(--ka-red);height:2px}
.header .btn-dark{background:var(--ka-red);border-color:var(--ka-red)}
.header .btn-dark:hover{background:var(--ka-red-hover);border-color:var(--ka-red-hover)}
.hb-preferences{border-color:#43434a;background:#1c1c20}
.hb-preferences-submit{background:var(--ka-red)}
.mobile-menu-toggle{min-width:42px;min-height:42px;display:none;place-items:center;border-color:#48484f}
.mobile-nav{border-top:1px solid #323238}
/* Strong opening without tiny editorial copy or awkward wrapping. */
.hb-hero.kord-hero{padding:76px 0 82px;min-height:0;background:radial-gradient(ellipse at 73% 48%,rgba(128,8,25,.23),transparent 48%),linear-gradient(115deg,#111114,#09090b)}
.hb-hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(24px,4.4vw,72px)}
.hb-hero-eyebrow{font-size:11px;letter-spacing:.11em;color:#d2d2d9;margin-bottom:23px}
.hb-hero h1{max-width:none;font-size:clamp(60px,6.6vw,103px);line-height:.96;letter-spacing:.008em;margin:0 0 25px;hyphens:none;overflow-wrap:normal;text-wrap:balance}
.hb-hero h1 span{color:#fa4054;-webkit-text-fill-color:#fa4054}
.hb-hero-description{font-size:clamp(13px,1.05vw,16px);line-height:1.85;color:#c3c3cd;max-width:56ch;margin-bottom:24px}
.hb-search{max-width:605px;min-height:62px;border-radius:7px;border-color:#494950;box-shadow:0 22px 48px rgba(0,0,0,.22)}
.hb-search input{font-size:14px;line-height:1.4;min-width:0}
.hb-search button{min-height:46px;min-width:112px;border-radius:5px;letter-spacing:.04em;background:var(--ka-red)}
.hb-search button:hover{background:var(--ka-red-hover)}
.kord-hero-actions{margin-top:19px;gap:22px}
.hb-hero-quick{margin-top:31px;gap:12px 23px}
.hb-hero-quick span{font-size:11px;line-height:1.5;color:#d0d0d6}
.kord-hero-frame{aspect-ratio:1;min-height:0;border-color:#3e3238;background:radial-gradient(circle at center,rgba(190,13,36,.23) 0%,rgba(21,12,18,.22) 40%,transparent 69%),#0b0b0d;box-shadow:0 25px 65px rgba(0,0,0,.25)}
.kord-hero-frame img{width:min(82%,485px);max-height:none;object-fit:contain;filter:drop-shadow(0 14px 25px rgba(204,10,34,.18))}
.kord-hero-index{letter-spacing:.12em}
/* Credibility bar: readable at every size. */
.hb-benefits{background:#17171b;border-bottom-color:#343438}
.hb-benefits-grid>div{padding:23px 22px;align-items:center}
.hb-benefits-grid>div b{font-size:13px;letter-spacing:.025em}
.hb-benefits-grid>div small{font-size:12px;color:#b3b3bc;line-height:1.65}
/* Section rhythm / content-first cards. */
.hb-section{padding-block:75px}
.hb-section-heading{align-items:end;gap:16px;margin-bottom:31px}
.hb-section-heading h2{font-size:clamp(34px,3.4vw,52px);line-height:1.04;letter-spacing:.008em}
.hb-section-heading p{color:#5f5f69;font-size:13px;line-height:1.7;margin-top:8px}
.hb-kicker{color:#bc0d22;letter-spacing:.13em}
.hb-section-link{color:#6a1420;font-weight:800}
.hb-category-grid{gap:15px}
.hb-category-card{min-height:210px;padding:22px 23px 20px;border:1px solid var(--ka-line);background:#fff;border-radius:9px;box-shadow:var(--ka-shadow);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}
.hb-category-card::before{background:var(--ka-red)}
.hb-category-card:hover{transform:translateY(-3px);box-shadow:var(--ka-shadow-up);border-color:#d6b3ba}
.hb-category-card strong{font-size:clamp(19px,1.65vw,24px);line-height:1.12;letter-spacing:.012em;hyphens:none}
.hb-category-card .hb-category-icon{width:49px;height:49px;border-radius:7px}
.hb-category-meta{color:#9c9ca6}
.hb-category-description{font-size:12px;line-height:1.65;color:#666670;margin:0 0 8px}
.hb-category-bottom{font-size:11px;line-height:1.4;letter-spacing:.05em;color:#b40b20;position:relative;z-index:1}
/* Listing cards: category, title, text, seller and price have a stable hierarchy. */
.hb-products-section{background:#efeff1;border-block:1px solid #e2e2e5}
.hb-products-grid{gap:16px}
.product-card.hb-product{border:1px solid var(--ka-line);border-radius:10px;background:#fff;box-shadow:var(--ka-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product-card.hb-product:hover{transform:translateY(-3px);border-color:#d8a3ac;box-shadow:var(--ka-shadow-up)}
.hb-product-visual{height:168px;border-bottom:2px solid var(--ka-red);background:radial-gradient(circle at 75% 28%,rgba(207,16,40,.17),transparent 43%),linear-gradient(140deg,#202024,#0d0d11)}
.hb-product-glyph{width:65px;height:65px;border:1px solid #494950;background:#222228;border-radius:11px}
.hb-product-kind{font-size:10px;color:#c4c4ca;letter-spacing:.06em}
.hb-product-content{padding:20px 18px 18px}
.hb-product-head{gap:7px;align-items:flex-start;margin-bottom:11px}
.hb-product-category{font-size:11px;line-height:1.4}
.hb-product-badge{color:#55545d;border-color:#e9e9ec;background:#f8f8f9;font-size:10px;line-height:1.4}
.hb-product h3{font-family:var(--kf-display);font-size:clamp(19px,1.6vw,23px);line-height:1.1;min-height:0;letter-spacing:.005em;margin:0 0 9px;text-wrap:pretty;overflow-wrap:anywhere}
.hb-product-summary{font-size:12px;line-height:1.7;min-height:60px;color:#686873;margin:0 0 16px}
.hb-product-seller{font-size:12px;color:#53535c;gap:8px}
.hb-product-foot{margin-top:15px;padding-top:14px;border-top:1px solid #e9e9ed}
.hb-product-foot strong{font-family:var(--kf-display);font-size:25px;font-weight:700;color:#17171a;letter-spacing:0;line-height:1.13}
.hb-product-trail small,.hb-product-foot small{color:#74747d;font-size:10px}
.hb-product-go{width:36px;height:36px;border-radius:7px;background:var(--ka-red);box-shadow:none;transition:transform .23s ease,background .23s ease}
.product-card:hover .hb-product-go{background:var(--ka-red-hover);transform:translate(2px,-2px)}
/* Process and the final sell CTA. No 12ch forced headline wrapping. */
.hb-how{background:#fafafa}
.hb-steps{gap:15px}
.hb-steps article{padding:26px;border:1px solid var(--ka-line);border-radius:9px;background:#fff;box-shadow:var(--ka-shadow);transition:transform .24s ease,box-shadow .24s ease}
.hb-steps article:hover{transform:translateY(-2px);box-shadow:var(--ka-shadow-up)}
.hb-steps h3{font-size:clamp(20px,1.8vw,24px);line-height:1.16;hyphens:none}
.hb-steps p{font-size:13px;line-height:1.72;color:#64646c}
.hb-cta{padding:82px 0;border-top:3px solid var(--ka-red);background:radial-gradient(ellipse at 86% 50%,rgba(192,14,35,.16),transparent 39%),#0d0d11}
.hb-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px}
.hb-cta-inner>div{width:100%;min-width:0}
.hb-cta h2{max-width:24ch;font-size:clamp(38px,4vw,61px);line-height:1.07;letter-spacing:.013em;overflow-wrap:normal;hyphens:none;text-wrap:pretty}
.hb-cta p{font-size:14px;color:#c6c6d0;max-width:60ch}
.hb-cta .btn-white{min-width:180px;box-shadow:none}
/* Secondary pages, forms, wallet and orders. */
.page-hero.compact{padding-block:48px 42px}
.page-hero.compact h1{font-size:clamp(34px,3.8vw,57px);line-height:1.1;max-width:100%;hyphens:none}
.content-block,.detail-layout{padding-top:36px}
.detail-layout,.order-layout{gap:24px}
.detail-sidebar{min-width:0}
.detail-sidebar .purchase-card{border:1px solid var(--ka-line);border-radius:11px;box-shadow:var(--ka-shadow-up)}
.detail-sidebar .purchase-card h1{font-size:clamp(25px,2vw,32px);line-height:1.23;overflow-wrap:anywhere}
.kord-detail-points{gap:10px}
.kord-detail-points>div{border:1px solid var(--ka-line);border-radius:9px;background:#fff}
.kord-deal-steps{border-radius:12px;border-color:var(--ka-line);box-shadow:var(--ka-shadow)}
.kord-deal-steps li{min-width:0}
.kord-deal-steps strong{font-size:13px;letter-spacing:.01em}
.order-main .panel,.order-side .action-panel{border-radius:11px}
.order-side .action-panel{box-shadow:var(--ka-shadow)}
.chat-form textarea{min-height:110px}
.kord-wallet-tabs a{background:#fff;border:1px solid var(--ka-line);border-radius:9px;font-size:12px;line-height:1.5}
.kord-wallet-tabs a:hover{background:#fff5f6;border-color:#d99da6;color:#aa0b20}
.wallet-cards{gap:15px}
.wallet-primary,.wallet-stat{border-radius:11px}
.wallet-stat strong,.wallet-primary strong{overflow-wrap:anywhere}
:where(.input,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-color:#d6d6dc;color:#17171c;background:#fff}
:where(.input,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea)::placeholder{color:#6e6e77}
:where(.btn,.mini-button,.hb-search button){min-height:43px}
.btn{font-size:13px;letter-spacing:.045em}
.btn-dark{background:#17171b;border-color:#17171b}
.btn-dark:hover:not(:disabled){background:var(--ka-red);border-color:var(--ka-red)}
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #ff425a;outline-offset:3px}
.table-scroll{border-radius:9px;border-color:var(--ka-line)}
.data-table th{font-size:11px;letter-spacing:.05em;padding:13px 14px}
.data-table td{font-size:12px;padding:13px 14px;line-height:1.6}
.data-table tbody tr:hover{background:#fff3f5}
:where(.status,.status-pill,.listing-status,.integration-state,.control-pill){font-size:11px;line-height:1.4}
/* Operator surfaces: the same typography and spacing as the storefront. */
.control-shell{background:var(--ka-paper)}
.control-sidebar{background:#101014}
.control-sidebar .side-link{border-radius:7px;font-size:12px;padding:11px 13px}
.control-sidebar .side-link.active{background:#bd0b21}
.control-main{padding-top:30px}
.control-top{padding:30px 32px;border-radius:11px;box-shadow:var(--ka-shadow)}
.control-top h1{font-size:clamp(35px,3.5vw,55px);line-height:1.04;max-width:none}
.control-stat{border-radius:9px}
.control-stat strong{font-size:32px;line-height:1}
.control-quick-card{border-radius:9px}
.control-panel,.integration-card{border-radius:11px;box-shadow:var(--ka-shadow)}
.control-section-title h2{font-size:clamp(28px,2.9vw,40px);line-height:1.08}
.control-reconfirm{align-items:end}
.control-notice,.notice,.auth-alert{border-radius:8px}
.footer{border-top-color:#333339}
.footer-top{gap:28px}
.footer a{color:#d6d6dd;line-height:1.8}
.footer a:hover{color:#fff}
/* Interactions are directional and deliberate. */
@media(hover:hover) and (pointer:fine){
  .kord-hero-frame img{transition:transform .5s ease,filter .5s ease}
  .kord-hero-frame:hover img{transform:scale(1.017);filter:drop-shadow(0 18px 32px rgba(208,13,36,.25))}
  .hb-category-card:hover .hb-category-bottom .ui-icon{transform:translate(2px,-2px)}
  .hb-category-bottom .ui-icon{transition:transform .2s ease}
}
@media(max-width:1100px){
  .nav-inner{gap:14px}.desktop-nav{gap:15px}
  .hb-hero h1{font-size:clamp(54px,6vw,79px)}
  .hb-hero-layout{gap:28px}
  .hb-category-grid{gap:13px}
  .hb-cta h2{max-width:23ch}
}
@media(max-width:850px){
  .hb-hero.kord-hero{padding:56px 0 60px}
  .hb-hero-layout{grid-template-columns:minmax(0,1fr)}
  .hb-hero h1{font-size:clamp(56px,10vw,80px)}
  .hb-hero-main{max-width:680px}
  .kord-hero-symbol{max-width:540px;width:100%;justify-self:center}
  .hb-benefits-grid>div{padding:17px}
  .hb-products-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hb-cta-inner{grid-template-columns:1fr;gap:20px;align-items:start}
  .hb-cta h2{max-width:24ch}
  .hb-cta .btn-white{justify-self:start}
  .control-top{padding:25px}
}
@media(max-width:620px){
  .header{height:70px}
  .container{width:calc(100% - 30px)}
  .mobile-menu-toggle{display:inline-grid}
  .hb-hero.kord-hero{padding:46px 0 54px}
  .hb-hero h1{font-size:clamp(46px,12vw,68px);line-height:.99;letter-spacing:0;max-width:100%}
  .hb-hero-description{font-size:13px;line-height:1.8}
  .hb-search{min-height:56px}
  .hb-search input{font-size:13px}
  .hb-search button{min-width:0;font-size:12px;padding:9px 13px}
  .kord-hero-frame{min-height:0;max-height:none}
  .hb-hero-quick{gap:11px 18px}
  .hb-benefits-grid>div{padding:16px 0}
  .hb-section{padding-block:54px}
  .hb-section-heading{gap:15px;margin-bottom:25px}
  .hb-section-heading h2{font-size:clamp(31px,8vw,43px)}
  .hb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hb-category-card{min-height:166px;padding:15px 14px;gap:11px}
  .hb-category-card .hb-category-icon{width:40px;height:40px}
  .hb-category-card strong{font-size:17px;line-height:1.15}
  .hb-category-description{display:none}
  .hb-category-bottom{font-size:10px}
  .hb-products-grid,.products-grid{grid-template-columns:1fr;gap:14px}
  .hb-product-visual{height:148px}
  .hb-product-content{padding:17px}
  .hb-product-summary{min-height:0}
  .hb-product h3{font-size:21px}
  .hb-product-foot strong{font-size:25px}
  .hb-how .hb-steps{grid-template-columns:1fr}
  .hb-steps article{padding:22px}
  .hb-cta{padding:61px 0}
  .hb-cta h2{font-size:clamp(32px,8vw,46px);line-height:1.11;max-width:100%}
  .hb-cta p{font-size:13px}
  .page-hero.compact h1{font-size:clamp(31px,8vw,44px)}
  .control-top{padding:20px 16px}
  .control-top h1{font-size:clamp(30px,7.5vw,41px)}
  .control-section-title h2{font-size:clamp(28px,7vw,38px)}
  .data-table th,.data-table td{padding:11px}
}
@media(max-width:360px){
  .hb-hero h1{font-size:clamp(40px,11vw,47px)}
  .hb-category-card{padding:13px}
  .hb-category-card strong{font-size:15px}
  .hb-category-bottom{font-size:9px}
  .kord-brand-type strong{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hb-category-card:hover,.product-card.hb-product:hover,.hb-steps article:hover,.btn:hover{transform:none!important}
}
@media(prefers-contrast:more){
  :root{--ka-line:#7e7e85;--ka-muted:#33333a}
  .hb-category-card,.product-card.hb-product,.hb-steps article,.panel,.control-panel{border-color:#7e7e85}
  .hb-product-summary,.hb-category-description{color:#303037}
}

/* v1.8.8 — legal navigation, catalog toolbar, pagination, seller profile */
.legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.legal-nav a{padding:8px 14px;border:1px solid var(--line,#e1e4e9);border-radius:999px;font-size:12px;font-weight:700;color:inherit;text-decoration:none;background:#fff}
.legal-nav a[aria-current="page"]{background:#0b0b0d;color:#fff;border-color:#0b0b0d}
.legal-layout .notice{margin-bottom:18px}
.catalog-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 22px;padding:14px;border:1px solid var(--line,#e1e4e9);border-radius:12px;background:#fff}
.catalog-toolbar label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}
.catalog-toolbar .input{min-height:40px;min-width:120px;max-width:170px;font-size:13px;text-transform:none;letter-spacing:0}
.catalog-toolbar .btn{min-height:40px}
.catalog-toolbar .toolbar-reset{font-size:12px;align-self:center;text-decoration:underline}
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:34px 0 8px}
.pagination a,.pagination span{min-width:40px;padding:9px 13px;text-align:center;border:1px solid var(--line,#e1e4e9);border-radius:10px;font-size:13px;font-weight:700;background:#fff;color:inherit;text-decoration:none}
.pagination a:hover{border-color:#d80f2b;color:#d80f2b}
.pagination [aria-current="page"]{background:#d80f2b;border-color:#d80f2b;color:#fff}
.pagination .disabled{opacity:.4}
.results-count{font-size:13px;color:#6b7280;margin:0 0 14px}
.seller-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 26px}
.seller-stats>div{padding:16px;border:1px solid var(--line,#e1e4e9);border-radius:12px;background:#fff}
.seller-stats small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}
.seller-stats strong{font-size:24px}
.rating-inline{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700}
.rating-inline .star-filled{color:#d80f2b}
@media(max-width:540px){.catalog-toolbar .input{max-width:none;width:100%}.catalog-toolbar label{flex:1 1 45%}}
.chat-warning{margin:8px 0 0;padding:8px 10px;border-left:3px solid #d80f2b;background:#fff4f5;font-size:12px;border-radius:6px}

/* v1.9.1 — listing photos */
.hb-product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hb-product-visual{overflow:hidden}
.detail-gallery{margin:0 0 22px}
.detail-gallery-main{display:block;width:100%;max-height:520px;object-fit:contain;background:#101014;border-radius:14px;border:1px solid #303037}
.detail-gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.detail-gallery-thumbs img{width:84px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #303037;display:block}
.listing-images{margin-top:28px;padding-top:20px;border-top:1px solid var(--line,#e1e4e9)}
.listing-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:14px 0 18px}
.listing-image-grid figure{margin:0;border:1px solid var(--line,#e1e4e9);border-radius:12px;overflow:hidden;background:#fff}
.listing-image-grid img{display:block;width:100%;height:110px;object-fit:cover}
.listing-image-grid figcaption{display:flex;flex-direction:column;gap:6px;padding:8px;font-size:12px}
.mod-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mod-images img{width:96px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #303037}

/* v1.9.2 — category parameters */
fieldset.cat-fields{border:1px solid var(--line,#e1e4e9);border-radius:12px;padding:14px 16px;margin:0 0 16px;display:grid;gap:12px}
fieldset.cat-fields[hidden]{display:none}
fieldset.cat-fields legend{padding:0 8px;font-weight:700;font-size:13px}
