:root{--bg:#f7f8fc;--surface:#fff;--text:#101828;--muted:#667085;--primary:#5b5cf0;--primary2:#7c3aed;--border:#e6e8ef;--shadow:0 18px 50px rgba(16,24,40,.08);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.btn{cursor:pointer}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav{min-height:76px;display:flex;align-items:center;gap:22px}.brand{font-size:24px;font-weight:900;letter-spacing:-.8px;white-space:nowrap}.brand span{color:var(--primary)}.search{flex:1;display:flex;max-width:520px;background:#f1f3f8;border:1px solid transparent;border-radius:14px;overflow:hidden}.search:focus-within{border-color:var(--primary)}.search input{width:100%;border:0;background:transparent;padding:12px 15px;outline:0}.search button{width:48px;border:0;background:transparent;font-size:22px}.actions{display:flex;gap:16px;font-size:14px;font-weight:650;white-space:nowrap}.actions a:hover{color:var(--primary)}.selectors{display:flex;gap:8px}.selectors select{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 10px;color:var(--text)}.hero{background:radial-gradient(circle at 80% 20%,rgba(124,58,237,.2),transparent 30%),linear-gradient(135deg,#101828,#1d2340);color:#fff;overflow:hidden}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-3px;margin:12px 0 20px}.hero h1 span{color:#a7a8ff}.hero p{font-size:18px;color:#d0d5dd;max-width:650px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:850;color:var(--primary);display:inline-block}.hero .eyebrow{color:#b8b9ff}.hero-buttons{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:12px 18px;font-weight:800;transition:.2s}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(91,92,240,.25)}.btn.ghost{border-color:rgba(255,255,255,.25);color:#fff}.btn.full{width:100%}.hero-art{height:360px;position:relative}.orb{position:absolute;width:310px;height:310px;border-radius:50%;right:70px;top:15px;background:linear-gradient(135deg,#7779ff,#8b5cf6);box-shadow:0 0 100px rgba(124,58,237,.55)}.floating-card{position:absolute;right:0;bottom:45px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);padding:22px;border-radius:18px;width:210px}.floating-card b{font-size:30px;display:block}.floating-card small{color:#d0d5dd}.section{padding:70px 0}.sectionhead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.sectionhead h1,.sectionhead h2{font-size:40px;line-height:1.1;margin:5px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips a{padding:8px 12px;border:1px solid var(--border);border-radius:99px;background:var(--surface);font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.25s;box-shadow:0 4px 15px rgba(16,24,40,.03)}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-image{aspect-ratio:1/1;background:#f3f5fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:17px}.product-body h3{margin:5px 0 5px;font-size:17px}.category{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-weight:800}.vendor{font-size:13px;color:var(--muted);margin:0 0 12px}.price-row{display:flex;justify-content:space-between;align-items:center}.price-row strong{font-size:19px}.price-row span{font-size:12px;color:#f59e0b}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:18px;overflow:hidden;margin-bottom:70px}.feature-strip>div{background:var(--surface);padding:20px}.feature-strip b,.feature-strip span{display:block}.feature-strip span{font-size:13px;color:var(--muted)}footer{background:#101828;color:#d0d5dd}.footergrid{padding:45px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footergrid a{display:block;margin-top:8px;color:#98a2b3}.copyright{text-align:center;border-top:1px solid #253047;padding:18px;font-size:12px;color:#98a2b3}.product-detail{padding:70px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-image{border-radius:28px;overflow:hidden;background:#eef1f7}.detail-image img{display:block;width:100%}.detail-copy h1{font-size:52px;line-height:1.05;letter-spacing:-2px;margin:10px 0}.detail-copy p{color:var(--muted);font-size:17px}.rating{color:#f59e0b;font-weight:800}.rating span{color:var(--muted);font-weight:500;font-size:13px}.detail-price{font-size:36px;font-weight:900;margin:25px 0}.stock{color:#16a34a!important;font-weight:750}.qty{display:flex;align-items:center;gap:10px;margin-bottom:15px}.qty input{width:90px;padding:10px;border:1px solid var(--border);border-radius:10px}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:25px}.cart-list,.summary,.support-form,.ticket-list{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px}.cart-item{display:grid;grid-template-columns:64px 1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:12px}.cart-item h3{margin:0}.cart-item p{margin:3px 0;color:var(--muted);font-size:13px}.iconbtn{border:0;background:transparent;font-size:25px;color:var(--muted)}.summary h2{margin-top:0}.summary>div{display:flex;justify-content:space-between;margin:12px 0}.grand{font-size:20px}.empty{text-align:center;background:var(--surface);border:1px solid var(--border);padding:60px;border-radius:20px}.orders{display:grid;gap:14px}.order-card{background:var(--surface);border:1px solid var(--border);padding:20px;border-radius:18px}.order-card>div{display:flex;justify-content:space-between;gap:15px}.order-card span{color:var(--muted)}.order-card ul{color:var(--muted)}.status{padding:5px 9px;background:#eef2ff;color:#4f46e5;border-radius:99px;font-size:12px;font-weight:800}.vendor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.vendor-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;display:flex;gap:18px;align-items:center}.vendor-card img{width:86px;height:86px;border-radius:18px}.vendor-card p{color:var(--muted)}.vendor-card span{color:var(--primary);font-weight:800}.store-hero{display:flex;gap:24px;align-items:center;background:var(--surface);padding:30px;border:1px solid var(--border);border-radius:24px;margin-bottom:30px}.store-hero img{width:100px;height:100px;border-radius:22px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{position:relative;background:var(--surface);border:1px solid var(--border);padding:28px;border-radius:22px}.plan-card.featured{border:2px solid var(--primary);transform:translateY(-8px)}.badge{position:absolute;right:18px;top:18px;background:#eef2ff;color:var(--primary);padding:5px 8px;border-radius:99px;font-size:10px;font-weight:900}.plan-price{font-size:42px;font-weight:900;margin:18px 0}.plan-price small{font-size:13px;color:var(--muted)}.plan-card li{margin:10px 0;color:var(--muted)}.support-layout{display:grid;grid-template-columns:360px 1fr;gap:20px}.support-form{display:grid;gap:12px;height:max-content}.support-form input,.support-form textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.support-form textarea{min-height:150px;resize:vertical}.ticket-list{display:grid;gap:12px}.ticket-list article{padding:15px;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;gap:15px}.ticket-list article span:not(.status){display:block;color:var(--muted);font-size:12px}@media(max-width:1050px){.actions{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.plans{grid-template-columns:1fr}.plan-card.featured{transform:none}}@media(max-width:700px){.nav{gap:10px}.brand{font-size:20px}.search{display:none}.selectors select{max-width:90px}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-strip,.vendor-grid,.support-layout,.cart-layout,.product-detail,.footergrid{grid-template-columns:1fr}.section{padding:45px 0}.sectionhead{display:block}.sectionhead h1,.sectionhead h2{font-size:32px}.detail-copy h1{font-size:38px}.hero-grid{min-height:450px}.hero h1{letter-spacing:-2px}.cart-item{grid-template-columns:50px 1fr auto}.cart-item form{grid-column:3}.cart-item img{width:50px;height:50px}}

.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.kpi-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px}.kpi-grid b{font-size:34px;display:block}.kpi-grid span{color:var(--muted)}.admin-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:25px}@media(max-width:700px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}

/* NovaMarket v1.6 visual system */
:root{--primary:#635bff;--primary2:#8b5cf6;--accent:#06b6d4;--success:#12b76a;--danger:#f04438;--ink:#101828;--muted:#667085;--line:#e4e7ec;--surface:#fff;--bg:#f6f7fb;--radius:18px}
body{background:radial-gradient(circle at 5% -5%,rgba(99,91,255,.08),transparent 28%),var(--bg)}
.topbar{background:rgba(255,255,255,.94);box-shadow:0 4px 24px rgba(16,24,40,.05)}
.nav{min-height:82px;gap:14px}
.brand{display:flex;align-items:center;gap:7px;font-size:23px}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-size:18px;box-shadow:0 8px 18px rgba(99,91,255,.25)}
.search{height:46px;max-width:580px;background:#f8f9fc;border:1px solid #eef0f5;border-radius:14px}
.search-icon{display:grid;place-items:center;width:38px;color:#98a2b3;font-size:20px}
.search input{padding:10px 8px}
.search button{background:transparent;color:var(--primary);font-size:12px;font-weight:850;width:64px}
.actions{align-items:center;gap:12px}
.actions>a{padding:9px 8px;border-radius:10px}
.actions>a:hover{background:#f2f3ff}
.sell-link{color:var(--primary);font-weight:800}
.sell-link span{font-size:12px}
.auth-nav{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.auth-nav li{list-style:none}
.nav-account{display:flex!important;align-items:center;gap:7px;padding:6px 9px!important;background:#f8f9fc;border-radius:12px}
.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e8e7ff;color:var(--primary);font-weight:900;font-size:12px}
.nav-signout,.nav-register{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}
.nav-register{color:var(--primary)}
.selectors{align-items:center}
.currency-form,.language-form{margin:0}
.selectors select{height:38px;border-radius:10px;background:#fff;font-weight:750;font-size:12px;padding:7px 9px}
.currency-form select{border-color:#d8d9ff;color:var(--primary);box-shadow:0 3px 12px rgba(99,91,255,.08)}
.hero{position:relative}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.12)}
.hero-buttons .btn{min-width:150px}
.sectionhead p,.admin-heading p{color:var(--muted);margin:6px 0 0}
.admin-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.admin-heading h1{margin:6px 0 0;font-size:46px;letter-spacing:-1.8px}
.admin-heading .btn{white-space:nowrap}
.admin-panel{box-shadow:0 8px 30px rgba(16,24,40,.04)}
.panel-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef0ff;color:var(--primary);font-size:25px;font-weight:900}
.text-link{color:var(--primary);font-weight:850}
.alert{padding:14px 16px;border-radius:13px;margin:0 0 18px;font-weight:650}
.alert.error{background:#fff1f0;color:#b42318;border:1px solid #fecdca}.alert.success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}
.currency-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.currency-table{display:grid;gap:8px;margin-top:15px}
.currency-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}
.currency-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f0f1ff;color:var(--primary);font-weight:900}
.currency-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.currency-state{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.5px;color:var(--success)}
.btn.small{padding:8px 10px;font-size:11px;background:#f8f9fc;border-color:var(--line)}
.btn.secondary{background:#101828;color:#fff}
.currency-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.currency-form-grid label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--muted)}
.currency-form-grid input,.currency-form-grid select{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:11px;outline:0}
.currency-form-grid input:focus,.currency-form-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,91,255,.1)}
.currency-form-grid button{grid-column:1/-1}
.source-panel{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.source-panel p{color:var(--muted);max-width:850px}.source-panel a{color:var(--primary);font-weight:800}
.source-pill{white-space:nowrap;padding:8px 10px;border-radius:99px;background:#ecfdf3;color:#067647;font-size:10px;font-weight:900}
.muted{color:var(--muted);font-size:13px}
[dir=rtl] .admin-heading,[dir=rtl] .sectionhead{direction:rtl}
[dir=rtl] .currency-row{direction:rtl}
[dir=rtl] .actions{direction:rtl}
[dir=rtl] .hero h1,[dir=rtl] .hero p{direction:rtl}
@media(max-width:1180px){.actions>a:nth-child(-n+2){display:none}.nav{flex-wrap:wrap;padding:12px 0}.search{order:3;max-width:none;flex-basis:100%}}
@media(max-width:800px){.admin-heading,.source-panel{display:block}.admin-heading .btn{margin-top:18px}.currency-layout{grid-template-columns:1fr}.currency-row{grid-template-columns:44px 1fr auto}.currency-row form{grid-column:2/-1}.source-pill{display:inline-block;margin-top:10px}.selectors{margin-left:auto}}
@media(max-width:560px){.nav{min-height:70px}.brand{font-size:19px}.brand-mark{width:30px;height:30px}.selectors select{max-width:74px}.auth-nav .nav-account span:last-child{display:none}.admin-heading h1{font-size:36px}.currency-form-grid{grid-template-columns:1fr}.currency-form-grid button{grid-column:auto}.currency-row{grid-template-columns:40px 1fr}.currency-badge{width:38px;height:38px}.currency-state{display:none}}
/* Embedded ASP.NET Identity pages inherit the NovaMarket visual language. */
.identity-page{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:60px 16px}
.identity-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:0 25px 70px rgba(16,24,40,.1)}
.identity-card h1{font-size:34px;margin:0 0 8px;letter-spacing:-1px}.identity-card .form-control{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px}.identity-card label{font-weight:750;font-size:13px}.identity-card .btn-primary{background:var(--primary);border:0;border-radius:11px;padding:12px 18px;font-weight:850;color:#fff}

.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:30px 0}.kpi-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.kpi-grid b{font-size:28px;display:block}.kpi-grid span{font-size:12px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;transition:.2s}.admin-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c9cbff}.admin-card b,.admin-card span{display:block}.admin-card span{color:var(--muted);font-size:13px;margin-top:6px}.admin-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:center}.form-grid input,.form-grid select,.input{padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);width:100%}.data-table{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:auto}.data-table table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:14px 16px;text-align:start;border-bottom:1px solid var(--border);vertical-align:middle}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);background:#fafbfe}.data-table tr:last-child td{border-bottom:0}.btn.small{padding:7px 11px;font-size:12px}.btn.ghost-dark{border:1px solid var(--border);color:var(--text);background:var(--surface)}.inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select{padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.ticket-detail{display:grid;gap:12px;max-width:900px}.ticket-message{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.ticket-message>div{display:flex;justify-content:space-between;gap:15px}.ticket-message span{color:var(--muted);font-size:12px}.ticket-message.internal{border-style:dashed;background:#fffaf0}.wallet-hero{background:linear-gradient(135deg,#111827,#3730a3);color:#fff;border-radius:24px;padding:30px;margin-bottom:24px}.wallet-hero span,.wallet-hero small{display:block;color:#c7d2fe}.wallet-hero b{display:block;font-size:48px;margin:10px 0}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.admin-heading{display:block}.kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-grid,.form-grid{grid-template-columns:1fr}.wallet-hero b{font-size:36px}}

.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#64748b}.page-head h1{margin:.25rem 0}.page-head p{margin:0;color:#64748b}.notice{padding:14px 16px;border:1px solid #dbe5f0;background:#f8fbff;border-radius:12px;margin-bottom:18px}.table-card,.form-card{background:#fff;border:1px solid #e6ebf2;border-radius:16px;box-shadow:0 10px 28px rgba(20,30,55,.05)}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:14px 16px;border-bottom:1px solid #edf1f5;text-align:start;vertical-align:middle}.table-card th{font-size:12px;text-transform:uppercase;color:#64748b}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.success{background:#dcfce7;color:#166534}.badge.muted{background:#eef2f7;color:#64748b}.btn.small{padding:7px 10px;font-size:12px}.actions{white-space:nowrap}.editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:20px}.form-card{padding:22px}.form-card label{display:block;font-weight:700;font-size:13px;margin-bottom:16px}.form-card input,.form-card textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #d8e0ea;border-radius:10px;background:#fff;font:inherit;box-sizing:border-box}.form-card textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.form-card .check{display:flex;align-items:center;gap:8px}.form-card .check input{width:auto;margin:0}.form-actions{display:flex;gap:10px}.preview-panel{position:sticky;top:20px;align-self:start}.preview-panel iframe{width:100%;height:620px;border:1px solid #e3e8ef;border-radius:12px;background:#f4f7fb}.variable-list{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #dbe2ea;background:#f8fafc;border-radius:999px;padding:6px 9px;font-size:12px;cursor:pointer}@media(max-width:900px){.editor-grid{grid-template-columns:1fr}.preview-panel{position:static}.page-head{align-items:flex-start;flex-direction:column}}
/* NovaMarket V2.2 UI hardening */
html,body{min-height:100%;}body{margin:0;min-height:100vh;background:var(--bg,#f6f8fc);color:var(--text,#172033)}.site-main{min-height:calc(100vh - 210px);display:block}.topbar{position:sticky;top:0;z-index:1000;backdrop-filter:blur(14px)}footer{margin-top:48px}.empty-state{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;background:var(--surface,#fff);border:1px dashed var(--border,#dfe5ee);border-radius:22px;color:var(--muted,#64748b)}.empty-state>div{font-size:38px;color:var(--primary,#5b5cf0);margin-bottom:8px}.empty-state h3{margin:0 0 6px;color:var(--text,#172033)}.empty-state p{margin:0}.onboarding-banner{padding:22px;border-radius:18px;border:1px solid #c7d2fe;background:#eef2ff;margin-bottom:20px}.onboarding-banner.warning{background:#fff7ed;border-color:#fed7aa}.onboarding-banner b,.onboarding-banner p{display:block;margin:0 0 7px}.step-pill{padding:9px 13px;border-radius:999px;background:#eef2ff;color:var(--primary);font-size:12px;font-weight:800}.onboarding-grid{margin-bottom:20px}.onboarding-fields .span-2{grid-column:span 2}.kyc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kyc-card,.requirement-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.kyc-card b,.kyc-card span,.kyc-card small,.requirement-head b,.requirement-head span,.requirement-head small{display:block}.kyc-card span,.requirement-head span,.kyc-card small,.requirement-head small{color:var(--muted);font-size:12px;margin-top:5px}.kyc-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.kyc-card .status{white-space:nowrap}.catalog-filters{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 1.2fr auto;gap:10px;margin:0 0 24px}.catalog-filters input,.catalog-filters select,.wallet-option,.cod-box{padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text)}.cod-box{display:grid;gap:4px;background:#f0fdf4;border-color:#bbf7d0;margin:12px 0}.cod-box span{font-size:12px;color:var(--muted)}.wallet-option{display:flex;gap:8px;align-items:center;margin:10px 0}.discount-badge{position:absolute;left:12px;top:12px;background:#dc2626;color:#fff;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;z-index:2}.discount-badge.large{font-size:14px}.product-image{position:relative}.price-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.price-row del{color:#94a3b8;font-size:12px}.product-detail-v2{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:start}.product-gallery{position:relative;min-height:480px;display:grid;place-items:center;background:#fff;border:1px solid var(--border);border-radius:26px;overflow:hidden}.product-gallery img{width:100%;height:480px;object-fit:contain}.detail-copy .input{margin-bottom:15px}.field-label{display:block;font-weight:800;font-size:12px;margin:12px 0 6px}.analytics-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.bar-chart{display:flex;gap:7px;align-items:flex-end;min-height:220px;overflow:auto;padding:20px 5px}.bar-item{min-width:24px;display:flex;flex-direction:column;align-items:center;gap:6px}.bar{width:18px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,var(--primary2,#7c3aed),var(--primary,#5b5cf0))}.bar-item small{font-size:9px;color:var(--muted)}.world-map{height:300px;border-radius:14px;overflow:hidden;margin-bottom:14px}.country-list{display:grid;gap:7px}.country-list>div,.line-list>div{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border)}.order-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.order-head>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.order-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}.order-item img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#f8fafc}.order-item span,.order-item small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.danger{color:#b42318!important;border-color:#fecdca!important}.admin-wallet-panel{margin-top:20px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;color:var(--primary);font-size:11px;font-weight:800}.error-page{min-height:calc(100vh - 220px);display:grid;place-items:center}.error-card{text-align:center;max-width:680px}.error-code{font-size:110px;line-height:1;font-weight:950;color:var(--primary);letter-spacing:-8px}.error-card h1{font-size:38px;margin:10px 0}.error-card p{color:var(--muted);font-size:16px;margin-bottom:25px}
@media(max-width:1100px){.catalog-filters{grid-template-columns:1fr 1fr 1fr}.catalog-filters input:first-child{grid-column:1/-1}.analytics-grid,.product-detail-v2{grid-template-columns:1fr}.kyc-grid{grid-template-columns:1fr}}
@media(max-width:700px){.catalog-filters{grid-template-columns:1fr}.catalog-filters input:first-child{grid-column:auto}.onboarding-fields .span-2{grid-column:auto}.order-head{display:block}.order-head>div{margin-bottom:8px}.error-code{font-size:80px}.product-gallery,.product-gallery img{min-height:320px;height:320px}}
.localization-card{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid var(--border)}.localization-card input,.localization-card textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--border);border-radius:10px}.localization-card textarea{font-family:ui-monospace,Consolas,monospace}.vendor-summary{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.vendor-summary h3{margin:5px 0}.vendor-summary p{color:var(--muted);margin:4px 0}.vendor-summary .text-link{display:inline-block;margin-top:8px}.analytics-grid .form-card{min-width:0}
.kyc-mini-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.kyc-mini-list span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #fed7aa;font-size:11px;font-weight:750}.requirement-head{margin-bottom:14px}

/* Vendor order privacy + responsive presentation */
.empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--muted,#64748b)}
.empty-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(37,99,235,.08);font-size:32px;margin-bottom:12px}
.privacy-note{padding:14px 16px;border-radius:12px;background:rgba(37,99,235,.06);color:var(--muted,#64748b)}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.metric-large{font-size:20px;font-weight:800;overflow-wrap:anywhere}
.summary-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(100,116,139,.14)}
.summary-row.total{font-size:18px;border-bottom:0;padding-top:18px}
.product-order-list{display:grid;gap:12px}
.product-order-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:12px;border:1px solid rgba(100,116,139,.14);border-radius:14px}
.product-order-row img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#f3f4f6}
.product-order-row small{display:block;color:var(--muted,#64748b);margin-top:4px}
.status-pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(37,99,235,.1);font-size:12px;font-weight:700}
@media(max-width:800px){.detail-grid{grid-template-columns:1fr}.product-order-row{grid-template-columns:52px 1fr}.product-order-row>strong{grid-column:2}}

/* Megakhan UX enhancements */
.search-large{max-width:none;min-width:360px;flex:1.2;box-shadow:0 4px 18px rgba(16,24,40,.08)} .search-large input{font-size:15px;padding:14px 18px}.search-large button{width:58px}.product-actions{display:flex;gap:8px;margin-top:14px}.btn.small{padding:8px 11px;font-size:12px}.btn.secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn.ghost-dark{background:transparent;border-color:var(--border);color:var(--text)}.compare-hero,.knowledge-hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.compare-hero h1,.knowledge-hero h1{font-size:46px;letter-spacing:-1.8px;margin:8px 0}.compare-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.compare-table{border:1px solid var(--border);border-radius:18px;overflow:auto;background:var(--surface)}.compare-row{display:grid;grid-template-columns:150px repeat(4,minmax(190px,1fr));min-width:900px}.compare-row>div{padding:16px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-height:58px}.compare-label{font-weight:800;background:rgba(99,91,255,.05)}.compare-product{min-height:210px}.compare-product img{width:100%;height:130px;object-fit:contain;border-radius:12px;background:#f5f7fb}.compare-product h3{font-size:15px}.compare-price{font-weight:900;font-size:18px}.compare-empty{text-align:center;padding:70px 30px;border:1px solid var(--border);border-radius:24px}.compare-icon{font-size:52px;color:var(--primary)}.knowledge-search{display:grid;grid-template-columns:1fr 240px auto auto;gap:10px;margin-bottom:18px}.knowledge-search input,.knowledge-search select{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.knowledge-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.knowledge-categories a{padding:8px 13px;border:1px solid var(--border);border-radius:99px;background:var(--surface)}.knowledge-categories a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.knowledge-card{border:1px solid var(--border);border-radius:18px;padding:20px;display:flex;flex-direction:column;min-height:230px}.knowledge-card-top,.knowledge-card-foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.knowledge-card p{color:var(--muted);flex:1}.badge-soft{font-size:11px;font-weight:800;padding:5px 8px;border-radius:99px;background:rgba(99,91,255,.1);color:var(--primary)}.cart-item-rich{grid-template-columns:72px 1fr auto auto auto}.cart-product-info p{margin:3px 0;color:var(--muted);font-size:12px}.cart-vendor{color:var(--text)!important}.quantity-control{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden}.quantity-control button{width:34px;height:36px;border:0;background:transparent;color:var(--text);font-size:20px}.quantity-control input{width:48px;text-align:center;border:0;background:transparent;color:var(--text);outline:0}.delivery-checkout{display:grid;gap:9px;padding:14px;border:1px solid var(--border);border-radius:14px;margin:15px 0;background:rgba(99,91,255,.04)}.delivery-checkout input{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.delivery-checkout small{color:var(--muted)}.support-contact-card{max-width:900px;margin:auto;border:1px solid var(--border);border-radius:24px;padding:45px}.support-contact-card h1{font-size:48px;margin:8px 0}.support-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.support-channels div{padding:18px;border:1px solid var(--border);border-radius:15px}.support-channels b,.support-channels span{display:block}.support-channels span{color:var(--muted);font-size:13px;margin-top:5px}@media(max-width:1000px){.actions{display:none}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.knowledge-search{grid-template-columns:1fr 1fr}.cart-item-rich{grid-template-columns:64px 1fr auto}.cart-item-rich .quantity-control{grid-column:2}.compare-row{grid-template-columns:130px repeat(4,190px)}}@media(max-width:700px){.actions{order:4;max-width:100%;width:100%;padding-bottom:4px}.selectors{order:2}.search-large{min-width:0}.nav{flex-wrap:wrap;padding:10px 0}.search-large{order:3;flex-basis:100%}.compare-hero,.knowledge-hero{display:block}.compare-hero h1,.knowledge-hero h1{font-size:34px}.knowledge-grid,.support-channels{grid-template-columns:1fr}.knowledge-search{grid-template-columns:1fr}.cart-item-rich{grid-template-columns:52px 1fr auto}.cart-item-rich .quantity-control{grid-column:2}.support-contact-card{padding:25px}}

.brand-logo{width:170px;height:46px;display:block}.order-delivery{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--border);color:var(--muted)}.order-delivery b{color:var(--text)}.detail-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form{display:inline-flex;align-items:center;gap:6px}.support-nav{font-weight:800}.product-card .product-actions .btn{flex:1}@media(max-width:700px){.brand-logo{width:145px;height:40px}.order-delivery{display:block}.order-delivery b{display:block;margin-top:5px}}

.auth-page{min-height:calc(100vh - 260px);display:grid;place-items:center}.auth-card{width:min(480px,100%);background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:38px;box-shadow:var(--shadow)}.auth-logo{width:180px;height:auto;margin-bottom:20px}.auth-card h1{font-size:36px;margin:8px 0}.auth-card>p{color:var(--muted)}.auth-form{display:grid;gap:8px;margin-top:24px}.auth-form label{font-weight:800;font-size:13px;margin-top:7px}.auth-form input:not([type=checkbox]){padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.auth-form .check{display:flex;align-items:center;gap:7px;font-weight:500}.validation-summary,.field-validation-error{color:#b42318;font-size:12px}.auth-switch{text-align:center;margin-top:20px;color:var(--muted)}.auth-switch a{color:var(--primary);font-weight:800}
/* Final responsive navigation override */
@media(max-width:1000px){.actions{display:flex!important;overflow-x:auto;max-width:55vw;scrollbar-width:thin}.actions a{flex:0 0 auto}}
@media(max-width:700px){.actions{display:flex!important;order:4;max-width:100%;width:100%;padding-bottom:4px}.search-large{order:3;flex-basis:100%}.selectors{order:2}}

/* V2.6.5 UX hardening */
.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:150px;height:40px;display:block;object-fit:contain}.error-page .btn.ghost,.error-page .btn.secondary{color:var(--primary);background:#fff;border:1px solid var(--primary)}.error-page .btn.ghost:hover,.error-page .btn.secondary:hover{background:#eef2ff}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.page-head h1{margin:4px 0;font-size:40px;line-height:1.1}.page-head p{color:var(--muted);margin:0;max-width:780px}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:12px}.breadcrumbs a{color:var(--primary);font-weight:700}.form-card,.table-card,.admin-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px}.data-table{overflow:auto}.data-table table,.table-card table{width:100%;border-collapse:collapse}.data-table th,.data-table td,.table-card th,.table-card td{padding:13px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.data-table th,.table-card th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:#fafbfe}.btn.small{padding:8px 12px;font-size:12px}.btn.danger{background:#fff;color:#dc2626;border-color:#fecaca}.btn.secondary{background:#fff;color:var(--primary);border-color:var(--border)}.inline-form{display:inline-flex;gap:7px;align-items:center;margin:2px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;transition:.2s}.admin-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cdd1ff}.admin-card b,.admin-card span{display:block}.admin-card span{color:var(--muted);font-size:13px;margin-top:6px}.workspace-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.workspace-header .actions{display:flex;gap:8px}.notice{padding:14px 16px;border:1px solid #dbe2ff;background:#f5f7ff;border-radius:14px;margin-bottom:18px}.status.active,.badge.success{background:#ecfdf3;color:#047857}.status.disabled,.badge.muted{background:#f2f4f7;color:#667085}.lookup-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-label{display:block;font-weight:750;font-size:13px;margin-bottom:6px}.input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.input:focus,.form-grid input:focus,.form-grid select:focus{outline:2px solid rgba(91,92,240,.18);border-color:var(--primary)}.stepper{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.stepper span{padding:8px 12px;border:1px solid var(--border);border-radius:99px;font-size:12px;font-weight:800}.stepper .active{background:#eef2ff;color:var(--primary);border-color:#cdd1ff}@media(max-width:900px){.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.admin-grid,.lookup-row{grid-template-columns:1fr}.brand-logo{width:125px}.page-head,.workspace-header{display:block}.page-head h1{font-size:32px}}

/* V2.6.5 UX hardening */
.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:150px;height:40px;display:block;object-fit:contain}.error-page .btn.ghost,.error-page .btn.secondary{color:var(--primary);background:#fff;border:1px solid var(--primary)}.error-page .btn.ghost:hover,.error-page .btn.secondary:hover{background:#eef2ff}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.page-head h1{margin:4px 0;font-size:40px;line-height:1.1}.page-head p{color:var(--muted);margin:0;max-width:780px}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:12px}.breadcrumbs a{color:var(--primary);font-weight:700}.form-card,.table-card,.admin-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px}.data-table{overflow:auto}.data-table table,.table-card table{width:100%;border-collapse:collapse}.data-table th,.data-table td,.table-card th,.table-card td{padding:13px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.data-table th,.table-card th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:#fafbfe}.btn.small{padding:8px 12px;font-size:12px}.btn.danger{background:#fff;color:#dc2626;border-color:#fecaca}.btn.secondary{background:#fff;color:var(--primary);border-color:var(--border)}.inline-form{display:inline-flex;gap:7px;align-items:center;margin:2px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;transition:.2s}.admin-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cdd1ff}.admin-card b,.admin-card span{display:block}.admin-card span{color:var(--muted);font-size:13px;margin-top:6px}.workspace-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.workspace-header .actions{display:flex;gap:8px}.notice{padding:14px 16px;border:1px solid #dbe2ff;background:#f5f7ff;border-radius:14px;margin-bottom:18px}.status.active,.badge.success{background:#ecfdf3;color:#047857}.status.disabled,.badge.muted{background:#f2f4f7;color:#667085}.lookup-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-label{display:block;font-weight:750;font-size:13px;margin-bottom:6px}.input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.input:focus,.form-grid input:focus,.form-grid select:focus{outline:2px solid rgba(91,92,240,.18);border-color:var(--primary)}.stepper{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.stepper span{padding:8px 12px;border:1px solid var(--border);border-radius:99px;font-size:12px;font-weight:800}.stepper .active{background:#eef2ff;color:var(--primary);border-color:#cdd1ff}@media(max-width:900px){.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.admin-grid,.lookup-row{grid-template-columns:1fr}.brand-logo{width:125px}.page-head,.workspace-header{display:block}.page-head h1{font-size:32px}}

.product-gallery{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.product-gallery-image{width:110px;height:110px;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff}.rating-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.rating-form input,.rating-form select{min-height:36px}.admin-card img{border-radius:10px}.admin-card{min-width:180px}.table-card .btn{margin:2px}

/* V2.6.7 responsive navigation and feedback */
.menu-toggle{display:none;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:9px 12px;font-size:20px;color:var(--text)}.toast-message{margin-top:16px;border:1px solid #a7f3d0;background:#ecfdf3;color:#047857;border-radius:12px;padding:12px 16px;font-weight:750}.field-help{color:var(--muted);font-size:12px}.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:800;background:#f2f4f7;color:#475467}@media(max-width:900px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav{position:relative}.actions{display:none!important;position:absolute;top:66px;left:16px;right:16px;max-width:none!important;flex-direction:column;background:var(--surface);padding:16px;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.menu-open .actions{display:flex!important}.selectors{margin-left:auto}.search-large{order:3;flex-basis:100%}}

.account-menu{position:relative;list-style:none}.account-trigger{border:0;background:transparent;cursor:pointer;padding:0}.account-dropdown{display:none;position:absolute;right:0;top:42px;min-width:170px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px;z-index:1000}.account-menu.open .account-dropdown{display:block}.account-dropdown a,.account-dropdown button{display:block;width:100%;padding:9px 10px;border:0;background:transparent;text-align:left;color:var(--text);text-decoration:none;border-radius:8px;cursor:pointer}.account-dropdown a:hover,.account-dropdown button:hover{background:var(--surface-2)}.vendor-finance-create{background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important}.breadcrumbs{margin-bottom:12px}.alert.error{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:12px;padding:12px 16px}

/* V2.6.12 compact category navigation */
.actions{display:flex;align-items:center;gap:8px;white-space:nowrap;max-width:none;overflow:visible}
.nav-group{position:relative;font-size:14px;font-weight:700}
.nav-group summary{list-style:none;cursor:pointer;padding:9px 11px;border-radius:10px;user-select:none}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:after{content:'⌄';font-size:11px;margin-left:5px;color:var(--muted)}
.nav-group[open] summary,.nav-group summary:hover{background:#f1f3f8;color:var(--primary)}
.nav-dropdown{position:absolute;top:calc(100% + 7px);left:0;min-width:205px;padding:7px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:2px;z-index:100}
.nav-dropdown a{display:block;padding:9px 11px;border-radius:9px;font-weight:650;color:var(--text)}
.nav-dropdown a:hover{background:#f1f3f8;color:var(--primary)}
.nav-cart{padding:9px 11px;font-weight:800}
.kyc-inline-card{padding:16px}.kyc-upload-form{display:flex;align-items:center;gap:10px;margin-top:12px}.kyc-upload-form input[type=file]{min-width:0;flex:1;padding:8px;border:1px dashed var(--border);border-radius:10px;background:#fafbfe}.requirement-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.requirement-head b,.requirement-head span,.requirement-head small{display:block}.requirement-head span{color:var(--muted);font-size:12px}.requirement-head small{color:var(--muted);margin-top:4px}.field-help{display:block;margin-top:7px}
@media(max-width:1000px){.actions{display:flex!important;overflow:visible;max-width:100%;flex-wrap:wrap}.nav-group .nav-dropdown{position:fixed;top:76px;left:16px;right:auto}.nav-cart{padding:9px 11px}}
@media(max-width:700px){.actions{display:flex!important;order:4;width:100%;padding-bottom:4px;overflow:visible}.nav-group{position:static}.nav-group .nav-dropdown{position:absolute;left:16px;right:16px;top:100%;min-width:0}.kyc-upload-form{display:grid;grid-template-columns:1fr}.kyc-upload-form .btn{width:100%}}

/* V2.6.13 final responsive Windows-style navigation */
.topbar{overflow:visible}.nav{position:relative}.menu-toggle{display:none}.actions{display:flex!important;align-items:center;gap:4px;flex:0 0 auto}.nav-group{position:relative}.nav-group summary{display:flex;align-items:center;gap:4px}.nav-dropdown{min-width:220px;max-height:70vh;overflow:auto}.nav-cart{white-space:nowrap}.selectors{flex:0 0 auto}
.kyc-inline-card .btn,.form-card .btn.primary,.plans-page .btn.primary{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.kyc-inline-card .btn:hover,.form-card .btn.primary:hover,.plans-page .btn.primary:hover{background:var(--primary2)!important;color:#fff!important}.kyc-upload-form input[type=file]{background:#fff;color:var(--text)}
@media (max-width:1100px){.nav{gap:10px}.search-large{min-width:220px}.actions{gap:2px}.nav-group summary{padding:8px 7px}.selectors select{max-width:110px}}
@media (max-width:900px){
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:42px;border:1px solid var(--border);background:var(--surface);border-radius:10px;font-size:20px;color:var(--text)}
  .nav{min-height:64px;flex-wrap:wrap;gap:8px}.brand-logo{width:128px;height:36px}.search-large{order:4;flex:1 0 100%;min-width:0;max-width:none}.selectors{margin-left:auto;display:flex}.actions{display:none!important;position:absolute!important;top:58px;left:0;right:0;width:100%;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);flex-direction:column!important;align-items:stretch!important;gap:4px;z-index:1000}.menu-open .actions{display:flex!important}.nav-group{width:100%}.nav-group summary{width:100%;padding:12px 14px;background:var(--surface-2);border-radius:9px}.nav-dropdown{position:static!important;width:100%;min-width:0;max-height:none;box-shadow:none;border:0;border-radius:0;padding:3px 8px 8px;background:transparent}.nav-dropdown a{padding:10px 14px}.nav-cart{display:block;padding:12px 14px;border-radius:9px}.account-menu{padding:8px 14px}.account-dropdown{position:static;box-shadow:none;width:100%;margin-top:6px}.actions > .account-menu{width:100%}
}
@media (max-width:600px){.selectors select{max-width:105px;font-size:12px;padding:7px 6px}.brand-logo{width:112px}.search-large{display:flex}.kyc-upload-form{grid-template-columns:1fr}.kyc-upload-form .btn{width:100%}}

/* V2.6.13 KYC workspace actions */
.kyc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kyc-grid .form-card{background:var(--surface)!important}.kyc-grid .btn.primary,.kyc-grid button.btn.primary{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:0 4px 12px rgba(99,91,255,.16)}.kyc-grid .btn.primary:hover{background:var(--primary2)!important}.kyc-upload-form .btn{min-height:40px}
@media(max-width:800px){.kyc-grid{grid-template-columns:1fr}}

/* V2.6.14 marketplace-wide action and confirmation UX */
.btn:not(.ghost):not(.ghost-dark){background:var(--primary);color:#fff;border-color:var(--primary)}
.btn.secondary{background:#344054!important;color:#fff!important;border-color:#344054!important}.btn.danger{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.btn.small{font-weight:800}.btn:hover{filter:brightness(.97)}
.html-modal-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.52);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5000}.html-modal{width:min(460px,100%);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 25px 70px rgba(16,24,40,.24);padding:24px}.html-modal h3{margin:0 0 8px}.html-modal p{color:var(--muted);margin:0 0 20px}.html-modal-actions{display:flex;justify-content:flex-end;gap:10px}.captcha-card{padding:13px 15px;border:1px solid #dbe2ff;background:#f5f7ff;border-radius:12px}.captcha-card label{display:grid;gap:7px;font-weight:750}.captcha-card input{padding:10px;border:1px solid var(--border);border-radius:9px;background:#fff}.account-workspace{display:grid;gap:18px}.account-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-info-grid>div{padding:15px;background:#f8f9fc;border-radius:12px}.account-info-grid small,.account-info-grid b{display:block}.account-info-grid small{color:var(--muted);margin-bottom:4px}
/* Vertical Windows-style menu */
@media(min-width:901px){.actions{display:flex!important;align-items:center;gap:6px}.nav-group summary{background:#fff;border:1px solid var(--border);border-radius:10px;padding:9px 12px;cursor:pointer}.nav-group[open] summary{background:#f5f7ff;color:var(--primary)}.nav-dropdown{position:absolute;top:calc(100% + 7px);left:0;display:grid;min-width:230px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:3000}.nav-dropdown a{padding:10px 12px;border-radius:8px}.nav-dropdown a:hover{background:#f2f4ff}.nav-cart{background:#fff;border:1px solid var(--border);border-radius:10px;padding:9px 12px}.nav{gap:10px}.search-large{min-width:220px}.selectors{margin-left:auto}}
@media(max-width:900px){.actions{overflow-y:auto;max-height:calc(100vh - 130px)}}
@media(max-width:600px){.account-info-grid{grid-template-columns:1fr}.html-modal-actions{flex-direction:column}.html-modal-actions .btn{width:100%}}

/* V2.6.14 stronger marketplace theme and vertical menu */
:root{--primary:#4f46e5;--primary2:#6d28d9;--surface:#ffffff;--bg:#f5f7fb}
.nav-dropdown{display:grid!important;grid-template-columns:1fr!important;flex-direction:column!important}.nav-dropdown a{display:block!important;width:100%!important}
.warranty-builder{padding:15px;border:1px solid var(--border);background:#f8f9ff;border-radius:12px}
@media(min-width:901px){.nav-group{min-width:92px}.nav-group summary{justify-content:center}.actions{align-items:center}.actions .nav-cart{background:var(--primary);color:#fff;border-color:var(--primary)}}

/* V2.6.14: single vertical menu on desktop and mobile */
.nav{position:relative}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 13px;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;font-weight:800}.menu-toggle::after{content:"Menu"}.actions{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;width:min(330px,calc(100vw - 32px))!important;max-height:calc(100vh - 100px);overflow:auto;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:10px!important;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:4000}.menu-open .actions{display:flex!important}.actions .nav-group{width:100%!important}.actions .nav-group summary{display:flex;width:100%;justify-content:space-between;padding:12px 14px;background:#f8f9fc;border:1px solid var(--border);border-radius:9px}.actions .nav-dropdown{position:static!important;display:grid!important;width:100%!important;min-width:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:4px 8px 8px!important;background:transparent!important}.actions .nav-dropdown a{width:100%!important;padding:10px 14px!important}.actions .nav-cart{display:block;width:100%;text-align:left;margin:2px 0;padding:11px 14px;border-radius:9px;background:#fff;color:var(--text);border:1px solid var(--border)}.actions .nav-cart:hover{background:#f5f7ff;color:var(--primary)}.actions .auth-nav{width:100%;padding:4px}.actions .account-menu{width:100%}.selectors{margin-left:auto}
@media(max-width:900px){.menu-toggle::after{content:""}.menu-toggle{width:44px;padding:0}.actions{top:calc(100% + 6px)!important;left:0!important;right:auto!important;width:min(330px,calc(100vw - 20px))!important}.search-large{order:4;flex:1 0 100%;min-width:0}.nav{flex-wrap:wrap}.selectors{margin-left:auto}}


/* V2.6.15 reference-style navigation: horizontal top-level, vertical dropdowns, flyout submenus, mobile burger */
.topbar{overflow:visible;position:sticky;top:0;z-index:5000}
.nav{position:relative;min-height:72px;flex-wrap:nowrap}
.menu-toggle{display:none}
.actions{display:flex!important;align-items:center;gap:4px;flex:0 1 auto;white-space:nowrap;overflow:visible}
.nav-group{position:relative;list-style:none}
.nav-group summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;padding:10px 13px;border:0;border-radius:0;background:transparent;color:var(--text);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:after{content:'▾';font-size:9px;color:var(--muted)}
.nav-group[open]>summary,.nav-group summary:hover{background:#f1f3f8;color:var(--primary)}
.nav-dropdown{position:absolute!important;top:calc(100% + 1px)!important;left:0!important;right:auto!important;display:grid!important;grid-template-columns:1fr!important;min-width:220px!important;padding:8px!important;background:#262626!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important;z-index:6000!important}
.nav-dropdown a,.nav-subgroup>a{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;padding:9px 12px!important;border-radius:0!important;color:#fff!important;background:transparent!important;font-weight:600!important;font-size:13px!important}
.nav-dropdown a:hover,.nav-subgroup:hover>a{background:#3a3a3a!important;color:#fff!important}
.nav-subgroup{position:relative;width:100%}
.nav-flyout{display:none;position:absolute;left:100%;top:0;min-width:220px;padding:8px;background:#262626;box-shadow:0 12px 30px rgba(0,0,0,.28);z-index:6001}
.nav-subgroup:hover>.nav-flyout,.nav-subgroup:focus-within>.nav-flyout{display:grid}
.nav-flyout a{color:#fff!important}
.nav-cart{display:inline-flex;align-items:center;padding:10px 13px;border-radius:0;background:transparent;color:var(--text);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.nav-cart:hover{background:#f1f3f8;color:var(--primary)}
.selectors{margin-left:auto;flex:0 0 auto}

@media(max-width:1100px) and (min-width:901px){
 .nav{gap:6px}.brand-logo{width:145px}.search-large{min-width:180px}.nav-group summary{padding:9px 8px;font-size:11px}.nav-cart{padding:9px 8px;font-size:11px}.selectors select{max-width:120px}
}
@media(max-width:900px){
 .nav{min-height:64px;flex-wrap:wrap;gap:8px;padding:8px 0}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:42px;padding:0;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:8px;font-size:21px;cursor:pointer;flex:0 0 44px}
 .menu-toggle::after{content:none}
 .brand-logo{width:130px;height:36px}
 .search-large{order:4;flex:1 0 100%;max-width:none;min-width:0}
 .selectors{margin-left:auto;display:flex;max-width:calc(100% - 180px)}
 .selectors select{max-width:115px}
 .actions{display:none!important;position:absolute!important;top:calc(100% + 6px)!important;left:0!important;width:min(340px,calc(100vw - 20px))!important;max-height:calc(100vh - 90px)!important;overflow-y:auto!important;overflow-x:visible!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;padding:8px!important;background:#262626!important;border:0!important;border-radius:0!important;box-shadow:0 16px 35px rgba(0,0,0,.32)!important;z-index:7000!important}
 .menu-open .actions{display:flex!important}
 .actions .nav-group{width:100%}
 .actions .nav-group summary{width:100%;justify-content:space-between;color:#fff;background:#262626;border-bottom:1px solid #444;padding:12px 14px;font-size:12px}
 .actions .nav-group[open]>summary{background:#3a3a3a}
 .actions .nav-dropdown{position:static!important;min-width:0!important;width:100%!important;box-shadow:none!important;padding:2px 0 6px!important;background:#303030!important}
 .actions .nav-dropdown a,.actions .nav-subgroup>a{padding:10px 18px!important}
 .actions .nav-flyout{position:static;display:none;min-width:0;padding:0 0 0 12px;background:#353535;box-shadow:none}
 .actions .nav-subgroup:hover>.nav-flyout,.actions .nav-subgroup:focus-within>.nav-flyout{display:grid}
 .actions .nav-cart{display:block;width:100%;padding:11px 14px;color:#fff;background:#262626;border-radius:0;text-align:left}
 .actions .nav-cart:hover{background:#3a3a3a;color:#fff}
 .actions .account-menu{width:100%;padding:6px 8px;background:#262626}
 .actions .account-trigger{color:#fff}
}

/* V2.6.16 navigation, buttons and responsive marketplace theme */
.btn,.btn.primary,.btn.secondary,.btn.small,.btn.ghost-dark,.product-actions button,.admin-card{background:var(--primary);color:#fff;border-color:var(--primary);}
.btn.secondary{background:#344054;color:#fff;border-color:#344054}.btn.ghost-dark{background:#1d2939;color:#fff}.btn:hover{filter:brightness(.96)}
.nav-dropdown{display:block!important}.nav-dropdown details.nav-subgroup{width:100%;background:transparent;color:#fff}.nav-dropdown details.nav-subgroup summary{display:flex;justify-content:space-between;align-items:center;color:#fff!important;background:#262626!important;padding:9px 12px!important;font-weight:600;font-size:13px;cursor:pointer;list-style:none}.nav-dropdown details.nav-subgroup summary::-webkit-details-marker{display:none}.nav-dropdown details.nav-subgroup summary:after{content:'›';font-size:16px}.nav-nested{display:grid;grid-template-columns:1fr;background:#303030;padding:3px 0}.nav-nested a{padding-left:26px!important;background:#303030!important}.nav-nested a:hover{background:#3a3a3a!important}
.currency-edit-row{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr)) auto auto auto auto;gap:6px;align-items:center;flex:1}.currency-edit-row input{min-width:0;padding:7px;border:1px solid var(--border);border-radius:8px}.currency-edit-row label{font-size:11px;white-space:nowrap}.currency-edit-row button{white-space:nowrap}
@media(max-width:900px){.currency-edit-row{grid-template-columns:1fr 1fr}.nav-dropdown details.nav-subgroup .nav-nested{padding-left:12px}.nav-dropdown details.nav-subgroup summary{background:#303030!important}.nav-dropdown details.nav-subgroup .nav-nested a{background:#353535!important}}

/* V2.6.18 navigation final: horizontal parents, vertical dropdowns below parent, responsive burger */
.topbar{position:sticky;top:0;z-index:5000;background:var(--surface);border-bottom:1px solid var(--border);}
@media(min-width:901px){.nav{display:flex;align-items:center;flex-wrap:nowrap}.actions{display:flex!important;align-items:center;gap:4px;flex:0 0 auto}.nav-group{position:relative}.nav-group summary{white-space:nowrap}.nav-group .nav-dropdown{position:absolute!important;top:100%!important;left:0!important;right:auto!important;display:none!important;grid-template-columns:1fr!important;min-width:230px!important;width:max-content!important;max-width:320px!important;padding:7px!important;background:#262626!important;color:#fff!important;border:0!important;border-radius:0 0 8px 8px!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}.nav-group[open]>.nav-dropdown{display:grid!important}.nav-dropdown a{color:#fff!important;background:transparent!important;padding:10px 13px!important}.nav-dropdown a:hover{background:#3a3a3a!important}.nav-subgroup{position:relative}.nav-nested{display:grid!important;grid-template-columns:1fr!important;background:#303030!important}.nav-subgroup .nav-nested{display:none!important}.nav-subgroup[open] .nav-nested{display:grid!important}.nav-subgroup summary{color:#fff!important;background:#262626!important;padding:10px 13px!important}.nav-subgroup summary:after{content:'›';margin-left:auto}.nav-dropdown details{width:100%}}
@media(max-width:900px){.topbar{position:sticky;top:0}.menu-toggle{display:inline-flex!important}.actions{position:absolute!important;top:calc(100% + 4px)!important;left:10px!important;right:auto!important;width:min(340px,calc(100vw - 20px))!important;max-height:calc(100vh - 80px)!important;overflow:auto!important;background:#262626!important;color:#fff!important}.menu-open .actions{display:flex!important}.actions .nav-group summary{background:#262626!important;color:#fff!important;border-bottom:1px solid #444!important}.actions .nav-dropdown{background:#303030!important}.actions .nav-dropdown a{color:#fff!important}.actions .nav-subgroup summary{color:#fff!important;background:#303030!important}.actions .nav-subgroup .nav-nested{display:none!important}.actions .nav-subgroup[open] .nav-nested{display:grid!important}}

/* V2.6.19 navigation correction: each top-level parent owns its dropdown */
@media (min-width: 901px){
  .topbar{position:sticky!important;top:0!important;z-index:5000!important;overflow:visible!important}
  .topbar .nav{position:relative!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;overflow:visible!important}
  .topbar .actions{position:relative!important;display:flex!important;align-items:center!important;flex:0 1 auto!important;gap:4px!important;overflow:visible!important;white-space:nowrap!important}
  .topbar .actions > .nav-group{position:relative!important;display:block!important;width:auto!important;min-width:auto!important;flex:0 0 auto!important}
  .topbar .actions > .nav-group > summary{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:auto!important;white-space:nowrap!important;cursor:pointer!important}
  .topbar .actions > .nav-group:not([open]) > .nav-dropdown{display:none!important;visibility:hidden!important}
  .topbar .actions > .nav-group[open] > .nav-dropdown{display:grid!important;visibility:visible!important;position:absolute!important;top:100%!important;left:0!important;right:auto!important;width:240px!important;min-width:240px!important;max-width:320px!important;height:auto!important;max-height:70vh!important;overflow-y:auto!important;overflow-x:hidden!important;grid-template-columns:1fr!important;align-items:stretch!important;z-index:10000!important;margin:0!important}
  .topbar .actions > .nav-group > .nav-dropdown a,
  .topbar .actions > .nav-group > .nav-dropdown > .nav-subgroup,
  .topbar .actions > .nav-group > .nav-dropdown > .nav-subgroup > summary{display:flex!important;width:100%!important;box-sizing:border-box!important}
  .topbar .actions > .nav-group > .nav-dropdown a{justify-content:flex-start!important;white-space:nowrap!important}
  .topbar .actions > .nav-group > .nav-dropdown > .nav-subgroup{position:relative!important;display:block!important}
  .topbar .actions > .nav-group > .nav-dropdown > .nav-subgroup > .nav-nested{display:none!important;position:static!important;width:100%!important;grid-template-columns:1fr!important}
  .topbar .actions > .nav-group > .nav-dropdown > .nav-subgroup[open] > .nav-nested{display:grid!important}
}

/* V2.6.20 header interaction: compact horizontal parent menu, one open vertical dropdown, no Resources submenu */
@media(min-width:901px){.topbar .actions>.nav-group>summary{text-transform:uppercase;font-size:14px;letter-spacing:.35px;padding:12px 10px;border-radius:10px;list-style:none}.topbar .actions>.nav-group>summary::-webkit-details-marker{display:none}.topbar .actions>.nav-group[open]>summary{background:#eef2ff;color:var(--primary)}.topbar .actions>.nav-group>.nav-dropdown{top:calc(100% + 8px)!important;border-radius:12px!important;padding:6px!important}.topbar .actions>.nav-group>.nav-dropdown:before{content:"";position:absolute;top:-7px;left:18px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #262626}.topbar .actions>.nav-group>.nav-dropdown a{display:block!important}.topbar .actions>.nav-group>.nav-dropdown a:hover{background:#3a3a3a!important;border-radius:7px}.topbar .actions>.nav-group>.nav-dropdown .nav-subgroup{display:none!important}}

.product-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.tab-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:11px 16px;border-radius:10px;font-weight:800;cursor:pointer}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.product-tab{display:none}.product-tab.active{display:block}.delivery-breakdown{display:grid;gap:6px;margin:8px 0}.delivery-breakdown>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px}.delivery-breakdown small{color:var(--muted)}.section-divider{border-top:1px solid var(--border);padding-top:14px}.plan-attributes{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.attribute-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--border)}.attribute-row span{display:flex;flex-direction:column}.attribute-row small{color:var(--muted)}

/* V2.6.20: keep the marketplace header visible while scrolling */
.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}.site-main{padding-top:76px!important}


/* V2.6.22: horizontal top navigation on normal desktop/tablet widths.
   Keep the mobile hamburger only for narrow phone widths. */
@media (min-width: 701px){
  .topbar .nav{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;overflow:visible!important}
  .topbar .actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:4px!important;overflow:visible!important;white-space:nowrap!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;flex:0 1 auto!important}
  .topbar .actions>.nav-group{display:block!important;position:relative!important;width:auto!important;min-width:max-content!important;flex:0 0 auto!important}
  .topbar .actions>.nav-group>summary{display:flex!important;width:auto!important;min-width:max-content!important;white-space:nowrap!important}
  .topbar .actions>.nav-group>.nav-dropdown{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;width:240px!important;min-width:240px!important;display:none!important;grid-template-columns:1fr!important;z-index:10000!important}
  .topbar .actions>.nav-group[open]>.nav-dropdown{display:grid!important}
  .topbar .actions>.nav-group>.nav-dropdown a{display:block!important;width:100%!important}
  .topbar .actions>.nav-group>.nav-dropdown .nav-subgroup{display:none!important}
  .menu-toggle{display:none!important}
}
@media (min-width: 701px) and (max-width: 1100px){
  .topbar .search-large{max-width:260px!important}
  .topbar .actions>.nav-group>summary{font-size:12px!important;padding:9px 7px!important}
  .topbar .selectors{gap:3px!important}
  .topbar .selectors select{padding:6px 5px!important;font-size:11px!important;max-width:105px!important}
}
@media (max-width: 700px){
  .topbar .actions{flex-direction:column!important}
}

/* V2.6.23 global portal breadcrumb + profile avatar */
.auto-breadcrumbs{max-width:var(--container,1200px);margin:12px auto 0;padding:0 20px;font-size:12px;display:flex;gap:8px;align-items:center;color:var(--muted)}
.auto-breadcrumbs a{color:var(--primary);font-weight:700;text-decoration:none}.auto-breadcrumbs a:hover{text-decoration:underline}
.account-trigger .avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:800}.account-trigger .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.product-short-description{font-size:15px;color:var(--muted);line-height:1.65;margin:6px 0 10px}.product-rich-details{line-height:1.75;margin:18px 0}.product-rich-details img{max-width:100%;height:auto}.gallery-toolbar{display:flex;gap:6px;margin-top:10px}.detail-image{overflow:hidden}.detail-image #mainProductImage{transform-origin:center center;transition:transform .2s ease;cursor:zoom-in}
@media (min-width:600px){.topbar .nav{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}.topbar .actions{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;position:relative!important;width:auto!important;max-width:none!important;background:transparent!important;box-shadow:none!important}.topbar .actions>.nav-group{position:relative!important;width:auto!important;flex:0 0 auto!important}.topbar .actions>.nav-group>.nav-dropdown{position:absolute!important;left:0!important;right:auto!important;top:calc(100% + 8px)!important}.menu-toggle{display:none!important}}
@media (max-width:599px){.topbar .actions{flex-direction:column!important}}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-grid .notice{margin:0;padding:9px}.order-product-link{display:block}.order-product-link img{width:72px;height:72px;object-fit:cover;border-radius:10px}.text-link{color:var(--primary);font-weight:700}@media(max-width:700px){.permission-grid{grid-template-columns:1fr}}
.catalog-more{text-align:center;margin:24px 0 10px}.catalog-page-info{text-align:center;color:var(--muted);font-size:12px;margin-bottom:20px}

/* V2.6.26 UX hardening */
.admin-card span,.admin-card small,.admin-card p{color:#475467!important}.admin-grid{align-items:stretch}.admin-grid>.admin-card{min-height:120px}.product-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:14px;position:sticky;top:76px;z-index:20}.product-tab{display:none}.product-tab.active{display:block}.table-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.table-tools input{flex:1;min-width:220px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.table-tools .btn{padding:8px 11px;font-size:12px}.card-tools{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.card-tools input{min-width:240px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.vendor-order-group{border:1px solid var(--border);border-radius:14px;padding:12px;margin:12px 0;background:rgba(255,255,255,.45)}.vendor-order-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px}.vendor-order-head span{color:#475467;font-size:12px}.narrow{max-width:620px;margin:0 auto}.field-error{color:#b42318}.html-modal-backdrop{z-index:99999}.lookup-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lookup-card-grid .admin-card{margin:0}@media(max-width:900px){.lookup-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-tabs{top:60px}}@media(max-width:650px){.lookup-card-grid{grid-template-columns:1fr}.product-tabs{position:static}}
/* Theme presets */
html[data-theme="sunset"]{--primary:#ea580c;--primary2:#f97316;--accent:#f59e0b}html[data-theme="emerald"]{--primary:#059669;--primary2:#10b981;--accent:#14b8a6}html[data-theme="midnight"]{--primary:#818cf8;--primary2:#a78bfa;--accent:#22d3ee;--bg:#0f172a;--surface:#172033;--text:#f8fafc;--muted:#cbd5e1;--border:#334155}html[data-theme="midnight"] .selectors select,html[data-theme="midnight"] .search,html[data-theme="midnight"] input,html[data-theme="midnight"] select,html[data-theme="midnight"] textarea{background:#111827;color:#f8fafc;border-color:#334155}html[data-theme="sunset"] .btn.primary,html[data-theme="emerald"] .btn.primary,html[data-theme="midnight"] .btn.primary{background:var(--primary);border-color:var(--primary)}
/* Mobile navigation */
@media(max-width:700px){.menu-toggle{display:inline-flex!important;align-items:center;justify-content:center!important;width:42px;height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);z-index:10001}.topbar .actions{display:none!important;position:absolute!important;left:12px;right:12px;top:70px;max-height:calc(100vh - 84px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px;box-shadow:var(--shadow);flex-direction:column!important;gap:4px!important}.topbar .actions .nav-group{width:100%!important}.topbar .actions .nav-group summary{width:100%;padding:12px}.topbar .actions .nav-dropdown{position:static!important;width:100%!important;min-width:0!important;margin:4px 0 8px;box-shadow:none!important}.menu-open .topbar .actions{display:flex!important}.menu-open .selectors{display:flex!important;position:absolute;right:10px;top:14px;z-index:10002}.selectors{display:none}.menu-open .topbar .selectors{display:flex!important}}

/* V2.6.29 admin UX, localization, responsive navigation and theme-safe typography */
.admin-card span,.admin-card small,.admin-card p,.admin-section-head p,.page-head p,.muted,.field-help{color:var(--muted)!important;opacity:1!important}
.admin-card b,.admin-card h3,.admin-section-head h2{color:var(--text)!important}
.admin-section{margin-top:28px}.admin-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 14px}.admin-section-head h2{margin:4px 0;font-size:24px}.admin-section-head p{margin:0;max-width:760px}.admin-hero{padding:8px 0 18px}.admin-hero h1{font-size:42px;line-height:1.1;margin:5px 0 8px}.admin-hero p{color:var(--muted);margin:0;max-width:900px}.admin-quick-links{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 26px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.admin-quick-links a{padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--primary);font-weight:800;font-size:12px;background:var(--surface)}.admin-quick-links a:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.currency-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.currency-big{display:block;font-size:26px;margin:5px 0}.currency-summary-grid small{display:block;color:var(--muted)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.panel-head h2{margin:0}.panel-head p{margin:3px 0}.currency-table-card{overflow:auto}.currency-table-card table{min-width:1100px}.currency-table-card td input,.currency-table-card td select{width:100%;min-width:80px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.currency-table-card td[colspan="4"] form{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:7px}.symbol-input{font-weight:800}.currency-secondary-layout{margin-top:18px}.message-table{min-width:1200px}.message-source,.message-description,.message-table select,.message-locales textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.message-description{margin-top:7px}.message-locales{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px}.message-locales label span{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:4px}.message-table td{vertical-align:top}.row-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.inline-edit-input{min-width:240px;width:100%;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.message-catalog-help{margin-top:14px}.product-media-column{min-width:0}.product-detail-v2{align-items:start}.gallery-toolbar{justify-content:center;flex-wrap:wrap}.product-gallery{overflow:hidden}.product-gallery #mainProductImage{transform-origin:center center;transition:transform .2s ease}.review-section{padding-top:0}.review-summary{display:flex;align-items:baseline;gap:4px;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.review-summary strong{font-size:26px;color:#f59e0b}.reviews-list{display:grid;gap:12px}.review-card{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.review-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.review-head b{display:block;color:#f59e0b}.review-head strong{display:block;margin-top:4px;color:var(--text)}.review-head small,.review-card p{color:var(--muted)}
@media(max-width:1000px){.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-summary-grid{grid-template-columns:1fr 1fr}.admin-section-head{align-items:flex-start}.admin-section-head .btn{flex:0 0 auto}}
@media(max-width:900px){
  .topbar .nav{flex-wrap:wrap!important;gap:8px!important;padding:8px 0}.menu-toggle{display:inline-flex!important;align-items:center;justify-content:center!important;width:44px!important;height:42px!important;flex:0 0 44px!important;z-index:10001!important}.topbar .actions{display:none!important;position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:auto!important;width:min(360px,calc(100vw - 20px))!important;max-height:calc(100vh - 90px)!important;overflow:auto!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:10px!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:var(--shadow)!important;z-index:10000!important}.menu-open .topbar .actions{display:flex!important}.topbar .actions .nav-group{width:100%!important}.topbar .actions .nav-group summary{width:100%!important;padding:12px 14px!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:9px!important}.topbar .actions .nav-dropdown{position:static!important;width:100%!important;min-width:0!important;display:grid!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:3px 8px 8px!important}.topbar .actions .nav-dropdown a{color:var(--text)!important;padding:10px 14px!important}.topbar .selectors{display:none!important}.menu-open .selectors{display:flex!important;position:absolute!important;right:0!important;top:8px!important;z-index:10002!important}.search-large{order:4!important;flex:1 0 100%!important;max-width:none!important}.currency-summary-grid{grid-template-columns:1fr}.product-detail-v2{grid-template-columns:1fr}.product-media-column{width:100%}.admin-hero h1{font-size:34px}
}
@media(max-width:650px){.admin-grid{grid-template-columns:1fr}.admin-section-head{display:block}.admin-section-head .btn{margin-top:10px}.admin-quick-links{overflow:auto;flex-wrap:nowrap}.admin-quick-links a{white-space:nowrap}.message-locales{grid-template-columns:1fr}.currency-table-card table{min-width:1050px}.currency-table-card td[colspan="4"] form{grid-template-columns:1fr 1fr}.review-head{display:block}.review-head small{display:block;margin-top:7px}}

.product-gallery .product-gallery-image{width:110px!important;height:110px!important;object-fit:cover!important;border-radius:12px;border:1px solid var(--border);background:var(--surface)}
.product-gallery #mainProductImage{width:100%!important;height:480px!important;object-fit:contain!important;border:0;border-radius:0}
@media(max-width:900px){.product-gallery #mainProductImage{height:320px!important}.product-gallery .product-gallery-image{width:78px!important;height:78px!important}}

/* V2.6.30 portal-wide theme safety + rich data editor + admin card controls */
html[data-theme]{--surface-2:color-mix(in srgb,var(--surface) 92%,var(--text));}
html[data-theme] .topbar{background:color-mix(in srgb,var(--surface) 94%,transparent)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme] .search,html[data-theme] .product-image,html[data-theme] .detail-image,html[data-theme] .feature-strip>div,html[data-theme] .admin-panel,html[data-theme] .form-card,html[data-theme] .table-card,html[data-theme] .data-table,html[data-theme] .cart-list,html[data-theme] .summary,html[data-theme] .ticket-list,html[data-theme] .order-card,html[data-theme] .product-card,html[data-theme] .plan-card,html[data-theme] .vendor-card,html[data-theme] .empty,html[data-theme] .review-card,html[data-theme] .admin-card{background:var(--surface)!important;color:var(--text);border-color:var(--border)!important}
html[data-theme] input,html[data-theme] select,html[data-theme] textarea{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--muted)!important;opacity:.9}
html[data-theme] .admin-card span,html[data-theme] .admin-card small,html[data-theme] .admin-card p,html[data-theme] .muted,html[data-theme] .field-help,html[data-theme] .plan-card li,html[data-theme] .plan-price small,html[data-theme] .vendor-card p,html[data-theme] .cart-item p{color:var(--muted)!important}
html[data-theme] .status{background:color-mix(in srgb,var(--primary) 14%,var(--surface))!important;color:var(--primary)!important;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))}
html[data-theme] .badge{background:color-mix(in srgb,var(--primary) 14%,var(--surface))!important;color:var(--primary)!important;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border))}
html[data-theme] .btn.secondary,html[data-theme] .ghost-dark{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
.kpi-grid .kpi-link{display:block;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;color:var(--text);transition:.18s}.kpi-grid .kpi-link:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow)}.kpi-grid .kpi-link span{color:var(--muted)}
.admin-card-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 24px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;position:sticky;top:74px;z-index:19}.admin-card-tools input{flex:1;min-width:280px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.admin-card-tools select{padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}
.rich-editor-wrap{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.rich-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--text))}.rich-toolbar .btn{padding:6px 9px;min-width:34px}.rich-editor-content{min-height:150px;padding:12px;outline:none;color:var(--text);line-height:1.7}.rich-editor-content:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.rich-editor-content h3{margin:.4em 0}.rich-editor-content ul,.rich-editor-content ol{padding-inline-start:24px}.rich-editor-content a{color:var(--primary);text-decoration:underline}.delivery-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}.delivery-help-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.delivery-help-grid b,.delivery-help-grid span{display:block}.delivery-help-grid span{color:var(--muted);font-size:13px;margin-top:4px}.product-create-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.plan-description{color:var(--text);line-height:1.65;margin:8px 0 14px}.plan-description:empty{display:none}.wallet-adjustment-history{margin-top:18px}.wallet-adjustment-form textarea{min-height:120px}@media(max-width:700px){.admin-card-tools{position:static}.delivery-help-grid{grid-template-columns:1fr}.product-create-cta{display:block}.product-create-cta .btn{margin-top:12px}}
/* Additional theme-safe component surfaces */
html[data-theme] .notice,html[data-theme] .alert,html[data-theme] .wallet-hero,html[data-theme] .review-summary,html[data-theme] .vendor-order-group,html[data-theme] .table-tools,html[data-theme] .card-tools,html[data-theme] .html-modal,html[data-theme] .nav-dropdown,html[data-theme] .topbar .actions,html[data-theme] .currency-summary-grid>div{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme] .notice,html[data-theme] .alert p,html[data-theme] .vendor-order-head span,html[data-theme] .review-head small,html[data-theme] .review-card p{color:var(--muted)!important}
html[data-theme] .notice strong,html[data-theme] .alert strong,html[data-theme] .wallet-hero b,html[data-theme] .panel-head h2,html[data-theme] .currency-big{color:var(--text)!important}
html[data-theme] .nav-dropdown a,html[data-theme] .topbar .actions a,html[data-theme] .nav-group summary{color:var(--text)!important}

/* V2.6.30 theme contrast + rich editor hardening */
html[data-theme="midnight"] .topbar{background:#0b1220!important;border-color:#334155!important}
html[data-theme="midnight"] .topbar .actions a,html[data-theme="midnight"] .topbar .actions .nav-group summary,html[data-theme="midnight"] .auth-nav a,html[data-theme="midnight"] .nav-account,html[data-theme="midnight"] .nav-signout,html[data-theme="midnight"] .nav-register{color:#f8fafc!important;background:#111827!important;border-color:#334155!important}
html[data-theme="midnight"] .topbar .actions a:hover,html[data-theme="midnight"] .topbar .actions .nav-group summary:hover{background:#1e293b!important;color:#fff!important}
html[data-theme="midnight"] .nav-dropdown{background:#111827!important;border-color:#334155!important}
html[data-theme="midnight"] .nav-dropdown a{color:#f8fafc!important;background:#111827!important}
.admin-card{color:var(--text)!important;background:var(--surface)!important;border-color:var(--border)!important}
.rich-editor-title{padding:9px 12px;font-size:12px;font-weight:850;color:var(--text);background:color-mix(in srgb,var(--surface) 88%,var(--primary));border-bottom:1px solid var(--border)}
.storage-provider-tabs,.localization-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}.storage-provider-tabs>div,.localization-scope-grid>div{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.storage-provider-tabs b,.storage-provider-tabs span,.localization-scope-grid b,.localization-scope-grid span{display:block}.storage-provider-tabs span,.localization-scope-grid span{color:var(--muted);font-size:13px;margin-top:4px}.config-section-intro{padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--primary));display:grid;gap:3px}.config-section-intro span{color:var(--muted);font-size:13px}.localization-cell{display:grid;gap:6px;min-width:220px}
@media(max-width:700px){.storage-provider-tabs,.localization-scope-grid{grid-template-columns:1fr}}

.audit-json{max-width:360px;max-height:160px;overflow:auto;white-space:pre-wrap;font-size:11px;margin:0;color:var(--muted)}

/* V2.6.30 payment configuration workspace */
.payment-config-grid{align-items:start}.payment-config-card{display:block;text-decoration:none}.payment-config-card .admin-section-head{align-items:flex-start;margin-bottom:1rem}.payment-config-card .wide-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.payment-config-card .wide-form label:has(textarea),.payment-config-card .wide-form .form-section-title,.payment-config-card .wide-form .check-row,.payment-config-card .wide-form .form-actions{grid-column:1/-1}.payment-config-card .form-section-title{font-weight:700;padding:.75rem 0 .25rem;border-top:1px solid var(--border-color,#d9dee7);margin-top:.25rem}.payment-config-card .check-row{display:flex;flex-wrap:wrap;gap:1rem}.payment-config-card .check-row label{display:flex;align-items:center;gap:.45rem}.payment-config-card .status-pill{white-space:nowrap}.payment-config-card textarea{min-height:90px;resize:vertical}@media(max-width:900px){.payment-config-card .wide-form{grid-template-columns:1fr}.payment-config-card .wide-form label:has(textarea),.payment-config-card .wide-form .form-section-title,.payment-config-card .wide-form .check-row,.payment-config-card .wide-form .form-actions{grid-column:auto}}

/* V2.6.30 final accessibility/theme and rich-editor normalization */
.rich-editor-wrap{width:100%;display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}.rich-editor-title{font-weight:850;color:var(--text);font-size:13px}.rich-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2,var(--surface))}.rich-editor-content{width:100%;min-height:170px;box-sizing:border-box;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--text)!important;padding:14px!important;line-height:1.7;white-space:pre-wrap;overflow:auto}.rich-editor-content:focus{outline:2px solid color-mix(in srgb,var(--primary) 25%,transparent);outline-offset:1px}.rich-editor-content p{margin:.35em 0}.rich-editor-content ul,.rich-editor-content ol{padding-inline-start:24px}.form-grid>.rich-editor-wrap{grid-column:1/-1}.config-divider{grid-column:1/-1;border:0;border-top:1px solid var(--border);margin:14px 0}.searchable-select-wrap{position:relative;display:block}.searchable-select-wrap input{width:100%;box-sizing:border-box;margin-bottom:5px}.searchable-select-wrap select{width:100%}
/* Midnight: keep CAPTCHA, menus and hover text readable with no black-on-black states. */
html[data-theme="midnight"] .captcha-card{background:#0f1a2d!important;border-color:#475569!important;color:#f8fafc!important;box-shadow:0 4px 16px rgba(0,0,0,.25)}
html[data-theme="midnight"] .captcha-card input{background:#0b1220!important;color:#f8fafc!important;border-color:#64748b!important}
html[data-theme="midnight"] .captcha-card input::placeholder{color:#94a3b8!important}
html[data-theme="midnight"] .topbar .actions>.nav-group>summary,html[data-theme="midnight"] .topbar .actions>.nav-group[open]>summary{background:#111827!important;color:#f8fafc!important;border-color:#334155!important}
html[data-theme="midnight"] .topbar .actions>.nav-group>summary:hover,html[data-theme="midnight"] .topbar .actions>.nav-group[open]>summary:hover{background:#243047!important;color:#fff!important}
html[data-theme="midnight"] .topbar .nav-dropdown,html[data-theme="midnight"] .topbar .nav-flyout{background:#0b1220!important;border:1px solid #334155!important}
html[data-theme="midnight"] .topbar .nav-dropdown a,html[data-theme="midnight"] .topbar .nav-dropdown details.nav-subgroup summary,html[data-theme="midnight"] .topbar .nav-flyout a{color:#f8fafc!important;background:#111827!important}
html[data-theme="midnight"] .topbar .nav-dropdown a:hover,html[data-theme="midnight"] .topbar .nav-dropdown details.nav-subgroup summary:hover,html[data-theme="midnight"] .topbar .nav-flyout a:hover{background:#334155!important;color:#fff!important}
html[data-theme="midnight"] .btn.secondary{background:#334155!important;color:#fff!important;border-color:#475569!important}
html[data-theme="midnight"] .btn.ghost-dark{background:#0b1220!important;color:#fff!important;border-color:#475569!important}
html[data-theme="midnight"] .table-tools,html[data-theme="midnight"] .table-tools select,html[data-theme="midnight"] .table-tools input{color:var(--text);background:#111827;border-color:#334155}

/* V2.6.30 final UI hardening */
:root{--control-radius:12px}
.rich-editor-wrap{display:block;width:100%;min-width:0;margin:10px 0 16px;padding:12px;border:1px solid var(--border,#cfd6df);border-radius:12px;background:var(--surface,#fff);box-sizing:border-box;grid-column:1/-1}
.rich-editor-title{display:block;font-weight:800;margin-bottom:8px}
.rich-editor-content{display:block;width:100%;min-height:180px;border:1px solid var(--border,#cfd6df);border-radius:10px;padding:12px;box-sizing:border-box;overflow:auto;background:var(--input-bg,#fff);color:var(--text,#17202a);line-height:1.55}
.rich-editor-content:focus{outline:2px solid color-mix(in srgb,var(--accent,#2563eb) 45%,transparent);outline-offset:1px}
.rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.rich-toolbar .btn{min-width:44px}
.searchable-select-wrap{display:flex;flex-direction:column;gap:6px;width:100%}
.searchable-select-wrap>input[type=search]{width:100%;box-sizing:border-box}
.select-search-wrap{width:100%}
.table-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px;border:1px solid var(--border,#cfd6df);border-radius:12px;background:var(--surface-2,#f8fafc)}
.table-tools input,.table-tools select{min-width:150px}
.audit-json{max-width:360px;max-height:130px;overflow:auto;white-space:pre-wrap;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.html-modal-backdrop{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.62);padding:20px}
.html-modal{width:min(460px,100%);background:var(--surface,#fff);color:var(--text,#17202a);border:1px solid var(--border,#cfd6df);border-radius:16px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.32)}
.html-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.config-divider{border:0;border-top:1px solid var(--border,#d0d7de);margin:24px 0}
.form-section-title{grid-column:1/-1;font-weight:800;margin-top:8px;padding-top:10px;border-top:1px solid var(--border,#d0d7de)}
.auth-card .captcha-card{background:var(--surface-2,#f7f8fa);border:1px solid var(--border,#cfd6df);border-radius:14px;padding:12px}
[data-theme="midnight"] .topbar,.theme-midnight .topbar{background:#0a1019!important;color:#f5f8fc!important;border-bottom:1px solid #334155!important}
[data-theme="midnight"] .topbar a,.theme-midnight .topbar a,[data-theme="midnight"] .topbar summary,.theme-midnight .topbar summary{color:#f5f8fc!important}
[data-theme="midnight"] .topbar .nav-dropdown,.theme-midnight .topbar .nav-dropdown{background:#111827!important;border:1px solid #475569!important;box-shadow:0 18px 42px rgba(0,0,0,.55)}
[data-theme="midnight"] .topbar .nav-dropdown a:hover,.theme-midnight .topbar .nav-dropdown a:hover,[data-theme="midnight"] .topbar .nav-dropdown a:focus-visible,.theme-midnight .topbar .nav-dropdown a:focus-visible{background:#334155!important;color:#fff!important}
[data-theme="midnight"] .topbar .nav-group summary:hover,.theme-midnight .topbar .nav-group summary:hover{background:#1e293b!important;color:#fff!important}
[data-theme="midnight"] .captcha-card,[data-theme="midnight"] .captcha-card label,.theme-midnight .captcha-card,.theme-midnight .captcha-card label{background:#162033!important;color:#f8fafc!important;border-color:#64748b!important}
[data-theme="midnight"] .captcha-card input,.theme-midnight .captcha-card input{background:#0b1220!important;color:#f8fafc!important;border-color:#64748b!important}
.product-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tab-btn{border:1px solid var(--border,#cfd6df);background:var(--surface,#fff);color:var(--text,#17202a);padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.tab-btn.active{background:var(--accent,#2563eb);color:#fff;border-color:var(--accent,#2563eb)}.product-tab{display:none}.product-tab.active{display:block}.product-tab .form-card{width:100%;box-sizing:border-box}
.group-staff-grid,.staff-directory{display:grid;gap:18px}.vendor-staff-form{align-items:end}.staff-actions{display:flex;gap:6px;flex-wrap:wrap}.staff-directory table td{vertical-align:top}

/* V2.6.30 FINAL UI HARDENING */
.rich-editor-wrap{width:100%;display:block;min-width:0;grid-column:1 / -1}.rich-editor-title{display:block;font-size:13px;font-weight:850;color:var(--text);margin:0 0 6px}.rich-editor-content{width:100%;min-height:150px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);line-height:1.65;display:block;white-space:pre-wrap;overflow:auto}.rich-editor-content:focus{outline:2px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:1px}.rich-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0}.rich-display{color:var(--muted);white-space:pre-wrap}.searchable-select-wrap{display:flex;flex-direction:column;gap:5px;width:100%}.searchable-select-wrap>select{width:100%}.searchable-select-wrap>input[type=search]{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}.section-divider,.config-divider{border:0;border-top:1px solid var(--border);margin:14px 0}.config-section-intro{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:16px}.config-section-intro b{display:block;color:var(--text);font-size:16px}.config-section-intro span{display:block;color:var(--muted);margin-top:3px}.storage-provider-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.storage-provider-tabs>div{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.storage-provider-tabs b,.storage-provider-tabs span{display:block}.storage-provider-tabs span{color:var(--muted);font-size:13px}.communication-separator{grid-column:1/-1;border:0;border-top:2px solid var(--border);margin:10px 0}.payment-config-card{height:100%}.payment-config-card .form-section-title{grid-column:1/-1;border-top:1px solid var(--border);padding-top:16px;margin-top:4px;font-weight:850;color:var(--text)}.captcha-card{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text)}.captcha-card label{display:block;color:var(--text)!important}.captcha-card input{margin-top:8px;width:100%}.table-tools select{background:var(--surface);color:var(--text);border:1px solid var(--border)}
html[data-theme="midnight"] .topbar,html[data-theme="midnight"] .topbar .nav{color:#f8fafc!important}.theme-midnight .topbar,.theme-midnight .topbar .nav{color:#f8fafc!important}
html[data-theme="midnight"] .topbar .actions>.nav-group>summary,html[data-theme="midnight"] .topbar .actions>.nav-group>summary:hover,html[data-theme="midnight"] .topbar .actions>.nav-group[open]>summary{background:#111827!important;color:#f8fafc!important;border-color:#475569!important}
html[data-theme="midnight"] .topbar .actions .nav-dropdown a,html[data-theme="midnight"] .topbar .actions .nav-dropdown a:hover,html[data-theme="midnight"] .topbar .actions .nav-dropdown a:focus{background:#111827!important;color:#f8fafc!important;border-color:#334155!important}
html[data-theme="midnight"] .topbar .actions .nav-dropdown a:hover{background:#334155!important;color:#ffffff!important}
html[data-theme="midnight"] .captcha-card,html[data-theme="midnight"] .captcha-card label{background:#162033!important;color:#ffffff!important;border-color:#64748b!important}.captcha-card input{box-shadow:none}
html[data-theme="midnight"] input::placeholder,html[data-theme="midnight"] textarea::placeholder{color:#94a3b8!important}
@media(max-width:700px){.storage-provider-tabs{grid-template-columns:1fr}.rich-editor-wrap{width:100%}.rich-editor-content{min-height:180px}}
.plan-attribute-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;gap:8px;align-items:end}.plan-attribute-row{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--border)}


/* V2.6.30 COMPREHENSIVE FINAL HARDENING */
:root{--focus-ring:rgba(99,102,241,.35)}
.rich-editor-wrap{grid-column:1/-1!important;width:100%!important;display:block!important;box-sizing:border-box!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface)!important;padding:12px 14px!important;margin:8px 0 16px!important}
.rich-editor-title{font-size:13px!important;font-weight:850!important;color:var(--text)!important;margin:0 0 8px!important}
.rich-editor-content{width:100%!important;min-height:170px!important;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface)!important;color:var(--text)!important;padding:12px 14px!important;white-space:pre-wrap!important;overflow:auto!important;box-shadow:none!important}
.rich-display{white-space:pre-wrap!important;color:var(--muted)!important}
.form-grid>label{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{max-width:100%;box-sizing:border-box}
.warranty-option-card{grid-column:1/-1}.warranty-option-card .panel-head{margin-bottom:12px}
.group-staff-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;align-items:stretch!important}.group-staff-grid>.form-card{height:100%}.staff-directory{width:100%;border-collapse:collapse}.staff-directory td,.staff-directory th{vertical-align:top}.staff-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;align-items:center!important}.staff-actions form{margin:0!important}
.risk-explanation{margin:0 0 18px;border:1px solid var(--border);background:var(--surface-2,var(--surface));color:var(--text);border-radius:12px;padding:14px 16px}
.communication-separator,.storage-separator{display:block!important;border:0!important;border-top:2px solid var(--border)!important;margin:24px 0!important}
.searchable-select-wrap{width:100%!important;min-width:0!important}.searchable-select-wrap>input[type=search]{order:0}.searchable-select-wrap>select{order:1}
/* Strong midnight overrides must come after every legacy black dropdown rule. */
html[data-theme="midnight"] .topbar .actions .nav-group summary,
html[data-theme="midnight"] .topbar .actions .nav-group[open] summary,
html[data-theme="midnight"] .topbar .actions .nav-group summary:hover,
html[data-theme="midnight"] .topbar .actions .nav-group summary:focus-visible,
html[data-theme="midnight"] .topbar .actions .nav-dropdown,
html[data-theme="midnight"] .topbar .actions .nav-dropdown a,
html[data-theme="midnight"] .topbar .actions .nav-dropdown a:hover,
html[data-theme="midnight"] .topbar .actions .nav-dropdown a:focus-visible,
html[data-theme="midnight"] .topbar .actions .nav-subgroup>a,
html[data-theme="midnight"] .topbar .actions .nav-subgroup>a:hover,
html[data-theme="midnight"] .topbar .actions .nav-subgroup>a:focus-visible,
html[data-theme="midnight"] .topbar .actions .nav-flyout,
html[data-theme="midnight"] .topbar .actions .nav-flyout a,
html[data-theme="midnight"] .topbar .actions .nav-flyout a:hover,
html[data-theme="midnight"] .topbar .actions .nav-flyout a:focus-visible{background:#111827!important;color:#f8fafc!important;border-color:#475569!important}
html[data-theme="midnight"] .topbar .actions .nav-dropdown a:hover,
html[data-theme="midnight"] .topbar .actions .nav-flyout a:hover,
html[data-theme="midnight"] .topbar .actions .nav-subgroup:hover>a{background:#334155!important;color:#fff!important}
html[data-theme="midnight"] .topbar .nav-group summary:after{color:#cbd5e1!important}
html[data-theme="midnight"] .captcha-card{background:#0b1526!important;color:#f8fafc!important;border:1px solid #64748b!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important}
html[data-theme="midnight"] .captcha-card label{background:transparent!important;color:#f8fafc!important;border:0!important}
html[data-theme="midnight"] .captcha-card .captcha-question{color:#fff!important;background:#18263c!important;border:1px solid #64748b!important;border-radius:8px!important;padding:6px 8px!important;display:inline-block!important}
html[data-theme="midnight"] .captcha-card input{background:#080f1b!important;color:#fff!important;border:1px solid #64748b!important}
html[data-theme="midnight"] .captcha-card input:focus{outline:3px solid var(--focus-ring)!important}
html[data-theme="midnight"] .rich-editor-wrap{background:#0f1929!important;border-color:#475569!important}html[data-theme="midnight"] .rich-editor-title{color:#f8fafc!important}
html[data-theme="midnight"] .rich-editor-content{background:#091220!important;border-color:#64748b!important;color:#f8fafc!important}
html[data-theme="midnight"] .table-tools{background:#0f1929!important;border-color:#475569!important}
@media(max-width:900px){.group-staff-grid{grid-template-columns:1fr!important}.staff-actions{align-items:stretch!important}.staff-actions .btn{width:auto!important}.product-tabs{overflow:auto;white-space:nowrap}.product-tabs .tab-btn{flex:0 0 auto}}
@media(max-width:650px){.rich-editor-wrap{padding:10px!important}.rich-toolbar{gap:5px!important}.rich-toolbar .btn{min-width:40px!important}}

/* V2.6.30 FIX6: final interaction and accessibility overrides */
html[data-theme="ocean"]{--bg:#eef5ff;--surface:#ffffff;--surface-2:#dfeaff;--text:#0c1e3d;--muted:#4a5f82;--border:#cddcf7;--primary:#1d4ed8;--primary2:#0ea5e9;--accent:#0891b2;--on-primary:#ffffff;--link:#1d4ed8;--header-bg:#f7faff;--header-text:#0c1e3d;--header-hover:#dfeaff;--footer-bg:#0c1e3d;--footer-text:#d6e4ff}
html[data-theme="sunset"]{--primary:#ea580c;--primary2:#f97316;--accent:#f59e0b}
html[data-theme="emerald"]{--primary:#059669;--primary2:#10b981;--accent:#14b8a6}
html[data-theme="midnight"]{--bg:#0b1220;--surface:#111827;--text:#f8fafc;--muted:#cbd5e1;--border:#334155;--primary:#818cf8;--primary2:#a78bfa;--accent:#22d3ee}
html[data-theme] body{background:var(--bg);color:var(--text)}
html[data-theme] .topbar,html[data-theme] .topbar .nav,html[data-theme] .topbar .actions{color:var(--text)!important}
html[data-theme] .topbar .nav-group>summary,html[data-theme] .topbar .nav-cart,html[data-theme] .topbar .auth-nav a{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme] .topbar .nav-dropdown{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme] .topbar .nav-dropdown a{background:transparent!important;color:var(--text)!important;border-radius:8px}
html[data-theme] .topbar .nav-dropdown a:hover,html[data-theme] .topbar .nav-dropdown a:focus-visible{background:color-mix(in srgb,var(--primary) 20%,var(--surface))!important;color:var(--text)!important}
html[data-theme="midnight"] .topbar .nav-dropdown a:hover,html[data-theme="midnight"] .topbar .nav-dropdown a:focus-visible{background:#334155!important;color:#fff!important}
html[data-theme="midnight"] .captcha-card{background:#0f1a2d!important;color:#fff!important;border:1px solid #64748b!important}
html[data-theme="midnight"] .captcha-card .captcha-question{background:#18263c!important;color:#fff!important;border:1px solid #64748b!important;padding:7px 10px!important;border-radius:8px!important}
html[data-theme="midnight"] .captcha-card input{background:#080f1b!important;color:#fff!important;border-color:#64748b!important}
html[data-theme] .rich-editor-wrap{display:block!important;width:100%!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface)!important;overflow:hidden!important;margin:6px 0 14px!important}
html[data-theme] .rich-editor-title{padding:10px 12px!important;font-weight:800!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important}
html[data-theme] .rich-editor-content{min-height:150px!important;width:100%!important;border:0!important;border-radius:0!important;background:var(--surface)!important;color:var(--text)!important;padding:14px!important;outline:none!important}
.rich-editor-wrap .rich-toolbar{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:8px!important;border-bottom:1px solid var(--border)!important;background:color-mix(in srgb,var(--surface) 92%,var(--text))!important}
.searchable-select-wrap{display:block!important;width:100%!important}.searchable-select-wrap>input{width:100%!important;margin-bottom:5px!important}.searchable-select-wrap>select{width:100%!important}
.group-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:12px}.permission-grid label{padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.product-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:14px;position:sticky;top:82px;z-index:20}.product-tabs .tab-btn{border:1px solid transparent;background:transparent;color:var(--text);padding:10px 16px;border-radius:10px;font-weight:800;cursor:pointer}.product-tabs .tab-btn.active,.product-tabs .tab-btn:hover{background:var(--primary);color:#fff}.product-tab{display:none}.product-tab.active{display:block}.warranty-option-card{border-left:4px solid var(--primary)}
@media(max-width:900px){.group-staff-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.product-tabs{top:68px}}

html[data-theme] label:has(> .rich-editor-wrap),html[data-theme] .rich-editor-wrap{grid-column:1/-1!important}

/* V2.6.30 FIX7 */
.permission-grid input[type="checkbox"],.group-staff-grid input[type="checkbox"]{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;accent-color:var(--primary);vertical-align:middle;margin:0 8px 0 0}.permission-grid label{display:flex!important;align-items:center!important;min-height:46px!important;cursor:pointer!important}.staff-directory .staff-actions{min-width:230px}
.product-gallery-wrap{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:start}.product-gallery-thumbs{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto}.gallery-thumb{border:2px solid var(--border);background:var(--surface);border-radius:10px;padding:3px;cursor:pointer}.gallery-thumb.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.gallery-thumb img{width:70px;height:70px;object-fit:cover;border-radius:7px;display:block}.product-gallery{position:relative;overflow:hidden;min-height:460px;display:flex;align-items:center;justify-content:center}.product-gallery>img{max-width:100%;max-height:520px;object-fit:contain;transition:transform .2s ease}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:28px;box-shadow:var(--shadow)}.gallery-prev{left:12px}.gallery-next{right:12px}
.portal-modal[hidden]{display:none!important}.portal-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.portal-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.65);backdrop-filter:blur(4px)}.portal-modal-dialog{position:relative;z-index:1;width:min(560px,100%);max-height:85vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.portal-modal-dialog h2{margin:0 42px 12px 0}.portal-modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text);font-size:24px}.portal-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.portal-modal .modal-message{white-space:pre-wrap;line-height:1.65}.table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;flex-wrap:wrap}.table-pagination .page-info{color:var(--muted);font-size:13px}.table-pagination button[disabled]{opacity:.45;cursor:not-allowed}
.storage-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.storage-column{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface)}.storage-column h3{margin-top:0}.storage-column .form-grid{display:grid}
.analytics-chart-canvas{width:100%;height:280px;display:block}
@media(max-width:850px){.storage-columns{grid-template-columns:1fr}.product-gallery-wrap{grid-template-columns:1fr}.product-gallery-thumbs{flex-direction:row;max-height:none;overflow-x:auto}.gallery-thumb img{width:64px;height:64px}}

/* Portal-wide data-grid and admin-card search controls. */
.search-large,.catalog-search,.table-tools input[type="search"],[data-admin-card-search]{display:block!important}
.portal-grid-search{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);margin:0 0 10px}
.portal-grid-search-wrap{display:flex;gap:8px;align-items:center;margin:12px 0}.portal-grid-search-wrap label{font-weight:700;white-space:nowrap}.portal-grid-search-count{font-size:12px;color:var(--muted)}
.notification-list{display:grid;gap:12px}.notification-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.notification-card>div:first-child{display:flex;justify-content:space-between;gap:12px}.notification-card.unread{border-inline-start:4px solid var(--primary)}.notification-card.read{opacity:.82}
.return-item-option{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:10px;margin:8px 0}.return-item-option small{display:block;color:var(--muted)}
.table-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* FIX7 top navigation readability */
html[data-theme="midnight"] .topbar .nav-dropdown{background:#1e293b!important;color:#f8fafc!important;border-color:#475569!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important}
html[data-theme="midnight"] .topbar .nav-dropdown a{background:#1e293b!important;color:#f8fafc!important}
html[data-theme="midnight"] .topbar .nav-dropdown a:hover,html[data-theme="midnight"] .topbar .nav-dropdown a:focus-visible{background:#334155!important;color:#fff!important}

/* FIX8: accessible Groups & Staff permission controls */
.group-staff-grid .permission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.group-staff-grid .permission-grid label { display: flex !important; align-items: center !important; gap: 10px; min-height: 48px !important; padding: 10px 12px !important; border-radius: 10px; }
.group-staff-grid .permission-grid input[type="checkbox"], .group-staff-grid input[type="checkbox"].group-perm, .group-staff-grid input[type="checkbox"].staff-perm { appearance: none; -webkit-appearance: none; width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; margin: 0 !important; border: 2px solid var(--border-strong, #94a3b8); border-radius: 6px; background: var(--surface, #fff); display: inline-grid; place-content: center; cursor: pointer; }
.group-staff-grid .permission-grid input[type="checkbox"]::before { content: ""; width: 10px; height: 10px; transform: scale(0); border-radius: 2px; background: var(--primary, #2563eb); transition: transform .12s ease-in-out; }
.group-staff-grid .permission-grid input[type="checkbox"]:checked::before { transform: scale(1); }
.group-staff-grid .permission-grid input[type="checkbox"]:focus-visible { outline: 3px solid color-mix(in srgb, var(--primary, #2563eb) 35%, transparent); outline-offset: 2px; }
@media (max-width: 900px) { .group-staff-grid .permission-grid { grid-template-columns: 1fr; } }

/* V2.6.30 FIX9 product/gallery and Groups & Staff UX */
.product-detail-v2{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"media copy"!important;gap:48px!important;align-items:start!important;min-height:0!important}
.product-detail-v2 .product-media-column{grid-area:media!important;min-width:0!important;align-self:start!important}
.product-detail-v2 .detail-copy{grid-area:copy!important;min-width:0!important;align-self:start!important;padding-top:0!important}
.product-gallery-wrap{grid-template-columns:84px minmax(0,1fr)!important;align-items:start!important}
.product-gallery-thumbs{max-height:520px!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:2px}
.gallery-thumb{width:82px!important;height:82px!important;display:block!important}
.product-gallery{min-height:480px!important;height:480px!important}
.product-gallery>img{width:100%!important;height:100%!important;object-fit:contain!important}
.group-staff-grid .permission-grid{grid-column:1/-1!important;max-height:none!important;overflow:visible!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
.group-staff-grid .permission-grid label{min-width:0!important;white-space:normal!important}
.group-staff-grid .form-card{overflow:visible!important}
.global-announcement{position:relative;z-index:999;background:var(--announcement-bg);color:var(--announcement-fg);width:100%;font-weight:750}
.global-announcement>.container{min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 42px 8px 16px;position:relative}
.announcement-icon{font-size:18px;line-height:1}.announcement-text{font-size:13px;text-align:center}.announcement-close{position:absolute;right:8px;top:5px;border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer;padding:2px 8px}
.header-menu-icon,.header-menu-item-icon{width:18px;height:18px;object-fit:contain;display:inline-block;margin-right:6px;vertical-align:middle}.header-menu-item-icon{width:20px;height:20px}.journey-modal[hidden],.global-announcement[hidden]{display:none!important}.journey-modal{position:fixed;inset:0;z-index:100000}.journey-dialog{position:relative;width:min(620px,calc(100% - 30px));margin:8vh auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.35);z-index:2}.journey-dialog h2{margin:6px 0 10px}.journey-dialog p{color:var(--muted)}.journey-image{display:block;max-width:100%;max-height:240px;margin:16px auto;border-radius:14px;object-fit:contain}.journey-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.admin-card-search,.grid-search{min-width:220px;flex:1;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}.admin-card-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:900px){.product-detail-v2{grid-template-columns:1fr!important;grid-template-areas:"media" "copy"!important;gap:24px!important}.product-gallery{height:360px!important;min-height:360px!important}.group-staff-grid .permission-grid{grid-template-columns:1fr!important}.global-announcement>.container{padding-right:42px}.header-menu-icon{width:16px;height:16px}}
/* FIX9 navigation readability: never use the legacy black hover background. */
.topbar .actions>.nav-group>.nav-dropdown,.topbar .actions .nav-flyout{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}
.topbar .actions>.nav-group>.nav-dropdown a,.topbar .actions .nav-flyout a,.topbar .actions .nav-subgroup>a{background:var(--surface)!important;color:var(--text)!important}
.topbar .actions>.nav-group>.nav-dropdown a:hover,.topbar .actions>.nav-group>.nav-dropdown a:focus-visible,.topbar .actions .nav-flyout a:hover,.topbar .actions .nav-subgroup>a:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface))!important;color:var(--text)!important}
html[data-theme="midnight"] .topbar .actions>.nav-group>.nav-dropdown,html[data-theme="midnight"] .topbar .actions .nav-flyout{background:#162033!important;color:#f8fafc!important;border-color:#475569!important}
html[data-theme="midnight"] .topbar .actions>.nav-group>.nav-dropdown a,html[data-theme="midnight"] .topbar .actions .nav-flyout a,html[data-theme="midnight"] .topbar .actions .nav-subgroup>a{background:#162033!important;color:#f8fafc!important}
html[data-theme="midnight"] .topbar .actions>.nav-group>.nav-dropdown a:hover,html[data-theme="midnight"] .topbar .actions>.nav-group>.nav-dropdown a:focus-visible,html[data-theme="midnight"] .topbar .actions .nav-flyout a:hover{background:#334155!important;color:#fff!important}
.group-staff-grid>.form-card:first-child .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.group-staff-grid>.form-card:nth-child(2) .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.group-staff-grid .form-actions{grid-column:1/-1!important;display:flex;gap:8px;align-items:center}.group-staff-grid .permission-grid{grid-column:1/-1!important}
@media(max-width:900px){.group-staff-grid>.form-card:first-child .form-grid,.group-staff-grid>.form-card:nth-child(2) .form-grid{grid-template-columns:1fr!important}}
.cms-page-header,.cms-page-footer{margin-top:14px;margin-bottom:14px;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text)}.cms-page-header img,.cms-page-footer img{max-width:100%;height:auto;border-radius:12px}.cms-page-header:empty,.cms-page-footer:empty{display:none}

/* V2.6.31 checkout/support usability */
.checkout-option{display:flex;align-items:center;gap:8px;margin-bottom:8px}.checkout-field-break{display:block;width:100%;margin:6px 0 4px}.checkout-field-break input,.checkout-field-break select{width:100%}.checkout-legal{display:grid;gap:10px;margin-top:16px}.checkout-legal-line{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.checkout-legal-line input{margin-top:4px;flex:0 0 auto}.checkout-legal-line a{color:var(--primary);font-weight:700;text-decoration:underline}.related-record-list{display:grid;gap:8px;margin:8px 0 16px;max-height:280px;overflow:auto}.related-record{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer}.related-record:hover{border-color:var(--primary);box-shadow:var(--shadow)}.related-record.unpaid{border-color:#f59e0b;background:color-mix(in srgb,#f59e0b 8%,var(--surface))}.related-record>span{display:grid;gap:2px}.related-record small{color:var(--muted)}.related-record-hint{font-size:11px!important;color:var(--muted)!important;white-space:nowrap}.support-popup-card{display:grid;gap:16px}.support-popup-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.support-popup-head h2{margin:4px 0}.support-popup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.support-popup-grid>div{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.support-popup-grid small,.support-popup-grid b{display:block}.support-popup-grid small{color:var(--muted);margin-bottom:4px}.support-popup-items{display:grid;gap:8px}.support-popup-item{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.support-popup-item div{display:grid;gap:2px}.support-popup-item small{color:var(--muted)}.support-popup-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media(max-width:700px){.support-popup-grid{grid-template-columns:1fr 1fr}.related-record{grid-template-columns:auto 1fr}.related-record-hint{grid-column:2}.support-popup-head{display:block}.support-popup-head .status{display:inline-block;margin-top:8px}}
.portal-modal-dialog.portal-modal-wide{width:min(960px,96vw);max-width:960px;max-height:90vh;overflow:auto}
.forgot-password-card{max-width:520px;margin:0 auto;text-align:center}.forgot-password-card .auth-form{text-align:start}.auth-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;border:1px solid var(--border);font-size:24px;font-weight:900}.auth-help{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}
.plan-custom-attributes{margin:16px 0;padding:14px;border:1px solid var(--border);border-radius:12px}.plan-custom-attributes h4{margin:0 0 8px}.plan-custom-attributes>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.plan-custom-attributes>div:last-child{border-bottom:0}.plan-custom-attributes span{color:var(--muted);text-align:end}
.warranty-download{margin:8px 0 14px}.portal-dialog{border:0;border-radius:18px;padding:0;max-width:min(680px,calc(100% - 30px));background:transparent}.portal-dialog::backdrop{background:rgba(0,0,0,.55)}
.wallet-adjustment-history{overflow:auto}.wallet-adjustment-history table{min-width:1000px}.wallet-adjustment-history tr:hover{background:color-mix(in srgb,var(--surface) 88%,var(--primary))}.wallet-history-actions{display:flex;gap:6px;align-items:flex-start}.wallet-history-actions details{min-width:300px}.wallet-history-actions details[open]{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.wallet-edit-form{margin-top:10px}.wallet-edit-form input,.wallet-edit-form select{min-width:0}.content-localization-row{border:1px solid var(--border);border-radius:12px;margin:10px 0;padding:10px}.content-localization-row summary{cursor:pointer;padding:8px}.localization-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}@media(max-width:800px){.localization-language-grid{grid-template-columns:1fr}}

.wallet-edit-row>td{background:var(--surface,#fff);padding:16px;border-top:0}.wallet-edit-form-wide{display:grid;grid-template-columns:1fr 1fr 1fr 2fr 1.5fr auto;gap:12px;align-items:end;width:100%}.wallet-edit-form-wide label{display:grid;gap:6px;font-weight:700;font-size:12px}.wallet-edit-form-wide input,.wallet-edit-form-wide select{width:100%;box-sizing:border-box}.wallet-edit-actions{display:flex;gap:8px;align-items:end}.plan-feature-list{margin:0;padding-left:20px;display:grid;gap:8px}.plan-feature-list li{padding-left:2px}.plan-custom-attributes{margin-top:14px}.plan-custom-attributes h4{margin-bottom:8px}
@media(max-width:900px){.wallet-edit-form-wide{grid-template-columns:1fr 1fr}.wallet-edit-reason{grid-column:1/-1}.wallet-edit-actions{grid-column:1/-1}}
/* V2.6.34 product variation localization */
.variant-localization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:6px}.variant-localization-card{padding:14px!important;background:var(--surface-2,#f8fafc);border:1px solid var(--border);border-radius:14px}.variant-localization-card h3{display:flex;align-items:center;gap:8px;margin:0 0 12px}.variant-localization-card h3 small{color:var(--muted);font-weight:600}.variant-localization-card h3 .status{margin-left:auto}.variant-localization-card label{display:grid;gap:6px;margin-top:10px}.variant-localization-card textarea{min-height:70px;resize:vertical}@media(max-width:800px){.variant-localization-grid{grid-template-columns:1fr}}
.notification-header-link{position:relative;display:inline-flex;align-items:center;gap:.35rem}.notification-badge{position:absolute;top:-7px;right:-10px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:11px;font-weight:800;line-height:20px;text-align:center;border:2px solid var(--surface,#fff)}.notification-badge[hidden]{display:none}.notification-card-head,.notification-card-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.notification-status{font-size:.75rem;font-weight:700;padding:.25rem .55rem;border-radius:999px;background:#eef2ff}.notification-card.unread{border-inline-start:4px solid #2563eb}.notification-thread{display:grid;gap:1rem;margin:1rem 0}.notification-thread-item{padding:1rem;border:1px solid var(--border,#ddd);border-radius:12px;background:var(--surface,#fff)}.notification-thread-item>span{font-size:.8rem;opacity:.7;margin-inline-start:.5rem}.toolbar-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn.small{padding:.4rem .7rem;font-size:.85rem}

/* ==========================================================================
   V2.7 — Authoritative responsive layer (wider pages, burger menu,
   cross-browser fallbacks, validation styling). Loaded last on purpose:
   it supersedes the many historical nav/breakpoint overrides above.
   ========================================================================== */
:root{--page-max:1760px;--page-gutter:clamp(14px,3vw,48px);--nav-h:68px;--focus:#2563eb}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh}
img,svg,video{max-width:100%;height:auto}
.container{width:min(var(--page-max),calc(100% - (var(--page-gutter) * 2)))!important;max-width:none;margin-inline:auto!important}
.container.narrow,.auth-page .auth-card,.narrow{max-width:640px}
.site-main{padding-top:0!important}
.section{padding-block:clamp(24px,4vw,56px)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
button,.btn,a.btn,input[type=submit]{touch-action:manipulation;min-height:40px}
input,select,textarea{max-width:100%;min-height:40px}
@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px}}
.table-card,.table-wrap,.table-responsive,.data-table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
table{max-width:100%}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important}
.admin-grid,.lookup-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}
.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}

/* ---- header ---- */
html body .topbar{position:-webkit-sticky!important;position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:auto!important;z-index:1000;overflow:visible;background:var(--surface,#fff)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border);box-shadow:0 4px 20px rgba(16,24,40,.06)}
@supports (background:color-mix(in srgb,red,blue)){html body .topbar{background:color-mix(in srgb,var(--surface,#fff) 94%,transparent)!important}}
html body .topbar .nav{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:12px;min-height:var(--nav-h)!important;padding:8px 0!important;position:relative}
html body .topbar .brand{flex:0 0 auto;display:inline-flex;align-items:center;margin:0}
html body .topbar .brand-logo{width:auto!important;height:38px!important;max-width:150px}
html body .topbar .menu-toggle{display:none!important;flex:0 0 auto;align-items:center;justify-content:center;width:44px!important;height:44px!important;padding:0!important;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);color:var(--text);font-size:0;cursor:pointer;position:relative}
html body .topbar .menu-toggle::before,html body .topbar .menu-toggle::after{content:"";position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s,top .2s}
html body .topbar .menu-toggle::before{top:15px;box-shadow:0 7px 0 currentColor}
html body .topbar .menu-toggle::after{top:29px}
html body.menu-open .topbar .menu-toggle::before{top:21px;box-shadow:none;transform:rotate(45deg)}
html body.menu-open .topbar .menu-toggle::after{top:21px;transform:rotate(-45deg)}
html body .topbar #primaryNav.actions{display:flex!important;flex-direction:row!important;flex:1 1 auto;min-width:0;flex-wrap:wrap!important;align-items:center;justify-content:flex-start;gap:2px 4px;position:static!important;width:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;white-space:normal}
html body .topbar #primaryNav .nav-group{position:relative;list-style:none;flex:0 0 auto;width:auto;margin:0}
html body .topbar #primaryNav .nav-group>summary{list-style:none;display:flex;align-items:center;gap:6px;padding:9px 7px;border-radius:10px;cursor:pointer;font-weight:700;font-size:13.5px;color:var(--text);white-space:nowrap;text-transform:none!important;letter-spacing:0!important;background:transparent;border:0}
html body .topbar #primaryNav .nav-group>summary::-webkit-details-marker{display:none}
html body .topbar #primaryNav .nav-group>summary::marker{content:""}
html body .topbar #primaryNav .nav-group>summary::after{content:"";width:6px;height:6px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;margin-inline-start:2px}
html body .topbar #primaryNav .nav-group:hover>summary,html body .topbar #primaryNav .nav-group[open]>summary{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}
html body .topbar #primaryNav .nav-group .nav-dropdown{position:absolute!important;top:calc(100% + 6px)!important;inset-inline-start:0!important;inset-inline-end:auto!important;left:auto;right:auto;min-width:230px;max-width:min(340px,92vw);max-height:calc(100vh - 110px);overflow-y:auto;padding:8px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 44px rgba(16,24,40,.16);z-index:1100;display:none}
html[dir=rtl] body .topbar #primaryNav .nav-group .nav-dropdown{left:auto;right:auto}
html body .topbar #primaryNav .nav-group[open]>.nav-dropdown{display:grid;gap:2px}
html body .topbar #primaryNav .nav-dropdown a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;color:var(--text);text-decoration:none;font-weight:600;font-size:14px}
html body .topbar #primaryNav .nav-dropdown a:hover,html body .topbar #primaryNav .nav-dropdown a:focus-visible{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}
html body .topbar #primaryNav .nav-cart{width:auto!important;flex:0 0 auto!important;margin:0!important;display:inline-flex;align-items:center;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;padding:9px 7px;border-radius:10px;font-weight:700;font-size:14px;color:var(--text);text-decoration:none;background:transparent;border:0}
html body .topbar #primaryNav .nav-cart:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}
html body .topbar #primaryNav .auth-nav{flex:0 0 auto;margin-inline-start:auto!important;display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
html body .topbar #primaryNav .auth-nav li{list-style:none}
html body .topbar #primaryNav .nav-register{display:inline-flex;padding:9px 14px;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;text-decoration:none}
html body .topbar #primaryNav .account-menu{position:relative}
html body .topbar #primaryNav .account-dropdown{inset-inline-end:0;right:auto;z-index:1100}
html[dir=ltr] body .topbar #primaryNav .account-dropdown{right:0;left:auto}
html[dir=rtl] body .topbar #primaryNav .account-dropdown{left:0;right:auto}
html body .topbar .selectors{position:static!important;inset:auto!important;transform:none!important;display:flex!important;max-width:none!important;flex:0 0 auto;align-items:center;gap:8px;margin-inline-start:auto}
html body .topbar .selectors form{margin:0}
html body .topbar .selectors #themeSelect{max-width:88px}
html body .topbar .selectors select{max-width:108px;min-height:40px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff);color:var(--text);font-size:13px}
.notification-badge{inset-inline-end:-6px;right:auto}
.notification-header-link{position:relative}

/* Desktop is only used when the whole menu fits; below 1440px switch to the burger. */
@media (max-width:1199px){
  html body .topbar .menu-toggle{display:inline-flex!important}
  html body .topbar .nav{flex-wrap:wrap!important;gap:10px}
  html body .topbar .selectors{margin-inline-start:auto;order:5!important}
  html body .topbar #primaryNav.actions{display:none!important;order:10!important;flex:1 0 100%!important;width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:2px;padding:8px 0 12px!important;max-height:calc(100vh - var(--nav-h) - 20px)!important;max-height:calc(100dvh - var(--nav-h) - 20px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;border-top:1px solid var(--border)!important;border-radius:0!important}
  html body.menu-open .topbar #primaryNav.actions{display:flex!important}
  html body .topbar #primaryNav .nav-group>summary,html body .topbar #primaryNav .nav-cart{width:100%!important;justify-content:space-between;padding:13px 12px;font-size:15px}
  html body .topbar #primaryNav .nav-group>summary::after{margin-inline-start:auto}
  html body .topbar #primaryNav .nav-group .nav-dropdown{position:static!important;display:none;min-width:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:2px 0 6px!important;padding:4px 0 4px 12px!important;border:0!important;border-inline-start:2px solid var(--border)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  html body .topbar #primaryNav .nav-group{border:0!important;background:transparent!important;box-shadow:none!important}
  html body .topbar #primaryNav .nav-group>summary{border:1px solid var(--border)!important;background:var(--surface,#fff)!important}
  html body .topbar #primaryNav .nav-group[open]>.nav-dropdown{display:grid}
  html body .topbar #primaryNav .nav-dropdown a{padding:12px}
  html body .topbar #primaryNav .auth-nav{flex-direction:column;align-items:stretch;padding-top:6px}
  html body .topbar #primaryNav .nav-register,html body .topbar #primaryNav .nav-link{justify-content:center;text-align:center;padding:12px 14px;border:1px solid var(--border);border-radius:10px}
  html body .topbar #primaryNav .account-menu{width:100%}
  html body .topbar #primaryNav .account-dropdown{position:static;display:none;box-shadow:none;margin-top:6px;min-width:0;width:100%}
  html body .topbar #primaryNav .account-menu.open .account-dropdown{display:block}
}
@media (max-width:640px){
  :root{--nav-h:60px}
  html body .topbar .brand-logo{height:32px!important;max-width:120px}
  html body .topbar .selectors{display:none!important}
  html body.menu-open .topbar .selectors{display:flex!important;order:11!important;flex:1 0 100%!important;width:100%!important;max-width:none!important;gap:8px;padding:0 0 12px;margin:0}
  html body.menu-open .topbar .selectors form,html body.menu-open .topbar .selectors>select{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important}
  html body.menu-open .topbar .selectors select{max-width:none!important;width:100%!important}
}

/* ---- content responsiveness ---- */
@media (max-width:1100px){
  .cart-layout,.detail-grid,.editor-grid,.checkout-layout,.order-layout,.vendor-layout{grid-template-columns:1fr!important}
  .sectionhead,.page-head,.admin-heading{flex-wrap:wrap;gap:12px}
}
@media (max-width:700px){
  .form-grid,.onboarding-fields,.filters,.catalog-filters,.two-col,.three-col{grid-template-columns:1fr!important}
  .btn,button.btn{white-space:normal}
  .hero-buttons,.toolbar-actions,.action-row,.row-actions,.table-actions{flex-wrap:wrap}
  .portal-modal-dialog,.journey-dialog{width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100dvh - 24px);overflow:auto}
  table.stack-mobile thead{display:none}
  table.stack-mobile tr{display:block;margin-bottom:12px;border:1px solid var(--border);border-radius:12px}
  table.stack-mobile td{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border:0}
  table.stack-mobile td::before{content:attr(data-label);font-weight:700;color:var(--muted)}
}
footer .footergrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
.container.footergrid{display:grid;gap:24px}

/* ---- validation + feedback ---- */
.input-validation-error,.mk-invalid,input.mk-invalid,select.mk-invalid,textarea.mk-invalid{border-color:#d92d20!important;box-shadow:0 0 0 3px rgba(217,45,32,.12)!important}
.field-validation-error,.mk-field-error{display:block;color:#b42318;font-size:12.5px;font-weight:600;margin-top:4px}
.field-validation-valid:empty,.mk-field-error:empty{display:none}
.validation-summary-errors{border:1px solid #fecdca;background:#fef3f2;color:#b42318;border-radius:12px;padding:10px 14px;margin:10px 0}
.validation-summary-valid{display:none}
.mk-required-mark{color:#d92d20;margin-inline-start:3px}
button[data-mk-busy="1"],.btn[data-mk-busy="1"]{opacity:.65;pointer-events:none;cursor:progress}
.mk-toast-host{position:fixed;inset-inline-end:16px;bottom:16px;z-index:2000;display:grid;gap:8px;max-width:min(380px,calc(100vw - 32px))}
.mk-toast{padding:12px 14px;border-radius:12px;background:#101828;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:14px}
.mk-toast.error{background:#b42318}.mk-toast.success{background:#067647}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,footer,.menu-toggle,.selectors{display:none!important}.container{width:100%!important}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- V2.7.1 header refinements ---- */
html body .topbar #primaryNav.actions{flex-wrap:nowrap!important;overflow:visible}
html body .topbar .selectors{margin-inline-start:auto}
html body .topbar .nav>.auth-nav{flex:0 0 auto;margin:0;display:flex;align-items:center;gap:8px;list-style:none;padding:0}
html body .topbar .nav>.auth-nav li{list-style:none}
html body .topbar .nav>.auth-nav .nav-link{padding:9px 10px;border-radius:10px;font-weight:700;color:var(--text);text-decoration:none;white-space:nowrap}
html body .topbar .nav>.auth-nav .nav-register{display:inline-flex;padding:9px 14px;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
html body .topbar .nav>.auth-nav .account-menu{position:relative}
html body .topbar .nav>.auth-nav .account-trigger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--surface,#fff);cursor:pointer}
html body .topbar .nav>.auth-nav .avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary);color:#fff;font-weight:800}
html body .topbar .nav>.auth-nav .avatar img{width:100%;height:100%;object-fit:cover}
html body .topbar .nav>.auth-nav .account-dropdown{position:absolute;top:calc(100% + 8px);inset-inline-end:0;right:0;left:auto;min-width:200px;z-index:1200}
html[dir=rtl] body .topbar .nav>.auth-nav .account-dropdown{right:auto;left:0}
html body .topbar .nav>.auth-nav .account-menu:not(.open) .account-dropdown{display:none}
html body .topbar .nav>.auth-nav .account-menu.open .account-dropdown{display:block}
/* announcement lives inside the sticky header so it never scrolls away or hides under it */
html body .topbar>.global-announcement{position:relative;z-index:1;width:100%;border-top:1px solid rgba(0,0,0,.08)}
@media (max-width:1199px){
  html body .topbar .nav>.auth-nav{order:6;margin-inline-start:0}
  html body .topbar .nav>.auth-nav .account-dropdown{position:absolute!important;display:none}
  html body .topbar .nav>.auth-nav .account-menu.open .account-dropdown{display:block!important}
  html body .topbar #primaryNav .auth-nav{display:none}
}
@media (max-width:640px){html body .topbar .nav>.auth-nav .nav-register{display:none}}

/* V2.7.1 product zoom: scroll/pan in every direction */
html body .product-gallery.is-zoomed{display:block!important;justify-content:flex-start!important;align-content:flex-start!important;align-items:flex-start!important;justify-items:start!important;place-items:start!important;overflow:auto!important;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x pan-y;scrollbar-width:thin}
html body .product-gallery.is-zoomed.dragging{cursor:grabbing;user-select:none}
html body .product-gallery.is-zoomed #mainProductImage{max-width:none!important;max-height:none!important;margin:0!important;transition:none!important;transform:none!important;display:block;cursor:inherit}
html body .product-gallery #mainProductImage{transform:none!important}
/* V2.7.1 payment configuration wide */
.payment-config-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px}
.payment-config-card{width:100%;max-width:none}
.payment-config-card .wide-form{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
.payment-config-card .wide-form .form-section-title,.payment-config-card .wide-form .span-2,.payment-config-card .wide-form .check-row,.payment-config-card .wide-form .form-actions{grid-column:1/-1}

/* ===================================================================
   V2.7.1 THEME ENGINE — complete token sets + guaranteed contrast.
   Themes: ocean, sunset, emerald, midnight, amazon, shopify
   Admin can change any token from Admin > Portal Content > THEME_SETTINGS.
   =================================================================== */
html[data-theme]{color-scheme:light}
html:not([data-theme]){--bg:#f6f8fc;--surface:#ffffff;--surface-2:#eef2f9;--text:#101828;--muted:#5b667a;--border:#e2e6ee;--primary:#4f46e5;--primary2:#7c3aed;--accent:#0891b2;--on-primary:#ffffff;--link:#4338ca;--header-bg:#ffffff;--header-text:#101828;--header-hover:#eef2f9;--footer-bg:#101828;--footer-text:#d0d5dd}
html[data-theme="sunset"]{--bg:#fff6ee;--surface:#ffffff;--surface-2:#ffeadb;--text:#3b1a0a;--muted:#7a4a30;--border:#f3d5bf;--primary:#c2410c;--primary2:#ea580c;--accent:#d97706;--on-primary:#ffffff;--link:#c2410c;--header-bg:#fffaf5;--header-text:#3b1a0a;--header-hover:#ffeadb;--footer-bg:#3b1a0a;--footer-text:#fde6d3}
html[data-theme="emerald"]{--bg:#f0faf5;--surface:#ffffff;--surface-2:#dcf3e7;--text:#06281a;--muted:#40604f;--border:#cfe8da;--primary:#047857;--primary2:#059669;--accent:#0d9488;--on-primary:#ffffff;--link:#047857;--header-bg:#f9fffb;--header-text:#06281a;--header-hover:#dcf3e7;--footer-bg:#06281a;--footer-text:#d1f0e0}
html[data-theme="midnight"]{color-scheme:dark;--bg:#0b1220;--surface:#141d31;--surface-2:#1b2740;--text:#f1f5f9;--muted:#b6c2d4;--border:#2b3a56;--primary:#818cf8;--primary2:#a78bfa;--accent:#22d3ee;--on-primary:#0b1220;--link:#a5b4fc;--header-bg:#0a101d;--header-text:#f1f5f9;--header-hover:#1b2740;--footer-bg:#070c16;--footer-text:#b6c2d4}
/* Amazon-style: dark navy header, orange call-to-action, grey canvas, teal links */
html[data-theme="amazon"]{--bg:#eaeded;--surface:#ffffff;--surface-2:#f3f3f3;--text:#0f1111;--muted:#565959;--border:#d5d9d9;--primary:#ffa41c;--primary2:#ff9900;--accent:#007185;--on-primary:#0f1111;--link:#007185;--header-bg:#131921;--header-text:#ffffff;--header-hover:#232f3e;--footer-bg:#232f3e;--footer-text:#dddddd;--radius:10px}
/* Shopify-style: airy white/grey canvas, deep-green actions, soft borders */
html[data-theme="shopify"]{--bg:#f6f6f7;--surface:#ffffff;--surface-2:#f1f2f3;--text:#202223;--muted:#6d7175;--border:#e1e3e5;--primary:#008060;--primary2:#006e52;--accent:#5c6ac4;--on-primary:#ffffff;--link:#2c6ecb;--header-bg:#ffffff;--header-text:#202223;--header-hover:#f1f2f3;--footer-bg:#1a1c1d;--footer-text:#c9cccf;--radius:12px}

html[data-theme][data-theme] body{background:var(--bg)!important;color:var(--text)!important}
html[data-theme][data-theme] :is(.form-card,.table-card,.admin-card,.admin-panel,.card,.panel,.product-card,.plan-card,.notice,.stat-card,.kpi-grid>div,.feature-strip>div,.vendor-card,.cart-item,.summary-card,.compare-table,.support-card,.knowledge-card,.review-card,.order-card,.wallet-hero,.localization-card,.identity-card,.account-info-grid>div,.cod-box){background-color:var(--surface)!important;color:var(--text);border-color:var(--border)!important}
html[data-theme][data-theme] :is(.detail-image,.product-gallery,.product-image,.order-item img,.compare-product img,.product-gallery-image){background-color:var(--surface)!important}
html[data-theme][data-theme] :is(th,.table-card th,.compare-table th){background-color:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme][data-theme] :is(td,.table-card td,.compare-table td){color:var(--text);border-color:var(--border)!important}
html[data-theme][data-theme] :is(input,select,textarea,.search,.rich-editor-content){background-color:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme][data-theme] :is(input,textarea)::placeholder{color:var(--muted)!important}
html[data-theme][data-theme] option{background:var(--surface);color:var(--text)}
html[data-theme][data-theme] :is(h1,h2,h3,h4,h5,h6,legend,label,dt,strong,b){color:var(--text)}
html[data-theme][data-theme] :is(.muted,small,.eyebrow,.page-head p,.field-help,.breadcrumbs,.breadcrumbs a,figcaption){color:var(--muted)!important}
html[data-theme][data-theme] main a:not(.btn):not(.chip):not(.admin-card):not(.status):not(.badge):not([class*="card"]){color:var(--link)}
html[data-theme][data-theme] .breadcrumbs a:hover{color:var(--link)!important}
html[data-theme][data-theme] :is(.btn.primary,button.primary,.btn.primary:hover){background:var(--primary)!important;border-color:var(--primary)!important;color:var(--on-primary)!important;background-image:none!important}
html[data-theme][data-theme] .btn.primary:hover{background:var(--primary2)!important}
html[data-theme][data-theme] :is(.btn.secondary,.btn.ghost,.btn.ghost-dark,.btn:not(.primary):not(.danger)){background-color:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme][data-theme] .btn.danger{color:#fff!important}
html[data-theme][data-theme] :is(.status,.badge){background:color-mix(in srgb,var(--primary) 16%,var(--surface))!important;color:var(--text)!important;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border))!important}
html[data-theme][data-theme] :is(.status.disabled,.status.inactive){background:var(--surface-2)!important;color:var(--muted)!important}
/* header */
html[data-theme][data-theme] body .topbar{background:var(--header-bg)!important;color:var(--header-text)!important;border-color:color-mix(in srgb,var(--header-text) 14%,transparent)!important}
html[data-theme][data-theme] body .topbar :is(a,summary,.brand,.nav-group summary,.actions a,.auth-nav a,.nav-cart,.menu-toggle,label){color:var(--header-text)!important;background-color:transparent!important}
html[data-theme][data-theme] body .topbar :is(a,summary,.nav-cart,.menu-toggle):hover{background-color:var(--header-hover)!important}
html[data-theme][data-theme] body .topbar :is(.selectors select,.search){background-color:color-mix(in srgb,var(--header-text) 10%,var(--header-bg))!important;color:var(--header-text)!important;border-color:color-mix(in srgb,var(--header-text) 22%,transparent)!important}
html[data-theme][data-theme] body .topbar .search input{background:transparent!important;color:var(--header-text)!important}
html[data-theme][data-theme] body .topbar :is(.nav-dropdown,.nav-flyout,.auth-nav .dropdown,.auth-nav .user-menu){background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}
html[data-theme][data-theme] body .topbar :is(.nav-dropdown,.nav-flyout,.auth-nav .dropdown,.auth-nav .user-menu) :is(a,summary){color:var(--text)!important;background:transparent!important}
html[data-theme][data-theme] body .topbar :is(.nav-dropdown,.nav-flyout,.auth-nav .dropdown,.auth-nav .user-menu) :is(a,summary):hover{background:var(--surface-2)!important;color:var(--link)!important}
html[data-theme][data-theme] body .topbar :is(svg,i){color:inherit;fill:currentColor}
/* footer */
html[data-theme][data-theme] footer,html[data-theme][data-theme] .footer{background:var(--footer-bg)!important;color:var(--footer-text)!important}
html[data-theme][data-theme] footer :is(a,p,span,small,h1,h2,h3,h4,li,b,strong,div){color:var(--footer-text)!important}
/* dark theme: force readable text on every content tag, legacy hard-coded greys included */
html[data-theme="midnight"][data-theme] main :is(p,li,span,small,div,td,th,label,h1,h2,h3,h4,h5,h6,summary,dd,dt,a):not(.btn):not(.btn *):not(.status):not(.badge):not(.hero *):not(.global-announcement *){color:var(--text)}
html[data-theme="midnight"][data-theme] main :is(.muted,small,.eyebrow,.field-help){color:var(--muted)}
html[data-theme="midnight"][data-theme] main a:not(.btn){color:var(--link)}
/* announcement stays as authored */
html[data-theme][data-theme] body .topbar .global-announcement :is(a,button){color:inherit!important;background-color:transparent!important}
/* Amazon / Shopify signature touches */
html[data-theme="amazon"] .product-card,html[data-theme="amazon"] .plan-card{border-radius:8px;box-shadow:none}
html[data-theme="amazon"] .btn.primary{border-radius:20px;font-weight:600}
html[data-theme="amazon"] .topbar #primaryNav>*>a,html[data-theme="amazon"] .topbar #primaryNav summary{font-weight:600}
html[data-theme="shopify"] .btn{border-radius:8px}
html[data-theme="shopify"] .form-card,html[data-theme="shopify"] .table-card,html[data-theme="shopify"] .product-card{box-shadow:0 0 0 1px var(--border),0 1px 3px rgba(23,24,24,.08)}

/* V2.7.1 header fit at 1440–1699px: compact spacing so everything stays on one line */
html body .topbar .nav>.auth-nav a,html body .topbar .nav>.auth-nav .nav-link,html body .topbar .nav>.auth-nav .nav-register{font-size:14px!important;font-weight:700!important;line-height:1.2}
html body .topbar .selectors{margin-inline-start:12px}
@media(min-width:1200px) and (max-width:1699px){
  html body .topbar #primaryNav{gap:0!important}
  html body .topbar #primaryNav>*>summary,html body .topbar #primaryNav>a{padding-inline:7px!important;font-size:13px!important}
  html body .topbar .brand-logo{width:124px!important}
  html body .topbar .selectors{gap:5px!important;margin-inline-start:8px}
  html body .topbar .selectors select{padding-inline:6px 18px!important;font-size:12px!important;min-width:0!important;width:auto!important;max-width:96px!important;background-position:right 5px center!important}
  html body .topbar .nav>.auth-nav a{font-size:13px!important;padding-inline:8px!important}
}

/* ===== V2.7.2 ===== */
/* user avatar in header: perfect circle regardless of legacy .nav-account rules */
html[data-theme] body .topbar .nav>.auth-nav .account-trigger,html body .topbar .nav>.auth-nav .nav-account{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;gap:0!important;border-radius:50%!important;border:2px solid color-mix(in srgb,var(--primary) 55%,transparent)!important;background:transparent!important;overflow:hidden;line-height:1}
html body .topbar .nav>.auth-nav .avatar{width:34px!important;height:34px!important;min-width:34px;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;overflow:hidden;background:var(--primary)!important;color:var(--on-primary,#fff)!important;font-weight:800;font-size:15px}
html body .topbar .nav>.auth-nav .avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;display:block}
html body .topbar .nav>.auth-nav .account-menu{display:flex;align-items:center}
html body .topbar .nav>.auth-nav .account-dropdown{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.18);padding:6px}
html body .topbar .nav>.auth-nav .account-dropdown a,html body .topbar .nav>.auth-nav .account-dropdown button{display:block;width:100%;text-align:start;padding:9px 12px;border:0;border-radius:8px;background:transparent!important;color:var(--text)!important;font:inherit;font-weight:600;cursor:pointer}
html body .topbar .nav>.auth-nav .account-dropdown a:hover,html body .topbar .nav>.auth-nav .account-dropdown button:hover{background:var(--surface-2,#f1f3f7)!important}
/* titles + fields: one consistent, aligned pattern everywhere */
.mk-auto-label{display:block;font-weight:600;font-size:13px;margin:0 0 6px;color:var(--text)}
.form-grid,.form-card form,.auth-form{align-items:start}
.form-grid>label,.form-card form>label,.auth-form>label,label.field{display:grid;gap:6px;align-content:start;font-weight:600;font-size:13px;color:var(--text)}
.form-grid>label>:is(input,select,textarea):not([type=checkbox]):not([type=radio]),.form-card form>label>:is(input,select,textarea):not([type=checkbox]):not([type=radio]),.form-grid>:is(input,select,textarea):not([type=checkbox]):not([type=radio]){width:100%;min-height:42px;box-sizing:border-box}
.form-grid>label>small,.form-card label>small,label>.muted,.field-help{display:block;font-weight:400;font-size:12px;line-height:1.4;margin-top:2px;color:var(--muted)}
.form-grid>.mk-auto-label{margin-bottom:-6px}
.form-grid>.mk-auto-label+:is(input,select,textarea){margin-top:0}
label.check,label.check-row label,.check-row>label,.gs-perm{display:flex!important;align-items:center;gap:8px;font-weight:500}
.form-grid .span-2,.form-grid>.form-actions,.form-grid>.form-section-title{grid-column:1/-1}
@media(max-width:700px){.form-grid{grid-template-columns:1fr!important}}
.mk-field{display:grid;gap:6px;align-content:start;min-width:0}.mk-field>.mk-auto-label{margin:0}.mk-field.span-2{grid-column:1/-1}
.notification-card-head>div{display:flex;flex-direction:column;gap:2px}.notification-date{font-size:12px;color:var(--muted)}.notification-excerpt{margin:8px 0;color:var(--text);overflow-wrap:anywhere}
.nav-cart{position:relative}
.cart-badge{background:var(--primary)!important;color:var(--on-primary,#fff)!important}
.btn.in-cart,button.in-cart{opacity:.75;cursor:not-allowed}
.mk-toast{position:fixed;inset-inline-end:16px;bottom:16px;z-index:100001;display:flex;gap:12px;align-items:center;max-width:min(92vw,420px);padding:12px 16px;border-radius:12px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 14px 34px rgba(0,0,0,.22);font-weight:600}
.mk-toast[hidden]{display:none}.mk-toast.ok{border-inline-start:5px solid #12b76a}.mk-toast.err{border-inline-start:5px solid #d92d20}.mk-toast a{color:var(--link,var(--primary));text-decoration:underline;white-space:nowrap}
/* V2.7.2 global search row (inside the sticky header, under the menu) */
.mk-search-row{border-top:1px solid color-mix(in srgb,var(--header-text,#101828) 10%,transparent);padding:8px 0 10px}
.mk-search{position:relative;display:flex;align-items:center;gap:0;max-width:820px;margin-inline:auto;border:2px solid color-mix(in srgb,var(--primary) 60%,var(--border));border-radius:12px;background:var(--surface);overflow:visible}
html body .topbar .mk-search input[type=search]{flex:1;min-width:0;border:0!important;background:transparent!important;color:var(--text)!important;padding:10px 14px 10px 6px;height:42px;font-size:15px;outline:none;box-shadow:none!important;border-radius:0}
.mk-search-icon{padding-inline:12px 4px;font-size:20px;color:var(--muted)}
html body .topbar .mk-search .mk-search-btn{height:42px;padding:0 20px;border:0;border-radius:0 10px 10px 0;background:var(--primary)!important;color:var(--on-primary,#fff)!important;font-weight:700;cursor:pointer}
[dir=rtl] .mk-search .mk-search-btn{border-radius:10px 0 0 10px}
.mk-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 28%,transparent)}
.mk-search-list{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:1300;margin:0;padding:6px;list-style:none;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.22);max-height:min(70vh,440px);overflow:auto}
.mk-search-list[hidden]{display:none}
.mk-search-list li a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;color:var(--text)!important;text-decoration:none;background:transparent!important}
.mk-search-list li.active a,.mk-search-list li a:hover{background:var(--surface-2,#eef1f6)!important}
.mk-search-list img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--surface-2,#eee);flex:0 0 44px}
.mk-s-main{flex:1;min-width:0;display:flex;flex-direction:column}.mk-s-main b,.mk-s-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-s-main small{color:var(--muted)!important}
.mk-s-price{font-weight:700;white-space:nowrap}
.mk-search-list mark{background:color-mix(in srgb,var(--primary) 25%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.mk-search-empty{padding:12px;color:var(--muted)}
.mk-search-all a{justify-content:center;font-weight:700;color:var(--link,var(--primary))!important;border-top:1px solid var(--border);margin-top:4px;border-radius:0 0 8px 8px}
@media(max-width:700px){.mk-search-row{padding:6px 0 8px}.mk-search .mk-search-btn{padding:0 14px}}
html[data-theme][data-theme] body .topbar .mk-search-list li a,html[data-theme][data-theme] body .topbar .mk-search-list li a *{color:var(--text)!important;background-color:transparent!important}
html[data-theme][data-theme] body .topbar .mk-search-list li.active a,html[data-theme][data-theme] body .topbar .mk-search-list li a:hover{background-color:var(--surface-2)!important}
html[data-theme][data-theme] body .topbar .mk-search-list .mk-s-main small{color:var(--muted)!important}
html[data-theme][data-theme] body .topbar .mk-search-list .mk-search-all a{color:var(--link)!important}
html[data-theme][data-theme] body .topbar .mk-search-list{background:var(--surface)!important}

/* ===== V2.7.3 ===== */
/* catalog filters: equal-height, bottom-aligned fields */
html body .catalog-filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important;align-items:end!important}
html body .catalog-filters .filter-field{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;font-size:.82rem;font-weight:700;color:var(--muted)}
html body .catalog-filters .filter-field :is(input,select){width:100%!important;height:44px!important;min-height:44px;margin:0!important;padding:0 12px!important;box-sizing:border-box;font-size:.95rem;font-weight:500}
html body .catalog-filters .filter-actions{display:flex!important;gap:10px!important;align-items:end!important;flex-wrap:wrap}
html body .catalog-filters .filter-actions .btn{height:44px!important;display:inline-flex;align-items:center;justify-content:center;margin:0!important;white-space:nowrap}

/* cart: payment method */
html body .payment-checkout{display:grid;gap:10px}
html body .payment-checkout>h3{margin:0 0 2px}
html body .payment-checkout label.checkout-option{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:12px 14px!important;border:1.5px solid var(--border);border-radius:12px;background:var(--surface-2,var(--surface));cursor:pointer;line-height:1.3;font-weight:600;transition:border-color .15s,box-shadow .15s}
html body .payment-checkout label.checkout-option input[type=radio]{flex:0 0 18px!important;width:18px!important;height:18px!important;min-width:18px;margin:0!important;padding:0!important;accent-color:var(--primary)}
html body .payment-checkout label.checkout-option:hover{border-color:var(--primary)}
html body .payment-checkout label.checkout-option:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}
html body .payment-checkout small{display:block;margin-top:2px;color:var(--muted);line-height:1.5}

/* gift card panel + modal + inline alert */
.mk-alert{padding:10px 14px;border-radius:10px;border:1px solid #f5b5b5;background:#fdecec;color:#8a1c1c;font-weight:600;font-size:.92rem;line-height:1.4;margin:0 0 12px}
.mk-alert[hidden]{display:none!important}
html[data-theme=midnight] .mk-alert{background:#3b1518;border-color:#7a2a2f;color:#ffc9cc}
#productAddToCartForm[data-gift-inline]{display:block!important;width:100%}
.detail-actions:has(#productAddToCartForm[data-gift-inline]){flex-wrap:wrap}
.gift-panel{width:100%;border:1px solid var(--border);border-radius:16px;background:var(--surface-2,var(--surface));padding:16px;margin:0 0 14px;text-align:left}
.gift-panel-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.gift-panel-head h3{margin:0 0 2px;font-size:1.15rem}
.gift-panel-head small,.gift-panel-head b+small{display:block;color:var(--muted);line-height:1.45}
.gift-ico{font-size:28px;line-height:1;flex:none}
.gift-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.gift-f{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.85rem;margin:0}
.gift-f em{color:#d92d20;font-style:normal}.gift-f .opt{color:var(--muted);font-weight:500}
.gift-f :is(input,textarea){width:100%!important;padding:10px 12px!important;border:1.5px solid var(--border)!important;border-radius:10px!important;background:var(--surface)!important;color:var(--text)!important;font:inherit;font-weight:500;box-sizing:border-box}
.gift-f textarea{resize:vertical;min-height:84px}
.gift-f :is(input,textarea):focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}
.gift-f .bad{border-color:#d92d20!important}
.gift-f small{font-weight:400;color:var(--muted)}.gift-count{text-align:right}
.gift-wide{grid-column:1/-1}
@media(max-width:560px){.gift-grid{grid-template-columns:1fr}}
.mk-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:16px;background:rgba(2,6,23,.62);backdrop-filter:blur(4px);overflow:auto}
.mk-modal-card{position:relative;width:min(520px,100%);max-height:92vh;overflow:auto;background:var(--surface,#fff);color:var(--text,#101828);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.mk-modal-x{position:absolute;right:12px;top:10px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:transparent;color:inherit;font-size:22px;cursor:pointer;line-height:1}
.mk-modal-card .gift-panel-head{padding-right:34px}
.mk-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
html.mk-modal-open{overflow:hidden}

/* product gallery: bigger thumbnails on mobile, reliable pan while zoomed */
.product-gallery.is-zoomed{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}
.product-gallery.is-zoomed.dragging{cursor:grabbing}
.product-gallery.is-zoomed>img{pointer-events:none;-webkit-user-drag:none;max-width:none!important}
@media(max-width:850px){
  .product-gallery-wrap{display:flex!important;flex-direction:column!important;gap:12px!important}
  .product-gallery-wrap .product-gallery{order:1}
  .product-gallery-wrap .product-gallery-thumbs{order:2;flex-direction:row!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden;gap:10px!important;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .product-gallery-thumbs .gallery-thumb{flex:0 0 auto;scroll-snap-align:start;padding:3px}
  .product-gallery-thumbs .gallery-thumb img{width:88px!important;height:88px!important}
  .product-gallery{height:min(88vw,440px)!important;min-height:0!important}
}
@media(max-width:400px){.product-gallery-thumbs .gallery-thumb img{width:76px!important;height:76px!important}}

/* V2.7.3 — make every theme visibly change page background, headings, links and surfaces */
html[data-theme][data-theme] body{background:var(--bg)!important;color:var(--text)!important}
html[data-theme][data-theme] body main{background:transparent}
html[data-theme][data-theme] main :is(h1,h2){color:var(--primary)}
html[data-theme][data-theme] main :is(h3,h4,h5){color:var(--text)}
html[data-theme][data-theme] main :is(.hero,.hero *,.btn.primary,.btn.primary *,.status,.badge,.discount-badge){color:revert-layer}
html[data-theme][data-theme] main :is(.eyebrow,.category){color:var(--primary)!important}
html[data-theme][data-theme] main :is(p,small,.muted,.vendor){color:var(--muted)}
html[data-theme][data-theme] main a:not(.btn):not(.admin-card):not(.chip):not(.gallery-thumb){color:var(--link)}
html[data-theme][data-theme] main :is(.price-row strong,.summary strong,.metric-large){color:var(--primary)}
html[data-theme][data-theme] main :is(thead th){background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme][data-theme] main :is(td,th,.form-card,.table-card,.data-table,.product-card,.admin-card,.admin-panel,.summary,.summary-section,.cart-item,.plan-card,.vendor-card,.notice,.gift-panel){border-color:var(--border)}
html[data-theme][data-theme] main :is(.form-card,.table-card,.data-table,.product-card,.admin-card,.admin-panel,.summary,.cart-item,.plan-card,.vendor-card){background:var(--surface);color:var(--text)}
html[data-theme][data-theme] main :is(.notice,.gift-panel,.summary-section,.mk-field){background:var(--surface-2)}
html[data-theme][data-theme] main :is(input,select,textarea):not([type=checkbox]):not([type=radio]){background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme][data-theme] main .section:nth-of-type(even){background:color-mix(in srgb,var(--surface-2) 40%,transparent)}
html[data-theme][data-theme] main .admin-card:hover,html[data-theme][data-theme] main .product-card:hover{border-color:var(--primary);box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 18%,transparent)}
html[data-theme][data-theme] .btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2))!important;color:var(--on-primary)!important;border-color:transparent!important}
html[data-theme][data-theme] .btn.secondary,html[data-theme][data-theme] .btn.ghost-dark{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
html[data-theme][data-theme] footer{background:var(--footer-bg)!important;color:var(--footer-text)!important}
html[data-theme][data-theme] footer :is(a,p,h3,h4,li,span,small){color:var(--footer-text)!important}
/* V2.9.30: the uploaded logo is shown exactly as uploaded (no pill, filter or recolour). An optional "logo for dark themes" replaces it on dark headers only. */
html body .topbar .brand-logo-ondark{display:none}
html[data-theme="midnight"] body .topbar .brand[data-has-dark] .brand-logo-ondark,html[data-theme="amazon"] body .topbar .brand[data-has-dark] .brand-logo-ondark,html[data-theme="ocean"] body .topbar .brand[data-has-dark] .brand-logo-ondark{display:block}
html[data-theme="midnight"] body .topbar .brand[data-has-dark] .brand-logo-onlight,html[data-theme="amazon"] body .topbar .brand[data-has-dark] .brand-logo-onlight,html[data-theme="ocean"] body .topbar .brand[data-has-dark] .brand-logo-onlight{display:none}

/* V2.7.5 — hero is always a dark panel with light text, in every theme */
html .hero{background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--primary2,#7c3aed) 38%,transparent),transparent 34%),linear-gradient(135deg,#0d1424,color-mix(in srgb,var(--primary,#5b5cf0) 30%,#0d1424))!important;color:#fff!important}
html .hero :is(h1,h2,h3,p,li,div,small,b,strong,label){color:#f4f6fb!important}
html .hero :is(.eyebrow,h1 span){color:color-mix(in srgb,var(--primary2,#a7a8ff) 55%,#fff)!important}
html .hero p,html .hero .hero-copy{color:#dbe2ee!important}
html .hero a:not(.btn){color:#fff!important;text-decoration:underline}
html .hero .btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2))!important;color:var(--on-primary,#fff)!important;border-color:transparent!important}
html .hero .btn.secondary,html .hero .btn.ghost-dark,html .hero .btn:not(.primary){background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important}
html[data-theme="amazon"] .hero .btn.primary,html[data-theme="midnight"] .hero .btn.primary{color:#0b1220!important;background:var(--primary)!important}

/* V2.7.5 — product view switcher + roomier cards */
.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 14px}
.view-toolbar .count{color:var(--muted);font-size:.92rem}
.view-switch{display:inline-flex;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}
.view-switch button{border:0;background:transparent;color:var(--text);padding:8px 13px;cursor:pointer;font-size:.9rem;font-weight:600}
.view-switch button+button{border-inline-start:1px solid var(--border)}
.view-switch button[aria-pressed=true]{background:var(--primary);color:var(--on-primary,#fff)}
.product-grid[data-view=large]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:22px}
.product-grid[data-view=large] .product-image img{aspect-ratio:4/3;height:auto}
.product-grid[data-view=large] h3{font-size:1.15rem}
.product-grid[data-view=compact]{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:12px}
.product-grid[data-view=list]{grid-template-columns:1fr!important;gap:14px}
.product-grid[data-view=list] .product-card{display:grid;grid-template-columns:200px 1fr;align-items:stretch}
.product-grid[data-view=list] .product-card>a{display:grid;grid-template-columns:200px 1fr;grid-column:1/-1}
.product-grid[data-view=list] .product-image img{height:100%;min-height:150px;object-fit:cover}
.product-grid[data-view=list] .product-actions{grid-column:2;padding:0 16px 14px}
@media(max-width:640px){.product-grid[data-view=list] .product-card,.product-grid[data-view=list] .product-card>a{grid-template-columns:110px 1fr}.product-grid[data-view=list] .product-actions{grid-column:1/-1}.product-grid[data-view=large]{grid-template-columns:1fr!important}}
.catalog-more{display:flex;justify-content:center;margin:22px 0}
.catalog-more .btn.loading{opacity:.6;pointer-events:none}
#products .product-grid:not([data-view]){grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:20px}

/* V2.7.5 — zoomed product image must scroll inside its frame, never widen the page */
.product-detail-v2,.product-detail-v2>*{min-width:0}
.product-detail-v2 .product-media-column,.product-detail-v2 .product-gallery-wrap{min-width:0!important;max-width:100%;width:100%}
.product-detail-v2 .product-gallery-wrap .product-gallery{min-width:0!important;max-width:100%!important;width:100%!important;contain:layout paint}
@media(max-width:900px){html body .product-detail-v2{grid-template-columns:minmax(0,1fr)!important}}

/* V2.7.6 */
.auth-form .privacy-accept{margin:12px 0 14px;text-align:start}
.auth-form .privacy-accept .check-row{display:flex!important;flex-direction:row;align-items:center;gap:10px;margin:0;font-weight:500;line-height:1.4}
.auth-form .privacy-accept input[type=checkbox]{width:18px!important;height:18px!important;flex:0 0 18px;margin:0!important;padding:0!important;accent-color:var(--primary)}
.auth-form .privacy-accept .check-row span{display:inline}
.auth-form .privacy-accept a{display:inline;padding:0;color:var(--link,var(--primary))}
#products .product-grid{padding-inline:14px}
#products .product-card .product-body{padding:16px 16px 10px}
#products .product-card .product-actions,#products .home-product-actions{padding:6px 16px 20px!important;margin:0!important;gap:10px}
#products .product-card{min-height:440px;display:flex;flex-direction:column}
#products .product-card>a{flex:1}
@media(max-width:640px){#products .product-grid{padding-inline:8px}}
.auth-form .privacy-accept input[type=checkbox]{min-height:0!important;max-height:18px}
/* V2.7.7 alignment: toolbar/count/switcher/load-more share the grid's side inset */
#products .view-toolbar,#products .catalog-more,#products .catalog-page-info{padding-inline:14px}
@media(max-width:640px){#products .view-toolbar,#products .catalog-more,#products .catalog-page-info{padding-inline:8px}}
/* cart: keep "Place order with <method>" on one line */
#placeOrderBtn{font-size:.82rem;white-space:nowrap;padding-inline:12px;letter-spacing:0}
#placeOrderBtn #payLabel{white-space:nowrap}
.catalog-toolbar-inset .view-toolbar{padding-inline:14px}
.container .view-toolbar{padding-inline:14px}
@media(max-width:640px){.container .view-toolbar{padding-inline:8px}}
/* V2.7.7 – home section heading + filter chips share the card grid inset */
#products>.sectionhead{padding-inline:14px}
@media(max-width:640px){#products>.sectionhead{padding-inline:8px}}
/* V2.7.7 – checkboxes/radios: normal size, aligned with their text everywhere */
main input[type=checkbox],main input[type=radio]{width:18px!important;height:18px!important;min-width:18px!important;min-height:0!important;max-height:18px;padding:0!important;margin:0!important;flex:0 0 18px;accent-color:var(--primary);vertical-align:middle;box-shadow:none}
main label:has(>input[type=checkbox]),main label:has(>input[type=radio]),main label.check,main label.checkbox-field,main label.notice:has(>input[type=checkbox]){display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px;line-height:1.35;width:auto;cursor:pointer}
main .form-grid>label:has(>input[type=checkbox]){align-self:end;min-height:44px}
td>label.check{display:inline-flex!important}
/* V2.7.7 – compare rows: hover tint follows the theme, never turns white */
.compare-table tbody tr:hover td,.compare-table tbody tr:hover th{background:color-mix(in srgb,var(--primary) 9%,var(--surface))!important;color:var(--text)!important}
.compare-table-wrap,.compare-label,.compare-table td,.compare-table tbody th{background-color:var(--surface)}
.compare-table thead th,.compare-table thead .compare-label{background-color:var(--surface-2,var(--bg))}
/* V2.7.9 – Translate dialog */
.localize-card{width:min(720px,94vw);max-height:88vh;overflow:auto}
.localize-block{border:1px solid var(--border);border-radius:14px;margin:0 0 14px;padding:12px 14px}.localize-block legend{font-weight:800;padding:0 6px}
.localize-src{display:grid;gap:2px;margin-bottom:10px}.localize-src span,.localize-row span{font-size:.8rem;color:var(--muted);font-weight:700}.localize-src div{padding:9px 11px;border-radius:10px;background:var(--surface-2,#f3f6fb);white-space:pre-wrap}
.localize-row{display:grid;gap:4px;margin:8px 0}.localize-row input,.localize-row textarea{width:100%}
.btn-translate{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:.82rem;cursor:pointer}
.btn-translate:hover{border-color:var(--primary);color:var(--primary)}

/* V2.7.9 product flags */
.mk-chip{display:inline-block;margin:0 4px 6px 0;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background:rgba(245,158,11,.16);color:#b45309;border:1px solid rgba(245,158,11,.4)}
.mk-chip-ok{background:rgba(16,185,129,.14);color:#047857;border-color:rgba(16,185,129,.4)}
.mk-note{margin:8px 0;padding:8px 12px;border-radius:10px;font-size:.9rem}
.mk-note-info{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35)}
.mk-note-ok{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.35)}

/* ---- V2.7.9 header: desktop/laptop inline links, burger on tablets/mobile; RTL; touch ---- */
@media (min-width:1200px) and (max-width:1439px){
  html body .topbar .nav{gap:6px}
  html body .topbar .brand-logo{max-width:128px}
  html body .topbar #primaryNav .nav-group>summary,html body .topbar #primaryNav .nav-cart{padding:8px 5px;font-size:12.5px}
  html body .topbar .selectors{gap:4px}
  html body .topbar .selectors select{max-width:84px;padding:5px 6px;font-size:12px}
  html body .topbar .selectors #themeSelect{max-width:78px}
}
html body .topbar .menu-toggle,html body .topbar #primaryNav .nav-group>summary,html body .topbar .account-trigger,html body .topbar .nav-cart{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (hover:none),(pointer:coarse){
  html body .topbar #primaryNav .nav-group>summary,html body .topbar #primaryNav .nav-dropdown a{min-height:44px}
}
/* RTL: brand first on the right, selectors and the user icon side by side */
html[dir=rtl] body .topbar .nav{direction:rtl}
html[dir=rtl] body .topbar .brand{direction:ltr}
html[dir=rtl] body .topbar .selectors{margin-inline-start:auto;direction:rtl}
html[dir=rtl] body .topbar .nav>.auth-nav{margin-inline-start:0;margin-inline-end:0}
html[dir=rtl] body .topbar .nav-group>summary::after,html[dir=rtl] .nav-group summary:after{margin-left:0;margin-inline-start:6px}
html[dir=rtl] .nav-dropdown a{text-align:right}
/* RTL search */
html[dir=rtl] .mk-search{direction:rtl}
html[dir=rtl] body .topbar .mk-search input[type=search]{padding:10px 6px 10px 14px;text-align:right;direction:rtl}
html[dir=rtl] .mk-search-icon{padding-inline:12px 4px}
html[dir=rtl] body .topbar .mk-search .mk-search-btn{border-radius:10px 0 0 10px;white-space:nowrap}
html body .topbar .mk-search .mk-search-btn{white-space:nowrap;flex:0 0 auto}
@media (max-width:480px){html body .topbar .mk-search .mk-search-btn{padding:0 14px}}
html body .topbar .nav>.selectors{margin-inline:auto 0!important}
html body .topbar .nav>.auth-nav{margin-inline:0!important}
html body .topbar .nav>.auth-nav{order:6}
html body .topbar .nav>.selectors{order:5}

/* V2.7.9 vendor promo badges + welcome popup */
.product-image{position:relative}
.promo-badge{position:absolute;inset-block-end:8px;inset-inline-start:8px;z-index:2;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,#e11d48,#f97316);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 12px rgba(225,29,72,.35);white-space:nowrap}
.promo-badge.promo-inline{position:static;display:inline-block;margin-top:3px;box-shadow:none}
.promo-welcome-backdrop{position:fixed;inset:0;z-index:7000;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:16px}
.promo-welcome{position:relative;width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface,#fff);color:var(--text,#101828);border-radius:20px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:center}
.promo-welcome h2{margin:6px 0}.promo-welcome .promo-big{font-size:2rem;font-weight:900;color:var(--primary)}
.promo-welcome code{display:inline-block;margin:10px 0;padding:8px 16px;border:2px dashed var(--primary);border-radius:12px;font-size:1.25rem;font-weight:800;letter-spacing:3px}
.promo-welcome .promo-close{position:absolute;inset-block-start:10px;inset-inline-end:12px;border:0;background:transparent;font-size:24px;cursor:pointer;color:var(--muted)}
.product-detail-v2>.breadcrumbs{grid-column:1/-1;order:-1;margin:0 0 4px}

/* V2.7.9 guided tour: clear floating card, no overlay, always-readable text */
.journey-modal.journey-coach{position:fixed;inset-block-end:16px;inset-inline-end:16px;z-index:6500;background:transparent;pointer-events:none;display:block}
.journey-modal.journey-coach[hidden]{display:none!important}
.journey-coach .journey-dialog{pointer-events:auto;position:static;transform:none;width:min(380px,calc(100vw - 24px))!important;max-width:none;max-height:min(70dvh,560px);overflow:auto;background:#ffffff!important;color:#101828!important;border:2px solid var(--primary);border-radius:18px;padding:16px 18px;box-shadow:0 18px 50px rgba(15,23,42,.28)}
html[data-theme="midnight"] .journey-coach .journey-dialog{background:#111827!important;color:#f8fafc!important}
.journey-coach .journey-dialog h2{margin:6px 0;font-size:1.15rem;color:inherit}.journey-coach .journey-dialog p{margin:0 0 10px;color:inherit;opacity:.9;line-height:1.5}
.journey-coach .journey-dialog .eyebrow{color:var(--primary)}
.journey-coach .journey-image{max-width:100%;border-radius:10px;margin:6px 0}
.journey-coach .journey-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}
.tour-head{display:flex;justify-content:space-between;align-items:center}
.tour-x{border:1px solid var(--border);background:transparent;color:inherit;border-radius:8px;width:30px;height:30px;font-size:18px;cursor:pointer}
.tour-progress{height:5px;background:rgba(100,116,139,.25);border-radius:5px;overflow:hidden;margin:6px 0}.tour-progress i{display:block;height:100%;background:var(--primary)}
.tour-where{margin:6px 0;font-size:.9rem}.tour-link{border:0;background:transparent;color:var(--primary);cursor:pointer;font:inherit;text-decoration:underline;padding:0}
.tour-pill{pointer-events:auto;border:0;border-radius:999px;padding:10px 16px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.journey-coach.is-min .journey-dialog{background:transparent!important;border:0;box-shadow:none;padding:0;width:auto!important}
.tour-highlight{outline:3px solid #f59e0b!important;outline-offset:3px;border-radius:8px;animation:tourPulse 1.4s ease-in-out infinite;position:relative}
@keyframes tourPulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.55)}50%{box-shadow:0 0 0 10px rgba(245,158,11,0)}}
@media (max-width:640px){.journey-modal.journey-coach{inset-inline:12px;inset-block-end:12px}.journey-coach .journey-dialog{width:100%!important}}

/* V2.7.10 hover flicker fix: never move the element under the cursor */
.btn:hover,.btn.primary:hover,.product-card:hover,.admin-card:hover,.kpi-grid .kpi-link:hover,.vendor-card:hover{transform:none!important}
.btn,.admin-card,.product-card,.kpi-link{transition:box-shadow .18s,background-color .18s,border-color .18s,color .18s!important;will-change:auto}
.mk-sortable{cursor:pointer;user-select:none;white-space:nowrap}
.mk-sortable::after{content:"↕";margin-inline-start:6px;font-size:.75em;opacity:.35}
.mk-sortable[aria-sort=ascending]::after{content:"▲";opacity:.9}.mk-sortable[aria-sort=descending]::after{content:"▼";opacity:.9}
.crumb-back{display:inline-flex;align-items:center;margin-inline-end:10px;padding:2px 10px;border:1px solid var(--border);border-radius:999px;font-weight:700;font-size:.85em;text-decoration:none}
.crumb-back:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}
.oos-badge{display:inline-block;margin-inline-start:10px;padding:3px 10px;border-radius:999px;background:#fee4e2;color:#b42318;border:1px solid #fda29b;font-size:.5em;font-weight:800;vertical-align:middle;white-space:nowrap}
.oos-panel{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:#fef3f2;border:1px solid #fecdca;color:#b42318;margin:8px 0}
.oos-chip{position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:2;background:#b42318;color:#fff;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:800}
.pd-crumb{padding-top:14px}.pd-crumb .breadcrumbs{margin:0}
.product-description .product-rich-details{line-height:1.7}
.btn-wide{width:100%;justify-content:center;padding:13px 18px}
.nav-signout-form{margin:0}
html body .topbar #primaryNav .nav-dropdown .nav-signout-link{display:flex;width:100%;align-items:center;padding:10px 12px;border:0;background:transparent;color:var(--text);font:inherit;font-weight:600;font-size:14px;text-align:start;cursor:pointer;border-radius:9px}
html body .topbar #primaryNav .nav-dropdown .nav-signout-link:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}
.conv{opacity:.75;font-weight:400;margin-inline-start:4px;font-size:.78em;white-space:nowrap}
.cms-promo-strip{padding:10px 16px;margin-top:12px;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));text-align:center}.cms-promo-strip p,.cms-footer-about p,.cms-footer-contact p{margin:4px 0}
[hidden]{display:none!important}
.rating-link{display:inline-block;color:inherit;text-decoration:none}.rating-link:hover span{text-decoration:underline}
[dir=rtl] .orb{right:auto;left:70px}[dir=rtl] .floating-card{right:auto;left:0}
.vendor-store-page{padding-inline:16px;padding-bottom:48px}.vendor-store-page .product-grid{margin-bottom:24px}
.currency-locked{pointer-events:none;opacity:.75;background:var(--surface-2,#f2f4f7)}
:is([contenteditable],.rich-editor-wrap,.rich-display,.product-rich-details,.cms-page-header,.cms-page-footer,.hero-copy,.article-body,.rich-content,.html-modal,.body-preview,.announcement-text,.cms-footer-about,.cms-footer-contact,.cms-promo-strip,.product-description,.mk-modal) .table-tools{display:none!important}


/* ---- RTL (Arabic) polish: adjacent buttons never touch; arrows/chevrons mirror ---- */
html[dir=rtl] .btn+.btn,html[dir=rtl] .btn+form,html[dir=rtl] form+.btn,html[dir=rtl] form+form,html[dir=rtl] button+.btn,html[dir=rtl] a.btn+button,html[dir=rtl] .btn+button{margin-inline-start:8px}
html[dir=rtl] .nav-subgroup summary:after{content:'\2039';margin-left:0;margin-inline-start:auto}
html[dir=rtl] .dash-banner a{margin-left:0;margin-inline-start:8px}
html[dir=rtl] .selectors{margin-left:0;margin-inline-start:auto}
html[dir=rtl] .breadcrumbs{direction:rtl}
html[dir=rtl] .btn,html[dir=rtl] button,html[dir=rtl] .chip{letter-spacing:0}
/* V2.7.38 page header/footer content follows the active theme (no white boxes behind pasted content) */
.cms-page-header :where(p,div,span,section,article,h1,h2,h3,h4,h5,h6,ul,ol,li,table,td,th,blockquote),.cms-page-footer :where(p,div,span,section,article,h1,h2,h3,h4,h5,h6,ul,ol,li,table,td,th,blockquote){background-color:transparent}
/* V2.7.41 auth forms: the logo sits at the start edge (right in Arabic/RTL, left in LTR) */
.auth-card{text-align:start}.auth-card .auth-logo{display:block;margin-inline-start:0;margin-inline-end:auto}
html[dir=rtl] .auth-card .auth-logo{margin-left:auto;margin-right:0}
/* V2.7.41 plan cards: ordered feature list with an optional help icon (hidden when the entry has no help text) */
.plan-feature-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}.plan-feature-list li{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.help-i{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted,var(--text));font-size:11px;font-weight:800;cursor:help;line-height:1}
.help-i:hover,.help-i:focus{border-color:var(--primary,currentColor);color:var(--text);outline:none}
.help-i::after{content:attr(data-help);position:absolute;inset-inline-start:50%;bottom:calc(100% + 8px);transform:translateX(-50%);min-width:160px;max-width:260px;padding:8px 10px;border-radius:10px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow,0 6px 18px rgba(0,0,0,.2));font-size:12px;font-weight:500;line-height:1.4;text-align:start;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:30;transition:opacity .12s}
html[dir=rtl] .help-i::after{transform:translateX(50%)}
.help-i:hover::after,.help-i:focus::after{opacity:1;visibility:visible}

/* V2.7.42 rich-text links: visible as links everywhere rich content is displayed + in-page link dialog */
.rich-display a[href],.cms-page-body a[href],.cms-page-header a[href],.cms-page-footer a[href],.product-rich-details a[href],.article-body a[href],.rich-content a[href],.rich-editor-content a[href]{color:var(--link,var(--primary))!important;text-decoration:underline!important;cursor:pointer;pointer-events:auto}
.mk-link-overlay{position:fixed;inset:0;z-index:100000;background:rgba(16,24,40,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.mk-link-box{background:var(--surface,#fff);color:var(--text,#101828);border:1px solid var(--border,#e6e8ef);border-radius:16px;box-shadow:0 24px 70px rgba(16,24,40,.35);width:min(440px,100%);padding:20px;display:grid;gap:12px}
.mk-link-box h3{margin:0;font-size:18px}.mk-link-box label{display:grid;gap:5px;font-weight:700;font-size:13px}.mk-link-box input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--border,#cfd6df);border-radius:10px;background:var(--surface,#fff);color:var(--text,#101828);font:inherit}
.mk-link-box input[readonly]{opacity:.75}.mk-link-chk{display:flex!important;align-items:center;gap:8px;font-weight:600!important}.mk-link-err{margin:0;color:#d92d20;font-size:13px}.mk-link-act{display:flex;gap:8px;justify-content:flex-end}

/* V2.7.42 Admin Plans: one form, one Save */
.plans-admin .plan-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 18px;margin-top:16px}
.plans-admin .plan-card>summary{cursor:pointer;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:16px}
.plans-admin .plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}
.plans-admin .plan-grid label,.plans-admin .plan-attr-table label{display:grid;gap:4px;font-weight:700;font-size:12px}
.plans-admin .plan-chk{display:flex!important;align-items:center;gap:8px;grid-auto-flow:column}
.plans-admin input:not([type=checkbox]),.plans-admin select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}
.plans-admin .plan-sec{margin:18px 0 6px;font-size:14px}.plans-admin .table-card{overflow-x:auto}.plans-admin table{width:100%}.plans-admin .plan-foot{margin-top:10px}
.plans-savebar{position:sticky;bottom:0;z-index:20;display:flex;gap:14px;justify-content:flex-end;align-items:center;margin-top:18px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 -8px 28px rgba(16,24,40,.12)}
.plans-dirty{color:#b54708;font-weight:700;font-size:13px}
/* V2.7.43 bidi: money = "value currency" kept in this order in RTL; several currencies wrap as separate chips */
.kpi-money{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}.kpi-money bdi{unicode-bidi:isolate;direction:ltr;white-space:nowrap}
[dir=rtl] .money,[dir=rtl] .price,[dir=rtl] .amount{unicode-bidi:isolate}
/* V2.7.43 password checklist popup */
.mk-pw-pop{margin-top:6px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 10px 30px rgba(16,24,40,.14);font-size:13px}
.mk-pw-pop ul{list-style:none;margin:6px 0;padding:0;display:grid;gap:3px}.mk-pw-pop li{color:#b42318}.mk-pw-pop li.ok{color:#067647}.mk-pw-ic{display:inline-block;width:16px;font-weight:800}
.mk-pw-bar{height:5px;border-radius:5px;background:var(--border);overflow:hidden}.mk-pw-bar i{display:block;height:100%;width:0;background:#f79009;transition:width .2s}.mk-pw-pop[data-level="5"] .mk-pw-bar i{background:#12b76a}
.mk-pairs{display:grid;gap:6px}.mk-pair{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}.mk-pair input{width:100%}
.mk-autolink{color:var(--link,var(--primary));text-decoration:underline;text-underline-offset:2px}

/* V2.7.44 order fee chips */
.mk-fees{display:flex;flex-wrap:wrap;gap:6px 14px;font-weight:600}
.mk-fee{white-space:nowrap}

/* V2.7.44 localized date picker */
.mk-dp{position:absolute;z-index:3000;width:268px;background:var(--surface,#fff);color:var(--text,#101828);border:1px solid var(--border,#d0d5dd);border-radius:14px;box-shadow:0 18px 44px rgba(16,24,40,.22);padding:10px;font-size:13px}
.mk-dp-h{display:flex;gap:4px;align-items:center;margin-bottom:6px}.mk-dp-h button{border:0;background:transparent;font-size:20px;cursor:pointer;padding:0 8px;color:inherit}.mk-dp-h select{flex:1;min-width:0;padding:4px;border:1px solid var(--border,#d0d5dd);border-radius:8px;background:transparent;color:inherit}
.mk-dp-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.mk-dp-w{color:#667085;font-size:11px;padding:4px 0}
.mk-dp-g button{border:0;background:transparent;border-radius:8px;padding:6px 0;cursor:pointer;color:inherit}.mk-dp-g button:hover{background:rgba(79,70,229,.12)}.mk-dp-g button.sel{background:#4f46e5;color:#fff}.mk-dp-g button.today{outline:1px solid #4f46e5}
.mk-dp-t{display:flex;justify-content:center;margin-top:8px}.mk-dp-t select{padding:4px;border-radius:8px;border:1px solid var(--border,#d0d5dd)}
.mk-dp-f{display:flex;gap:6px;justify-content:space-between;margin-top:8px}.mk-date-input{cursor:pointer}

/* V2.7.44 permission matrix (View / Create / Edit / Delete) */
.perm-matrix-wrap{overflow:auto;border:1px solid var(--border,#e4e7ec);border-radius:12px}
.perm-matrix{width:100%;border-collapse:collapse;font-size:13px}.perm-matrix th,.perm-matrix td{padding:7px 10px;border-bottom:1px solid var(--border,#eef0f3);text-align:center}
.perm-matrix th:first-child,.perm-matrix td:first-child{text-align:start}.perm-matrix thead th{background:rgba(127,127,127,.07);white-space:nowrap}
.perm-matrix label{display:inline-flex;gap:5px;align-items:center;cursor:pointer;margin:0 4px}.perm-matrix small{color:#667085}
.perm-matrix tr.pm-cat th{background:rgba(79,70,229,.08);text-align:start}

/* V2.7.44 report parent / child */
.rep-view{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.rep-view .rep-sp{flex:1}.rep-view input[type=search]{max-width:240px}
.rep-tree table.rep-table{width:100%;border-collapse:collapse}.rep-tree .rep-grp{border-bottom:1px solid var(--border,#e4e7ec)}
.rep-parent{cursor:pointer}.rep-parent:hover td{background:rgba(79,70,229,.05)}.rep-tg{border:0;background:transparent;font-size:16px;cursor:pointer;color:inherit}
.rep-child td{background:rgba(127,127,127,.05);padding:6px 10px}.rep-child-box{padding:6px 4px}.rep-child-t{display:block;margin-bottom:6px;font-size:13px}
.rep-sub{width:100%;font-size:13px;border-collapse:collapse}.rep-sub th,.rep-sub td{padding:5px 8px;border-bottom:1px solid var(--border,#eef0f3);text-align:start}.rep-sub th{color:#667085;font-weight:600}

/* V2.7.45 admin permission matrix: readable page column, sticky header, zebra rows */
.perm-matrix.admin-perm{border-collapse:separate;border-spacing:0}
.perm-matrix.admin-perm thead th{position:sticky;top:0;z-index:2;font-size:13px;padding:10px 12px;background:var(--surface,#fff);box-shadow:0 1px 0 var(--border,#e4e7ec)}
.perm-matrix.admin-perm .pm-page{min-width:300px;width:44%;padding:12px 16px;line-height:1.35}
.perm-matrix.admin-perm .pm-c{width:84px;min-width:72px}
.perm-matrix.admin-perm .pm-title{display:block;font-size:15px;font-weight:700;color:var(--text,#101828);margin-bottom:3px}
.perm-matrix.admin-perm .pm-desc{display:block;font-size:13px;font-weight:400;color:#667085;line-height:1.5;max-width:56ch}
.perm-matrix.admin-perm td{padding:12px 8px;vertical-align:middle}
.perm-matrix.admin-perm tbody tr.pm-row:nth-of-type(odd) th,.perm-matrix.admin-perm tbody tr.pm-row:nth-of-type(odd) td{background:rgba(127,127,127,.045)}
.perm-matrix.admin-perm tbody tr.pm-row:hover th,.perm-matrix.admin-perm tbody tr.pm-row:hover td{background:rgba(79,70,229,.07)}
.perm-matrix.admin-perm input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4f46e5}
.perm-matrix.admin-perm tr.pm-cat th{padding:10px 16px;font-size:14px;letter-spacing:.2px}
.pm-count{display:inline-block;margin-inline-start:8px;padding:1px 9px;border-radius:999px;background:rgba(79,70,229,.14);font-size:12px;font-weight:700}
.admin-perm-wrap,.perm-matrix-wrap{max-height:72vh}

/* V2.7.45 header selectors: currency shows the full name, theme list is wider */
html body .topbar .selectors .currency-form select{max-width:168px;min-width:132px;text-overflow:ellipsis}
html body .topbar .selectors #themeSelect{max-width:150px;min-width:120px}
html body .topbar .selectors .language-form select{max-width:120px}
@media(max-width:1100px){html body .topbar .selectors .currency-form select{max-width:132px;min-width:104px}html body .topbar .selectors #themeSelect{max-width:116px;min-width:92px}}
@media(max-width:560px){html body .topbar .selectors .currency-form select{max-width:104px;min-width:84px}html body .topbar .selectors #themeSelect{max-width:92px;min-width:76px}}

/* V2.7.45 print a report exactly as shown (grouped open/closed, or flat) */
.rep-print-btn{align-self:flex-start}
@media print{
  body *{visibility:hidden!important}
  #repPrintArea,#repPrintArea *{visibility:visible!important}
  #repPrintArea [data-no-print],#repPrintArea .table-tools,#repPrintArea .table-pagination,#repPrintArea .rep-print-btn,#repPrintArea .breadcrumbs{display:none!important}
  #repPrintArea{position:absolute;inset-inline-start:0;top:0;width:100%;padding:0 6mm}
  #repPrintArea .table-card{box-shadow:none;border:0}#repPrintArea .table-wrap{overflow:visible}
  #repPrintArea table{width:100%;border-collapse:collapse;font-size:11px}#repPrintArea th,#repPrintArea td{border:1px solid #999;padding:4px 6px;text-align:start}
  #repPrintArea .rep-child[hidden],#repPrintArea [hidden]{display:none!important}
  #repPrintArea .rep-grp,#repPrintArea tr{break-inside:avoid}
  @page{size:A4 landscape;margin:10mm}
}

/* ===== V2.7.47 ===== */
/* person cell: name and e-mail on separate, spaced lines (never stuck together) */
.mk-person{display:flex;flex-direction:column;gap:3px;min-width:0}
.mk-person>b{font-weight:700;line-height:1.3}
.mk-person>small{display:block;color:var(--muted,#667085);font-size:12px;line-height:1.3;overflow-wrap:anywhere}

/* mobile burger: no stray horizontal/vertical scrollbar while the menu is open */
@media (max-width:1199px){
  html body .topbar #primaryNav.actions{overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:none}
  html body .topbar #primaryNav.actions::-webkit-scrollbar{display:none}
  html body .topbar #primaryNav .nav-group,html body .topbar #primaryNav .nav-group>summary,html body .topbar #primaryNav .nav-cart,html body .topbar #primaryNav .nav-link,html body .topbar #primaryNav .nav-register,html body .topbar #primaryNav .account-menu,html body .topbar #primaryNav .nav-dropdown{box-sizing:border-box;max-width:100%}
}

/* Vendor compliance overview */
.kyc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:0 0 18px}
.kyc-kpi{border:1px solid var(--border,#e4e7ec);border-inline-start:4px solid var(--border,#d0d5dd);border-radius:14px;padding:14px 16px;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(16,24,40,.05)}
.kyc-kpi b{display:block;font-size:28px;line-height:1.1}.kyc-kpi span{color:var(--muted,#667085);font-size:13px}
.kyc-kpi.ok{border-inline-start-color:#12b76a}.kyc-kpi.ok b{color:#067647}.kyc-kpi.warn{border-inline-start-color:#f79009}.kyc-kpi.warn b{color:#b54708}.kyc-kpi.bad{border-inline-start-color:#f04438}.kyc-kpi.bad b{color:#b42318}
.kyc-await{margin-bottom:18px}.kyc-await h2{margin-top:0}
.kyc-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px}
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}.filter-bar input{flex:1 1 220px;min-width:0}
.kyc-req{color:#b42318;margin-inline-start:3px}
.kyc-matrix{border-collapse:separate;border-spacing:0}
.kyc-matrix th{white-space:nowrap;position:sticky;top:0;background:var(--surface,#fff);z-index:2;max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.kyc-matrix td,.kyc-matrix th{padding:10px 12px;border-bottom:1px solid var(--border,#eaecf0)}
.kyc-matrix td:first-child,.kyc-matrix th:first-child{position:sticky;inset-inline-start:0;background:var(--surface,#fff);z-index:3;min-width:200px}
.kyc-matrix tbody tr:nth-child(even) td{background:rgba(127,127,127,.04)}.kyc-matrix tbody tr:hover td{background:rgba(37,99,235,.06)}
.kyc-prog{min-width:110px}.kyc-prog small{display:block;margin-top:3px;color:var(--muted,#667085);font-size:11px}
.kyc-bar{height:8px;border-radius:999px;background:rgba(127,127,127,.18);overflow:hidden}.kyc-bar i{display:block;height:100%;border-radius:999px;background:#12b76a}.kyc-bar i.warn{background:#f79009}.kyc-bar i.bad{background:#f04438}
.kyc-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid;white-space:nowrap}
.kyc-pill.ok{background:#dcfae6;color:#067647;border-color:#abefc6}.kyc-pill.warn{background:#fef0c7;color:#93370d;border-color:#fedf89}.kyc-pill.bad{background:#fee4e2;color:#b42318;border-color:#fda29b}.kyc-pill.miss{background:#f2f4f7;color:#475467;border-color:#d0d5dd}
.kyc-st{font-weight:600}

/* Payment configuration */
.pc-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:0 0 20px}
.pc-summary>div{border:1px solid var(--border,#e4e7ec);border-inline-start:4px solid var(--border,#d0d5dd);border-radius:14px;padding:12px 16px;background:var(--surface,#fff)}
.pc-summary b{display:block;font-size:26px;line-height:1.1}.pc-summary span{color:var(--muted,#667085);font-size:13px}
.pc-summary .on{border-inline-start-color:#12b76a}.pc-summary .off{border-inline-start-color:#98a2b3}.pc-summary .warn{border-inline-start-color:#f79009}
.payment-config-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,600px),1fr));gap:22px;align-items:start}
.payment-config-card{border:1px solid var(--border,#e4e7ec);border-radius:18px;padding:22px;background:var(--surface,#fff);box-shadow:0 2px 8px rgba(16,24,40,.06)}
.payment-config-card .admin-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--border,#eaecf0)}
.payment-config-card .admin-section-head h2{margin:2px 0 4px;font-size:20px}.payment-config-card .admin-section-head p{margin:0;color:var(--muted,#667085)}
.payment-config-card .status-pill{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #d0d5dd;background:#f2f4f7;color:#475467;white-space:nowrap}
.payment-config-card .status-pill.on{background:#dcfae6;color:#067647;border-color:#abefc6}
.payment-config-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.payment-config-card .form-grid>label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;min-width:0}
.payment-config-card .form-grid input:not([type=checkbox]),.payment-config-card .form-grid select,.payment-config-card .form-grid textarea{width:100%;box-sizing:border-box;font-weight:400}
.payment-config-card .form-section-title{grid-column:1/-1;margin-top:6px;padding:8px 12px;border-radius:10px;background:rgba(37,99,235,.08);color:var(--primary,#2563eb);font-weight:800;font-size:13px;letter-spacing:.02em}
.payment-config-card .form-grid>label:has(textarea),.payment-config-card .check-row,.payment-config-card .notice,.payment-config-card .form-actions{grid-column:1/-1}
.payment-config-card .check-row{display:flex;flex-wrap:wrap;gap:8px 22px;padding:10px 12px;border:1px dashed var(--border,#d0d5dd);border-radius:12px}
.payment-config-card .check-row label{display:flex;align-items:center;gap:8px;font-weight:600}
.payment-config-card .form-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px;margin-top:4px;border-top:1px solid var(--border,#eaecf0)}
@media(max-width:700px){.payment-config-card{padding:16px}.payment-config-card .form-grid{grid-template-columns:1fr}}

/* Vendor analytics */
.an-period{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:12px 16px}
.an-period>b{margin-inline-end:6px}.an-period .btn.small{border-radius:999px}
.an-filters-card{margin-bottom:18px}.an-filters-card h2{margin-top:0}
.an-filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 16px;align-items:end}
.an-filters>label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;min-width:0}
.an-filters input,.an-filters select{width:100%;box-sizing:border-box}
.an-filters>.btn.primary{justify-self:start;min-height:42px}
.an-exports{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--border,#eaecf0)}
.an-exports>span{font-weight:700;color:var(--muted,#667085);margin-inline-end:6px}
.an-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important}
.an-kpis>div{border:1px solid var(--border,#e4e7ec);border-inline-start:4px solid var(--primary,#2563eb);border-radius:14px;padding:16px 18px;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(16,24,40,.05)}
.an-kpis b{display:block;font-size:30px;line-height:1.1}.an-kpis span{color:var(--muted,#667085);font-size:13px}
.analytics-grid{gap:18px}.analytics-grid .form-card{margin:0}.analytics-grid .form-card .page-head{margin-bottom:12px;align-items:center}
.mk-chip-no{background:rgba(100,116,139,.14);color:#475467;border-color:rgba(100,116,139,.35)}
.mk-policy{list-style:none;margin:10px 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
.mk-policy li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border,#e4e7ec);border-radius:12px;background:var(--surface,#fff);font-size:.9rem}
.mk-policy li span{color:var(--muted,#667085)}.mk-policy li b{padding:2px 10px;border-radius:999px;font-size:.8rem;background:rgba(100,116,139,.14);color:inherit}
.mk-policy li b.yes{background:rgba(16,185,129,.16);color:#047857}.mk-policy li b.no{background:rgba(100,116,139,.16);color:#475467}
/* V2.7.48 editors follow the theme (they were white in dark themes because --input-bg was never defined) */
html{--input-bg:var(--surface,#fff)}
.rich-editor-content{background:var(--surface,#fff)!important;color:var(--text,#17202a)!important}
.rich-editor-content *{background-color:transparent!important}
.page-management input:not([type=checkbox]):not([type=radio]):not([type=file]),.page-management textarea,.page-management select{background:var(--surface,#fff);color:var(--text,#17202a);border:1px solid var(--border,#d0d5dd);border-radius:10px}
.pm-editor{background:var(--surface,#fff)}
/* analytics grids */
.an-grid{width:100%;border-collapse:separate;border-spacing:0}
.an-grid th,.an-grid td{padding:10px 12px;border-bottom:1px solid var(--border,#eaecf0);text-align:start}
.an-grid th{position:sticky;top:0;background:var(--surface,#fff);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#667085);z-index:1}
.an-grid .num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.an-grid tbody tr:nth-child(even) td{background:rgba(127,127,127,.04)}.an-grid tbody tr:hover td{background:rgba(37,99,235,.06)}
.an-grid tfoot td{font-weight:800;border-top:2px solid var(--border,#d0d5dd);border-bottom:0;background:rgba(37,99,235,.06);position:sticky;bottom:0}
#sdTable{max-height:480px}.analytics-export-data .data-table{overflow:auto}
#sdFilter{border-radius:999px;padding-inline:16px}
.rep-table tfoot th,.rep-table tfoot td{background:rgba(37,99,235,.08);font-weight:800;border-top:2px solid var(--border,#d0d5dd)}
.rep-sub-tot td{background:rgba(127,127,127,.08);border-top:1px solid var(--border,#d0d5dd)}
.rep-sub td:nth-child(n+2),.rep-table td{font-variant-numeric:tabular-nums}
.rep-sub td{max-width:320px;overflow-wrap:anywhere}
.kyc-await-list{display:grid;gap:10px}
.kyc-await-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--border,#eaecf0);border-radius:14px;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.kyc-await-row:hover{border-color:rgba(37,99,235,.4)}
.kyc-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:rgba(245,158,11,.15);color:#b45309}
.kyc-await-who a{color:inherit;text-decoration:none}.kyc-await-who a:hover b{text-decoration:underline}
@media(max-width:760px){.kyc-await-row{grid-template-columns:44px minmax(0,1fr);}.kyc-await-row>:nth-child(n+3){grid-column:2}}
/* buying conditions card */
.mk-trust{margin:12px 0 16px;padding:14px 16px;border:1px solid var(--border,#e4e7ec);border-radius:16px;background:var(--surface,#fff)}
.mk-trust h2{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#667085)}
.mk-trust ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mk-trust li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--border,#eef0f3)}.mk-trust li:first-child{border-top:0}
.mk-trust li i{font-style:normal;flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:1rem;background:rgba(100,116,139,.14)}
.mk-trust li.good i{background:rgba(16,185,129,.16)}.mk-trust li.warn i{background:rgba(245,158,11,.2)}
.mk-trust li b{display:block;font-size:.95rem}.mk-trust li.good b{color:#047857}.mk-trust li small{display:block;color:var(--muted,#667085);margin-top:2px;line-height:1.4}
/* RTL: every grid / table reads from the right */
html[dir=rtl] table,[dir=rtl] table{direction:rtl}
html[dir=rtl] table th,html[dir=rtl] table td,html[dir=rtl] .data-table th,html[dir=rtl] .data-table td,html[dir=rtl] .an-grid .num,html[dir=rtl] .an-grid th,html[dir=rtl] .an-grid td{text-align:right!important}
html[dir=rtl] .table-wrap,html[dir=rtl] .table-card{direction:rtl}
html[dir=rtl] .table-tools,html[dir=rtl] .mk-person{text-align:right}
.body-preview :where(div,p,span,table,td,th,section,article,li,ul,ol,blockquote){background-color:transparent!important}.body-preview{color:var(--text);background:transparent}
.rich-editor-content :where(div,p,span,table,td,th,section,article,li,ul,ol,blockquote,font){background-color:transparent!important;color:inherit}
/* ===== V2.8 marketplace features (theme-aware: only design tokens, no hard-coded page colours) ===== */
.product-image{position:relative}
.mk-heart{position:absolute;top:10px;inset-inline-end:10px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted,#667085);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 6px rgba(16,24,40,.12);transition:transform .15s}
.mk-heart:hover{transform:scale(1.08);color:#e11d48}.mk-heart.on{color:#e11d48;border-color:#e11d48}
.mk-unavailable{opacity:.6}
.mk-seller-badge,.mk-contact{margin-inline-start:10px;font-size:.85rem;white-space:nowrap}
.mk-seller-badge{padding:2px 8px;border-radius:999px;background:rgba(245,158,11,.15);color:inherit;text-decoration:none}
.mk-stars{color:#f59e0b;letter-spacing:2px;white-space:nowrap}.mk-stars .off{color:var(--border,#d0d5dd)}
.mk-rating-summary{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:24px;align-items:center;margin-bottom:16px}
.mk-rating-big{display:grid;gap:4px}.mk-rating-big b{font-size:2.6rem;line-height:1}
.mk-bar-row{display:grid;grid-template-columns:42px 1fr 36px;gap:10px;align-items:center;font-size:.85rem}
.mk-bar{height:8px;border-radius:999px;background:var(--border,#e4e7ec);overflow:hidden}.mk-bar i{display:block;height:100%;background:#f59e0b}
@media(max-width:640px){.mk-rating-summary{grid-template-columns:1fr}}
.mk-qa-card{margin:10px 0}.mk-qa-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mk-qa-q{font-weight:600;margin:6px 0}.mk-qa-a{margin:6px 0;padding-inline-start:12px;border-inline-start:3px solid var(--primary,#2563eb)}
.mk-qa-form textarea,.mk-reply textarea,.mk-qa-ask textarea,.mk-rate-form textarea{width:100%;box-sizing:border-box}
.mk-chat{display:grid;gap:12px;margin:16px 0}.mk-msg{display:grid;gap:4px;max-width:78%}.mk-msg.mine{justify-self:end;text-align:end}.mk-msg.theirs{justify-self:start}
.mk-msg-bubble{padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.mk-msg.mine .mk-msg-bubble{background:color-mix(in srgb,var(--primary,#2563eb) 14%,var(--surface))}
@media(max-width:640px){.mk-msg{max-width:94%}}
.mk-star-input{display:inline-flex;flex-direction:row-reverse;gap:4px;font-size:2rem}.mk-star-input input{position:absolute;opacity:0;pointer-events:none}.mk-star-input label{cursor:pointer;color:var(--border,#d0d5dd);line-height:1}
.mk-star-input input:checked~label,.mk-star-input label:hover,.mk-star-input label:hover~label{color:#f59e0b}.mk-star-input input:focus-visible+label{outline:2px solid var(--primary,#2563eb);border-radius:4px}
.mk-addr-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:900px){.mk-addr-grid{grid-template-columns:1fr}}
.mk-addr-list{display:grid;gap:12px}.mk-addr.is-default{border-color:var(--primary,#2563eb)}.mk-addr-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.mk-addr-actions{display:flex;flex-wrap:wrap;gap:8px}
.mk-addr-pick{display:grid;gap:4px;margin-bottom:10px}.mk-addr-pick select{width:100%}
.mk-recent .product-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.mk-check{display:flex;gap:8px;align-items:center}.mk-check input{width:auto}
.mk-bundle{padding:16px;border:1px dashed var(--primary,#2563eb);border-radius:16px;background:color-mix(in srgb,var(--primary,#2563eb) 6%,var(--surface))}
.mk-bundle-items{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0}.mk-bundle-item{display:grid;gap:4px;width:110px;text-align:center;font-size:.8rem}.mk-bundle-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.mk-plus{font-size:1.4rem;color:var(--muted)}
.mk-2fa-key{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;padding:8px 12px;border:1px dashed var(--border);border-radius:10px;display:inline-block;direction:ltr;word-break:break-all}
.mk-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;direction:ltr}.mk-codes code{padding:6px 10px;border:1px solid var(--border);border-radius:8px;text-align:center}
.tf-code-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.tf-code-list code,.tf-key{display:block;padding:8px 10px;border:1px solid var(--line,rgba(128,128,128,.35));border-radius:8px;background:var(--surface,transparent);color:inherit}.tf-qr{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:10px 0}.tf-qr #tfQr{background:#fff;padding:8px;border-radius:8px}.tf-steps{padding-inline-start:20px}
.mk-bundle{border:1px solid var(--line,rgba(128,128,128,.35));border-radius:12px;padding:14px;margin:10px 0}.mk-bundle-head,.mk-bundle-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mk-bundle-items{margin:8px 0;padding-inline-start:20px}
.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;white-space:nowrap}.row-actions form{margin:0;display:inline-flex}.an-grid td small.muted,.form-grid small.muted{display:block;font-weight:400;margin-top:4px}

.rep-hf{display:none}
@media print{#repPrintArea .rep-hf{display:block!important;font-size:11px;color:#111}#repPrintArea .rep-hf-h{border-bottom:1px solid #999;margin-bottom:8px;padding-bottom:6px}#repPrintArea .rep-hf-f{border-top:1px solid #999;margin-top:10px;padding-top:6px;position:fixed;bottom:0;inset-inline:6mm;background:#fff}}

.acct-tabs{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 18px;padding-bottom:2px;scrollbar-width:thin}
.acct-tabs .tab-btn{white-space:nowrap;flex:0 0 auto}
.acct-pane[hidden]{display:none!important}
.acct-pane>.form-card:first-child{margin-top:0}
@media(max-width:640px){.acct-tabs .tab-btn{padding:9px 12px;font-size:.9rem}}
/* V2.8.1: header count badges are never clipped — pinned to the top end of the link on desktop, inline at the row end in the mobile menu */
.topbar,.topbar .nav,.topbar .actions{overflow:visible}
.notification-header-link,.wishlist-header-link{position:relative}
.notification-header-link .notification-badge,.wishlist-header-link .notification-badge{top:-2px;inset-inline-end:-4px;right:auto;min-width:18px;height:18px;padding:0 4px;font-size:10.5px;line-height:14px;border-width:2px;box-sizing:border-box}
html[dir=rtl] .notification-header-link .notification-badge,html[dir=rtl] .wishlist-header-link .notification-badge{right:auto;left:auto}
@media(max-width:900px){
 .notification-header-link,.wishlist-header-link{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
 .notification-header-link .notification-badge,.wishlist-header-link .notification-badge{position:static;margin:0;inset:auto;flex:0 0 auto;min-width:22px;height:22px;line-height:18px;font-size:12px}
}
.mk-bundle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.mk-bundle-grid .mk-bundle{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface)}
/* V2.8.1 UX polish: addresses, wishlist, cart */
.mk-count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;margin-inline-start:8px;border-radius:999px;background:var(--primary);color:#fff;font-size:13px;font-weight:800;vertical-align:middle}
.mk-addr-intro{margin-bottom:14px}.mk-addr-intro h2{margin:0 0 4px}
.mk-addr{position:relative;transition:box-shadow .15s,border-color .15s;padding-inline-start:18px}
.mk-addr:hover{box-shadow:0 6px 18px rgba(16,24,40,.08)}
.mk-addr.is-default{border-inline-start:5px solid var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.mk-addr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mk-addr-form{position:sticky;top:90px}
@media(max-width:900px){.mk-addr-form{position:static}}
.product-grid .mk-tile .product-actions{display:flex;flex-wrap:wrap;gap:8px}
.cart-item-rich{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto auto;gap:12px;align-items:center}
.cart-item-rich>img{width:84px;height:84px;object-fit:cover;border-radius:12px}
.quantity-control{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;overflow:hidden}
.quantity-control button{width:36px;height:36px;border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--text)}
.quantity-control input{width:48px;text-align:center;border:0;background:transparent;color:var(--text);-moz-appearance:textfield}
.quantity-control input::-webkit-outer-spin-button,.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:700px){.cart-item-rich{grid-template-columns:72px minmax(0,1fr);}.cart-item-rich>img{width:72px;height:72px}.cart-item-rich>.quantity-control,.cart-item-rich>strong,.cart-item-rich>form:last-child{grid-column:2}}
/* ===== V2.8.1b: header menu colours per theme + superscript count badges ===== */
/* Burger drawer: every row uses the theme's header colours (text = --header-text on a tint of --header-bg), so it is readable in light AND dark headers. */
@media (max-width:1199px){
  html body .topbar #primaryNav.actions{background:var(--header-bg,var(--surface))!important;color:var(--header-text,var(--text))!important}
  html body .topbar #primaryNav .nav-group>summary,
  html body .topbar #primaryNav .nav-cart,
  html body .topbar #primaryNav .auth-nav a:not(.nav-register),
  html body .topbar #primaryNav .account-trigger{background:color-mix(in srgb,var(--header-text,#101828) 7%,var(--header-bg,#fff))!important;color:var(--header-text,var(--text))!important;border:1px solid color-mix(in srgb,var(--header-text,#101828) 16%,transparent)!important;opacity:1!important}
  html body .topbar #primaryNav .nav-group[open]>summary,
  html body .topbar #primaryNav .nav-group>summary:hover,
  html body .topbar #primaryNav .nav-cart:hover{background:color-mix(in srgb,var(--header-text,#101828) 14%,var(--header-bg,#fff))!important;color:var(--header-text,var(--text))!important}
  html body .topbar #primaryNav .nav-dropdown,
  html body .topbar #primaryNav .nav-flyout{background:transparent!important}
  html body .topbar #primaryNav .nav-dropdown a,
  html body .topbar #primaryNav .nav-flyout a,
  html body .topbar #primaryNav .account-dropdown a,
  html body .topbar #primaryNav .account-dropdown button{color:var(--header-text,var(--text))!important;background:transparent!important;opacity:1!important}
  html body .topbar #primaryNav .nav-dropdown a:hover,
  html body .topbar #primaryNav .nav-dropdown a:focus-visible{background:color-mix(in srgb,var(--header-text,#101828) 12%,transparent)!important}
  html body .topbar #primaryNav .nav-group>summary::after{color:var(--header-text,var(--text))!important}
  html body .topbar #primaryNav .account-dropdown{position:static!important;display:grid;background:transparent!important;border:0!important;box-shadow:none!important}
  html body .topbar #primaryNav :is(.cart-header-link,.wishlist-header-link,.notification-header-link){justify-content:flex-start!important}
}
/* Desktop: dropdown panels sit on --surface, so their text is --text (never the header colour, which may be white on a dark header). */
@media (min-width:1200px){
  html body .topbar #primaryNav .nav-dropdown,html body .topbar #primaryNav .account-dropdown,html body .topbar #primaryNav .nav-flyout{background:var(--surface,#fff)!important;color:var(--text,#101828)!important;border:1px solid var(--border,#e2e6ee)!important}
  html body .topbar #primaryNav .nav-dropdown a,html body .topbar #primaryNav .nav-flyout a,html body .topbar #primaryNav .account-dropdown a,html body .topbar #primaryNav .account-dropdown button{color:var(--text,#101828)!important;background:transparent!important}
  html body .topbar #primaryNav .nav-dropdown a:hover,html body .topbar #primaryNav .nav-dropdown a:focus-visible,html body .topbar #primaryNav .account-dropdown a:hover,html body .topbar #primaryNav .account-dropdown button:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)!important;color:var(--primary)!important}
}
/* Count badges: a small superscript at the top end of the link name (Cart, Wishlist, Notifications) — never clipped, same in LTR/RTL, desktop and mobile. */
html body .topbar #primaryNav :is(.cart-header-link,.wishlist-header-link,.notification-header-link){position:relative;display:inline-flex;align-items:center;gap:2px}
html body .topbar #primaryNav :is(.cart-header-link,.wishlist-header-link,.notification-header-link) .notification-badge{position:relative!important;inset:auto!important;top:-7px!important;align-self:flex-start;margin:0 0 0 1px;margin-inline-start:2px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border:0!important;border-radius:999px;font-size:10px;font-weight:800;line-height:17px;text-align:center;flex:0 0 auto;transform:none}
html body .topbar #primaryNav :is(.cart-header-link,.wishlist-header-link,.notification-header-link) .notification-badge[hidden]{display:none!important}
html body .topbar #primaryNav .notification-badge:not(.cart-badge){background:#d92d20!important;color:#fff!important}
/* ===== V2.8.1c: address book ===== */
.mk-addr-intro{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.mk-addr-intro>div{min-width:0;flex:1 1 280px}
.mk-addr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;margin-bottom:18px}
.mk-addr-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:box-shadow .15s,border-color .15s,transform .15s;min-width:0}
.mk-addr-card:hover{box-shadow:0 8px 22px rgba(16,24,40,.09);transform:translateY(-1px)}
.mk-addr-card.is-default{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface));box-shadow:0 0 0 1px var(--primary) inset}
.mk-addr-card header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mk-addr-card header .status{margin-inline-start:auto}
.mk-addr-ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,transparent);font-size:18px}
.mk-addr-card p{margin:0;overflow-wrap:anywhere}
.mk-addr-name{font-weight:700}.mk-addr-warn{color:#b54708;background:#fffaeb;border:1px solid #fedf89;border-radius:10px;padding:6px 10px;font-size:13px}
.mk-addr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--border)}
.mk-addr-empty{grid-column:1/-1;text-align:center;padding:28px 16px;border:2px dashed var(--border);border-radius:16px}.mk-addr-empty-ico{font-size:40px}
.mk-addr-panel{max-width:760px}.mk-addr-panel[hidden]{display:none!important}
.mk-addr-form{position:static;top:auto}
@media(max-width:640px){.mk-addr-intro .btn{width:100%}.mk-addr-actions .btn{flex:1 1 auto;text-align:center}.mk-addr-form{grid-template-columns:1fr!important}.mk-addr-form .span-2{grid-column:auto}}
.mk-bundle-items{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.mk-bundle-items li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mk-heart.mk-heart-inline{position:static!important;inset:auto!important;width:30px;height:30px;flex:0 0 auto;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:16px;line-height:1;cursor:pointer;box-shadow:none}
.mk-heart.mk-heart-inline.on{color:#d92d20;border-color:#d92d20}

/* V2.8.1 batch 8: place-order stays clickable (explains why it cannot proceed) but looks inactive while delivery is unavailable */
#placeOrderBtn.is-blocked{opacity:.55;cursor:not-allowed}

/* V2.8.1 batch 11: bundle badge on cart lines */
.mk-bundle-tag{margin:2px 0 6px}

/* gallery: arrows and badge live outside the scrolling/zoomed stage so they stay put */
.gallery-frame{position:relative;min-width:0}.gallery-frame>.gallery-nav,.gallery-frame>.discount-badge{position:absolute;z-index:3}

/* Amazon-style product page header and listing badges */
.az-head .az-title{font-size:1.65rem;line-height:1.25;font-weight:600;margin:0 0 4px}
.az-brand{display:inline-block;color:var(--primary,#0b6bcb);font-size:.95rem;margin-bottom:6px}.az-brand:hover{text-decoration:underline}
.az-rating{display:inline-flex;align-items:baseline;gap:6px;font-size:.92rem;text-decoration:none;color:inherit}.az-rating b{font-weight:500}
.az-stars{color:#f59e0b;letter-spacing:1px}.az-stars i{font-style:normal;color:#d0d5dd}.az-count{color:var(--primary,#0b6bcb)}
.az-rule{border:0;border-top:1px solid var(--border,#e4e7ec);margin:10px 0 14px}
.az-price{display:flex;align-items:flex-start;gap:3px;line-height:1;margin:0 0 16px;font-weight:400}
.az-price .az-cur{font-size:.95rem;margin-top:6px;color:var(--muted,#667085)}.az-price .az-int{font-size:2.3rem}.az-price .az-dec{font-size:.95rem;margin-top:4px;vertical-align:baseline}
.az-icons{list-style:none;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--border,#e4e7ec);display:flex;flex-wrap:wrap;gap:6px 6px}
.az-icons li{width:92px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:.78rem;line-height:1.3;color:var(--primary,#0b6bcb)}
.az-icons li i{width:46px;height:46px;border-radius:50%;background:var(--surface-2,#f2f4f7);display:grid;place-items:center;font-style:normal;font-size:1.25rem;color:var(--text,#1d2939)}
.az-icons li.off{color:var(--muted,#667085)}.az-icons li.warn i{background:rgba(245,158,11,.18)}
.az-specs{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:.95rem}.az-specs th,.az-specs td{padding:6px 14px 6px 0;vertical-align:top;text-align:start}.az-specs th{width:38%;font-weight:700;white-space:normal}
.az-badges{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:.78rem;color:var(--muted,#667085)}
.az-badges li{display:flex;align-items:center;gap:5px}.az-badges li i{font-style:normal;color:var(--primary,#0b6bcb);width:1.1em;text-align:center}.az-badges li.off i{color:var(--muted,#667085)}.az-badges li.warn{color:#b45309}

/* zoom buttons sit on the image */
.gallery-frame .gallery-toolbar-over{position:absolute;right:10px;bottom:10px;z-index:4;display:flex;gap:6px;margin:0}
.gallery-frame .gallery-toolbar-over .btn{width:36px;height:36px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:18px;background:var(--surface,#fff);border:1px solid var(--border,#d0d5dd);box-shadow:var(--shadow,0 1px 4px rgba(0,0,0,.15))}
.az-head .vendor{margin:2px 0 8px}
/* Amazon-style price in cards */
.az-card-price{font-weight:400;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.az-pr{display:inline-flex;align-items:flex-start;line-height:1;color:var(--text,#111827)}.az-pr .az-cur{font-size:.75rem;margin-top:3px;margin-inline-end:2px}.az-pr .az-int{font-size:1.45rem;font-weight:500}.az-pr .az-dec{font-size:.72rem;margin-top:2px}
.az-list{font-size:.78rem;color:var(--muted,#667085)}.az-off{font-size:.82rem;color:#b12704;font-weight:600}

.mk-bundle-img{position:relative;display:grid;gap:2px;grid-template-columns:1fr 1fr;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#f2f4f7;margin-bottom:10px}
.mk-bundle-img.n1{grid-template-columns:1fr}.mk-bundle-img img{width:100%;height:100%;object-fit:cover;display:block}.mk-bundle-img.n3 img:first-child{grid-row:span 2}
.mk-bundle-img .discount-badge{position:absolute;top:8px;inset-inline-start:8px}
.mk-bundle-title{color:inherit;text-decoration:none}.mk-bundle-title:hover b{text-decoration:underline}
.mk-bundle-lines{display:grid;gap:12px;margin:14px 0}.mk-bundle-line{display:flex;gap:14px;align-items:center;border:1px solid var(--border,#e4e7ec);border-radius:14px;padding:10px;background:var(--surface,#fff)}.mk-bundle-line img{width:96px;height:96px;object-fit:cover;border-radius:10px}
.mk-bundle-summary{display:grid;gap:8px;max-width:420px}.mk-bundle-total b{font-size:1.4rem}
/* home page scrollable tile rows (Amazon-style) */
.hb-stack{display:grid;gap:18px;margin-top:18px}.hb{background:var(--surface,#fff);border:1px solid var(--border,#e4e7ec);border-radius:16px;padding:16px 18px}.hb h2{margin:0 0 12px;font-size:1.25rem}
.hb-wrap{position:relative}.hb-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px}.hb-track::-webkit-scrollbar{display:none}
.hb-item{flex:0 0 168px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none}
.hb-img{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--surface-2,#f2f4f7);display:grid;place-items:center;font-size:2.4rem}.hb-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.hb-item:hover .hb-img img{transform:scale(1.04)}
.hb-title{font-size:.92rem;font-weight:600;line-height:1.3}.hb-item:hover .hb-title{text-decoration:underline}
.hb-nav{position:absolute;top:40%;transform:translateY(-50%);z-index:2;width:42px;height:84px;border:1px solid var(--border,#d0d5dd);background:var(--surface,#fff);color:var(--text,#1d2939);font-size:30px;cursor:pointer;box-shadow:var(--shadow,0 1px 6px rgba(0,0,0,.18))}
.hb-prev{inset-inline-start:-6px;border-radius:8px}.hb-next{inset-inline-end:-6px;border-radius:8px}
[dir=rtl] .hb-nav{transform:translateY(-50%) scaleX(-1)}
@media(max-width:640px){.hb-item{flex-basis:132px}.hb-nav{width:34px;height:64px}}

/* Best sellers rank badge, linked products */
.mk-rank-wrap{position:relative}.mk-rank{position:absolute;top:8px;inset-inline-start:8px;z-index:2;background:#c45500;color:#fff;font-weight:700;font-size:.8rem;padding:2px 8px;border-radius:4px}
.mk-best-badge{display:inline-block;background:#c45500;color:#fff;font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:4px;margin:4px 0}
.mk-linked{margin-top:1.5rem}.mk-together{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.mk-together .tg-item{width:150px;text-align:center}.mk-together .tg-item img{width:120px;height:120px;object-fit:contain}.mk-together .tg-plus{font-size:1.6rem;color:#888}

.mk-search .mk-search-cat{flex:0 0 auto;max-width:170px;height:42px;border:0;border-inline-end:1px solid var(--border);background:var(--surface-2,#f1f3f6);color:var(--text);padding:0 10px;font-size:13px;border-start-start-radius:10px;border-end-start-radius:10px;cursor:pointer;outline:none}
@media(max-width:700px){.mk-search .mk-search-cat{max-width:96px}}

/* Linked products page */
.lp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.lp-grid{grid-template-columns:1fr}}
.lp-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.lp-type{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer}.lp-type:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.lp-type small{display:block;color:var(--muted);font-size:12px}
.lp-results{display:grid;gap:8px;margin-top:10px}.lp-card,.lp-list li{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:8px}.lp-card img,.lp-list img{width:48px;height:48px;object-fit:contain;border-radius:6px;background:var(--surface-2,#f3f4f6)}.lp-card span,.lp-list li>span{flex:1;min-width:0}.lp-card small,.lp-list small{display:block;color:var(--muted)}.lp-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lp-current{display:grid;gap:12px}

/* Tighter vertical rhythm: stacked sections no longer add up to ~110px of empty space */
.section{padding-block:clamp(14px,2.2vw,32px)}
.section+.section{padding-top:0}
.page-head{margin-bottom:14px}

/* Spacing, round 2: no doubled gaps in grids, wider forms use the available width, empty blocks collapse */
.form-card{padding:18px}
.form-grid>label,.form-grid>div>label{margin-bottom:0}
.form-card+.form-card,.form-card+.table-card,.table-card+.form-card,.table-card+.table-card{margin-top:14px}
.form-card>form.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.form-card>form.form-grid>.span-2,.form-card>form.form-grid>.form-actions{grid-column:1/-1}
.table-card th,.table-card td{padding:10px 14px}
.section:not(:has(*)),.form-card:not(:has(*)),.table-card:not(:has(*)){display:none}
p:empty,.muted:empty,small:empty{display:none}
/* optional compact view (admin and vendor workspaces) */
html[data-density=compact] .section{padding-block:10px}
html[data-density=compact] .form-card{padding:12px}
html[data-density=compact] .form-grid{gap:8px}
html[data-density=compact] .form-card input,html[data-density=compact] .form-card select{padding:7px 10px}
html[data-density=compact] .table-card th,html[data-density=compact] .table-card td{padding:6px 10px}
html[data-density=compact] .page-head{margin-bottom:8px}
.mk-density{display:none}
.tab-btn.is-locked,.tab-btn:disabled{opacity:.5;cursor:not-allowed}


/* Product list: filter panel (left in LTR, right in RTL because the grid follows the page direction) */
.cat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}
.cat-side{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;padding-inline-end:6px;font-size:14px}
.cat-group{padding:10px 0;border-bottom:1px solid var(--border)}
.cat-group h3{margin:0 0 6px;font-size:14px}
.cat-list,.cat-checks{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cat-list a{color:var(--text);text-decoration:none}.cat-list a:hover{color:var(--primary);text-decoration:underline}
.cat-list a.is-current{font-weight:700}
.cat-indent{padding-inline-start:8px}.cat-child{padding-inline-start:14px}
.cat-count{color:var(--muted);font-size:12px}
.cat-checks label{display:flex;align-items:center;gap:6px;cursor:pointer;margin:0;font-weight:400;font-size:14px}
.cat-checks input[type=checkbox]{width:auto;margin:0}
.cat-more summary{cursor:pointer;color:var(--primary);margin-top:4px;font-size:13px}
.cat-price-box{display:flex;align-items:center;gap:6px;margin-top:8px}.cat-price-box input{width:80px;padding:6px 8px}
.cat-stars{color:#f59e0b;letter-spacing:1px}
.cat-clear{display:inline-block;margin-top:10px}
.cat-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.cat-sort{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin:0}.cat-sort select{width:auto}
.cat-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.cat-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2,#f3f4f6);color:var(--text);text-decoration:none;font-size:13px}
.cat-chip:hover{border-color:var(--primary)}
.cat-filter-toggle{display:none}
@media(max-width:900px){
 .cat-layout{grid-template-columns:1fr}
 .cat-filter-toggle{display:inline-block;justify-self:start}
 .cat-side{display:none;position:static;max-height:none;border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--surface)}
 .cat-side.open{display:block}
}

/* a Translate button that belongs to the field(s) just above it */
.mk-field-translate{display:flex;justify-content:flex-end;margin-top:-6px}
.plan-feature-table td .btn-translate,.plan-attr-table td .btn-translate{margin-inline-start:4px}

/* List view of the products page: picture on the side, name and details readable in full */
.product-grid[data-view=list] .product-card{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;min-height:0!important;align-items:stretch}
.product-grid[data-view=list] .product-card .product-image{aspect-ratio:auto;height:100%;min-height:170px}
.product-grid[data-view=list] .product-card .product-body{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px 18px!important}
.product-grid[data-view=list] .product-card .product-body h3{margin:2px 0;font-size:1.1rem;line-height:1.45;white-space:normal;overflow:visible;text-overflow:clip;display:block;-webkit-line-clamp:unset;overflow-wrap:anywhere}
.product-grid[data-view=list] .product-card .product-actions{padding:8px 0 0!important;margin:0!important}
@media(max-width:640px){.product-grid[data-view=list] .product-card{grid-template-columns:110px minmax(0,1fr)!important}.product-grid[data-view=list] .product-card .product-image{min-height:120px}}
.cat-main{min-width:0}

/* Vendor change approvals: who edited what, with every language side by side */
.chg-cell{min-width:360px}
.chg-source{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:6px 0 8px;font-size:.88rem;color:var(--muted)}
.chg-source small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;opacity:.8}
.chg-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:color-mix(in srgb,var(--primary,#5b5cf0) 14%,var(--surface,#fff));color:var(--text,#101828);border:1px solid color-mix(in srgb,var(--primary,#5b5cf0) 30%,transparent)}
.chg-pill.chg-changed{margin-inline-start:6px;background:color-mix(in srgb,#f59e0b 22%,var(--surface,#fff))}
.chg-lang{display:flex;gap:8px;align-items:baseline;padding:2px 0;overflow-wrap:anywhere}
.chg-lang.is-new .chg-val{background:color-mix(in srgb,#f59e0b 26%,transparent);border-radius:4px;padding:0 4px}
.chg-code{flex:0 0 auto;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:6px;background:color-mix(in srgb,var(--primary,#5b5cf0) 12%,var(--surface,#fff))}
.chg-table .chg-diff-row td{background:color-mix(in srgb,#f59e0b 7%,transparent)}

/* ===== Modern data grids: coloured alternating rows that follow the active theme (uses only theme variables, so every theme keeps working) ===== */
@media screen{
 :root{--grid-a:color-mix(in srgb,var(--primary,#5b5cf0) 6%,var(--surface,#fff));--grid-b:color-mix(in srgb,var(--accent,var(--primary2,#7c3aed)) 11%,var(--surface,#fff));--grid-hover:color-mix(in srgb,var(--primary,#5b5cf0) 17%,var(--surface,#fff));--grid-head:color-mix(in srgb,var(--primary,#5b5cf0) 20%,var(--surface,#fff))}
 main table:not(.no-zebra):not([data-no-zebra]) tbody>tr:nth-child(odd),.site-main table:not(.no-zebra):not([data-no-zebra]) tbody>tr:nth-child(odd){background-color:var(--grid-a)}
 main table:not(.no-zebra):not([data-no-zebra]) tbody>tr:nth-child(even),.site-main table:not(.no-zebra):not([data-no-zebra]) tbody>tr:nth-child(even){background-color:var(--grid-b)}
 main table:not(.no-zebra):not([data-no-zebra]) tbody>tr:hover,.site-main table:not(.no-zebra):not([data-no-zebra]) tbody>tr:hover{background-color:var(--grid-hover)}
 main table:not(.no-zebra) thead th,.site-main table:not(.no-zebra) thead th{background-color:var(--grid-head);color:var(--text);border-bottom:2px solid var(--primary,#5b5cf0);font-weight:700}
 main table:not(.no-zebra) td,.site-main table:not(.no-zebra) td{border-color:color-mix(in srgb,var(--border,#e6e8ef) 80%,transparent)}
 .table-card,.table-wrap{border-radius:var(--radius,16px)}
 .table-card{overflow:hidden;box-shadow:0 6px 24px color-mix(in srgb,var(--primary,#5b5cf0) 8%,transparent)}
 /* the zebra stays readable where a table sets its own cell colours */
 main table td[style*="background"],.site-main table td[style*="background"]{background-clip:padding-box}
}

/* ===== Portal polish (theme-safe) ===== */
.notice{overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.policy-notice{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.policy-chips{display:inline-flex;flex-wrap:wrap;gap:5px}
.policy-chips code{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary,#5b5cf0) 14%,var(--surface,#fff));overflow-wrap:anywhere}
.policy-size{font-weight:700;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent,var(--primary2,#7c3aed)) 20%,var(--surface,#fff))}
.btn{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid color-mix(in srgb,var(--primary,#5b5cf0) 70%,transparent);outline-offset:2px}
.form-card,.admin-card,.admin-panel{transition:box-shadow .2s ease,border-color .2s ease}
.form-card:hover,.admin-card:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--primary,#5b5cf0) 10%,transparent)}
@media (prefers-reduced-motion:reduce){.btn,.form-card,.admin-card{transition:none}.btn:hover{transform:none}}
@media screen{html[data-theme][data-theme] main table:not(.no-zebra):not([data-no-zebra]) thead th{background:var(--grid-head)!important;color:var(--text)!important;border-bottom:2px solid var(--primary,#5b5cf0)!important}}

/* automatic translation bar */
.mk-autotr-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:4px 0}
.mk-autotr-replace{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;color:var(--muted);font-weight:500}
.mk-autotr-status{font-size:.88rem}

/* ===== Compact workspaces: admin / vendor / support forms use smaller fields and tighter spacing by default (the "Expand view" button returns to the roomier layout) ===== */
html[data-density=compact] main .section,html[data-density=compact] .section{padding-block:10px!important}
html[data-density=compact] main :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),select){min-height:32px!important;height:auto;padding:5px 9px!important;font-size:13.5px!important;border-radius:8px}
html[data-density=compact] main textarea{min-height:60px!important;padding:6px 9px!important;font-size:13.5px!important;border-radius:8px;line-height:1.4}
html[data-density=compact] main input[type=file]{padding:3px 6px!important;font-size:13px!important}
html[data-density=compact] main label{gap:3px!important;margin-bottom:0!important;font-size:12px}
html[data-density=compact] main label small,html[data-density=compact] main .field-help,html[data-density=compact] main .muted{font-size:11.5px;line-height:1.35}
html[data-density=compact] main .form-grid{gap:8px 10px!important}
html[data-density=compact] main :is(.form-card,.admin-panel,.table-card){padding:12px 14px!important;border-radius:14px}
html[data-density=compact] main .table-card{padding:0!important}
html[data-density=compact] main .table-card .table-head{padding:10px 14px}
html[data-density=compact] main h1{font-size:1.55rem;margin:.15em 0 .25em}
html[data-density=compact] main h2{font-size:1.15rem;margin:.25em 0 .4em}
html[data-density=compact] main h3{font-size:1rem;margin:.25em 0 .35em}
html[data-density=compact] main :is(.btn,button.btn){min-height:32px;padding:6px 12px;font-size:13px}
html[data-density=compact] main :is(.btn.small,.small.btn){min-height:26px;padding:3px 9px;font-size:12px}
html[data-density=compact] main :is(th,td){padding:5px 9px!important;font-size:13px}
html[data-density=compact] main .notice{padding:8px 12px;margin:6px 0}
html[data-density=compact] main :is(.admin-card){padding:12px!important}
html[data-density=compact] main .page-head{margin-bottom:8px!important;gap:10px}
html[data-density=compact] main .page-head p{margin:.2em 0 0;font-size:.92rem}
html[data-density=compact] main .breadcrumbs{margin-bottom:6px;font-size:12.5px}
html[data-density=compact] main .product-tab,html[data-density=compact] main .tab-panel{gap:8px}
html[data-density=compact] main .rich-editor-content{min-height:90px!important;padding:8px 10px}
html[data-density=compact] main .tab-btn{padding:6px 12px;font-size:13px}
html[data-density=compact] main .form-actions{margin-top:6px;gap:8px}
@media(max-width:700px){html[data-density=compact] main :is(input,select,textarea){font-size:16px!important}}   /* phones: 16px stops the browser zooming into a field */

/* ===== Category detail fields (product forms): one even grid, equal-size fields, languages side by side ===== */
#catAttrsGrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:10px 14px!important;align-items:start}
#catAttrsGrid>.mk-attr,#catAttrsGrid .mk-attr-langgrid>.mk-attr{display:grid;grid-template-rows:auto auto auto;gap:4px;align-content:start;min-width:0;margin:0}
#catAttrsGrid .mk-attr>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;font-size:13px;line-height:1.3;min-height:2.6em;align-self:end;overflow-wrap:anywhere}
#catAttrsGrid .mk-attr :is(input,select){width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box;margin:0}
#catAttrsGrid>.span-2,#catAttrsGrid>.mk-attr-langs{grid-column:1/-1}
#catAttrsGrid .mk-attr-langs{border:1px solid var(--border);border-radius:12px;padding:10px 12px 12px;background:color-mix(in srgb,var(--surface) 90%,var(--primary) 10%)}
#catAttrsGrid .mk-attr-title{display:block;margin:0 0 8px;font-size:13px}
#catAttrsGrid .mk-attr-langgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px}
#catAttrsGrid .mk-attr-langgrid .mk-attr>span{min-height:0;-webkit-line-clamp:1;font-weight:500;color:var(--muted)}
#catAttrsGrid .mk-attr-ig{display:flex;align-items:stretch;min-width:0}
#catAttrsGrid .mk-attr-ig>input{flex:1 1 auto;border-start-end-radius:0!important;border-end-end-radius:0!important}
#catAttrsGrid .mk-attr-unit{flex:0 0 auto;display:inline-flex;align-items:center;padding:0 10px;font-size:12.5px;font-weight:600;color:var(--muted);background:color-mix(in srgb,var(--surface) 85%,var(--text) 15%);border:1px solid var(--border);border-inline-start:0;border-start-end-radius:10px;border-end-end-radius:10px;white-space:nowrap}
#catAttrsGrid .mk-attr-msg{margin:0;font-size:12px;line-height:1.35;color:#15803d}
#catAttrsGrid .mk-attr-msg:empty{display:none}
#catAttrsGrid .mk-attr-msg.bad{color:#b91c1c}
#catAttrsGrid .mk-attr-msg.warn{color:#b45309}
#catAttrsGrid .is-invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.14)}
#catAttrsGrid .muted.span-2{grid-column:1/-1;margin:0}

/* ===== Phones: admin / vendor / support pages (tables become cards, forms and headers stack) ===== */
@media(max-width:760px){
  html[data-admin="1"] main{max-width:100vw;overflow-x:clip}
  html[data-admin="1"] main .container,html[data-admin="1"] main.container,html[data-admin="1"] .container.page-shell{padding-inline:12px}
  html[data-admin="1"] main .page-head,html[data-admin="1"] main .admin-heading{flex-direction:column;align-items:stretch;gap:10px}
  html[data-admin="1"] main .page-head>.btn,html[data-admin="1"] main .page-head>a.btn,html[data-admin="1"] main .admin-heading>.btn{width:100%;text-align:center;justify-content:center;box-sizing:border-box}
  html[data-admin="1"] main .page-head h1{font-size:1.35rem;overflow-wrap:anywhere}
  html[data-admin="1"] main .breadcrumbs{flex-wrap:wrap;row-gap:2px}
  html[data-admin="1"] main .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-admin="1"] main .form-grid:not(#catAttrsGrid):not(.mk-attr-langgrid){grid-template-columns:minmax(0,1fr)!important}
  html[data-admin="1"] main .storage-columns,html[data-admin="1"] main .admin-grid{grid-template-columns:minmax(0,1fr)!important}
  html[data-admin="1"] main .product-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px}
  html[data-admin="1"] main .product-tabs .tab-btn{flex:0 0 auto;white-space:nowrap}
  html[data-admin="1"] main .form-actions{flex-wrap:wrap}
  html[data-admin="1"] main .form-actions>.btn,html[data-admin="1"] main .form-actions>button{flex:1 1 140px;text-align:center}
  html[data-admin="1"] main pre,html[data-admin="1"] main code{overflow-x:auto;max-width:100%;overflow-wrap:anywhere}
  html[data-admin="1"] main .table-card{overflow-x:auto;padding:8px;-webkit-overflow-scrolling:touch}
  html[data-admin="1"] dialog{max-width:calc(100vw - 24px);box-sizing:border-box}
  /* table -> cards */
  html[data-admin="1"] main table.mk-stack{display:block;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none}
  html[data-admin="1"] main table.mk-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html[data-admin="1"] main table.mk-stack :is(tbody,tfoot){display:block;width:100%}
  html[data-admin="1"] main table.mk-stack tr{display:block;margin:0 0 10px;padding:4px 12px;border:1px solid var(--border);border-radius:12px;background:var(--grid-a,var(--surface))!important}
  html[data-admin="1"] main table.mk-stack tbody tr:nth-child(even){background:var(--grid-b,var(--surface))!important}
  html[data-admin="1"] main table.mk-stack td{display:grid;grid-template-columns:minmax(84px,34%) minmax(0,1fr);gap:2px 10px;align-items:start;width:auto!important;min-width:0;padding:8px 0!important;border:0!important;border-bottom:1px dashed var(--border)!important;background:transparent!important;text-align:start!important;overflow-wrap:anywhere}
  html[data-admin="1"] main table.mk-stack td:last-child{border-bottom:0!important}
  html[data-admin="1"] main table.mk-stack td::before{content:attr(data-label);font-size:11.5px;font-weight:700;line-height:1.5;color:var(--muted)}
  html[data-admin="1"] main table.mk-stack td:not([data-label]){display:block}
  html[data-admin="1"] main table.mk-stack td:not([data-label])::before{display:none}
  html[data-admin="1"] main table.mk-stack td :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]){width:100%!important;max-width:100%!important;box-sizing:border-box}
  html[data-admin="1"] main table.mk-stack td .inline-form{display:block;margin:0}
  html[data-admin="1"] main table.mk-stack td .inline-form+.inline-form,html[data-admin="1"] main table.mk-stack td .inline-form>input+input{margin-top:6px}
  html[data-admin="1"] main table.mk-stack td .row-actions{display:flex;flex-wrap:wrap;gap:6px}
  html[data-admin="1"] main table.mk-stack td .row-actions .btn,html[data-admin="1"] main table.mk-stack td .row-actions button{min-height:36px}
  html[data-admin="1"] main table.mk-stack td img{max-width:100%;height:auto}
}

/* status badges inside tables, labels and headings flow with the text (the base .badge is a corner ribbon for cards) */
:is(table,label,.page-head,.form-card,.table-card,.row-actions,h1,h2,h3,h4,p,li,.check,.admin-heading) .badge{position:static;inset:auto;display:inline-flex;align-items:center;vertical-align:middle;margin-inline:2px}
@media(max-width:520px){
  html[data-admin="1"] main table.mk-stack td{grid-template-columns:minmax(0,1fr)}
  #catAttrsGrid .mk-attr>span{min-height:0}
}

/* ===== Compact / expand button lives in the header selectors, next to currency, language and theme ===== */
.mk-density-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;flex:0 0 auto}
.mk-density-btn:hover,.mk-density-btn[aria-pressed=true]{border-color:var(--primary);color:var(--primary)}
.mk-density-ico{font-size:14px;line-height:1}
@media(max-width:700px){.mk-density-btn{padding:0 9px}.mk-density-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* ===== Form fields line up across a row: label text, field and help text share the same three tracks ===== */
main .form-grid>label:not(.check):not(.mk-attr):not(.mk-field):not(:has(>:nth-child(3))){display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:4px;align-content:stretch}
main .form-grid>label:not(.check):not(.mk-attr):not(.mk-field):not(:has(>:nth-child(3)))>:is(input,select,textarea){align-self:start;margin:0!important}

/* ===== Compact view on the storefront (the workspaces already have their own block above) ===== */
html[data-density=compact][data-admin="0"] .product-grid:not([data-view]){grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:12px!important}
html[data-density=compact][data-admin="0"] :is(.product-body,.card-body){padding:10px!important}
html[data-density=compact][data-admin="0"] .product-card h3{font-size:.95rem;margin:.2em 0}
html[data-density=compact][data-admin="0"] .product-actions{gap:6px}
html[data-density=compact][data-admin="0"] footer{margin-top:24px}
html[data-density=compact][data-admin="0"] .mk-search-row{padding-block:6px}
html[data-density=compact][data-admin="0"] .global-announcement{font-size:13px}
html[data-density=compact][data-admin="0"] main .cat-facet,html[data-density=compact][data-admin="0"] main .cat-group{margin-bottom:8px}
html body.menu-open .topbar .selectors .mk-density-btn{flex:1 1 0;justify-content:center;min-width:0}
html body.menu-open .topbar .selectors .mk-density-txt{position:static;width:auto;height:auto;clip:auto;overflow:visible}

/* ===== Compact view also covers popups, dialogs (Translate, confirm, link, return, manual...), alerts and toasts, which live outside <main> ===== */

html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog,.journey-dialog){padding:14px 16px!important;border-radius:14px!important;gap:8px}
html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select){min-height:32px!important;height:auto;padding:5px 9px!important;font-size:13.5px!important;border-radius:8px}
html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog) textarea{min-height:60px!important;padding:6px 9px!important;font-size:13.5px!important;border-radius:8px;line-height:1.4}
html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog) label{gap:3px!important;margin-bottom:0!important;font-size:12px}
html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog) :is(.form-grid,.mk-translate-grid){gap:8px 10px!important}
html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog) h2{font-size:1.1rem;margin:0 0 .3em}
html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog) h3{font-size:1rem;margin:0 0 .3em}
html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog) p{margin:.3em 0;font-size:13px}
html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog) :is(.btn,button.btn){min-height:32px;padding:6px 12px;font-size:13px}
html[data-density=compact] :is(.mk-modal-actions,.mk-link-act,.portal-modal-actions){margin-top:8px;gap:8px}
html[data-density=compact] .mk-modal-x{width:30px;height:30px;font-size:19px;top:8px}
html[data-density=compact] .mk-modal{padding:10px}
html[data-density=compact] :is(.mk-autotr-bar){gap:6px;padding:6px 8px;font-size:12.5px}
html[data-density=compact] :is(.alert,.portal-alert,.mk-alert,.notice){padding:8px 12px;margin:0 0 10px;border-radius:10px;font-size:13px;font-weight:600}
html[data-density=compact] :is(.mk-toast,.mk-toast-host .mk-toast){padding:8px 12px;font-size:13px;border-radius:10px;gap:8px}
html[data-density=compact] .mk-toast-host{gap:6px;bottom:12px}
html[data-density=compact] .global-announcement{font-size:13px}
@media(max-width:700px){html[data-density=compact] :is(.mk-modal-card,.mk-link-box,.portal-modal-dialog,dialog) :is(input,select,textarea){font-size:16px!important}}
html[data-density=compact] .localize-block{padding:8px 10px!important;margin:0 0 8px!important;border-radius:10px}
html[data-density=compact] .localize-block legend{font-size:13px;padding:0 4px}
html[data-density=compact] .localize-src{padding:6px 8px!important;font-size:12.5px;gap:2px}
html[data-density=compact] .localize-row{gap:3px!important;margin:0 0 6px}
html[data-density=compact] .localize-row>span{font-size:11.5px}
html[data-density=compact] .localize-form .form-actions{margin-top:6px}

/* .badge is an inline pill everywhere (it used to be a corner ribbon at right:18px, which sat on top of the title in Arabic / RTL and made two badges overlap) */
.badge{position:static!important;inset:auto!important;display:inline-flex;align-items:center;vertical-align:middle;line-height:1.2;max-width:100%}
.plan-card>.badge{margin:0 0 8px;margin-inline-end:6px}
html[data-density=compact] .plan-card>.badge{margin-bottom:4px}
/* close buttons sit at the end of the line (left in Arabic) so they never cover a title */
.mk-modal-x,.portal-modal-close{right:auto!important;inset-inline-end:12px!important}
.announcement-close{right:auto!important;inset-inline-end:8px!important}
.gallery-frame .gallery-toolbar-over{right:auto!important;inset-inline-end:10px!important}
.mk-modal-card .gift-panel-head{padding-right:0!important;padding-inline-end:34px}
.mk-modal-card>h3,.mk-modal-card>h2{padding-inline-end:34px}

/* ===== Compact view: header and footer, on every page of the portal (storefront and workspaces) ===== */
@media(min-width:901px){
  html[data-density=compact] body .topbar .nav{min-height:54px!important;gap:8px}
  html[data-density=compact] body .topbar .brand-logo{width:124px!important;height:32px!important}
  html[data-density=compact] body .topbar .actions .nav-cart,html[data-density=compact] body .topbar .actions>a,html[data-density=compact] body .topbar .actions summary{padding:6px 9px!important;font-size:12px!important}
  html[data-density=compact] body .topbar .selectors{gap:6px}
  html[data-density=compact] body .topbar .selectors select,html[data-density=compact] body .topbar .mk-density-btn{height:30px!important;min-height:30px!important;padding-block:3px!important;font-size:12px!important}
  html[data-density=compact] body .topbar :is(.btn,.account-trigger,.nav-user){min-height:30px;padding:4px 10px;font-size:12px}
}
html[data-density=compact] body .topbar{box-shadow:0 2px 10px rgba(16,24,40,.05)}
html[data-density=compact] body .mk-search-row{padding-block:6px!important}
html[data-density=compact] body .mk-search :is(input,select,button){min-height:34px!important;height:34px!important;font-size:13px!important}
html[data-density=compact] body .global-announcement .container{padding-block:4px!important}
html[data-density=compact] footer{margin-top:22px!important}
html[data-density=compact] footer .footergrid{padding:20px 0!important;gap:20px!important;font-size:13px}
html[data-density=compact] footer .footergrid a{margin-top:4px!important}
html[data-density=compact] footer .footergrid b{font-size:14px}
html[data-density=compact] footer .copyright{padding:10px!important;font-size:11.5px!important}
html[data-density=compact] footer .cms-page-footer{padding-block:8px}

/* ===== Home hero: shorter (was 520px tall with a 72px headline) ===== */
.hero-grid{min-height:300px!important;gap:20px!important;padding-block:26px}
.hero h1{font-size:clamp(28px,4vw,46px)!important;letter-spacing:-1.5px!important;margin:8px 0 12px!important;line-height:1.08}
.hero p,.hero .hero-copy{font-size:16px!important}
.hero .hero-buttons{margin-top:14px}
.hero .orb{transform:scale(.7);transform-origin:center}
.hero-managed-image{max-height:240px;width:100%;object-fit:cover;border-radius:16px}
.hero .floating-card{transform:scale(.85);transform-origin:bottom right}
html[data-density=compact] .hero-grid{min-height:200px!important;padding-block:14px}
html[data-density=compact] .hero h1{font-size:clamp(24px,3.2vw,34px)!important;margin:4px 0 8px!important}
html[data-density=compact] .hero p,html[data-density=compact] .hero .hero-copy{font-size:14px!important}
html[data-density=compact] .hero-managed-image{max-height:170px}
@media(max-width:900px){.hero-grid{min-height:0!important;padding-block:20px}.hero-art{display:none}}

/* ===== Bundle card + bundle details ===== */
.mk-bundle-compare{margin:0}.mk-bundle-foot{flex-wrap:wrap;gap:8px}
.discount-badge{background:#dc2626!important;color:#fff!important;font-size:12.5px!important;font-weight:800!important;letter-spacing:.01em;padding:6px 11px!important;box-shadow:0 4px 12px rgba(220,38,38,.35);text-shadow:0 1px 1px rgba(0,0,0,.25);line-height:1.15}
.promo-badge{font-size:.78rem!important;padding:5px 11px!important;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.bd-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start;margin:10px 0 26px}
.bd-main{position:relative;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);aspect-ratio:4/3;display:grid;place-items:center}
.bd-main img{width:100%;height:100%;object-fit:contain;display:block}
.bd-main .discount-badge{position:absolute;top:12px;inset-inline-start:12px}
.bd-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.bd-thumb{width:68px;height:68px;padding:3px;border:2px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}
.bd-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}
.bd-thumb.active,.bd-thumb:hover{border-color:var(--primary)}
.bd-buy h1{margin:.2em 0 .15em;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2}
.bd-seller{margin:0 0 8px;color:var(--muted)}
.bd-desc{margin:8px 0 12px;line-height:1.6}
.bd-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:12px 0;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--primary) 6%,var(--surface))}
.bd-price b{font-size:1.8rem;line-height:1}
.bd-save{font-weight:800;color:#047857;background:#dcfce7;border-radius:999px;padding:3px 10px;font-size:13px}
.bd-facts{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px;color:var(--muted)}
.bd-facts li:before{content:"✓";color:#047857;font-weight:800;margin-inline-end:8px}
.bd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bd-actions form{margin:0}
.bd-h{margin:26px 0 12px}
.bd-items{display:grid;gap:12px}
.bd-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.bd-item-img{width:96px;height:96px;border-radius:10px;overflow:hidden;background:#f2f4f7;display:block}
.bd-item-img img{width:100%;height:100%;object-fit:cover;display:block}
.bd-item-body{display:grid;gap:3px;min-width:0}.bd-item-body p{margin:0;font-size:13px}
.bd-item-price{display:grid;gap:2px;text-align:end;white-space:nowrap}
.bd-summary{display:grid;gap:10px;max-width:460px;margin-top:16px}
.bd-summary>div{display:flex;justify-content:space-between;gap:12px}
.bd-neg{color:#047857}.bd-total{border-top:1px solid var(--border);padding-top:10px;font-size:1.15rem}.bd-total b{font-size:1.5rem}
@media(max-width:800px){.bd-top{grid-template-columns:1fr}.bd-item{grid-template-columns:72px minmax(0,1fr)}.bd-item-img{width:72px;height:72px}.bd-item-price{grid-column:1/-1;text-align:start;display:flex;flex-wrap:wrap;gap:4px 14px;white-space:normal}}

/* ---- currency flags ---- */
.mk-flag{display:inline-block;vertical-align:middle;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15);object-fit:cover;flex:none}
.mk-cur{position:relative;display:inline-block}
.mk-cur-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line,#d0d5dd);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit;font-weight:600;cursor:pointer;min-height:36px}
.mk-cur-caret{font-size:.8em;opacity:.7}
.mk-cur-list{position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:0;z-index:1200;margin:0;padding:4px;list-style:none;min-width:200px;max-height:320px;overflow:auto;background:var(--surface,#fff);color:inherit;border:1px solid var(--line,#d0d5dd);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.mk-cur-list[hidden]{display:none}
.mk-cur-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:600}
.mk-cur-list li small{margin-inline-start:auto;font-weight:400;opacity:.65}
.mk-cur-list li:hover,.mk-cur-list li:focus,.mk-cur-list li[aria-selected]{background:rgba(127,127,127,.14);outline:0}
.cur-flag-cell{min-width:170px}.cur-flag-cell .mk-flag{display:block;margin-bottom:4px}.cur-flag-cell input[type=file]{max-width:160px;font-size:12px}

/* portal content: guide + link builder */
.pc-guide summary{cursor:pointer}.pc-guide-table{width:100%;border-collapse:collapse;margin:8px 0}.pc-guide-table td,.pc-guide-table th{padding:6px 8px;border-bottom:1px solid var(--line,#e5e7eb);text-align:start;vertical-align:top}.pc-guide-table td:first-child{white-space:nowrap;font-weight:600;width:1%}
.link-row{display:grid;grid-template-columns:auto minmax(120px,1.2fr) minmax(140px,1.6fr) repeat(auto-fit,minmax(110px,auto));gap:8px;align-items:center}.link-row .lk-tools{display:flex;gap:6px;margin-inline-start:auto}
html[data-density=compact] .link-row{gap:4px}html[data-density=compact] .pc-guide-table td{padding:3px 6px}
html[data-density=compact] .mk-cur-btn{padding:3px 8px;min-height:28px;font-size:.88em;gap:4px}
html[data-density=compact] .mk-cur-list{padding:2px;min-width:160px;max-height:260px}
html[data-density=compact] .mk-cur-list li{padding:4px 8px;gap:6px;font-size:.9em}
html[data-density=compact] .mk-cur-list .mk-flag{width:16px;height:12px}

/* header layout manager */
[data-hdr][hidden]{display:none!important}
.hdr-user{display:flex;align-items:center}
.selectors{display:flex;flex-wrap:wrap}
.hl-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hl-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.hl-list li .hl-name{flex:1;font-weight:600}.hl-list li .hl-zone{font-size:.8em;opacity:.65}
.hl-zones{display:grid;gap:12px}.hl-zonebox{border:1px dashed var(--border);border-radius:14px;padding:10px}
.hl-zonebox h3{margin:0 0 8px;display:flex;align-items:center;gap:8px}
.hl-zonebox h3 .hl-zbtns{margin-inline-start:auto;display:flex;gap:6px}
.brand-prev{display:flex;gap:16px;flex-wrap:wrap}.brand-prev .bp{border:1px solid var(--border);border-radius:12px;padding:10px;min-width:180px;background:var(--surface)}.brand-prev img{max-height:48px;max-width:220px;display:block;margin:6px 0}
html[data-density=compact] .hl-list{gap:3px}html[data-density=compact] .hl-list li{padding:4px 8px;gap:6px}html[data-density=compact] .hl-zonebox{padding:6px}html[data-density=compact] .brand-prev .bp{padding:6px}

/* bundle details: richer included items */
.bd-note{margin:-4px 0 10px}.bd-item-meta{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.bd-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;border:1px solid var(--border);font-size:.78rem;background:var(--surface)}
.bd-chip.ok{color:#067647;border-color:#abefc6;background:#ecfdf3}
.bd-more{margin-top:8px;border-top:1px dashed var(--border);padding-top:6px}.bd-more summary{cursor:pointer;font-weight:600;color:var(--primary)}
.bd-more-body{padding:8px 0}.bd-more-body p{margin:0 0 8px}
.bd-spec{display:grid;grid-template-columns:minmax(110px,max-content) 1fr;gap:4px 14px;margin:0 0 10px}.bd-spec dt{color:var(--muted)}.bd-spec dd{margin:0;font-weight:600}
html[data-density=compact] .bd-more-body{padding:4px 0}html[data-density=compact] .bd-spec{gap:2px 10px}html[data-density=compact] .bd-chip{padding:1px 7px;font-size:.74rem}html[data-density=compact] .bd-item-meta{margin:2px 0}

/* seller offers (coupon tickets) + seller card chips */
.so-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.so-head h2{margin:0}
.so-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.so-card{display:flex;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;position:relative;box-shadow:0 6px 18px rgba(16,24,40,.06)}
.so-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:104px;padding:14px 10px;background:linear-gradient(160deg,var(--primary),var(--primary2));color:#fff;border-inline-end:2px dashed rgba(255,255,255,.55)}
.so-big{font-size:1.9rem;line-height:1;font-weight:800}.so-cur{font-size:.8rem;font-weight:700}.so-off{font-size:.75rem;letter-spacing:.12em;font-weight:700;opacity:.9}
.so-body{flex:1;padding:12px 14px;display:grid;gap:6px;align-content:start}.so-body h3{margin:0;font-size:1rem}
.so-terms{list-style:none;margin:0;padding:0;display:grid;gap:2px;color:var(--muted);font-size:.85rem}.so-terms li::before{content:"•";margin-inline-end:6px}.so-soon{color:#b42318;font-weight:600}
.so-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.so-code code{padding:4px 10px;border:1px dashed var(--primary);border-radius:8px;font-weight:800;letter-spacing:.14em;background:color-mix(in srgb,var(--primary) 8%,var(--surface))}
.vendor-tile{display:grid;gap:8px;align-content:start}
.vendor-tile-offers{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border:1px dashed var(--primary);border-radius:12px;background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.vt-label{font-weight:700;font-size:.85rem}.vt-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:inherit;font:inherit;font-size:.82rem;cursor:pointer}.vt-chip code{font-weight:800;letter-spacing:.1em}.vt-chip.copied{border-color:#12b76a;background:#ecfdf3}
html[data-density=compact] .so-grid{gap:8px}html[data-density=compact] .so-left{min-width:80px;padding:8px 6px}html[data-density=compact] .so-big{font-size:1.45rem}html[data-density=compact] .so-body{padding:8px 10px;gap:3px}html[data-density=compact] .vendor-tile-offers{padding:4px 8px;gap:4px}html[data-density=compact] .vt-chip{padding:2px 8px}

/* ---- one font stack for the whole portal (controls inherit it; each theme and language can set --mk-font) ---- */
:root{--mk-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-theme="amazon"]{--mk-font:"Amazon Ember",Arial,"Helvetica Neue",Helvetica,sans-serif}
html[data-theme="shopify"]{--mk-font:-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif}
html[data-theme="sunset"]{--mk-font:"Trebuchet MS",Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif}
html[data-theme="midnight"]{--mk-font:Inter,ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif}
html[lang^="ar"]{--mk-font:Inter,"Noto Sans Arabic","Segoe UI",Tahoma,"Noto Naskh Arabic",Arial,sans-serif}
html[lang^="zh"]{--mk-font:"PingFang SC","Microsoft YaHei","Noto Sans SC","Hiragino Sans GB",ui-sans-serif,system-ui,sans-serif}
html[lang^="fr"]{--mk-font:Inter,ui-sans-serif,system-ui,"Segoe UI",Roboto,Arial,sans-serif}
html body,html body :is(button,input,select,textarea,summary,option,optgroup,label,.btn,.mk-cur-btn,.mk-cur-list,.mk-cur-list li,.mk-density-btn,.nav-group summary,.nav-dropdown a,.admin-card,.badge,table,th,td){font-family:var(--mk-font)}
html body :is(code,kbd,samp,pre,.mk-2fa-key){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.mk-cur-btn,.mk-cur-list{font-size:.95rem;letter-spacing:normal;color:var(--text)}
html[data-theme] .mk-cur-btn,html[data-theme] .mk-cur-list{background:var(--surface);color:var(--text);border-color:var(--border)}

/* support tickets: category / priority / requester */
.tk-chip{display:inline-flex;align-items:center;padding:2px 10px;margin-inline-end:6px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.78rem;font-weight:600}
.tk-pri-critical{background:#fef3f2;border-color:#fda29b;color:#b42318}.tk-pri-high{background:#fff6ed;border-color:#fdba74;color:#c4320a}.tk-pri-medium{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.tk-pri-low{background:#f2f4f7;border-color:#d0d5dd;color:#475467}
.tk-plan{background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-color:var(--primary)}
.tk-help{margin:-4px 0 6px;font-size:.85rem}.tk-select{width:100%}
.tk-reclass-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.tk-reclass-row label{flex:1 1 220px}
.tk-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}.tk-dl dt{color:var(--muted)}.tk-dl dd{margin:0;font-weight:600}
.tk-requester,.tk-reclass{margin-bottom:14px}
html[data-density=compact] .tk-chip{padding:1px 8px;font-size:.74rem}html[data-density=compact] .tk-dl{gap:3px 12px}html[data-density=compact] .tk-reclass-row{gap:6px}html[data-density=compact] .tk-help{margin:-2px 0 4px}
.tk-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tk-inline .tk-select{width:auto;min-width:130px}

/* 13ag: same apparent size and weight in every language for header links and pickers (Arabic glyphs are otherwise optically smaller) */
html body :is(.nav-dropdown a,.auth-nav a,.nav-group>summary,.nav-cart,.mk-cur-btn,.mk-cur-list,.mk-cur-list li,.selectors select){font-size:14px;line-height:1.35;font-weight:600;font-size-adjust:.52}
html body .selectors select{font-size:13px}
/* 13ag: ready-made reply picker */
.tk-tpl{display:grid;grid-template-columns:1fr 180px;gap:10px;margin:8px 0 12px;align-items:end}.tk-tpl label{display:grid;gap:4px;font-weight:700;font-size:.9rem}.tk-tpl select{width:100%}.tk-tpl small{grid-column:1/-1}
@media(max-width:640px){.tk-tpl{grid-template-columns:1fr}}
html[data-density=compact] .tk-tpl{gap:6px;margin:4px 0 8px}
/* 13ag: "Upgrade" badge — top-left in LTR (English, French, Chinese), top-right in RTL (Arabic) */
.mk-plan-locked{position:relative}
.mk-upgrade{position:absolute;top:-7px;inset-inline-start:-6px;z-index:3;background:#fff;color:#dc2626;border:1px solid #dc2626;border-radius:999px;padding:0 6px;font-size:10px;line-height:15px;font-weight:800;letter-spacing:0;white-space:nowrap;pointer-events:none;text-transform:none;box-shadow:0 1px 3px rgba(220,38,38,.25)}
html[data-theme=midnight] .mk-upgrade{background:#1e293b;color:#f87171;border-color:#f87171}
html[data-density=compact] .mk-upgrade{font-size:9px;line-height:13px;padding:0 5px;top:-6px}
.mk-plan-locked{opacity:.92}
.nav-dropdown .mk-upgrade,.dropdown-menu .mk-upgrade{top:1px;inset-inline-start:2px}
.mk-autotr-bar .is-off{opacity:.55;filter:grayscale(.6);cursor:not-allowed}
/* 13ah: plan usage meters and limit popup */
.plan-usage{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;margin:0 0 16px}
.plan-usage-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:.95rem}.plan-usage-head a{font-weight:700;color:var(--primary)}
.plan-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.pu-row{display:flex;justify-content:space-between;gap:8px;font-size:.9rem}.pu-item small{color:var(--muted)}
.pu-bar{height:8px;border-radius:99px;background:var(--border);overflow:hidden;margin:6px 0 4px}.pu-bar i{display:block;height:100%;background:#16a34a;border-radius:99px}
.pu-item.warn .pu-bar i{background:#f59e0b}.pu-item.warn small{color:#b45309}.pu-item.full .pu-bar i{background:#dc2626}.pu-item.full small{color:#dc2626;font-weight:700}
html[data-density=compact] .plan-usage{padding:8px 10px;margin-bottom:10px}html[data-density=compact] .pu-bar{height:6px;margin:4px 0 2px}
/* 13ai: currency picker = exactly the language select: same family, size, line height; list rows like the native option list (regular weight) */
html body .topbar .selectors :is(select,.mk-cur-btn){font-family:var(--mk-font);font-size:13px;font-weight:600;line-height:1.35;font-size-adjust:none;letter-spacing:normal}
html body .topbar .selectors .mk-cur-list,html body .topbar .selectors .mk-cur-list li{font-family:var(--mk-font);font-size:13px;font-weight:400;line-height:1.35;font-size-adjust:none;letter-spacing:normal}
html body .topbar .selectors .mk-cur-list li small{font-size:12px;font-weight:400}
html body .topbar .selectors .mk-cur-list li[aria-selected="true"]{font-weight:600}
html[data-density=compact] body .topbar .selectors .mk-cur-btn,html[data-density=compact] body .topbar .selectors .mk-cur-list li{font-size:12px}
/* 13ai: "Add to cart" never breaks onto two lines in grid / compact cards */
.product-actions .btn,.product-actions button,.home-product-actions .btn,.home-product-actions button,.mk-tile .btn{white-space:nowrap;word-break:keep-all}
.product-actions form:first-child,.home-product-actions form:first-child{flex:1 1 auto;min-width:0}
.product-actions form:first-child .btn,.product-actions form:first-child button,.home-product-actions form:first-child .btn{width:100%;overflow:hidden;text-overflow:ellipsis}
html[data-density=compact] .product-actions .btn,html[data-density=compact] .product-actions button,html[data-density=compact] .home-product-actions .btn{padding:6px 8px;font-size:.8rem}
@media(max-width:520px){.product-actions .btn,.product-actions button{padding:7px 8px;font-size:.82rem}}
/* 13ai: the close (X) button never sits on top of header content, in LTR or RTL */
.portal-modal-dialog h2{margin:0 0 12px;margin-inline-end:42px}
:is(.portal-modal-dialog,.mk-modal-card,.mk-link-box,.journey-dialog) :is(.support-popup-head,[class*="popup-head"],[class*="modal-head"],[class*="dialog-head"],header){padding-inline-end:52px;position:relative}
:is(.portal-modal-dialog,.mk-modal-card,.mk-link-box,.journey-dialog) :is(.support-popup-head,[class*="popup-head"]) :is(.status,.badge,.chip,.pill){position:static;margin-inline-start:auto;white-space:nowrap}
:is(.portal-modal-dialog,.mk-modal-card,.mk-link-box,.journey-dialog) .support-popup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
:is(.portal-modal-dialog,.mk-modal-card) :is(h2,h3,h4):first-child{margin-inline-end:44px}

/* 13aj: product-card actions. The button text is always ONE line; when the two buttons do not fit side by side, the second one drops to its own full-width row (never squeezed or clipped). */
html body :is(.product-actions,.home-product-actions){display:flex;flex-wrap:wrap;gap:8px}
html body :is(.product-actions,.home-product-actions)>:is(form,.btn,a){flex:1 1 auto;min-width:max-content;margin:0}
html body :is(.product-actions,.home-product-actions) :is(.btn,button){white-space:nowrap;width:100%;overflow:visible;text-overflow:clip;text-align:center}
html body :is(.product-actions,.home-product-actions)>form:first-child{flex:1 1 auto;min-width:max-content}
html[data-density=compact] body :is(.product-actions,.home-product-actions) :is(.btn,button){padding:6px 8px;font-size:.8rem}
html body .product-grid[data-view=compact] :is(.product-actions,.home-product-actions) :is(.btn,button){font-size:.74rem;padding:6px 4px}

/* 13aj: currency, language and theme lists are one component (.mk-cur), so they always share the same font, size and weight */
.mk-cur-native{display:none!important}
html body .topbar .selectors .mk-cur{flex:0 0 auto}
html body .topbar .selectors :is(.currency-form,.language-form){display:block}
html body.menu-open .topbar .selectors :is(.mk-cur,.currency-form,.language-form){flex:1 1 0;min-width:0;width:100%}
html body.menu-open .topbar .selectors .mk-cur-btn{width:100%;justify-content:space-between}
html body .topbar .selectors .mk-cur-list li span{white-space:nowrap}
html body .topbar .selectors .mk-cur-list{min-width:max(100%,150px)}

/* 13aj: KYC / KYB explainer */
.kyc-explainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 18px;margin:14px 0 18px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.kyc-explainer p{margin:4px 0 0}
.kyc-explainer>p.muted{grid-column:1/-1;margin:0}
html[data-density=compact] .kyc-explainer{padding:8px 12px;gap:6px 14px;margin:8px 0 12px;font-size:.92em}

/* 13ak: promotion badge wraps inside the card instead of being cut off; it is click-to-copy */
html body .promo-badge{white-space:normal;display:flex;gap:4px;align-items:flex-start;width:max-content;max-width:calc(100% - 16px);box-sizing:border-box;line-height:1.3;border-radius:14px;overflow-wrap:anywhere;text-align:start;cursor:pointer}
html body .promo-badge>span:last-child{min-width:0}
html body .promo-badge:focus-visible{outline:2px solid #fff;outline-offset:2px}
html body .product-grid[data-view=compact] .promo-badge,html[data-density=compact] body .promo-badge{font-size:.68rem!important;padding:3px 8px!important}
.pd-offers{margin:14px 0}
.pd-offers .so-head h2{font-size:1.05rem;margin:0 0 2px}
.pd-offers .so-head p{margin:0 0 8px}

/* 13ak: "Sign out" in the user menu uses exactly the same type as the other menu entries */
html body .topbar .auth-nav .account-dropdown :is(a,button){display:block;width:100%;text-align:start;font-family:var(--mk-font);font-size:14px;font-weight:600;line-height:1.35;letter-spacing:normal;font-size-adjust:.52;text-transform:none}

/* pending-approval seller banner */
.pending-seller{border:1px solid var(--border,#e3e7ee);border-left:4px solid #f59e0b;border-radius:12px;padding:12px 16px;margin:0 0 16px;background:var(--surface,#fff)}
.pending-seller>summary{cursor:pointer;list-style:none}
.pending-seller .ps-list{list-style:none;margin:8px 0;padding:0}
.pending-seller .ps-list li{padding:3px 0}
.pending-seller .ps-list li.done{opacity:.7}
.pending-seller .ps-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0}
.pending-seller .ps-cols ul{margin:4px 0 0;padding-inline-start:18px}

/* seller benefits page (theme-aware, responsive, compact/expand) */
.sv-page{--sv-accent:var(--primary,#2563eb);--sv-card:var(--surface,#fff);--sv-soft:color-mix(in srgb,var(--sv-accent) 8%,var(--surface,#fff));--sv-line:var(--border,#dfe3ea)}
.sv-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:24px;border:1px solid var(--sv-line);border-radius:18px;background:var(--sv-soft);margin-bottom:28px}
.sv-hero h1{margin:6px 0 10px;font-size:clamp(1.5rem,3.2vw,2.3rem);line-height:1.2}
.sv-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.sv-hero-art{width:100%;max-width:360px;height:auto;justify-self:center}
.sv-h{margin:28px 0 14px;font-size:1.35rem}
.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.sv-card{border:1px solid var(--sv-line);border-radius:14px;padding:16px;background:var(--sv-card)}
.sv-card h3{margin:10px 0 6px;font-size:1.05rem}
.sv-card p{margin:0}
.sv-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--sv-accent);background:var(--sv-soft);border:1px solid var(--sv-line)}
.sv-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.sv-plan{border:1px solid var(--sv-line);border-radius:14px;padding:18px;background:var(--sv-card);display:flex;flex-direction:column;gap:8px}
.sv-plan h3{margin:0}
.sv-price{font-size:1.4rem;font-weight:700}
.sv-price small{font-size:.8rem;font-weight:400;opacity:.7}
.sv-feat{list-style:none;margin:6px 0 10px;padding:0;flex:1}
.sv-feat li{padding:4px 0;display:flex;gap:8px;align-items:baseline}
.sv-feat li.sv-no{opacity:.55}
.sv-yes{color:#16a34a;font-weight:700}.sv-x{color:#dc2626;font-weight:700}
.sv-note{margin-top:16px}
@media (max-width:760px){.sv-hero{grid-template-columns:1fr;padding:16px}.sv-hero-art{max-width:240px;order:-1}}
html[data-density="compact"] .sv-hero{padding:14px;margin-bottom:16px}
html[data-density="compact"] .sv-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
html[data-density="compact"] .sv-card{padding:10px}
html[data-density="compact"] .sv-card h3{margin:6px 0 4px;font-size:.98rem}
html[data-density="compact"] .sv-card p,html[data-density="compact"] .sv-points li{font-size:.88rem}
html[data-density="compact"] .sv-points{gap:3px;margin-top:6px}
html[data-density="compact"] .sv-ic{width:36px;height:36px}
html[data-density="compact"] .sv-feat li{padding:2px 0;font-size:.92rem}
html[data-density="compact"] .sv-plan{padding:12px;gap:4px}
.sv-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.sv-links a{padding:7px 14px;border:1px solid var(--sv-line);border-radius:999px;background:var(--sv-card);text-decoration:none;font-weight:600}
.sv-links a:hover{border-color:var(--sv-accent)}
.sv-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 6px;padding:16px;border:1px solid var(--sv-line);border-radius:14px;background:var(--sv-soft)}
.sv-bottom b{flex:1 1 200px}
html[data-density="compact"] .sv-bottom{padding:10px;margin-top:12px}
.sv-lead{margin:-6px 0 14px}
.sv-feats{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.sv-rows{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid var(--sv-line)}
.sv-rows li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--sv-line)}
.sv-rows li:last-child{border-bottom:0}
.sv-rows li.sv-no{opacity:.6}
html[data-density="compact"] .sv-feat-card{display:block;padding:10px}
html[data-density="compact"] .sv-feat-card .sv-ic{margin-bottom:4px}
html[data-density="compact"] .sv-feat-card h3{margin:2px 0 4px}
html[data-density="compact"] .sv-rows{margin-top:4px}
html[data-density="compact"] .sv-rows li{padding:3px 0;font-size:.9rem}
html[data-density="compact"] .sv-feats{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}

/* subscription cancel box */
.cancel-box{display:inline-block;vertical-align:top;max-width:100%}
.cancel-box>summary{list-style:none;cursor:pointer;display:inline-block}
.cancel-box>summary::-webkit-details-marker{display:none}
.cancel-form{display:grid;gap:10px;margin-top:10px;padding:14px;border:1px solid var(--border,#dfe3ea);border-radius:12px;background:var(--surface,#fff);width:min(420px,86vw);text-align:start}
.cancel-form fieldset{border:0;margin:0;padding:0;display:grid;gap:6px}
.cancel-form legend{font-weight:700;margin-bottom:4px;padding:0}
.cancel-form label{display:grid;gap:4px}
.cancel-form fieldset label{display:flex;gap:8px;align-items:flex-start}
html[data-density="compact"] .cancel-form{padding:8px;gap:6px}
.sv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px!important}
.sv-chip{padding:2px 10px;border:1px solid var(--sv-line);border-radius:999px;background:var(--sv-soft);font-size:.85rem}

/* cross-browser fallbacks (older Safari / Firefox / Chromium) */
.topbar,.portal-modal-backdrop,.mk-modal{-webkit-backdrop-filter:blur(4px)}
@supports not (inset:0){.portal-modal,.portal-modal-backdrop,.mk-modal{top:0;right:0;bottom:0;left:0}}
@supports not (height:100dvh){
  body{min-height:100vh}
  .portal-modal-dialog,.journey-dialog{max-height:calc(100vh - 24px)}
  .promo-welcome{max-height:calc(100vh - 32px)}
  .journey-coach .journey-dialog{max-height:min(70vh,560px)}
}
@supports not (grid-template-rows:subgrid){main .form-grid>label:not(.check):not(.mk-attr):not(.mk-field){grid-row:auto}}
@supports not (color:color-mix(in srgb,red,blue)){.sv-page{--sv-soft:#eef3ff}.pending-seller{background:#fff}}
/* readable secondary text on every theme (contrast >= 4.5:1 checked in 6 themes) */
.sv-page .sv-desc,.sv-page .sv-hero p,.sv-page .sv-note,.sv-page .sv-lead,.sv-page .sv-rows li.sv-no,.sv-page .sv-feat li.sv-no,.pending-seller .muted,.pending-seller .ps-list li.done{color:var(--text,#101828);opacity:1}
.sv-page .sv-rows li.sv-no span,.sv-page .sv-rows li.sv-no b{opacity:.8}

.sv-page .sv-hero .sv-hero-text p{color:var(--text,#101828)}
html[data-theme] .sv-page .sv-hero .sv-hero-text p,html[data-theme] .sv-page .sv-desc,html[data-theme] .sv-page .sv-note,html[data-theme] .sv-page .sv-lead{color:var(--text,#101828)!important}
.sv-points{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:5px}
.sv-points li{position:relative;padding-inline-start:20px;font-size:.93rem}
.sv-points li::before{content:"✔";position:absolute;inset-inline-start:0;top:0;color:var(--primary,#2563eb);font-weight:700}

/* ---- store profile (seller) + store banner (public store page) ---- */
.store-banner{max-width:1200px;margin:0 auto 14px;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}
.store-banner img{display:block;width:100%;aspect-ratio:4/1;object-fit:cover}
.store-hero>img{width:84px;height:84px;object-fit:cover;border-radius:50%;border:1px solid var(--border);background:var(--surface)}
.vstore-note{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;margin:0 0 16px;border:1px solid var(--border);background:var(--surface);color:var(--text)}
.vstore-note.pending{border-inline-start:4px solid #d4a017}.vstore-note.rejected{border-inline-start:4px solid #d64545}.vstore-note.approved{border-inline-start:4px solid #2e9e5b}
.vstore-preview{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);color:var(--text);margin:0 0 20px}
.vstore-banner{aspect-ratio:4/1;background:var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}
.vstore-banner img{width:100%;height:100%;object-fit:cover;display:block}
.vstore-id{display:flex;gap:16px;align-items:center;padding:16px}
.vstore-id h2{margin:0 0 4px}.vstore-id p{margin:0;color:var(--muted)}
.vstore-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--border)}
.vstore-logo-empty{display:flex;align-items:center;justify-content:center;background:var(--border);font-weight:700;font-size:28px}
@media (max-width:600px){.vstore-id{flex-direction:column;align-items:flex-start}.store-banner img,.vstore-banner{aspect-ratio:3/1}}

/* sign-in / register logo: navy artwork on light cards, yellow artwork on the dark (Midnight) theme */

/* ---- home hero: live, animated (admin: Portal content -> Home hero animation) ---- */
.hero{overflow:hidden}
.hero .hero-grid{position:relative;z-index:1}
.hero-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-fx i{position:absolute;display:block;border-radius:50%}
.hero-fx-aurora i{width:46vmax;height:46vmax;filter:blur(70px);opacity:.38;mix-blend-mode:screen;animation:mkAurora 18s ease-in-out infinite alternate}
.hero-fx-aurora i:nth-child(1){background:var(--primary,#5b5cf0);top:-30%;inset-inline-start:-10%}
.hero-fx-aurora i:nth-child(2){background:var(--primary2,#7c3aed);bottom:-40%;inset-inline-end:-8%;animation-duration:23s;animation-delay:-6s}
.hero-fx-aurora i:nth-child(3){background:#ecca2b;width:26vmax;height:26vmax;opacity:.22;top:20%;inset-inline-start:42%;animation-duration:27s;animation-delay:-11s}
.hero-fx-aurora i:nth-child(n+4){display:none}
.hero-fx-shapes i{border:2px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);animation:mkFloat 14s ease-in-out infinite}
.hero-fx-shapes i:nth-child(1){width:90px;height:90px;top:14%;inset-inline-start:6%}
.hero-fx-shapes i:nth-child(2){width:46px;height:46px;top:62%;inset-inline-start:22%;animation-duration:11s;animation-delay:-4s}
.hero-fx-shapes i:nth-child(3){width:140px;height:140px;top:8%;inset-inline-end:10%;border-radius:32%;animation-duration:19s;animation-delay:-8s}
.hero-fx-shapes i:nth-child(4){width:64px;height:64px;bottom:12%;inset-inline-end:28%;border-radius:22%;animation-duration:13s;animation-delay:-2s}
.hero-fx-shapes i:nth-child(5){width:30px;height:30px;top:40%;inset-inline-start:48%;animation-duration:9s;animation-delay:-6s}
@keyframes mkAurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8%,6%,0) scale(1.12)}100%{transform:translate3d(-6%,10%,0) scale(.94)}}
@keyframes mkFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(18deg)}}
.hero-enter .hero-grid>div:first-child>*{opacity:0;animation:mkRise .7s cubic-bezier(.2,.7,.2,1) forwards}
.hero-enter .hero-grid>div:first-child>*:nth-child(1){animation-delay:.05s}
.hero-enter .hero-grid>div:first-child>*:nth-child(2){animation-delay:.18s}
.hero-enter .hero-grid>div:first-child>*:nth-child(3){animation-delay:.3s}
.hero-enter .hero-grid>div:first-child>*:nth-child(4){animation-delay:.42s}
.hero-enter .hero-grid>div:first-child>*:nth-child(n+5){animation-delay:.54s}
.hero-enter .hero-art{opacity:0;animation:mkRise .9s .25s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes mkRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .floating-card{animation:mkBob 5s ease-in-out infinite}
@keyframes mkBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero .orb{animation:mkBob 7s ease-in-out infinite}
.hero-rotator{position:relative;min-height:1.7em;margin:6px 0 14px;font-size:1.15rem;font-weight:600}
.hero-rot-item{position:absolute;inset-inline-start:0;top:0;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;white-space:normal}
.hero-rot-item.is-on{opacity:1;transform:none}
.hero-live{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:22px}
.hero-live-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.28);font-size:12px;font-weight:700;letter-spacing:.08em}
.hero-live-badge i{width:8px;height:8px;border-radius:50%;background:#34d27b;box-shadow:0 0 0 0 rgba(52,210,123,.7);animation:mkPulse 1.8s infinite}
.hero-live-item{display:flex;flex-direction:column;line-height:1.15}
.hero-live-item b{font-size:1.5rem;font-variant-numeric:tabular-nums}
.hero-live-item small{opacity:.8}
@keyframes mkPulse{0%{box-shadow:0 0 0 0 rgba(52,210,123,.6)}70%{box-shadow:0 0 0 9px rgba(52,210,123,0)}100%{box-shadow:0 0 0 0 rgba(52,210,123,0)}}
@media (max-width:600px){.hero-rotator{font-size:1rem}.hero-live{gap:8px 16px}.hero-fx-aurora i{filter:blur(46px)}}
@media (prefers-reduced-motion:reduce){.hero-fx i,.hero .floating-card,.hero .orb,.hero-live-badge i{animation:none!important}.hero-enter .hero-grid>div:first-child>*,.hero-enter .hero-art{opacity:1!important;animation:none!important}.hero-rot-item{transition:none}.hero-rot-item:not(:first-child){display:none}}

/* ---- Benefits: "What you get" as a four-stage journey (no card blocks) ---- */
.sv-journey{display:flex;flex-direction:column;gap:6px;margin:10px 0 36px}
.sv-stage{display:grid;grid-template-columns:minmax(190px,270px) minmax(0,1fr);gap:8px 32px;padding:26px 0;border-top:1px solid var(--sv-line)}
.sv-stage:first-child{border-top:0}
.sv-stage-head{position:sticky;top:84px;align-self:start}
.sv-stage-num{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;margin-bottom:10px;font-weight:800;font-size:1.2rem;color:#fff;background:linear-gradient(135deg,var(--sv-accent),var(--primary2,var(--sv-accent)));box-shadow:0 8px 20px color-mix(in srgb,var(--sv-accent) 30%,transparent)}
.sv-stage-title{margin:0 0 4px;font-size:1.25rem}
.sv-stage-sub{margin:0;color:var(--muted)}
.sv-stage-rows{position:relative;display:flex;flex-direction:column;margin:0;padding-inline-start:30px;border-inline-start:2px solid var(--sv-line)}
.sv-row{position:relative;display:flex;gap:16px;align-items:flex-start;padding:14px 0 18px}
.sv-row+.sv-row{border-top:1px dashed var(--sv-line)}
.sv-row::before{content:"";position:absolute;inset-inline-start:-37px;top:26px;width:12px;height:12px;border-radius:50%;background:var(--sv-accent);box-shadow:0 0 0 4px var(--surface,#fff),0 0 0 5px var(--sv-line)}
.sv-row .sv-ic{flex:none}
.sv-row-body{min-width:0}
.sv-row-body h3{margin:2px 0 4px;font-size:1.08rem}
.sv-row-body .sv-desc{margin:0 0 8px;color:var(--muted)}
.sv-row .sv-points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sv-row .sv-points li{padding:3px 11px;border:1px solid var(--sv-line);border-radius:999px;background:var(--sv-soft);font-size:.86rem}
.sv-row .sv-points li::before{content:none}
html[data-density="compact"] .sv-stage{padding:14px 0;gap:6px 22px}
html[data-density="compact"] .sv-row{padding:8px 0 10px;gap:10px}
html[data-density="compact"] .sv-row::before{top:18px}
html[data-density="compact"] .sv-stage-num{width:36px;height:36px;font-size:1rem}
html[data-density="compact"] .sv-row-body .sv-desc{margin-bottom:5px;font-size:.9rem}
html[data-density="compact"] .sv-row .sv-points li{font-size:.8rem;padding:2px 9px}
@media (max-width:760px){.sv-stage{grid-template-columns:1fr}.sv-stage-head{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.sv-stage-num{margin:0}.sv-stage-sub{flex-basis:100%}}
@supports not (color:color-mix(in srgb,red,blue)){.sv-stage-num{box-shadow:none}}

/* ---- home scroll rows on phones: both arrows sit INSIDE the row (they used to hang 6px outside it and one side was clipped), round, always visible ---- */
@media (max-width:760px){
  .hb-wrap{overflow:visible}
  .hb-nav{display:grid!important;place-items:center;width:36px!important;height:36px!important;border-radius:50%!important;font-size:22px;line-height:1;padding:0;top:42%!important;opacity:.95;background:var(--surface,#fff)!important;color:var(--text,#1d2939)!important;border:1px solid var(--border,#d0d5dd)!important}
  .hb-prev{inset-inline-start:2px!important}
  .hb-next{inset-inline-end:2px!important}
  .hb-track{padding-inline:2px;scroll-padding-inline:40px}
}
.sv-hero-cta{margin-top:12px;display:inline-block}

/* Batch 13aw: Benefits plan ladder */
.sv-all{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 16px;padding:10px 12px;border:1px dashed var(--sv-line);border-radius:12px;background:var(--sv-soft)}
.sv-chip{padding:3px 10px;border-radius:999px;border:1px solid var(--sv-line);background:var(--sv-card);font-size:.88rem}
.sv-ladder{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(var(--steps,3),minmax(0,1fr));gap:14px;align-items:end}
.sv-step{display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc((var(--steps,3) - 1 - var(--i,0)) * 0px)}
.sv-step-card{border:1px solid var(--sv-line);border-top:4px solid var(--sv-accent);border-radius:14px;background:var(--sv-card);padding:14px;min-height:calc(190px + var(--i,0) * 46px);box-shadow:0 2px 10px rgba(0,0,0,.05)}
.sv-step-card header{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.sv-step-card h3{margin:0;font-size:1.1rem}
.sv-step-card small{color:var(--muted)}
.sv-step-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sv-accent);color:#fff;font-weight:700}
.sv-meter{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:8px 0;font-size:.92rem}
.sv-meter i{grid-column:1/-1;height:7px;border-radius:99px;background:var(--sv-soft);overflow:hidden;position:relative}
.sv-meter i::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--w,100%);background:var(--sv-accent);border-radius:99px}
.sv-meter span{color:var(--muted)}
.sv-adds{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--sv-line)}
.sv-adds li{display:flex;gap:8px;align-items:baseline;padding:3px 0}
.sv-plus{color:var(--sv-accent);font-weight:700;flex:none}
.sv-add-t em{font-style:normal;color:var(--muted)}
html[data-density="compact"] .sv-step-card{padding:9px;min-height:calc(150px + var(--i,0) * 30px)}
html[data-density="compact"] .sv-meter{margin:4px 0}
html[data-density="compact"] .sv-adds li{padding:1px 0;font-size:.9rem}
@media (max-width:860px){.sv-ladder{grid-template-columns:1fr}.sv-step-card{min-height:0}.sv-step{margin-inline-start:calc(var(--i,0) * 10px)}}

/* Batch 13aw: Command list for admin link cards */
.admin-center .admin-section{display:grid;grid-template-columns:240px minmax(0,1fr);gap:8px 24px;padding:18px 0;margin-top:0;border-top:1px solid var(--border)}
.admin-center .admin-section-head{display:block;margin:0}
.admin-center .admin-section-head h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:1.1rem}
.admin-center .admin-section-head p{font-size:.88rem;margin:2px 0 0}
.admin-count{font-size:.75rem;font-weight:600;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}
.admin-center .admin-grid,.cmd-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px}
.admin-center .admin-grid>a.admin-card,.cmd-list>a.admin-card{display:grid!important;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:center;min-height:0!important;padding:10px 8px!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;text-decoration:none}
.admin-center .admin-grid>a.admin-card:hover,.cmd-list>a.admin-card:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)!important}
.admin-center .admin-grid>a.admin-card::before,.cmd-list>a.admin-card::before{content:"";grid-row:1/3;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--primary) 14%,transparent);box-sizing:border-box}
.admin-center .admin-grid>a.admin-card::after,.cmd-list>a.admin-card::after{content:"";position:absolute;width:0;height:0}
.admin-center .admin-grid>a.admin-card,.cmd-list>a.admin-card{position:relative}
.admin-center .admin-grid>a.admin-card b,.cmd-list>a.admin-card b{grid-column:2;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-center .admin-grid>a.admin-card span,.cmd-list>a.admin-card span{grid-column:2;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-center .admin-grid>a.admin-card::before,.cmd-list>a.admin-card::before{-webkit-mask:none;mask:none;background-image:var(--cmd-ic,none);background-repeat:no-repeat;background-position:center;background-size:18px}
.admin-center .admin-grid>a.admin-card::after,.cmd-list>a.admin-card::after{inset-inline-start:8px;top:50%;margin-top:-17px;width:34px;height:34px;background:var(--primary);-webkit-mask:var(--cmd-ic) center/18px no-repeat;mask:var(--cmd-ic) center/18px no-repeat;pointer-events:none}
.admin-center .admin-grid>a.admin-card::before,.cmd-list>a.admin-card::before{background-image:none}
.admin-section[data-admin-category="01"]{--cmd-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8z'/%3E%3C/svg%3E")}
.admin-section[data-admin-category="02"]{--cmd-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5V8zM3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E")}
.admin-section[data-admin-category="03"]{--cmd-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h16a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V7zM3 7l2-3h12M16 14h2'/%3E%3C/svg%3E")}
.admin-section[data-admin-category="04"]{--cmd-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12h4l3-8 4 16 3-8h8'/%3E%3C/svg%3E")}
.admin-section[data-admin-category="05"]{--cmd-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z'/%3E%3C/svg%3E")}
.admin-section[data-admin-category="06"]{--cmd-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15a3 3 0 100-6 3 3 0 000 6zM19 12l2-1-2-4-2 1-2-1-1-2h-4l-1 2-2 1-2-1-2 4 2 1v2l-2 1 2 4 2-1 2 1 1 2h4l1-2 2-1 2 1 2-4-2-1z'/%3E%3C/svg%3E")}
.cmd-list{--cmd-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15a3 3 0 100-6 3 3 0 000 6zM19 12l2-1-2-4-2 1-2-1-1-2h-4l-1 2-2 1-2-1-2 4 2 1v2l-2 1 2 4 2-1 2 1 1 2h4l1-2 2-1 2 1 2-4-2-1z'/%3E%3C/svg%3E")}
html[data-density="compact"] .admin-center .admin-grid>a.admin-card,html[data-density="compact"] .cmd-list>a.admin-card{padding:5px 6px!important}
.admin-empty{padding:14px;color:var(--muted)}
@media (max-width:900px){.admin-center .admin-section{grid-template-columns:1fr}}
@media (max-width:650px){.admin-center .admin-grid,.cmd-list{grid-template-columns:1fr!important}.admin-center .admin-grid>a.admin-card span,.cmd-list>a.admin-card span{white-space:normal}}

/* Batch 13ax: the row grid must not grow to the tiles' full width (that pushed the second arrow off-screen) */
.hb-stack{grid-template-columns:minmax(0,1fr)}.hb,.hb-wrap{min-width:0;max-width:100%}
.hb-track{min-width:0}
@media (max-width:760px){.hb-nav{top:calc(2px + (100% - 2.4rem) / 2 - 18px)!important;transform:translateY(0)!important}[dir=rtl] .hb-nav{transform:none!important}}

/* Batch 13ax: red "needs action" badge */
.need-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-inline-start:8px;border-radius:999px;background:#d92d20;color:#fff!important;font-size:.72rem;font-weight:700;line-height:1;vertical-align:middle;white-space:normal;flex:none}
.admin-center .admin-grid>a.admin-card b{display:flex;align-items:center;gap:0}
.admin-center .admin-grid>a.admin-card b .need-badge{margin-inline-start:auto;overflow:visible}
.admin-center .admin-grid>a.admin-card.has-need{border-bottom-color:color-mix(in srgb,#d92d20 40%,var(--border))!important}
.admin-center .admin-section-head h2 .admin-need{margin-inline-start:0}

/* Batch 13ay: a bundle is one row in the cart */
.cart-item-bundle{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:start}
.cart-bundle-items{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.cart-bundle-items li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center}
.cart-bundle-items img{width:48px;height:48px;object-fit:cover;border-radius:8px}
.cart-bundle-qty{font-weight:600;color:var(--muted)}
@media (max-width:640px){.cart-item-bundle{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.cart-item-bundle .cart-bundle-main{grid-column:1/-1}.cart-item-bundle .cart-bundle-sets{justify-self:start}.cart-item-bundle>strong{justify-self:end}}
.cart-bundle-sets{align-self:start}

/* Batch 13ay: scroll-row arrows drawn with CSS so they follow the reading direction (the ‹ › characters are auto-mirrored by the browser in RTL and were flipped twice) */
.hb-nav{font-size:0!important;line-height:0;padding:0!important;display:flex!important;align-items:center;justify-content:center}
.hb-nav::before{content:"";display:block;flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 5 8.5 12l7 7' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 5 8.5 12l7 7' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* the chevron is drawn centred in a 24x24 box; prev points to the start side, next to the end side, in both directions */
.hb-next::before,[dir=rtl] .hb-prev::before{transform:scaleX(-1)}
[dir=rtl] .hb-next::before{transform:none}
[dir=rtl] .hb-nav{transform:translateY(-50%)}
@media (max-width:760px){[dir=rtl] .hb-nav{transform:none!important}}

/* Batch 13ay: plan cards (Benefits, Seller plans, Start selling): every feature as a tick or cross with a help icon, plus a select button */
.sv-plans{align-items:stretch}
.sv-plans .sv-step{justify-content:flex-start;margin-top:calc((var(--steps,3) - 1 - var(--i,0)) * 18px)}
.sv-plans .sv-step-card{min-height:0;height:100%;display:flex;flex-direction:column}
.sv-plans .sv-step-card.is-popular{border-top-color:#f59e0b;box-shadow:0 8px 26px color-mix(in srgb,var(--sv-accent,#5b5cf0) 22%,transparent)}
.sv-plans .sv-step-card.is-selected{outline:2px solid var(--sv-accent,var(--primary))}
.sv-plans .sv-step-card header{align-items:flex-start}
.sv-plans .sv-step-card header .badge{margin-inline-start:auto;white-space:nowrap}
.sv-plans .plan-price{font-weight:700;margin-top:2px}.sv-plans .plan-price small{font-weight:400;color:var(--muted)}
.sv-checks{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--sv-line,var(--border));display:grid;gap:5px;flex:1}
.sv-checks li{display:flex;gap:8px;align-items:baseline}
.sv-checks .sv-mark{flex:none;width:18px;text-align:center;font-weight:700}
.sv-checks li.sv-yes .sv-mark{color:#12b76a}
.sv-checks li.sv-no .sv-mark{color:#d92d20}
.sv-checks li.sv-no{opacity:.65}
.sv-checks .sv-plus{color:var(--sv-accent,var(--primary))!important}
.sv-checks .help-i{margin-inline-start:auto;flex:none;align-self:center}
.sv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sv-select{margin-top:14px}
html[data-density="compact"] .sv-checks{gap:2px}
@media (max-width:860px){.sv-plans .sv-step{margin-top:0}}
.sv-plans .plan-price{font-size:1.05rem!important;line-height:1.3!important;margin:2px 0 0!important}
.sv-plans .plan-price small{font-size:.8rem!important}
.sv-checks li{align-items:center;font-weight:400!important;font-size:.95rem}
.sv-plans .sv-step-card h3{font-size:1.15rem}
.sv-checks li.sv-yes .sv-mark{color:#12b76a!important}.sv-checks li.sv-no .sv-mark{color:#d92d20!important}

/* Batch 13az: phone layout for tables — cards instead of a sideways scroll bar (labels come from mk-mobile-tables.js) */
.mk-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:760px){
  .table-card:has(table.mk-cards),.table-wrap:has(table.mk-cards),.table-responsive:has(table.mk-cards),.data-table:has(table.mk-cards){overflow-x:visible}
  table.mk-cards,table.mk-cards tbody,table.mk-cards tfoot{display:block;width:100%!important;min-width:0!important;max-width:100%;border:0}
  table.mk-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table.mk-cards tr{display:block;margin:0 0 10px;padding:4px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 1px 3px rgba(16,24,40,.05)}
  table.mk-cards td,table.mk-cards tbody th{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:auto!important;min-width:0;max-width:100%;padding:7px 0;border:0;border-bottom:1px dashed var(--border);background:transparent!important;text-align:end;white-space:normal!important;overflow-wrap:anywhere}
  table.mk-cards tr>:last-child{border-bottom:0}
  table.mk-cards td[data-label]::before,table.mk-cards tbody th[data-label]::before{content:attr(data-label);flex:0 0 40%;max-width:46%;font-weight:600;color:var(--muted);text-align:start;overflow-wrap:anywhere}
  table.mk-cards td:not([data-label]){justify-content:flex-start;flex-wrap:wrap;text-align:start}
  table.mk-cards td:empty{display:none}
  table.mk-cards td.mk-span{display:block;text-align:start}
  table.mk-cards tr>:first-child:not(:only-child){font-weight:700}
  table.mk-cards td>*{max-width:100%}
  table.mk-cards td input:not([type=checkbox]):not([type=radio]),table.mk-cards td select,table.mk-cards td textarea{max-width:60%}
  .table-tools{flex-wrap:wrap}.table-tools>*{flex:1 1 130px}
  .table-pagination{flex-wrap:wrap;justify-content:center}

  /* comparison: two products side by side, attributes stacked */
  .compare-table-wrap{overflow-x:visible}
  table.mk-compare,table.mk-compare tbody,table.mk-compare thead{display:block;width:100%!important;min-width:0!important}
  table.mk-compare thead tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:sticky;top:0;z-index:5;padding:8px 0;background:var(--bg);border:0}
  table.mk-compare thead th.compare-label{display:none}
  table.mk-compare thead th{display:block;width:auto!important;min-width:0;padding:8px!important;border:1px solid var(--border);border-radius:12px;text-align:center;font-size:.85rem}
  table.mk-compare thead th h3{font-size:.9rem;margin:4px 0;overflow-wrap:anywhere}
  table.mk-compare thead th img,table.mk-compare .compare-product-image{width:64px;height:64px;object-fit:cover;margin:0 auto}
  table.mk-compare .compare-product-actions{display:flex;flex-direction:column;gap:4px}
  table.mk-compare tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;margin:0 0 10px;padding:0 0 8px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}
  table.mk-compare tbody th.compare-label{grid-column:1/-1;display:block;padding:6px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:0;width:auto!important}
  table.mk-compare tbody td{display:block;padding:6px 12px;border:0;min-width:0;overflow-wrap:anywhere}
  table.mk-compare tbody td[data-product]::before{content:attr(data-product);display:block;font-size:.7rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  table.mk-compare.mk-diff-only tbody tr.mk-same{display:none}
  table.mk-cards tr,table.mk-compare tbody tr{background:var(--surface)!important}
  table.mk-compare tbody td,table.mk-compare tbody th{background:transparent!important}
}
.mk-cmp-diff{display:none;align-items:center;gap:8px;margin:0 0 10px;font-weight:600}
@media (max-width:760px){.mk-cmp-diff{display:flex}}

/* Batch 13az: dependent variations — buyer step picker */
.mk-cascade{display:grid;gap:12px;margin:12px 0}
.mk-cas-step{display:grid;gap:6px}
.mk-cas-label{display:flex;align-items:center;gap:8px;font-weight:700}
.mk-cas-n{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:var(--primary);color:#fff;font-size:.78rem}
.mk-cas-cur{margin-inline-start:auto;color:var(--primary);font-weight:700}
.mk-cas-opts{display:flex;flex-wrap:wrap;gap:8px}
.mk-cas-opt{appearance:none;-webkit-appearance:none;cursor:pointer;padding:9px 14px;min-height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:.92rem}
.mk-cas-opt:hover:not(:disabled){border-color:var(--primary)}
.mk-cas-opt.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary);font-weight:700}
.mk-cas-opt.off{opacity:.45;text-decoration:line-through;cursor:not-allowed}
.mk-cas-opt.oos{opacity:.7;border-style:dashed}
.mk-cas-opt:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.mk-cas-step.is-locked{opacity:.6}
.mk-cas-hint,.mk-cas-msg{margin:0;font-size:.82rem;color:var(--muted)}
.mk-cas-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mk-cas-reset{appearance:none;background:none;border:0;color:var(--primary);cursor:pointer;font:inherit;font-size:.85rem;text-decoration:underline}
@supports not (color:color-mix(in srgb,red,blue)){.mk-cas-opt.on{background:var(--surface)}}

/* admin: rules table for dependent variation fields */
.rules-matrix{overflow-x:auto;max-width:100%}
.rules-matrix table{border-collapse:collapse;font-size:.9rem}
.rules-matrix th,.rules-matrix td{border:1px solid var(--border);padding:6px 10px;text-align:center}
.rules-matrix th:first-child{text-align:start;background:var(--surface)}
.rules-matrix input[type=checkbox]{width:18px;height:18px}

/* Batch 13ba: account menu text must stay readable whatever the header colours are (the header rule that paints every link in the header text colour also reached the dropdown, so on a dark header the white links sat on the white menu) */
html[data-theme][data-theme] body .topbar .auth-nav .account-dropdown,html[data-theme][data-theme] body .topbar #primaryNav .account-dropdown{background:var(--surface,#fff)!important;color:var(--text,#101828)!important}
html[data-theme][data-theme] body .topbar .auth-nav .account-dropdown :is(a,button),html[data-theme][data-theme] body .topbar #primaryNav .account-dropdown :is(a,button){color:var(--text,#101828)!important;background-color:transparent!important;opacity:1!important}
html[data-theme][data-theme] body .topbar .auth-nav .account-dropdown :is(a,button):is(:hover,:focus-visible),html[data-theme][data-theme] body .topbar #primaryNav .account-dropdown :is(a,button):is(:hover,:focus-visible){background-color:color-mix(in srgb,var(--primary) 12%,transparent)!important;color:var(--primary)!important}
html body .topbar .account-dropdown{font-family:var(--mk-font,inherit)}
/* Batch 13ba: the small figure card on the home hero sits on the bright orb, so it gets its own dark glass and white text */
.hero .floating-card{background:rgba(16,24,40,.72);border-color:rgba(255,255,255,.28);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.hero .floating-card b{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.hero .floating-card small{color:#f2f4f7;font-size:14px;font-weight:600;line-height:1.35}
/* the theme rule that paints every <small> in the muted colour also reached the dark hero, which made "products ready to grow" unreadable */
html[data-theme][data-theme] .hero :is(small,.muted){color:#e4e7ec!important}
html[data-theme][data-theme] .hero .floating-card :is(b,small){color:#fff!important}

/* Batch 13ba: product type + dependent-variation builder (seller and admin product pages) */
.product-type-pick select{width:100%}
.variant-tree{display:grid;gap:14px;margin-bottom:18px}
.variant-tree h2,.variant-tree h3,.variant-tree h4{margin:0}
.vt-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 18px}
.vt-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.vt-step{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border:1px solid var(--border);border-radius:99px;background:var(--surface-2,var(--surface));font-weight:700;font-size:13px}
.vt-step:not(:last-child)::after{content:"\2192";margin-inline-start:6px;color:var(--muted);font-weight:400}[dir=rtl] .vt-step:not(:last-child)::after{content:"\2190"}
.vt-step-n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px}
.vt-intro{margin:0}
.vt-levels{display:grid;gap:12px}
.vt-node{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.vt-node .vt-node{background:var(--surface-2,var(--surface));margin-top:2px}
.vt-node-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.vt-node-head h4{font-size:1rem}
.vt-for{color:var(--muted);font-size:13px}.vt-for b{color:var(--text)}
.vt-count{font-size:12px;color:var(--muted);margin-inline-start:auto}
.vt-tools{display:inline-flex;gap:10px}
.vt-link{border:0;background:none;padding:0;color:var(--primary);font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.vt-pills{display:flex;flex-wrap:wrap;gap:8px}
.vt-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border:1.5px solid var(--border);border-radius:99px;background:var(--surface);color:inherit;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.vt-pill:hover{border-color:var(--primary)}
.vt-pill:active{transform:scale(.97)}
.vt-pill.on{border-color:var(--primary);background:var(--primary);color:#fff}
.vt-pill.on::before{content:"\2713";font-size:13px}
.vt-pill:focus-visible,.vt-link:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}
.vt-typed{cursor:default;padding-inline-end:6px}.vt-x{border:0;background:rgba(255,255,255,.22);color:inherit;border-radius:50%;width:24px;height:24px;cursor:pointer;line-height:1}
.vt-add{display:flex;gap:8px;align-items:center}.vt-add input{flex:1;min-width:0}
.vt-wait{margin:0;padding:10px 12px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:13px}
.vt-branch{display:grid;gap:8px;margin-top:4px;padding-inline-start:14px;border-inline-start:3px solid color-mix(in srgb,var(--primary) 50%,var(--border))}
.vt-branch-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.vt-branch-chip{display:inline-block;padding:4px 12px;border-radius:8px;background:color-mix(in srgb,var(--primary) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border))}
.vt-branch-sub{color:var(--muted);font-size:13px}[dir=rtl] .vt-branch-sub{unicode-bidi:plaintext}
.vt-badge{font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px;background:color-mix(in srgb,#12b76a 16%,var(--surface));color:#067647}.vt-badge.warn{background:color-mix(in srgb,#f79009 18%,var(--surface));color:#b54708}
.vt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:sticky;top:76px;z-index:3;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 6px 18px rgba(16,24,40,.08)}
.vt-stat{display:grid;gap:0;text-align:center}.vt-stat b{font-size:1.4rem;line-height:1.2}.vt-stat span{font-size:12px;color:var(--muted)}
.vt-stat.bad b{color:#d92d20}
.vt-bulk{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}
.vt-bulk label{display:grid;gap:4px;font-size:13px}.vt-bulk input{width:100%}
.vt-bulk-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}
.vt-table-wrap{overflow-x:auto}
.vt-table td,.vt-table th{padding:6px 8px}.vt-table input{width:100%;min-width:90px}
.vt-table .vt-group td{background:color-mix(in srgb,var(--primary) 10%,var(--surface));font-weight:800;font-size:13px;padding:6px 10px}
.vt-hint{margin:0;min-height:1.2em;font-size:13px;color:var(--muted)}.vt-hint.bad{color:#b42318;font-weight:700}
.vt-actions{display:flex;justify-content:flex-end;position:sticky;bottom:0;padding:10px 0;background:linear-gradient(180deg,transparent,var(--surface) 40%)}
.vt-actions .btn{min-width:200px}
@media (max-width:640px){.vt-branch{padding-inline-start:8px}.vt-node{padding:10px}.vt-summary{top:64px;gap:4px;padding:8px}.vt-stat b{font-size:1.15rem}.vt-table input{min-width:74px}.vt-actions .btn{width:100%}.vt-count{margin-inline-start:0}}

/* Batch 13bb: Seller plans page gets a full-width coloured backdrop that follows the theme instead of the plain page colour */
.plans-page{width:auto;max-width:none;margin:0;padding-inline:max(16px,calc((100% - 1180px) / 2));background:linear-gradient(180deg,var(--surface-2,#eef2ff),var(--bg,#f7f8fc))}
@supports (background:color-mix(in srgb,red,blue)){
.plans-page{background:radial-gradient(900px 380px at 85% -4%,color-mix(in srgb,var(--primary,#5b5cf0) 22%,transparent),transparent 70%),radial-gradient(700px 360px at 4% 38%,color-mix(in srgb,var(--primary2,var(--primary,#7c3aed)) 14%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--primary,#5b5cf0) 7%,var(--bg,#f7f8fc)),var(--bg,#f7f8fc))}}
.plans-page .sv-step-card{box-shadow:0 8px 24px rgba(16,24,40,.08)}

/* Batch 13bb: variation popup on product cards, "choose your options" highlight on the product page */
html.mk-vp-lock{overflow:hidden}
.mk-vp{position:fixed;inset:0;z-index:6000;background:rgba(16,24,40,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.mk-vp-card{width:min(520px,100%);max-height:90vh;overflow:auto;background:var(--surface,#fff);color:var(--text,#101828);border:1px solid var(--border,#e4e7ec);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.35);display:grid;gap:12px;padding:16px}
.mk-vp-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center}
.mk-vp-img{width:64px;height:64px;object-fit:cover;border-radius:12px;background:var(--surface-2,#f2f4f7)}
.mk-vp-title h3{margin:0;font-size:1.05rem;overflow-wrap:anywhere}
.mk-vp-price{font-weight:800;font-size:1.15rem;margin-top:2px}.mk-vp-price small{font-weight:600}
.mk-vp-x{border:0;background:transparent;color:inherit;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}
.mk-vp-body{display:grid;gap:12px}
.mk-vp-list{display:grid;gap:8px}
.mk-vp-opt{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:start;padding:12px 14px;border:1px solid var(--border,#e4e7ec);border-radius:12px;background:var(--surface,#fff);color:inherit;cursor:pointer;font:inherit}
.mk-vp-opt.on{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--surface,#fff))}
.mk-vp-opt:disabled{opacity:.5;cursor:not-allowed}.mk-vp-opt-p{font-weight:700;white-space:nowrap}
.mk-vp-msg{margin:0;min-height:1.2em;color:var(--muted);font-size:13px}.mk-vp-msg.bad{color:#b42318;font-weight:700}
.mk-vp-foot{display:flex;gap:10px;justify-content:flex-end}.mk-vp-foot .btn{min-width:120px}
.mk-vp-foot .btn:disabled{opacity:.5;cursor:not-allowed}
@media (max-width:640px){.mk-vp{align-items:flex-end;padding:0}.mk-vp-card{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.mk-vp-foot .btn{flex:1}}
.mk-need{outline:3px solid #f04438;outline-offset:4px;border-radius:12px;animation:mkNeed .5s 2}
@keyframes mkNeed{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){.mk-need{animation:none}}

/* Batch 13bc: Benefits plan steps (staircase: what each plan adds, shared features as chips) */
.lad-wrap{--lad-soft:var(--surface-2,#f4f5ff);margin:14px 0 8px}
@supports (background:color-mix(in srgb,red,blue)){.lad-wrap{--lad-soft:color-mix(in srgb,var(--primary,#5b5cf0) 8%,var(--surface,#fff))}}
.lad{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--steps,3),minmax(0,1fr));gap:0;align-items:end}
.lad-step{display:flex;flex-direction:column;justify-content:flex-end}
.lad-card{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:16px;position:relative;display:flex;flex-direction:column;min-height:calc(240px + var(--i,0) * 64px);margin-inline-start:-1px}
.lad-step:first-child .lad-card{border-start-start-radius:14px;margin-inline-start:0}
.lad-step:last-child .lad-card{border-start-end-radius:14px;background:linear-gradient(180deg,var(--lad-soft),var(--surface))}
.lad-card.is-popular{box-shadow:inset 0 3px 0 #f59e0b}
.lad-card h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;font-size:1.2rem}
.lad-sub{color:var(--muted);font-size:.9rem;font-weight:500;text-align:end}
.lad-k{color:var(--muted);font-size:.85rem;margin-top:6px}
.lad-meter{height:6px;border-radius:6px;background:var(--border);margin:4px 0 2px;overflow:hidden}
.lad-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2,var(--primary)))}
.lad-v{display:block}
.lad-adds{list-style:none;margin:12px 0 0;padding:0}
.lad-adds li{display:flex;gap:8px;align-items:center;padding:5px 0 5px 22px;position:relative;border-bottom:1px dashed var(--border);font-size:.95rem}
.lad-adds li::before{content:"+";position:absolute;inset-inline-start:2px;color:var(--primary);font-weight:800}
.lad-adds li.lad-none::before{content:none}.lad-none{padding-inline-start:0!important;color:var(--muted);font-size:.9rem}
.lad-t{flex:1;min-width:0}.lad-t em,.lad-chip em{font-style:normal;color:var(--muted)}
.lad-adds .help-i,.lad-chip .help-i{flex:none}
.lad-base{border:1px solid var(--border);border-top:0;background:var(--surface);border-radius:0 0 14px 14px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lad-chip{display:inline-flex;gap:6px;align-items:center;padding:3px 11px;border:1px solid var(--border);border-radius:999px;background:var(--lad-soft);font-size:.88rem}
html[data-density="compact"] .lad-card{padding:10px;min-height:calc(190px + var(--i,0) * 44px)}
html[data-density="compact"] .lad-adds li{padding-block:2px}
@media (max-width:860px){.lad{grid-template-columns:1fr}.lad-card{min-height:0!important;margin-inline-start:0;border-radius:0}.lad-step+.lad-step .lad-card{border-top:0}.lad-step:first-child .lad-card{border-radius:14px 14px 0 0}.lad-step:last-child .lad-card{border-radius:0}}

/* V2.9.30: sign-in / register show the uploaded logo as-is; the dark-theme logo (if uploaded) only on the Midnight theme */
.auth-logo.auth-logo-dark{display:none!important}
html[data-theme="midnight"] .auth-logo.auth-logo-dark.has-dark{display:block!important}
html[data-theme="midnight"] .auth-logo.auth-logo-light.has-dark{display:none!important}

/* Batch 13be: Seller plans: plain cards in the theme's own surface colour (white on light themes), clear number badge in the theme colour */
html body .sv-plans .sv-step .sv-step-card{background:var(--surface,#fff);color:var(--text);border:1px solid var(--border);border-top:4px solid var(--primary);box-shadow:0 8px 24px rgba(16,24,40,.08)}
html body .sv-plans .sv-step .sv-step-card.is-popular{border-top-color:#f59e0b}
html body .sv-plans .sv-step .sv-step-n{width:38px;height:38px;font-size:1.2rem;font-weight:800;line-height:1;background:var(--primary)!important;color:var(--on-primary,#fff)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent);direction:ltr}

/* Batch 13bf: Cloudflare Turnstile widget inside the former arithmetic "Security check" card */
.captcha-card .mk-ts{min-height:65px;display:flex;align-items:center}

/* Batch 13bf: seller product import */
.vi-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vi-steps li{display:flex;gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.vi-steps li>b{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--on-primary,#fff)}
.vi-steps h3{margin:0 0 4px;font-size:1.05rem}.vi-steps p{margin:0 0 10px}
.vi-upload{display:grid;gap:10px}
.vi-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 12px}
.vi-summary>div{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:12px 14px;display:grid;gap:2px}
.vi-summary b{font-size:1.6rem;line-height:1.1}.vi-summary span{color:var(--muted);font-size:.9rem}
.vi-summary .vi-bad b{color:#d92d20}
.vi-actions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px}
.vi-chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid var(--border);background:var(--surface-2,var(--surface))}
.vi-chip-create{color:#067647;border-color:#12b76a}.vi-chip-update,.vi-chip-stockonly{color:#175cd3;border-color:#2e90fa}.vi-chip-error{color:#b42318;border-color:#f04438}
.vi-msg{margin:6px 0 0;padding-inline-start:18px;color:#b42318;font-size:.88rem}.vi-msg.vi-warn{color:#b54708}
.vi-table td{vertical-align:top}
@media (max-width:760px){.vi-steps{grid-template-columns:1fr}.vi-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Batch 13bf: review photos */
.rv-photos{margin:6px 0 14px}.rv-photos h3{margin:0 0 8px;font-size:1rem}
.rv-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.rv-strip a{display:block;width:76px;height:76px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2,var(--surface))}
.rv-strip img{width:100%;height:100%;object-fit:cover;display:block}
.rating-photos{display:grid;gap:4px;font-size:.88rem;color:var(--muted)}
.rv-admin{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.rv-admin figure{margin:0;display:grid;gap:4px;justify-items:start}
.rv-admin img{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}
/* phase 5: the star rating on product cards must be readable (WCAG 4.5:1); was #f59e0b on white = 2.1:1 */
.price-row .mk-rate{color:#b45309}html[data-theme="midnight"] .price-row .mk-rate{color:#fbbf24}
/* phase 5 F4: the amber ".price-row span" rule also coloured the price itself (2.1:1); prices take the theme price colour again, the discount is a readable red */
.price-row .az-pr,.price-row .az-pr span{color:inherit}.price-row .az-off{color:#d92d20}html[data-theme="midnight"] .price-row .az-off{color:#fda29b}
/* phase 5 F5: breadcrumbs wrap on narrow phones instead of pushing the page sideways (long product names, EN and AR) */
.breadcrumbs,.auto-breadcrumbs{flex-wrap:wrap;row-gap:2px}.breadcrumbs>*,.auto-breadcrumbs>*{min-width:0;overflow-wrap:anywhere}
/* phase 5 F6: seller offer cards keep their 300 px minimum but never get wider than the screen (320 px phones) */
.so-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
/* phase 5 F8: the stock line was bright green #16a34a on its tinted pill (2.0-2.5:1); deep green on light themes, light green on midnight */
main .stock,.stock{color:#05603a!important}html[data-theme="midnight"] .stock{color:#6ee7b7!important}
.stock.out{color:#b42318!important}html[data-theme="midnight"] .stock.out{color:#fda29b!important}
/* phase 5 F9: shopify theme text colours reach WCAG AA (green 4.48 -> 5.7:1, grey 4.28 -> 5.6:1 on tinted strips) */
html[data-theme="shopify"]{--primary:#006e52;--primary2:#005c45;--muted:#5c5f62}
/* phase 5 F12: the amazon theme used its bright orange (#ffa41c) as text colour too (1.7-2:1). The theme colour is now a readable dark orange
   (6.2:1 on white, 5.3:1 on the grey page, white text on it); the main call-to-action buttons keep the bright orange with dark text, as Amazon does. */
html[data-theme="amazon"]{--primary:#9c4a00;--primary2:#8a4100;--on-primary:#ffffff}
html[data-theme="amazon"][data-theme="amazon"][data-theme="amazon"] body :is(.btn.primary,button.primary,.mk-search .mk-search-btn,.mk-search-btn){background:#ffa41c!important;border-color:#ffa41c!important;color:#0f1111!important}html[data-theme="amazon"][data-theme="amazon"][data-theme="amazon"] body :is(.btn.primary,button.primary,.mk-search .mk-search-btn,.mk-search-btn):hover{background:#ff9900!important;border-color:#ff9900!important}