:root{--lime:#9af46b;--lime-2:#caffad;--ink:#163300;--black:#10150f;--muted:#66705f;--line:#dfe8d7;--surface:#f5f8f0;--white:#fff;--orange:#ffbd73;--red:#d84b3e;--radius:22px;--radius-sm:14px;--container:1240px;--shadow:0 20px 60px rgba(22,51,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--black);font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:8px;right:8px;z-index:9999;transform:translateY(-160%);background:var(--black);color:#fff;padding:10px 14px;border-radius:9px}.skip-link:focus{transform:none}.announcement{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.01em}.announcement span{color:var(--lime)}
.site-header{position:sticky;top:0;z-index:80;background:rgba(245,248,240,.93);border-bottom:1px solid transparent;backdrop-filter:saturate(180%) blur(14px);transition:.2s}.site-header.scrolled{border-color:var(--line)}.header-inner{height:78px;display:grid;grid-template-columns:auto auto minmax(240px,1fr) auto;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:700;font-size:22px;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:19px;font-weight:800}.desktop-nav{display:flex;align-items:center;gap:24px;white-space:nowrap}.desktop-nav a{font-size:14px;font-weight:600;color:#4f5b49;position:relative;padding:10px 0}.desktop-nav a:after{content:"";position:absolute;height:2px;right:0;left:100%;bottom:4px;background:var(--ink);transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{left:0}.header-search{height:44px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:0 13px}.header-search svg{width:18px;color:#687363}.header-search input{border:0;outline:0;width:100%;min-width:0;background:transparent;color:var(--black);font-size:13.5px}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:13px;display:inline-grid;place-items:center;cursor:pointer;color:var(--ink)}.login-link{font-size:14px;font-weight:700;padding:10px 6px}.cart-btn{height:44px;display:flex;align-items:center;gap:7px;background:var(--black);color:#fff;border-radius:14px;padding:0 13px;font-size:13px;font-weight:700}.cart-btn svg{width:18px}.cart-btn b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:11px}.mobile-only,.mobile-menu{display:none}
.toast{position:fixed;z-index:200;left:24px;bottom:24px;min-width:260px;max-width:420px;padding:14px 18px;border-radius:14px;background:var(--black);color:#fff;box-shadow:0 15px 50px rgba(0,0,0,.18);font-size:14px;font-weight:600;animation:toastIn .25s ease}.toast.success{background:var(--ink)}.toast.error{background:#8d332b}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.btn{height:48px;border:1px solid transparent;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;font-weight:700;font-size:14px;cursor:pointer;transition:.18s}.btn svg{width:18px}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:#0f2700;transform:translateY(-1px)}.btn.secondary{border-color:var(--line);background:#fff;color:var(--ink)}.btn.secondary:hover{border-color:#b9c8b1}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.small-btn{height:40px;padding-inline:15px}.text-link,.arrow-link{font-weight:700;color:var(--ink);font-size:14px}.arrow-link{display:inline-flex;align-items:center;gap:7px}.arrow-link svg{width:18px}.kicker{display:inline-block;font-size:12px;font-weight:700;color:#527147;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.kicker.dark{color:var(--lime)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#475e3f;font-weight:600;margin-bottom:18px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(154,244,107,.25)}
.hero-section{overflow:hidden;padding:74px 0 80px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}.hero-copy h1{font-size:clamp(48px,6vw,84px);line-height:1.03;letter-spacing:-.045em;color:var(--ink);margin:0 0 24px;font-weight:700}.hero-copy h1 em{font-style:normal;color:var(--black);position:relative}.hero-copy h1 em:after{content:"";position:absolute;right:4px;left:8px;bottom:4px;height:12px;background:var(--lime);z-index:-1;transform:rotate(-1deg);border-radius:4px}.hero-copy>p{font-size:18px;line-height:1.9;max-width:590px;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.hero-trust{display:flex;gap:38px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line);max-width:570px}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{font-size:15px;color:var(--ink)}.hero-trust span{font-size:12px;color:var(--muted)}.hero-visual{position:relative;min-height:550px;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;inset:6% 2% 3% 5%;border-radius:48% 52% 45% 55%/53% 45% 55% 47%;background:var(--lime);transform:rotate(5deg)}.hero-orbit{position:absolute;border:1px solid rgba(22,51,0,.18);border-radius:50%;z-index:1}.hero-orbit.one{width:470px;height:470px}.hero-orbit.two{width:375px;height:375px}.hero-product{position:relative;z-index:3;width:310px;background:#fff;border-radius:28px;padding:14px 14px 19px;box-shadow:0 28px 60px rgba(22,51,0,.18);transform:rotate(-4deg);transition:.25s}.hero-product:hover{transform:rotate(-1deg) translateY(-5px)}.hero-product img{width:100%;aspect-ratio:1/.95;object-fit:cover;border-radius:20px;margin-bottom:15px}.hero-product span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#60705a;margin:0 4px 3px}.hero-product strong{display:block;font-size:18px;color:var(--ink);margin:0 4px}.hero-product small{display:block;color:var(--muted);font-weight:600;margin:3px 4px 0}.floating-note{position:absolute;z-index:5;background:#fff;border:1px solid rgba(22,51,0,.1);box-shadow:0 14px 35px rgba(22,51,0,.12);border-radius:16px;padding:11px 14px;display:flex;align-items:center;gap:10px}.floating-note>b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--lime);color:var(--ink)}.floating-note span{font-size:12px;font-weight:700;line-height:1.3}.floating-note small{color:var(--muted);font-weight:500}.note-one{top:90px;right:8px}.note-two{bottom:75px;left:2px}.category-strip{background:#fff;border-block:1px solid var(--line)}.category-row{min-height:84px;display:flex;align-items:center;gap:10px;overflow:auto;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-label{font-size:13px;font-weight:700;color:var(--ink);margin-left:8px;white-space:nowrap}.category-row a{height:38px;display:inline-flex;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--line);border-radius:999px;white-space:nowrap;font-size:13px;font-weight:600;background:var(--surface)}.category-row a:hover{background:var(--lime);border-color:var(--lime)}.category-row a b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#fff;font-size:10px;color:var(--ink)}
.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}.section-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.025em;line-height:1.1;color:var(--ink);margin:0}.section-head.mini h2{font-size:30px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.products-grid.compact{grid-template-columns:repeat(4,1fr)}.product-card{min-width:0}.product-media{position:relative;border-radius:22px;overflow:hidden;background:#edf3e8}.product-media>a{display:block;overflow:hidden}.product-media img{width:100%;aspect-ratio:1/.98;object-fit:cover;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.product-card:hover .product-media img{transform:scale(1.025)}.discount-badge{position:absolute;top:12px;right:12px;background:var(--ink);color:#fff;padding:6px 9px;border-radius:9px;font-size:11px;font-weight:700}.favorite-form{position:absolute;left:12px;top:12px}.favorite-btn{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:12px;background:rgba(255,255,255,.9);color:var(--ink);cursor:pointer}.favorite-btn svg{width:18px;stroke-width:1.7}.product-info{padding:15px 3px 4px}.product-meta{font-size:11px;color:#73806d;margin-bottom:3px}.product-info h3{font-size:17px;line-height:1.45;color:var(--ink);margin:0 0 7px}.product-info h3 a:hover{text-decoration:underline;text-underline-offset:3px}.product-price{display:flex;align-items:center;gap:8px}.product-price strong{font-size:15px}.product-price del{font-size:12px;color:#8a9386}.quick-add{margin-top:12px}.quick-add button{width:100%;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-weight:700;font-size:12px;cursor:pointer;transition:.18s}.quick-add button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.quick-add button:disabled{opacity:.5;cursor:not-allowed}.quick-add svg{width:16px}.value-section{padding:18px 0 70px}.value-card{background:var(--ink);color:#fff;border-radius:34px;padding:52px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.value-card>div:first-child h2{font-size:clamp(32px,4vw,52px);line-height:1.15;margin:8px 0 0;max-width:370px}.value-points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.value-points article{border-right:1px solid rgba(255,255,255,.16);padding-right:22px}.value-points article:first-child{border-right:0;padding-right:0}.value-points span{color:var(--lime);font-size:12px;font-weight:700}.value-points h3{font-size:18px;margin:14px 0 8px}.value-points p{margin:0;color:#cad6c3;font-size:13px;line-height:1.8}.latest-section{padding-top:55px}.newsletter{margin-bottom:90px;background:var(--lime);border-radius:30px;padding:46px 50px;display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}.newsletter h2{font-size:38px;line-height:1.2;color:var(--ink);margin:3px 0 8px}.newsletter p{color:#385a2d;margin:0}.newsletter form{display:flex;background:#fff;border-radius:15px;padding:6px}.newsletter input{flex:1;border:0;outline:0;padding:0 14px;min-width:0;background:transparent}.newsletter button{height:46px;border:0;border-radius:11px;padding:0 18px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}
.page-hero{padding:76px 0 28px}.page-hero.small{padding-top:58px}.page-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.1;letter-spacing:-.035em;color:var(--ink);margin:0 0 12px}.page-hero p{font-size:16px;color:var(--muted);margin:0;max-width:650px}.catalog-section{padding-top:38px}.catalog-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 175px auto;gap:10px;margin-bottom:12px}.catalog-search{height:48px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 13px}.catalog-search svg{width:18px;color:#6b7866}.catalog-search input{border:0;outline:0;width:100%;background:transparent}.catalog-toolbar select,.admin-card select{height:48px;border:1px solid var(--line);border-radius:14px;padding:0 13px;background:#fff;color:var(--black);outline:0}.results-count{font-size:12px;color:var(--muted);margin:18px 0 20px}.empty-state{min-height:380px;border:1px dashed #cbd8c4;border-radius:26px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px}.empty-state.tall{min-height:60vh}.empty-state>span{font-size:38px;color:var(--ink);margin-bottom:9px}.empty-state h1,.empty-state h2{font-size:30px;color:var(--ink);margin:0 0 8px}.empty-state p{color:var(--muted);margin:0 0 20px}.product-page{padding-top:42px}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:#778271;margin-bottom:28px}.breadcrumbs a:hover{color:var(--ink)}.product-detail-grid{display:grid;grid-template-columns:1fr .9fr;gap:72px}.main-product-image{position:relative;border-radius:28px;overflow:hidden;background:#edf3e8}.main-product-image img{width:100%;aspect-ratio:1/1.05;object-fit:cover}.deal-chip{position:absolute;top:18px;right:18px;background:var(--lime);color:var(--ink);border-radius:10px;padding:7px 11px;font-weight:700;font-size:12px}.product-detail{padding-top:25px}.product-detail h1{font-size:clamp(38px,5vw,60px);line-height:1.12;color:var(--ink);margin:3px 0 14px;letter-spacing:-.025em}.product-detail .lead{font-size:18px;color:var(--muted);line-height:1.8;margin:0 0 17px}.detail-price{display:flex;align-items:center;gap:12px;margin:14px 0}.detail-price strong{font-size:28px;color:var(--ink)}.detail-price del{font-size:16px;color:#899384}.stock-line{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:12px 0 25px}.stock-line i{width:8px;height:8px;border-radius:50%}.stock-line.in{color:#297742}.stock-line.in i{background:#45b65f}.stock-line.out{color:#9b3d34}.stock-line.out i{background:#d15a4c}.description{color:#566250;line-height:1.9;margin-bottom:26px}.buy-box{display:grid;grid-template-columns:115px 1fr;gap:10px;margin:20px 0}.buy-box label{font-size:11px;color:var(--muted)}.qty-input{display:block;width:100%;height:48px;margin-top:5px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:0 12px}.buy-box .btn{align-self:end}.purchase-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.purchase-benefits>div{display:flex;gap:8px;align-items:flex-start}.purchase-benefits>b{}.purchase-benefits div>b{width:28px;height:28px;border-radius:9px;background:#e9f4e3;color:var(--ink);display:grid;place-items:center;font-size:12px}.purchase-benefits span{display:flex;flex-direction:column}.purchase-benefits strong{font-size:11px;color:var(--ink)}.purchase-benefits small{font-size:10px;color:#7d8977}.related{padding-top:30px}
.cart-section,.checkout-section{padding-top:32px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start}.cart-list{background:#fff;border:1px solid var(--line);border-radius:22px;padding:7px 22px}.cart-item{display:grid;grid-template-columns:100px minmax(0,1fr) 95px 110px 36px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-item:last-of-type{border-bottom:0}.cart-image{border-radius:15px;overflow:hidden;background:var(--surface)}.cart-image img{width:100%;aspect-ratio:1;object-fit:cover}.cart-item-main>span{font-size:10px;color:#7c8876}.cart-item-main h3{font-size:15px;margin:2px 0 5px;color:var(--ink)}.cart-item-main strong{font-size:13px}.cart-qty{font-size:10px;color:var(--muted)}.cart-qty input{width:100%;height:39px;margin-top:4px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:#fff}.line-total{font-size:13px;font-weight:700;text-align:center}.remove-btn{width:34px;height:34px;border:0;background:transparent;color:#8a9386;display:grid;place-items:center;cursor:pointer}.remove-btn:hover{color:var(--red)}.remove-btn svg{width:17px}.text-button{border:0;background:transparent;color:var(--ink);font-weight:700;font-size:12px;padding:13px 0;cursor:pointer}.order-summary{position:sticky;top:130px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.order-summary h2{font-size:20px;color:var(--ink);margin:0 0 20px}.order-summary>div:not(.mini-items):not(.shipping-progress){display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:13px}.order-summary>div strong{color:var(--ink)}.summary-total{border-top:1px solid var(--line);margin-top:8px;padding-top:17px!important;font-size:16px!important}.summary-total strong{font-size:20px}.shipping-progress{background:#eff7ea;border-radius:12px;padding:11px 12px;margin:7px 0}.shipping-progress p{font-size:11px;color:#54734a;margin:0 0 8px}.shipping-progress i{height:5px;background:#d6e5cf;border-radius:999px;display:block;overflow:hidden}.shipping-progress b{display:block;height:100%;background:var(--ink);border-radius:999px}.order-summary .btn{margin-top:16px}.continue-link{display:block;text-align:center;margin-top:14px;font-size:12px;font-weight:600;color:#62705c}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:34px;align-items:start}.checkout-form{display:grid;gap:16px}.form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}.form-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:23px}.form-head>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:800}.form-head h2{font-size:19px;color:var(--ink);margin:0}.form-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.one{grid-template-columns:1fr}.form-grid .full{grid-column:1/-1}.form-grid label,.auth-form label,.track-form label,.form-section label{font-size:11px;font-weight:600;color:#4f5c4a}.form-grid input,.form-grid textarea,.auth-form input,.track-form input,.form-section input,.form-section textarea,.form-section select{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 12px;outline:0;color:var(--black);margin-top:5px;transition:.15s}.form-grid input,.auth-form input,.track-form input,.form-section input,.form-section select{height:46px}.form-grid textarea,.form-section textarea{padding-block:10px;resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.auth-form input:focus,.track-form input:focus,.form-section input:focus,.form-section textarea:focus,.form-section select:focus{border-color:#9ab291;box-shadow:0 0 0 3px rgba(154,244,107,.2)}.optional{font-weight:400;color:#899485}.payment-option{height:70px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 14px;position:relative}.payment-option.selected{border-color:#97b58b;background:#f6fff1}.payment-option input{position:absolute;opacity:0}.radio{width:18px;height:18px;border:1.5px solid #8da184;border-radius:50%;position:relative}.payment-option.selected .radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--ink)}.payment-option div{display:flex;flex-direction:column;flex:1}.payment-option strong{font-size:13px;color:var(--ink)}.payment-option small{font-size:10px;color:var(--muted)}.payment-option>b{font-size:10px;color:#71806b}.payment-option.disabled{margin-top:9px;opacity:.52}.checkout-summary{top:120px}.mini-items{display:grid!important;gap:12px!important;padding:0 0 15px!important;margin-bottom:8px;border-bottom:1px solid var(--line)}.mini-item{display:grid!important;grid-template-columns:54px 1fr auto;align-items:center!important;gap:10px!important;padding:0!important}.mini-item img{width:54px;height:54px;border-radius:10px;object-fit:cover}.mini-item div{display:flex;flex-direction:column}.mini-item strong{font-size:11px}.mini-item span{font-size:9px;color:var(--muted)}.mini-item>b{font-size:10px}.secure-note{display:flex;gap:7px;font-size:9.5px;color:#7b8775;line-height:1.6;margin:13px 0 0}.secure-note span{color:#318948}.success-card{min-height:520px;border-radius:30px;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.success-icon{width:70px;height:70px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:28px;margin-bottom:22px}.success-card h1{font-size:52px;line-height:1.1;color:var(--ink);margin:5px 0 12px}.success-card p{color:#36552d}.success-actions{display:flex;gap:10px;margin-top:18px}.narrow{max-width:760px}.track-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}.track-result{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.track-result div{padding:12px;border-left:1px solid var(--line);display:flex;flex-direction:column}.track-result div:last-child{border-left:0}.track-result span{font-size:10px;color:var(--muted)}.track-result strong{font-size:13px;margin-top:4px}.notice-box{padding:15px;border-radius:13px;margin-top:14px;font-size:13px}.notice-box.error{background:#fff0ee;color:#87362d}
.auth-shell{min-height:calc(100vh - 112px);display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-panel{width:min(500px,calc(100% - 48px));margin:auto;padding:55px 0}.auth-panel h1{font-size:48px;line-height:1.1;color:var(--ink);margin:3px 0 11px}.auth-panel>p{color:var(--muted);margin:0 0 30px}.auth-form{display:grid;gap:14px}.auth-form label{display:block}.auth-form label small{display:block;color:#83907d;font-weight:400;margin-top:3px}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin-top:18px}.auth-switch a{color:var(--ink);font-weight:700}.auth-visual{position:relative;background:var(--ink);color:#fff;overflow:hidden;display:grid;place-items:center;padding:60px}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(154,244,107,.25)}.auth-visual:before{width:550px;height:550px;right:-80px;top:-120px}.auth-visual:after{width:350px;height:350px;left:-90px;bottom:-60px}.auth-visual.alt{background:var(--lime);color:var(--ink)}.auth-visual.alt:before,.auth-visual.alt:after{border-color:rgba(22,51,0,.16)}.auth-visual>div{position:relative;z-index:2;max-width:480px}.auth-visual span{font-size:12px;font-weight:700;color:var(--lime)}.auth-visual.alt span{color:#446437}.auth-visual h2{font-size:52px;line-height:1.15;margin:12px 0 16px}.auth-visual p{color:#c6d5bd}.auth-visual.alt p{color:#426038}.account-title{display:flex;justify-content:space-between;align-items:flex-end}.account-grid{display:grid;grid-template-columns:220px 1fr;gap:36px}.account-nav{display:flex;flex-direction:column;gap:5px}.account-nav a{height:44px;display:flex;align-items:center;padding:0 13px;border-radius:11px;font-size:13px;font-weight:600;color:#65705f}.account-nav a:hover,.account-nav a.active{background:#fff;color:var(--ink)}.orders-list{display:grid;gap:8px}.orders-list article{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.orders-list article>div{display:flex;flex-direction:column}.orders-list span{font-size:10px;color:var(--muted)}.orders-list strong{font-size:12px;margin-top:3px}.status{display:inline-flex!important;width:max-content;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:10px!important;font-weight:700}.status-new{background:#edf2eb;color:#53614f}.status-confirmed{background:#e1f5d6;color:#34632b}.status-processing{background:#fff0cb;color:#795b12}.status-shipped{background:#dbeeff;color:#2f5c81}.status-delivered{background:#d8f5df;color:#1f6b34}.status-cancelled{background:#fee0dc;color:#8b3129}.empty-inline{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.empty-inline h3{color:var(--ink);margin:0 0 5px}.empty-inline p{color:var(--muted);font-size:13px;margin:0 0 16px}
.site-footer{background:var(--black);color:#fff;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .6fr .8fr;gap:50px}.footer-brand{color:#fff}.footer-grid>div:first-child p{max-width:340px;color:#aeb8aa;font-size:13px;line-height:1.9;margin-top:17px}.footer-grid h3{font-size:13px;margin:7px 0 18px;color:#fff}.footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3){display:flex;flex-direction:column}.footer-grid a:not(.brand){font-size:12px;color:#aeb8aa;margin-bottom:10px}.footer-grid a:hover{color:var(--lime)}.footer-promise{background:#1a2118;border:1px solid #303a2d;border-radius:18px;padding:18px}.footer-promise>span{width:30px;height:30px;background:var(--lime);color:var(--ink);border-radius:9px;display:grid;place-items:center;margin-bottom:12px}.footer-promise strong{font-size:13px}.footer-promise p{font-size:10px;color:#aeb8aa;line-height:1.7;margin:5px 0 0}.footer-bottom{border-top:1px solid #2d352b;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#7f8b7a}
/* Admin */
.admin-body{background:#f3f6f0}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;background:var(--black);color:#fff;padding:24px 18px;display:flex;flex-direction:column}.admin-brand{color:#fff;padding:2px 5px 25px}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a{height:44px;padding:0 12px;border-radius:11px;display:flex;align-items:center;gap:11px;color:#aeb8aa;font-size:12.5px;font-weight:600}.admin-sidebar nav a span{width:21px;text-align:center;color:#7f8b7a}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#20271e;color:#fff}.admin-sidebar nav a.active span{color:var(--lime)}.admin-side-bottom{margin-top:auto;border-top:1px solid #2f372d;padding:18px 5px 0;display:grid;gap:16px}.admin-side-bottom>a{font-size:11px;color:var(--lime)}.admin-side-bottom div{display:flex;flex-direction:column}.admin-side-bottom span{font-size:11px;font-weight:700}.admin-side-bottom small{font-size:9px;color:#7f8b7a}.admin-main{min-width:0}.admin-topbar{height:74px;position:sticky;top:0;z-index:50;background:rgba(243,246,240,.93);backdrop-filter:blur(12px);border-bottom:1px solid #e0e7dc;display:flex;align-items:center;gap:13px;padding:0 30px}.admin-topbar>div{display:flex;flex-direction:column;flex:1}.admin-topbar span{font-size:9px;color:#7b8776}.admin-topbar strong{font-size:14px;color:var(--ink)}.admin-menu-btn{display:none}.admin-content{padding:34px 30px 70px;max-width:1500px}.admin-page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:20px}.admin-page-head h1{font-size:36px;line-height:1.1;color:var(--ink);margin:1px 0 6px}.admin-page-head p{font-size:12px;color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px}.stats-grid span{display:block;font-size:10px;color:var(--muted)}.stats-grid strong{display:block;font-size:25px;color:var(--ink);margin:8px 0 4px}.stats-grid small{font-size:9px;color:#8a9485}.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px}.admin-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.admin-card-head h2{font-size:15px;color:var(--ink);margin:0}.admin-card-head p{font-size:9px;color:var(--muted);margin:2px 0 0}.admin-card-head a{font-size:10px;font-weight:700;color:var(--ink)}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th{text-align:right;font-size:9px;color:#788473;font-weight:600;background:#fbfcfa;padding:11px 15px;border-bottom:1px solid var(--line)}.admin-table td{font-size:11px;padding:13px 15px;border-bottom:1px solid #edf1ea;vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table td>a{color:var(--ink);font-weight:700}.table-sub{display:block;font-size:8px;color:#889382;margin-top:3px}.admin-empty{padding:35px;text-align:center;color:var(--muted);font-size:12px}.admin-product-cell{display:flex;align-items:center;gap:10px}.admin-product-cell img{width:42px;height:42px;border-radius:9px;object-fit:cover}.admin-product-cell div{display:flex;flex-direction:column}.admin-product-cell strong{font-size:11px;color:var(--ink)}.admin-product-cell small{font-size:8px;color:#8a9585}.stock-pill,.visibility-pill{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;border-radius:8px;padding:0 7px;background:#edf3e9;color:#4f6548;font-size:9px;font-weight:700}.stock-pill.low{background:#fff0dd;color:#8b5e27}.visibility-pill.on{background:#e1f5d8;color:#396d2d}.visibility-pill.off{background:#ecefec;color:#798277}.table-action{padding:5px 8px;border:1px solid var(--line);border-radius:7px;font-size:9px!important}.admin-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:15px;align-items:start}.form-section{padding:21px}.form-section h2{font-size:15px;color:var(--ink);margin:0 0 17px}.admin-form-side{display:grid;gap:15px}.form-section>label{display:block;margin-bottom:13px}.toggle-row{height:46px;display:flex!important;align-items:center;gap:10px;margin:4px 0!important;cursor:pointer}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row>span{width:38px;height:22px;border-radius:999px;background:#d9dfd5;position:relative;transition:.2s}.toggle-row>span:after{content:"";position:absolute;width:16px;height:16px;top:3px;right:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.2s}.toggle-row input:checked+span{background:var(--ink)}.toggle-row input:checked+span:after{right:19px;background:var(--lime)}.toggle-row b{font-size:11px;color:var(--ink)}.admin-filters{display:flex;gap:6px;overflow:auto;margin-bottom:12px;padding-bottom:2px}.admin-filters a{height:34px;display:flex;align-items:center;padding:0 11px;border:1px solid var(--line);background:#fff;border-radius:9px;white-space:nowrap;font-size:9px;font-weight:600}.admin-filters a.active{background:var(--ink);color:#fff;border-color:var(--ink)}.admin-order-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:15px;align-items:start}.admin-order-grid>aside{display:grid;gap:15px}.order-items-admin{padding:0 20px}.order-items-admin article{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.order-items-admin article div{display:flex;flex-direction:column}.order-items-admin strong{font-size:11px;color:var(--ink)}.order-items-admin small{font-size:8px;color:#84907f;margin-top:3px}.order-items-admin b{font-size:11px}.admin-order-totals{padding:13px 20px 19px}.admin-order-totals div{display:flex;justify-content:space-between;padding:5px 0;font-size:10px}.admin-order-totals div:last-child{border-top:1px solid var(--line);padding-top:10px;margin-top:5px;font-size:13px}.form-section form select{width:100%;margin-bottom:10px}.details-list{margin:0}.details-list div{padding:9px 0;border-bottom:1px solid #edf1ea}.details-list div:last-child{border-bottom:0}.details-list dt{font-size:8px;color:#879282}.details-list dd{font-size:10px;color:var(--black);margin:2px 0 0;word-break:break-word}.settings-form{display:grid;gap:15px;max-width:900px}.settings-form>.btn{justify-self:start}
@media(max-width:1100px){.header-inner{grid-template-columns:auto 1fr auto}.desktop-nav{display:none}.header-search{max-width:420px;justify-self:center;width:100%}.products-grid{grid-template-columns:repeat(3,1fr)}.products-grid.compact{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:30px}.hero-visual{min-height:480px}.value-card{grid-template-columns:1fr;gap:35px}.cart-layout,.checkout-grid{grid-template-columns:minmax(0,1fr) 330px}.admin-shell{grid-template-columns:220px 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.container{width:min(100% - 28px,var(--container))}.announcement{font-size:10px;height:30px}.announcement span{display:none}.header-inner{height:64px;grid-template-columns:auto 1fr auto;gap:10px}.mobile-only{display:grid}.header-search,.desktop-account,.login-link{display:none}.brand{justify-self:center;font-size:19px}.brand-mark{width:34px;height:34px;border-radius:11px}.cart-btn{width:42px;height:42px;padding:0;display:grid;place-items:center;position:relative}.cart-btn>span{display:none}.cart-btn b{position:absolute;top:-4px;left:-4px;min-width:18px;height:18px}.mobile-menu{display:block;max-height:0;overflow:hidden;transition:max-height .25s ease;background:#fff;border-top:1px solid transparent}.mobile-menu.open{max-height:420px;border-color:var(--line)}.mobile-menu-inner{display:grid;padding-block:14px 20px}.mobile-menu-inner>a{padding:11px 2px;border-bottom:1px solid #eff2ed;font-size:13px;font-weight:600}.mobile-search{display:flex;gap:7px;margin-bottom:7px}.mobile-search input{height:42px;flex:1;min-width:0;border:1px solid var(--line);border-radius:11px;padding:0 11px}.mobile-search button{border:0;background:var(--ink);color:#fff;border-radius:11px;padding:0 14px;font-weight:700}.hero-section{padding:44px 0 55px}.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(46px,13vw,70px)}.hero-copy>p{font-size:16px}.hero-visual{min-height:480px;margin-top:8px}.hero-product{width:280px}.hero-visual:before{inset:5% 0}.note-one{right:0}.note-two{left:0}.category-row{min-height:70px}.category-label{display:none}.section{padding:65px 0}.section-head h2{font-size:34px}.products-grid,.products-grid.compact{grid-template-columns:repeat(2,1fr);gap:18px 12px}.value-section{padding-bottom:45px}.value-card{padding:32px 25px;border-radius:25px}.value-points{grid-template-columns:1fr;gap:0}.value-points article,.value-points article:first-child{border-right:0;border-top:1px solid rgba(255,255,255,.14);padding:18px 0}.newsletter{margin-bottom:60px;padding:30px 24px;grid-template-columns:1fr;gap:20px}.newsletter h2{font-size:30px}.page-hero{padding-top:52px}.page-hero h1{font-size:45px}.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/-1}.product-detail-grid{grid-template-columns:1fr;gap:28px}.product-detail{padding-top:0}.purchase-benefits{gap:6px}.cart-layout,.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}.checkout-summary{order:-1}.track-result{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.account-grid{grid-template-columns:1fr}.account-nav{flex-direction:row;overflow:auto}.orders-list article{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.admin-shell{display:block}.admin-sidebar{position:fixed;right:0;top:0;z-index:100;width:250px;transform:translateX(105%);transition:.25s}.admin-body.admin-menu-open .admin-sidebar{transform:none}.admin-topbar{padding:0 16px}.admin-menu-btn{display:grid}.admin-content{padding:25px 15px 60px}.admin-form-grid,.admin-order-grid{grid-template-columns:1fr}.admin-form-side{grid-template-columns:1fr 1fr}.product-admin-table{min-width:700px}}
@media(max-width:540px){body{font-size:15px}.container{width:calc(100% - 22px)}.hero-section{padding-top:35px}.hero-copy h1{font-size:48px}.hero-copy h1 em:after{height:8px}.hero-copy>p{font-size:14px}.hero-actions{gap:15px}.hero-trust{gap:20px;justify-content:space-between}.hero-trust strong{font-size:13px}.hero-trust span{font-size:10px}.hero-visual{min-height:410px}.hero-orbit.one{width:350px;height:350px}.hero-orbit.two{width:290px;height:290px}.hero-product{width:235px;border-radius:22px;padding:10px 10px 15px}.hero-product img{border-radius:16px}.hero-product strong{font-size:14px}.floating-note{padding:9px 10px}.floating-note>b{width:27px;height:27px}.floating-note span{font-size:10px}.note-one{top:60px}.note-two{bottom:48px}.section{padding:52px 0}.section-head{margin-bottom:24px}.section-head h2{font-size:29px}.arrow-link{font-size:11px}.products-grid,.products-grid.compact{gap:17px 9px}.product-media{border-radius:16px}.product-info{padding-top:10px}.product-info h3{font-size:14px;min-height:40px}.product-price strong{font-size:12px}.product-price del{font-size:10px}.quick-add button{height:38px;font-size:10px}.favorite-btn{width:33px;height:33px}.discount-badge{top:8px;right:8px;padding:5px 7px;font-size:9px}.value-card{padding:28px 20px}.value-card>div:first-child h2{font-size:31px}.newsletter form{display:grid;gap:5px;background:transparent;padding:0}.newsletter input,.newsletter button{height:46px;border-radius:11px;background:#fff}.newsletter button{background:var(--ink)}.catalog-toolbar{grid-template-columns:1fr}.catalog-search{grid-column:auto}.catalog-toolbar .btn{display:none}.page-hero h1{font-size:38px}.product-detail h1{font-size:38px}.main-product-image{border-radius:20px}.buy-box{grid-template-columns:95px 1fr}.purchase-benefits{grid-template-columns:1fr}.cart-list{padding:4px 13px}.cart-item{grid-template-columns:74px 1fr 36px;gap:10px;position:relative}.cart-qty{grid-column:2;width:90px}.line-total{position:absolute;left:40px;bottom:28px}.remove-btn{grid-column:3;grid-row:1}.form-card{padding:18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.checkout-summary{padding:18px}.success-card{min-height:440px;padding:28px 18px}.success-card h1{font-size:40px}.success-actions{flex-direction:column;width:100%}.track-form{grid-template-columns:1fr;padding:16px}.track-result{grid-template-columns:1fr}.track-result div{border-left:0;border-bottom:1px solid var(--line)}.track-result div:last-child{border-bottom:0}.auth-panel{width:calc(100% - 30px);padding:42px 0}.auth-panel h1{font-size:40px}.account-title{display:block}.account-title form{margin-top:16px}.orders-list article{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:grid;gap:5px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-page-head h1{font-size:30px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stats-grid article{padding:14px}.stats-grid strong{font-size:19px}.admin-form-side{grid-template-columns:1fr}.admin-topbar .small-btn{display:none}}

/* ===== ALOXLY v1.1 — commerce UI system ===== */
:root{--lime:#9fe870;--lime-soft:#e9ffd9;--ink:#163300;--ink-2:#0d2500;--black:#0e0f0c;--muted:#65705f;--line:#dce6d6;--surface:#f4f7ef;--surface-2:#eef4e8;--white:#fff;--amber:#9b671f;--amber-bg:#fff4df;--danger:#a43c35;--danger-bg:#fff0ee;--admin-bg:#f5f7f2;--admin-ink:#11220b;--admin-sidebar:#0d1f08;--shadow-soft:0 16px 44px rgba(17,34,11,.07);--shadow-card:0 18px 45px rgba(22,51,0,.10)}
.ui-icon{width:20px;height:20px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.announcement{height:36px}.announcement-inner{width:min(var(--container),calc(100% - 40px));display:flex;justify-content:space-between;align-items:center;font-size:12px}.announcement-inner>span{display:inline-flex;align-items:center;gap:7px;color:#fff}.announcement .ui-icon{width:15px;height:15px;color:var(--lime)}.announcement-secondary{opacity:.82}
.header-search{padding-left:6px;transition:border-color .2s,box-shadow .2s,background .2s}.header-search:focus-within{border-color:#b5c7aa;box-shadow:0 0 0 4px rgba(159,232,112,.18)}.header-search button{width:34px;height:34px;border:0;border-radius:10px;background:var(--lime);color:var(--ink);display:grid;place-items:center;cursor:pointer}.header-search button .ui-icon{width:16px}.icon-btn,.cart-btn,.btn,.quick-add button,.favorite-btn{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.icon-btn:hover,.favorite-btn:hover{transform:translateY(-1px);border-color:#bccab4}.cart-btn:hover{transform:translateY(-1px);background:var(--ink)}
.hero-section{padding:76px 0 84px;background:radial-gradient(circle at 78% 34%,rgba(159,232,112,.22),transparent 29%),linear-gradient(180deg,#f8faf4 0%,var(--surface) 100%)}.hero-copy h1{max-width:760px}.hero-copy>p{max-width:620px}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:0;padding-top:0}.hero-trust>div{min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.58)}.hero-trust .ui-icon{width:21px;height:21px;color:var(--ink)}.hero-trust>div>span{display:flex;flex-direction:column}.hero-trust small{font-size:10px;color:var(--muted);line-height:1.4}.hero-visual:before{background:linear-gradient(145deg,var(--lime),#c7ff9f);box-shadow:inset 0 0 0 1px rgba(22,51,0,.06)}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.58);filter:blur(1px)}.hero-product-badge{display:inline-flex!important;align-items:center;gap:5px!important;width:max-content;padding:6px 9px;border-radius:999px;background:var(--lime-soft);color:var(--ink)!important;letter-spacing:0!important;text-transform:none!important;font-size:10px!important;font-weight:700;margin-bottom:10px!important}.hero-product-badge .ui-icon{width:13px}.floating-note{gap:9px;animation:floatNote 5s ease-in-out infinite}.floating-note.note-two{animation-delay:-2.1s}.floating-note>.ui-icon{width:33px;height:33px;padding:7px;border-radius:10px;background:var(--lime);color:var(--ink)}@keyframes floatNote{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.section-head>div>p{margin:8px 0 0;color:var(--muted);font-size:14px;max-width:520px}.product-card{transition:transform .22s ease}.product-card:hover{transform:translateY(-3px)}.product-media{background:linear-gradient(160deg,#f1f6ec,#e6efe0)}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-meta small{color:var(--danger);font-weight:700}.quick-add button{border-color:#d7e2d1}.quick-add button span{overflow:hidden;text-overflow:ellipsis}.quick-add button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.value-card{position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(159,232,112,.16);border-radius:50%;left:-120px;top:-150px}.value-points article>.ui-icon{width:28px;height:28px;color:var(--lime);margin-bottom:18px}.newsletter form>div{display:flex;align-items:center;gap:8px;flex:1}.newsletter form>div .ui-icon{margin-right:4px;color:#7a8774}.newsletter form button{display:flex;align-items:center;gap:7px}.newsletter form button .ui-icon{width:16px}
.mobile-bottom-nav{display:none}.toast{display:flex;align-items:center;gap:9px}.toast .ui-icon{width:18px;height:18px}.empty-state>.ui-icon{width:42px;height:42px;color:var(--ink);margin-bottom:10px}
.coupon-box{padding:13px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin:4px 0}.coupon-box form>label{display:block;font-size:11px;font-weight:700;margin-bottom:7px;color:var(--ink)}.coupon-box form>div{display:grid;grid-template-columns:1fr auto;gap:7px}.coupon-box input{height:42px;border:1px solid var(--line);border-radius:11px;padding:0 11px;text-transform:uppercase;outline:none}.coupon-box input:focus{border-color:#aebfa4;box-shadow:0 0 0 3px rgba(159,232,112,.16)}.coupon-box button{height:42px;border:0;border-radius:11px;background:var(--ink);color:#fff;padding:0 15px;font-weight:700;cursor:pointer}.coupon-applied{display:flex;align-items:center;gap:9px}.coupon-applied>.ui-icon{width:22px;color:var(--ink)}.coupon-applied>div{display:flex;flex-direction:column;flex:1}.coupon-applied strong{font-size:13px}.coupon-applied span{font-size:10px;color:var(--muted)}.coupon-applied form button{width:36px;height:36px;padding:0;display:grid;place-items:center;background:#fff;color:var(--danger);border:1px solid var(--line)}.coupon-applied form button .ui-icon{width:16px}.discount-line strong,.discount-line b{color:#25702c}.summary-security{display:flex;align-items:center;gap:7px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.summary-security .ui-icon{width:15px;color:var(--ink)}.summary-title{display:flex!important;align-items:center;justify-content:space-between!important;border:0!important;padding:0!important}.summary-title .ui-icon{color:var(--ink)}.auth-security{display:flex;align-items:center;gap:7px;margin:12px 0;color:var(--muted);font-size:11px}.auth-security .ui-icon{width:15px;color:var(--ink)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.revealed{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}

/* Admin v1.1 */
.admin-body{background:var(--admin-bg);color:var(--admin-ink);font-size:14px}.admin-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;background:var(--admin-sidebar);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:120}.admin-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 14px}.admin-brand{color:#fff;font-size:17px}.admin-brand>span:last-child{display:flex;flex-direction:column;line-height:1.25}.admin-brand small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9eaf97;font-weight:500}.admin-brand .brand-mark{width:35px;height:35px;border-radius:11px}.admin-close-btn{display:none;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff}.admin-nav{flex:1;overflow:auto;padding:5px 2px 20px;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-group{display:grid;gap:4px;margin-bottom:19px}.admin-nav-group>span{font-size:9px;font-weight:700;letter-spacing:.08em;color:#7f9278;padding:0 11px 5px}.admin-nav-group>a{height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;border-radius:11px;color:#c5d1bf;font-size:12px;font-weight:600;position:relative}.admin-nav-group>a .ui-icon{width:18px;height:18px;color:#9eb095}.admin-nav-group>a:hover{background:rgba(255,255,255,.06);color:#fff}.admin-nav-group>a.active{background:#9fe870;color:#163300}.admin-nav-group>a.active .ui-icon{color:#163300}.admin-nav-group>a b{font-weight:600}.nav-alert-dot{margin-right:auto;width:6px;height:6px;background:#ffb36a;border-radius:50%}.admin-side-bottom{border-top:1px solid rgba(255,255,255,.1);padding:13px 5px 0;display:grid;gap:12px}.open-store{height:38px;display:flex;align-items:center;gap:8px;color:#c1cfbb;font-size:11px}.open-store .ui-icon{width:16px}.admin-user{display:flex;align-items:center;gap:9px}.admin-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(159,232,112,.14);color:var(--lime);font-weight:700}.admin-user>div{display:flex;flex-direction:column;min-width:0}.admin-user strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user small{font-size:8px;color:#8da086;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.admin-main{min-width:0}.admin-topbar{height:72px;position:sticky;top:0;z-index:70;background:rgba(245,247,242,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e1e7dd;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-topbar-start{display:flex;align-items:center;gap:12px}.admin-topbar-start>div{display:flex;flex-direction:column}.admin-breadcrumb{font-size:9px;color:#82907d}.admin-topbar strong{font-size:14px;color:var(--admin-ink)}.admin-menu-btn{display:none}.admin-topbar-actions{display:flex;align-items:center;gap:8px}.admin-view-store,.admin-ghost-btn{height:39px;border:1px solid #d9e1d5;background:#fff;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-size:11px;font-weight:700;color:var(--admin-ink);cursor:pointer}.admin-view-store .ui-icon,.admin-ghost-btn .ui-icon{width:16px}.admin-primary-action{height:39px!important;border-radius:11px!important;background:var(--admin-sidebar)!important;color:#fff!important;border-color:var(--admin-sidebar)!important;padding:0 14px!important;font-size:11px!important}.admin-primary-action .ui-icon{width:16px}.admin-content{padding:30px 30px 70px;max-width:1540px;margin:0 auto}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.admin-page-head h1{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:3px 0 5px;color:var(--admin-ink)}.admin-page-head p{margin:0;color:#74806f;font-size:11px}.admin-kicker{font-size:9px;font-weight:700;letter-spacing:.08em;color:#6e7e68}.back-link{display:inline-flex;font-size:10px;font-weight:700;color:#597151;margin-bottom:5px}.admin-head-actions{display:flex;gap:8px}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-kpi-grid.three{grid-template-columns:repeat(3,1fr)}.admin-kpi{background:#fff;border:1px solid #e0e6dc;border-radius:17px;padding:18px;min-height:132px;display:flex;flex-direction:column;position:relative;overflow:hidden}.admin-kpi.featured{background:var(--admin-sidebar);border-color:var(--admin-sidebar);color:#fff}.admin-kpi.warning{background:var(--amber-bg);border-color:#f3d6a9}.admin-kpi .kpi-icon{position:absolute;left:15px;top:15px;width:34px;height:34px;border-radius:11px;background:#eff4eb;display:grid;place-items:center;color:#3c5435}.admin-kpi.featured .kpi-icon{background:rgba(159,232,112,.14);color:var(--lime)}.admin-kpi .kpi-icon .ui-icon{width:18px}.admin-kpi>span{font-size:10px;color:#778371}.admin-kpi.featured>span{color:#a9b9a1}.admin-kpi>strong{font-size:24px;letter-spacing:-.025em;margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-kpi>small{font-size:9px;color:#7d8878;margin-top:auto}.admin-kpi.featured>small{color:#a9b9a1}.admin-kpi small b{padding:2px 5px;border-radius:6px}.admin-kpi small b.positive{background:rgba(159,232,112,.14);color:var(--lime)}.admin-kpi small b.negative{background:#50231f;color:#ffb9b1}.kpi-date{font-size:18px!important}.admin-panel{background:#fff;border:1px solid #e0e6dc;border-radius:17px;min-width:0}.admin-panel-head{min-height:66px;padding:14px 18px;border-bottom:1px solid #edf0eb;display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-panel-head>div{display:flex;flex-direction:column}.admin-panel-head span{font-size:9px;color:#82907d}.admin-panel-head h2{font-size:14px;margin:2px 0 0;color:var(--admin-ink)}.admin-panel-head>a{font-size:9px;font-weight:700;color:#46663d;display:inline-flex;align-items:center;gap:5px}.admin-panel-head>a .ui-icon{width:14px}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:12px;margin-bottom:12px}.admin-dashboard-grid.lower{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.sales-panel{padding-bottom:15px}.sales-chart{height:245px;padding:25px 18px 8px;display:flex;align-items:flex-end;gap:8px}.sales-bar{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.sales-bar i{display:block;width:min(18px,70%);min-height:4px;background:linear-gradient(180deg,var(--lime),#6fc849);border-radius:7px 7px 3px 3px;transition:height .4s ease}.sales-bar span{font-size:7px;color:#8b9587}.chart-legend{display:flex;align-items:center;justify-content:space-between;padding:0 18px 4px}.chart-legend>span{display:flex;align-items:center;gap:6px;font-size:8px;color:#7c8877}.chart-legend>span i{width:7px;height:7px;border-radius:50%;background:var(--lime)}.chart-legend strong{font-size:12px}.quick-panel{padding-bottom:8px}.quick-actions{display:grid;padding:6px 10px}.quick-actions>a{display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:9px;padding:10px 8px;border-bottom:1px solid #eff2ed}.quick-actions>a:last-child{border-bottom:0}.quick-actions>a>.ui-icon:first-child{width:34px;height:34px;padding:8px;border-radius:10px;background:#f0f5ec;color:#3e5637}.quick-actions>a>.ui-icon:last-child{width:14px;color:#99a494}.quick-actions>a>div{display:flex;flex-direction:column}.quick-actions strong{font-size:10px}.quick-actions span{font-size:8px;color:#84907f}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:680px}.admin-table th{text-align:right;font-size:8px;font-weight:700;color:#82907d;padding:10px 16px;background:#fafbf9;border-bottom:1px solid #edf0eb;white-space:nowrap}.admin-table td{padding:12px 16px;border-bottom:1px solid #eff2ed;font-size:10px;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:#fbfcfa}.admin-table td>strong{font-size:10px}.admin-table td>small{display:flex;align-items:center;gap:4px;font-size:8px;color:#899486;margin-top:2px}.admin-table td>small .ui-icon{width:11px}.table-icon-btn{width:32px;height:32px;border:1px solid #dce4d8;border-radius:9px;background:#fff;display:grid;place-items:center;color:#425b3a;cursor:pointer}.table-icon-btn:hover{background:#f1f5ee}.table-icon-btn .ui-icon{width:15px}.status-badge{display:inline-flex;align-items:center;justify-content:center;height:25px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:700;white-space:nowrap;background:#edf1eb;color:#62705d}.status-badge.large{height:32px;padding-inline:12px;font-size:9px}.status-new{background:#eef1f8;color:#4b5875}.status-confirmed{background:#ecf4ff;color:#34648e}.status-processing{background:#fff1dc;color:#8c5c21}.status-shipped{background:#eeeaff;color:#6253a0}.status-delivered{background:#e7f7e2;color:#3c7535}.status-cancelled{background:#f8e8e6;color:#9a443d}.low-stock-list{padding:6px 12px}.low-stock-list>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:9px 4px;border-bottom:1px solid #eff2ed}.low-stock-list>a:last-child{border-bottom:0}.low-stock-list img{width:38px;height:38px;object-fit:cover;border-radius:9px;background:#eef3ea}.low-stock-list div{display:flex;flex-direction:column}.low-stock-list strong{font-size:9px}.low-stock-list small{font-size:7px;color:#8a9585}.low-stock-list b{font-size:8px;color:#8a5b1f;background:#fff1db;border-radius:7px;padding:4px 6px}.low-stock-list b.out{background:#f9e7e5;color:#9a443d}.admin-empty-compact{padding:26px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#668060}.admin-empty-compact .ui-icon{width:28px;height:28px;margin-bottom:8px}.admin-empty-compact strong{font-size:10px}.admin-empty-compact span{font-size:8px;color:#8a9586}.top-products-panel{margin-top:12px}.top-products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.top-products-grid article{padding:17px;border-left:1px solid #eff2ed;display:grid;gap:10px}.top-products-grid article:last-child{border-left:0}.top-products-grid .rank{font-size:9px;color:#93a08e}.top-products-grid article>div{display:flex;flex-direction:column}.top-products-grid strong{font-size:9px}.top-products-grid small{font-size:7px;color:#85917f}.top-products-grid b{font-size:10px;color:#36532d}.admin-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.admin-search{height:40px;min-width:260px;max-width:430px;flex:1;background:#fff;border:1px solid #dce4d8;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 10px}.admin-search .ui-icon{width:15px;color:#7e8c78}.admin-search input{border:0;outline:0;background:transparent;width:100%;font-size:10px}.admin-toolbar select,.admin-toolbar>label input{height:40px;border:1px solid #dce4d8;background:#fff;border-radius:11px;padding:0 10px;font-size:10px;outline:none}.admin-toolbar>label{display:flex;align-items:center;gap:5px;font-size:9px;color:#74806f}.toolbar-count{margin-right:auto;font-size:9px;color:#7d8977}.admin-table-panel{overflow:hidden}.admin-product-cell{display:flex;align-items:center;gap:9px}.admin-product-cell img{width:42px;height:42px;border-radius:10px;object-fit:cover;background:#edf3e8}.admin-product-cell>div{display:flex;flex-direction:column}.admin-product-cell strong{font-size:10px}.admin-product-cell small{font-size:8px;color:#879282}.stock-pill{display:inline-flex;align-items:center;height:25px;padding:0 8px;border-radius:8px;background:#edf5e9;color:#47713f;font-size:8px;font-weight:700}.stock-pill.low{background:#fff0d9;color:#8b5d24}.admin-form-grid{grid-template-columns:minmax(0,1fr) 340px;gap:12px}.admin-form-main,.admin-form-side{display:grid;gap:12px}.form-section{padding:0!important}.form-section>.admin-panel-head{margin:0}.form-section>.form-grid,.form-section>form,.form-section>label,.form-section>.toggle-row,.form-section>.admin-image-preview,.form-section>.field-note,.form-section>.details-list,.form-section>.admin-users-list,.form-section>.security-checklist{margin-left:18px!important;margin-right:18px!important}.form-section>.form-grid,.form-section>form{margin-top:17px!important;margin-bottom:18px!important}.form-section>label{display:block;margin-top:14px!important;margin-bottom:0!important}.form-section>.toggle-row:last-of-type{margin-bottom:15px!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid .full{grid-column:1/-1}.form-section label,.stack-form label{font-size:9px;font-weight:700;color:#52614d}.form-section input,.form-section select,.form-section textarea,.stack-form input,.stack-form select,.stack-form textarea{width:100%;border:1px solid #dce4d8;background:#fff;border-radius:10px;outline:0;color:var(--admin-ink);font-size:10px;padding:0 10px;margin-top:5px}.form-section input,.form-section select,.stack-form input,.stack-form select{height:41px}.form-section textarea,.stack-form textarea{padding:10px;resize:vertical;line-height:1.65}.form-section input:focus,.form-section select:focus,.form-section textarea:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus{border-color:#aebea6;box-shadow:0 0 0 3px rgba(159,232,112,.13)}.field-note{display:block;font-size:8px;color:#84907f;margin-top:7px!important}.admin-image-preview{width:calc(100% - 36px);aspect-ratio:1.15/1;object-fit:cover;border-radius:12px;background:#eef3ea;margin-top:16px!important}.toggle-row{height:38px!important;display:flex!important;align-items:center!important;gap:9px!important;cursor:pointer}.toggle-row>span{width:36px!important;height:21px!important}.toggle-row input:checked+span:after{right:18px!important}.toggle-row b{font-size:9px!important}.form-actions{display:flex;gap:8px}.admin-order-grid{grid-template-columns:minmax(0,1fr) 330px;gap:12px}.admin-order-main{display:grid;gap:12px}.order-items-admin strong{font-size:10px!important}.order-items-admin small{font-size:8px!important}.order-items-admin b{font-size:10px!important}.admin-order-totals div{font-size:9px!important}.admin-order-totals div:last-child{font-size:12px!important}.details-list dt{font-size:8px!important}.details-list dd{font-size:10px!important}.admin-two-col{display:grid;grid-template-columns:minmax(280px,.48fr) minmax(0,1.52fr);gap:12px;align-items:start}.stack-form{display:grid;gap:12px}.category-admin-list{padding:5px 12px}.category-admin-row{display:grid;grid-template-columns:minmax(230px,1.3fr) minmax(130px,.8fr) 70px 44px 34px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eff2ed}.category-admin-row:last-child{border-bottom:0}.category-admin-row input{height:35px;border:1px solid #dfe6db;border-radius:9px;padding:0 8px;font-size:9px;min-width:0}.category-admin-main{display:flex;align-items:center;gap:8px}.category-admin-main>div:last-child{display:flex;flex-direction:column;flex:1}.category-admin-main>div:last-child input{border:0;padding:0;height:22px;font-weight:700;font-size:10px}.category-admin-main small{font-size:7px;color:#899486}.category-admin-icon{width:34px;height:34px;border-radius:9px;background:#f0f5ed;display:grid;place-items:center}.category-admin-icon .ui-icon{width:16px}.mini-toggle{display:grid;place-items:center}.mini-toggle input{display:none}.mini-toggle span{width:31px;height:18px;border-radius:999px;background:#d6ded2;position:relative}.mini-toggle span:after{content:"";position:absolute;right:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}.mini-toggle input:checked+span{background:#163300}.mini-toggle input:checked+span:after{right:16px;background:var(--lime)}.coupon-code-cell{display:flex;align-items:center;gap:8px}.coupon-code-cell>.ui-icon{width:28px;height:28px;padding:6px;border-radius:8px;background:#eef5e9;color:#46683e}.coupon-code-cell>div{display:flex;flex-direction:column}.customer-cell{display:flex;align-items:center;gap:9px}.customer-cell>span{width:32px;height:32px;border-radius:10px;background:#edf4e9;color:#3f5e37;display:grid;place-items:center;font-weight:700}.customer-cell>div{display:flex;flex-direction:column}.inventory-input{width:72px;height:34px;border:1px solid #dce4d8;border-radius:8px;padding:0 8px;font-size:9px}.admin-table-footer{min-height:62px;border-top:1px solid #edf0eb;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-table-footer>span{font-size:8px;color:#7c8877}.report-filter{background:#fff;border:1px solid #e0e6dc;border-radius:13px;padding:10px}.rank-list{padding:7px 13px}.rank-list article{display:grid;grid-template-columns:25px 1fr auto;gap:9px;align-items:center;padding:10px 2px;border-bottom:1px solid #eff2ed}.rank-list article:last-child{border-bottom:0}.rank-list article>span{width:25px;height:25px;border-radius:8px;background:#eff4ec;display:grid;place-items:center;font-size:8px}.rank-list article>div{display:flex;flex-direction:column}.rank-list strong{font-size:9px}.rank-list small{font-size:7px;color:#8b9587}.rank-list b{font-size:9px}.status-report-list{padding:12px 16px}.status-report-list>div{margin-bottom:13px}.status-report-list>div>div{display:flex;justify-content:space-between;font-size:8px;margin-bottom:5px}.status-report-list>div>i{height:6px;background:#eef2eb;border-radius:999px;display:block;overflow:hidden}.status-report-list>div>i>b{display:block;height:100%;background:var(--lime);border-radius:999px}.admin-empty{padding:50px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.admin-empty>.ui-icon{width:36px;height:36px;color:#496841;margin-bottom:10px}.admin-empty h3{font-size:13px;margin:0}.admin-empty p{font-size:9px;color:#82907d;max-width:360px}.admin-note-card{margin-top:12px;border:1px solid #dce6d6;border-radius:15px;background:#eff6eb;padding:15px 17px;display:flex;align-items:flex-start;gap:10px}.admin-note-card>.ui-icon{width:22px;color:#416339}.admin-note-card strong{font-size:10px}.admin-note-card p{font-size:8px;color:#72816c;margin:3px 0 0}.security-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.security-card{min-height:110px;border:1px solid #e0e6dc;background:#fff;border-radius:16px;padding:16px;display:flex;align-items:flex-start;gap:11px}.security-card>.ui-icon{width:30px;height:30px;padding:7px;border-radius:9px}.security-card.good>.ui-icon{background:#e9f6e3;color:#3d7336}.security-card.warn>.ui-icon{background:#fff0dc;color:#906123}.security-card>div{display:flex;flex-direction:column}.security-card span{font-size:8px;color:#83907e}.security-card strong{font-size:16px;margin:5px 0}.security-card small{font-size:8px;color:#899486}.security-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.security-events{padding:5px 12px}.security-events article{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:9px 2px;border-bottom:1px solid #eff2ed}.security-events article:last-child{border-bottom:0}.severity{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.severity .ui-icon{width:15px}.severity-info{background:#edf4ea;color:#527149}.severity-warning{background:#fff0db;color:#926225}.severity-critical{background:#fae6e3;color:#9c443c}.security-events article>div{display:flex;flex-direction:column}.security-events strong{font-size:9px}.security-events small{font-size:7px;color:#899486}.security-events article>b{font-size:7px;color:#7f8b7a}.admin-users-list{margin-top:14px!important}.admin-users-list article{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eff2ed}.admin-users-list article>span{width:32px;height:32px;border-radius:10px;background:#edf4e9;display:grid;place-items:center;font-weight:700;color:#45633d}.admin-users-list article>div{display:flex;flex-direction:column}.admin-users-list strong{font-size:9px}.admin-users-list small{font-size:7px;color:#869181}.security-checklist{display:grid;gap:7px;margin-top:15px!important;margin-bottom:18px!important}.security-checklist h3{font-size:10px;margin:0 0 3px}.security-checklist span{display:flex;align-items:center;gap:6px;font-size:8px;color:#687664}.security-checklist .ui-icon{width:13px;color:#397135}.narrow-panel{max-width:620px}.settings-form{max-width:none!important;display:grid;gap:12px!important}.settings-form>.admin-primary-action{justify-self:start!important}
.admin-overlay{display:none}

@media(max-width:1180px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid,.admin-dashboard-grid.lower{grid-template-columns:1fr}.top-products-grid{grid-template-columns:repeat(3,1fr)}.top-products-grid article:nth-child(3){border-left:0}.admin-two-col.security-grid{grid-template-columns:1fr}.security-overview{grid-template-columns:1fr 1fr}}
@media(max-width:900px){body:not(.admin-body){padding-bottom:72px}.announcement-secondary{display:none}.announcement-inner{justify-content:center}.mobile-bottom-nav{position:fixed;z-index:79;bottom:0;right:0;left:0;height:68px;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 25px rgba(22,51,0,.05)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;color:#7c8778;font-size:8px;font-weight:600;border-radius:10px}.mobile-bottom-nav a .ui-icon{width:19px;height:19px}.mobile-bottom-nav a.active{color:var(--ink)}.mobile-bottom-nav a.active:before{content:"";position:absolute;top:-6px;width:24px;height:3px;border-radius:999px;background:var(--lime)}.mobile-bottom-nav a b{position:absolute;top:0;left:calc(50% - 18px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--ink);color:#fff;font-size:8px;display:grid;place-items:center}.site-footer{padding-bottom:22px}.hero-section{padding-top:42px}.hero-grid{gap:18px}.hero-trust{grid-template-columns:1fr;gap:7px;margin-top:26px}.hero-trust>div{padding:10px 11px}.hero-visual{min-height:430px}.section-head>div>p{display:none}.newsletter{margin-bottom:38px}
.admin-shell{display:block}.admin-sidebar{position:fixed;right:0;top:0;width:280px;height:100dvh;transform:translateX(105%);transition:transform .26s cubic-bezier(.2,.8,.2,1);box-shadow:-22px 0 50px rgba(0,0,0,.18)}.admin-body.admin-menu-open .admin-sidebar{transform:none}.admin-close-btn{display:grid}.admin-overlay{position:fixed;z-index:110;inset:0;background:rgba(5,15,3,.38);backdrop-filter:blur(2px)}.admin-body.admin-menu-open .admin-overlay{display:block}.admin-topbar{height:64px;padding:0 15px}.admin-menu-btn{display:grid}.admin-view-store span{display:none}.admin-view-store{width:39px;padding:0}.admin-content{padding:22px 14px 60px}.admin-form-grid,.admin-order-grid,.admin-two-col{grid-template-columns:1fr}.admin-form-side{display:grid;grid-template-columns:1fr}.security-overview{grid-template-columns:1fr 1fr}.category-admin-row{min-width:680px}.category-admin-list{overflow:auto}.top-products-grid{grid-template-columns:1fr 1fr}.top-products-grid article{border-bottom:1px solid #eff2ed}.admin-toolbar{overflow:auto;padding-bottom:2px}.admin-search{min-width:260px}.toolbar-count{display:none}}
@media(max-width:560px){.container{width:calc(100% - 24px)}.announcement{height:32px}.announcement-inner{font-size:10px}.header-inner{height:62px}.brand{font-size:18px}.hero-section{padding:30px 0 46px}.hero-copy h1{font-size:45px;line-height:1.02}.hero-copy>p{font-size:13.5px;line-height:1.8}.hero-actions{margin-top:22px;gap:10px}.hero-actions .btn{height:44px;padding:0 14px;font-size:12px}.hero-actions .text-link{font-size:11px}.hero-visual{min-height:370px}.hero-product{width:224px;padding:10px 10px 14px}.hero-product-badge{font-size:8px!important}.hero-product strong{font-size:13px}.floating-note{padding:8px 9px;border-radius:13px}.floating-note>.ui-icon{width:28px;height:28px}.floating-note span{font-size:9px}.floating-note small{font-size:7px}.note-one{top:40px}.note-two{bottom:30px}.category-row{min-height:62px}.category-row a{height:34px;font-size:10px;padding:0 11px}.section{padding:48px 0}.section-head{margin-bottom:20px;align-items:center}.section-head h2{font-size:28px}.products-grid,.products-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 9px}.product-media{border-radius:15px}.product-info{padding:9px 1px 2px}.product-meta{font-size:8px}.product-meta small{font-size:7px}.product-info h3{font-size:12.5px;min-height:37px;margin-bottom:5px}.product-price{gap:4px}.product-price strong{font-size:11px}.product-price del{font-size:8px}.quick-add{margin-top:8px}.quick-add button{height:36px;border-radius:10px;padding:0 9px;font-size:9px}.quick-add button .ui-icon{width:14px}.favorite-btn{width:31px;height:31px;border-radius:10px}.discount-badge{font-size:7px;padding:5px 6px}.value-card{border-radius:22px;padding:25px 19px}.value-card>div:first-child h2{font-size:28px}.value-points article>.ui-icon{width:23px;height:23px;margin-bottom:10px}.newsletter{padding:24px 18px}.newsletter h2{font-size:26px}.newsletter form>div{background:#fff;border-radius:11px;padding:0 8px}.newsletter form>div input{background:transparent}.toast{left:12px;right:12px;bottom:82px;min-width:0;max-width:none}.cart-item{grid-template-columns:70px 1fr 34px}.coupon-box form>div{grid-template-columns:1fr 70px}.summary-security{font-size:8px}
.admin-topbar-actions .admin-primary-action{display:none}.admin-topbar{padding:0 12px}.admin-content{padding:18px 11px 52px}.admin-page-head{align-items:flex-start;flex-direction:column;margin-bottom:17px}.admin-page-head h1{font-size:25px}.admin-page-head p{font-size:9px;line-height:1.6}.admin-head-actions{width:100%;overflow:auto}.admin-kpi-grid,.admin-kpi-grid.three{grid-template-columns:1fr 1fr;gap:8px}.admin-kpi{min-height:115px;padding:14px;border-radius:14px}.admin-kpi .kpi-icon{width:29px;height:29px;left:11px;top:11px}.admin-kpi>span{font-size:8px}.admin-kpi>strong{font-size:19px;margin-top:13px}.admin-kpi>small{font-size:7px}.admin-panel{border-radius:14px}.admin-panel-head{min-height:59px;padding:12px 13px}.admin-panel-head h2{font-size:12px}.admin-panel-head span{font-size:8px}.sales-chart{height:190px;padding:20px 10px 8px;gap:5px}.sales-bar span{font-size:6px}.quick-actions>a{grid-template-columns:31px 1fr 14px}.quick-actions>a>.ui-icon:first-child{width:31px;height:31px}.top-products-grid{grid-template-columns:1fr}.top-products-grid article{border-left:0}.admin-toolbar{align-items:stretch}.admin-search{min-width:230px}.admin-toolbar select{min-width:130px}.admin-form-grid{gap:9px}.form-grid,.form-grid.three{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-section>.form-grid{margin-left:13px!important;margin-right:13px!important}.form-section>label,.form-section>.toggle-row,.form-section>.field-note,.form-section>.details-list,.form-section>.admin-users-list,.form-section>.security-checklist{margin-left:13px!important;margin-right:13px!important}.admin-image-preview{width:calc(100% - 26px);margin-left:13px!important;margin-right:13px!important}.form-actions{position:sticky;bottom:8px;z-index:20;background:rgba(245,247,242,.92);backdrop-filter:blur(10px);padding:8px;border-radius:12px;border:1px solid #dfe6db}.form-actions>*{flex:1}.security-overview{grid-template-columns:1fr}.security-card{min-height:94px}.admin-table th{padding:9px 11px}.admin-table td{padding:10px 11px}.admin-two-col{gap:9px}.report-filter{min-width:max-content}.admin-note-card{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.floating-note{animation:none}.product-card,.product-media img,.btn,.icon-btn,.cart-btn{transition:none!important}}
.purchase-benefits>div>.ui-icon{width:31px;height:31px;padding:7px;border-radius:10px;background:var(--lime-soft);color:var(--ink);flex:0 0 auto}.success-icon .ui-icon{width:34px;height:34px}.mobile-menu-inner>a{display:flex;align-items:center;gap:8px}.mobile-menu-inner>a .ui-icon{width:17px}.admin-ghost-btn.wide{width:100%}.secure-note{display:flex;align-items:flex-start;gap:6px}.secure-note .ui-icon{width:15px;flex:0 0 auto;margin-top:2px}

/* ALOXLY v1.4 — layout stabilization & visual consistency */

/* ---------------- Core safeguards ---------------- */
[hidden]{display:none!important}
html,body{max-width:100%;overflow-x:hidden}
body{font-weight:400}
button,input,select,textarea{font-weight:400}
strong,b,h1,h2,h3,h4,h5,h6{font-weight:600}
.ui-icon{display:inline-grid!important;place-items:center;line-height:1!important}

/* ---------------- Store: stable responsive composition ---------------- */
body:not(.admin-body){font-weight:400;line-height:1.75}
body:not(.admin-body) p,
body:not(.admin-body) li,
body:not(.admin-body) small,
body:not(.admin-body) input,
body:not(.admin-body) textarea,
body:not(.admin-body) select{font-weight:400}
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3,
body:not(.admin-body) .btn,
body:not(.admin-body) button{font-weight:600}
body:not(.admin-body) .container{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.section{overflow:clip}
.section-head{width:100%}
.section-head h2{font-weight:600!important}
.section-head p{font-weight:400!important}

/* The home carousel must never degrade to full-width stacked cards on desktop. */
.products-carousel{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(250px,27vw,320px)!important;
  grid-template-columns:none!important;
  align-items:start!important;
  gap:18px!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  padding:4px 1px 12px!important;
}
.products-carousel>.product-card{width:100%!important;max-width:320px!important;scroll-snap-align:start!important}
.products-grid,.products-grid.compact{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:26px 18px!important;
  width:100%!important;
}
.product-card{display:block!important;width:100%!important;min-width:0!important;background:transparent!important}
.product-media{width:100%!important;aspect-ratio:4/4.35!important;position:relative!important;overflow:hidden!important}
.product-media>a{display:block!important;width:100%!important;height:100%!important}
.product-media img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.product-info{width:100%!important;padding:12px 2px 2px!important}
.product-meta{font-size:12px!important;font-weight:400!important;margin-bottom:5px!important}
.product-meta small{font-size:11.5px!important;font-weight:500!important}
.product-info h3{font-size:15px!important;line-height:1.55!important;font-weight:600!important;min-height:0!important;margin:0 0 6px!important}
.product-price strong{font-size:14px!important;font-weight:600!important}
.product-price del{font-size:12px!important;font-weight:400!important}
.quick-buy-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:10px!important}
.quick-buy-row .quick-add{margin:0!important;min-width:0!important}
.quick-buy-row button,.quick-buy-row .quick-add button{width:100%!important;height:42px!important;min-height:42px!important;border-radius:11px!important;font-size:12.5px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important}
.quick-buy-trigger{border:1px solid var(--ink)!important;background:var(--ink)!important;color:#fff!important}
.favorite-form{position:absolute!important;left:12px!important;top:12px!important;z-index:8!important}
.favorite-btn{width:38px!important;height:38px!important;border-radius:12px!important}
.discount-badge{z-index:7!important}

.store-features-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  align-items:stretch!important;
}
.store-feature-card{display:flex!important;flex-direction:column!important;min-height:190px!important;padding:24px!important;border:1px solid var(--line)!important;background:var(--store-surface,#fff)!important}
.store-feature-card>.ui-icon{font-size:26px!important;margin-bottom:auto!important}
.store-feature-card h3{font-size:17px!important;font-weight:600!important;margin:22px 0 6px!important}
.store-feature-card p{font-size:13.5px!important;font-weight:400!important;line-height:1.8!important;margin:0!important}

.promo-banner{width:100%!important}
.newsletter{width:min(1280px,calc(100% - 48px))!important}

/* ---------------- Admin: fixed sidebar + full-width workspace ---------------- */
.admin-body{
  --admin-sidebar-w:276px;
  --admin-sidebar-compact-w:82px;
  min-height:100dvh!important;
  background:var(--admin-bg)!important;
  color:var(--admin-text)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.7!important;
  overflow-x:hidden!important;
}
.admin-shell{display:block!important;width:100%!important;min-height:100dvh!important;max-width:none!important}
.admin-sidebar{
  position:fixed!important;
  inset-block:0!important;
  right:0!important;
  left:auto!important;
  z-index:130!important;
  width:var(--admin-sidebar-w)!important;
  height:100dvh!important;
  min-height:100dvh!important;
  padding:16px 13px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(180deg,#10280d 0%,#0b1d08 100%)!important;
  border-inline-start:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:width .2s ease,padding .2s ease,transform .22s ease!important;
}
.admin-main{
  width:calc(100% - var(--admin-sidebar-w))!important;
  margin-right:var(--admin-sidebar-w)!important;
  margin-left:0!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  transition:width .2s ease,margin .2s ease!important;
}
.admin-content{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:30px clamp(20px,2.4vw,38px) 72px!important;
  overflow:visible!important;
}
.admin-body.admin-sidebar-collapsed .admin-sidebar{width:var(--admin-sidebar-compact-w)!important;padding-inline:9px!important}
.admin-body.admin-sidebar-collapsed .admin-main{width:calc(100% - var(--admin-sidebar-compact-w))!important;margin-right:var(--admin-sidebar-compact-w)!important;margin-left:0!important}
.admin-body.admin-sidebar-collapsed .admin-brand-name,
.admin-body.admin-sidebar-collapsed .admin-nav-group>span,
.admin-body.admin-sidebar-collapsed .admin-nav-group>a>b,
.admin-body.admin-sidebar-collapsed .open-store>span,
.admin-body.admin-sidebar-collapsed .admin-user>div{display:none!important}
.admin-body.admin-sidebar-collapsed .admin-sidebar-head{flex-direction:column!important;justify-content:flex-start!important;gap:10px!important;padding-inline:0!important}
.admin-body.admin-sidebar-collapsed .admin-brand{justify-content:center!important;width:100%!important;padding:0!important}
.admin-body.admin-sidebar-collapsed .sidebar-collapse-btn{margin:0!important;width:38px!important;height:38px!important}
.admin-body.admin-sidebar-collapsed .admin-nav-group>a,
.admin-body.admin-sidebar-collapsed .open-store,
.admin-body.admin-sidebar-collapsed .admin-user{justify-content:center!important;padding-inline:0!important;width:44px!important;min-width:44px!important;margin-inline:auto!important}
.admin-body.admin-sidebar-collapsed .admin-nav-group>a>.ui-icon{margin:0!important}
.admin-body.admin-sidebar-collapsed .admin-nav-group{display:grid!important;justify-items:center!important}
.admin-body.admin-sidebar-collapsed .admin-side-bottom{align-items:center!important}

.admin-sidebar-head{flex:0 0 auto!important;min-height:52px!important;padding:0 4px 12px!important}
.admin-brand{padding:0!important;gap:9px!important}
.admin-brand-name strong{font-size:18px!important;font-weight:600!important}
.sidebar-collapse-btn{margin-inline-start:auto!important}
.admin-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding:8px 2px 14px!important;
  scrollbar-width:none!important;
}
.admin-nav::-webkit-scrollbar{display:none!important}
.admin-nav-group{margin-bottom:16px!important}
.admin-nav-group>span{font-size:11px!important;font-weight:500!important;color:#82947b!important;padding-inline:11px!important}
.admin-nav-group>a{min-height:44px!important;height:44px!important;border:1px solid transparent!important;border-radius:11px!important;padding:0 11px!important;gap:11px!important;font-size:13px!important;font-weight:500!important;color:#c6d2c1!important}
.admin-nav-group>a>b{font-weight:500!important}
.admin-nav-group>a>.ui-icon{width:22px!important;height:22px!important;font-size:20px!important;color:#9fb09a!important;flex:0 0 22px!important}
.admin-nav-group>a:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}
.admin-nav-group>a:hover>.ui-icon{color:#fff!important}
.admin-nav-group>a.active{background:#9fe870!important;color:#163300!important;border-color:#9fe870!important}
.admin-nav-group>a.active>.ui-icon{color:#163300!important}
.nav-alert-dot{background:#ff9b68!important;box-shadow:0 0 0 2px #10280d!important}
.admin-side-bottom{flex:0 0 auto!important;margin-top:0!important;padding:13px 4px 2px!important;gap:10px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.05))}
.open-store,.admin-user{min-height:44px!important;border-radius:11px!important;padding:7px 8px!important}
.open-store:hover,.admin-user:hover{background:rgba(255,255,255,.06)!important}
.admin-side-bottom .open-store{font-size:12.5px!important;font-weight:500!important;color:#d4e2cf!important}
.admin-user strong{font-size:12.5px!important;font-weight:600!important;color:#fff!important}
.admin-user small{font-size:11px!important;font-weight:400!important;color:#93a28e!important}

.admin-topbar{width:100%!important;max-width:none!important;height:68px!important;padding:0 clamp(20px,2.4vw,38px)!important;background:color-mix(in srgb,var(--admin-bg) 94%,transparent)!important;border-bottom:1px solid var(--admin-line)!important;z-index:90!important}
.admin-title-stack>span{font-size:11.5px!important;font-weight:400!important}
.admin-title-stack>strong{font-size:15px!important;font-weight:600!important}
.admin-page-head{width:100%!important;max-width:none!important;align-items:flex-end!important;margin-bottom:24px!important}
.admin-page-head h1{font-size:34px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-.015em!important}
.admin-page-head p{font-size:14px!important;font-weight:400!important;line-height:1.8!important;color:var(--admin-muted)!important}
.admin-kicker{font-size:11.5px!important;font-weight:500!important}

/* Typography hierarchy */
.admin-body p,.admin-body small,.admin-body td,.admin-body input,.admin-body textarea,.admin-body select{font-weight:400!important}
.admin-body label,.admin-body th,.admin-body .admin-text-control,.admin-body .admin-ghost-btn,.admin-body .admin-primary-action{font-weight:500!important}
.admin-body h1,.admin-body h2,.admin-body h3,.admin-body strong,.admin-body b{font-weight:600!important}
.admin-panel-head h2{font-size:15.5px!important;font-weight:600!important}
.admin-panel-head>div>span{font-size:11.5px!important;font-weight:400!important}
.admin-table th{font-size:12px!important;font-weight:500!important}
.admin-table td{font-size:13px!important;font-weight:400!important}
.admin-table td strong{font-size:13.5px!important;font-weight:600!important}
.admin-table td small{font-size:11.5px!important;font-weight:400!important}
.form-section label,.stack-form label,.marketing-card label,.permission-fieldset legend{font-size:13px!important;font-weight:500!important}
.form-section small,.stack-form small,.field-note,.marketing-card-head small{font-size:11.5px!important;font-weight:400!important}

/* Full page compositions */
.admin-kpi-grid,.admin-kpi-grid.three{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.admin-dashboard-grid,.admin-dashboard-grid.lower{width:100%!important;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr)!important;gap:14px!important}
.admin-two-col{width:100%!important;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)!important;gap:14px!important}
.admin-form-grid{width:100%!important;grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;gap:16px!important}
.inventory-layout{width:100%!important;grid-template-columns:minmax(0,1fr) minmax(300px,350px)!important;gap:16px!important}
.team-layout{width:100%!important;grid-template-columns:minmax(340px,390px) minmax(0,1fr)!important;gap:16px!important}
.marketing-grid{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.design-editor{width:100%!important}
.admin-panel,.admin-table-panel{width:100%!important;min-width:0!important;max-width:none!important}
.admin-table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important}
.admin-table{width:100%!important}

/* Unified icon-only actions */
.table-icon-btn,.icon-action,.category-admin-row>.table-icon-btn{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  padding:0!important;margin:0!important;border:1px solid var(--admin-line)!important;border-radius:10px!important;
  background:var(--admin-panel)!important;color:var(--admin-text)!important;
  display:inline-grid!important;place-items:center!important;cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
.table-icon-btn .ui-icon,.icon-action .ui-icon{font-size:18px!important;width:18px!important;height:18px!important}
.table-icon-btn:hover,.icon-action:hover{background:var(--admin-panel-2)!important;border-color:#afbeaa!important}
.action-view:hover{color:#315f8c!important;border-color:#a9bfd2!important;background:#f0f6fb!important}
.action-edit:hover{color:#3f7034!important;border-color:#a8c5a0!important;background:#eff8ec!important}
.action-delete:hover{color:#9c3932!important;border-color:#e2b3ae!important;background:#fff1ef!important}
.admin-body[data-admin-theme="dark"] .action-view:hover{background:#172431!important;color:#9ac8ed!important;border-color:#2c4d69!important}
.admin-body[data-admin-theme="dark"] .action-edit:hover{background:#172819!important;color:#aae89c!important;border-color:#315833!important}
.admin-body[data-admin-theme="dark"] .action-delete:hover{background:#321c1a!important;color:#ffb0a8!important;border-color:#5b302c!important}
.inventory-adjust-trigger{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:10px!important}

/* Checkboxes: one visual control, never native checkbox + extra icon together */
.permission-grid label,.checkbox-line,.check-line{position:relative!important}
.permission-grid label input[type="checkbox"],.checkbox-line input[type="checkbox"],.check-line input[type="checkbox"]{
  position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important
}
.permission-grid label{padding-inline-start:40px!important}
.permission-grid label::before,.checkbox-line::before,.check-line::before{
  content:"";position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);
  width:20px;height:20px;border:1.5px solid #aab7a6;border-radius:6px;background:var(--admin-panel);box-sizing:border-box
}
.checkbox-line::before,.check-line::before{inset-inline-start:2px}
.checkbox-hugeicon{
  position:absolute!important;inset-inline-start:10px!important;top:50%!important;width:20px!important;height:20px!important;
  display:grid!important;place-items:center!important;font-size:15px!important;color:#163300!important;
  transform:translateY(-50%)!important;opacity:0!important;z-index:2!important
}
.checkbox-line .checkbox-hugeicon,.check-line .checkbox-hugeicon{inset-inline-start:2px!important}
.permission-grid label input:checked~.checkbox-hugeicon,.checkbox-line input:checked~.checkbox-hugeicon,.check-line input:checked~.checkbox-hugeicon{opacity:1!important;color:#fff!important}
.permission-grid label:has(input:checked)::before,.checkbox-line:has(input:checked)::before,.check-line:has(input:checked)::before{background:#163300!important;border-color:#163300!important}
.admin-body[data-admin-theme="dark"] .permission-grid label:has(input:checked)::before,
.admin-body[data-admin-theme="dark"] .checkbox-line:has(input:checked)::before,
.admin-body[data-admin-theme="dark"] .check-line:has(input:checked)::before{background:#9fe870!important;border-color:#9fe870!important}
.admin-body[data-admin-theme="dark"] .permission-grid label input:checked~.checkbox-hugeicon,
.admin-body[data-admin-theme="dark"] .checkbox-line input:checked~.checkbox-hugeicon,
.admin-body[data-admin-theme="dark"] .check-line input:checked~.checkbox-hugeicon{color:#163300!important}

/* Media uploader: hide browser-native file widget completely */
.product-media-editor{padding-bottom:16px!important}
.product-media-editor .admin-panel-head{margin:0!important}
.product-image-stage{margin:14px 14px 10px!important;aspect-ratio:4/3.7!important;border-radius:14px!important;background:var(--admin-panel-2)!important}
.product-media-uploader{margin:0 14px!important;border:1px dashed #b6c4b1!important;border-radius:13px!important;background:var(--admin-panel-2)!important;padding:14px!important;transition:.16s ease!important}
.product-media-uploader.dragging{border-color:#639251!important;background:color-mix(in srgb,var(--admin-lime) 12%,var(--admin-panel))!important}
.product-media-uploader input[type=file]{display:none!important}
.media-uploader-copy{display:flex;align-items:flex-start;gap:10px!important;margin-bottom:12px!important}
.media-uploader-copy>.ui-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:10px!important;background:color-mix(in srgb,var(--admin-lime) 20%,var(--admin-panel))!important;color:#447337!important;font-size:20px!important}
.media-uploader-copy strong{display:block!important;font-size:13px!important;font-weight:600!important;margin-bottom:2px!important}
.media-uploader-copy span{display:block!important;font-size:11.5px!important;color:var(--admin-muted)!important;font-weight:400!important;line-height:1.6!important}
.media-uploader-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.media-uploader-actions button{width:100%!important;min-height:40px!important;margin:0!important;font-size:12.5px!important}
.media-file-name{display:block!important;margin-top:9px!important;font-size:11px!important;color:var(--admin-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.media-library-open{width:auto!important;margin:0!important}
.media-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.media-library-item{position:relative!important;text-align:start!important}
.media-library-item::after{content:"اختيار";position:absolute;bottom:12px;right:12px;padding:4px 7px;border-radius:7px;background:rgba(15,33,10,.86);color:#fff;font-size:10px;font-weight:500;opacity:0;transition:.15s}
.media-library-item:hover::after{opacity:1}

/* Modal and interaction safety */
.admin-modal-backdrop[hidden],.custom-picker-backdrop[hidden],.quick-buy-backdrop[hidden]{display:none!important;pointer-events:none!important}
.admin-modal-backdrop:not(.open),.quick-buy-backdrop:not(.open){pointer-events:none!important}
.admin-modal-backdrop.open,.quick-buy-backdrop.open{pointer-events:auto!important}
.admin-overlay{display:none!important;pointer-events:none!important}
.admin-body.admin-menu-open .admin-overlay{display:block!important;pointer-events:auto!important}
.admin-form-grid,.admin-form-main,.admin-form-side,.admin-panel,.form-section{position:relative!important;z-index:auto!important}

/* Inventory polish */
.inventory-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.inventory-kpis article{min-width:0!important;padding:15px!important}
.inventory-kpis article>.ui-icon{width:40px!important;height:40px!important;flex:0 0 40px!important}
.inventory-kpis small{font-size:11.5px!important;font-weight:400!important}
.inventory-kpis strong{font-size:17px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.inventory-toolbar{width:100%!important}
.inventory-table .inventory-input{width:76px!important;height:40px!important;min-height:40px!important;text-align:center!important}
.admin-table-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:13px 14px!important;border-top:1px solid var(--admin-line)!important}
.admin-table-footer>span{font-size:11.5px!important;color:var(--admin-muted)!important;font-weight:400!important}
.stock-history{max-height:500px!important}

/* Marketing cards should read as a grid, not one long narrow column */
.marketing-settings{width:100%!important}
.marketing-card{min-width:0!important;padding:15px!important}
.marketing-card-head{grid-template-columns:40px minmax(0,1fr) auto!important}
.marketing-icon{width:40px!important;height:40px!important}
.marketing-card-head strong{font-size:13.5px!important;font-weight:600!important}
.marketing-card input{width:100%!important;min-width:0!important}

/* Dark theme contrast */
.admin-body[data-admin-theme="dark"] .admin-sidebar{background:linear-gradient(180deg,#071006,#040a04)!important}
.admin-body[data-admin-theme="dark"] .admin-panel,
.admin-body[data-admin-theme="dark"] .admin-kpi,
.admin-body[data-admin-theme="dark"] .admin-text-control,
.admin-body[data-admin-theme="dark"] .admin-ghost-btn,
.admin-body[data-admin-theme="dark"] .table-icon-btn,
.admin-body[data-admin-theme="dark"] .icon-action{background:var(--admin-panel)!important;border-color:var(--admin-line)!important;color:var(--admin-text)!important}
.admin-body[data-admin-theme="dark"] .admin-nav-group>a.active{background:#9fe870!important;color:#163300!important}
.admin-body[data-admin-theme="dark"] .admin-nav-group>a.active>.ui-icon{color:#163300!important}
.admin-body[data-admin-theme="dark"] input,
.admin-body[data-admin-theme="dark"] textarea,
.admin-body[data-admin-theme="dark"] select{background:#101610!important;color:#eef5eb!important;border-color:#303a30!important}

/* ---------------- Responsive ---------------- */
@media(max-width:1180px){
  .products-grid,.products-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inventory-layout{grid-template-columns:1fr!important}.inventory-side{position:static!important;grid-template-columns:1fr 1fr!important}
  .admin-dashboard-grid,.admin-dashboard-grid.lower{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr)!important}
}
@media(max-width:900px){
  body:not(.admin-body) .container{width:calc(100% - 28px)!important}
  .products-grid,.products-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .products-carousel{grid-auto-columns:min(300px,72vw)!important}
  .store-features-row{grid-template-columns:1fr!important}

  .admin-sidebar{width:min(86vw,310px)!important;transform:translateX(105%)!important;box-shadow:-18px 0 50px rgba(0,0,0,.18)!important}
  .admin-body.admin-menu-open .admin-sidebar{transform:none!important}
  .admin-main,.admin-body.admin-sidebar-collapsed .admin-main{width:100%!important;margin-right:0!important;margin-left:0!important}
  .admin-body.admin-sidebar-collapsed .admin-sidebar{width:min(86vw,310px)!important;padding:16px 13px!important}
  .admin-body.admin-sidebar-collapsed .admin-brand-name,.admin-body.admin-sidebar-collapsed .admin-nav-group>span,.admin-body.admin-sidebar-collapsed .admin-nav-group>a>b,.admin-body.admin-sidebar-collapsed .open-store>span,.admin-body.admin-sidebar-collapsed .admin-user>div{display:initial!important}
  .admin-body.admin-sidebar-collapsed .admin-sidebar-head{flex-direction:row!important}
  .admin-body.admin-sidebar-collapsed .admin-nav-group>a,.admin-body.admin-sidebar-collapsed .open-store,.admin-body.admin-sidebar-collapsed .admin-user{justify-content:flex-start!important;padding-inline:11px!important}
  .sidebar-collapse-btn{display:none!important}.admin-close-btn{display:grid!important}
  .admin-content{padding:24px 14px 60px!important}
  .admin-kpi-grid,.admin-kpi-grid.three{grid-template-columns:1fr 1fr!important}
  .admin-dashboard-grid,.admin-dashboard-grid.lower,.admin-two-col,.admin-form-grid,.team-layout{grid-template-columns:1fr!important}
  .marketing-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  body:not(.admin-body) .container{width:calc(100% - 24px)!important}
  body:not(.admin-body) input,body:not(.admin-body) textarea,body:not(.admin-body) select,
  .admin-body input,.admin-body textarea,.admin-body select{font-size:16px!important}
  .section{padding:50px 0!important}.section-head h2{font-size:28px!important}
  .products-grid,.products-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 10px!important}
  .products-carousel{grid-auto-columns:78vw!important;gap:11px!important}
  .product-info{padding-top:9px!important}.product-info h3{font-size:13.5px!important;line-height:1.55!important}.product-meta{font-size:11px!important}.product-meta small{font-size:10.5px!important}.product-price strong{font-size:13px!important}.product-price del{font-size:10.5px!important}
  .quick-buy-row{grid-template-columns:1fr!important;gap:6px!important}.quick-buy-row button,.quick-buy-row .quick-add button{height:39px!important;min-height:39px!important;font-size:11.5px!important}
  .favorite-btn{width:34px!important;height:34px!important}.favorite-btn .ui-icon{font-size:18px!important}
  .store-feature-card{min-height:0!important;padding:18px!important}.store-feature-card h3{margin-top:18px!important;font-size:16px!important}.store-feature-card p{font-size:13px!important}

  .admin-body{font-size:15px!important}
  .admin-content{padding:20px 11px 56px!important}
  .admin-page-head{align-items:flex-start!important;flex-direction:column!important;margin-bottom:18px!important}
  .admin-page-head h1{font-size:27px!important}.admin-page-head p{font-size:13.5px!important;line-height:1.8!important}
  .admin-panel-head h2{font-size:15px!important}.admin-panel-head>div>span{font-size:11.5px!important}
  .admin-kpi-grid,.admin-kpi-grid.three{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .admin-kpi{min-height:124px!important;padding:14px!important}.admin-kpi>span{font-size:12px!important}.admin-kpi>strong{font-size:20px!important}.admin-kpi>small{font-size:11.5px!important}
  .admin-table th{font-size:12px!important}.admin-table td{font-size:13px!important}.admin-table td strong{font-size:13.5px!important}.admin-table td small{font-size:11.5px!important}
  .admin-table{min-width:720px!important}
  .inventory-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}.inventory-kpis article{padding:12px!important}.inventory-kpis strong{font-size:15px!important}.inventory-kpis small{font-size:11.5px!important}
  .inventory-side{grid-template-columns:1fr!important}
  .marketing-grid{grid-template-columns:1fr!important}
  .media-uploader-actions{grid-template-columns:1fr!important}.media-library-grid{grid-template-columns:1fr 1fr!important}
  .admin-table-footer{align-items:stretch!important;flex-direction:column!important}.admin-table-footer .admin-primary-action{width:100%!important}
}


/* v1.4.1 precision fixes */
.admin-body p,.admin-body td,.admin-body label,.admin-body input,.admin-body textarea,.admin-body select,.admin-body button{font-weight:400}
.admin-body h1,.admin-body h2,.admin-body h3,.admin-body strong,.admin-body .admin-primary-action{font-weight:600}
.admin-body small,.admin-body .admin-muted{font-weight:400}
.admin-page-head p,.admin-panel p,.admin-panel small{color:var(--admin-muted)!important}
.icon-action,.table-icon-btn,.admin-icon-control{display:inline-grid!important;place-items:center!important;vertical-align:middle!important}
.icon-action .ui-icon,.table-icon-btn .ui-icon{font-size:18px!important;width:18px!important;height:18px!important;margin:0!important;color:currentColor!important}
.action-edit{color:#284f21!important}.action-view{color:#30445a!important}.action-delete{color:#9b332d!important}
.action-edit:hover{background:#eef9e9!important;border-color:#b8d9ac!important}.action-view:hover{background:#eff5fb!important;border-color:#bfd0df!important}.action-delete:hover{background:#fff0ee!important;border-color:#efc2bc!important}
.admin-body[data-admin-theme="dark"] .action-edit,.admin-body[data-admin-theme="dark"] .action-view{color:#d8e7d3!important}.admin-body[data-admin-theme="dark"] .action-delete{color:#ffaaa1!important}

/* checkbox = one control only: custom box + Hugeicons tick */
.permission-grid label,.checkbox-line,.check-line{min-height:44px!important;display:flex!important;align-items:center!important}
.permission-grid label input[type="checkbox"],.checkbox-line input[type="checkbox"],.check-line input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important}
.checkbox-hugeicon{pointer-events:none!important}
.permission-grid label input:not(:checked)~.checkbox-hugeicon,.checkbox-line input:not(:checked)~.checkbox-hugeicon,.check-line input:not(:checked)~.checkbox-hugeicon{opacity:0!important}

/* Prevent invisible layers from blocking the workspace after navigation/back-forward cache */
.admin-modal-backdrop:not(.open),.custom-picker-backdrop:not(.open){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.admin-modal-backdrop.open,.custom-picker-backdrop.open{visibility:visible!important;pointer-events:auto!important}

/* Product media editor */
.product-media-uploader{cursor:default!important}
.product-media-uploader.dragging{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--admin-lime) 65%,transparent)!important}
.media-uploader-actions .admin-ghost-btn{border-radius:10px!important}
.media-library-modal{width:min(920px,calc(100vw - 32px))!important}
.media-library-grid{max-height:min(62vh,620px)!important;overflow:auto!important;padding:4px!important}
.media-library-item{border:1px solid var(--admin-line)!important;border-radius:12px!important;overflow:hidden!important;background:var(--admin-panel)!important;padding:7px!important}
.media-library-item img{aspect-ratio:1!important;object-fit:cover!important;border-radius:8px!important;width:100%!important}
.media-library-item span{display:block!important;padding:7px 2px 2px!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Store composition hard lock */
#featured .products-carousel{contain:layout inline-size!important}
#featured .products-carousel>.product-card{min-width:250px!important}
.store-features-section .section-head{margin-bottom:26px!important}
.store-features-section .store-features-row{max-width:none!important;margin:0!important}
.latest-section .products-grid{align-items:start!important}

@media(max-width:620px){
 .admin-body p,.admin-body label,.admin-body td{font-size:13px!important}
 .admin-body small{font-size:11.5px!important}
 .admin-page-head h1{font-size:26px!important;line-height:1.25!important}
 .admin-page-head p{font-size:13px!important}
 .admin-panel-head h2{font-size:15px!important}.admin-panel-head span{font-size:11px!important}
 .permission-grid label,.checkbox-line,.check-line{font-size:13px!important}
 .product-media-uploader{padding:13px!important}.media-uploader-copy strong{font-size:13.5px!important}.media-uploader-copy span{font-size:12px!important}
}

/* final overlay/store safety */
.quick-buy-backdrop:not(.open){visibility:hidden!important;pointer-events:none!important}
.quick-buy-backdrop.open{visibility:visible!important;pointer-events:auto!important}
.admin-sidebar{border-left:1px solid rgba(255,255,255,.07)!important;border-right:0!important}
.admin-body.admin-sidebar-collapsed .admin-brand{width:44px!important;margin-inline:auto!important}
@media(min-width:901px){
 .admin-overlay{display:none!important;pointer-events:none!important}
 .admin-menu-btn,.admin-close-btn{display:none!important}
}