:root{--bg:#f7f8fb;--text:#172033;--muted:#717b8f;--primary:#4937cc;--primary2:#35249f;--border:#e4e7ef;--green:#188462;--red:#c2495f;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,"Segoe UI",Tahoma,Arial,sans-serif;font-size:16px}button,input,select,textarea{font:inherit}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;backdrop-filter:blur(15px)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:15px 15px 15px 5px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6957e2,#35249f);box-shadow:0 9px 22px rgba(73,55,204,.24);font-weight:900}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:1.12rem}.brand small{color:#818a9c;font-size:.74rem;margin-top:2px}.main-nav{display:flex;gap:4px}.main-nav a{padding:10px 14px;border-radius:10px;text-decoration:none;color:#5f697c;font-size:.88rem;font-weight:700}.main-nav a:hover{color:var(--primary);background:#f0efff}.header-actions{display:flex;align-items:center;gap:8px}.outline-btn,.account-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:#fff;text-decoration:none;color:var(--primary);font-size:.8rem;font-weight:800;cursor:pointer}.cart-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;color:#fff;background:linear-gradient(145deg,#5d4ae0,#3927a6);text-decoration:none;font-weight:850;cursor:pointer}.cart-btn b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--primary);font-size:.7rem}.wide{width:100%}.flashes{position:fixed;top:88px;left:20px;z-index:80;width:min(390px,calc(100% - 40px))}.flash{padding:12px 14px;border-radius:11px;margin-bottom:8px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 32px rgba(20,27,48,.12);transition:.3s}.flash.success{color:var(--green);background:#effbf7}.flash.error{color:var(--red);background:#fff2f4}.flash-hide{opacity:0;transform:translateY(-8px)}
.hero{min-height:500px;padding-block:66px 54px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:62px}.hero-badge{display:inline-flex;padding:7px 12px;border-radius:999px;color:#4937cc;background:#eeecff;border:1px solid #dcd8ff;font-size:.78rem;font-weight:900}.hero h1{font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.2;letter-spacing:-.055em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--primary)}.hero p{max-width:650px;color:#606b7e;line-height:2;font-size:1rem}.hero-search{max-width:640px;display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px;background:#fff;border:1px solid #dfe2eb;border-radius:16px;box-shadow:0 14px 35px rgba(28,35,60,.08)}.hero-search input{border:0;outline:0;padding:0 13px}.hero-search button{border:0;border-radius:11px;background:var(--primary);color:#fff;padding:13px 25px;font-weight:800}.trust-row{display:flex;gap:22px;color:#6f798c;font-size:.8rem;margin-top:16px}.hero-art{height:375px;border-radius:34px 34px 34px 12px;background:linear-gradient(145deg,#e8e5ff,#d8d2ff 52%,#eeebff);position:relative}.art-card{position:absolute;width:205px;height:255px;border-radius:19px 19px 19px 7px;padding:23px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 25px 55px rgba(41,27,124,.24)}.art-card strong{font-size:1.25rem;line-height:1.5}.art-card b{font-size:.7rem;opacity:.7;margin-bottom:auto}.art-card.purple{right:45px;top:40px;transform:rotate(8deg);background:linear-gradient(150deg,#5945db,#32218f)}.art-card.gold{right:195px;top:78px;transform:rotate(-7deg);background:linear-gradient(150deg,#f5b53b,#ca7608)}.rating-bubble{position:absolute;left:22px;bottom:22px;background:#fff;padding:14px 18px;border-radius:15px;box-shadow:0 12px 30px rgba(38,30,80,.15);display:flex;flex-direction:column;color:#737c8d;font-size:.7rem}.rating-bubble b{font-size:1.5rem;color:var(--primary)}
.category-section,.products-section{padding-block:35px 45px}.section-title,.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-title span,.page-heading span{color:#7462df;font-size:.75rem;font-weight:900}.section-title h2,.page-heading h1{margin:4px 0 0;font-size:1.7rem}.section-title p{color:#8991a0;font-size:.8rem}.page-heading>a{color:var(--primary);font-size:.8rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.category-grid a{min-height:105px;padding:12px;border:1px solid var(--border);border-radius:16px;background:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;color:#566074;font-size:.78rem;font-weight:800}.category-grid i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0efff;color:var(--primary);font-style:normal;font-size:1.2rem}.category-grid a:hover,.category-grid a.active{border-color:#9185ed;color:var(--primary);background:#f7f6ff;transform:translateY(-2px)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 8px 28px rgba(29,35,57,.055);transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(29,35,57,.1)}.product-cover{height:215px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff;text-decoration:none;position:relative;overflow:hidden}.product-cover img,.detail-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-cover img:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3)}.product-cover>*:not(img),.detail-cover>*:not(img){position:relative;z-index:2}.product-cover strong{font-size:1.15rem;line-height:1.55;max-width:85%}.product-cover span,.product-cover small{font-size:.7rem;opacity:.8}.product-cover>b{position:absolute!important;left:19px;bottom:19px;background:#fff;color:#30274e;padding:5px 8px;border-radius:7px;font-size:.65rem}.tone-1{background:linear-gradient(145deg,#5d4ae1,#30218c)}.tone-2{background:linear-gradient(145deg,#e9a52b,#b86708)}.tone-3{background:linear-gradient(145deg,#20aa83,#08715c)}.tone-4{background:linear-gradient(145deg,#e86889,#ad2d54)}.tone-5{background:linear-gradient(145deg,#4ea4e5,#245faa)}.tone-6{background:linear-gradient(145deg,#9560d9,#5e2aa0)}.product-body{padding:17px 19px 19px}.product-meta{display:flex;gap:7px;color:#8b93a2;font-size:.68rem}.product-meta i{width:3px;height:3px;border-radius:50%;background:#c2c6cf;align-self:center}.product-body h3{margin:10px 0 6px}.product-body h3 a{text-decoration:none;font-size:1rem}.product-body>p{color:#707a8d;font-size:.76rem;line-height:1.8;min-height:43px}.product-footer{border-top:1px solid #eff0f4;margin-top:14px;padding-top:14px;display:flex;align-items:end;justify-content:space-between}.product-footer>div{display:flex;flex-direction:column}.product-footer del{color:#a1a7b3;font-size:.65rem}.product-footer strong{color:var(--primary);font-size:.9rem}.product-footer button{width:40px;height:40px;border:0;border-radius:12px;color:#fff;background:var(--primary);font-size:1.3rem}.empty-state{min-height:300px;border:1px dashed #ccd1dc;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#768094}.empty-state>span{font-size:2.2rem;color:#9188e4}.empty-state h3{color:#273044;margin:12px 0 3px}.empty-state p{font-size:.8rem}.promise{margin-block:20px 70px;padding:24px 32px;border-radius:21px;background:#171c2b;color:#fff;display:grid;grid-template-columns:repeat(3,1fr)}.promise>div{display:flex;align-items:center;gap:12px;padding:6px 25px;border-left:1px solid rgba(255,255,255,.12)}.promise>div:last-child{border:0}.promise>div>b{color:#9c91ff;font-size:1.4rem}.promise span{display:flex;flex-direction:column}.promise strong{font-size:.85rem}.promise small{color:#9da5b5;font-size:.68rem;margin-top:4px}
.breadcrumbs{display:flex;gap:8px;color:#8d95a4;font-size:.72rem;margin-bottom:20px}.breadcrumbs a{color:var(--primary)}.detail-main{padding-block:25px 70px}.product-hero{display:grid;grid-template-columns:280px 1fr 285px;gap:24px;align-items:start}.detail-cover{min-height:390px;border-radius:24px 24px 24px 8px;padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;box-shadow:0 20px 43px rgba(35,27,91,.16)}.detail-cover>b{font-size:2.5rem;margin-bottom:auto}.detail-cover strong{font-size:1.5rem;line-height:1.55}.detail-cover small{opacity:.75}.product-summary{padding-top:7px}.quality-badge{display:inline-flex;color:var(--green);background:#eaf8f3;border-radius:8px;padding:6px 9px;font-size:.7rem;font-weight:800}.product-summary h1{font-size:2rem;line-height:1.45;margin:17px 0 9px}.product-summary>p{color:#657083;line-height:1.95;font-size:.86rem}.rating-line{color:#ce8b0e;font-size:.75rem;margin:15px 0}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.spec-grid>div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}.spec-grid span{display:flex;flex-direction:column;color:#9198a6;font-size:.65rem}.spec-grid strong{color:#3e4758;font-size:.76rem;margin-top:3px}.buy-card,.cart-summary{background:#fff;border:1px solid var(--border);border-radius:19px;padding:20px;box-shadow:0 12px 32px rgba(29,35,57,.07)}.buy-price{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:16px}.buy-price del{color:#a0a7b3;font-size:.75rem}.buy-price strong{color:var(--primary);font-size:1.3rem}.buy-card ul{list-style:none;padding:15px 0 0;margin-top:15px;border-top:1px solid #eceef2;color:#667185;font-size:.7rem;line-height:2}.detail-content{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:28px}.detail-panel,.panel-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px}.detail-panel h2,.panel-card h2{font-size:1rem;margin-top:0}.detail-panel>p{color:#616c7f;line-height:2;font-size:.82rem}.tech-table{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e6e8ee;border:1px solid #e6e8ee;border-radius:11px;overflow:hidden;margin-top:20px}.tech-table>div{display:flex;justify-content:space-between;background:#fff;padding:11px;font-size:.7rem}.tech-table span{color:#8991a0}.review-item{background:#f7f8fa;border-radius:11px;padding:12px;margin-bottom:8px}.review-item>div{display:flex;justify-content:space-between}.review-item span{color:#e09a13}.review-item p,.muted{color:#697386;font-size:.75rem;line-height:1.8}.review-form,.checkout-form,.seller-form-card form{display:flex;flex-direction:column;gap:10px;margin-top:15px}label{display:flex;flex-direction:column;gap:6px;color:#596477;font-size:.75rem;font-weight:800}input,select,textarea{width:100%;border:1px solid #dce0e9;border-radius:10px;background:#fff;padding:10px 11px;outline:0}input:focus,select:focus,textarea:focus{border-color:#8274e4;box-shadow:0 0 0 3px rgba(90,72,212,.1)}textarea{min-height:95px;resize:vertical}
.cart-page,.checkout-page,.invoice-page,.account-page{padding-block:35px 75px}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.cart-row{display:grid;grid-template-columns:54px 1fr auto auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #eceef2}.cart-row:last-child{border:0}.cart-thumb{width:54px;height:60px;border-radius:10px;color:#fff;display:grid;place-items:center}.cart-row>div{display:flex;flex-direction:column}.cart-row small{color:#8a92a1;font-size:.65rem;margin-top:3px}.cart-row>b{font-size:.78rem;color:var(--primary)}.remove-btn{border:0;background:none;color:#c24a5e;font-size:1.4rem}.cart-summary{position:sticky;top:95px}.cart-summary>div,.summary-line,.summary-total{display:flex;justify-content:space-between;gap:10px;padding-block:10px}.cart-summary p{color:#8b93a2;font-size:.7rem}.summary-line{border-bottom:1px solid #eceef2;font-size:.72rem}.summary-total{margin-top:9px}.checkout-form>small{text-align:center;color:#8c94a2;font-size:.68rem}.invoice-card{max-width:750px;margin:auto;background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 15px 40px rgba(29,35,57,.07)}.invoice-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #d8dbe2;padding-bottom:20px}.invoice-info{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f6f7f9;border-radius:12px;padding:14px;margin:18px 0}.invoice-info div{display:flex;flex-direction:column}.invoice-info span{color:#8991a0;font-size:.65rem}.invoice-info strong{font-size:.75rem;margin-top:3px}.invoice-lines>div{display:flex;justify-content:space-between;padding:9px 2px;font-size:.78rem}.invoice-total{border-top:1px solid #e1e4e9;margin-top:5px;padding-top:15px!important}.invoice-total strong{color:var(--primary)}.download-list{border-top:1px dashed #d8dbe2;margin-top:15px;padding-top:15px}.download-list a{display:flex;justify-content:space-between;padding:11px;background:#f3f2ff;border-radius:10px;text-decoration:none;margin-bottom:7px;font-size:.74rem}.download-list a b{color:var(--primary)}.download-list small{color:#878f9e;font-size:.65rem}.invoice-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.status{display:inline-flex;width:max-content;padding:5px 8px;border-radius:7px;background:#eef0f4;color:#626c7e;font-size:.65rem}.status.paid,.status.active,.status.approved{color:var(--green);background:#e8f8f2}.status.failed,.status.rejected,.status.inactive{color:var(--red);background:#fff0f2}.status.pending{color:#a56a0d;background:#fff4dc}
.auth-page{min-height:calc(100vh - 176px);display:grid;place-items:center;padding-block:45px}.auth-card{width:min(440px,100%);padding:28px;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 45px rgba(29,35,57,.08);display:flex;flex-direction:column;gap:12px}.auth-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(145deg,#6754df,#3825a0);font-size:1.8rem}.auth-card h1{margin:3px 0 0;font-size:1.5rem}.auth-card>p{margin:0;color:#818a9a;font-size:.75rem}.auth-card>a{text-align:center;color:var(--primary);font-size:.75rem}.account-page{display:grid;grid-template-columns:220px 1fr;gap:24px}.account-sidebar{background:#fff;border:1px solid var(--border);border-radius:19px;padding:18px;align-self:start;display:flex;flex-direction:column;align-items:center}.avatar{width:57px;height:57px;display:grid;place-items:center;border-radius:17px;background:#eeecff;color:var(--primary);font-size:1.4rem;font-weight:900}.account-sidebar>strong{margin-top:9px;font-size:.82rem}.account-sidebar>small{direction:ltr;color:#8c94a2;font-size:.63rem}.account-sidebar nav{width:100%;display:flex;flex-direction:column;gap:4px;border-top:1px solid #eceef2;margin-top:14px;padding-top:12px}.account-sidebar nav a{text-decoration:none;padding:9px;border-radius:9px;color:#626d80;font-size:.73rem}.account-sidebar nav a.active{background:#f0efff;color:var(--primary)}.account-sidebar nav a.danger{color:var(--red)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.account-stats>div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px;display:flex;flex-direction:column}.account-stats b{color:var(--primary)}.account-stats span{color:#8991a0;font-size:.68rem}.library-order{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:12px}.library-order>header{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:11px 14px;background:#f6f7f9}.library-order>header div{display:flex;flex-direction:column}.library-order small{color:#8b93a1;font-size:.62rem}.library-file{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:14px}.library-file>span{width:42px;height:47px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--primary)}.library-file>div{display:flex;flex-direction:column}.library-file strong{font-size:.76rem}.invoice-link{display:block;padding:9px 14px;border-top:1px solid #eceef2;text-align:left;color:var(--primary);font-size:.7rem}.seller-page{display:grid;grid-template-columns:1.05fr .8fr;gap:60px;align-items:center;min-height:calc(100vh - 176px);padding-block:55px}.seller-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:23px 23px 23px 7px;color:#fff;background:linear-gradient(145deg,#6552df,#37259a);font-size:2rem}.seller-intro>b{display:inline-block;color:var(--primary);margin-top:15px}.seller-intro h1{font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.3;letter-spacing:-.05em;margin:10px 0}.seller-intro>p{color:#657083;line-height:1.9}.seller-benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.seller-benefits>div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:12px}.seller-benefits>div>b{color:var(--primary);font-size:1.2rem}.seller-benefits span{display:flex;flex-direction:column}.seller-benefits strong{font-size:.73rem}.seller-benefits small{color:#9199a6;font-size:.62rem}.seller-form-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:0 17px 45px rgba(29,35,57,.08)}.seller-form-card>div>span{color:var(--primary);font-size:.7rem}.seller-result{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.seller-result>span{font-size:3rem!important;color:var(--green)!important}
.admin-layout{display:grid;grid-template-columns:225px 1fr;gap:24px;padding-block:32px 70px;min-height:750px}.admin-sidebar{background:#fff;border:1px solid var(--border);border-radius:19px;padding:14px;align-self:start;position:sticky;top:96px}.admin-user{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eceef2;padding:5px 5px 14px}.admin-user>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eeecff;color:var(--primary);font-weight:900}.admin-user div{display:flex;flex-direction:column}.admin-user strong{font-size:.75rem}.admin-user small{color:#8c94a2;font-size:.62rem}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px;padding-top:12px}.admin-sidebar nav a{text-decoration:none;padding:9px 10px;border-radius:9px;color:#626d80;font-size:.73rem;font-weight:750}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{color:var(--primary);background:#f0efff}.admin-heading{margin-bottom:20px}.admin-heading span{color:#8b93a2;font-size:.7rem}.admin-heading h1{margin:4px 0;font-size:1.65rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.stat-grid article{background:#fff;border:1px solid var(--border);border-radius:15px;padding:17px;display:flex;flex-direction:column}.stat-grid span{color:#8891a0;font-size:.67rem}.stat-grid strong{margin-top:6px;font-size:1.03rem}.admin-content>.panel-card{margin-top:15px}.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:90px}.check{flex-direction:row;align-items:center}.check input{width:auto}.upload-field{padding:12px;border:1px dashed #c5cad7;border-radius:10px}.admin-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px 3px;border-bottom:1px solid #eceef2}.admin-row:last-child{border:0}.admin-row>div{display:flex;flex-direction:column}.admin-row strong{font-size:.75rem}.admin-row small{color:#8b93a1;font-size:.62rem;margin-top:3px}.inline-actions{display:flex;gap:5px}.inline-actions button{padding:7px 9px;font-size:.65rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.73rem}th,td{padding:11px;border-bottom:1px solid #eceef2;text-align:right}th{color:#778193}.coupon-row{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px;border:1px dashed #bbb5eb;border-radius:10px;background:#f8f7ff;margin-bottom:8px}.coupon-row strong{color:var(--primary);direction:ltr;text-align:right}.coupon-row span,.coupon-row small{font-size:.65rem;color:#7c8595}.coupon-row small{grid-column:1/-1}.warning-note{padding:11px;border-radius:10px;background:#fff6df;color:#8c650d;font-size:.7rem;line-height:1.8}
.install-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#efedff,#f8f9fb)}.install-card{width:min(720px,100%);padding:28px;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 55px rgba(40,31,100,.12)}.install-head{display:flex;align-items:center;gap:13px;margin-bottom:22px}.install-head h1{font-size:1.45rem;margin:0}.install-head p{color:#7d8697;font-size:.75rem;margin:4px 0}.install-note{text-align:center;color:#818a9b;font-size:.7rem;margin-bottom:0}footer{background:#fff;border-top:1px solid var(--border)}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner a{color:#818a99;font-size:.7rem}.footer-inner a{margin-right:13px}
@media(max-width:980px){.main-nav{display:none}.hero{grid-template-columns:1fr}.hero>div:first-child{text-align:center}.hero p,.hero-search{margin-inline:auto}.trust-row{justify-content:center}.hero-art{width:min(600px,100%);margin:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.product-hero{grid-template-columns:250px 1fr}.buy-card{grid-column:1/-1}.detail-content{grid-template-columns:1fr}.admin-layout,.account-page{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar nav{display:grid;grid-template-columns:repeat(4,1fr)}.admin-user{display:none}.admin-two{grid-template-columns:1fr}.seller-page{grid-template-columns:1fr}.cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-summary{position:static}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.topbar{height:68px}.brand small,.account-btn{display:none}.hero{padding-block:38px;gap:32px}.hero h1{font-size:2.4rem}.hero p{font-size:.88rem}.hero-art{height:270px}.art-card{width:150px;height:205px;padding:17px}.art-card.purple{right:26px;top:25px}.art-card.gold{right:137px;top:45px}.art-card strong{font-size:.9rem}.rating-bubble{left:10px;bottom:10px}.category-grid{display:flex;overflow:auto}.category-grid a{min-width:112px}.product-grid{grid-template-columns:1fr}.promise{grid-template-columns:1fr}.promise>div{border:0;border-bottom:1px solid rgba(255,255,255,.12);padding-block:14px}.product-hero{grid-template-columns:1fr}.detail-cover{min-height:340px}.product-summary h1{font-size:1.5rem}.spec-grid{grid-template-columns:1fr 1fr}.detail-content{grid-template-columns:1fr}.cart-row{grid-template-columns:48px 1fr auto}.cart-row>b{grid-column:2}.cart-row form{grid-row:1;grid-column:3}.invoice-info{grid-template-columns:1fr 1fr}.invoice-actions{display:grid;grid-template-columns:1fr 1fr}.library-order>header{grid-template-columns:1fr auto}.library-order>header .status{display:none}.library-file{grid-template-columns:42px 1fr}.library-file>a{grid-column:1/-1}.account-stats{grid-template-columns:1fr}.seller-benefits,.stat-grid{grid-template-columns:1fr 1fr}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.admin-row{grid-template-columns:1fr auto}.admin-row form{grid-column:1/-1}.footer-inner{padding-block:20px;flex-direction:column}.flashes{top:76px}}
@media print{.topbar,footer,.invoice-actions,.flashes{display:none}.invoice-page{padding:0}.invoice-card{box-shadow:none;border:0}}

/* Visual refresh 1.1 */
body{background:
radial-gradient(circle at 8% 5%,rgba(255,191,71,.11),transparent 24rem),
radial-gradient(circle at 92% 18%,rgba(79,62,214,.10),transparent 27rem),
linear-gradient(180deg,#fafbff 0,#f6f7fb 46%,#f8f9fc 100%)}
.topbar{box-shadow:0 7px 28px rgba(32,39,65,.055)}
.topbar:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:linear-gradient(90deg,transparent,#6e58e4 28%,#22aa85 50%,#f3ad31 72%,transparent);opacity:.62}
.brand-mark{background:linear-gradient(145deg,#7058ec 0%,#4937cc 48%,#2f218d 100%);box-shadow:0 10px 26px rgba(73,55,204,.31)}
.primary-btn,.cart-btn{background:linear-gradient(135deg,#6952e6,#4430bd 55%,#332393);box-shadow:0 9px 22px rgba(73,55,204,.20);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.primary-btn:hover,.cart-btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(73,55,204,.28);filter:saturate(1.08)}
.outline-btn,.account-btn{transition:.18s ease}.outline-btn:hover,.account-btn:hover{border-color:#8d80e8;background:#f4f2ff;transform:translateY(-1px)}
.hero-art{background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.94),transparent 30%),linear-gradient(145deg,#eeeaff,#dcd6ff 48%,#f3eeff);box-shadow:inset 0 0 0 1px rgba(103,82,223,.08),0 24px 60px rgba(66,49,154,.10)}
.hero-badge{box-shadow:0 7px 20px rgba(73,55,204,.09)}
.category-grid a{position:relative;overflow:hidden;box-shadow:0 7px 22px rgba(29,35,57,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.category-grid a:after{content:"";position:absolute;inset:auto 12px 0;height:3px;border-radius:5px;background:var(--cat,#6b56df);opacity:.75}
.category-grid a:nth-child(2){--cat:#3b82f6}.category-grid a:nth-child(2) i{color:#2465be;background:#e8f2ff}
.category-grid a:nth-child(3){--cat:#8b5cf6}.category-grid a:nth-child(3) i{color:#7242c8;background:#f1eaff}
.category-grid a:nth-child(4){--cat:#f59e0b}.category-grid a:nth-child(4) i{color:#b86f08;background:#fff2d9}
.category-grid a:nth-child(5){--cat:#ec4899}.category-grid a:nth-child(5) i{color:#bc326e;background:#ffe9f3}
.category-grid a:nth-child(6){--cat:#10b981}.category-grid a:nth-child(6) i{color:#087d5b;background:#e6f8f1}
.category-grid a:nth-child(7){--cat:#06b6d4}.category-grid a:nth-child(7) i{color:#087b90;background:#e5f8fc}
.category-grid a:nth-child(8){--cat:#f97316}.category-grid a:nth-child(8) i{color:#bd520b;background:#fff0e5}
.category-grid a:hover,.category-grid a.active{box-shadow:0 14px 30px rgba(69,53,176,.12)}
.product-card{border-color:rgba(218,221,233,.92);box-shadow:0 10px 30px rgba(28,34,58,.065)}
.product-card:has(.tone-1){--glow:rgba(88,70,214,.20)}.product-card:has(.tone-2){--glow:rgba(226,154,35,.20)}.product-card:has(.tone-3){--glow:rgba(25,161,124,.20)}.product-card:has(.tone-4){--glow:rgba(224,77,118,.18)}.product-card:has(.tone-5){--glow:rgba(60,145,212,.20)}.product-card:has(.tone-6){--glow:rgba(135,78,202,.20)}
.product-card:hover{box-shadow:0 20px 42px var(--glow,rgba(37,43,68,.12))}
.panel-card,.detail-panel,.buy-card,.cart-summary,.invoice-card,.auth-card,.seller-form-card{border-color:rgba(220,223,233,.94);box-shadow:0 12px 34px rgba(29,35,57,.06)}
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title-row h2{margin:4px 0 0}.panel-kicker{color:#6d58df;font-size:.68rem;font-weight:900}.upload-limit{display:inline-flex;padding:6px 9px;border-radius:9px;color:#14795c;background:#e9f8f2;font-size:.66rem;font-weight:800}.upload-field{background:linear-gradient(135deg,#f8f7ff,#f2fbf8);border-color:#aaa1e8}.upload-field input[type=file]{background:#fff;border-style:dashed}.upload-field small,label>small{color:#87909f;font-size:.64rem;font-weight:500;line-height:1.7}
.stat-grid article{position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(28,34,58,.055)}.stat-grid article:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--stat,#6551d8)}.stat-grid article:nth-child(1){--stat:#16a078;background:linear-gradient(135deg,#fff,#eefaf6)}.stat-grid article:nth-child(2){--stat:#3b82f6;background:linear-gradient(135deg,#fff,#eef5ff)}.stat-grid article:nth-child(3){--stat:#8b5cf6;background:linear-gradient(135deg,#fff,#f5efff)}.stat-grid article:nth-child(4){--stat:#f59e0b;background:linear-gradient(135deg,#fff,#fff6e5)}
.admin-sidebar{background:linear-gradient(180deg,#fff,#faf9ff);box-shadow:0 13px 38px rgba(29,35,57,.065)}.admin-sidebar nav a.active{box-shadow:inset -3px 0 0 #5d48da}.flash{border-right:4px solid currentColor}.invoice-card{background:linear-gradient(180deg,#fff 0,#fff 72%,#faf9ff 100%)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Bank gateway manager 1.2 */
.gateway-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;margin-bottom:15px;border:1px solid rgba(101,81,216,.16);border-radius:20px;color:#fff;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.18),transparent 17rem),linear-gradient(135deg,#2f247c,#5743cd 55%,#7059ed);box-shadow:0 18px 40px rgba(66,49,154,.18)}
.gateway-hero span{font-size:.68rem;color:#d9d4ff}.gateway-hero h2{margin:5px 0;font-size:1.45rem}.gateway-hero p{margin:0;max-width:650px;color:#e6e2ff;font-size:.73rem;line-height:1.9}.gateway-hero>b{white-space:nowrap;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.1);font-size:.68rem}
.gateway-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:15px;align-items:start}.gateway-list{display:flex;flex-direction:column;gap:10px}.gateway-card{display:grid;grid-template-columns:44px 1fr;gap:11px;padding:15px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 9px 25px rgba(29,35,57,.05)}.gateway-card.default{border-color:#9f92ec;box-shadow:0 11px 30px rgba(73,55,204,.10)}.gateway-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#20aa83,#127c60);font-size:1.1rem;font-weight:900}.gateway-title{display:flex;align-items:center;gap:7px}.gateway-title strong{font-size:.78rem}.gateway-title span{padding:3px 6px;border-radius:6px;color:#513dc7;background:#eeebff;font-size:.58rem;font-weight:900}.gateway-card small{display:block;margin-top:4px;color:#8a92a1;font-size:.62rem;direction:ltr;text-align:right}.gateway-badges{display:flex;gap:5px;margin-top:8px}.gateway-badges i{padding:4px 7px;border-radius:6px;color:#806315;background:#fff4d7;font-size:.58rem;font-style:normal}.gateway-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:11px;border-top:1px solid #eef0f4}.gateway-actions form{display:inline-flex}.gateway-actions .outline-btn,.gateway-actions .primary-btn{padding:7px 9px;font-size:.63rem}
.gateway-editor{margin-top:0!important}.gateway-editor .code-input{min-height:112px;padding:12px;color:#d7e7ff;border-color:#2e3550;background:#171c2b;font:500 .72rem/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left}.gateway-editor input[dir=ltr]{text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.gateway-check{align-self:end;padding-bottom:11px}.script-divider{padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#f1efff,#ecf9f5)}.script-divider span{color:#533fc8;font-size:.75rem;font-weight:900}.script-divider p{margin:5px 0 0;color:#70798a;font-size:.66rem;line-height:1.75}.token-help{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:11px;border:1px dashed #b9b1eb;border-radius:11px;background:#faf9ff}.token-help strong{font-size:.68rem;margin-left:3px}.token-help code{direction:ltr;padding:4px 6px;border-radius:5px;color:#4e3cbb;background:#ece9ff;font-size:.61rem}.warning-note a{color:#503dc0;font-weight:900}
@media(max-width:1080px){.gateway-layout{grid-template-columns:1fr}.gateway-list{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gateway-hero{align-items:flex-start;flex-direction:column}.gateway-hero>b{white-space:normal}.gateway-list{grid-template-columns:1fr}}

/* Responsive graphical UI + editable theme 1.3 */
:root{--surface:#fff;--surface-2:#f3f4f8;--accent:#18a47b;--primary-rgb:91,70,216;--secondary-rgb:48,35,127;--accent-rgb:24,164,123;--theme-radius:18px;--shadow-color:23,32,51;--header-height:78px}
html{scroll-padding-top:calc(var(--header-height) + 18px)}
body{min-width:320px;background:radial-gradient(circle at 7% 6%,rgba(var(--accent-rgb),.09),transparent 25rem),radial-gradient(circle at 94% 13%,rgba(var(--primary-rgb),.11),transparent 30rem),var(--bg);color:var(--text);transition:background-color .25s,color .25s}
body.menu-open{overflow:hidden}
.topbar{height:var(--header-height);background:color-mix(in srgb,var(--surface) 91%,transparent);border-color:color-mix(in srgb,var(--text) 10%,transparent)}footer{background:var(--surface);border-color:color-mix(in srgb,var(--text) 10%,transparent)}
.topbar:after{background:linear-gradient(90deg,transparent,var(--primary) 28%,var(--accent) 52%,var(--primary2) 74%,transparent)}
.brand-mark,.primary-btn,.cart-btn{background:linear-gradient(135deg,var(--primary),var(--primary2))}
.brand-mark{box-shadow:0 10px 26px rgba(var(--primary-rgb),.28)}
.main-nav{align-items:center;padding:5px;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:15px;background:color-mix(in srgb,var(--surface) 78%,transparent)}
.main-nav a{display:flex;align-items:center;gap:7px;border-radius:11px}.main-nav a i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:var(--primary);background:rgba(var(--primary-rgb),.1);font-size:.9rem;font-style:normal}.main-nav a:hover,.main-nav a.active{color:var(--primary);background:rgba(var(--primary-rgb),.09)}
.header-admin span{margin-left:4px}.mobile-menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface);cursor:pointer}.mobile-menu-toggle span{display:block;height:2px;margin:5px 0;border-radius:3px;background:var(--text);transition:.2s}
.mobile-menu,.mobile-menu-backdrop,.mobile-bottom-nav{display:none}
.panel-card,.detail-panel,.buy-card,.cart-summary,.invoice-card,.auth-card,.seller-form-card,.product-card,.category-grid a,.account-sidebar,.library-order,.admin-sidebar,.stat-grid article,.gateway-card{background:var(--surface);border-color:color-mix(in srgb,var(--text) 11%,transparent);border-radius:var(--theme-radius);box-shadow:0 12px 34px rgba(var(--shadow-color),.065)}
.primary-btn,.cart-btn{box-shadow:0 9px 22px rgba(var(--primary-rgb),.22)}.primary-btn:hover,.cart-btn:hover{box-shadow:0 13px 28px rgba(var(--primary-rgb),.3)}
.outline-btn,.account-btn,input,select,textarea{color:var(--text);background:var(--surface);border-color:color-mix(in srgb,var(--text) 14%,transparent)}
.outline-btn,.account-btn{color:var(--primary)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text) 45%,transparent)}
.hero-badge,.quality-badge,.admin-user>span,.avatar{color:var(--primary);background:rgba(var(--primary-rgb),.11);border-color:rgba(var(--primary-rgb),.2)}
.hero h1 em,.section-title span,.page-heading span,.product-footer strong,.buy-price strong,.invoice-total strong,.panel-kicker{color:var(--primary)}
.hero-art{background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--surface) 92%,transparent),transparent 30%),linear-gradient(145deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.24) 48%,rgba(var(--accent-rgb),.1))}
.art-card.purple{background:linear-gradient(150deg,var(--primary),var(--primary2))}.art-card.gold{background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#6a3a00))}
.promise{background:linear-gradient(135deg,color-mix(in srgb,var(--primary2) 72%,#10131d),#171c2b)}.promise>div>b{color:color-mix(in srgb,var(--primary) 45%,white)}
.category-grid i,.download-list a,.coupon-row{color:var(--primary);background:rgba(var(--primary-rgb),.08)}
.category-grid a:hover,.category-grid a.active{color:var(--primary);border-color:rgba(var(--primary-rgb),.48);background:rgba(var(--primary-rgb),.07)}
.tech-table,.invoice-info,.review-item,.library-order>header{background:var(--surface-2)}.tech-table>div{background:var(--surface)}
.status.paid,.status.active,.status.approved{color:var(--accent);background:rgba(var(--accent-rgb),.12)}
.admin-sidebar nav a{display:flex;align-items:center;gap:10px;min-height:44px}.admin-sidebar nav a i{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:rgba(var(--primary-rgb),.09);font-style:normal;font-size:1rem}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{color:var(--primary);background:rgba(var(--primary-rgb),.09)}.admin-sidebar nav a.active i{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 6px 14px rgba(var(--primary-rgb),.25)}.stat-grid article{background:linear-gradient(135deg,var(--surface),rgba(var(--primary-rgb),.055))!important}
.gateway-hero{background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.18),transparent 17rem),linear-gradient(135deg,var(--primary2),var(--primary) 62%,color-mix(in srgb,var(--primary) 65%,white))}.gateway-icon{background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#07382c))}
.script-divider{background:linear-gradient(135deg,rgba(var(--primary-rgb),.09),rgba(var(--accent-rgb),.08))}.token-help{border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.05)}.token-help code{color:var(--primary);background:rgba(var(--primary-rgb),.1)}
.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.settings-layout>.panel-card{margin:0}.settings-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));font-size:1.15rem;box-shadow:0 8px 18px rgba(var(--primary-rgb),.2)}
.theme-card{position:sticky;top:96px}.theme-preview{overflow:hidden;margin:2px 0 18px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:calc(var(--theme-radius) - 3px);background:var(--bg);box-shadow:0 13px 30px rgba(var(--shadow-color),.08)}.preview-window{display:flex;gap:5px;padding:9px 11px;background:var(--surface);border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.preview-window span{width:7px;height:7px;border-radius:50%;background:var(--primary)}.preview-window span:nth-child(2){background:var(--accent)}.preview-window span:nth-child(3){background:var(--primary2)}.preview-content{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:20px}.preview-content>i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));font-style:normal;font-weight:900}.preview-content>div{display:flex;flex-direction:column}.preview-content b{font-size:.8rem}.preview-content small{margin-top:3px;color:var(--muted);font-size:.62rem}.preview-content button{padding:8px 11px;border:0;border-radius:9px;color:#fff;background:var(--accent);font-size:.65rem;font-weight:850}
.theme-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-color-grid label{display:grid;grid-template-columns:1fr 38px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);border-radius:11px;background:var(--surface-2)}.theme-color-grid label span{font-size:.65rem}.theme-color-grid input[type=color]{width:36px;height:32px;padding:2px;border:0;border-radius:9px;cursor:pointer}.theme-options{margin-top:13px}.range-field>span{display:flex;justify-content:space-between}.range-field b{color:var(--primary);direction:ltr}.range-field input{padding:0;accent-color:var(--primary)}.theme-presets{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.theme-presets>span{margin-left:auto;color:var(--muted);font-size:.65rem;font-weight:800}.theme-presets button{width:35px;height:35px;padding:4px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:10px;background:var(--surface);cursor:pointer}.theme-presets i{display:block;width:100%;height:100%;border-radius:7px;background:var(--preset)}
.settings-savebar{grid-column:1/-1;position:sticky;bottom:14px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border:1px solid rgba(var(--primary-rgb),.18);border-radius:15px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 14px 34px rgba(var(--shadow-color),.14);backdrop-filter:blur(16px)}.settings-savebar>div{display:flex;flex-direction:column}.settings-savebar b{font-size:.75rem}.settings-savebar small{margin-top:2px;color:var(--muted);font-size:.62rem}
.style-soft .panel-card,.style-soft .product-card,.style-soft .category-grid a{box-shadow:0 12px 34px rgba(var(--shadow-color),.07)}
.style-glass .panel-card,.style-glass .detail-panel,.style-glass .buy-card,.style-glass .cart-summary,.style-glass .product-card,.style-glass .category-grid a,.style-glass .admin-sidebar{background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(var(--shadow-color),.1)}
.style-minimal .panel-card,.style-minimal .detail-panel,.style-minimal .buy-card,.style-minimal .cart-summary,.style-minimal .product-card,.style-minimal .category-grid a,.style-minimal .admin-sidebar{box-shadow:none;border-width:1px}.style-minimal .brand-mark,.style-minimal .primary-btn,.style-minimal .cart-btn{box-shadow:none}
.theme-dark{--bg:#0e1220;--surface:#171c2c;--surface-2:#202638;--text:#f1f3fb;--muted:#a4adbd;--border:#2a3144;--shadow-color:0,0,0;color-scheme:dark}.theme-dark body{background-color:var(--bg)}
.theme-dark .topbar,.theme-dark footer{background:color-mix(in srgb,var(--surface) 92%,transparent)}.theme-dark .hero p,.theme-dark .product-body>p,.theme-dark .detail-panel>p,.theme-dark .muted,.theme-dark label,.theme-dark .section-title p,.theme-dark .gateway-card small,.theme-dark .admin-row small{color:var(--muted)}.theme-dark .script-divider,.theme-dark .warning-note{color:var(--text)}
@media(prefers-color-scheme:dark){.theme-auto{--bg:#0e1220;--surface:#171c2c;--surface-2:#202638;--text:#f1f3fb;--muted:#a4adbd;--border:#2a3144;--shadow-color:0,0,0;color-scheme:dark}.theme-auto .topbar,.theme-auto footer{background:color-mix(in srgb,var(--surface) 92%,transparent)}.theme-auto .hero p,.theme-auto .product-body>p,.theme-auto .detail-panel>p,.theme-auto .muted,.theme-auto label,.theme-auto .section-title p,.theme-auto .gateway-card small,.theme-auto .admin-row small{color:var(--muted)}}

@media(max-width:1100px){.container{width:min(100% - 32px,1180px)}.topbar-inner{gap:12px}.main-nav a{padding:8px 9px}.main-nav a span{font-size:.75rem}.header-admin{display:none}.settings-layout{grid-template-columns:1fr}.theme-card{position:static}}
@media(max-width:980px){:root{--header-height:70px}.main-nav{display:none}.mobile-menu-toggle{display:block;flex:0 0 44px}.topbar-inner>.brand{margin-left:auto}.mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:89;visibility:hidden;background:rgba(7,10,19,.55);opacity:0;backdrop-filter:blur(3px);transition:.25s}.mobile-menu{display:flex;position:fixed;z-index:90;inset:0 0 0 auto;width:min(360px,88vw);flex-direction:column;padding:18px;background:var(--surface);box-shadow:-20px 0 60px rgba(0,0,0,.2);transform:translateX(105%);transition:transform .28s ease}.menu-open .mobile-menu{transform:translateX(0)}.menu-open .mobile-menu-backdrop{visibility:visible;opacity:1}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.mobile-menu-head>button{width:40px;height:40px;border:0;border-radius:12px;color:var(--text);background:var(--surface-2);font-size:1.5rem;cursor:pointer}.mobile-menu nav{display:flex;flex-direction:column;gap:7px;padding-top:15px}.mobile-menu nav a{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:11px;padding:10px;border:1px solid transparent;border-radius:14px;text-decoration:none}.mobile-menu nav a:hover{border-color:rgba(var(--primary-rgb),.25);background:rgba(var(--primary-rgb),.07)}.mobile-menu nav i{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));font-style:normal;font-size:1.15rem}.mobile-menu nav span{display:flex;flex-direction:column}.mobile-menu nav strong{font-size:.78rem}.mobile-menu nav small{margin-top:3px;color:var(--muted);font-size:.62rem}.admin-layout{gap:14px;padding-top:18px}.admin-sidebar{position:static;padding:9px;overflow:hidden}.admin-sidebar nav{display:flex;overflow-x:auto;gap:7px;padding:2px;scrollbar-width:none}.admin-sidebar nav::-webkit-scrollbar{display:none}.admin-sidebar nav a{flex:0 0 auto;min-width:105px;flex-direction:column;gap:5px;padding:8px;text-align:center}.admin-sidebar nav a i{flex-basis:32px}.admin-user{display:none}.gateway-layout{grid-template-columns:1fr}.gateway-list{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:768px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.mobile-bottom-nav{display:grid;position:fixed;z-index:70;right:10px;left:10px;bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);height:62px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:19px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 15px 40px rgba(var(--shadow-color),.18);backdrop-filter:blur(17px)}.mobile-bottom-nav a,.mobile-bottom-nav button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:2px;border:0;border-radius:13px;color:var(--muted);background:transparent;text-decoration:none;font:inherit;cursor:pointer}.mobile-bottom-nav i{font-size:1.15rem;font-style:normal}.mobile-bottom-nav span{font-size:.57rem;font-weight:800}.mobile-bottom-nav .active{color:var(--primary);background:rgba(var(--primary-rgb),.09)}.mobile-bottom-nav .mobile-cart{margin-top:-18px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.mobile-bottom-nav .mobile-cart b{position:absolute;top:-4px;right:5px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:#fff;font-size:.55rem}.mobile-bottom-nav .mobile-cart span{color:#fff}.footer-inner{padding-bottom:15px}.settings-savebar{bottom:78px}.product-grid{gap:13px}.product-card{border-radius:calc(var(--theme-radius) + 2px)}.product-cover{height:200px}.hero{min-height:auto}.hero-art{max-width:560px}.seller-page{gap:26px}.table-wrap{padding:8px}.table-wrap table{min-width:680px}}
@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.topbar-inner{gap:8px}.topbar-inner>.brand .brand-mark{width:39px;height:39px;border-radius:12px}.topbar-inner>.brand strong{font-size:.93rem}.header-actions{gap:5px}.header-actions .account-btn{display:none}.cart-btn{min-width:42px;height:42px;padding:7px}.cart-btn .cart-label{display:none}.mobile-menu-toggle{width:42px;height:42px}.hero{padding-block:34px 24px;gap:24px}.hero>div:first-child{text-align:right}.hero p,.hero-search{margin-inline:0}.hero h1{font-size:clamp(2rem,11vw,2.75rem);letter-spacing:-.04em}.hero p{font-size:.83rem}.hero-search{grid-template-columns:1fr 76px;padding:5px}.hero-search button{padding:11px 8px}.trust-row{justify-content:flex-start;gap:10px;overflow-x:auto;white-space:nowrap;font-size:.67rem}.hero-art{height:245px;border-radius:26px}.art-card{width:145px;height:190px;padding:15px}.art-card.purple{right:18px;top:21px}.art-card.gold{right:118px;top:42px}.rating-bubble{padding:10px 12px}.category-section,.products-section{padding-block:24px 30px}.section-title,.page-heading{align-items:flex-start}.section-title h2,.page-heading h1{font-size:1.35rem}.category-grid{margin-inline:-11px;padding-inline:11px;scroll-snap-type:x mandatory}.category-grid a{min-width:106px;min-height:96px;scroll-snap-align:start}.product-grid{grid-template-columns:1fr}.product-cover{height:220px}.promise{margin-bottom:35px;padding:15px 18px}.product-hero{grid-template-columns:1fr;gap:16px}.detail-cover{min-height:310px}.detail-content{margin-top:16px}.detail-panel,.panel-card,.buy-card,.cart-summary,.invoice-card,.auth-card,.seller-form-card{padding:16px}.spec-grid{grid-template-columns:1fr 1fr}.cart-page,.checkout-page,.invoice-page,.account-page{padding-block:22px 38px}.cart-row{grid-template-columns:45px minmax(0,1fr) auto;padding-inline:2px}.cart-row>b{grid-column:2}.cart-row form{grid-row:1;grid-column:3}.checkout-layout{gap:12px}.invoice-card{border-radius:var(--theme-radius)}.invoice-info{grid-template-columns:1fr 1fr}.invoice-actions{grid-template-columns:1fr}.invoice-actions>*{width:100%}.account-page{gap:12px}.account-sidebar{padding:14px}.account-sidebar nav{display:grid;grid-template-columns:1fr 1fr}.library-order>header{grid-template-columns:1fr auto}.library-file{grid-template-columns:40px minmax(0,1fr)}.seller-intro h1{font-size:2.25rem}.seller-benefits{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{padding:14px}.admin-layout{width:calc(100% - 16px);gap:11px;padding-bottom:30px}.admin-heading{padding-inline:5px}.admin-heading h1{font-size:1.35rem}.admin-sidebar nav a{min-width:88px;font-size:.65rem}.admin-two{gap:10px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.admin-row{grid-template-columns:minmax(0,1fr) auto}.admin-row form{grid-column:1/-1}.inline-actions{flex-wrap:wrap}.panel-title-row{align-items:flex-start}.panel-title-row .upload-limit{white-space:nowrap}.gateway-hero{padding:18px}.gateway-list{grid-template-columns:1fr}.gateway-card{grid-template-columns:40px minmax(0,1fr)}.gateway-actions>*{flex:1}.gateway-actions a,.gateway-actions button{width:100%}.settings-layout{display:flex;flex-direction:column}.settings-layout>.panel-card{width:100%}.theme-color-grid{grid-template-columns:1fr 1fr}.preview-content{grid-template-columns:42px 1fr}.preview-content>i{width:42px;height:42px}.preview-content button{grid-column:1/-1;width:100%;min-height:40px}.settings-savebar{width:100%;flex-direction:column;align-items:stretch;bottom:78px}.settings-savebar button{width:100%}.theme-presets{flex-wrap:wrap}.theme-presets>span{width:100%;margin-left:0}button,.primary-btn,.outline-btn,.account-btn,input,select{min-height:42px}footer{margin-bottom:-68px}.flashes{top:78px;left:11px;width:calc(100% - 22px)}}
@media(max-width:400px){.topbar-inner>.brand>span:last-child{display:none}.hero h1{font-size:2rem}.hero-art{height:220px}.art-card{width:128px;height:172px}.art-card.gold{right:98px}.rating-bubble{left:5px;bottom:7px}.spec-grid,.stat-grid,.theme-color-grid{grid-template-columns:1fr}.mobile-menu{width:92vw}.product-cover{height:205px}}
.main-nav a,.brand small,.product-meta,.cart-row small,.account-sidebar small,.library-order small,.section-title p,.footer-inner p,.footer-inner a{color:var(--muted)}
@media(max-width:640px){footer{margin-bottom:0}}

/* Advanced marketplace UI 1.4 */
.icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;flex:0 0 auto}.main-nav i .icon,.mobile-menu nav i .icon,.mobile-bottom-nav i .icon,.admin-sidebar i .icon{width:19px;height:19px}.header-admin,.cart-btn,.primary-btn,.outline-btn,.invoice-link{display:inline-flex;align-items:center;justify-content:center;gap:7px}.header-admin>.icon,.cart-btn>.icon{width:18px;height:18px}.cart-btn>.icon{color:#fff}.auth-icon .icon,.seller-icon .icon{width:34px;height:34px}.detail-cover>b .icon{width:46px;height:46px}.quality-badge,.rating-line{display:flex;align-items:center;gap:6px}.quality-badge .icon,.rating-line .icon{width:15px;height:15px}.buy-card li{display:flex;align-items:center;gap:8px}.buy-card li .icon{width:16px;height:16px;color:var(--accent)}.vendor-chip{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;padding:8px 11px;border:1px solid rgba(var(--primary-rgb),.2);border-radius:10px;color:var(--primary);background:rgba(var(--primary-rgb),.07);font-size:.72rem;font-weight:850;text-decoration:none}.account-sidebar nav a{display:flex;align-items:center;gap:8px}.account-sidebar nav .icon{width:17px;height:17px}.library-file>span,.notice-card>span{display:grid;place-items:center;color:var(--primary);background:rgba(var(--primary-rgb),.1);border-radius:11px}.library-file>span .icon{width:21px;height:21px}.invoice-link{margin-top:8px}.support-card{padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.support-card:last-child{border:0}.support-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.support-card p{color:var(--muted);font-size:.73rem;line-height:1.9}.support-card blockquote{margin:8px 0;padding:10px;border-right:3px solid var(--primary);border-radius:8px;background:rgba(var(--primary-rgb),.06);font-size:.72rem;line-height:1.9}.notice-grid{display:grid;gap:12px}.notice-card{display:grid;grid-template-columns:48px 1fr;gap:13px;margin:0!important}.notice-card>span{width:48px;height:48px}.notice-card h2{margin:0}.notice-card p{color:var(--muted);font-size:.75rem;line-height:1.9}.notice-card small{color:var(--muted)}
.vendor-dashboard,.vendor-store{padding-block:32px 72px}.vendor-dashboard>.panel-card{margin-top:15px}.referral-card{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center}.referral-card>span,.security-banner>svg{width:52px;height:52px;padding:13px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2))}.referral-card>div{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.referral-card input{grid-row:1/3;grid-column:2;width:min(470px,44vw);direction:ltr}.referral-card small{color:var(--muted)}.vendor-hero{display:grid;grid-template-columns:86px 1fr;gap:22px;padding:30px;border:1px solid rgba(var(--primary-rgb),.15);border-radius:28px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--accent-rgb),.09)),var(--surface);box-shadow:0 18px 44px rgba(var(--shadow-color),.08)}.vendor-hero>span{width:86px;height:86px;display:grid;place-items:center;border-radius:23px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2))}.vendor-hero>span .icon{width:42px;height:42px}.vendor-hero h1{margin:5px 0;font-size:2rem}.vendor-hero p{max-width:750px;color:var(--muted);line-height:1.9}.vendor-hero>div>div{display:flex;gap:8px;flex-wrap:wrap}.vendor-hero b{padding:7px 10px;border-radius:9px;color:var(--primary);background:rgba(var(--primary-rgb),.09);font-size:.7rem}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.feature-grid a{display:grid;grid-template-columns:44px 1fr;gap:2px 11px;padding:16px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--theme-radius);background:var(--surface);text-decoration:none;box-shadow:0 12px 30px rgba(var(--shadow-color),.055)}.feature-grid a>.icon{grid-row:1/3;width:44px;height:44px;padding:11px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2))}.feature-grid strong{font-size:.8rem}.feature-grid small{color:var(--muted);font-size:.63rem;line-height:1.6}.mini-chart{height:230px;display:flex;align-items:flex-end;gap:8px;padding:30px 4px 0;overflow-x:auto}.mini-chart>div{flex:1;min-width:48px;height:100%;display:grid;grid-template-rows:18px 1fr 18px;align-items:end;text-align:center}.mini-chart b{overflow:hidden;color:var(--muted);font-size:.55rem;white-space:nowrap}.mini-chart span{width:68%;height:var(--bar);margin:auto;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--primary),var(--accent));box-shadow:0 7px 18px rgba(var(--primary-rgb),.18)}.mini-chart small{color:var(--muted);font-size:.57rem}.product-admin-card{display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.product-admin-card>div{display:flex;flex-direction:column}.product-admin-card small{margin-top:4px;color:var(--muted);font-size:.62rem}.product-admin-card form,.product-admin-card details{grid-column:1/-1}.product-admin-card summary{cursor:pointer;color:var(--primary);font-size:.68rem;font-weight:800}.security-banner{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding:20px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#10172a,var(--primary2))}.security-banner h2{margin:0}.security-banner p{margin:5px 0 0;color:rgba(255,255,255,.75);font-size:.73rem;line-height:1.8}.security-banner>svg{color:#fff;background:rgba(255,255,255,.13)}.vendor-admin-row{display:grid;grid-template-columns:36px minmax(150px,1fr) auto auto 170px;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.vendor-admin-row .rank{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:rgba(var(--primary-rgb),.09)}.vendor-admin-row>div{display:flex;flex-direction:column}.vendor-admin-row small{color:var(--muted);font-size:.62rem}.commission-form{display:grid;grid-template-columns:55px 1fr;gap:5px}.commission-form input{padding:7px}.admin-content table small{display:block;margin-top:4px;color:var(--muted)}
@media(max-width:1100px){.feature-grid{grid-template-columns:1fr 1fr}.vendor-admin-row{grid-template-columns:32px 1fr auto}.vendor-admin-row>form{grid-column:2/-1}.referral-card input{width:40vw}}
@media(max-width:700px){.feature-grid{grid-template-columns:1fr}.vendor-dashboard,.vendor-store{padding-block:20px 45px}.referral-card{grid-template-columns:42px 1fr}.referral-card>span{width:42px;height:42px;padding:10px}.referral-card>div{display:flex;flex-direction:column;align-items:stretch}.referral-card input{width:100%}.vendor-hero{grid-template-columns:1fr;padding:20px}.vendor-hero>span{width:62px;height:62px}.vendor-hero h1{font-size:1.45rem}.security-banner{align-items:flex-start}.security-banner>svg{width:44px;height:44px}.vendor-admin-row{grid-template-columns:32px 1fr}.vendor-admin-row>.status{grid-column:2}.vendor-admin-row>form{grid-column:1/-1}.mini-chart{height:200px}.support-card .form-grid{grid-template-columns:1fr}.notice-card{padding:14px}.account-sidebar nav{grid-template-columns:1fr 1fr!important}}
.hero-search button,.trust-row span{display:flex;align-items:center;justify-content:center;gap:6px}