@keyframes tyc{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes zspin{to{transform:rotate(360deg)}}html{touch-action:pan-x pan-y}:root{--ink:#F6F1E7;--panel:#FFFDF7;--panel2:#EDE4D2;--aqua:#0E5A52;--magenta:#C0892E;--spark:#D6A24C;--blue:#14746A;--mist:#1E2A28;--muted:#897F6C;--line:rgba(30,42,40,.14);--grad:linear-gradient(135deg,#0F665C 0%,#0A453E 100%);--ok:#0E5A52;--bad:#C9603F;--header-bg:rgba(246,241,231,.88);--footer-bg:#16221F;--footer-fg:#FBF6EC;--footer-muted:#A7AFA9;--footer-line:rgba(255,255,255,.12);--footer-chip:rgba(255,255,255,.06);--font-disp:"Reem Kufi",sans-serif;--font-body:"Tajawal",sans-serif;--font-num:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--ink);color:var(--mist);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}.latin{font-family:var(--font-num);direction:ltr;unicode-bidi:isolate}a,button{color:inherit}a{text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:0;background:0 0}input,select,textarea{font-family:inherit;width:100%}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.wrap{max-width:1180px;margin:0 auto;padding:0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 20px;font-weight:600;font-size:15px;transition:transform .12s,filter .2s}.btn:active{transform:scale(.97)}.btn-grad{background:var(--grad);color:var(--on-grad,#FBF6EC);font-weight:700}.btn-grad:hover{filter:brightness(1.08)}.btn-ghost{background:var(--panel);border:1px solid var(--line);color:var(--mist)}.btn-ghost:hover{background:var(--panel2)}.btn-sm,.chip{padding:8px 14px;font-size:13px;border-radius:10px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 15px;font-weight:500;border:1px solid var(--line);background:var(--panel);white-space:nowrap}.chip.active{background:var(--grad);color:var(--on-grad);border-color:transparent;font-weight:700}header.top{position:sticky;top:0;z-index:40;background:var(--header-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.brand,.topbar{display:flex;align-items:center}.topbar{max-width:1180px;margin:0 auto;gap:12px;padding:12px 18px}.brand{gap:11px;text-decoration:none}.brand .burst{width:40px;height:40px;flex:0 0 auto;filter:drop-shadow(0 3px 10px rgba(14,90,82,.25))}.brand .name{line-height:1}.brand .name-ar{font-family:var(--font-disp);font-size:32px}.brand .name-en{font-family:var(--font-num);font-weight:700;font-size:26px;letter-spacing:-.01em}.spacer{flex:1}.cart-count,.icon-btn{display:flex;align-items:center;justify-content:center}.icon-btn{position:relative;width:42px;height:42px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.icon-btn:hover{background:var(--panel2)}.icon-btn svg,.soc svg{width:20px;height:20px}.cart-count{position:absolute;top:-6px;inset-inline-end:-6px;background:var(--magenta);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 4px;font-family:var(--font-num)}.hero .trust,.navcats{display:flex;flex-wrap:wrap}.navcats,main{max-width:1180px;margin:0 auto}.navcats{justify-content:center;gap:8px;padding:0 18px 12px;overflow:visible}@media (max-width:860px){.navcats{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.navcats::-webkit-scrollbar{display:none}.pagenav{justify-content:flex-start}}main{padding:18px;min-height:55vh}.hero{border-radius:24px;padding:40px 26px;background:radial-gradient(120% 100%at 80% 0%,rgba(14,90,82,.18),transparent 55%),radial-gradient(90% 90%at 10% 100%,rgba(14,90,82,.16),transparent 55%),var(--panel);border:1px solid var(--line);margin-bottom:24px}.hero h1,.section-head h2{font-family:var(--font-disp)}.hero h1{font-size:clamp(34px,8vw,56px);line-height:1.05;margin-bottom:10px}.hero p{color:var(--muted);max-width:48ch;font-size:16px}.hero .trust{gap:10px;margin-top:20px}.section-head{margin:26px 0 14px}.section-head h2{font-size:26px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cat-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:14px;-ms-overflow-style:none;scrollbar-width:none}.cat-chips::-webkit-scrollbar,.hslider::-webkit-scrollbar,.pagenav::-webkit-scrollbar,.set-nav::-webkit-scrollbar,.tst-track::-webkit-scrollbar{display:none}.cat-chip,.thd{border:1px solid var(--line);background:var(--panel)}.cat-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:999px;color:var(--mist);font-size:13.5px;font-weight:500;white-space:nowrap;transition:.15s}.cat-chip:hover{border-color:var(--aqua)}.cat-chip.active{background:var(--grad);color:var(--on-grad);border-color:transparent;font-weight:700}.thd{border-radius:12px;margin-top:12px;overflow:hidden}.thd>summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:14px;list-style:none}.thd>summary::-webkit-details-marker,summary.acc-head::-webkit-details-marker{display:none}.thd[open]>summary{border-bottom:1px solid var(--line)}.thd>.thd-list,.thd>div,.thd>form{padding:14px}.thd-h{font-size:12.5px;color:var(--muted);margin:14px 0 6px;font-weight:700}.cf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cf{display:flex;flex-direction:column;gap:4px}.cf-lb{font-size:12px;color:var(--muted)}.cf-row{display:flex;gap:6px;align-items:center}.cf-row input[type=color]{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--panel);cursor:pointer;flex:0 0 auto}.cf-hex{flex:1;min-width:0}.thd-list,.thd-row{display:flex;gap:8px}.thd-list{flex-direction:column}.thd-row{align-items:center;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-radius:10px}.thd-sw{width:46px;height:30px;border-radius:7px;display:flex;align-items:flex-end;gap:2px;padding:3px}.thd-sw i{width:8px;height:8px;border-radius:50%;display:block}@media (min-width:680px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:980px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:rgba(14,90,82,.4)}.card .ph{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:54px;background:linear-gradient(135deg,var(--panel2),var(--panel));position:relative}.card .ph img,.cart-row .thumb img,.cm-thumb img,.pd-img img{width:100%;height:100%;object-fit:cover}.card .save-tag{position:absolute;top:10px;inset-inline-start:10px;background:var(--magenta);color:#fff;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px}.card .body{padding:12px;display:flex;flex-direction:column;gap:7px;flex:1}.card .cat{font-size:11px;color:var(--aqua);font-weight:600}.card .nm{font-size:14px;font-weight:600;line-height:1.3;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .pr{font-family:var(--font-disp);font-size:20px;margin-top:auto;line-height:1.1}.card .btn{padding:9px 12px;font-size:13.5px;border-radius:10px;width:100%}.card .old,label.fld .lb{font-size:13px;color:var(--muted)}.card .old{text-decoration:line-through;font-family:var(--font-body);margin-inline-start:8px}@media (max-width:560px){.grid{gap:10px}.card{border-radius:14px}.card .body{padding:10px;gap:6px}.card .nm{font-size:12.8px;min-height:32px}.card .cat{font-size:10px}.card .pr{font-size:17px}.card .old{font-size:11.5px;margin-inline-start:6px}.card .btn{padding:8px;font-size:12.5px}.card .save-tag{font-size:10px;padding:3px 7px}}.out{opacity:.5;pointer-events:none}.stock-out{position:absolute;inset:0;background:rgba(20,30,28,.55);display:flex;align-items:center;justify-content:center;font-weight:700}.page{max-width:1180px;margin:0 auto;padding:24px 18px;min-height:60vh}.pd{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:760px){.pd{grid-template-columns:1fr 1fr;align-items:start}}.pd-img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:110px;background:linear-gradient(135deg,var(--panel2),var(--panel));border-radius:20px;overflow:hidden}.pd .cat{color:var(--aqua);font-weight:600;font-size:14px}.pd .price,.pd h1{font-family:var(--font-disp)}.pd h1{font-size:30px;margin:6px 0 12px}.pd .price{font-size:38px}.pd .desc{color:var(--muted);white-space:pre-wrap;margin:16px 0}.box,.input{border:1px solid var(--line)}.box{background:var(--panel);border-radius:18px;padding:20px;margin-bottom:16px}label.fld{display:block;margin-bottom:13px}label.fld .lb{margin-bottom:6px;display:block}.input{background:var(--ink);border-radius:11px;padding:11px 13px;color:var(--mist);font-size:15px}.input:focus{outline:0;border-color:var(--aqua)}textarea.input{resize:vertical;min-height:80px}.cart-row{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:10px}.cart-row .thumb,.qty{align-items:center;overflow:hidden}.cart-row .thumb{width:60px;height:60px;border-radius:10px;background:var(--panel2);display:flex;justify-content:center;font-size:26px;flex:0 0 auto}.cart-row .ci{flex:1;min-width:0}.qty{display:inline-flex;border:1px solid var(--line);border-radius:9px}.qty a,.total-row{display:flex;align-items:center}.qty a{width:30px;height:30px;justify-content:center;background:var(--ink);font-size:17px}.qty span{min-width:34px;text-align:center;font-family:var(--font-num);font-size:14px}.total-row{justify-content:space-between;margin-bottom:10px}.total-row .big{font-family:var(--font-disp);font-size:28px}.pay-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 16px}.flash,.pay-opt{border-radius:12px;font-size:14px}.pay-opt{border:1px solid var(--line);padding:13px;text-align:center;font-weight:600;background:var(--ink);cursor:pointer;display:block}.pay-opt input{display:none}.pay-opt.sel{border-color:var(--aqua);background:rgba(14,90,82,.08)}.flash{background:rgba(14,90,82,.1);border:1px solid rgba(14,90,82,.38);color:var(--mist);padding:12px 14px;margin-bottom:14px;font-weight:500}.flash.ok{background:rgba(14,90,82,.12);border-color:var(--ok);color:var(--mist)}.empty{text-align:center;color:var(--muted);padding:50px 0}footer.foot{border-top:1px solid var(--footer-line);background:var(--footer-bg);color:var(--footer-fg);margin-top:40px}.foot-inner{max-width:1180px;margin:0 auto;padding:42px 18px 22px;display:grid;gap:28px;grid-template-columns:1fr}@media (min-width:720px){.foot-inner{grid-template-columns:1.5fr 1fr 1fr 1.2fr}}.foot-brand p,.foot-col h4{color:var(--footer-muted);font-size:14px}.foot-col h4{margin-bottom:14px}.foot-brand .name{font-family:var(--font-disp);font-size:34px}.foot-brand .grad-text{-webkit-text-fill-color:var(--footer-fg);background:0 0;color:var(--footer-fg)}.foot-brand p{margin-top:8px;max-width:34ch}.foot-contact,.foot-links{display:flex;flex-direction:column;gap:9px}.foot-links a{font-size:14px;opacity:.85}.foot-links a:hover{opacity:1;color:var(--aqua)}.foot-contact{gap:12px}.foot-contact .ci{display:flex;align-items:flex-start;gap:10px;font-size:14px}.foot-contact .ci svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px;color:var(--aqua)}.socials{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.soc{width:40px;height:40px;border-radius:11px;background:var(--footer-chip);border:1px solid var(--footer-line);display:flex;align-items:center;justify-content:center;transition:.2s}.soc:hover{transform:translateY(-2px);border-color:var(--aqua)}.foot-bottom{border-top:1px solid var(--footer-line);text-align:center;padding:16px;color:var(--footer-muted);font-size:13px}.badge-st{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600}.st-new{background:rgba(74,208,255,.15);color:var(--blue)}.st-confirmed{background:rgba(255,201,60,.15);color:var(--spark)}.st-shipped{background:rgba(14,90,82,.15);color:var(--magenta)}.st-delivered{background:rgba(51,214,159,.16);color:var(--ok)}.st-cancelled{background:rgba(255,93,122,.15);color:var(--bad)}.order-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}@media (max-width:560px){.brand .name-ar{font-size:26px}.brand .name-en{font-size:22px}.brand .burst{width:34px;height:34px}.icon-btn{width:38px;height:38px}.topbar{gap:8px;padding:11px 12px}.hero{padding:28px 20px}.pd h1{font-size:24px}}.search{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 14px;flex:1;max-width:360px;height:44px;transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(14,90,82,.12)}.search .s-ico,.search svg{width:18px!important;height:18px!important;min-width:18px;color:var(--muted);flex:0 0 auto}.search input{background:0 0;border:0;color:var(--mist);font-size:14px;height:100%;width:100%;-webkit-appearance:none}.search input::placeholder{color:var(--muted)}.search input:focus{outline:0}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.lang-btn{font-family:var(--font-num);font-weight:600;font-size:13px}.acct-wrap{position:relative}.acct-menu{position:absolute;inset-inline-end:0;top:50px;background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:190px;padding:8px;display:none;flex-direction:column;gap:2px;z-index:60;box-shadow:0 18px 50px rgba(0,0,0,.45)}.acct-menu.open,.toast-wrap{display:flex}.acct-menu .am-name{font-weight:700;padding:8px 12px;border-bottom:1px solid var(--line);margin-bottom:4px;font-size:14px}.acct-menu a{padding:11px 12px;border-radius:9px;font-size:14px}.acct-menu a:hover{background:var(--panel2)}.acct-menu .am-out{color:var(--bad)}.toast-wrap{position:fixed;inset-block-end:18px;inset-inline:0;flex-direction:column;align-items:center;gap:8px;z-index:200;pointer-events:none;padding:0 16px}.toast{background:var(--ok);color:#04221a;font-weight:600;font-size:14px;padding:12px 18px;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.4);transform:translateY(16px);opacity:0;transition:.28s;max-width:420px;text-align:center}.toast.show{transform:translateY(0);opacity:1}.toast.bad{background:var(--bad);color:#3a0010}@media (max-width:620px){.search{order:5;flex-basis:100%;max-width:none;margin-top:2px}.topbar{flex-wrap:wrap}}.wa-float{position:fixed;inset-block-end:20px;inset-inline-start:18px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(37,211,102,.45);z-index:120;transition:transform .2s}.wa-float:hover{transform:scale(1.08)}.wa-float svg{width:30px;height:30px}@media (max-width:560px){.wa-float{width:52px;height:52px;inset-block-end:16px}.wa-float svg{width:27px;height:27px}}.thanks{max-width:620px;margin:0 auto;padding:28px 16px 48px;text-align:center}.ty-badge{width:84px;height:84px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.ty-badge.ok{background:rgba(14,90,82,.12);border:2px solid var(--aqua)}.ty-badge.ok svg{width:48px;height:48px}.ty-badge.ok circle,.ty-badge.ok path{stroke:var(--aqua);stroke-width:2;stroke-dasharray:151;stroke-dashoffset:151;animation:tyc .6s ease forwards}.ty-badge.ok path{stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:tyc .4s .5s ease forwards}.ty-badge.fail{background:rgba(178,58,46,.12);border:2px solid var(--bad);color:var(--bad);font-size:42px;font-weight:800;font-family:var(--font-num)}.ty-title{font-family:var(--font-disp);font-size:30px;margin:6px 0}.ty-sub{color:var(--muted);font-size:15px;margin-bottom:22px;line-height:1.7}.ty-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;text-align:start;box-shadow:0 14px 40px rgba(0,0,0,.28)}.ty-row.top{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.ty-lb{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.ty-no{font-size:20px;font-weight:700;color:var(--aqua)}.ty-v{font-size:14.5px}.ty-status{font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;white-space:nowrap}.ty-status.s-new{background:rgba(74,208,255,.16);color:var(--blue)}.ty-status.s-confirmed{background:rgba(14,90,82,.16);color:var(--aqua)}.ty-status.s-shipped{background:rgba(255,201,60,.16);color:var(--spark)}.ty-status.s-delivered{background:rgba(14,90,82,.2);color:var(--aqua)}.ty-status.s-cancelled{background:rgba(178,58,46,.16);color:var(--bad)}.ty-grid,.ty-items{border-bottom:1px solid var(--line)}.ty-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 0}.ty-items{padding:14px 0}.ty-item{display:flex;justify-content:space-between;padding:7px 0;font-size:14.5px}.ty-item .ty-x{color:var(--muted);font-size:13px}.ty-sum{padding-top:14px}.ty-srow{display:flex;justify-content:space-between;padding:5px 0;font-size:14px;color:var(--muted)}.ty-srow.ok{color:var(--ok)}.ty-srow.total{font-size:19px;font-weight:700;color:var(--mist);margin-top:6px}.ty-srow.total .grad-text{font-size:24px;font-weight:800}.ty-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}@media (min-width:480px){.ty-actions{flex-direction:row;justify-content:center}.ty-actions .btn{min-width:170px}}.ty-badge.review{background:rgba(255,201,60,.14);border:2px solid var(--spark);font-size:38px}.ty-status.s-review{background:rgba(255,201,60,.16);color:var(--spark)}.filters,.stat-row{display:flex;flex-wrap:wrap}.filters{gap:8px;margin-bottom:14px;align-items:center}.filters .input{height:44px;min-width:130px;flex:1 1 130px;max-width:210px;padding:0 12px;box-sizing:border-box}.filters button{flex:0 0 auto;height:44px}@media (max-width:560px){.filters .input{flex:1 1 calc(50% - 4px);max-width:none;min-width:0}.filters button{flex:1 1 100%}}.stat-row{gap:12px;margin-bottom:16px}.emoji-pick,.stat{border:1px solid var(--line)}.stat{background:var(--panel);border-radius:14px;padding:14px 18px;min-width:140px;flex:1}.stat .sn{font-size:24px;font-weight:800;font-family:var(--font-num)}.stat .sl{font-size:12px;color:var(--muted);margin-top:2px}.emoji-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;max-height:180px;overflow-y:auto;padding:10px;background:var(--ink);border-radius:12px;margin-top:8px}.emoji-pick button{background:0 0;border:1px solid transparent;border-radius:9px;font-size:22px;padding:6px;cursor:pointer;transition:.12s;line-height:1}.emoji-pick button:hover{background:var(--panel2);border-color:var(--aqua);transform:scale(1.12)}.pagenav{max-width:1180px;margin:0 auto;display:flex;justify-content:center;gap:8px;padding:4px 18px 10px;overflow-x:auto;scrollbar-width:none}.pchip{flex:0 0 auto;padding:7px 14px;border-radius:999px;background:0 0;border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap;transition:.15s}.pchip:hover{color:var(--aqua);border-color:var(--aqua)}.pchip.active{background:var(--grad);color:var(--on-grad);border-color:transparent;box-shadow:0 6px 18px rgba(14,90,82,.25)}.cat-wrap{position:relative;display:inline-block}.cat-menu{position:absolute;inset-inline-start:0;top:calc(100% + 8px);min-width:300px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px;z-index:80;box-shadow:0 20px 50px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s}.cat-wrap:hover .cat-menu{opacity:1;visibility:visible;transform:translateY(0)}.cm-item,.cm-thumb{display:flex;align-items:center}.cm-item{gap:10px;padding:8px;border-radius:10px;transition:background .12s}.cm-item:hover,.lb-bar button:hover,.tst-nav button:hover{background:var(--panel2)}.cm-thumb{width:42px;height:42px;border-radius:9px;background:var(--ink);justify-content:center;font-size:20px;overflow:hidden;flex:0 0 auto}.cm-name{flex:1;font-size:13.5px;color:var(--mist)}.cm-all,.cm-price{color:var(--aqua);font-size:13px}.cm-price{font-weight:700;font-family:var(--font-num)}.cm-all{display:block;text-align:center;padding:9px;margin-top:4px;border-top:1px solid var(--line);font-weight:600}@media (max-width:860px){.cat-menu{display:none!important}}.page-narrow{max-width:760px;margin:0 auto}.page-h{font-family:var(--font-disp);font-size:38px;margin-bottom:18px}.prose{line-height:2;color:var(--mist);font-size:var(--page-fs,18px);text-align:var(--page-align,start)}.prose h3{font-size:calc(var(--page-fs,18px) + 4px);margin:24px 0 8px}.prose p{margin:0 0 15px}.prose ol,.prose ul{margin:0 0 15px;padding-inline-start:22px}.prose li{margin:0 0 7px}.prose a,.prose h3{color:var(--aqua)}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.ci2,.prose p{color:var(--mist)}.ci2{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:14px}@media (max-width:680px){.contact-grid{grid-template-columns:1fr}.page-h{font-size:28px}}.pd-gallery{display:flex;flex-direction:column;gap:12px}.pd-main{position:relative;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.pd-main img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.pd-emoji{font-size:120px}.pd-zoom{position:absolute;inset-block-end:12px;inset-inline-end:12px;width:42px;height:42px;border-radius:50%;background:rgba(20,30,28,.7);border:1px solid var(--line);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px)}.pd-thumbs{display:flex;gap:8px;flex-wrap:wrap}.pd-thumb{width:70px;height:70px;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:var(--panel);cursor:pointer;padding:0}.pd-thumb img{width:100%;height:100%;object-fit:cover}.pd-thumb.active{border-color:var(--aqua)}.lightbox{position:fixed;inset:0;background:rgba(4,3,18,.94);z-index:300;display:none;flex-direction:column}.lb-bar,.lightbox.open{display:flex}.lb-bar{justify-content:flex-end;gap:8px;padding:14px}.lb-bar button,.lb-stage{display:flex;align-items:center;justify-content:center}.lb-bar button{width:44px;height:44px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--mist);font-size:20px;cursor:pointer}.lb-stage{flex:1;overflow:hidden;touch-action:none}.lb-stage img{max-width:92vw;max-height:80vh;object-fit:contain;transition:transform .05s;will-change:transform;user-select:none;-webkit-user-drag:none}.img-manage{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.im-chip{position:relative;width:80px}.im-chip img{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}.im-rm{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--bad);margin-top:3px;cursor:pointer}.im-rm input{width:auto}.rate-sum,.stars{display:inline-flex}.stars{gap:1px;font-size:18px;line-height:1}.stars.sm{font-size:14px}.stars .star{color:#3a3568}.stars,.stars .star.on{color:var(--spark)}.stars .star.half{background:linear-gradient(90deg,var(--spark) 50%,#3a3568 50%);-webkit-background-clip:text;background-clip:text;color:transparent}.rate-sum{align-items:center;gap:8px;margin:2px 0 10px;color:var(--muted);font-size:13px}.rate-n{font-family:var(--font-num)}.rev-block{max-width:560px;margin:26px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.rev-h{font-family:var(--font-disp);font-size:24px;margin-bottom:14px}.rev-item{padding:12px 0;border-bottom:1px solid var(--line)}.rev-item:last-child{border-bottom:none}.rev-pn{font-weight:600;margin-bottom:8px}.rev-form .input{margin:8px 0}.rev-done{color:var(--ok);font-size:14px}.rate{display:inline-flex;gap:4px;margin-bottom:4px}.rstar{background:0 0;border:0;font-size:26px;color:#3a3568;cursor:pointer;line-height:1;padding:0;transition:transform .1s}.rstar.on{color:var(--spark)}.rstar:hover{transform:scale(1.15)}.rev-list{display:grid;gap:12px}.rev-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.rev-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.rev-name{font-weight:600}.rev-cmt{margin-top:8px;color:var(--mist);line-height:1.7;font-size:14.5px}.rev-date{margin-top:8px;font-size:11.5px;color:var(--muted);font-family:var(--font-num)}.tst{margin-top:40px}.tst-wrap{position:relative}.tst-wrap .hs-nav{top:50%}.tst-track.nofill{justify-content:center}.tst-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 8px;-ms-overflow-style:none;scrollbar-width:none}.tst-card,.tst-nav button{border:1px solid var(--line)}.tst-card{scroll-snap-align:start;flex:0 0 300px;max-width:300px;background:linear-gradient(160deg,var(--panel2),var(--panel));border-radius:18px;padding:20px;text-align:center}.tst-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--aqua);margin-bottom:10px}.tst-text{color:var(--mist);line-height:1.7;font-size:14.5px;margin:8px 0}.tst-name{font-weight:700;color:var(--aqua);font-size:14px}.tst-nav{display:flex;justify-content:center;gap:10px;margin-top:12px}.tst-nav button{width:42px;height:42px;border-radius:50%;background:var(--panel);color:var(--mist);font-size:22px;cursor:pointer}@media (max-width:560px){.tst-card{flex-basis:82vw;max-width:82vw}}.set-nav{display:flex;gap:6px;overflow-x:auto;margin-bottom:18px;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.set-tab{flex:0 0 auto;padding:9px 16px;border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}.set-tab.active{background:var(--grad);color:var(--on-grad);border-color:transparent}.set-sec{display:none}.set-sec.active{display:block;animation:fadeIn .2s}.set-sec .box{max-width:640px;margin-bottom:16px}.bx-h,.bx-note{margin-bottom:12px;font-size:16px}.bx-note{color:var(--muted);font-size:12.5px}.img-meta{display:block;margin-top:5px;color:var(--muted);font-size:11.5px;line-height:1.6;word-break:break-all;direction:ltr;text-align:start}.tog{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--ink);cursor:pointer}.tog input{width:auto;margin-top:2px}.tog small{color:var(--muted);font-size:12px}.tog.inline{display:inline-flex;align-items:center;padding:8px 12px;margin:0}.tog.danger{border-color:rgba(178,58,46,.4)}.pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.pill.pd{background:rgba(43,209,124,.16);color:#2bd17c}.pill.unpd{background:rgba(178,58,46,.12);color:var(--bad)}.pill.cod{background:rgba(90,82,70,.12);color:var(--muted)}.pill.wait{background:rgba(192,137,46,.16);color:#6e4f15}@media (max-width:640px){.tbl-cards thead{display:none}.tbl-cards,.tbl-cards tbody,.tbl-cards td,.tbl-cards tr{display:block;width:100%}.tbl-cards tr{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:4px 2px}.tbl-cards td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border:0!important;text-align:end}.tbl-cards td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;text-align:start}.tbl-cards td[data-label=""]{justify-content:flex-end;padding-top:4px}.tbl-cards td[data-label=""]::before{content:none}.table-scroll{background:0 0!important;border:0!important;overflow:visible!important}}.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}.perm{display:flex;align-items:center;gap:8px;font-size:14px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--ink);cursor:pointer}.perm input{width:auto}@media (max-width:480px){.perm-grid{grid-template-columns:1fr}}.subnav{display:flex;gap:8px;margin-bottom:16px}.subtab{padding:9px 18px;border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:14px}.subtab.active{background:var(--grad);color:var(--on-grad);border-color:transparent}.set-sub{font-size:13px;color:var(--aqua);font-weight:700;margin:16px 0 8px;padding-top:12px;border-top:1px dashed var(--line)}@media (max-width:720px){.foot-inner{text-align:center}.foot-brand .brand,.foot-contact .ci,.socials{justify-content:center}.foot-brand p{margin-left:auto;margin-right:auto}.foot-contact,.foot-links{align-items:center}.foot-contact .ci{text-align:start}}#zload{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;z-index:9999;background:linear-gradient(90deg,#d6a24c,#c0892e,#0e5a52);box-shadow:0 0 10px rgba(14,90,82,.55);opacity:0;visibility:hidden;transition:transform .2s ease,opacity .3s,visibility .3s;border-radius:0 3px 3px 0}#zload.go{opacity:1;visibility:visible}#zspin{position:fixed;inset:0;z-index:9998;display:none;background:rgba(20,30,28,.28);backdrop-filter:blur(1px)}#zspin.go,.pd-nav{display:flex}#zspin .ring{width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--aqua);animation:zspin .7s linear infinite}#zspin,.pd-nav{align-items:center;justify-content:center}.pd-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(20,30,28,.66);border:1px solid var(--line);color:#fff;cursor:pointer;backdrop-filter:blur(6px);z-index:3;transition:.15s}.pd-nav:hover{background:var(--grad);color:var(--on-grad);border-color:transparent}.pd-count,.pd-nav.prev{inset-inline-start:12px}.pd-nav.next{inset-inline-end:12px}.pd-count{position:absolute;inset-block-start:12px;background:rgba(20,30,28,.66);border:1px solid var(--line);color:#fff;font-size:12px;padding:3px 10px;border-radius:999px;backdrop-filter:blur(6px);z-index:3}@media (max-width:560px){.pd-nav{width:40px;height:40px}}.home-sec{margin-bottom:30px}.home-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 28px}.hf{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:14px;font-weight:600}.hf-i{font-size:22px}@media (max-width:760px){.home-feats{grid-template-columns:repeat(2,1fr);gap:10px}.hf{padding:12px;font-size:13px}}.hslider-wrap{position:relative}.hslider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 10px;-ms-overflow-style:none;scrollbar-width:none}.hs-item{flex:0 0 auto;width:230px;scroll-snap-align:start}.hs-item .card{height:100%}.card .ph img{display:block}@media (max-width:560px){.hs-item .card .ph{border:0}.card .ph{background:linear-gradient(160deg,var(--panel2),var(--panel))}.hs-item{width:46vw;max-width:220px}.hslider{gap:10px}}.hs-nav{position:absolute;top:42%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(20,30,28,.82);border:1px solid var(--line);color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;backdrop-filter:blur(6px)}.hs-nav:hover{background:var(--grad);color:var(--on-grad);border-color:transparent}.hs-nav.prev{inset-inline-start:-6px}.hs-nav.next{inset-inline-end:-6px}@media (max-width:760px){.hs-nav{display:none}}.home-banner{display:block;border-radius:20px;overflow:hidden;background-size:cover;background-position:center;margin:6px 0 28px}.home-banner.txt{background:linear-gradient(135deg,var(--panel2),var(--panel));border:1px solid var(--line);min-height:150px}.home-banner.ov{border:1px solid var(--line);min-height:200px;display:flex;align-items:center}.home-banner .hb-in{padding:32px 26px;width:100%}.home-banner h3{font-family:var(--font-disp);font-size:30px;line-height:1.15;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.home-banner.ov h3{-webkit-text-fill-color:#fff;background:0 0;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}.home-banner p{color:var(--mist);font-size:15px;margin-bottom:14px;max-width:46ch}.home-banner.ov p{color:#f3f2fb;text-shadow:0 1px 10px rgba(0,0,0,.5)}a.home-banner{cursor:pointer;transition:transform .15s,box-shadow .2s}a.home-banner:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.35)}.home-banner.img{padding:0;min-height:0;border:0;background:0 0;line-height:0}.home-banner.img img{width:100%;height:auto;display:block;border-radius:20px}@media (max-width:560px){.home-banner .hb-in{padding:22px 18px}.home-banner h3{font-size:23px}.home-banner p{font-size:14px}.home-banner.ov{min-height:170px}}.home-block{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}.hb-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hb-type{font-weight:700;font-size:15px}.hb-add,.hb-ctrl{display:flex;align-items:center;gap:6px}.hb-ctrl .mini-btn{font-size:14px;line-height:1}.hb-add{gap:8px;margin-top:14px;flex-wrap:wrap}.bld-intro{background:linear-gradient(135deg,rgba(14,90,82,.12),rgba(14,90,82,.12));border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-weight:600;font-size:14px}.bld-card,.bld-intro{margin-bottom:16px}.bld-card .bx-h,summary.acc-head{display:flex;align-items:center;gap:8px}.acc{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden}summary.acc-head{list-style:none;justify-content:space-between;gap:10px;color:var(--mist);font-weight:700;font-size:15.5px;padding:16px;cursor:pointer}summary.acc-head::marker{content:""}summary.acc-head:hover{background:rgba(255,255,255,.03)}.acc-sign{width:24px;text-align:center}.acc-sign::after{content:"+";font-size:22px;color:var(--aqua);line-height:1}details[open]>summary .acc-sign::after{content:"−"}.acc-body{padding:14px 16px 16px;border-top:1px solid var(--line)}.bld-addbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.bld-addlbl,.chip-add{font-weight:600;font-size:13px;color:var(--muted)}.chip-add{background:var(--panel2);border:1px solid var(--line);color:var(--mist);border-radius:999px;padding:8px 14px;cursor:pointer}.chip-add:hover{background:var(--grad);color:var(--on-grad);border-color:transparent}.bld-list{display:flex;flex-direction:column;gap:10px}.bld-empty{text-align:center;color:var(--muted);padding:24px;border:1px dashed var(--line);border-radius:14px}.bld-item{background:var(--panel2);border:1px solid var(--line);border-radius:14px;overflow:hidden}.bld-item.dragging{outline:2px dashed var(--aqua)}.bld-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;user-select:none}.bld-grip{letter-spacing:-3px}.bld-tt{font-weight:700;font-size:14.5px}.bld-sp{flex:1}.bld-eye,.bld-mini{cursor:pointer;align-items:center}.bld-eye{display:flex;gap:5px;font-size:12px;color:var(--muted);margin:0}.bld-mini{background:var(--panel);color:var(--mist);width:32px;height:32px;border-radius:9px;font-size:14px;display:inline-flex;justify-content:center}.bld-mini:hover,.rte-tools button:hover{border-color:var(--aqua)}.bld-fields{display:none;padding:0 14px 14px;border-top:1px solid var(--line)}.bld-item.open .bld-fields,.cur-img img{display:block}.bld-item.open .bld-toggle,.navdrop[open] .nd-ar{transform:rotate(180deg)}.cur-img{margin-top:8px;font-size:12px;color:var(--muted)}.cur-img img{margin-top:6px;max-width:220px;width:100%;border-radius:10px;border:1px solid var(--line)}.rte-tools{display:flex;gap:5px;margin-bottom:6px;flex-wrap:wrap}.rte,.rte-tools button{border:1px solid var(--line);color:var(--mist)}.rte-tools button{background:var(--panel2);min-width:34px;height:32px;padding:0 8px;border-radius:8px;cursor:pointer;font-size:13px}.rte-tools button:hover{background:var(--panel)}.rte{min-height:120px;background:var(--ink);border-radius:12px;padding:12px 14px;line-height:1.75;overflow:auto;font-family:var(--font-body),sans-serif}.rte.latin{font-family:var(--font-num);direction:ltr;text-align:left}.rte:focus{outline:0;border-color:var(--aqua)}.rte h3{font-size:18px;margin:10px 0 6px;font-weight:700}.rte p,.rte ul{margin:6px 0}.rte ul{padding-inline-start:22px;list-style:disc}.rte a{color:var(--aqua);text-decoration:underline}@media (max-width:680px){.bld-bar{flex-wrap:wrap;gap:8px}.bld-tt{font-size:13.5px}.bld-eye{order:5}.bld-mini{width:34px;height:34px}.acc-body{padding:12px}.bld-addbar{gap:6px}.chip-add{padding:8px 11px;font-size:12.5px}.rte{min-height:140px}}.bld-grip{touch-action:none}.aw{overflow-x:hidden}.bld-item{box-shadow:0 2px 10px rgba(0,0,0,.15)}.bld-bar{min-height:54px}.bld-tt{display:flex;align-items:center;gap:6px}.bld-mini{background:var(--ink);border:1px solid var(--line)}.bld-grip{font-size:20px;color:var(--blue);cursor:grab;padding:4px 6px;border-radius:8px}.bld-grip:active{cursor:grabbing;background:rgba(74,208,255,.12)}.bld-item.dragging{opacity:.6;box-shadow:0 12px 30px rgba(0,0,0,.5);transform:scale(.99)}.adm-grid .input,.bld-fields .input,.bld-fields select,.rte{max-width:100%;box-sizing:border-box}select[multiple]{max-width:100%}.ptags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ptag{background:var(--panel2);border:1px solid var(--line);color:var(--aqua);font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px}.navdrop summary,.pagenav{align-items:center}.navdrop{position:relative;display:inline-block}.navdrop summary{list-style:none;cursor:pointer;display:inline-flex;gap:5px}.navdrop summary::-webkit-details-marker{display:none}.nd-ar{display:inline-block;transition:transform .2s;font-size:11px}.navdrop-menu{position:fixed;top:0;inset-inline-start:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px;min-width:220px;max-height:62vh;overflow:auto;display:none;flex-direction:column;gap:2px;z-index:1200;box-shadow:0 22px 60px rgba(0,0,0,.6)}.navdrop[open] .navdrop-menu{display:flex}.navdrop-menu a{padding:11px 13px;border-radius:10px;color:var(--mist);font-size:14.5px;font-weight:600}.drawer-nav a.active,.drawer-nav a:hover,.navdrop-menu a:hover{background:var(--panel2);color:var(--aqua)}@media (max-width:860px){.navdrop-menu{inset-inline:14px;min-width:0;width:auto}}.chip-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:6px 0 4px}.chk{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:13.5px;cursor:pointer;min-width:0;line-height:1.3}.chk input{accent-color:var(--aqua);flex:0 0 auto;width:18px;height:18px}@media (max-width:520px){.chip-checks{grid-template-columns:1fr 1fr}}.menu-btn{display:none}.drawer-ov{position:fixed;inset:0;background:rgba(4,3,18,.62);z-index:1300;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.drawer-ov.show{opacity:1;visibility:visible}body.drawer-lock{overflow:hidden}.drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(82vw,320px);background:var(--panel);border-inline-start:1px solid var(--line);z-index:1400;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);box-shadow:-20px 0 60px rgba(0,0,0,.5)}html[dir=rtl] .drawer{transform:translateX(-100%)}.drawer.open,html[dir=rtl] .drawer.open{transform:translateX(0)}.drawer-head,.drawer-nav a{display:flex;align-items:center}.drawer-head{justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.dh-title{font-weight:700;font-size:16px}.drawer-nav{display:flex;flex-direction:column;gap:2px;padding:12px;overflow-y:auto}.drawer-nav a{gap:10px;padding:13px 14px;border-radius:12px;color:var(--mist);font-size:15px;font-weight:600}.drawer-sub{margin:14px 6px 4px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}@media (max-width:860px){.menu-btn{display:inline-flex}.lang-btn,.pagenav{display:none}}.brand .logo-img{height:42px;width:auto;max-width:170px;object-fit:contain;display:block}.login-btn{display:inline-flex;align-items:center;gap:7px}.drawer-lang{display:flex;gap:8px;margin-bottom:8px}.css-ref code,.dl-opt{background:var(--panel2)}.dl-opt{flex:1;text-align:center;padding:11px;border-radius:12px;border:1px solid var(--line);color:var(--mist);font-weight:700;font-size:14px}.dl-opt.active{background:var(--grad);color:var(--on-grad);border-color:transparent}@media (max-width:620px){.topbar{flex-wrap:wrap;gap:6px;padding:10px 12px}.lang-btn,.spacer{display:none}.menu-btn{order:1}.brand{order:2;flex:1;justify-content:center;gap:8px}.acct-wrap,.login-btn{order:3}.cart-btn{order:4}.brand .name-ar{font-size:31px}.brand .name-en{font-size:26px}.brand .burst{width:42px;height:42px}.brand .logo-img{height:48px;max-width:180px}.login-btn{width:40px;height:40px;padding:0;justify-content:center;border-radius:11px}.login-btn .login-txt{display:none}.search{order:5;flex-basis:100%;max-width:none;margin:8px 4px 2px}}@media (min-width:861px){.brand .name-ar{font-size:48px}.brand .name-en{font-size:38px}.brand .burst{width:58px;height:58px}.brand .logo-img{height:64px;max-width:260px}.topbar .spacer{display:none}.search{margin-inline:auto;max-width:420px}.lang-btn{display:inline-flex;align-items:center;gap:6px;width:auto;padding:0 12px;font-size:14px;font-weight:700}}.flag{border-radius:3px;display:block;box-shadow:0 1px 3px rgba(0,0,0,.3);flex:0 0 auto}.lang-code{font-size:13px}.css-editor{font-family:"Courier New",monospace;font-size:13.5px;line-height:1.6;direction:ltr;text-align:left;tab-size:2;background:#16221f;color:#d6ded9;min-height:280px;resize:vertical}.css-ref{font-size:13px;line-height:2;color:var(--muted)}.css-ref code{color:var(--aqua);padding:2px 7px;border-radius:6px;font-size:12.5px;direction:ltr;display:inline-block}.pd-opts{margin:18px 0;display:flex;flex-direction:column;gap:16px}.opt-group .opt-label{font-weight:700;font-size:14px;margin-bottom:8px;color:var(--mist)}.opt-vals{display:flex;flex-wrap:wrap;gap:8px}.opt-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:11px;border:1.5px solid var(--line);background:var(--panel);color:var(--mist);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.opt-chip:hover{border-color:var(--aqua)}.opt-chip.on{border-color:transparent;background:var(--grad)}.opt-plus{font-size:12px;opacity:.85}.opt-chip.on,.opt-chip.on .opt-plus{color:var(--on-grad)}.ob-group{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;background:var(--panel)}.ob-group .ob-head,.ob-val{display:flex;gap:8px;align-items:center;margin-bottom:8px}.ob-val{gap:6px;margin-bottom:6px}.ob-val .input{padding:8px 10px;font-size:13px}.ob-add,.ob-x{border-radius:8px;cursor:pointer}.ob-x{width:32px;height:32px;flex:0 0 auto;border:1px solid var(--line);background:var(--ink);color:var(--bad);font-size:16px}.ob-add{font-size:13px;color:var(--aqua);background:0 0;border:1px dashed var(--line);padding:7px 12px}.opt-vals-color{gap:10px}.opt-swatch{position:relative;width:38px;height:38px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0;transition:transform .12s,box-shadow .12s;outline-offset:2px}.opt-swatch:hover{transform:scale(1.08)}.opt-swatch.on{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(14,90,82,.35)}.opt-swatch .sw-check{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:#fff;font-size:16px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.opt-swatch.on .sw-check{display:flex}.opt-sel-name{font-weight:400;color:var(--muted);font-size:13px}.ob-color,.ob-img{cursor:pointer;flex:0 0 auto}.ob-color{width:42px;height:38px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--ink)}.ob-img{display:inline-flex;align-items:center;gap:4px}.ob-img-btn,.ob-img-prev{width:34px;height:34px;border-radius:7px}.ob-img-prev{object-fit:cover;border:1px solid var(--line)}.ob-img-btn{display:inline-flex;align-items:center;justify-content:center;border:1px dashed var(--line);font-size:16px}.ob-val{flex-wrap:wrap}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-card{cursor:pointer;border:2px solid var(--line);background:var(--panel2);border-radius:16px;padding:10px;text-align:center;transition:transform .15s,border-color .15s;font-family:inherit}.theme-card:hover{transform:translateY(-2px)}.theme-card.on{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(14,90,82,.25)}.theme-prev{display:block;height:78px;border-radius:11px;overflow:hidden;position:relative;border:1px solid var(--tln)}.tp-bar{position:absolute;inset-block-start:0;inset-inline:0;height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.tp-aa{font-size:13px;font-weight:700;line-height:1;opacity:.95}.tp-dot{width:22px;height:6px;border-radius:100px;display:block}.tp-foot{position:absolute;inset-block-end:0;inset-inline:0;height:30px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 8px}.tp-chips i,.tp-fdot,.tp-fline{width:18px;height:5px;border-radius:100px;display:block}.tp-fline{width:80%;height:3px;background:currentColor;opacity:.32}.tp-chips{position:absolute;inset-block-start:28px;inset-inline-start:8px;display:flex;gap:5px}.tp-chips i{width:13px;height:13px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5)}.theme-name{display:block;margin-top:8px;font-size:13px;font-weight:700;color:var(--mist)}.theme-on{color:var(--aqua)}@media (max-width:620px){.theme-grid{grid-template-columns:repeat(2,1fr)}}