@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";
:root{--bg:#fff;--bg-soft:#f0f8ff;--surface:#fff;--border:#dbeafb;--ink:#0c2032;--ink-soft:#54697c;--ink-faint:#8ea1b3;--brand:#0f6aa8;--brand-deep:#0a3f60;--brand-bright:#3d97d6;--brand-pale:#e4f2fc;--accent:#f2a83e;--accent-ink:#4a2c00;--shadow:0 16px 34px -20px #0a3f6059}:root[data-theme=dark]{--bg:#071420;--bg-soft:#0a1d2c;--surface:#0e2334;--border:#1b3a52;--ink:#eaf4fc;--ink-soft:#9cb4c8;--ink-faint:#66849c;--brand:#5aa9e0;--brand-deep:#8ecdf3;--brand-bright:#5aa9e0;--brand-pale:#122c40;--accent:#f2a83e;--accent-ink:#241300;--shadow:0 16px 40px -18px #0009}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Tajawal,Inter Variable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.65;transition:background .3s,color .3s}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}input{font:inherit}h1,h2,h3,h4,p{margin:0}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.top-strip{background:var(--brand-deep);color:#dcefff;font-size:12.5px}.top-strip .wrap{justify-content:space-between;align-items:center;gap:12px;height:34px;display:flex}.top-strip .r,.top-strip .l{white-space:nowrap;align-items:center;gap:14px;display:flex;overflow:hidden}.top-strip .r span:nth-child(2){display:none}@media (min-width:640px){.top-strip .r span:nth-child(2){display:inline}}@media (max-width:430px){.top-strip .l a:nth-child(2){display:none}}header.site-header{z-index:100;background:var(--brand-deep);position:sticky;top:0}.header-row{align-items:center;gap:14px;padding:12px 0;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-mark{flex-shrink:0;width:44px;height:44px}.logo-text b{color:#fff;letter-spacing:.2px;font-size:19px;font-weight:800;display:block}.logo-text span{color:#a9cdea;margin-top:1px;font-size:10.5px;display:block}@media (max-width:420px){.logo-text span{display:none}}.search-form{background:#0d557e;border:1.5px solid #1b6a97;border-radius:12px;flex:1;align-items:center;min-width:0;max-width:600px;padding:2px;display:flex}.search-form input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 14px;font-size:14px}.search-form input::placeholder{color:#a9cdea}.search-form button{background:var(--accent);color:var(--accent-ink);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}@media (max-width:760px){.search-form{display:none}}.header-actions{flex-shrink:0;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.icon-btn{color:#e7f2fc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.icon-btn:hover{background:#ffffff1a}.icon-btn svg{width:20px;height:20px}.badge{background:var(--accent);color:var(--accent-ink);border:2px solid var(--brand-deep);border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-2px;left:-2px}.hide-sm{display:flex}@media (max-width:640px){.hide-sm{display:none}}.theme-toggle{color:#f2c879;background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun,:root[data-theme=dark] .theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .sun{display:block}.burger{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:none}.burger:hover{background:#ffffff1a}.burger svg{width:22px;height:22px}@media (max-width:840px){.burger{display:flex}}nav.main-nav{background:#0a3f60;border-top:1px solid #ffffff14}.nav-list{scrollbar-width:none;align-items:stretch;gap:2px;display:flex;overflow-x:auto}.nav-list::-webkit-scrollbar{display:none}.nav-list>li{flex-shrink:0;position:relative}.nav-list>li>a{color:#bcdcf5;white-space:nowrap;border-bottom:3px solid #0000;align-items:center;height:46px;padding:0 16px;font-size:13.5px;font-weight:700;display:flex}.nav-list>li>a.active,.nav-list>li:hover>a{color:#fff;border-color:var(--accent)}.mega{background:var(--surface);border:1px solid var(--border);min-width:240px;box-shadow:var(--shadow);z-index:50;opacity:0;visibility:hidden;border-radius:0 0 14px 14px;padding:10px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:100%;right:0;transform:translateY(-6px)}.nav-list>li:hover .mega{opacity:1;visibility:visible;transform:translateY(0)}.mega a{color:var(--ink-soft);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:500;display:block}.mega a:hover{background:var(--brand-pale);color:var(--brand)}@media (max-width:840px){nav.main-nav{z-index:200;width:85%;max-width:320px;padding-top:14px;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 30px #00000040}nav.main-nav.open{transform:translate(0)}.nav-close{justify-content:flex-end;padding:0 16px 10px;display:flex}.nav-close button{color:#fff;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-list{flex-direction:column;align-items:stretch;overflow-x:visible}.nav-list>li>a{border-bottom:1px solid #ffffff0f;border-inline-end:3px solid #0000;height:50px;padding:0 20px}.mega{opacity:1;visibility:visible;box-shadow:none;background:#0d3d5c;border:none;border-radius:0;display:none;position:static;transform:none}.mega a{color:#bcdcf5}.mega a:hover{color:#fff;background:#ffffff14}.nav-list>li.mega-open .mega{display:block}}.nav-scrim{opacity:0;visibility:hidden;z-index:190;background:#040c148c;transition:opacity .25s;position:fixed;inset:0}.nav-scrim.show{opacity:1;visibility:visible}.cat-strip-wrap{background:var(--bg-soft);border-bottom:1px solid var(--border)}.cat-strip{scrollbar-width:none;gap:8px;padding:10px 0;display:flex;overflow-x:auto}.cat-strip::-webkit-scrollbar{display:none}.cat-chip{background:var(--surface);border:1.5px solid var(--border);color:var(--ink);border-radius:11px;flex-shrink:0;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:700;display:flex}.cat-chip:hover{border-color:var(--brand);color:var(--brand)}.cat-chip svg{width:16px;height:16px;color:var(--brand);flex-shrink:0}.hero{background:var(--brand-deep);position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:0;min-height:420px;display:grid}.hero-copy{z-index:2;padding:56px 20px 56px 44px;position:relative}.wrap.hero-inner{max-width:1240px;margin:0 auto;padding:0}.est-tag{background:var(--accent);color:var(--accent-ink);border-radius:8px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;font-size:12.5px;font-weight:800;display:inline-flex;transform:rotate(-2deg);box-shadow:0 8px 18px -8px #0006}.hero h1{color:#fff;margin-bottom:16px;font-size:clamp(28px,4.3vw,46px);font-weight:900;line-height:1.3}.hero h1 span{color:var(--accent)}.hero p.lead{color:#c9e2f4;max-width:46ch;margin-bottom:28px;font-size:15.5px}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.btn{border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:14.5px;font-weight:800;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.06)}.btn-outline{color:#fff;background:0 0;border:1.5px solid #fff6}.btn-outline:hover{background:#ffffff1a}.hero-stats{flex-wrap:wrap;gap:26px;display:flex}.hero-stats div b{color:#fff;font-size:22px;font-weight:900;display:block}.hero-stats div span{color:#9fc3e0;font-size:12px}.hero-art{z-index:1;justify-content:center;align-items:flex-end;height:100%;min-height:340px;display:flex;position:relative}.hero-art:before{content:"";background:var(--brand);clip-path:polygon(18% 0,100% 0,100% 100%,0% 100%);position:absolute;inset:0}.hero-art svg{z-index:2;width:88%;max-width:400px;margin-bottom:0;position:relative}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{text-align:center;padding:40px 20px 30px}.hero h1,.hero p.lead{margin-inline:auto}.hero-cta,.hero-stats{justify-content:center}.hero-art{order:-1;min-height:240px}.hero-art:before{clip-path:polygon(0 0,100% 0,100% 84%,0 100%)}.hero-art svg{width:64%;max-width:220px}}.section{padding:52px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.section-head h2{color:var(--ink);font-size:clamp(22px,2.8vw,29px);font-weight:900}.section-head p{color:var(--ink-soft);margin-top:5px;font-size:13.5px}.section-head .btn-outline{background:var(--surface);color:var(--brand);border-color:var(--border);padding:10px 18px;font-size:13.5px}.section-head .btn-outline:hover{border-color:var(--brand)}.cat-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.cat-card{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--cat-color,var(--brand));border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.cat-head{align-items:center;gap:12px;display:flex}.cat-icon{background:var(--bg-soft);width:46px;height:46px;color:var(--cat-color,var(--brand));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cat-icon svg{width:24px;height:24px}.cat-card h3{color:var(--ink);font-size:15px;font-weight:800;line-height:1.35}.cat-card .count{color:var(--ink-faint);margin-top:2px;font-size:11.5px;display:block}.subcats{flex-wrap:wrap;gap:6px;display:flex}.subcats a{color:var(--ink-soft);background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:600}.subcats a:hover{border-color:var(--cat-color,var(--brand));color:var(--cat-color,var(--brand))}.cat-cta{color:var(--cat-color,var(--brand));border-top:1px dashed var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:13px;font-weight:800;display:flex}.cat-cta svg{width:16px;height:16px}@media (max-width:1080px){.cat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.cat-grid{grid-template-columns:1fr}}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex;overflow-x:auto}.tab{border:1.5px solid var(--border);color:var(--ink-soft);border-radius:10px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:700}.tab.active{background:var(--brand);border-color:var(--brand);color:#fff}.prod-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.prod-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.prod-thumb{aspect-ratio:1;background:repeating-linear-gradient(0deg, transparent, transparent 21px, var(--border) 22px), var(--bg-soft);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.prod-thumb svg{width:70%;height:70%}.prod-tag{border-radius:7px;padding:5px 10px;font-size:10.5px;font-weight:800;position:absolute;top:10px;right:10px}.prod-tag.new{background:var(--brand);color:#fff}.prod-tag.hot{background:var(--accent);color:var(--accent-ink)}.prod-tag.sale{color:#fff;background:#df4b5f}.wish-btn{background:var(--surface);width:30px;height:30px;color:var(--ink-soft);border:1px solid var(--border);border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;top:9px;left:9px}.wish-btn svg{width:15px;height:15px}.prod-body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.prod-cat{color:var(--brand);font-size:11px;font-weight:700}.prod-name{color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.4}.prod-price-row{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.prod-price{align-items:baseline;gap:6px;min-width:0;display:flex}.prod-price b{color:var(--brand-deep);white-space:nowrap;font-size:15.5px;font-weight:900}.prod-price s{color:var(--ink-faint);white-space:nowrap;font-size:11.5px}.add-btn{background:var(--brand-pale);color:var(--brand);border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:9px 13px;font-size:12px;font-weight:800;display:flex}.add-btn:hover{background:var(--brand);color:#fff}.add-btn svg{width:15px;height:15px}@media (max-width:1080px){.prod-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.prod-grid{grid-template-columns:repeat(2,1fr);gap:12px}.prod-name{font-size:12.5px}.prod-price b{font-size:14px}}@media (max-width:380px){.prod-grid{grid-template-columns:1fr 1fr;gap:10px}.prod-body{padding:10px}}.perks{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.perk-grid{grid-template-columns:repeat(4,1fr);gap:20px;padding:36px 0;display:grid}.perk{align-items:center;gap:12px;min-width:0;display:flex}.perk .ic{background:var(--surface);border:1px solid var(--border);width:46px;height:46px;color:var(--brand);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.perk .ic svg{width:22px;height:22px}.perk h4{margin-bottom:2px;font-size:13.5px;font-weight:800}.perk p{color:var(--ink-soft);font-size:11.5px}@media (max-width:860px){.perk-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.perk-grid{grid-template-columns:1fr}}.newsletter{background:linear-gradient(120deg, var(--brand-deep), var(--brand));color:#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:56px auto 0;padding:36px 28px;display:flex}.newsletter h3{margin-bottom:6px;font-size:21px;font-weight:900}.newsletter p{opacity:.9;font-size:13px}.newsletter form{flex-wrap:wrap;flex:1;gap:8px;min-width:260px;display:flex}.newsletter input{border:none;border-radius:10px;outline:none;flex:1;min-width:180px;padding:12px 16px;font-size:13.5px}.newsletter button{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border-radius:10px;padding:12px 20px;font-size:13.5px;font-weight:800}footer{color:#c4d9ea;background:#08192a;margin-top:60px}:root[data-theme=dark] footer{background:#040d17}.footer-top{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;padding:48px 0 34px;display:grid}.footer-brand p{color:#8fa8bd;max-width:34ch;margin:12px 0 16px;font-size:13px}.footer-social{gap:8px;display:flex}.footer-social a{color:#c4d9ea;background:#ffffff0f;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.footer-social a:hover{background:var(--brand)}.footer-social svg{width:15px;height:15px}footer h5{color:#fff;margin-bottom:14px;font-size:13.5px;font-weight:800}footer ul li{margin-bottom:10px}footer ul a{color:#8fa8bd;font-size:13px}footer ul a:hover{color:#fff}.footer-contact li{color:#8fa8bd;align-items:flex-start;gap:9px;font-size:13px;display:flex}.footer-contact svg{width:16px;height:16px;color:var(--brand-bright);flex-shrink:0;margin-top:2px}.footer-bottom{color:#748ba0;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:18px 0;font-size:12.5px;display:flex}.footer-bottom .credit{align-items:center;gap:5px;display:flex}.footer-bottom .credit b{color:#f0c987;font-weight:800}@media (max-width:860px){.footer-top{grid-template-columns:1fr 1fr}}@media (max-width:520px){.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}}::selection{background:var(--brand);color:#fff}:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}:root{--background:var(--surface);--foreground:var(--ink);--primary:var(--brand);--primary-foreground:#fff;--popover:var(--surface);--popover-foreground:var(--ink);--card:var(--surface);--card-foreground:var(--ink);--muted:var(--bg-soft);--muted-foreground:var(--ink-soft);--input:var(--border);--ring:var(--brand);--secondary:var(--bg-soft);--secondary-foreground:var(--ink);--sidebar:var(--surface);--sidebar-foreground:var(--ink);--sidebar-accent:var(--brand-pale);--sidebar-border:var(--border)}body{font-size:16px}.store-page{flex-direction:column;min-height:100vh;padding-top:148px;display:flex}.store-page>main{flex:1 0 auto}.fixed-top-strip{position:static}header.site-header{position:static;top:auto}.store-fixed-header{z-index:400;background:var(--brand-deep);position:fixed;inset:0 0 auto;box-shadow:0 8px 24px #031e3024}.header-lower{background:var(--brand-deep)}.desktop-nav{color:#dcefff;border-top:1px solid #ffffff18;align-items:center;gap:24px;min-height:48px;font-size:15px;display:flex}.desktop-nav a:hover{color:#f2a83e}.mobile-search{display:none}.logo-text b{font-size:21px}.logo-text span{font-size:13px}.skip{background:var(--surface);z-index:999;padding:12px;position:absolute;top:-60px}.skip:focus{top:0}.empty{border:1px dashed var(--border);text-align:center;background:var(--bg-soft);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:52px 20px;display:flex}.empty svg{color:var(--brand)}.empty h2{font-size:22px}.empty p,.muted{color:var(--ink-soft)}.text-link{color:var(--brand);align-items:center;gap:8px;font-weight:700;display:inline-flex}.breadcrumbs{color:var(--ink-soft);margin-bottom:24px;font-size:14px}.prod-thumb>a{place-items:center;width:100%;height:100%;display:grid}.prod-thumb img{object-fit:contain;width:100%;height:100%}.prod-name{font-size:16px}.prod-cat{font-size:14px}.prod-price-row{flex-wrap:wrap}.quick-btn{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:7px;position:absolute;top:48px;left:9px}.prod-thumb .placeholder-icon{width:44px;height:44px;color:var(--ink-faint)}.row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.stack{flex-direction:column;gap:18px;display:flex}.field,label{flex-direction:column;gap:7px;font-size:15px;font-weight:600;display:flex}input,select,textarea{border:1px solid var(--border);background:var(--surface);color:var(--ink);min-width:0;font:inherit;border-radius:9px;width:100%;padding:11px 13px}input[type=checkbox]{width:20px;height:20px}textarea{resize:vertical;min-height:110px}button:disabled{opacity:.45;cursor:not-allowed}.btn{justify-content:center}.btn-secondary{background:var(--brand-pale);color:var(--brand)}.btn-danger{color:#b42335;background:#b4233518}.error{color:#b42335;border:1px solid #b4233544;border-radius:10px;margin:16px 0;padding:16px}.toast{background:var(--brand-deep);color:#fff;box-shadow:var(--shadow);z-index:500;border-radius:12px;align-items:center;gap:10px;max-width:90vw;padding:14px 22px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.filter-bar input{flex:1;min-width:120px}.filter-bar select{width:auto}.product-detail{grid-template-columns:1fr 1fr;gap:32px;display:grid}.detail-image{background:var(--bg-soft);border:1px solid var(--border);aspect-ratio:1;border-radius:16px;place-items:center;display:grid;overflow:hidden}.detail-image img{object-fit:contain;width:100%;height:100%}.gallery{gap:8px;margin-top:12px;display:flex}.gallery img{object-fit:cover;border-radius:8px;width:64px;height:64px}.detail-price{color:var(--brand);margin:16px 0;font-size:25px;font-weight:800}.detail-price s{color:var(--ink-faint);font-size:16px}.description{white-space:pre-wrap;margin:24px 0}.spec{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px;display:flex}.product-modal{background:var(--surface);z-index:310;max-height:90vh;overflow:auto;max-width:900px!important}.store-sheet{background:var(--surface);z-index:310;padding:28px}.mobile-links{flex-direction:column;gap:20px;display:flex}.skeleton{background:var(--bg-soft);border-radius:16px;height:220px;animation:1.5s infinite pulse}@keyframes pulse{50%{opacity:.4}}.panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:24px}.narrow{max-width:560px;margin:auto}.checkout-grid,.cart-grid{grid-template-columns:1.65fr 1fr;gap:24px;display:grid}.line-item{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:18px 0;display:flex}.line-item img{object-fit:contain;background:var(--bg-soft);border-radius:9px;width:70px;height:70px}.line-item .grow{flex:1}.line-item input{width:75px}.summary-row{justify-content:space-between;gap:18px;padding:10px 0;display:flex}.summary-row.total{border-top:1px solid var(--border);margin-top:12px;font-size:22px;font-weight:800}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.span-all{grid-column:1/-1}.status{background:var(--brand-pale);color:var(--brand);white-space:nowrap;border-radius:7px;align-items:center;padding:4px 10px;font-size:14px;font-weight:800;display:inline-flex}.status-new{color:#175b9b;background:#e5f1ff}.status-confirmed{color:#08758a;background:#dff7fb}.status-preparing,.status-pending{color:#8a5a00;background:#fff3d6}.status-ready,.status-paid,.status-approved,.status-succeeded{color:#166534;background:#dcfce7}.status-shipped{color:#6d28d9;background:#ede9fe}.status-delivered{color:#047857;background:#d1fae5}.status-cancelled{color:#52606d;background:#eef2f6}.status-rejected,.status-failed{color:#b42335;background:#fee2e2}.status-refunded{color:#7e22ce;background:#f3e8ff}.status-partially_refunded,.status-unknown{color:#9a3412;background:#ffedd5}.category-intro{color:var(--ink-soft);margin:-12px 0 22px}.category-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.category-tile{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:12px 12px 18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.category-tile:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-3px)}.category-tile-image{aspect-ratio:1.25;background:var(--bg-soft);width:100%;color:var(--brand);border-radius:12px;place-items:center;display:grid;overflow:hidden}.category-tile-image img{object-fit:contain;width:100%;height:100%}.category-tile-image svg{width:42px;height:42px}.prod-tag.today{background:var(--accent);color:var(--accent-ink);top:47px}.today-deals{scroll-margin-top:80px}.color-options{border:0;margin:16px 0;padding:0}.color-options legend{margin-bottom:10px;font-weight:800}.color-choice{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:8px 11px;display:inline-flex}.color-choice>span{width:22px;height:22px;box-shadow:0 0 0 1px var(--border);border:2px solid #fff;border-radius:50%}.color-choice.active{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-pale)}.color-choice img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:34px;height:34px}.product-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.product-tag{background:var(--brand-pale);color:var(--brand);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.product-card-tags{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.product-card-tags span{border:1px solid var(--border);color:var(--ink-soft);background:var(--bg-soft);border-inline-start-width:4px;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.timeline{border-inline-start:2px solid var(--border);margin:24px 0;padding-inline-start:22px}.timeline li{padding:0 0 20px}.timeline time{color:var(--ink-soft);font-size:14px;display:block}.pagination{gap:8px;margin-top:24px;display:flex}.admin-shell{background:var(--bg-soft);min-height:100vh}.admin-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 24px;display:flex}.admin-body{grid-template-columns:235px minmax(0,1fr);display:grid}.admin-nav{background:var(--surface);border-inline-end:1px solid var(--border);flex-direction:column;gap:18px;padding:20px 12px;display:flex}.admin-nav-group>p{color:var(--ink-faint);padding:0 14px 7px;font-size:12px;font-weight:800}.admin-nav-group{flex-direction:column;gap:3px;display:flex}.admin-nav a{border-radius:9px;align-items:center;gap:10px;padding:10px 15px;font-size:15px;display:flex}.admin-nav a.active{background:var(--brand-pale);color:var(--brand);font-weight:800}.nav-badge{color:#fff;background:#d92d20;border-radius:999px;place-items:center;min-width:23px;height:23px;margin-inline-start:auto;padding:0 6px;font-size:12px;display:grid}.admin-menu-button,.admin-mobile-menu{display:none}.admin-content{min-width:0;padding:30px}.admin-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stat b{color:var(--brand);font-size:28px;display:block}.stat span{color:var(--ink-soft);font-size:14px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:15px}th{background:var(--bg-soft);font-weight:700}td small{color:var(--ink-soft);display:block}.admin-name-cell{align-items:center;gap:11px;display:flex}.admin-name-cell img{object-fit:contain;background:var(--bg-soft);border:1px solid var(--border);border-radius:9px;width:48px;height:48px}.admin-name-cell span{flex-direction:column;display:flex}.search-picker{width:100%;position:relative}.search-picker summary{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;padding:11px 13px;list-style:none}.search-picker summary::-webkit-details-marker{display:none}.search-picker summary:after{content:"⌄";float:left;color:var(--brand)}.search-picker-menu{z-index:80;border:1px solid var(--border);background:var(--surface);max-height:290px;box-shadow:var(--shadow);top:calc(100% + 6px);border-radius:12px;flex-direction:column;gap:4px;padding:9px;display:flex;position:absolute;inset-inline:0;overflow:auto}.search-picker-menu button,.search-picker-menu label{text-align:right;border-radius:8px;flex-direction:row;align-items:center;gap:9px;padding:9px}.search-picker-menu button:hover,.search-picker-menu button.selected,.search-picker-menu label:hover{background:var(--brand-pale)}.search-picker-menu img{object-fit:contain;border-radius:6px;width:30px;height:30px}.variant-image-preview{object-fit:contain;background:var(--bg-soft);border-radius:9px;width:72px;height:72px}.ready-colors{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.ready-colors button{border:2px solid var(--surface);width:32px;height:32px;box-shadow:0 0 0 1px var(--border);border-radius:50%;padding:0}.ready-colors button.selected{box-shadow:0 0 0 3px var(--brand);transform:scale(.92)}.ready-colors input[type=color]{border-radius:8px;width:38px;height:34px;padding:2px}.variant-color-image{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.entity-image-preview{aspect-ratio:1.35;object-fit:contain;border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;width:min(100%,240px)}.compact-media-grid{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;max-height:260px;padding:8px;overflow:auto}.compact-media-grid button{background:var(--surface);border:1px solid var(--border);padding:4px}.welcome-gate{z-index:5000;color:#fff;background:radial-gradient(circle at 50% 45%,#1b709d 0,#0b4568 42%,#062a43 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.welcome-light{background:radial-gradient(#ffd27840,#0000 55%);animation:2.4s ease-in-out infinite alternate welcomeGlow;position:absolute;inset:0}.library-door{perspective:1400px;border:10px solid #d89a3c;background:#082f4b;border-bottom-width:18px;border-radius:48% 48% 8px 8px/20% 20% 8px 8px;width:min(92vw,720px);height:min(86vh,680px);position:relative;overflow:hidden;box-shadow:0 30px 90px #00000073,inset 0 0 0 4px #6c3f12}.door-panel{z-index:3;background:linear-gradient(90deg,#6e3d17,#a96727 45%,#754016);border:2px solid #d7a04d;width:50.2%;transition:transform 1s cubic-bezier(.7,0,.2,1);position:absolute;inset-block:0}.door-panel:before,.door-panel:after{content:"";border:3px solid #ffd2824d;border-radius:110px 110px 16px 16px;position:absolute;inset:9% 14%}.door-panel:after{border-radius:16px;inset:55% 14% 9%}.door-right{transform-origin:100%;inset-inline-start:0}.door-left{transform-origin:0;inset-inline-end:0}.welcome-gate.opening .door-right{transform:rotateY(-105deg)}.welcome-gate.opening .door-left{transform:rotateY(105deg)}.welcome-content{z-index:4;text-align:center;text-shadow:0 3px 14px #00000073;flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:opacity .35s .55s,transform .7s;display:flex;position:absolute;inset:0}.welcome-gate.opening .welcome-content{opacity:0;transition-delay:0s;transform:scale(1.12)}.welcome-content p{margin:24px 0 4px;font-size:clamp(18px,3vw,25px)}.welcome-content h1{color:#fff;margin:0;font-size:clamp(30px,6vw,58px)}.welcome-content>span{color:#ffe1a0;margin-top:7px;font-size:clamp(15px,2vw,19px)}.opening-book{perspective:900px;filter:drop-shadow(0 18px 18px #00000057);width:150px;height:105px;animation:2s ease-in-out infinite bookFloat;position:relative}.book-cover,.book-page{transform-origin:100% 100%;border-radius:6px 16px 10px 6px;width:75px;height:98px;position:absolute;bottom:0}.book-cover{background:#0d6fa5;right:50%;transform:rotateY(-18deg)rotate(-5deg);box-shadow:inset 0 0 0 4px #f4bd5a}.book-page{transform-origin:0 100%;background:linear-gradient(90deg,#ead9ae,#fff7df);border:1px solid #e4c983;left:50%}.page-one{animation:1.8s ease-in-out infinite alternate pageOpen;transform:rotateY(-22deg)rotate(5deg)}.page-two{opacity:.9;transform:rotateY(-48deg)rotate(3deg)}@keyframes pageOpen{to{transform:rotateY(-145deg)rotate(1deg)}}@keyframes bookFloat{50%{transform:translateY(-10px)}}@keyframes welcomeGlow{to{opacity:.55;transform:scale(1.08)}}.live-search{position:relative}.search-results{z-index:300;border:1px solid var(--border);background:var(--surface);color:var(--ink);inset-inline:0;border-radius:14px;max-height:430px;padding:8px;position:absolute;top:calc(100% + 8px);overflow:auto;box-shadow:0 18px 45px #05233738}.search-results>a{text-align:right;border-radius:9px;align-items:center;gap:10px;padding:9px;display:flex}.search-results>a:hover{background:var(--bg-soft)}.search-results img,.search-results svg{object-fit:contain;background:var(--bg-soft);border-radius:8px;flex:none;width:44px;height:44px}.search-results span{flex-direction:column;min-width:0;display:flex}.search-results b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-results small{color:var(--brand);font-weight:800}.search-results p{text-align:center;color:var(--ink-soft);padding:15px}.search-results .all-results{color:var(--brand);border-top:1px solid var(--border);justify-content:center;margin-top:5px;font-weight:800}.wish-btn.wished{color:#fff;background:#dc2743;border-color:#dc2743}.header-wish.has-wishes{color:#ff5971}.header-wish.has-wishes svg,.wish-btn.wished svg,.pulse-wish svg{fill:currentColor}.pulse-cart{animation:.7s cartBounce}.pulse-wish{color:#ff5b73;animation:.7s wishBeat}@keyframes cartBounce{25%{transform:translateY(-7px)rotate(-12deg)scale(1.2)}55%{transform:translateY(1px)rotate(8deg)}}@keyframes wishBeat{35%{transform:scale(1.38)}65%{transform:scale(.9)}}.checkout-proof{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:14px}.payment-account{color:var(--brand);text-align:right;direction:ltr;font-size:18px;font-weight:900}.required-mark{color:#b42335;font-size:13px}.upload-success{color:#16834b;margin-top:5px;font-weight:800;display:block}.proof-received{color:#146c3d;background:#e8f8ee;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.proof-received svg{flex:none}.proof-received p{margin-top:3px;font-size:14px}.variant-label{align-items:center;gap:7px;display:flex}.variant-label>span{width:15px;height:15px;box-shadow:0 0 0 1px var(--border);border:2px solid #fff;border-radius:50%;flex:none}.button-spinner{border:2px solid;border-inline-start-color:#0000;border-radius:50%;width:15px;height:15px;animation:.65s linear infinite spinButton}@keyframes spinButton{to{transform:rotate(360deg)}}.floating-cart-wrap{z-index:450;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.floating-cart-button{background:var(--accent);width:62px;height:62px;color:var(--accent-ink);border:4px solid var(--surface);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 14px 34px #062d4657}.floating-cart-button svg{width:27px;height:27px}.floating-cart-button span{color:#fff;background:#d92f4b;border-radius:99px;place-items:center;min-width:23px;height:23px;padding:0 5px;font-size:12px;font-weight:900;display:grid;position:absolute;top:-5px;right:-3px}.floating-cart-button.cart-arrival{animation:.8s cubic-bezier(.2,.9,.3,1.3) floatingCartArrival}@keyframes floatingCartArrival{0%{opacity:0;transform:translate(120px,30px)rotate(25deg)scale(.4)}55%{opacity:1;transform:translate(-8px,-5px)rotate(-10deg)scale(1.16)}75%{transform:translate(3px,1px)rotate(5deg)}}.floating-cart-panel{border:1px solid var(--border);background:var(--surface);width:min(360px,100vw - 36px);max-height:min(520px,70vh);color:var(--ink);border-radius:18px;flex-direction:column;padding:14px;animation:.22s ease-out miniCartOpen;display:flex;box-shadow:0 22px 65px #0423374d}@keyframes miniCartOpen{0%{opacity:0;transform:translateY(15px)scale(.96)}}.floating-cart-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.floating-cart-head>div{flex-direction:column;display:flex}.floating-cart-head small{color:var(--ink-soft)}.floating-cart-head button{background:var(--bg-soft);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.floating-cart-items{padding:6px 0;overflow:auto}.floating-cart-items a{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 2px;display:grid}.floating-cart-items img,.floating-cart-items svg{object-fit:contain;background:var(--bg-soft);border-radius:9px;width:48px;height:48px}.floating-cart-items a>span{flex-direction:column;min-width:0;display:flex}.floating-cart-items b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.floating-cart-items small{color:var(--ink-soft)}.floating-cart-items strong{color:var(--brand);white-space:nowrap;font-size:13px}.floating-checkout{justify-content:center;margin-top:10px}@media (max-width:480px){.floating-cart-wrap{bottom:12px;right:12px}.floating-cart-button{width:56px;height:56px}}.role-manager{margin-bottom:20px}.section-head.compact{margin-bottom:0}.role-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.role-card{border:1px solid var(--border);background:var(--bg-soft);text-align:right;border-radius:11px;align-items:center;gap:10px;padding:13px;display:flex}.role-card span{flex-direction:column;flex:1;display:flex}.role-card small{color:var(--ink-soft)}.role-dialog{background:var(--surface);max-height:88vh;overflow:auto;max-width:820px!important}.permission-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.permission-groups fieldset{border:1px solid var(--border);border-radius:12px;padding:13px}.permission-groups legend{padding:0 7px;font-weight:800}.table-actions{gap:8px;display:flex}.table-actions button{background:var(--brand-pale);color:var(--brand);border-radius:8px;padding:8px}.edit-sheet{background:var(--surface);z-index:320;padding:28px;overflow:auto;width:min(760px,96vw)!important;max-width:760px!important}.edit-sheet form{padding-top:18px}.check-field{flex-direction:row;align-items:center;gap:10px;display:flex}.check-field input{flex:none}.json-field{direction:ltr;min-height:120px;font-family:monospace;font-size:14px}.media-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.media-tile{border:1px solid var(--border);border-radius:10px;padding:8px;overflow:hidden}.media-tile img{object-fit:contain;width:100%;height:140px}.media-tile p{text-overflow:ellipsis;overflow:hidden}.drag-row{cursor:grab}.readiness{border-inline-start:4px solid var(--accent);background:var(--surface);border-radius:10px;margin-bottom:24px;padding:20px}.invoice{max-width:900px;margin:auto;padding:35px}.invoice-header{border-bottom:2px solid var(--brand);justify-content:space-between;margin-bottom:25px;padding-bottom:22px;display:flex}@media (max-width:840px){.store-page{padding-top:158px}.desktop-nav{display:none}.mobile-search{gap:8px;padding-bottom:12px;display:flex}.mobile-search input{color:#fff;background:#0d557e;border-color:#1b6a97}.mobile-search button{background:var(--accent);color:var(--accent-ink);border-radius:9px;padding:0 14px}.logo-text b{font-size:16px}.logo-mark{width:36px;height:36px}.header-row{gap:6px}.icon-btn,.theme-toggle,.burger{width:34px;height:38px}.header-actions{gap:0}.product-detail,.checkout-grid,.cart-grid,.admin-body{grid-template-columns:1fr}.admin-nav{z-index:20;flex-direction:row;padding:10px;position:sticky;top:0;overflow:auto}.admin-nav a{white-space:nowrap}.admin-content{padding:18px}.stats,.media-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.filter-bar select{flex:1}.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:30px 0}.prod-price b{font-size:15px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{gap:20px}.newsletter form,.newsletter input{min-width:0}.product-modal .product-detail{grid-template-columns:1fr}.product-modal .detail-image{max-height:240px}.admin-header{padding:0 16px}.logo-text span{display:none}}h1{font-size:clamp(25px,3vw,34px);font-weight:900;line-height:1.35}h2{font-size:22px;font-weight:800;line-height:1.4}h3{font-size:18px;font-weight:800}.wrap.section{padding:42px 20px}.section-head{align-items:center}.cat-card h3{font-size:16px}.subcats a{font-size:14px}.footer-top{grid-template-columns:1.45fr 1fr 1fr 1.2fr;gap:46px}footer ul a,.footer-brand p{font-size:14px}.footer-brand .logo-mark{width:42px;height:42px}.footer-brand .logo-text b{font-size:20px}.footer-contact a{color:#8fa8bd}.footer-bottom{direction:rtl}.header-row .logo{min-width:0}.admin-content h1{font-size:28px}.category-root-row{background:var(--brand-pale)}@supports (color:color-mix(in lab, red, red)){.category-root-row{background:color-mix(in srgb, var(--brand-pale) 62%, var(--surface))}}.category-root-row .admin-name-cell>span>b{color:var(--brand-deep);font-size:16px}.category-child-row .admin-name-cell{position:relative}.category-child-row .admin-name-cell:before{content:"↳";color:var(--brand);font-weight:900}.category-level-label{background:var(--brand-pale);width:max-content;color:var(--brand-deep);border-radius:999px;margin-top:3px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex!important}.ai-image-preview img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:14px;width:min(100%,420px);max-height:420px;margin-inline:auto}.whatsapp-qr{border:1px solid var(--border);color:#102b3e;text-align:center;background:#fff;border-radius:14px;width:max-content;max-width:100%;padding:16px}.whatsapp-qr img{width:300px;max-width:100%;height:auto;display:block}.prod-tag{font-size:12px}.wish-btn{width:36px;height:36px}.quick-btn{top:52px}.prod-thumb{background:var(--bg-soft)}@media (max-width:840px){.wrap.section{padding:28px 16px}.section-head{gap:12px}.section-head .text-link{font-size:14px}.panel{padding:20px}.footer-top{grid-template-columns:1fr 1fr}.header-row .logo-text b{font-size:15px}.header-row .logo{gap:6px}.header-row .logo-mark{width:30px;height:30px}.header-row .header-actions{gap:0}.header-row .icon-btn,.header-row .theme-toggle,.header-row .burger{width:31px}.form-grid{gap:12px}.admin-nav{display:none}.admin-header{z-index:60;gap:9px;height:64px;min-height:64px;padding:8px 10px;position:sticky;top:0}.admin-menu-button{background:var(--brand);color:#fff;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.admin-header .logo{flex:1;justify-content:center;min-width:0}.admin-header .logo img{width:36px;height:36px}.admin-header .logo b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.admin-header .logo small,.admin-header .text-link{display:none}.admin-header>.row{flex:none;gap:4px}.admin-header>.row button{place-items:center;width:38px;height:38px;padding:0;display:grid}.admin-mobile-menu{z-index:1000;display:block;position:fixed;inset:0}.admin-menu-backdrop{background:#04182694;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.admin-mobile-menu>aside{background:var(--surface);width:min(86vw,340px);position:absolute;inset-block:0;inset-inline-start:0;overflow-y:auto;box-shadow:0 0 36px #0000003d}.admin-mobile-menu-head{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:66px;padding:9px 13px;display:flex;position:sticky;top:0}.admin-mobile-menu-head button{place-items:center;width:40px;height:40px;padding:0;display:grid}.admin-mobile-menu-links{padding:15px 11px 28px}.admin-mobile-menu-links .admin-nav-group{margin-bottom:17px}.admin-mobile-menu-links .admin-nav-group>p{color:var(--ink-faint);padding:0 12px 7px;font-size:12px;font-weight:800}.admin-mobile-menu-links a{border-radius:10px;align-items:center;gap:11px;padding:11px 13px;font-size:15px;display:flex}.admin-mobile-menu-links a.active{background:var(--brand-pale);color:var(--brand);font-weight:800}.admin-content{padding:14px 12px 28px}.admin-content h1{font-size:23px}.admin-title{align-items:flex-start;gap:10px}.admin-title .btn{padding-inline:13px}.stats{gap:10px}.stat-card{padding:15px 13px}.edit-sheet{width:100vw;max-width:100vw}.role-cards,.permission-groups{grid-template-columns:1fr}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.search-picker-panel{inset-inline:12px;width:auto;max-height:calc(100vh - 92px);position:fixed;top:76px}}@media (max-width:560px){.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{text-align:center;flex-direction:column}}@media print{header,footer,.no-print,.toast{display:none!important}.invoice{max-width:100%;padding:0}body{color:#000;background:#fff}.panel{border:0}.table-scroll{overflow:visible}table{font-size:12px}}