: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:break-word}
.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:start;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:start;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:start;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:start;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:start}
 .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)}
.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,100%);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}
/* pre-launch sweep 2026-10-25: Midnight paints all text light, so its pale components need dark-theme colours (no reliance on the runtime contrast guard) */
html[data-theme="midnight"] .notification-status{background:color-mix(in srgb,var(--primary) 22%,var(--surface))}
html[data-theme="midnight"] .account-trigger .avatar{color:#0b1220}
html[data-theme="midnight"] .mk-heart.on{color:#fb7185}
html[data-theme="midnight"] .journey-builder{background:var(--surface-2,var(--surface));border-color:var(--border)}
html[data-theme="midnight"] .journey-step-editor{background:var(--surface);border-color:var(--border)}.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{padding:12px}.portal-modal-dialog{width:100%!important;max-width:none!important;max-height:calc(100dvh - 24px);overflow:auto}   /* the space inside the overlay, not the window width (100vw counts the scrollbar and spilled over the left edge in Arabic) */
  .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:#ad3a0b;--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:#1f5fb8;--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:break-word}
.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:start}
.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}
/* Phase 5 (owner: side spaces on phones): a hidden tooltip still took room, so icons near the edge made the page wider than the phone.
   Hidden tooltips take no room; on narrow screens and at line ends the tooltip opens towards the line, never past the screen edge. */
.help-i:not(:hover):not(:focus)::after{display:none}
.help-i::after{max-width:min(260px,calc(100vw - 32px))}
.sv-checks .help-i::after,.lad-adds .help-i::after,.lad-chip .help-i::after{inset-inline-start:auto;inset-inline-end:-6px;transform:none}
@media (max-width:600px){html .help-i::after{min-width:min(160px,calc(100vw - 32px))}}
/* 2026-10-26: with scripts on, site.js places one shared bubble next to the icon and inside the screen (RTL and phones); the CSS bubble above is the fallback */
html.mk-help-js .help-i::after{display:none!important}
.mk-help-bubble{position:fixed;z-index:2000;box-sizing:border-box;width:max-content;min-width:120px;padding:8px 10px;border-radius:10px;background:var(--surface,#fff);color:var(--text,#0f172a);border:1px solid var(--border,#cbd5e1);box-shadow:var(--shadow,0 6px 18px rgba(0,0,0,.2));font-size:12.5px;font-weight:500;line-height:1.45;text-align:start;white-space:normal;overflow-wrap:break-word;pointer-events:none}
.mk-help-bubble[hidden]{display:none}
.mk-help-bubble::after{content:"";position:absolute;left:calc(var(--ax,50%) - 6px);bottom:-7px;width:12px;height:12px;background:inherit;border-right:1px solid var(--border,#cbd5e1);border-bottom:1px solid var(--border,#cbd5e1);transform:rotate(45deg)}
.mk-help-bubble.below::after{bottom:auto;top:-7px;transform:rotate(225deg)}

/* 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}
/* pre-launch sweep 2026-10-25: a site-wide span rule let the column names wrap, so "طباعة / تصدير" was squeezed to 35px over 3 lines on phones (the table scrolls inside its own box) */
.perm-matrix thead .pm-col span{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:break-word}

/* 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:break-word}
.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;overflow-wrap:break-word}
.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:break-word}
.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:#a84800;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:#92400e;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:break-word}
.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:break-word}
.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:break-word;overflow-wrap: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:break-word}
.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:break-word}
#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:break-word}
  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:break-word}
  html[data-admin="1"] main .table-card{overflow-x:auto;padding:8px;-webkit-overflow-scrolling:touch}
  html[data-admin="1"] dialog{max-width:calc(100% - 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:break-word}
  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:break-word;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-ink)}
.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:break-word}/* long codes (order numbers, e-mails, links) split only when longer than the whole line (owner rule: words are never cut) */
  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:break-word}
  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:break-word}
  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:break-word}
  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-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:break-word}
.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-block:5px;padding-inline:22px 0;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))}}
/* Phase 5 (owner: phones): the file picker's own width pushed each import step past a 320 px screen; the step text may now shrink to the screen. */
.vi-steps li>div{flex:1;min-width:0}.vi-upload input[type=file],.vi-upload select{max-width:100%;min-width:0}
/* the report search box asked for 280 px, more than a 320 px phone has beside the card padding; the session "This device" chip never wraps */
.admin-card-tools input{min-width:min(280px,100%)}
.sd-chip{white-space:nowrap}

/* 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:break-word}
/* 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}
/* phase 5 (owner): home scroll rows (Shop by category, Best sellers) have no arrows on phones and touch screens: swipe to scroll. Desktop keeps the arrows. */
@media (max-width:760px),(hover:none) and (pointer:coarse){.hb-wrap .hb-nav{display:none!important}.hb-track{scroll-padding-inline:0;padding-inline:2px}}
/* phase 5 (owner): List view keeps the picture, wishlist heart and badges inside the card on every phone; on phones the sale badge sits under the heart and no word is ever cut. In compact density the 4:3 picture
   shape (aspect-ratio) made the picture as wide as the row is tall (300 px in a 110 px column); the heart covered the sale / discount badges. */
html .product-grid[data-view=list] .product-card .product-image,html[data-density=compact][data-admin="0"] .product-grid[data-view=list] .product-card .product-image{aspect-ratio:auto;min-width:0;max-width:100%;overflow:hidden;position:relative}
.product-grid[data-view=list] .product-card .product-image img{width:100%;max-width:100%}
@media (max-width:640px){.product-grid[data-view=list] .product-card .product-image .mk-heart{left:auto!important;right:auto!important;inset-inline-start:6px!important;inset-inline-end:auto!important;top:6px!important}.product-grid[data-view=list] .product-card .product-image :is(.discount-badge,.sale-badge,.oos-chip){left:auto!important;right:auto!important;inset-inline-start:6px!important;inset-inline-end:auto!important;top:56px!important;width:auto!important;max-width:none;font-size:11px;padding:2px 6px;white-space:nowrap;line-height:1.3}.product-grid[data-view=list] .product-card .product-image .promo-badge{font-size:11px;padding:3px 6px;max-width:calc(100% - 12px);white-space:normal;line-height:1.2}}
/* Phase 5 (owner: side spaces on phones): the seller profile header (logo beside name and buttons, 30 px padding) was 9 px wider than a
   320 px phone; the text may shrink, and on small phones the logo sits above the name. */
.store-hero>div{min-width:0;flex:1}
@media (max-width:520px){.store-hero{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}}
/* Phase 5 layout review (320 px phones): the coupon code and its "Copy code" button sat side by side and pushed the seller offer card past
   its edge, so the button now drops under the code; a long link in a notification kept the card wider than the screen (overflow-wrap only
   breaks it once the card itself may shrink); the "This device" chip goes under the device name instead of past the session card. */
.so-body{min-width:0}.so-code{flex-wrap:wrap}
.notification-list,.notification-card,.notification-card>*{min-width:0;max-width:100%}
table.mk-cards td:has(.sd-chip){flex-wrap:wrap}
@media (max-width:360px){.so-left{min-width:84px;padding-inline:6px}.so-body{padding-inline:10px}}
/* Phase 5 (owner): on phones and tablets the product filters open as a side drawer from the end side (right in English, left in Arabic)
   with a header, a scrolling list and a fixed "Clear all / Show results" bar, above the bottom bar; on wider screens they stay in the side column. */
.cat-side-head,.cat-side-foot,.cat-backdrop{display:none}
.cat-filter-toggle .cat-ico,.cat-side-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cat-filter-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--primary);color:var(--on-primary,#fff);font-size:12px;font-weight:800;line-height:20px;text-align:center}
.cat-filter-count[hidden]{display:none}
@media(max-width:900px){
 .cat-filter-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-inline:14px}
 .cat-layout .cat-side{display:flex;flex-direction:column;position:fixed;inset-block:0;inset-inline-end:0;inset-inline-start:auto;z-index:7000;width:min(380px,88vw);max-height:none;height:100%;height:100dvh;margin:0;padding:0;border:0;border-radius:0;border-start-start-radius:18px;border-end-start-radius:18px;background:var(--surface,#fff);color:var(--text);box-shadow:0 0 40px rgba(0,0,0,.25);transform:translateX(105%);visibility:hidden;transition:transform .25s ease-out,visibility 0s .25s;overflow:hidden}
 html[dir=rtl] .cat-layout .cat-side{transform:translateX(-105%)}
 .cat-layout .cat-side.open,html[dir=rtl] .cat-layout .cat-side.open{transform:none;visibility:visible;transition:transform .25s ease-out}
 .cat-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}
 .cat-side-head h2{margin:0;font-size:1.15rem}
 .cat-side-x{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}
 .cat-side form{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 16px 12px}
 .cat-side form .cat-clear{display:none}
 .cat-side .cat-checks label{min-height:40px;display:flex;align-items:center;gap:8px}
 .cat-side .cat-list li{min-height:40px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px}
 .cat-side .cat-price-box input{flex:1;width:auto;min-width:0;min-height:40px}
 .cat-side-foot{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface)}
 .cat-side-foot .btn{flex:1;min-height:46px;justify-content:center;text-align:center}
 .cat-backdrop{display:block;position:fixed;inset:0;z-index:6990;background:rgba(15,23,42,.45)}
 .cat-backdrop[hidden]{display:none}
 html.cat-drawer-open,html.cat-drawer-open body{overflow:hidden}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.cat-layout .cat-side,.cat-layout .cat-side.open{transition:none}}
/* Phase 5 (owner): the picture size rule under every picture upload field, and its message when a chosen picture does not fit */
.mk-img-rule{display:block;margin-top:5px;color:var(--muted);font-size:12.5px;font-weight:400;line-height:1.5}
.mk-img-rule-h{font-weight:700;color:var(--text)}
.mk-img-rule bdi{white-space:nowrap}
.mk-img-rule-err{display:block;margin-top:4px;color:var(--mk-danger,#b42318);font-weight:700}
.mk-img-rule-err[hidden]{display:none}
input[type=file][aria-invalid=true]{outline:2px solid var(--mk-danger,#b42318);outline-offset:2px;border-radius:6px}
.mk-img-rule-note{display:block;margin-top:4px;color:var(--mk-success,#067647);font-weight:600}
.mk-img-rule-note[hidden]{display:none}
html[data-theme="midnight"] .mk-img-rule-note{color:#6ce9a6}
/* Phase 6 A3 (WCAG 2.5.8 target size): filter checkboxes were 18 x 18 px; now 24 x 24 px with rows far enough apart, on every screen size */
main .cat-checks label>input[type=checkbox]{width:24px!important;height:24px!important;min-width:24px;max-width:none;max-height:none;flex:0 0 24px;margin:0}
main .cat-checks label{min-height:32px}
/* Phase 6 (WCAG 2.5.8): the "copy the code" coupon badge on product cards was 20 px tall in compact mode; at least 24 px in every mode */
html body .promo-badge[role=button]{min-height:24px}

/* Phase 6 C6 (WCAG 1.4.1): links inside sentences are underlined, not shown by colour alone (site.js inlineLinks marks them) */
html body main a.mk-inline-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
/* Phase 6 C7: the period-discount help text moved out of the panel heading (a link may not sit inside <summary>) */
.mk-disc-panel>.mk-disc-help{margin:6px 0 10px}
/* Phase 6 C8 (WCAG 2.5.8): currency row tick boxes ("Use default flag", "Enabled") were 18 px; 24 px targets */
html body main .currency-table-card label.check>input[type=checkbox]{width:24px!important;height:24px!important;min-width:24px;max-width:none!important;max-height:none!important;flex:0 0 24px;margin:0}
html body main .currency-table-card label.check{display:inline-flex;align-items:center;gap:8px;min-height:32px}
/* Phone table cards: a cell with several items (e-mail + phone, role badges, action buttons and forms) used to keep them on one
   row that ran off the card. The label now takes its own line and the items wrap underneath, from the reading side. */
@media (max-width:760px){
  html body table.mk-cards td[data-label]:is(:has(>*+*),:has(>br)){flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 8px;text-align:start}
  html body table.mk-cards td[data-label]:is(:has(>*+*),:has(>br))::before{flex:0 0 100%!important;max-width:100%!important}
  html body table.mk-cards td[data-label]:has(>br)>br{content:"";flex:0 0 100%;height:0}
  html body table.mk-cards td[data-label]:has(>*+*)>*{min-width:0;max-width:100%}
  html body table.mk-cards td[data-label]:has(>*+*)>:is(form,.inline-form){flex:1 1 100%}
  /* a single wide item (text box, long code) shrinks to the space beside the label instead of running off the card */
  html body table.mk-cards td>:not(input[type=checkbox]):not(input[type=radio]){min-width:0}
  html body table.mk-cards td[data-label]>:is(input,select,textarea):not([type=checkbox]):not([type=radio]){flex:1 1 0;width:auto!important;max-width:100%!important}
  html body table.mk-cards td:not([data-label])>select{min-width:max-content}
  /* a fold-out box (e.g. "Cancel subscription" with its form) gets a full line of its own inside the card */
  html body table.mk-cards td>details{flex:1 1 100%;min-width:0;max-width:100%}
  html body table.mk-cards td>details>:not(summary){max-width:100%;box-sizing:border-box}
  html body table.mk-cards td>details>form{margin-inline:0!important;width:100%!important}
  /* long status badges (e.g. Arabic "KYC approved") wrap inside the card instead of running past it */
  html body table.mk-cards td :is(.status,.badge,.status-pill){white-space:normal;max-width:100%;text-align:center}
  /* a left-to-right cell (e-mail, phone) keeps its label on the reading side in Arabic; the value itself still reads left to right */
  html[dir=rtl] body table.mk-cards td[dir=ltr][data-label]{direction:rtl}
  html[dir=rtl] body table.mk-cards td[dir=ltr][data-label]>*{direction:ltr;unicode-bidi:isolate}
}
/* Owner: the tour guide must never block a link or button. The coach box took "inset:0" from the general popup rule, so even
   minimized its (transparent) panel covered the top of the screen and the first link of every top-menu sub-menu.
   It now sits only in the bottom corner; on phones just above the bottom bar. */
html body .journey-modal.journey-coach{inset:auto;inset-block-end:16px;inset-inline-end:16px;max-height:calc(100dvh - 32px)}
html body .journey-coach.is-min .journey-dialog{display:inline-block;overflow:visible;max-height:none}
@media (max-width:640px){
  html body .journey-modal.journey-coach{inset-inline:12px;inset-block-end:12px}
  html.mk-has-bottomnav body .journey-modal.journey-coach{inset-block-end:calc(var(--mk-bn-h) + env(safe-area-inset-bottom,0px) + 10px)}
  html body .journey-modal.journey-coach.is-min{inset-inline-start:auto}
  html body .journey-coach:not(.is-min) .journey-dialog{max-height:45dvh}   /* open on a phone: most of the page stays usable */
}
/* minimized: only the "Tour" pill itself takes clicks, and the page gets room at its end so nothing stays hidden under the pill */
html body .journey-modal.journey-coach.is-min{position:static!important;inset:auto!important;display:flex!important;justify-content:flex-end;max-width:1280px;margin-inline:auto;padding:8px 16px 0;z-index:auto;pointer-events:auto}
html body .journey-coach.is-min[hidden]{display:none!important}
html body .journey-coach.is-min .journey-dialog{padding:0!important;margin:0!important;width:auto!important;min-height:0}
html body .journey-coach.is-min .tour-pill{padding:6px 14px;font-size:13px;box-shadow:none}
/* admin Untranslated text: filter row and the translations a text already has */
.mk-loc-filter{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:10px 0 14px}
.mk-loc-filter label{display:grid;gap:4px;font-weight:600;min-width:180px}
.mk-loc-table .mk-loc-text{display:block;font-weight:600}
.mk-loc-table .mk-loc-have{display:block;margin-top:2px}
/* navigation arrows drawn by window.mkArrow (site.js): a little space before the word next to them */
.mk-arrow{display:inline-block}
/* 2026-10-26: the arrow is dir="ltr", so its own margin-inline-end is on its right — in Arabic that is the outer side and "→رجوع" touched.
   The gap now belongs to the link (flex gap), which is the same on both sides in every language. */
.crumb-back{gap:.35em}.crumb-back .mk-arrow{margin:0}
/* 2026-10-26 product life cycle: seller product list views (My products / Removed products) and state notes */
.mk-life-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.mk-life-note{display:block;margin-top:2px}
.mk-life-count{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
/* 2026-10-26 sponsored listings: choose one or more places */
.r23-places{display:flex;flex-wrap:wrap;gap:8px 18px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:0 0 10px}
.r23-places legend{padding:0 6px;font-weight:700}
.r23-place{display:inline-flex;align-items:center;gap:6px;font-weight:600}