@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');

/* =========================================================
   Kourosh Kabir - Global Vazirmatn Font + Compact Layout
   Font source: Google Fonts link in App.razor / CSS import above
========================================================= */
:root{
  --font:'Vazirmatn',Tahoma,Arial,sans-serif;
  --site-width:1240px;
  --site-gutter:clamp(14px,2vw,22px);
}
html,body,.app-shell,.app-shell *,.app-shell *::before,.app-shell *::after,
button,input,textarea,select,option,label,a,span,p,b,strong,small,h1,h2,h3,h4,h5,h6,li,td,th{
  font-family:var(--font)!important;
}
input::placeholder,textarea::placeholder{
  font-family:var(--font)!important;
}
.font-vazirmatn,.font-iransansx,.font-shabnam{
  font-family:var(--font)!important;
}

:root{
  --brand:#2563eb;--brand-2:#38bdf8;--accent:#06b6d4;--gold:#f6a800;
  --bg:#f5f6f8;--surface:#fff;--surface-2:#f0f2f5;--text:#1f2937;--muted:#687385;--line:#e5e7eb;
  --shadow:0 18px 45px rgba(15,23,42,.09);--shadow-soft:0 10px 25px rgba(15,23,42,.06);--radius:24px;--radius-sm:16px;
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg:#0f1218;--surface:#171b23;--surface-2:#202633;--text:#eef2f7;--muted:#a5afc0;--line:#2a3140;
  --shadow:0 20px 55px rgba(0,0,0,.35);--shadow-soft:0 12px 32px rgba(0,0,0,.25);color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)!important;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.shell{max-width:var(--site-width);margin-inline:auto;padding-inline:var(--site-gutter)}.app-shell{min-height:100vh}.top-strip{background:var(--surface);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.top-strip-inner{display:flex;align-items:center;justify-content:space-between;height:38px}.top-right,.top-actions{display:flex;align-items:center;gap:16px}.divider{width:1px;height:14px;background:var(--line)}.link-button{border:0;background:transparent;color:var(--muted)}.theme-toggle{width:44px;height:24px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);display:flex;align-items:center;justify-content:space-around;color:var(--muted)}:root[data-theme=dark] .theme-toggle{background:#242b3a}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}:root[data-theme=dark] .site-header{background:rgba(23,27,35,.88)}.header-main{height:88px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--brand),#1d4ed8);color:#fff;display:grid;place-items:center;font-weight:900;font-size:26px;box-shadow:0 10px 25px rgba(37,99,235,.28)}.brand-mark.big{width:70px;height:70px;font-size:40px;margin:auto}.brand-text{display:flex;flex-direction:column;line-height:1.45}.brand-text strong{font-size:20px}.brand-text small{color:var(--muted);font-size:12px}.hamburger{display:none;border:0;background:var(--surface-2);width:44px;height:44px;border-radius:14px;place-items:center}.hamburger span{display:block;width:20px;height:2px;background:var(--text);margin:3px}.search-bar{position:relative;flex:1;height:54px;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;padding:0 14px;transition:.2s}.search-bar:focus-within{background:var(--surface);box-shadow:var(--shadow-soft);border-color:rgba(37,99,235,.35)}.search-icon{font-size:24px;color:var(--muted)}.search-bar input{flex:1;border:0;outline:0;background:transparent;color:var(--text);padding:0 12px}.search-bar button{border:0;background:var(--brand);color:#fff;border-radius:13px;padding:9px 18px;font-weight:700}.search-suggest{position:absolute;top:64px;right:0;left:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:16px;display:none;grid-template-columns:repeat(5,1fr);gap:10px}.search-bar:focus-within .search-suggest{display:grid}.suggest-head{grid-column:1/-1;color:var(--muted);font-size:13px}.search-suggest a{background:var(--surface-2);border-radius:14px;padding:10px;text-align:center}.quick-actions{display:flex;align-items:center;gap:10px}.quick-link,.cart-link{height:46px;border:1px solid var(--line);background:var(--surface);border-radius:16px;display:flex;align-items:center;gap:8px;padding:0 12px;box-shadow:var(--shadow-soft)}.quick-link b{font-size:13px}.icon-only{width:46px;justify-content:center;font-size:22px}.cart-link{width:52px;justify-content:center;position:relative;font-size:22px}.cart-count{position:absolute;top:-8px;right:-5px;background:var(--brand);color:white;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px}.nav-layer{height:48px;border-top:1px solid var(--line);background:var(--surface)}.nav-layer-inner{height:100%;display:flex;align-items:center;gap:22px;font-size:14px;color:var(--muted)}.nav-layer-inner>a:hover{color:var(--brand)}.mega-trigger{position:relative;height:100%;display:flex;align-items:center}.mega-button{border:0;background:var(--brand);color:white;border-radius:14px;padding:10px 16px;font-weight:800}.mega-menu{position:absolute;top:52px;right:0;width:min(1000px,calc(100vw - 48px));height:430px;background:var(--surface);border:1px solid var(--line);border-radius:0 0 28px 28px;box-shadow:var(--shadow);display:none;overflow:hidden}.mega-trigger:hover .mega-menu,.mega-menu.is-open{display:flex}.mega-sidebar{width:230px;background:var(--surface-2);padding:14px;display:flex;flex-direction:column;gap:6px}.mega-sidebar a{padding:12px 14px;border-radius:14px;font-weight:700}.mega-sidebar a.active,.mega-sidebar a:hover{background:var(--surface);color:var(--brand)}.mega-content{flex:1;display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:20px;padding:24px}.mega-column{display:flex;flex-direction:column;gap:8px}.mega-column h3{margin:0 0 8px;color:var(--text);font-size:17px}.mega-column a{color:var(--muted);padding:4px 0}.mega-column a:hover{color:var(--brand)}.mega-promo{border-radius:24px;background:linear-gradient(135deg,#111827,#334155);color:#fff;padding:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.mega-promo:before{content:"";position:absolute;inset:-60px -40px auto auto;width:180px;height:180px;background:radial-gradient(circle,rgba(37,99,235,.6),transparent 65%)}.mega-promo span{color:#dbeafe}.mega-promo h3{font-size:26px;line-height:1.45;margin:8px 0}.mega-promo p{color:#d9e2f0}.mega-promo a{background:#fff;color:#111827;border-radius:14px;padding:9px 14px;width:max-content;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:12px 18px;font-weight:800;gap:8px}.btn.primary{background:var(--brand);color:white;box-shadow:0 14px 30px rgba(37,99,235,.24)}.btn.soft{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.btn.block{width:100%;margin-top:12px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:900;font-size:13px;letter-spacing:.2px}.hero-market{padding-top:28px}.hero-panel{min-height:470px;background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}.hero-panel:after{content:"";position:absolute;inset:auto -140px -190px auto;width:520px;height:520px;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 65%)}.hero-copy{padding:58px 56px;position:relative;z-index:1}.hero-copy h1{font-size:50px;line-height:1.25;margin:10px 0 18px;max-width:680px}.hero-copy p{color:var(--muted);font-size:18px;max-width:620px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-stats{display:flex;gap:24px;flex-wrap:wrap}.hero-stats span{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px 16px;color:var(--muted);box-shadow:var(--shadow-soft)}.hero-stats b{display:block;color:var(--text);font-size:20px}.hero-showcase{position:relative;display:grid;place-items:center;z-index:1}.hero-card{background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(18px);border-radius:30px;padding:24px;box-shadow:var(--shadow);width:320px;text-align:center}:root[data-theme=dark] .hero-card{background:rgba(23,27,35,.75);border-color:rgba(255,255,255,.08)}.badge{display:inline-block;background:rgba(37,99,235,.1);color:var(--brand);border-radius:999px;padding:6px 12px;font-weight:800}.hero-card h3{font-size:24px;margin:12px 0 0}.hero-card p{color:var(--muted)}.hero-card strong{font-size:22px}.floating-deal{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px 16px;box-shadow:var(--shadow-soft);font-weight:900}.deal-a{top:82px;right:20px}.deal-b{bottom:88px;left:46px}.category-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin-top:26px}.category-rail a,.category-board article,.mini-product,.product-card,.panel-card,.checkout-box,.filter-panel,.gallery-card,.detail-main,.buy-box,.review-summary,.review-list article,.auth-card,.track-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.category-rail a{padding:18px 10px;text-align:center;font-weight:800;transition:.2s}.category-rail span{display:block;font-size:28px}.category-rail a:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--brand)}.section-head-row{display:flex;align-items:end;justify-content:space-between;margin-top:46px;margin-bottom:18px}.section-head-row.no-margin{margin-top:0}.section-head-row h2{margin:4px 0 0;font-size:30px}.section-head-row a{color:var(--brand);font-weight:900}.product-grid{display:grid;gap:18px}.featured-grid{grid-template-columns:repeat(4,1fr)}.catalog-grid{grid-template-columns:repeat(3,1fr)}.compact-grid{grid-template-columns:repeat(6,1fr)}.product-card{overflow:hidden;position:relative;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-badges{position:absolute;z-index:2;top:12px;right:12px;display:flex;gap:6px;flex-wrap:wrap}.product-badges span{background:var(--brand);color:#fff;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.product-media{height:220px;display:block;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.product-media.big{height:420px;border:0}.product-body{padding:16px}.product-title{display:block;font-weight:900;min-height:58px}.rating{color:#f59e0b;font-size:13px;margin:8px 0}.rating span{color:var(--muted)}.seller-row{font-size:13px;color:var(--muted);margin-bottom:10px}.price-row{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.price-row del{color:var(--muted);font-size:12px}.price-row strong{font-size:18px}.phone-art,.laptop-art,.shoes-art,.headphone-art,.watch-art,.tv-art,.bag-art,.console-art,.perfume-art,.camera-art{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative}:root[data-theme=dark] .phone-art,:root[data-theme=dark] .laptop-art,:root[data-theme=dark] .shoes-art,:root[data-theme=dark] .headphone-art,:root[data-theme=dark] .watch-art,:root[data-theme=dark] .tv-art,:root[data-theme=dark] .bag-art,:root[data-theme=dark] .console-art,:root[data-theme=dark] .perfume-art,:root[data-theme=dark] .camera-art{background:linear-gradient(135deg,#1f2937,#111827)}.phone-art:after{content:"";position:absolute;inset:34px 40%;border-radius:28px;background:linear-gradient(160deg,#111827,#334155);box-shadow:0 20px 50px rgba(0,0,0,.25)}.laptop-art:after{content:"";position:absolute;inset:60px 18% 75px;border-radius:18px;background:linear-gradient(160deg,#334155,#0f172a);box-shadow:0 18px 40px rgba(0,0,0,.25)}.laptop-art:before{content:"";position:absolute;right:23%;left:23%;bottom:54px;height:12px;background:#64748b;border-radius:0 0 18px 18px}.shoes-art:after{content:"";position:absolute;right:25%;left:18%;bottom:62px;height:70px;border-radius:60px 20px 24px 24px;background:linear-gradient(135deg,#ef4444,#991b1b);box-shadow:0 18px 36px rgba(239,68,68,.28)}.headphone-art:after{content:"";position:absolute;right:30%;left:30%;top:48px;height:112px;border:14px solid #0f172a;border-bottom:0;border-radius:90px 90px 0 0}.headphone-art:before{content:"";position:absolute;right:28%;left:28%;bottom:50px;height:66px;background:linear-gradient(90deg,#2563eb 0 28%,transparent 28% 72%,#2563eb 72%);border-radius:18px}.watch-art:after{content:"";position:absolute;inset:55px 34%;border-radius:30px;background:linear-gradient(135deg,#0ea5e9,#1e293b);box-shadow:0 14px 28px rgba(14,165,233,.25)}.tv-art:after{content:"";position:absolute;inset:48px 14% 74px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#475569)}.bag-art:after{content:"";position:absolute;inset:55px 30% 50px;border-radius:28px;background:linear-gradient(135deg,#0f766e,#14b8a6)}.console-art:after{content:"";position:absolute;inset:75px 24% 70px;border-radius:40px;background:linear-gradient(135deg,#111827,#6d28d9)}.perfume-art:after{content:"";position:absolute;inset:55px 35% 48px;border-radius:18px 18px 28px 28px;background:linear-gradient(135deg,#f59e0b,#7c2d12)}.camera-art:after{content:"";position:absolute;inset:65px 27% 65px;border-radius:24px;background:linear-gradient(135deg,#111827,#374151)}.mini-product{padding:16px;display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}.mini-art{display:block;width:100%;height:96px;border-radius:18px}.split-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.banner-card{min-height:180px;border-radius:28px;padding:26px;color:white;display:flex;flex-direction:column;justify-content:end;overflow:hidden;position:relative;box-shadow:var(--shadow-soft)}.banner-card:after{content:"";position:absolute;inset:-70px auto auto -50px;width:200px;height:200px;background:rgba(255,255,255,.18);border-radius:50%}.banner-card span{font-weight:900;opacity:.8}.banner-card h3{font-size:26px;margin:8px 0}.banner-card p{margin:0;opacity:.9}.red-gradient{background:linear-gradient(135deg,#e11d48,#7f1d1d)}.blue-gradient{background:linear-gradient(135deg,#2563eb,#0f172a)}.green-gradient{background:linear-gradient(135deg,#059669,#064e3b)}.comparison-block{margin-top:36px;background:var(--surface);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow-soft);padding:28px;display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.compare-copy h2{font-size:34px;margin:6px 0}.compare-copy p{color:var(--muted)}.seller-table{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden}.seller-table>div{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr .9fr .6fr;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.seller-table>div:last-child{border-bottom:0}.seller-table.mini>div{grid-template-columns:1fr 1fr 1fr}.seller-table b{color:var(--muted)}.seller-table strong{color:var(--brand)}.seller-table em{font-style:normal;color:#10b981}.seller-table button{background:var(--brand);color:white;border:0;border-radius:12px;padding:8px 12px}.page-title{display:flex;align-items:end;justify-content:space-between;padding-top:34px;padding-bottom:18px}.page-title h1{font-size:40px;margin:6px 0}.page-title p{color:var(--muted);margin:0}.breadcrumb{color:var(--muted);font-size:13px}.catalog-layout{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}.filter-panel{padding:18px;position:sticky;top:150px}.filter-head{display:flex;justify-content:space-between;align-items:center}.filter-head button,.sort-bar button{border:0;background:var(--surface-2);border-radius:12px;padding:8px 12px;color:var(--muted)}.filter-group{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;display:flex;flex-direction:column;gap:10px}.filter-group h3{margin:0}.filter-group label,.switch-row{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.range-box input{width:100%}.range-box div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.sort-bar{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px;margin-bottom:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sort-bar .active{background:rgba(37,99,235,.1);color:var(--brand)}.sort-bar strong{margin-right:auto;color:var(--muted)}.filter-mobile{display:none!important}.is-hidden{display:none!important}.product-detail{display:grid;grid-template-columns:390px 1fr 330px;gap:22px;padding-top:34px;align-items:start}.gallery-card,.detail-main,.buy-box{padding:18px}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.thumb-row span{height:74px;border-radius:16px;display:block}.detail-main h1{font-size:32px;line-height:1.5;margin:8px 0}.rating-line{display:flex;gap:16px;color:var(--muted);font-size:14px}.rating-line span{color:#f59e0b}.spec-chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.spec-chips span{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted)}.detail-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:16px}.detail-tabs button{border:0;background:transparent;color:var(--muted);padding:12px}.detail-tabs .active{color:var(--brand);border-bottom:3px solid var(--brand)}.spec-table div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.spec-table span{color:var(--muted)}.buy-box{position:sticky;top:150px}.seller-selected{background:var(--surface-2);border-radius:18px;padding:14px;display:flex;flex-direction:column}.seller-selected span,.seller-selected small{color:var(--muted)}.warranty{margin:14px 0;color:var(--muted)}.price-big{text-align:left}.price-big del{display:block;color:var(--muted)}.price-big strong{font-size:24px;color:var(--brand)}.seller-comparison{margin-top:26px}.reviews{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:24px}.review-summary,.review-list article{padding:22px}.review-summary strong{font-size:42px}.stars,.review-list span{color:#f59e0b}.review-list{display:grid;gap:12px}.search-page{padding-top:34px}.search-hero{background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow-soft);padding:40px}.search-hero h1{font-size:42px;margin:8px 0}.search-hero p{color:var(--muted)}.big-search{height:64px;background:var(--surface);border:1px solid var(--line);border-radius:20px;display:flex;padding:8px;margin-top:20px}.big-search input{flex:1;border:0;background:transparent;outline:0;color:var(--text);padding:0 14px}.big-search button{border:0;background:var(--brand);color:white;border-radius:14px;padding:0 24px;font-weight:900}.search-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-top:22px}.filter-panel.compact{position:static}.search-results{display:grid;gap:12px}.result-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow-soft)}.result-art{height:84px;border-radius:18px;display:block}.result-card p{margin:4px 0 0;color:var(--muted)}.result-card a{background:var(--surface-2);border-radius:14px;padding:8px 14px;font-weight:900}.category-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-board article{padding:24px}.category-board span{font-size:38px}.category-board h3{font-size:24px;margin:8px 0}.category-board a{display:inline-block;background:var(--surface-2);border-radius:12px;padding:6px 10px;margin:5px;color:var(--muted)}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:22px}.cart-list{display:grid;gap:14px}.cart-item{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:14px;display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center;box-shadow:var(--shadow-soft)}.cart-art{height:90px;border-radius:18px}.cart-item p{color:var(--muted);margin:4px 0}.qty{display:flex;align-items:center;gap:8px}.qty button{width:30px;height:30px;border:0;border-radius:10px;background:var(--surface-2)}.checkout-box{padding:22px}.checkout-box>div{display:flex;justify-content:space-between;margin:10px 0}.red{color:var(--brand)}.checkout-flow{display:grid;gap:20px}.checkout-steps{display:flex;gap:10px}.checkout-steps span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:10px 16px;color:var(--muted)}.checkout-steps .active{background:rgba(37,99,235,.1);color:var(--brand)}.payment-grid{display:grid;grid-template-columns:1fr 1fr 340px;gap:18px}.payment-grid article{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:10px}.dashboard-layout,.management-layout{display:grid;grid-template-columns:280px 1fr;gap:22px;padding-top:30px}.dashboard-sidebar,.management-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow-soft);position:sticky;top:140px;height:max-content}.dashboard-sidebar a,.management-sidebar a{display:block;padding:12px;border-radius:14px;color:var(--muted);font-weight:800}.dashboard-sidebar a.active,.dashboard-sidebar a:hover,.management-sidebar a.active,.management-sidebar a:hover{background:rgba(37,99,235,.1);color:var(--brand)}.profile-mini{text-align:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:12px}.profile-mini span{width:62px;height:62px;margin:auto;border-radius:22px;background:var(--brand);color:white;display:grid;place-items:center;font-size:30px;font-weight:900}.profile-mini b,.profile-mini small{display:block}.profile-mini small{color:var(--muted)}.page-title.inner{padding-top:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-grid article{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow-soft)}.stat-grid span{color:var(--muted)}.stat-grid b{display:block;font-size:28px}.panel-card{padding:22px;margin-top:18px}.order-row,.management-table>div{display:grid;grid-template-columns:repeat(4,1fr);padding:12px 0;border-bottom:1px solid var(--line)}.order-row{grid-template-columns:1fr 1fr 1fr}.wallet-actions{display:flex;gap:10px;flex-wrap:wrap}.wallet-actions button,.panel-card button{border:0;background:var(--surface-2);border-radius:14px;padding:10px 14px;color:var(--text);font-weight:800}.management-board{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px}.fake-chart{height:220px;display:flex;align-items:end;gap:16px}.fake-chart span{flex:1;border-radius:14px 14px 0 0;background:linear-gradient(180deg,var(--brand),var(--brand-2));min-height:40px}.fake-chart span:nth-child(2){height:70%}.fake-chart span:nth-child(3){height:45%}.fake-chart span:nth-child(4){height:90%}.fake-chart span:nth-child(5){height:60%}.fake-chart span:nth-child(6){height:78%}.compare-table{background:var(--surface);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-soft)}.compare-row{display:grid;grid-template-columns:1fr repeat(3,1.2fr);gap:12px;padding:18px;border-bottom:1px solid var(--line)}.compare-row.head{background:var(--surface-2)}.auth-page{min-height:620px;display:grid;place-items:center}.auth-card{width:min(430px,100%);padding:32px;text-align:center}.auth-card input,.contact-form input,.contact-form textarea,.newsletter input,.track-form input{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:13px;margin:8px 0;outline:0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-grid article{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft)}.blog-grid h3,.blog-grid p{padding-inline:18px}.blog-grid p{color:var(--muted);padding-bottom:18px}.blog-art{display:block;height:180px}.about-page,.contact-page,.track-page{padding-top:40px}.about-page h1,.contact-page h1{font-size:44px;max-width:760px}.about-page p,.contact-page p{color:var(--muted);max-width:760px}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.about-cards article{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-soft);font-weight:900}.contact-page{display:grid;grid-template-columns:1fr 430px;gap:30px}.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow-soft)}.contact-form textarea{min-height:140px;resize:vertical}.track-card{padding:32px}.track-form{display:flex;gap:10px}.timeline{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.timeline span{background:var(--surface-2);border-radius:999px;padding:8px 12px;color:var(--muted)}.timeline .done{background:rgba(16,185,129,.15);color:#10b981}.timeline .active{background:rgba(37,99,235,.12);color:var(--brand)}.site-footer{margin-top:56px;background:var(--surface);border-top:1px solid var(--line);padding:38px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.1fr;gap:28px}.footer-grid h4{margin:0 0 12px}.footer-grid a{display:block;color:var(--muted);margin:6px 0}.footer-brand p,.newsletter p{color:var(--muted)}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-row span{border:1px dashed var(--line);border-radius:14px;padding:8px 10px;color:var(--muted)}.newsletter form{display:flex;gap:8px}.newsletter input{margin:0}.newsletter button{border:0;background:var(--brand);color:white;border-radius:14px;padding:0 16px}.copyright{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;color:var(--muted);font-size:13px}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:320px;max-width:90vw;background:var(--surface);border-right:1px solid var(--line);z-index:80;transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow);padding:16px}.mobile-drawer.is-open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.drawer-head button{border:0;background:var(--surface-2);border-radius:12px;width:36px;height:36px}.mobile-drawer a{display:block;padding:14px;border-bottom:1px solid var(--line);font-weight:800}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:70;display:none}.drawer-backdrop.is-open{display:block}.language-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:90;display:none;place-items:center;padding:24px}.language-modal.is-open{display:grid}.language-card{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:30px;position:relative;text-align:center}.modal-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:0;border-radius:14px;background:var(--surface-2);color:var(--text)}.modal-kicker{color:var(--brand);font-weight:900}.language-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.language-options button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px;font-weight:900}.language-options .active{background:var(--brand);color:white}.not-found{padding-top:60px}.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:40px;text-align:center}.empty-icon{font-size:60px;color:var(--brand);font-weight:900}
@media(max-width:1180px){.featured-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.compact-grid{grid-template-columns:repeat(3,1fr)}.hero-panel,.comparison-block,.product-detail{grid-template-columns:1fr}.buy-box{position:static}.category-rail{grid-template-columns:repeat(4,1fr)}.payment-grid,.cart-layout,.contact-page{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.shell{padding-inline:16px}.top-strip{display:none}.hamburger{display:grid}.header-main{height:auto;min-height:74px;flex-wrap:wrap}.brand{min-width:auto}.brand-text small{display:none}.search-bar{order:3;flex-basis:100%}.quick-link b{display:none}.nav-layer{display:none}.hero-panel{min-height:auto}.hero-copy{padding:32px 24px}.hero-copy h1{font-size:34px}.hero-showcase{display:none}.category-rail{grid-template-columns:repeat(2,1fr)}.featured-grid,.catalog-grid,.compact-grid,.split-banners,.category-board,.reviews,.search-layout,.dashboard-layout,.management-layout,.management-board,.blog-grid,.about-cards{grid-template-columns:1fr}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:fixed;inset:auto 0 0 0;top:auto;z-index:60;border-radius:28px 28px 0 0;transform:translateY(105%);transition:.25s;max-height:80vh;overflow:auto}.filter-panel.is-open{transform:translateY(0)}.filter-mobile{display:inline-flex!important}.sort-bar strong{margin-right:0}.product-detail{padding-top:18px}.product-media.big{height:300px}.seller-table{overflow:auto}.seller-table>div{min-width:760px}.result-card{grid-template-columns:78px 1fr}.result-card a{grid-column:1/-1;text-align:center}.footer-grid{grid-template-columns:1fr}.search-suggest{grid-template-columns:1fr;top:58px}.page-title{display:block}.page-title h1{font-size:32px}.compare-row{min-width:720px}.compare-table{overflow:auto}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.brand-text strong{font-size:15px}.brand-mark{width:42px;height:42px}.quick-actions{margin-right:auto}.hero-actions,.hero-stats,.newsletter form,.track-form{flex-direction:column;align-items:stretch}.product-media{height:190px}.stat-grid{grid-template-columns:1fr}.language-options{grid-template-columns:1fr}.cart-item{grid-template-columns:80px 1fr}.cart-item strong{grid-column:1/-1;text-align:left}.seller-table.mini>div{grid-template-columns:1fr}.section-head-row{display:block}.mega-menu{display:none!important}}


/* =========================================================
   Compact side spacing update
   سایت در دسکتاپ از کناره‌ها جمع‌وجورتر و منظم‌تر شده است.
========================================================= */
.shell{
  width:100%;
  max-width:var(--site-width)!important;
  padding-inline:var(--site-gutter)!important;
}
.site-header .shell,
.site-footer .shell,
main .shell{
  max-width:var(--site-width)!important;
}
.header-main{gap:14px!important;}
.brand{min-width:190px!important;}
.search-bar{height:52px!important;}
.nav-layer-inner{gap:18px!important;}
.mega-menu{
  width:min(920px,calc(100vw - (var(--site-gutter) * 2)))!important;
}
.mega-content{gap:16px!important;padding:20px!important;}
.hero-market{padding-top:22px!important;}
.hero-panel{
  min-height:430px!important;
  border-radius:30px!important;
}
.hero-copy{padding:46px 42px!important;}
.hero-copy h1{font-size:46px!important;max-width:620px!important;}
.hero-copy p{max-width:580px!important;}
.category-rail,
.featured-grid,
.compact-grid,
.split-banners,
.comparison-block,
.catalog-layout,
.product-detail,
.cart-layout,
.search-layout,
.dashboard-layout,
.management-layout,
.footer-grid{
  gap:16px!important;
}
.product-card,.mini-product,.banner-card,.panel-card,.chart-card,.contact-form,.compare-table,.cart-item,.result-card{
  border-radius:22px!important;
}
.section-head-row{padding-top:28px!important;}
.site-footer{margin-top:46px!important;}
@media(max-width:1180px){
  :root{--site-width:1080px;}
}
@media(max-width:860px){
  :root{--site-gutter:14px;}
  .shell{padding-inline:var(--site-gutter)!important;}
  .brand{min-width:auto!important;}
  .header-main{gap:10px!important;}
  .hero-copy{padding:28px 20px!important;}
  .hero-copy h1{font-size:32px!important;}
}
@media(max-width:520px){
  :root{--site-gutter:12px;}
}


/* =========================================================
   Requested blue theme + search button spacing + footer row
========================================================= */
.search-bar button{
  padding:7px 18px!important;
  min-height:38px!important;
  margin-block:4px!important;
  align-self:center!important;
}
.copyright{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
.footer-trust{
  margin-inline-start:auto!important;
  justify-content:flex-end!important;
}
.footer-trust span{
  background:var(--surface-2)!important;
  border-style:solid!important;
}
:root[dir="ltr"] body,
:root[dir="ltr"] .app-shell,
html[dir="ltr"] body,
html[dir="ltr"] .app-shell{
  direction:ltr;
}
html[dir="ltr"] .brand,
html[dir="ltr"] .top-right,
html[dir="ltr"] .top-actions,
html[dir="ltr"] .quick-actions,
html[dir="ltr"] .hero-actions,
html[dir="ltr"] .hero-stats,
html[dir="ltr"] .copyright{
  flex-direction:row;
}
html[dir="ltr"] .mega-menu{
  right:auto!important;
  left:0!important;
}
html[dir="ltr"] .mobile-drawer{
  inset:0 0 0 auto!important;
  border-right:0!important;
  border-left:1px solid var(--line)!important;
  transform:translateX(105%);
}
html[dir="ltr"] .mobile-drawer.is-open{transform:translateX(0);}
@media(max-width:620px){
  .copyright{justify-content:center!important;text-align:center!important;}
  .footer-trust{margin-inline-start:0!important;justify-content:center!important;}
}

/* =========================================================
   SVG icons + stable language/theme + product detail redesign
========================================================= */
.kk-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.kk-icon circle,.kk-icon rect{fill:none;stroke:currentColor}.theme-toggle .kk-icon{width:15px;height:15px}.search-icon{display:grid;place-items:center}.search-icon .kk-icon{width:22px;height:22px}.quick-link .kk-icon,.cart-link .kk-icon{width:21px;height:21px}.mega-button{display:inline-flex!important;align-items:center;gap:8px!important;padding:11px 17px!important}.mega-button .kk-icon{width:19px;height:19px}.cat-svg{width:46px;height:46px;border-radius:17px;background:rgba(37,99,235,.1);color:var(--brand);display:grid!important;place-items:center;margin:0 auto 8px!important}.cat-svg .kk-icon{width:25px;height:25px}.category-board .cat-svg{margin-inline:auto!important}.mega-dot{width:7px;height:7px;border-radius:99px;background:var(--brand);display:inline-block;margin-inline-end:7px}.mega-small-title{margin-top:14px!important}.mega-products a{display:flex;align-items:center}.header-main{padding-block:8px!important;min-height:92px!important}.nav-layer{height:56px!important}.nav-layer-inner{padding-block:6px!important}.search-bar{height:56px!important;padding-block:5px!important}.search-bar button{padding:6px 18px!important;min-height:36px!important;margin-block:5px!important}.filter-mobile{align-items:center;gap:7px}.product-card,.result-card{cursor:pointer}.mini-product{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:170px;color:inherit;transition:.25s}.mini-product:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--brand)}.catalog-showcase{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;margin-bottom:18px}.showcase-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-soft);padding:24px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}.showcase-card:after{content:"";position:absolute;inset:auto -70px -90px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 66%)}.showcase-card.best:after{background:radial-gradient(circle,rgba(6,182,212,.22),transparent 66%)}.showcase-card h2{font-size:25px;margin:8px 0 6px;position:relative;z-index:1}.showcase-card p{color:var(--muted);max-width:520px;margin:0 0 12px;position:relative;z-index:1}.showcase-card strong{font-size:20px;position:relative;z-index:1}.detail-redesign{display:grid!important;grid-template-columns:.9fr 1.2fr 360px!important;align-items:start;padding-top:30px;gap:18px!important}.detail-gallery-pro,.detail-main-pro,.pro-buy-box,.pro-review-summary,.pro-review-list article,.review-form-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft)}.detail-gallery-pro{padding:18px;position:sticky;top:160px}.gallery-main{height:430px;border-radius:24px;border:1px solid var(--line);position:relative;overflow:hidden}.gallery-badge{position:absolute;top:16px;right:16px;z-index:2;background:var(--brand);color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.gallery-like{position:absolute;top:16px;left:16px;z-index:2;width:42px;height:42px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.78);color:var(--brand);display:grid;place-items:center}.pro-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.pro-thumbs button{height:74px;border:1px solid var(--line);border-radius:18px;background-color:var(--surface-2);overflow:hidden}.pro-thumbs .active{outline:2px solid var(--brand);outline-offset:2px}.detail-benefits{display:grid;gap:8px;margin-top:14px}.detail-benefits span{display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:15px;padding:9px 11px;color:var(--muted);font-weight:800}.detail-benefits .kk-icon,.warranty .kk-icon{color:var(--brand)}.detail-main-pro{padding:24px}.product-kicker{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.product-kicker span{background:rgba(37,99,235,.09);color:var(--brand);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900}.detail-main-pro h1{font-size:31px;line-height:1.45;margin:8px 0 12px}.pro-rating{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}.pro-rating a{color:var(--brand);font-weight:900}.svg-stars{display:inline-flex;align-items:center;gap:3px}.star{width:18px;height:18px;stroke:#f59e0b;stroke-width:1.8;fill:transparent}.star.filled,.rating-input button.is-selected .star{fill:#f59e0b}.svg-stars.large .star{width:24px;height:24px}.svg-stars.small .star{width:16px;height:16px}.pro-chips{margin:16px 0}.product-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.product-overview-grid article{border:1px solid var(--line);border-radius:18px;background:var(--surface-2);padding:13px}.product-overview-grid span{display:block;color:var(--muted);font-size:12px}.product-overview-grid b{display:block;margin-top:4px}.pro-tabs{margin:16px 0 8px;display:flex;gap:8px;flex-wrap:wrap}.pro-tabs button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:14px;padding:9px 13px;font-weight:900}.pro-tabs .active{background:var(--brand);color:white;border-color:var(--brand)}.detail-description{color:var(--muted);margin:10px 0 0}.pro-buy-box{position:sticky;top:160px;padding:20px!important}.warranty{display:flex;align-items:flex-start;gap:8px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);border-radius:18px;padding:12px;margin:14px 0;color:var(--text);font-weight:800}.buy-actions{margin-top:10px}.mini-service-list{display:grid;gap:8px;margin-top:14px}.mini-service-list span{background:var(--surface-2);border-radius:14px;padding:8px 10px;color:var(--muted);font-size:13px}.pro-seller-comparison{margin-top:22px}.redesigned-reviews{display:grid!important;grid-template-columns:340px 1fr!important;gap:18px;margin-top:22px}.pro-review-summary{padding:24px;height:max-content;position:sticky;top:160px}.pro-review-summary strong{display:block;font-size:42px;line-height:1.2;margin:8px 0}.rating-bars{display:grid;gap:8px;margin-top:18px}.rating-bars span{display:block;height:9px;border-radius:99px;background:var(--surface-2);overflow:hidden}.rating-bars b{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:inherit}.pro-review-list{display:grid;gap:14px}.pro-review-list article{padding:18px}.pro-review-list article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.pro-review-list article span{color:var(--muted);font-size:13px}.pro-review-list p{color:var(--muted);margin-bottom:0}.review-form-card{padding:20px}.login-required{background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);border-radius:18px;padding:12px 14px;margin-bottom:14px;color:var(--muted)}.login-required a{color:var(--brand);font-weight:900}.is-hidden{display:none!important}.review-form{display:grid;gap:12px}.review-form input,.review-form textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:13px;outline:0}.review-form textarea{min-height:120px;resize:vertical}.review-form.is-locked{opacity:.58;filter:grayscale(.1)}.review-form input:disabled,.review-form textarea:disabled,.review-form button:disabled{cursor:not-allowed}.rating-input{display:flex;gap:5px}.rating-input button{border:0;background:transparent;padding:3px;color:#f59e0b}.rating-input button .star{width:27px;height:27px}.demo-login-link{display:block;margin-top:12px;color:var(--brand);font-weight:900}.quick-link,.cart-link,.brand,.btn,.mega-button,.category-rail a,.category-board article,.showcase-card,.product-card,.mini-product,.result-card{transition:.2s}.quick-link:hover,.cart-link:hover,.brand:hover,.mega-button:hover,.showcase-card:hover{transform:translateY(-2px)}
html[dir="ltr"] .gallery-badge{right:auto;left:16px}html[dir="ltr"] .gallery-like{left:auto;right:16px}html[dir="ltr"] .product-badges{right:auto;left:12px}html[dir="ltr"] .price-row{align-items:flex-start}
@media(max-width:1180px){.detail-redesign{grid-template-columns:1fr!important}.detail-gallery-pro,.pro-buy-box,.pro-review-summary{position:static}.redesigned-reviews{grid-template-columns:1fr!important}.catalog-showcase{grid-template-columns:1fr}.gallery-main{height:340px}}
@media(max-width:860px){.header-main{min-height:78px!important;padding-block:8px!important}.search-bar{height:54px!important}.nav-layer{height:auto!important}.detail-main-pro h1{font-size:24px}.product-overview-grid{grid-template-columns:1fr}.pro-review-list article>div:first-child{display:block}.catalog-showcase{margin-top:10px}.showcase-card{min-height:160px}.gallery-main{height:300px}}

/* =========================================================
   Atomic UI Layer - Management, Auth and Account Panels
   Added without changing the existing storefront visual system.
========================================================= */
.atomic-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;border:1px solid rgba(37,99,235,.2);background:rgba(37,99,235,.09);color:var(--brand);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.atomic-icon-box{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(56,189,248,.14));color:var(--brand);display:grid;place-items:center;flex:0 0 auto}.atomic-icon-box .kk-icon{width:24px;height:24px}.atomic-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}.atomic-page-header h1{margin:4px 0 0;font-size:32px;line-height:1.35}.atomic-page-header p{margin:8px 0 0;color:var(--muted);max-width:760px}.atomic-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.atomic-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.atomic-stat-grid.compact{margin-top:0}.atomic-stat-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);padding:18px;position:relative;overflow:hidden}.atomic-stat-card:after{content:"";position:absolute;inset:auto -46px -58px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 68%)}.atomic-stat-card span{display:block;color:var(--muted);font-size:13px}.atomic-stat-card strong{display:block;font-size:28px;margin:5px 0;color:var(--text)}.atomic-stat-card small{color:var(--brand);font-weight:800}.management-pro-layout,.account-pro-layout{display:grid;grid-template-columns:260px 1fr;gap:18px;padding-top:30px;padding-bottom:42px;align-items:start}.management-pro-sidebar,.account-pro-sidebar{position:sticky;top:154px;background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);padding:16px}.management-profile-card,.profile-pro-card{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:12px}.management-profile-card strong,.profile-pro-card strong{display:block}.management-profile-card small,.profile-pro-card small{color:var(--muted)}.management-pro-sidebar nav,.account-pro-sidebar nav{display:grid;gap:6px}.management-pro-sidebar nav a,.account-pro-sidebar nav a{padding:11px 13px;border-radius:15px;color:var(--muted);font-weight:800;transition:.2s}.management-pro-sidebar nav a:hover,.account-pro-sidebar nav a:hover,.management-pro-sidebar nav a.active,.account-pro-sidebar nav a.active{background:rgba(37,99,235,.1);color:var(--brand)}.management-logout{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:15px;padding:11px;margin-top:12px;font-weight:900}.management-pro-content,.account-pro-content{min-width:0}.management-dashboard-shell,.account-dashboard-shell{display:block}.management-login-wall,.user-login-wall{background:var(--surface);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);padding:22px}.management-login-card{max-width:560px;margin:auto;background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow-soft)}.management-login-card h1{font-size:28px;margin:12px 0 8px}.management-login-card p{color:var(--muted);margin:0 0 16px}.credential-box{display:grid;grid-template-columns:110px 1fr;gap:8px 10px;background:var(--surface);border:1px dashed rgba(37,99,235,.35);border-radius:20px;padding:14px;margin:16px 0}.credential-box span{color:var(--muted);font-size:13px}.credential-box code{direction:ltr;text-align:left;background:rgba(37,99,235,.08);border-radius:12px;padding:5px 9px;color:var(--brand);font-weight:900}.management-login-form{display:grid;gap:10px}.management-login-form input,.product-editor-card input,.product-editor-card textarea,.product-editor-card select,.management-mini-search,.form-grid-4 input,.form-grid-4 select,.auth-form-side input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:12px 13px;outline:0}.product-editor-card textarea{min-height:108px;resize:vertical}.js-user-shell:not(.is-user-authenticated) .js-user-content{display:none}.js-user-shell.is-user-authenticated .js-user-locked{display:none}.management-pro-grid{display:grid;gap:16px;margin:18px 0}.management-pro-grid.two{grid-template-columns:1fr 1fr}.management-pro-grid.three{grid-template-columns:repeat(3,1fr)}.management-pro-grid .span-2{grid-column:span 2}.pro-panel-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);padding:20px}.pro-panel-card h2{margin:0 0 14px;font-size:21px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title-row h2{margin:0}.panel-title-row span,.panel-title-row a{color:var(--muted);font-size:13px;font-weight:800}.pro-chart{height:240px;display:flex;align-items:flex-end;gap:12px;border-radius:22px;background:linear-gradient(180deg,var(--surface-2),transparent);padding:18px}.pro-chart span{flex:1;min-height:25%;border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,var(--brand-2),var(--brand));box-shadow:0 10px 20px rgba(37,99,235,.18)}.quick-management-actions{display:grid;align-content:start;gap:10px}.quick-management-actions a{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-weight:900;color:var(--text)}.quick-management-actions a:hover{color:var(--brand)}.pro-table{display:grid;gap:8px}.pro-table>div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:11px 12px}.order-management-table>div{grid-template-columns:1fr 1.1fr 1fr 1fr 1fr 90px}.products-table>div{grid-template-columns:1.4fr 1fr 1fr .7fr .8fr}.users-table>div{grid-template-columns:1.2fr 1fr 1fr 1fr .8fr}.pro-table b{color:var(--text)}.pro-table span{color:var(--muted)}.pro-table button,.pro-table a{border:0;background:rgba(37,99,235,.1);color:var(--brand);border-radius:12px;padding:7px 10px;font-weight:900;text-align:center}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-style:normal;font-size:12px;font-weight:900}.status.paid{background:rgba(16,185,129,.12);color:#10b981}.status.pending{background:rgba(245,158,11,.13);color:#f59e0b}.status.shipped{background:rgba(37,99,235,.12);color:var(--brand)}.status.warning{background:rgba(239,68,68,.12);color:#ef4444}.status-tabs{display:flex;gap:7px;flex-wrap:wrap}.status-tabs button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:7px 11px;font-weight:800}.role-list,.menu-builder-list,.content-list,.transaction-list{display:grid;gap:10px}.role-list span,.menu-builder-list span,.content-list span,.transaction-list span,.security-check,.account-order-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:11px 12px;color:var(--muted)}.role-list b,.content-list b,.security-check b{color:var(--brand)}.muted-text{color:var(--muted)}.form-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px}.banner-management-card{min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,var(--surface),rgba(37,99,235,.12))}.banner-management-card.blue{background:linear-gradient(135deg,var(--surface),rgba(56,189,248,.16))}.banner-management-card.cyan{background:linear-gradient(135deg,var(--surface),rgba(6,182,212,.16))}.banner-management-card span{color:var(--brand);font-weight:900}.banner-management-card p{color:var(--muted)}.banner-management-card button,.address-card button{border:0;background:var(--brand);color:white;border-radius:14px;padding:9px 13px;font-weight:900;width:max-content}.auth-pro-page{padding-top:34px;padding-bottom:48px}.auth-pro-card{display:grid;grid-template-columns:.9fr 1fr;min-height:560px;background:var(--surface);border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);overflow:hidden}.auth-brand-side{position:relative;padding:42px;background:linear-gradient(135deg,var(--surface-2),rgba(37,99,235,.1));display:flex;flex-direction:column;justify-content:center}.auth-brand-side:after{content:"";position:absolute;inset:auto -110px -130px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.2),transparent 65%)}.auth-brand-side .brand-mark{margin:0 0 18px}.auth-brand-side h1{font-size:35px;line-height:1.35;margin:14px 0 12px}.auth-brand-side p{color:var(--muted);max-width:520px}.auth-feature-list{display:grid;gap:9px;margin-top:18px}.auth-feature-list span{background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:15px;padding:10px 12px;font-weight:900}:root[data-theme=dark] .auth-feature-list span{background:rgba(255,255,255,.05)}.auth-form-side{padding:42px;display:flex;flex-direction:column;justify-content:center}.auth-form-side h2{font-size:27px;margin:0 0 18px}.auth-form-side label{font-weight:900;margin:10px 0 6px}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.auth-links a{color:var(--brand);font-weight:900}.profile-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.wallet-highlight{background:linear-gradient(135deg,var(--surface),rgba(37,99,235,.1))}.wallet-highlight p{color:var(--muted)}.wallet-pro-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-radius:30px;box-shadow:var(--shadow);padding:26px;margin:18px 0}.wallet-pro-hero span{display:block;opacity:.85}.wallet-pro-hero strong{display:block;font-size:36px;margin:4px 0}.wallet-pro-hero p{margin:0;opacity:.82}.wallet-pro-actions{display:flex;gap:9px;flex-wrap:wrap}.wallet-pro-actions .btn.soft{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.24);color:#fff}.address-card span{color:var(--brand);font-weight:900}.address-card h2{font-size:22px}.address-card p{color:var(--muted)}.address-card.active{outline:2px solid rgba(37,99,235,.35);outline-offset:3px}.account-wishlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.site-header .nav-layer{padding-block:4px}.site-header .nav-layer-inner{min-height:56px}.search-bar{padding-top:6px!important;padding-bottom:6px!important}.search-bar button{margin-top:5px!important;margin-bottom:5px!important;padding-top:8px!important;padding-bottom:8px!important}
@media(max-width:1100px){.management-pro-layout,.account-pro-layout{grid-template-columns:1fr}.management-pro-sidebar,.account-pro-sidebar{position:static}.atomic-stat-grid{grid-template-columns:repeat(2,1fr)}.management-pro-grid.two,.management-pro-grid.three,.auth-pro-card{grid-template-columns:1fr}.management-pro-grid .span-2{grid-column:auto}.form-grid-4{grid-template-columns:1fr}.pro-table{overflow:auto}.pro-table>div{min-width:760px}.account-wishlist-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.atomic-page-header{align-items:flex-start;flex-direction:column}.atomic-stat-grid,.account-wishlist-grid{grid-template-columns:1fr}.auth-brand-side,.auth-form-side{padding:26px}.wallet-pro-hero{align-items:flex-start;flex-direction:column}.credential-box{grid-template-columns:1fr}.management-pro-layout,.account-pro-layout{padding-top:18px}.atomic-page-header h1{font-size:25px}}

/* =========================================================
   Senior rebuild - clean management/account separation + spacing
========================================================= */
.quick-link.js-account-entry{
  min-width:132px!important;
  justify-content:center!important;
  padding-inline:14px!important;
}
.quick-link.js-account-entry b{white-space:nowrap!important;font-size:13px!important}
.search-bar{padding-top:7px!important;padding-bottom:7px!important;min-height:58px!important}
.search-bar button{margin-block:6px!important;padding-block:8px!important;min-height:38px!important}
.nav-layer-inner{padding-top:8px!important;padding-bottom:8px!important;min-height:58px!important}
.mega-button{padding-top:12px!important;padding-bottom:12px!important}

/* Management: dark command center, visually and functionally separate from customer panel */
.management-command-layout{
  display:grid!important;
  grid-template-columns:310px minmax(0,1fr)!important;
  gap:24px!important;
  padding-top:34px!important;
  padding-bottom:42px!important;
  align-items:start!important;
}
.management-command-sidebar{
  position:sticky!important;top:158px!important;
  background:linear-gradient(180deg,#0f172a,#111827)!important;
  color:#e5eefc!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:32px!important;
  box-shadow:0 28px 70px rgba(15,23,42,.22)!important;
  padding:20px!important;
}
.management-command-brand{display:flex;align-items:center;gap:13px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.management-command-logo{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:#fff;font-weight:900;font-size:24px;box-shadow:0 14px 32px rgba(37,99,235,.35)}
.management-command-brand strong{display:block;color:#fff}.management-command-brand small{color:#93a4bd}
.management-command-nav{display:grid;gap:10px!important}
.management-command-nav a{display:grid!important;grid-template-columns:36px 1fr!important;gap:3px 10px!important;align-items:center!important;color:#b9c6d8!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;padding:12px!important;transition:.2s!important}
.management-command-nav a span{grid-row:1/3;width:34px;height:34px;border-radius:13px;background:rgba(255,255,255,.07);display:grid;place-items:center;font-weight:900;font-size:12px;color:#8cc8ff}
.management-command-nav a b{color:#f8fafc;font-size:14px}.management-command-nav a small{font-size:11px;color:#8ea0b8;line-height:1.5}
.management-command-nav a.active,.management-command-nav a:hover{background:linear-gradient(135deg,rgba(37,99,235,.32),rgba(56,189,248,.18))!important;border-color:rgba(125,211,252,.35)!important;transform:translateX(-2px)}
.management-command-credentials{margin-top:16px;padding:13px;border-radius:18px;background:rgba(37,99,235,.14);border:1px dashed rgba(147,197,253,.35);display:grid;gap:6px}
.management-command-credentials small{color:#9fb0c7}.management-command-credentials code{direction:ltr;text-align:left;color:#dbeafe;font-weight:900;background:rgba(0,0,0,.16);border-radius:10px;padding:5px 8px}
.management-command-logout{width:100%;margin-top:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:17px;padding:12px 14px;font-weight:900}
.management-command-main{min-width:0}.management-command-content{display:block}
.command-login-card{background:linear-gradient(135deg,#fff,var(--surface-2))!important}
:root[data-theme=dark] .command-login-card{background:linear-gradient(135deg,var(--surface),#101827)!important}
.command-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--surface),rgba(37,99,235,.08));border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow-soft);padding:28px!important;margin-bottom:22px!important}
.command-hero.compact{align-items:center}.command-hero h1{font-size:34px;line-height:1.35;margin:10px 0 8px}.command-hero p{color:var(--muted);max-width:760px;margin:0}.command-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.command-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.command-kpi-grid article,.command-panel,.integration-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);padding:22px!important}
.command-kpi-grid article{display:grid;gap:5px}.command-kpi-grid span{color:var(--muted);font-weight:800}.command-kpi-grid strong{font-size:29px;color:var(--text)}.command-kpi-grid small{color:var(--brand);font-weight:800}
.command-grid{display:grid;gap:18px;margin-bottom:20px}.command-grid.two{grid-template-columns:1.35fr .9fr}.command-tasks{display:grid;gap:12px;align-content:start}.command-tasks a{display:block;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:14px 15px}.command-tasks b{display:block}.command-tasks small{display:block;color:var(--muted);margin-top:4px}
.integration-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}.integration-card.span-2{grid-column:1/-1}.integration-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.integration-head h2{margin:0;font-size:21px}.integration-head span{border-radius:999px;background:rgba(37,99,235,.1);color:var(--brand);padding:6px 10px;font-size:12px;font-weight:900}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings-grid.single{grid-template-columns:1fr}.settings-grid label,.register-fields-grid label,.customer-form-card label{display:grid;gap:7px;color:var(--muted);font-weight:900;font-size:13px}.settings-grid input,.settings-grid select,.settings-grid textarea,.register-fields-grid input,.customer-form-card input,.customer-form-card select{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:16px;padding:12px 13px;outline:0}.settings-grid textarea{min-height:112px;resize:vertical}.settings-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);padding:16px 18px;margin-top:18px}.js-settings-message{color:var(--muted);font-weight:800}.js-settings-message.saved{color:#10b981}

/* Customer panel: soft account hub, different menu, different tone */
.customer-hub-layout{display:grid!important;grid-template-columns:295px minmax(0,1fr)!important;gap:24px!important;padding-top:34px!important;padding-bottom:42px!important;align-items:start!important}
.customer-hub-sidebar{position:sticky!important;top:158px!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:32px!important;box-shadow:var(--shadow-soft)!important;padding:18px!important}
.customer-hub-profile{display:flex;align-items:center;gap:12px;padding:14px;border-radius:22px;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(56,189,248,.1));margin-bottom:14px}.customer-hub-profile strong{display:block}.customer-hub-profile small{color:var(--muted)}
.customer-hub-nav{display:grid;gap:9px!important}.customer-hub-nav a{display:block!important;border:1px solid var(--line)!important;background:var(--surface-2)!important;border-radius:18px!important;padding:12px 14px!important;color:var(--text)!important;transition:.2s!important}.customer-hub-nav a b{display:block;font-size:14px}.customer-hub-nav a small{display:block;color:var(--muted);font-size:11px;line-height:1.55;margin-top:3px}.customer-hub-nav a.active,.customer-hub-nav a:hover{background:rgba(37,99,235,.1)!important;border-color:rgba(37,99,235,.25)!important;color:var(--brand)!important;transform:translateY(-2px)}
.customer-hub-logout{width:100%;margin-top:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:17px;padding:12px 14px;font-weight:900}.customer-hub-main{min-width:0}.customer-login-card{max-width:620px;margin:auto;background:linear-gradient(135deg,var(--surface),rgba(37,99,235,.08));border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);padding:28px}.customer-login-card p{color:var(--muted)}.customer-login-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.customer-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--surface),rgba(6,182,212,.08));border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow-soft);padding:28px!important;margin-bottom:20px!important}.customer-hero.compact{align-items:center}.customer-hero h1{font-size:32px;line-height:1.35;margin:10px 0 8px}.customer-hero p{color:var(--muted);max-width:760px;margin:0}.wallet-hero-clean{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.wallet-hero-clean p,.wallet-hero-clean .atomic-badge{color:#fff}.wallet-amount{font-size:26px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);border-radius:20px;padding:14px 16px;white-space:nowrap}
.customer-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.customer-card-grid article,.customer-panel{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);padding:22px!important}.customer-card-grid span{color:var(--muted);font-weight:800}.customer-card-grid strong{display:block;font-size:29px;margin-top:5px}.customer-card-grid small{color:var(--brand);font-weight:800}.customer-grid{display:grid;gap:18px}.customer-grid.two{grid-template-columns:1fr 1fr}.customer-order-timeline,.customer-transaction-list{display:grid;gap:12px}.customer-order-timeline span,.customer-transaction-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:13px 14px}.customer-order-timeline em{font-style:normal;color:var(--brand);font-weight:900}.customer-order-timeline small{color:var(--muted)}.customer-wallet-card{background:linear-gradient(135deg,var(--surface),rgba(37,99,235,.1))}.customer-wallet-card p{color:var(--muted)}

/* Auth rebuild */
.senior-auth-card{grid-template-columns:.82fr 1.18fr!important}.auth-login-side,.auth-register-side{padding:44px!important}.senior-auth-form{padding:42px!important}.register-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:8px}.register-fields-grid label:last-of-type{grid-column:auto}.form-hint{display:block;color:var(--muted);margin-top:10px;min-height:22px}.form-hint.success{color:#10b981}.form-hint.error{color:#ef4444}.auth-form-side .btn.block{margin-top:16px!important}.auth-links{padding-top:6px!important}

/* keep old lock semantics working */
.js-user-shell:not(.is-user-authenticated) .js-user-content{display:none!important}.js-user-shell.is-user-authenticated .js-user-locked{display:none!important}

@media(max-width:1180px){.management-command-layout,.customer-hub-layout{grid-template-columns:1fr!important}.management-command-sidebar,.customer-hub-sidebar{position:static!important}.command-kpi-grid,.customer-card-grid{grid-template-columns:repeat(2,1fr)}.command-grid.two,.customer-grid.two,.integration-dashboard,.senior-auth-card{grid-template-columns:1fr!important}.integration-card.span-2{grid-column:auto}.settings-grid{grid-template-columns:1fr}.register-fields-grid{grid-template-columns:1fr}.command-hero,.customer-hero{align-items:flex-start;flex-direction:column}.wallet-amount{white-space:normal}}
@media(max-width:640px){.management-command-layout,.customer-hub-layout{padding-top:20px!important;gap:16px!important}.command-kpi-grid,.customer-card-grid{grid-template-columns:1fr}.command-hero,.customer-hero,.command-panel,.customer-panel,.integration-card{border-radius:24px!important;padding:18px!important}.command-hero h1,.customer-hero h1{font-size:25px}.settings-save-row{align-items:flex-start;flex-direction:column}.auth-login-side,.auth-register-side,.senior-auth-form{padding:26px!important}.quick-link.js-account-entry{min-width:46px!important}.quick-link.js-account-entry b{display:none!important}}


/* Auth panel persistence fix: account pages stay accessible after one customer login. */
html[data-user-auth="true"] .js-user-shell .js-user-content{display:block!important}
html[data-user-auth="true"] .js-user-shell .js-user-locked{display:none!important}
html[data-user-auth="false"] .js-user-shell .js-user-content{display:none!important}
html[data-user-auth="false"] .js-user-shell .js-user-locked{display:block!important}

/* Customer panel final: balanced blue-white app with strict sizing and responsive rules. */
.account-os{
  --acc-bg:#f4f8ff;
  --acc-surface:#ffffff;
  --acc-soft:#f7fbff;
  --acc-ink:#102033;
  --acc-muted:#667891;
  --acc-line:#dceafe;
  --acc-blue:#1769ff;
  --acc-sky:#0ea5e9;
  --acc-deep:#0b4fb3;
  --acc-green:#10b981;
  --acc-amber:#f59e0b;
  --acc-radius:22px;
  --acc-shadow:0 20px 55px rgba(20,82,150,.11);
  --acc-soft-shadow:0 10px 28px rgba(20,82,150,.075);
  width:min(1240px,calc(100% - 32px));
  margin:0 auto;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:20px;
  direction:rtl;
  padding:26px 0 44px;
  color:var(--acc-ink);
  isolation:isolate;
}
:root[data-theme=dark] .account-os{
  --acc-bg:#0b1220;
  --acc-surface:#121c2b;
  --acc-soft:#172437;
  --acc-ink:#f8fbff;
  --acc-muted:#a9bad2;
  --acc-line:rgba(255,255,255,.11);
  --acc-shadow:0 20px 55px rgba(0,0,0,.35);
  --acc-soft-shadow:0 10px 28px rgba(0,0,0,.24);
}
.account-os::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 8%,rgba(23,105,255,.16),transparent 28%),
    radial-gradient(circle at 90% 0%,rgba(14,165,233,.12),transparent 24%),
    linear-gradient(180deg,var(--acc-bg),#fff 70%);
}
:root[data-theme=dark] .account-os::before{
  background:
    radial-gradient(circle at 10% 8%,rgba(23,105,255,.22),transparent 28%),
    radial-gradient(circle at 90% 0%,rgba(14,165,233,.16),transparent 24%),
    linear-gradient(180deg,#0b1220,#101827 70%);
}
.account-os *{
  box-sizing:border-box;
}
.account-os a{
  color:inherit;
  text-decoration:none;
}
.account-os-rail{
  position:sticky;
  top:132px;
  align-self:start;
  max-height:calc(100svh - 150px);
  overflow:auto;
  display:grid;
  gap:12px;
  border:1px solid var(--acc-line);
  border-radius:28px;
  background:rgba(255,255,255,.90);
  box-shadow:var(--acc-shadow);
  backdrop-filter:blur(18px);
  padding:14px;
  scrollbar-width:thin;
}
:root[data-theme=dark] .account-os-rail{
  background:rgba(18,28,43,.90);
}
.account-os-profile{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:82px;
  border-radius:22px;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,255,255,.30),transparent 34%),
    linear-gradient(135deg,var(--acc-blue),var(--acc-sky));
  color:#fff;
  padding:14px;
  box-shadow:0 14px 32px rgba(23,105,255,.22);
}
.account-os-avatar{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:18px;
  background:rgba(255,255,255,.20);
  color:#fff;
  font-size:23px;
  font-weight:1000;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.account-os-profile strong,
.account-os-profile small{
  display:block;
  min-width:0;
}
.account-os-profile strong{
  color:#fff;
  font-size:16px;
  line-height:1.35;
  font-weight:1000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-os-profile small{
  color:rgba(255,255,255,.78);
  margin-top:3px;
  font-size:12px;
  line-height:1.5;
}
.account-os-nav{
  display:grid;
  gap:7px;
}
.account-os-nav a{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:1px 10px;
  align-items:center;
  min-height:56px;
  border:1px solid transparent;
  border-radius:18px;
  background:transparent;
  color:var(--acc-ink);
  padding:9px 10px;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.account-os-nav a i{
  grid-row:1/3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#eef7ff;
  color:var(--acc-blue);
  font-style:normal;
  font-size:11px;
  font-weight:1000;
}
:root[data-theme=dark] .account-os-nav a i{
  background:#132f52;
}
.account-os-nav a span{
  display:block;
  min-width:0;
  color:inherit;
  font-size:14px;
  font-weight:950;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-os-nav a small{
  display:block;
  min-width:0;
  color:var(--acc-muted);
  font-size:11px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-os-nav a.active,
.account-os-nav a:hover{
  border-color:rgba(23,105,255,.22);
  background:linear-gradient(135deg,rgba(23,105,255,.11),rgba(14,165,233,.07));
  transform:translateX(-2px);
}
.account-os-nav a.active i,
.account-os-nav a:hover i{
  background:linear-gradient(135deg,var(--acc-blue),var(--acc-sky));
  color:#fff;
}
.account-os-help{
  border:1px dashed rgba(23,105,255,.30);
  border-radius:20px;
  background:rgba(23,105,255,.055);
  padding:12px;
}
.account-os-help b,
.account-os-help small{
  display:block;
}
.account-os-help b{
  color:var(--acc-ink);
  font-size:13px;
}
.account-os-help small{
  color:var(--acc-muted);
  line-height:1.75;
  margin-top:5px;
  font-size:12px;
}
.account-os-logout{
  width:100%;
  min-height:42px;
  border:1px solid var(--acc-line);
  border-radius:16px;
  background:var(--acc-soft);
  color:var(--acc-ink);
  padding:10px 12px;
  font-weight:950;
  cursor:pointer;
}
.account-os-logout:hover{
  border-color:rgba(23,105,255,.25);
  background:rgba(23,105,255,.09);
  color:var(--acc-blue);
}
.account-os-main{
  min-width:0;
}
.account-os-login{
  min-height:420px;
  display:grid;
  place-items:center;
  border:1px solid var(--acc-line);
  border-radius:30px;
  background:var(--acc-surface);
  box-shadow:var(--acc-shadow);
  padding:28px;
}
.account-os-login-card{
  width:min(620px,100%);
}
.account-os-login-card h1,
.account-os-hero h1,
.account-os-wallet-hero h1,
.account-os-section-head h1{
  color:var(--acc-ink);
  font-size:clamp(27px,3.1vw,40px);
  line-height:1.24;
  letter-spacing:0;
  margin:9px 0;
}
.account-os-login-card p,
.account-os-hero p,
.account-os-wallet-hero p,
.account-os-section-head p{
  color:var(--acc-muted);
  line-height:1.85;
  margin:0;
  max-width:720px;
}
.account-os-login-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.account-os-content{
  min-width:0;
  display:grid;
  gap:16px;
}
.account-os-top{
  position:sticky;
  top:88px;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:76px;
  border:1px solid var(--acc-line);
  border-radius:24px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--acc-soft-shadow);
  backdrop-filter:blur(18px);
  padding:13px 16px;
}
:root[data-theme=dark] .account-os-top{
  background:rgba(18,28,43,.86);
}
.account-os-top span,
.account-os-kicker{
  display:inline-flex;
  width:max-content;
  align-items:center;
  border-radius:999px;
  background:rgba(23,105,255,.10);
  color:var(--acc-blue);
  padding:6px 10px;
  font-size:12px;
  line-height:1;
  font-weight:1000;
}
.account-os-top strong{
  display:block;
  color:var(--acc-ink);
  font-size:21px;
  line-height:1.35;
  margin-top:5px;
}
.account-os-top a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--acc-blue),var(--acc-sky));
  color:#fff;
  padding:10px 15px;
  font-weight:950;
  white-space:nowrap;
  box-shadow:0 12px 26px rgba(23,105,255,.22);
}
.account-os-hero,
.account-os-wallet-hero,
.account-os-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,340px);
  align-items:stretch;
  gap:16px;
  min-height:220px;
  border:1px solid var(--acc-line);
  border-radius:30px;
  background:
    radial-gradient(circle at 5% 0%,rgba(23,105,255,.15),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.82));
  box-shadow:var(--acc-shadow);
  padding:26px;
  overflow:hidden;
}
:root[data-theme=dark] .account-os-hero,
:root[data-theme=dark] .account-os-section-head{
  background:
    radial-gradient(circle at 5% 0%,rgba(23,105,255,.20),transparent 34%),
    linear-gradient(135deg,rgba(18,28,43,.98),rgba(18,28,43,.82));
}
.account-os-section-head{
  align-items:end;
  min-height:176px;
}
.account-os-hero-status,
.account-os-delivery-card{
  display:grid;
  align-content:space-between;
  min-height:168px;
  border-radius:26px;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,255,255,.22),transparent 32%),
    linear-gradient(135deg,var(--acc-deep),var(--acc-blue));
  color:#fff;
  padding:20px;
  box-shadow:0 16px 38px rgba(23,105,255,.20);
}
.account-os-hero-status span,
.account-os-hero-status small,
.account-os-delivery-card span,
.account-os-delivery-card small{
  display:block;
  color:rgba(255,255,255,.75);
}
.account-os-hero-status strong,
.account-os-delivery-card strong{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1.35;
  margin:8px 0;
}
.account-os-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.account-os-metrics article,
.account-os-panel,
.account-os-product{
  border:1px solid var(--acc-line);
  border-radius:24px;
  background:var(--acc-surface);
  box-shadow:var(--acc-soft-shadow);
  padding:18px;
}
.account-os-metrics article{
  position:relative;
  min-height:126px;
  overflow:hidden;
}
.account-os-metrics article::after{
  content:"";
  position:absolute;
  inset:auto 18px 0 18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--acc-blue),rgba(14,165,233,.18));
}
.account-os-metrics span,
.account-os-metrics small{
  display:block;
  color:var(--acc-muted);
  font-size:13px;
}
.account-os-metrics strong{
  display:block;
  color:var(--acc-ink);
  font-size:30px;
  line-height:1.05;
  margin:8px 0 5px;
  white-space:nowrap;
}
.account-os-grid,
.account-os-order-board{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:16px;
}
.account-os-detail-grid{
  align-items:start;
}
.account-os-form-wide{
  grid-column:1 / -1;
}
.account-os-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:32px;
  margin-bottom:14px;
}
.account-os-panel-head h2{
  color:var(--acc-ink);
  margin:0;
  font-size:20px;
  line-height:1.35;
}
.account-os-panel-head a,
.account-os-panel-head span{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:var(--acc-soft);
  color:var(--acc-muted);
  padding:6px 10px;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.account-os-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.account-os-steps span{
  display:grid;
  align-content:space-between;
  min-height:112px;
  border:1px solid var(--acc-line);
  border-radius:20px;
  background:var(--acc-soft);
  padding:13px;
}
.account-os-steps span::before{
  content:"";
  width:13px;
  height:13px;
  border-radius:50%;
  background:#cbd5e1;
  box-shadow:0 0 0 5px rgba(203,213,225,.18);
}
.account-os-steps span.done::before{
  background:var(--acc-green);
  box-shadow:0 0 0 5px rgba(16,185,129,.13);
}
.account-os-steps span.active{
  border-color:rgba(23,105,255,.30);
  background:rgba(23,105,255,.08);
}
.account-os-steps span.active::before{
  background:var(--acc-blue);
  box-shadow:0 0 0 5px rgba(23,105,255,.13);
}
.account-os-steps b,
.account-os-steps small{
  display:block;
}
.account-os-steps b{
  color:var(--acc-ink);
  line-height:1.45;
}
.account-os-steps small{
  color:var(--acc-muted);
  margin-top:5px;
  line-height:1.45;
}
.account-os-next,
.account-os-list,
.account-os-security{
  display:grid;
  gap:10px;
}
.account-os-next a,
.account-os-list span,
.account-os-security span,
.account-os-quick-grid a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:62px;
  border:1px solid var(--acc-line);
  border-radius:18px;
  background:var(--acc-soft);
  color:var(--acc-ink);
  padding:13px;
  transition:background .16s ease,transform .16s ease,border-color .16s ease;
}
.account-os-next a:hover,
.account-os-quick-grid a:hover,
.account-os-list span:hover{
  border-color:rgba(23,105,255,.22);
  background:rgba(23,105,255,.065);
  transform:translateY(-2px);
}
.account-os-next b,
.account-os-next small,
.account-os-quick-grid b,
.account-os-quick-grid small{
  display:block;
}
.account-os-next b,
.account-os-quick-grid b{
  line-height:1.45;
}
.account-os-next small,
.account-os-quick-grid small{
  color:var(--acc-muted);
  margin-top:4px;
  line-height:1.5;
}
.account-os-quick-grid,
.account-os-products{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.account-os-products{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.account-os-product{
  display:grid;
  gap:10px;
  min-height:315px;
  color:var(--acc-ink);
  transition:transform .16s ease,box-shadow .16s ease;
}
.account-os-product:hover{
  transform:translateY(-4px);
  box-shadow:var(--acc-shadow);
}
.account-os-product .product-media{
  min-height:168px;
  border-radius:22px;
  background-color:var(--acc-soft);
}
.account-os-product small{
  color:var(--acc-muted);
}
.account-os-product strong{
  color:var(--acc-ink);
}
.account-os-product em,
.account-os-list em,
.account-os-security em{
  width:max-content;
  border-radius:999px;
  background:rgba(16,185,129,.10);
  color:var(--acc-green);
  padding:6px 10px;
  font-style:normal;
  font-size:12px;
  font-weight:950;
}
.account-os-wallet-hero{
  background:
    radial-gradient(circle at 0% 0%,rgba(255,255,255,.25),transparent 34%),
    linear-gradient(135deg,var(--acc-deep),var(--acc-blue),var(--acc-sky));
}
.account-os-wallet-hero h1,
.account-os-wallet-hero p{
  color:#fff;
}
.account-os-wallet-hero .account-os-kicker{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.account-os-wallet-actions{
  display:flex;
  align-items:end;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.account-os .btn.primary,
.account-os .btn.soft,
.account-os button.btn.primary,
.account-os button.btn.soft{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-weight:1000!important;
  padding:10px 16px!important;
}
.account-os .btn.block,
.account-os button.btn.block{
  width:100%!important;
}
.account-os .btn.primary,
.account-os button.btn.primary{
  background:linear-gradient(135deg,var(--acc-blue),var(--acc-sky))!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(23,105,255,.22)!important;
}
.account-os .btn.soft,
.account-os button.btn.soft{
  border:1px solid var(--acc-line)!important;
  background:var(--acc-surface)!important;
  color:var(--acc-ink)!important;
}
.account-os-wallet-hero .btn.primary,
.account-os-wallet-hero button.btn.primary{
  background:#fff!important;
  color:var(--acc-deep)!important;
}
.account-os-wallet-hero .btn.soft,
.account-os-wallet-hero button.btn.soft{
  border-color:rgba(255,255,255,.30)!important;
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
}
.account-os-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.account-os-chips button,
.account-os-table button,
.account-os-address button,
.account-os-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border:1px solid var(--acc-line);
  border-radius:999px;
  background:var(--acc-surface);
  color:var(--acc-ink);
  padding:8px 12px;
  font-weight:950;
  cursor:pointer;
}
.account-os-chips button.active,
.account-os-table button,
.account-os-table .account-os-action,
.account-os-address.active button:first-child{
  border-color:transparent;
  background:linear-gradient(135deg,var(--acc-blue),var(--acc-sky));
  color:#fff;
}
.account-os-action{
  text-decoration:none;
}
.account-os-action.danger{
  border-color:rgba(239,68,68,.18);
  background:rgba(239,68,68,.08);
  color:#dc2626;
}
.account-os-table{
  display:grid;
  gap:8px;
  overflow:auto;
  padding-bottom:2px;
}
.account-os-table > div{
  min-width:720px;
  display:grid;
  grid-template-columns:minmax(120px,1.2fr) minmax(90px,1fr) minmax(90px,1fr) minmax(110px,1fr) minmax(82px,.7fr);
  align-items:center;
  gap:10px;
  border:1px solid var(--acc-line);
  border-radius:18px;
  background:var(--acc-soft);
  padding:12px;
}
.account-os-table > div.is-hidden{
  display:none;
}
.account-os-table .head{
  background:linear-gradient(135deg,var(--acc-deep),var(--acc-blue));
  color:#fff;
}
.account-os-table b,
.account-os-table strong{
  color:inherit;
}
.account-os-table small{
  display:block;
  color:var(--acc-muted);
}
.account-os-address span{
  display:inline-flex;
  width:max-content;
  border-radius:999px;
  background:rgba(23,105,255,.10);
  color:var(--acc-blue);
  padding:6px 10px;
  font-size:12px;
  font-weight:950;
}
.account-os-address h2{
  color:var(--acc-ink);
  margin:14px 0 8px;
}
.account-os-address p,
.account-os-address small{
  display:block;
  color:var(--acc-muted);
  line-height:1.8;
}
.account-os-actions,
.account-os-address div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.account-os-inline-message{
  display:none!important;
  border:1px solid rgba(16,185,129,.18);
  border-radius:16px;
  background:rgba(16,185,129,.10);
  color:var(--acc-green)!important;
  padding:10px 12px;
  font-size:13px!important;
  font-weight:950;
  line-height:1.7!important;
}
.account-os-inline-message.is-visible{
  display:block!important;
}
.account-os-form{
  display:grid;
  gap:12px;
}
.account-os-form label{
  display:grid;
  gap:7px;
  color:var(--acc-muted);
  font-weight:950;
}
.account-os-form input,
.account-os-form select,
.account-os-form textarea{
  width:100%;
  min-height:44px;
  border:1px solid var(--acc-line);
  border-radius:16px;
  background:var(--acc-soft);
  color:var(--acc-ink);
  padding:12px 13px;
  outline:0;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.account-os-form input:focus,
.account-os-form select:focus,
.account-os-form textarea:focus{
  border-color:rgba(23,105,255,.42);
  background:var(--acc-surface);
  box-shadow:0 0 0 4px rgba(23,105,255,.10);
}
.account-os-form textarea{
  min-height:126px;
  resize:vertical;
}
.account-os-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.account-os .status{
  display:inline-flex;
  justify-content:center;
  border-radius:999px;
  background:var(--acc-surface);
  color:var(--acc-ink);
  padding:6px 10px;
  font-style:normal;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.account-os .status.paid,
.account-os .status.shipped{
  background:rgba(16,185,129,.11);
  color:var(--acc-green);
}
.account-os .status.warning{
  background:rgba(245,158,11,.13);
  color:var(--acc-amber);
}
@media(prefers-reduced-motion:no-preference){
  .account-os-content{
    animation:finalAccountIn .28s ease both;
  }
  .account-os-panel,
  .account-os-metrics article,
  .account-os-hero,
  .account-os-section-head,
  .account-os-wallet-hero{
    animation:finalAccountIn .32s ease both;
  }
}
@keyframes finalAccountIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:1180px){
  .account-os{
    width:min(100% - 28px,980px);
    grid-template-columns:1fr;
  }
  .account-os-rail{
    position:static;
    max-height:none;
  }
  .account-os-nav{
    display:flex;
    overflow:auto;
    padding-bottom:5px;
    scrollbar-width:thin;
  }
  .account-os-nav a{
    min-width:166px;
  }
  .account-os-help{
    display:none;
  }
  .account-os-hero,
  .account-os-wallet-hero,
  .account-os-section-head,
  .account-os-grid,
  .account-os-order-board{
    grid-template-columns:1fr;
  }
  .account-os-metrics,
  .account-os-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .account-os-products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .account-os{
    width:calc(100% - 18px);
    padding:10px 0 28px;
    gap:12px;
  }
  .account-os-content{
    gap:12px;
  }
  .account-os-rail{
    position:sticky;
    top:0;
    z-index:35;
    border-radius:22px;
    padding:11px;
  }
  .account-os-profile{
    min-height:72px;
    padding:12px;
  }
  .account-os-avatar{
    width:48px;
    height:48px;
  }
  .account-os-logout{
    display:none;
  }
  .account-os-nav{
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .account-os-nav::-webkit-scrollbar{
    display:none;
  }
  .account-os-nav a{
    min-width:148px;
    min-height:54px;
    scroll-snap-align:start;
    background:var(--acc-soft);
  }
  .account-os-top{
    position:static;
    align-items:flex-start;
    flex-direction:column;
    min-height:auto;
    border-radius:20px;
  }
  .account-os-top a{
    display:none;
  }
  .account-os-login,
  .account-os-hero,
  .account-os-wallet-hero,
  .account-os-section-head,
  .account-os-panel,
  .account-os-product{
    border-radius:22px;
    padding:15px;
  }
  .account-os-hero,
  .account-os-wallet-hero,
  .account-os-section-head{
    min-height:auto;
  }
  .account-os-hero h1,
  .account-os-wallet-hero h1,
  .account-os-section-head h1{
    font-size:26px;
  }
  .account-os-metrics,
  .account-os-steps,
  .account-os-quick-grid,
  .account-os-products,
  .account-os-form-grid{
    grid-template-columns:1fr;
  }
  .account-os-metrics article{
    min-height:112px;
  }
  .account-os-panel-head,
  .account-os-next a,
  .account-os-list span,
  .account-os-security span{
    align-items:flex-start;
    flex-direction:column;
  }
  .account-os-wallet-actions,
  .account-os-actions{
    width:100%;
  }
  .account-os-wallet-actions .btn,
  .account-os-actions .account-os-action{
    flex:1 1 auto;
  }
  .account-os-product{
    min-height:0;
  }
  .account-os-product .product-media{
    min-height:145px;
  }
}


/* =========================================================
   FINAL AUDIT 2026-06-17
   Clean footer, real spacing rhythm for user panel, and safer responsive layout.
========================================================= */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
main{
  min-width:0;
}
.site-footer{
  margin-top:56px!important;
  padding:36px 0!important;
  background:var(--surface)!important;
  border-top:1px solid var(--line)!important;
}
.site-footer::after,
.site-footer .copyright,
.site-footer .footer-trust,
.site-footer .trust-row,
.footer-bottom,
.footer-extra,
.footer-copyright,
.footer-payment,
.footer-enamad{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
.site-footer .footer-grid{
  align-items:start!important;
  gap:32px!important;
}
.site-footer .footer-brand,
.site-footer .newsletter,
.site-footer .footer-grid > div{
  min-width:0!important;
}
.site-footer .footer-brand p,
.site-footer .newsletter p{
  margin:12px 0 0!important;
  line-height:1.9!important;
}
.site-footer .footer-grid a{
  margin:8px 0!important;
  line-height:1.75!important;
}
.newsletter{
  display:grid!important;
  gap:12px!important;
}
.newsletter form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 96px!important;
  gap:10px!important;
  align-items:stretch!important;
}
.newsletter input{
  min-width:0!important;
  height:48px!important;
  margin:0!important;
}
.newsletter button{
  height:48px!important;
  padding:0 14px!important;
}
.store-inline-message{
  display:none;
  width:100%;
  margin-top:12px;
  border:1px solid rgba(16,185,129,.22);
  border-radius:16px;
  background:rgba(16,185,129,.10);
  color:#059669;
  padding:10px 12px;
  font-size:13px;
  font-weight:900;
  line-height:1.8;
}
.store-inline-message.is-visible{
  display:block!important;
}
.search-page,
.search-layout,
.contact-page,
.track-page,
.cart-layout,
.checkout-flow,
.product-detail,
.seller-comparison,
.reviews,
.catalog-layout,
.compare-table,
.blog-grid,
.about-page{
  margin-bottom:36px!important;
}
.contact-form,
.track-card,
.checkout-box,
.payment-grid article,
.payment-grid aside,
.review-form-card,
.filter-panel,
.cart-list,
.seller-table{
  overflow:hidden!important;
}
.contact-form{
  display:grid!important;
  gap:14px!important;
}
.contact-form input,
.contact-form textarea,
.track-form input,
.big-search input{
  margin:0!important;
}
.payment-grid{
  align-items:start!important;
  gap:22px!important;
}
.payment-grid article{
  gap:14px!important;
}
.payment-grid article label{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:42px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--surface-2)!important;
  padding:9px 11px!important;
}
.qty,
.buy-actions,
.wallet-actions,
.track-form{
  gap:12px!important;
}
.qty button,
.seller-table button,
.payment-grid article button{
  min-width:40px!important;
  min-height:40px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--surface-2)!important;
  color:var(--text)!important;
  font-weight:900!important;
}
.qty button:hover,
.seller-table button:hover,
.payment-grid article button:hover{
  border-color:rgba(37,99,235,.38)!important;
  background:rgba(37,99,235,.10)!important;
  color:var(--brand)!important;
}
.seller-table > div.is-selected{
  background:rgba(37,99,235,.08)!important;
  outline:2px solid rgba(37,99,235,.22)!important;
  outline-offset:-2px!important;
}
.sort-bar button.active,
.detail-tabs button.active{
  box-shadow:0 10px 22px rgba(37,99,235,.18)!important;
}

/* User panel: one spacing system for every account page */
.account-os{
  width:min(1180px,calc(100% - 56px))!important;
  margin:0 auto!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:32px!important;
  padding:44px 0 76px!important;
  align-items:start!important;
}
.account-os::before{
  background:
    radial-gradient(circle at 12% 8%,rgba(37,99,235,.13),transparent 30%),
    radial-gradient(circle at 88% 4%,rgba(14,165,233,.11),transparent 28%),
    linear-gradient(180deg,#f6faff 0%,#ffffff 72%)!important;
}
:root[data-theme=dark] .account-os::before{
  background:
    radial-gradient(circle at 12% 8%,rgba(37,99,235,.20),transparent 30%),
    radial-gradient(circle at 88% 4%,rgba(14,165,233,.14),transparent 28%),
    linear-gradient(180deg,#08111f 0%,#101827 72%)!important;
}
.account-os-rail{
  top:156px!important;
  max-height:calc(100svh - 176px)!important;
  padding:22px!important;
  gap:18px!important;
  border-radius:32px!important;
}
.account-os-profile{
  min-height:96px!important;
  padding:18px!important;
  gap:14px!important;
  border-radius:26px!important;
}
.account-os-avatar{
  width:58px!important;
  height:58px!important;
  border-radius:20px!important;
}
.account-os-nav{
  gap:10px!important;
}
.account-os-nav a{
  min-height:66px!important;
  padding:12px 13px!important;
  border-radius:21px!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:3px 12px!important;
}
.account-os-nav a i{
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
}
.account-os-nav a span{
  font-size:15px!important;
  line-height:1.35!important;
}
.account-os-nav a small{
  font-size:12px!important;
  line-height:1.45!important;
}
.account-os-help{
  padding:16px!important;
  border-radius:22px!important;
}
.account-os-logout{
  min-height:48px!important;
  border-radius:18px!important;
}
.account-os-main,
.account-os-content{
  min-width:0!important;
}
.account-os-content{
  display:grid!important;
  gap:28px!important;
  align-content:start!important;
}
.account-os-top{
  top:104px!important;
  min-height:92px!important;
  padding:20px 24px!important;
  gap:20px!important;
  border-radius:28px!important;
}
.account-os-top strong{
  font-size:24px!important;
  line-height:1.45!important;
}
.account-os-top a{
  min-height:46px!important;
  padding:11px 18px!important;
}
.account-os-hero,
.account-os-wallet-hero,
.account-os-section-head{
  min-height:230px!important;
  padding:34px!important;
  gap:28px!important;
  border-radius:34px!important;
}
.account-os-section-head{
  min-height:190px!important;
}
.account-os-hero h1,
.account-os-wallet-hero h1,
.account-os-section-head h1{
  margin:14px 0 12px!important;
  line-height:1.32!important;
}
.account-os-hero p,
.account-os-wallet-hero p,
.account-os-section-head p{
  line-height:2!important;
}
.account-os-hero-status,
.account-os-delivery-card{
  min-height:176px!important;
  padding:24px!important;
  border-radius:28px!important;
}
.account-os-metrics{
  gap:20px!important;
}
.account-os-metrics article{
  min-height:142px!important;
  padding:24px!important;
  border-radius:28px!important;
}
.account-os-grid,
.account-os-order-board,
.account-os-detail-grid{
  gap:24px!important;
}
.account-os-panel,
.account-os-product{
  padding:26px!important;
  border-radius:30px!important;
}
.account-os-panel-head{
  min-height:44px!important;
  gap:16px!important;
  margin-bottom:22px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid var(--acc-line)!important;
}
.account-os-panel-head h2{
  font-size:22px!important;
  line-height:1.45!important;
}
.account-os-next,
.account-os-list,
.account-os-security,
.account-os-steps,
.account-os-quick-grid,
.account-os-products,
.account-os-form,
.account-os-form-grid{
  gap:18px!important;
}
.account-os-next a,
.account-os-list span,
.account-os-security span,
.account-os-quick-grid a{
  min-height:76px!important;
  padding:17px 18px!important;
  border-radius:22px!important;
  gap:16px!important;
}
.account-os-steps span{
  min-height:132px!important;
  padding:18px!important;
  border-radius:24px!important;
}
.account-os-products{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.account-os-product{
  min-height:340px!important;
  gap:14px!important;
}
.account-os-product .product-media{
  min-height:180px!important;
  border-radius:24px!important;
}
.account-os-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:20px!important;
}
.account-os-address div.account-os-actions{
  display:flex!important;
}
.account-os-address h2{
  margin:18px 0 12px!important;
}
.account-os-address p,
.account-os-address small{
  line-height:2!important;
}
.account-os .btn.primary,
.account-os .btn.soft,
.account-os button.btn.primary,
.account-os button.btn.soft,
.account-os-action,
.account-os-chips button{
  min-height:48px!important;
  padding:11px 18px!important;
  border-radius:999px!important;
}
.account-os .btn.block,
.account-os button.btn.block{
  margin-top:4px!important;
}
.account-os-chips{
  gap:12px!important;
}
.account-os-table{
  gap:12px!important;
  padding-bottom:6px!important;
}
.account-os-table > div{
  gap:14px!important;
  padding:16px!important;
  border-radius:22px!important;
}
.account-os-form{
  gap:20px!important;
}
.account-os-form label{
  gap:10px!important;
  line-height:1.7!important;
}
.account-os-form input,
.account-os-form select,
.account-os-form textarea{
  min-height:52px!important;
  border-radius:20px!important;
  padding:14px 16px!important;
}
.account-os-form textarea{
  min-height:150px!important;
}
.account-os-inline-message{
  margin-top:8px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
}
.account-os-login{
  min-height:460px!important;
  padding:36px!important;
  border-radius:34px!important;
}

@media(max-width:1180px){
  .account-os{
    width:min(100% - 36px,980px)!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding-top:30px!important;
  }
  .account-os-rail{
    position:static!important;
    max-height:none!important;
  }
  .account-os-nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .account-os-nav a{
    min-width:0!important;
  }
  .account-os-help{
    display:block!important;
  }
  .account-os-hero,
  .account-os-wallet-hero,
  .account-os-section-head,
  .account-os-grid,
  .account-os-order-board,
  .account-os-detail-grid{
    grid-template-columns:1fr!important;
  }
  .account-os-metrics,
  .account-os-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .account-os-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .site-footer{
    margin-top:40px!important;
    padding:28px 0!important;
  }
  .site-footer .footer-grid{
    gap:24px!important;
  }
  .newsletter form{
    grid-template-columns:1fr!important;
  }
  .newsletter button{
    width:100%!important;
  }
  .track-form,
  .buy-actions,
  .payment-grid article{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .account-os{
    width:calc(100% - 20px)!important;
    gap:16px!important;
    padding:14px 0 42px!important;
  }
  .account-os-rail{
    position:sticky!important;
    top:8px!important;
    z-index:35!important;
    padding:14px!important;
    gap:12px!important;
    border-radius:24px!important;
  }
  .account-os-profile{
    min-height:78px!important;
    padding:12px!important;
  }
  .account-os-help,
  .account-os-logout{
    display:none!important;
  }
  .account-os-nav{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding:2px 0 6px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .account-os-nav::-webkit-scrollbar{display:none!important;}
  .account-os-nav a{
    min-width:158px!important;
    min-height:62px!important;
    padding:10px 11px!important;
    scroll-snap-align:start!important;
  }
  .account-os-content{
    gap:18px!important;
  }
  .account-os-top{
    position:static!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    min-height:auto!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  .account-os-top a{
    display:none!important;
  }
  .account-os-hero,
  .account-os-wallet-hero,
  .account-os-section-head,
  .account-os-panel,
  .account-os-product,
  .account-os-metrics article,
  .account-os-login{
    padding:20px!important;
    border-radius:24px!important;
  }
  .account-os-hero,
  .account-os-wallet-hero,
  .account-os-section-head{
    min-height:auto!important;
  }
  .account-os-hero h1,
  .account-os-wallet-hero h1,
  .account-os-section-head h1{
    font-size:25px!important;
  }
  .account-os-metrics,
  .account-os-steps,
  .account-os-quick-grid,
  .account-os-products,
  .account-os-form-grid{
    grid-template-columns:1fr!important;
  }
  .account-os-grid,
  .account-os-order-board,
  .account-os-detail-grid,
  .account-os-next,
  .account-os-list,
  .account-os-security,
  .account-os-quick-grid,
  .account-os-products,
  .account-os-form,
  .account-os-form-grid{
    gap:14px!important;
  }
  .account-os-panel-head,
  .account-os-next a,
  .account-os-list span,
  .account-os-security span{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .account-os-wallet-actions,
  .account-os-actions{
    width:100%!important;
  }
  .account-os-wallet-actions .btn,
  .account-os-actions .account-os-action,
  .account-os-actions button,
  .account-os-chips button{
    flex:1 1 auto!important;
  }
  .account-os-table > div{
    min-width:690px!important;
  }
}

/* =========================================================
   MICRO DETAIL QA PASS 2026-06-17
   Final spacing, footer cleanup, touch targets and small UI fixes.
========================================================= */
html,body{
  overscroll-behavior-x:none!important;
}
body{
  padding-bottom:0!important;
}
.app-shell{
  display:flex!important;
  flex-direction:column!important;
  min-height:100svh!important;
}
.app-shell > main{
  flex:1 0 auto!important;
}
.app-shell > .site-footer{
  flex:0 0 auto!important;
}
.site-footer,
.site-footer *{
  max-width:100%;
}
.site-footer{
  margin:56px 0 0!important;
  padding:34px 0!important;
  overflow:hidden!important;
}
.site-footer::before,
.site-footer::after,
.site-footer .copyright,
.site-footer .footer-trust,
.site-footer .trust-row,
.site-footer .footer-bottom,
.site-footer .footer-extra,
.site-footer .footer-copyright,
.site-footer .footer-payment,
.site-footer .footer-enamad{
  content:none!important;
  display:none!important;
}
.site-footer .footer-grid{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.site-footer .newsletter form input,
.site-footer .newsletter form button{
  width:100%!important;
}

.account-os{
  width:min(1220px,calc(100% - 48px))!important;
  grid-template-columns:292px minmax(0,1fr)!important;
  gap:30px!important;
  padding:42px 0 72px!important;
}
.account-os-content{
  gap:32px!important;
}
.account-os-content > *{
  min-width:0!important;
  margin:0!important;
}
.account-os-rail{
  gap:18px!important;
  padding:20px!important;
  border-radius:32px!important;
}
.account-os-profile,
.account-os-help,
.account-os-nav a,
.account-os-panel,
.account-os-product,
.account-os-hero,
.account-os-wallet-hero,
.account-os-section-head,
.account-os-top{
  overflow:hidden!important;
}
.account-os-nav a{
  min-height:68px!important;
  align-items:center!important;
}
.account-os-nav a span,
.account-os-nav a small,
.account-os-profile strong,
.account-os-profile small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.account-os-top{
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.account-os-section-head,
.account-os-hero,
.account-os-wallet-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}
.account-os-section-head > div,
.account-os-hero > div,
.account-os-wallet-hero > div{
  min-width:0!important;
}
.account-os-section-head .btn,
.account-os-wallet-actions,
.account-os-hero-status{
  justify-self:end!important;
}
.account-os-hero h1,
.account-os-wallet-hero h1,
.account-os-section-head h1{
  max-width:760px!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.account-os-hero p,
.account-os-wallet-hero p,
.account-os-section-head p{
  max-width:780px!important;
  margin-bottom:0!important;
}
.account-os-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
}
.account-os-grid,
.account-os-order-board,
.account-os-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:26px!important;
  align-items:start!important;
}
.account-os-order-board{
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)!important;
}
.account-os-form-wide{
  grid-column:1 / -1!important;
}
.account-os-panel,
.account-os-product{
  padding:28px!important;
}
.account-os-panel > * + *,
.account-os-address > * + *{
  margin-top:14px!important;
}
.account-os-panel-head + *{
  margin-top:0!important;
}
.account-os-panel-head{
  align-items:center!important;
  margin:0 0 24px!important;
}
.account-os-next,
.account-os-list,
.account-os-security,
.account-os-steps,
.account-os-quick-grid,
.account-os-products,
.account-os-form,
.account-os-form-grid,
.account-os-actions,
.account-os-chips{
  gap:18px!important;
}
.account-os-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.account-os-form label,
.account-os-form-grid label{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
}
.account-os-form input,
.account-os-form select,
.account-os-form textarea{
  width:100%!important;
  min-width:0!important;
}
.account-os-form textarea{
  resize:vertical!important;
}
.account-os-products{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.account-os-product b,
.account-os-product small,
.account-os-product strong,
.account-os-product em{
  min-width:0!important;
}
.account-os-table{
  display:grid!important;
  gap:14px!important;
  overflow-x:auto!important;
  padding:2px 2px 8px!important;
  scrollbar-width:thin!important;
}
.account-os-table > div{
  display:grid!important;
  grid-template-columns:minmax(130px,1.15fr) minmax(110px,.85fr) minmax(100px,.8fr) minmax(135px,.95fr) minmax(104px,.65fr)!important;
  align-items:center!important;
  min-width:720px!important;
}
.account-os-action,
.account-os .btn,
.account-os-chips button,
.account-os-logout{
  min-height:48px!important;
  line-height:1.45!important;
  white-space:nowrap!important;
}
.account-os-inline-message{
  min-height:42px!important;
  align-items:center!important;
}
.account-os-inline-message.is-visible{
  display:flex!important;
}
.account-os .is-focus-pulse{
  animation:accountFocusPulse 1.15s ease-out 1;
}
@keyframes accountFocusPulse{
  0%{box-shadow:0 0 0 0 rgba(23,105,255,.35)}
  100%{box-shadow:0 0 0 16px rgba(23,105,255,0)}
}

@media(max-width:1180px){
  .account-os{
    width:min(100% - 32px,960px)!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding-top:28px!important;
  }
  .account-os-rail{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
  }
  .account-os-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .account-os-section-head,
  .account-os-hero,
  .account-os-wallet-hero,
  .account-os-grid,
  .account-os-order-board,
  .account-os-detail-grid{
    grid-template-columns:1fr!important;
  }
  .account-os-section-head .btn,
  .account-os-wallet-actions,
  .account-os-hero-status{
    justify-self:stretch!important;
  }
  .account-os-wallet-actions .btn{
    flex:1 1 190px!important;
  }
  .account-os-metrics,
  .account-os-products,
  .account-os-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .site-footer{
    margin-top:36px!important;
    padding:28px 0!important;
  }
  .site-footer .footer-grid{
    gap:22px!important;
  }
  .account-os{
    width:100%!important;
    padding:12px 12px 42px!important;
    gap:18px!important;
  }
  .account-os-rail{
    position:sticky!important;
    top:82px!important;
    z-index:40!important;
    padding:12px!important;
    border-radius:24px!important;
  }
  .account-os-profile{
    min-height:72px!important;
  }
  .account-os-nav{
    display:flex!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    gap:10px!important;
    padding:2px 0 7px!important;
  }
  .account-os-nav a{
    min-width:166px!important;
    max-width:180px!important;
    min-height:64px!important;
    flex:0 0 auto!important;
  }
  .account-os-content{
    gap:20px!important;
  }
  .account-os-top{
    position:relative!important;
    top:auto!important;
    align-items:flex-start!important;
    gap:14px!important;
    padding:16px!important;
  }
  .account-os-section-head,
  .account-os-hero,
  .account-os-wallet-hero,
  .account-os-panel,
  .account-os-product,
  .account-os-metrics article{
    padding:20px!important;
    border-radius:24px!important;
  }
  .account-os-metrics,
  .account-os-products,
  .account-os-quick-grid,
  .account-os-form-grid{
    grid-template-columns:1fr!important;
  }
  .account-os-panel-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
    margin-bottom:18px!important;
  }
  .account-os-actions,
  .account-os-wallet-actions,
  .account-os-chips{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .account-os-action,
  .account-os .btn,
  .account-os-chips button{
    width:100%!important;
  }
  .account-os-table > div{
    min-width:720px!important;
  }
}

/* =========================================================
   HOTFIX 2026-06-17
   Auth gate was rendered after the footer without modal CSS, so it could appear
   as an unwanted container below the footer. Keep the feature, remove it from
   normal document flow, and show it only as a real overlay.
========================================================= */
.auth-gate-modal{
  position:fixed!important;
  inset:0!important;
  z-index:120!important;
  display:none!important;
  place-items:center!important;
  padding:24px!important;
  background:rgba(15,23,42,.58)!important;
  backdrop-filter:blur(14px)!important;
  overflow:auto!important;
}
.auth-gate-modal.is-open{
  display:grid!important;
}
body.auth-gate-open{
  overflow:hidden!important;
}
.auth-gate-card{
  width:min(760px,100%)!important;
  max-height:calc(100svh - 48px)!important;
  overflow:auto!important;
  background:linear-gradient(135deg,var(--surface),var(--surface-2))!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:34px!important;
  box-shadow:0 30px 90px rgba(15,23,42,.28)!important;
  padding:30px!important;
  position:relative!important;
}
:root[data-theme=dark] .auth-gate-card{
  background:linear-gradient(135deg,#111827,#172033)!important;
}
.auth-gate-brand{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  padding-inline-end:42px!important;
}
.auth-gate-brand h2{
  margin:6px 0 8px!important;
  font-size:clamp(22px,3vw,32px)!important;
  line-height:1.45!important;
}
.auth-gate-brand p{
  margin:0!important;
  color:var(--muted)!important;
  line-height:2!important;
}
.auth-gate-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:22px 0 18px!important;
  padding:7px!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:var(--surface)!important;
}
.auth-gate-tabs button{
  min-height:48px!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-weight:900!important;
}
.auth-gate-tabs button.active{
  background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(37,99,235,.24)!important;
}
.auth-gate-panel{
  display:grid!important;
  gap:14px!important;
}
.auth-gate-panel.is-hidden{
  display:none!important;
}
.auth-gate-panel label,
.auth-gate-register-grid label{
  display:grid!important;
  gap:8px!important;
  color:var(--muted)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.auth-gate-panel input,
.auth-gate-register-grid input{
  width:100%!important;
  min-height:52px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  outline:0!important;
  padding:13px 15px!important;
}
.auth-gate-panel input:focus,
.auth-gate-register-grid input:focus{
  border-color:rgba(37,99,235,.42)!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
}
.auth-gate-register-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.auth-gate-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:18px!important;
  padding-top:16px!important;
  border-top:1px solid var(--line)!important;
  color:var(--muted)!important;
}
.auth-gate-actions a,
.auth-gate-actions button{
  font-weight:900!important;
}
.auth-gate-actions a{
  color:var(--brand)!important;
}
.auth-gate-actions .link-button{
  padding:0!important;
}
.auth-gate-card .modal-close{
  z-index:2!important;
}
@media(max-width:720px){
  .auth-gate-modal{
    padding:12px!important;
    align-items:start!important;
  }
  .auth-gate-card{
    max-height:calc(100svh - 24px)!important;
    border-radius:26px!important;
    padding:22px!important;
  }
  .auth-gate-brand{
    grid-template-columns:1fr!important;
    padding-inline-end:0!important;
  }
  .auth-gate-brand .brand-mark{
    width:54px!important;
    height:54px!important;
  }
  .auth-gate-register-grid,
  .auth-gate-tabs{
    grid-template-columns:1fr!important;
  }
  .auth-gate-actions{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/* =========================================================
   LUXURY STORE REFRESH 2026-06-17
   New shop page, cleaner public pages, removed compare entry, symmetric header menu spacing.
========================================================= */
.site-header .nav-layer{
  height:auto!important;
  padding-block:10px!important;
}
.site-header .nav-layer-inner{
  height:auto!important;
  min-height:48px!important;
  align-items:center!important;
  gap:18px!important;
}
.site-header .nav-layer-inner > a,
.site-header .mega-button{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-block:0!important;
  line-height:1.4!important;
}
.site-header .mega-trigger{
  height:auto!important;
  align-items:center!important;
}
.site-header .mega-menu{
  top:58px!important;
}

.shop-lux-hero{
  margin-top:30px;
  min-height:520px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:28px;
  align-items:stretch;
  position:relative;
}
.shop-lux-copy,
.shop-lux-visual,
.luxe-page-hero,
.luxe-search-hero,
.luxe-about-page,
.luxe-contact-page > div,
.luxe-track-page .track-card{
  background:
    radial-gradient(circle at 12% 10%,rgba(56,189,248,.22),transparent 31%),
    linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);
  border:1px solid var(--line);
  border-radius:36px;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.shop-lux-copy{
  padding:54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.shop-lux-copy:before,
.shop-lux-visual:before,
.luxe-page-hero:before,
.luxe-search-hero:before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(37,99,235,.18),transparent 67%);
  inset:auto -130px -160px auto;
  pointer-events:none;
}
.shop-lux-copy h1,
.luxe-page-hero h1,
.luxe-search-hero h1,
.luxe-about-page h1,
.luxe-contact-page h1,
.luxe-track-page h1{
  margin:10px 0 14px;
  font-size:clamp(32px,4vw,58px);
  line-height:1.22;
  letter-spacing:-.5px;
}
.shop-lux-copy p,
.luxe-page-hero p,
.luxe-search-hero p,
.luxe-about-page p,
.luxe-contact-page p,
.luxe-track-page p{
  color:var(--muted);
  font-size:17px;
  max-width:760px;
  margin:0;
}
.shop-lux-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.shop-lux-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:34px;
}
.shop-lux-stats span{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.65);
  border-radius:22px;
  padding:14px 16px;
  color:var(--muted);
  box-shadow:var(--shadow-soft);
}
:root[data-theme=dark] .shop-lux-stats span{
  background:rgba(23,27,35,.72);
  border-color:rgba(255,255,255,.08);
}
.shop-lux-stats b{
  display:block;
  color:var(--text);
  font-size:22px;
}
.shop-lux-visual{
  min-height:520px;
  display:grid;
  place-items:center;
  padding:34px;
}
.shop-hero-product{
  width:min(350px,100%);
  min-height:430px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:34px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow);
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:14px;
  text-align:center;
  position:relative;
  z-index:1;
}
:root[data-theme=dark] .shop-hero-product{
  background:rgba(23,27,35,.72);
  border-color:rgba(255,255,255,.08);
}
.shop-hero-product .product-media{
  min-height:250px;
  border-radius:28px;
}
.shop-hero-product strong{
  font-size:28px;
}
.shop-hero-product small{
  color:var(--muted);
  font-weight:800;
}
.shop-floating-card{
  position:absolute;
  z-index:2;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow-soft);
  padding:12px 16px;
  font-weight:900;
}
.shop-floating-card.top{top:84px;right:28px}.shop-floating-card.bottom{bottom:86px;left:24px}
.shop-benefit-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:22px;
}
.shop-benefit-strip article{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:26px;
  padding:18px;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:2px 12px;
  align-items:center;
  box-shadow:var(--shadow-soft);
}
.shop-benefit-strip svg{
  grid-row:1/3;
  width:48px;
  height:48px;
  border-radius:16px;
  background:rgba(37,99,235,.10);
  padding:11px;
  color:var(--brand);
}
.shop-benefit-strip b{font-size:16px}.shop-benefit-strip span{color:var(--muted);font-size:13px}
.shop-lux-showcase{
  display:grid;
  grid-template-columns:1.1fr 1fr 1fr;
  gap:18px;
  margin-top:26px;
}
.shop-lux-showcase .showcase-card{
  min-height:245px;
  border-radius:32px;
  padding:28px;
}
.showcase-card.premium{
  background:linear-gradient(135deg,#0f172a,#1e3a8a);
  color:#fff;
}
.showcase-card.premium p,.showcase-card.premium .eyebrow{color:#dbeafe}
.shop-category-chips{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
  margin-top:24px;
}
.shop-category-chips a{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow-soft);
  min-height:112px;
  display:grid;
  place-items:center;
  gap:8px;
  font-weight:900;
  transition:.22s ease;
}
.shop-category-chips a:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow);
  color:var(--brand);
}
.shop-category-chips .cat-svg{
  color:var(--brand);
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(37,99,235,.10);
}
.shop-lux-layout{
  margin-top:30px;
  align-items:start;
}
.shop-filter-pro{
  border-radius:32px!important;
  padding:22px!important;
  top:150px!important;
  background:
    linear-gradient(180deg,var(--surface),var(--surface-2))!important;
}
.shop-filter-pro .filter-head{
  margin-bottom:16px;
}
.shop-filter-pro .filter-group{
  padding:16px 0!important;
}
.shop-filter-pro label{
  min-height:38px;
}
.shop-sort-pro{
  border-radius:26px!important;
  padding:14px!important;
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow-soft)!important;
  margin-bottom:18px!important;
}
.shop-sort-pro button{
  min-height:40px;
}
.shop-product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.shop-product-card{
  border-radius:30px!important;
  overflow:hidden;
  transition:.22s ease;
}
.shop-product-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow)!important;
  border-color:rgba(37,99,235,.28)!important;
}
.shop-product-card .product-media{
  margin:14px 14px 0!important;
  min-height:215px!important;
  border-radius:24px!important;
}
.shop-product-card .product-body{
  padding:18px!important;
  gap:10px!important;
}
.shop-product-card .product-title{
  min-height:58px;
  font-size:15px;
}
.shop-product-card .seller-row{
  border:1px solid var(--line);
  background:var(--surface-2);
  border-radius:14px;
  padding:8px 10px;
  color:var(--muted);
  font-weight:800;
}
.shop-product-card .price-row{
  align-items:flex-start;
  flex-direction:column;
  gap:3px;
}
.shop-product-card .btn.block{
  margin-top:6px!important;
}
.product-card.is-hidden,
.result-card.is-hidden{
  display:none!important;
}

.luxe-page-hero{
  padding:48px;
  margin-top:34px;
  margin-bottom:24px;
}
.luxe-category-board article{
  padding:26px!important;
  min-height:260px;
  transition:.22s ease;
}
.luxe-category-board article:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow);
  border-color:rgba(37,99,235,.28);
}
.luxe-category-board p{
  color:var(--muted);
  margin:0 0 12px;
}
.luxe-category-board .cat-svg{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:rgba(37,99,235,.10);
  color:var(--brand);
}
.luxe-search-page{
  padding-top:34px;
}
.luxe-search-hero{
  padding:48px;
}
.luxe-search-hero .big-search{
  margin-top:24px;
  max-width:820px;
}
.luxe-search-layout{
  align-items:start;
  gap:22px!important;
}
.luxe-results{
  display:grid;
  gap:14px;
}
.luxe-results .result-card{
  border-radius:26px!important;
  transition:.2s ease;
}
.luxe-results .result-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow)!important;
}
.luxe-blog-grid article{
  border-radius:30px!important;
}
.luxe-blog-grid article > div{
  padding:20px;
}
.luxe-blog-grid article h3,
.luxe-blog-grid article p{
  padding:0!important;
}
.luxe-blog-grid article a{
  color:var(--brand);
  font-weight:900;
}
.luxe-about-page{
  padding:52px!important;
}
.luxe-about-page .about-cards article{
  display:grid;
  gap:8px;
}
.luxe-about-page .about-cards span{
  color:var(--muted);
  font-weight:700;
}
.luxe-contact-page{
  padding-top:34px!important;
  align-items:stretch;
}
.luxe-contact-page > div,
.luxe-contact-page .contact-form{
  padding:34px!important;
  border-radius:34px!important;
}
.contact-info-grid{
  display:grid;
  gap:10px;
  margin-top:24px;
}
.contact-info-grid span{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px 14px;
  color:var(--muted);
  font-weight:800;
}
.luxe-track-page{
  padding-top:34px!important;
}
.luxe-track-page .track-card{
  padding:44px!important;
}
.luxe-track-page .timeline{
  margin-top:28px;
}
.home-trust-block .compare-copy h2{
  max-width:620px;
}
.link-button.js-store-action{
  color:var(--brand)!important;
  font-weight:900!important;
  padding:0!important;
}

@media(max-width:1100px){
  .shop-lux-hero,
  .shop-lux-showcase,
  .shop-lux-layout,
  .luxe-search-layout,
  .luxe-contact-page{
    grid-template-columns:1fr!important;
  }
  .shop-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .shop-benefit-strip,
  .shop-category-chips{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .shop-filter-pro{
    top:auto!important;
  }
}
@media(max-width:860px){
  .site-header .nav-layer{
    padding-block:0!important;
  }
  .shop-lux-hero{
    margin-top:18px;
    min-height:auto;
  }
  .shop-lux-copy,
  .shop-lux-visual,
  .luxe-page-hero,
  .luxe-search-hero,
  .luxe-about-page,
  .luxe-contact-page > div,
  .luxe-contact-page .contact-form,
  .luxe-track-page .track-card{
    border-radius:26px!important;
    padding:24px!important;
  }
  .shop-lux-visual{
    min-height:auto;
  }
  .shop-floating-card{
    display:none;
  }
  .shop-lux-stats{
    grid-template-columns:1fr;
  }
  .shop-product-grid,
  .shop-benefit-strip,
  .shop-category-chips{
    grid-template-columns:1fr!important;
  }
  .shop-product-card .product-media{
    min-height:190px!important;
  }
  .shop-sort-pro{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
}

/* Cart, checkout and wishlist polish */
.luxe-cart-layout{
  margin-top:22px;
  align-items:start;
}
.luxe-cart-list{
  gap:16px!important;
}
.luxe-cart-list .cart-item{
  border-radius:30px!important;
  padding:18px!important;
  transition:.2s ease;
}
.luxe-cart-list .cart-item:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow)!important;
}
.luxe-cart-list .cart-art{
  border-radius:24px!important;
  min-height:104px!important;
}
.luxe-checkout-box{
  border-radius:32px!important;
  padding:26px!important;
  position:sticky;
  top:150px;
  background:linear-gradient(180deg,var(--surface),var(--surface-2))!important;
}
.luxe-checkout-box h3{
  margin-top:0;
}
.luxe-checkout-box p{
  color:var(--muted);
  margin-top:0;
}
.luxe-checkout-flow .checkout-steps{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:24px;
  padding:12px;
  box-shadow:var(--shadow-soft);
}
.luxe-checkout-flow .payment-grid article,
.luxe-checkout-flow .payment-grid aside{
  border-radius:30px!important;
  padding:26px!important;
}
.luxe-wishlist-grid{
  margin-top:24px;
  margin-bottom:36px;
}
.luxe-wishlist-grid .mini-product{
  border-radius:30px!important;
  padding:18px!important;
  min-height:310px;
  transition:.2s ease;
}
.luxe-wishlist-grid .mini-product:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow)!important;
}
.luxe-wishlist-grid .mini-product span:not(.mini-art){
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
@media(max-width:1100px){
  .luxe-checkout-box{position:static;}
}

/* =========================================================
   HEADER COMPACT PATCH 2026-06-17
   Removed the top strip and reduced menu vertical padding without sticking items to the edges.
========================================================= */
.top-strip{
  display:none!important;
}
.site-header .nav-layer{
  padding-block:5px!important;
}
.site-header .nav-layer-inner{
  min-height:38px!important;
  gap:16px!important;
}
.site-header .nav-layer-inner > a,
.site-header .mega-button{
  min-height:34px!important;
  padding-block:6px!important;
  padding-inline:14px!important;
}
.site-header .mega-menu{
  top:48px!important;
}
@media(max-width:860px){
  .header-main{
    min-height:72px!important;
    padding-block:7px!important;
  }
}

/* =========================================================
   PUBLIC QA RESPONSIVE FIX 2026-06-23
   Prevent mobile horizontal drift caused by late desktop overrides.
========================================================= */
html,
body,
.app-shell{
  max-width:100%!important;
  overflow-x:hidden!important;
}
@media(max-width:860px){
  .shell,
  .site-header .shell,
  .site-footer .shell,
  main .shell{
    width:100%!important;
    max-width:100vw!important;
    padding-inline:12px!important;
    overflow-x:hidden!important;
  }
  .header-main{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    height:auto!important;
  }
  .hamburger{
    display:grid!important;
    grid-column:1!important;
    grid-row:1!important;
  }
  .brand{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    justify-self:center!important;
  }
  .brand-text{
    min-width:0!important;
  }
  .brand-text strong{
    white-space:nowrap!important;
  }
  .quick-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    margin-right:0!important;
    gap:8px!important;
  }
  .search-bar{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
  .search-bar input{
    min-width:0!important;
  }
  .hero-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-height:auto!important;
    border-radius:26px!important;
  }
  .hero-copy{
    min-width:0!important;
    padding:30px 22px!important;
  }
  .hero-copy h1{
    font-size:34px!important;
    line-height:1.38!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .hero-copy p{
    font-size:15px!important;
    max-width:100%!important;
  }
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hero-actions .btn{
    width:100%!important;
  }
  .hero-stats{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    min-width:0!important;
  }
  .hero-stats span{
    width:100%!important;
    min-width:0!important;
  }
}
@media(max-width:520px){
  .brand-mark{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
    font-size:22px!important;
  }
  .quick-link,
  .cart-link,
  .icon-only{
    width:42px!important;
    height:42px!important;
    padding:0!important;
  }
  .quick-actions{
    gap:7px!important;
  }
  .hero-copy h1{
    font-size:29px!important;
  }
  .category-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}