/* styles.css */
:root{--bg:#070b14;--bg2:#0a101c;--panel:#0d1422;--panel2:#101a2a;--line:#1b2639;--line2:#253248;--text:#eef3fc;--muted:#8491a8;--faint:#56647b;--cyan:#23d5e5;--blue:#586cff;--purple:#9e71ff;--green:#3fdb9a;--amber:#f7bb4e;--red:#ff5e72;--font:'Tajawal','DM Sans',sans-serif;--latin:'DM Sans','Tajawal',sans-serif;--radius:14px;--shadow:0 24px 90px #0008}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;min-width:320px}body:lang(en){font-family:var(--latin)}body.no-scroll{overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.flash-strip{height:37px;background:linear-gradient(90deg,#142945,#132c3d 45%,#1e2040);display:flex;justify-content:center;align-items:center;gap:9px;color:#d6e7f5;font-size:12px;position:relative;letter-spacing:.1px}.pulse-dot,.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#42e8bb;box-shadow:0 0 12px #42e8bb;display:inline-block;animation:pulse 1.5s infinite}.flash-count{color:#9fb3ca;margin-inline-start:15px}.flash-count b{color:#fff;font-family:var(--latin);font-size:12px;letter-spacing:1px}.promo-code{border:1px solid #ffffff26;background:#ffffff0d;color:#d9eaff;border-radius:5px;padding:3px 9px;margin-inline-start:14px;font-size:11px}.promo-code b{color:#f8cd7d;letter-spacing:.7px;margin:0 3px}.utility-bar{height:42px;border-bottom:1px solid #ffffff0a;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1240px)/2),28px);background:#080d17;color:#8a98ad;font:11px var(--latin)}.support-link{display:flex;align-items:center;gap:8px;transition:.2s}.support-link:hover{color:var(--cyan)}.mini-icon{color:var(--cyan)}.utility-actions{display:flex;align-items:center;gap:18px}.review-trigger,.lang-toggle{border:0;background:none;color:#aab8ca;display:flex;align-items:center;gap:8px;padding:0;font-size:11px}.review-trigger{line-height:1.2;text-align:start}.review-trigger small{display:block;color:#78879e;font-size:9px}.judge-mark{width:18px;height:18px;border-radius:50%;background:#8255ec;color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px}.stars{color:#ffbf54;letter-spacing:1px;white-space:nowrap}.select-wrap select{appearance:none;border:0;background:transparent;color:#a9b7c9;font:11px var(--latin);cursor:pointer;padding:3px 5px}.select-wrap option{background:#101827;color:white}.lang-toggle{border-inline-start:1px solid #243047;padding-inline-start:15px;font-family:var(--font)}.main-header{height:82px;padding:0 max(calc((100vw - 1240px)/2),28px);display:flex;align-items:center;gap:34px;background:#080d17eb;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);border-bottom:1px solid #1b2534}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(140deg,#142b3d,#1c1740);border:1px solid #35d9e544;color:#d5fbff;font:800 13px var(--latin);box-shadow:0 0 22px #32d6e51b;position:relative}.brand-icon span{color:var(--cyan);font-size:10px}.brand-name{font:700 15px var(--latin);letter-spacing:-.5px;color:#f1f5fc;white-space:nowrap}.brand-name em{color:var(--cyan);font-style:normal}.brand-name small{display:block;font:500 10px var(--font);letter-spacing:0;color:#738198;margin-top:1px}.search-box{position:relative;flex:1;max-width:500px;height:42px;border:1px solid #27334a;background:#0e1624;border-radius:8px;display:flex;align-items:center;padding:0 14px;gap:10px;transition:.2s}.search-box:focus-within{border-color:#2cbcc9;box-shadow:0 0 0 3px #1fcbd10c}.search-symbol{color:#8795ad;font:24px var(--latin);transform:rotate(-20deg);line-height:1}.search-box input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#f4f6fc;font-size:12px}.search-box input::placeholder{color:#66758d}.search-box kbd{font:10px var(--latin);color:#76869d;border:1px solid #29354a;border-radius:4px;padding:2px 5px;direction:ltr}.search-results{position:absolute;top:calc(100% + 8px);inset-inline:0;background:#0e1726;border:1px solid #27374c;border-radius:10px;box-shadow:var(--shadow);overflow:hidden;z-index:40}.search-result{display:flex;width:100%;align-items:center;gap:12px;padding:11px 13px;border:0;border-bottom:1px solid #1b2738;background:none;text-align:start}.search-result:hover{background:#172337}.search-thumb{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;font-size:17px}.search-result span:nth-child(2){flex:1}.search-result b,.search-result small{display:block}.search-result b{font-size:12px}.search-result small{font-size:10px;color:var(--muted)}.search-result strong{font:700 11px var(--latin);color:#e8f8fa}.search-no-results{padding:18px;color:#9cabc1;font-size:12px}.header-actions{display:flex;align-items:center;gap:15px;margin-inline-start:auto}.header-action{background:transparent;border:0;color:#a1aec1;display:flex;align-items:center;gap:6px;font-size:11px;padding:6px;position:relative;white-space:nowrap}.header-action:hover{color:#e7faff}.action-icon{font-size:18px;color:#ccd7e6;line-height:1}.icon-action{padding-inline:2px}.counter{background:#1d8f9b;color:white;min-width:16px;height:16px;border-radius:10px;display:grid;place-items:center;font:700 9px var(--latin);padding:0 4px}.icon-action .counter{position:absolute;top:0;inset-inline-end:-6px}.cart-button{display:flex;align-items:center;gap:8px;border:1px solid #2a3c50;background:#111d2c;border-radius:8px;padding:7px 10px;color:#f0f6ff;min-width:105px}.cart-button:hover{border-color:#2fc7d3}.cart-glyph{font-size:19px;color:#34d7dd;transform:scaleX(-1)}.cart-copy{text-align:start;line-height:1.15;flex:1}.cart-copy b,.cart-copy small{display:block}.cart-copy b{font-size:11px}.cart-copy small{font:9px var(--latin);color:#8b9ab1;margin-top:3px;direction:ltr}.category-nav{height:48px;border-bottom:1px solid #152032;background:#09101b;display:flex;align-items:center;justify-content:center;gap:23px;padding:0 24px;overflow:auto;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.nav-cat,.nav-special{border:0;background:none;white-space:nowrap;color:#8996aa;font-size:11px;padding:15px 1px;position:relative}.nav-cat:hover,.nav-cat.active{color:#f5fbff}.nav-cat.active:after{content:'';position:absolute;height:2px;bottom:0;inset-inline:0;background:var(--cyan);box-shadow:0 0 9px #23d5e5}.nav-special{color:#c4b5fd;font-weight:700}.nav-special b{font:800 8px var(--latin);color:#ff7d97;background:#431c34;padding:2px 4px;border-radius:3px;margin-inline-start:4px}.nav-special:last-child{color:#81e2d1}.nav-special:last-child b{color:#b2f8e6;background:#15362e}.hero-wrap{max-width:1240px;margin:24px auto 0;min-height:386px;border:1px solid #1b2b40;border-radius:16px;background:radial-gradient(ellipse at 70% 40%,#192b49 0%,#0d1728 36%,#0a111e 70%);position:relative;overflow:hidden;display:flex;align-items:center;padding:45px 65px}.hero-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a111e 0%,#0a111e55 48%,transparent 100%);pointer-events:none}.hero-glow{position:absolute;width:440px;height:440px;right:15%;top:-28%;border-radius:50%;background:#2942bd20;filter:blur(50px)}.hero-copy{position:relative;z-index:2;width:54%;max-width:580px}.eyebrow{display:flex;align-items:center;gap:8px;color:#8bcdd8;font:600 10px var(--latin);letter-spacing:.3px}.eyebrow-dot{width:6px;height:6px}.hero-copy h1{font-size:41px;line-height:1.22;letter-spacing:-1.4px;margin:17px 0 9px;font-weight:800}.hero-copy h1 span{background:linear-gradient(90deg,#61e1ed,#a194ff);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy p{color:#95a3b9;font-size:13px;max-width:430px;line-height:1.8;margin:0}.hero-ctas{display:flex;align-items:center;gap:22px;margin-top:22px}.button-primary{border:0;background:linear-gradient(105deg,#1cbaca,#248da9);color:#f7ffff;font-weight:700;border-radius:7px;padding:11px 18px;box-shadow:0 5px 22px #1fc8d326;display:inline-flex;align-items:center;justify-content:center;gap:13px;transition:.2s}.button-primary:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 8px 25px #1fc8d344}.button-primary span{font:18px var(--latin)}.button-quiet{border:0;background:none;color:#bdc8d8;font-weight:600;padding:9px 2px}.button-quiet:hover{color:var(--cyan)}.hero-proof{display:flex;align-items:center;gap:9px;margin-top:30px;color:#9cabc0;font-size:10px}.hero-proof b{color:#e1e9f2}.proof-avatars{display:flex;padding-inline-end:5px;direction:ltr}.proof-avatars i{width:22px;height:22px;border-radius:50%;border:2px solid #101a2a;background:#a46f5b;color:#fff;display:grid;place-items:center;font:700 9px var(--font);font-style:normal;margin-inline-start:-5px}.proof-avatars i:nth-child(2){background:#536a93}.proof-avatars i:nth-child(3){background:#8374b0}.proof-avatars i:nth-child(4){background:#16283a;color:#45d8df}.proof-sep{height:13px;width:1px;background:#314052;margin-inline:5px}.hero-proof .stars{font-size:10px}.hero-art{position:absolute;z-index:1;right:6%;top:0;bottom:0;width:43%;display:grid;place-items:center;transition:filter .3s}.hero-art:before{content:'';position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#3555ba35,transparent 69%);filter:blur(8px)}.art-orbit{position:absolute;border:1px solid #ffffff13;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:390px;height:165px}.orbit-b{width:310px;height:238px;transform:rotate(36deg)}.art-card{position:absolute;width:167px;height:220px;border-radius:11px;background:linear-gradient(145deg,#172c63,#101a3c 54%,#121c32);border:1px solid #829cff33;box-shadow:0 22px 50px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.art-card b{font:700 24px/1.05 var(--latin);color:#f6f6ff;letter-spacing:-1px}.art-card small{font:600 8px var(--latin);letter-spacing:1.2px;color:#8395ca}.art-card>span:first-child{font:700 10px var(--latin);color:#93a0df;letter-spacing:2px}.art-back{right:28%;top:25%;transform:rotate(10deg);background:linear-gradient(145deg,#501c54,#291747 65%,#17203c);border-color:#ff86d433}.art-back b{color:#fbcef8}.art-front{right:47%;top:22%;z-index:2;transform:rotate(-8deg);background:linear-gradient(145deg,#233f8c,#1b2c62 56%,#101c3f);border-color:#89b2ff50}.art-front .windows-mark{font:56px/1 var(--latin);color:#7bd1ff;text-shadow:0 0 20px #75cfff72}.art-front b{font-size:21px}.hero-discount{position:absolute;z-index:4;right:70%;top:20%;width:73px;height:73px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#a356ef,#6851ed);box-shadow:0 8px 25px #7651ef68;transform:rotate(-12deg)}.hero-discount small,.hero-discount span{font-size:8px}.hero-discount b{font:800 20px var(--latin);line-height:1}.floating-chip{position:absolute;z-index:4;background:#111e2d;border:1px solid #ffffff1d;border-radius:6px;box-shadow:0 8px 25px #0006;padding:7px 11px;color:#c7d6e7;font-size:9px}.floating-chip span{color:#55ddd5;margin-inline-end:4px}.chip-one{top:25%;right:17%;transform:rotate(-3deg)}.chip-two{bottom:22%;right:28%;transform:rotate(3deg)}.hero-controls{position:absolute;bottom:18px;right:65px;z-index:3;display:flex;align-items:center;gap:8px;direction:ltr}.hero-controls>button{background:transparent;border:1px solid #344156;color:#adbad0;width:24px;height:24px;line-height:1;border-radius:50%;font:19px var(--latin)}.hero-controls>button:hover{border-color:var(--cyan);color:var(--cyan)}.hero-dots{display:flex;gap:5px;margin:0 7px}.hero-dot{height:5px;width:5px;border:0;border-radius:5px;background:#57647a;padding:0;transition:.25s}.hero-dot.active{width:21px;background:var(--cyan);box-shadow:0 0 8px #23d5e577}.slide-count{font:9px var(--latin);color:#8291a5;margin-inline-start:8px}.hero-art-1:before{background:radial-gradient(circle,#9d324220,transparent 70%)}.hero-art-1 .art-front{background:linear-gradient(140deg,#5c1b20,#321727 70%,#192038)}.hero-art-2:before{background:radial-gradient(circle,#14794c30,transparent 70%)}.hero-art-2 .art-front{background:linear-gradient(140deg,#165a49,#17372e 70%,#152438)}.hero-art-3:before{background:radial-gradient(circle,#3259a830,transparent 70%)}.hero-art-3 .art-front{background:linear-gradient(140deg,#244159,#172538 70%,#101c31)}.trust-strip{max-width:1240px;margin:13px auto 0;border:1px solid #1c2939;border-radius:10px;background:#0c1420;display:grid;grid-template-columns:repeat(4,1fr);padding:17px 25px}.trust-strip article{display:flex;align-items:center;gap:11px;padding-inline:15px;border-inline-start:1px solid #1d2939}.trust-strip article:first-child{border:0}.trust-icon{font-size:20px;width:36px;height:36px;border-radius:10px;background:#ffffff09;display:grid;place-items:center}.trust-icon.cyan{color:#37d7e8}.trust-icon.purple{color:#ad86ff}.trust-icon.green{color:#45d89a}.trust-icon.amber{color:#f6bd55}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:11px;color:#d8e2ee}.trust-strip small{font-size:9px;color:#75849b;margin-top:2px}.program-strip{max-width:1240px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1px 1fr;border:1px solid #263049;border-radius:10px;background:linear-gradient(90deg,#101528,#101326 50%,#101727);min-height:76px;padding:13px 24px;gap:25px}.program-divider{background:#293249}.program-copy{display:flex;align-items:center;gap:13px}.program-copy>span:nth-child(2){flex:1}.live-tag{font:800 8px var(--latin);color:#ff7894;background:#421d32;padding:5px 7px;border-radius:4px;letter-spacing:.7px}.live-tag i{width:5px;height:5px;background:#fc617d;display:inline-block;border-radius:50%;box-shadow:0 0 7px #ff557c;margin-inline-end:3px}.program-icon{width:29px;height:29px;border-radius:7px;background:#183a3b;color:#60e2cd;display:grid;place-items:center;font-size:18px}.program-copy b{font:700 13px var(--latin);color:#edf2fd}.program-copy small{display:block;color:#7e8da5;font-size:10px;margin-top:2px}.program-copy em{font:800 8px var(--latin);font-style:normal;color:#74e3ca;background:#174137;padding:3px 5px;border-radius:3px;margin-inline-start:4px}.program-link{border:0;background:transparent;color:#8edee1;white-space:nowrap;font-size:10px;font-weight:700}.program-link span{margin-inline-start:6px}.products-section{max-width:1240px;margin:62px auto 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.section-kicker{font:700 9px var(--latin);letter-spacing:1.4px;color:#45cbd5;text-transform:uppercase}.section-heading h2{font-size:25px;line-height:1.2;margin:5px 0 0;letter-spacing:-.5px}.section-heading h2 span{color:#79869c;font-size:17px;font-weight:500}.product-sort{display:flex;align-items:center;gap:13px;color:#78879d;font-size:10px}.product-sort select{appearance:none;border:1px solid #243147;background:#101927;color:#b8c4d6;border-radius:5px;padding:7px 26px 7px 9px;font-size:10px}.product-sort select:lang(en){padding:7px 9px 7px 26px}.category-pills{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin-bottom:20px;padding:1px 0 5px}.category-pill{white-space:nowrap;border:1px solid #202d40;border-radius:20px;background:#0d1521;color:#8897ac;padding:6px 13px;font-size:10px;transition:.2s}.category-pill:hover,.category-pill.active{color:#dffcff;border-color:#247b86;background:#102a34}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{border:1px solid #202c3d;background:#0d1521;border-radius:11px;overflow:hidden;transition:.25s;cursor:pointer;position:relative}.product-card:hover{border-color:#36506a;transform:translateY(-3px);box-shadow:0 12px 32px #0004}.product-media{height:185px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,#192f4e 0%,#101a2b 64%,#0b1220 100%)}.product-media.orange,.quick-modal-art.orange,.search-thumb.orange,.cart-item-art.orange{background:radial-gradient(ellipse at center,#5d3227,#251e23 70%,#111622)}.product-media.violet,.quick-modal-art.violet,.search-thumb.violet,.cart-item-art.violet{background:radial-gradient(ellipse at center,#3e2e73,#211c3b 70%,#111622)}.product-media.red,.quick-modal-art.red,.search-thumb.red,.cart-item-art.red{background:radial-gradient(ellipse at center,#642e33,#2b2029 70%,#111622)}.product-media.green,.quick-modal-art.green,.search-thumb.green,.cart-item-art.green{background:radial-gradient(ellipse at center,#235840,#142a2a 70%,#111622)}.product-media.slate,.quick-modal-art.slate,.search-thumb.slate,.cart-item-art.slate{background:radial-gradient(ellipse at center,#394956,#1c2833 70%,#111622)}.product-media.pink,.quick-modal-art.pink,.search-thumb.pink,.cart-item-art.pink{background:radial-gradient(ellipse at center,#622d53,#2a1c35 70%,#111622)}.product-media.amber,.quick-modal-art.amber,.search-thumb.amber,.cart-item-art.amber{background:radial-gradient(ellipse at center,#6b5226,#2b2720 70%,#111622)}.discount-badge{position:absolute;top:12px;inset-inline-start:12px;background:#572b91;color:#dfcaff;font:800 9px var(--latin);border-radius:4px;padding:4px 6px;z-index:3}.type-badge{position:absolute;top:12px;inset-inline-end:12px;background:#123946;color:#92e6ee;border:1px solid #23747e55;border-radius:4px;padding:4px 6px;font:700 8px var(--latin);z-index:3}.type-badge.sla{background:#3f2b16;color:#f5c976;border-color:#8c662c55}.type-badge.physical{background:#242e3c;color:#c0cedf;border-color:#64758c55}.wish-button{position:absolute;bottom:10px;inset-inline-end:11px;width:28px;height:28px;border-radius:50%;background:#080e1ac9;border:1px solid #ffffff24;color:#aebbd0;font-size:17px;z-index:3}.wish-button:hover,.wish-button.wished{color:#ff6b8e;border-color:#ff668444}.region-badge{position:absolute;bottom:15px;inset-inline-start:13px;font:800 8px var(--latin);letter-spacing:.4px;color:#91a0b7;background:#07101bbd;border:1px solid #ffffff1a;padding:4px 6px;border-radius:4px;z-index:2}.product-visual{width:108px;height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;background:linear-gradient(145deg,#294b7f,#1a315c 58%,#10213f);border:1px solid #94b8ff38;box-shadow:0 18px 32px #0008;transform:rotate(-5deg);position:relative}.product-visual:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff17;border-radius:4px}.product-visual .visual-back{position:absolute;inset:11px -8px -7px 10px;background:#111e34;border-radius:7px;transform:rotate(8deg);z-index:-1;border:1px solid #ffffff16}.product-visual .visual-icon{font:50px/1 var(--latin);color:#a8dbff;text-shadow:0 0 18px #58baff6e}.product-visual>span{font:800 10px var(--latin);margin-top:8px;color:#f0f6ff;letter-spacing:.4px}.product-visual small{font:600 6px var(--latin);color:#a9bbd8;letter-spacing:1px;margin-top:4px}.product-media.orange .product-visual{background:linear-gradient(145deg,#a4452a,#6b2b27 60%,#321e27);border-color:#ffd09e45}.product-media.orange .visual-icon{color:#ffb077}.product-media.violet .product-visual{background:linear-gradient(145deg,#6a48bb,#44317b 60%,#291e55)}.product-media.violet .visual-icon{color:#d0bcff}.product-media.red .product-visual{background:linear-gradient(145deg,#aa3540,#722631 60%,#3b1c2a)}.product-media.red .visual-icon{color:#ffb6b5}.product-media.green .product-visual{background:linear-gradient(145deg,#25845d,#1a604b 60%,#173c39)}.product-media.green .visual-icon{color:#a3f4c7}.product-media.slate .product-visual{background:linear-gradient(145deg,#465b6a,#293f4f 60%,#1c2b3c)}.product-media.slate .visual-icon{color:#c7efff}.product-media.pink .product-visual{background:linear-gradient(145deg,#aa4388,#69305f 60%,#3a2146)}.product-media.pink .visual-icon{color:#ffb7e8}.product-media.amber .product-visual{background:linear-gradient(145deg,#9e7134,#685022 60%,#3d301d)}.product-media.amber .visual-icon{color:#ffe09b}.product-info{padding:12px 13px 10px}.product-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#77869b}.rating{color:#ffca67;font:700 9px var(--latin)}.product-info h3{font-size:13px;line-height:1.3;margin:7px 0 3px;min-height:34px;color:#e3eaf4;font-weight:700}.variant-label{font-size:9px;color:#75849a;margin:0 0 12px}.price-row{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #1b2736;padding-top:10px}.price-row del,.quick-price del{font:10px var(--latin);color:#69768b;display:block}.price-row strong{font:700 15px var(--latin);color:#f1f7ff;display:block;margin-top:2px;direction:ltr}.add-button{width:30px;height:30px;border:1px solid #216773;background:#102b34;border-radius:7px;color:#52e0e2;font:20px var(--latin);line-height:1}.add-button:hover{background:#1b6470;color:#fff}.quick-view{display:flex;justify-content:space-between;width:100%;border:0;background:none;color:#7f8da3;font-size:9px;padding:10px 0 0}.quick-view:hover{color:#74dee5}.load-more{display:block;margin:28px auto 0;border:1px solid #2a3b50;background:#0e1825;color:#bfcbda;border-radius:6px;padding:9px 17px;font-size:10px}.load-more:hover{border-color:#27aeb8;color:#8de8ed}.empty-state{text-align:center;padding:60px;color:#8896ab}.empty-state>span{font-size:30px;color:#44cfd9}.empty-state h3{margin:8px}.newsletter{max-width:1240px;margin:65px auto 50px;min-height:148px;border:1px solid #28304c;border-radius:12px;background:radial-gradient(ellipse at 80% 40%,#34215c,#11182c 62%,#101622);display:flex;align-items:center;justify-content:space-between;padding:28px 45px;position:relative;overflow:hidden}.newsletter>div,.newsletter form{z-index:1}.newsletter-icon{color:#c2a3ff;font-size:20px}.newsletter h2{font-size:19px;margin:4px 0}.newsletter p{font-size:10px;color:#9aa7bc;margin:0}.newsletter form{display:flex;gap:8px;width:400px}.newsletter input{flex:1;min-width:0;background:#0d1422;border:1px solid #39405a;border-radius:6px;padding:0 12px;color:#fff;outline:0;font-size:11px}.newsletter-orb{position:absolute;width:230px;height:230px;right:41%;top:-120px;border-radius:50%;background:#7046b526;filter:blur(30px)}.site-footer{border-top:1px solid #172233;background:#080d16;padding:35px max(calc((100vw - 1240px)/2),28px) 0;color:#8491a7}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:45px;padding-bottom:33px}.footer-main .brand{min-width:0}.footer-main p{font-size:10px;line-height:1.8;margin:15px 0;color:#738198}.footer-social{display:flex;gap:8px}.footer-social a{width:25px;height:25px;border:1px solid #263247;border-radius:6px;display:grid;place-items:center;color:#aab8cb;font:12px var(--latin)}.footer-social a:hover{color:var(--cyan);border-color:#318992}.footer-col{display:flex;flex-direction:column;gap:9px;font-size:10px}.footer-col b{font-size:11px;color:#dce5ef;margin-bottom:3px}.footer-col a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #182233;min-height:42px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.footer-bottom b{color:#f36d81}.admin-entry{margin-inline-start:auto;background:none;border:0;color:#4c5b71;font:9px var(--latin)}.admin-entry:hover{color:#7fdde2}.whatsapp-float{position:fixed;z-index:18;bottom:22px;inset-inline-end:22px;border:1px solid #27aa76;background:#0f2d28;color:#ddfff2;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:26px;box-shadow:0 9px 24px #0007;font-size:10px}.whatsapp-float>span{font-size:17px;color:#53e3a5}.whatsapp-float small{font-size:10px}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:#03060bc7;z-index:50;backdrop-filter:blur(3px)}.side-drawer{position:fixed;z-index:51;top:0;bottom:0;inset-inline-end:0;width:min(420px,100vw);background:#0b121e;border-inline-start:1px solid #29374a;box-shadow:-15px 0 55px #0009;transform:translateX(105%);transition:transform .28s;display:flex;flex-direction:column}.side-drawer.open{transform:translateX(0)}html[dir=rtl] .side-drawer{transform:translateX(-105%)}html[dir=rtl] .side-drawer.open{transform:translateX(0)}.drawer-head{padding:22px 22px 16px;border-bottom:1px solid #1c2838;display:flex;justify-content:space-between;align-items:center}.drawer-kicker{font:700 8px var(--latin);letter-spacing:1.5px;color:#44d5dd}.drawer-head h2{font-size:17px;margin:3px 0 0}.drawer-head h2 span{font:10px var(--latin);color:#8391a7}.close-button{border:1px solid #273448;background:#111a28;color:#aab7c8;width:29px;height:29px;border-radius:50%;font:21px/1 var(--latin);display:grid;place-items:center}.close-button:hover{color:#fff;border-color:#5b718b}.drawer-progress{padding:12px 22px;color:#8291a7;font-size:9px;border-bottom:1px solid #1c2838}.drawer-progress div{height:3px;background:#1c2938;border-radius:3px;margin-top:8px;overflow:hidden}.drawer-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#21bbc8,#56e0c7);transition:.3s}.drawer-body{flex:1;overflow:auto;padding:8px 20px}.drawer-empty{text-align:center;padding:55px 15px;color:#8492a7}.drawer-empty>span{font-size:36px;color:#4c8690}.drawer-empty h3{color:#d9e3ee;font-size:14px;margin:10px 0 4px}.drawer-empty p{font-size:10px;margin:0 0 15px}.drawer-empty .button-primary{font-size:10px;padding:9px 13px}.cart-item{display:flex;align-items:flex-start;gap:11px;padding:15px 0;border-bottom:1px solid #1c2838;position:relative}.cart-item-art{width:55px;height:60px;border-radius:7px;background:#162a45;display:grid;place-items:center;color:#a9dcff;font-size:24px;flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-info b,.cart-item-info small,.cart-item-info strong{display:block}.cart-item-info b{font-size:11px;color:#e5ebf4}.cart-item-info small{font-size:9px;color:#77879b;margin-top:2px}.cart-item-info strong{font:700 12px var(--latin);margin-top:5px}.qty-control{display:flex;align-items:center;gap:9px;margin-top:7px;color:#bbc8d9;font:10px var(--latin)}.qty-control button{width:19px;height:19px;background:#111b29;border:1px solid #2a384c;border-radius:4px;color:#d9e4f0;line-height:1}.remove-item{border:0;background:none;color:#69788e;font:19px var(--latin);padding:0 5px}.remove-item:hover{color:#ff788a}.drawer-foot{padding:16px 21px 21px;border-top:1px solid #1c2838}.subtotal-line{display:flex;justify-content:space-between;font-size:11px}.subtotal-line b{font:700 15px var(--latin)}.promo-line{font-size:9px;color:#6ad2ad;margin-top:7px}.promo-line b{font:700 11px var(--latin);color:#6ad2ad}.total-line{border-top:1px solid #253247;margin-top:8px;padding-top:8px;color:#d9e4f2}.total-line b{font-size:16px}.tax-note{font-size:9px;color:#6f7e94;margin:6px 0 13px}.checkout-button{width:100%;font-size:11px}.continue-shopping{width:100%;border:0;background:none;color:#8997aa;font-size:10px;padding-top:12px}.modal-backdrop{z-index:60;display:grid;place-items:center;padding:22px}.modal-card{position:relative;width:min(520px,100%);max-height:min(90vh,900px);overflow:auto;background:#0c1421;border:1px solid #2a384c;border-radius:14px;box-shadow:var(--shadow);padding:30px}.modal-card.modal-wide{width:min(900px,100%)}.modal-close{position:absolute;top:13px;inset-inline-end:13px;z-index:4}.modal-card h2{font-size:23px;line-height:1.25;margin:7px 0 10px}.quick-modal{display:grid;grid-template-columns:.82fr 1.2fr;gap:28px;padding:7px}.quick-modal-art{min-height:360px;align-self:stretch;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#183853,#111a2c 70%)}.quick-modal-art .visual-icon{font:90px var(--latin);color:#ade4ff;text-shadow:0 0 36px #58bdff66}.quick-modal-art>b{font-size:17px;text-align:center;margin:10px 20px 0}.quick-modal-art>small{font:9px var(--latin);color:#93a4bc;margin-top:6px}.quick-modal-art .discount-badge{top:17px;inset-inline-start:17px}.quick-modal-info{padding:6px 4px}.quick-modal-info>p{font-size:11px;line-height:1.9;color:#a6b2c5;margin:14px 0}.rating-line{display:flex;align-items:center;gap:9px;font-size:9px;color:#8493a8}.rating-line .stars{font-size:11px}.variant-selector{margin-top:17px}.variant-selector>label{font-size:9px;color:#93a1b6;display:block;margin-bottom:7px}.variant-option{width:100%;border:1px solid #326d78;background:#10242d;border-radius:7px;padding:9px 11px;display:flex;justify-content:space-between;align-items:center;text-align:start}.variant-option b,.variant-option small{display:block}.variant-option b{font-size:10px}.variant-option small{font-size:9px;color:#8293a7;margin-top:3px}.variant-option i{font-style:normal;color:#6ce5d8}.quick-price{border-top:1px solid #1c2939;margin-top:14px;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.quick-price strong{font:800 19px var(--latin);display:block;direction:ltr}.quick-price .button-primary{font-size:10px;padding:9px 13px}.detail-tabs{margin-top:15px;border-top:1px solid #1c2939;padding-top:12px}.detail-tabs>b{font-size:10px}.detail-tabs p{font-size:9px;color:#8795ab;line-height:1.8}.detail-tabs a{font-size:9px;color:#55d8df}.reviews-modal h2{font-size:22px}.review-summary{background:#121c2b;border:1px solid #233248;border-radius:9px;padding:13px 17px;display:flex;align-items:center;gap:12px;margin:17px 0}.review-summary strong{font:700 28px var(--latin)}.review-summary small{color:#8493a8;font-size:9px;margin-inline-start:auto}.review-list article{padding:13px 0;border-bottom:1px solid #1b2737}.review-list .stars{font-size:10px}.review-list article b{display:block;font-size:11px;margin:4px 0}.review-list p{font-size:10px;color:#9aa8bb;margin:2px 0 5px}.review-list small{font-size:9px;color:#66758c}.full-button{width:100%;font-size:11px}.reviews-modal .full-button{margin-top:15px}.special-modal,.wholesale-modal,.learn-modal,.delete-modal,.order-success{padding:9px 5px;text-align:center}.special-icon{width:54px;height:54px;border-radius:15px;margin:0 auto 13px;display:grid;place-items:center;font-size:29px;color:#d3b8ff;background:linear-gradient(145deg,#462c72,#211d43);box-shadow:0 10px 32px #8258d330}.special-modal p,.wholesale-modal>p{color:#97a5b8;font-size:11px;line-height:1.8}.giveaway-prize{display:flex;align-items:center;text-align:start;gap:12px;padding:12px;border-radius:8px;border:1px solid #31405b;background:#111c2c;margin:18px 0}.giveaway-prize>span{width:43px;height:43px;border-radius:7px;background:#1d3670;color:#79bbff;display:grid;place-items:center;font-size:24px}.giveaway-prize div{flex:1}.giveaway-prize b,.giveaway-prize small{display:block}.giveaway-prize b{font-size:11px}.giveaway-prize small{font:9px var(--latin);color:#8190a6;margin-top:3px}.giveaway-prize strong{font:800 11px var(--latin);color:#c5a0ff}.giveaway-stats{display:flex;justify-content:space-around;padding:8px 0 18px}.giveaway-stats span{display:flex;flex-direction:column}.giveaway-stats b{font:700 15px var(--latin)}.giveaway-stats small{font-size:9px;color:#8290a5}.modal-footnote{display:block;color:#68778d;font-size:9px;margin-top:12px}.bulk-box{text-align:start;background:#111b29;border:1px solid #27374b;border-radius:9px;padding:14px;margin:17px 0}.bulk-box>label{display:flex;justify-content:space-between;color:#93a2b7;font-size:10px;margin:0 0 7px}.bulk-box select{width:100%;background:#0b1421;color:#dce7f4;border:1px solid #27364b;border-radius:5px;padding:8px;font-size:10px;margin-bottom:15px}.bulk-box input[type=range]{width:100%;accent-color:#37cbd0}.range-labels{display:flex;justify-content:space-between;color:#738198;font-size:8px}.bulk-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin:15px 2px;padding:0 3px}.bulk-result span{font-size:10px;color:#8493a9}.bulk-result b,.bulk-result strong{font:700 14px var(--latin)}.bulk-result strong{font-size:19px}.bulk-result em{font-style:normal;color:#84e0c3;font-size:9px;background:#17372e;padding:3px 6px;border-radius:4px}.bulk-box~.full-button{margin-top:4px}.checkout-modal h2{font-size:24px}.checkout-steps{display:flex;gap:10px;margin:12px 0 17px;border-bottom:1px solid #243146;padding-bottom:11px;color:#69788d;font-size:9px}.checkout-steps span:first-child{color:#64dfd2}.checkout-form label,.login-form label{display:block;font-size:9px;color:#98a7bb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid .form-wide{grid-column:1/-1}.checkout-form input:not([type=radio]),.checkout-form select,.login-form input{width:100%;background:#0a121f;border:1px solid #29374b;border-radius:5px;padding:9px 10px;color:#edf4fb;outline:0;margin-top:5px;font-size:10px}.checkout-form input:focus,.checkout-form select:focus,.login-form input:focus{border-color:#279eaa}.checkout-form input[type=file]{font-size:9px}.payment-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:6px}.payment-choices label{display:block}.payment-choices input{display:none}.payment-choices span{display:block;border:1px solid #29374b;background:#101a28;border-radius:6px;padding:9px;color:#c4cfde;font-size:10px;cursor:pointer}.payment-choices input:checked+span{border-color:#2cabb2;background:#10282e}.manual-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;padding:12px;border:1px solid #554626;background:#221d14;border-radius:7px}.manual-fields label:last-child{grid-column:1/-1}.checkout-total{display:grid;grid-template-columns:1fr auto;gap:6px;border-top:1px solid #243044;margin-top:15px;padding-top:12px;font-size:10px;color:#8897ad}.checkout-total b{font:600 10px var(--latin);color:#dbe5f1}.checkout-total strong{color:#f4f8fc;font-size:13px}.demo-notice{border:1px solid #5e4b26;background:#2a2316;padding:7px 9px;border-radius:5px;color:#edc66e;font-size:9px}.checkout-form>.button-primary{margin-top:3px}.order-success .success-check{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#133b33;border:1px solid #2e9f80;color:#6dedbc;font:25px var(--latin)}.order-success h2{margin:8px}.order-success p{font-size:10px;color:#95a4b8}.success-summary{display:flex;justify-content:space-between;border-block:1px solid #263348;padding:12px 0;margin:15px 0;font-size:11px}.success-summary strong{font:700 16px var(--latin)}.wishlist-modal h2 small{font:11px var(--latin);color:#8594aa}.wishlist-list article{display:grid;grid-template-columns:47px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #202c3e;padding:10px 0}.wishlist-list .cart-item-art{width:43px;height:45px}.wishlist-list article>div:nth-child(2) b,.wishlist-list article>div:nth-child(2) small,.wishlist-list article>div:nth-child(2) strong{display:block}.wishlist-list article>div:nth-child(2) b{font-size:10px}.wishlist-list article>div:nth-child(2) small{font-size:8px;color:#8190a5}.wishlist-list article>div:nth-child(2) strong{font:700 11px var(--latin);margin-top:3px}.wishlist-list article>button:not(.mini-add){background:none;border:0;color:#8391a4;font-size:16px}.mini-add{grid-column:2/-1;justify-self:start;border:1px solid #286974;background:#102830;color:#6ddde2;border-radius:4px;font-size:8px;padding:4px 7px}.learn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.learn-steps article{text-align:start;border:1px solid #27364b;background:#101a28;border-radius:8px;padding:13px}.learn-steps i{display:block;color:#4bd4dc;font:700 11px var(--latin);font-style:normal}.learn-steps b{display:block;font-size:11px;margin:7px 0}.learn-steps p{font-size:9px;color:#8392a8;margin:0}.learn-modal>a{font-size:9px;color:#60d7de}.delete-modal{text-align:center}.danger-icon{display:grid;place-items:center;margin:0 auto 14px;width:43px;height:43px;background:#3b2028;border:1px solid #85434c;color:#ff8990;font-size:22px;border-radius:50%}.delete-modal p{font-size:10px;color:#9aa7b9}.confirm-actions{display:flex;justify-content:center;gap:18px;margin-top:20px}.button-danger{background:#9c3949;border:0;border-radius:6px;padding:8px 13px;color:#fff;font-size:10px}.workspace-page{min-height:600px}.login-card{max-width:950px;margin:65px auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid #29364b;border-radius:14px;overflow:hidden;background:#0d1522;box-shadow:var(--shadow)}.login-visual{padding:44px;background:radial-gradient(ellipse at 20% 80%,#273876,#101d38 60%,#101729)}.login-visual .brand-icon{margin-bottom:28px}.login-visual h2{font-size:28px;max-width:280px}.login-visual p{font-size:11px;color:#9eabc1;max-width:300px}.login-proof{display:flex;flex-direction:column;gap:12px;margin-top:37px;color:#b4c6d9;font-size:10px}.login-proof span:before{content:'✓';color:#52d9c8;margin-inline-end:9px}.login-form{padding:43px 50px}.login-form h2{font-size:25px;margin:9px 0 2px}.login-form>p{font-size:10px;color:#8593a9;margin:0 0 20px}.login-form label{margin-top:12px}.login-form input{padding:11px}.text-link{background:none;border:0;color:#68d5dc;font-size:9px;padding:8px 0}.login-form .text-link{display:block;margin-inline-start:auto}.login-form>.button-primary{margin-top:13px}.login-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#637187;font-size:9px}.login-divider:before,.login-divider:after{content:'';height:1px;background:#263246;flex:1}.google-button{width:100%;background:#111c2b;border:1px solid #2b394e;color:#dbe4f0;border-radius:6px;padding:9px;font-size:10px}.signup-copy{text-align:center;color:#7f8da2;font-size:9px;margin:15px 0 0}.signup-copy button{border:0;background:none;color:#66d5dc;font-size:9px}.back-store{margin-top:18px}.account-dashboard{max-width:1240px;margin:45px auto 70px}.dashboard-top{display:flex;justify-content:space-between;align-items:center}.dashboard-top h1{font-size:26px;margin:5px 0 0}.dashboard-top h1 span{color:#b492ff}.dashboard-top p{color:#8997ac;font-size:11px;margin:3px 0}.account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.account-summary article{border:1px solid #273449;border-radius:9px;background:#0e1725;padding:15px 18px;position:relative}.account-summary article>span{position:absolute;inset-inline-end:18px;top:15px;color:#50d6d9;font-size:19px}.account-summary small,.account-summary b{display:block}.account-summary small{font-size:9px;color:#8795ab}.account-summary b{font:700 20px var(--latin);margin-top:5px}.account-content{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.account-panel{border:1px solid #263348;border-radius:10px;background:#0d1521;padding:17px;margin-bottom:14px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-heading h2{font-size:15px;margin:3px 0 0}.status-pill,.vault-lock{font-size:8px;color:#7c90a7;border:1px solid #2c3a4d;border-radius:20px;padding:4px 8px}.table-head,.table-row{display:grid;grid-template-columns:1.25fr 1fr .8fr 1fr .5fr;align-items:center;gap:8px}.table-head{font-size:8px;color:#728199;border-bottom:1px solid #243146;padding:8px 6px}.table-row{font-size:9px;color:#9caabd;padding:12px 6px;border-bottom:1px solid #1a2737}.table-row b{font:700 9px var(--latin);color:#dbe5f1}.order-status{font-style:normal;background:#3a3018;color:#efc56c;padding:3px 6px;border-radius:9px;font-size:8px}.invoice-link{border:0;background:none;color:#59d3dc;font:9px var(--latin)}.account-empty{text-align:center;padding:28px;color:#7d8da2}.account-empty>span{font-size:30px;color:#4b9ca5}.account-empty h3{font-size:12px;color:#cad5e2;margin:5px}.account-empty p{font-size:9px}.account-empty .button-primary{font-size:9px;padding:7px 11px}.key-panel{min-height:180px}.vault-item{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;border-top:1px solid #1c293a;padding:10px 0}.vault-item-icon,.table-product-icon{width:31px;height:32px;border-radius:6px;background:#19314d;display:grid;place-items:center;color:#8fd9ff;font-size:15px}.vault-item>div:nth-child(2) b,.vault-item>div:nth-child(2) small{display:block}.vault-item>div:nth-child(2) b{font-size:9px}.vault-item>div:nth-child(2) small{font-size:8px;color:#738299}.fake-key{font:9px var(--latin);color:#78869b;direction:ltr}.copy-key{grid-column:2/-1;justify-self:start;border:1px solid #286873;background:#10252d;color:#69d6db;font-size:8px;border-radius:4px;padding:4px 7px}.vault-empty{font-size:9px;color:#74839a;border-top:1px solid #1b2838;padding:18px 0}.service-panel{margin-top:0}.service-empty{display:flex;align-items:center;gap:11px;border-top:1px solid #202d3f;padding:14px 0}.service-empty>span{font-size:23px;color:#7786a2}.service-empty div{flex:1}.service-empty b,.service-empty small{display:block}.service-empty b{font-size:10px}.service-empty small{font-size:8px;color:#76859b}.service-empty a{font-size:8px;color:#58d1d8}.delete-account{border:0;background:none;color:#775e68;font-size:9px;padding:9px 0}.delete-account:hover{color:#f48189}.account-dashboard>.back-store{display:block}.admin-layout{min-height:calc(100vh - 127px);display:grid;grid-template-columns:230px 1fr;background:#f5f7fb;color:#202938;font-family:var(--font)}html[dir=ltr] .admin-layout{grid-template-columns:230px 1fr}.admin-sidebar{background:#0b1320;color:#dce5f0;padding:18px 13px;display:flex;flex-direction:column;border-inline-end:1px solid #1d2938}.admin-brand{display:flex;align-items:center;gap:9px;font:800 13px var(--latin);padding:2px 6px 15px;border-bottom:1px solid #202b3b}.admin-brand .brand-icon{width:34px;height:34px;font-size:11px}.admin-brand small{display:block;color:#7d8ca3;font:700 8px var(--latin);letter-spacing:1px;margin-top:2px}.admin-store-tag{margin:13px 3px 17px;padding:8px;border-radius:6px;background:#121e2c;font-size:9px;color:#b4c0d1}.admin-store-tag i{display:inline-block;width:6px;height:6px;background:#4ddeaa;border-radius:50%;margin-inline-end:4px}.admin-store-tag small{display:block;color:#56d9aa;font-size:8px;margin-top:3px;margin-inline-start:12px}.admin-side-label{font:700 8px var(--latin);letter-spacing:1px;color:#536278;padding:0 9px;margin-bottom:5px}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-nav-item{display:flex;align-items:center;gap:10px;border:0;background:none;color:#8392a6;text-align:start;width:100%;padding:8px 9px;border-radius:5px;font-size:10px;position:relative}.admin-nav-item>span{font:16px var(--latin);width:17px;text-align:center}.admin-nav-item:hover,.admin-nav-item.active{background:#162338;color:#eaf5ff}.admin-nav-item.active{box-shadow:inset -2px 0 #38d7d7}.admin-nav-item.active>span{color:#4bd4df}.nav-alert{font:700 8px var(--latin);font-style:normal;margin-inline-start:auto;background:#7a3644;color:#ffb0b2;border-radius:8px;padding:2px 5px}.admin-profile{margin-top:auto;border-top:1px solid #202b3b;padding:14px 3px 2px;display:flex;align-items:center;gap:8px}.admin-avatar,.team-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#345678;color:#daeeff;font:700 11px var(--latin)}.admin-profile span:nth-child(2){flex:1}.admin-profile b,.admin-profile small{display:block}.admin-profile b{font-size:9px}.admin-profile small{font:7px var(--latin);color:#7f8da2;margin-top:2px}.admin-profile button{border:0;background:none;color:#738198}.admin-main{min-width:0}.admin-topbar{height:77px;background:#fff;border-bottom:1px solid #e4e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.admin-breadcrumb{font-size:8px;color:#929eb0}.admin-breadcrumb b{color:#4b596c}.admin-topbar h1{font-size:17px;margin:2px 0;color:#1e2b3b}.admin-top-actions{display:flex;align-items:center;gap:10px}.demo-chip{font:800 8px var(--latin);letter-spacing:.6px;color:#9a6a1b;background:#fff6df;border:1px solid #f4dfa7;border-radius:4px;padding:5px 7px}.icon-tool{width:29px;height:29px;border:1px solid #e3e8ef;background:#fff;border-radius:6px;color:#647287;position:relative}.icon-tool i{position:absolute;width:5px;height:5px;border-radius:50%;background:#e85c65;top:5px;inset-inline-end:5px}.admin-content{padding:23px 28px 40px;max-width:1450px;margin:auto}.admin-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.admin-welcome>div>span{color:#8d9aae;font-size:9px}.admin-welcome h2{font-size:17px;margin:4px 0 1px;color:#1d2b3d}.admin-welcome h2 span{color:#a48aff}.admin-welcome p,.admin-toolbar p{font-size:9px;color:#8592a5;margin:0}.admin-export,.admin-quiet{border:1px solid #dce3eb;background:white;color:#4e6076;border-radius:5px;padding:7px 10px;font-size:9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.metric-card{background:#fff;border:1px solid #e5eaf1;border-radius:7px;padding:12px 14px;position:relative;overflow:hidden;min-height:100px}.metric-card>span{font-size:9px;color:#77869a;display:flex;justify-content:space-between}.metric-card>span i{font:700 8px var(--latin);font-style:normal;color:#28966e;background:#e9f8f0;border-radius:10px;padding:2px 5px}.metric-card>b{display:block;font:700 18px var(--latin);color:#1e2c3b;margin-top:5px;direction:ltr;text-align:start}.metric-card>small{font-size:8px;color:#9ba7b7}.metric-spark{position:absolute;bottom:10px;inset-inline-end:11px;font:17px var(--latin);letter-spacing:-2px;opacity:.75}.spark-cyan{color:#27bfc8}.spark-purple{color:#8c69e7}.spark-green{color:#48b887}.spark-amber{color:#d5aa50}.admin-two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:11px;margin-top:11px}.admin-panel{background:#fff;border:1px solid #e5eaf1;border-radius:7px;padding:14px}.admin-panel-head{display:flex;justify-content:space-between;align-items:center}.admin-panel-head h3{font-size:11px;color:#273547;margin:0}.admin-panel-head small{font-size:8px;color:#8f9aac}.admin-panel-head select{font-size:8px;border:1px solid #e2e7ee;background:white;padding:5px;color:#748197;border-radius:4px}.dots{border:0;background:none;color:#8491a3;font-size:19px}.chart-area{height:150px;display:flex;margin-top:11px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#9aa6b6;font:7px var(--latin);padding-bottom:16px}.bar-chart{flex:1;display:flex;justify-content:space-around;align-items:end;position:relative;padding:0 8px}.bar-chart:before{content:'';position:absolute;inset:0 0 17px;background:repeating-linear-gradient(to bottom,transparent 0 calc(25% - 1px),#edf0f4 calc(25% - 1px) 25%)}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:1;gap:5px}.bar-chart i{display:block;width:45%;max-width:28px;border-radius:3px 3px 0 0;background:linear-gradient(#4ad2d5,#6e77e6)}.bar-chart small{font-size:7px;color:#8592a5}.donut-wrap{display:flex;align-items:center;gap:21px;padding:15px 6px 3px}.donut{width:106px;height:106px;flex-shrink:0;border-radius:50%;background:conic-gradient(#7069dc 0 42%,#2bb8c6 42% 73%,#55bc8c 73% 91%,#f1ba55 91% 100%);display:grid;place-items:center;position:relative}.donut:after{content:'';width:68px;height:68px;border-radius:50%;position:absolute;background:#fff}.donut span{z-index:1;text-align:center;font:700 14px var(--latin);color:#2b3848}.donut span small{display:block;font:8px var(--font);color:#8792a2}.legend{display:flex;flex-direction:column;gap:9px;flex:1;font-size:8px;color:#728095}.legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend i{width:7px;height:7px;border-radius:50%}.legend b{margin-inline-start:auto;color:#38485b;font:700 8px var(--latin)}.dot-violet{background:#7069dc}.dot-cyan{background:#2bb8c6}.dot-green{background:#55bc8c}.dot-amber{background:#f1ba55}.source-bars{display:flex;flex-direction:column;gap:12px;margin-top:17px}.source-bars>div{display:grid;grid-template-columns:85px 1fr 30px;gap:8px;align-items:center;font-size:8px;color:#718096}.source-bars i{height:6px;border-radius:5px;background:#edf1f5;overflow:hidden}.source-bars i b{display:block;height:100%;border-radius:5px}.source-bars strong{font:700 8px var(--latin);color:#46566a}.attention-panel>button{width:100%;display:flex;align-items:center;gap:8px;text-align:start;border:0;background:none;padding:10px 0;border-bottom:1px solid #edf0f4}.attention-panel>button:last-child{border:0}.attention-dot{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;font-size:12px}.amber-bg{background:#fff4d8;color:#c08d23}.red-bg{background:#ffe8e8;color:#d45b65}.cyan-bg{background:#e2f8f8;color:#249fa9}.attention-panel>button span:nth-child(2){flex:1}.attention-panel b,.attention-panel small{display:block}.attention-panel b{font-size:8px;color:#465469}.attention-panel small{font-size:7px;color:#9ba6b6;margin-top:2px}.attention-panel em{font-style:normal;color:#99a5b6}.recent-orders{margin-top:11px}.recent-orders>.admin-panel-head{margin-bottom:8px}.text-link{border:0;background:none;color:#268e9b;font-size:8px}.admin-order-table{width:100%}.admin-order-head,.admin-order-row{display:grid;grid-template-columns:1.25fr 1.1fr .65fr 1fr .48fr 22px;align-items:center;gap:8px}.admin-order-head{border-block:1px solid #edf0f4;padding:8px 5px;font-size:7px;color:#93a0b0}.admin-order-row{padding:10px 5px;border-bottom:1px solid #eff2f6;font-size:8px;color:#748297}.admin-order-row:last-child{border:0}.admin-order-row>span:first-child b,.admin-order-row>span:first-child small{display:block}.admin-order-row>span:first-child b{font:700 8px var(--latin);color:#3c4b5e}.admin-order-row>span:first-child small{font-size:7px;margin-top:2px}.admin-order-row>span:nth-child(2){font-size:7px}.admin-order-row>b{font:700 8px var(--latin);color:#3a4a5f}.order-badge{font-style:normal;background:#e9f7ef;color:#34895e;border-radius:10px;padding:3px 6px;font-size:7px;white-space:nowrap}.order-badge.wait{background:#fff6df;color:#aa7a21}.order-badge.void{background:#ffeded;color:#bc5362}.invoice-state{color:#398b64;font-size:8px}.invoice-state.void{color:#c8505f}.more-button{border:0;background:none;color:#94a0af;font-size:16px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.admin-primary{border:1px solid #287d88;background:#217d89;color:white;border-radius:5px;padding:7px 11px;font-size:9px}.admin-primary:hover{background:#176c77}.admin-table-panel{padding:0;overflow:auto}.admin-table-panel table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-table-panel th{background:#f9fafc;text-align:start;color:#8a97a9;font-size:8px;font-weight:600;padding:11px 13px;border-bottom:1px solid #e8edf2}.admin-table-panel td{padding:11px 13px;border-bottom:1px solid #edf0f4;font-size:8px;color:#657489}.admin-table-panel tr:last-child td{border:0}.admin-table-panel td b{color:#3e4e62}.admin-table-panel td:first-child{display:table-cell}.table-product-icon{display:inline-grid;vertical-align:middle;margin-inline-end:8px;width:27px;height:27px}.type-pill{font:7px var(--latin);color:#60718b;background:#f1f4f8;padding:4px 6px;border-radius:4px}.live-status{color:#33956c;font-size:8px}.table-action{border:1px solid #e0e6ec;background:#fff;color:#637389;border-radius:4px;padding:4px 7px;font-size:8px}.table-action:hover{color:#217d89;border-color:#72bdc2}.inventory-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.inventory-stats article{border:1px solid #e8edf2;background:#fbfcfd;border-radius:6px;padding:11px}.inventory-stats small,.inventory-stats b{display:block}.inventory-stats small{font-size:8px;color:#8794a6}.inventory-stats b{font:700 17px var(--latin);margin-top:4px;color:#344457}.green-text{color:#2c9a6e!important}.red-text{color:#c35461!important}.inventory-select{display:block;font-size:9px;color:#8290a2;margin:18px 0 10px}.inventory-select select{margin-inline-start:10px;border:1px solid #e1e7ee;background:#fff;padding:7px;color:#3f4f63;border-radius:4px;font-size:9px}.serial-drop{border:1px dashed #bcc8d7;background:#fafbfd;border-radius:7px;padding:19px;text-align:center;color:#8593a6}.serial-drop>span{display:block;font-size:24px;color:#83a4bb}.serial-drop>b,.serial-drop>small{display:block}.serial-drop>b{font-size:10px;color:#526176}.serial-drop>small{font-size:8px;margin:3px}.serial-drop textarea{width:min(500px,100%);height:72px;display:block;margin:12px auto;border:1px solid #e1e6ed;background:#fff;border-radius:5px;padding:8px;font:9px var(--latin);color:#66758b;text-align:left;direction:ltr}.serial-drop .admin-primary{margin-top:3px}.pending-chip{font-size:8px;color:#af7c1e;background:#fff5d9;border:1px solid #f1dda5;border-radius:12px;padding:5px 8px}.payment-review{display:grid;grid-template-columns:160px 1fr;gap:17px;margin-bottom:10px}.receipt-placeholder{height:143px;background:#f4f6f8;border:1px dashed #cfd8e2;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a8b4c2;font-size:25px}.receipt-placeholder small{font-size:8px}.payment-details h3{font:700 13px var(--latin);margin:9px 0 7px;color:#344358}.payment-order-head{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#99a4b3}.payment-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-block:1px solid #edf0f4;padding:8px 0}.payment-facts span{font-size:7px;color:#93a0b0}.payment-facts b{display:block;font:700 8px var(--latin);color:#4b5a6d;margin-top:3px}.payment-details>p{font-size:8px;color:#748297}.review-actions{display:flex;gap:7px;margin-top:8px}.review-actions button{font-size:8px;padding:6px 9px}.admin-danger{border:1px solid #f2d0d4;background:#fff4f4;color:#b94c5b;border-radius:5px}.sla-pill{font-size:8px;color:#31906b;background:#e9f8ef;border-radius:12px;padding:5px 8px}.task-table{padding:0}.task-table article{display:grid;grid-template-columns:86px 1.4fr .9fr .8fr auto;gap:10px;align-items:center;padding:13px;border-bottom:1px solid #edf1f4}.task-table article:last-child{border:0}.task-priority{font:700 7px var(--latin);color:#48836a;background:#eaf6ef;padding:4px 6px;border-radius:4px;text-align:center}.task-priority.urgent{color:#b2741d;background:#fff4df}.task-priority.overdue{color:#b95161;background:#ffebee}.task-table article>div:nth-child(2) b,.task-table article>div:nth-child(2) small{display:block}.task-table article>div:nth-child(2) b{font-size:9px}.task-table article>div:nth-child(2) small{font:8px var(--latin);color:#8593a6;margin-top:3px}.sla-countdown small,.sla-countdown b{display:block}.sla-countdown small{font-size:7px;color:#99a5b4}.sla-countdown b{font:700 12px var(--latin);color:#ba7c2b;direction:ltr;text-align:start}.task-state{font:700 7px var(--latin);color:#75849a}.task-table .admin-primary{font-size:8px;padding:6px}.admin-search{border:1px solid #e0e6ed;border-radius:5px;padding:7px 9px;font-size:9px;min-width:220px}.source-chip{font:7px var(--latin);color:#64748b;background:#f0f3f7;border-radius:9px;padding:4px 6px}.table-sub{display:block;color:#8996a7;font:7px var(--latin);margin-top:3px}.team-user{display:flex;align-items:center;gap:9px;padding:2px 0 14px;border-bottom:1px solid #edf0f4}.team-avatar{background:#e8e3ff;color:#725bca;width:33px;height:33px}.team-user div{flex:1}.team-user b,.team-user small{display:block}.team-user b{font-size:10px;color:#3b4b60}.team-user small{font:7px var(--latin);color:#8a97a8}.role-label{font:700 7px var(--latin);color:#6b62a1;background:#f0edff;padding:5px 7px;border-radius:4px}.team-edit{border:1px solid #e1e6ed;background:white;border-radius:4px;color:#627187;font-size:8px;padding:5px 7px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 25px}.permission-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f2f5;padding:10px 2px}.permission-row b,.permission-row small{display:block}.permission-row b{font-size:8px;color:#526177}.permission-row small{font:7px var(--latin);color:#9ba6b4;margin-top:2px}.toggle-switch{width:29px;height:16px;border:0;border-radius:10px;background:#d5dce5;padding:2px;transition:.2s}.toggle-switch i{display:block;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.2s}.toggle-switch.on{background:#35b98b}.toggle-switch.on i{transform:translateX(13px)}html[dir=rtl] .toggle-switch.on i{transform:translateX(-13px)}.audit-panel{margin-top:11px}.audit-panel .admin-panel-head{margin-bottom:8px}.audit-row{display:grid;grid-template-columns:10px 1fr 1fr 1fr 90px;align-items:center;gap:7px;border-top:1px solid #eff1f4;padding:9px 2px;font-size:7px;color:#7f8ca0}.audit-row b{color:#49596e}.audit-row strong{font:7px var(--latin);color:#617187}.audit-row small{font-size:7px;text-align:end}.audit-dot{font-size:7px;color:#58bd92}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.settings-panel{padding:17px}.settings-icon{width:31px;height:31px;border-radius:7px;background:#edf7f7;color:#349da5;display:grid;place-items:center;font-size:15px}.settings-panel h3{font-size:11px;margin:10px 0 4px;color:#344357}.settings-panel p{font-size:8px;color:#8a97a8;min-height:24px}.settings-panel label{display:block;font-size:8px;color:#8b98a9;margin:10px 0}.settings-panel input{display:block;width:100%;margin-top:4px;border:1px solid #e4e9ef;background:#f9fafb;border-radius:4px;padding:7px 8px;font:8px var(--latin);color:#627187}.settings-panel .admin-quiet{font-size:8px}.login-card~.site-footer{}.toast-stack{position:fixed;z-index:100;bottom:24px;left:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;min-width:220px;max-width:min(400px,calc(100vw - 30px));padding:10px 13px;border-radius:7px;background:#172536;border:1px solid #334960;color:#e8f0f8;box-shadow:0 12px 35px #0008;font-size:10px;animation:toast-in .22s ease}.toast span{width:19px;height:19px;display:grid;place-items:center;background:#205044;color:#7ff0c4;border-radius:50%;font-weight:800}.toast-info span{background:#183a4b;color:#73dcf0}.toast-error span{background:#512c35;color:#ff9ba2}.toast-out{opacity:0;transform:translateY(8px);transition:.25s}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 3px #42e8bb}}@keyframes toast-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
html[dir=ltr] .hero-wrap:after{background:linear-gradient(270deg,#0a111e 0%,#0a111e55 48%,transparent 100%)}html[dir=ltr] .hero-art{right:auto;left:6%}html[dir=ltr] .hero-discount{right:auto;left:70%}html[dir=ltr] .art-back{right:auto;left:28%}html[dir=ltr] .art-front{right:auto;left:47%}html[dir=ltr] .chip-one{right:auto;left:17%}html[dir=ltr] .chip-two{right:auto;left:28%}html[dir=ltr] .hero-controls{right:auto;left:65px}.hero-title{}html[dir=ltr] .hero-copy{text-align:left}html[dir=ltr] .hero-proof{direction:ltr}html[dir=ltr] .footer-bottom{direction:ltr}html[dir=ltr] .site-footer .brand-name{letter-spacing:-.5px}html[dir=ltr] .program-link span{transform:scaleX(-1)}
@media(max-width:1320px){.hero-wrap,.trust-strip,.program-strip,.products-section,.newsletter{margin-inline:28px}.hero-wrap{padding-inline:48px}.main-header{gap:20px}.brand{min-width:195px}.category-nav{justify-content:flex-start}.site-footer{padding-inline:28px}}
@media(max-width:1000px){.main-header{gap:13px;padding-inline:20px}.brand{min-width:auto}.brand-name{font-size:13px}.search-box{max-width:none}.header-actions{gap:7px}.header-action{font-size:0}.header-action .action-icon{font-size:18px}.account-action{font-size:10px}.cart-button{min-width:86px}.hero-wrap{min-height:360px;padding:35px 35px}.hero-copy{width:57%}.hero-copy h1{font-size:35px}.hero-art{right:0;width:43%;transform:scale(.85)}html[dir=ltr] .hero-art{left:0}.trust-strip{padding:13px 9px}.trust-strip article{padding-inline:9px}.trust-strip b{font-size:10px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-layout{grid-template-columns:195px 1fr}.admin-content{padding:19px}.admin-two-col{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.flash-strip{font-size:10px;gap:6px}.flash-count{margin-inline-start:3px}.promo-code{margin-inline-start:1px;padding:2px 5px}.utility-bar{height:38px;padding-inline:14px}.utility-actions{gap:10px}.support-link{font-size:0}.support-link .mini-icon{font-size:12px}.review-trigger small{display:none}.review-trigger{gap:4px}.select-wrap select{font-size:9px}.lang-toggle{font-size:9px;padding-inline-start:8px}.main-header{height:auto;min-height:72px;padding:11px 14px;display:grid;grid-template-columns:1fr auto;gap:10px}.brand-icon{width:34px;height:34px}.brand-name{font-size:12px}.brand-name small{font-size:8px}.search-box{grid-row:2;grid-column:1/-1;width:100%;max-width:none;height:38px}.header-actions{grid-column:2;grid-row:1;gap:8px}.header-action{padding:3px}.account-action{font-size:0}.cart-button{min-width:auto;padding:6px 7px}.cart-copy{display:none}.cart-glyph{font-size:17px}.category-nav{height:43px;padding:0 14px;gap:16px}.nav-cat,.nav-special{font-size:10px}.hero-wrap{margin:14px 12px 0;min-height:510px;padding:28px 23px;align-items:flex-start}.hero-wrap:after{background:linear-gradient(180deg,#0a111e 0%,#0a111eaa 40%,transparent 100%)}html[dir=ltr] .hero-wrap:after{background:linear-gradient(180deg,#0a111e 0%,#0a111eaa 40%,transparent 100%)}.hero-copy{width:100%;max-width:none}.hero-copy h1{font-size:32px;margin-top:13px}.hero-copy p{font-size:11px;max-width:100%}.hero-ctas{margin-top:15px;gap:15px}.hero-ctas .button-primary{font-size:10px;padding:9px 12px}.button-quiet{font-size:9px}.hero-proof{margin-top:15px}.hero-art{top:auto;bottom:-60px;left:0!important;right:0!important;width:100%;height:260px;transform:scale(.76);transform-origin:top center}.hero-controls{bottom:12px;right:18px!important;left:auto!important}.hero-discount{top:12%;right:70%!important;left:auto!important}.art-back{right:28%!important;left:auto!important}.art-front{right:47%!important;left:auto!important}.chip-one{right:13%!important;left:auto!important}.chip-two{right:25%!important;left:auto!important}.trust-strip{margin:10px 12px 0;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.trust-strip article{border:0!important;padding:4px;gap:7px}.trust-icon{width:29px;height:29px;font-size:16px}.trust-strip b{font-size:9px}.trust-strip small{font-size:8px}.program-strip{margin:11px 12px 0;grid-template-columns:1fr;gap:8px;padding:11px 12px}.program-divider{height:1px;width:100%}.program-copy{gap:8px}.program-copy b{font-size:11px}.program-copy small{font-size:8px}.program-link{font-size:8px}.products-section{margin:42px 12px 0}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:20px}.section-heading h2 span{display:block;font-size:13px;margin-top:3px}.product-sort{flex-direction:column;align-items:flex-end;gap:5px}.product-sort select{max-width:135px;font-size:8px}.category-pills{margin-bottom:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-media{height:152px}.product-visual{width:91px;height:116px}.product-visual .visual-icon{font-size:43px}.product-visual>span{font-size:8px}.product-info{padding:10px}.product-info h3{font-size:11px;min-height:31px}.product-meta{font-size:8px}.variant-label{font-size:8px;margin-bottom:9px}.price-row strong{font-size:13px}.add-button{width:27px;height:27px}.type-badge{font-size:7px}.discount-badge{font-size:8px}.region-badge{font-size:7px;bottom:11px}.newsletter{margin:42px 12px 35px;padding:20px;display:block}.newsletter h2{font-size:16px}.newsletter form{width:100%;margin-top:15px;height:37px}.newsletter form .button-primary{font-size:9px;padding:7px 10px}.newsletter input{font-size:9px}.site-footer{padding:25px 15px 0}.footer-main{grid-template-columns:1fr 1fr;gap:22px 15px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{font-size:8px;gap:7px}.admin-entry{font-size:7px}.quick-modal{grid-template-columns:1fr;gap:15px}.quick-modal-art{min-height:170px}.quick-modal-art .visual-icon{font-size:55px}.quick-modal-art>b{font-size:13px;margin-top:4px}.modal-card{padding:26px 18px 18px}.modal-card.modal-wide{width:min(100%,600px)}.quick-modal-info h2{font-size:18px}.form-grid{grid-template-columns:1fr}.form-grid .form-wide{grid-column:auto}.payment-choices{grid-template-columns:1fr 1fr}.manual-fields{grid-template-columns:1fr}.manual-fields label:last-child{grid-column:auto}.login-card{margin:25px 13px 45px;grid-template-columns:1fr}.login-visual{padding:23px}.login-visual .brand-icon{margin-bottom:12px}.login-visual h2{font-size:21px;margin:4px 0}.login-visual p{font-size:9px;margin:3px 0}.login-proof{display:none}.login-form{padding:25px}.account-dashboard{margin:25px 13px 50px}.dashboard-top h1{font-size:21px}.account-summary{gap:6px}.account-summary article{padding:11px 8px}.account-summary small{font-size:7px}.account-summary b{font-size:14px}.account-content{grid-template-columns:1fr}.account-panel{padding:12px}.orders-table{overflow:auto}.table-head,.table-row{min-width:530px}.key-panel{order:2}.service-empty{flex-wrap:wrap}.service-empty a{margin-inline-start:34px}.vault-item{grid-template-columns:31px 1fr auto}.fake-key{font-size:7px}.admin-layout{display:block}.admin-sidebar{height:auto;padding:10px 12px;display:block;position:sticky;top:0;z-index:18}.admin-brand{display:inline-flex;border:0;padding:0}.admin-brand .brand-icon{width:29px;height:29px}.admin-store-tag,.admin-side-label,.admin-profile{display:none}.admin-sidebar nav{display:flex;flex-direction:row;overflow:auto;scrollbar-width:none;margin-top:8px;gap:4px}.admin-nav-item{width:auto;white-space:nowrap;padding:7px 8px;font-size:8px}.admin-nav-item>span{font-size:13px;width:auto}.admin-nav-item.active{box-shadow:inset 0 -2px #38d7d7}.admin-topbar{height:63px;padding:0 14px}.admin-content{padding:13px}.admin-topbar h1{font-size:14px}.admin-breadcrumb{font-size:7px}.admin-two-col{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr;gap:7px}.metric-card{padding:9px;min-height:91px}.metric-card>b{font-size:14px}.admin-welcome h2{font-size:14px}.admin-welcome p{font-size:8px}.admin-export{font-size:8px;padding:6px}.admin-order-head,.admin-order-row{grid-template-columns:1.1fr .9fr .65fr .8fr 22px;min-width:580px}.admin-order-head span:nth-child(5),.admin-order-row .invoice-state{display:none}.admin-order-table{overflow:auto}.admin-panel{padding:11px}.payment-review{grid-template-columns:90px 1fr;gap:9px}.receipt-placeholder{height:105px;font-size:18px}.payment-facts{grid-template-columns:1fr 1fr}.review-actions{flex-wrap:wrap}.review-actions button{font-size:7px}.task-table article{grid-template-columns:60px 1fr .7fr;gap:7px}.task-table article .task-state{display:none}.task-table article .admin-primary{grid-column:2/-1;justify-self:start}.task-priority{font-size:6px}.sla-countdown b{font-size:10px}.permission-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:8px .9fr 1fr 1fr}.audit-row small{display:none}.settings-grid{grid-template-columns:1fr}.admin-toolbar p{max-width:55%;font-size:8px}.admin-search{min-width:0;width:45%}.inventory-stats{grid-template-columns:1fr 1fr}.donut-wrap{gap:12px}.donut{width:90px;height:90px}.donut:after{width:57px;height:57px}.legend{gap:6px;font-size:7px}}
@media(max-width:380px){.flash-strip .flash-count{display:none}.header-actions{gap:5px}.product-media{height:137px}.product-visual{width:80px;height:102px}.product-info h3{font-size:10px}.price-row strong{font-size:12px}.hero-copy h1{font-size:28px}.hero-wrap{min-height:492px}.account-summary article>span{display:none}}

/* refinement.css */
/* Brand and layout refinements for the Software Outlet EG storefront. */
:root{--cyan:#33d1d7;--blue:#6079ff;--purple:#9c7aff;--line:#233149;--panel:#101a29}
.utility-actions{gap:16px}
.staff-link{display:flex;align-items:center;gap:7px;border:1px solid #27374b;background:#101927;border-radius:6px;color:#b8c8da;padding:5px 9px;font:600 10px var(--font);transition:.2s}
.staff-link:hover{border-color:#34b9c2;color:#dfffff;background:#10242b}
.staff-link>span{color:#57d8d4;font-size:14px}
.main-header{height:88px;gap:27px}
.brand{min-width:260px;gap:12px}
.brand-icon{width:43px;height:43px;flex:none;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);align-content:center;justify-content:center;gap:3px;border-radius:13px;background:linear-gradient(145deg,#152939,#19213c);border:1px solid #48d2d64c;box-shadow:0 5px 24px #30d5dc18,inset 0 1px #ffffff14}
.brand-icon i{display:block;border-radius:2px;background:#4ce1dd;box-shadow:0 0 8px #35d0d540}
.brand-icon i:nth-child(2){background:#53bff8}.brand-icon i:nth-child(3){background:#717df5}.brand-icon i:nth-child(4){background:#b594ff}
.brand-icon{display:block;object-fit:contain;padding:0;border:0;border-radius:13px;background:transparent;box-shadow:0 5px 24px #30d5dc18}
.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:15px;color:#f5f7fb;font:800 12px var(--latin);letter-spacing:.5px}
.login-brand img{display:block;width:43px;height:43px}
.login-brand em{font-style:normal;color:#61ded6}
.login-visual .login-brand{margin-bottom:18px}
.login-visual .login-brand img{margin:0}
.brand-name{font:600 13px/1 var(--latin);letter-spacing:.8px;color:#f5f7fb}
.brand-name b{font-weight:800}.brand-name em{font:800 9px var(--latin);font-style:normal;color:#08151b;background:linear-gradient(120deg,#56e3d4,#66bde9);border-radius:3px;padding:3px 4px;letter-spacing:.5px;vertical-align:2px;margin-inline-start:2px}
.brand-name small{font-size:10px;letter-spacing:0;color:#8493a7;margin-top:6px}
.search-box{height:45px;max-width:540px;background:#0d1725;border-color:#27364a;border-radius:9px}
.search-box input{font-size:12px}
.header-actions{gap:11px}
.header-action{font-size:11px;color:#aebbd0}
.action-icon{font-size:19px}
.cart-button{padding:8px 12px;min-width:115px;border-color:#2e4659;background:linear-gradient(135deg,#10202d,#132334)}
.category-nav{height:50px;background:#0b111d;gap:27px}
.nav-cat,.nav-special{font-size:11px}
.hero-wrap{min-height:420px;margin-top:25px;border-color:#263a54;border-radius:18px;background:radial-gradient(ellipse at 76% 43%,#203658 0%,#111d32 37%,#0b1220 73%);box-shadow:0 18px 65px #0002}
.hero-wrap:before{content:'';position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#8cb6d410 1px,transparent 1px),linear-gradient(90deg,#8cb6d410 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}
.hero-copy h1{font-size:45px;line-height:1.23;letter-spacing:-1.3px}
.hero-copy p{font-size:14px;max-width:445px;color:#a5b2c5}
.hero-ctas{margin-top:25px}
.hero-ctas .button-primary{padding:12px 20px;border-radius:8px}
.hero-proof{font-size:11px}
.hero-art{transform:scale(1.06)}
.art-card{width:178px;height:235px;border-radius:14px;box-shadow:0 25px 55px #000a,inset 0 1px #ffffff23}
.art-front{background:linear-gradient(145deg,#2453aa,#1b3370 58%,#101c38);border-color:#8cb7ff55}
.art-card b{font-size:25px}
.art-card small{font-size:8px}
.hero-discount{width:81px;height:81px}
.hero-discount b{font-size:22px}
.floating-chip{border-radius:8px;font-size:10px;padding:8px 12px}
.trust-strip{background:linear-gradient(110deg,#0e1825,#101827);border-color:#263448;padding:18px 22px;border-radius:12px}
.trust-strip article{padding-inline:19px}
.trust-icon{width:40px;height:40px;border:1px solid #ffffff0b}
.trust-strip b{font-size:12px}
.trust-strip small{font-size:10px}
.program-strip{padding:15px 25px;min-height:82px;border-color:#333550;background:linear-gradient(110deg,#15152a,#101b29 58%,#0f2028);border-radius:12px}
.program-copy b{font-size:14px}
.program-copy small{font-size:10px}
.program-link{font-size:10px}
.products-section{margin-top:68px}
.section-heading{margin-bottom:24px}
.section-heading h2{font-size:29px;letter-spacing:-.6px}
.section-heading h2 span{font-size:18px}
.section-kicker{letter-spacing:1.6px}
.category-pill{padding:7px 15px;font-size:10px;background:#0e1724}
.product-grid{gap:18px}
.product-card{border-color:#243246;border-radius:13px;background:linear-gradient(180deg,#101927,#0c1420);box-shadow:0 6px 22px #00000012}
.product-card:hover{transform:translateY(-5px);border-color:#3d6677;box-shadow:0 18px 40px #0005}
.product-media{height:218px;background:radial-gradient(ellipse at 50% 44%,#203954 0%,#121f31 55%,#0d1522 100%)}
.product-media.orange{background:radial-gradient(ellipse at 50% 44%,#4b332b,#211c22 67%,#101621)}
.product-media.violet{background:radial-gradient(ellipse at 50% 44%,#362c62,#201c37 67%,#101621)}
.product-media.red{background:radial-gradient(ellipse at 50% 44%,#512a34,#271c28 67%,#101621)}
.product-media.green{background:radial-gradient(ellipse at 50% 44%,#20503e,#152a2b 67%,#101621)}
.product-media.slate{background:radial-gradient(ellipse at 50% 44%,#334754,#1a2633 67%,#101621)}
.product-media.pink{background:radial-gradient(ellipse at 50% 44%,#512c4b,#281b34 67%,#101621)}
.product-media.amber{background:radial-gradient(ellipse at 50% 44%,#51432a,#26231f 67%,#101621)}
.product-visual.product-tile{width:154px;height:168px;border-radius:12px;transform:none;position:relative;justify-content:flex-end;gap:0;padding:13px 10px 12px;overflow:hidden;background:linear-gradient(155deg,#193652,#101e31 67%,#101a2d);border:1px solid #a9dcff37;box-shadow:0 18px 38px #0008,inset 0 1px #ffffff1c}
.product-visual.product-tile:before{content:'';position:absolute;width:170px;height:170px;top:-92px;inset-inline-end:-80px;border-radius:50%;background:#69d5e524;filter:blur(14px)}
.product-visual.product-tile:after{inset:7px;border:1px solid #ffffff12;border-radius:8px}
.product-brand-name{position:absolute;top:16px;inset-inline-start:15px;z-index:1;font:800 8px var(--latin);letter-spacing:1.5px;color:#d6e4f5}
.product-visual .product-brand-name{top:14px;inset-inline-start:12px;font-size:7px;letter-spacing:1.1px;color:#c1d0e3}
.product-visual .visual-icon{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:83px;font-size:43px;text-shadow:none}
.product-visual>span:not(.windows-mark){position:relative;z-index:1;font:700 12px/1.15 var(--latin);letter-spacing:-.3px;text-transform:none;color:#f5f8fd;margin:0;text-align:center}
.product-visual small{position:relative;z-index:1;font:600 6px var(--latin);letter-spacing:.8px;color:#a9bdd2;margin-top:7px}
.windows-mark{display:grid;grid-template-columns:repeat(2,22px);grid-template-rows:repeat(2,22px);gap:3px;transform:perspective(100px) rotateY(-7deg)}
.windows-mark i{display:block;background:#54c3f3;box-shadow:0 0 13px #4db8ef35}
.windows-mark i:nth-child(2){background:#58a8ee}.windows-mark i:nth-child(3){background:#58c5c4}.windows-mark i:nth-child(4){background:#8adf94}
.office-mark{position:relative;width:59px;height:61px;display:grid;place-items:center}
.office-mark i{position:absolute;inset:7px 7px 7px 16px;border:7px solid #f16b3d;border-inline-start-color:#ff9855;border-radius:9px;transform:skewY(-8deg);box-shadow:0 0 17px #f16b3d36}
.office-mark b{position:relative;z-index:1;font:800 38px/.8 var(--latin);color:#ffc089;text-shadow:0 2px 10px #f16b3d55}
.bundle-mark{display:flex;align-items:center;justify-content:center;gap:7px}
.bundle-mark .windows-mark{grid-template-columns:repeat(2,17px);grid-template-rows:repeat(2,17px);gap:2px}
.bundle-mark .office-mark{width:42px;height:48px;transform:scale(.8)}
.bundle-plus{color:#d2bdff;font:700 14px var(--latin);font-style:normal}
.autodesk-mark{font:800 66px/.8 var(--latin);color:#ff5e4d;transform:scaleX(1.15);text-shadow:0 5px 18px #fc574e55}
.kaspersky-mark{display:grid;place-items:center;width:57px;height:66px;clip-path:polygon(50% 0,92% 18%,86% 70%,50% 100%,14% 70%,8% 18%);background:linear-gradient(140deg,#5be5a8,#1a9c74);filter:drop-shadow(0 8px 14px #25cd9066)}
.kaspersky-mark i{font:800 27px var(--latin);font-style:normal;color:#102c2b}
.steam-mark{width:62px;height:62px;display:grid;place-items:center;border:5px solid #e6f2fb;border-radius:50%;color:#eaf8ff;font-size:39px;line-height:1;box-shadow:0 0 18px #9de4ff3b}
.adobe-mark{font:800 66px/.8 var(--latin);color:#ff6464;clip-path:polygon(42% 0,100% 100%,71% 100%,55% 68%,39% 100%,8% 100%);background:linear-gradient(135deg,#ff7373,#d93656);color:transparent;background-clip:text;-webkit-background-clip:text}
.product-visual.product-office24,.product-visual.product-bundle,.product-visual.product-usb{background:linear-gradient(155deg,#4c3028,#281d27 67%,#171a2a);border-color:#ffbc8d3b}
.product-visual.product-office24:before,.product-visual.product-bundle:before,.product-visual.product-usb:before{background:#ff976b24}
.product-visual.product-office24 .windows-mark i:nth-child(1),.product-visual.product-usb .windows-mark i:nth-child(1){background:#ed6656}.product-visual.product-office24 .windows-mark i:nth-child(2),.product-visual.product-usb .windows-mark i:nth-child(2){background:#f3ad57}.product-visual.product-office24 .windows-mark i:nth-child(3),.product-visual.product-usb .windows-mark i:nth-child(3){background:#ec7169}.product-visual.product-office24 .windows-mark i:nth-child(4),.product-visual.product-usb .windows-mark i:nth-child(4){background:#f3c365}
.product-visual.product-bundle{background:linear-gradient(155deg,#352f65,#1c203c 70%,#171a2a);border-color:#b39dff45}
.product-visual.product-bundle:before{background:#9778ff25}
.product-visual.product-autocad{background:linear-gradient(155deg,#54262c,#2a202c 70%,#171a2a);border-color:#ff8d7c42}
.product-visual.product-autocad:before{background:#ff645421}
.product-visual.product-kaspersky{background:linear-gradient(155deg,#1b5642,#16312f 70%,#121d29);border-color:#6de2ad3d}
.product-visual.product-kaspersky:before{background:#51e2ab20}
.product-visual.product-steam{background:linear-gradient(155deg,#304857,#1c2e3c 70%,#131c2a);border-color:#b9e4f844}
.product-visual.product-steam:before{background:#78d6ee20}
.product-visual.product-adobe{background:linear-gradient(155deg,#5e2b50,#2c2037 70%,#171a2a);border-color:#ff9ad84d}
.product-visual.product-adobe:before{background:#fb6bb526}
.product-visual.product-usb{background:linear-gradient(155deg,#4c3c26,#292620 70%,#171a2a);border-color:#f8d07a45}
.product-media .product-visual.product-tile{background:linear-gradient(155deg,#193652,#101e31 67%,#101a2d)}
.product-media.orange .product-visual.product-office24,.product-media.amber .product-visual.product-usb{background:linear-gradient(155deg,#4c3028,#281d27 67%,#171a2a)}
.product-media.violet .product-visual.product-bundle{background:linear-gradient(155deg,#352f65,#1c203c 70%,#171a2a)}
.product-media.red .product-visual.product-autocad{background:linear-gradient(155deg,#54262c,#2a202c 70%,#171a2a)}
.product-media.green .product-visual.product-kaspersky{background:linear-gradient(155deg,#1b5642,#16312f 70%,#121d29)}
.product-media.slate .product-visual.product-steam{background:linear-gradient(155deg,#304857,#1c2e3c 70%,#131c2a)}
.product-media.pink .product-visual.product-adobe{background:linear-gradient(155deg,#5e2b50,#2c2037 70%,#171a2a)}
.product-info{padding:15px 15px 13px}
.product-meta{font-size:10px}
.product-info h3{font-size:15px;line-height:1.35;min-height:41px;margin:8px 0 3px;color:#f1f5fb}
.variant-label{font-size:10px;margin-bottom:14px;color:#8494a9}
.price-row{padding-top:12px}
.price-row del{font-size:11px}
.price-row strong{font-size:18px}
.add-button{width:34px;height:34px;border-radius:9px;font-size:22px}
.quick-view{font-size:10px;padding-top:11px}
.discount-badge{font-size:9px;padding:5px 7px;border-radius:5px;background:#653bb1;color:#eadcff}
.type-badge{font:700 9px var(--latin);padding:5px 7px}
.wish-button{width:31px;height:31px;font-size:18px;bottom:11px}
.region-badge{font-size:9px;padding:5px 7px;bottom:14px}
.load-more{font-size:11px;padding:10px 20px;border-radius:8px}
.newsletter{min-height:166px;border-radius:15px;padding:33px 43px;background:radial-gradient(ellipse at 82% 42%,#302653,#131b30 59%,#101724)}
.newsletter h2{font-size:22px}
.newsletter p{font-size:11px}
.newsletter form{width:430px;height:43px}
.newsletter input{font-size:11px}
.site-footer{padding-top:43px}
.footer-main{gap:55px;padding-bottom:38px}
.footer-main .brand{min-width:260px}
.footer-col{font-size:11px;gap:11px}
.footer-col b{font-size:12px}
.footer-bottom{font-size:10px;min-height:48px}
.admin-entry{color:#7e8da3;font:700 10px var(--font);padding:6px 9px;border:1px solid #2b394b;border-radius:5px}
.admin-entry:hover{background:#10242b;color:#8eeaf0}
.admin-brand{gap:10px;padding-bottom:17px}
.admin-brand .brand-icon{width:37px;height:37px;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:2px}
.admin-brand-name{font:800 10px var(--latin);letter-spacing:.5px;color:#f5f7fc}
.admin-brand-name em{font:800 8px var(--latin);font-style:normal;color:#55dadd}
.admin-brand-name small{display:block;font:700 7px var(--latin);letter-spacing:1.2px;color:#7d8da3;margin-top:4px}
.admin-view .flash-strip,.admin-view .utility-bar,.admin-view .main-header,.admin-view .category-nav,.admin-view .site-footer,.admin-view .whatsapp-float{display:none!important}
.admin-view #adminPage{min-height:100vh}
.admin-view .admin-layout{min-height:100vh;grid-template-columns:246px 1fr}
.admin-view .admin-sidebar{min-height:100vh}
.admin-view .admin-main{min-height:100vh}
.admin-layout{grid-template-columns:246px 1fr;background:#f4f6fa}
.admin-sidebar{padding:21px 15px}
.admin-store-tag{padding:10px;font-size:10px}
.admin-side-label{font-size:8px;letter-spacing:1.4px}
.admin-nav-item{padding:9px 10px;font-size:11px;border-radius:7px}
.admin-main{background:#f4f6fa}
.admin-topbar{height:82px;padding-inline:32px}
.admin-topbar h1{font-size:19px}
.admin-content{padding:27px 32px 44px}
.admin-panel,.metric-card{border-radius:10px;box-shadow:0 3px 12px #12233a08}
.admin-panel{padding:17px}
.team-directory .admin-panel-head{margin-bottom:12px}
.team-member-list{border-top:1px solid #edf0f4}
.team-member{display:grid;grid-template-columns:36px minmax(130px,1.2fr) minmax(145px,1.2fr) minmax(100px,.8fr) auto;align-items:center;gap:11px;padding:11px 7px;border-bottom:1px solid #edf0f4;border-radius:6px}
.team-member.selected{background:#f2f7fa}
.team-member .team-avatar{width:34px;height:34px}
.team-member .member-identity b,.team-member .member-identity small,.team-member .member-role b,.team-member .member-role small{display:block}
.team-member .member-identity b{font-size:9px;color:#37475b}
.team-member .member-identity small{font:7px var(--latin);color:#8996a7;margin-top:3px}
.team-member .member-role b{font:700 7px var(--latin);letter-spacing:.4px;color:#63728a}
.team-member .member-role small{font-size:7px;color:#9aa5b4;margin-top:2px}
.team-member .member-presence{font-size:7px;color:#30946c;white-space:nowrap}
.team-member .member-presence.offline{color:#9aa5b4}
.avatar-0{background:#e8e7ff;color:#655bc0}.avatar-1{background:#e6f1fa;color:#3973a2}.avatar-2{background:#fff0dc;color:#a57632}.avatar-3{background:#fde8ef;color:#ba5f7b}.avatar-4{background:#e4f4ec;color:#34835e}
.permissions-explainer{font-size:9px;color:#8794a5;margin:-4px 0 10px}
.permission-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0f4;padding-top:12px;margin-top:8px}
.permission-actions .admin-primary,.permission-actions .admin-quiet{font-size:9px;padding:7px 11px}
.metric-card{padding:14px 16px;min-height:108px}
.metric-card>b{font-size:20px}
.admin-welcome h2{font-size:19px}
.admin-welcome p{font-size:10px}
.admin-two-col{gap:13px;margin-top:13px}
.metric-grid{gap:13px}
.admin-primary{border-radius:7px;padding:8px 12px}
.task-table article,.payment-review{border-radius:10px}
.manual-review-sla{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 14px;margin:10px 0;padding:12px 14px;border:1px solid #d8e4ef;border-radius:10px;background:#f4f8fc;color:#20334b}
.manual-review-sla b{font-size:13px}
.manual-review-sla span,.manual-review-sla small{font-size:12px}
.manual-review-sla small{flex-basis:100%;color:#855b1b}
.receipt-ai-review{display:grid;gap:5px;margin:8px 0 12px;padding:12px 14px;border:1px solid #d8e4ef;border-radius:10px;background:#f8fafc;color:#273b52}
.receipt-ai-review b{font-size:13px}
.receipt-ai-review span,.receipt-ai-review small{font-size:12px}
body[data-theme="dark"] .receipt-ai-review{background:#152338;border-color:#344961;color:#e6edf8}
body[data-theme="light"] .account-summary article{background:#fff;border-color:#dce5ee;box-shadow:0 8px 24px #1837570a}
body[data-theme="light"] .account-summary article small{color:#64758a}
body[data-theme="light"] .account-summary article b{color:#1b2c40}
body[data-theme="dark"] .manual-review-sla,.dark .manual-review-sla{background:#142235;border-color:#31465e;color:#e4edf8}
body[data-theme="dark"] .manual-review-sla small,.dark .manual-review-sla small{color:#f1c87e}
.admin-order-row{padding:12px 6px}
.modal-card{border-radius:17px;border-color:#324259;padding:33px}
.modal-card.modal-wide{width:min(960px,100%)}
.modal-card h2{font-size:25px}
.quick-modal-art{min-height:400px;border-radius:13px}
.quick-modal-art .product-brand-name{top:28px;inset-inline-start:25px;font-size:9px;letter-spacing:1.8px}
.quick-modal-art .visual-icon{height:130px;display:grid;place-items:center}
.quick-modal-art .windows-mark{grid-template-columns:repeat(2,35px);grid-template-rows:repeat(2,35px);gap:5px}
.quick-modal-art .office-mark{transform:scale(1.35)}
.quick-modal-art .bundle-mark{transform:scale(1.4)}
.quick-modal-art .autodesk-mark,.quick-modal-art .adobe-mark{font-size:105px}
.quick-modal-art .kaspersky-mark{width:80px;height:92px}
.quick-modal-art .steam-mark{width:88px;height:88px;font-size:55px}
.quick-modal-art>b{font-size:18px;margin-top:15px}
.quick-modal-art>small{font:600 9px var(--latin);margin-top:8px}
.toast{font-size:11px;padding:12px 15px;border-radius:9px}
@media(max-width:1000px){.brand{min-width:220px}.main-header{gap:17px}.product-grid{gap:13px}.product-media{height:194px}.product-visual.product-tile{width:139px;height:158px}.admin-layout{grid-template-columns:220px 1fr}.admin-content{padding:21px}.utility-actions{gap:10px}}
@media(max-width:720px){
  .utility-bar{height:40px;padding-inline:12px}
  .utility-actions{gap:8px}
  .staff-link{font-size:9px;padding:4px 6px}
  .staff-link>span{font-size:14px}
  .review-trigger small{display:none}
  .main-header{min-height:80px;grid-template-columns:1fr auto;padding:10px 13px;gap:9px}
  .brand{min-width:0;gap:8px}
  .brand-icon{width:36px;height:36px;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:2px}
  .brand-name{font-size:10px;letter-spacing:.5px}
  .brand-name small{font-size:8px;margin-top:4px}
  .header-actions{gap:6px}
  .account-action{font-size:0}
  .cart-button{padding:6px 7px}
  .category-nav{gap:17px}
  .hero-wrap{min-height:535px;margin:14px 12px 0;padding:28px 21px;border-radius:15px}
  .hero-copy h1{font-size:33px}
  .hero-copy p{font-size:11px;max-width:95%}
  .hero-art{transform:scale(.84);bottom:-50px}
  .trust-strip{margin-inline:12px;padding:12px}
  .trust-strip article{gap:7px}
  .trust-strip b{font-size:9px}
  .trust-strip small{font-size:8px}
  .program-strip{margin-inline:12px}
  .products-section{margin-inline:12px;margin-top:45px}
  .section-heading h2{font-size:22px}
  .product-grid{gap:10px}
  .product-media{height:168px}
  .product-visual.product-tile{width:117px;height:133px;padding:11px 7px 10px;border-radius:10px}
  .product-visual .visual-icon{height:63px}
  .windows-mark{grid-template-columns:repeat(2,17px);grid-template-rows:repeat(2,17px);gap:2px}
  .office-mark{transform:scale(.8)}
  .bundle-mark{transform:scale(.75)}
  .autodesk-mark,.adobe-mark{font-size:51px}
  .kaspersky-mark{width:43px;height:50px}
  .steam-mark{width:49px;height:49px;font-size:31px}
  .product-visual>span:not(.windows-mark){font-size:10px}
  .product-visual small{font-size:5px}
  .product-visual .product-brand-name{top:11px;inset-inline-start:10px;font-size:6px}
  .product-info{padding:10px}
  .product-info h3{font-size:12px;min-height:34px}
  .price-row strong{font-size:14px}
  .variant-label{font-size:8px}
  .newsletter{margin-inline:12px;padding:20px;border-radius:12px}
  .footer-main{gap:21px 14px}
  .footer-main .brand{min-width:0}
  .footer-bottom{font-size:8px}
  .admin-entry{font-size:8px}
  .admin-layout{display:block}
  .admin-sidebar{padding:10px 12px}
  .admin-brand-name{font-size:9px}
  .admin-brand .brand-icon{width:31px;height:31px}
  .admin-topbar{height:65px;padding:0 14px}
  .admin-content{padding:14px}
  .admin-panel{padding:12px}
  .team-member{grid-template-columns:34px 1fr auto;gap:8px;padding:10px 2px}
  .team-member .member-role{grid-column:2;grid-row:2}
  .team-member .member-presence{grid-column:3;grid-row:1;font-size:6px}
  .team-member .team-edit{grid-column:3;grid-row:2;font-size:7px;padding:4px 5px}
  .modal-card{padding:27px 18px 19px}
  .quick-modal-art{min-height:195px}
  .quick-modal-art .product-brand-name{top:16px;inset-inline-start:16px;font-size:7px}
  .quick-modal-art .windows-mark{grid-template-columns:repeat(2,23px);grid-template-rows:repeat(2,23px);gap:3px}
  .quick-modal-art .office-mark{transform:scale(1)}
  .quick-modal-art .bundle-mark{transform:scale(1.1)}
  .quick-modal-art .autodesk-mark,.quick-modal-art .adobe-mark{font-size:70px}
  .quick-modal-art .kaspersky-mark{width:57px;height:67px}
  .quick-modal-art .steam-mark{width:62px;height:62px;font-size:39px}
  .admin-view .admin-sidebar{min-height:auto}
}
@media(max-width:390px){.brand-name{font-size:9px}.brand-name small{font-size:7px}.staff-link{padding:4px 5px}.utility-actions{gap:6px}.review-trigger{gap:4px}.product-media{height:151px}.product-visual.product-tile{width:104px;height:123px}.product-info h3{font-size:11px}.product-meta{font-size:7px}}

/* Payment review and customer resubmission */
.rejected-payments{margin:14px 0;border-color:#f1c5ca;background:linear-gradient(135deg,#fff9f8,#fff)}
.rejected-payment-card{padding:14px 0;border-top:1px solid #f3dfe0}
.rejection-copy>b{font-size:13px;color:#344457}
.rejection-copy p{margin:7px 0 12px;font-size:11px;line-height:1.8;color:#718096}
.rejection-copy strong{color:#a84852}
.resubmit-payment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.resubmit-payment-form label{display:block;font-size:10px;color:#637187}
.resubmit-payment-form label:nth-of-type(3),.resubmit-payment-form .auth-status{grid-column:1/-1}
.resubmit-payment-form input{display:block;width:100%;margin-top:5px;border:1px solid #e0e6ed;border-radius:6px;padding:9px 10px;background:#fff;color:#344457;font-size:11px}
.resubmit-payment-form input[type=file]{font-size:10px}
.resubmit-payment-form .button-primary{justify-self:start}
.receipt-image{display:block;width:100%;height:155px;object-fit:contain;border:1px solid #e3e8ee;border-radius:7px;background:#f5f7f9}
.admin-empty-state{text-align:center;padding:34px 20px}
.admin-empty-state>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:#eef8f7;color:#218691;font-size:22px}
.admin-empty-state h2{margin:0 0 7px;color:#354559;font-size:16px}
.admin-empty-state p{max-width:620px;margin:0 auto 13px;color:#8290a2;font-size:11px;line-height:1.8}
@media(max-width:720px){.resubmit-payment-form{grid-template-columns:1fr}.resubmit-payment-form label:nth-of-type(3),.resubmit-payment-form .auth-status{grid-column:auto}.resubmit-payment-form .button-primary{width:100%}.receipt-image{height:110px}.rejected-payment-card{padding:12px 0}}
.rejected-payments{background:linear-gradient(135deg,#17141a,#0d1521);border-color:#59333d}
.rejection-copy>b{color:#edf1f8}
.rejection-copy p{color:#a7b2c2}
.rejection-copy strong{color:#f09aa2}
.resubmit-payment-form label{color:#aab6c8}
.resubmit-payment-form input{background:#111b29;border-color:#303d50;color:#e9eff7}
body[data-theme="light"] .rejected-payments{background:linear-gradient(135deg,#fff9f8,#fff);border-color:#f1c5ca}
body[data-theme="light"] .rejection-copy>b{color:#344457}
body[data-theme="light"] .rejection-copy p{color:#718096}
body[data-theme="light"] .rejection-copy strong{color:#a84852}
body[data-theme="light"] .resubmit-payment-form label{color:#637187}
body[data-theme="light"] .resubmit-payment-form input{background:#fff;border-color:#e0e6ed;color:#344457}
.auth-form textarea{display:block;width:100%;min-height:120px;margin-top:6px;padding:10px;border:1px solid #2d3b50;border-radius:7px;background:#101a29;color:#eaf0f7;font:11px/1.7 var(--font);resize:vertical}
.auth-form textarea::placeholder{color:#8794a7}
body[data-theme="light"] .auth-form textarea{background:#f8fafc;border-color:#d8e0e8;color:#1e3046}

/* Password reset uses the same single-column form on phones and desktop. */
#newPasswordForm,#passwordResetForm{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;width:100%;}
#newPasswordForm>.section-kicker,#newPasswordForm>h2,#newPasswordForm>label,#newPasswordForm>.auth-status,#newPasswordForm>button,#passwordResetForm>.section-kicker,#passwordResetForm>h2,#passwordResetForm>p,#passwordResetForm>label,#passwordResetForm>.auth-status,#passwordResetForm>button{grid-column:1/-1;min-width:0;margin:0;}
#newPasswordForm>label,#passwordResetForm>label{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-weight:600;line-height:1.5;}
#newPasswordForm>label>input,#passwordResetForm>label>input{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;margin:0;padding:11px 14px;border:1px solid #34465e;border-radius:11px;background:#101d2d;color:#eef5ff;font:500 15px/1.4 var(--font);direction:ltr;text-align:start;}
#newPasswordForm>label>input:focus,#passwordResetForm>label>input:focus{outline:2px solid #1684ff;outline-offset:2px;}
body[data-theme="light"] #newPasswordForm>label>input,body[data-theme="light"] #passwordResetForm>label>input{background:#fff;border-color:#cfdae8;color:#172b45;}
#newPasswordForm>button,#passwordResetForm>button{min-height:50px;white-space:normal;}
@media(max-width:600px){#newPasswordForm,#passwordResetForm{gap:13px}#newPasswordForm>h2,#passwordResetForm>h2{font-size:clamp(20px,6vw,27px);line-height:1.25}#newPasswordForm>label,#passwordResetForm>label{font-size:13px}#newPasswordForm>label>input,#passwordResetForm>label>input{min-height:48px}}
body.admin-view #modalContent #newPasswordForm,body.admin-view #modalContent #passwordResetForm{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;gap:15px}
body.admin-view #modalContent #newPasswordForm>label,body.admin-view #modalContent #passwordResetForm>label{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:8px}
body.admin-view #modalContent #newPasswordForm>label>input,body.admin-view #modalContent #passwordResetForm>label>input{width:100%;box-sizing:border-box;min-height:48px;background:#101d2d;color:#eef5ff}
body.admin-view[data-theme="light"] #modalContent #newPasswordForm>label>input,body.admin-view[data-theme="light"] #modalContent #passwordResetForm>label>input{background:#fff;border-color:#cfdae8;color:#172b45}
@media(max-width:600px){#modalCard:has(#newPasswordForm),#modalCard:has(#passwordResetForm){width:min(420px,calc(100vw - 24px));padding:24px 18px;box-sizing:border-box}body.admin-view #modalContent #newPasswordForm,body.admin-view #modalContent #passwordResetForm{gap:13px}}

/* Live admin workspace and customer tools */
.admin-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:18px}.admin-live-grid>.admin-panel{display:grid;gap:8px;padding:16px}.admin-live-grid small,.admin-coupon-list span{color:var(--muted,#9ba5b8);font-size:12px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-form-grid .full-span{grid-column:1/-1}.admin-check{display:flex!important;align-items:center;gap:10px}.admin-check input{width:auto!important}.permission-row input[type=checkbox]{width:18px;height:18px;accent-color:#7567f8}.admin-search{display:flex;align-items:center;gap:8px;max-width:440px;margin:14px 0}.admin-search input{width:100%;border:0;background:transparent;color:inherit;outline:0}.customer-order-actions{display:flex;align-items:center;gap:8px}.order-cancel-link{border:0;background:transparent;color:#ef727c;cursor:pointer;font:inherit}.order-void-reason{display:block;max-width:210px;color:#ef9299;font-size:11px;margin-top:4px}.vault-key-list{display:grid;gap:10px}.vault-key-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line,#293144);border-radius:14px}.vault-key-row>div{display:grid;gap:4px;min-width:0}.vault-key-row small,.vault-key-row code{color:var(--muted,#9ba5b8);font-size:12px;overflow-wrap:anywhere}.vault-key-row code{font-family:ui-monospace,monospace;color:var(--text,#fff)}.service-status-list{display:grid;gap:10px}.service-status-item{display:grid;gap:6px;padding:14px;border:1px solid var(--line,#293144);border-radius:12px}.service-status-item small{color:var(--muted,#9ba5b8)}.admin-detail-grid{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:9px 14px;margin:18px 0}.admin-detail-grid b{color:var(--muted,#9ba5b8)}.admin-coupon-list{display:grid;gap:8px;margin-top:14px}.admin-coupon-list article{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line,#293144)}.admin-integrations{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin-top:16px;padding:14px;border-radius:12px;background:rgba(120,130,160,.08);font-size:13px}.admin-integrations b{font-weight:500;color:var(--muted,#9ba5b8)}.danger-text{color:#ef727c!important}.invoice-print{max-width:720px;padding:24px;background:#fff;color:#152033;border-radius:14px}.invoice-print-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.invoice-print-head img{width:52px;height:52px}.invoice-print-head div{display:grid;gap:4px}.invoice-print-head small{color:#687389}.invoice-print li{margin:8px 0}.invoice-print h3{padding-top:12px;border-top:1px solid #d9deea}.no-print{margin-top:18px}
.admin-integrations .integration-active{color:#128565;font-weight:700}.admin-integrations .integration-inactive{color:var(--muted,#9ba5b8)}.customer-payment-method{display:block;margin-top:3px;color:var(--muted,#9ba5b8);font-size:11px;font-weight:500}
@media(max-width:700px){.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .full-span{grid-column:auto}.vault-key-row{align-items:flex-start;flex-direction:column}.admin-coupon-list article{grid-template-columns:1fr auto}.admin-detail-grid{grid-template-columns:1fr}.customer-order-actions{flex-direction:column;align-items:flex-start}.admin-live-grid{grid-template-columns:1fr 1fr}}
@media print{body *{visibility:hidden!important}.invoice-print,.invoice-print *{visibility:visible!important}.invoice-print{position:absolute;inset:0;width:100%;max-width:none;border-radius:0}.no-print,.modal-close{display:none!important}}

/* Polished bilingual account creation form */
.signup-form{width:min(100%,570px);margin-inline:auto}
.signup-brand{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid var(--line,#293144)}
.signup-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 5px 12px #19cbd426)}
.signup-brand span{display:grid;gap:3px}.signup-brand b{font:700 13px var(--latin);letter-spacing:.2px}.signup-brand em{color:var(--cyan,#23d5e5);font-style:normal}.signup-brand small{font-size:9px;letter-spacing:1.1px;color:var(--muted,#9ba5b8)}
.signup-form h2{margin:5px 0 4px}.signup-intro{margin:0 0 18px;color:var(--muted,#9ba5b8);font-size:13px;line-height:1.7}
.signup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.signup-form .full-span{grid-column:1/-1}
.signup-form label{display:grid;gap:6px;color:var(--text,#eef3fc);font-size:12px;font-weight:600}.signup-form label small{color:var(--muted,#9ba5b8);font-weight:400}
.signup-form input:not([type=checkbox]){width:100%;min-width:0;padding:12px 13px;border:1px solid var(--line2,#35455d);border-radius:10px;background:var(--panel2,#101a2a);color:var(--text,#eef3fc);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.signup-form input:not([type=checkbox]):focus{border-color:#39becb;box-shadow:0 0 0 3px #39becb20}.signup-form input::placeholder{color:var(--muted,#8794a7);opacity:.78}
.signup-consent{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px!important;margin:16px 0 7px;color:var(--muted,#aeb8c8)!important;font-size:11px!important;line-height:1.7;font-weight:400!important}
.signup-consent input{width:17px;height:17px;margin:2px 0 0;accent-color:#28b7c3;flex:0 0 auto}.signup-consent a,.signup-switch button{color:#44c9d2;text-decoration:underline;text-underline-offset:3px}
.signup-submit{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding:13px 16px!important;border-radius:11px!important;font-size:14px!important;transition:transform .2s,box-shadow .2s,opacity .2s}.signup-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #1bc7d322}.signup-submit:disabled{opacity:.65;cursor:wait}
.signup-submit span{transform:none!important}
.signup-switch{margin:15px 0 0;text-align:center;color:var(--muted,#9ba5b8);font-size:12px}.signup-switch button{border:0;background:none;font:inherit;font-weight:700;cursor:pointer}
.auth-success{color:#44c99a!important}
body[data-theme="light"] .signup-brand{border-color:#e2e8ef}body[data-theme="light"] .signup-form input:not([type=checkbox]){background:#f8fafc;border-color:#d8e0e8;color:#1e3046}body[data-theme="light"] .signup-form input::placeholder{color:#91a0b2}
@media(max-width:540px){.signup-grid{grid-template-columns:1fr;gap:11px}.signup-form .full-span{grid-column:auto}.signup-brand{margin-bottom:16px}.signup-form input:not([type=checkbox]){padding:11px 12px}}
.modal-card.signup-modal{max-height:min(98vh,900px);padding:25px 30px 20px}
@media(max-width:600px){.modal-card.signup-modal{max-height:calc(100dvh - 16px);padding:21px 16px 17px;border-radius:15px}}

/* Owner-only encrypted serial inventory */
body.admin-view .serial-inventory-panel{margin-top:14px;padding:0;overflow:hidden}
body.admin-view .serial-inventory-panel .admin-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;margin:0;border-bottom:1px solid #e8edf2}
body.admin-view .serial-inventory-panel .admin-panel-head h3{margin:0;color:#26384b;font-size:14px}
body.admin-view .serial-inventory-panel .admin-panel-head small{display:block;color:#8391a3;font-size:10px;margin-top:4px}
body.admin-view .serial-owner-badge{border-radius:999px;padding:6px 9px;background:#eef0ff;color:#6259a8;font-size:9px;font-weight:700;white-space:nowrap}
body.admin-view .serial-table-wrap{max-width:100%;overflow:auto}
body.admin-view .serial-inventory-table{min-width:820px}
body.admin-view .serial-inventory-table .serial-value{display:block;max-width:350px;overflow-wrap:anywhere;white-space:normal;direction:ltr;text-align:left;font:600 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#40536a;background:#f5f7fa;padding:6px 8px;border-radius:5px}
body.admin-view .serial-inventory-table .table-sub{max-width:220px;white-space:normal;overflow-wrap:anywhere}
body.admin-view .serial-edit-warning{border:1px solid #f0d89b;background:#fff8e8;color:#896119;padding:10px 12px;border-radius:8px}
@media(max-width:700px){body.admin-view .serial-inventory-panel .admin-panel-head{align-items:flex-start;gap:10px;padding:13px}body.admin-view .serial-owner-badge{font-size:8px}body.admin-view .serial-inventory-table .serial-value{max-width:230px}}

/* Consistent, responsive admin forms across the local and hosted portals */
body.admin-view #modalCard{width:min(760px,calc(100vw - 36px));max-height:min(92dvh,920px);overflow:auto;overscroll-behavior:contain;padding:32px;background:radial-gradient(ellipse at 100% 0%,#183341 0,transparent 44%),linear-gradient(145deg,#101a29,#0c1421 72%);border:1px solid #34455a;border-radius:20px;box-shadow:0 30px 100px #000b}
body.admin-view #modalCard.modal-wide{width:min(1040px,calc(100vw - 36px))}
body.admin-view #modalCard .modal-close{position:sticky;float:inline-end;top:0;z-index:3;margin:-12px -12px 0 0;background:#182638;border:1px solid #33465b;color:#afc0d3;border-radius:50%;width:34px;height:34px;line-height:1}
body.admin-view #modalContent .auth-form{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px 18px;color:var(--text,#eef3fc)}
body.admin-view #modalContent .auth-form>.section-kicker,body.admin-view #modalContent .auth-form>h2,body.admin-view #modalContent .auth-form>p,body.admin-view #modalContent .auth-form>.admin-form-grid,body.admin-view #modalContent .auth-form>.permission-grid,body.admin-view #modalContent .auth-form>.auth-status,body.admin-view #modalContent .auth-form>button,body.admin-view #modalContent .auth-form>.admin-detail-grid,body.admin-view #modalContent .auth-form>h3{grid-column:1/-1}
body.admin-view #modalContent .auth-form>.section-kicker{align-self:end;margin:0;color:#55cbd3;font:700 10px/1.2 var(--latin);letter-spacing:1.2px}
body.admin-view #modalContent .auth-form>h2{margin:-8px 0 1px;color:#f3f7fc;font-size:25px;line-height:1.3;letter-spacing:-.35px}
body.admin-view #modalContent .auth-form>p:not(.auth-status){margin:-5px 0 0;color:#9fadc0;font-size:13px;line-height:1.8}
body.admin-view #modalContent .auth-form>label,body.admin-view #modalContent .auth-form .admin-form-grid>label{display:grid;align-content:start;gap:7px;min-width:0;color:#b9c6d5;font-size:12px;font-weight:600;line-height:1.45}
body.admin-view #modalContent .auth-form input:not([type=checkbox]):not([type=radio]),body.admin-view #modalContent .auth-form select,body.admin-view #modalContent .auth-form textarea,body.admin-view #paymentDetailsForm input,body.admin-view #liveInventoryForm select,body.admin-view #liveInventoryForm textarea{display:block;width:100%;min-width:0;min-height:45px;margin:0;padding:11px 13px;border:1px solid #304156;border-radius:10px;background:linear-gradient(180deg,#121e2e,#101a29);color:#edf4fc;outline:none;font:500 13px/1.5 var(--font);transition:border-color .18s,box-shadow .18s,background .18s}
body.admin-view #modalContent .auth-form input::placeholder,body.admin-view #modalContent .auth-form textarea::placeholder{color:#708199;opacity:1}
body.admin-view #modalContent .auth-form input:focus,body.admin-view #modalContent .auth-form select:focus,body.admin-view #modalContent .auth-form textarea:focus,body.admin-view #paymentDetailsForm input:focus,body.admin-view #liveInventoryForm select:focus,body.admin-view #liveInventoryForm textarea:focus{border-color:#41c5cc;box-shadow:0 0 0 3px #37c4cc21}
body.admin-view #modalContent .auth-form input[type=file]{padding:8px;background:#101b2b;border-style:dashed}
body.admin-view #modalContent .auth-form input[type=file]::file-selector-button{margin-inline-end:10px;padding:7px 10px;border:1px solid #39506a;border-radius:7px;background:#1b2b3e;color:#d8e8f2;font:600 11px var(--font);cursor:pointer}
body.admin-view #modalContent .auth-form textarea{min-height:100px;resize:vertical}
body.admin-view #modalContent .auth-form select option,body.admin-view #paymentDetailsForm select option{background:#101a29;color:#eef3fc}
body.admin-view #modalContent .auth-form input[type=checkbox],body.admin-view #modalContent .auth-form input[type=radio],body.admin-view #paymentDetailsForm input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#35b7c3;flex:0 0 auto}
body.admin-view #modalContent .auth-form .admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin:0}
body.admin-view #modalContent .auth-form .admin-form-grid>.full-span{grid-column:1/-1}
body.admin-view #modalContent .auth-form .admin-check{display:flex!important;align-items:center;align-self:center;gap:10px;padding:12px 14px;border:1px solid #293b50;border-radius:10px;background:#111c2b}
body.admin-view #modalContent .auth-form .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:0;padding:14px;border:1px solid #26374b;border-radius:13px;background:#0e1826}
body.admin-view #modalContent .auth-form .permission-row{min-width:0;padding:11px 12px;border:1px solid #26384d;border-radius:10px;background:#111e2e;gap:12px}
body.admin-view #modalContent .auth-form .permission-row b{color:#dbe5ef;font-size:12px}
body.admin-view #modalContent .auth-form .permission-row small{font-size:10px;overflow-wrap:anywhere}
body.admin-view #modalContent .auth-form .admin-detail-grid{grid-template-columns:minmax(100px,.5fr) minmax(0,1fr);gap:0 15px;margin:3px 0;padding:6px 14px;border:1px solid #293b50;border-radius:13px;background:#101b2a}
body.admin-view #modalContent .auth-form .admin-detail-grid>*{padding:11px 0;border-bottom:1px solid #26364a;overflow-wrap:anywhere}
body.admin-view #modalContent .auth-form .admin-detail-grid>*:nth-last-child(-n+2){border-bottom:0}
body.admin-view #modalContent .auth-form>.auth-status{min-height:0;margin:0;padding:0;color:#f1a7ad;font-size:12px;line-height:1.6}
body.admin-view #modalContent .auth-form>.auth-status:empty{display:none}
body.admin-view #modalContent .auth-form>.auth-status.auth-success{color:#62d4a7!important}
body.admin-view #modalContent .auth-form>button.admin-primary,body.admin-view #modalContent .auth-form>button.admin-danger{min-height:47px;margin:0;padding:11px 18px;border-radius:11px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s}
body.admin-view #modalContent .auth-form>button.admin-primary{border:1px solid #45c4ca;background:linear-gradient(110deg,#217f8c,#269ba3 55%,#317d99);box-shadow:0 10px 24px #16889b2a;color:#fff}
body.admin-view #modalContent .auth-form>button.admin-danger{border-color:#824550;background:linear-gradient(110deg,#562d39,#783b46);color:#ffe7e8}
body.admin-view #modalContent .auth-form>button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #0004}
body.admin-view #modalContent .auth-form>button:disabled{opacity:.58;cursor:wait}
body.admin-view #modalContent .auth-form :focus-visible,body.admin-view #paymentDetailsForm :focus-visible,body.admin-view #liveInventoryForm :focus-visible{outline:2px solid #63d6df;outline-offset:2px}
body.admin-view #paymentDetailsForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:18px}
body.admin-view #paymentDetailsForm label{display:grid;gap:7px;color:#b9c6d5;font-size:12px;font-weight:600}
body.admin-view #paymentDetailsForm .auth-status,body.admin-view #paymentDetailsForm button{grid-column:1/-1}
body.admin-view #paymentDetailsForm button{min-height:44px;border-radius:10px;font-size:12px}
body.admin-view #paymentDetailsForm .auth-status{margin:0;font-size:12px}
body.admin-view #liveInventoryForm{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr) auto;align-items:end;gap:14px;margin-top:18px;padding:18px;border:1px solid #2b4056;border-radius:14px;background:linear-gradient(135deg,#111e2c,#0e1926);text-align:start}
body.admin-view #liveInventoryForm>label{display:grid;gap:8px;color:#b9c6d5;font-size:12px;font-weight:600}
body.admin-view #liveInventoryForm textarea{min-height:96px;direction:ltr;text-align:left;font:12px/1.6 ui-monospace,monospace}
body.admin-view #liveInventoryForm .admin-primary{min-height:44px;border-radius:10px;padding-inline:16px;font-size:12px}
body.admin-view #paymentDetailsForm button:hover,body.admin-view #liveInventoryForm button:hover{filter:brightness(1.1)}
body.admin-view .settings-panel label{font-size:12px}
body.admin-view .settings-panel input{min-height:42px;border-radius:9px;padding:10px 12px;font:12px var(--font)}
body.admin-view .settings-panel .admin-primary,body.admin-view .settings-panel .admin-quiet{min-height:40px;border-radius:9px;padding:9px 13px;font-size:12px}
body.admin-view .settings-panel p{font-size:12px;line-height:1.7;min-height:0}
body[data-theme="light"].admin-view #modalCard{background:radial-gradient(ellipse at 100% 0%,#e6f8f7 0,transparent 45%),linear-gradient(145deg,#fff,#f7fafc 72%);border-color:#dce5ed;box-shadow:0 30px 90px #18304b30}
body[data-theme="light"].admin-view #modalCard .modal-close{background:#fff;border-color:#d8e1e9;color:#65758b}
body[data-theme="light"].admin-view #modalContent .auth-form{color:#24364b}
body[data-theme="light"].admin-view #modalContent .auth-form>h2{color:#1d3045}
body[data-theme="light"].admin-view #modalContent .auth-form>p:not(.auth-status){color:#6b7b90}
body[data-theme="light"].admin-view #modalContent .auth-form>label,body[data-theme="light"].admin-view #modalContent .auth-form .admin-form-grid>label,body[data-theme="light"].admin-view #paymentDetailsForm label,body[data-theme="light"].admin-view #liveInventoryForm>label{color:#52657b}
body[data-theme="light"].admin-view #modalContent .auth-form input:not([type=checkbox]):not([type=radio]),body[data-theme="light"].admin-view #modalContent .auth-form select,body[data-theme="light"].admin-view #modalContent .auth-form textarea,body[data-theme="light"].admin-view #paymentDetailsForm input,body[data-theme="light"].admin-view #liveInventoryForm select,body[data-theme="light"].admin-view #liveInventoryForm textarea{background:#fff;border-color:#d8e2ea;color:#263b51}
body[data-theme="light"].admin-view #modalContent .auth-form .admin-check,body[data-theme="light"].admin-view #modalContent .auth-form .permission-grid,body[data-theme="light"].admin-view #modalContent .auth-form .permission-row,body[data-theme="light"].admin-view #modalContent .auth-form .admin-detail-grid,body[data-theme="light"].admin-view #liveInventoryForm{background:#f7fafc;border-color:#dce5ed}
body[data-theme="light"].admin-view #modalContent .auth-form .permission-row b{color:#34485f}
body[data-theme="light"].admin-view #modalContent .auth-form .admin-detail-grid>*{border-color:#e3eaf0}
body[data-theme="light"].admin-view #modalContent .auth-form .admin-detail-grid b{color:#718297}
body[data-theme="light"].admin-view .settings-panel input{background:#fff;border-color:#d8e2ea;color:#263b51}
body[data-theme="light"].admin-view #liveInventoryForm textarea{background:#fff}
@media(max-width:700px){body.admin-view #modalCard,body.admin-view #modalCard.modal-wide{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);padding:24px 17px 18px;border-radius:16px}body.admin-view #modalContent .auth-form{grid-template-columns:1fr;gap:13px}body.admin-view #modalContent .auth-form>.section-kicker,body.admin-view #modalContent .auth-form>h2,body.admin-view #modalContent .auth-form>p,body.admin-view #modalContent .auth-form>.admin-form-grid,body.admin-view #modalContent .auth-form>.permission-grid,body.admin-view #modalContent .auth-form>.auth-status,body.admin-view #modalContent .auth-form>button,body.admin-view #modalContent .auth-form>.admin-detail-grid,body.admin-view #modalContent .auth-form>h3{grid-column:1}body.admin-view #modalContent .auth-form .admin-form-grid,body.admin-view #modalContent .auth-form .permission-grid,body.admin-view #paymentDetailsForm{grid-template-columns:1fr}body.admin-view #modalContent .auth-form .admin-form-grid>.full-span,body.admin-view #modalContent .auth-form .permission-grid,body.admin-view #paymentDetailsForm .auth-status,body.admin-view #paymentDetailsForm button{grid-column:1}body.admin-view #modalContent .auth-form .admin-detail-grid{grid-template-columns:1fr;gap:0}body.admin-view #modalContent .auth-form .admin-detail-grid>*{padding:8px 0}body.admin-view #liveInventoryForm{grid-template-columns:1fr;padding:14px}body.admin-view #liveInventoryForm textarea{min-height:116px}body.admin-view #modalContent .auth-form>h2{font-size:21px}body.admin-view #modalContent .auth-form .permission-grid{gap:7px}body.admin-view #modalContent .auth-form>button.admin-primary,body.admin-view #modalContent .auth-form>button.admin-danger{position:static;bottom:auto}}
.admin-void-choice{display:flex!important;align-items:flex-start;gap:12px;padding:16px;border:1px solid #c9dded;border-radius:14px;background:#f4f9fd;cursor:pointer}.admin-void-choice input{width:20px;height:20px;flex:none;margin:2px 0 0;accent-color:#176de0}.admin-void-choice span{display:grid;gap:5px}.admin-void-choice b{color:#18314b;font-size:14px}.admin-void-choice small{color:#60758a;line-height:1.5;font-size:12px}body[data-theme="dark"] .admin-void-choice{background:#102137;border-color:#37506b}body[data-theme="dark"] .admin-void-choice b{color:#e8f3ff}body[data-theme="dark"] .admin-void-choice small{color:#b0c4d7}
.settings-page-intro{padding:5px 2px 20px}.settings-page-intro .section-kicker{font-size:11px;letter-spacing:.12em;color:#5980a3}.settings-page-intro h2{margin:5px 0 4px;font-size:clamp(22px,2.5vw,30px);color:#20334b}.settings-page-intro p{margin:0;color:#71839a;font-size:13px}.settings-grid{gap:16px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start}.settings-group-label{grid-column:1/-1;padding:17px 2px 1px;border-top:1px solid #dce6ef;color:#274769;font-size:13px;font-weight:800;letter-spacing:.015em}.settings-grid>.settings-panel{min-width:0;height:100%;padding:24px!important;border-radius:17px}.settings-grid>.settings-panel h3{font-size:17px!important;margin:12px 0 7px}.settings-grid>.settings-panel p{font-size:13px!important;line-height:1.65}.settings-grid>.settings-panel .admin-integrations{margin-top:14px}.settings-grid>.maintenance-settings-panel,.settings-grid>.account-security-settings{grid-column:1/-1}.settings-grid>.maintenance-settings-panel{height:auto}.settings-grid>.maintenance-settings-panel .maintenance-switch{white-space:normal!important;text-align:start;height:auto!important;min-height:42px!important;padding:8px 12px!important}.settings-grid>.maintenance-settings-panel .maintenance-switch>span:last-child{font-size:12px;line-height:1.3}body[data-theme="dark"] .settings-page-intro h2{color:#edf5ff}body[data-theme="dark"] .settings-group-label{border-color:#2a3d55;color:#c6dff7}@media(max-width:850px){.settings-grid{grid-template-columns:1fr!important}.settings-grid>.settings-panel{grid-column:1/-1}.settings-grid>.maintenance-settings-panel .maintenance-switch{min-width:0;width:100%}}@media(max-width:600px){.settings-grid>.settings-panel{padding:18px!important}.settings-page-intro{padding-bottom:14px}}

/* experience.css */
:root{
  color-scheme:dark;
  --ease-smooth:cubic-bezier(.22,.7,.2,1);
}
html{scroll-padding-top:148px}
body{transition:background-color .24s var(--ease-smooth),color .24s var(--ease-smooth)}
button,a,input,select{transition-duration:.2s;transition-timing-function:var(--ease-smooth)}
:focus-visible{outline:2px solid #46ced2;outline-offset:3px}
.theme-toggle{display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #2b3b50;border-radius:7px;background:#111927;color:#c1ccda;font:600 10px var(--font);white-space:nowrap}
.theme-toggle span{font:16px/1 var(--latin);color:#f4c976}
.theme-toggle:hover{border-color:#57cbd0;color:#fff}
.footer-main{grid-template-columns:minmax(220px,1.35fr) minmax(100px,.7fr) minmax(155px,1fr) minmax(250px,1.3fr);gap:34px}
.footer-brand-block>p{max-width:290px;color:#91a0b3;font-size:11px;line-height:1.9;margin:16px 0}
.footer-payments{min-width:0}
.payment-marks{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0 12px}
.pay-mark{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 8px;border:1px solid #ffffff18;border-radius:6px;background:#ffffff08;color:#f0f4fb;font:800 10px var(--latin);white-space:nowrap}
.pay-visa{font-style:italic;color:#fff;font-size:12px;letter-spacing:.5px}
.pay-mastercard{position:relative;gap:0;min-width:48px;padding-inline:7px;align-items:center;justify-content:center;font-size:6px;color:#d8dce5}
.pay-mastercard i{display:block;flex:0 0 auto;width:13px;height:13px;border-radius:50%;background:#eb001b}
.pay-mastercard i+i{margin-inline-start:-4px;background:#f79e1b;opacity:.9}
.pay-mastercard b{margin-inline-start:4px;font:700 6px var(--latin)}
.pay-meeza{font-weight:900;font-style:italic;letter-spacing:-.6px;color:#89e0bb}
.pay-instapay{gap:4px;color:#9ed9ce;font-size:9px}
.pay-instapay i{font-style:normal;color:#69dccc}
.pay-wallet{display:block;text-align:center;font-size:8px;line-height:1.1;color:#e3e9f1}
.pay-wallet small{font:6px var(--latin);color:#92a0b4}
.secure-payment-note{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid #2a5947;border-radius:7px;background:#11302666;color:#b8dfce;font-size:9px;line-height:1.6}
.secure-payment-note>span:first-child{font-size:15px;color:#62d6a2;line-height:1}
.fx-note{display:block;margin-top:8px;color:#8190a4;font-size:8px;line-height:1.5}
.footer-bottom{gap:12px}
.site-footer{border-top:1px solid #253249;background:linear-gradient(180deg,#0c1320,#080d16)}
.footer-col a:hover{color:#54d6d2;transform:translateX(-2px)}
.payment-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-choices>label>span{display:flex;align-items:center;gap:8px;min-height:51px}
.payment-choice-logo{display:inline-flex;align-items:center;gap:4px;direction:ltr}
.payment-choice-logo .pay-mark{min-height:21px;padding:3px 5px;border-color:#d9e0e8;color:#1d2b3c;background:white;font-size:8px}
.payment-choice-logo .pay-mastercard i{width:9px;height:9px}
.payment-choice-logo .pay-meeza{color:#178c62}
.manual-fields input[type=file]{padding:9px;background:#fff;border:1px dashed #9eabbc;border-radius:7px}
.checkout-security{display:flex;align-items:flex-start;gap:8px;margin:12px 0;padding:11px 12px;border:1px solid #d9e7df;border-radius:8px;background:#f3fbf6;color:#355b47;font-size:10px;line-height:1.6}
.checkout-security b{color:#27754b}
.auth-status{min-height:18px;color:#ad4d59;font-size:11px}
.auth-status:empty{display:none}
.admin-top-actions .icon-tool[data-change-password]{font-size:12px;width:auto;min-width:32px;padding-inline:8px}
.account-password{border:1px solid #dde3ea;background:#fff;color:#526176;border-radius:7px;padding:8px 11px;font-size:10px}
.policy-page{max-width:1100px;margin:32px auto 70px;padding:30px;border:1px solid #243247;border-radius:17px;background:#0d1522}
.policy-page h1{font-size:34px;margin:8px 0 10px}.policy-page .policy-intro{color:#a4b0c1;max-width:780px;line-height:1.9}
.policy-nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.policy-nav a{padding:8px 12px;border:1px solid #334258;border-radius:7px;color:#c2d1df;font-size:11px}
.policy-section{scroll-margin-top:28px;padding:22px 0;border-top:1px solid #263449}
.policy-section h2{font-size:20px;margin:0 0 9px}.policy-section h3{font-size:14px;margin:19px 0 6px;color:#d8e7f3}
.policy-section p,.policy-section li{max-width:860px;color:#aab6c6;font-size:12px;line-height:1.9}
.policy-section ul{padding-inline-start:20px}.policy-notice{padding:13px 15px;border-inline-start:3px solid #e5b765;background:#282216;color:#e5d8bb;border-radius:4px;font-size:11px;line-height:1.8}
.policy-return{display:inline-flex;margin-top:16px;color:#73d8d4;font-size:11px}
body[data-theme="light"]{color-scheme:light;--bg:#f4f6f9;--bg2:#fff;--panel:#fff;--panel2:#f7f9fc;--line:#e0e6ed;--line2:#d4dde7;--text:#182536;--muted:#65758a;--faint:#8a98aa;background:#f4f6f9;color:#182536}
body[data-theme="light"] .flash-strip{background:linear-gradient(90deg,#e5f3f6,#edf0fb);color:#34485f}
body[data-theme="light"] .flash-count,body[data-theme="light"] .support-link{color:#607185}
body[data-theme="light"] .utility-bar{background:#fff;border-color:#e5eaf0;color:#637286}
body[data-theme="light"] .main-header{background:#ffffffed;border-color:#e3e8ef}
body[data-theme="light"] .brand-name{color:#1b2c42}
body[data-theme="light"] .brand-name small{color:#64758a}
body[data-theme="light"] .search-box{background:#f6f8fb;border-color:#d7e0e8}
body[data-theme="light"] .search-box input{color:#1b2a3b}
body[data-theme="light"] .search-box input::placeholder{color:#7d8a9b}
body[data-theme="light"] .category-nav{background:#fff;border-color:#e1e7ed}
body[data-theme="light"] .nav-cat{color:#65758a}
body[data-theme="light"] .nav-cat:hover,body[data-theme="light"] .nav-cat.active{color:#162a40}
body[data-theme="light"] .header-action,body[data-theme="light"] .lang-toggle{color:#526277}
body[data-theme="light"] .action-icon{color:#35526d}
body[data-theme="light"] .cart-button{color:#23354b;background:linear-gradient(135deg,#f3fbfc,#f0f4fb);border-color:#cddde6}
body[data-theme="light"] .cart-copy small{color:#687a8d}
body[data-theme="light"] .theme-toggle{background:#fff;color:#53647a;border-color:#d7e0e8}
body[data-theme="light"] .hero-wrap{background:radial-gradient(ellipse at 75% 42%,#e5edff,#f8fafc 65%);border-color:#dde5ef;box-shadow:0 15px 50px #233b5510}
body[data-theme="light"] .hero-wrap:before{opacity:.4}
body[data-theme="light"] .hero-copy h1{color:#192d46}
body[data-theme="light"] .hero-copy p{color:#5e6e83}
body[data-theme="light"] .hero-proof{color:#63738a}
body[data-theme="light"] .hero-proof b{color:#293b52}
body[data-theme="light"] .button-quiet{color:#40536a}
body[data-theme="light"] .trust-strip{background:#fff;border-color:#e0e6ed}
body[data-theme="light"] .trust-strip b{color:#24354a}
body[data-theme="light"] .trust-strip small{color:#718095}
body[data-theme="light"] .program-strip{background:linear-gradient(110deg,#f4f2ff,#f3f8fb);border-color:#e1e3ed}
body[data-theme="light"] .program-copy b{color:#24344a}
body[data-theme="light"] .program-copy small{color:#687990}
body[data-theme="light"] .section-heading h2,body[data-theme="light"] .newsletter h2{color:#182a40}
body[data-theme="light"] .section-kicker{color:#65788d}
body[data-theme="light"] .product-card{background:#fff;border-color:#e0e5eb;box-shadow:0 8px 25px #21334b0b}
body[data-theme="light"] .product-info h3{color:#1d2e44}
body[data-theme="light"] .product-meta,body[data-theme="light"] .variant-label{color:#718095}
body[data-theme="light"] .price-row strong{color:#17354b}
body[data-theme="light"] .category-pill{background:#fff;color:#5e7085;border-color:#dce4ec}
body[data-theme="light"] .category-pill.active{background:#e5f7f6;color:#11777b;border-color:#9ce2df}
body[data-theme="light"] .newsletter{background:radial-gradient(ellipse at 82% 42%,#eeebff,#f5f9fc 65%);border:1px solid #e2e4ee}
body[data-theme="light"] .newsletter p{color:#687890}
body[data-theme="light"] .site-footer{background:linear-gradient(180deg,#fff,#f5f7fa);border-color:#e1e7ed}
body[data-theme="light"] .footer-brand-block>p,body[data-theme="light"] .footer-col{color:#68788b}
body[data-theme="light"] .footer-col>b{color:#283950}
body[data-theme="light"] .footer-bottom{border-color:#e1e7ed;color:#697a8d}
body[data-theme="light"] .pay-mark{background:#fff;color:#24364c;border-color:#dfe5eb}
body[data-theme="light"] .secure-payment-note{background:#effaf3;border-color:#d1ead9;color:#385d48}
body[data-theme="light"] .side-drawer,body[data-theme="light"] .modal-card{background:#fff;color:#1c2d42;border-color:#dce4eb}
body[data-theme="light"] .drawer-head h2,body[data-theme="light"] .modal-card h2{color:#1c2d42}
body[data-theme="light"] .search-results{background:#fff;border-color:#dce4eb}
body[data-theme="light"] .search-result{color:#1c2d42;border-color:#edf0f4}
body[data-theme="light"] .search-result:hover{background:#f3f7fa}
body[data-theme="light"] .search-no-results{color:#718095}
body[data-theme="light"] .coupon-entry{border-color:#d6e1ea;background:linear-gradient(135deg,#f6fafc,#f0f5f8);box-shadow:inset 0 1px #fff}
body[data-theme="light"] .coupon-entry:before,body[data-theme="light"] .coupon-entry:after{background:#fff;border-color:#d6e1ea}
body[data-theme="light"] .coupon-entry.is-applied{border-color:#9ccfba;background:linear-gradient(135deg,#f0faf4,#eaf7f1)}
body[data-theme="light"] .coupon-ticket{border-color:#a9bdcc;color:#327e83;background:#eaf4f5}
body[data-theme="light"] .coupon-entry.is-applied .coupon-ticket{border-color:#9acbb5;color:#237958;background:#e1f4e9}
body[data-theme="light"] .coupon-entry-copy b{color:#24384e}
body[data-theme="light"] .coupon-entry-copy small{color:#718297}
body[data-theme="light"] .coupon-saving{border-color:#b5dbc9;background:#e7f6ed;color:#28764f}
body[data-theme="light"] .coupon-entry-row input{border-color:#d4e0e8;background:#fff;color:#1e3147}
body[data-theme="light"] .coupon-entry-row input::placeholder{color:#8493a4}
body[data-theme="light"] .coupon-status{color:#77889a}
body[data-theme="light"] .coupon-remove{color:#63758a}
body[data-theme="light"] .account-dashboard,body[data-theme="light"] .login-card{color:#1c2d42}
body[data-theme="light"] .login-card,body[data-theme="light"] .account-panel{background:#fff;border-color:#e0e6ed}
body[data-theme="light"] .login-form h2,body[data-theme="light"] .dashboard-top h1,body[data-theme="light"] .account-panel h2{color:#1c2d42}
body[data-theme="light"] .login-form label,body[data-theme="light"] .login-form p,body[data-theme="light"] .dashboard-top p{color:#69798d}
body[data-theme="light"] .login-form input,body[data-theme="light"] .modal-card input,body[data-theme="light"] .modal-card select{background:#f8fafc;color:#1e3046;border-color:#d8e0e8}
body[data-theme="light"] .login-visual{background:linear-gradient(145deg,#e8f7f7,#eef0fc);color:#293d56}
body[data-theme="light"] .login-visual h2{color:#1d3047}
body[data-theme="light"] .login-visual p{color:#65758a}
body[data-theme="light"] .policy-page{background:#fff;border-color:#e0e6ed;color:#1c2d42}
body[data-theme="light"] .policy-page .policy-intro,body[data-theme="light"] .policy-section p,body[data-theme="light"] .policy-section li{color:#5c6e83}
body[data-theme="light"] .policy-section h2,body[data-theme="light"] .policy-section h3{color:#24374e}
body[data-theme="light"] .policy-section{border-color:#e5eaf0}
body[data-theme="light"] .policy-nav a{border-color:#dce4eb;color:#485d74}
body[data-theme="light"] .policy-notice{background:#fff8e8;color:#685532;border-color:#e8d398}
@media(max-width:960px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:720px){html{scroll-padding-top:125px}.theme-toggle{gap:3px;padding:4px 5px;font-size:9px}.footer-main{grid-template-columns:1fr 1fr;gap:22px 16px}.footer-brand-block{grid-column:1/-1}.policy-page{margin:16px 12px 40px;padding:20px 16px}.policy-page h1{font-size:26px}.payment-marks{gap:5px}.pay-mark{padding:5px 6px}}
@media(max-width:420px){.theme-toggle small{display:none}.theme-toggle{width:29px;height:29px;justify-content:center;padding:0}.theme-toggle span{font-size:17px}.footer-main{grid-template-columns:1fr}.footer-brand-block{grid-column:auto}.footer-payments{max-width:340px}.payment-choices{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.review-empty{display:grid;justify-items:center;gap:9px;margin:18px 0;padding:25px 18px;border:1px dashed var(--line,#334256);border-radius:12px;text-align:center;background:color-mix(in srgb,var(--panel,#111a28) 80%,transparent)}.review-empty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#14353b;color:#70e1d6;font-size:19px}.review-empty b{font-size:13px}.review-empty small{max-width:320px;color:var(--muted,#91a0b4);font-size:10px;line-height:1.7}.product-seo-link{color:inherit;text-decoration:none}.product-seo-link:hover{color:#57d9d2}

/* Cart coupons and live transfer instructions */
.coupon-entry{position:relative;display:grid;gap:10px;margin:0 0 14px;padding:14px;border:1px solid #34475d;border-radius:14px;background:linear-gradient(135deg,rgba(26,45,65,.82),rgba(16,27,42,.94));box-shadow:inset 0 1px #ffffff0a;transition:border-color .2s,background .2s}
.coupon-entry:before,.coupon-entry:after{position:absolute;top:50%;width:12px;height:24px;content:"";transform:translateY(-50%);background:var(--bg,#0a1321)}
.coupon-entry:before{inset-inline-start:-1px;border-radius:0 12px 12px 0;border-inline-end:1px solid #34475d}.coupon-entry:after{inset-inline-end:-1px;border-radius:12px 0 0 12px;border-inline-start:1px solid #34475d}
.coupon-entry.is-applied{border-color:#2f826e;background:linear-gradient(135deg,rgba(22,62,54,.8),rgba(16,35,39,.94))}
.coupon-entry-head{display:flex;align-items:center;gap:10px;min-width:0}
.coupon-ticket{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px dashed #6e90aa;border-radius:11px;color:#88d9da;background:#20364a;font:800 18px var(--latin);transform:rotate(-5deg)}
.coupon-entry.is-applied .coupon-ticket{border-color:#69b79d;color:#a4ecd2;background:#1c5144}
.coupon-entry-copy{display:grid;gap:1px;min-width:0;flex:1}.coupon-entry-copy b{font-size:12px;line-height:1.4;color:#f0f5fa}.coupon-entry-copy small{overflow:hidden;color:#9fb0c2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.coupon-saving{flex:none;padding:5px 8px;border:1px solid #428d75;border-radius:999px;background:#174738;color:#b8f1d9;font:800 10px var(--latin);white-space:nowrap}
.coupon-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.coupon-entry-row input{width:100%;min-width:0;height:42px;margin:0!important;padding:0 13px;border:1px solid #3a4d63;border-radius:9px;background:#091421;color:#f1f6fa;font:700 12px var(--latin);letter-spacing:.08em;direction:ltr;text-align:left;transition:border-color .2s,box-shadow .2s}
.coupon-entry-row input::placeholder{color:#76899c;font-weight:500;letter-spacing:0}.coupon-entry-row input:focus{outline:none;border-color:#61c9c9;box-shadow:0 0 0 3px #45c3c31c}
.coupon-entry-row button{min-width:98px;padding:0 13px;border:1px solid #60d2d2;border-radius:9px;background:linear-gradient(130deg,#5de0d5,#5bbed2);color:#09202a;font-weight:800;font-size:11px;transition:transform .18s,filter .18s}
.coupon-entry-row button:hover{filter:brightness(1.06);transform:translateY(-1px)}.coupon-entry-row button:disabled{opacity:.55;cursor:wait;transform:none}
.coupon-feedback-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:18px}.coupon-status{min-width:0;margin:0;color:#ff9c9c;font-size:10px;line-height:1.55}.coupon-status:empty{display:none}.coupon-status.success{color:#80dfba}
.coupon-remove{padding:2px 0;border:0;background:transparent;color:#9cb0c0;font-size:10px;text-decoration:underline;text-underline-offset:3px}.coupon-remove:hover{color:#fff}.coupon-remove[hidden],.coupon-saving[hidden]{display:none!important}
[data-cart-discount][hidden],[data-checkout-discount][hidden]{display:none!important}
.payment-method-brand{display:flex;align-items:center;gap:6px;font-size:10px!important}
.payment-method-brand .pay-mark{min-height:18px;padding:2px 4px;font-size:8px}
.payment-method-brand .pay-instapay{background:#143b39;color:#74dfce;border-color:#29645d}
.payment-method-brand .pay-vodafone{background:#f9f6f6;color:#e60000;border-color:#e8dadd}
.payment-method-brand .pay-orange{background:#fff7ed;color:#f47721;border-color:#f2dcc3}
.payment-method-brand .pay-etisalat{background:#143b31;color:#6ce0a4;border-color:#28694f}
.payment-destination{display:block;grid-column:1/-1;width:100%;margin:9px 0 0;padding:0;border:0;background:transparent;color:var(--text,#eef3fc);font-size:11px}
.transfer-destination-card{display:grid;gap:9px;width:100%;padding:13px;border:1px solid #28564a;border-radius:10px;background:rgba(17,48,38,.68);text-align:start}
.transfer-destination-card>strong{color:#a8e6cf;font-size:12px}
.transfer-detail-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid #ffffff12}
.transfer-detail-line small{color:#9eafbf;font-size:10px}
.transfer-detail-line b{color:#f1f5fb;font-size:12px;direction:ltr;overflow-wrap:anywhere}
.transfer-link{display:inline-flex;justify-self:start;padding:8px 10px;border-radius:7px;background:#173d3c;color:#84e6d5;font-weight:700;font-size:10px}
.transfer-qr{width:min(100%,190px);max-height:190px;object-fit:contain;justify-self:center;padding:7px;border-radius:9px;background:#fff}
.settings-readonly-note{padding:12px;border:1px solid var(--line2,#34445c);border-radius:8px;color:var(--muted,#9ba9bc);font-size:11px;line-height:1.7}
@media(max-width:560px){.coupon-entry{padding:12px}.coupon-entry-row{grid-template-columns:minmax(0,1fr) auto}.coupon-entry-row button{min-width:82px;padding:0 9px}.coupon-ticket{width:32px;height:32px}.transfer-detail-line{align-items:flex-start;flex-direction:column;gap:3px}.payment-choices{grid-template-columns:1fr}}

/* premium-redesign.css */
/* Premium storefront refresh and desktop key-inventory layout. */
:root {
  --premium-ink: #eaf1f8;
  --premium-muted: #9aabbe;
  --premium-line: rgba(155, 177, 202, .17);
  --premium-panel: #111d2c;
  --premium-panel-soft: #172538;
  --premium-cyan: #63d5d0;
  --premium-mint: #9ce5d1;
  --premium-radius: 20px;
  --premium-shadow: 0 20px 55px rgba(0, 0, 0, .16);
}

body:not(.admin-view) {
  color: var(--premium-ink);
  background: #0a1321;
  font-size: 16px;
  line-height: 1.55;
}

body:not(.admin-view) button,
body:not(.admin-view) input,
body:not(.admin-view) select,
body:not(.admin-view) textarea { font: inherit; }

body:not(.admin-view) .flash-strip {
  min-height: 38px;
  padding: 6px 20px;
  background: linear-gradient(90deg, #10283c, #152840 48%, #18243b);
  color: #d9e9f4;
  font-size: 13px;
  letter-spacing: .01em;
}

body:not(.admin-view) .flash-count { color: #adc2d4; font-size: 12px; }
body:not(.admin-view) .promo-code { border-radius: 999px; padding: 5px 12px; font-size: 12px; }

body:not(.admin-view) .utility-bar {
  min-height: 44px;
  height: auto;
  padding: 7px clamp(18px, 5vw, 84px);
  background: #0d1827;
  border-color: var(--premium-line);
  color: #b2c0cf;
  font-size: 12px;
}

body:not(.admin-view) .utility-actions { gap: 14px; }
body:not(.admin-view) .support-link { color: #b6c7d8; font-size: 12px; }
body:not(.admin-view) .review-trigger { gap: 8px; }
body:not(.admin-view) .review-trigger b { font-size: 12px; }
body:not(.admin-view) .review-trigger small { font-size: 10px; }
body:not(.admin-view) .select-wrap select,
body:not(.admin-view) .lang-toggle,
body:not(.admin-view) .theme-toggle { min-height: 32px; font-size: 12px; }
body:not(.admin-view) .theme-toggle { border-radius: 999px; padding: 5px 10px; }

body:not(.admin-view) .main-header {
  min-height: 88px;
  height: auto;
  padding: 14px clamp(18px, 5vw, 84px);
  gap: 30px;
  background: rgba(14, 25, 40, .96);
  border-color: var(--premium-line);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .09);
}

body:not(.admin-view) .brand { gap: 12px; flex: 0 0 auto; }
body:not(.admin-view) .brand-icon { width: 49px; height: 49px; }
body:not(.admin-view) .brand-name { font-size: 16px; line-height: 1.05; letter-spacing: .055em; }
body:not(.admin-view) .brand-name em { font-size: 12px; }
body:not(.admin-view) .brand-name small { margin-top: 6px; font-size: 10px; letter-spacing: 0; }
body:not(.admin-view) .search-box {
  width: min(38vw, 520px);
  height: 46px;
  border-radius: 14px;
  background: #0a1524;
  border: 1px solid rgba(155, 177, 202, .19);
}
body:not(.admin-view) .search-box input { font-size: 14px; }
body:not(.admin-view) .search-box kbd { font-size: 11px; }
body:not(.admin-view) .header-actions { gap: 15px; }
body:not(.admin-view) .header-action { gap: 7px; padding: 8px 4px; font-size: 13px; }
body:not(.admin-view) .action-icon { font-size: 19px; }
body:not(.admin-view) .cart-button { min-height: 46px; gap: 10px; padding: 6px 14px; border-radius: 14px; }
body:not(.admin-view) .cart-copy b { font-size: 13px; }
body:not(.admin-view) .cart-copy small { font-size: 10px; }
body:not(.admin-view) .category-nav {
  height: 54px;
  padding: 0 clamp(18px, 5vw, 84px);
  gap: 30px;
  background: #0d1827;
  border-color: var(--premium-line);
}
body:not(.admin-view) .nav-cat,
body:not(.admin-view) .nav-special { font-size: 13px; }

body:not(.admin-view) #storePage { padding-bottom: 38px; }
body:not(.admin-view) .hero-wrap {
  width: min(1420px, calc(100% - 64px));
  min-height: 490px;
  margin: 34px auto 26px;
  padding: 66px clamp(34px, 6vw, 90px);
  border: 1px solid rgba(125, 193, 201, .18);
  border-radius: 30px;
  background:
    radial-gradient(ellipse at 76% 15%, rgba(63, 163, 177, .2), transparent 34%),
    radial-gradient(ellipse at 95% 92%, rgba(110, 94, 181, .2), transparent 37%),
    linear-gradient(112deg, #111e30 5%, #13283b 58%, #1a2740 100%);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .19);
}
body:not(.admin-view) .hero-wrap:after {
  background: linear-gradient(90deg, rgba(13, 25, 41, .13), transparent 74%);
}
body:not(.admin-view) .hero-glow { opacity: .6; }
body:not(.admin-view) .hero-copy { width: min(50%, 620px); max-width: 620px; }
body:not(.admin-view) .eyebrow { gap: 10px; font-size: 13px; letter-spacing: .04em; }
body:not(.admin-view) .eyebrow-dot { width: 8px; height: 8px; }
body:not(.admin-view) .hero-copy h1 { margin: 20px 0 14px; font-size: clamp(42px, 4vw, 62px); line-height: 1.18; letter-spacing: -.035em; }
body:not(.admin-view) .hero-copy p { max-width: 540px; font-size: 17px; line-height: 1.8; color: #bccada; }
body:not(.admin-view) .hero-ctas { gap: 20px; margin-top: 26px; }
body:not(.admin-view) .button-primary { min-height: 48px; padding: 12px 20px; border-radius: 13px; font-size: 14px; font-weight: 700; }
body:not(.admin-view) .button-quiet { font-size: 13px; }
body:not(.admin-view) .hero-proof { gap: 12px; margin-top: 26px; font-size: 12px; color: #bdccda; }
body:not(.admin-view) .proof-avatars i { width: 31px; height: 31px; font-size: 8px; }
body:not(.admin-view) .hero-art { right: auto; left: auto; inset-inline-end: 4%; width: 42%; transform: scale(.96); transform-origin: center; }
body:not(.admin-view) .art-card { border-radius: 19px; box-shadow: 0 24px 58px rgba(0, 0, 0, .33); }
body:not(.admin-view) .art-front { border-color: rgba(158, 214, 221, .32); }
body:not(.admin-view) .floating-chip { padding: 11px 15px; border-radius: 12px; font-size: 12px; }
body:not(.admin-view) .hero-discount { padding: 14px 18px; border-radius: 15px; }
body:not(.admin-view) .hero-controls { bottom: 22px; inset-inline-end: 34px; gap: 10px; }
body:not(.admin-view) .hero-controls button { width: 33px; height: 33px; border-radius: 50%; }

body:not(.admin-view) .trust-strip {
  width: min(1420px, calc(100% - 64px));
  margin: 0 auto 24px;
  padding: 20px 26px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  border: 1px solid var(--premium-line);
  border-radius: 20px;
  background: var(--premium-panel);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .09);
}
body:not(.admin-view) .trust-strip article { gap: 12px; padding: 3px 14px; border-inline-end: 1px solid var(--premium-line); }
body:not(.admin-view) .trust-strip article:last-child { border: 0; }
body:not(.admin-view) .trust-icon { width: 42px; height: 42px; border-radius: 13px; font-size: 20px; }
body:not(.admin-view) .trust-strip b { font-size: 13px; }
body:not(.admin-view) .trust-strip small { margin-top: 3px; font-size: 11px; }

body:not(.admin-view) .program-strip {
  width: min(1420px, calc(100% - 64px));
  min-height: 96px;
  margin: 0 auto;
  padding: 19px 27px;
  border: 1px solid rgba(105, 189, 192, .2);
  border-radius: 18px;
  background: linear-gradient(110deg, rgba(25, 52, 66, .9), rgba(22, 35, 55, .96));
}
body:not(.admin-view) .program-copy { gap: 15px; }
body:not(.admin-view) .program-copy b { font-size: 15px; }
body:not(.admin-view) .program-copy small { margin-top: 4px; font-size: 11px; }
body:not(.admin-view) .program-link { font-size: 12px; }
body:not(.admin-view) .program-icon { width: 42px; height: 42px; border-radius: 13px; font-size: 21px; }
body:not(.admin-view) .live-tag { padding: 6px 10px; border-radius: 8px; font-size: 10px; }

body:not(.admin-view) .products-section {
  width: min(1420px, calc(100% - 64px));
  margin: 68px auto 0;
}
body:not(.admin-view) .section-heading { align-items: end; gap: 24px; margin-bottom: 24px; }
body:not(.admin-view) .section-kicker { font-size: 11px; letter-spacing: .14em; }
body:not(.admin-view) .section-heading h2 { margin: 7px 0 0; font-size: clamp(27px, 2.4vw, 35px); line-height: 1.3; }
body:not(.admin-view) .section-heading h2 span { font-size: .7em; }
body:not(.admin-view) .product-sort { gap: 12px; font-size: 12px; }
body:not(.admin-view) .product-sort select { min-height: 40px; padding: 0 12px; border-radius: 10px; font-size: 12px; }
body:not(.admin-view) .category-pills { gap: 10px; margin-bottom: 20px; }
body:not(.admin-view) .category-pill { min-height: 38px; padding: 8px 16px; border-radius: 999px; font-size: 12px; }
body:not(.admin-view) .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
body:not(.admin-view) .product-card {
  min-width: 0;
  border: 1px solid var(--premium-line);
  border-radius: 20px;
  background: var(--premium-panel);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .11);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
body:not(.admin-view) .product-card:hover { transform: translateY(-5px); border-color: rgba(99, 213, 208, .42); box-shadow: 0 22px 45px rgba(0, 0, 0, .2); }
body:not(.admin-view) .product-media { height: 210px; border-radius: 19px 19px 0 0; }
body:not(.admin-view) .product-visual { width: 128px; height: 148px; border-radius: 18px; }
body:not(.admin-view) .product-visual .visual-icon { font-size: 56px; }
body:not(.admin-view) .product-visual>span { font-size: 11px; }
body:not(.admin-view) .product-info { padding: 19px; }
body:not(.admin-view) .product-info h3 { min-height: 48px; margin: 0 0 7px; font-size: 16px; line-height: 1.5; }
body:not(.admin-view) .product-meta { gap: 7px; font-size: 11px; }
body:not(.admin-view) .variant-label { margin: 10px 0 14px; font-size: 11px; }
body:not(.admin-view) .price-row { align-items: center; gap: 8px; }
body:not(.admin-view) .price-row strong { font-size: 20px; }
body:not(.admin-view) .price-row del { font-size: 11px; }
body:not(.admin-view) .add-button { width: 42px; height: 42px; border-radius: 13px; font-size: 20px; }
body:not(.admin-view) .type-badge { padding: 6px 9px; border-radius: 8px; font-size: 10px; }
body:not(.admin-view) .discount-badge { padding: 6px 9px; border-radius: 9px; font-size: 11px; }
body:not(.admin-view) .region-badge { bottom: 15px; font-size: 10px; }

body:not(.admin-view) .newsletter {
  width: min(1420px, calc(100% - 64px));
  margin: 70px auto 54px;
  padding: 36px 44px;
  border: 1px solid rgba(109, 190, 190, .24);
  border-radius: 22px;
  background: radial-gradient(ellipse at 10% 0, rgba(77, 178, 184, .15), transparent 42%), linear-gradient(115deg, #132b3d, #17253b);
}
body:not(.admin-view) .newsletter-icon { font-size: 26px; }
body:not(.admin-view) .newsletter h2 { margin: 4px 0; font-size: 25px; }
body:not(.admin-view) .newsletter p { font-size: 13px; }
body:not(.admin-view) .newsletter form { width: min(48%, 540px); height: 48px; border-radius: 12px; }
body:not(.admin-view) .newsletter input { padding: 0 14px; font-size: 13px; }
body:not(.admin-view) .newsletter form .button-primary { min-height: 40px; margin: 4px; padding: 8px 15px; font-size: 12px; }

body:not(.admin-view) .site-footer {
  padding: 50px clamp(18px, 5vw, 84px) 0;
  border-top: 1px solid var(--premium-line);
  background: #080f1b;
}
body:not(.admin-view) .footer-main { width: min(1420px, 100%); margin: auto; grid-template-columns: 1.35fr .8fr 1fr 1.2fr; gap: 48px; }
body:not(.admin-view) .footer-brand-block .brand { margin-bottom: 18px; }
body:not(.admin-view) .footer-brand-block p { max-width: 330px; font-size: 13px; line-height: 1.9; }
body:not(.admin-view) .footer-social { gap: 9px; margin-top: 17px; }
body:not(.admin-view) .footer-social a { width: 35px; height: 35px; border-radius: 11px; font-size: 14px; }
body:not(.admin-view) .footer-col { align-content: start; gap: 12px; }
body:not(.admin-view) .footer-col>b { margin-bottom: 5px; font-size: 14px; }
body:not(.admin-view) .footer-col>a { font-size: 12px; }
body:not(.admin-view) .payment-marks { gap: 7px; }
body:not(.admin-view) .pay-mark { min-height: 30px; padding: 5px 8px; border-radius: 7px; font-size: 10px; }
body:not(.admin-view) .secure-payment-note { margin-top: 12px; font-size: 11px; line-height: 1.7; }
body:not(.admin-view) .fx-note { margin-top: 10px; font-size: 10px; }
body:not(.admin-view) .footer-bottom { width: min(1420px, 100%); min-height: 60px; margin: 38px auto 0; padding: 15px 0; border-color: var(--premium-line); font-size: 11px; }
body:not(.admin-view) .whatsapp-float { bottom: 22px; border-radius: 999px; }

/* Customer workspace and invoice preview */
body:not(.admin-view) .account-dashboard { width: min(1320px, calc(100% - 48px)); margin: 44px auto 70px; }
body:not(.admin-view) .account-panel,
body:not(.admin-view) .login-form,
body:not(.admin-view) .login-visual { border-radius: 20px; }
body:not(.admin-view) .account-panel { padding: 27px; }
body:not(.admin-view) .panel-heading h2 { font-size: 22px; }
body:not(.admin-view) .orders-table { overflow-x: auto; }
body:not(.admin-view) .table-head,
body:not(.admin-view) .table-row { min-height: 62px; font-size: 13px; }
body:not(.admin-view) .invoice-link { min-height: 37px; padding: 7px 11px; border: 1px solid rgba(99, 213, 208, .3); border-radius: 10px; color: var(--premium-cyan); background: rgba(99, 213, 208, .08); font-size: 12px; font-weight: 700; cursor: pointer; }
body:not(.admin-view) .invoice-link:disabled { opacity: .52; cursor: not-allowed; }

.invoice-print {
  width: min(760px, calc(100vw - 36px));
  max-width: 760px;
  padding: 40px;
  overflow: auto;
  color: #172538;
  background: #fff;
  border: 1px solid #e2e8ef;
  border-radius: 18px;
  box-shadow: 0 22px 60px rgba(9, 20, 34, .16);
  font-family: "DM Sans", "Tajawal", sans-serif;
}
.invoice-print[dir="rtl"] { font-family: "Tajawal", "DM Sans", sans-serif; }
.invoice-print-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 26px; border-bottom: 1px solid #e6ebf1; }
.invoice-brand { display: flex; align-items: center; gap: 13px; }
.invoice-brand img { display: block; width: 54px; height: 54px; }
.invoice-brand span { display: grid; gap: 5px; }
.invoice-brand b { color: #172c45; font: 800 15px/1.2 "DM Sans", sans-serif; letter-spacing: .05em; }
.invoice-brand small { color: #718096; font-size: 11px; }
.invoice-title { display: grid; gap: 4px; text-align: end; }
.invoice-title>span { color: #55808d; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.invoice-title h2 { margin: 0; color: #122840; font-size: 27px; line-height: 1.2; }
.invoice-title>b { color: #52657a; font: 700 12px "DM Sans", sans-serif; }
.invoice-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 21px 0; }
.invoice-meta>div { display: grid; gap: 5px; min-width: 0; }
.invoice-meta small,.invoice-billto>div>span { color: #8b99aa; font: 800 9px "DM Sans", sans-serif; letter-spacing: .09em; }
.invoice-meta b { color: #263b52; font-size: 12px; overflow-wrap: anywhere; }
.invoice-status-mark { color: #14866f!important; }
.invoice-billto { display: flex; justify-content: space-between; gap: 24px; padding: 19px 20px; border: 1px solid #e8edf2; border-radius: 12px; background: #f8fafc; }
.invoice-billto>div { display: grid; gap: 5px; min-width: 0; }
.invoice-billto>div:last-child { text-align: end; }
.invoice-billto b { color: #26394f; font-size: 13px; }
.invoice-billto small { color: #738297; font-size: 11px; overflow-wrap: anywhere; }
.invoice-items-wrap { margin-top: 24px; overflow-x: auto; }
.invoice-items { width: 100%; border-collapse: collapse; color: #31445b; }
.invoice-items th { padding: 11px 9px; color: #8694a5; border-bottom: 1px solid #e5eaf0; font: 800 9px "DM Sans", sans-serif; letter-spacing: .06em; text-align: start; }
.invoice-items td { padding: 14px 9px; border-bottom: 1px solid #edf0f4; font-size: 11px; white-space: nowrap; }
.invoice-items td:first-child { white-space: normal; }
.invoice-items td:first-child b,.invoice-items td:first-child small { display: block; }
.invoice-items td:first-child b { color: #243a52; font-size: 12px; }
.invoice-items td:first-child small { margin-top: 3px; color: #8996a5; font-size: 9px; }
.invoice-total-area { display: flex; justify-content: flex-end; padding: 17px 0 22px; }
.invoice-total-lines { width: min(300px, 100%); }
.invoice-total-lines p { display: flex; justify-content: space-between; gap: 20px; margin: 0; padding: 7px 0; color: #738197; font-size: 11px; }
.invoice-total-lines p b { color: #32475d; white-space: nowrap; }
.invoice-total-lines .invoice-grand-total { margin-top: 7px; padding-top: 13px; border-top: 1px solid #dfe6ed; color: #24394e; font-size: 12px; font-weight: 800; }
.invoice-total-lines .invoice-grand-total b { color: #0a8a7c; font-size: 18px; }
.invoice-void-note { display: grid; gap: 3px; margin-bottom: 17px; padding: 11px 13px; border: 1px solid #f1cdd1; border-radius: 10px; color: #aa3f4a; background: #fff7f7; font-size: 11px; }
.invoice-footer { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-top: 18px; border-top: 1px solid #e7ecf1; }
.invoice-footer>div { display: grid; gap: 5px; }
.invoice-footer b { color: #334b60; font-size: 11px; }
.invoice-footer small,.invoice-footer>span { color: #8996a6; font-size: 9px; }
.invoice-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 25px; padding-top: 19px; border-top: 1px solid #e7ecf1; }
.invoice-download-button,.invoice-close-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 43px; padding: 10px 16px; border-radius: 10px; font-size: 12px; font-weight: 700; cursor: pointer; }
.invoice-download-button { border: 0; color: #fff; background: #117d7c; box-shadow: 0 7px 16px rgba(17, 125, 124, .18); }
.invoice-download-button:hover { background: #0e6e70; }
.invoice-download-button>span { font-size: 18px; }
.invoice-close-button { border: 1px solid #dfe6ed; color: #53677c; background: #fff; }
.invoice-actions>small { flex: 1 1 100%; color: #8391a1; font-size: 10px; }

/* Key inventory: balanced desktop card, full width paste area, clear upload action. */
body.admin-view .inventory-panel { display: grid; gap: 24px; }
body.admin-view .inventory-stats { gap: 13px; }
body.admin-view .inventory-stats>article { min-height: 94px; padding: 18px 20px; border-radius: 15px; }
body.admin-view .inventory-stats>article small { font-size: 12px; }
body.admin-view .inventory-stats>article b { margin-top: 8px; font-size: 23px; }
body.admin-view .inventory-entry-card {
  width: min(1120px, 100%);
  margin-inline: auto;
  padding: 28px 32px 30px;
  border: 1px solid rgba(145, 173, 203, .2);
  border-radius: 21px;
  background:
    radial-gradient(ellipse at 92% 0, rgba(39, 127, 136, .13), transparent 42%),
    linear-gradient(145deg, #142335, #101c2a 70%);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .14);
}
body.admin-view .inventory-entry-intro { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; }
body.admin-view .inventory-entry-icon { display: grid; place-items: center; flex: 0 0 46px; width: 46px; height: 46px; border: 1px solid rgba(99, 213, 208, .24); border-radius: 14px; color: #77dfd4; background: rgba(69, 174, 171, .12); font-size: 22px; }
body.admin-view .inventory-entry-intro .section-kicker { color: #8aafbd; font-size: 10px; letter-spacing: .13em; }
body.admin-view .inventory-entry-intro h3 { margin: 4px 0 5px; color: #f1f6fa; font-size: 22px; line-height: 1.35; }
body.admin-view .inventory-entry-intro p { max-width: 670px; margin: 0; color: #a9b8c8; font-size: 13px; line-height: 1.7; }
body.admin-view #liveInventoryForm.serial-drop {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px 24px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.admin-view #liveInventoryForm.serial-drop>label { display: flex; flex-direction: column; align-items: stretch; gap: 9px; min-width: 0; margin: 0; color: #e0e9f1; text-align: start; font-size: 13px; font-weight: 700; }
body.admin-view #liveInventoryForm .inventory-product-field { grid-column: 1; }
body.admin-view #liveInventoryForm .inventory-file-field { grid-column: 2; }
body.admin-view #liveInventoryForm .inventory-keys-field { grid-column: 1 / -1; }
body.admin-view #liveInventoryForm.serial-drop select,
body.admin-view #liveInventoryForm.serial-drop textarea {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 48px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #33465c;
  border-radius: 11px;
  color: #edf4fa;
  background: #0d1928;
  outline: 0;
  font-size: 13px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
  transition: border-color .2s ease, box-shadow .2s ease;
}
body.admin-view #liveInventoryForm.serial-drop select:focus,
body.admin-view #liveInventoryForm.serial-drop textarea:focus { border-color: #59c7c4; box-shadow: 0 0 0 3px rgba(89, 199, 196, .13); }
body.admin-view #liveInventoryForm.serial-drop textarea { min-height: 190px; resize: vertical; line-height: 1.8; font: 13px/1.8 ui-monospace, SFMono-Regular, Menlo, monospace; }
body.admin-view #liveInventoryForm.serial-drop textarea::placeholder { color: #718298; }
body.admin-view #liveInventoryForm.serial-drop label>small { color: #90a2b5; font-size: 11px; font-weight: 400; }
body.admin-view #liveInventoryForm .inventory-field-label { display: flex; align-items: center; gap: 8px; }
body.admin-view #liveInventoryForm .inventory-field-label em { padding: 3px 7px; border: 1px solid rgba(134, 163, 191, .2); border-radius: 999px; color: #9fb0c2; font-size: 9px; font-style: normal; letter-spacing: .06em; }
body.admin-view #liveInventoryForm .inventory-file-drop { display: flex; align-items: center; gap: 13px; min-height: 74px; padding: 12px 14px; border: 1px dashed #476177; border-radius: 12px; background: rgba(7, 19, 32, .52); transition: border-color .2s ease, background .2s ease; }
body.admin-view #liveInventoryForm .inventory-file-drop:hover { border-color: #68d4ce; background: rgba(31, 93, 99, .14); }
body.admin-view #liveInventoryForm .inventory-upload-icon { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 11px; color: #76d8d0; background: rgba(79, 188, 185, .13); font-size: 23px; }
body.admin-view #liveInventoryForm .inventory-file-drop>span:nth-child(2) { display: grid; gap: 4px; min-width: 0; }
body.admin-view #liveInventoryForm .inventory-file-drop b { color: #e5eef5; font-size: 12px; }
body.admin-view #liveInventoryForm .inventory-file-drop small { color: #91a2b4; font-size: 10px; }
body.admin-view #liveInventoryForm .inventory-file-drop input[type="file"] { width: min(250px, 42%); max-width: 100%; margin-inline-start: auto; color: #adbccd; font-size: 10px; }
body.admin-view #liveInventoryForm .inventory-file-drop input[type="file"]::file-selector-button { min-height: 33px; margin-inline-end: 8px; padding: 6px 10px; border: 1px solid #3e5a6c; border-radius: 8px; color: #d7e5ed; background: #1b3041; font-size: 10px; cursor: pointer; }
body.admin-view #liveInventoryForm .inventory-form-footer { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 18px; padding-top: 18px; border-top: 1px solid rgba(147, 173, 198, .15); }
body.admin-view #liveInventoryForm .inventory-form-footer .auth-status { margin: 0; color: #9fb1c2; font-size: 11px; line-height: 1.7; }
body.admin-view #liveInventoryForm .inventory-form-footer .admin-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex: 0 0 auto; min-height: 46px; margin: 0; padding: 11px 19px; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(135deg, #158d8b, #267d91); box-shadow: 0 8px 20px rgba(14, 127, 133, .18); font-size: 13px; font-weight: 700; }
body.admin-view #liveInventoryForm .inventory-form-footer .admin-primary:hover { filter: brightness(1.1); transform: translateY(-1px); }
body.admin-view .admin-live-grid { gap: 12px; }
body.admin-view .admin-live-grid>.admin-panel { min-height: 80px; gap: 7px; padding: 16px 18px; border: 1px solid #e0e7ee; border-radius: 14px; background: #fff; }
body.admin-view .admin-live-grid>.admin-panel b { color: #34475c; font-size: 13px; }
body.admin-view .admin-live-grid>.admin-panel small { color: #74859a; font-size: 11px; line-height: 1.65; }
body.admin-view .preview-inventory-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px 24px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.admin-view .preview-inventory-form>label { display: flex; flex-direction: column; align-items: stretch; gap: 9px; min-width: 0; margin: 0; color: #e0e9f1; text-align: start; font-size: 13px; font-weight: 700; }
body.admin-view .preview-inventory-form .inventory-product-field { grid-column: 1; }
body.admin-view .preview-inventory-form .inventory-file-field { grid-column: 2; }
body.admin-view .preview-inventory-form .inventory-keys-field { grid-column: 1 / -1; }
body.admin-view .preview-inventory-form select,
body.admin-view .preview-inventory-form textarea { display: block; width: 100%; max-width: none; min-height: 48px; margin: 0; padding: 12px 14px; border: 1px solid #33465c; border-radius: 11px; color: #edf4fa; background: #0d1928; outline: 0; font-size: 13px; }
body.admin-view .preview-inventory-form textarea { min-height: 190px; resize: vertical; line-height: 1.8; font: 13px/1.8 ui-monospace, SFMono-Regular, Menlo, monospace; }
body.admin-view .preview-inventory-form label>small { color: #90a2b5; font-size: 11px; font-weight: 400; }
body.admin-view .preview-inventory-form .inventory-field-label { display: flex; align-items: center; gap: 8px; }
body.admin-view .preview-inventory-form .inventory-field-label em { padding: 3px 7px; border: 1px solid rgba(134, 163, 191, .2); border-radius: 999px; color: #9fb0c2; font-size: 9px; font-style: normal; }
body.admin-view .preview-inventory-form .inventory-file-drop { display: flex; align-items: center; gap: 13px; min-height: 74px; padding: 12px 14px; border: 1px dashed #476177; border-radius: 12px; background: rgba(7, 19, 32, .52); }
body.admin-view .preview-inventory-form .inventory-upload-icon { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 11px; color: #76d8d0; background: rgba(79, 188, 185, .13); font-size: 23px; }
body.admin-view .preview-inventory-form .inventory-file-drop>span:nth-child(2) { display: grid; gap: 4px; min-width: 0; }
body.admin-view .preview-inventory-form .inventory-file-drop b { color: #e5eef5; font-size: 12px; }
body.admin-view .preview-inventory-form .inventory-file-drop small { color: #91a2b4; font-size: 10px; }
body.admin-view .preview-inventory-form .inventory-file-drop input[type="file"] { width: min(250px, 42%); max-width: 100%; margin-inline-start: auto; color: #adbccd; font-size: 10px; }
body.admin-view .preview-inventory-form .inventory-file-drop input[type="file"]::file-selector-button { min-height: 33px; margin-inline-end: 8px; padding: 6px 10px; border: 1px solid #3e5a6c; border-radius: 8px; color: #d7e5ed; background: #1b3041; font-size: 10px; cursor: pointer; }
body.admin-view .preview-inventory-form .inventory-form-footer { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 18px; padding-top: 18px; border-top: 1px solid rgba(147, 173, 198, .15); }
body.admin-view .preview-inventory-form .inventory-form-footer .auth-status { margin: 0; color: #9fb1c2; font-size: 11px; line-height: 1.7; }
body.admin-view .preview-inventory-form .inventory-form-footer .admin-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex: 0 0 auto; min-height: 46px; margin: 0; padding: 11px 19px; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(135deg, #158d8b, #267d91); box-shadow: 0 8px 20px rgba(14, 127, 133, .18); font-size: 13px; font-weight: 700; }

body[data-theme="light"]:not(.admin-view) { color: #25384e; background: #f3f6fa; }
body[data-theme="light"]:not(.admin-view) .flash-strip { color: #29475c; background: linear-gradient(90deg, #e4f1f3, #eef1f9 54%, #edf2fa); }
body[data-theme="light"]:not(.admin-view) .flash-count,
body[data-theme="light"]:not(.admin-view) .support-link { color: #617489; }
body[data-theme="light"]:not(.admin-view) .utility-bar,
body[data-theme="light"]:not(.admin-view) .category-nav { color: #617489; background: #fff; border-color: #e2e8ef; }
body[data-theme="light"]:not(.admin-view) .main-header { background: rgba(255, 255, 255, .96); border-color: #e2e8ef; }
body[data-theme="light"]:not(.admin-view) .brand-name { color: #1d3045; }
body[data-theme="light"]:not(.admin-view) .brand-name small { color: #6a7a8c; }
body[data-theme="light"]:not(.admin-view) .search-box { border-color: #dce4ec; background: #f7f9fb; }
body[data-theme="light"]:not(.admin-view) .search-box input { color: #26394e; }
body[data-theme="light"]:not(.admin-view) .header-action { color: #43586e; }
body[data-theme="light"]:not(.admin-view) .category-nav .nav-cat { color: #53697e; }
body[data-theme="light"]:not(.admin-view) .hero-wrap { background: radial-gradient(ellipse at 80% 10%, rgba(98, 207, 203, .18), transparent 36%), linear-gradient(112deg, #f9fcff, #eaf4f5 60%, #edf0fa); border-color: #d6e5e9; box-shadow: 0 25px 65px rgba(31, 56, 77, .12); }
body[data-theme="light"]:not(.admin-view) .hero-wrap:after { background: linear-gradient(90deg, rgba(247, 251, 253, .08), transparent 74%); }
body[data-theme="light"]:not(.admin-view) .hero-copy h1 { color: #18334b; }
body[data-theme="light"]:not(.admin-view) .hero-copy p { color: #5e7387; }
body[data-theme="light"]:not(.admin-view) .eyebrow,
body[data-theme="light"]:not(.admin-view) .hero-proof { color: #587387; }
body[data-theme="light"]:not(.admin-view) .button-quiet { color: #3a6376; }
body[data-theme="light"]:not(.admin-view) .trust-strip,
body[data-theme="light"]:not(.admin-view) .product-card { color: #293c52; background: #fff; border-color: #e2e8ee; box-shadow: 0 14px 36px rgba(30, 52, 75, .07); }
body[data-theme="light"]:not(.admin-view) .trust-strip b,
body[data-theme="light"]:not(.admin-view) .section-heading h2,
body[data-theme="light"]:not(.admin-view) .product-info h3 { color: #22374e; }
body[data-theme="light"]:not(.admin-view) .trust-strip small,
body[data-theme="light"]:not(.admin-view) .product-meta,
body[data-theme="light"]:not(.admin-view) .variant-label { color: #748498; }
body[data-theme="light"]:not(.admin-view) .program-strip { color: #294156; border-color: #d8e7e9; background: linear-gradient(110deg, #ebf7f6, #edf1f8); }
body[data-theme="light"]:not(.admin-view) .program-copy b { color: #26465a; }
body[data-theme="light"]:not(.admin-view) .program-copy small { color: #6c8291; }
body[data-theme="light"]:not(.admin-view) .product-sort,
body[data-theme="light"]:not(.admin-view) .product-sort select,
body[data-theme="light"]:not(.admin-view) .category-pill { color: #5b7085; }
body[data-theme="light"]:not(.admin-view) .product-sort select,
body[data-theme="light"]:not(.admin-view) .category-pill { border-color: #dfe6ed; background: #fff; }
body[data-theme="light"]:not(.admin-view) .newsletter { color: #294258; border-color: #d6e6e9; background: radial-gradient(ellipse at 10% 0, rgba(77, 178, 184, .13), transparent 42%), linear-gradient(115deg, #eaf5f5, #edf1f8); }
body[data-theme="light"]:not(.admin-view) .newsletter h2 { color: #223c52; }
body[data-theme="light"]:not(.admin-view) .newsletter p { color: #62778a; }
body[data-theme="light"]:not(.admin-view) .site-footer { color: #dce7ef; background: #101c2b; }
body[data-theme="light"]:not(.admin-view) .footer-col>a,
body[data-theme="light"]:not(.admin-view) .footer-brand-block p { color: #a8b8c7; }

@media (max-width: 1100px) {
  body:not(.admin-view) .main-header { gap: 18px; }
  body:not(.admin-view) .header-actions { gap: 9px; }
  body:not(.admin-view) .hero-wrap { min-height: 455px; padding-inline: 48px; }
  body:not(.admin-view) .hero-art { width: 41%; transform: scale(.88); }
  body:not(.admin-view) .trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body:not(.admin-view) .trust-strip article:nth-child(2) { border: 0; }
  body:not(.admin-view) .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body:not(.admin-view) .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
}

@media (max-width: 900px) and (min-width: 721px) {
  body:not(.admin-view) .main-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 18px; padding-block: 12px; }
  body:not(.admin-view) .search-box { grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; }
  body:not(.admin-view) .header-actions { grid-column: 2; grid-row: 1; }
  body:not(.admin-view) .hero-wrap { min-height: 430px; padding-inline: 34px; }
  body:not(.admin-view) .hero-copy h1 { font-size: 40px; }
  body:not(.admin-view) .hero-copy p { font-size: 14px; }
}

@media (max-width: 720px) {
  body:not(.admin-view) .flash-strip { min-height: 36px; padding-inline: 8px; font-size: 10px; }
  body:not(.admin-view) .flash-count { font-size: 9px; }
  body:not(.admin-view) .promo-code { font-size: 9px; }
  body:not(.admin-view) .utility-bar { min-height: 38px; padding: 6px 12px; }
  body:not(.admin-view) .main-header { min-height: 70px; padding: 10px 14px; gap: 8px; }
  body:not(.admin-view) .brand { gap: 8px; }
  body:not(.admin-view) .brand-icon { width: 37px; height: 37px; }
  body:not(.admin-view) .brand-name { font-size: 11px; }
  body:not(.admin-view) .brand-name small { font-size: 8px; }
  body:not(.admin-view) .header-actions { gap: 6px; }
  body:not(.admin-view) .header-action { padding: 4px 2px; }
  body:not(.admin-view) .cart-button { min-height: 35px; padding: 5px 8px; }
  body:not(.admin-view) .category-nav { height: 45px; padding: 0 13px; gap: 17px; }
  body:not(.admin-view) .nav-cat,
  body:not(.admin-view) .nav-special { font-size: 10px; }
  body:not(.admin-view) .hero-wrap { width: calc(100% - 24px); min-height: 545px; margin: 14px auto 13px; padding: 28px 22px; border-radius: 22px; align-items: flex-start; }
  body:not(.admin-view) .hero-wrap:after { background: linear-gradient(180deg, rgba(10, 19, 33, .98), rgba(10, 19, 33, .78) 48%, transparent 100%); }
  body[data-theme="light"]:not(.admin-view) .hero-wrap:after { background: linear-gradient(180deg, rgba(248, 252, 253, .98), rgba(248, 252, 253, .8) 48%, transparent 100%); }
  body:not(.admin-view) .hero-copy { width: 100%; max-width: none; }
  body:not(.admin-view) .hero-copy h1 { margin-top: 13px; font-size: clamp(32px, 9vw, 42px); }
  body:not(.admin-view) .hero-copy p { max-width: 100%; font-size: 13px; line-height: 1.7; }
  body:not(.admin-view) .hero-ctas { gap: 13px; margin-top: 16px; }
  body:not(.admin-view) .button-primary { min-height: 43px; padding: 10px 14px; font-size: 12px; }
  body:not(.admin-view) .hero-proof { flex-wrap: wrap; gap: 8px; margin-top: 15px; font-size: 9px; }
  body:not(.admin-view) .proof-avatars i { width: 26px; height: 26px; font-size: 7px; }
  body:not(.admin-view) .hero-art { top: auto; bottom: -35px; left: 0!important; right: 0!important; inset-inline-end: 0!important; width: 100%; height: 260px; transform: scale(.78); transform-origin: top center; }
  body:not(.admin-view) .hero-controls { bottom: 10px; inset-inline-end: 13px; }
  body:not(.admin-view) .trust-strip { width: calc(100% - 24px); margin: 0 auto 13px; grid-template-columns: 1fr 1fr; gap: 6px; padding: 11px; border-radius: 15px; }
  body:not(.admin-view) .trust-strip article { gap: 7px; padding: 5px; border: 0; }
  body:not(.admin-view) .trust-icon { width: 31px; height: 31px; border-radius: 10px; font-size: 15px; }
  body:not(.admin-view) .trust-strip b { font-size: 9px; }
  body:not(.admin-view) .trust-strip small { font-size: 8px; }
  body:not(.admin-view) .program-strip { width: calc(100% - 24px); min-height: 0; margin: 0 auto; padding: 12px; border-radius: 14px; }
  body:not(.admin-view) .program-copy { gap: 9px; }
  body:not(.admin-view) .program-copy b { font-size: 11px; }
  body:not(.admin-view) .program-copy small { font-size: 8px; }
  body:not(.admin-view) .program-link { font-size: 8px; }
  body:not(.admin-view) .program-icon { width: 32px; height: 32px; font-size: 16px; }
  body:not(.admin-view) .products-section { width: calc(100% - 26px); margin: 42px auto 0; }
  body:not(.admin-view) .section-heading { align-items: start; gap: 8px; margin-bottom: 17px; }
  body:not(.admin-view) .section-heading h2 { font-size: 22px; }
  body:not(.admin-view) .section-heading h2 span { display: block; margin-top: 2px; font-size: 14px; }
  body:not(.admin-view) .product-sort { align-items: flex-end; gap: 5px; font-size: 9px; }
  body:not(.admin-view) .product-sort select { min-height: 34px; max-width: 133px; padding-inline: 7px; font-size: 9px; }
  body:not(.admin-view) .category-pills { gap: 7px; margin-bottom: 12px; }
  body:not(.admin-view) .category-pill { min-height: 32px; padding: 6px 11px; font-size: 9px; }
  body:not(.admin-view) .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  body:not(.admin-view) .product-media { height: 148px; }
  body:not(.admin-view) .product-visual { width: 84px; height: 104px; border-radius: 13px; }
  body:not(.admin-view) .product-visual .visual-icon { font-size: 39px; }
  body:not(.admin-view) .product-info { padding: 10px; }
  body:not(.admin-view) .product-info h3 { min-height: 38px; font-size: 12px; }
  body:not(.admin-view) .product-meta,
  body:not(.admin-view) .variant-label { font-size: 9px; }
  body:not(.admin-view) .price-row strong { font-size: 15px; }
  body:not(.admin-view) .price-row del { font-size: 8px; }
  body:not(.admin-view) .add-button { width: 30px; height: 30px; border-radius: 9px; font-size: 16px; }
  body:not(.admin-view) .type-badge { padding: 5px 7px; font-size: 7px; }
  body:not(.admin-view) .discount-badge { padding: 4px 6px; font-size: 8px; }
  body:not(.admin-view) .newsletter { width: calc(100% - 26px); margin: 42px auto 34px; padding: 21px; border-radius: 17px; }
  body:not(.admin-view) .newsletter h2 { font-size: 17px; }
  body:not(.admin-view) .newsletter p { font-size: 10px; }
  body:not(.admin-view) .newsletter form { width: 100%; height: 40px; margin-top: 14px; }
  body:not(.admin-view) .newsletter form .button-primary { min-height: 32px; font-size: 9px; }
  body:not(.admin-view) .newsletter input { font-size: 10px; }
  body:not(.admin-view) .site-footer { padding: 28px 15px 0; }
  body:not(.admin-view) .footer-main { grid-template-columns: 1fr 1fr; gap: 23px 14px; }
  body:not(.admin-view) .footer-main>div:first-child,
  body:not(.admin-view) .footer-payments { grid-column: 1 / -1; }
  body:not(.admin-view) .footer-brand-block p { font-size: 10px; }
  body:not(.admin-view) .footer-col { gap: 8px; }
  body:not(.admin-view) .footer-col>b { font-size: 11px; }
  body:not(.admin-view) .footer-col>a { font-size: 9px; }
  body:not(.admin-view) .payment-marks { gap: 6px; }
  body:not(.admin-view) .pay-mark { font-size: 9px; }
  body:not(.admin-view) .secure-payment-note { font-size: 9px; }
  body:not(.admin-view) .footer-bottom { min-height: 52px; margin-top: 25px; font-size: 8px; }
  body:not(.admin-view) .account-dashboard { width: calc(100% - 24px); margin: 25px auto 45px; }
  body:not(.admin-view) .account-content { min-width: 0; grid-template-columns: minmax(0, 1fr); }
  body:not(.admin-view) .account-content > .account-panel { min-width: 0; max-width: 100%; }
  body:not(.admin-view) .orders-table { width: 100%; max-width: 100%; }
  body.admin-view .admin-two-col { grid-template-columns: minmax(0, 1fr); min-width: 0; }
  body.admin-view .admin-two-col > .admin-panel { min-width: 0; max-width: 100%; }
  body:not(.admin-view) .account-panel { padding: 13px; }
  body:not(.admin-view) .panel-heading h2 { font-size: 17px; }
  body:not(.admin-view) .invoice-link { min-height: 34px; padding: 6px 8px; font-size: 10px; }
  .invoice-print { width: calc(100vw - 24px); max-height: calc(100vh - 38px); padding: 23px 17px; border-radius: 14px; }
  .invoice-print-head { gap: 12px; padding-bottom: 19px; }
  .invoice-brand { gap: 8px; }
  .invoice-brand img { width: 40px; height: 40px; }
  .invoice-brand b { font-size: 10px; }
  .invoice-brand small { font-size: 9px; }
  .invoice-title h2 { font-size: 20px; }
  .invoice-title>span { font-size: 7px; }
  .invoice-title>b { font-size: 9px; }
  .invoice-meta { gap: 7px; padding: 15px 0; }
  .invoice-meta small,.invoice-billto>div>span { font-size: 7px; }
  .invoice-meta b,.invoice-billto b { font-size: 9px; }
  .invoice-billto { gap: 10px; padding: 12px; }
  .invoice-billto small { font-size: 8px; }
  .invoice-items th { padding: 8px 5px; font-size: 7px; }
  .invoice-items td { padding: 10px 5px; font-size: 8px; }
  .invoice-items td:first-child b { font-size: 9px; }
  .invoice-items td:first-child small { font-size: 7px; }
  .invoice-total-lines p { font-size: 9px; }
  .invoice-total-lines .invoice-grand-total b { font-size: 15px; }
  .invoice-footer { align-items: flex-start; flex-direction: column; gap: 8px; }
  .invoice-actions { gap: 7px; margin-top: 17px; padding-top: 13px; }
  .invoice-download-button,.invoice-close-button { min-height: 39px; padding: 8px 10px; font-size: 10px; }
  .invoice-actions>small { font-size: 8px; }

  body.admin-view .inventory-panel { gap: 16px; }
  body.admin-view .inventory-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body.admin-view .inventory-stats>article { min-height: 70px; padding: 11px 12px; }
  body.admin-view .inventory-stats>article small { font-size: 9px; }
  body.admin-view .inventory-stats>article b { margin-top: 3px; font-size: 17px; }
  body.admin-view .inventory-entry-card { padding: 18px 15px; border-radius: 16px; }
  body.admin-view .inventory-entry-intro { gap: 10px; margin-bottom: 17px; }
  body.admin-view .inventory-entry-icon { flex-basis: 38px; width: 38px; height: 38px; border-radius: 11px; font-size: 18px; }
  body.admin-view .inventory-entry-intro h3 { font-size: 17px; }
  body.admin-view .inventory-entry-intro p { font-size: 10px; }
  body.admin-view #liveInventoryForm.serial-drop { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body.admin-view #liveInventoryForm .inventory-product-field,
  body.admin-view #liveInventoryForm .inventory-file-field,
  body.admin-view #liveInventoryForm .inventory-keys-field,
  body.admin-view #liveInventoryForm .inventory-form-footer { grid-column: 1; }
  body.admin-view #liveInventoryForm.serial-drop>label { gap: 7px; font-size: 11px; }
  body.admin-view #liveInventoryForm.serial-drop select { min-height: 43px; padding: 10px; font-size: 11px; }
  body.admin-view #liveInventoryForm.serial-drop textarea { min-height: 155px; padding: 10px; font-size: 11px; }
  body.admin-view #liveInventoryForm .inventory-file-drop { flex-wrap: wrap; min-height: 68px; padding: 10px; }
  body.admin-view #liveInventoryForm .inventory-file-drop input[type="file"] { width: auto; max-width: 100%; flex: 1 1 170px; font-size: 9px; }
  body.admin-view #liveInventoryForm .inventory-form-footer { align-items: stretch; flex-direction: column; gap: 12px; padding-top: 14px; }
  body.admin-view #liveInventoryForm .inventory-form-footer .auth-status { font-size: 9px; }
  body.admin-view #liveInventoryForm .inventory-form-footer .admin-primary { width: 100%; min-height: 43px; font-size: 11px; }
  body.admin-view .preview-inventory-form { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body.admin-view .preview-inventory-form .inventory-product-field,
  body.admin-view .preview-inventory-form .inventory-file-field,
  body.admin-view .preview-inventory-form .inventory-keys-field,
  body.admin-view .preview-inventory-form .inventory-form-footer { grid-column: 1; }
  body.admin-view .preview-inventory-form>label { gap: 7px; font-size: 11px; }
  body.admin-view .preview-inventory-form select { min-height: 43px; padding: 10px; font-size: 11px; }
  body.admin-view .preview-inventory-form textarea { min-height: 155px; padding: 10px; font-size: 11px; }
  body.admin-view .preview-inventory-form .inventory-file-drop { flex-wrap: wrap; min-height: 68px; padding: 10px; }
  body.admin-view .preview-inventory-form .inventory-file-drop input[type="file"] { width: auto; max-width: 100%; flex: 1 1 170px; font-size: 9px; }
  body.admin-view .preview-inventory-form .inventory-form-footer { align-items: stretch; flex-direction: column; gap: 12px; padding-top: 14px; }
  body.admin-view .preview-inventory-form .inventory-form-footer .auth-status { font-size: 9px; }
  body.admin-view .preview-inventory-form .inventory-form-footer .admin-primary { width: 100%; min-height: 43px; font-size: 11px; }
  body.admin-view .admin-live-grid>.admin-panel { min-height: 68px; padding: 12px; }
  body.admin-view .admin-live-grid>.admin-panel b { font-size: 11px; }
  body.admin-view .admin-live-grid>.admin-panel small { font-size: 9px; }
}

@media print {
  body * { visibility: hidden !important; }
  .invoice-print,.invoice-print * { visibility: visible !important; }
  #modalBackdrop { position: static !important; display: block !important; inset: auto !important; padding: 0 !important; background: #fff !important; }
  #modalCard { position: static !important; width: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; transform: none !important; }
  #modalCard .modal-close,.invoice-actions,.no-print { display: none !important; }
  .invoice-print { position: relative !important; inset: auto !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 12mm !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #172538 !important; background: #fff !important; }
  .invoice-print * { color-adjust: exact; print-color-adjust: exact; }
  .invoice-items tr,.invoice-meta,.invoice-billto,.invoice-total-area,.invoice-footer { break-inside: avoid; }
  @page { size: A4; margin: 8mm; }
}

/* Keep the storefront header in normal document flow on laptop and tablet widths.
   The search row expands the header, so it can never sit on top of categories. */
@media (max-width: 1320px) and (min-width: 721px) {
  body:not(.admin-view) .main-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    min-height: 0;
    padding-block: 12px;
    gap: 10px clamp(12px, 2vw, 24px);
  }

  body:not(.admin-view) .brand {
    order: 1;
    min-width: 0;
    flex: 0 1 auto;
  }

  body:not(.admin-view) .header-actions {
    order: 2;
    min-width: 0;
    flex: 0 1 auto;
    margin-inline-start: auto;
  }

  body:not(.admin-view) .search-box {
    order: 3;
    flex: 1 0 100%;
    width: 100%;
    max-width: none;
    margin: 0;
  }
}

body.admin-view .store-analytics-panel {
  margin: 18px 0 22px;
  padding: clamp(16px, 2vw, 25px);
  border: 1px solid rgba(100, 197, 204, .19);
  border-radius: 19px;
  color: #e8f1fb;
  background: radial-gradient(ellipse at 95% 0, rgba(24, 177, 183, .12), transparent 36%), linear-gradient(145deg, #101e2c, #0b1420 68%);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .13);
}
body.admin-view .traffic-heading,
body.admin-view .traffic-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
body.admin-view .traffic-heading h3 { margin: 5px 0 4px; color: #f2f7fd; font-size: clamp(18px, 2vw, 24px); }
body.admin-view .traffic-heading p { margin: 0; color: #92a5b9; font-size: 12px; }
body.admin-view .traffic-heading .section-kicker { color: #55d8d2; font-size: 9px; letter-spacing: .12em; }
body.admin-view .traffic-window { flex: 0 0 auto; padding: 7px 11px; border: 1px solid rgba(117, 158, 184, .19); border-radius: 999px; color: #b4c8d9; background: rgba(255,255,255,.035); font-size: 10px; }
body.admin-view .traffic-metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin-top: 19px; }
body.admin-view .traffic-metrics article { min-width: 0; padding: 14px; border: 1px solid rgba(126, 160, 183, .14); border-radius: 13px; background: rgba(255,255,255,.035); }
body.admin-view .traffic-metrics small,
body.admin-view .traffic-metrics span { display: block; color: #94a8bb; font-size: 10px; }
body.admin-view .traffic-metrics article>b { display: block; margin: 7px 0 3px; color: #f3f8ff; font: 700 25px/1.1 var(--latin); direction: ltr; text-align: start; }
body.admin-view .traffic-metrics article:nth-child(3)>b { color: #63dfd6; }
body.admin-view .traffic-detail-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 11px; margin-top: 11px; }
body.admin-view .traffic-detail-card,
body.admin-view .traffic-journey-card { min-width: 0; padding: 16px; border: 1px solid rgba(126, 160, 183, .14); border-radius: 14px; background: rgba(255,255,255,.027); }
body.admin-view .traffic-card-heading { align-items: center; margin-bottom: 13px; }
body.admin-view .traffic-card-heading h4 { margin: 0; color: #eaf2fb; font-size: 13px; }
body.admin-view .traffic-card-heading small { display: block; margin-top: 4px; color: #8094a9; font-size: 10px; }
body.admin-view .traffic-card-heading>span { color: #62d4d2; font-size: 14px; }
body.admin-view .traffic-bars { display: grid; gap: 13px; }
body.admin-view .traffic-bar-row { display: grid; grid-template-columns: minmax(82px, .72fr) minmax(60px, 1.5fr) auto auto; align-items: center; gap: 10px; color: #c7d5e1; font-size: 10px; }
body.admin-view .traffic-bar-row>i,
body.admin-view .traffic-country-row>i { display: block; height: 7px; overflow: hidden; border-radius: 10px; background: rgba(145, 166, 185, .13); }
body.admin-view .traffic-bar-row>i>b,
body.admin-view .traffic-country-row>i>b { display: block; height: 100%; min-width: 3px; border-radius: inherit; background: linear-gradient(90deg, #28c7cb, #7a86ff); }
body.admin-view .traffic-bar-row strong { color: #edf4fb; font: 600 10px var(--latin); direction: ltr; white-space: nowrap; }
body.admin-view .traffic-bar-row strong small { color: #8297aa; font: 9px var(--font); }
body.admin-view .traffic-bar-row em { color: #69dab1; font-size: 9px; font-style: normal; white-space: nowrap; }
body.admin-view .traffic-country-row { display: grid; grid-template-columns: 18px minmax(75px, .8fr) minmax(55px, 1fr) 24px; align-items: center; gap: 9px; padding: 8px 0; border-bottom: 1px solid rgba(126,160,183,.1); color: #d9e5ef; font-size: 10px; }
body.admin-view .traffic-country-row:last-child { border-bottom: 0; }
body.admin-view .traffic-country-row strong { color: #eaf2fb; font: 600 10px var(--latin); }
body.admin-view .country-bullet { color: #4ed6d0; }
body.admin-view .traffic-privacy-note { display: block; margin-top: 12px; color: #8197a9; font-size: 9px; line-height: 1.6; }
body.admin-view .traffic-empty { margin: 10px 0; color: #8ea1b3; font-size: 11px; line-height: 1.7; }
body.admin-view .traffic-journey-card { margin-top: 11px; padding-bottom: 7px; }
body.admin-view .traffic-table-wrap { overflow-x: auto; }
body.admin-view .traffic-journey-card table { width: 100%; min-width: 610px; border-collapse: collapse; }
body.admin-view .traffic-journey-card th { padding: 9px 8px; border-bottom: 1px solid rgba(126,160,183,.16); color: #8297aa; font-size: 9px; font-weight: 500; text-align: start; white-space: nowrap; }
body.admin-view .traffic-journey-card td { padding: 10px 8px; border-bottom: 1px solid rgba(126,160,183,.09); color: #c6d5e1; font-size: 10px; white-space: nowrap; }
body.admin-view .traffic-journey-card td>b { color: #67ddd5; font: 700 11px var(--latin); }
body.admin-view .traffic-journey-card .source-chip { color: #b9d2e1; background: rgba(122,153,179,.12); }
body.admin-view[data-theme="light"] .store-analytics-panel { color: #293e51; border-color: #dce8eb; background: radial-gradient(ellipse at 95% 0, rgba(24, 177, 183, .09), transparent 36%), linear-gradient(145deg, #f7fbfb, #f2f6fa 68%); }
body.admin-view[data-theme="light"] .traffic-heading h3,
body.admin-view[data-theme="light"] .traffic-card-heading h4,
body.admin-view[data-theme="light"] .traffic-metrics article>b,
body.admin-view[data-theme="light"] .traffic-country-row strong,
body.admin-view[data-theme="light"] .traffic-bar-row strong { color: #243a4d; }
body.admin-view[data-theme="light"] .traffic-heading p,
body.admin-view[data-theme="light"] .traffic-metrics small,
body.admin-view[data-theme="light"] .traffic-metrics span,
body.admin-view[data-theme="light"] .traffic-card-heading small,
body.admin-view[data-theme="light"] .traffic-empty { color: #6b7f91; }
body.admin-view[data-theme="light"] .traffic-metrics article,
body.admin-view[data-theme="light"] .traffic-detail-card,
body.admin-view[data-theme="light"] .traffic-journey-card { border-color: #e0e8ed; background: rgba(255,255,255,.76); }
body.admin-view[data-theme="light"] .traffic-journey-card td { color: #51677b; border-color: #e7edf1; }
body.admin-view[data-theme="light"] .traffic-journey-card th { color: #778a9a; border-color: #e2eaf0; }
@media (max-width: 900px) {
  body.admin-view .traffic-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.admin-view .traffic-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  body.admin-view .store-analytics-panel { padding: 14px; border-radius: 15px; }
  body.admin-view .traffic-heading { display: block; }
  body.admin-view .traffic-window { display: inline-flex; margin-top: 10px; }
  body.admin-view .traffic-metrics { gap: 7px; }
  body.admin-view .traffic-metrics article { padding: 10px; }
  body.admin-view .traffic-metrics article>b { font-size: 20px; }
  body.admin-view .traffic-metrics small,
  body.admin-view .traffic-metrics span { font-size: 9px; }
  body.admin-view .traffic-detail-card,
  body.admin-view .traffic-journey-card { padding: 12px; }
  body.admin-view .traffic-bar-row { grid-template-columns: minmax(65px,.8fr) minmax(45px,1fr) auto; gap: 7px; }
  body.admin-view .traffic-bar-row em { display: none; }
}
.invoice-brand img{width:120px;height:auto;max-height:60px;object-fit:contain;object-position:center}

/* Additional analytics panel and accessible cart icon */
body.admin-view .traffic-detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.admin-view .device-bar-row { grid-template-columns: minmax(66px,.7fr) minmax(45px,1fr) auto auto; gap: 7px; }
body.admin-view .device-bar-row em { color: #8dc7ff; font: 600 9px var(--latin); }
body.admin-view .admin-table-panel table { min-width: 850px; }
body:not(.admin-view) .cart-glyph { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; color: #1684ff; transform: none; }
body:not(.admin-view) .cart-glyph svg { display:block; width:22px; height:22px; overflow:visible; }
body:not(.admin-view) .cart-button:hover .cart-glyph svg { transform: translateY(-1px); }
body[data-theme="dark"]:not(.admin-view) .cart-glyph { color: #70d8f4; }
@media (max-width: 1100px) { body.admin-view .traffic-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } body.admin-view .traffic-detail-card:last-child { grid-column: 1 / -1; } }
@media (max-width: 900px) { body.admin-view .traffic-detail-grid { grid-template-columns: 1fr; } body.admin-view .traffic-detail-card:last-child { grid-column:auto; } }

/* storefront-reference.css */
/* Reference-led Software Outlet storefront. Admin workspace is intentionally excluded. */
body:not(.admin-view){--store-ink:#101d3b;--store-muted:#687994;--store-blue:#0870f9;--store-line:#e7edf5;--store-surface:#fff;--store-soft:#f3f8fe;color:var(--store-ink);background:#f8fafc;font-family:'DM Sans','Tajawal',sans-serif;line-height:1.55}
body:not(.admin-view)[data-theme="dark"]{--store-ink:#edf4ff;--store-muted:#9eafc7;--store-blue:#65a5ff;--store-line:#25354a;--store-surface:#111c2c;--store-soft:#17263a;background:#0b1421}
body:not(.admin-view) .flash-strip{display:none}
body:not(.admin-view) .utility-bar{min-height:40px;padding:5px max(24px,calc((100vw - 1380px)/2));background:var(--store-surface);border-color:var(--store-line);color:var(--store-muted);font-size:12px}
body:not(.admin-view) .support-link{display:none}
body:not(.admin-view) .utility-actions{width:100%;justify-content:flex-end;gap:10px}
body:not(.admin-view) .review-trigger{margin-inline-end:auto;color:var(--store-ink)}
body:not(.admin-view) .review-trigger small{display:none}
body:not(.admin-view) .select-wrap select,body:not(.admin-view) .lang-toggle,body:not(.admin-view) .theme-toggle{height:32px;min-height:32px;border:1px solid var(--store-line);border-radius:18px;background:var(--store-surface);color:var(--store-ink);font-size:11px;padding:4px 10px}
body:not(.admin-view) .main-header{position:relative;display:grid;grid-template-columns:105px minmax(180px,310px) minmax(275px,1fr) auto;gap:20px;min-height:76px;padding:10px max(24px,calc((100vw - 1380px)/2));background:var(--store-surface);border-color:var(--store-line);box-shadow:0 3px 15px rgba(30,60,100,.035)}
body:not(.admin-view) .brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
body:not(.admin-view) .brand-icon{display:block;width:102px;height:auto;max-height:58px;object-fit:contain}
body:not(.admin-view) .search-box{width:100%;height:42px;border:1px solid var(--store-line);border-radius:24px;background:var(--store-soft);box-shadow:none}
body:not(.admin-view) .search-box input{font-size:12px;color:var(--store-ink)}
body:not(.admin-view) .search-box input::placeholder{color:#8795aa}
body:not(.admin-view) .search-box kbd{display:none}
body:not(.admin-view) .store-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,28px);min-width:0;white-space:nowrap}
body:not(.admin-view) .store-nav a{position:relative;color:var(--store-ink);font-size:12px;font-weight:650;text-decoration:none;padding:12px 0}
body:not(.admin-view) .store-nav a:hover,body:not(.admin-view) .store-nav a:first-child{color:var(--store-blue)}
body:not(.admin-view) .store-nav a:first-child:after{content:"";position:absolute;inset:auto 0 3px;height:2px;border-radius:3px;background:var(--store-blue)}
body:not(.admin-view) .header-actions{gap:9px;align-items:center}
body:not(.admin-view) .header-action{color:var(--store-ink);font-size:12px;padding:7px 3px}
body:not(.admin-view) .header-action:not(.icon-action) [data-i18n]{display:none}
body:not(.admin-view) .action-icon{font-size:20px}
body:not(.admin-view) .cart-button{position:relative;min-height:40px;padding:7px 10px;border:1px solid var(--store-line);border-radius:12px;background:var(--store-surface);color:var(--store-ink)}
body:not(.admin-view) .cart-copy{display:none}
body:not(.admin-view) .category-nav{display:none}
body:not(.admin-view) #storePage{padding:0 0 40px}
body:not(.admin-view) .hero-wrap{display:grid;grid-template-columns:1.08fr .92fr;grid-template-areas:"art copy";align-items:center;gap:24px;width:min(1380px,calc(100% - 64px));min-height:390px;margin:22px auto 28px;padding:30px 42px;border:0;border-radius:20px;background:radial-gradient(ellipse at 7% 70%,#dceeff 0,transparent 38%),linear-gradient(110deg,#edf6ff,#fff 74%);box-shadow:none;overflow:hidden}
body:not(.admin-view)[data-theme="dark"] .hero-wrap{background:radial-gradient(ellipse at 7% 70%,#19314b 0,transparent 40%),linear-gradient(110deg,#12243a,#111c2c 76%)}
body:not(.admin-view) .hero-wrap:after{display:none}
body:not(.admin-view) .hero-glow{display:none}
body:not(.admin-view) .hero-copy{grid-area:copy;position:relative;z-index:2;width:100%;max-width:620px}
body:not(.admin-view) .eyebrow{color:#7388a6;font-size:11px;letter-spacing:.1em}
body:not(.admin-view) .eyebrow-dot{background:#1db693;box-shadow:0 0 0 4px #1db69318}
body:not(.admin-view) .hero-copy h1{margin:13px 0 12px;color:#101d3b;font-size:clamp(32px,3.2vw,48px);line-height:1.1;letter-spacing:-.035em}
body:not(.admin-view)[data-theme="dark"] .hero-copy h1{color:#edf4ff}
body:not(.admin-view) .hero-copy h1 span{color:#0870f9;background:none;-webkit-text-fill-color:initial}
body:not(.admin-view)[data-theme="dark"] .hero-copy h1 span{color:#70adff}
body:not(.admin-view) .hero-copy p{max-width:560px;color:var(--store-muted);font-size:14px;line-height:1.75}
body:not(.admin-view) .hero-ctas{gap:14px;margin-top:22px}
body:not(.admin-view) .button-primary{min-height:44px;padding:10px 18px;border:0;border-radius:24px;background:linear-gradient(110deg,#0869f5,#0877ed);box-shadow:0 8px 17px #0870f92c;color:white;font-size:12px}
body:not(.admin-view) .button-quiet{padding:10px 5px;color:var(--store-ink);font-size:12px}
body:not(.admin-view) .hero-proof{gap:9px;margin-top:21px;color:var(--store-muted);font-size:11px}
body:not(.admin-view) .proof-avatars i{width:27px;height:27px;border:2px solid white;font-size:7px}
body:not(.admin-view) .hero-art{grid-area:art;position:relative;inset:auto;width:100%;height:330px;transform:none;display:flex;align-items:center;justify-content:center}
body:not(.admin-view) .hero-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 20px #193c5c24)}
body:not(.admin-view) .hero-controls{display:none}
body:not(.admin-view) .category-showcase,body:not(.admin-view) .products-section,body:not(.admin-view) .trust-strip,body:not(.admin-view) .program-strip,body:not(.admin-view) .promo-grid,body:not(.admin-view) .newsletter{width:min(1380px,calc(100% - 64px));margin-inline:auto}
body:not(.admin-view) .category-showcase{margin-top:32px}
body:not(.admin-view) .section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}
body:not(.admin-view) .section-kicker{color:#8495ad;font-size:10px;letter-spacing:.1em}
body:not(.admin-view) .section-heading h2{margin:4px 0 0;color:var(--store-ink);font-size:clamp(22px,2.2vw,30px);line-height:1.25}
body:not(.admin-view) .section-heading h2 span{font-size:.76em;color:var(--store-muted)}
body:not(.admin-view) .section-link{color:var(--store-blue);font-size:12px;font-weight:700;text-decoration:none}
body:not(.admin-view) .category-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
body:not(.admin-view) .category-card{position:relative;display:flex;min-height:132px;align-items:center;flex-direction:column;justify-content:center;gap:5px;padding:14px 9px;border:1px solid #edf1f6;border-radius:14px;background:var(--store-surface);color:var(--store-ink);box-shadow:0 5px 18px #233e5a08;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
body:not(.admin-view)[data-theme="dark"] .category-card{border-color:var(--store-line)}
body:not(.admin-view) .category-card:hover{transform:translateY(-3px);border-color:#c8def8;box-shadow:0 10px 24px #23476b14}
body:not(.admin-view) .category-card-logo{display:grid;place-items:center;width:42px;height:42px;color:#0870f9;font-size:29px}
body:not(.admin-view) .category-card-logo .office-mark,body:not(.admin-view) .category-card-logo .autodesk-mark{transform:scale(.75)}
body:not(.admin-view) .category-card>b{font-size:12px;text-align:center;line-height:1.35}
body:not(.admin-view) .category-card>small{color:var(--store-muted);font-size:9px}
body:not(.admin-view) .category-card>i{position:absolute;bottom:7px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--store-soft);color:var(--store-blue);font-style:normal;font-size:11px}
body:not(.admin-view) .trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:23px;margin-bottom:10px;padding:12px 14px;border:1px solid var(--store-line);border-radius:15px;background:var(--store-surface);box-shadow:none}
body:not(.admin-view) .trust-strip article{gap:9px;padding:5px 12px;border-color:var(--store-line)}
body:not(.admin-view) .trust-icon{width:34px;height:34px;border-radius:50%;background:#edf6ff;color:#0870f9;font-size:16px}
body:not(.admin-view)[data-theme="dark"] .trust-icon{background:#1c3552;color:#81b6ff}
body:not(.admin-view) .trust-strip b{font-size:11px;color:var(--store-ink)}
body:not(.admin-view) .trust-strip small{font-size:9px;color:var(--store-muted)}
body:not(.admin-view) .products-section{margin-top:36px}
body:not(.admin-view) .category-pills{display:flex;gap:8px;margin:0 0 16px;overflow:auto;scrollbar-width:none}
body:not(.admin-view) .category-pill{flex:0 0 auto;min-height:31px;padding:6px 12px;border:1px solid var(--store-line);border-radius:18px;background:var(--store-surface);color:var(--store-muted);font-size:10px}
body:not(.admin-view) .category-pill.active{border-color:var(--store-blue);background:#edf5ff;color:var(--store-blue)}
body:not(.admin-view)[data-theme="dark"] .category-pill.active{background:#193452}
body:not(.admin-view) .product-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-8px 0 12px;color:var(--store-muted);font-size:11px}
body:not(.admin-view) .product-toolbar select{height:32px;padding:0 10px;border:1px solid var(--store-line);border-radius:8px;background:var(--store-surface);color:var(--store-ink);font-size:11px}
body:not(.admin-view) .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body:not(.admin-view) .product-card{overflow:hidden;border:1px solid #edf1f6;border-radius:15px;background:var(--store-surface);box-shadow:0 6px 20px #243c5708;transition:transform .2s,box-shadow .2s}
body:not(.admin-view)[data-theme="dark"] .product-card{border-color:var(--store-line)}
body:not(.admin-view) .product-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px #243c5715}
body:not(.admin-view) .product-media{min-height:178px;background:linear-gradient(145deg,#f3f8fd,#fff)}
body:not(.admin-view)[data-theme="dark"] .product-media{background:linear-gradient(145deg,#192a3e,#152234)}
body:not(.admin-view) .product-visual{transform:scale(.82);filter:drop-shadow(0 9px 9px #1e34441d)}
body:not(.admin-view) .discount-badge,body:not(.admin-view) .type-badge,body:not(.admin-view) .region-badge{font-size:9px}
body:not(.admin-view) .wish-button{width:30px;height:30px;background:var(--store-surface);color:var(--store-muted)}
body:not(.admin-view) .product-info{padding:13px 14px 12px}
body:not(.admin-view) .product-meta{color:var(--store-muted);font-size:9px}
body:not(.admin-view) .product-info h3{margin:7px 0 3px;font-size:13px;line-height:1.4}
body:not(.admin-view) .product-info h3 a{color:var(--store-ink)}
body:not(.admin-view) .variant-label{min-height:17px;color:var(--store-muted);font-size:10px}
body:not(.admin-view) .price-row strong{color:var(--store-ink);font-size:17px}
body:not(.admin-view) .price-row del{color:#9aa8ba;font-size:10px}
body:not(.admin-view) .add-button{width:34px;height:34px;border:1px solid #cfe1fa;border-radius:9px;background:var(--store-surface);color:var(--store-blue);font-size:21px}
body:not(.admin-view) .quick-view{margin-top:8px;color:var(--store-blue);font-size:10px}
body:not(.admin-view) .load-more{display:block;margin:18px auto 0;padding:9px 18px;border:1px solid #cfe1fa;border-radius:20px;background:var(--store-surface);color:var(--store-blue);font-size:11px}
body:not(.admin-view) .feature-banner{position:relative;overflow:hidden;border-radius:16px}
body:not(.admin-view) .windows-feature{display:flex;align-items:center;min-height:238px;margin:25px auto 16px;padding:28px 38px;background:linear-gradient(100deg,#e5f2ff,#f2f8ff 55%,#d5ebff);color:#101d3b}
body:not(.admin-view)[data-theme="dark"] .windows-feature{background:linear-gradient(100deg,#172d47,#1a2b43 55%,#23456a);color:#edf4ff}
body:not(.admin-view) .windows-feature>div{position:relative;z-index:1;max-width:48%}
body:not(.admin-view) .feature-brand{display:flex;align-items:center;gap:9px;color:var(--store-ink);font-size:11px;font-weight:800}
body:not(.admin-view) .windows-feature-brand{color:#0870f9;font-size:17px}
body:not(.admin-view) .windows-feature-brand i{font-size:28px;font-style:normal}
body:not(.admin-view) .feature-banner h2{margin:9px 0 5px;font-size:clamp(19px,2vw,27px);line-height:1.2}
body:not(.admin-view) .feature-banner p{max-width:400px;margin:0;color:var(--store-muted);font-size:11px}
body:not(.admin-view) .feature-link{margin-top:13px;padding:9px 15px;border:0;border-radius:20px;background:#fff;color:#13264a;font-size:10px;font-weight:750;box-shadow:0 4px 14px #1c426018;cursor:pointer}
body:not(.admin-view) .windows-feature>img{position:absolute;inset-inline-end:0;top:-20%;width:52%;height:140%;object-fit:contain;filter:drop-shadow(0 12px 10px #1a3d5b24)}
body:not(.admin-view) .promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body:not(.admin-view) .promo-grid .feature-banner{display:flex;flex-direction:column;justify-content:space-between;min-height:195px;padding:21px 24px}
body:not(.admin-view) .office-feature{background:linear-gradient(120deg,#fff2ec,#fffaf7)}
body:not(.admin-view)[data-theme="dark"] .office-feature{background:linear-gradient(120deg,#382a2a,#242437)}
body:not(.admin-view) .autodesk-feature{background:linear-gradient(120deg,#eaf4ff,#f6faff)}
body:not(.admin-view)[data-theme="dark"] .autodesk-feature{background:linear-gradient(120deg,#1a3047,#18263a)}
body:not(.admin-view) .office-brand-mark{display:grid;place-items:center;width:27px;height:27px;background:#ef4b24;color:#fff;font-size:18px}
body:not(.admin-view) .office-feature h2{max-width:280px;color:#e64c26}
body:not(.admin-view) .autodesk-feature h2{max-width:260px}
body:not(.admin-view) .program-strip{display:flex;min-height:82px;margin-top:17px;padding:14px 20px;border:1px solid var(--store-line);border-radius:14px;background:var(--store-surface);box-shadow:none}
body:not(.admin-view) .program-copy{flex:1;gap:10px}
body:not(.admin-view) .program-copy b{color:var(--store-ink);font-size:12px}
body:not(.admin-view) .program-copy small{color:var(--store-muted);font-size:9px}
body:not(.admin-view) .program-link{color:var(--store-blue);font-size:10px}
body:not(.admin-view) .program-divider{height:40px;background:var(--store-line)}
body:not(.admin-view) .newsletter{margin-top:17px;padding:18px 22px;border-radius:15px;background:linear-gradient(100deg,#eaf4ff,#f1f7ff);color:#142344}
body:not(.admin-view)[data-theme="dark"] .newsletter{background:linear-gradient(100deg,#172d47,#1d304a);color:#edf4ff}
body:not(.admin-view) .newsletter h2{font-size:18px}
body:not(.admin-view) .newsletter p{font-size:10px;color:var(--store-muted)}
body:not(.admin-view) .newsletter input{min-height:41px;border:1px solid var(--store-line);border-radius:22px;background:var(--store-surface);color:var(--store-ink);font-size:11px}
body:not(.admin-view) .newsletter button{min-height:40px}
body:not(.admin-view) .site-footer{margin-top:27px;border-top:1px solid var(--store-line);background:var(--store-surface);color:var(--store-ink)}
body:not(.admin-view) .footer-main{width:min(1380px,calc(100% - 64px));margin:auto;padding:27px 0 20px;grid-template-columns:1.5fr 1fr 1.2fr 1.2fr;gap:36px}
body:not(.admin-view) .footer-brand-block .brand-icon{width:118px;max-height:60px}
body:not(.admin-view) .footer-brand-block p,body:not(.admin-view) .footer-col a,body:not(.admin-view) .secure-payment-note,body:not(.admin-view) .fx-note{color:var(--store-muted);font-size:10px}
body:not(.admin-view) .footer-col>b{font-size:11px}
body:not(.admin-view) .footer-col a{margin-top:7px;text-decoration:none}
body:not(.admin-view) .footer-social a{color:var(--store-blue);border-color:var(--store-line)}
body:not(.admin-view) .payment-marks{gap:5px;flex-wrap:wrap}
body:not(.admin-view) .pay-mark{padding:5px 7px;border:1px solid var(--store-line);border-radius:5px;background:#fff;font-size:9px}
body:not(.admin-view) .footer-bottom{width:min(1380px,calc(100% - 64px));margin:auto;padding:10px 0;border-top:1px solid var(--store-line);color:var(--store-muted);font-size:9px}
body:not(.admin-view) .whatsapp-float{border:1px solid #cce9dc;box-shadow:0 8px 22px #18452f20}
@media(max-width:1100px){body:not(.admin-view) .main-header{grid-template-columns:90px minmax(155px,1fr) auto;gap:14px}body:not(.admin-view) .store-nav{grid-column:2 / 4;grid-row:2;justify-content:flex-start;order:2;margin-top:-7px}body:not(.admin-view) .header-actions{grid-column:3;grid-row:1}body:not(.admin-view) .search-box{grid-column:2;grid-row:1}body:not(.admin-view) .main-header{padding-block:8px}body:not(.admin-view) .category-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){body:not(.admin-view) .utility-bar{padding:5px 14px}body:not(.admin-view) .review-trigger b{font-size:10px}body:not(.admin-view) .utility-actions{gap:5px}body:not(.admin-view) .select-wrap select,body:not(.admin-view) .lang-toggle,body:not(.admin-view) .theme-toggle{padding:3px 7px;font-size:9px}body:not(.admin-view) .main-header{grid-template-columns:74px 1fr auto;gap:8px;padding:9px 14px}body:not(.admin-view) .brand-icon{width:72px;max-height:43px}body:not(.admin-view) .search-box{grid-column:2;grid-row:1;height:37px}body:not(.admin-view) .search-box input{font-size:10px}body:not(.admin-view) .store-nav{grid-column:1 / 4;grid-row:2;justify-content:space-between;gap:8px;margin-top:0;overflow:auto}body:not(.admin-view) .store-nav a{font-size:10px;padding:6px 0}body:not(.admin-view) .header-actions{grid-column:3;grid-row:1;gap:4px}body:not(.admin-view) .header-action{padding:4px 1px}body:not(.admin-view) .header-action:not(.icon-action){display:none}body:not(.admin-view) .action-icon{font-size:17px}body:not(.admin-view) .cart-button{min-height:35px;padding:5px 7px}body:not(.admin-view) .hero-wrap{grid-template-columns:1fr;grid-template-areas:"art" "copy";gap:3px;width:calc(100% - 24px);min-height:auto;margin:12px auto 22px;padding:12px 19px 21px;border-radius:15px}body:not(.admin-view) .hero-art{height:210px;margin:-5px 0 0}body:not(.admin-view) .hero-copy{max-width:none}body:not(.admin-view) .hero-copy h1{font-size:34px}body:not(.admin-view) .hero-copy p{font-size:12px}body:not(.admin-view) .hero-proof{flex-wrap:wrap;font-size:9px}.category-showcase,body:not(.admin-view) .products-section,body:not(.admin-view) .trust-strip,body:not(.admin-view) .program-strip,body:not(.admin-view) .promo-grid,body:not(.admin-view) .newsletter{width:calc(100% - 28px)}body:not(.admin-view) .section-heading h2{font-size:21px}body:not(.admin-view) .section-link{font-size:10px}body:not(.admin-view) .category-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body:not(.admin-view) .category-card{min-height:111px;padding:10px 4px}body:not(.admin-view) .category-card>b{font-size:10px}body:not(.admin-view) .category-card>small{font-size:8px}body:not(.admin-view) .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}body:not(.admin-view) .trust-strip article{padding:5px;border:0}body:not(.admin-view) .trust-strip b{font-size:9px}body:not(.admin-view) .trust-strip small{font-size:8px}body:not(.admin-view) .products-section{margin-top:28px}body:not(.admin-view) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body:not(.admin-view) .product-media{min-height:135px}body:not(.admin-view) .product-visual{transform:scale(.65)}body:not(.admin-view) .product-info{padding:10px}body:not(.admin-view) .product-info h3{font-size:11px}body:not(.admin-view) .variant-label{font-size:9px}body:not(.admin-view) .price-row strong{font-size:14px}body:not(.admin-view) .add-button{width:30px;height:30px}body:not(.admin-view) .windows-feature{width:calc(100% - 28px);min-height:240px;margin-top:19px;padding:18px}body:not(.admin-view) .windows-feature>div{max-width:65%}body:not(.admin-view) .windows-feature>img{inset-inline-end:-15%;width:65%;opacity:.85}body:not(.admin-view) .feature-banner h2{font-size:17px}body:not(.admin-view) .feature-banner p{font-size:9px}body:not(.admin-view) .promo-grid{grid-template-columns:1fr;gap:9px}body:not(.admin-view) .promo-grid .feature-banner{min-height:165px;padding:16px 18px}body:not(.admin-view) .program-strip{flex-direction:column;gap:8px;padding:11px}body:not(.admin-view) .program-divider{width:100%;height:1px}body:not(.admin-view) .program-copy{gap:7px}body:not(.admin-view) .program-copy b{font-size:10px}body:not(.admin-view) .program-copy small{font-size:8px}body:not(.admin-view) .program-link{font-size:9px}body:not(.admin-view) .newsletter{display:block;padding:17px}body:not(.admin-view) .newsletter form{margin-top:10px}body:not(.admin-view) .newsletter form input{min-width:0}body:not(.admin-view) .footer-main{width:calc(100% - 32px);grid-template-columns:1fr 1fr;gap:22px;padding:22px 0}body:not(.admin-view) .footer-brand-block{grid-column:1 / -1}body:not(.admin-view) .footer-col{min-width:0}body:not(.admin-view) .footer-bottom{width:calc(100% - 32px);gap:8px;font-size:8px}}
@media(max-width:390px){body:not(.admin-view) .review-trigger{display:none}body:not(.admin-view) .utility-actions{justify-content:center}body:not(.admin-view) .hero-copy h1{font-size:30px}body:not(.admin-view) .category-card>small{display:none}body:not(.admin-view) .header-actions .icon-action{display:none}}
/* Explicit grid tracks keep the logo, search, navigation and account actions aligned in RTL/LTR. */
body:not(.admin-view) .main-header{grid-template-areas:"brand search nav actions"}
body:not(.admin-view) .main-header>.brand{grid-area:brand}
body:not(.admin-view) .main-header>.search-box{grid-area:search}
body:not(.admin-view) .main-header>.store-nav{grid-area:nav}
body:not(.admin-view) .main-header>.header-actions{grid-area:actions}
body:not(.admin-view) .brand-icon{mix-blend-mode:multiply}
body:not(.admin-view)[data-theme="dark"] .brand-icon{mix-blend-mode:normal}
@media(max-width:1100px){body:not(.admin-view) .main-header{grid-template-areas:"brand search actions" "nav nav nav";grid-template-columns:88px minmax(0,1fr) auto;row-gap:3px}body:not(.admin-view) .main-header>.store-nav{grid-area:nav;grid-column:1 / -1;grid-row:2;justify-content:center;margin:0;overflow-x:auto}body:not(.admin-view) .main-header>.header-actions{grid-area:actions;grid-column:3;grid-row:1}body:not(.admin-view) .main-header>.search-box{grid-area:search;grid-column:2;grid-row:1}}
@media(max-width:720px){body:not(.admin-view) .main-header{grid-template-areas:"brand search actions" "nav nav nav";grid-template-columns:74px minmax(0,1fr) auto}}
/* Fit the complete wordmark to its layout cell; never enlarge-and-crop the source canvas. */
body:not(.admin-view) .main-header>.brand{width:108px;height:56px;min-width:0;overflow:visible;justify-content:center}
body:not(.admin-view) .main-header>.brand .brand-icon{display:block;flex:none;width:100%;height:auto;max-width:100%;max-height:56px;object-fit:contain;position:static;transform:none;mix-blend-mode:normal}
body:not(.admin-view) .footer-brand-block>.brand{width:170px;height:58px;min-width:0;overflow:visible;justify-content:flex-start}
body:not(.admin-view) .footer-brand-block>.brand .brand-icon{display:block;flex:none;width:100%;height:auto;max-width:100%;max-height:58px;object-fit:contain;position:static;transform:none;mix-blend-mode:normal}
@media(max-width:1100px){body:not(.admin-view) .main-header>.brand{width:88px;height:48px}body:not(.admin-view) .main-header>.brand .brand-icon{width:100%;max-height:48px}}
@media(max-width:720px){body:not(.admin-view) .main-header{grid-template-columns:90px minmax(0,1fr) auto}body:not(.admin-view) .main-header>.brand{width:90px;height:48px}body:not(.admin-view) .main-header>.brand .brand-icon{width:100%;max-height:48px}}
.admin-view .admin-brand{width:230px;height:70px;min-width:0;overflow:visible;justify-content:flex-start;padding:0}
.admin-view .admin-brand .brand-icon{display:block;flex:none;width:min(100%,180px);height:auto;max-height:64px;object-fit:contain;background:none;border:0;border-radius:0;box-shadow:none;filter:none}
@media(max-width:720px){.admin-view .admin-brand{width:130px;height:46px;padding:0}.admin-view .admin-brand .brand-icon{width:100%;max-height:44px}}
.signup-brand .signup-full-logo{width:190px;height:auto;max-height:84px;object-fit:contain;filter:none}
body[data-theme="dark"] .signup-brand .signup-full-logo,body[data-theme="dark"] .login-visual .login-full-logo{filter:none}
body[data-theme="light"] .login-visual .login-full-logo{filter:none}
.login-brand .login-full-logo{width:190px;height:auto;max-height:84px;object-fit:contain}
.signup-brand{min-height:62px}
@media(max-width:540px){.signup-brand .signup-full-logo,.login-brand .login-full-logo{width:155px;max-height:68px}}
@media(max-width:720px){body:not(.admin-view) .product-visual{transform:none}}
/* Keep the Windows artwork completely inside its feature frame at every width. */
body:not(.admin-view) .windows-feature>img{inset-inline-end:0;top:0;width:48%;height:100%;max-width:100%;object-fit:contain}
@media(max-width:720px){body:not(.admin-view) .windows-feature>div{max-width:48%}body:not(.admin-view) .windows-feature>img{inset-inline-end:0;top:0;width:48%;height:100%;opacity:.85}}

/* Reference fidelity: keep brand marks clean and unframed. */
body:not(.admin-view) .brand,
body.admin-view .admin-brand,
body:not(.admin-view) .login-brand,
body:not(.admin-view) .signup-brand,
body:not(.admin-view) .footer-brand-block .brand,
body:not(.admin-view) .brand-icon,
body:not(.admin-view) .login-full-logo,
body:not(.admin-view) .signup-full-logo,
body.admin-view .admin-brand .brand-icon {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
body:not(.admin-view) .brand-icon,
body:not(.admin-view) .login-full-logo,
body:not(.admin-view) .signup-full-logo,
body.admin-view .admin-brand .brand-icon { object-fit: contain; filter: none !important; }

/* Product cards follow the clean, compact reference grid. */
body:not(.admin-view) .product-card { border-radius: 13px; box-shadow: 0 8px 24px rgba(23,45,72,.07); }
body:not(.admin-view) .product-card:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(23,45,72,.11); }
body:not(.admin-view) .product-media { display: grid; place-items: center; overflow: hidden; padding: 14px; }
body:not(.admin-view) .product-uploaded-image { display:block; width:min(100%,180px); height:calc(100% - 8px); object-fit:contain; filter:drop-shadow(0 12px 16px rgba(20,40,70,.15)); }
.product-image-preview { display:block; width:118px; max-height:118px; object-fit:contain; padding:8px; border:1px solid var(--line,#dce5ef); border-radius:12px; background:#fff; }
.checkout-methods[hidden],.manual-fields[hidden] { display:none !important; }
.admin-commerce-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr); gap:18px; margin:18px 0; }
.admin-commerce-grid>.admin-panel { min-width:0; padding:22px; border-radius:18px; }
.admin-commerce-grid .admin-panel-head { align-items:start; gap:16px; }
.admin-commerce-grid .admin-panel-head> b { color:var(--text,#132340); font-size:20px; white-space:nowrap; }
.admin-sales-bars { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; align-items:end; height:202px; padding-top:18px; }
.admin-sales-bars>div { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; min-width:0; gap:7px; }
.admin-sales-bars>div>span { max-width:100%; color:var(--muted,#8290a5); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-sales-bars i { display:block; width:min(100%,44px); min-height:4px; border-radius:8px 8px 2px 2px; background:linear-gradient(180deg,#3ca3ff,#1568ec); box-shadow:0 3px 9px #1675e633; }
.admin-sales-bars small { color:var(--muted,#8290a5); font-size:11px; }
.admin-top-product { display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:10px; padding:13px 0; border-bottom:1px solid var(--line,#dce5ef); }
.admin-top-product>span { display:grid; place-items:center; width:27px; height:27px; border-radius:9px; color:#176ef4; background:#e9f2ff; font-size:12px; font-weight:800; }
.admin-top-product>b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.admin-top-product>strong { font-size:13px; }
@media(max-width:900px){.admin-commerce-grid{grid-template-columns:1fr}}
.referral-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:18px 0; padding:22px; border:1px solid var(--line,#dce5ef); border-radius:18px; background:var(--panel,#fff); }
.referral-panel h2 { margin:5px 0 7px; font-size:20px; }
.referral-panel p { max-width:540px; margin:0; color:var(--muted,#6f7d91); font-size:13px; line-height:1.6; }
.referral-link-row { display:flex; gap:8px; min-width:min(100%,340px); }
.referral-link-row input { flex:1; min-width:0; padding:11px 13px; border:1px solid var(--line,#dce5ef); border-radius:10px; background:var(--surface,#f6f9fd); color:var(--text,#132340); font-size:11px; }
.referral-link-row button { flex:none; border:0; border-radius:10px; padding:0 16px; cursor:pointer; }
.wallet-apply { display:flex; align-items:center; gap:11px; margin:14px 0; padding:14px 16px; border:1px solid #9cc3fa; border-radius:13px; background:rgba(51,132,245,.08); cursor:pointer; }
.wallet-apply input { width:18px; height:18px; accent-color:#176ef4; }
.wallet-apply span { display:grid; gap:2px; }
.wallet-apply small { color:var(--muted,#6f7d91); }
@media(max-width:720px){.referral-panel{align-items:stretch;flex-direction:column;padding:17px}.referral-link-row{min-width:0}}
body:not(.admin-view) .product-visual { transform: none !important; max-width: 100%; max-height: 100%; }
body:not(.admin-view) .product-info { padding: 13px 14px 14px; }
body:not(.admin-view) .product-info h3 { min-height: 2.7em; }
body:not(.admin-view) .windows-feature { overflow: hidden; border-radius: 14px; }
body:not(.admin-view) .windows-feature>img { inset-inline-end: 0; top: 0; width: 48%; height: 100%; max-width: 100%; object-fit: contain; }
@media(max-width:720px) {
  body:not(.admin-view) .product-media { min-height: 138px; height: 148px; }
  body:not(.admin-view) .windows-feature>div { max-width: 52%; }
  body:not(.admin-view) .windows-feature>img { inset-inline-end: 0; top: 0; width: 48%; height: 100%; opacity: .9; }
}

/* Account password settings are consistent in both portals. */
.account-settings-panel,.account-security-settings { grid-column: 1 / -1; }
.account-password-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; align-items: end; }
.account-password-form label { display: block; color: var(--muted,#738197); font-size: 11px; }
.account-password-form input { display: block; width: 100%; margin-top: 6px; min-height: 42px; border: 1px solid var(--line,#dfe5ec); border-radius: 8px; padding: 9px 11px; background: var(--panel,#fff); color: var(--text,#1c2c40); font: inherit; }
.account-password-form .auth-status { grid-column: 1 / -1; margin: 0; }
.account-password-form button { min-height: 42px; white-space: nowrap; }
.settings-hint,.notification-empty { color: var(--muted,#738197); line-height: 1.7; }
.admin-notifications-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.admin-notification-dialog h2 { margin: 5px 0 18px; font-size: 20px; }
.admin-notification-row { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line,#dfe5ec); border-radius: 10px; background: var(--panel,#fff); color: var(--text,#1c2c40); text-align: start; cursor: pointer; }
.admin-notification-row>span:nth-child(2) { display: grid; gap: 4px; flex: 1; }
.admin-notification-row small { color: var(--muted,#738197); }
.admin-notification-row .notice-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #eef8fb; color: #1689a5; }
.notification-shortcuts { display: flex; flex-wrap: wrap; gap: 8px; }
@media(max-width:720px) {
  .account-password-form { grid-template-columns: 1fr; }
  .account-password-form .auth-status { grid-column: auto; }
  .account-settings-panel,.account-security-settings { grid-column: auto; }
}
/* Shared brand and product-media containment: preserve intrinsic ratios at every breakpoint. */
.main-header .brand{width:128px;min-width:128px;height:58px;overflow:visible;display:flex;align-items:center}
.main-header .brand-icon{width:100%;height:auto;max-height:48px;object-fit:contain;object-position:center}
.footer-brand-block .brand{display:block;width:148px;height:54px;overflow:visible}
.footer-brand-block .brand-icon{width:100%;height:auto;max-height:48px;object-fit:contain;object-position:start center}
.login-full-logo{width:min(190px,100%);height:auto;max-height:74px;object-fit:contain;display:block}
body:not([data-theme="light"]) .login-full-logo{content:url("assets/software-outlet-logo-white-300.png")}
.product-card,.product-media,.product-visual{overflow:hidden}
.product-visual{box-sizing:border-box;isolation:isolate}
.product-visual>*{max-width:100%;max-height:100%;min-width:0}
@media(max-width:720px){.main-header .brand{width:92px;min-width:92px;height:45px}.main-header .brand-icon{max-height:37px}.footer-brand-block .brand{width:124px;height:46px}.login-full-logo{width:min(156px,100%);max-height:62px}}

/* The storefront has distinct hero art for light and dark themes. */
.hero-art{position:relative;isolation:isolate}
.hero-laptop{display:block;width:100%;height:auto;object-fit:contain;transition:opacity .32s ease,transform .32s ease}
body:not(.admin-view) .hero-art img.hero-laptop-dark{display:none}
body:not(.admin-view)[data-theme="dark"] .hero-art img.hero-laptop-light{display:none}
body:not(.admin-view)[data-theme="dark"] .hero-art img.hero-laptop-dark{display:block;filter:drop-shadow(0 28px 34px rgba(0,0,0,.34));transform:translateY(6px) scale(1.05)}

/* Art-directed promotional campaigns: separate layers, not a flattened banner image. */
body:not(.admin-view) .campaign-windows{min-height:320px;padding:42px 48px;background:linear-gradient(112deg,#07172a 0%,#0d2f55 52%,#0b4f79 100%);color:#f5f9ff;isolation:isolate}
body:not(.admin-view) .campaign-windows .campaign-copy{position:relative;z-index:3;max-width:43%}
body:not(.admin-view) .campaign-windows h2{font-size:clamp(28px,3.1vw,46px);max-width:460px}.campaign-windows p{color:#c7d9ec!important;font-size:13px!important}.campaign-windows .feature-link{background:#fff;color:#102844;box-shadow:0 10px 30px #0004}.campaign-laptop{position:absolute;z-index:2;inset-inline-end:1%;bottom:-22%;width:58%;height:130%;display:grid;place-items:center}.campaign-laptop img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 34px 25px #02091488)}.campaign-laptop-dark{display:none}.campaign-orb{position:absolute;border-radius:999px;filter:blur(12px);pointer-events:none}.campaign-windows .orb-one{inset-inline-end:20%;top:-55%;width:65%;height:170%;background:radial-gradient(circle,#4fd4ff3f,transparent 64%)}.campaign-windows .orb-two{inset-inline-start:-9%;bottom:-60%;width:48%;height:105%;background:radial-gradient(circle,#1a7aff70,transparent 68%)}
body:not(.admin-view)[data-theme="light"] .campaign-windows{background:linear-gradient(112deg,#eaf6ff,#d9edff 52%,#bee1fb);color:#102444}.campaign-windows .windows-feature-brand{color:#60adff}.campaign-windows .windows-feature-brand i{color:#61a9ff}.campaign-windows .feature-link{border:0;padding:12px 20px;border-radius:999px;font-weight:800}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .campaign-laptop-light{display:none}body:not(.admin-view)[data-theme="dark"] .campaign-windows .campaign-laptop-dark{display:block}
body:not(.admin-view) .campaign-office,body:not(.admin-view) .campaign-autodesk{position:relative;min-height:288px;padding:30px;overflow:hidden;isolation:isolate}.campaign-office{background:linear-gradient(135deg,#fff9f5,#ffe9dd 64%,#ffe0cc)!important}.campaign-autodesk{background:linear-gradient(135deg,#edf8ff,#d7ecfb 67%,#c7e5f9)!important}.campaign-office .campaign-copy,.campaign-autodesk .campaign-copy{position:relative;z-index:3;width:57%}.campaign-office h2{color:#e85228!important;font-size:clamp(23px,2.3vw,34px)!important}.campaign-autodesk h2{font-size:clamp(23px,2.3vw,34px)!important;color:#102c47!important}.campaign-office .feature-link,.campaign-autodesk .feature-link{border:0;border-radius:999px;padding:10px 16px;background:#fff;color:#163451;box-shadow:0 10px 25px #30445d1c}.office-stack{position:absolute;z-index:2;inset-inline-end:7%;bottom:7%;width:42%;height:78%}.office-app{position:absolute;display:grid;place-items:center;width:72px;height:72px;border-radius:18px;color:#fff;font:800 34px/1 Arial;box-shadow:0 18px 30px #2f294b33;border:1px solid #fff9}.office-app.word{inset-inline-start:7%;bottom:7%;background:linear-gradient(145deg,#2163d6,#143c9d)}.office-app.excel{inset-inline-start:34%;bottom:0;background:linear-gradient(145deg,#34a970,#16734e)}.office-app.power{inset-inline-end:5%;bottom:12%;background:linear-gradient(145deg,#ee7137,#b9381e)}.office-app.outlook{inset-inline-start:38%;top:4%;background:linear-gradient(145deg,#4b8fe8,#1d5cbc)}.autodesk-sculpture{position:absolute;z-index:2;inset-inline-end:5%;bottom:-14%;width:44%;height:120%;display:grid;place-items:center}.autodesk-a{font:900 clamp(130px,18vw,240px)/.7 Arial;color:#0d9fd0;text-shadow:22px 26px 0 #ffffff70,0 18px 45px #197aa555;transform:skewY(-10deg)}.autodesk-sculpture i,.autodesk-sculpture b{position:absolute;border:1px solid #72c7ec88;transform:rotate(45deg)}.autodesk-sculpture i{width:180px;height:180px;inset-inline-end:3%;top:15%}.autodesk-sculpture b{width:100px;height:100px;inset-inline-start:8%;bottom:20%}
body:not(.admin-view)[data-theme="dark"] .campaign-office{background:linear-gradient(135deg,#34211d,#201e2b)!important}.campaign-office h2{color:#ff8d62!important}body:not(.admin-view)[data-theme="dark"] .campaign-autodesk{background:linear-gradient(135deg,#112b43,#152034)!important}body:not(.admin-view)[data-theme="dark"] .campaign-autodesk h2{color:#e4f5ff!important}body:not(.admin-view)[data-theme="dark"] .campaign-office p,body:not(.admin-view)[data-theme="dark"] .campaign-autodesk p{color:#b9c8d6!important}
@media(max-width:720px){body:not(.admin-view) .campaign-windows{min-height:265px;padding:24px}.campaign-windows .campaign-copy{max-width:58%}.campaign-windows h2{font-size:23px}.campaign-windows p{font-size:10px!important}.campaign-laptop{width:56%;inset-inline-end:-10%;bottom:-7%;height:102%}.campaign-office .campaign-copy,.campaign-autodesk .campaign-copy{width:63%}.campaign-office,.campaign-autodesk{min-height:218px!important;padding:21px!important}.office-app{width:45px;height:45px;border-radius:12px;font-size:22px}.autodesk-a{font-size:112px}}

/* Override the legacy Windows banner rule only inside the new layered campaign. */
body:not(.admin-view) .campaign-windows > .campaign-copy{position:relative;z-index:3;max-width:43%}
body:not(.admin-view) .campaign-windows > .campaign-laptop{position:absolute;z-index:2;max-width:none}
@media(max-width:720px){body:not(.admin-view) .campaign-windows > .campaign-copy{max-width:58%}}

/* Windows 11 campaign: separately art-directed light and dark compositions. */
body:not(.admin-view) .campaign-windows{
  width:min(1380px,calc(100% - 64px));margin-inline:auto;
  --win-ink:#10233f;--win-copy:#3d5875;--win-accent:#096af2;--win-cta:#086cf6;
  min-height:330px;padding:40px 48px;
  background:
    radial-gradient(44% 96% at 6% 112%,#a7dfff80 0%,transparent 72%),
    radial-gradient(55% 95% at 91% -20%,#dff6ff 0%,transparent 74%),
    linear-gradient(113deg,#f8fcff 0%,#e9f6ff 51%,#d7edff 100%);
  color:var(--win-ink);isolation:isolate;transition:background .38s ease,color .25s ease;
}
body:not(.admin-view) .campaign-windows:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffff72 0%,transparent 46%,#95d8ff1c 100%)}
body:not(.admin-view) .campaign-windows > .campaign-copy{z-index:5;max-width:42%}
body:not(.admin-view) .campaign-windows .windows-feature-brand{color:#176edb;font-size:16px;letter-spacing:.01em}
body:not(.admin-view) .campaign-windows .windows-feature-brand i{color:#1674ea;font-size:24px}
body:not(.admin-view) .campaign-windows h2{color:var(--win-ink);font-size:clamp(28px,3vw,43px);letter-spacing:-.035em}
body:not(.admin-view) .campaign-windows p{color:var(--win-copy)!important;max-width:440px;font-size:13px;line-height:1.7;font-weight:500;text-shadow:0 1px 0 #ffffff8c}
body:not(.admin-view) .campaign-windows .feature-link{margin-top:18px;background:var(--win-cta);color:#fff;box-shadow:0 12px 23px #0870f936;transition:transform .2s ease,box-shadow .2s ease}
body:not(.admin-view) .campaign-windows .feature-link:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0870f94a}
body:not(.admin-view) .campaign-windows > .campaign-laptop{z-index:3;inset-inline-start:auto;inset-inline-end:-7%;bottom:-24%;width:61%;height:138%;display:flex;align-items:end;pointer-events:none;transform:translate3d(0,var(--campaign-parallax,0px),0);will-change:transform;transition:transform .5s ease}
body:not(.admin-view) .campaign-windows .campaign-laptop-light,body:not(.admin-view) .campaign-windows .campaign-laptop-dark{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 25px #20486f42)}
body:not(.admin-view) .campaign-windows .campaign-laptop-dark{display:none}
body:not(.admin-view) .campaign-windows .campaign-orb{z-index:1;filter:blur(24px);opacity:.85;transform:translate3d(0,var(--campaign-parallax-bg,0px),0);will-change:transform}
body:not(.admin-view) .campaign-windows .orb-one{inset-inline-end:14%;top:-62%;width:66%;height:180%;background:radial-gradient(ellipse,#a2e3ff9c 0%,#a2e3ff24 43%,transparent 70%)}
body:not(.admin-view) .campaign-windows .orb-two{inset-inline-start:3%;bottom:-87%;width:54%;height:127%;background:radial-gradient(ellipse,#48acff80 0%,transparent 68%)}
body:not(.admin-view) .campaign-ribbon{position:absolute;z-index:2;display:block;border:1px solid #fff9;border-radius:999px;pointer-events:none;transform:rotate(-22deg);opacity:.58}
body:not(.admin-view) .campaign-windows .ribbon-one{inset-inline-start:2%;top:4%;width:44%;height:42%;background:linear-gradient(90deg,transparent,#b2e3ff75,transparent);filter:blur(.1px)}
body:not(.admin-view) .campaign-windows .ribbon-two{inset-inline-end:-10%;bottom:-44%;width:60%;height:110%;border-width:22px;border-color:#f5fdff66;filter:blur(1px)}
body:not(.admin-view)[data-theme="dark"] .campaign-windows{
  --win-ink:#f5f9ff;--win-copy:#c2d1e4;--win-accent:#75b6ff;--win-cta:#287cf3;
  background:
    radial-gradient(48% 100% at 4% 115%,#1162ba5a 0%,transparent 72%),
    radial-gradient(55% 112% at 93% -22%,#164f9354 0%,transparent 74%),
    linear-gradient(112deg,#071323 0%,#0b2440 51%,#10385b 100%);
}
body:not(.admin-view)[data-theme="dark"] .campaign-windows:before{background:linear-gradient(90deg,#07111e38 0%,transparent 53%,#3a9eea16 100%)}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .windows-feature-brand,body:not(.admin-view)[data-theme="dark"] .campaign-windows .windows-feature-brand i{color:#87c4ff}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .campaign-laptop-light{display:none}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .campaign-laptop-dark{display:block;filter:drop-shadow(0 32px 30px #010712b8)}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .orb-one{background:radial-gradient(ellipse,#217cd070 0%,#217cd028 43%,transparent 70%)}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .orb-two{background:radial-gradient(ellipse,#0759bc85 0%,transparent 68%)}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .ribbon-one{border-color:#75bbff36;background:linear-gradient(90deg,transparent,#75bbff25,transparent)}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .ribbon-two{border-color:#5097d632}
body:not(.admin-view)[data-theme="dark"] .campaign-windows p{color:#cbd9ea!important;text-shadow:none}
@media(max-width:720px){
  body:not(.admin-view) .campaign-windows{width:calc(100% - 24px);min-height:276px;padding:25px 23px}
  body:not(.admin-view) .campaign-windows > .campaign-copy{max-width:58%}
  body:not(.admin-view) .campaign-windows h2{font-size:25px}
  body:not(.admin-view) .campaign-windows p{font-size:10px!important;line-height:1.65}
  body:not(.admin-view) .campaign-windows .feature-link{margin-top:12px;padding:9px 13px;font-size:9px}
  body:not(.admin-view) .campaign-windows > .campaign-laptop{inset-inline-start:auto;inset-inline-end:-27%;bottom:-18%;width:78%;height:116%}
  body:not(.admin-view) .campaign-windows .ribbon-two{border-width:12px}
}
@media(prefers-reduced-motion:reduce){body:not(.admin-view) .campaign-windows > .campaign-laptop,body:not(.admin-view) .campaign-windows .campaign-orb{transform:none!important;transition:none!important}}
body:not(.admin-view) .campaign-windows .hinge-ready > img{display:none!important}
body:not(.admin-view) .campaign-windows .hinged-laptop{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 18px #10294035)}
body:not(.admin-view) .campaign-windows .hinged-dark{display:none}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .hinged-light{display:none}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .hinged-dark{display:block}
/* Put the hero copy first in the reading direction in both RTL and LTR. */
@media(min-width:721px){
  body:not(.admin-view) .hero-wrap{grid-template-columns:.92fr 1.08fr;grid-template-areas:"copy art"}
}

/* One shared content edge for every storefront section and the header/footer. */
body:not(.admin-view){
  --store-content-max:1380px;
  --store-gutter:32px;
  --store-content-width:min(var(--store-content-max),calc(100% - var(--store-gutter) * 2));
}
body:not(.admin-view) #storePage{width:100%;max-width:none;padding-inline:0;margin-inline:0}
body:not(.admin-view) #storePage > section,
body:not(.admin-view) .site-footer > .footer-main,
body:not(.admin-view) .site-footer > .footer-bottom{
  box-sizing:border-box;
  width:var(--store-content-width);
  max-width:var(--store-content-max);
  margin-inline:auto;
}
body:not(.admin-view) .main-header,
body:not(.admin-view) .utility-bar{
  padding-inline:max(var(--store-gutter),calc((100% - var(--store-content-max)) / 2));
}
body:not(.admin-view) .site-footer{padding-inline:0}
@media(max-width:720px){body:not(.admin-view){--store-gutter:12px}}
/* Keep the storefront navigation available while browsing products. */
body:not(.admin-view) .store-sticky-shell{
  position:sticky;
  top:0;
  z-index:50;
  isolation:isolate;
}
body:not(.admin-view) .main-header{
  position:relative;
  z-index:2;
  box-shadow:0 4px 18px rgba(15,30,55,.09);
}
body:not(.admin-view) .store-sticky-shell .category-nav{position:relative;z-index:1}
html{scroll-padding-top:130px}

/* Match the guide cards to the active storefront theme. */
body[data-theme="light"]:not(.admin-view) .learn-steps article{
  background:#f7faff;
  border-color:#dce7f4;
  box-shadow:0 8px 22px rgba(22,58,108,.055);
}
body[data-theme="light"]:not(.admin-view) .learn-steps i{color:#0873e8}
body[data-theme="light"]:not(.admin-view) .learn-steps b{color:#162b47}
body[data-theme="light"]:not(.admin-view) .learn-steps p{color:#536984}
body[data-theme="light"]:not(.admin-view) .learn-modal>a{color:#0873e8}
body:not(.admin-view) .campaign-windows > .campaign-laptop.model-ready{
  inset-inline-end:2%;bottom:0;width:51%;height:100%;transform:none;transition:none;
  --metal-top:#e0e5ec;--metal-bottom:#9aa6b6;--metal-edge:#798697;
}
body:not(.admin-view)[data-theme="dark"] .campaign-windows > .campaign-laptop.model-ready{
  --metal-top:#394858;--metal-bottom:#172330;--metal-edge:#52677f;
}
body:not(.admin-view) .campaign-windows .model-ready > img{display:none!important}
.laptop-scene{position:relative;width:100%;height:100%;perspective:1200px;direction:ltr}
.laptop-model{position:absolute;width:400px;height:250px;left:50%;top:70%;transform:translate(-50%,-50%) scale(var(--laptop-scale,.7)) rotateX(55deg) rotateZ(-12deg);transform-style:preserve-3d}
.laptop-deck{position:absolute;inset:0;border-radius:12px;background:linear-gradient(125deg,var(--metal-top),var(--metal-bottom));border:1px solid var(--metal-edge);box-shadow:0 0 0 2px var(--metal-edge);transform:translateZ(0);backface-visibility:hidden}
.laptop-edge{position:absolute;left:0;right:0;bottom:-7px;height:9px;background:linear-gradient(var(--metal-top),var(--metal-edge));transform-origin:top;transform:rotateX(-90deg);border-radius:0 0 8px 8px}
.laptop-keyboard{position:absolute;top:17px;left:27px;right:27px;height:132px;padding:6px;background:#0b111b;border-radius:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px #ffffff80}
.keyboard-row{display:flex;flex:1;gap:4px}
.keyboard-row i{display:block;flex:1;background:linear-gradient(#303946,#151e2a);border:1px solid #536172;border-radius:3px;box-shadow:0 1px 0 #03060b}
.keyboard-row .space-key{flex:5}
.laptop-trackpad{position:absolute;width:130px;height:63px;bottom:19px;left:135px;border:1px solid var(--metal-edge);border-radius:5px;background:#a6b6c01a;box-shadow:inset 0 1px 1px #0002}
.laptop-lid{position:absolute;inset:0;transform-origin:50% 0;transform:translateZ(5px) rotateX(var(--lid-angle,108deg));transform-style:preserve-3d;will-change:transform}
.lid-metal,.lid-display{position:absolute;inset:0;border-radius:11px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lid-metal{background:linear-gradient(135deg,var(--metal-top),var(--metal-bottom) 65%,var(--metal-top));border:2px solid var(--metal-edge);transform:translateZ(2px);box-shadow:inset 0 0 0 1px #ffffff35}
.lid-display{background:#090e17;border:2px solid var(--metal-edge);padding:11px 9px 15px;transform:rotateY(180deg);overflow:hidden}
.lid-wallpaper{width:100%;height:100%;background:url('assets/campaign-screen-bloom.webp') center/cover;border-radius:3px;transform:rotate(180deg)}
.lid-camera{position:absolute;width:3px;height:3px;left:50%;bottom:5px;border-radius:50%;background:#223b52}
.model-ready .laptop-keyboard,.model-ready .laptop-trackpad,.model-ready .lid-wallpaper,.model-ready .lid-camera{display:none}
.model-ready .lid-display{padding:0;border:0}
.model-ready .lid-display{background:#10141b;border:1px solid #7d8792;box-shadow:inset 0 0 0 2px #05080c}
.precision-screen{position:absolute;inset:9px 8px 12px;overflow:hidden;border-radius:3px;transform:rotate(180deg);background:#04122f}
body:not(.admin-view) .campaign-windows .precision-screen img{display:block;width:100%;height:100%;object-fit:cover;filter:none;max-width:none}
.precision-camera{position:absolute;width:3px;height:3px;bottom:4px;left:50%;border-radius:50%;background:#26394a;box-shadow:0 0 0 1px #03070b}
.precision-keyboard{position:absolute;inset:17px 26px auto;height:133px;padding:5px;display:flex;flex-direction:column;gap:4px;background:#727b86;border-radius:5px;box-shadow:0 1px 0 #ffffffa0;direction:ltr}
.precision-key-row{display:flex;flex:1;gap:4px}
.precision-key-row span{display:flex;align-items:center;justify-content:center;flex:1;border-radius:2px;background:linear-gradient(#252a31,#151a20);border:1px solid #454d57;box-shadow:0 1px 1px #070a10;color:#d1d7df;font:6px Arial,sans-serif}
.precision-key-row .wide-key{flex:5}
.precision-trackpad{position:absolute;left:132px;width:136px;height:65px;bottom:17px;border:1px solid var(--metal-edge);border-radius:5px;box-shadow:inset 0 1px 1px #ffffff50;background:linear-gradient(135deg,#ffffff10,#34445608)}
.photo-surface{position:absolute;inset:0;overflow:hidden;border-radius:10px;pointer-events:none}
body:not(.admin-view) .campaign-windows .photo-surface img{position:absolute;left:0;top:0;width:1536px;height:1024px;max-width:none;object-fit:fill;transform-origin:0 0;filter:none}
.photo-dark{display:none}
body[data-theme="dark"] .photo-dark{display:block}
body[data-theme="dark"] .photo-light{display:none}
@media(max-width:720px){
  body:not(.admin-view) .campaign-windows{padding-bottom:218px;min-height:455px}
  body:not(.admin-view) .campaign-windows > .campaign-copy{max-width:100%;width:100%}
  body:not(.admin-view) .campaign-windows > .campaign-laptop.model-ready{width:100%;height:230px;inset-inline-end:0;bottom:4px}
}
/* Keep the larger laptop composition clipped to the campaign panel. */
body:not(.admin-view) .campaign-windows{
  overflow:hidden;background:none!important;margin-top:25px;
  --campaign-panel:linear-gradient(115deg,#eef7ff,#dfedfa);
}
body:not(.admin-view)[data-theme="dark"] .campaign-windows{--campaign-panel:linear-gradient(115deg,#101f32,#1b3450)}
body:not(.admin-view) .campaign-windows:before,
body:not(.admin-view)[data-theme="dark"] .campaign-windows:before{
  display:block;inset:0;background:var(--campaign-panel);border-radius:16px;
  border:1px solid #8caaca24;
}
body:not(.admin-view) .campaign-windows > .campaign-orb,
body:not(.admin-view) .campaign-windows > .campaign-ribbon{display:block}
/* Continuous silk-like curves sit behind the device without hard oval outlines. */
body:not(.admin-view) .campaign-windows > .ribbon-one,
body:not(.admin-view)[data-theme="dark"] .campaign-windows > .ribbon-one{
  inset:0;width:100%;height:100%;border:0;border-radius:0;
  background:url('assets/campaign-flow.svg') center/cover no-repeat;
  transform:none;filter:none;opacity:.85;
}
body:not(.admin-view) .campaign-windows > .ribbon-two{display:none}
body:not(.admin-view)[data-theme="dark"] .campaign-windows > .ribbon-one{opacity:.28}
body:not(.admin-view) .campaign-windows > .campaign-orb{opacity:.45}
/* Photographic office setting; laptop and copy remain independent layers. */
body:not(.admin-view) .campaign-windows,
body:not(.admin-view)[data-theme="dark"] .campaign-windows{
 --campaign-panel:linear-gradient(90deg,transparent 25%,#07101f77 58%,#07101fd9 100%),url('assets/campaign-office-desk.webp') center/cover;
}
body:not(.admin-view) .campaign-windows > .campaign-ribbon,
body:not(.admin-view) .campaign-windows > .campaign-orb{display:none}
body:not(.admin-view) .campaign-windows h2{color:#f5f8ff}
body:not(.admin-view) .campaign-windows p{color:#cbd5e4!important;text-shadow:none}
body:not(.admin-view) .campaign-windows .windows-feature-brand{color:#f5f8ff}
body:not(.admin-view) .campaign-windows .windows-feature-brand i{color:#299bff}
body:not(.admin-view) .campaign-windows .feature-link{background:#fff;color:#102036;box-shadow:0 8px 24px #0003}
body:not(.admin-view) .campaign-windows > .campaign-laptop.model-ready{
 --metal-top:#536172;--metal-bottom:#1b2634;--metal-edge:#6a7888;
}
html[dir="ltr"] body:not(.admin-view) .campaign-windows:before{transform:scaleX(-1)}
@media(max-width:720px){
 body:not(.admin-view) .campaign-windows,
 body:not(.admin-view)[data-theme="dark"] .campaign-windows{
  --campaign-panel:linear-gradient(180deg,transparent 30%,#07101f33 49%,#07101f 63%),url('assets/campaign-office-desk.webp') 30% top/auto 280px no-repeat #07101f;
 }
}
body:not(.admin-view) .campaign-windows .laptop-model{
  top:98%;transform:translate(-50%,-50%) scale(var(--laptop-scale,1.1)) rotateX(72deg) rotateZ(-12deg);
}
.laptop-contact-shadow{position:absolute;inset:-3px -8px -8px;border-radius:12px;background:#02060c88;box-shadow:0 12px 22px 8px #02060c88;transform:translateZ(-7px);pointer-events:none}
.laptop-hinge-bar{position:absolute;left:18px;right:18px;top:0;height:5px;border-radius:3px;background:linear-gradient(#8995a3,#202a37);transform:translateZ(3px);pointer-events:none}
body:not(.admin-view) .campaign-windows .laptop-deck{border-radius:8px;box-shadow:0 0 0 1px var(--metal-edge)}
body:not(.admin-view) .campaign-windows .photo-surface{border-radius:7px}
body:not(.admin-view) .campaign-windows .lid-metal{border-radius:8px;border-width:1px;background:linear-gradient(135deg,var(--metal-top),var(--metal-bottom));box-shadow:inset 0 0 0 1px #ffffff24}
@media(max-width:720px){
  body:not(.admin-view) .campaign-windows{margin-top:19px;min-height:450px;padding:248px 24px 26px}
  body:not(.admin-view) .campaign-windows > .campaign-laptop.model-ready{top:0;bottom:auto;height:230px;width:100%;overflow:hidden}
  body:not(.admin-view) .campaign-windows .laptop-model{top:98%}
}
body:not(.admin-view) .campaign-windows > .campaign-laptop.static-laptop{
 inset-inline-end:-2%;inset-inline-start:auto;top:auto;bottom:-17%;width:63%;height:128%;
 display:block;transform:none!important;transition:none;will-change:auto;
}
body:not(.admin-view) .campaign-windows .static-laptop > img{
 width:100%;height:100%;object-fit:contain;object-position:center bottom;
 filter:sepia(.1) saturate(.9) brightness(.94) contrast(1.03)
   drop-shadow(3px 3px 2px #0c0b0bcc) drop-shadow(13px 10px 9px #080d1666);
}
/* Match the desk's window light and anchor the chassis with a tight shadow. */
body:not(.admin-view)[data-theme="dark"] .campaign-windows:before{
 filter:brightness(.66) saturate(.65);
}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .static-laptop > .campaign-laptop-dark{
 filter:saturate(.76) brightness(.83) contrast(1.04)
   drop-shadow(3px 3px 2px #01050ee6) drop-shadow(12px 9px 10px #01050e99);
}
body:not(.admin-view) .campaign-windows .static-laptop:before{
 content:"";position:absolute;z-index:-1;left:20%;right:12%;bottom:6%;height:9%;
 border-radius:50%;background:radial-gradient(ellipse,#080c16a6,transparent 70%);
 filter:blur(5px);pointer-events:none;
}
@media(max-width:720px){
 body:not(.admin-view) .campaign-windows > .campaign-laptop.static-laptop{
  top:12px;bottom:auto;inset-inline-end:-5%;width:110%;height:260px;
 }
}
body:not(.admin-view) .campaign-windows > .campaign-laptop.hinge-ready{
  inset-inline-end:1%;bottom:0;width:54%;height:100%;
  transform:none;transition:none;align-items:center;
}
@media(max-width:720px){
  body:not(.admin-view) .campaign-windows > .campaign-laptop.hinge-ready{
    inset-inline-end:0;bottom:0;width:48%;height:100%;
  }
}
/* One bounded layout for the static campaign at every viewport. */
body:not(.admin-view) .campaign-windows{
 display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr);
 align-items:center;gap:24px;padding:28px 32px;min-height:330px;
}
body:not(.admin-view) .campaign-windows > .campaign-copy{
 grid-column:1;grid-row:1;width:100%;max-width:none;min-width:0;position:relative;
}
body:not(.admin-view) .campaign-windows > .campaign-laptop.static-laptop{
 grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:auto;
 aspect-ratio:3/2;max-height:360px;min-width:0;align-self:end;
}
body:not(.admin-view) .campaign-windows .static-laptop > img{
 display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;
}
body:not(.admin-view) .campaign-windows .static-laptop > .campaign-laptop-dark{display:none}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .static-laptop > .campaign-laptop-light{display:none}
body:not(.admin-view)[data-theme="dark"] .campaign-windows .static-laptop > .campaign-laptop-dark{display:block}
@media(max-width:720px){
 body:not(.admin-view) .campaign-windows,
 body:not(.admin-view)[data-theme="dark"] .campaign-windows{
  grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 18px 28px;min-height:0;
  --campaign-panel:linear-gradient(180deg,transparent 5%,#07101f55 40%,#07101f 68%),url('assets/campaign-office-desk.webp') 30% top/auto 72% no-repeat #07101f;
 }
 body:not(.admin-view) .campaign-windows > .campaign-copy{grid-column:1;grid-row:2}
 body:not(.admin-view) .campaign-windows > .campaign-laptop.static-laptop{
  grid-column:1;grid-row:1;inset:auto;width:100%;height:auto;max-height:300px;
 }
 body:not(.admin-view) .campaign-windows h2{font-size:clamp(23px,5.6vw,32px)}
}
/* Balance the window exposure and remove the heavy black side overlay. */
body:not(.admin-view) .campaign-windows,
body:not(.admin-view)[data-theme="dark"] .campaign-windows{
 --campaign-panel:linear-gradient(90deg,#101b2a30 0%,#101b2a12 38%,#101b2a38 70%,#101b2a55 100%),url('assets/campaign-office-desk.webp') center/cover;
}
body:not(.admin-view) .campaign-windows:before{filter:brightness(.9) saturate(.78)}
body:not(.admin-view)[data-theme="dark"] .campaign-windows:before{filter:brightness(.72) saturate(.65)}
body:not(.admin-view) .campaign-windows > .campaign-laptop.static-laptop{max-width:none}
@media(max-width:720px){
 body:not(.admin-view) .campaign-windows,
 body:not(.admin-view)[data-theme="dark"] .campaign-windows{
  --campaign-panel:linear-gradient(180deg,#101b2a20 0%,#101b2a20 30%,#101b2aa6 52%,#101b2a 78%),url('assets/campaign-office-desk.webp') 30% top/auto 78% no-repeat #101b2a;
 }
 html[dir="ltr"] body:not(.admin-view) .campaign-windows:before{transform:none}
}
/* Account form controls */
.login-remember{display:flex!important;align-items:center;gap:.65rem;margin:.15rem 0;color:var(--text-muted,#63718a);font-size:.88rem;cursor:pointer}
.login-remember input{width:1.05rem;height:1.05rem;accent-color:#0867e8;cursor:pointer}
.customer-ua{display:block;max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:start}

/* Keep dashboard actions aligned and legible in both writing directions. */
body.admin-view .orders-toolbar { gap: 12px; }
body.admin-view .orders-toolbar > p { flex: 1 1 250px; min-width: 0; max-width: none; }
body.admin-view .orders-toolbar > button { box-sizing: border-box; flex: 0 0 174px; width: 174px; height: 52px; min-height: 52px; margin: 0; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; line-height: 1.2; font-size: 14px; }
body.admin-view #adminLanguage { box-sizing: border-box; flex: 0 0 auto; width: auto; min-width: 64px; min-height: 42px; padding: 0 11px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; line-height: 1; font-size: 14px; }
@media (max-width: 800px) {
  body.admin-view .orders-toolbar { flex-wrap: wrap; }
  body.admin-view .orders-toolbar > p { flex-basis: 100%; }
  body.admin-view .orders-toolbar > button { flex: 1 1 calc(50% - 6px); width: auto; }
}
@media (max-width: 430px) {
  body.admin-view .orders-toolbar > button { flex-basis: 100%; }
}

/* Compact header actions: the cart follows the account icon without a surrounding frame. */
body:not(.admin-view) .main-header .header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:12px;min-width:0}
body:not(.admin-view) .main-header .header-action,body:not(.admin-view) .main-header .cart-button{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:11px;background:transparent;color:var(--store-ink);box-shadow:none;overflow:visible}
body:not(.admin-view) .main-header .header-action:hover,body:not(.admin-view) .main-header .cart-button:hover{background:var(--store-soft)}
body:not(.admin-view) .main-header .cart-glyph{display:flex;align-items:center;justify-content:center;width:23px;height:23px;color:var(--store-blue)}
body:not(.admin-view) .main-header .cart-glyph svg{display:block;width:100%;height:100%}
body:not(.admin-view) .main-header .header-action .counter,body:not(.admin-view) .main-header .cart-button .counter{position:absolute;inset-block-start:-2px;inset-inline-end:-4px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border:2px solid var(--store-surface);border-radius:50%;font-size:9px;line-height:1;background:#0b72f8;color:#fff}
@media(max-width:720px){body:not(.admin-view) .main-header{grid-template-columns:90px minmax(85px,1fr) auto;gap:8px}body:not(.admin-view) .main-header .header-actions{gap:3px}body:not(.admin-view) .main-header .header-action,body:not(.admin-view) .main-header .cart-button{flex-basis:34px;width:34px;min-width:34px;height:36px;min-height:36px}body:not(.admin-view) .main-header #vaultButton{display:none}body:not(.admin-view) .main-header .search-box{min-width:0}body:not(.admin-view) .main-header .search-box input{min-width:0}}
@media(max-width:390px){body:not(.admin-view) .main-header #wishlistButton{display:none}body:not(.admin-view) .main-header .header-actions .account-action{display:inline-flex}}
.inventory-account-card{margin-top:22px;padding:clamp(20px,3vw,32px);border:1px solid #dce8f4;border-radius:20px;background:linear-gradient(130deg,#f8fbff,#fff);box-shadow:0 12px 32px #1c47710a}
.inventory-account-card .inventory-entry-intro{margin-bottom:22px}.credential-entry-form{display:grid;gap:18px}.credential-entry-form>label,.credential-fields label{display:grid;gap:8px;color:#263a57;font-weight:700}.credential-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.credential-entry-form input,.credential-entry-form select,.credential-editor input{box-sizing:border-box;width:100%;min-height:48px;padding:11px 14px;border:1px solid #cedbe9;border-radius:11px;background:#fff;color:#17253a;font:inherit}.credential-entry-form input:focus,.credential-entry-form select:focus,.credential-editor input:focus{outline:2px solid #358cf045;outline-offset:1px;border-color:#2580ed}.credential-summary{display:flex;align-items:center;gap:10px;min-width:0}.credential-summary .credential-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#e9f3ff;color:#126be3;font-weight:800}.credential-summary span:last-child{min-width:0}.credential-summary b{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credential-summary small{display:block;color:#8290a3}.vault-account-fields{display:grid;gap:8px;margin-top:8px}.vault-account-fields span{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.vault-account-fields code{direction:ltr;unicode-bidi:plaintext;overflow-wrap:anywhere}.credential-editor .credential-fields{margin:18px 0}
@media(max-width:650px){.credential-fields{grid-template-columns:1fr}.inventory-account-card{padding:19px}.credential-summary b{max-width:160px}}

.admin-view .customer-portal-link{margin-top:14px;border-top:1px solid #26364a!important;padding-top:18px!important;color:#c7e4ff!important}.admin-view .customer-portal-link:hover{background:#173653!important;color:#fff!important}

/* Unified line icons. Only saved products tint the heart blue. */
body:not(.admin-view) .main-header .header-action .action-icon,body:not(.admin-view) .main-header .cart-glyph{box-sizing:border-box;display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;color:var(--store-ink);line-height:0}
body:not(.admin-view) .main-header .header-action .action-icon svg,body:not(.admin-view) .main-header .cart-glyph svg{display:block;width:23px;height:23px;stroke:currentColor}
body:not(.admin-view) .main-header #wishlistButton.has-saved .action-icon{color:var(--store-blue)}
body:not(.admin-view) .main-header #wishlistButton.has-saved .action-icon svg{fill:color-mix(in srgb,var(--store-blue) 14%,transparent)}
body:not(.admin-view) .main-header #wishlistButton:not(.has-saved) .counter{display:none}

.admin-view .admin-signout-link{margin-top:4px;color:#f4c2c6!important}.admin-view .admin-signout-link:hover{background:#51212a!important;color:#fff!important}
@media(max-width:390px){
 body:not(.admin-view) .main-header{grid-template-columns:78px minmax(64px,1fr) auto;gap:6px;padding-inline:10px}
 body:not(.admin-view) .main-header>.brand{width:78px}
 body:not(.admin-view) .main-header .header-actions #wishlistButton{display:inline-flex}
 body:not(.admin-view) .main-header .header-actions{gap:2px}
 body:not(.admin-view) .main-header .header-action,body:not(.admin-view) .main-header .cart-button{flex-basis:31px;width:31px;min-width:31px;height:34px;min-height:34px}
}
/* One inventory composer: the selected product decides whether keys or account credentials are shown. */
body.admin-view .inventory-entry-card{width:min(1040px,100%);padding:30px;border-radius:20px}
body.admin-view #liveInventoryForm.serial-drop{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body.admin-view #liveInventoryForm .inventory-product-field{grid-column:1/-1;max-width:680px;position:relative}
body.admin-view #liveInventoryForm .inventory-product-field select{appearance:none;-webkit-appearance:none;min-height:54px;padding-inline:17px 44px;font-size:15px;font-weight:700;border-color:#456179;background-color:#11253a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2386d8d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 16px) 50%;cursor:pointer}
html[dir=rtl] body.admin-view #liveInventoryForm .inventory-product-field select{background-position:16px 50%;padding-inline:44px 17px}
body.admin-view #liveInventoryForm .inventory-product-field select option{background:#11253a;color:#fff}
body.admin-view #liveInventoryForm .inventory-file-field{grid-column:1;min-width:0}
body.admin-view #liveInventoryForm .inventory-keys-field{grid-column:2;min-width:0}
body.admin-view #liveInventoryForm .inventory-file-drop{position:relative;min-height:142px;align-items:center;padding:20px;cursor:pointer}
body.admin-view #liveInventoryForm .inventory-file-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;opacity:0;cursor:pointer}
body.admin-view #liveInventoryForm .inventory-file-drop:focus-within{outline:2px solid #6bc9c6;outline-offset:3px}
body.admin-view #liveInventoryForm .inventory-file-drop b{font-size:14px}
body.admin-view #liveInventoryForm .inventory-file-drop small{font-size:12px;overflow-wrap:anywhere}
body.admin-view #liveInventoryForm.serial-drop textarea{min-height:142px;height:142px;padding:15px;resize:vertical}
body.admin-view #liveInventoryForm [hidden]{display:none!important}
body.admin-view #liveInventoryForm .inventory-credentials{grid-column:1/-1;min-width:0;padding:22px;border:1px solid #34506a;border-radius:15px;background:#0b1b2c}
body.admin-view #liveInventoryForm .inventory-account-note{display:grid;gap:4px;margin-bottom:18px}
body.admin-view #liveInventoryForm .inventory-account-note b{font-size:15px;color:#f1f7fc}
body.admin-view #liveInventoryForm .inventory-account-note small{font-size:12px;color:#9ab1c6;line-height:1.5}
body.admin-view #liveInventoryForm .credential-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.admin-view #liveInventoryForm .credential-fields label{display:grid;gap:8px;min-width:0;color:#dcebf4;font-size:13px}
body.admin-view #liveInventoryForm .credential-fields input{width:100%;min-height:51px;border:1px solid #456179;border-radius:10px;background:#11253a;color:#f2f8fc;padding:12px 14px;font:inherit;direction:ltr}
body.admin-view #liveInventoryForm .credential-fields input:focus{outline:2px solid #69cfc8;outline-offset:2px}
body.admin-view #liveInventoryForm .inventory-form-footer{align-items:center}
@media(max-width:760px){body.admin-view .inventory-entry-card{padding:20px}body.admin-view #liveInventoryForm.serial-drop{grid-template-columns:1fr;gap:16px}body.admin-view #liveInventoryForm .inventory-product-field,body.admin-view #liveInventoryForm .inventory-file-field,body.admin-view #liveInventoryForm .inventory-keys-field,body.admin-view #liveInventoryForm .inventory-credentials,body.admin-view #liveInventoryForm .inventory-form-footer{grid-column:1;max-width:none}body.admin-view #liveInventoryForm .credential-fields{grid-template-columns:1fr}body.admin-view #liveInventoryForm .inventory-file-drop{min-height:100px}body.admin-view #liveInventoryForm.serial-drop textarea{min-height:132px;height:132px}}
/* Admin header controls share a single baseline and touch height. */
body.admin-view .admin-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
body.admin-view .admin-top-actions>.icon-tool,body.admin-view .admin-top-actions>.demo-chip{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:40px;min-height:40px;margin:0;line-height:1;vertical-align:middle}
body.admin-view .admin-top-actions>.icon-tool{width:40px;min-width:40px;padding:0;border-radius:10px;font-size:20px}
body.admin-view .admin-top-actions>#adminLanguage{width:auto;min-width:64px;height:40px;min-height:40px;padding:0 11px;font-size:14px}
body.admin-view .admin-top-actions>.demo-chip{min-width:110px;padding:0 13px;border-radius:8px;font-size:11px;white-space:nowrap}
body.admin-view .admin-top-actions>.icon-tool svg{width:21px;height:21px}
@media(max-width:560px){body.admin-view .admin-top-actions{gap:6px}body.admin-view .admin-top-actions>.icon-tool,body.admin-view .admin-top-actions>.demo-chip{height:36px;min-height:36px}body.admin-view .admin-top-actions>.icon-tool{width:36px;min-width:36px}body.admin-view .admin-top-actions>#adminLanguage{min-width:54px;height:36px;min-height:36px;padding:0 7px;font-size:12px}body.admin-view .admin-top-actions>.demo-chip{min-width:0;padding:0 8px;font-size:9px}}
/* Customer journey directory */
body.admin-view .customers-table-panel{overflow-x:auto}
body.admin-view .customers-table-panel table{min-width:900px}
body.admin-view .customers-table-panel td{vertical-align:middle}
body.admin-view .customers-table-panel td:last-child{min-width:150px}
body.admin-view .customer-profile-modal{max-width:660px;max-height:min(78vh,820px);overflow-y:auto;padding-inline:4px}
body.admin-view .customer-profile-modal .admin-detail-grid{margin:16px 0;padding:18px;border:1px solid #293b50;border-radius:16px;background:#101b2a;gap:12px}
body.admin-view[data-theme="light"] .customer-profile-modal .admin-detail-grid{border-color:#dce6f2;background:#f8fbff}
body.admin-view .customer-profile-section{margin-top:18px;padding-top:14px;border-top:1px solid #e4ebf3}
body.admin-view .customer-profile-section h3{margin:0 0 10px;font-size:15px}
body.admin-view .customer-profile-section ul{margin:0;padding-inline-start:20px;line-height:1.8}
/* The product art stays dark in either theme, while the details follow the chosen theme. */
body:not(.admin-view) .quick-modal-art{color:#f4f8ff}
body:not(.admin-view) .quick-modal-art>b,body:not(.admin-view) .quick-modal-art .product-brand-name{color:#f4f8ff}
body:not(.admin-view) .variant-option{color:#f4f8ff}
body:not(.admin-view) .variant-option b{color:inherit}
body:not(.admin-view) .variant-option small{color:#b1c5d3}
body:not(.admin-view)[data-theme="light"] #modalCard .modal-close{background:#edf3f9;border:1px solid #d5e1ed;color:#18324c}
body:not(.admin-view)[data-theme="light"] .quick-modal-info>p,body:not(.admin-view)[data-theme="light"] .detail-tabs p{color:#526882}
body:not(.admin-view)[data-theme="light"] .variant-selector>label,body:not(.admin-view)[data-theme="light"] .rating-line{color:#627991}
body:not(.admin-view)[data-theme="light"] .variant-option{background:#eef8fb;border-color:#a9d8e0;color:#173747}
body:not(.admin-view)[data-theme="light"] .variant-option small{color:#4e6b7e}
body:not(.admin-view)[data-theme="light"] .variant-option i{color:#0c8f8b}
body:not(.admin-view)[data-theme="light"] .quick-price,body:not(.admin-view)[data-theme="light"] .detail-tabs{border-color:#dce6f0}
body:not(.admin-view)[data-theme="light"] .detail-tabs a{color:#096dbb}
/* Checkout keeps wallet transfer, InstaPay link, and unavailable cards clearly separate. */
body:not(.admin-view) .checkout-methods{border:0;padding:0;margin:14px 0}
body:not(.admin-view) .checkout-methods legend{font-size:13px;font-weight:800;margin-bottom:10px}
body:not(.admin-view) .payment-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body:not(.admin-view) .payment-choices>label>span{min-height:100px;height:100%;align-items:flex-start;flex-direction:column;justify-content:center;border-radius:14px;padding:15px;gap:8px;font-size:13px}
body:not(.admin-view) .payment-choices>label b{font-size:14px}
body:not(.admin-view) .payment-choices>label small{font-size:11px;line-height:1.4}
body:not(.admin-view) .payment-choice-disabled{opacity:.58}
body:not(.admin-view) .payment-choice-disabled>span{cursor:not-allowed}
.paymob-checkout{width:min(100%,620px);margin:auto;text-align:center}
.paymob-checkout #paymob-elements{min-height:360px;margin:24px auto;max-width:560px;text-align:start}
.paymob-checkout #paymobHostedFallback{display:inline-flex;margin-top:12px}
body:not(.admin-view) .manual-fields{border-radius:15px;gap:13px;padding:18px}
body:not(.admin-view) .transfer-destination-card{gap:12px;border-radius:13px;padding:17px}
body:not(.admin-view) .transfer-detail-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
body:not(.admin-view) .transfer-detail-line b{font-size:18px;letter-spacing:.04em}
body:not(.admin-view) .transfer-copy{border:1px solid #44a9b7;border-radius:9px;background:#143b49;color:#75e3ed;padding:8px 13px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}
body:not(.admin-view) .transfer-link{display:inline-flex;width:max-content;max-width:100%;padding:11px 15px;border-radius:10px;background:#0c76f5;color:#fff;text-decoration:none;font-size:13px;font-weight:800}
body:not(.admin-view) .transfer-amount{margin:0;font-size:13px;font-weight:800}
body:not(.admin-view)[data-theme="light"] .payment-choices>label>span{background:#f7fafe;border-color:#dbe6f1;color:#1c3049}
body:not(.admin-view)[data-theme="light"] .payment-choices input:checked+span{background:#ebf8fb;border-color:#24aec7;box-shadow:0 0 0 2px #24aec720}
body:not(.admin-view)[data-theme="light"] .manual-fields{background:#f4f9fd;border-color:#cbdde9}
body:not(.admin-view)[data-theme="light"] .transfer-destination-card{background:#fff;border-color:#bbd7e4;color:#1c3049}
body:not(.admin-view)[data-theme="light"] .transfer-destination-card>strong{color:#1b536b}
body:not(.admin-view)[data-theme="light"] .transfer-copy{background:#e5f6fa;color:#0c6980;border-color:#9bcdda}
body:not(.admin-view) .order-success{max-width:670px;margin:auto;padding:28px 18px;text-align:center}
body:not(.admin-view) .order-success .success-check{width:80px;height:80px;font-size:38px;margin-bottom:23px}
body:not(.admin-view) .order-success.is-review .success-check{background:#293c26;border-color:#8ebd7b;color:#c7efb8}
body:not(.admin-view) .order-success h2{font-size:clamp(25px,3vw,36px);margin:8px 0 10px}
body:not(.admin-view) .order-success>p{font-size:14px;line-height:1.7;max-width:540px;margin:0 auto 24px}
body:not(.admin-view) .success-details{display:grid;gap:0;border:1px solid #2b4255;border-radius:17px;padding:8px 22px;text-align:start;background:#101d2e}
body:not(.admin-view) .success-details>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #294055}
body:not(.admin-view) .success-details>div:last-child{border:0}
body:not(.admin-view) .success-details span{color:#a9b9ca;font-size:12px}
body:not(.admin-view) .success-details strong{font-size:14px;overflow-wrap:anywhere}
body:not(.admin-view) .success-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}
body:not(.admin-view) .success-actions button{min-height:44px;border-radius:11px;padding:10px 18px}
body:not(.admin-view)[data-theme="light"] .order-success>p{color:#536a82}
body:not(.admin-view)[data-theme="light"] .success-details{background:#f5f9fd;border-color:#d5e4ef}
body:not(.admin-view)[data-theme="light"] .success-details>div{border-color:#dbe6f0}
body:not(.admin-view)[data-theme="light"] .success-details span{color:#587087}
@media(max-width:700px){body:not(.admin-view) .payment-choices{grid-template-columns:1fr}body:not(.admin-view) .payment-choices>label>span{min-height:72px}body:not(.admin-view) .success-details>div{align-items:flex-start;flex-direction:column;gap:4px}body:not(.admin-view) .success-actions{flex-direction:column}}

/* Manual checkout polish: shared control sizing, readable transfers, and clear receipt upload. */
body:not(.admin-view) #checkoutForm .form-grid input:not([type="radio"]),
body:not(.admin-view) #checkoutForm .form-grid select{box-sizing:border-box;width:100%;min-height:48px;height:48px;padding:0 14px;border-radius:9px;line-height:1.35}
body:not(.admin-view) #checkoutForm .form-grid select{appearance:auto}
body:not(.admin-view) #checkoutForm .manual-fields{grid-template-columns:minmax(0,1fr)}
body:not(.admin-view) #checkoutForm .manual-fields>label{grid-column:1/-1}
body:not(.admin-view) #checkoutForm .manual-fields input[type="file"]{box-sizing:border-box;display:block;width:100%;min-height:54px;height:auto;padding:10px 12px;border:1px dashed #4a6379;border-radius:10px;background:#101d2d;color:#dbe8f4;font-size:12px;line-height:1.5}
body:not(.admin-view) #checkoutForm .manual-fields input[type="file"]::file-selector-button{margin-inline-end:12px;padding:7px 12px;border:1px solid #45657e;border-radius:7px;background:#20384e;color:#f2f7fb;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}
body:not(.admin-view)[data-theme="light"] #checkoutForm .manual-fields input[type="file"]{background:#fff;color:#25364c;border-color:#b7ccda}
body:not(.admin-view)[data-theme="light"] #checkoutForm .manual-fields input[type="file"]::file-selector-button{background:#ebf4fa;color:#1d425d;border-color:#bed5e2}
body:not(.admin-view) .transfer-detail-line b{color:#f1f6fc}
body:not(.admin-view)[data-theme="light"] .transfer-detail-line b{color:#142b45}
body:not(.admin-view) .transfer-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#51277b;border:1px solid #76409e;color:#fff;min-height:46px;font-size:14px;line-height:1.2;box-shadow:0 7px 16px #2f14552b}
body:not(.admin-view) .transfer-link:hover{background:#62318f}
body:not(.admin-view) .transfer-link img{display:block;width:auto;height:23px;max-width:125px;object-fit:contain}
body:not(.admin-view) .transfer-link span:last-child{font-size:16px;line-height:1}
body:not(.admin-view) .checkout-lock{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;color:#23865a}
body:not(.admin-view) .checkout-lock svg{display:block;width:17px;height:17px}
@media(max-width:560px){body:not(.admin-view) .transfer-link{width:100%;max-width:100%}}

/* email-control.css */
.email-control{max-width:1480px;margin:auto}.email-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.email-control-head h2{font-size:clamp(27px,3vw,38px);margin:8px 0}.email-control-head p{color:#70819b;max-width:650px;line-height:1.6;margin:0}.email-status{white-space:nowrap;display:flex;align-items:center;gap:9px;border:1px solid #d7e4f3;border-radius:999px;padding:10px 14px;background:#fff;font-weight:700;color:#516683;font-size:12px}.email-status i,.email-template-item i{width:8px;height:8px;border-radius:50%;background:#dba641;display:block;flex:none}.email-status i.ready,.email-template-item i{background:#19ac83}.email-template-item i.paused{background:#aebbd0}.email-control-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(310px,1fr) minmax(340px,1.1fr);gap:18px;align-items:start}.email-control-layout>.admin-panel{margin:0;min-width:0}.email-template-list{padding:12px;display:grid;gap:5px}.email-template-item{width:100%;display:flex;align-items:center;gap:10px;text-align:start;border:1px solid transparent;background:transparent;border-radius:12px;padding:12px;cursor:pointer;color:#20334f}.email-template-item.active{background:#eef5ff;border-color:#b9d4ff}.email-template-item>span:nth-child(2){min-width:0;flex:1}.email-template-item b,.email-template-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-template-item b{font-size:13px}.email-template-item small{font-size:10px;color:#7f91aa;margin-top:3px;letter-spacing:.07em}.email-template-icon{width:32px;height:32px;display:grid;place-items:center;background:#e8f1ff;color:#0b63e9;border-radius:9px;flex:none}.email-editor,.email-preview{padding:22px}.email-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.email-editor-head h3{margin:4px 0 0;font-size:20px}.email-template-state{font-size:11px;color:#19785d;background:#e6f7ef;padding:7px 10px;border-radius:999px}.email-editor form{display:grid;gap:15px}.email-editor form label{display:grid;gap:7px;color:#61738e;font-weight:700;font-size:12px}.email-editor form input:not([type=checkbox]),.email-editor form textarea{width:100%;box-sizing:border-box;border:1px solid #d7e2f0;border-radius:10px;background:#f8fbff;color:#172b49;padding:12px 13px;font:inherit;font-size:14px;min-height:44px}.email-editor form input:focus,.email-editor form textarea:focus{outline:2px solid #77aaff;outline-offset:1px}.email-editor form textarea{resize:vertical;line-height:1.55}.email-form-pair{display:grid;grid-template-columns:1fr 90px;gap:12px}.email-editor form input[type=color]{padding:5px;cursor:pointer}.email-editor form .email-enabled{display:flex;align-items:center;gap:9px;color:#274365}.email-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.email-form-actions button{min-height:42px;padding-inline:20px}.email-editor-note{font-size:11px;color:#8b9bb1;line-height:1.55;margin:16px 0 0}.email-preview iframe{width:100%;height:780px;border:1px solid #e0e9f5;border-radius:12px;background:#eef4fb}.email-loading{padding:40px}.email-loading h2{margin:0 0 10px}@media(max-width:1280px){.email-control-layout{grid-template-columns:220px minmax(0,1fr)}.email-preview{grid-column:1/-1}.email-preview iframe{height:680px}}@media(max-width:720px){.email-control-head{display:block}.email-status{width:max-content;max-width:100%;white-space:normal;margin-top:14px}.email-control-layout{display:block}.email-control-layout>.admin-panel{margin-bottom:15px}.email-template-list{display:flex;overflow:auto;scroll-snap-type:x mandatory}.email-template-item{min-width:190px;scroll-snap-align:start}.email-editor,.email-preview{padding:17px}.email-preview iframe{height:640px}} 
.email-report{margin:0 0 20px;padding:22px}.email-report-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.email-report-metrics article{background:#f7faff;border:1px solid #e1eaf6;border-radius:12px;padding:15px}.email-report-metrics small,.email-report-metrics strong{display:block}.email-report-metrics small{color:#7184a0;font-size:12px}.email-report-metrics strong{color:#183451;font-size:25px;margin-top:5px}.email-report-table{overflow:auto;max-height:360px}.email-report-table table{width:100%;border-collapse:collapse;text-align:start;font-size:12px}.email-report-table th,.email-report-table td{padding:10px 12px;border-bottom:1px solid #e8eef6;white-space:nowrap;text-align:start}.email-template-group{display:grid;gap:4px}.email-template-group>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#879ab3;padding:12px 10px 5px;text-transform:uppercase}@media(max-width:1100px){.email-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.email-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.email-report{padding:16px}.email-template-group{display:flex;align-items:center}.email-template-group>span{min-width:90px}}
.email-subtabs{display:flex;gap:8px;margin:0 0 20px;padding:6px;border:1px solid #dce8f5;border-radius:14px;background:#f6f9fd;width:max-content;max-width:100%}.email-subtabs button{border:0;background:transparent;color:#6c7f99;border-radius:10px;padding:11px 20px;font:700 13px var(--font);cursor:pointer}.email-subtabs button.active{background:#fff;color:#075ff0;box-shadow:0 3px 12px #14396314}.marketing-head{display:flex;justify-content:space-between;gap:20px;margin:0 0 18px}.marketing-head h3{font-size:27px;margin:7px 0}.marketing-head p,.marketing-send p,.marketing-history p{color:#71839d;line-height:1.6}.marketing-audience-count{align-self:start;white-space:nowrap;background:#ecf7f3;color:#167c61;border:1px solid #c9e9df;border-radius:99px;padding:9px 14px;font-weight:700;font-size:12px}.marketing-grid{display:grid;grid-template-columns:210px minmax(300px,1fr) minmax(320px,1.1fr);gap:16px;align-items:start}.marketing-grid>.admin-panel{min-width:0;margin:0;padding:20px}.marketing-list{display:grid;gap:8px}.marketing-item{display:block;width:100%;text-align:start;background:#f8fbff;border:1px solid #e0e9f6;border-radius:10px;padding:12px;color:#203854;cursor:pointer;font:700 12px var(--font)}.marketing-item.active{background:#eaf3ff;border-color:#a8cafa;color:#075ff0}.marketing-item b,.marketing-item small{display:block}.marketing-item small{margin-top:4px;color:#7b90a9;font-size:10px}.marketing-editor h3,.marketing-preview h3,.marketing-send h3,.marketing-history h3{font-size:19px;margin:0 0 17px}.marketing-editor form{display:grid;gap:13px}.marketing-editor form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#60748e}.marketing-editor form input:not([type=checkbox]),.marketing-editor form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #d7e2ef;border-radius:9px;background:#fafcff;color:#1c3150;font:500 13px var(--font)}.marketing-editor form textarea{min-height:120px;resize:vertical;line-height:1.55}.marketing-pair{display:grid;grid-template-columns:1fr 90px;gap:12px}.marketing-toggle{display:flex!important;align-items:center;gap:8px!important}.marketing-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}.marketing-actions button{min-height:44px;padding-inline:20px}.marketing-actions small{color:#8293a9}.marketing-preview iframe{display:block;width:100%;height:770px;border:1px solid #e0e9f5;border-radius:12px;background:#edf4fd}.marketing-preview-empty{min-height:320px;display:grid;place-items:center;text-align:center;color:#8293a9;border:1px dashed #d3dfed;border-radius:12px;padding:24px}.marketing-send,.marketing-history{margin-top:18px;padding:22px}.marketing-segments{display:flex;gap:18px;margin:18px 0}.marketing-segments label{display:flex;align-items:center;gap:8px;font-weight:700;color:#344d69}.marketing-subscribers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:240px;overflow:auto}.marketing-subscribers label{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #dce6f1;border-radius:9px}.marketing-subscribers span{min-width:0}.marketing-subscribers b,.marketing-subscribers small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marketing-subscribers small{font-size:10px;color:#7a8ba3}.marketing-history-table>div{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:12px;padding:11px 0;border-bottom:1px solid #e3ebf5;color:#405872;font-size:12px}.marketing-history-table time{color:#8595aa}body[data-theme=dark] .email-subtabs,body[data-theme=dark] .marketing-item,body[data-theme=dark] .marketing-preview-empty,body[data-theme=dark] .marketing-subscribers label{background:#142136;border-color:#2d4059;color:#e6efff}body[data-theme=dark] .email-subtabs button.active{background:#243b5d;color:#89b9ff}body[data-theme=dark] .marketing-editor form input:not([type=checkbox]),body[data-theme=dark] .marketing-editor form textarea{background:#0d182a;border-color:#30435e;color:#eff5ff}body[data-theme=dark] .marketing-head p,body[data-theme=dark] .marketing-send p{color:#b4c3d8}@media(max-width:1250px){.marketing-grid{grid-template-columns:200px 1fr}.marketing-preview{grid-column:1/-1}.marketing-preview iframe{height:660px}}@media(max-width:720px){.email-subtabs{width:100%}.email-subtabs button{flex:1;padding:10px;font-size:12px}.marketing-head{display:block}.marketing-audience-count{display:inline-block;margin-top:10px}.marketing-grid{display:block}.marketing-grid>.admin-panel{margin-bottom:14px}.marketing-preview iframe{height:620px}.marketing-subscribers{grid-template-columns:1fr}.marketing-history-table>div{grid-template-columns:1fr 1fr}.marketing-segments{flex-wrap:wrap}}
.email-palette-chip{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid #dcdde5;border-radius:9px;background:#f5f5f7;color:#2e3a8c;font-size:13px;font-weight:700;letter-spacing:.04em}

/* storefront-20261028.css */
/* Brand palette: #1D1D1F, #2E3A8C, #FFFFFF, #F5F5F7, #2C2C2E. */
body:not(.admin-view){--brand-ink:#1d1d1f;--brand-blue:#2e3a8c;--brand-paper:#f5f5f7;background:var(--brand-paper);color:var(--brand-ink)}
body:not(.admin-view) .theme-toggle{display:none!important}
body:not(.admin-view) .flash-strip{display:none!important}
body:not(.admin-view) .store-sticky-shell{box-shadow:0 8px 28px rgba(24,27,42,.10)}
body:not(.admin-view) .utility-bar{height:39px;background:#f5f5f7;color:#555c6b;border-bottom:1px solid #e7e8ed}
body:not(.admin-view) .utility-bar .support-link{display:none}
body:not(.admin-view) .utility-actions{width:100%;justify-content:flex-end;gap:19px}
body:not(.admin-view) .review-trigger{margin-inline-end:auto;color:#292c36;font-weight:700}
body:not(.admin-view) .review-trigger small{display:none}
body:not(.admin-view) .select-wrap select,body:not(.admin-view) .lang-toggle{color:#4b5261}
body:not(.admin-view) .main-header,body[data-theme="light"]:not(.admin-view) .main-header{height:74px;min-height:74px;background:rgba(44,44,46,.96)!important;border:0!important;color:white;box-shadow:0 9px 22px #10142428;backdrop-filter:blur(20px)}
body:not(.admin-view) .main-header .brand{min-width:165px;flex:none}
body:not(.admin-view) .main-header .brand-icon{width:112px!important;height:auto!important;max-height:58px!important;object-fit:contain;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;padding:0!important}
body:not(.admin-view) .main-header .search-box{display:none!important}
body:not(.admin-view) .main-header .store-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,43px);flex:1;margin:0}
body:not(.admin-view) .main-header .store-nav a,body:not(.admin-view) .store-nav-menu-trigger{font:600 13px 'DM Sans','Tajawal',sans-serif;color:#f2f2f5;background:none;border:0;padding:26px 0;line-height:1.7;white-space:nowrap;position:relative;cursor:pointer}
body:not(.admin-view) .main-header .store-nav a:hover,body:not(.admin-view) .store-nav-menu-trigger:hover,body:not(.admin-view) .store-nav-menu-trigger[aria-expanded="true"]{color:#fff}
body:not(.admin-view) .main-header .store-nav a:first-child:after,body:not(.admin-view) .store-nav-menu-trigger[aria-expanded="true"]:after{content:"";position:absolute;bottom:16px;inset-inline:0;height:2px;background:#96a9ff;border-radius:4px}
body:not(.admin-view) .main-header .header-actions{margin:0;gap:19px;flex:none}
body:not(.admin-view) .main-header .header-action,body:not(.admin-view) .main-header .cart-button{width:27px;height:36px;padding:0;border:0;background:none!important;min-width:0!important;border-radius:0!important;display:grid;place-items:center;color:#f2f2f5;position:relative;box-shadow:none!important}
body:not(.admin-view) .main-header .action-icon,body:not(.admin-view) .main-header .cart-glyph{width:24px;height:24px;color:#f2f2f5;display:block;transform:none}
body:not(.admin-view) .main-header .action-icon svg,body:not(.admin-view) .main-header .cart-glyph svg{display:block;width:24px;height:24px}
body:not(.admin-view) .main-header .account-action [data-i18n="account"],body:not(.admin-view) .main-header .cart-copy{display:none!important}
body:not(.admin-view) .main-header .counter{position:absolute!important;top:-3px!important;inset-inline-end:-9px!important;background:#3674e8!important;color:white!important;border:2px solid #2c2c2e!important;width:20px;min-width:20px;height:20px;border-radius:50%;font-size:9px}
body:not(.admin-view) .main-header #wishCount:not(:empty){display:none}
body:not(.admin-view) .main-header #wishlistButton.has-saved .action-icon{color:#5187f6}
body:not(.admin-view) .category-nav{display:none!important}
body:not(.admin-view) .store-mega-menu[hidden],body:not(.admin-view) .store-search-overlay[hidden]{display:none!important}
body:not(.admin-view) .store-mega-menu{position:absolute;top:100%;left:max(20px,calc((100% - 1140px)/2));right:max(20px,calc((100% - 1140px)/2));z-index:60;background:rgba(34,36,40,.985);color:#fff;border:1px solid #73778144;border-radius:0 0 18px 18px;box-shadow:0 20px 40px #11182748;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:26px;direction:ltr}
body:not(.admin-view) .mega-categories{display:grid;grid-template-columns:1fr 1fr;gap:6px}
body:not(.admin-view) .mega-categories button{border:0;background:transparent;color:#eef0f4;text-align:start;padding:11px 9px;border-radius:9px;display:flex;align-items:center;gap:11px;cursor:pointer;font-size:12px}
body:not(.admin-view) .mega-categories button:hover,body:not(.admin-view) .support-mega-menu a:hover{background:#ffffff14}
body:not(.admin-view) .mega-icon{width:27px;color:#a9b4e7;font-size:20px;text-align:center}.mega-arrow{margin-inline-start:auto;color:#aaa}
body:not(.admin-view) .mega-featured{background:#303a54;border-radius:13px;padding:16px 18px;position:relative;min-height:205px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
body:not(.admin-view) .mega-featured .mega-kicker{font-size:10px;letter-spacing:.13em;color:#b8c6ec}.mega-featured strong{font-size:19px}.mega-featured small{font-size:11px;color:#d9e0f2;max-width:45%}.mega-featured img{position:absolute;width:53%;height:90%;object-fit:contain;right:0;bottom:-12%;filter:drop-shadow(0 15px 14px #0006)}.mega-featured button{margin-top:auto;padding:8px 12px;border-radius:20px;background:#fff;color:#212744;border:0;position:relative;z-index:2;font-weight:700;font-size:11px}
body:not(.admin-view) .support-mega-menu{width:290px;left:auto;right:max(15%,calc((100% - 920px)/2));display:flex;flex-direction:column;gap:3px;padding:12px}
body:not(.admin-view) .support-mega-menu a{padding:10px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:12px;color:#eef0f4}
body:not(.admin-view) .store-search-overlay{position:fixed;inset:113px 0 0;z-index:48;background:#10141c8c;backdrop-filter:blur(7px);display:flex;align-items:flex-start;justify-content:center;padding:25px 18px}
body:not(.admin-view) .store-search-panel{width:min(640px,100%);background:#262a32;color:#fff;border:1px solid #ffffff20;border-radius:18px;box-shadow:0 25px 70px #0008;padding:24px;display:grid;grid-template-columns:30px 1fr 28px;gap:12px;align-items:center}
body:not(.admin-view) .store-search-panel>span{font-size:28px;color:#cbd3eb}.store-search-panel input{background:none;border:0;border-bottom:1px solid #6e7483;color:#fff;outline:0;font-size:18px;min-width:0;padding:8px 0}.store-search-panel input::placeholder{color:#aab0be}.store-search-panel>button{background:none;border:0;color:#fff;font-size:23px}.store-popular-searches,.store-overlay-results{grid-column:1/-1}.store-popular-searches{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.store-popular-searches>span{font-size:11px;color:#b5bece;margin-inline-end:7px}.store-popular-searches button{border:1px solid #ffffff22;background:#ffffff0c;color:#e8ebf4;border-radius:18px;padding:6px 11px;font-size:11px}.store-overlay-results{display:grid;gap:4px}.store-overlay-results button{display:flex;gap:12px;align-items:center;background:#ffffff0a;border:0;border-radius:9px;color:#fff;padding:9px;text-align:start}.store-overlay-results button span{width:28px;font-size:22px;color:#8b9df5}.store-overlay-results button small{margin-inline-start:auto;color:#bfc9e3}.store-overlay-results p{color:#d5d8e3}
body:not(.admin-view) .hero-wrap,body:not(.admin-view) .campaign-windows,body:not(.admin-view) .promo-grid,body:not(.admin-view) .campaign-category-grid{width:var(--store-content-width);max-width:var(--store-content-max);margin-inline:auto}
body:not(.admin-view) .campaign-windows{min-height:360px!important;background:linear-gradient(115deg,#f9fbff,#c7def7)!important;color:#1d1d1f!important;border:1px solid #d8e1f0!important}
body:not(.admin-view) .campaign-windows:before{display:none!important}
body:not(.admin-view) .campaign-windows h2,body:not(.admin-view) .campaign-windows p,body:not(.admin-view) .campaign-windows .windows-feature-brand{color:#1d1d1f!important}
body:not(.admin-view) .campaign-windows .feature-link{background:#2e3a8c!important;color:#fff!important}
body:not(.admin-view) .campaign-windows .campaign-laptop{inset-inline-end:0!important;bottom:-17%!important;width:57%!important;height:122%!important}
body:not(.admin-view) .campaign-office{background:linear-gradient(120deg,#fff9f4,#ffe9d6)!important;border-color:#eedfd5!important}
body:not(.admin-view) .campaign-office h2{color:#1d1d1f!important}
body:not(.admin-view) .campaign-autodesk{background:linear-gradient(120deg,#172034,#294469)!important}
body:not(.admin-view) .campaign-autodesk h2{color:#fff!important}
body:not(.admin-view) .campaign-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:14px 28px}
body:not(.admin-view) .campaign-category{min-height:245px;position:relative;overflow:hidden;border-radius:13px;isolation:isolate;color:#fff;background:#111b2d;box-shadow:0 9px 25px #202b4021}
body:not(.admin-view) .campaign-category-copy{position:relative;z-index:2;padding:30px 34px;width:51%}.campaign-category-copy h2{margin:7px 0;font-size:clamp(22px,2.1vw,31px);line-height:1.12}.campaign-category-copy p{font-size:13px;line-height:1.5;opacity:.9;margin:0 0 17px}.campaign-category-copy button{border:1px solid #fff9;background:#ffffff0a;color:#fff;padding:9px 18px;border-radius:24px;font-size:12px;font-weight:700}.campaign-category-copy button:hover{background:#fff;color:#1d1d1f}.campaign-symbol{font-size:33px;line-height:1;display:block}
body:not(.admin-view) .campaign-category-art{position:absolute;inset:0 0 0 45%;z-index:1;pointer-events:none}.campaign-category-art span{position:absolute;display:block}
body:not(.admin-view) .campaign-security{background:linear-gradient(110deg,#042c36,#02616a)}.campaign-security .campaign-art-primary{width:175px;height:190px;right:14%;top:14%;background:linear-gradient(135deg,#8bf0e9,#024b53 55%,#00252d);clip-path:polygon(50% 0,94% 16%,88% 75%,50% 100%,12% 75%,6% 16%);filter:drop-shadow(0 20px 20px #0008)}.campaign-security .campaign-art-secondary{width:120px;height:130px;right:calc(14% + 27px);top:calc(14% + 27px);background:linear-gradient(135deg,#104650,#0e7782);clip-path:polygon(50% 0,94% 16%,88% 75%,50% 100%,12% 75%,6% 16%)}.campaign-security .campaign-art-tertiary{right:calc(14% + 69px);top:calc(14% + 63px);width:40px;height:62px;border-right:10px solid white;border-bottom:10px solid white;transform:rotate(40deg)}
body:not(.admin-view) .campaign-games{background:radial-gradient(circle at 78% 44%,#52398d,#17112c 62%,#0b0b1b)}.campaign-games .campaign-art-primary{right:13%;top:16%;width:220px;height:180px;border-radius:16px;background:linear-gradient(135deg,#303144,#0c0c16);border:3px solid #8263d0;box-shadow:0 0 40px #7e54d77a,inset 0 0 55px #8b59cf45}.campaign-games .campaign-art-secondary{right:22%;top:34%;width:80px;height:80px;border:9px solid #b48aff;border-radius:50%;box-shadow:0 0 24px #a456ff}.campaign-games .campaign-art-tertiary{right:3%;bottom:4%;width:140px;height:70px;background:linear-gradient(110deg,#0d0d16,#424056);border-radius:55px 55px 32px 32px;box-shadow:0 15px 18px #0008}
body:not(.admin-view) .campaign-tools{background:linear-gradient(110deg,#062539,#0a4d6b)}.campaign-tools .campaign-art-primary{right:26%;top:14%;width:110px;height:110px;border-radius:22px;background:#e94936;box-shadow:115px 55px 0 #2988cc,25px 112px 0 #eb3341,-96px 63px 0 #5da1e0;transform:rotate(-4deg)}.campaign-tools .campaign-art-secondary{right:calc(26% + 33px);top:calc(14% + 18px);font:bold 65px Arial;color:white}.campaign-tools .campaign-art-secondary:after{content:'A'}
body:not(.admin-view) .campaign-server{background:linear-gradient(110deg,#052642,#0b5b94)}.campaign-server .campaign-art-primary{right:8%;top:10%;width:37%;height:90%;background:repeating-linear-gradient(90deg,#061327 0 24px,#174575 25px 27px,#07182a 28px 49px);transform:skewY(-9deg);box-shadow:0 14px 24px #0009}.campaign-server .campaign-art-secondary{right:12%;top:12%;width:29%;height:78%;background:repeating-linear-gradient(180deg,transparent 0 13px,#207ee8 14px 16px,transparent 17px 27px);opacity:.7}
body:not(.admin-view) .campaign-education{color:#18233d;background:linear-gradient(115deg,#f7f8fb,#dbe5f0)}.campaign-education .campaign-category-copy button{color:#2e3a8c;border-color:#2e3a8c}.campaign-education .campaign-art-primary{right:18%;top:24%;width:210px;height:125px;background:linear-gradient(145deg,#111b2e,#566276);clip-path:polygon(50% 0,100% 35%,50% 70%,0 35%);filter:drop-shadow(0 14px 12px #2b37593d)}.campaign-education .campaign-art-secondary{right:19%;top:57%;width:200px;height:58px;border-bottom:10px solid #1f2e45;border-left:9px solid #1f2e45;border-right:9px solid #1f2e45;border-radius:0 0 50% 50%}
@media(max-width:900px){body:not(.admin-view) .main-header{gap:10px!important;padding-inline:18px!important}body:not(.admin-view) .main-header .brand{min-width:112px}body:not(.admin-view) .main-header .store-nav{gap:14px}body:not(.admin-view) .main-header .store-nav a,body:not(.admin-view) .store-nav-menu-trigger{font-size:11px}body:not(.admin-view) .main-header .header-actions{gap:11px}body:not(.admin-view) .campaign-category{min-height:205px}.campaign-category-copy{padding:22px!important;width:58%!important}}
@media(max-width:1100px){body:not(.admin-view) .utility-bar{height:35px;padding-inline:12px!important}body:not(.admin-view) .main-header{height:auto!important;min-height:98px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:0!important;padding:7px 12px 0!important}body:not(.admin-view) .main-header .brand{grid-column:1;grid-row:1}body:not(.admin-view) .main-header .header-actions{grid-column:2;grid-row:1}body:not(.admin-view) .main-header .store-nav{grid-column:1/-1;grid-row:2;overflow-x:auto;justify-content:flex-start;width:100%;gap:22px;scrollbar-width:none}body:not(.admin-view) .main-header .store-nav a,body:not(.admin-view) .store-nav-menu-trigger{padding:11px 0;font-size:11px}body:not(.admin-view) .main-header .store-nav a:first-child:after,body:not(.admin-view) .store-nav-menu-trigger[aria-expanded="true"]:after{bottom:5px}body:not(.admin-view) .main-header .brand-icon{width:86px!important;max-height:43px!important}body:not(.admin-view) .main-header .header-actions{gap:14px}body:not(.admin-view) .store-search-overlay{inset:133px 0 0;padding:12px}body:not(.admin-view) .store-search-panel{padding:16px}body:not(.admin-view) .store-mega-menu{left:8px;right:8px;padding:13px;grid-template-columns:1fr;gap:9px;max-height:65vh;overflow:auto}body:not(.admin-view) .mega-featured{min-height:125px}body:not(.admin-view) .support-mega-menu{width:auto;left:8px;right:8px}body:not(.admin-view) .campaign-category-grid{grid-template-columns:1fr;gap:10px}body:not(.admin-view) .campaign-category{min-height:185px}.campaign-category-copy{width:62%!important;padding:20px!important}.campaign-category-copy h2{font-size:21px}.campaign-category-copy p{font-size:11px}.campaign-category-copy button{font-size:10px;padding:7px 11px}body:not(.admin-view) .campaign-windows{min-height:410px!important}body:not(.admin-view) .campaign-windows .campaign-laptop{bottom:-5%!important;width:100%!important;height:56%!important}body:not(.admin-view) .campaign-windows .campaign-copy{max-width:100%!important}}
@media(prefers-reduced-motion:reduce){body:not(.admin-view) .store-search-overlay{backdrop-filter:none}}
/* The mockup uses one horizontal row; override older grid and light-theme icon rules. */
body:not(.admin-view) .main-header,body[data-theme="light"]:not(.admin-view) .main-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;direction:inherit!important;padding-inline:max(32px,calc((100% - 1460px)/2))!important;border-radius:0 0 8px 8px!important}
body:not(.admin-view) .main-header .brand{flex:0 0 145px!important;min-width:0!important;margin:0!important}
body:not(.admin-view) .main-header .store-nav{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;gap:clamp(15px,2.6vw,44px)!important;justify-content:center!important;position:relative!important;align-self:stretch!important}
body:not(.admin-view) .main-header .header-actions{flex:0 0 auto!important;width:auto!important;gap:clamp(12px,1.7vw,24px)!important;order:initial!important}
body[data-theme="light"]:not(.admin-view) .main-header .action-icon,body[data-theme="light"]:not(.admin-view) .main-header .cart-glyph,body[data-theme="light"]:not(.admin-view) .main-header .action-icon svg,body[data-theme="light"]:not(.admin-view) .main-header .cart-glyph svg{color:#f6f7f9!important;stroke:#f6f7f9!important}
body:not(.admin-view) .main-header .header-action:hover .action-icon,body:not(.admin-view) .main-header .cart-button:hover .cart-glyph{transform:translateY(-2px);transition:transform .22s ease}
body:not(.admin-view) .main-header .store-nav a,body:not(.admin-view) .main-header .store-nav button{transition:color .2s ease,transform .24s ease!important}
body:not(.admin-view) .main-header .store-nav a:hover,body:not(.admin-view) .main-header .store-nav button:hover{transform:translateY(-2px)}
body:not(.admin-view) .main-header .store-nav a:after,body:not(.admin-view) .main-header .store-nav button:after{display:none!important}
body:not(.admin-view) .main-header .store-nav:after{content:"";position:absolute;bottom:15px;left:var(--nav-indicator-left,0px);width:var(--nav-indicator-width,0px);height:2px;border-radius:5px;background:#7d9bff;box-shadow:0 2px 7px #6194ff80;opacity:var(--nav-indicator-opacity,0);transition:left .29s cubic-bezier(.2,.85,.2,1),width .29s cubic-bezier(.2,.85,.2,1),opacity .2s ease;pointer-events:none}
body:not(.admin-view) .main-header .store-nav [aria-current="page"]{color:#fff;font-weight:700}
@media(max-width:1050px){body:not(.admin-view) .main-header{gap:10px!important;padding-inline:24px!important}body:not(.admin-view) .main-header .brand{flex-basis:112px!important}body:not(.admin-view) .main-header .store-nav{gap:clamp(14px,2vw,25px)!important}body:not(.admin-view) .main-header .header-actions{gap:13px!important}body:not(.admin-view) .main-header .store-nav a,body:not(.admin-view) .main-header .store-nav button{font-size:12px!important}}
@media(max-width:1100px){body:not(.admin-view) .main-header,body[data-theme="light"]:not(.admin-view) .main-header{display:grid!important;grid-template-columns:1fr auto!important;gap:0!important;padding:7px 12px 0!important}body:not(.admin-view) .main-header .brand{grid-row:1!important;grid-column:1!important}body:not(.admin-view) .main-header .header-actions{grid-row:1!important;grid-column:2!important}body:not(.admin-view) .main-header .store-nav{grid-row:2!important;grid-column:1/-1!important;justify-content:flex-start!important;width:100%!important;gap:22px!important}body:not(.admin-view) .main-header .store-nav:after{bottom:3px}}
body:not(.admin-view) .main-header>.brand{order:1!important}
body:not(.admin-view) .main-header>.store-nav{order:2!important}
body:not(.admin-view) .main-header>.header-actions{order:3!important}
@media(max-width:1100px){body:not(.admin-view) .main-header>.brand{order:1!important}body:not(.admin-view) .main-header>.store-nav{order:3!important}body:not(.admin-view) .main-header>.header-actions{order:2!important}}
body:not(.admin-view) .mobile-menu-toggle,body:not(.admin-view) .mobile-store-menu{display:none}
@media(max-width:1100px){
 body:not(.admin-view) .utility-bar{display:none!important}
 body:not(.admin-view) .main-header,body[data-theme="light"]:not(.admin-view) .main-header{height:62px!important;min-height:62px!important;display:flex!important;align-items:center!important;padding:0 18px!important;border-radius:0!important}
 body:not(.admin-view) .main-header>.brand{order:1!important;flex:1 1 auto!important;grid-row:auto!important;grid-column:auto!important}
 body:not(.admin-view) .main-header .brand-icon{width:104px!important;max-height:50px!important}
 body:not(.admin-view) .main-header>.store-nav{display:none!important}
 body:not(.admin-view) .main-header>.header-actions{order:2!important;grid-row:auto!important;grid-column:auto!important;gap:17px!important}
 body:not(.admin-view) .main-header #wishlistButton,body:not(.admin-view) .main-header #accountButton{display:none!important}
 body:not(.admin-view) .main-header #navSearchTrigger,body:not(.admin-view) .main-header #cartButton{width:27px!important;height:32px!important}
 body:not(.admin-view) .main-header .action-icon,body:not(.admin-view) .main-header .cart-glyph,body:not(.admin-view) .main-header .action-icon svg,body:not(.admin-view) .main-header .cart-glyph svg{width:25px!important;height:25px!important}
 body:not(.admin-view) .mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:31px;height:35px;background:none;border:0;padding:4px;z-index:75}
 body:not(.admin-view) .mobile-menu-toggle span{display:block;width:25px;height:2px;border-radius:2px;background:#f5f5f7;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
 body:not(.admin-view) .mobile-menu-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}
 body:not(.admin-view) .mobile-menu-toggle.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}
 body:not(.admin-view) .mobile-store-menu:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;height:calc(100dvh - 62px);background:#2c2c2e;color:#fff;z-index:70;overflow:auto;box-shadow:0 22px 40px #0004}
 body:not(.admin-view) .mobile-menu-content{padding:22px 28px 55px;display:flex;flex-direction:column}
 body:not(.admin-view) .mobile-menu-content a,body:not(.admin-view) .mobile-menu-content button{color:#f4f4f6;background:none;border:0;border-bottom:1px solid #ffffff20;text-align:start;padding:13px 3px;font-size:22px;font-weight:600;letter-spacing:-.02em}
 body:not(.admin-view) .mobile-menu-content a:hover,body:not(.admin-view) .mobile-menu-content button:hover{color:#b6c5ff}
 body:not(.admin-view) .store-search-overlay{inset:62px 0 0!important}
 body:not(.admin-view) .store-mega-menu{display:none!important}
 body.mobile-menu-open{overflow:hidden}
}
@media(max-width:1100px){body:not(.admin-view) .main-header #wishlistButton,body:not(.admin-view) .main-header #accountButton{display:grid!important}body:not(.admin-view) .main-header>.header-actions{gap:clamp(7px,2.5vw,12px)!important}body:not(.admin-view) .main-header .brand-icon{width:clamp(72px,23vw,104px)!important}body:not(.admin-view) .main-header .header-action,body:not(.admin-view) .main-header .cart-button{width:24px!important;height:30px!important}body:not(.admin-view) .main-header .action-icon,body:not(.admin-view) .main-header .cart-glyph,body:not(.admin-view) .main-header .action-icon svg,body:not(.admin-view) .main-header .cart-glyph svg{width:22px!important;height:22px!important}body:not(.admin-view) .mobile-menu-toggle{width:25px!important}body:not(.admin-view) .mobile-menu-toggle span{width:22px!important}}
@media(min-width:1101px){
 body:not(.admin-view) .main-header,body[data-theme="light"]:not(.admin-view) .main-header{background:rgba(44,44,46,.87)!important;backdrop-filter:blur(24px) saturate(1.15)!important;-webkit-backdrop-filter:blur(24px) saturate(1.15)!important}
 body:not(.admin-view) .store-mega-menu{background:rgba(32,34,38,.83)!important;backdrop-filter:blur(30px) saturate(1.2)!important;-webkit-backdrop-filter:blur(30px) saturate(1.2)!important;border-color:#ffffff30!important}
 body:not(.admin-view) .mega-featured{background:rgba(47,59,89,.74)!important}
 body:not(.admin-view) .main-header .brand-icon{width:98px!important;max-height:53px!important}
}
@media(max-width:1100px){body:not(.admin-view) .main-header .brand-icon{width:80px!important;max-height:44px!important}}
@media(min-width:1101px){body:not(.admin-view) .support-mega-menu{left:var(--support-left,auto);right:auto!important;width:290px;transform:none}}
@media(min-width:1101px){body:not(.admin-view) .main-header .brand-icon{width:84px!important;max-height:47px!important}body:not(.admin-view) .main-header>.brand{flex-basis:94px!important}}
@media(max-width:1100px){body:not(.admin-view) .main-header .brand-icon{width:72px!important;max-height:42px!important}body:not(.admin-view) .main-header>.brand{margin-inline-end:auto!important;justify-content:flex-start!important;align-items:center!important;min-width:0!important}html[dir="ltr"] body:not(.admin-view) .main-header>.brand{margin-left:0!important;margin-right:auto!important}html[dir="rtl"] body:not(.admin-view) .main-header>.brand{margin-right:0!important;margin-left:auto!important}}
body:not(.admin-view) .scroll-reveal-pending{opacity:0;transform:translate3d(0,25px,0)}
body:not(.admin-view) .scroll-reveal-pending.scroll-reveal-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
@media(prefers-reduced-motion:reduce){body:not(.admin-view) .scroll-reveal-pending{opacity:1!important;transform:none!important}body:not(.admin-view) .scroll-reveal-pending.scroll-reveal-visible{transition:none!important}}

/* home-campaign-20261028.css */
/* Reference-led homepage. Product DOM stays available in the catalog view. */
body:not(.admin-view) #storePage .category-showcase,
body:not(.admin-view) #storePage .campaign-windows,
body:not(.admin-view) #storePage .trust-strip,
body:not(.admin-view) #storePage .program-strip,
body:not(.admin-view):not(.catalog-view) #storePage #productsSection {display:none!important}
body:not(.admin-view).catalog-view #storePage .hero-wrap,
body:not(.admin-view).catalog-view #storePage .home-campaigns,
body:not(.admin-view).catalog-view #storePage .newsletter {display:none!important}
body:not(.admin-view).catalog-view #storePage #productsSection {display:block!important;padding-top:36px;padding-bottom:42px}

body:not(.admin-view) #storePage {background:#f5f5f7;color:#1d1d1f;padding-bottom:28px}
body:not(.admin-view) #storePage .hero-wrap,
body:not(.admin-view) #storePage .home-campaigns,
body:not(.admin-view) #storePage .newsletter {width:min(1440px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important}

/* Desk scene is CSS; laptop and copy remain independent layers. */
body:not(.admin-view) #storePage .hero-wrap {
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;
  grid-template-areas:"copy art"!important;align-items:center!important;gap:0!important;
  min-height:515px!important;margin-block:24px 13px!important;padding:54px clamp(35px,5.2vw,80px)!important;
  overflow:hidden!important;isolation:isolate;border:1px solid #dce7f4!important;border-radius:18px!important;
  background:linear-gradient(90deg,#f7fbff 0%,#eff7ff 39%,#e5f2ff 64%,#cae0f8 100%)!important;
  box-shadow:0 20px 42px #1d3b6610!important
}
body:not(.admin-view) #storePage .hero-wrap:before {content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(90deg,#ffffffa3,transparent 61%),linear-gradient(180deg,transparent 70%,#d9e6f5 70.5%,#f6f8fb 84%,#c9d7e7 100%)!important}
body:not(.admin-view) #storePage .hero-wrap:after {content:""!important;display:block!important;position:absolute!important;inset:auto -5% 0!important;height:18%!important;z-index:0!important;background:linear-gradient(180deg,#ffffff00,#ffffff91 30%,#c6d5e5 96%)!important;pointer-events:none!important}
body:not(.admin-view) #storePage .hero-glow {position:absolute!important;display:block!important;inset:4% 9% 11% auto!important;width:52%!important;border-radius:50%!important;background:radial-gradient(ellipse,#90c5ff8c,transparent 68%)!important;filter:blur(28px)!important;pointer-events:none!important}
body:not(.admin-view) #storePage .hero-copy {grid-area:copy!important;max-width:610px!important;align-self:center!important;z-index:3!important;padding-bottom:28px!important}
body:not(.admin-view) #storePage .hero-copy .eyebrow {color:#536886!important;font-size:12px!important;letter-spacing:.16em!important;font-weight:700!important}
body:not(.admin-view) #storePage .hero-copy h1 {font-family:'DM Sans','Tajawal',sans-serif!important;color:#0c1937!important;font-size:clamp(53px,5.7vw,89px)!important;line-height:.99!important;letter-spacing:-.07em!important;margin:24px 0 22px!important}
body:not(.admin-view) #storePage .hero-copy h1 span {display:block!important;margin-top:14px!important;color:#172c63!important;font-size:clamp(22px,2.4vw,36px)!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-.03em!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body:not(.admin-view) #storePage .hero-copy p {color:#425671!important;max-width:470px!important;font-size:clamp(15px,1.25vw,18px)!important;line-height:1.55!important}
body:not(.admin-view) #storePage .hero-ctas {margin-top:27px!important}
body:not(.admin-view) #storePage #heroShop {background:#2e3a8c!important;color:#fff!important;box-shadow:0 11px 22px #2e3a8c32!important;min-height:47px!important;padding-inline:24px!important;border-radius:999px!important;font-size:14px!important}
body:not(.admin-view) #storePage #heroShop:hover {background:#22306e!important;transform:translateY(-2px)!important}
body:not(.admin-view) #storePage #heroLearn,
body:not(.admin-view) #storePage .hero-proof,
body:not(.admin-view) #storePage .hero-controls {display:none!important}
body:not(.admin-view) #storePage .hero-art {grid-area:art!important;position:relative!important;inset:auto!important;display:block!important;width:115%!important;height:440px!important;transform:translate(1%,12%)!important;z-index:2!important;pointer-events:none!important}
body:not(.admin-view) #storePage .hero-art img.hero-laptop-light {display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 25px 19px #23374e47)!important}
body:not(.admin-view) #storePage .hero-art img.hero-laptop-dark {display:none!important}

/* Campaigns: real text and buttons layered over independent visual shapes. */
body:not(.admin-view) #storePage .home-campaigns {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:20px!important}
body:not(.admin-view) #storePage .home-campaigns>.promo-grid,
body:not(.admin-view) #storePage .home-campaigns>.campaign-category-grid {display:contents!important}
body:not(.admin-view) #storePage .home-campaigns .feature-banner,
body:not(.admin-view) #storePage .home-campaigns .campaign-category {position:relative!important;min-width:0!important;width:100%!important;margin:0!important;min-height:300px!important;border-radius:15px!important;overflow:hidden!important;isolation:isolate;box-shadow:0 12px 28px #12223a17!important;transition:transform .34s cubic-bezier(.2,.75,.2,1),box-shadow .34s ease!important}
body:not(.admin-view) #storePage .home-campaigns .feature-banner:hover,
body:not(.admin-view) #storePage .home-campaigns .campaign-category:hover {transform:translateY(-4px)!important;box-shadow:0 20px 34px #12223a29!important}
body:not(.admin-view) #storePage .home-campaigns article {cursor:pointer}
body:not(.admin-view) #storePage .home-campaigns article:focus-visible {outline:3px solid #2e3a8c;outline-offset:3px}
body:not(.admin-view) #storePage .campaign-office {grid-column:1/-1!important;min-height:345px!important;padding:45px clamp(32px,5vw,70px)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;text-align:start!important;background:radial-gradient(ellipse at 76% 44%,#ffd4b8 0%,transparent 46%),linear-gradient(105deg,#fffaf7 0%,#fff4ed 53%,#fbdcc9 100%)!important;border:1px solid #f3ded0!important}
body:not(.admin-view) #storePage .campaign-office:before {content:"";position:absolute;inset:auto -4% -18% 38%;height:86%;background:linear-gradient(135deg,#fff 0%,#f7d2bb 38%,#efb691 100%);clip-path:polygon(10% 35%,55% 10%,94% 43%,45% 85%);opacity:.55;filter:blur(3px)}
body:not(.admin-view) #storePage .campaign-office .campaign-copy {position:relative!important;z-index:3!important;align-self:flex-start!important;width:46%!important;max-width:none!important;margin:0!important}
body:not(.admin-view) #storePage .campaign-office .feature-brand {color:#df4b21!important;font-size:18px!important;font-weight:800!important}
body:not(.admin-view) #storePage .campaign-office .office-brand-mark {background:linear-gradient(135deg,#ee752d,#d53312)!important;color:white!important}
body:not(.admin-view) #storePage .campaign-office h2 {max-width:590px!important;font-size:clamp(32px,3.7vw,55px)!important;line-height:1.08!important;color:#18191b!important;margin:18px 0 12px!important}
body:not(.admin-view) #storePage .campaign-office p {font-size:clamp(14px,1.25vw,18px)!important;color:#5e5452!important;max-width:500px!important}
body:not(.admin-view) #storePage .office-stack {position:absolute!important;inset:0 0 0 48%!important;z-index:2!important;display:block!important;pointer-events:none!important}
body:not(.admin-view) #storePage .office-app {position:absolute!important;display:grid!important;place-items:center!important;width:clamp(82px,9vw,130px)!important;height:clamp(82px,9vw,130px)!important;border-radius:22px!important;font:bold clamp(38px,5vw,68px) 'DM Sans',sans-serif!important;color:#fff!important;box-shadow:12px 19px 21px #734b3b37,inset -12px -12px 13px #0002!important;transform:rotate(-5deg)!important}
body:not(.admin-view) #storePage .office-app.word {left:14%;top:11%;background:linear-gradient(135deg,#36a9f8,#064da9)!important}
body:not(.admin-view) #storePage .office-app.excel {left:48%;top:2%;background:linear-gradient(135deg,#31c98b,#087248)!important;transform:rotate(5deg)!important}
body:not(.admin-view) #storePage .office-app.power {left:23%;bottom:4%;background:linear-gradient(135deg,#ff9a58,#db4b18)!important;transform:rotate(6deg)!important}
body:not(.admin-view) #storePage .office-app.outlook {left:61%;bottom:6%;background:linear-gradient(135deg,#55b7f7,#116abc)!important}
body:not(.admin-view) #storePage .campaign-autodesk {background:radial-gradient(circle at 78% 72%,#247aa3 0%,transparent 34%),linear-gradient(112deg,#07152a,#153655 70%,#0c2640)!important;padding:32px 35px!important;align-items:flex-start!important;text-align:start!important}
body:not(.admin-view) #storePage .campaign-autodesk:before {content:"";position:absolute;right:0;bottom:0;width:58%;height:85%;opacity:.3;background:repeating-linear-gradient(90deg,#79c0ed 0 1px,transparent 2px 27px),repeating-linear-gradient(0deg,#79c0ed 0 1px,transparent 2px 23px);clip-path:polygon(45% 0,100% 22%,100% 100%,0 100%);transform:skewY(-6deg)}
body:not(.admin-view) #storePage .campaign-autodesk .campaign-copy {z-index:3!important;max-width:55%!important;align-self:flex-start!important;margin:0!important}
body:not(.admin-view) #storePage .campaign-autodesk .feature-brand {color:#e9f4ff!important;font-size:12px!important;gap:8px!important}
body:not(.admin-view) #storePage .campaign-autodesk .autodesk-mark {font-size:27px!important;line-height:1!important;color:#5bd2fb!important}
body:not(.admin-view) #storePage .campaign-autodesk h2 {color:#fff!important;font-size:clamp(25px,2.4vw,35px)!important}
body:not(.admin-view) #storePage .campaign-autodesk p {color:#c5d9e9!important;font-size:14px!important}
body:not(.admin-view) #storePage .campaign-autodesk .autodesk-sculpture {position:absolute!important;inset:18% 3% 0 auto!important;width:42%!important;display:grid!important;place-items:center!important;z-index:2!important;pointer-events:none!important}
body:not(.admin-view) #storePage .campaign-autodesk .autodesk-a {font-size:clamp(155px,18vw,270px)!important;line-height:1!important;font-weight:900!important;background:linear-gradient(135deg,#80e0ff,#1964bc 45%,#061e43 80%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(13px 18px 7px #0008)!important}
body:not(.admin-view) #storePage .campaign-category {border:1px solid #ffffff27!important}
body:not(.admin-view) #storePage .campaign-category-copy {width:58%!important;padding:32px!important}
body:not(.admin-view) #storePage .campaign-category-copy h2 {font-size:clamp(23px,2.1vw,31px)!important;line-height:1.12!important}
body:not(.admin-view) #storePage .campaign-category-copy p {font-size:14px!important;line-height:1.4!important;max-width:225px!important}
body:not(.admin-view) #storePage .campaign-category-copy button,
body:not(.admin-view) #storePage .home-campaigns .feature-link {display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;border-radius:999px!important;padding:9px 18px!important;font:700 12px 'DM Sans','Tajawal',sans-serif!important;transition:transform .2s ease,background .2s ease!important}
body:not(.admin-view) #storePage .home-campaigns button:hover {transform:translateY(-2px)!important}
body:not(.admin-view) #storePage .campaign-office .feature-link {background:#ec5e24!important;color:#fff!important;border:0!important}
body:not(.admin-view) #storePage .campaign-autodesk .feature-link {color:#fff!important;border:1px solid #ffffffaa!important;background:#ffffff10!important}
body:not(.admin-view) #storePage .campaign-education {color:#152848!important}
body:not(.admin-view) #storePage .campaign-education .campaign-category-copy button {color:#172c63!important;border-color:#172c63!important}
body:not(.admin-view) #storePage .newsletter {margin-top:14px!important;background:linear-gradient(105deg,#e7f0ff,#f7faff 54%,#dfeeff)!important;border:1px solid #d9e5f5!important;border-radius:16px!important;padding:27px 34px!important;color:#172c63!important}
body:not(.admin-view) .main-header,
body[data-theme="light"]:not(.admin-view) .main-header {background:rgba(44,44,46,.84)!important;-webkit-backdrop-filter:blur(22px) saturate(120%)!important;backdrop-filter:blur(22px) saturate(120%)!important}
body:not(.admin-view) .store-mega-menu {background:rgba(31,34,42,.91)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important}

body:not(.admin-view) #storePage .campaign-office .office-stack {inset:0 -1% 0 47%!important;width:auto!important;height:auto!important;background:url('assets/home-campaign-office-20261028.webp') center center/contain no-repeat!important;filter:drop-shadow(0 15px 12px #9b5d4628)!important}
body:not(.admin-view) #storePage .campaign-office .office-stack>* {display:none!important}
body:not(.admin-view) #storePage .campaign-autodesk .autodesk-sculpture {inset:0 -2% -9% auto!important;width:55%!important;height:auto!important;background:url('assets/home-campaign-autodesk-20261028.webp') center bottom/contain no-repeat!important;filter:drop-shadow(0 10px 12px #0004)!important}
body:not(.admin-view) #storePage .campaign-autodesk .autodesk-sculpture>* {display:none!important}
body:not(.admin-view) #storePage .campaign-category-art {inset:0 0 0 45%!important;background-position:center bottom!important;background-repeat:no-repeat!important;background-size:contain!important;filter:drop-shadow(0 9px 12px #0003)!important}
body:not(.admin-view) #storePage .campaign-category-art>* {display:none!important}
body:not(.admin-view) #storePage .campaign-security .campaign-category-art {background-image:url('assets/home-campaign-security-20261028.webp')!important;background-size:90% auto!important}
body:not(.admin-view) #storePage .campaign-games .campaign-category-art {background-image:url('assets/home-campaign-games-20261028.webp')!important;background-size:110% auto!important}
body:not(.admin-view) #storePage .campaign-tools .campaign-category-art {background-image:url('assets/home-campaign-tools-20261028.webp')!important;background-size:104% auto!important}
body:not(.admin-view) #storePage .campaign-server .campaign-category-art {background-image:url('assets/home-campaign-server-20261028.webp')!important;background-size:118% auto!important}
body:not(.admin-view) #storePage .campaign-education .campaign-category-art {background-image:url('assets/home-campaign-education-20261028.webp')!important;background-size:104% auto!important}
body:not(.admin-view) #storePage .home-campaigns .campaign-category-copy {z-index:3!important}
body:not(.admin-view) #storePage .campaign-category:after {content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#07131d80 0%,transparent 62%)}
body:not(.admin-view) #storePage .campaign-education:after {background:linear-gradient(90deg,#f5f5f7b5 0%,transparent 64%)}
body:not(.admin-view) #storePage .campaign-office .feature-brand {font-size:0!important}
body:not(.admin-view) #storePage .campaign-office .feature-brand .office-brand-mark {width:39px!important;height:39px!important;font-size:25px!important;box-shadow:0 7px 15px #df6a3540!important}
body:not(.admin-view) #storePage .campaign-office h2 {font-size:clamp(30px,3.2vw,49px)!important}
body:not(.admin-view) #storePage .campaign-autodesk .campaign-copy {max-width:48%!important}

body:not(.admin-view) .site-footer>.newsletter {width:min(1440px,calc(100% - 48px))!important;max-width:none!important;margin:0 auto 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:25px!important;background:linear-gradient(105deg,#252b35,#363b44 55%,#24272f)!important;border:1px solid #6e778355!important;border-radius:12px!important;padding:23px 28px!important;color:#fff!important;box-shadow:inset 0 1px #ffffff16!important}
body:not(.admin-view) .site-footer>.newsletter>div {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:3px 14px!important}
body:not(.admin-view) .site-footer>.newsletter .newsletter-icon {display:grid!important;place-items:center!important;background:linear-gradient(135deg,#217bde,#4ca5ff)!important;color:#fff!important;width:44px!important;height:44px!important;border-radius:10px!important;box-shadow:0 5px 15px #126cdb55!important}
body:not(.admin-view) .site-footer>.newsletter h2 {font-size:17px!important;margin:0!important;color:#fff!important}
body:not(.admin-view) .site-footer>.newsletter p {flex-basis:calc(100% - 58px)!important;margin:0 0 0 58px!important;font-size:12px!important;color:#c2ccd8!important}
body:not(.admin-view) .site-footer>.newsletter form {display:flex!important;min-width:min(100%,420px)!important;margin:0!important;position:relative!important}
body:not(.admin-view) .site-footer>.newsletter form input {background:#ffffff0d!important;color:#fff!important;border:1px solid #ffffff26!important;border-radius:999px!important;min-height:46px!important;padding-inline:18px 130px!important}
body:not(.admin-view) .site-footer>.newsletter form input::placeholder {color:#aeb9c8!important}
body:not(.admin-view) .site-footer>.newsletter form button {position:absolute!important;inset-inline-end:4px!important;top:4px!important;min-height:38px!important;border-radius:999px!important;background:#2e3a8c!important;color:#fff!important;box-shadow:none!important}
body:not(.admin-view) .site-footer {background:#131b29!important;color:#dce7ef!important;margin-top:0!important}
body:not(.admin-view) .site-footer .footer-main {width:min(1440px,calc(100% - 48px))!important;max-width:none!important;grid-template-columns:minmax(195px,1.35fr) repeat(2,minmax(130px,.8fr)) minmax(170px,1fr)!important;gap:clamp(16px,2.6vw,42px)!important;padding:50px 0 34px!important}
body:not(.admin-view) .site-footer .footer-col b {color:#fff!important;font-size:13px!important;letter-spacing:.01em!important}
body:not(.admin-view) .site-footer .footer-col a {color:#cbd6e3!important;font-size:12px!important;line-height:1.7!important}
body:not(.admin-view) .site-footer .footer-col a:hover {color:#fff!important}
body:not(.admin-view) .site-footer .footer-brand-block p {color:#cbd6e3!important;font-size:12px!important;line-height:1.65!important}
body:not(.admin-view) .site-footer .secure-payment-note {color:#dce9e5!important;background:#17352e!important;border-color:#2d5749!important}
body:not(.admin-view) .site-footer .fx-note {color:#adbacb!important}
body:not(.admin-view) .site-footer .footer-bottom {width:min(1440px,calc(100% - 48px))!important;color:#abb8ca!important;font-size:11px!important}
[dir="rtl"] body:not(.admin-view) #storePage .campaign-category:after {background:linear-gradient(270deg,#07131d80 0%,transparent 62%)}
[dir="rtl"] body:not(.admin-view) #storePage .campaign-education:after {background:linear-gradient(270deg,#f5f5f7b5 0%,transparent 64%)}
[dir="rtl"] body:not(.admin-view) #storePage .campaign-office .office-stack {left:0!important;right:48%!important;transform:scaleX(-1)!important}
[dir="rtl"] body:not(.admin-view) #storePage .campaign-autodesk .autodesk-sculpture {right:auto!important;left:3%!important}
[dir="rtl"] body:not(.admin-view) #storePage .campaign-category-art {left:0!important;right:45%!important}
[dir="rtl"] body:not(.admin-view) #storePage .campaign-office .campaign-copy,
[dir="rtl"] body:not(.admin-view) #storePage .campaign-autodesk .campaign-copy {text-align:right!important}

@media(max-width:900px){
  body:not(.admin-view) #storePage .home-campaigns {grid-template-columns:1fr!important}
  body:not(.admin-view) #storePage .home-campaigns .campaign-category,
  body:not(.admin-view) #storePage .home-campaigns .campaign-autodesk {min-height:290px!important}
  body:not(.admin-view) #storePage .campaign-category-copy {width:52%!important;padding:28px!important}
  body:not(.admin-view) #storePage .campaign-autodesk .campaign-copy {max-width:52%!important}
  body:not(.admin-view) #storePage .campaign-autodesk h2 {font-size:clamp(28px,4vw,36px)!important}
  body:not(.admin-view) #storePage .campaign-autodesk .feature-link {white-space:nowrap!important}
  body:not(.admin-view) #storePage .hero-wrap {min-height:410px!important;padding:38px!important}
  body:not(.admin-view) #storePage .hero-copy h1 {font-size:clamp(46px,6vw,68px)!important}
  body:not(.admin-view) #storePage .hero-art {height:340px!important}
  body:not(.admin-view) #storePage .campaign-office {min-height:310px!important}
  body:not(.admin-view) #storePage .campaign-category-copy {width:66%!important;padding:24px!important}
  body:not(.admin-view) #storePage .campaign-category {min-height:245px!important}
  body:not(.admin-view) .site-footer .footer-main {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
  body:not(.admin-view) .site-footer .footer-brand-block {grid-column:auto!important}
}
@media(max-width:650px){
  body:not(.admin-view) #storePage .campaign-category:after {background:linear-gradient(90deg,#07131df7 0%,#07131de8 48%,#07131d70 70%,transparent 91%)}
  body:not(.admin-view) #storePage .campaign-education:after {background:linear-gradient(90deg,#f5f5f7f7 0%,#f5f5f7e8 48%,#f5f5f770 70%,transparent 91%)}
  [dir="rtl"] body:not(.admin-view) #storePage .campaign-category:after {background:linear-gradient(270deg,#07131df7 0%,#07131de8 48%,#07131d70 70%,transparent 91%)}
  [dir="rtl"] body:not(.admin-view) #storePage .campaign-education:after {background:linear-gradient(270deg,#f5f5f7f7 0%,#f5f5f7e8 48%,#f5f5f770 70%,transparent 91%)}
  body:not(.admin-view) #storePage .hero-wrap,
  body:not(.admin-view) #storePage .home-campaigns,
  body:not(.admin-view) #storePage .newsletter {width:calc(100% - 24px)!important}
  body:not(.admin-view) #storePage .hero-wrap {display:flex!important;flex-direction:column-reverse!important;min-height:0!important;gap:0!important;padding:20px 21px 28px!important;margin-top:12px!important;background:linear-gradient(170deg,#cbe4ff,#f5faff 52%,#fff)!important}
  body:not(.admin-view) #storePage .hero-wrap:before {background:linear-gradient(180deg,#ffffff00 60%,#d8e6f6 75%,#fff 100%)!important}
  body:not(.admin-view) #storePage .hero-art {width:100%!important;height:245px!important;transform:none!important;flex:none!important}
  body:not(.admin-view) #storePage .hero-copy {align-self:stretch!important;padding-bottom:0!important}
  body:not(.admin-view) #storePage .hero-copy h1 {font-size:clamp(43px,11vw,67px)!important;margin:17px 0!important}
  body:not(.admin-view) #storePage .hero-copy h1 span {font-size:clamp(21px,5.5vw,29px)!important}
  body:not(.admin-view) #storePage .hero-copy p {font-size:14px!important}
  body:not(.admin-view) #storePage .home-campaigns {grid-template-columns:1fr!important;gap:10px!important}
  body:not(.admin-view) #storePage .home-campaigns .feature-banner,
  body:not(.admin-view) #storePage .home-campaigns .campaign-category {min-height:265px!important}
  body:not(.admin-view) #storePage .home-campaigns .campaign-autodesk {min-height:265px!important}
  body:not(.admin-view) #storePage .campaign-office {grid-column:auto!important;min-height:320px!important;padding:25px!important;justify-content:flex-start!important}
  body:not(.admin-view) #storePage .campaign-office .campaign-copy {width:70%!important;align-self:flex-start!important}
  body:not(.admin-view) #storePage .campaign-office h2 {font-size:29px!important;max-width:260px!important}
  body:not(.admin-view) #storePage .campaign-office p {font-size:13px!important;max-width:215px!important}
  body:not(.admin-view) #storePage .office-stack {inset:10% -10% 0 52%!important;transform:scale(.72)!important;transform-origin:right center!important}
  body:not(.admin-view) #storePage .campaign-autodesk .campaign-copy {max-width:63%!important}
  body:not(.admin-view) #storePage .campaign-category-copy {width:63%!important;padding:24px!important}
  body:not(.admin-view) #storePage .campaign-category-copy h2 {font-size:24px!important}
  body:not(.admin-view) #storePage .newsletter {padding:22px!important}
  body:not(.admin-view) #storePage .campaign-office .office-stack {inset:5% -9% 0 48%!important;transform:none!important;background-size:contain!important}
  body:not(.admin-view) .site-footer>.newsletter {width:calc(100% - 24px)!important;display:block!important;padding:20px!important}
  body:not(.admin-view) .site-footer>.newsletter form {min-width:0!important;width:100%!important;margin-top:18px!important}
  body:not(.admin-view) .site-footer>.newsletter p {margin-inline-start:58px!important}
  body:not(.admin-view) .site-footer .footer-main {width:calc(100% - 36px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 15px!important;padding:35px 0!important}
  body:not(.admin-view) .site-footer .footer-brand-block {grid-column:1/-1!important}
  body:not(.admin-view) .site-footer .footer-payments {grid-column:1/-1!important}
  body:not(.admin-view) .site-footer .footer-bottom {width:calc(100% - 36px)!important}
}
@media(prefers-reduced-motion:reduce){body:not(.admin-view) #storePage .home-campaigns article,body:not(.admin-view) #storePage .home-campaigns button{transition:none!important}}

/* home-reference-20261029.css */
/* Homepage composition. Each image, text block and atmospheric layer is independent. */
body:not(.admin-view) #storePage {background:#fff!important;padding-bottom:0!important}
body:not(.admin-view) #storePage .category-showcase,
body:not(.admin-view) #storePage .home-deals,
body:not(.admin-view) #storePage .home-why,
body:not(.admin-view) #storePage .home-education,
body:not(.admin-view):not(.catalog-view) #storePage #productsSection {display:block!important}
body:not(.admin-view) #storePage .category-showcase,
body:not(.admin-view) #storePage .home-deals,
body:not(.admin-view) #storePage #productsSection,
body:not(.admin-view) #storePage .home-why,
body:not(.admin-view) #storePage .home-education,
body:not(.admin-view) #storePage .newsletter,
body:not(.admin-view) #storePage .home-campaigns {width:min(1440px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important}
body:not(.admin-view).catalog-view #storePage .category-showcase,
body:not(.admin-view).catalog-view #storePage .home-deals,
body:not(.admin-view).catalog-view #storePage .home-why,
body:not(.admin-view).catalog-view #storePage .home-education {display:none!important}
body:not(.admin-view) #storePage .hero-wrap {width:100%!important;max-width:none!important;min-height:430px!important;height:clamp(430px,37vw,590px)!important;margin:0 0 38px!important;padding:40px clamp(30px,5.8vw,110px)!important;border:0!important;border-radius:0!important;grid-template-columns:minmax(320px,.9fr) minmax(0,1.2fr)!important;background:linear-gradient(100deg,#f8fbff,#e8f4ff 42%,#b7d9f4 100%)!important;box-shadow:inset 0 -1px #b6cbe2!important}
body:not(.admin-view) #storePage .hero-wrap:before {z-index:0!important;background:linear-gradient(90deg,#ffffffa8 0%,#ffffff3a 40%,transparent 70%),linear-gradient(180deg,transparent 72%,#b7cce0 72.3%,#eef5fb 84%,#adc4dc 100%)!important}
body:not(.admin-view) #storePage .hero-wrap:after {height:17%!important;background:linear-gradient(180deg,#ffffff00,#f1f8ff8a 38%,#a4bbd3c5)!important}
body:not(.admin-view) #storePage .hero-room {position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body:not(.admin-view) #storePage .hero-room i {position:absolute;top:0;height:73%;width:clamp(70px,10vw,180px);background:linear-gradient(90deg,#f9fcff77,#fff9 26%,#91b8dc3b 87%,#427ca324);border-inline:1px solid #ffffff8a;box-shadow:16px 0 40px #8bb4d933}
body:not(.admin-view) #storePage .hero-room i:nth-child(1){left:46%}
body:not(.admin-view) #storePage .hero-room i:nth-child(2){left:72%;width:clamp(50px,6vw,110px)}
body:not(.admin-view) #storePage .hero-room i:nth-child(3){right:-2%;width:clamp(50px,7vw,120px);background:linear-gradient(90deg,#9dc6e259,#ffffff91)}
body:not(.admin-view) #storePage .hero-copy {max-width:600px!important;padding-bottom:4%!important;position:relative!important;z-index:4!important}
body:not(.admin-view) #storePage .hero-copy .eyebrow {font-size:clamp(10px,.9vw,13px)!important;color:#61738c!important;letter-spacing:.18em!important}
body:not(.admin-view) #storePage .hero-copy h1 {font-size:clamp(58px,6.5vw,105px)!important;letter-spacing:-.065em!important;line-height:.96!important;margin:20px 0 19px!important;white-space:nowrap!important;color:#07132c!important}
body:not(.admin-view) #storePage .hero-copy h1 span {display:none!important}
body:not(.admin-view) #storePage .hero-copy p {font-size:clamp(17px,1.55vw,24px)!important;line-height:1.28!important;max-width:390px!important;color:#193150!important;font-weight:500!important;margin:0!important}
body:not(.admin-view) #storePage .hero-ctas {margin-top:25px!important}
body:not(.admin-view) #storePage #heroShop {background:#1756c4!important;padding:0 25px!important;min-height:46px!important;font-size:14px!important;box-shadow:0 7px 15px #0b57bd30!important}
body:not(.admin-view) #storePage .hero-glow {inset:auto 12% 14% auto!important;width:47%!important;height:58%!important;background:radial-gradient(ellipse,#75b5f777,transparent 70%)!important;z-index:0!important}
body:not(.admin-view) #storePage .hero-art {width:120%!important;height:115%!important;align-self:end!important;transform:translate(0,21%)!important;z-index:2!important}
body:not(.admin-view) #storePage .hero-art img.hero-laptop-light {object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 27px 20px #172d4b4a)!important}
body:not(.admin-view) #storePage .hero-handwriting {position:absolute;z-index:4;right:clamp(20px,5.5vw,105px);top:28%;color:#154282;font:italic clamp(22px,2.4vw,38px)/.96 cursive;transform:rotate(-7deg);text-align:center;opacity:.86;pointer-events:none}
body:not(.admin-view) #storePage .hero-handwriting span {display:block;width:108%;height:2px;background:#154282;transform:rotate(-9deg);margin-top:10px}
html[dir="rtl"] body:not(.admin-view) #storePage .hero-wrap {grid-template-areas:"art copy"!important}
html[dir="rtl"] body:not(.admin-view) #storePage .hero-handwriting {right:auto;left:clamp(20px,5.5vw,105px)}

body:not(.admin-view) #storePage .category-showcase {padding:6px 0 28px!important}
body:not(.admin-view) #storePage .category-showcase .section-heading {margin-bottom:16px!important}
body:not(.admin-view) #storePage .category-showcase .section-kicker {display:none!important}
body:not(.admin-view) #storePage .category-showcase h2,
body:not(.admin-view) #storePage #productsSection h2 {font-size:clamp(24px,2.1vw,35px)!important;color:#15213c!important;line-height:1.15!important}
body:not(.admin-view) #storePage .category-cards {display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important}
body:not(.admin-view) #storePage .home-category-card {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:115px;padding:14px 8px;border:1px solid #e4e9f1;border-radius:14px;background:#fff;color:#172640;box-shadow:0 8px 21px #21365d08;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
body:not(.admin-view) #storePage .home-category-card:hover {transform:translateY(-4px);border-color:#b9c9ea;box-shadow:0 15px 27px #21365d17}
body:not(.admin-view) #storePage .home-category-card span {font-size:34px;line-height:1;font-weight:800;color:#1768d5}
body:not(.admin-view) #storePage .home-category-card b {font-size:11px;line-height:1.2;text-align:center}
body:not(.admin-view) #storePage .home-category-card i {display:none}
body:not(.admin-view) #storePage .category-office span {color:#e75622}
body:not(.admin-view) #storePage .category-engineering span {color:#0d9bbd}
body:not(.admin-view) #storePage .category-security span {color:#233244}
body:not(.admin-view) #storePage .category-games span {color:#7851c8}
body:not(.admin-view) #storePage .category-utilities span {color:#4e647d}
body:not(.admin-view) #storePage .category-education span {color:#344f80}

body:not(.admin-view) #storePage .home-campaigns {margin-top:4px!important;margin-bottom:23px!important}
body:not(.admin-view) #storePage .home-campaigns .campaign-server,
body:not(.admin-view) #storePage .home-campaigns .campaign-education {display:none!important}
body:not(.admin-view) #storePage .home-deals {display:flex!important;align-items:center;gap:20px;min-height:95px;padding:18px 25px;margin-bottom:35px!important;border-radius:15px;background:linear-gradient(100deg,#f1f5fc,#fafcff 62%,#f0f5fd);border:1px solid #edf1f7;color:#1d2c46}
body:not(.admin-view) #storePage .deals-emblem {display:grid;place-items:center;flex:none;width:55px;height:55px;border-radius:50%;background:#2850a9;color:#fff;font-size:29px;font-weight:800}
body:not(.admin-view) #storePage .home-deals h2 {margin:0 0 4px;font-size:21px}
body:not(.admin-view) #storePage .home-deals p {margin:0;color:#6e7e97;font-size:13px}
body:not(.admin-view) #storePage .home-deals button {margin-inline-start:auto;flex:none;border:0;background:none;color:#2458bc;font-weight:700;cursor:pointer}
body:not(.admin-view) #storePage #productsSection {padding:0 0 36px!important}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .category-pills,
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-toolbar,
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .load-more,
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .section-kicker {display:none!important}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
body:not(.admin-view) #storePage .home-why {display:flex!important;align-items:center;gap:35px;min-height:180px;padding:25px 32px;margin-bottom:25px!important;border-radius:16px;background:#f3f7fd}
body:not(.admin-view) #storePage .home-why-copy {width:32%;min-width:220px}
body:not(.admin-view) #storePage .home-why h2 {font-size:clamp(23px,2.1vw,33px);line-height:1.1;margin:0 0 12px;color:#13243b}
body:not(.admin-view) #storePage .home-why p {font-size:13px;line-height:1.5;color:#677a96;margin:0}
body:not(.admin-view) #storePage .home-why .trust-strip {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;flex:1;width:auto!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
body:not(.admin-view) #storePage .home-why .trust-strip article {display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important;min-width:0!important}
body:not(.admin-view) #storePage .home-why .trust-icon {font-size:25px!important;color:#215bd0!important;background:none!important;width:40px!important;height:40px!important;box-shadow:none!important}
body:not(.admin-view) #storePage .home-why .trust-strip b {color:#172a4a!important;font-size:12px!important}
body:not(.admin-view) #storePage .home-why .trust-strip small {color:#70819c!important;font-size:10px!important}
body:not(.admin-view) #storePage .home-education {display:flex!important;align-items:center;position:relative;min-height:295px;padding:38px clamp(30px,5vw,70px);margin-bottom:20px!important;overflow:hidden;border-radius:16px;background:linear-gradient(105deg,#f0f4fb 0%,#fff 55%,#e6ebf2 100%);color:#15233b}
body:not(.admin-view) #storePage .home-education-copy {position:relative;z-index:2;max-width:43%}
body:not(.admin-view) #storePage .home-education-copy>span {font-size:11px;font-weight:800;letter-spacing:.16em;color:#3158a2}
body:not(.admin-view) #storePage .home-education h2 {font-size:clamp(30px,3.5vw,50px);line-height:1.07;margin:10px 0;color:#14213a}
body:not(.admin-view) #storePage .home-education p {color:#61718a;font-size:16px;line-height:1.45}
body:not(.admin-view) #storePage .home-education button {border:0;border-radius:24px;background:#2455b2;color:#fff;font-weight:700;padding:12px 20px;cursor:pointer}
body:not(.admin-view) #storePage .home-education img {position:absolute;right:1%;bottom:-22%;height:122%;max-width:51%;object-fit:contain;filter:drop-shadow(0 12px 15px #162d4b29)}
html[dir="rtl"] body:not(.admin-view) #storePage .home-education img {right:auto;left:2%}
body:not(.admin-view) #storePage .newsletter {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;margin-top:0!important;margin-bottom:32px!important;padding:24px 28px!important;background:#f3f7fd!important;color:#1b2b45!important}
body:not(.admin-view) #storePage .newsletter h2 {font-size:18px!important;color:#15213b!important}
body:not(.admin-view) #storePage .newsletter p {color:#6c7a93!important}
body:not(.admin-view) #storePage .newsletter form {max-width:480px!important}
body:not(.admin-view) #storePage .newsletter form input {background:#fff!important;border:1px solid #dfe6f1!important;color:#182943!important}

body:not(.admin-view) .site-footer {background:#f9fafc!important;color:#25344c!important;border-top:1px solid #e7ecf3!important}
body:not(.admin-view) .site-footer .footer-main {padding:42px 0 31px!important}
body:not(.admin-view) .site-footer .footer-col b {color:#18263d!important}
body:not(.admin-view) .site-footer .footer-col a,
body:not(.admin-view) .site-footer .footer-brand-block p {color:#5c6b80!important}
body:not(.admin-view) .site-footer .footer-col a:hover {color:#2455b2!important}
body:not(.admin-view) .site-footer .footer-brand-block .brand-icon {filter:brightness(0) saturate(100%)!important}
body:not(.admin-view) .site-footer .footer-bottom {border-top:1px solid #e7ecf3!important;color:#64748b!important}
body:not(.admin-view) .site-footer .secure-payment-note {color:#355845!important;background:#eff8f2!important;border-color:#cee5d4!important}
body:not(.admin-view) .site-footer .fx-note {color:#70819a!important}

@media(max-width:1100px){
 body:not(.admin-view) #storePage .hero-wrap {min-height:400px!important;height:42vw!important;padding:27px 35px!important}
 body:not(.admin-view) #storePage .hero-copy h1 {font-size:clamp(50px,7vw,78px)!important}
 body:not(.admin-view) #storePage .hero-handwriting {display:none}
 body:not(.admin-view) #storePage .category-cards {grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body:not(.admin-view) #storePage .home-why {display:block!important}
 body:not(.admin-view) #storePage .home-why-copy {width:auto;max-width:500px;margin-bottom:20px}
}
@media(max-width:650px){
 body:not(.admin-view) #storePage .category-showcase,
 body:not(.admin-view) #storePage .home-deals,
 body:not(.admin-view) #storePage #productsSection,
 body:not(.admin-view) #storePage .home-why,
 body:not(.admin-view) #storePage .home-education,
 body:not(.admin-view) #storePage .newsletter,
 body:not(.admin-view) #storePage .home-campaigns {width:calc(100% - 24px)!important}
 body:not(.admin-view) #storePage .hero-wrap {width:100%!important;min-height:620px!important;height:auto!important;margin:0 0 26px!important;padding:25px 23px 20px!important;display:flex!important;flex-direction:column-reverse!important;justify-content:flex-end!important}
 body:not(.admin-view) #storePage .hero-art {width:100%!important;height:300px!important;flex:none!important;transform:translateY(13%)!important}
 body:not(.admin-view) #storePage .hero-copy {padding:0!important;align-self:stretch!important}
 body:not(.admin-view) #storePage .hero-copy h1 {font-size:clamp(52px,12vw,74px)!important;margin:15px 0!important}
 body:not(.admin-view) #storePage .hero-copy p {font-size:18px!important;max-width:320px!important}
 body:not(.admin-view) #storePage .hero-room i:nth-child(1){left:32%}
 body:not(.admin-view) #storePage .hero-room i:nth-child(2){left:69%}
 body:not(.admin-view) #storePage .category-cards {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
 body:not(.admin-view) #storePage .home-category-card {min-height:93px;padding:8px 4px;gap:5px}
 body:not(.admin-view) #storePage .home-category-card span {font-size:26px}
 body:not(.admin-view) #storePage .home-category-card b {font-size:9px}
 body:not(.admin-view) #storePage .home-deals {padding:16px!important;gap:10px;min-height:80px}
 body:not(.admin-view) #storePage .deals-emblem {width:43px;height:43px;font-size:23px}
 body:not(.admin-view) #storePage .home-deals h2 {font-size:16px}
 body:not(.admin-view) #storePage .home-deals p {font-size:10px}
 body:not(.admin-view) #storePage .home-deals button {font-size:11px}
 body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body:not(.admin-view) #storePage .home-why {padding:22px!important}
 body:not(.admin-view) #storePage .home-why .trust-strip {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body:not(.admin-view) #storePage .home-education {min-height:400px;align-items:flex-start;padding:25px!important}
 body:not(.admin-view) #storePage .home-education-copy {max-width:100%}
 body:not(.admin-view) #storePage .home-education h2 {font-size:34px}
 body:not(.admin-view) #storePage .home-education img {height:67%;max-width:100%;right:0;bottom:-9%}
 body:not(.admin-view) #storePage .newsletter {display:block!important;padding:22px!important}
 body:not(.admin-view) #storePage .newsletter form {margin-top:14px!important;max-width:none!important}
}
@media(prefers-reduced-motion:reduce){body:not(.admin-view) #storePage .home-category-card {transition:none}}
/* Keep the two campaign assets in their own layout cells, including RTL. */
html[dir="rtl"] body:not(.admin-view) #storePage .campaign-office .office-stack {left:0!important;right:47%!important;transform:none!important;background-position:center!important;background-size:contain!important}
body:not(.admin-view) #storePage .home-education {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:center}
body:not(.admin-view) #storePage .home-education-copy {max-width:none;min-width:0}
body:not(.admin-view) #storePage .home-education img {position:relative;inset:auto!important;display:block;width:100%;height:auto;max-width:480px;max-height:235px;object-fit:contain;justify-self:end;align-self:center}
html[dir="rtl"] body:not(.admin-view) #storePage .home-education img {justify-self:start}
@media(max-width:650px){body:not(.admin-view) #storePage .home-education {grid-template-columns:minmax(0,1fr);row-gap:8px;min-height:0!important;padding:25px!important}body:not(.admin-view) #storePage .home-education img {width:min(100%,340px);max-height:190px;justify-self:center!important}body:not(.admin-view) #storePage .home-education-copy {width:100%}}

/* The light storefront uses the supplied five-colour brand palette. */
body[data-theme="light"]:not(.admin-view){background:#f5f5f7;color:#1d1d1f}
body[data-theme="light"]:not(.admin-view) .main-header{background:rgba(44,44,46,.74)!important;backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}
body[data-theme="light"]:not(.admin-view) .store-mega-menu{background:rgba(37,37,40,.80)!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
body:not(.admin-view) #storePage .home-category-card{border-color:#e7e7ec;color:#1d1d1f}
body:not(.admin-view) #storePage .home-category-card:hover{border-color:#a5aede;box-shadow:0 16px 30px #2e3a8c17}
body:not(.admin-view) #storePage .home-category-card span{display:grid;place-items:center;width:48px;height:48px}
body:not(.admin-view) #storePage .home-category-card svg{display:block;width:40px;height:40px;filter:drop-shadow(0 4px 5px #26376d1d)}
body:not(.admin-view) #storePage .home-category-card b{font-size:12px}
body:not(.admin-view) #storePage .home-why .trust-icon{display:grid!important;place-items:center!important;width:45px!important;height:45px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 6px 15px #2e3a8c12!important}
body:not(.admin-view) #storePage .home-why .trust-icon svg{display:block;width:27px;height:27px}
body:not(.admin-view) #storePage .deals-emblem{background:#2e3a8c}
body:not(.admin-view) #storePage .home-deals button{color:#2e3a8c}

/* Product art is independent from the card copy and never replaces merchant uploads. */
body:not(.admin-view) #storePage .product-editorial-image{display:block;position:absolute;inset:8px 8px 6px;width:calc(100% - 16px);height:calc(100% - 14px);object-fit:contain;object-position:center;filter:drop-shadow(0 12px 12px #1d1d1f24)}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-card{overflow:hidden;border:1px solid #e5e7ed;border-radius:15px;background:#fff;box-shadow:0 6px 20px #1d1d1f0c;transition:transform .25s ease,box-shadow .25s ease}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-card:hover{transform:translateY(-4px);box-shadow:0 17px 33px #1d1d1f17}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-media{height:205px;background:linear-gradient(145deg,#fff,#f5f5f7)!important}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-info{padding:13px 15px 15px}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-info h3{font-size:14px;line-height:1.35;min-height:38px;color:#1d1d1f}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .price-row strong{color:#1d1d1f}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .add-button{background:#2e3a8c;color:#fff}
body:not(.admin-view):not(.catalog-view) #storePage #productsSection .quick-view{color:#2e3a8c}

/* Account entry echoes the reference's airy room and two independent panels. */
body[data-theme="light"]:not(.admin-view) #accountPage:has(.login-card){padding:48px 24px 72px;background:linear-gradient(135deg,#dce4ef 0%,#f5f5f7 45%,#d9e2f1 100%);min-height:calc(100vh - 105px)}
body[data-theme="light"]:not(.admin-view) #accountPage .login-card{position:relative;max-width:1230px;min-height:660px;margin:0 auto;grid-template-columns:1.05fr 1fr;border:1px solid #fff;border-radius:23px;background:rgba(255,255,255,.84);box-shadow:0 25px 65px #25293e24;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual{position:relative;padding:48px clamp(35px,5vw,80px);overflow:hidden;border-radius:0;background:linear-gradient(160deg,#eef2f8 5%,#fff 48%,#d8e1ee 100%);color:#1d1d1f}
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual:after{content:"";position:absolute;right:-4%;bottom:-32px;width:88%;height:50%;background:url("assets/hero-laptop-layer.webp") center bottom/contain no-repeat;opacity:.78;filter:drop-shadow(0 16px 16px #20325935);pointer-events:none}
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual .login-brand{display:block;position:relative;z-index:1;margin-bottom:65px}
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual .login-full-logo{width:156px;max-height:90px;object-fit:contain;object-position:left center}
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual h2{position:relative;z-index:1;max-width:390px;font-size:clamp(34px,3.7vw,53px);line-height:1.06;letter-spacing:-.045em;color:#1d1d1f}
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual p{position:relative;z-index:1;max-width:300px;font-size:16px;line-height:1.55;color:#515d73}
body[data-theme="light"]:not(.admin-view) #accountPage .login-proof{position:relative;z-index:1;margin-top:30px;font-size:13px;color:#344357}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form{align-self:center;padding:40px clamp(35px,5vw,70px);color:#1d1d1f}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form h2{font-size:34px;line-height:1.1;color:#1d1d1f}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form>p{color:#667085}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form label:not(.login-remember){color:#263146;font-size:13px}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form input:not([type="checkbox"]){min-height:54px;background:#fafbfe;border:1px solid #d9e0ed;border-radius:9px;color:#1d1d1f}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form .button-primary{min-height:54px;border-radius:30px;background:#2e3a8c;color:#fff}
body[data-theme="light"]:not(.admin-view) #accountPage .google-button{min-height:52px;border:1px solid #d9e0ed;border-radius:25px;background:#fff;color:#1d1d1f}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form .back-store{display:block;margin-top:16px;color:#2e3a8c}

body[data-theme="light"] .modal-card.signup-modal{width:min(760px,calc(100vw - 24px));padding:34px clamp(24px,4vw,58px);border:1px solid #e4e8f0;border-radius:22px;background:#fff;box-shadow:0 25px 70px #101e3833}
body[data-theme="light"] .signup-modal .signup-brand{text-align:start;border:0;padding:0;margin-bottom:20px}
body[data-theme="light"] .signup-modal .signup-full-logo{width:150px;height:auto;max-height:78px;object-fit:contain;object-position:left center}
body[data-theme="light"] .signup-modal .signup-form h2{font-size:30px;color:#1d1d1f}
body[data-theme="light"] .signup-modal .signup-intro{font-size:14px;color:#667085;max-width:510px}
body[data-theme="light"] .signup-modal .signup-grid{gap:14px}
body[data-theme="light"] .signup-modal .signup-form label{color:#1d1d1f;font-size:13px}
body[data-theme="light"] .signup-modal .signup-form input:not([type="checkbox"]){min-height:50px;background:#f9fafc;border:1px solid #d8e0ec;border-radius:10px;color:#1d1d1f}
body[data-theme="light"] .signup-modal .signup-submit{min-height:54px;border-radius:28px;background:#2e3a8c;color:#fff}
body[data-theme="light"] .signup-modal .signup-switch button{color:#2e3a8c}
@media(max-width:800px){body[data-theme="light"]:not(.admin-view) #accountPage .login-card{grid-template-columns:1fr;min-height:0}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual{min-height:220px;padding:25px 30px}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual:after{width:46%;height:90%;right:1%;bottom:-10px}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual .login-brand{margin-bottom:18px}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual h2{font-size:29px;max-width:60%}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual p{font-size:12px;max-width:60%}body[data-theme="light"]:not(.admin-view) #accountPage .login-proof{display:none}body[data-theme="light"]:not(.admin-view) #accountPage .login-form{padding:27px 30px}}
@media(max-width:600px){body:not(.admin-view) #storePage .home-category-card svg{width:32px;height:32px}body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-media{height:165px}body[data-theme="light"]:not(.admin-view) #accountPage:has(.login-card){padding:15px 12px 35px}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual{min-height:182px}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual .login-full-logo{width:100px;max-height:54px}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual h2{font-size:24px}body[data-theme="light"] .modal-card.signup-modal{max-height:calc(100dvh - 16px);overflow:auto;padding:20px 18px}body[data-theme="light"] .signup-modal .signup-full-logo{width:100px;max-height:55px}}

/* The customer workspace keeps its existing order, vault, and account actions. */
body[data-theme="light"] #accountPage .customer-portal-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;max-width:1440px;margin:0 auto;padding:25px 20px 55px;align-items:start}
body[data-theme="light"] #accountPage .customer-portal-sidebar{position:sticky;top:110px;min-height:calc(100vh - 145px);display:flex;flex-direction:column;padding:20px 12px;border:1px solid #e4e7ef;border-radius:16px;background:#fff}
body[data-theme="light"] #accountPage .customer-sidebar-kicker{padding:6px 13px 16px;font-size:11px;letter-spacing:.13em;font-weight:800;color:#687587}
body[data-theme="light"] #accountPage .customer-portal-sidebar nav{display:grid;gap:5px}
body[data-theme="light"] #accountPage .customer-portal-sidebar button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:#334056;text-align:start;font-size:13px;font-weight:650;cursor:pointer;transition:background .2s,color .2s}
body[data-theme="light"] #accountPage .customer-portal-sidebar button:hover,body[data-theme="light"] #accountPage .customer-portal-sidebar button.active{background:#eef0fa;color:#2e3a8c}
body[data-theme="light"] #accountPage .customer-portal-sidebar button span{display:grid;place-items:center;width:24px;height:24px;font-size:19px;color:#2e3a8c}
body[data-theme="light"] #accountPage .customer-portal-sidebar .customer-sidebar-logout{margin-top:auto;border-top:1px solid #ebedf3;border-radius:0;color:#536175}
body[data-theme="light"] #accountPage .customer-portal-shell .account-dashboard{width:auto;max-width:none;margin:0;padding:0;background:transparent}
body[data-theme="light"] #accountPage .customer-portal-shell .dashboard-top{padding:5px 0 22px}
body[data-theme="light"] #accountPage .customer-portal-shell .dashboard-top h1{color:#1d1d1f;font-size:clamp(25px,2.4vw,37px)}
body[data-theme="light"] #accountPage .customer-portal-shell .account-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 15px}
body[data-theme="light"] #accountPage .customer-portal-shell .account-summary article{min-height:116px;padding:18px;border:1px solid #e7e8ee;border-radius:13px;background:#fff;box-shadow:0 5px 20px #1d1d1f08}
body[data-theme="light"] #accountPage .customer-portal-shell .account-summary article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#eef0fa;color:#2e3a8c;font-size:20px}
body[data-theme="light"] #accountPage .customer-portal-shell .account-summary small{color:#647188;font-size:11px}
body[data-theme="light"] #accountPage .customer-portal-shell .account-summary b{color:#1d1d1f;font-size:21px}
body[data-theme="light"] #accountPage .customer-portal-shell .account-panel{border:1px solid #e7e8ee;border-radius:14px;background:#fff;box-shadow:0 5px 20px #1d1d1f07;color:#1d1d1f}
body[data-theme="light"] #accountPage .customer-portal-shell .account-panel h2,body[data-theme="light"] #accountPage .customer-portal-shell .account-panel h3{color:#1d1d1f}
body[data-theme="light"] #accountPage .customer-portal-shell .account-settings-panel .button-primary,body[data-theme="light"] #accountPage .customer-portal-shell .account-empty .button-primary{background:#2e3a8c;color:#fff}
body[data-theme="light"] #accountPage .customer-portal-shell .account-panel input{background:#f9fafc;color:#1d1d1f;border-color:#d9dfe9}
body[data-theme="light"] #accountPage .customer-portal-shell .account-content{gap:14px}
body[data-theme="light"] #accountPage .customer-portal-shell .account-content>section{min-width:0}
body[data-theme="light"] #accountPage .customer-portal-shell .customer-order-actions .invoice-link{color:#2e3a8c}
@media(max-width:1000px){body[data-theme="light"] #accountPage .customer-portal-shell{grid-template-columns:180px minmax(0,1fr);gap:14px;padding:16px 12px 35px}body[data-theme="light"] #accountPage .customer-portal-shell .account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body[data-theme="light"] #accountPage .customer-portal-shell{display:block}body[data-theme="light"] #accountPage .customer-portal-sidebar{position:relative;top:auto;min-height:0;margin-bottom:16px;padding:9px}body[data-theme="light"] #accountPage .customer-portal-sidebar nav{display:flex;overflow-x:auto;scrollbar-width:none}body[data-theme="light"] #accountPage .customer-portal-sidebar button{flex:none;width:auto;white-space:nowrap;font-size:11px}body[data-theme="light"] #accountPage .customer-portal-sidebar .customer-sidebar-logout{display:none}body[data-theme="light"] #accountPage .customer-sidebar-kicker{display:none}body[data-theme="light"] #accountPage .customer-portal-shell .account-summary article{min-height:93px}}

/* Keep customer navigation within reach while reading long orders and account details. */
body[data-theme="light"] #accountPage .customer-portal-sidebar{max-height:calc(100dvh - 126px);overflow-y:auto;box-shadow:0 10px 25px #1d1d1f0a}
body[data-theme="light"] #accountPage .customer-portal-sidebar button:focus-visible{outline:2px solid #2e3a8c;outline-offset:2px}
body[data-theme="light"] #accountPage .customer-portal-sidebar button.active{box-shadow:inset 3px 0 #2e3a8c}
body[data-theme="light"] #accountPage .customer-portal-shell [data-customer-nav-target]{scroll-margin-top:150px}
@media(max-width:700px){
  body[data-theme="light"] #accountPage .customer-portal-sidebar{position:sticky;top:68px;z-index:30;max-height:none;overflow:visible;margin-bottom:16px;padding:7px;border:1px solid #e4e7ef;border-radius:14px;background:#fffffff2;box-shadow:0 12px 25px #1d1d1f12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  body[data-theme="light"] #accountPage .customer-portal-sidebar nav{gap:4px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  body[data-theme="light"] #accountPage .customer-portal-sidebar button{min-height:40px;padding:7px 11px}
  body[data-theme="light"] #accountPage .customer-portal-sidebar button.active{box-shadow:inset 0 -2px #2e3a8c}
  body[data-theme="light"] #accountPage .customer-portal-shell [data-customer-nav-target]{scroll-margin-top:145px}
}
@media(prefers-reduced-motion:reduce){body[data-theme="light"] #accountPage .customer-portal-sidebar button{transition:none}}

/* admin-brand-palette-20261029.css */
/* Shared back-office palette. The existing forms and permissions remain intact. */
body.admin-view .admin-layout{background:#f5f5f7;color:#1d1d1f}
body.admin-view .admin-sidebar{background:#1d1d1f;border-color:#303033;color:#f5f5f7}
body.admin-view .admin-store-tag{background:#2c2c2e;border:1px solid #48484d;color:#fff}
body.admin-view .admin-store-tag i{background:#36c995}
body.admin-view .admin-side-label{color:#a5a8b6}
body.admin-view .admin-nav-item{color:#c5cad3;border-radius:9px;transition:background .18s,color .18s}
body.admin-view .admin-nav-item:hover{background:#303135;color:#fff}
body.admin-view .admin-nav-item.active{background:#2e3a8c;color:#fff;box-shadow:none}
body.admin-view .admin-nav-item>span{color:inherit}
body.admin-view .admin-nav-item svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.admin-view .admin-profile{border-color:#3c3d42}
body.admin-view .admin-avatar{background:#2e3a8c;color:#fff}
body.admin-view .admin-main{background:#f5f5f7;min-width:0}
body.admin-view .admin-topbar{background:rgba(255,255,255,.91);border-bottom:1px solid #e4e5eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.admin-view .admin-topbar h1{color:#1d1d1f}
body.admin-view .admin-breadcrumb{color:#728096}
body.admin-view .admin-top-actions .icon-tool{background:#fff;border:1px solid #dce1ec;color:#2e3a8c}
body.admin-view .admin-top-actions .icon-tool:hover{background:#eef0fa}
body.admin-view .admin-top-actions .demo-chip{background:#eaf8f2;border:1px solid #cee9df;color:#197a55}
body.admin-view .admin-content{color:#1d1d1f}
body.admin-view .admin-panel,body.admin-view .metric-card,body.admin-view .settings-panel{background:#fff;border:1px solid #e5e7ed;border-radius:14px;box-shadow:0 5px 20px #1d1d1f08;color:#1d1d1f}
body.admin-view .admin-panel h2,body.admin-view .admin-panel h3,body.admin-view .metric-card b,body.admin-view .settings-panel h3{color:#1d1d1f}
body.admin-view .admin-primary{background:#2e3a8c;color:#fff;border-color:#2e3a8c}
body.admin-view .admin-primary:hover{background:#253176;border-color:#253176}
body.admin-view .admin-quiet{background:#fff;color:#2e3a8c;border:1px solid #d9dfea}
body.admin-view .admin-quiet:hover{background:#f0f2fb}
body.admin-view input:not([type=checkbox]):not([type=radio]),body.admin-view select,body.admin-view textarea{border-color:#dce1eb;background:#fff;color:#1d1d1f}
body.admin-view input:focus,body.admin-view select:focus,body.admin-view textarea:focus{border-color:#2e3a8c;outline:2px solid #2e3a8c1c}
body.admin-view .settings-icon{background:#eef0fa;color:#2e3a8c}
body.admin-view .toggle-switch.on{background:#2e3a8c}
body.admin-view .source-chip{background:#eef0fa;color:#2e3a8c}
body.admin-view .status-pill{background:#eef0fa;color:#2e3a8c}
@media(max-width:720px){body.admin-view .admin-sidebar{background:#1d1d1f}body.admin-view .admin-nav-item.active{box-shadow:inset 0 -2px #a5b4ff}body.admin-view .admin-topbar{background:#fff}}

/* footer-reference-20261029.css */
/* Reference footer: white surface, five columns and a compact payment rail. */
body:not(.admin-view) .site-footer{background:#f5f5f7!important;color:#151e41!important;border-top:0!important;padding:0 0 16px!important;margin:0!important}
body:not(.admin-view) .site-footer .footer-main{width:min(1440px,calc(100% - 48px))!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(220px,1.55fr) minmax(135px,.9fr) minmax(140px,.95fr) minmax(140px,.95fr) minmax(235px,1.45fr)!important;gap:clamp(25px,3vw,62px)!important;margin:0 auto!important;padding:58px 0 46px!important;direction:ltr}
body:not(.admin-view) .site-footer .footer-main>*{min-width:0}
body:not(.admin-view) .site-footer .footer-brand-block .brand{display:inline-flex!important;align-items:center!important;min-width:0!important;margin:0 0 21px!important}
body:not(.admin-view) .site-footer .footer-brand-block .brand-icon{width:160px!important;height:auto!important;max-height:90px!important;object-fit:contain!important;filter:none!important}
body:not(.admin-view) .site-footer .footer-brand-block .brand{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
body:not(.admin-view) .site-footer .footer-brand-block .brand{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;line-height:normal!important}
body:not(.admin-view) .site-footer .footer-brand-block .brand-icon{display:block!important;width:150px!important;height:auto!important;max-height:none!important;aspect-ratio:1031/597!important;object-fit:contain!important;filter:brightness(0)!important}
body:not(.admin-view) #storePage{padding-bottom:0!important}
body:not(.admin-view) .site-footer .footer-brand-block p{max-width:300px!important;margin:0!important;color:#687796!important;font-size:14px!important;line-height:1.48!important}
body:not(.admin-view) .site-footer .footer-social{display:flex!important;gap:26px!important;align-items:center!important;margin:26px 0 0!important}
body:not(.admin-view) .site-footer .footer-social a{display:grid!important;place-items:center!important;width:20px!important;height:22px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#1e2a53!important;font-size:22px!important;font-weight:800!important;text-decoration:none!important}
body:not(.admin-view) .site-footer .footer-social a:hover{color:#2e3a8c!important;transform:translateY(-2px)}
body:not(.admin-view) .site-footer .footer-social a svg{width:20px;height:20px;display:block}
body:not(.admin-view) .site-footer .footer-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important}
body:not(.admin-view) .site-footer .footer-col>b{display:block!important;margin:7px 0 14px!important;color:#111a3d!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important}
body:not(.admin-view) .site-footer .footer-col>a{display:block!important;color:#687796!important;font-size:14px!important;line-height:1.23!important;text-decoration:none!important;transition:color .2s ease,transform .2s ease}
body:not(.admin-view) .site-footer .footer-col>a:hover{color:#2e3a8c!important;transform:translateX(3px)!important}
body:not(.admin-view) .site-footer .footer-contact{gap:20px!important}
body:not(.admin-view) .site-footer .footer-contact>b{margin-bottom:10px!important}
body:not(.admin-view) .site-footer .footer-contact>span,
body:not(.admin-view) .site-footer .footer-contact>a{display:flex!important;align-items:flex-start!important;gap:19px!important;color:#687796!important;font-size:14px!important;line-height:1.3!important;overflow-wrap:anywhere}
body:not(.admin-view) .site-footer .footer-contact svg{flex:none;width:20px;height:20px;fill:none;stroke:#1c2953;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
body:not(.admin-view) .site-footer .footer-bottom{width:min(1440px,calc(100% - 48px))!important;max-width:none!important;min-height:66px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:24px!important;align-items:center!important;margin:0 auto!important;padding:17px 0 0!important;border-top:1px solid #dce1ec!important;color:#687796!important;font-size:14px!important;direction:ltr}
body:not(.admin-view) .site-footer .footer-bottom .payment-marks{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;margin:0!important}
body:not(.admin-view) .site-footer .footer-bottom .pay-mark{min-width:64px!important;height:35px!important;padding:3px 8px!important;border:1px solid #dce1ec!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important}
body:not(.admin-view) .site-footer .footer-bottom .pay-visa{color:#1263bf!important;font-size:20px!important;font-style:italic!important}
body:not(.admin-view) .site-footer .footer-bottom .pay-mastercard i{width:18px!important;height:18px!important}
body:not(.admin-view) .site-footer .footer-bottom .pay-meeza{color:#5d247b!important;font-size:15px!important}
body:not(.admin-view) .site-footer .footer-bottom .pay-instapay{overflow:hidden;min-width:128px!important;justify-content:center!important}
body:not(.admin-view) .site-footer .footer-bottom .pay-instapay img{display:block;width:116px!important;height:auto!important;max-width:none!important;object-fit:contain!important}
body:not(.admin-view) .site-footer .footer-bottom .pay-wallet{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:90px!important;color:#27447a!important;font-size:12px!important;font-weight:700!important;white-space:nowrap}
body:not(.admin-view) .site-footer .footer-bottom .pay-wallet svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
body:not(.admin-view).footer-in-view .whatsapp-float{opacity:0!important;pointer-events:none!important}
body:not(.admin-view) .site-footer .footer-bottom nav{display:flex;justify-content:flex-end;align-items:center;gap:0;white-space:nowrap}
body:not(.admin-view) .site-footer .footer-bottom nav a{color:#687796!important;text-decoration:none!important;padding:0 15px!important;border-inline-start:1px solid #c7cfde;font-size:13px!important}
body:not(.admin-view) .site-footer .footer-bottom nav a:first-child{border:0!important}
body:not(.admin-view) .site-footer .footer-bottom nav a:last-child{padding-inline-end:0!important}
body:not(.admin-view) .site-footer .footer-bottom nav a:hover{color:#2e3a8c!important}
@media(max-width:1050px){body:not(.admin-view) .site-footer .footer-main{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important}body:not(.admin-view) .site-footer .footer-brand-block{grid-column:1/-1!important}body:not(.admin-view) .site-footer .footer-bottom{grid-template-columns:1fr auto!important}body:not(.admin-view) .site-footer .footer-bottom nav{grid-column:1/-1;justify-content:center}}
@media(max-width:680px){body:not(.admin-view) .site-footer .footer-main{width:calc(100% - 36px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 20px!important;padding:38px 0 30px!important}body:not(.admin-view) .site-footer .footer-brand-block{grid-column:1/-1!important}body:not(.admin-view) .site-footer .footer-contact{grid-column:1/-1!important}body:not(.admin-view) .site-footer .footer-col>b{font-size:14px!important}body:not(.admin-view) .site-footer .footer-col>a,body:not(.admin-view) .site-footer .footer-contact>span,body:not(.admin-view) .site-footer .footer-contact>a{font-size:12px!important}body:not(.admin-view) .site-footer .footer-bottom{width:calc(100% - 36px)!important;grid-template-columns:1fr!important;justify-items:start!important;gap:15px!important;font-size:11px!important}body:not(.admin-view) .site-footer .footer-bottom .payment-marks{gap:6px!important}body:not(.admin-view) .site-footer .footer-bottom .pay-mark{min-width:53px!important;height:31px!important}body:not(.admin-view) .site-footer .footer-bottom nav{grid-column:auto!important;justify-content:flex-start!important;white-space:normal!important}body:not(.admin-view) .site-footer .footer-bottom nav a{padding:0 9px!important;font-size:11px!important}body:not(.admin-view) .site-footer .footer-bottom nav a:first-child{padding-inline-start:0!important}}
@media(max-width:680px){body:not(.admin-view) .site-footer .footer-bottom .payment-marks{flex-wrap:wrap!important}body:not(.admin-view) .site-footer .footer-bottom .pay-instapay{min-width:105px!important}body:not(.admin-view) .site-footer .footer-bottom .pay-instapay img{width:96px!important}body:not(.admin-view) .site-footer .footer-bottom .pay-wallet{min-width:82px!important;font-size:11px!important}}

/* auth-menu-reference-20261029.css */
/* Product navigation follows the reference's category, featured, artwork rhythm. */
body:not(.admin-view) .store-mega-menu:not(.support-mega-menu){grid-template-columns:minmax(230px,.9fr) minmax(470px,1.65fr)!important;gap:22px!important;max-width:1120px!important;left:50%!important;right:auto!important;width:calc(100% - 40px)!important;transform:translateX(-50%)!important;background:rgba(31,34,40,.96)!important;border:1px solid #ffffff29!important;border-radius:0 0 17px 17px!important;padding:22px!important;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
body:not(.admin-view) .mega-categories{display:flex!important;flex-direction:column!important;gap:2px!important;padding-inline-end:20px;border-inline-end:1px solid #ffffff25}
body:not(.admin-view) .mega-categories button{min-height:43px!important;padding:7px 9px!important;font-size:13px!important}
body:not(.admin-view) .mega-categories .mega-icon{width:27px!important;height:27px!important;flex:none!important}
body:not(.admin-view) .support-mega-menu a svg{width:18px;height:18px;flex:none;color:#c9d3e7}
body:not(.admin-view) .mega-featured{display:grid!important;grid-template-columns:minmax(200px,1fr) minmax(145px,.85fr)!important;gap:20px!important;min-height:270px!important;padding:0!important;background:none!important;overflow:visible!important;align-items:stretch!important}
body:not(.admin-view) .mega-featured-list{display:flex;flex-direction:column;gap:2px;padding:8px 0}
body:not(.admin-view) .mega-featured-list .mega-kicker{margin-bottom:9px;color:#b9c3d8;font-size:10px;letter-spacing:.1em;font-weight:700}
body:not(.admin-view) .mega-featured-list button{display:flex;align-items:center;gap:11px;width:100%;margin:0!important;padding:8px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#f6f7fb!important;text-align:start;cursor:pointer}
body:not(.admin-view) .mega-featured-list button:hover{background:#ffffff19!important}
body:not(.admin-view) .mega-featured-list button svg{width:31px;height:31px;flex:none}
body:not(.admin-view) .mega-featured-list button span{display:flex;flex-direction:column;gap:2px}
body:not(.admin-view) .mega-featured-list button strong{font-size:13px!important;line-height:1.2}
body:not(.admin-view) .mega-featured-list button small{font-size:10px!important;color:#acb8cc!important;max-width:none!important}
body:not(.admin-view) .mega-featured .mega-featured-art{display:grid;place-items:center;margin:0!important;padding:12px!important;border:1px solid #63749645!important;border-radius:13px!important;background:linear-gradient(150deg,#12365c,#12213e 75%)!important;overflow:hidden;cursor:pointer}
body:not(.admin-view) .mega-featured .mega-featured-art img{position:static!important;display:block;width:100%!important;height:100%!important;max-height:240px;object-fit:contain!important;filter:drop-shadow(0 16px 18px #0007)}

/* The photo, copy, form and field icons remain independent layers. */
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual{background:#e9eef6 url("assets/login-office-editorial.webp") 57% center/cover no-repeat!important}
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5f7fbca 0%,#f5f7fb8f 47%,#f5f7fb04 100%);pointer-events:none}
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual:after{display:none!important}
body[data-theme="light"]:not(.admin-view) #accountPage .login-visual .login-brand{margin-bottom:54px!important}
body[data-theme="light"]:not(.admin-view) #accountPage .login-proof{display:grid!important;gap:13px!important;margin-top:35px!important}
body[data-theme="light"]:not(.admin-view) #accountPage .login-proof span{display:flex;gap:10px;align-items:center;width:max-content;max-width:100%;background:#ffffff8a;border:1px solid #ffffff91;border-radius:9px;padding:5px 9px;color:#263650}
body[data-theme="light"]:not(.admin-view) #accountPage .login-proof span:before{content:"";display:inline-block;width:18px;height:18px;flex:none;background:url("assets/icon-lock.svg") center/contain no-repeat}
body[data-theme="light"]:not(.admin-view) #accountPage .login-proof span:nth-child(2):before{background-image:url("assets/icon-mail.svg")}
body[data-theme="light"]:not(.admin-view) #accountPage .login-proof span:nth-child(3):before{background-image:url("assets/icon-user.svg")}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form{position:relative;z-index:1;background:#ffffffcf}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form label:not(.login-remember),body[data-theme="light"] .signup-modal .signup-grid label{position:relative;display:block}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form label:not(.login-remember):before,body[data-theme="light"] .signup-modal .signup-grid label:before{content:"";position:absolute;inset-inline-start:17px;bottom:16px;width:20px;height:20px;z-index:1;background-size:contain;background-repeat:no-repeat;opacity:.77;pointer-events:none}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form label:has(input[name="email"]):before,body[data-theme="light"] .signup-modal .signup-grid label:has(input[name="email"]):before{background-image:url("assets/icon-mail.svg")}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form label:has(input[name="password"]):before,body[data-theme="light"] .signup-modal .signup-grid label:has(input[name="password"]):before,body[data-theme="light"] .signup-modal .signup-grid label:has(input[name="confirmPassword"]):before{background-image:url("assets/icon-lock.svg")}
body[data-theme="light"] .signup-modal .signup-grid label:has(input[name="fullName"]):before{background-image:url("assets/icon-user.svg")}
body[data-theme="light"] .signup-modal .signup-grid label:has(input[name="phone"]):before{background-image:url("assets/icon-phone.svg")}
body[data-theme="light"]:not(.admin-view) #accountPage .login-form label:not(.login-remember) input,body[data-theme="light"] .signup-modal .signup-grid input{padding-inline-start:49px!important}
body[data-theme="light"] .signup-modal .signup-grid label:has(input[name="password"]):before,body[data-theme="light"] .signup-modal .signup-grid label:has(input[name="confirmPassword"]):before{bottom:15px}
@media(max-width:1100px){body:not(.admin-view) .store-mega-menu:not(.support-mega-menu){grid-template-columns:1fr!important;max-height:min(75vh,640px)!important;overflow:auto!important;top:100%!important;left:50%!important;right:auto!important;width:calc(100% - 20px)!important}body:not(.admin-view) .mega-categories{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border:0;padding:0!important}body:not(.admin-view) .mega-featured{min-height:195px!important}}
@media(max-width:680px){body:not(.admin-view) .mega-featured{grid-template-columns:1fr!important}body:not(.admin-view) .mega-featured .mega-featured-art{display:none!important}body:not(.admin-view) .mega-categories{grid-template-columns:1fr!important}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual{background-position:54% 60%!important}body[data-theme="light"]:not(.admin-view) #accountPage .login-visual:before{background:linear-gradient(90deg,#f5f7fbea 0%,#f5f7fbaa 60%,#f5f7fb10 100%)}body[data-theme="light"]:not(.admin-view) #accountPage .login-proof{display:none!important}}

/* Give the mobile campaign artwork its own row. The laptop must never cover copy. */
@media(min-width:651px) and (max-width:900px){
 body:not(.admin-view) #storePage .hero-art{width:105%!important;height:100%!important;transform:translateY(2%)!important}
}
@media(max-width:650px){
 body:not(.admin-view) #storePage .hero-wrap{min-height:0!important;height:auto!important;display:flex!important;flex-direction:column-reverse!important;gap:0!important;justify-content:flex-start!important;padding:18px 22px 30px!important;overflow:hidden!important}
 body:not(.admin-view) #storePage .hero-art{width:100%!important;height:clamp(205px,58vw,280px)!important;min-height:0!important;flex:0 0 auto!important;align-self:center!important;transform:none!important;margin:0 0 20px!important;position:relative!important;inset:auto!important}
 body:not(.admin-view) #storePage .hero-art img.hero-laptop-light{width:100%!important;height:100%!important;inset:0!important;object-fit:contain!important;object-position:center bottom!important}
 body:not(.admin-view) #storePage .hero-copy{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;align-self:stretch!important;position:relative!important;z-index:5!important}
 body:not(.admin-view) #storePage .hero-copy .eyebrow{display:block!important;font-size:10px!important;line-height:1.45!important;letter-spacing:.12em!important;white-space:normal!important;margin:0!important}
 body:not(.admin-view) #storePage .hero-copy h1{font-size:clamp(42px,11vw,62px)!important;line-height:1.04!important;white-space:normal!important;margin:12px 0 14px!important}
 body:not(.admin-view) #storePage .hero-copy p{font-size:clamp(15px,4vw,18px)!important;line-height:1.42!important;max-width:31ch!important}
 body:not(.admin-view) #storePage .hero-handwriting{display:none!important}
}

/* product-cards-20261029.css */
/* The same restrained license-card presentation is used in every product listing. */
body:not(.admin-view) #storePage #productsSection .product-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #e7e9ef;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(29,29,31,.055);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
body:not(.admin-view) #storePage #productsSection .product-card:hover {
  transform: translateY(-3px);
  border-color: #ced3e8;
  box-shadow: 0 16px 32px rgba(29,29,31,.11);
}
body:not(.admin-view) #storePage #productsSection .product-media {
  position: relative;
  height: 220px;
  min-height: 0;
  padding: 12px;
  background: #f5f5f7 !important;
}
body:not(.admin-view) #storePage #productsSection .product-editorial-image,
body:not(.admin-view) #storePage #productsSection .product-uploaded-image {
  position: absolute;
  inset: 12px;
  display: block;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  object-fit: contain;
  object-position: center;
  filter: saturate(.82);
}
body:not(.admin-view) #storePage #productsSection .product-info {
  padding: 15px 17px 16px;
  color: #1d1d1f;
}
body:not(.admin-view) #storePage #productsSection .product-info h3,
body:not(.admin-view) #storePage #productsSection .product-info h3 a,
body:not(.admin-view) #storePage #productsSection .price-row strong { color: #1d1d1f; }
body:not(.admin-view) #storePage #productsSection .product-meta,
body:not(.admin-view) #storePage #productsSection .variant-label { color: #77819a; }
body:not(.admin-view) #storePage #productsSection .add-button { background: #2e3a8c; color: #fff; }
body:not(.admin-view) #storePage #productsSection .quick-view { color: #2e3a8c; }
@media (max-width: 1100px) {
  body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-grid,
  body.catalog-view #storePage #productsSection .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body:not(.admin-view) #storePage #productsSection .product-media { height: 190px; }
}
@media (max-width: 600px) {
  body:not(.admin-view):not(.catalog-view) #storePage #productsSection .product-grid,
  body.catalog-view #storePage #productsSection .product-grid { grid-template-columns: 1fr !important; }
  body:not(.admin-view) #storePage #productsSection .product-media { height: 165px; }
  body:not(.admin-view) #storePage #productsSection .product-info { padding: 11px 12px 13px; }
}
@media (max-width: 380px) {
  body:not(.admin-view) #storePage #productsSection .product-media { height: 145px; }
}

/* hero-layout-20261029.css */
/* Keep hero artwork and live text in separate tracks in both writing directions. */
@media (min-width:901px) {
  html[dir="rtl"] body:not(.admin-view) #storePage .hero-wrap {
    direction:ltr!important;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
    grid-template-areas:"art copy"!important;
    column-gap:clamp(24px,3vw,54px)!important;
  }
  html[dir="rtl"] body:not(.admin-view) #storePage .hero-copy {
    direction:rtl!important;
    width:100%!important;
    min-width:0!important;
    max-width:560px!important;
    justify-self:end!important;
    text-align:right!important;
  }
  html[dir="rtl"] body:not(.admin-view) #storePage .hero-art {
    width:100%!important;
    height:min(100%,500px)!important;
    min-width:0!important;
    transform:translateY(9%)!important;
    justify-self:start!important;
  }
  html[dir="rtl"] body:not(.admin-view) #storePage .hero-copy h1 {
    font-size:clamp(56px,5.7vw,94px)!important;
    white-space:nowrap!important;
  }
  html[dir="rtl"] body:not(.admin-view) #storePage .hero-copy p {
    max-width:430px!important;
    margin:0 0 0 auto!important;
    text-align:right!important;
  }
  html[dir="rtl"] body:not(.admin-view) #storePage .hero-ctas {justify-content:flex-start!important}
  html[dir="rtl"] body:not(.admin-view) #storePage .hero-handwriting {
    left:clamp(18px,2.5vw,44px)!important;
    right:auto!important;
    top:18px!important;
    transform:rotate(-7deg) scale(.72)!important;
    transform-origin:top left!important;
  }
  html[dir="ltr"] body:not(.admin-view) #storePage .hero-art {
    width:100%!important;
    height:min(100%,500px)!important;
    min-width:0!important;
    transform:translateY(9%)!important;
  }
}
@media (min-width:651px) and (max-width:900px) {
  body:not(.admin-view) #storePage .hero-wrap {
    display:flex!important;
    flex-direction:column-reverse!important;
    height:auto!important;
    min-height:0!important;
    padding:28px 36px 34px!important;
  }
  body:not(.admin-view) #storePage .hero-art {
    width:100%!important;
    height:clamp(290px,38vw,360px)!important;
    transform:none!important;
    align-self:center!important;
    margin-bottom:10px!important;
  }
  body:not(.admin-view) #storePage .hero-copy {
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    position:relative!important;
    z-index:5!important;
  }
  body:not(.admin-view) #storePage .hero-copy h1 {font-size:clamp(52px,8vw,76px)!important;white-space:normal!important}
  body:not(.admin-view) #storePage .hero-handwriting {display:none!important}
}
@media (max-width:650px) {
  body:not(.admin-view) #storePage .hero-art {z-index:1!important}
  body:not(.admin-view) #storePage .hero-copy {z-index:5!important;isolation:isolate}
  body:not(.admin-view) #storePage .hero-copy h1 {white-space:normal!important;overflow-wrap:normal!important}
}

/* cart-reference-20261029.css */
/* Shopping bag: shared light palette for English and Arabic. */
.side-drawer{width:min(520px,100vw);background:#fff!important;color:#101a33!important;border:0;border-inline-start:1px solid #e1e6f0;box-shadow:0 24px 80px #10182b35;transition:transform .32s cubic-bezier(.22,.7,.22,1);font-family:'DM Sans','Tajawal',sans-serif}
html[dir=rtl] .side-drawer{transform:translateX(-105%)}
html[dir=rtl] .side-drawer.open{transform:translateX(0)}
.drawer-backdrop:not(.hidden){background:#101827a6!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.side-drawer .drawer-head{padding:30px 31px 12px;border:0;align-items:flex-start}
.side-drawer .drawer-kicker{font-size:11px;letter-spacing:.16em;color:#667b9d;font-weight:800}
.side-drawer .drawer-head h2{display:flex;align-items:center;gap:10px;font-size:26px;line-height:1.2;margin:8px 0;color:#111a33!important;letter-spacing:-.03em}
.side-drawer #drawerItemCount{display:inline-grid;place-items:center;min-width:36px;height:28px;padding:0 10px;border-radius:999px;background:#edf1f9;color:#24345f;font-size:15px;letter-spacing:0}
.side-drawer #drawerIntro{font-size:13px;color:#7585a1;margin:0}
.side-drawer .close-button{width:42px;height:42px;display:grid;place-items:center;background:#f0f3f9;border:1px solid #dce4f2;border-radius:50%;color:#152547;font-size:23px;line-height:1;flex:none}
.side-drawer .drawer-progress{display:flex;align-items:center;gap:14px;margin:8px 30px 0;padding:11px;border:0;border-radius:13px;background:linear-gradient(120deg,#f4f6fb,#eef2f8);color:#657999;font-size:12px}
.side-drawer .drawer-gift{display:grid;place-items:center;flex:none;width:50px;height:50px;background:#e8edf8;color:#2e3a8c;border-radius:15px;border:1px solid #dbe3f1}
.side-drawer .drawer-gift svg{width:25px;height:25px}
.side-drawer .drawer-progress-copy{flex:1;min-width:0;width:auto;height:auto;background:none;border:0;border-radius:0;overflow:visible}
.side-drawer #cartProgressText{display:block;line-height:1.4}
.side-drawer #cartProgressText b{color:#2e3a8c}
.side-drawer .drawer-progress-track{height:7px;margin-top:8px;background:#dfe5f1;border-radius:99px;overflow:hidden}
.side-drawer #cartProgress{height:100%;background:#2e3a8c;border-radius:99px}
.side-drawer .drawer-body{padding:13px 30px;min-height:0}
.side-drawer .cart-item{display:grid;grid-template-columns:120px minmax(0,1fr) 31px;gap:15px;margin-bottom:12px;padding:16px 14px;border:1px solid #e0e6ef;border-radius:13px;background:#fff;box-shadow:0 8px 22px #10213e0a;align-items:start}
.side-drawer .cart-item-art{width:120px;height:145px;background:#f5f7fb;border-radius:9px;overflow:hidden}
.side-drawer .cart-item-art img{display:block;width:100%;height:100%;object-fit:contain}
.side-drawer .cart-item-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:1px}
.side-drawer .cart-item-info b{font-size:15px;color:#101a33;line-height:1.3}
.side-drawer .cart-item-info small{display:block;margin:0;font-size:11px;line-height:1.35;color:#7182a0}
.side-drawer .cart-item-info .cart-item-category{font-size:10px;color:#697c9e}
.side-drawer .cart-digital-badge{display:inline-flex;padding:4px 8px;margin:2px 0;background:#edf5fe;border-radius:999px;color:#1767c7;font-size:10px;font-weight:700}
.side-drawer .cart-item-info strong{margin-top:2px;font-size:16px;color:#111a33}
.side-drawer .qty-control{display:flex;align-items:center;gap:15px;margin-top:5px;color:#111a33;font-size:13px;font-weight:700}
.side-drawer .qty-control button{width:32px;height:32px;border:0;border-radius:50%;background:#eef2f8;color:#102047;font-size:19px;cursor:pointer}
.side-drawer .remove-item{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#edf1f7;color:#193050;font-size:20px;line-height:1}
.side-drawer .drawer-foot{padding:14px 30px 24px;border-top:1px solid #e4e9f1;background:#fff;box-shadow:0 -10px 25px #ffffffdc;max-height:58vh;overflow:auto}
.side-drawer .coupon-entry{padding:13px!important;margin-bottom:15px!important;border:1px solid #e0e6ef!important;border-radius:13px!important;background:#f5f7fb!important;box-shadow:none!important}
.side-drawer .coupon-entry:before,.side-drawer .coupon-entry:after{display:none}
.side-drawer .coupon-ticket{background:#e7ecf8!important;color:#2e3a8c!important;border-color:#dce4f2!important}
.side-drawer .coupon-entry-copy b{color:#182447!important}
.side-drawer .coupon-entry-copy small{color:#7586a3!important}
.side-drawer .coupon-entry-row input{background:#fff!important;color:#152341!important;border-color:#d9e1ef!important}
.side-drawer .coupon-entry-row button{background:#2e3a8c!important;color:#fff!important;border-color:#2e3a8c!important;border-radius:9px}
.side-drawer .subtotal-line{padding:5px 0;color:#34445f;font-size:13px}
.side-drawer .subtotal-line b{color:#111a33}
.side-drawer .total-line{margin-top:7px;padding-top:12px;border-top:1px solid #cdd6e5;font-size:17px;color:#677b9c}
.side-drawer .total-line b{color:#2e3a8c;font-size:20px}
.side-drawer .tax-note{font-size:10px;color:#7889a4;line-height:1.5;margin:7px 0 16px}
.side-drawer .checkout-button{height:47px;border-radius:999px;background:#2e3a8c!important;color:#fff;font-size:14px}
.side-drawer .continue-shopping{height:45px;margin-top:8px;padding:0;border:1px solid #d9e1ef;border-radius:999px;background:#f5f7fb;color:#111a33;font-size:13px;font-weight:700}
html[dir=rtl] .side-drawer .cart-item{grid-template-columns:120px minmax(0,1fr) 31px}
html[dir=rtl] .side-drawer .cart-item-art{grid-column:1;grid-row:1}
html[dir=rtl] .side-drawer .cart-item-info{grid-column:2;grid-row:1;align-items:flex-end;text-align:right}
html[dir=rtl] .side-drawer .remove-item{grid-column:3;grid-row:1}
@media(max-width:560px){.side-drawer .drawer-head{padding:20px 18px 10px}.side-drawer .drawer-progress{margin:8px 18px 0}.side-drawer .drawer-body{padding:12px 18px}.side-drawer .drawer-foot{padding:13px 18px 19px}.side-drawer .cart-item{grid-template-columns:90px minmax(0,1fr) 28px;gap:10px;padding:12px}.side-drawer .cart-item-art{width:90px;height:118px}.side-drawer .cart-item-info b{font-size:13px}.side-drawer .cart-item-info strong{font-size:14px}html[dir=rtl] .side-drawer .cart-item{grid-template-columns:90px minmax(0,1fr) 28px}}
@media(max-width:360px){.side-drawer .cart-item{grid-template-columns:75px minmax(0,1fr) 25px}.side-drawer .cart-item-art{width:75px;height:100px}html[dir=rtl] .side-drawer .cart-item{grid-template-columns:75px minmax(0,1fr) 25px}}

/* checkout-reference-20261101.css */
.modal-card:has(.checkout-modal){width:min(1280px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:30px 34px;background:#fff;color:#1d1d1f;border:1px solid #e3e5ee;border-radius:24px;scroll-behavior:smooth}
.checkout-modal{--checkout-blue:#2e3a8c;--checkout-line:#dbe0eb;color:#1d1d1f}
.checkout-modal>.section-kicker{display:block;color:#2e3a8c;font-size:12px;letter-spacing:.1em}
.checkout-modal>h2{margin:4px 0 18px;color:#1d1d1f;font-size:clamp(27px,3vw,38px);line-height:1.15}
.checkout-modal .checkout-progress{position:sticky;top:-30px;z-index:20;display:flex;align-items:center;gap:10px;margin:0 0 22px;padding:12px 0 14px;background:#fff;border-bottom:1px solid var(--checkout-line);box-shadow:0 8px 12px -14px #1d1d1f55}
.checkout-progress button{display:inline-flex;align-items:center;gap:8px;position:relative;flex:none;border:0;background:none;color:#69748c;font-family:inherit;font-size:13px;font-weight:600;padding:5px 5px 10px;cursor:pointer}
.checkout-progress button:disabled{cursor:default;opacity:.62}
.checkout-progress button span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eef0f7;color:#2e3a8c;font-size:12px}
.checkout-progress button.active{color:#2e3a8c}
.checkout-progress button.active span{background:#2e3a8c;color:#fff}
.checkout-progress button.active:after{content:"";position:absolute;inset-inline:4px;bottom:-15px;height:3px;border-radius:4px;background:#2e3a8c;transition:inset-inline-start .2s ease,width .2s ease}
.checkout-progress-line{display:none}
.checkout-modal .checkout-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;gap:24px}
.checkout-modal .checkout-main{min-width:0;display:grid;gap:20px}
.checkout-modal .checkout-section{min-width:0;scroll-margin-top:100px}
.checkout-modal .checkout-section h3,.checkout-modal .checkout-summary h3{margin:0 0 3px;color:#1d1d1f;font-size:19px;line-height:1.3}
.checkout-modal .checkout-section>p{margin:0 0 16px;color:#65718b;font-size:13px}
.checkout-modal .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.checkout-modal .checkout-section label{min-width:0;color:#24304b;font-size:13px;font-weight:600}
.checkout-modal .checkout-section label input:not([type=radio]):not([type=file]),.checkout-modal .checkout-section label select{display:block;box-sizing:border-box;width:100%;min-height:49px;margin-top:6px;padding:10px 13px;border:1px solid #d3d9e6;border-radius:10px;background:#fff;color:#1d1d1f;font-family:inherit;font-size:14px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}
.checkout-modal .checkout-section label input:focus,.checkout-modal .checkout-section label select:focus{border-color:#2e3a8c!important;box-shadow:0 0 0 3px #2e3a8c1b}
.checkout-modal .checkout-section .field-valid{border-color:#69b989!important}
.checkout-modal .checkout-section .field-invalid{border-color:#d36565!important}
.checkout-modal .checkout-field-error{display:block;margin-top:5px;color:#ad3c45;font-size:11px;font-weight:500}
.checkout-modal .checkout-methods{margin:0;padding:0;border:0}
.checkout-modal .checkout-methods legend{margin-bottom:10px;color:#1d1d1f;font-size:17px;font-weight:700}
.checkout-modal .payment-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.checkout-modal .payment-choices>label{min-width:0;min-height:132px;border:1px solid #dbe0eb;border-radius:15px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}
.checkout-modal .payment-choices>label:not(.payment-choice-disabled):hover{transform:translateY(-2px);box-shadow:0 9px 20px #1d1d1f10}
.checkout-modal .payment-choices>label:has(input:checked){border-color:#2e3a8c;background:#f0f2fb;box-shadow:0 0 0 1px #2e3a8c25}
.checkout-modal .payment-choices>label span{min-width:0}
.checkout-modal .payment-choices small{color:#69748c;line-height:1.4}
.checkout-modal .manual-fields{display:flex;flex-direction:column;gap:14px;margin-top:15px;padding:18px;border:1px solid #dbe0eb;border-radius:16px;background:#f9fafc}
.checkout-modal .manual-fields.hidden{display:none}
.checkout-modal .manual-fields>label{width:100%}
.checkout-modal .manual-fields input[type=file]{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:12px;border:1px dashed #b7c0d4;border-radius:10px;background:#fff;color:#25314a;font-size:12px}
.checkout-modal .payment-destination{margin:0;padding:0;border:0;background:none;color:#1d1d1f}
.checkout-modal .transfer-destination-card{display:grid;gap:10px;padding:15px;border:1px solid #d9dfed;border-radius:12px;background:#fff;color:#1d1d1f}
.checkout-modal .transfer-destination-card>strong{color:#1d1d1f;font-size:14px}
.checkout-modal .transfer-detail-line{border-color:#e8ebf3;align-items:center}
.checkout-modal .transfer-detail-line b{color:#1d1d1f!important;font-size:24px;letter-spacing:.02em}
.checkout-modal .transfer-detail-line small{color:#52617c;overflow-wrap:anywhere}
.checkout-modal .transfer-copy{border:1px solid #bac4dc;border-radius:9px;background:#f5f5f7;color:#2e3a8c;font-weight:700}
.checkout-modal .transfer-amount{margin:0;color:#1d1d1f;font-size:15px;font-weight:700}
.checkout-modal .transfer-destination-card>small{color:#5e6a80;line-height:1.5}
.checkout-modal .transfer-link{width:max-content;max-width:100%;border-radius:9px;background:#2e3a8c;color:#fff;gap:7px;padding:10px 14px}
.checkout-modal .transfer-link:hover{background:#243174}
.checkout-modal .transfer-link img{width:auto;height:20px;object-fit:contain}
.checkout-modal .checkout-summary{position:sticky;top:68px;min-width:0;padding:18px;border:1px solid #e1e5ee;border-radius:17px;background:#f5f5f7}
.checkout-modal .checkout-summary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.checkout-modal .checkout-summary-head small{color:#69748c}
.checkout-modal .checkout-summary-items{display:grid;gap:12px;padding:13px 0;border-top:1px solid #dbe0eb;border-bottom:1px solid #dbe0eb}
.checkout-modal .checkout-summary-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px}
.checkout-modal .checkout-summary-art{width:56px;height:62px;display:grid;place-items:center;border-radius:8px;background:#fff;overflow:hidden}
.checkout-modal .checkout-summary-art img{width:100%;height:100%;object-fit:contain}
.checkout-modal .checkout-summary-item b,.checkout-modal .checkout-summary-item small{display:block}
.checkout-modal .checkout-summary-item b{font-size:12px;color:#1d1d1f}
.checkout-modal .checkout-summary-item small{font-size:11px;color:#69748c}
.checkout-modal .checkout-summary-item strong{font-size:12px;white-space:nowrap;color:#1d1d1f}
.checkout-modal .checkout-summary .coupon-entry{margin:13px 0;padding:13px;background:#fff;border-color:#e1e5ee;border-radius:12px}
.checkout-modal .checkout-total{color:#1d1d1f;border-color:#dbe0eb}
.checkout-modal .checkout-total strong{color:#1d1d1f}
.checkout-modal .checkout-total strong:last-child{color:#2e3a8c}
.checkout-modal .checkout-total span,.checkout-modal .checkout-total b,.checkout-modal .checkout-total strong{color:#1d1d1f!important}
.checkout-modal .checkout-total [data-discount-amount]{color:#287b4a!important}
.checkout-modal .checkout-total #checkoutEstimatedTotal{color:#2e3a8c!important}
.checkout-modal .coupon-entry:before,.checkout-modal .coupon-entry:after{display:none!important;content:none!important}
.checkout-modal .coupon-entry-row{min-width:0}
.checkout-modal .coupon-entry-row button{background:#2e3a8c!important;border:1px solid #2e3a8c!important;color:#fff!important;box-shadow:none!important;filter:none!important}
.checkout-modal .coupon-entry-row button:hover{background:#243174!important;border-color:#243174!important}
.checkout-modal .coupon-entry-row button:active{background:#1d285f!important}
.checkout-modal .payment-choices>label{overflow:hidden}
.checkout-modal .payment-choices>label>span{min-width:0;box-sizing:border-box;width:100%;align-items:center}
.checkout-modal .payment-choice-logo{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;max-width:100%;width:100%;box-sizing:border-box;min-height:32px;direction:ltr}
.checkout-modal .payment-choice-logo .pay-mark{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:38px;min-height:25px;margin:0;padding:3px 5px;line-height:1;vertical-align:middle;overflow:hidden}
.checkout-modal .payment-choice-logo .pay-mastercard{gap:0}
.checkout-modal .payment-choice-logo .pay-mastercard b{margin-inline-start:3px;line-height:1}
.checkout-modal .checkout-security{margin:12px 0;color:#495a73;border-color:#dbe0eb;background:#fff;border-radius:12px}
.checkout-modal .checkout-security b{color:#1d1d1f}
.checkout-modal .button-primary[type=submit]{min-height:50px;border-radius:28px;background:#2e3a8c;color:#fff;transition:background .2s,transform .2s}
.checkout-modal .button-primary[type=submit]:hover{background:#243174;transform:translateY(-1px)}
.checkout-modal .button-primary[type=submit]:active{background:#1d285f;transform:none}
.checkout-modal .modal-footnote{display:block;margin-top:9px;color:#69748c;text-align:center;font-size:11px}
@media(max-width:1020px){.modal-card:has(.checkout-modal){padding:21px}.checkout-modal .checkout-layout{grid-template-columns:1fr}.checkout-modal .checkout-summary{position:static}.checkout-modal .checkout-progress{top:-21px}}
@media(max-width:580px){.modal-card:has(.checkout-modal){width:100%;max-height:100dvh;border-radius:0;padding:15px}.checkout-modal .checkout-progress{top:-15px;justify-content:space-between;gap:2px}.checkout-progress button{font-size:11px;gap:4px}.checkout-progress button span{width:23px;height:23px}.checkout-modal .form-grid{grid-template-columns:1fr}.checkout-modal .payment-choices{grid-template-columns:1fr}.checkout-modal .payment-choices>label{min-height:84px}.checkout-modal .checkout-summary{padding:13px}.checkout-modal .checkout-summary-item{grid-template-columns:48px minmax(0,1fr) auto}.checkout-modal .checkout-summary-art{width:48px;height:54px}}
@media(prefers-reduced-motion:reduce){.modal-card:has(.checkout-modal){scroll-behavior:auto}.checkout-modal *, .checkout-modal *:before,.checkout-modal *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* wishlist-reference.css */
/* Search surface and wishlist, based on the approved light palette. */
body:not(.admin-view) .store-search-panel{background:rgba(29,29,31,.79);border-color:rgba(255,255,255,.22);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:0 24px 65px rgba(19,24,40,.27)}
.wishlist-modal{color:#1d1d1f;min-height:320px;padding:14px 10px 8px}
.wishlist-modal svg{width:20px;height:20px;flex:none}
.wishlist-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.wishlist-kicker{display:inline-flex;align-items:center;gap:8px;color:#2e3a8c;background:#f0f2fc;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.06em}
.wishlist-kicker svg{width:18px;height:18px}
.wishlist-count{padding:7px 14px;border-radius:999px;background:#f5f5f7;color:#2e3a8c;font-size:13px;font-weight:700}
.wishlist-modal h2{font-size:clamp(25px,3vw,34px);line-height:1.2;color:#1d1d1f;margin:4px 0 7px}
.wishlist-intro{color:#66738b;font-size:15px;line-height:1.5;margin:0 0 24px}
.saved-products-list{display:grid;gap:12px}
.wishlist-item{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid #e2e6f0;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(21,31,70,.04)}
.wishlist-art{width:100px;height:100px;display:grid;place-items:center;border-radius:12px;background:#f5f5f7;overflow:hidden}
.wishlist-art img{display:block;width:100%;height:100%;object-fit:contain}
.wishlist-item-copy{min-width:0}.wishlist-item-copy b{display:block;color:#101b34;font-size:17px;line-height:1.3}.wishlist-item-copy small{display:block;color:#76839a;font-size:12px;margin:5px 0 11px}.wishlist-item-copy span{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#65728d;font-size:12px}.wishlist-item-copy svg{width:15px;height:15px;color:#7d8bb1}.wishlist-item-copy i{font-style:normal;margin:0 3px}
.wishlist-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.wishlist-item-actions strong{color:#101b34;font-size:17px;white-space:nowrap}.wishlist-item-actions>div{display:flex;gap:8px}.wishlist-item-actions button,.wishlist-clear,.wishlist-browse{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;min-height:40px;cursor:pointer;font-weight:600;font-size:13px;font-family:inherit;transition:background .2s,transform .2s,box-shadow .2s}.wishlist-add{border:1px solid #2e3a8c;background:#2e3a8c;color:#fff;padding:8px 13px}.wishlist-add:hover,.wishlist-browse:hover{background:#243174;transform:translateY(-1px)}.wishlist-add svg{width:17px;height:17px}.wishlist-remove{width:40px;border:0;background:#f0f2fc;color:#2e3a8c}.wishlist-remove:hover,.wishlist-clear:hover{background:#e4e8f7}
.wishlist-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e3e7f0;margin-top:24px;padding-top:18px}.wishlist-foot>span{display:flex;align-items:center;gap:10px;color:#697690;font-size:13px}.wishlist-foot>span svg{color:#8e9bd0}.wishlist-clear{background:#fff;border:1px solid #dce1ee;color:#1d2c54;padding:8px 14px}.wishlist-clear svg{width:18px;height:18px}
.wishlist-modal.is-empty{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 18px}.wishlist-modal.is-empty .wishlist-heading{justify-content:center}.wishlist-modal.is-empty h2{margin:18px 0 8px}.wishlist-modal.is-empty .wishlist-intro{margin-bottom:20px}.wishlist-empty-visual{width:210px;height:168px;position:relative;margin:14px auto 0}.wishlist-visual-card{position:absolute;width:118px;height:132px;left:46px;top:22px;border-radius:18px;background:#e8ebfa;transform:rotate(-15deg)}.wishlist-visual-card.back{left:62px;transform:rotate(15deg)}.wishlist-visual-card.front{left:46px;background:#fff;border:1px solid #dfe4f4;transform:none;box-shadow:0 12px 30px #2e3a8c20}.wishlist-visual-card.front i{display:block;height:8px;margin:12px 18px;background:#e6eafd;border-radius:8px}.wishlist-visual-card.front i:first-child{height:53px;margin-top:24px}.wishlist-visual-card.front i:last-child{width:50px}.wishlist-empty-visual>svg{position:absolute;left:140px;top:16px;width:35px;height:35px;color:#2e3a8c;fill:#2e3a8c}.wishlist-browse{background:#2e3a8c;color:#fff;border:0;padding:10px 22px}
@media(max-width:680px){.wishlist-modal{padding:12px 0}.wishlist-item{grid-template-columns:74px minmax(0,1fr);gap:11px;padding:10px}.wishlist-art{width:74px;height:74px}.wishlist-item-copy b{font-size:14px}.wishlist-item-copy small{font-size:11px;margin:3px 0 5px}.wishlist-item-copy span{font-size:10px}.wishlist-item-actions{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 2px 2px}.wishlist-item-actions strong{font-size:15px}.wishlist-foot{align-items:flex-start;flex-direction:column}.wishlist-modal.is-empty{min-height:420px}}
@media(prefers-reduced-motion:reduce){.wishlist-item-actions button,.wishlist-clear,.wishlist-browse{transition:none}}

/* maintenance.css */
.soeg-maintenance-active{overflow:hidden!important}.soeg-maintenance-checking body>*{visibility:hidden}
.maintenance-screen{position:fixed;inset:0;z-index:2147483000;overflow-y:auto;background:#f4f9ff;color:#071a41;font-family:Inter,'DM Sans',Tajawal,Arial,sans-serif;isolation:isolate}
.maintenance-backdrop{position:fixed;inset:0;z-index:-2;background:#f4f9ff url("assets/maintenance-wave-background.webp") center center/cover no-repeat;pointer-events:none}
.maintenance-screen:before,.maintenance-screen:after{content:"";position:fixed;pointer-events:none;z-index:-1;left:-15%;right:-15%;height:45%;border-radius:50%;transform:rotate(-9deg);background:linear-gradient(175deg,transparent 42%,rgba(111,177,255,.16) 52%,rgba(255,255,255,.8) 60%,transparent 66%)}
.maintenance-screen:before{top:29%}.maintenance-screen:after{top:58%;transform:rotate(8deg);opacity:.55}
.maintenance-shell{max-width:1440px;min-height:100svh;margin:auto;padding:42px clamp(26px,5vw,82px) 22px;display:flex;flex-direction:column}
.maintenance-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.maintenance-header img{display:block;width:145px;height:auto;object-fit:contain}.maintenance-language{min-width:104px;height:40px;padding:0 15px;border:1px solid #cbdcf4;border-radius:999px;background:rgba(255,255,255,.82);color:#17477f;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 5px 20px rgba(42,89,155,.07)}.maintenance-language:hover,.maintenance-language:focus-visible{border-color:#6ca9f1;background:#fff;outline:none}
.maintenance-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:center;gap:clamp(30px,5vw,86px)}
.maintenance-story{position:relative;min-height:600px;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
.maintenance-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid #cfe1fa;border-radius:999px;background:#e9f3ff;color:#0861d9;font-size:13px;font-weight:700;letter-spacing:.02em}
.maintenance-eyebrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.maintenance-story h1{max-width:700px;margin:24px 0 12px;font-size:clamp(46px,5vw,82px);font-weight:800;line-height:1.04;letter-spacing:-.055em;color:#061339}
.maintenance-mobile-title{display:none}
.maintenance-story h1 span{color:#0863ed}.maintenance-lead{max-width:610px;margin:0;color:#47628d;font-size:clamp(16px,1.35vw,20px);line-height:1.55}
.maintenance-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(660px,100%);gap:12px;margin-top:34px;position:relative;z-index:1}
.maintenance-benefits>div{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:12px;color:#13244d}.maintenance-benefits span{display:grid;place-items:center;width:45px;height:45px;border:1px solid #c9dcfa;border-radius:50%;background:#eaf3ff;color:#0863ed;font-size:23px;font-weight:800}
.maintenance-device-scene{position:relative;width:min(570px,100%);margin:-6px 0 -12px;isolation:isolate}.maintenance-device-shadow{position:absolute;z-index:-1;left:13%;right:9%;bottom:10%;height:16%;border-radius:50%;background:rgba(33,73,132,.17);filter:blur(24px)}.maintenance-laptop{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 19px 17px rgba(16,61,120,.12))}
.maintenance-tile{position:absolute;z-index:1;display:grid;place-items:center;width:clamp(39px,4vw,57px);aspect-ratio:1;border:1px solid rgba(255,255,255,.92);border-radius:18%;box-shadow:0 9px 22px rgba(31,73,126,.14),inset 0 1px 1px rgba(255,255,255,.72);transform:rotate(-4deg)}.maintenance-tile svg{width:59%;height:59%}.tile-windows{top:10%;left:5%;background:linear-gradient(145deg,#8ac5f4,#4d91d3);color:#f8fcff}.tile-office{top:3%;left:44%;background:linear-gradient(145deg,#ffb385,#da795b);color:#fff9f4;transform:rotate(3deg)}.tile-autodesk{top:13%;right:5%;background:linear-gradient(145deg,#fff,#e5f0fb);color:#4b92c7;transform:rotate(6deg)}.tile-excel{top:52%;left:0;background:linear-gradient(145deg,#8cdcb6,#409d75);color:#effff6;transform:rotate(4deg)}.tile-word{top:49%;right:2%;background:linear-gradient(145deg,#9fc9f0,#5d91c7);color:#f8fcff;transform:rotate(4deg)}.tile-security{top:73%;right:5%;background:linear-gradient(145deg,#f3a4a9,#ce6974);color:#fff;transform:rotate(-4deg)}
.maintenance-login{width:100%;max-width:455px;justify-self:center;padding:45px 38px 35px;border:1px solid rgba(255,255,255,.95);border-radius:26px;background:rgba(255,255,255,.78);box-shadow:0 24px 70px rgba(40,100,170,.12);backdrop-filter:blur(18px);text-align:center}
.maintenance-login>img{width:148px;max-height:95px;object-fit:contain;display:block;margin:0 auto 22px}.maintenance-lock{width:40px;height:40px;margin:0 auto 8px;display:grid;place-items:center;color:#0863ed;font-size:28px}.maintenance-login h2{font-size:23px;margin:0 0 6px;letter-spacing:-.02em}.maintenance-login>p{margin:0 0 25px;color:#61769b;font-size:14px}.maintenance-login form{display:grid;gap:14px;text-align:start}.maintenance-login label{display:grid;gap:6px;color:#3c5277;font-size:13px;font-weight:700}.maintenance-login input{width:100%;height:52px;box-sizing:border-box;padding:0 15px;border:1px solid #cdddf5;border-radius:12px;background:#fff;color:#0d254d;font:inherit;font-size:16px;outline:none}.maintenance-login input:focus{border-color:#1875f4;box-shadow:0 0 0 3px rgba(24,117,244,.13)}.maintenance-login button{height:53px;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:12px;background:#0766ee;color:#fff;font:inherit;font-weight:750;cursor:pointer}.maintenance-login button:disabled{opacity:.65;cursor:wait}.maintenance-error{min-height:20px;margin:0;color:#b33145;font-size:13px;text-align:center}
.maintenance-shell>footer{position:relative;z-index:1;align-self:stretch;padding:20px 18px 13px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.68) 42%,rgba(255,255,255,.88));color:#315477;text-align:center;font-size:13px;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.7)}
body.admin-view .maintenance-settings-panel .maintenance-switch{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;flex:none;height:40px;min-height:40px;margin:0;padding:0 11px;border:1px solid #c9d8e8;border-radius:10px;background:#fff;color:#34445c;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
body.admin-view .maintenance-settings-panel .maintenance-switch .switch-track{position:relative;width:31px;height:18px;border-radius:99px;background:#a9b7c8;transition:background .2s}body.admin-view .maintenance-settings-panel .maintenance-switch .switch-track i{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}body.admin-view .maintenance-settings-panel .maintenance-switch.is-on{border-color:#e8b868;color:#9b5100;background:#fff9e9}body.admin-view .maintenance-settings-panel .maintenance-switch.is-on .switch-track{background:#ed9f24}body.admin-view .maintenance-settings-panel .maintenance-switch.is-on .switch-track i{transform:translateX(13px)}
.maintenance-confirm h2{margin:0 0 12px;font-size:26px}.maintenance-confirm p{color:#596b84;line-height:1.6}.maintenance-confirm button{min-height:42px}.maintenance-confirm .auth-status{min-height:20px;color:#bd3446}
@media(max-width:1000px){.maintenance-grid{grid-template-columns:1fr;gap:20px}.maintenance-story{min-height:0;align-items:center;text-align:center;padding-top:30px}.maintenance-story h1{max-width:680px}.maintenance-device-scene{width:min(620px,100%);margin:0 auto}.maintenance-login{margin:0 auto 25px}.maintenance-shell{padding-top:28px}}
@media(max-width:600px){.maintenance-shell{padding:18px 17px}.maintenance-header img{width:112px}.maintenance-language{height:36px;min-width:88px;font-size:12px}.maintenance-story{padding-top:28px}.maintenance-story h1{font-size:clamp(42px,10vw,60px);margin-top:18px}.maintenance-desktop-title{display:none}.maintenance-mobile-title{display:inline}.maintenance-lead{font-size:16px}.maintenance-benefits{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.maintenance-benefits>div{padding:12px 4px;border:1px solid #dbe8fb;border-radius:14px;background:rgba(255,255,255,.7)}.maintenance-device-scene{margin:3px auto -7px}.maintenance-login{padding:28px 22px 16px;border-radius:20px}.maintenance-login>img{width:118px;margin-bottom:10px}body.admin-view .maintenance-settings-panel .maintenance-switch{height:36px;min-height:36px;padding:0 7px;font-size:0}body.admin-view .maintenance-settings-panel .maintenance-switch .switch-track{flex:none}}
@media(max-width:720px){body.admin-view .admin-topbar{height:auto;min-height:82px;flex-wrap:wrap;gap:6px;padding:10px 14px}body.admin-view .admin-top-actions{width:100%;justify-content:flex-end;overflow-x:auto;scrollbar-width:none}body.admin-view .admin-top-actions::-webkit-scrollbar{display:none}}
@media(max-width:600px){.maintenance-tile{width:clamp(36px,10vw,53px);border-radius:15px}.tile-windows{left:3%}.tile-autodesk{right:1%}.tile-excel{left:0;top:55%}.tile-word{right:0;top:52%}.tile-security{right:4%;top:76%}}
@media(min-width:1001px) and (max-height:800px){.maintenance-shell{padding-top:18px;padding-bottom:8px}.maintenance-header img{width:112px}.maintenance-grid{gap:24px}.maintenance-story{min-height:0;padding-top:0}.maintenance-story h1{font-size:clamp(42px,4.4vw,58px);margin:12px 0 8px}.maintenance-lead{font-size:16px}.maintenance-benefits{margin-top:18px}.maintenance-benefits span{width:36px;height:36px;font-size:18px}.maintenance-device-scene{width:min(390px,100%);margin:-10px 0 -18px}.maintenance-tile{width:42px}.maintenance-login{padding:22px 30px 18px}.maintenance-login>img{width:108px;max-height:70px;margin-bottom:8px}.maintenance-login>p{margin-bottom:14px}.maintenance-login form{gap:8px}.maintenance-login input{height:42px}.maintenance-login button{height:44px}.maintenance-shell>footer{padding:4px 0}}

body.admin-view .maintenance-settings-panel{grid-column:1/-1;border-color:#bdd8f5;background:linear-gradient(135deg,#ffffff,#f4f9ff)}body.admin-view .maintenance-settings-panel .maintenance-switch{min-width:220px;justify-content:center;margin-top:8px;font-size:13px}body.admin-view .maintenance-settings-panel .maintenance-switch.is-on{border-color:#d99528;background:#fff4da}

body.admin-view .traffic-country-row{grid-template-columns:18px minmax(80px,.75fr) minmax(55px,1fr) auto}body.admin-view .traffic-country-row strong{white-space:nowrap;font-size:11px}body.admin-view .traffic-country-row strong small{font-size:10px;font-weight:500;opacity:.7}body.admin-view .traffic-country-row>i>b{min-width:0}