:root{--bg:#080a0f;--panel:rgba(17,20,29,.7);--panel2:rgba(255,255,255,.04);--line:rgba(255,255,255,.09);--text:#f5f7fb;--muted:#9aa3b2;--accent:#8b7cff;--accent2:#45d4ff;--ok:#66e3a4;--danger:#ff707a;--shadow:0 24px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 10%,rgba(108,92,231,.13),transparent 28%),radial-gradient(circle at 80% 20%,rgba(69,212,255,.09),transparent 25%),var(--bg);color:var(--text);font-family:Vazirmatn,system-ui,sans-serif;line-height:1.8;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.ambient{position:fixed;width:340px;height:340px;border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none;z-index:-1}.ambient-1{top:8%;right:-80px;background:#8b7cff}.ambient-2{bottom:4%;left:-70px;background:#45d4ff}.glass{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.container{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:28px 0 70px}.site-header{position:sticky;top:12px;z-index:30;width:min(1180px,calc(100% - 28px));margin:12px auto 0;padding:12px 16px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;letter-spacing:.07em;font-size:1.2rem}.brand span{color:var(--accent2)}.brand.small{font-size:1rem}.nav{display:flex;align-items:center;gap:18px}.nav a,.nav button{color:var(--muted);background:none;border:0;padding:8px 4px}.nav a:hover,.nav button:hover{color:var(--text)}.nav-cta{border:1px solid var(--line)!important;padding:8px 13px!important;border-radius:12px!important;background:rgba(255,255,255,.05)!important}.cart-link{display:flex;align-items:center;gap:6px}.cart-link span{min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(139,124,255,.2);color:#fff;font-size:.74rem}.inline{display:inline;margin:0}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:1.25rem}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;min-height:620px;padding:50px 0}.eyebrow{color:var(--accent2);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.hero h1,.page-head h1,.admin-head h1{font-size:clamp(2.3rem,6vw,5rem);line-height:1.15;margin:14px 0}.hero h1 span{background:linear-gradient(90deg,#fff,#91e7ff 60%,#9a8cff);-webkit-background-clip:text;color:transparent}.hero p,.page-head p{color:var(--muted);max-width:680px;font-size:1.04rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 18px;border-radius:14px;border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.035);transition:.22s ease;min-height:44px}.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.065)}.btn.primary{background:linear-gradient(135deg,#7c6cff,#45d4ff);border-color:transparent;color:#06070b;box-shadow:0 15px 36px rgba(69,212,255,.12)}.btn.ghost{background:rgba(255,255,255,.035)}.btn.full{width:100%}.btn.tiny{padding:5px 9px;min-height:32px;font-size:.78rem}.hero-card{position:relative;min-height:430px;border-radius:34px;padding:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.orb,.product-orb{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,rgba(139,124,255,.7) 10%,rgba(69,212,255,.2) 40%,transparent 70%);filter:blur(2px);top:12%;left:16%;animation:float 7s ease-in-out infinite}.hero-stat{position:relative;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(5,6,10,.45)}.hero-stat span{color:var(--muted)}.hero-stat strong{font-size:1.1rem}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-head h2{margin:7px 0 0;font-size:1.9rem}.section-head>a{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{padding:22px;border-radius:22px;display:flex;flex-direction:column;gap:4px;transition:.22s}.category-card:hover,.product-card:hover{transform:translateY(-5px)}.category-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(139,124,255,.12);margin-bottom:8px}.category-card span{color:var(--muted);font-size:.86rem}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{overflow:hidden;border-radius:24px;transition:.22s}.product-art{height:170px;position:relative;overflow:hidden;background:linear-gradient(135deg,#111524,#0c1018)}.product-art span{position:absolute;right:14px;bottom:12px;padding:5px 9px;border:1px solid var(--line);background:rgba(0,0,0,.3);border-radius:10px;font-size:.72rem;color:#dfe5f0}.product-body{padding:17px}.product-body h3{margin:0 0 5px;font-size:1.05rem}.product-body p{color:var(--muted);font-size:.85rem;min-height:54px}.price-row,.cart-summary,.summary-line,.summary-total,.order-top,.meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-row strong,.detail-price strong{font-size:1.1rem}.price-row del,.detail-price del{color:#747d8c;font-size:.8rem}.stock{color:var(--muted);font-size:.78rem;margin:10px 0}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}.feature-panel{padding:36px;border-radius:28px}.feature-panel h2{font-size:2.3rem;line-height:1.25}.feature-panel p{color:var(--muted)}.feature-list{display:grid;gap:12px}.feature-list .glass{border-radius:20px;padding:18px;display:flex;gap:14px;align-items:center}.feature-list b{color:var(--accent2)}.page-head{padding:55px 0 24px}.searchbar{display:grid;grid-template-columns:1fr 220px auto;gap:10px;padding:12px;border-radius:18px;margin-bottom:22px}.searchbar input,.searchbar select,.settings-form input,.settings-form textarea,.panel input,.panel select,.panel textarea,.checkout-form input,.checkout-form textarea,.auth-card input,.auth-card textarea,select,input,textarea{width:100%;background:rgba(0,0,0,.2);color:#fff;border:1px solid var(--line);outline:none;border-radius:12px;padding:11px 12px}.searchbar input:focus,input:focus,select:focus,textarea:focus{border-color:rgba(69,212,255,.45);box-shadow:0 0 0 3px rgba(69,212,255,.08)}label{display:grid;gap:7px;color:#dce2ec;font-size:.88rem;margin-bottom:12px}.product-detail{display:grid;grid-template-columns:.92fr 1.08fr;gap:26px;padding:45px 0}.detail-media{border-radius:28px;overflow:hidden;min-height:540px}.product-art.large{height:100%;min-height:540px}.detail-copy h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.2;margin:10px 0}.lead{font-size:1.08rem;color:var(--muted)}.detail-price{display:flex;align-items:center;gap:12px;margin:24px 0}.meta-row{justify-content:flex-start;flex-wrap:wrap}.meta-row span{padding:8px 11px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:.8rem}.detail-text{border-radius:20px;padding:18px;margin:20px 0;color:#d7dde7}.detail-text h3{margin-top:0}.buy-row{display:flex;gap:10px}.qty{width:92px!important;text-align:center}.qty.small{width:76px!important}.table-card{border-radius:24px;padding:10px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:680px}.table-wrap th,.table-wrap td{text-align:right;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap th{color:var(--muted);font-size:.8rem;font-weight:500}.icon-btn{border:0;background:none;color:var(--danger);font-size:1.2rem}.cart-summary{padding:15px;flex-wrap:wrap}.cart-summary strong{font-size:1.3rem}.checkout-grid,.dashboard-grid,.order-grid,.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkout-form,.summary-card,.panel,.order-card,.digital-box,.auth-card,.centered,.settings-form{border-radius:24px;padding:22px}.summary-card{height:max-content}.summary-line{padding:10px 0;color:var(--muted)}.summary-line b{color:#fff}.summary-card hr{border:0;border-top:1px solid var(--line)}.summary-total strong{font-size:1.5rem}.pay-note{padding:12px 14px;color:var(--muted);font-size:.8rem;border:1px dashed var(--line);border-radius:14px;margin-bottom:12px}.centered{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.order-top{padding-bottom:15px;border-bottom:1px solid var(--line)}.order-top span{color:var(--muted);font-size:.8rem}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:25px 0}.time-step{padding:12px;border-radius:14px;border:1px solid var(--line);color:#687180;min-height:84px}.time-step.active{border-color:rgba(69,212,255,.35);background:rgba(69,212,255,.06);color:#fff}.time-step b{display:block;font-size:.78rem}.time-step span{font-size:.7rem;color:var(--muted)}.secret-item{padding:13px;border:1px solid var(--line);border-radius:14px;margin-bottom:9px}.secret-item span{display:block;color:var(--muted);font-size:.75rem}.secret-item code{display:block;margin-top:5px;word-break:break-word;color:#fff}.auth-card{width:min(470px,100%);margin:50px auto}.auth-card h1{font-size:2.4rem;margin:10px 0}.auth-card p{color:var(--muted)}.auth-links{margin-top:14px;text-align:center;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stat{padding:18px;border-radius:19px}.stat span{display:block;color:var(--muted);font-size:.78rem}.stat strong{display:block;margin-top:6px;font-size:1.35rem}.nav-panel{display:grid;gap:10px}.nav-panel a{display:flex;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:14px}.ticket-row{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.ticket-row b,.ticket-row small{display:block}.ticket-row small{color:var(--muted)}.notification{padding:16px;border-radius:18px;margin-bottom:10px}.notification p{color:var(--muted)}.admin-head{padding:35px 0}.admin-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;border-radius:20px}.admin-nav a{padding:17px;border-radius:15px;background:rgba(255,255,255,.03);border:1px solid var(--line);transition:.2s}.admin-nav a:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}.admin-stack{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.settings-form hr{border:0;border-top:1px solid var(--line);margin:26px 0}.check{display:flex;align-items:center;gap:7px}.check input{width:auto}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{min-width:150px}.empty{padding:34px;text-align:center;border-radius:22px;color:var(--muted)}.toast{position:relative;margin-bottom:14px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.25)}.toast.success{border-color:rgba(102,227,164,.3)}.toast.error{border-color:rgba(255,112,122,.3)}.error-page{width:min(600px,calc(100% - 28px));margin:12vh auto;padding:50px;border-radius:28px;text-align:center}.error-page span{font-size:5rem;font-weight:800;background:linear-gradient(90deg,#fff,#45d4ff);-webkit-background-clip:text;color:transparent}.site-footer{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:35px 0 60px;display:grid;grid-template-columns:1fr auto auto;gap:30px;color:var(--muted);border-top:1px solid var(--line)}.site-footer div:nth-child(2){display:flex;gap:18px}
@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,-18px,0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(3,1fr)}.admin-nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.container{width:min(100% - 20px,680px)}.site-header{width:calc(100% - 20px)}.menu-toggle{display:block}.nav{position:absolute;top:64px;right:0;left:0;padding:12px;display:none;flex-direction:column;align-items:stretch;background:rgba(9,11,17,.94);border:1px solid var(--line);border-radius:18px}.nav.open{display:flex}.nav a,.nav button{text-align:right;padding:10px}.hero{grid-template-columns:1fr;min-height:auto;padding:50px 0 25px}.hero-card{min-height:330px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.split,.checkout-grid,.dashboard-grid,.order-grid,.admin-two,.product-detail{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}.searchbar{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-nav{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr}.site-footer div:nth-child(2){flex-wrap:wrap}.detail-media,.product-art.large{min-height:360px}.form-grid{grid-template-columns:1fr}}@media(max-width:420px){.container{width:calc(100% - 14px)}.site-header{width:calc(100% - 14px)}.category-grid,.product-grid,.stat-grid,.admin-nav{grid-template-columns:1fr}.hero h1{font-size:2.15rem}.hero-card{min-height:300px}.btn{width:100%}.actions{flex-direction:column}.buy-row{flex-direction:column}.qty{width:100%!important}.table-wrap table{min-width:560px}.page-head{padding-top:35px}.site-footer{width:calc(100% - 14px)}}

/* Refined controls and account/admin UX */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.field-help{display:block;color:var(--muted);font-size:.75rem;margin-top:-5px}
.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px}
.btn.danger{border-color:rgba(255,112,122,.25);color:#ffb5bb;background:rgba(255,112,122,.06)}
.btn.is-busy{pointer-events:none;opacity:.65}
.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:.76rem;color:#dfe6f2;white-space:nowrap}
.status-badge.active{border-color:rgba(102,227,164,.25);background:rgba(102,227,164,.06)}
.status-badge.disabled{border-color:rgba(255,112,122,.25);background:rgba(255,112,122,.06)}
.order-number{font-variant-numeric:tabular-nums;letter-spacing:.04em;direction:ltr;unicode-bidi:plaintext;display:inline-block}
.order-number.xl{font-size:1.35rem}
.table-wrap table small{display:block;color:var(--muted);font-size:.74rem;margin-top:2px}
.table-thumb{width:54px;height:42px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}
.image-placeholder{display:grid;place-items:center;width:54px;height:42px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}

/* Custom select: keeps native value for form submission, renders styled options */
.select-shell{position:relative;width:100%}
.select-shell .native-select-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;inset:auto!important}
.select-trigger{width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.2);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;transition:.2s ease}
.select-trigger:hover,.select-trigger:focus{border-color:rgba(69,212,255,.4);box-shadow:0 0 0 3px rgba(69,212,255,.06);outline:none}
.select-trigger b{color:var(--muted);font-size:.9rem}
.select-menu{position:absolute;z-index:80;top:calc(100% + 8px);right:0;left:0;display:none;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(12,15,22,.98);box-shadow:0 25px 60px rgba(0,0,0,.45);max-height:260px;overflow:auto}
.select-menu.is-open{display:grid;gap:3px;animation:selectIn .14s ease-out}
.select-option{width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#dfe5ef;padding:10px 11px;text-align:right;cursor:pointer;transition:.16s ease;font-size:.84rem}
.select-option:hover{background:rgba(69,212,255,.08);border-color:rgba(69,212,255,.15);color:#fff}
.select-option.selected{background:rgba(139,124,255,.12);border-color:rgba(139,124,255,.22);color:#fff}
select option{background:#111621;color:#f5f7fb}
@keyframes selectIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Product imagery */
.product-image{display:block;width:100%;height:170px;object-fit:cover;background:#101521}
.gallery-main{height:clamp(360px,55vw,540px);background:linear-gradient(135deg,#111521,#0b0f17);display:grid;place-items:center;overflow:hidden}
.gallery-main img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px}
.gallery-thumb{padding:0;overflow:hidden;border-radius:11px;border:1px solid var(--line);background:transparent;cursor:pointer;aspect-ratio:1}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72;transition:.18s ease}
.gallery-thumb:hover img,.gallery-thumb.selected img{opacity:1;transform:scale(1.03)}
.gallery-thumb.selected{border-color:rgba(69,212,255,.45)}
.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.gallery-item{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03);aspect-ratio:1}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-item span{position:absolute;bottom:6px;right:6px;padding:4px 7px;border-radius:8px;background:rgba(0,0,0,.62);font-size:.68rem}
.current-gallery{margin:8px 0 18px}
.empty.soft{background:rgba(255,255,255,.025)}

/* Customer account */
.account-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:44px 0 24px}
.account-head h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.2;margin:10px 0}
.profile-chip{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;min-width:250px;transition:.2s ease}
.profile-chip:hover{transform:translateY(-2px);border-color:rgba(69,212,255,.22)}
.profile-chip>span:nth-child(2){display:grid;gap:1px;flex:1}.profile-chip small{color:var(--muted);font-size:.71rem}.profile-chip>strong{color:var(--accent2)}
.profile-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(139,124,255,.3),rgba(69,212,255,.18));border:1px solid var(--line);font-weight:800}
.profile-avatar.large{width:60px;height:60px;font-size:1.2rem}
.account-stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}
.account-actions{padding:22px;border-radius:24px}
.account-actions .section-head{margin-bottom:8px}
.account-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.account-links a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title arrow" "meta arrow";gap:3px 10px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);transition:.2s ease}
.account-links a:hover{transform:translateY(-2px);border-color:rgba(69,212,255,.2);background:rgba(69,212,255,.04)}
.account-links b{grid-area:title}.account-links span{grid-area:meta;color:var(--muted);font-size:.76rem}.account-links strong{grid-area:arrow;align-self:center;color:var(--accent2)}
.profile-form{padding:22px;border-radius:24px}.profile-summary{display:flex;align-items:center;gap:13px;padding:15px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);margin-bottom:18px}.profile-summary div{display:grid}.profile-summary span{font-size:.78rem;color:var(--muted);direction:ltr;text-align:right}

/* Mobile refinements */
@media(max-width:780px){.account-head{align-items:stretch;flex-direction:column}.profile-chip{min-width:0}.account-stats{grid-template-columns:repeat(2,1fr)}.account-links{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:420px){.account-stats{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.profile-chip{width:100%}}
/* Final visual polish */
input[type="file"]{width:100%;padding:9px;border:1px dashed rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:var(--muted);border-radius:14px}input[type="file"]::file-selector-button{border:1px solid rgba(255,255,255,.13);background:rgba(139,124,255,.10);color:#fff;border-radius:10px;padding:8px 12px;margin-inline-end:10px;cursor:pointer;transition:.18s ease}input[type="file"]::file-selector-button:hover{background:rgba(69,212,255,.10);border-color:rgba(69,212,255,.24)}.select-shell{margin:0}.select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-menu::-webkit-scrollbar{width:7px}.select-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:99px}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-actions .btn{width:auto}.admin-nav a{min-height:54px;display:flex;align-items:center;justify-content:center;text-align:center}.profile-chip{align-self:flex-start}.table-wrap{border-radius:18px}.inline-form{flex-wrap:wrap}.inline-form .select-shell{min-width:150px;flex:1}.inline-form .select-trigger{min-height:38px}.inline-form .select-option{font-size:.8rem}.form-grid>label{min-width:0}@media(max-width:780px){.admin-nav{grid-template-columns:1fr}.admin-nav a{justify-content:flex-start}.page-actions .btn{width:100%}.profile-chip{align-self:stretch}.table-wrap table{min-width:720px}}@media(max-width:420px){.select-trigger{min-height:44px}.select-menu{max-height:220px}.account-head{padding-top:30px}.profile-form,.settings-form,.panel,.table-card{padding:15px}.gallery-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}

.upload-preview{display:block;width:160px;aspect-ratio:16/10;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03)}.upload-preview img{display:block;width:100%;height:100%;object-fit:cover}.upload-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:5px}.upload-preview-grid span{display:block;aspect-ratio:1;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.upload-preview-grid img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:420px){.upload-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.stock.soft{color:var(--muted)}.notice{padding:14px 16px;border-radius:16px;margin:12px 0;color:#dfe5ef}.notice.soft{background:rgba(255,255,255,.03)}.delivery-block{display:grid;gap:10px;margin-bottom:18px}.delivery-block pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.22);font:inherit;line-height:1.9}.manual-delivery{border-top:1px solid var(--line);padding-top:15px}.order-admin-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:18px;align-items:start}.admin-order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.admin-order-meta>div{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.admin-order-meta span,.admin-order-meta small{color:var(--muted);font-size:.76rem}.admin-order-meta b{font-size:.92rem}@media(max-width:780px){.order-admin-grid{grid-template-columns:1fr}.admin-order-meta{grid-template-columns:1fr 1fr}}@media(max-width:420px){.admin-order-meta{grid-template-columns:1fr}}

.pattern-text{max-width:360px;white-space:pre-wrap}.pattern-vars{padding:16px;margin:18px 0}.pattern-var-row{display:grid;grid-template-columns:1.4fr .6fr .8fr auto;gap:8px;align-items:center;margin-top:10px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn.danger{border-color:rgba(255,112,122,.25);color:#ff9aa1;background:rgba(255,112,122,.06)}.btn.danger:hover{background:rgba(255,112,122,.12)}.notice.danger{border:1px solid rgba(255,112,122,.25);padding:14px 16px;border-radius:16px;color:#ffb4ba;margin-bottom:16px}@media(max-width:700px){.pattern-var-row{grid-template-columns:1fr 1fr}.pattern-var-row select{grid-column:1}.pattern-var-row .btn{grid-column:2}.pattern-text{max-width:240px}}

.otp-resend-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.otp-resend-row form{margin:0;flex:0 0 auto}.otp-resend-row .btn{width:auto}.otp-timer{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:.8rem}.otp-timer b{color:#fff;margin-inline-start:4px}.change-phone-form{margin-top:12px;padding:14px;border-radius:18px;display:grid;gap:4px}.change-phone-form[hidden]{display:none}.account-config{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);margin:12px 0}.account-type-options{display:flex;gap:14px;flex-wrap:wrap}.account-type-options .check{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.account-type-options .check:has(input:checked){border-color:rgba(69,212,255,.25);background:rgba(69,212,255,.06)}.personal-fields-config{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.personal-fields-config[hidden]{display:none}.checkout-product-options{margin:12px 0;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.checkout-product-options h4{margin:0 0 10px}.checkout-product-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.checkout-product-fields[hidden]{display:none}.account-badges{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.account-badge{padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:.72rem;color:#dfe5ef}.account-badge.personal{border-color:rgba(69,212,255,.2);background:rgba(69,212,255,.05)}.account-badge.non-personal{border-color:rgba(139,124,255,.2);background:rgba(139,124,255,.06)}.customer-options-box{padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);margin-top:10px}.customer-options-box dt{color:var(--muted);font-size:.75rem}.customer-options-box dd{margin:2px 0 10px;white-space:pre-wrap;word-break:break-word}
@media(max-width:600px){.otp-resend-row{align-items:stretch;flex-direction:column}.otp-resend-row form,.otp-resend-row .btn,.otp-timer{width:100%}.personal-fields-config,.checkout-product-fields{grid-template-columns:1fr}}
.binding-attrs{display:grid;gap:8px;margin-top:8px}.binding-attr-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.binding-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line,#ffffff18);border-radius:16px}.binding-card label{display:grid;gap:7px}


/* Netdoor visual restoration + support center */
.page-noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.045) 0 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.ambient-3{top:42%;left:34%;width:260px;height:260px;background:#6e5ce7;opacity:.07}
.home-hero{position:relative;isolation:isolate}.hero-copy{position:relative;z-index:3}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;color:#b9c2d0;font-size:.82rem}.hero-points span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}.hero-points i{width:6px;height:6px;border-radius:50%;background:var(--accent2);box-shadow:0 0 16px rgba(69,212,255,.6)}
.hero-stage{position:relative;min-height:560px;display:grid;place-items:center;perspective:1200px}.hero-stage:before{content:"";position:absolute;inset:10% 8%;border-radius:44px;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 45%,rgba(69,212,255,.02));border:1px solid rgba(255,255,255,.05);transform:rotateX(7deg) rotateY(-7deg);box-shadow:inset 0 0 80px rgba(139,124,255,.04),0 40px 90px rgba(0,0,0,.28)}.hero-glow{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}.hero-glow-a{width:260px;height:260px;background:#8b7cff;top:16%;right:10%;opacity:.2}.hero-glow-b{width:220px;height:220px;background:#45d4ff;bottom:10%;left:9%;opacity:.14}.hero-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(139,124,255,.75) 11%,rgba(69,212,255,.2) 40%,transparent 72%);filter:blur(1px);animation:float 8s ease-in-out infinite}.hero-orb-a{width:290px;height:290px;top:14%;right:18%}.hero-orb-b{width:150px;height:150px;bottom:14%;left:18%;animation-delay:-2.5s;opacity:.75}.hero-ring{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:inset 0 0 40px rgba(139,124,255,.05);animation:spinSlow 18s linear infinite}.ring-a{width:370px;height:370px;transform:rotateX(62deg) rotateZ(15deg)}.ring-b{width:270px;height:270px;transform:rotateX(62deg) rotateZ(-30deg);animation-duration:24s;animation-direction:reverse}.hero-card{position:relative;z-index:2;width:min(430px,86%);min-height:420px;padding:22px;border-radius:34px;transform:rotateY(-7deg) rotateX(5deg);animation:cardFloat 8s ease-in-out infinite;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 28%,transparent 70%,rgba(69,212,255,.1));border-radius:inherit;pointer-events:none}.hero-card-top{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.68rem;letter-spacing:.06em}.hero-card-top strong{margin-inline-start:auto;color:#fff}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px rgba(102,227,164,.8)}.hero-core{height:235px;display:grid;place-items:center;position:relative}.hero-core:before,.hero-core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.hero-core:before{width:210px;height:210px}.hero-core:after{width:145px;height:145px;border-color:rgba(69,212,255,.13)}.core-inner{width:104px;height:104px;border-radius:30px;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 0 30px rgba(139,124,255,.06);transform:translateZ(35px) rotate(-4deg)}.core-inner span{font-size:.65rem;letter-spacing:.18em;color:var(--muted)}.core-inner b{font-size:1.1rem;color:#fff}.hero-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-mini{padding:13px;border-radius:15px;background:rgba(4,6,11,.42);border:1px solid var(--line);min-width:0}.hero-mini span{display:block;color:var(--muted);font-size:.68rem}.hero-mini b{display:block;margin-top:4px;font-size:.78rem;white-space:nowrap}.floating-chip{position:absolute;z-index:4;padding:10px 12px;border-radius:13px;background:rgba(10,12,18,.8);border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 16px 36px rgba(0,0,0,.25);font-size:.72rem;color:#cbd3df;animation:chipFloat 6s ease-in-out infinite}.floating-chip b{color:#fff}.chip-a{top:17%;left:0;animation-delay:-1.2s}.chip-b{bottom:16%;right:3%;animation-delay:-3s}
.home-features{padding-top:30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{padding:22px;border-radius:22px;display:flex;gap:15px;align-items:flex-start;min-height:150px;transition:.25s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(69,212,255,.16)}.feature-icon{width:44px;height:44px;flex:0 0 44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(139,124,255,.18),rgba(69,212,255,.08));border:1px solid var(--line);font-size:.72rem;color:#fff}.feature-card h3{margin:0 0 6px}.feature-card p{margin:0;color:var(--muted);font-size:.84rem}.section-kicker{color:var(--muted);font-size:.82rem}.home-category-grid{grid-template-columns:repeat(4,1fr)}.home-category-grid .category-card{position:relative;overflow:hidden}.home-category-grid .category-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(69,212,255,.045);left:-40px;bottom:-50px;filter:blur(8px)}.product-media{position:relative}.product-image{display:block;width:100%;height:190px;object-fit:cover}.delivery-pill{position:absolute;top:12px;right:12px;padding:5px 9px;border-radius:999px;background:rgba(7,9,14,.76);border:1px solid var(--line);font-size:.68rem}.delivery-pill.automatic{border-color:rgba(69,212,255,.18);color:#d8f6ff}.delivery-pill.manual{border-color:rgba(139,124,255,.18);color:#ebe7ff}.product-category{display:block;font-size:.66rem}.home-process{padding-top:35px}.process-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.process-steps div{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02)}.process-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(69,212,255,.07);color:var(--accent2);font-size:.75rem}.process-steps span{font-size:.8rem;color:#dbe2ec}.visual-panel{position:relative;min-height:360px;overflow:hidden}.panel-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(58deg) scale(1.3);transform-origin:center bottom;opacity:.55}.panel-orb{position:absolute;width:230px;height:230px;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#fff,rgba(139,124,255,.7) 10%,rgba(69,212,255,.14) 40%,transparent 72%);filter:blur(1px);animation:float 7s ease-in-out infinite}.visual-note{position:absolute;left:20px;bottom:20px;display:grid;gap:4px;padding:13px 15px;border-radius:16px;background:rgba(5,6,10,.55);border:1px solid var(--line);backdrop-filter:blur(12px)}.visual-note span{color:var(--muted);font-size:.66rem;letter-spacing:.08em}.visual-note strong{font-size:.9rem}
.ticket-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-radius:18px;margin-bottom:14px}.ticket-toolbar>div:first-child{display:flex;align-items:baseline;gap:5px}.ticket-toolbar-note{color:var(--muted);font-size:.78rem}.table-link{display:grid;gap:2px}.table-link small,.tickets-table td small{display:block;color:var(--muted);font-size:.72rem}.priority-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid var(--line);font-size:.72rem}.priority-high,.priority-urgent{border-color:rgba(255,112,122,.24);background:rgba(255,112,122,.05)}.priority-low{background:rgba(255,255,255,.025)}.ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.ticket-thread{padding:0;border-radius:26px;overflow:hidden}.ticket-thread-head{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.ticket-thread-head div{display:grid;gap:2px}.ticket-thread-head span{color:var(--muted);font-size:.75rem}.ticket-messages{padding:20px;display:grid;gap:14px;max-height:560px;overflow:auto}.ticket-message{display:flex;flex-direction:column;gap:6px;max-width:78%}.ticket-message.from-user{justify-self:start;align-items:flex-start}.ticket-message.from-admin{justify-self:end;align-items:flex-end}.ticket-message-meta{display:flex;align-items:center;gap:10px;color:#dfe6ef;font-size:.76rem}.ticket-message-meta small{color:var(--muted);font-size:.65rem}.ticket-message-bubble{padding:13px 15px;border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.025);white-space:pre-wrap;word-break:break-word;line-height:1.9}.from-admin .ticket-message-bubble{background:linear-gradient(135deg,rgba(139,124,255,.11),rgba(69,212,255,.045));border-color:rgba(139,124,255,.2)}.ticket-reply{padding:18px 20px;border-top:1px solid var(--line);background:rgba(0,0,0,.14)}.ticket-reply textarea{resize:vertical;min-height:130px}.ticket-side{display:grid;gap:18px}.ticket-meta-card{display:grid;gap:0}.ticket-meta-card>div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--line)}.ticket-meta-card>div:last-child{border-bottom:0}.ticket-meta-card span{color:var(--muted);font-size:.7rem}.ticket-meta-card b{font-size:.82rem}.customer-ticket-detail{grid-template-columns:minmax(0,1fr) 280px}
@keyframes cardFloat{0%,100%{transform:rotateY(-7deg) rotateX(5deg) translate3d(0,0,0)}50%{transform:rotateY(-4deg) rotateX(7deg) translate3d(0,-10px,0)}}@keyframes chipFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}@keyframes spinSlow{from{transform:rotateX(62deg) rotateZ(0)}to{transform:rotateX(62deg) rotateZ(360deg)}}
@media(max-width:980px){.hero-stage{min-height:470px}.feature-grid{grid-template-columns:1fr}.home-category-grid{grid-template-columns:repeat(2,1fr)}.ticket-detail-grid{grid-template-columns:1fr}.ticket-side{grid-template-columns:1fr 1fr}.customer-ticket-detail{grid-template-columns:1fr}.hero-card{transform:none}.hero-ring{opacity:.8}}
@media(max-width:780px){.hero-points{gap:7px}.hero-points span{font-size:.74rem}.hero-stage{min-height:400px}.hero-stage:before{inset:7% 0}.hero-orb-a{width:230px;height:230px}.ring-a{width:300px;height:300px}.ring-b{width:220px;height:220px}.floating-chip{font-size:.65rem}.chip-a{left:2%}.chip-b{right:1%}.home-category-grid{grid-template-columns:repeat(2,1fr)}.ticket-toolbar{align-items:flex-start;flex-direction:column}.ticket-messages{max-height:unset}.ticket-message{max-width:92%}.ticket-side{grid-template-columns:1fr}}
@media(max-width:520px){.hero-stage{min-height:350px}.hero-card{width:92%;min-height:360px;padding:16px}.hero-core{height:190px}.hero-core:before{width:165px;height:165px}.hero-core:after{width:115px;height:115px}.hero-mini-grid{grid-template-columns:1fr}.hero-mini{padding:10px}.floating-chip{display:none}.feature-card{min-height:auto}.process-steps{grid-template-columns:1fr}.home-category-grid{grid-template-columns:1fr}.ticket-message-meta{flex-wrap:wrap}.ticket-head{gap:12px}.ticket-head .page-actions,.ticket-head .page-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-card,.hero-orb,.hero-ring,.floating-chip,.panel-orb{animation:none!important}}

.home-contact{padding-top:20px}.contact-panel{padding:24px 26px;border-radius:26px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.contact-panel h2{margin:7px 0;font-size:clamp(1.6rem,3vw,2.35rem)}.contact-panel p{margin:0;color:var(--muted);font-size:.88rem}.contact-items{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-items>a,.contact-items>div{display:grid;gap:2px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.contact-items span{color:var(--muted);font-size:.68rem}.contact-items b{font-size:.82rem;overflow-wrap:anywhere}
.footer-main,.footer-links,.footer-contact{display:grid;align-content:start;gap:5px}.footer-main p{margin:3px 0;color:var(--muted);max-width:360px}.footer-meta{font-size:.72rem;color:#70798a;max-width:340px}.footer-links strong,.footer-contact strong{color:#e5ebf4;font-size:.78rem;margin-bottom:2px}.footer-links a,.footer-contact a{font-size:.78rem;color:var(--muted)}.social-row{display:flex;gap:9px;margin-top:3px}.social-row a{padding:5px 8px;border:1px solid var(--line);border-radius:9px}.footer-bottom{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:17px;margin-top:12px;font-size:.72rem;color:#697383}.ticket-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.ticket-row strong{color:var(--accent2);font-size:1rem}.tickets-table td{min-width:110px}.ticket-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.ticket-head .page-actions{flex:0 0 auto}
@media(max-width:780px){.contact-panel{grid-template-columns:1fr}.contact-items{grid-template-columns:1fr}.ticket-row{grid-template-columns:minmax(0,1fr) auto auto}.footer-bottom{grid-column:auto}}

.ticket-status-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ticket-status-inline .ui-select{min-width:155px}.ui-select.compact{min-height:38px;padding-block:7px}.ticket-file-field{display:grid;gap:7px;margin-top:10px}.ticket-file-hint{display:block;color:var(--muted);font-size:.72rem;margin-top:6px}.ticket-image-link{display:block;margin-top:10px;max-width:min(420px,100%)}.ticket-image-link img{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.18)}
@media(max-width:700px){.ticket-status-inline{width:100%;align-items:stretch}.ticket-status-inline .ui-select,.ticket-status-inline .btn{flex:1;width:auto}.ticket-file-field input[type=file]{width:100%}}


/* Today: filters, category media, product layout, settings and stable native ticket status */
.filter-bar{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px;align-items:end;padding:14px;margin-bottom:18px}.filter-bar label{margin:0}.filter-actions{display:flex;gap:8px;align-items:end}.filter-actions .btn{white-space:nowrap}.styled-select{appearance:auto!important;-webkit-appearance:auto!important;width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#111621;color:#fff;outline:none}.styled-select.compact{min-height:38px;padding-block:7px;min-width:160px}.ticket-status-inline{gap:9px}.ticket-status-inline .styled-select{flex:0 0 180px}.category-icon{overflow:hidden}.category-icon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.category-thumb{width:58px;height:48px}.category-current-image{width:180px;aspect-ratio:16/10;border-radius:16px;border:1px solid var(--line);overflow:hidden;margin:6px 0 12px}.category-current-image img{width:100%;height:100%;object-fit:cover;display:block}.settings-image-preview{display:block;width:92px;height:92px;border-radius:16px;object-fit:cover;border:1px solid var(--line);margin-top:7px}.settings-favicon-preview{display:block;width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid var(--line);margin-top:7px}.settings-about-preview{display:block;width:min(360px,100%);aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:1px solid var(--line);margin-top:7px}.brand{display:inline-flex;align-items:center;gap:8px}.brand-icon{width:27px;height:27px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(69,212,255,.08)}.brand-icon.small{width:22px;height:22px;border-radius:6px}.brand>span,.brand.small>span{display:inline-block}.product-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.product-tags span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:#dfe6ef;font-size:.72rem}.compact-tags{margin:7px 0}.compact-tags span{font-size:.65rem;padding:4px 8px}.product-card .product-image{height:220px}.product-art{height:220px}.product-body{padding:15px}.product-body p{min-height:46px;margin:4px 0 8px;font-size:.82rem}.product-detail{grid-template-columns:.86fr 1.14fr;grid-template-areas:"media copy" "description description";align-items:start}.product-detail .detail-media{grid-area:media}.product-detail .detail-copy{grid-area:copy}.detail-copy .detail-text{display:none}.detail-description-full{grid-area:description;padding:25px;border-radius:25px;margin-top:0;line-height:2}.detail-description-full h2{margin:0 0 12px}.description-guarantee{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:#dfe6ef}.order-visual-card{position:absolute;inset:46px 34px auto 34px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(7,9,14,.62);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.25);z-index:2}.order-visual-top,.order-visual-status,.order-visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-visual-top span{color:var(--accent2);font-size:.65rem;letter-spacing:.12em}.order-visual-top b{font-size:.72rem;color:#dfe6ef}.order-visual-top i{font-style:normal;direction:ltr}.order-visual-status{margin:18px 0 14px;align-items:end}.order-visual-status strong{font-size:1.05rem}.order-visual-status span{font-size:.72rem;color:var(--muted)}.order-visual-line{display:flex;align-items:center;gap:6px}.order-visual-line span{height:6px;flex:1;border-radius:99px;background:rgba(255,255,255,.07)}.order-visual-line span.done{background:rgba(102,227,164,.7)}.order-visual-line span.active{background:linear-gradient(90deg,#7c6cff,#45d4ff)}.order-visual-bottom{margin-top:15px}.order-visual-bottom small{color:var(--muted);font-size:.66rem}.order-visual-bottom b{font-size:.7rem;color:#fff}.pattern-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.pattern-summary-card{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.pattern-summary-card>span{font-size:.78rem;color:#dfe6ef}.pattern-summary-card code{color:var(--accent2);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-summary-card a[aria-disabled="true"]{opacity:.45;pointer-events:none}.about-page{padding:45px 0 70px}.about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:34px;border-radius:30px;min-height:460px}.about-hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.2;margin:10px 0 18px}.about-hero p{color:var(--muted);max-width:760px;white-space:pre-wrap}.about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.about-image{min-height:340px;border-radius:24px;overflow:hidden;border:1px solid var(--line)}.about-image img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}.about-emblem{min-height:340px;border-radius:24px;border:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle at center,rgba(69,212,255,.14),rgba(139,124,255,.05) 40%,transparent 70%)}.about-emblem img{width:120px;height:120px;border-radius:30px;object-fit:cover;border:1px solid var(--line);box-shadow:0 30px 80px rgba(69,212,255,.12)}.about-emblem span{width:120px;height:120px;display:grid;place-items:center;border-radius:30px;background:linear-gradient(135deg,#7c6cff,#45d4ff);color:#071018;font-size:3rem;font-weight:800}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.about-points article{padding:22px;border-radius:22px;display:grid;gap:6px}.about-points span{color:var(--muted);font-size:.82rem}
.select-menu{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-3px)}.select-menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
@media(max-width:980px){.filter-bar{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.pattern-summary-grid{grid-template-columns:repeat(2,1fr)}.about-hero{grid-template-columns:1fr}.about-points{grid-template-columns:1fr}}@media(max-width:780px){.product-detail{grid-template-columns:1fr;grid-template-areas:"media" "copy" "description"}.product-detail .detail-media{min-height:0}.detail-description-full{margin-top:0}.ticket-status-inline .styled-select{flex:1}.order-visual-card{inset:34px 20px auto}.pattern-summary-grid{grid-template-columns:1fr}.about-hero{padding:22px}.about-image,.about-image img,.about-emblem{min-height:260px}}@media(max-width:560px){.filter-bar{grid-template-columns:1fr}.filter-actions{grid-column:auto}.filter-actions .btn{flex:1}.product-card .product-image,.product-art{height:205px}.about-actions .btn{width:100%}}

.keyword-editor{display:grid;gap:8px}.keyword-input{width:100%;background:rgba(0,0,0,.2);color:#fff;border:1px solid var(--line);outline:none;border-radius:12px;padding:11px 12px}.keyword-chips{display:flex;gap:7px;flex-wrap:wrap}.keyword-chip{border:1px solid rgba(69,212,255,.18);background:rgba(69,212,255,.05);color:#eafaff;padding:6px 9px;border-radius:999px;font-size:.72rem;display:inline-flex;align-items:center;gap:5px}.keyword-chip b{font-weight:700;color:var(--accent2)}

.hero-site-icon{width:86px;height:86px;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 60px rgba(69,212,255,.14)}.hero-site-letter{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#7c6cff,#45d4ff);color:#071018;font-size:2.8rem;font-weight:800}

/* Batch 2 polish */
.toggle-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.toggle-card span{display:grid;gap:4px}.toggle-card small{color:var(--muted)}
.toggle-card input{width:22px;height:22px;accent-color:#45d4ff;flex:0 0 auto}
.inventory-payload{display:block;max-width:360px;white-space:pre-wrap;word-break:break-word;line-height:1.8;color:#dfe6ef}
.media-manage{display:grid;gap:8px}.media-manage form{margin:0}.existing-main-preview{display:grid;gap:7px;margin-bottom:10px}.existing-main-preview span{color:var(--muted);font-size:.75rem}.existing-main-preview img{width:min(360px,100%);aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:18px}
@media(max-width:780px){.toggle-card{align-items:flex-start}.inventory-payload{max-width:220px}}

/* Batch polish: checkout validation, media framing, responsive storefront */
.account-fields-note{grid-column:1/-1;color:var(--muted);font-size:.8rem}
.home-category-grid .category-icon{width:100%;height:auto;aspect-ratio:16/9;border-radius:18px;margin:0 0 12px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.home-category-grid .category-card{padding:16px}
.detail-copy .buy-row{margin-top:18px;margin-bottom:4px}
.upload-preview{display:block;width:180px;aspect-ratio:16/10;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.03);margin-top:8px}
.upload-preview img{width:100%;height:100%;object-fit:contain;display:block;background:rgba(0,0,0,.18)}
.upload-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.upload-preview-grid>span{display:block;aspect-ratio:16/10;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.03)}
.upload-preview-grid img{width:100%;height:100%;object-fit:cover;display:block}
.media-upload-card{margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.product-card .product-media{min-height:250px}
.product-card .product-media .product-image,.product-card .product-media .product-art{height:250px}
.product-card .product-body{padding:14px 15px 16px}
.product-card .product-body h3{margin-bottom:3px}
.product-card .product-body p{min-height:42px;margin:2px 0 8px}
.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
.row-actions .inline-form{display:inline-flex;margin:0}
.row-actions .btn{white-space:nowrap}
.admin-table-actions{white-space:nowrap}
.searchbar,.filter-bar{border-radius:22px!important;overflow:hidden}
.settings-image-preview{width:88px;height:88px;object-fit:contain;background:rgba(255,255,255,.03);padding:8px}
.settings-favicon-preview{width:56px;height:56px;object-fit:contain;background:rgba(255,255,255,.03);padding:6px}
.settings-about-preview{width:min(280px,100%);height:170px;aspect-ratio:auto;object-fit:contain;background:rgba(255,255,255,.03);padding:8px}
.existing-main-preview{width:min(280px,100%);padding:12px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);display:grid;gap:8px;margin:10px 0}
.existing-main-preview img{width:100%;height:160px;object-fit:contain;border-radius:14px;background:rgba(0,0,0,.18)}
.category-current-image{width:min(280px,100%);height:150px;aspect-ratio:auto;background:rgba(255,255,255,.03)}
.category-current-image img{object-fit:contain;background:rgba(0,0,0,.18)}
@media(max-width:700px){.upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row-actions{flex-wrap:wrap}.product-card .product-media,.product-card .product-media .product-image,.product-card .product-media .product-art{min-height:220px;height:220px}}

.pattern-binding-panel{margin-top:18px;border-radius:22px}

/* Mobile-first accessibility and interaction layer */
html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
img,video,iframe{max-inline-size:100%;block-size:auto}
button,.btn,a.nav-cta,input,select,textarea{touch-action:manipulation}

@media (pointer:coarse){
  .btn,.nav a,.nav button,.menu-toggle,.select-trigger,.select-option,.icon-btn,.gallery-thumb,.qty{min-height:48px}
  input,select,textarea{min-height:48px;font-size:16px}
  .btn.tiny{min-height:44px}
}

/* Keep mobile cards readable and prevent accidental horizontal overflow. */
@media (max-width:780px){
  .container{width:min(100% - 24px,720px);padding-top:20px;padding-bottom:54px}
  .site-header{width:calc(100% - 24px);top:8px;margin-top:8px;padding:10px 12px;border-radius:18px;min-height:58px}
  .brand{font-size:1.05rem;min-width:0}
  .brand>span{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .brand-icon{width:30px;height:30px;flex:0 0 30px}
  .menu-toggle{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.035)}
  .nav{top:66px;right:0;left:0;padding:10px;gap:4px;border-radius:18px;background:rgba(9,11,17,.97);box-shadow:0 20px 55px rgba(0,0,0,.45);max-height:calc(100vh - 90px);overflow:auto}
  .nav a,.nav button{padding:12px 13px;min-height:48px;border-radius:11px}
  .nav a:hover,.nav button:hover{background:rgba(255,255,255,.04)}

  .page-head{padding:34px 0 18px}
  .page-head h1,.admin-head h1{font-size:clamp(1.8rem,8vw,2.6rem);line-height:1.22}
  .page-head p,.hero p{font-size:.96rem;line-height:1.9}
  .section{padding:42px 0}
  .section-head{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:16px}
  .section-head h2{font-size:1.45rem}

  .hero{padding:30px 0 18px;gap:20px}
  .hero h1{font-size:clamp(2rem,10vw,3.15rem);line-height:1.14}
  .hero-card{min-height:360px;border-radius:26px;padding:18px}
  .hero-stage{width:100%;max-width:100%;overflow:hidden}
  .hero-core{max-width:85vw;margin:auto}
  .hero-mini-grid{gap:8px}
  .floating-chip{display:none}

  .home-category-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home-category-grid .category-card,.category-card{padding:12px;border-radius:18px;min-width:0}
  .home-category-grid .category-icon{aspect-ratio:16/10;border-radius:14px;margin-bottom:9px}
  .category-card h3{font-size:.96rem;line-height:1.45}
  .category-card span{font-size:.75rem}

  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card{border-radius:19px;min-width:0}
  .product-card .product-media,.product-card .product-media .product-image,.product-card .product-media .product-art{height:190px;min-height:190px}
  .product-card .product-body{padding:12px}
  .product-card .product-body h3{font-size:.92rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .product-card .product-body p{font-size:.75rem;line-height:1.65;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .product-card .price-row{align-items:flex-start;flex-direction:column;gap:4px}
  .product-card .price-row .btn{width:100%}
  .product-card .stock{margin:7px 0;font-size:.72rem}

  /* Product detail: purchase is kept close to title/price; long description gets its own full-width block. */
  .product-detail{padding:28px 0 46px;gap:14px;grid-template-areas:"media" "copy" "description"}
  .detail-media{border-radius:22px;overflow:hidden}
  .gallery-main{height:min(78vw,430px);min-height:280px}
  .gallery-strip{gap:6px;padding:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .gallery-thumb{border-radius:10px}
  .detail-copy h1{font-size:clamp(1.65rem,8vw,2.35rem);line-height:1.25;margin:6px 0 8px}
  .lead{font-size:.9rem;line-height:1.85}
  .detail-price{margin:16px 0}
  .detail-price strong{font-size:1.35rem}
  .meta-row{gap:6px}
  .meta-row span{font-size:.7rem;padding:7px 9px}
  .buy-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;margin-top:14px}
  .buy-row .qty{width:100%!important;text-align:center}
  .buy-row .btn{width:100%}
  .detail-description-full{padding:18px;border-radius:20px;line-height:1.95}
  .detail-description-full h2{font-size:1.15rem}

  /* Checkout is one-column, with the summary visible before the final action on narrow devices. */
  .checkout-grid{display:grid;grid-template-columns:1fr;gap:12px}
  .checkout-form,.summary-card,.panel,.order-card,.digital-box,.auth-card,.settings-form,.table-card{border-radius:20px;padding:16px}
  .summary-card{order:1}
  .checkout-form{order:2}
  .summary-line{align-items:flex-start;padding:9px 0;font-size:.82rem}
  .summary-line span{max-width:65%;line-height:1.65}
  .summary-total strong{font-size:1.35rem}
  .checkout-product-options{padding:14px;border-radius:16px}
  .checkout-product-fields{gap:8px}
  .checkout-product-fields label{margin:0}
  .checkout-form>.btn{margin-top:4px}

  /* Filters and admin forms stack cleanly. */
  .filter-bar{grid-template-columns:1fr!important;gap:10px;padding:12px;border-radius:18px!important}
  .filter-actions{grid-column:auto!important;display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .filter-actions .btn{width:100%;min-width:0}
  .form-grid{grid-template-columns:1fr!important;gap:8px}
  .settings-form label,.checkout-form label,.panel label{gap:6px;margin-bottom:10px}

  .admin-head{padding:24px 0 16px}
  .admin-stack{gap:11px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .stat{padding:13px;border-radius:16px;min-width:0}
  .stat span{font-size:.7rem}
  .stat strong{font-size:1.1rem;line-height:1.4}
  .page-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .page-actions .btn{width:100%;min-width:0}

  /* Data tables stay horizontally scrollable inside their card instead of breaking the page width. */
  .table-card{overflow:hidden}
  .table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
  .table-wrap table{min-width:720px}
  .table-wrap th,.table-wrap td{padding:11px 10px;font-size:.76rem}
  .table-wrap th{font-size:.69rem}
  .row-actions{gap:5px}
  .row-actions .btn{min-height:42px;padding:7px 9px;font-size:.72rem}
  .inline-form{min-width:0}
  .inline-form .select-shell{min-width:130px}
  .table-thumb{width:50px;height:40px}

  /* Ticket, order and support screens. */
  .ticket-detail-grid,.customer-ticket-detail,.order-admin-grid,.dashboard-grid,.order-grid,.admin-two{grid-template-columns:1fr}
  .ticket-head{align-items:flex-start;flex-direction:column;gap:10px}
  .ticket-head .page-actions{width:100%}
  .ticket-toolbar{width:100%;padding:12px;border-radius:16px;gap:8px}
  .ticket-status-inline{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .ticket-status-inline .styled-select,.ticket-status-inline .btn{width:100%;min-height:48px}
  .ticket-messages{padding:11px;border-radius:17px}
  .ticket-message{max-width:94%;padding:10px}
  .ticket-message-bubble{font-size:.83rem;line-height:1.85;overflow-wrap:anywhere}
  .ticket-message-meta{gap:6px;font-size:.67rem}
  .ticket-reply textarea{min-height:110px}
  .ticket-file-field input[type=file]{min-height:52px}
  .ticket-image-link{max-width:100%}
  .ticket-image-link img{max-height:260px}

  .order-top{align-items:flex-start;flex-direction:column}
  .timeline{grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}
  .time-step{min-height:72px;padding:10px}
  .admin-order-meta{grid-template-columns:1fr 1fr;gap:8px}
  .order-visual-card{inset:28px 12px auto}

  /* Account pages */
  .account-head{padding:30px 0 18px;gap:12px}
  .profile-chip{width:100%;min-width:0}
  .account-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .account-actions{padding:16px;border-radius:20px}
  .account-links{grid-template-columns:1fr;gap:8px}
  .account-links a{padding:14px}

  /* About/footer */
  .about-page{padding:28px 0 52px}
  .about-hero{padding:18px;border-radius:22px}
  .about-image,.about-emblem,.about-image img{min-height:220px}
  .about-emblem img,.about-emblem span{width:86px;height:86px;border-radius:22px}
  .about-points article{padding:16px;border-radius:18px}
  .site-footer{width:calc(100% - 24px);padding:28px 0 44px;grid-template-columns:1fr;gap:22px}
  .site-footer div:nth-child(2){display:grid;gap:8px}
  .social-row{gap:7px}
  .social-row a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px}

  .settings-image-preview,.settings-favicon-preview,.settings-about-preview{max-width:100%;object-fit:contain}
  .settings-image-preview{width:82px;height:82px}
  .settings-favicon-preview{width:48px;height:48px}
  .settings-about-preview{width:220px;height:124px}
  .existing-main-preview{width:100%;padding:10px}
  .existing-main-preview img{height:150px}
  .category-current-image{width:220px;height:124px}
  .upload-preview{width:100%;max-width:260px}
  .upload-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
}

@media (max-width:520px){
  .container{width:calc(100% - 18px)}
  .site-header{width:calc(100% - 18px)}
  .hero-card{min-height:325px}
  .product-grid,.category-grid{grid-template-columns:1fr 1fr}
  .product-card .product-media,.product-card .product-media .product-image,.product-card .product-media .product-art{height:170px;min-height:170px}
  .product-card .product-body{padding:10px}
  .buy-row{grid-template-columns:82px minmax(0,1fr)}
  .page-actions{grid-template-columns:1fr}
  .admin-nav{grid-template-columns:1fr 1fr}
  .stat-grid,.account-stats{grid-template-columns:1fr 1fr}
  .pattern-summary-grid{grid-template-columns:1fr}
  .pattern-var-row{grid-template-columns:1fr}
  .pattern-var-row select,.pattern-var-row .btn{grid-column:auto}
}

@media (max-width:380px){
  .container{width:calc(100% - 14px)}
  .site-header{width:calc(100% - 14px)}
  .brand>span{max-width:34vw}
  .home-category-grid,.product-grid,.category-grid{gap:8px}
  .product-card .product-media,.product-card .product-media .product-image,.product-card .product-media .product-art{height:155px;min-height:155px}
  .product-card .product-body h3{font-size:.86rem}
  .product-card .product-body p{font-size:.71rem}
  .admin-nav a{font-size:.74rem;padding-inline:6px}
  .stat{padding:11px}
  .stat strong{font-size:1rem}
  .gallery-main{min-height:250px}
  .otp-resend-row{gap:8px}
}

/* Netdoor interaction + mobile hardening */
.select-shell{position:relative;z-index:5;min-width:0}
.select-shell:has(.select-menu.is-open){z-index:10000}
.select-menu{z-index:10001;max-width:min(320px,calc(100vw - 24px));overflow:auto;max-height:min(360px,50vh)}
.searchbar,.filter-bar{overflow:visible!important;position:relative;z-index:20}
.searchbar:has(.select-menu.is-open),.filter-bar:has(.select-menu.is-open){z-index:1000}
.table-card{position:relative;z-index:1}
input,select,textarea{font-size:16px;line-height:1.5}
.btn,.nav a,.nav button,.select-trigger,.select-option,.icon-btn,.gallery-thumb{min-height:44px}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 4px;padding:10px 2px;flex-wrap:wrap}
.pagination-meta{font-size:.75rem;color:var(--muted)}
.pagination-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pagination-link{min-width:42px;height:42px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#dfe6ef}
.pagination-link:hover,.pagination-link.is-active{border-color:rgba(69,212,255,.35);background:rgba(69,212,255,.08);color:#fff}
.pagination-link.is-active{font-weight:800}
.pagination-ellipsis{color:var(--muted);padding:0 2px}
.cart-coupon-box{display:grid;grid-template-columns:1fr minmax(320px,440px);gap:16px;align-items:center;margin:14px 4px 0;padding:18px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.cart-coupon-box h3{margin:3px 0;font-size:1rem}
.cart-coupon-box p{margin:0;color:var(--muted);font-size:.78rem}
.coupon-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0}
.coupon-form-row input{min-width:0}
.cart-pricing{display:grid;gap:8px;margin:12px 4px 0;padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(0,0,0,.14)}
.cart-pricing>div{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:.85rem}
.cart-pricing .discount-line{color:#a8f0cc}.cart-pricing .discount-line strong{color:var(--ok)}
.cart-pricing .cart-total{margin-top:5px;padding-top:12px;border-top:1px solid var(--line);color:#fff}.cart-pricing .cart-total strong{font-size:1.35rem}
.cart-actions{display:flex;gap:8px;flex-wrap:wrap}
.cart-applied{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-radius:18px;margin-top:10px}.cart-applied>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cart-applied>div>span:last-child{color:var(--muted);font-size:.8rem}
.summary-helper{display:block;color:var(--muted);font-size:.72rem;line-height:1.8;margin-top:10px}
.category-media-card{display:grid;gap:10px}.media-upload-head{display:flex;justify-content:space-between;gap:10px}.media-upload-head small{display:block;color:var(--muted);font-size:.72rem}.category-upload-preview{width:min(100%,420px);aspect-ratio:16/9;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:rgba(0,0,0,.16);display:block}.category-upload-preview img{width:100%;height:100%;object-fit:contain;display:block}.media-upload-input{margin:0}
.customer-detail-layout .section-head.compact{margin:0 0 12px}.customer-order-list{display:grid;gap:8px}.customer-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.customer-order-row small{display:block;color:var(--muted);font-size:.68rem}.customer-order-row:hover{border-color:rgba(69,212,255,.28);background:rgba(69,212,255,.05)}
/* Keep the animated order card and its secondary note inside their mobile stage. */
.visual-panel{min-width:0;isolation:isolate}.order-visual-card,.visual-note{max-width:calc(100% - 40px);box-sizing:border-box}.order-visual-top b,.order-visual-bottom small,.order-visual-bottom b{overflow-wrap:anywhere}
@media(max-width:780px){
  .cart-coupon-box{grid-template-columns:1fr;gap:12px}
  .coupon-form-row{grid-template-columns:1fr}.coupon-form-row .btn{width:100%}
  .cart-applied{align-items:stretch;flex-direction:column}.cart-applied form,.cart-applied .btn{width:100%}
  .pagination{align-items:flex-start}.pagination-meta{width:100%}.pagination-links{width:100%;justify-content:center}
  .customer-order-row{grid-template-columns:1fr}.customer-order-row strong,.customer-order-row .status-badge{justify-self:start}
  .visual-panel{min-height:430px;overflow:hidden!important}
  .order-visual-card{inset:28px 14px auto!important;width:calc(100% - 28px);max-width:none;padding:15px}
  .visual-note{left:14px;right:14px;bottom:14px;width:auto;max-width:none}
}
@media(max-width:520px){
  .site-header{min-height:58px}
  .page-actions{gap:12px!important;margin-top:10px}
  .page-actions>*{min-width:0}
  .page-actions .btn{margin:0}

  .brand{gap:7px;font-size:.92rem;letter-spacing:.045em}.brand-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:9px!important}.brand>span{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
  .cart-coupon-box,.cart-pricing{margin-inline:0}.cart-summary{align-items:stretch}.cart-summary>span{width:100%;font-size:.78rem}.cart-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.cart-actions .btn{width:100%}
  .coupon-form-row input{direction:ltr;text-align:left}
  .visual-panel{min-height:405px}.order-visual-card{top:22px!important}.visual-note{bottom:12px}
  .pagination-link{min-width:40px;height:40px}
}
@media(max-width:380px){
  .brand{font-size:.84rem}.brand-icon{width:32px!important;height:32px!important;flex-basis:32px!important}.site-header{padding-inline:10px}.cart-actions{grid-template-columns:1fr}.pagination-links{gap:4px}.pagination-link{min-width:38px;height:38px}
}

.pattern-sync-note{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.pattern-sync-note b{font-size:.85rem}.pattern-sync-note span{color:var(--muted);font-size:.75rem;line-height:1.9}.page-actions .inline-form{margin:0}@media(max-width:520px){.page-actions .inline-form,.page-actions .inline-form .btn,.page-actions>a{width:100%}.pattern-sync-note{display:grid;gap:4px}}

/* Unified single-image upload cards. */
.settings-media-card,.product-main-media-card{max-width:100%;display:grid;gap:10px}.settings-upload-preview{width:112px;height:112px;aspect-ratio:1;object-fit:contain}.settings-upload-preview img{object-fit:contain;background:rgba(0,0,0,.16);padding:8px}.settings-upload-preview.favicon-preview{width:76px;height:76px}.settings-upload-preview.about-image-preview{width:min(100%,320px);height:190px;aspect-ratio:auto}.product-main-upload-preview{width:min(100%,360px);height:220px;aspect-ratio:auto}.product-main-upload-preview img{object-fit:contain;background:rgba(0,0,0,.16)}
@media(max-width:520px){.settings-upload-preview{width:92px;height:92px}.settings-upload-preview.favicon-preview{width:68px;height:68px}.settings-upload-preview.about-image-preview,.product-main-upload-preview{width:100%;height:180px}.cart-coupon-box form{min-width:0}}

/* Grid children must be allowed to shrink on narrow screens; this prevents animated hero cards from escaping their stage. */
.hero>*,.split>*,.feature-panel,.visual-panel{min-width:0}
@media(max-width:520px){.page-actions{grid-template-columns:1fr}.page-actions .inline-form{width:100%}.page-actions .inline-form .btn{width:100%}}


/* Targeted UI fix: stable header branding, filter dropdowns above every card, and isolated mobile hero layers. */
.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;min-width:0;flex:0 0 auto}
.brand>span,.brand.small>span{display:block;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
.brand-icon{width:34px;height:34px;flex:0 0 34px;object-fit:cover;border-radius:9px;display:block}
.site-header .brand-icon{width:34px;height:34px;flex-basis:34px}
.hero-stage{position:relative;isolation:isolate;min-width:0}
.hero-stage:before{z-index:0}
.hero-stage .hero-glow,.hero-stage .hero-orb,.hero-stage .hero-ring{z-index:1}
.hero-stage .hero-card{position:relative;z-index:3;min-width:0;max-width:100%}
.hero-stage .hero-core,.hero-stage .hero-card-top,.hero-stage .hero-mini-grid{min-width:0}
.hero-stage .hero-core{overflow:hidden}

/* Custom select menus are portaled to body by JS, so no ancestor overflow/stacking context can clip them. */
@media(max-width:520px){
  .site-header{min-height:58px}
  .site-header .brand-icon{width:36px;height:36px;flex-basis:36px;border-radius:9px}
  .brand{gap:8px;font-size:.92rem;letter-spacing:.04em}
  .hero-stage{width:100%;max-width:100%;overflow:hidden;border-radius:26px}
  .hero-stage:before{inset:4% 0}
  .hero-stage .hero-card{width:100%;max-width:100%;box-sizing:border-box}
}
@media(max-width:380px){
  .site-header .brand-icon{width:34px;height:34px;flex-basis:34px}
  .brand{font-size:.86rem;gap:7px}
  .hero-stage{overflow:hidden}
}


/* Final targeted stability layer: header brand, viewport-level selects, clean mobile hero, and checkout UX. */
.site-header{overflow:visible!important;position:sticky;z-index:1000}
.site-header .brand{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;flex:0 0 auto;min-width:max-content;white-space:nowrap;position:relative;z-index:2}
.site-header .brand-copy{display:block!important;flex:0 0 auto!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;color:var(--accent2)!important;visibility:visible!important;opacity:1!important}
.site-header .brand-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;display:block;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.12)}
.site-header .brand-icon[hidden]{display:none!important}
.hero-stage{position:relative;min-width:0}
.hero-stage .hero-card{position:relative;z-index:10;max-width:100%;min-width:0}
.checkout-coupon{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}
.checkout-coupon details{display:block}
.checkout-coupon summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer}
.checkout-coupon summary::-webkit-details-marker{display:none}
.checkout-coupon summary b{color:var(--accent2);font-size:.78rem}
.checkout-coupon-form{margin-top:10px}
.checkout-coupon-clear{margin-top:8px}
.checkout-coupon-clear .btn{width:100%}
.checkout-coupon.is-applied summary{border-color:rgba(102,227,164,.24)}
.customer-note-box{margin-top:16px;padding:15px;border:1px solid rgba(69,212,255,.14);border-radius:18px;background:rgba(69,212,255,.035)}
.customer-note-box span{display:block;color:var(--accent2);font-size:.75rem;margin-bottom:6px}
.customer-note-box p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:#e8edf5}
.cart-summary{gap:14px}
.cart-actions{gap:12px}
@media(max-width:780px){
  .site-header .brand-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
  .site-header .brand{gap:8px;font-size:.94rem}
  .site-header .brand-copy{font-size:inherit!important}
  .hero-stage{min-height:365px!important;padding:8px 0 18px;overflow:visible!important}
  .hero-stage:before{display:none!important;content:none!important}
  .hero-stage .hero-card{width:min(430px,calc(100vw - 36px));min-height:350px;transform-origin:center center}
  .checkout-coupon{margin-top:16px}
  .checkout-coupon summary{min-height:48px}
}
@media(max-width:420px){
  .site-header .brand-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
  .site-header .brand{font-size:.9rem}
  .hero-stage{min-height:350px!important}
  .hero-stage .hero-card{width:calc(100vw - 28px);min-height:330px;padding:16px}
}
@media(max-width:360px){
  .site-header .brand-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  .site-header .brand{gap:6px;font-size:.84rem}
}


/* Final UI integrity pass — order meta, hero chips, footer brand, and RTL listbox alignment. */
.site-header .brand-icon{width:38px!important;height:38px!important;flex:0 0 38px!important}
.site-footer .brand.small{display:inline-flex;align-items:center;gap:10px;min-width:max-content;white-space:nowrap}
.site-footer .brand.small .brand-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;display:block;object-fit:cover;border-radius:9px!important;flex-shrink:0!important}
.site-footer .brand.small .brand-copy{display:block!important;min-width:max-content!important;white-space:nowrap!important;overflow:visible!important}

.order-top{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;align-items:stretch!important}
.order-top>div{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);display:grid;gap:4px;align-content:start}
.order-top>div>span{display:block;line-height:1.6}
.order-top>div>strong{display:block;min-width:0;overflow-wrap:anywhere;line-height:1.8}
.order-number,.order-number.xl{font-variant-numeric:tabular-nums;letter-spacing:.02em}

.hero-stage:before{pointer-events:none}
.hero-stage .floating-chip{z-index:30!important;pointer-events:none}
.hero-stage .hero-card{z-index:10!important}
@media(max-width:780px){
  .hero-stage:before{display:none!important;content:none!important}
  .hero-stage{overflow:visible!important;isolation:isolate}
  .hero-stage .hero-card{z-index:10!important}
  .hero-stage .floating-chip{display:inline-flex!important;align-items:center;gap:5px;z-index:30!important;max-width:46%;padding:8px 10px;font-size:.68rem;line-height:1.45;white-space:nowrap}
  .hero-stage .chip-a{top:6px;left:4px}
  .hero-stage .chip-b{right:4px;bottom:8px}
  .hero-stage .floating-chip b{position:relative;z-index:1}
  .order-top{grid-template-columns:1fr!important;gap:10px!important}
  .order-top>div{width:100%}
}
@media(max-width:420px){
  .site-header .brand-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
  .site-footer .brand.small .brand-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  .hero-stage .floating-chip{max-width:48%;font-size:.64rem}
  .hero-stage .chip-a{left:2px;top:3px}
  .hero-stage .chip-b{right:2px;bottom:4px}
}




/* REBUILT SELECT/LISTBOX — local anchored menu, no body portal, no random viewport placement. */
.select-shell{position:relative!important;display:block!important;width:100%!important;min-width:0!important;z-index:1}
.select-shell.is-open{z-index:100000!important}
.select-shell .native-select-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}
.select-trigger{position:relative!important;z-index:2!important;width:100%!important}
.select-menu{position:absolute!important;inset-inline:0 auto!important;top:calc(100% + 7px)!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;min-width:100%!important;max-width:min(360px,calc(100vw - 20px))!important;max-height:var(--select-menu-max-height,360px)!important;margin:0!important;padding:7px!important;display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:none!important;z-index:100001!important;overflow-y:auto!important;overflow-x:hidden!important;direction:rtl!important}
.select-menu.is-open{display:grid!important;gap:3px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;animation:selectIn .14s ease-out!important}
.select-menu.is-up{top:auto!important;bottom:calc(100% + 7px)!important;animation:selectInUp .14s ease-out!important}
.select-menu .select-option{width:100%!important;min-width:0!important;text-align:right!important;direction:rtl!important;white-space:normal!important;overflow-wrap:anywhere!important}
.filter-bar,.searchbar{overflow:visible!important;position:relative!important}
.filter-bar:has(.select-shell.is-open),.searchbar:has(.select-shell.is-open){z-index:100000!important;overflow:visible!important}
@keyframes selectInUp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:520px){
  .select-menu{max-width:none!important;width:100%!important;min-width:100%!important;max-height:var(--select-menu-max-height,280px)!important}
  .select-trigger,.select-option{min-height:48px!important}
}
/* HOME SHOWCASE — single-row responsive carousels, fixed card rhythm, and store category menu. */
.showcase-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.showcase-controls{display:flex;align-items:center;gap:7px}.showcase-control{width:44px;height:44px;min-width:44px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.045);color:#fff;display:grid;place-items:center;font-size:1.25rem;line-height:1;transition:.2s ease}.showcase-control:hover{background:rgba(255,255,255,.08);border-color:rgba(69,212,255,.35);transform:translateY(-1px)}.showcase-control:focus-visible{outline:3px solid rgba(69,212,255,.18);outline-offset:2px}
.home-carousel{position:relative;min-width:0}.home-carousel-viewport{direction:ltr;overflow-x:auto;overflow-y:visible;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:4px 2px 10px;margin:-4px -2px -10px}.home-carousel-viewport::-webkit-scrollbar{display:none}.home-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;min-width:max-content;align-items:stretch}.home-carousel-card{direction:rtl;scroll-snap-align:start;min-width:0;width:100%;height:100%}.home-carousel-card.product-card{display:flex;flex-direction:column;overflow:hidden}.home-carousel-card .product-body{display:flex;flex-direction:column;flex:1;min-height:0}.home-carousel-card .product-body h3{min-height:3.05em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.home-carousel-card .product-body p{min-height:3.25em;margin:2px 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.65;overflow-wrap:anywhere}.home-product-cta{margin-top:auto}.home-product-media,.home-product-media .product-image,.home-product-media .product-art{height:230px;min-height:230px}.home-carousel-card.category-card{padding:16px;display:flex;flex-direction:column}.home-category-icon{width:100%;aspect-ratio:16/9;height:auto;margin:0 0 12px}.home-carousel-card.category-card>b{min-height:1.8em;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-carousel-card.category-card>span{margin-top:auto}.nav-shop{position:relative;display:inline-flex;align-items:center}.nav-shop-trigger{color:var(--muted);background:none;border:0;padding:8px 4px;display:inline-flex;align-items:center;gap:5px}.nav-shop-trigger:hover,.nav-shop.is-open .nav-shop-trigger{color:var(--text)}.nav-shop-menu{position:absolute;top:calc(100% + 9px);right:0;width:min(280px,calc(100vw - 28px));padding:8px;border-radius:16px;display:grid;gap:3px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:.16s ease;z-index:1200}.nav-shop.is-open .nav-shop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav-shop-menu a{display:flex;align-items:center;min-height:44px;padding:8px 11px;border-radius:11px;color:#dfe6ef}.nav-shop-menu a:hover,.nav-shop-menu a:focus-visible{background:rgba(255,255,255,.06);color:#fff;outline:none}
@media(max-width:980px){.home-carousel-track{grid-auto-columns:calc((100% - 32px)/3)}}
@media(max-width:700px){.showcase-head-actions{width:100%;justify-content:space-between}.showcase-controls{gap:6px}.showcase-control{width:44px;height:44px;min-width:44px}.home-carousel-track{grid-auto-columns:calc((100% - 8px)/2);gap:8px}.home-product-media,.home-product-media .product-image,.home-product-media .product-art{height:190px;min-height:190px}.home-carousel-card .product-body{padding:12px}.home-carousel-card .product-body h3{font-size:.9rem;min-height:2.9em}.home-carousel-card .product-body p{font-size:.73rem;min-height:3.15em}.home-carousel-card.category-card{padding:12px}.home-category-icon{margin-bottom:9px}.nav-shop{width:100%}.nav-shop-trigger{width:100%;justify-content:space-between;padding:10px 4px}.nav-shop-menu{position:static;width:100%;max-height:0;overflow:hidden;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;opacity:1;visibility:visible;pointer-events:none;transform:none;transition:max-height .2s ease,padding .2s ease}.nav-shop.is-open .nav-shop-menu{max-height:420px;padding:5px 0 4px;pointer-events:auto}.nav-shop-menu a{padding:9px 11px;min-height:44px;background:rgba(255,255,255,.025);border:1px solid transparent}}
@media(max-width:380px){.home-carousel-track{grid-auto-columns:calc((100% - 6px)/2);gap:6px}.home-product-media,.home-product-media .product-image,.home-product-media .product-art{height:170px;min-height:170px}.home-carousel-card .product-body{padding:10px}.home-carousel-card .product-body p{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){.home-carousel-viewport{scroll-behavior:auto}.showcase-control,.home-carousel-card{transition:none!important}.home-carousel-viewport{scroll-snap-type:none}}

/* FINAL HOME CAROUSEL / OTP RHYTHM PASS 20261001 */

/* FINAL HOME CAROUSEL / OTP RHYTHM PASS 20261001 */
.home-showcase-section{overflow:hidden}
.home-showcase-section .section-head{align-items:center}
.home-showcase-section .showcase-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}
.home-showcase-section .showcase-head-actions>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;white-space:nowrap}
.home-carousel{position:relative;min-width:0;width:100%}
.home-carousel-viewport{
  direction:ltr;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
  padding:2px 0 8px;
  cursor:grab;
}
.home-carousel-viewport::-webkit-scrollbar{display:none}
.home-carousel-viewport.is-dragging{cursor:grabbing;scroll-behavior:auto}
.home-carousel-track{display:flex;flex-wrap:nowrap;width:100%;min-width:100%;gap:0}
.home-carousel-slide{
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  display:grid;
  grid-template-columns:repeat(var(--slide-count,4),minmax(0,1fr));
  gap:16px;
  align-items:stretch;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  direction:rtl;
  padding:1px;
}
.home-carousel-card{width:100%;min-width:0;height:100%;margin:0}
.home-carousel-card.product-card{display:flex;flex-direction:column;overflow:hidden}
.home-carousel-card .product-body{display:flex;flex-direction:column;flex:1;min-height:0}
.home-carousel-card .product-body h3{min-height:3.1em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:4px}
.home-carousel-card .product-body p{min-height:3.3em;max-height:3.3em;margin:2px 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.65;overflow-wrap:anywhere}
.home-carousel-card .home-product-cta{margin-top:auto}
.home-product-media,.home-product-media .product-image,.home-product-media .product-art{height:230px;min-height:230px}
.home-carousel-card.category-card{padding:16px;display:flex;flex-direction:column;min-height:100%}
.home-category-icon{width:100%;aspect-ratio:16/9;height:auto;margin:0 0 12px}
.home-carousel-card.category-card>b{min-height:1.8em;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-carousel-card.category-card>span{margin-top:auto}
.home-carousel-dots{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:12px;direction:rtl}
.home-carousel-dots[hidden]{display:none}
.home-carousel-dot{width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.22);transition:width .2s ease,background .2s ease,transform .2s ease}
.home-carousel-dot:hover{transform:scale(1.15);background:rgba(255,255,255,.42)}
.home-carousel-dot.is-active{width:24px;background:linear-gradient(90deg,#7c6cff,#45d4ff)}
.home-carousel-dot:focus-visible{outline:3px solid rgba(69,212,255,.18);outline-offset:4px}
@media(max-width:700px){
  .home-showcase-section .section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}
  .home-showcase-section .showcase-head-actions{width:100%;justify-content:flex-end}
  .home-carousel-slide{grid-template-columns:repeat(var(--slide-count,2),minmax(0,1fr));gap:9px}
  .home-carousel-card .product-body{padding:12px}
  .home-carousel-card .product-body h3{font-size:.9rem;min-height:2.95em}
  .home-carousel-card .product-body p{font-size:.73rem;min-height:3.2em;max-height:3.2em}
  .home-product-media,.home-product-media .product-image,.home-product-media .product-art{height:190px;min-height:190px}
  .home-carousel-card.category-card{padding:12px}
  .home-category-icon{margin-bottom:9px}
}
@media(max-width:380px){
  .home-carousel-slide{gap:7px}
  .home-product-media,.home-product-media .product-image,.home-product-media .product-art{height:170px;min-height:170px}
  .home-carousel-card .product-body{padding:10px}
  .home-carousel-card .product-body p{font-size:.69rem}
}
@media(prefers-reduced-motion:reduce){
  .home-carousel-viewport{scroll-behavior:auto}
  .home-carousel-dot{transition:none}
}
/* OTP resend control rhythm: equal-size timer and action */
.otp-resend-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px;margin-top:12px}
.otp-resend-row form{margin:0;min-width:0;display:flex}
.otp-resend-row .otp-resend-btn,.otp-resend-row .otp-timer{width:100%;min-height:48px;height:48px;box-sizing:border-box}
.otp-resend-row .otp-resend-btn{padding:10px 14px;line-height:1.4}
.otp-resend-row .otp-timer{justify-content:center;padding:10px 14px;font-size:.85rem;line-height:1.4;white-space:nowrap}
@media(max-width:600px){
  .otp-resend-row{grid-template-columns:1fr 1fr;gap:8px}
  .otp-resend-row .otp-resend-btn,.otp-resend-row .otp-timer{min-height:48px;height:48px}
}
/* Keep the brand/icon independent of favicon changes. */
.site-header .brand{flex:0 0 auto;min-width:max-content}
.site-header .brand-copy{display:block!important;min-width:max-content!important;overflow:visible!important;white-space:nowrap!important}

.home-showcase-section .showcase-controls,.home-showcase-section .showcase-control,.home-showcase-section .showcase-toggle{display:none!important}

/* FINAL HOME INCOMPLETE-SLIDE + OTP BUTTON RHYTHM FIX */
.home-carousel-slide{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
.home-carousel-card{max-width:none!important;min-width:0!important}
.home-carousel-card.category-card{height:auto!important;align-self:start!important}
.home-carousel-card.product-card{height:auto!important;align-self:stretch!important}
@media(max-width:700px){
  .home-carousel-slide{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.otp-resend-row>[data-toggle-change-phone]{grid-column:1 / -1;width:100%;min-height:48px;height:48px;box-sizing:border-box}


/* FINAL RTL HOME CAROUSEL PASS 20261001 */
.home-carousel{direction:rtl;overflow:visible!important}
.home-carousel-viewport{
  direction:rtl!important;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
  scrollbar-width:none;
  padding-inline:0;
  margin-inline:0;
}
.home-carousel-viewport::-webkit-scrollbar{display:none}
.home-carousel-track{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-width:100%!important;
  gap:0!important;
  direction:rtl!important;
}
.home-carousel-slide{
  direction:rtl!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  box-sizing:border-box;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.home-carousel-dots{direction:rtl!important;justify-content:center}
.home-carousel-dot{direction:rtl}
.home-carousel-card{direction:rtl!important}
@media(max-width:700px){
  .home-carousel-slide{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(min-width:701px){
  .home-carousel-slide{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){
  .home-carousel-viewport{scroll-behavior:auto}
}

/* Product-page account selection */
.product-buy-form{display:grid;gap:14px;margin-top:16px}
.product-account-panel{padding:15px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);display:grid;gap:12px}
.product-account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.product-account-head strong{display:block;margin-top:3px}.product-account-head small{color:var(--muted);line-height:1.8;max-width:55%}
.product-account-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-account-fields[hidden]{display:none}.product-account-fields .account-fields-note{grid-column:1/-1}
.product-buy-row{margin-top:0}
.checkout-account-summary{padding:15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);display:grid;gap:10px}.summary-account-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.summary-account-head h4{margin:3px 0 0}.checkout-saved-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkout-saved-fields>div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);min-width:0}.checkout-saved-fields span{display:block;color:var(--muted);font-size:.72rem;margin-bottom:3px}.checkout-saved-fields strong{display:block;overflow-wrap:anywhere;font-size:.82rem}
@media(max-width:700px){.product-account-head{flex-direction:column}.product-account-head small{max-width:none}.product-account-fields,.checkout-saved-fields{grid-template-columns:1fr}}

/* Per-account product pricing */
.pricing-single,.pricing-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.pricing-single[hidden],.pricing-dual[hidden]{display:none!important}
.pricing-dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dual-price-card{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dual-price-card span{width:100%;color:var(--muted);font-size:.75rem}.dual-price-card strong{font-size:1.15rem}.dual-price-card del{color:#747d8c;font-size:.78rem}
.price-row>div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.price-label{display:block;color:var(--muted);font-size:.68rem}.admin-price-stack{display:grid;gap:3px}.admin-price-stack span{font-size:.78rem;white-space:nowrap}
@media(max-width:700px){.pricing-single,.pricing-dual,.pricing-dual-grid{grid-template-columns:1fr}.dual-price-card{width:100%}}

.pricing-single,.pricing-dual{grid-column:1/-1}

.personal-field-config-row{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
.personal-field-config-row.is-disabled{opacity:.58}
.personal-field-config-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.personal-field-config-options{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.personal-field-config-options .check{margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.personal-field-config-options input:disabled+*{opacity:.6}
.pricing-dual-grid{width:100%}
.current-gallery-compact{display:grid;gap:10px;padding-top:4px;border-top:1px solid var(--line)}
.current-gallery-title{font-size:.82rem;color:var(--muted)}
.gallery-manage-inline{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-manage-inline .gallery-item{min-width:0}
.gallery-manage-inline .gallery-item img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}
@media(max-width:700px){.personal-field-config-inputs{grid-template-columns:1fr}.gallery-manage-inline{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Final marketplace card rhythm: dual-account products advertise the lowest entry price while card actions stay aligned. */
.marketplace-product-grid{align-items:stretch}
.marketplace-product-grid .product-card{display:flex;flex-direction:column;min-width:0;height:100%}
.marketplace-product-grid .product-image,.marketplace-product-grid .product-art{height:190px;min-height:190px}
.marketplace-product-grid .product-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px}
.marketplace-product-grid .product-body h3{min-height:3.05em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.marketplace-product-grid .product-body>p{min-height:3.25em;max-height:3.25em;margin:3px 0 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.marketplace-product-grid .product-tags{min-height:28px;max-height:28px;overflow:hidden;margin-bottom:4px}
.marketplace-product-grid .marketplace-price-row{min-height:30px;justify-content:flex-start;gap:7px}
.marketplace-product-grid .marketplace-price-row .price-prefix{color:var(--muted);font-size:.78rem}
.marketplace-product-grid .stock{min-height:29px;margin:8px 0 10px}
.marketplace-product-grid .product-body>.btn{margin-top:auto}
.marketplace-price-row .price-prefix{color:var(--muted);font-size:.8rem}
.customer-options-box + .customer-options-box{margin-top:12px}
.order-card .table-wrap + .customer-options-box{margin-top:16px}
.order-card .customer-options-box{margin-bottom:0}
@media(max-width:700px){
  .marketplace-product-grid .product-image,.marketplace-product-grid .product-art{height:180px;min-height:180px}
  .marketplace-product-grid .product-body{padding:12px}
  .marketplace-product-grid .product-body h3{font-size:.9rem}
  .marketplace-product-grid .product-body>p{font-size:.74rem}
}
@media(max-width:380px){
  .marketplace-product-grid .product-image,.marketplace-product-grid .product-art{height:168px;min-height:168px}
}

/* FINAL ORDER DETAIL PASS: mobile checkout order, non-scrolling order table, personal-only account info */
.order-card .table-wrap,.order-admin-grid .table-wrap{overflow-x:hidden;overflow-y:visible}
.order-card .table-wrap table,.order-admin-grid .table-wrap table{width:100%;min-width:0!important;table-layout:fixed}
.order-card .table-wrap th,.order-card .table-wrap td,.order-admin-grid .table-wrap th,.order-admin-grid .table-wrap td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.customer-options-box{display:grid;gap:10px}
.customer-options-title{display:grid;gap:3px}
.customer-options-title strong{font-size:.88rem;line-height:1.8}
.customer-options-title span{font-size:.72rem;color:var(--muted);line-height:1.7}
@media(max-width:700px){
  .order-card .table-wrap table,.order-admin-grid .table-wrap table{font-size:.76rem}
  .order-card .table-wrap th,.order-card .table-wrap td,.order-admin-grid .table-wrap th,.order-admin-grid .table-wrap td{padding:10px 7px}
}



.admin-product-cell{display:flex;align-items:center;gap:10px;min-width:240px}.admin-product-cell>div{min-width:0;display:grid;gap:2px}.admin-product-cell small,.cell-sub,.price-old,.field-help{color:var(--muted);font-size:.72rem}.product-thumb-fallback{display:grid;place-items:center;background:rgba(69,212,255,.08);border:1px solid var(--line);border-radius:12px}.price-from-label{color:var(--muted);font-size:.75rem}.stock-state{font-size:.72rem;color:var(--muted)}.stock-state:not(.is-out){color:var(--ok)}.stock-state.is-out{color:var(--danger)}
.checkout-verified-phone{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.checkout-verified-phone span{font-size:.78rem;color:var(--muted)}.checkout-verified-phone strong{font-size:.9rem}
@media(max-width:900px){}
.quick-stock-controls{display:inline-flex;align-items:center;gap:4px;padding:2px 5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}
.quick-stock-controls b{min-width:22px;text-align:center;font-size:.76rem}.quick-stock-controls .inline-form{margin:0}.quick-stock-controls .icon-btn.tiny{width:26px;height:26px;display:grid;place-items:center;padding:0;border-radius:8px}.product-editor-form .form-grid>label{min-width:0}
@media(max-width:700px){.quick-stock-controls{margin-top:6px}.product-editor-form .form-grid{grid-template-columns:1fr}}

.stock.is-out{color:var(--danger)}

/* Stop document jumps when home carousel initializes; the carousel itself owns horizontal scroll. */
.home-carousel-viewport{overflow-anchor:none}


.product-editor-commandbar{position:sticky;top:84px;z-index:70;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;margin:0 0 14px;border-radius:18px}
 .product-editor-command-title{display:grid;gap:0;min-width:150px}.product-editor-command-title .eyebrow{font-size:.6rem}.product-editor-command-title strong{font-size:.9rem}
.product-editor-outline{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.product-editor-outline::-webkit-scrollbar{display:none}.product-editor-outline a{padding:7px 10px;border-radius:10px;color:var(--muted);font-size:.72rem;background:rgba(255,255,255,.025);border:1px solid transparent}.product-editor-outline a:hover{color:#fff;border-color:var(--line)}
.product-editor-save{min-height:40px!important;padding-inline:14px!important}
.editor-section{scroll-margin-top:150px}.editor-section-body{display:grid;gap:12px}.editor-section.is-collapsed>.editor-section-body{display:none}.editor-section .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head .section-collapse{margin-inline-start:auto;min-width:82px;height:34px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03);color:#dfe6ef;font-size:.7rem;padding:0 9px}
.pricing-single,.pricing-dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pricing-dual-grid label{min-width:0}.pricing-dual{padding:0;border:0;background:transparent}
.compact-admin-filter{margin:0 0 14px}.inventory-picker-filter{margin-bottom:12px}.inventory-picker-filter label{min-width:0}
@media(max-width:900px){
  main.container:has(> .admin-nav){display:block;padding-top:68px}
  .product-editor-commandbar{position:sticky;top:8px;grid-template-columns:1fr auto;gap:8px}.product-editor-command-title{min-width:0}.product-editor-outline{grid-column:1/-1;order:3}.product-editor-save{grid-column:2;grid-row:1}
}
@media(max-width:560px){.product-editor-commandbar{border-radius:16px;padding:9px}.product-editor-outline a{font-size:.68rem;padding:7px 9px}.section-head .section-collapse{min-width:70px}}

.product-editor-command-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-result-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;color:var(--muted);font-size:.74rem}
.store-sort{min-width:180px}
@media(max-width:560px){.store-result-meta{align-items:stretch;flex-direction:column}.store-sort{width:100%}}


/* Product editor: compact, scannable. */
.product-editor-commandbar{box-shadow:0 16px 42px rgba(0,0,0,.12)}
.product-editor-outline a[data-outline-hidden="1"]{display:none}





.category-picker{display:grid;gap:7px;min-width:0}
.category-picker-input{width:100%}
.category-picker-hint{font-size:.66rem;color:var(--muted)}

/* Pagination: keep it usable on narrow screens without horizontal page overflow. */
.pagination{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pagination-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pagination-link{min-width:42px;min-height:42px;display:inline-grid;place-items:center;padding:0 10px}
@media(max-width:560px){.pagination{align-items:stretch;flex-direction:column}.pagination-links{justify-content:center}.pagination-link{min-width:40px;min-height:40px}}



/* NETDOOR ADMIN NAVIGATION — single authoritative responsive layout */
main.container:has(> .admin-nav){
  width:min(1480px,calc(100% - 32px));
  max-width:none;
  min-width:0;
  display:grid;
  grid-template-columns:clamp(220px,20vw,276px) minmax(0,1fr);
  gap:28px;
  align-items:start;
  direction:ltr;
  padding:28px 0 90px;
}
main.container:has(> .admin-nav)>:not(.admin-nav):not(.admin-mobile-nav-toggle):not(.admin-nav-backdrop){
  grid-column:2;
  min-width:0;
  width:100%;
  max-width:none;
  direction:rtl;
}
.admin-nav{
  display:block!important;
  grid-template-columns:none!important;
  grid-column:1;
  grid-row:1 / span 999;
  position:sticky;
  top:84px;
  align-self:start;
  width:100%;
  max-height:calc(100dvh - 98px);
  overflow-x:hidden;
  overflow-y:auto;
  padding:12px 10px 16px;
  border-radius:22px;
  z-index:20;
  direction:rtl;
}
.admin-nav-head{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0;margin:0 0 10px;min-height:20px;border:0}
.admin-nav-close{display:none}
.admin-nav-links{display:grid;gap:7px;width:100%}
.admin-nav-links a{width:100%;display:flex;align-items:center;justify-content:flex-start!important;gap:10px;min-height:50px;padding:10px 11px;border-radius:13px;color:var(--muted);font-size:.84rem;line-height:1.55;border:1px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;direction:rtl}
.admin-nav-links a:hover{color:#fff;background:rgba(255,255,255,.045);transform:translateX(2px)}
.admin-nav-links a.is-active{color:#fff;background:linear-gradient(135deg,rgba(124,108,255,.16),rgba(69,212,255,.07));border-color:rgba(69,212,255,.18);box-shadow:inset 3px 0 0 rgba(69,212,255,.72)}
.admin-nav-icon{width:32px;height:32px;min-width:32px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.025);font-size:.84rem;color:var(--accent2);font-weight:800}
.admin-nav-links a.is-active .admin-nav-icon{background:rgba(69,212,255,.08);border-color:rgba(69,212,255,.22)}
.admin-mobile-nav-toggle,.admin-nav-backdrop{display:none}
body.admin-nav-open{overflow:hidden}
main.container:has(> .admin-nav) .page-head{padding:26px 0 28px}
main.container:has(> .admin-nav) .page-head h1{font-size:clamp(2.35rem,4.4vw,4.2rem);letter-spacing:-.03em;margin:8px 0 12px}
main.container:has(> .admin-nav) .page-head p{max-width:900px}
main.container:has(> .admin-nav) .glass.settings-form,
main.container:has(> .admin-nav) .glass.panel,
main.container:has(> .admin-nav) .glass.table-card,
main.container:has(> .admin-nav) .glass.filter-bar{border-radius:26px}
main.container:has(> .admin-nav) .settings-form{padding:30px}
main.container:has(> .admin-nav) .table-card{padding:14px}
main.container:has(> .admin-nav) .filter-bar{padding:16px}
main.container:has(> .admin-nav) .admin-two{grid-template-columns:minmax(340px,.56fr) minmax(0,1.44fr);gap:24px}
main.container:has(> .admin-nav) .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
main.container:has(> .admin-nav) .settings-form .form-grid{gap:20px}
main.container:has(> .admin-nav) .btn{min-height:44px}
main.container:has(> .admin-nav) .btn.tiny{min-height:36px}
main.container:has(> .admin-nav) input,
main.container:has(> .admin-nav) select,
main.container:has(> .admin-nav) textarea{min-height:46px}

/* The nav stays beside content on tablets/desktop. Only phones use the off-canvas drawer. */
@media(max-width:1100px) and (min-width:901px){
  main.container:has(> .admin-nav){grid-template-columns:220px minmax(0,1fr);gap:20px;width:min(100%,calc(100% - 24px))}
  main.container:has(> .admin-nav) .settings-form{padding:24px}
  main.container:has(> .admin-nav) .admin-two{grid-template-columns:1fr;gap:18px}
  main.container:has(> .admin-nav) .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .admin-nav-links a{min-height:48px;font-size:.8rem;padding:9px 10px}
}

@media(max-width:900px){
  main.container:has(> .admin-nav){display:block;width:calc(100% - 16px);padding:78px 0 56px;direction:rtl}
  main.container:has(> .admin-nav)>:not(.admin-nav):not(.admin-mobile-nav-toggle):not(.admin-nav-backdrop){width:100%;direction:rtl}
  main.container:has(> .admin-nav) .settings-form{padding:20px}
  main.container:has(> .admin-nav) .form-grid{grid-template-columns:1fr;gap:12px}
  main.container:has(> .admin-nav) .page-actions{align-items:stretch;flex-direction:column}
  main.container:has(> .admin-nav) .page-actions .btn{width:100%}

  .admin-nav{
    position:fixed!important;
    top:0!important;
    right:auto!important;
    left:0!important;
    bottom:0!important;
    width:min(360px,calc(100vw - 28px))!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:14px 12px 26px!important;
    border-radius:0 24px 24px 0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    transform:translateX(calc(-100% - 28px))!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s!important;
    z-index:5001!important;
  }
  .admin-nav.is-open{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .22s ease,opacity .18s ease!important;
  }
  .admin-nav-head{min-height:48px!important;padding:0!important;margin:0 0 12px!important;justify-content:flex-end!important}
  .admin-nav-close{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;font-size:1.25rem}
  .admin-nav-links{gap:7px!important}
  .admin-nav-links a{min-height:50px!important;padding:10px 12px!important;font-size:.82rem!important}

  .admin-mobile-nav-toggle{
    display:grid!important;
    position:fixed!important;
    top:76px!important;
    left:14px!important;
    right:auto!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    border:1px solid rgba(69,212,255,.22)!important;
    border-radius:13px!important;
    background:rgba(12,15,22,.92)!important;
    color:#fff!important;
    box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    z-index:4900!important;
    font-size:1rem!important;
    line-height:1!important;
  }
  .admin-mobile-nav-toggle span:first-child{font-size:1.15rem;color:var(--accent2);line-height:1}
  .admin-nav-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.56)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;z-index:5000!important}
  .admin-nav-backdrop[hidden]{display:none!important}
}

@media(max-width:480px){
  main.container:has(> .admin-nav){width:calc(100% - 12px);padding-top:74px}
  main.container:has(> .admin-nav) .settings-form{padding:16px}
  main.container:has(> .admin-nav) .page-head{padding:18px 0 22px}
  main.container:has(> .admin-nav) .page-head h1{font-size:clamp(2rem,12vw,3rem)}
  .admin-mobile-nav-toggle{top:72px!important;left:10px!important}
  .admin-nav{width:min(340px,calc(100vw - 20px))!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .admin-nav,.admin-nav-backdrop,.admin-mobile-nav-toggle,.btn{transition:none!important}
}

/* ================================================================
   FINAL RESPONSIVE ADMIN PASS — 2026-10-03
   One source of truth for narrow admin layouts.
   ================================================================ */
main.container:has(> .admin-nav) > * { min-width: 0; }
main.container:has(> .admin-nav) .admin-two,
main.container:has(> .admin-nav) .checkout-grid,
main.container:has(> .admin-nav) .dashboard-grid,
main.container:has(> .admin-nav) .order-grid,
main.container:has(> .admin-nav) .order-admin-grid,
main.container:has(> .admin-nav) .ticket-detail-grid { min-width: 0; }
main.container:has(> .admin-nav) .admin-two > *,
main.container:has(> .admin-nav) .checkout-grid > *,
main.container:has(> .admin-nav) .dashboard-grid > *,
main.container:has(> .admin-nav) .order-grid > *,
main.container:has(> .admin-nav) .order-admin-grid > *,
main.container:has(> .admin-nav) .ticket-detail-grid > * { min-width: 0; }

/* Never let a late desktop rule keep paired admin sections side-by-side on phones/tablets. */
@media (max-width: 900px) {
  main.container:has(> .admin-nav) .admin-two,
  main.container:has(> .admin-nav) .checkout-grid,
  main.container:has(> .admin-nav) .dashboard-grid,
  main.container:has(> .admin-nav) .order-grid,
  main.container:has(> .admin-nav) .order-admin-grid,
  main.container:has(> .admin-nav) .ticket-detail-grid { grid-template-columns: minmax(0, 1fr) !important; }

  main.container:has(> .admin-nav) .admin-two.customer-detail-layout { gap: 14px; }
  main.container:has(> .admin-nav) .admin-two > .panel,
  main.container:has(> .admin-nav) .admin-two > .table-card,
  main.container:has(> .admin-nav) .admin-two > form,
  main.container:has(> .admin-nav) .admin-two > section { width: 100%; }

  .settings-form,
  .panel,
  .table-card,
  .filter-bar,
  .ticket-thread,
  .ticket-side,
  .ticket-detail-grid,
  .customer-detail-layout,
  .media-upload-card,
  .pattern-vars,
  .pattern-binding-panel { min-width: 0; max-width: 100%; }

  .page-head { min-width: 0; }
  .page-head h1,
  .page-head p,
  .admin-head h1,
  .admin-head p { overflow-wrap: anywhere; }

  .ticket-head { align-items: stretch; }
  .ticket-head > div:first-child { min-width: 0; width: 100%; }
  .ticket-head .page-actions { width: 100%; }
  .ticket-head .page-actions > * { min-width: 0; }

  .ticket-thread-head { align-items: stretch; }
  .ticket-thread-head > * { min-width: 0; width: 100%; }
  .ticket-status-inline { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); width: 100%; }
  .ticket-status-inline .styled-select,
  .ticket-status-inline .btn { min-width: 0; width: 100%; }

  .ticket-messages { min-width: 0; width: 100%; overflow-x: hidden; }
  .ticket-message { width: min(100%, 94%); max-width: 100%; min-width: 0; }
  .ticket-message-meta,
  .ticket-message-bubble { max-width: 100%; min-width: 0; }
  .ticket-message-bubble { overflow-wrap: anywhere; word-break: break-word; }

  .media-upload-head { align-items: flex-start; flex-direction: column; }
  .media-upload-head > * { min-width: 0; max-width: 100%; }

  .row-actions { min-width: 0; flex-wrap: wrap; }
  .row-actions .btn { min-width: 0; max-width: 100%; }

  .admin-product-cell { min-width: 0; }
  .admin-product-cell > div { min-width: 0; overflow-wrap: anywhere; }
}

@media (max-width: 700px) {
  /* Customer edit, categories, coupons and every other two-column admin surface becomes one column. */
  main.container:has(> .admin-nav) .admin-two,
  main.container:has(> .admin-nav) .admin-two.customer-detail-layout { grid-template-columns: minmax(0, 1fr) !important; }

  .ticket-head .page-actions,
  .ticket-head .page-actions .btn,
  .ticket-head .page-actions .inline,
  .ticket-head .page-actions form { width: 100%; }

  .ticket-thread-head { gap: 10px; }
  .ticket-status-inline { grid-template-columns: 1fr; gap: 8px; }
  .ticket-status-inline .styled-select,
  .ticket-status-inline .btn { min-height: 48px; }

  .ticket-message,
  .ticket-message.from-user,
  .ticket-message.from-admin { justify-self: stretch; align-items: stretch; width: 100%; }
  .ticket-message-meta { flex-wrap: wrap; }

  .customer-detail-layout .section-head.compact { align-items: flex-start; }
  .customer-order-row { grid-template-columns: minmax(0,1fr); }
  .customer-order-row > * { min-width: 0; }
  .customer-order-row strong,
  .customer-order-row .status-badge { justify-self: start; }

  .category-media-card { padding: 12px; }
  .category-upload-preview { width: 100%; max-width: 100%; }

  .pattern-var-row,
  .binding-attr-row { grid-template-columns: minmax(0,1fr) !important; }
  .pattern-var-row .btn,
  .binding-attr-row .btn { width: 100%; }

  .personal-field-config-inputs { grid-template-columns: 1fr; }
  .personal-field-config-options { align-items: stretch; flex-direction: column; }
  .personal-field-config-options .check { width: 100%; }

  .pricing-single,
  .pricing-dual-grid { grid-template-columns: minmax(0,1fr); }

  .toggle-card { min-width: 0; }
  .toggle-card span { min-width: 0; }
  .toggle-card small { overflow-wrap: anywhere; }


  .pagination { width: 100%; min-width: 0; }
  .pagination-links { max-width: 100%; }
}

@media (max-width: 480px) {
  .site-header,
  main.container:has(> .admin-nav) { min-width: 0; }
  .site-header .brand { min-width: 0 !important; max-width: calc(100% - 58px); }
  .site-header .brand-copy { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

  main.container:has(> .admin-nav) { width: calc(100% - 10px); }
  main.container:has(> .admin-nav) .settings-form,
  main.container:has(> .admin-nav) .panel,
  main.container:has(> .admin-nav) .table-card { padding: 14px; border-radius: 18px; }

  .page-actions { grid-template-columns: minmax(0,1fr) !important; }
  .page-actions > *,
  .page-actions .btn,
  .page-actions form { width: 100%; min-width: 0; }

  .ticket-thread-head { padding: 14px; }
  .ticket-messages { padding: 9px; }
  .ticket-reply { padding: 14px; }
  .ticket-message-bubble { padding: 11px 12px; font-size: .8rem; }

  .ticket-meta-card { padding: 14px; }
  .filter-bar { padding: 11px; }

  /* Tables remain scroll-contained rather than expanding the document viewport. */
  .table-card { overflow: hidden !important; }
  .table-wrap { max-width: 100%; overflow-x: auto !important; overflow-y: hidden; }
  .table-wrap table { width: max-content; min-width: 680px; }
  .admin-products-table .table-wrap table { min-width: 760px !important; }

  .media-upload-input input[type=file] { min-width: 0; max-width: 100%; }
  input[type=file]::file-selector-button { max-width: 100%; }
}

/* USD pricing management */
.pricing-currency-toggle{margin:14px 0 18px}
.pricing-currency-panel{min-width:0}
.pricing-currency-panel[hidden]{display:none!important}
.usd-rate-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.usd-rate-status-card{border-radius:22px;padding:20px;display:grid;gap:5px;min-width:0}
.usd-rate-status-card strong{font-size:1.45rem;overflow-wrap:anywhere}
.usd-rate-status-card strong small{font-size:.8rem;color:var(--muted);font-weight:500}
.usd-rate-status-card span,.usd-rate-status-card small{color:var(--muted);font-size:.8rem}
.usd-pricing-form .section-head.compact{margin-top:10px}
.usd-api-settings,.usd-manual-settings{padding-top:4px}
@media(max-width:780px){.usd-rate-status-grid{grid-template-columns:1fr}.usd-pricing-form .form-grid{grid-template-columns:1fr}.pricing-currency-toggle{align-items:flex-start}}
.pricing-currency-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;grid-column:1/-1}
@media(max-width:700px){.pricing-currency-panel{grid-template-columns:1fr}}


/* Final dashboard analytics: explicit values instead of hover-only charts. */
.dashboard-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.dashboard-summary-card{padding:20px;border-radius:22px;display:grid;gap:7px;min-width:0}
.dashboard-summary-card>small{color:var(--muted);font-size:.78rem}.dashboard-summary-card>strong{font-size:1.7rem;line-height:1.25;overflow-wrap:anywhere}
.summary-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.72rem}
.dashboard-activity-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;margin-bottom:24px}
.dashboard-activity-card{padding:20px;border-radius:22px;min-width:0}.dashboard-activity-card .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-activity-card .section-head h3{margin:3px 0 0}.dashboard-activity-total{font-weight:700;white-space:nowrap}
.activity-list{display:grid;gap:12px;margin-top:14px}.activity-row{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(112px,auto);align-items:center;gap:10px}.activity-label{font-size:.72rem;color:var(--muted);white-space:nowrap}.activity-bar-track{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.activity-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent2),var(--accent));min-width:3px}.activity-value{text-align:left;font-size:.74rem;font-weight:600;white-space:nowrap}.activity-metric-row{display:grid;grid-template-columns:76px repeat(2,minmax(0,1fr));gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.75rem}.activity-metric-row:last-child{border-bottom:0}.activity-metric-row span{color:var(--muted)}.activity-metric-row b{font-weight:600}
@media(max-width:1000px){.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-activity-grid{grid-template-columns:1fr}}
@media(max-width:700px){.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-summary-card,.dashboard-activity-card{padding:15px}.activity-row{grid-template-columns:62px minmax(0,1fr);gap:8px}.activity-value{grid-column:2;text-align:right;font-size:.72rem}.activity-metric-row{grid-template-columns:62px repeat(2,minmax(0,1fr));font-size:.7rem}}


/* CINEMATIC GLASS CARDS — PRODUCT + CATEGORY / 20261005 */
.home-showcase-section .home-carousel-slide{
  perspective: 1400px;
  perspective-origin: 50% 45%;
}
.home-carousel-card[data-glass-card]{
  --mx: 50%;
  --my: 28%;
  --rx: 0deg;
  --ry: 0deg;
  --lift: 0px;
  --glow-a: rgba(139,124,255,.18);
  --glow-b: rgba(69,212,255,.12);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform-style:preserve-3d;
  transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,var(--lift),0);
  transition:transform .55s cubic-bezier(.16,1,.3,1), border-color .4s ease, box-shadow .55s ease, background .4s ease;
  will-change:transform;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,.16), transparent 24%),
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.036) 45%, rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 28px 70px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.018),
    0 18px 55px var(--glow-a);
  backdrop-filter:blur(26px) saturate(155%);
  -webkit-backdrop-filter:blur(26px) saturate(155%);
}
.home-carousel-card[data-glass-card]::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
  border-radius:inherit;
  padding:1px;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,.75), rgba(255,255,255,.10) 17%, transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.42), transparent 25%, transparent 70%, rgba(69,212,255,.20));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  opacity:.58;
  transition:opacity .45s ease;
}
.home-carousel-card[data-glass-card]::after{
  content:"";
  position:absolute;
  z-index:8;
  top:-25%;
  bottom:-25%;
  left:-60%;
  width:42%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
  transform:skewX(-18deg) translateX(0);
  opacity:0;
  transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .35s ease;
}
.home-carousel-card[data-glass-card]:hover,
.home-carousel-card[data-glass-card]:focus-visible{
  --lift:-7px;
  border-color:rgba(255,255,255,.23);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 34px 90px rgba(0,0,0,.42),
    0 18px 70px var(--glow-a),
    0 10px 36px var(--glow-b);
  outline:none;
}
.home-carousel-card[data-glass-card]:hover::before,
.home-carousel-card[data-glass-card]:focus-visible::before{opacity:.88}
.home-carousel-card[data-glass-card]:hover::after,
.home-carousel-card[data-glass-card]:focus-visible::after{
  opacity:1;
  transform:skewX(-18deg) translateX(360%);
}

/* glass depth layers */
.home-carousel-card[data-glass-card] .product-media,
.home-carousel-card[data-glass-card] .product-body,
.home-carousel-card[data-glass-card] .category-icon,
.home-carousel-card[data-glass-card] > b,
.home-carousel-card[data-glass-card] > span{
  position:relative;
  z-index:3;
  transform:translateZ(18px);
}
.home-carousel-card[data-glass-card] .product-media{
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.home-carousel-card[data-glass-card] .product-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 28%, transparent 60%, rgba(3,5,10,.30)),
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.16), transparent 24%);
  mix-blend-mode:screen;
}
.home-carousel-card[data-glass-card] .product-media::after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  border-radius:50%;
  right:-44px;
  bottom:-74px;
  background:radial-gradient(circle, rgba(139,124,255,.35), transparent 70%);
  filter:blur(10px);
  pointer-events:none;
  opacity:.75;
}
.home-carousel-card[data-glass-card] .product-image,
.home-carousel-card[data-glass-card] .product-art{
  transition:transform .7s cubic-bezier(.16,1,.3,1), filter .5s ease;
}
.home-carousel-card[data-glass-card]:hover .product-image,
.home-carousel-card[data-glass-card]:hover .product-art,
.home-carousel-card[data-glass-card]:focus-visible .product-image,
.home-carousel-card[data-glass-card]:focus-visible .product-art{
  transform:scale(1.065);
  filter:saturate(1.08) contrast(1.04);
}
.home-carousel-card[data-glass-card] .delivery-pill{
  z-index:5;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(5,7,12,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.22);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
}
.home-carousel-card[data-glass-card] .product-body{
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(0,0,0,.04));
}
.home-carousel-card[data-glass-card] .product-category{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.home-carousel-card[data-glass-card] .price-row{
  margin-top:2px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.16);
}
.home-carousel-card[data-glass-card] .home-product-cta{
  position:relative;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(69,212,255,.14), inset 0 1px 0 rgba(255,255,255,.20);
}
.home-carousel-card[data-glass-card] .home-product-cta::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 28%, rgba(255,255,255,.26) 50%, transparent 72%);
  transform:translateX(-130%);
  transition:transform .65s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.home-carousel-card[data-glass-card]:hover .home-product-cta::after,
.home-carousel-card[data-glass-card]:focus-visible .home-product-cta::after{transform:translateX(130%)}

/* CATEGORY GLASS */
.home-carousel-card[data-glass-card="category"]{
  min-height:100%;
  justify-content:flex-start;
  gap:7px;
  padding:18px;
  --glow-a:rgba(69,212,255,.15);
  --glow-b:rgba(139,124,255,.10);
}
.home-carousel-card[data-glass-card="category"] .home-category-icon{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  margin:0 0 9px;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 30% 20%, rgba(69,212,255,.17), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 16px 38px rgba(0,0,0,.20);
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
  transform:translateZ(32px);
}
.home-carousel-card[data-glass-card="category"] .home-category-icon::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), transparent 28%),
    radial-gradient(circle at 76% 76%, rgba(139,124,255,.22), transparent 26%);
  pointer-events:none;
}
.home-carousel-card[data-glass-card="category"] .home-category-icon::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 0 28px rgba(255,255,255,.05),0 0 32px rgba(69,212,255,.12);
}
.home-carousel-card[data-glass-card="category"] .home-category-icon img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.16,1,.3,1), filter .5s ease;
}
.home-carousel-card[data-glass-card="category"] .home-category-icon > span{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 20px 38px rgba(0,0,0,.18);
  color:#fff;
  font-size:2rem;
  font-weight:800;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.home-carousel-card[data-glass-card="category"]:hover .home-category-icon img,
.home-carousel-card[data-glass-card="category"]:focus-visible .home-category-icon img{transform:scale(1.08)}
.home-carousel-card[data-glass-card="category"] > b{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:1.8em;
  color:#fff;
  font-size:1.04rem;
  line-height:1.7;
}
.home-carousel-card[data-glass-card="category"] > b::after{
  content:"↗";
  margin-right:auto;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:#cfd8e8;
  transform:translateZ(20px) translateY(0);
  transition:transform .35s ease,background .35s ease,border-color .35s ease;
}
.home-carousel-card[data-glass-card="category"]:hover > b::after,
.home-carousel-card[data-glass-card="category"]:focus-visible > b::after{
  transform:translateZ(20px) translateY(-2px) rotate(-6deg);
  background:rgba(255,255,255,.075);
  border-color:rgba(69,212,255,.30);
}
.home-carousel-card[data-glass-card="category"] > span{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:5px 9px;
  margin-top:auto;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  color:var(--muted);
  font-size:.78rem;
}

@media(max-width:700px){
  .home-showcase-section .home-carousel-slide{perspective:none}
  .home-carousel-card[data-glass-card]{
    transform:none!important;
    will-change:auto;
    backdrop-filter:blur(20px) saturate(145%);
    -webkit-backdrop-filter:blur(20px) saturate(145%);
  }
  .home-carousel-card[data-glass-card]:active{transform:translateY(-2px)!important}
  .home-carousel-card[data-glass-card="category"]{padding:13px}
  .home-carousel-card[data-glass-card="category"] .home-category-icon{border-radius:17px}
  .home-carousel-card[data-glass-card="category"] .home-category-icon > span{width:62px;height:62px;border-radius:19px;font-size:1.55rem}
  .home-carousel-card[data-glass-card="category"] > b{font-size:.9rem}
  .home-carousel-card[data-glass-card="category"] > b::after{width:26px;height:26px;flex-basis:26px}
}
@media(max-width:380px){
  .home-carousel-card[data-glass-card="category"]{padding:10px}
  .home-carousel-card[data-glass-card="category"] > b{font-size:.84rem;gap:6px}
  .home-carousel-card[data-glass-card="category"] > span{font-size:.7rem;padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){
  .home-carousel-card[data-glass-card],
  .home-carousel-card[data-glass-card]::after,
  .home-carousel-card[data-glass-card] .product-image,
  .home-carousel-card[data-glass-card] .product-art,
  .home-carousel-card[data-glass-card] .home-category-icon img,
  .home-carousel-card[data-glass-card] .home-product-cta::after,
  .home-carousel-card[data-glass-card="category"] > b::after{transition:none!important;animation:none!important}
  .home-carousel-card[data-glass-card]{transform:none!important}
}
@media(prefers-reduced-transparency:reduce){
  .home-carousel-card[data-glass-card]{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(18,22,31,.94)}
  .home-carousel-card[data-glass-card="category"] .home-category-icon{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(20,24,34,.92)}
}

/* CINEMATIC GLASS MICRO-MOTION — idle breathing + accessible focus */
@keyframes nd-glass-breathe{0%,100%{opacity:.50}50%{opacity:.76}}
@keyframes nd-glass-ring{0%,100%{transform:scale(.92);opacity:.34}50%{transform:scale(1.04);opacity:.56}}
.home-carousel-card[data-glass-card]::before{animation:nd-glass-breathe 7s ease-in-out infinite}
.home-carousel-card[data-glass-card="category"] .home-category-icon::after{animation:nd-glass-ring 6s ease-in-out infinite}
.home-carousel-card[data-glass-card]:focus-visible{
  outline:2px solid rgba(104,226,255,.85);
  outline-offset:4px;
}
.home-carousel-card[data-glass-card]:hover::before,
.home-carousel-card[data-glass-card]:focus-visible::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .home-carousel-card[data-glass-card]::before,
  .home-carousel-card[data-glass-card="category"] .home-category-icon::after{animation:none!important}
}

/* ================================================================
   STORE GLASS CARD FINAL PASS — 2026-10-05
   Scoped to storefront product cards only.
   ================================================================ */
.store-glass-card[data-glass-card] {
  --mx: 52%;
  --my: 20%;
  --rx: 0deg;
  --ry: 0deg;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transform-style: preserve-3d;
  transform: perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,0,0);
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,.15), transparent 25%),
    linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.028) 52%, rgba(255,255,255,.015));
  border: 1px solid rgba(255,255,255,.13);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 26px 68px rgba(0,0,0,.30),
    0 14px 48px rgba(139,124,255,.10);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  transition: transform .55s cubic-bezier(.16,1,.3,1), border-color .4s ease, box-shadow .55s ease;
  will-change: transform;
}
.store-glass-card[data-glass-card]::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  border-radius:inherit;
  padding:1px;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,.72), rgba(255,255,255,.08) 18%, transparent 44%),
    linear-gradient(135deg, rgba(255,255,255,.32), transparent 30%, transparent 72%, rgba(69,212,255,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.50;
  transition:opacity .4s ease;
}
.store-glass-card[data-glass-card]::after {
  content:"";
  position:absolute;
  top:-18%;
  bottom:-18%;
  left:-65%;
  width:38%;
  z-index:9;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transform:skewX(-18deg) translateX(0);
  opacity:0;
  transition:transform .9s cubic-bezier(.16,1,.3,1), opacity .3s ease;
}
.store-glass-card[data-glass-card]:hover,
.store-glass-card[data-glass-card]:focus-visible {
  transform: perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-7px,0);
  border-color:rgba(255,255,255,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 34px 88px rgba(0,0,0,.40),
    0 18px 64px rgba(139,124,255,.14),
    0 10px 34px rgba(69,212,255,.08);
  outline:none;
}
.store-glass-card[data-glass-card]:hover::before,
.store-glass-card[data-glass-card]:focus-visible::before { opacity:.88; }
.store-glass-card[data-glass-card]:hover::after,
.store-glass-card[data-glass-card]:focus-visible::after {
  opacity:1;
  transform:skewX(-18deg) translateX(360%);
}
.store-glass-card .product-image,
.store-glass-card .product-art {
  height:270px;
  min-height:270px;
  position:relative;
  z-index:3;
  object-fit:cover;
  transform:translateZ(28px);
  transition:transform .7s cubic-bezier(.16,1,.3,1), filter .45s ease;
}
.store-glass-card .product-art { overflow:hidden; }
.store-glass-card:hover .product-image,
.store-glass-card:hover .product-art,
.store-glass-card:focus-visible .product-image,
.store-glass-card:focus-visible .product-art {
  transform:translateZ(28px) scale(1.045);
  filter:saturate(1.08) contrast(1.03);
}
.store-glass-card .product-body {
  position:relative;
  z-index:4;
  padding:16px 17px 18px;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(0,0,0,.045));
  transform:translateZ(18px);
}
.store-glass-card .product-body h3 {
  margin:5px 0 6px;
  font-size:.92rem;
  line-height:1.5;
  font-weight:700;
  letter-spacing:-.01em;
}
.store-glass-card .product-body > p {
  font-size:.78rem;
  line-height:1.8;
}
.store-glass-card .marketplace-price-row {
  border-radius:15px;
  padding:9px 11px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.store-glass-card .btn.primary {
  position:relative;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(69,212,255,.12), inset 0 1px 0 rgba(255,255,255,.18);
}
.store-glass-card .btn.primary::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.24) 50%, transparent 75%);
  transform:translateX(-130%);
  transition:transform .65s cubic-bezier(.16,1,.3,1);
}
.store-glass-card:hover .btn.primary::after,
.store-glass-card:focus-visible .btn.primary::after { transform:translateX(130%); }

/* Keep the homepage version equally strong while preserving its carousel sizing. */
.home-carousel-card[data-glass-card="product"] .product-image,
.home-carousel-card[data-glass-card="product"] .product-art {
  min-height:310px;
  height:310px;
}
.home-carousel-card[data-glass-card="product"] .product-body h3 {
  font-size:.96rem;
  line-height:1.5;
}

@media (max-width: 700px) {
  .store-glass-card .product-image,
  .store-glass-card .product-art {
    min-height:220px;
    height:220px;
  }
  .store-glass-card .product-body { padding:13px 13px 15px; }
  .store-glass-card .product-body h3 { font-size:.86rem; }
  .store-glass-card .product-body > p { font-size:.73rem; }
  .home-carousel-card[data-glass-card="product"] .product-image,
  .home-carousel-card[data-glass-card="product"] .product-art {
    min-height:240px;
    height:240px;
  }
}

@media (max-width: 380px) {
  .store-glass-card .product-image,
  .store-glass-card .product-art {
    min-height:190px;
    height:190px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .store-glass-card[data-glass-card],
  .store-glass-card .product-image,
  .store-glass-card .product-art,
  .store-glass-card::after,
  .store-glass-card .btn.primary::after {
    transition:none !important;
  }
  .store-glass-card[data-glass-card] { transform:none !important; }
}


/* FINAL STOREFRONT / CARD SYSTEM — Netdoor core glass language */
.store-glass-card,
.home-carousel-card.product-card{
  position:relative;
  isolation:isolate;
  border:1px solid var(--line)!important;
  background:var(--panel)!important;
  box-shadow:var(--shadow)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  transform:none!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.store-glass-card:hover,
.store-glass-card:focus-within,
.home-carousel-card.product-card:hover,
.home-carousel-card.product-card:focus-within{
  transform:translateY(-4px)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.34)!important;
}
.store-glass-card::before,
.home-carousel-card.product-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%);
}
.store-glass-card>* ,
.home-carousel-card.product-card>*{position:relative;z-index:1}
.marketplace-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.marketplace-product-grid .product-card{height:auto!important;min-width:0}
.marketplace-product-grid .product-image,
.marketplace-product-grid .product-art{
  width:100%;
  aspect-ratio:4/3;
  height:auto!important;
  min-height:0!important;
  display:block;
  object-fit:cover;
}
.marketplace-product-grid .product-art{background:linear-gradient(135deg,#111524,#0c1018)!important}
.marketplace-product-grid .product-body{
  padding:14px 15px 15px!important;
  display:flex!important;
  flex-direction:column;
  gap:7px;
  min-height:0;
}
.marketplace-product-grid .product-type{font-size:.66rem;color:var(--muted);min-height:0}
.marketplace-product-grid .product-body h3{
  margin:0!important;
  min-height:0!important;
  font-size:.9rem!important;
  line-height:1.55!important;
  font-weight:700;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.marketplace-product-grid .product-body>p{
  margin:0!important;
  min-height:0!important;
  max-height:2.9em!important;
  font-size:.7rem!important;
  line-height:1.55!important;
  color:var(--muted);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.marketplace-product-grid .product-tags{min-height:0!important;max-height:22px!important;margin:0!important}
.marketplace-product-grid .marketplace-price-row{
  min-height:0!important;
  margin:2px 0 0!important;
  padding:8px 0!important;
  border:0!important;
  border-top:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:7px;
}
.marketplace-product-grid .marketplace-price-row strong{font-size:1rem!important}
.marketplace-product-grid .stock{font-size:.68rem!important;margin:0!important;min-height:18px}
.marketplace-product-grid .product-body>.btn{margin-top:2px;min-height:42px}
.store-glass-card .product-image,
.store-glass-card .product-art{transition:transform .38s ease,filter .28s ease}
.store-glass-card:hover .product-image,
.store-glass-card:hover .product-art,
.store-glass-card:focus-within .product-image,
.store-glass-card:focus-within .product-art{transform:scale(1.02);filter:saturate(1.04) contrast(1.02)}
.store-glass-card::after,
.home-carousel-card.product-card::after,
.home-carousel-card.product-card .product-media::before,
.home-carousel-card.product-card .product-media::after{content:none!important;display:none!important}
.home-carousel-card.product-card{overflow:hidden!important}
.home-carousel-card .product-media,
.home-carousel-card .product-image,
.home-carousel-card .product-art{
  height:240px!important;
  min-height:240px!important;
  position:relative;
  z-index:1;
}
.home-carousel-card .product-body{padding:13px 14px 15px!important}
.home-carousel-card .product-body h3{font-size:.91rem!important;min-height:0!important;line-height:1.55!important}
.home-carousel-card .product-body p{font-size:.69rem!important;min-height:0!important;max-height:2.8em!important}
.home-product-out,
.cart-stock-warning,
.product-out-of-stock{
  border:1px solid rgba(255,112,122,.20);
  background:rgba(255,112,122,.055);
  color:#ffdfe2;
  border-radius:14px;
}
.home-product-out{padding:9px 11px;font-size:.72rem;font-weight:700;text-align:center}
.product-out-of-stock{display:grid;gap:4px;padding:17px;margin-top:20px}
.product-out-of-stock strong{font-size:1rem}.product-out-of-stock span{font-size:.78rem;color:var(--muted)}
.product-availability.is-out{color:#ff9aa1!important;border-color:rgba(255,112,122,.20)!important;background:rgba(255,112,122,.05)}

/* Category cards: animate only the icon/content; never transform the card inside the carousel viewport. */
.home-carousel-card.category-card{
  position:relative;
  isolation:isolate;
  z-index:1!important;
  overflow:hidden!important;
  padding:18px!important;
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
  transform:none!important;
  transition:border-color .24s ease,box-shadow .24s ease!important;
}
.home-carousel-card.category-card:hover,
.home-carousel-card.category-card:focus-within{
  transform:none!important;
  z-index:2!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.34)!important;
}
.home-carousel-card.category-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 45%);
  pointer-events:none;
}
.home-carousel-card.category-card>*{position:relative;z-index:1}
.home-carousel-card.category-card .home-category-icon{
  width:100%;
  aspect-ratio:4/3;
  height:auto;
  margin:0 0 12px;
  overflow:hidden;
  border-radius:16px;
  background:rgba(255,255,255,.025)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.home-carousel-card.category-card:hover .home-category-icon,
.home-carousel-card.category-card:focus-within .home-category-icon{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.035)!important;
}
.home-carousel-card.category-card .home-category-icon img{transition:transform .4s ease;object-fit:cover}
.home-carousel-card.category-card:hover .home-category-icon img,
.home-carousel-card.category-card:focus-within .home-category-icon img{transform:scale(1.035)}
.home-carousel-card.category-card b{font-size:.88rem!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-carousel-card.category-card>span{margin-top:auto;font-size:.7rem!important;color:var(--muted)!important}
.home-carousel-viewport{overflow-y:visible!important;padding-top:6px!important;padding-bottom:14px!important}
.home-carousel-card.category-card{margin-block:0!important}

/* Cart actions stay visually attached to the bottom of the cart summary. */
.cart-summary{display:grid!important;grid-template-columns:1fr auto;align-items:end!important;gap:8px 14px!important;padding:18px!important}
.cart-total-label{font-size:.8rem;color:var(--muted)}
.cart-summary>strong{font-size:1.35rem!important;text-align:left}
.cart-actions{grid-column:1/-1;display:flex!important;justify-content:flex-end;gap:10px!important;padding-top:10px;border-top:1px solid var(--line);margin-top:4px}
.cart-actions .btn{min-width:150px}
.cart-stock-warning{display:grid;gap:4px;padding:14px 16px;margin:0 0 14px}.cart-stock-warning strong{font-size:.86rem}.cart-stock-warning span{font-size:.74rem;color:#f6cfd3}

/* Order timeline: equal squares on desktop and stable two-column squares on small screens. */
.timeline{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.time-step{
  aspect-ratio:1/1;
  min-height:0!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center!important;
  gap:7px!important;
  border-radius:18px!important;
  color:#697483!important;
  background:rgba(255,255,255,.018)!important;
}
.time-step .time-step-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.time-step b{font-size:.8rem!important;line-height:1.5!important;white-space:normal!important;word-break:normal}.time-step small{font-size:.66rem!important;color:var(--muted)}
.time-step.done{border-color:rgba(102,227,164,.16)!important;background:rgba(102,227,164,.045)!important;color:#e8fff3!important}.time-step.done .time-step-mark{border-color:rgba(102,227,164,.30);color:var(--ok);background:rgba(102,227,164,.07)}
.time-step.current{border-color:rgba(69,212,255,.34)!important;background:rgba(69,212,255,.07)!important;color:#fff!important;box-shadow:0 18px 40px rgba(0,0,0,.22)!important}.time-step.current .time-step-mark{border-color:rgba(69,212,255,.36);color:var(--accent2);background:rgba(69,212,255,.08)}
.time-step.upcoming{opacity:.78}

/* Admin role management */
.admin-role-panel{margin:18px 0 4px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);display:grid;gap:14px}
.admin-role-toggle{display:flex!important;align-items:flex-start;gap:10px;padding:12px 13px;margin:0!important;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.admin-role-toggle input{width:20px!important;height:20px!important;margin-top:3px;flex:0 0 auto}.admin-role-toggle span{display:grid;gap:3px}.admin-role-toggle strong{font-size:.86rem}.admin-role-toggle small{font-size:.7rem;color:var(--muted)}
.role-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.role-option{display:flex!important;align-items:flex-start;gap:9px;padding:11px 12px;margin:0!important;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.014)}
.role-option input{width:18px!important;height:18px!important;margin-top:2px;flex:0 0 auto}.role-option span{display:grid;gap:2px}.role-option strong{font-size:.76rem}.role-option small{font-size:.65rem;color:var(--muted);line-height:1.7}
.admin-role-warning{padding:12px 13px;border-radius:14px;border:1px solid rgba(255,196,92,.20);background:rgba(255,196,92,.05);color:#f7e7c5;font-size:.75rem;line-height:1.85}
.admin-managers-guide{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;margin-bottom:18px}.admin-managers-guide h3{margin:4px 0}.admin-managers-guide p{margin:0;color:var(--muted);font-size:.76rem}.admin-managers-guide .btn{flex:0 0 auto}
.role-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.role-catalog-card{padding:16px;border-radius:18px}.role-catalog-card h3{margin:6px 0 4px;font-size:.9rem}.role-catalog-card p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.8}
@media(max-width:1100px){.marketplace-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.timeline{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:780px){
  .marketplace-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marketplace-product-grid .product-body{padding:12px!important}.marketplace-product-grid .product-body h3{font-size:.86rem!important}.marketplace-product-grid .product-body>p{font-size:.68rem!important}
  .home-carousel-card .product-media,.home-carousel-card .product-image,.home-carousel-card .product-art{height:210px!important;min-height:210px!important}
  .timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.time-step{padding:12px!important}
  .role-select-grid,.role-catalog-grid{grid-template-columns:1fr 1fr}.admin-managers-guide{align-items:flex-start;flex-direction:column}.admin-managers-guide .btn{width:100%}
  .cart-actions{display:grid!important;grid-template-columns:1fr 1fr}.cart-actions .btn{min-width:0;width:100%}
}
@media(max-width:480px){
  .marketplace-product-grid{grid-template-columns:1fr 1fr;gap:9px}.marketplace-product-grid .product-image,.marketplace-product-grid .product-art{aspect-ratio:4/3;height:auto!important}.marketplace-product-grid .product-body h3{font-size:.82rem!important}.marketplace-product-grid .product-body>p{font-size:.64rem!important}.role-select-grid,.role-catalog-grid{grid-template-columns:1fr}.cart-summary{grid-template-columns:1fr!important}.cart-summary>strong{text-align:right}.cart-actions{grid-template-columns:1fr!important}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){
  .store-glass-card,.home-carousel-card.product-card,.store-glass-card .product-image,.store-glass-card .product-art,.home-carousel-card.category-card .home-category-icon,.home-carousel-card.category-card .home-category-icon img{transition:none!important}
}

.admin-role-toggle input:disabled,.role-option input:disabled{cursor:not-allowed}.role-option.is-disabled{opacity:.52}
.role-permission-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.role-permission-list span{padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.018);color:var(--muted);font-size:.62rem;line-height:1.4}


/*
   NETDOOR FINAL STORE / ORDER / ROLE POLISH — 2026-10-05
   Core visual language only: same glass surface, same accents, restrained motion.
   ================================================================ */
.nd-product-card{
  position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  transform:none!important;transition:border-color .22s ease,box-shadow .22s ease!important;
}
.nd-product-card::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%)}
.nd-product-card:hover,.nd-product-card:focus-within{
  transform:none!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 26px 64px rgba(0,0,0,.30)!important;
}
.nd-product-media{
  position:relative!important;display:block!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;overflow:hidden!important;
  background:rgba(255,255,255,.025)!important;border-bottom:1px solid var(--line)!important;z-index:1;
}
.nd-product-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 38%,rgba(0,0,0,.08))}
.nd-product-media .product-image{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important;display:block!important;margin:0!important;padding:0!important;transition:transform .28s ease,filter .28s ease!important;position:relative;z-index:1}
.nd-product-media .product-art{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(17,21,36,.92),rgba(12,16,24,.96))!important;position:relative;z-index:1}
.nd-product-media .product-orb{width:170px!important;height:170px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.nd-product-media .delivery-pill{position:absolute!important;top:11px!important;right:11px!important;z-index:4!important;margin:0!important}
.nd-stock-overlay{position:absolute;right:10px;bottom:10px;z-index:4;padding:7px 10px;border-radius:10px;background:rgba(8,10,15,.82);border:1px solid rgba(255,112,122,.24);color:#ffdfe3;font-size:.68rem;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nd-product-card:hover .nd-product-media .product-image,.nd-product-card:focus-within .nd-product-media .product-image,.nd-product-card:hover .nd-product-media .product-art,.nd-product-card:focus-within .nd-product-media .product-art{transform:scale(1.018)!important;filter:saturate(1.02) contrast(1.015)!important}
.nd-product-body{position:relative!important;z-index:2;display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;padding:13px 14px 14px!important}
.nd-product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.62rem;line-height:1.35;min-width:0}
.nd-product-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nd-product-meta span+span{opacity:.72}
.nd-product-body h3{margin:0!important;font-size:.86rem!important;line-height:1.5!important;font-weight:700!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden}
.nd-product-body h3 a{color:var(--text)}
.nd-product-body>p{margin:0!important;color:var(--muted)!important;font-size:.64rem!important;line-height:1.6!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:0!important}
.nd-price-row{display:flex!important;align-items:baseline!important;gap:7px!important;padding-top:8px!important;border-top:1px solid var(--line)!important;margin-top:2px!important;min-height:34px!important;background:transparent!important}
.nd-price-row span{color:var(--muted);font-size:.62rem}.nd-price-row strong{font-size:.94rem!important;line-height:1.2!important}.nd-price-row del{font-size:.66rem!important;color:#6e7785!important}
.nd-stock-line{color:var(--muted);font-size:.63rem;line-height:1.45;min-height:1.4em}.nd-stock-line.out{color:#ff9aa3}
.nd-disabled-btn{opacity:.72!important;cursor:not-allowed!important;pointer-events:none!important}
.marketplace-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}.home-carousel-card.nd-product-card{width:100%!important}

/* Category tiles use the same surface language as the rest of Netdoor. Only the inner image moves. */
.nd-category-card{position:relative!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;padding:12px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;transform:none!important;overflow:visible!important;transition:border-color .22s ease,box-shadow .22s ease!important;isolation:isolate}
.nd-category-card:hover,.nd-category-card:focus-visible{transform:none!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 24px 58px rgba(0,0,0,.30)!important;outline:none}
.nd-category-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%)}
.nd-category-media{position:relative!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;border-radius:15px!important;background:rgba(255,255,255,.02)!important;border:1px solid var(--line)!important;box-shadow:none!important;transform:none!important;transition:border-color .22s ease,background .22s ease!important}
.nd-category-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 45%,rgba(0,0,0,.08))}
.nd-category-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .28s ease,filter .28s ease!important}.nd-category-media span{font-size:1.5rem;color:#fff}
.nd-category-card:hover .nd-category-media,.nd-category-card:focus-visible .nd-category-media{border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.03)!important}
.nd-category-card:hover .nd-category-media img,.nd-category-card:focus-visible .nd-category-media img{transform:scale(1.018)!important;filter:saturate(1.02)!important}
.nd-category-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:1px 2px 0}.nd-category-content b{font-size:.84rem!important;line-height:1.45!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nd-category-content span{font-size:.63rem!important;color:var(--muted)!important;white-space:nowrap}
.home-carousel-viewport{overflow-x:auto!important;overflow-y:hidden!important;padding:4px 0 12px!important}.home-carousel-track{align-items:stretch!important}

/* Cart stock helpers and bottom action zone. */
.cart-card{display:flex!important;flex-direction:column!important;min-height:clamp(420px,calc(100vh - 250px),720px)!important}
.cart-summary.cart-summary-bottom{position:sticky!important;bottom:0!important;margin-top:auto!important;border-top:1px solid var(--line)!important;padding:17px!important;align-items:end!important;background:linear-gradient(180deg,rgba(17,20,29,.58),rgba(17,20,29,.90))!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;z-index:6;border-radius:16px}
.cart-summary-bottom .cart-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:180px}.cart-summary-bottom .cart-total span{font-size:.76rem;color:var(--muted)}.cart-summary-bottom .cart-total strong{font-size:1.35rem!important}.cart-summary-bottom .cart-actions{display:flex!important;justify-content:flex-end;gap:10px!important;margin:0!important;padding:0!important;border:0!important}.stock-limit-hint{font-size:.65rem;color:var(--danger);min-height:1.2em;margin-top:2px}

/* Order timeline: every state is a real square; columns adapt without awkward wrapping. */
.timeline{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:14px!important;margin:24px 0 28px!important;align-items:stretch!important}
.timeline .time-step{aspect-ratio:1/1!important;min-height:0!important;width:100%!important;padding:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;overflow:hidden!important;border-radius:18px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}
.timeline .time-step-mark{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;border:1px solid var(--line)!important;flex:0 0 auto}.timeline .time-step b{max-width:90%!important;font-size:.78rem!important;line-height:1.55!important;white-space:normal!important;margin:0!important}.timeline .time-step small{font-size:.64rem!important;color:var(--muted)!important;line-height:1.45!important}

/* Admin role management */
.page-head-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.admin-role-panel{background:rgba(255,255,255,.022)!important}.role-option input:checked + span strong{color:#fff}
@media(max-width:1100px){.marketplace-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.timeline{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}}
@media(max-width:780px){.marketplace-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-head-row{align-items:flex-start;flex-direction:column}.page-head-row .btn{width:100%}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}.timeline .time-step{padding:12px!important}.cart-summary-bottom .cart-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.cart-summary-bottom .cart-actions .btn{width:100%!important;min-width:0!important}}
@media(max-width:480px){.marketplace-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.nd-product-body{padding:10px 10px 11px!important;gap:5px!important}.nd-product-meta{font-size:.56rem}.nd-product-body h3{font-size:.76rem!important}.nd-product-body>p{font-size:.60rem!important}.nd-price-row strong{font-size:.86rem!important}.nd-category-card{padding:9px!important}.nd-category-content b{font-size:.78rem!important}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.timeline .time-step{padding:9px!important}.timeline .time-step-mark{width:32px!important;height:32px!important}.timeline .time-step b{font-size:.70rem!important}.timeline .time-step small{font-size:.60rem!important}.cart-summary-bottom{bottom:8px!important;border-radius:14px!important}.cart-summary-bottom .cart-actions{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.nd-product-card,.nd-product-media .product-image,.nd-product-media .product-art,.nd-category-card,.nd-category-media,.nd-category-media img,}


/* Final interaction polish: compact admin actions and stable order summary columns. */
.order-top{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.customer-admin-actions{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;min-width:170px}
.customer-admin-actions .btn{white-space:nowrap}
@media(max-width:780px){
  .order-top{grid-template-columns:1fr!important}
  .customer-admin-actions{display:grid;grid-template-columns:1fr;min-width:0}
  .customer-admin-actions .btn{width:100%}
}

/* ========================================================================
   FINAL UX TOUCH — 2026-10-06
   Home product media, category arrow rhythm, order timeline and cart summary.
   ======================================================================== */

/* Home product cards: image-led, landscape media, minimal information below. */
.home-carousel-card.nd-product-card .nd-product-media,
.home-carousel-card.nd-product-card .home-product-media{
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  border-bottom: 1px solid var(--line) !important;
}
.home-carousel-card.nd-product-card .nd-product-media .product-image{
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}
.home-carousel-card.nd-product-card .nd-product-media .product-art{
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}
.home-carousel-card.nd-product-card .nd-product-body{
  padding: 11px 13px 13px !important;
  gap: 5px !important;
}
.home-carousel-card.nd-product-card .nd-product-body h3{
  font-size: .84rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}
.home-carousel-card.nd-product-card .nd-product-body > p{
  font-size: .63rem !important;
  line-height: 1.55 !important;
  -webkit-line-clamp: 1 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

/* Keep category CTA safely pinned to the card bottom with room for the label. */
.home-carousel-card.category-card.nd-category-card{
  min-height: 100% !important;
  padding-bottom: 12px !important;
}
.home-carousel-card.category-card.nd-category-card 
.home-carousel-card.category-card.nd-category-card .nd-category-content{
  padding-bottom: 2px !important;
}

/* Order timeline: smaller square footprints, slightly larger readable copy. */
.timeline{
  grid-template-columns: repeat(6, minmax(112px, 148px)) !important;
  justify-content: center !important;
  gap: 12px !important;
}
.timeline .time-step{
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  padding: 12px !important;
  gap: 7px !important;
  border-radius: 16px !important;
}
.timeline .time-step .time-step-mark{
  width: 32px !important;
  height: 32px !important;
}
.timeline .time-step b{
  max-width: 94% !important;
  font-size: .86rem !important;
  line-height: 1.55 !important;
}
.timeline .time-step small{
  font-size: .70rem !important;
  line-height: 1.5 !important;
}

/* Cart: summary belongs directly to the last product row; no artificial viewport spacer. */
.cart-card{
  min-height: 0 !important;
}
.cart-card .table-wrap{
  margin-bottom: 0 !important;
}
.cart-summary.cart-summary-bottom{
  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-radius: 0 0 16px 16px !important;
}
.cart-summary-bottom .cart-actions{
  align-items: center !important;
}

@media(max-width: 1100px){
  .timeline{
    grid-template-columns: repeat(4, minmax(112px, 148px)) !important;
  }
}

@media(max-width: 780px){
  .home-carousel-card.nd-product-card .nd-product-media,
  .home-carousel-card.nd-product-card .home-product-media{
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .timeline{
    grid-template-columns: repeat(2, minmax(0, 148px)) !important;
    justify-content: center !important;
    gap: 10px !important;
  }
  .timeline .time-step{
    padding: 10px !important;
  }
  .cart-summary.cart-summary-bottom{
    border-radius: 0 0 14px 14px !important;
  }
}

@media(max-width: 480px){
  .home-carousel-card.nd-product-card .nd-product-media,
  .home-carousel-card.nd-product-card .home-product-media{
    aspect-ratio: 1 / 1 !important;
  }
  .home-carousel-card.nd-product-card .nd-product-body{
    padding: 9px 10px 11px !important;
  }
  .home-carousel-card.nd-product-card .nd-product-body h3{
    font-size: .78rem !important;
  }
  .home-carousel-card.nd-product-card .nd-product-body > p{
    font-size: .60rem !important;
  }
  .timeline{
    grid-template-columns: repeat(2, minmax(0, 138px)) !important;
    gap: 8px !important;
  }
  .timeline .time-step b{
    font-size: .80rem !important;
  }
  .timeline .time-step small{
    font-size: .65rem !important;
  }
}

@media(prefers-reduced-motion: reduce){
  .home-carousel-card.nd-product-card .nd-product-media .product-image,
  .home-carousel-card.nd-product-card .nd-product-media .product-art,
}

.account-label-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.torob-check-grid{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.torob-check-grid .panel{display:grid;gap:3px}.torob-check-grid strong{font-size:1.35rem}.torob-check-grid small,.torob-check-row span{color:var(--muted)}.torob-check-list{display:grid;gap:8px;margin-top:14px}.torob-check-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}@media(max-width:700px){.account-label-grid,.torob-check-grid{grid-template-columns:1fr}}

.legal-page{padding:0 0 30px}.legal-card{border-radius:24px;padding:26px;max-width:920px;margin:0 auto}.legal-card h2{margin:28px 0 8px;font-size:1.05rem}.legal-card p{color:#c8d0dc;margin:0}.legal-meta{display:inline-flex;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.76rem;background:rgba(255,255,255,.025)}.legal-note{display:flex;gap:10px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px dashed var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.legal-note span{color:var(--muted)}.checkout-terms{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;margin:6px 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.checkout-terms input{width:20px!important;height:20px!important;min-height:20px;flex:0 0 auto;margin:3px 0 0;accent-color:#45d4ff}.checkout-terms span{font-size:.82rem;color:var(--muted);line-height:1.8}.checkout-terms a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px}