:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-brand-1:#eceff4;--c-brand-2:#ef761a;--c-brand-3:#042c6d;--c-brand-4:#f4f5f8;--c-brand-5:#9b4d11;--c-brand-6:#fce4d3;--c-brand-7:#a5b3ca;--c-brand-8:#f39854;--c-brand-9:#426091;--c-brand-10:#a2b1c9;--mat-ply:var(--c-brand-1);--mat-ply-deep:#d8dee9;--mat-ply-light:var(--c-brand-4);--mat-laminate:#fff;--mat-laminate-2:var(--c-brand-4);--mat-walnut:var(--c-brand-3);--mat-walnut-deep:#02183b;--mat-oak:var(--c-brand-5);--mat-forest:var(--c-brand-2);--mat-forest-deep:#d45513;--mat-tape:var(--c-brand-8);--mat-tape-edge:var(--c-brand-6);--mat-brass:var(--c-brand-2);--mat-steel:var(--c-brand-10);--mat-ink:var(--c-brand-3);--brand-gold:var(--c-brand-2);--brand-gold-soft:var(--c-brand-8);--brand-gold-deep:var(--c-brand-5);--brand-ink:var(--c-brand-3);--brand-paper:var(--c-brand-4);--brand-steel:var(--c-brand-10);--brand-sage:#2e7d5b;--brand-danger:#b3261e;--color-bg:var(--mat-ply);--color-bg-elev:var(--mat-laminate);--color-surface-2:var(--mat-laminate-2);--color-hover:#042c6d0f;--color-overlay:#042c6d80;--color-scrim:#02183bb8;--color-on-scrim:#fff;--color-scrim-strong:#02183beb;--color-veneer-scrim:linear-gradient(0deg, #02183bd1 0%, #02183b7a 45%, #02183b14 100%);--color-tape-fill:#f39854eb;--color-walnut-veil:#042c6d8c;--color-card-glass:#ffffffd9;--color-bg-gradient:linear-gradient(150deg, var(--color-bg) 0%, var(--color-surface-2) 100%);--color-bg-vignette:radial-gradient(ellipse at 50% 45%, transparent 0%, transparent 40%, var(--color-overlay) 100%);--color-text:var(--c-brand-3);--color-text-2:var(--c-brand-9);--color-text-3:#56698f;--color-line:#d8dee9;--color-line-strong:#b6c2d4;--color-field-border:#74869f;--color-field-border-strong:#56698f;--color-chip-border:#74869f;--color-chip-border-strong:#56698f;--color-accent:var(--c-brand-2);--color-accent-hover:#d45513;--color-accent-text:#9b4d11;--color-accent-soft:#ef761a24;--color-on-primary:#fff;--color-accent-shadow:0 10px 22px -8px #ef761a8c;--color-accent-shadow-hover:0 14px 26px -8px #ef761aa6;--color-walnut:var(--c-brand-3);--color-on-walnut:var(--c-brand-4);--color-on-walnut-2:var(--c-brand-7);--color-on-walnut-hover:#f4f5f814;--color-on-walnut-line:#f4f5f829;--color-tape:var(--c-brand-8);--color-on-tape:var(--c-brand-3);--color-success:#2e7d5b;--color-success-soft:#2e7d5b21;--color-stock:#2e7d5b;--color-danger:#b3261e;--color-danger-soft:#b3261e1a;--color-warning:#8a5a00;--color-warning-soft:#f2c23047;--color-whatsapp:#25d366;--color-whatsapp-line:#25d36666;--color-whatsapp-soft:#25d3661a;--color-sale:#b3261e;--color-on-status:#fff;--color-muted-fill:#476494;--color-inverse-bg:var(--mat-walnut);--color-inverse-text:var(--color-on-walnut);--color-inverse-text-2:var(--color-on-walnut-2);--color-inverse-glow:#ef761a1a;--color-inverse-card:var(--mat-walnut-deep);--chart-1:var(--mat-forest);--chart-2:var(--mat-oak);--chart-grid:#d8dee9;--font-display:var(--font-tajawal,"Tajawal"), var(--font-readex,"Readex Pro"), system-ui, sans-serif;--font-text:var(--font-readex,"Readex Pro"), system-ui, sans-serif;--font-hand:var(--font-ruqaa,"Aref Ruqaa"), var(--font-readex,"Readex Pro"), serif;--font-ar:var(--font-text);--font-en:var(--font-text);--fs-display:clamp(2.25rem, 5.2vw, 4.25rem);--fs-h1:clamp(1.9rem, 4vw, 2.75rem);--fs-h2:clamp(1.45rem, 2.8vw, 2.1rem);--fs-h3:1.2rem;--fs-body:1rem;--fs-sm:.875rem;--fs-xs:.75rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-24:96px;--pitch:32px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:16px;--r-2xl:24px;--r-full:999px;--sh-1:0 1px 0 #042c6d0f, 0 2px 4px -2px #042c6d1f;--sh-2:0 1px 0 #042c6d0f, 0 8px 18px -8px #042c6d2e;--sh-3:0 2px 0 #042c6d0d, 0 22px 36px -14px #042c6d3d;--t-fast:.16s cubic-bezier(.2,.7,.2,1);--t-med:.32s cubic-bezier(.16,1,.3,1);--container:1440px;--container-narrow:1080px;--container-text:72ch;--header-h:68px;--z-card-ui:3;--z-header:50;--z-fab:60;--z-drawer:70;--z-modal:9000;--z-splash:10000;--z-skip:99999;--color-surface:var(--color-bg-elev);--color-muted:var(--color-text-2);--color-edge:var(--color-line-strong);--color-navy:var(--c-brand-3);--color-bg-base:var(--color-bg);--color-brand-card-bg:var(--color-bg-elev);--color-brand-card-border:var(--color-line);--color-brand-card-hover-bg:var(--color-bg-elev);--color-brand-card-hover-border:var(--color-accent);--color-brand-logo-filter:none;--color-brand-logo-opacity:.95;--color-brand-logo-hover-filter:none;--color-brand-logo-hover-opacity:1;--color-bottom-nav-bg:var(--color-bg-elev);--color-bottom-nav-border:var(--color-line);--color-header-bg:var(--color-bg-elev);--color-header-border:var(--color-line);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.09' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.22 0 0 0 0 0.1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#02183b;--color-bg-elev:#0d204a;--color-surface-2:#153b77;--color-hover:#eceff414;--color-overlay:#02183bbf;--color-text:#f4f5f8;--color-text-2:#a2b1c9;--color-text-3:#6d85aa;--color-line:#153b77;--color-line-strong:#244c8f;--color-field-border:var(--color-line-strong);--color-field-border-strong:var(--color-line-strong);--color-chip-border:var(--color-line);--color-chip-border-strong:var(--color-line-strong);--color-accent:#ef761a;--color-accent-hover:#f39854;--color-accent-text:#f39854;--color-accent-soft:#ef761a2e;--color-success-soft:#2e7d5b3d;--color-whatsapp-soft:#25d36629;--color-danger-soft:#b3261e3d;--color-warning:#f39854;--color-warning-soft:#f398542e;--color-inverse-bg:#02183b;--color-inverse-card:#010f26;--chart-grid:#153b77;--color-card-glass:#0d204ad9;--color-bg-gradient:linear-gradient(150deg, #02183b 0%, #0d204a 50%, #153b77 100%);--color-bg-vignette:radial-gradient(ellipse at 50% 45%, transparent 0%, transparent 35%, var(--color-overlay) 100%);--color-accent-shadow:0 10px 22px -8px #ef761a73;--color-accent-shadow-hover:0 14px 26px -8px #ef761a8c;--sh-1:0 1px 0 #0006, 0 2px 4px -2px #0009;--sh-2:0 1px 0 #0006, 0 8px 18px -8px #000000b3;--sh-3:0 2px 0 #0006, 0 22px 36px -14px #000c;--mat-ply:#02183b;--mat-ply-deep:#153b77;--mat-ply-light:#0d204a;--mat-laminate:#0d204a;--mat-laminate-2:#153b77;--mat-walnut:#0d204a;--mat-walnut-deep:#02183b;--mat-ink:#f4f5f8;--mat-tape:#f39854;--mat-tape-edge:#f3985440;--color-tape:#f39854;--color-on-tape:#02183b;--color-surface:#0d204a;--color-muted:#a2b1c9;--color-edge:#244c8f;--color-navy:#f4f5f8;--color-bg-base:#02183b;--brand-ink:#153b77;--brand-paper:#f4f5f8;--color-brand-card-bg:#ffffff0d;--color-brand-card-border:#ffffff1f;--color-brand-card-hover-bg:#ffffff17;--color-brand-card-hover-border:var(--color-accent);--color-brand-logo-filter:brightness(0) invert(1);--color-brand-logo-opacity:.88;--color-brand-logo-hover-filter:brightness(0) invert(1) drop-shadow(0 0 10px #ffffff73);--color-brand-logo-hover-opacity:1;--color-bottom-nav-bg:#0d204aeb;--color-bottom-nav-border:#ffffff14;--color-header-bg:#0d204ae0;--color-header-border:#ffffff14}html{background:var(--color-bg);background-color:var(--color-bg);background-image:var(--color-bg-gradient);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100%}body{font-family:var(--font-text);color:var(--color-text);transition:background-color var(--t-med) ease, color var(--t-fast) ease;background:0 0}h1,h2,h3,p,li,dd{overflow-wrap:anywhere}img,svg,video{max-width:100%}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.005em;text-wrap:balance;font-weight:800}.brand-logo-wrap{flex:none;align-items:center;line-height:0;display:inline-flex}.brand-logo{width:auto;height:40px}.brand-logo-on-dark,:root[data-theme=dark] .brand-logo-dark{display:none}:root[data-theme=dark] .brand-logo-on-dark{display:block}:root[data-theme=dark] .site-header{background:var(--color-header-bg);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--color-header-border), var(--sh-1)}:root[data-theme=dark] .bdg .new{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-line-strong)}@media (max-width:640px){.brand-logo{height:34px}}::selection{background:var(--mat-tape);color:var(--color-on-tape)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}a{text-underline-offset:3px}input,textarea,select{caret-color:var(--color-accent)}html{scrollbar-color:var(--color-line-strong) transparent}.skip-link{top:-100px;background:var(--color-accent);color:var(--color-on-primary);border-radius:var(--r-md);z-index:var(--z-skip);padding:10px 20px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;inset-inline-start:16px}.skip-link:focus{top:16px}.board{background-color:#0000;background-image:var(--grain);position:relative}:root[data-theme=dark] .board{background-image:none}.ply-edge{background:url(/board/ply-edge.svg) 0 0/1200px 18px repeat-x;height:18px;box-shadow:inset 0 1px #ffffff59}:root[data-theme=dark] .ply-edge{filter:brightness(.45)saturate(.8)}.mm-rule{height:14px;color:var(--color-text-3);opacity:.55;background:repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 40px) 0 0/100% 14px no-repeat,repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 20px) 0 0/100% 9px no-repeat,repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 4px) 0 0/100% 5px no-repeat}.pin{display:none!important}.tape{font-family:var(--font-hand);color:var(--color-on-tape);white-space:nowrap;background:repeating-linear-gradient(90deg, #ffffff1a 0 1px, transparent 1px 3px), var(--color-tape-fill);filter:drop-shadow(0 1px 1px #3c261447);padding:3px 14px 4px;font-size:.95rem;font-weight:700;line-height:1.2;display:inline-block;transform:rotate(-1.5deg);-webkit-mask:url(/board/tape-start.svg) 0/8px 100% no-repeat,linear-gradient(#000,#000) 50%/calc(100% - 15px) 100% no-repeat,url(/board/tape-end.svg) 100%/8px 100% no-repeat;mask:url(/board/tape-start.svg) 0/8px 100% no-repeat,linear-gradient(#000,#000) 50%/calc(100% - 15px) 100% no-repeat,url(/board/tape-end.svg) 100%/8px 100% no-repeat}.tape-sm{padding:1px 11px 2px;font-size:.85rem}.chip-card,.card{background:var(--color-bg-elev);border-radius:var(--r-md);box-shadow:var(--sh-1);transition:transform var(--t-med), box-shadow var(--t-med), filter var(--t-med);position:relative;overflow:hidden}.lift:hover,.lift:focus-within{box-shadow:var(--sh-3);transform:translateY(-4px)rotate(-.25deg)}.board-dim:has(.lift:hover) .lift:not(:hover){filter:saturate(.8)brightness(.97)}.card-media{aspect-ratio:1;background:var(--color-surface-2);position:relative;overflow:hidden}.card-media .img-shimmer-wrap{width:100%;height:100%;position:absolute;inset:0}@supports not (aspect-ratio:1/1){.card-media{height:0;padding-top:100%}.card-media>*{width:100%;height:100%;position:absolute;inset:0}}.chip-card>.card-media:first-child,.card>.card-media:first-child{border-radius:var(--r-md) var(--r-md) 0 0}button,input,select,textarea{border-radius:var(--r-md)}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-med)}.lift:hover .card-media img{transform:scale(1.035)}.veneer{color:var(--color-on-walnut);background:var(--mat-walnut);position:relative;overflow:hidden}.veneer>img,.veneer>.veneer-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.veneer:after{content:"";background:var(--color-veneer-scrim);pointer-events:none;position:absolute;inset:0}.veneer>:not(img):not(.veneer-img){z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.chip-card,.card,.card-media img{transition:none}.lift:hover,.lift:focus-within,.lift:hover .card-media img{transform:none}}.card-fab{top:8px;z-index:var(--z-card-ui);border-radius:var(--r-full);border:1px solid var(--color-line);cursor:pointer;background:var(--color-bg-elev);width:40px;height:40px;color:var(--color-text);box-shadow:var(--sh-1);transition:background-color var(--t-fast), color var(--t-fast), transform var(--t-fast);justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:8px}.card-fab:hover{transform:scale(1.06)}.card-fab[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-primary)}.card-fab svg{width:18px;height:18px}.card-fab:after{content:"";position:absolute;inset:-2px}.card-fabs{top:8px;z-index:var(--z-card-ui);flex-direction:column;gap:6px;display:flex;position:absolute;inset-inline-end:8px}.card-fabs .card-fab{top:auto;position:relative;inset-inline-end:auto}.pdp-secondary-actions{align-items:center;gap:var(--sp-2,8px);margin-top:var(--sp-2,8px);flex-wrap:wrap;display:flex}.pdp-secondary-actions .btn{flex:1;min-width:140px}.pdp-secondary-actions .btn.is-active{background:var(--color-surface-2);border-color:var(--color-accent);color:var(--color-accent-text)}.btn{border-radius:var(--r-md);min-width:44px;min-height:44px;font-weight:600;font-size:var(--fs-body);font-family:var(--font-text);cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;line-height:1.1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-on-primary);box-shadow:var(--sh-1)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-on-primary);box-shadow:var(--sh-2);transform:translateY(-1px)}.btn-walnut{background:var(--mat-walnut);color:var(--color-on-walnut);box-shadow:var(--sh-1)}.btn-walnut:hover{background:var(--mat-walnut-deep);color:var(--color-on-walnut)}.btn-outline{border-color:var(--color-line-strong);color:var(--color-text);background:0 0}.btn-outline:hover{border-color:var(--color-text);background:var(--color-hover)}.btn-dark{background:var(--color-text);color:var(--color-bg-elev)}.btn-dark:hover{opacity:.9}.btn-ghost{color:var(--color-text-2);background:0 0}.btn-ghost:hover{color:var(--color-text);background:var(--color-hover)}.btn-icon{border-radius:var(--r-full);width:44px;height:44px;padding:0}.btn-lg{min-height:54px;padding:16px 30px;font-size:1.05rem}.btn-sm{font-size:var(--fs-sm);min-height:44px;padding:8px 14px}.btn-icon.btn-sm{padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn svg{flex:none;width:18px;height:18px}.chip{border-radius:var(--r-sm);font-size:var(--fs-xs);background:var(--color-accent-soft);color:var(--color-accent-text);align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.chip-sale{background:var(--color-danger-soft);color:var(--color-sale)}.chip-stock{background:var(--color-success-soft);color:var(--color-success)}.chip-out{background:var(--color-danger-soft);color:var(--color-danger)}.chip-warn{background:var(--color-warning-soft);color:var(--color-warning)}.chip-inverse{color:var(--mat-tape);background:#f398542e}.badge-new{background:var(--brand-ink);color:var(--brand-paper)}.input{border:1.5px solid var(--color-field-border);border-radius:var(--r-md);width:100%;min-height:44px;font:inherit;background:var(--color-bg-elev);color:var(--color-text);transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:11px 14px}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.input::placeholder{color:var(--color-text-3)}label.lbl{font-size:var(--fs-sm);color:var(--color-text-2);margin-bottom:6px;font-weight:600;display:block}.section{padding:clamp(40px,7vw,64px) 0}.container{max-width:var(--container);margin:0 auto;padding:0 clamp(16px,4vw,24px)}.sec-title{font-size:var(--fs-h2);margin:0 0 var(--sp-3);font-weight:700;line-height:1.25}.annbar{background:var(--mat-walnut);color:var(--color-on-walnut);position:relative;overflow:hidden}.annbar-track{gap:var(--sp-12);white-space:nowrap;width:max-content;padding:9px 0;animation:26s linear infinite marquee;display:flex}@keyframes marquee{to{transform:translate(50%)}}[dir=ltr] .annbar-track{animation-name:marquee-ltr}@keyframes marquee-ltr{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.annbar-track{animation:none}}.annbar:hover .annbar-track{animation-play-state:paused}.pgrid{grid-template-columns:repeat(auto-fill,minmax(min(232px,100%),1fr));gap:clamp(12px,2vw,24px);display:grid}@media (min-width:481px) and (max-width:820px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.pgrid{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr))}}.price{font-variant-numeric:tabular-nums;font-weight:700}.price-old{color:var(--color-text-3);font-weight:400;font-size:var(--fs-sm);text-decoration:line-through}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skeleton{background:linear-gradient(90deg, var(--color-line) 25%, transparent 50%, var(--color-line) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.4s infinite sk}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.tabular{font-variant-numeric:tabular-nums}.reveal{opacity:1;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:none}.js-reveal .reveal:not(.in){opacity:0;transform:translateY(18px)}@media (prefers-reduced-motion:reduce){.js-reveal .reveal:not(.in){opacity:1;transform:none}}.scrolltop{bottom:20px;z-index:var(--z-fab);cursor:pointer;background:var(--mat-walnut);width:44px;height:44px;color:var(--color-on-walnut);box-shadow:var(--sh-2);opacity:0;pointer-events:none;transition:opacity var(--t-med), transform var(--t-med);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;inset-inline-end:20px;transform:translateY(8px)}.scrolltop.show{opacity:.92;pointer-events:auto;transform:none}@media (max-width:640px){.scrolltop{display:none}}.drawer-ov{background:var(--color-overlay);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--t-med);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.drawer-ov.open{opacity:1;pointer-events:auto}.drawer-head{padding-bottom:var(--sp-3);margin-bottom:var(--sp-2);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;display:flex}.drawer{top:0;bottom:0;background:var(--color-bg-elev);width:min(340px,85vw);z-index:calc(var(--z-modal) + 1);padding:var(--sp-4);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom,16px));gap:var(--sp-2);box-shadow:var(--sh-3);flex-direction:column;display:none;position:fixed;inset-inline-start:0;overflow-y:auto}.drawer.open{pointer-events:auto;display:flex}[dir=rtl] .drawer.open{animation:drawerSlideInRtl var(--t-med) cubic-bezier(.16, 1, .3, 1)}[dir=ltr] .drawer.open{animation:drawerSlideInLtr var(--t-med) cubic-bezier(.16, 1, .3, 1)}@keyframes drawerSlideInRtl{0%{transform:translate(100%)}to{transform:none}}@keyframes drawerSlideInLtr{0%{transform:translate(-100%)}to{transform:none}}.drawer a{border-radius:var(--r-md);transition:background-color var(--t-fast), color var(--t-fast);padding:10px 12px;font-weight:600;text-decoration:none}.drawer a:hover{background:var(--color-hover);color:var(--color-primary)}.drawer-group{padding-bottom:var(--sp-3);margin-bottom:var(--sp-2);border-bottom:1px solid var(--color-line);flex-direction:column;gap:2px;display:flex}.drawer-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-3);padding:var(--sp-1) var(--sp-2);font-size:.75rem;font-weight:700}.drawer-item{align-items:center;gap:var(--sp-3);border-radius:var(--r-md);color:var(--color-text);transition:background-color var(--t-fast), color var(--t-fast);padding:10px 12px;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.drawer-item:hover{background:var(--color-hover);color:var(--color-primary)}.drawer-item.active,.drawer-item[aria-current=page]{background:var(--color-surface-2);color:var(--color-primary);font-weight:700}.drawer-item-icon{color:var(--color-text-3);flex-shrink:0}.drawer-item:hover .drawer-item-icon{color:var(--color-primary)}.drawer-item-trade{color:var(--color-primary);font-weight:700}.drawer-footer{padding-top:var(--sp-3);border-top:1px solid var(--color-line);gap:var(--sp-2);flex-direction:column;margin-top:auto;display:flex}.drawer-lang-btn{justify-content:center;width:100%}.bdg{top:10px;z-index:calc(var(--z-card-ui) - 1);pointer-events:none;justify-items:start;gap:6px;max-width:calc(100% - 64px);display:grid;position:absolute;inset-inline-start:8px}.bdg span{font-family:var(--font-hand);color:var(--color-on-status);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:2px 9px 3px;font-size:.8rem;font-weight:700;line-height:1.2;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 1px 2px #042c6d33}.bdg .sale{background:var(--color-sale)}.bdg .new{background:var(--mat-ink);color:var(--mat-laminate)}.bdg .best{background:var(--mat-tape);color:var(--color-on-tape)}.bdg .out{background:var(--color-muted-fill)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{gap:var(--sp-4);display:grid}.stack-lg{gap:var(--sp-8);display:grid}.row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.row-sm{align-items:center;gap:var(--sp-2,8px);display:inline-flex}.row-between{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.muted{color:var(--color-text-3)}.text-2{color:var(--color-text-2)}.small{font-size:var(--fs-sm)}.xsmall{font-size:var(--fs-xs)}.page{padding-block:clamp(24px,4vw,48px) clamp(40px,6vw,72px)}.page-narrow{max-width:720px}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-8);flex-wrap:wrap;display:flex}.page-title{font-size:var(--fs-h1);line-height:1.2}.page-sub{color:var(--color-text-2);margin-top:var(--sp-2);max-width:62ch}.page-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.crumbs{font-size:var(--fs-sm);color:var(--color-text-3);margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.crumbs a{color:var(--color-text-2);text-decoration:none}.crumbs a:hover{color:var(--color-text);text-decoration:underline}.filter-chips-bar{align-items:center;gap:var(--sp-2);padding:4px 2px var(--sp-3);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.filter-chip{border-radius:var(--r-full);color:var(--color-text-2);background:var(--color-surface);border:1px solid var(--color-chip-border);white-space:nowrap;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);flex-shrink:0;align-items:center;gap:6px;padding:7px 15px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.filter-chip:hover{background:var(--color-hover);color:var(--color-text);border-color:var(--color-chip-border-strong)}.filter-chip.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:var(--sh-1);font-weight:700}.panel{background:var(--color-bg-elev);border-radius:var(--r-md);box-shadow:var(--sh-1);flex-direction:column;min-width:0;display:flex;position:relative}.panel-head{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--color-line);padding:16px 18px 12px;display:flex}.panel-title{align-items:center;gap:10px;font-size:1.05rem;display:flex}.panel-body{gap:var(--sp-4);padding:18px;display:grid}.panel-foot{border-top:1px solid var(--color-line);gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end;padding:14px 18px;display:flex}.panel-link{color:var(--color-accent-text);align-items:center;gap:4px;min-height:32px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.panel-link:hover{text-decoration:underline}.panel-empty{color:var(--color-text-3);padding:18px 0;font-size:.9rem}.layout-aside{gap:var(--sp-8);grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;display:grid}.layout-aside-start{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.aside-sticky{top:calc(var(--header-h) + 16px);position:sticky}@media (max-width:900px){.layout-aside,.layout-aside-start{grid-template-columns:1fr}.aside-sticky{position:static}}.form{gap:var(--sp-4);display:grid}.form-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.field{gap:6px;display:grid}.field .lbl{margin:0}.hint{font-size:var(--fs-xs);color:var(--color-text-3)}textarea.input{resize:vertical;min-height:112px;line-height:1.6}select.input{appearance:auto}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:500;display:flex}.check input{width:18px;height:18px;accent-color:var(--color-accent)}.form-actions{gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.alert{border-radius:var(--r-md);background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-line-strong);align-items:flex-start;gap:10px;padding:12px 16px;font-size:.93rem;font-weight:500;display:flex}.alert svg{flex:none;margin-top:2px}.alert-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger)}.alert-success{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success)}.alert-warn{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning)}.empty{text-align:center;justify-items:center;gap:var(--sp-3);padding:clamp(40px, 8vw, 72px) var(--sp-6);display:grid}.empty-icon{border-radius:var(--r-full);background:var(--color-surface-2);border:1px solid var(--color-line);width:68px;height:68px;box-shadow:0 0 0 8px var(--color-hover);color:var(--color-primary);margin-bottom:var(--sp-2);justify-content:center;align-items:center;display:inline-flex}.empty-title{font-size:var(--fs-h3);color:var(--color-text);font-weight:700}.empty-text{color:var(--color-text-2);max-width:46ch;line-height:1.6}.result-icon{border-radius:var(--r-full);background:var(--color-success-soft);border:1px solid var(--color-line);width:68px;height:68px;box-shadow:0 0 0 8px var(--color-surface-2);color:var(--color-success);margin-bottom:var(--sp-2);justify-content:center;align-items:center;display:inline-flex}.featured-icon{border-radius:var(--r-md);background:var(--color-surface-2);border:1px solid var(--color-line);width:44px;height:44px;box-shadow:0 0 0 4px var(--color-hover);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.featured-icon-sm{width:36px;height:36px;box-shadow:0 0 0 3px var(--color-hover)}.featured-icon-success{background:var(--color-success-soft);color:var(--color-success)}.featured-icon-accent{background:var(--color-surface);color:var(--color-accent)}.chip-dot{border-radius:var(--r-full);background:currentColor;flex-shrink:0;width:7px;height:7px}.chip-dot-pulse{position:relative}.chip-dot-pulse:after{content:"";opacity:.5;background:currentColor;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:-2px}.summary{gap:10px;display:grid}.summary-row{justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:.95rem;display:flex}.summary-row>:first-child{color:var(--color-text-2)}.summary-row .price{color:var(--color-text)}.summary-total{border-top:1px solid var(--color-line);margin-top:4px;padding-top:12px;font-size:1.05rem;font-weight:700}.summary-total>:first-child{color:var(--color-text)}.summary-saving .price{color:var(--color-success)}.kv{border-collapse:collapse;width:100%;font-size:.93rem}.kv th,.kv td{border-bottom:1px solid var(--color-line);text-align:start;vertical-align:top;padding:11px 0}.kv th{color:var(--color-text-3);width:40%;font-weight:500}.kv td{font-weight:600}.spec-grid{gap:var(--sp-3,12px);margin-top:var(--sp-2,8px);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.spec-card{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--r-md);transition:border-color var(--tr-fast), background var(--tr-fast);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.spec-card:hover{border-color:var(--color-line-strong)}.spec-k{color:var(--color-text-3);letter-spacing:.02em;font-size:.78rem;font-weight:600}.spec-v{color:var(--color-text);word-break:break-word;font-size:.92rem;font-weight:700}.pdp-datasheet{justify-content:space-between;align-items:center;gap:var(--sp-3,12px);margin-top:var(--sp-4,16px);padding:var(--sp-4,16px);border-radius:var(--r-md);background:var(--color-surface-2);border:1px solid var(--color-line);flex-wrap:wrap;display:flex}.pdp-datasheet-main{align-items:center;gap:var(--sp-3,12px);flex:1;min-width:min(100%,260px);display:flex}.pdp-datasheet-info{flex-direction:column;gap:2px;display:flex}.pdp-datasheet-title{color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.pdp-datasheet-desc{color:var(--color-text-3);margin:0;font-size:.82rem}.table-wrap,.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--r-md);background:var(--color-bg-elev);width:100%;box-shadow:var(--sh-1);overflow-x:auto}.table,table.admin{border-collapse:collapse;background:var(--color-bg-elev);width:100%;min-width:640px}.table th,table.admin th{text-align:start;color:var(--color-text-3);border-bottom:1px solid var(--color-line);background:var(--color-surface-2);white-space:nowrap;padding:13px 16px;font-size:.8rem;font-weight:700}.table td,table.admin td{border-bottom:1px solid var(--color-line);vertical-align:middle;padding:13px 16px;font-size:.92rem}.table tr:last-child td,table.admin tr:last-child td{border-bottom:none}.table tbody tr,table.admin tbody tr{transition:background-color var(--t-fast)}.table tbody tr:hover,table.admin tbody tr:hover{background-color:var(--color-hover)}.td-num{font-variant-numeric:tabular-nums;white-space:nowrap}.td-wrap{white-space:normal;min-width:220px;max-width:360px}.stars{color:var(--mat-brass);vertical-align:middle;gap:2px;display:inline-flex}.stars .off{color:var(--color-line-strong)}.rating-overview{gap:var(--sp-6,24px);padding:var(--sp-5,20px);background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--r-lg);margin-bottom:var(--sp-6,24px);grid-template-columns:220px 1fr;align-items:center;display:grid}@media (max-width:640px){.rating-overview{gap:var(--sp-4,16px);padding:var(--sp-4,16px);grid-template-columns:1fr}}.rating-summary-card{gap:var(--sp-2,8px);flex-direction:column;align-items:flex-start;display:flex}.rating-score-huge{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1}.rating-score-sub{color:var(--color-text-3);font-size:.84rem}.rating-breakdown-list{flex-direction:column;gap:8px;width:100%;display:flex}.rating-breakdown-row{align-items:center;gap:var(--sp-3,12px);font-size:.85rem;display:flex}.rating-breakdown-lbl{min-width:38px;color:var(--color-text-2);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:600;display:inline-flex}.rating-track{background:var(--color-line);border-radius:var(--r-full);flex:1;height:8px;position:relative;overflow:hidden}.rating-fill{background:var(--mat-brass);border-radius:var(--r-full);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.rating-count-badge{text-align:end;min-width:44px;color:var(--color-text-3);font-variant-numeric:tabular-nums;font-size:.8rem}.qty{border:1.5px solid var(--color-field-border);border-radius:var(--r-md);align-items:center;display:inline-flex;overflow:hidden}.qty button{width:40px;height:40px;color:var(--color-text);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.qty button:hover{background:var(--color-hover)}.qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:36px;font-weight:700}.thumb{aspect-ratio:1;border-radius:var(--r-sm);background:var(--color-surface-2);flex:none;width:72px;position:relative;overflow:hidden}.thumb-sm{width:48px}.lightbox-frame{cursor:zoom-in;border-radius:var(--r-lg);width:min(1100px,100%);height:min(85vh,100%);position:relative;overflow:hidden}.lightbox-frame.is-zoomed{cursor:crosshair}.lightbox-inner{will-change:transform, transform-origin;width:100%;height:100%;transition:transform .2s cubic-bezier(.16,1,.3,1);position:relative}.lightbox-zoom-toolbar{align-items:center;gap:var(--sp-3,12px);background:var(--color-bg-elev);border:1.5px solid var(--color-line-strong);border-radius:var(--r-full);box-shadow:var(--sh-3);z-index:20;padding:6px 16px;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.lightbox-zoom-btn{background:var(--color-surface-2);border:1px solid var(--color-line);color:var(--color-text);border-radius:var(--r-full);cursor:pointer;transition:background var(--tr-fast), border-color var(--tr-fast);align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.lightbox-zoom-btn:hover{background:var(--color-hover);border-color:var(--color-line-strong)}.lightbox-zoom-hint{color:var(--color-text-3);font-variant-numeric:tabular-nums;font-size:.78rem}.compare-dock{inset-inline:16px;z-index:65;background:var(--color-bg-elev);border:1.5px solid var(--color-line-strong);border-radius:var(--r-xl);width:calc(100% - 32px);max-width:680px;box-shadow:var(--sh-3);justify-content:space-between;align-items:center;gap:var(--sp-3,12px);margin-inline:auto;padding:10px 16px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:20px}@media (max-width:768px){[data-bottom-nav=on] .compare-dock{bottom:calc(var(--bottom-nav-offset,64px) + 12px);padding:8px 12px}}.compare-dock-items{align-items:center;gap:8px;padding-block:2px;display:flex;overflow-x:auto}.compare-dock-thumb{border-radius:var(--r-md);border:1px solid var(--color-line);background:var(--color-surface-2);flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.compare-dock-thumb-rm{top:2px;background:var(--color-scrim-strong);width:18px;height:18px;color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex;position:absolute;inset-inline-end:2px}.compare-dock-info{color:var(--color-text);align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.compare-dock-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.cart-toast{top:80px;z-index:5000;background:var(--color-bg-elev);border:1.5px solid var(--color-line-strong);border-radius:var(--r-lg);width:calc(100vw - 40px);max-width:420px;box-shadow:var(--sh-3);opacity:0;pointer-events:none;padding:16px;transition:all .28s cubic-bezier(.16,1,.3,1);position:fixed;inset-inline-end:20px;transform:translateY(-12px)scale(.96)}.cart-toast.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.cart-toast-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cart-toast-title{color:var(--color-text);font-size:.92rem;font-weight:700}.cart-toast-badge{border-radius:var(--r-full);background:var(--color-accent);width:24px;height:24px;color:var(--color-on-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cart-toast-body{align-items:center;gap:12px;margin-bottom:14px;display:flex}.cart-toast-thumb{border-radius:var(--r-md);border:1px solid var(--color-line);background:var(--color-surface-2);flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.cart-toast-info{flex:1;min-width:0}.cart-toast-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.cart-toast-meta{color:var(--color-text-3);align-items:center;gap:8px;margin-top:2px;font-size:.82rem;display:flex}.cart-toast-price{color:var(--color-accent-text);font-weight:700}.cart-toast-tip{color:var(--color-text-2);background:var(--color-surface-2);border-radius:var(--r-sm);margin-bottom:10px;padding:6px 10px;font-size:.78rem;line-height:1.4}.cart-toast-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cart-toast-actions .btn{justify-content:center;min-height:38px;padding:8px 12px;font-size:.86rem}.lp-about-grid{gap:var(--sp-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.lp-about-copy{gap:var(--sp-4);flex-direction:column;display:flex}.lp-about-title{color:var(--color-text);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;line-height:1.25}.lp-about-text{color:var(--color-text-2);font-size:1.05rem;line-height:1.7}.lp-about-points{gap:var(--sp-4);margin-block:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.lp-about-point{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--r-md);flex-direction:column;gap:6px;padding:14px;display:flex}.lp-about-point-title{color:var(--color-text);align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.lp-about-point-text{color:var(--color-text-3);margin:0;font-size:.82rem;line-height:1.5}.lp-about-photo{aspect-ratio:4/3;border-radius:var(--r-lg);min-height:280px;box-shadow:var(--sh-2);max-width:100%;position:relative;overflow:hidden}.lp-blog-grid{gap:var(--sp-6);margin-top:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.lp-blog-card{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.lp-blog-media{aspect-ratio:16/9;background:var(--color-surface-2);width:100%;position:relative;overflow:hidden}.lp-blog-body{padding:var(--sp-5);flex-direction:column;flex:1;gap:8px;display:flex}.lp-blog-date{color:var(--color-text-3);font-variant-numeric:tabular-nums;font-size:.78rem}.lp-blog-title{color:var(--color-text);font-size:1.05rem;font-weight:700;line-height:1.4}.lp-blog-excerpt{color:var(--color-text-2);flex:1;font-size:.86rem;line-height:1.6}.lp-blog-link{color:var(--color-accent-text);align-items:center;gap:6px;margin-top:4px;font-size:.86rem;font-weight:700;display:inline-flex}@media (max-width:900px){.lp-about-grid{grid-template-columns:1fr}.lp-about-photo{aspect-ratio:16/10;max-width:100%;min-height:200px}}.catalog-filter-wrapper{gap:var(--sp-4,16px);margin-bottom:var(--sp-6,24px);flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex}.catalog-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3,12px);background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--r-lg);min-width:0;max-width:100%;top:var(--header-h,56px);z-index:35;-webkit-backdrop-filter:blur(10px);box-shadow:var(--sh-1);flex-wrap:wrap;padding:12px 16px;display:flex;position:sticky}.catalog-toolbar-actions{align-items:center;gap:var(--sp-2,8px);display:flex}.catalog-filter-btn{box-shadow:var(--sh-1);font-weight:700}.catalog-toolbar-count{margin-inline-start:auto;font-size:.85rem;font-weight:600}.filter-chips-bar{align-items:center;gap:var(--sp-2,8px);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:100%;min-width:0;max-width:100%;padding-block:4px;display:flex;overflow-x:auto}.filter-chips-bar::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--r-full);background:var(--color-surface);border:1px solid var(--color-chip-border);color:var(--color-text-2);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.filter-chip:hover{border-color:var(--color-accent);color:var(--color-text)}.filter-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-primary)}.filter-chip .chip-dot{border-radius:var(--r-full);opacity:.7;background:currentColor;width:6px;height:6px}.catalog-filter-tray{border:1.5px solid var(--color-line-strong);border-radius:var(--r-lg);box-shadow:var(--sh-2);margin-top:4px;animation:.25s cubic-bezier(.16,1,.3,1) slideDown}.catalog-tray-grid{gap:var(--sp-4,16px);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:end;display:grid}.catalog-tray-actions{align-items:center;gap:var(--sp-3,12px);margin-top:var(--sp-4,16px);padding-top:var(--sp-3,12px);border-top:1px solid var(--color-line);display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.brand-strip{gap:16px;max-width:100%;padding:32px 0 12px;display:grid;overflow:hidden}.brand-strip-title{color:var(--color-text-2);text-align:center;letter-spacing:.02em;font-size:.95rem;font-weight:600}.brand-strip-viewport{direction:ltr;width:100%;max-width:100%;padding:8px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.brand-strip-track{-webkit-user-select:none;user-select:none;width:max-content;display:flex}.brand-strip-group{will-change:transform;flex-shrink:0;align-items:center;gap:20px;margin:0;padding:0 10px;list-style:none;animation:24s linear infinite brand-infinite-scroll;display:flex;transform:translate(0,0)}.brand-strip-item{border-radius:var(--r-md);background:var(--color-surface);border:1px solid var(--color-line);height:52px;transition:transform var(--t-fast), border-color var(--t-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.brand-strip-item:hover{border-color:var(--color-accent);transform:translateY(-2px)}.brand-strip-name{color:var(--color-text-2);white-space:nowrap;font-size:.88rem;font-weight:700}.brand-strip-item:hover .brand-strip-name{color:var(--color-accent)}.brand-strip-logo{object-fit:contain;width:auto;max-width:130px;height:42px;filter:var(--color-brand-logo-filter,none);opacity:var(--color-brand-logo-opacity,.85);transition:transform var(--t-fast), opacity var(--t-fast), filter var(--t-fast)}.brand-strip-item:hover .brand-strip-logo{filter:var(--color-brand-logo-hover-filter,none);opacity:var(--color-brand-logo-hover-opacity,1);transform:scale(1.05)}@keyframes brand-infinite-scroll{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.pager{margin-top:var(--sp-8);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pager a,.pager span{border-radius:var(--r-md);background:var(--color-bg-elev);min-width:44px;min-height:44px;box-shadow:var(--sh-1);justify-content:center;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.pager [aria-current=page]{background:var(--color-accent);color:var(--color-on-primary)}.modal-overlay{background:var(--color-overlay);z-index:1000;overscroll-behavior:contain;justify-content:center;align-items:center;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--color-bg-elev);border-radius:var(--r-lg);box-shadow:var(--sh-3);flex-direction:column;width:min(580px,100%);max-height:90dvh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.modal-dialog>form{flex-direction:column;flex:auto;min-height:0;display:flex}.modal-header{border-bottom:1px solid var(--color-line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;align-content:start;gap:18px;min-height:0;padding:22px;display:grid;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-line);background:var(--color-surface-2);flex:none;justify-content:flex-end;gap:12px;padding:14px 22px;display:flex}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-dialog{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:92dvh}.modal-header{padding:14px 16px}.modal-body{gap:14px;padding:16px}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.modal-footer .btn{flex:1;min-height:44px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-dialog{animation:none}}.site-footer{background:var(--color-bg-elev);margin-top:auto}.footer-grid{gap:var(--sp-8);padding-block:var(--sp-12) var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.footer-col{gap:var(--sp-3);align-content:start;justify-items:start;display:grid}.footer-title{font-size:1rem}.footer-text{color:var(--color-text-2);font-size:.9rem;line-height:1.8}.footer-links{gap:4px;list-style:none;display:grid}.footer-links a{min-height:36px;color:var(--color-text-2);align-items:center;font-size:.92rem;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--color-accent-text);text-decoration:underline}.footer-bottom{padding-block:var(--sp-4) var(--sp-6);border-top:1px solid var(--color-line);color:var(--color-text-2);justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;font-size:.82rem;display:flex}.footer-author{color:var(--color-text-2);transition:color var(--t-fast);font-weight:600;text-decoration:none}.footer-author:hover{color:var(--color-accent-text);text-decoration:underline}@media (max-width:640px){.footer-grid{gap:var(--sp-4);padding-block:var(--sp-6) var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr))}.footer-col-brand{margin-bottom:var(--sp-2);grid-column:1/-1}.footer-col{gap:var(--sp-2)}.footer-text{font-size:.82rem;line-height:1.5}.footer-title{font-size:.92rem}.footer-links a{min-height:32px;font-size:.85rem}.footer-bottom{text-align:center;justify-content:center;gap:var(--sp-2);flex-direction:column;font-size:.78rem}}.site-header{z-index:var(--z-header);background:var(--color-bg-elev);box-shadow:0 1px 0 var(--color-line), var(--sh-1);position:sticky;top:0}.site-header-row{align-items:center;gap:var(--sp-4);height:var(--header-h);display:flex}.site-brand{flex:none;align-items:center;display:inline-flex}.main-nav{gap:var(--sp-1);flex:1;min-width:0;display:flex}.nav-link{border-radius:var(--r-md);min-height:40px;color:var(--color-text-2);white-space:nowrap;transition:background-color var(--t-fast), color var(--t-fast);align-items:center;padding:0 10px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--color-text);background:var(--color-hover)}.nav-link.active,.nav-link[aria-current=page]{color:var(--color-primary);background:var(--color-surface-2);font-weight:700}.search-form{flex:1;max-width:380px;display:flex;position:relative}.search-form .input{padding-inline-start:40px}.search-icon{inset-inline-start:12px;color:var(--color-text-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.site-tools{align-items:center;gap:var(--sp-1);margin-inline-start:auto;display:flex}.has-count{position:relative}.has-count .cart-count{top:2px;position:absolute;inset-inline-end:0}.site-cart{gap:6px;padding:0 14px}.cart-count{background:var(--color-accent);color:var(--color-on-primary);border-radius:var(--r-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:700;display:inline-flex}.drawer-btn{justify-content:center;align-items:center;display:inline-flex}@media (max-width:1100px){.search-form{max-width:260px}}@media (max-width:860px){.main-nav,.search-form{display:none}}@media (max-width:600px){.header-lang-btn,.header-wishlist-btn{display:none}.site-header-row{gap:var(--sp-2)}}@media (max-width:480px){.site-header-row{gap:6px}.site-brand img{width:auto;max-width:125px;height:auto;max-height:28px}.site-cart{padding:0 10px}.site-tools{gap:4px}}@media (max-width:360px){.site-header-row{gap:4px}.site-brand img{max-width:110px;max-height:26px}.site-cart{padding:0 6px}}.annbar-item{align-items:center;gap:10px;font-size:.875rem;font-weight:600;display:inline-flex}.annbar-tag{transform:none}.annbar-link{color:inherit;text-underline-offset:3px;text-decoration:underline}.shimmer{background:linear-gradient(90deg, var(--color-surface-2) 30%, var(--color-line-strong) 50%, var(--color-surface-2) 70%);background-size:400%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 100%}to{background-position:0 0}}.img-shimmer-wrap{width:100%;height:100%;position:relative;overflow:hidden}.img-shimmer-wrap img{opacity:1;transition:opacity .3s ease-in-out}.img-shimmer-wrap.is-loading img,.img-shimmer-wrap.is-loaded img{opacity:1}.img-shimmer-wrap.is-loaded:before{opacity:0;pointer-events:none;visibility:hidden;display:none}.img-shimmer-wrap:before{content:"";z-index:1;background:linear-gradient(90deg, transparent 0%, var(--color-surface-2) 50%, transparent 100%);pointer-events:none;background-size:200%;transition:opacity .3s;animation:1.5s linear infinite shimmer;position:absolute;inset:0}[data-scrollbar]{position:relative;overflow:hidden}.scroll-content{scrollbar-width:none;-ms-overflow-style:none;max-height:80vh;overflow-y:auto}.scroll-content::-webkit-scrollbar{display:none}.scrollbar-svg{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.scrollbar-track{fill:none;stroke:var(--color-line-strong);stroke-width:4px;stroke-linecap:round;opacity:.4}.scrollbar-thumb{fill:none;stroke:var(--color-accent);stroke-width:6px;stroke-linecap:round;cursor:pointer;pointer-events:auto;transition:stroke var(--t-fast)}.scrollbar-thumb:hover{stroke:var(--color-accent-hover)}.pc-stepper{background:var(--color-surface-2);border:1.5px solid var(--color-line-strong);border-radius:var(--r-full);box-shadow:var(--sh-1);align-items:center;gap:3px;padding:2px 4px;display:inline-flex}.pc-step-btn{border-radius:var(--r-full);width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;border:none;place-items:center;transition:background .15s,color .15s;display:grid}.pc-step-btn:hover:not(:disabled){background:var(--color-hover);color:var(--color-accent)}.pc-step-btn:disabled{opacity:.35;cursor:not-allowed}.pc-step-val{text-align:center;min-width:22px;font-size:.88rem;font-weight:700}.pc-tier-badge{color:var(--color-accent-text);background:var(--color-accent-soft);border-radius:var(--r-sm);white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;align-items:center;gap:5px;max-width:100%;margin-top:4px;padding:3px 8px;font-size:.74rem;font-weight:700;display:inline-flex;overflow:hidden}.cat-grid-section{width:100%;padding-block:clamp(32px,5vw,64px)}.cat-grid-header{text-align:center;margin-inline:auto;align-items:center;gap:var(--sp-2,8px);flex-direction:column;max-width:720px;margin-bottom:clamp(28px,4vw,48px);display:flex}.cat-grid-crumbs{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-3);align-items:center;gap:6px;margin-bottom:2px;font-size:.8rem;font-weight:700;display:inline-flex}.cat-grid-crumbs a{color:var(--color-text-2);transition:color var(--t-fast);text-decoration:none}.cat-grid-crumbs a:hover,.cat-grid-crumbs .current{color:var(--color-text)}.cat-grid-title{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.01em;margin:0;font-size:clamp(1.85rem,3.2vw,2.75rem);font-weight:800;line-height:1.2}.cat-grid-subtitle{color:var(--color-text-2);max-width:58ch;margin:0;font-size:clamp(.9rem,1.1vw,1rem);line-height:1.6}.cat-grid-tabs{margin-top:var(--sp-4,16px);flex-wrap:wrap;justify-content:center;gap:8px;display:inline-flex}.cat-grid-tab{border-radius:var(--r-full);background:var(--color-surface-2);border:1px solid var(--color-line);color:var(--color-text-2);cursor:pointer;transition:background-color var(--t-fast), color var(--t-fast), border-color var(--t-fast);padding:6px 16px;font-size:.84rem;font-weight:600}.cat-grid-tab:hover,.cat-grid-tab.active{background:var(--color-accent);color:var(--color-on-primary);border-color:var(--color-accent)}.cat-cards-grid{grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.5vw,32px);width:100%;display:grid}@media (max-width:1100px){.cat-cards-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}}@media (max-width:768px){.cat-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}}@media (max-width:440px){.cat-cards-grid{grid-template-columns:repeat(2,1fr);gap:14px 10px}}.cat-card{color:inherit;border-radius:var(--r-xl,16px);transition:transform var(--t-fast);background:0 0;flex-direction:column;min-width:0;text-decoration:none;display:flex;position:relative}.cat-card:hover{transform:translateY(-3px)}.cat-card-media{aspect-ratio:16/11;border-radius:var(--r-xl,16px);background:var(--color-surface-2);border:1px solid var(--color-line);width:100%;box-shadow:var(--sh-1);position:relative;overflow:hidden}@supports not (aspect-ratio:16 / 11){.cat-card-media{height:0;padding-top:68.75%}.cat-card-media>*{width:100%;height:100%;position:absolute;inset:0}}.cat-card:hover .cat-card-media{box-shadow:var(--sh-2);border-color:var(--color-line-strong)}.cat-card-img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1)}.cat-card:hover .cat-card-img{transform:scale(1.05)}.cat-card-badge{top:10px;z-index:2;letter-spacing:.02em;border-radius:var(--r-full);box-shadow:var(--sh-1);padding:3px 10px;font-size:.74rem;font-weight:700;line-height:1.4;position:absolute;inset-inline-start:10px}.cat-card-badge.badge-trending{background:var(--color-danger);color:var(--color-on-primary)}.cat-card-badge.badge-seasonal{background:var(--color-warning);color:var(--color-on-primary)}.cat-card-badge.badge-restocked{background:var(--color-success);color:var(--color-on-primary)}.cat-card-badge.badge-b2b{background:var(--mat-walnut);color:var(--color-on-walnut)}.cat-card-body{flex-direction:column;gap:4px;min-width:0;padding-top:12px;display:flex}.cat-card-head{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.cat-card-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;transition:color var(--t-fast);margin:0;font-size:clamp(.98rem,1.15vw,1.12rem);font-weight:700;line-height:1.35;overflow:hidden}.cat-card:hover .cat-card-title{color:var(--color-accent)}.cat-card-count{color:var(--color-text-3);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.82rem;font-weight:600}.cat-card-desc{color:var(--color-text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(.8rem,.9vw,.86rem);line-height:1.5;display:-webkit-box;overflow:hidden}
*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:clip}body{font-family:var(--font-text);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--color-text-3)}.small{font-size:.82rem}.pos-shell{background:var(--color-bg);flex-direction:column;gap:16px;min-height:100vh;display:flex}.pos-header{z-index:20;background:var(--color-bg-elev);border-bottom:1px solid var(--color-line);box-shadow:var(--sh-1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;display:flex;position:sticky;top:0}.pos-brand{align-items:center;gap:12px;min-width:0;display:flex}.pos-brand-mark{border-radius:var(--r-md);background:var(--color-accent);width:42px;height:42px;color:var(--color-on-primary);font-family:var(--font-display);place-items:center;font-size:1.05rem;font-weight:800;display:grid}.pos-brand-name{font-family:var(--font-display);font-size:1.12rem;font-weight:800;line-height:1.2}.pos-brand-sub{color:var(--color-text-3);font-size:.78rem}.pos-header-side{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pos-stats{flex-wrap:wrap;gap:18px;display:flex}.pos-stat{flex-direction:column;gap:2px;min-width:74px;display:flex}.pos-stat-label{color:var(--color-text-3);font-size:.72rem}.pos-stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.pos-main{grid-template-columns:minmax(0,1fr) 384px;align-items:start;gap:16px;padding:0 20px;display:grid}.pos-panel{background:var(--color-bg-elev);border:1px solid var(--color-line);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}.pos-panel-head{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.pos-panel-title{font-family:var(--font-display);font-size:.98rem;font-weight:800}.pos-catalog-tools{flex-wrap:wrap;gap:8px;padding:12px;display:flex}.pos-search{border-radius:var(--r-md);border:1px solid var(--color-line-strong);background:var(--color-bg-elev);min-width:0;height:44px;color:var(--color-text);flex:240px;padding:0 14px}.pos-search:focus{outline:2px solid var(--color-accent);outline-offset:1px}.pos-file-input{display:none}.pos-cat-bar{scrollbar-width:thin;gap:6px;padding:0 12px 10px;display:flex;overflow-x:auto}.pos-cat-chip{border:1px solid var(--color-line);border-radius:var(--r-full);background:var(--color-surface);height:32px;color:var(--color-text-2);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:.8rem;font-weight:600;display:inline-flex}.pos-cat-chip:hover{border-color:var(--color-accent);color:var(--color-text)}.pos-cat-chip.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-primary)}.pos-cat-count{font-variant-numeric:tabular-nums;opacity:.75;font-size:.7rem}.product-thumb{background:var(--color-surface-2);color:var(--color-text-3);border-radius:var(--r-sm);font-family:var(--font-display);place-items:center;font-weight:800;display:grid;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%;display:block}.product-thumb.is-card{aspect-ratio:4/3;width:100%;margin-bottom:6px;font-size:1.5rem}.product-thumb.is-row{flex:none;width:34px;height:34px;font-size:.95rem}.product-thumb.is-empty{border:1px dashed var(--color-line)}.cell-with-thumb{align-items:center;gap:8px;display:inline-flex}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;max-height:58vh;padding:0 12px 12px;display:grid;overflow:auto}.pos-card{text-align:start;border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--color-surface);cursor:pointer;flex-direction:column;gap:4px;min-height:96px;padding:10px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.pos-card:hover:not(:disabled){border-color:var(--color-accent);box-shadow:var(--sh-2);transform:translateY(-1px)}.pos-card:disabled{opacity:.45;cursor:not-allowed}.pos-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;font-size:.9rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.pos-card-foot{justify-content:space-between;align-items:baseline;gap:6px;margin-top:auto;display:flex}.pos-card-price{color:var(--color-accent-text);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:800}.pos-card-stock{color:var(--color-text-3);font-variant-numeric:tabular-nums;font-size:.72rem}.pos-card-stock.is-out{color:var(--color-danger);font-weight:700}.pos-cart{flex-direction:column;display:flex;position:sticky;top:84px}.pos-customer{flex-direction:column;gap:4px;padding:10px 14px 0;display:flex}.pos-customer .form-input{height:34px}.pos-lines{max-height:46vh;overflow:auto}.pos-line{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.pos-line-info{min-width:0}.pos-line-name{font-size:.88rem;font-weight:600;line-height:1.3}.pos-line-price{color:var(--color-text-3);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:.76rem;display:flex}.pos-line-price .pos-discount-input{width:62px;height:28px;font-size:.72rem}.pos-line-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.pos-step{border-radius:var(--r-sm);border:1px solid var(--color-line-strong);background:var(--color-bg-elev);width:36px;height:36px;color:var(--color-text);cursor:pointer;place-items:center;font-weight:700;display:grid}.pos-step:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-text)}.pos-step:disabled{opacity:.4;cursor:not-allowed}.pos-qty-value{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-weight:700}.pos-line-total{text-align:end;font-variant-numeric:tabular-nums;min-width:74px;font-weight:700}.pos-totals{flex-direction:column;gap:6px;padding:12px 14px;display:flex}.pos-total-row{justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;display:flex}.pos-total-row.is-grand{border-top:1px dashed var(--color-line-strong);padding-top:8px;font-size:1.12rem;font-weight:800}.pos-discount-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pos-discount-input{border-radius:var(--r-sm);border:1px solid var(--color-line-strong);background:var(--color-bg-elev);text-align:center;font-variant-numeric:tabular-nums;width:74px;height:36px;padding:0 8px}.pos-checkout{gap:8px;padding:0 14px 14px;display:flex}.pos-checkout .btn{min-height:48px;font-weight:800}.pos-checkout .btn-primary{flex:1}.pos-checkout .btn-outline{width:auto;padding-inline:14px}.pos-held-open{margin:0 14px 12px}.pos-discount-controls{align-items:center;gap:6px;display:flex}.pos-discount-type{border-radius:var(--r-sm);border:1px solid var(--color-line-strong);background:var(--color-bg-elev);height:36px;padding:0 6px;font-size:.78rem}.pos-discount-reason{border-radius:var(--r-sm);border:1px solid var(--color-line-strong);background:var(--color-bg-elev);width:100%;height:34px;padding:0 10px;font-size:.8rem}.pos-tenders{flex-direction:column;gap:8px;display:flex}.pos-tender{align-items:center;gap:8px;display:flex}.pos-tender .form-input{flex:none;width:116px}.pos-tender .pos-search{flex:1;min-width:0}.pos-pill{border-radius:var(--r-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.pos-pill.is-online{color:var(--color-success);background:var(--color-success-soft);border-color:var(--color-success)}.pos-pill.is-offline{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger)}.pos-pill.is-pending{color:var(--color-warning);background:var(--color-warning-soft);border-color:var(--color-warning)}.pos-pill.is-idle{color:var(--color-text-3);background:var(--color-surface-2);border-color:var(--color-line)}.pos-dot{border-radius:var(--r-full);background:currentColor;width:7px;height:7px}.pos-recent{margin:0 20px 24px}.pos-table{border-collapse:collapse;width:100%;font-size:.84rem}.pos-table th{text-align:start;color:var(--color-text-3);border-bottom:1px solid var(--color-line-strong);white-space:nowrap;padding:8px 12px;font-size:.74rem;font-weight:700}.pos-table td{border-bottom:1px solid var(--color-line);font-variant-numeric:tabular-nums;padding:9px 12px}.pos-table tr:last-child td{border-bottom:none}.pos-receipt-no{font-weight:700}.pos-tag{border-radius:var(--r-full);padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}.pos-tag.is-synced{color:var(--color-success);background:var(--color-success-soft)}.pos-tag.is-pending{color:var(--color-warning);background:var(--color-warning-soft)}.pos-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:26px 14px;display:flex}.pos-empty-title{font-weight:700}.pos-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.pos-overlay{z-index:60;background:var(--color-overlay);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pos-dialog{background:var(--color-bg-elev);border:1px solid var(--color-line);border-radius:var(--r-lg);width:min(440px,100%);box-shadow:var(--sh-3);overflow:hidden}.pos-dialog-head{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.pos-dialog-title{font-family:var(--font-display);font-weight:800}.pos-dialog-body{flex-direction:column;gap:14px;padding:16px;display:flex}.pos-dialog-foot{border-top:1px solid var(--color-line);background:var(--color-surface-2);gap:8px;padding:14px 16px;display:flex}.pos-dialog-foot .btn{flex:1;min-height:46px}.pos-methods{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pos-method{border-radius:var(--r-md);border:1px solid var(--color-line-strong);background:var(--color-bg-elev);cursor:pointer;min-height:52px;font-weight:700}.pos-method.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-text)}.pos-field{flex-direction:column;gap:6px;display:flex}.pos-field-label{color:var(--color-text-2);font-size:.8rem;font-weight:600}.pos-quick{flex-wrap:wrap;gap:6px;display:flex}.pos-quick button{border-radius:var(--r-sm);border:1px solid var(--color-line-strong);background:var(--color-bg-elev);cursor:pointer;font-variant-numeric:tabular-nums;min-height:38px;padding:0 12px;font-size:.82rem}.pos-quick button:hover{border-color:var(--color-accent);color:var(--color-accent-text)}.pos-change{border-radius:var(--r-md);background:var(--color-surface-2);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}body .pos-toast{inset-inline:0;z-index:70;border-radius:var(--r-full);padding:12px 18px;width:fit-content;max-width:min(560px,100vw - 32px);color:var(--color-text);box-shadow:var(--sh-3);align-items:center;gap:10px;margin-inline:auto;padding:10px 18px;font-size:.86rem;font-weight:600;display:flex;position:fixed;bottom:20px}.pos-toast.is-error{color:var(--color-danger);border-color:var(--color-danger)}@media (max-width:1000px){.pos-main{grid-template-columns:minmax(0,1fr)}.pos-cart{position:static}.pos-grid,.pos-lines{max-height:none}}@media (max-width:640px){.pos-header{padding:10px 12px}.pos-main{padding:0 12px}.pos-recent{margin:0 12px 20px}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.app-nav{background:var(--color-text);height:100vh;color:var(--color-bg-elev);flex-direction:column;align-self:start;gap:6px;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.app-nav-brand{align-items:center;gap:10px;padding:4px 6px 14px;display:flex}.app-nav-brand-text{min-width:0}.app-nav-mark{border-radius:var(--r-md);background:var(--color-accent);width:38px;height:38px;color:var(--color-on-primary);font-family:var(--font-display);place-items:center;font-weight:800;display:grid}.app-nav-name{font-family:var(--font-display);font-size:1rem;font-weight:800;line-height:1.2}.app-nav-sub{opacity:.7;font-size:.72rem}.app-nav-icon{flex:none;width:18px;height:18px}.app-nav-toggle{border-radius:var(--r-sm);width:28px;height:28px;color:inherit;opacity:.65;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-inline-start:auto;display:grid}.app-nav-toggle:hover{opacity:1;background:color-mix(in srgb, var(--color-bg-elev) 12%, transparent)}.app-nav-toggle svg{width:16px;height:16px;transition:transform .18s}.app-nav-link{border-radius:var(--r-md);min-height:42px;color:inherit;opacity:.78;align-items:center;gap:10px;padding:0 12px;font-size:.9rem;font-weight:600;display:flex}.app-nav-link:hover{opacity:1;background:color-mix(in srgb, var(--color-bg-elev) 12%, transparent)}.app-nav-link.is-active{opacity:1;background:var(--color-accent);color:var(--color-on-primary)}.app-nav-foot{flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.app-main{flex-direction:column;min-width:0;display:flex}@media (min-width:901px){html[data-nav=collapsed] .app-shell{grid-template-columns:76px minmax(0,1fr)}html[data-nav=collapsed] .app-nav{gap:4px;padding:16px 8px}html[data-nav=collapsed] .app-nav-brand{flex-direction:column;gap:8px;padding:4px 0 14px}html[data-nav=collapsed] .app-nav-brand-text{display:none}html[data-nav=collapsed] .app-nav-toggle{width:38px;margin:0}html[data-nav=collapsed] .app-nav-toggle svg{transform:rotate(180deg)}html[data-nav=collapsed] .app-nav-link{justify-content:center;padding:0}html[data-nav=collapsed] .app-nav-label{display:none}html[data-nav=collapsed] .app-nav-foot{align-items:center}html[data-nav=collapsed] .app-nav-foot .pos-pill{justify-content:center;width:38px;height:30px;padding:0}html[data-nav=collapsed] .app-nav-retry,html[data-nav=collapsed] .app-nav-theme{display:none}}.page{flex-direction:column;gap:16px;padding:20px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-head{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.ui-btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.ui-btn-danger:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-soft)}.theme-toggle{border-radius:var(--r-full);border:1px solid var(--color-line);background:var(--color-surface-2);align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-option{border-radius:var(--r-full);width:30px;height:30px;color:var(--color-text-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.theme-option:hover{color:var(--color-text);background:var(--color-hover)}.theme-option.is-active{background:var(--color-bg-elev);color:var(--color-accent-text);box-shadow:var(--sh-1)}.theme-option svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.modal.is-sm{max-width:420px}.modal.is-lg{max-width:860px}.page-title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1.25}.page-sub{color:var(--color-text-3);font-size:.82rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.stat-card{background:var(--color-bg-elev);border:1px solid var(--color-line);border-radius:var(--r-lg);box-shadow:var(--sh-1);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.stat-card-label{color:var(--color-text-3);font-size:.76rem}.stat-card-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.stat-card-hint{color:var(--color-text-3);font-size:.72rem}.panel-soft{background:var(--color-bg-elev);border:1px solid var(--color-line);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}.panel-soft.is-padded{flex-direction:column;gap:12px;padding:16px;display:flex}.toolbar{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.toolbar .pos-search{flex:220px}.data-table{border-collapse:collapse;width:100%;font-size:.86rem}.data-table th{text-align:start;color:var(--color-text-3);border-bottom:1px solid var(--color-line-strong);white-space:nowrap;padding:9px 12px;font-size:.74rem;font-weight:700}.data-table td{border-bottom:1px solid var(--color-line);font-variant-numeric:tabular-nums;padding:9px 12px}.data-table tbody tr:hover{background:var(--color-surface-2)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .num{text-align:end}.table-scroll{overflow-x:auto}.tag{border-radius:var(--r-full);padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}.tag-sale{color:var(--color-success);background:var(--color-success-soft)}.tag-refund{color:var(--color-danger);background:var(--color-danger-soft)}.tag-warn{color:var(--color-warning);background:var(--color-warning-soft)}.tag-muted{color:var(--color-text-3);background:var(--color-surface-2)}.row-actions{justify-content:flex-end;gap:6px;display:flex}.modal-overlay{z-index:60;background:var(--color-overlay);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--color-bg-elev);border:1px solid var(--color-line);border-radius:var(--r-lg);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:var(--sh-3);overflow:auto}.modal-head{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.modal-title{font-family:var(--font-display);font-size:1.02rem;font-weight:800}.modal-body{flex-direction:column;gap:12px;padding:16px;display:flex}.modal-foot{border-top:1px solid var(--color-line);background:var(--color-surface-2);gap:8px;padding:14px 16px;display:flex}.modal-foot .btn{flex:1;min-height:44px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-grid .full{grid-column:1/-1}.form-label{color:var(--color-text-2);margin-bottom:4px;font-size:.78rem;font-weight:600;display:block}.form-input{border:1px solid var(--color-line-strong);border-radius:var(--r-md);background:var(--color-bg-elev);width:100%;height:42px;color:var(--color-text);padding:0 12px}.form-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.app-nav{z-index:40;flex-direction:column;align-items:stretch;gap:8px;min-width:0;height:auto;padding:10px 12px;position:sticky;top:0;overflow:visible}.app-nav-brand{gap:8px;padding:0}.app-nav-name{font-size:.95rem}.app-nav-sub{display:none}.app-nav>nav{overscroll-behavior-x:contain;scrollbar-width:none;gap:6px;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.app-nav>nav::-webkit-scrollbar{display:none}.app-nav-link{white-space:nowrap;flex:none;min-height:38px;padding:0 12px}.app-nav-foot{flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:0}.app-nav-toggle{display:none}.form-grid{grid-template-columns:1fr}}.pos-price-input{border:1px solid var(--color-line);border-radius:var(--r-sm);background:var(--color-bg-elev);width:92px;height:30px;color:var(--color-text);font-variant-numeric:tabular-nums;padding:0 8px}.pos-price-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.pos-methods.is-three{grid-template-columns:repeat(3,1fr)}.login-screen{background:var(--color-bg-gradient);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--color-line);border-radius:var(--r-xl);background:var(--color-bg-elev);width:100%;max-width:420px;box-shadow:0 18px 40px -26px var(--color-overlay);flex-direction:column;gap:18px;padding:26px;display:flex}.login-head{align-items:center;gap:12px;display:flex}.login-title{margin:0 0 2px;font-size:1.1rem}.login-theme{margin-inline-start:auto}.login-form{flex-direction:column;gap:14px;display:flex}.login-submit{width:100%}.login-error{border-radius:var(--r-sm);background:var(--color-danger-soft);color:var(--color-danger);margin:0;padding:8px 10px;font-size:.85rem}.app-nav-signout{color:var(--color-danger)}
@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f24afcaf82da7927-s.p.429wgbxrczaka.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d4244c886cf74367-s.p.20zs3xspc_yv2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8ba355a0b86c3884-s.p.36zoch11nhyhm.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/51fb5bf84c922f54-s.p.23nji1cm44p6h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal Fallback;src:local(Arial);ascent-override:67.93%;descent-override:37.71%;line-gap-override:21.13%;size-adjust:94.66%}.rnE7uq_className{font-family:Tajawal,Tajawal Fallback;font-style:normal}.rnE7uq_variable{--font-tajawal:"Tajawal", "Tajawal Fallback"}
@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(../media/06716fb78f125b1f-s.p.1jif08y1wpazm.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(../media/7b6d484a2b70b800-s.1-02adt46su81.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(../media/d0dde97e35c3b596-s.3lr0ifk2ws6ue.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro;font-style:normal;font-weight:160 700;font-display:swap;src:url(../media/3972092ebe867b96-s.p.33bqs187kml9s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Readex Pro Fallback;src:local(Arial);ascent-override:92.3%;descent-override:23.07%;line-gap-override:0.0%;size-adjust:108.34%}.OZkjtq_className{font-family:Readex Pro,Readex Pro Fallback;font-style:normal}.OZkjtq_variable{--font-readex:"Readex Pro", "Readex Pro Fallback"}