:root{--orange:#f47716;--deep:#c9570a;--text:#22252b;--muted:#777f8b;--bg:#f7f8fa;--panel:#fff;--line:#eceff3;--soft:#fff4e8;--shadow:0 8px 30px rgba(33,35,40,.045);color-scheme:light;font-family:system-ui,-apple-system,'Noto Sans Arabic','Segoe UI',sans-serif;scroll-behavior:smooth}
:root[data-theme=dark]{--text:#ecf0f5;--muted:#a3acba;--bg:#101218;--panel:#191d25;--line:#2c3240;--soft:#2d211b;--shadow:0 8px 28px #0004;color-scheme:dark}
*{box-sizing:border-box}html,body{width:100%;min-width:0;max-width:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;font-size:16px}button{cursor:pointer}button:disabled{opacity:.44;cursor:not-allowed}img{max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}h2{font-size:clamp(20px,2vw,28px)}p{line-height:1.6}a{color:inherit}
.header{position:sticky;top:0;z-index:12;background:var(--panel);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{max-width:1300px;margin:auto;display:flex;align-items:center;min-height:76px;gap:14px;padding:11px 22px}.brand{flex:none;display:flex;align-items:center;gap:10px;min-width:0;max-width:280px;background:none;border:0;color:var(--text);font-size:17px;letter-spacing:-.5px;font-weight:850;cursor:pointer}.brand img{height:44px;width:44px;object-fit:contain;background:#fff;border-radius:15px;padding:3px}.brand span{color:var(--text);direction:ltr;text-align:start}.top-nav{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;min-width:0}.btn{border:1px solid var(--line);border-radius:13px;padding:11px 16px;background:var(--panel);color:var(--text);font-weight:700;line-height:1.35;min-height:43px;transition:transform .14s,background .14s;max-width:100%}.btn:active{transform:scale(.975)}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--orange);color:white;border-color:var(--orange)}.btn.danger{background:var(--soft);color:#d34735;border-color:var(--line)}.btn.secondary{background:var(--soft);color:var(--text)}.btn.nav-link{border:none;background:transparent;padding:10px;font-size:14px}.btn.nav-link.selected{background:var(--soft);color:var(--deep)}.btn.full{width:100%}.btn.centered{display:block;width:max-content;margin:28px auto}.btn.text-btn{background:transparent;border:0;color:var(--orange)}.lang-select{background:var(--soft);border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:12px;max-width:148px}
main{max-width:1220px;min-height:calc(100dvh - 190px);margin:auto;padding:26px 20px 100px}.footer{max-width:1220px;margin:30px auto;color:var(--muted);font-size:12px;text-align:center;padding:18px;border-top:1px solid var(--line)}.hero{border-radius:30px;min-height:320px;display:flex;align-items:center;padding:48px clamp(22px,5vw,65px);color:white;background:radial-gradient(ellipse at 90% 50%,#ffb44f66,transparent 55%),linear-gradient(115deg,#e75e05,#fb921e);background-position:center;background-size:cover;box-shadow:0 18px 44px #cf5b0c23;overflow:hidden;position:relative}.hero:after{content:'✎';position:absolute;left:clamp(20px,9vw,160px);bottom:-90px;font-size:300px;opacity:.075;transform:rotate(-15deg);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:650px}.hero-kicker{display:inline-block;background:#ffffff26;padding:7px 13px;border-radius:30px;font-size:12px;letter-spacing:2px;font-weight:800}.hero-title{margin:16px 0 0;font-size:clamp(26px,4vw,51px);line-height:1.25}.hero-sub{font-size:clamp(14px,1.7vw,19px);max-width:550px;opacity:.94}.btn.hero-cta{background:white;border:0;color:#ba5106;padding:14px 23px}.slide-controls{display:flex;align-items:center;gap:8px;margin-top:19px}.slide-dot{border:none;color:#fff6;background:none;font-size:13px;padding:4px}.slide-dot.active{color:white;transform:scale(1.2)}.slide-arrow{width:31px;height:31px;border:1px solid #ffffff80;background:#ffffff19;color:white;border-radius:50%;font-size:23px;padding:0}
.section-heading{margin:26px 0 17px}.section-heading h2{margin:0 0 5px}.section-heading p{margin:0;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card,.panel,.form-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.product-card{padding:13px;display:flex;flex-direction:column;gap:8px;min-width:0}.product-visual{background:var(--bg);height:210px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-img{width:100%;height:100%;object-fit:contain}.product-card h3{margin:0;font-size:16px;font-weight:780;min-height:40px}.product-card p{margin:0}.product-card .btn{margin-top:auto}.product-sku{font-size:11px;color:var(--muted);letter-spacing:.4px}.price{font-weight:850;color:var(--orange);font-size:19px}.muted{color:var(--muted)}.tiny{font-size:12px}.empty{background:var(--panel);border:1px dashed var(--line);padding:45px 20px;border-radius:20px;color:var(--muted);white-space:pre-line;text-align:center}.filter-row{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:15px 0 21px}.field{display:grid;gap:6px;min-width:0;max-width:100%;font-weight:600}.field-caption{font-size:13px;color:var(--muted)}.field input,.field textarea,.field select{display:block;width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:var(--panel);color:var(--text);outline-offset:2px}.field textarea{min-height:86px;resize:vertical}.stack{display:grid;gap:14px}.form-card{padding:20px;margin-top:17px}.panel{padding:20px;margin:10px 0}.modal-shade{position:fixed;inset:0;z-index:50;background:#101820ae;padding:18px;display:grid;place-items:center}.dialog{border-radius:25px;background:var(--panel);color:var(--text);padding:23px;width:min(100%,580px);max-height:min(92dvh,950px);overflow:auto;box-shadow:0 24px 80px #0006}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.modal-header h2{margin:0;font-size:21px}.btn.icon{border:none;border-radius:50%;font-size:22px;background:var(--soft);width:42px;height:42px;padding:0}.gallery-main{display:block;height:240px;width:100%;object-fit:contain;border-radius:15px;background:var(--bg)}.thumb-row{display:flex;gap:7px;overflow-x:auto;padding:12px 0}.thumb{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:2px;width:62px;height:56px;flex:none}.thumb img{width:100%;height:100%;object-fit:contain}.variant-row{border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 0;min-width:0}.variant-row strong{font-size:15px}.variant-meta{flex:1;min-width:0}.variant-meta p{margin:3px 0}.qty-field{width:98px;flex:none}.cart-item{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cart-item p{margin:4px 0}.flex-1{flex:1;min-width:0}.qty-actions{display:flex;align-items:center;gap:6px}.btn.tiny-button{padding:3px 9px;min-height:31px;background:var(--soft)}.cart-total{margin-top:24px}.profile-header{background:linear-gradient(100deg,var(--panel),var(--soft));border:1px solid var(--line);border-radius:23px;padding:25px;display:flex;align-items:center;gap:17px}.profile-header h2,.profile-header p{margin:4px 0}.avatar{width:73px;height:73px;flex:none;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:white;font-size:33px;font-weight:900}.option-list{display:grid;gap:10px;margin-top:20px}.profile-option{width:100%;padding:15px 18px;display:flex;align-items:center;gap:16px;text-align:start;background:var(--panel);border:1px solid var(--line);border-radius:17px;color:var(--text)}.profile-option:hover{border-color:var(--orange)}.profile-icon{width:43px;height:43px;border-radius:13px;background:var(--soft);display:grid;place-items:center;flex:none;font-size:21px;color:var(--orange)}.option-copy{display:grid;flex:1;gap:3px}.option-copy p{margin:0}.chevron{font-size:28px;color:var(--muted)}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-card,.order-admin{display:grid;gap:8px}.order-card p,.order-admin p{margin:0}.order-line{border-bottom:1px solid var(--line);padding:11px 0}.admin-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:9px;padding:5px 0 14px;scrollbar-width:thin}.admin-tabs .btn{flex:none}.admin-content{padding-top:5px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.summary-card{border-radius:18px;background:var(--panel);border:1px solid var(--line);padding:18px}.summary-number{font-size:31px;color:var(--orange)}.summary-card p{margin:0}.list-row{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:9px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.list-row strong{flex:1}.product-admin{display:flex;justify-content:space-between;align-items:center;gap:10px}.product-admin p{margin:5px 0}.admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.admin-actions .btn{padding:8px 12px}.variant-draft{border-radius:13px;background:var(--bg);border:1px solid var(--line);padding:10px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:end}.variant-editor{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:16px;display:grid;gap:9px}.admin-thumbnail{width:64px;height:64px;object-fit:contain;background:var(--bg);border-radius:9px}.toggle{display:flex;gap:10px;align-items:center}.toggle input{width:20px;height:20px}.secret{padding:14px;background:var(--soft);font-family:monospace;overflow-wrap:anywhere;border-radius:9px;letter-spacing:1px}.error{color:#d34938}.toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%,10px);background:#222;color:white;padding:13px 20px;border-radius:11px;z-index:100;box-shadow:0 10px 25px #0003;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.bottom{display:none}
@media(max-width:820px){.top-nav{display:none}.header-inner{justify-content:space-between}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.header-inner{padding:9px 14px;min-height:68px}.brand{max-width:calc(100% - 130px);font-size:15px}.brand img{width:41px;height:41px;flex:none}.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-select{max-width:124px;font-size:13px}main{padding:16px 12px 104px}.hero{border-radius:21px;min-height:246px;padding:26px 23px}.hero:after{font-size:170px;bottom:-45px}.hero-title{font-size:clamp(25px,7vw,34px)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{padding:9px;border-radius:15px}.product-visual{height:140px}.product-card h3{font-size:14px;min-height:36px}.product-card .price{font-size:15px}.product-card .btn{font-size:13px;padding:9px 8px;min-height:38px}.bottom{display:flex;align-items:stretch;justify-content:space-around;position:fixed;inset-inline:0;bottom:0;z-index:20;background:var(--panel);border-top:1px solid var(--line);padding:8px 3px max(9px,env(safe-area-inset-bottom));box-shadow:0 -6px 22px #00000009}.btn.bottom-link{white-space:pre-line;display:grid;place-items:center;gap:1px;font-size:11px;line-height:1.5;border:0;background:transparent;min-width:0;flex:1;min-height:45px;padding:2px 2px}.btn.bottom-link.selected{color:var(--orange);background:var(--soft)}.filter-row{grid-template-columns:1fr}.variant-draft{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-draft .btn{grid-column:1/-1}.product-admin{align-items:stretch;flex-direction:column}.cart-item{flex-wrap:wrap}.qty-actions{margin-inline-start:auto}.dialog{padding:16px;border-radius:20px}.gallery-main{height:200px}.footer{display:none}}
@media(max-width:350px){.brand{max-width:calc(100% - 115px);font-size:13px;gap:6px}.brand img{width:36px;height:36px}.lang-select{max-width:115px;font-size:12px;padding:7px 4px}.hero-title{font-size:24px}.hero{min-height:230px;padding:22px 18px}.product-visual{height:112px}.summary-grid{grid-template-columns:1fr 1fr}.profile-option{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Product variant photos */
.variant-thumbnail{height:50px;width:50px;object-fit:cover;border-radius:10px;cursor:pointer;border:1px solid var(--line, #ddd);flex-shrink:0}