:root{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:rgba(4,44,109,.06);--color-overlay:rgba(4,44,109,.5);--color-scrim:rgba(2,24,59,.72);--color-on-scrim:#fff;--color-scrim-strong:rgba(2,24,59,.92);--color-veneer-scrim:linear-gradient(0deg,rgba(2,24,59,.82),rgba(2,24,59,.48) 45%,rgba(2,24,59,.08));--color-tape-fill:rgba(243,152,84,.92);--color-walnut-veil:rgba(4,44,109,.55);--color-card-glass:hsla(0,0%,100%,.85);--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:#6d85aa;--color-line:#d8dee9;--color-line-strong:#b6c2d4;--color-accent:var(--c-brand-2);--color-accent-hover:#d45513;--color-accent-text:#9b4d11;--color-accent-soft:rgba(239,118,26,.14);--color-on-primary:#fff;--color-accent-shadow:0 10px 22px -8px rgba(239,118,26,.55);--color-accent-shadow-hover:0 14px 26px -8px rgba(239,118,26,.65);--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:rgba(244,245,248,.08);--color-on-walnut-line:rgba(244,245,248,.16);--color-tape:var(--c-brand-8);--color-on-tape:var(--c-brand-3);--color-success:#2e7d5b;--color-success-soft:rgba(46,125,91,.13);--color-stock:#2e7d5b;--color-danger:#b3261e;--color-danger-soft:rgba(179,38,30,.1);--color-warning:#8a5a00;--color-warning-soft:rgba(242,194,48,.28);--color-whatsapp:#25d366;--color-whatsapp-line:rgba(37,211,102,.4);--color-whatsapp-soft:rgba(37,211,102,.1);--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:rgba(239,118,26,.1);--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:0.875rem;--fs-xs:0.75rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--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 rgba(4,44,109,.06),0 2px 4px -2px rgba(4,44,109,.12);--sh-2:0 1px 0 rgba(4,44,109,.06),0 8px 18px -8px rgba(4,44,109,.18);--sh-3:0 2px 0 rgba(4,44,109,.05),0 22px 36px -14px rgba(4,44,109,.24);--t-fast:160ms cubic-bezier(.2,.7,.2,1);--t-med:320ms cubic-bezier(.16,1,.3,1);--container:1280px;--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;--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]{color-scheme:dark;--color-bg:#02183b;--color-bg-elev:#0d204a;--color-surface-2:#153b77;--color-hover:rgba(236,239,244,.08);--color-overlay:rgba(2,24,59,.75);--color-text:#f4f5f8;--color-text-2:#a2b1c9;--color-text-3:#6d85aa;--color-line:#153b77;--color-line-strong:#244c8f;--color-accent:#ef761a;--color-accent-hover:#f39854;--color-accent-text:#f39854;--color-accent-soft:rgba(239,118,26,.18);--color-success-soft:rgba(46,125,91,.24);--color-whatsapp-soft:rgba(37,211,102,.16);--color-danger-soft:rgba(179,38,30,.24);--color-warning:#f39854;--color-warning-soft:rgba(243,152,84,.18);--color-inverse-bg:#02183b;--color-inverse-card:#010f26;--chart-grid:#153b77;--color-card-glass:rgba(13,32,74,.85);--color-bg-gradient:linear-gradient(150deg,#02183b,#0d204a 50%,#153b77);--color-bg-vignette:radial-gradient(ellipse at 50% 45%,transparent 0%,transparent 35%,var(--color-overlay) 100%);--color-accent-shadow:0 10px 22px -8px rgba(239,118,26,.45);--color-accent-shadow-hover:0 14px 26px -8px rgba(239,118,26,.55);--sh-1:0 1px 0 rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.6);--sh-2:0 1px 0 rgba(0,0,0,.4),0 8px 18px -8px rgba(0,0,0,.7);--sh-3:0 2px 0 rgba(0,0,0,.4),0 22px 36px -14px rgba(0,0,0,.8)}html{background:var(--color-bg);background-color:var(--color-bg);background-image:var(--color-bg-gradient);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;min-height:100%}body{font-family:var(--font-text);background:transparent;color:var(--color-text);transition:background-color var(--t-med) ease,color var(--t-fast) ease}dd,h1,h2,h3,li,p{overflow-wrap:anywhere}img,svg,video{max-width:100%}.display,h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.005em;text-wrap:balance}.brand-logo-wrap{display:inline-flex;align-items:center;line-height:0;flex:none}.brand-logo{height:40px;width:auto}.brand-logo-on-dark,:root[data-theme=dark] .brand-logo-dark{display:none}:root[data-theme=dark] .brand-logo-on-dark{display:block}@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,select,textarea{caret-color:var(--color-accent)}html{scrollbar-color:var(--color-line-strong) transparent}.skip-link{position:absolute;top:-100px;inset-inline-start:16px;background:var(--color-accent);color:var(--color-on-primary);padding:10px 20px;border-radius:var(--r-md);font-weight:700;z-index:var(--z-skip);transition:top .2s;text-decoration:none}.skip-link:focus{top:16px}.board{background-color:transparent;background-image:var(--grain);position:relative}:root[data-theme=dark] .board{background-image:none}.ply-edge{height:18px;background:url(/board/ply-edge.svg) 0 0/1200px 18px repeat-x;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35)}:root[data-theme=dark] .ply-edge{filter:brightness(.45) saturate(.8)}.mm-rule{height:14px;color:var(--color-text-3);background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 40px) 0 0 /100% 14px no-repeat,repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 20px) 0 0 /100% 9px no-repeat,repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 4px) 0 0 /100% 5px no-repeat;opacity:.55}.pin{display:none!important}.tape{display:inline-block;font-family:var(--font-hand);font-weight:700;font-size:.95rem;line-height:1.2;color:var(--color-on-tape);padding:3px 14px 4px;white-space:nowrap;transform:rotate(-1.5deg);background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.1) 0 1px,transparent 1px 3px),var(--color-tape-fill);-webkit-mask:url(/board/tape-start.svg) left/8px 100% no-repeat,linear-gradient(#000,#000) center /calc(100% - 15px) 100% no-repeat,url(/board/tape-end.svg) right /8px 100% no-repeat;mask:url(/board/tape-start.svg) left/8px 100% no-repeat,linear-gradient(#000,#000) center /calc(100% - 15px) 100% no-repeat,url(/board/tape-end.svg) right /8px 100% no-repeat;filter:drop-shadow(0 1px 1px rgba(60,38,20,.28))}.tape-sm{font-size:.85rem;padding:1px 11px 2px}.card,.chip-card{background:var(--color-bg-elev);border-radius:var(--r-md);box-shadow:var(--sh-1);position:relative;overflow:hidden;transition:transform var(--t-med),box-shadow var(--t-med),filter var(--t-med)}.lift:focus-within,.lift:hover{transform:translateY(-4px) rotate(-.25deg);box-shadow:var(--sh-3)}.board-dim:has(.lift:hover) .lift:not(:hover){filter:saturate(.8) brightness(.97)}.card-media{position:relative;aspect-ratio:1/1;background:var(--color-surface-2);overflow:hidden}.card>.card-media:first-child,.chip-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{width:100%;height:100%;object-fit:cover;transition:transform var(--t-med)}.lift:hover .card-media img{transform:scale(1.035)}.veneer{position:relative;color:var(--color-on-walnut);background:var(--mat-walnut);overflow:hidden}.veneer>.veneer-img,.veneer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.veneer:after{content:"";position:absolute;inset:0;background:var(--color-veneer-scrim);pointer-events:none}.veneer>:not(img):not(.veneer-img){position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.card,.card-media img,.chip-card{transition:none}.lift:focus-within,.lift:hover,.lift:hover .card-media img{transform:none}}.card-fab{position:absolute;top:8px;inset-inline-end:8px;z-index:var(--z-card-ui);width:40px;height:40px;border-radius:var(--r-full);border:1px solid var(--color-line);display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--color-bg-elev);color:var(--color-text);box-shadow:var(--sh-1);transition:background-color var(--t-fast),color var(--t-fast),transform var(--t-fast)}.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}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:44px;min-width:44px;padding:12px 22px;border-radius:var(--r-md);font-weight:600;font-size:var(--fs-body);font-family:var(--font-text);cursor:pointer;border:1.5px solid transparent;transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);text-decoration:none;line-height:1.1}.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);transform:translateY(-1px);box-shadow:var(--sh-2)}.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:transparent}.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:transparent}.btn-ghost:hover{color:var(--color-text);background:var(--color-hover)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--r-full)}.btn-lg{padding:16px 30px;font-size:1.05rem;min-height:54px}.btn-sm{padding:8px 14px;font-size:var(--fs-sm);min-height:44px}.btn-icon.btn-sm{padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn svg{width:18px;height:18px;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:600;background:var(--color-accent-soft);color:var(--color-accent-text)}.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{background:rgba(243,152,84,.18);color:var(--mat-tape)}.badge-new{background:var(--brand-ink);color:var(--brand-paper)}.input{width:100%;min-height:44px;padding:11px 14px;border:1.5px solid var(--color-line-strong);border-radius:var(--r-md);font:inherit;background:var(--color-bg-elev);color:var(--color-text);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.input::placeholder{color:var(--color-text-3)}label.lbl{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:6px;color:var(--color-text-2)}.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);font-weight:700;line-height:1.25;margin:0 0 var(--sp-3)}.annbar{background:var(--mat-walnut);color:var(--color-on-walnut);overflow:hidden;position:relative}.annbar-track{display:flex;gap:var(--sp-12);white-space:nowrap;padding:9px 0;animation:marquee 26s linear infinite;width:max-content}@keyframes marquee{to{transform:translateX(50%)}}[dir=ltr] .annbar-track{animation-name:marquee-ltr}@keyframes marquee-ltr{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.annbar-track{animation:none}}.annbar:hover .annbar-track{animation-play-state:paused}.pgrid{display:grid;grid-gap:clamp(12px,2vw,24px);gap:clamp(12px,2vw,24px);grid-template-columns:repeat(auto-fill,minmax(min(232px,100%),1fr))}@media (min-width:481px) and (max-width:820px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}}.price{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.price-old{text-decoration:line-through;color:var(--color-text-3);font-weight:400;font-size:var(--fs-sm)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skeleton{background:linear-gradient(90deg,var(--color-line) 25%,transparent 50%,var(--color-line) 75%);background-size:200% 100%;animation:sk 1.4s infinite;border-radius:var(--r-md)}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reveal{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.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{position:fixed;bottom:20px;inset-inline-end:20px;z-index:var(--z-fab);width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:var(--mat-walnut);color:var(--color-on-walnut);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-2);opacity:0;pointer-events:none;transition:opacity var(--t-med),transform var(--t-med);transform:translateY(8px)}.scrolltop.show{opacity:.92;pointer-events:auto;transform:none}@media (max-width:640px){.scrolltop{display:none}}.drawer-ov{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-drawer);opacity:0;pointer-events:none;transition:opacity var(--t-med)}.drawer-ov.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(320px,85vw);background:var(--color-bg-elev);z-index:calc(var(--z-drawer) + 1);padding:24px;display:flex;flex-direction:column;gap:8px;transform:translateX(100%);transition:transform var(--t-med),visibility var(--t-med);visibility:hidden;pointer-events:none;overflow-y:auto}[dir=rtl] .drawer{transform:translateX(-100%)}.drawer.open{transform:none;visibility:visible;pointer-events:auto}.drawer a{padding:12px 8px;font-weight:600;border-bottom:1px solid var(--color-line);text-decoration:none}.bdg{position:absolute;top:10px;inset-inline-start:8px;display:grid;justify-items:start;grid-gap:6px;gap:6px;z-index:calc(var(--z-card-ui) - 1);max-width:calc(100% - 64px);pointer-events:none}.bdg span{font-family:var(--font-hand);font-size:.8rem;font-weight:700;line-height:1.2;padding:2px 9px 3px;color:var(--color-on-status);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transform:rotate(-1.5deg);box-shadow:0 1px 2px rgba(4,44,109,.2)}.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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.stack{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.stack-lg{display:grid;grid-gap:var(--sp-8);gap:var(--sp-8)}.row,.row-between{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.row-between{justify-content:space-between}.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{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-8)}.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)}.crumbs,.page-actions{display:flex;flex-wrap:wrap}.crumbs{gap:6px;align-items:center;font-size:var(--fs-sm);color:var(--color-text-3);margin-bottom:var(--sp-4)}.crumbs a{color:var(--color-text-2);text-decoration:none}.crumbs a:hover{color:var(--color-text);text-decoration:underline}.panel{background:var(--color-bg-elev);border-radius:var(--r-md);box-shadow:var(--sh-1);display:flex;flex-direction:column;min-width:0;position:relative}.panel-head{justify-content:space-between;gap:var(--sp-3);padding:16px 18px 12px;border-bottom:1px solid var(--color-line)}.panel-head,.panel-title{display:flex;align-items:center}.panel-title{font-size:1.05rem;gap:10px}.panel-body{padding:18px;display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.panel-foot{padding:14px 18px;border-top:1px solid var(--color-line);display:flex;gap:var(--sp-3);justify-content:flex-end;flex-wrap:wrap}.panel-link{font-size:.85rem;font-weight:600;color:var(--color-accent-text);min-height:32px;display:inline-flex;align-items:center;gap:4px;text-decoration:none}.panel-link:hover{text-decoration:underline}.panel-empty{color:var(--color-text-3);font-size:.9rem;padding:18px 0}.layout-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-gap:var(--sp-8);gap:var(--sp-8);align-items:start}.layout-aside-start{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.aside-sticky{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 16px)}@media (max-width:900px){.layout-aside,.layout-aside-start{grid-template-columns:1fr}.aside-sticky{position:static}}.form{grid-gap:var(--sp-4)}.form,.form-grid{display:grid;gap:var(--sp-4)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));grid-gap:var(--sp-4)}.field{display:grid;grid-gap:6px;gap:6px}.field .lbl{margin:0}.hint{font-size:var(--fs-xs);color:var(--color-text-3)}textarea.input{min-height:112px;resize:vertical;line-height:1.6}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:500;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--color-accent)}.form-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:var(--r-md);font-size:.93rem;font-weight:500;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-line-strong)}.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{display:grid;justify-items:center;text-align:center;grid-gap:var(--sp-3);gap:var(--sp-3);padding:clamp(40px,8vw,72px) var(--sp-6)}.empty-icon{color:var(--color-text-3)}.empty-title{font-size:var(--fs-h3)}.empty-text{color:var(--color-text-2);max-width:46ch}.result-icon{color:var(--color-success)}.summary{display:grid;grid-gap:10px;gap:10px}.summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:.95rem}.summary-row>:first-child{color:var(--color-text-2)}.summary-row .price{color:var(--color-text)}.summary-total{padding-top:12px;margin-top:4px;border-top:1px solid var(--color-line);font-weight:700;font-size:1.05rem}.summary-total>:first-child{color:var(--color-text)}.summary-saving .price{color:var(--color-success)}.kv{width:100%;border-collapse:collapse;font-size:.93rem}.kv td,.kv th{padding:11px 0;border-bottom:1px solid var(--color-line);text-align:start;vertical-align:top}.kv th{color:var(--color-text-3);font-weight:500;width:40%}.kv td{font-weight:600}.table-responsive,.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-md);background:var(--color-bg-elev);box-shadow:var(--sh-1)}.table,table.admin{width:100%;min-width:640px;border-collapse:collapse;background:var(--color-bg-elev)}.table th,table.admin th{text-align:start;font-size:.8rem;font-weight:700;color:var(--color-text-3);background:var(--color-surface-2);white-space:nowrap}.table td,.table th,table.admin td,table.admin th{padding:13px 16px;border-bottom:1px solid var(--color-line)}.table td,table.admin td{font-size:.92rem;vertical-align:middle}.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-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.td-wrap{white-space:normal;min-width:220px;max-width:360px}.stars{display:inline-flex;gap:2px;color:var(--mat-brass);vertical-align:middle}.stars .off{color:var(--color-line-strong)}.qty{border:1.5px solid var(--color-line-strong);border-radius:var(--r-md);overflow:hidden}.qty,.qty button{display:inline-flex;align-items:center}.qty button{width:40px;height:40px;border:0;background:transparent;color:var(--color-text);cursor:pointer;justify-content:center;font:inherit;font-size:1.1rem}.qty button:hover{background:var(--color-hover)}.qty span{min-width:36px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.thumb{position:relative;flex:none;width:72px;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:var(--color-surface-2)}.thumb-sm{width:48px}.pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:var(--sp-8)}.pager a,.pager span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-md);font-weight:600;text-decoration:none;background:var(--color-bg-elev);box-shadow:var(--sh-1)}.pager [aria-current=page]{background:var(--color-accent);color:var(--color-on-primary)}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;overscroll-behavior:contain;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.modal-dialog{background:var(--color-bg-elev);border-radius:var(--r-lg);box-shadow:var(--sh-3);width:min(580px,100%);max-height:90vh;max-height:90dvh;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.modal-dialog,.modal-dialog>form{display:flex;flex-direction:column}.modal-dialog>form{flex:1 1 auto;min-height:0}.modal-header{flex:none;padding:18px 22px;border-bottom:1px solid var(--color-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-body{flex:1 1 auto;min-height:0;padding:22px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;align-content:start;grid-gap:18px;gap:18px}.modal-footer{flex:none;padding:14px 22px;border-top:1px solid var(--color-line);display:flex;justify-content:flex-end;gap:12px;background:var(--color-surface-2)}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-dialog{width:100%;max-height:92vh;max-height:92dvh;border-radius:var(--r-lg) var(--r-lg) 0 0}.modal-header{padding:14px 16px}.modal-body{padding:16px;gap:14px}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.modal-footer .btn{flex:1 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-dialog,.modal-overlay{animation:none}}.site-footer{margin-top:auto;background:var(--color-bg-elev)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));grid-gap:var(--sp-8);gap:var(--sp-8);padding-block:var(--sp-12) var(--sp-8)}.footer-col{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);align-content:start;justify-items:start}.footer-title{font-size:1rem}.footer-text{color:var(--color-text-2);font-size:.9rem;line-height:1.8}.footer-links{list-style:none;display:grid;grid-gap:4px;gap:4px}.footer-links a{display:inline-flex;align-items:center;min-height:36px;color:var(--color-text-2);text-decoration:none;font-size:.92rem}.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);font-size:.82rem;color:var(--color-text-3);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.footer-author{color:var(--color-text-2);text-decoration:none;font-weight:600;transition:color var(--t-fast)}.footer-author:hover{color:var(--color-accent-text);text-decoration:underline}@media (max-width:640px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);padding-block:var(--sp-6) var(--sp-4)}.footer-col-brand{grid-column:1/-1;margin-bottom:var(--sp-2)}.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;flex-direction:column;gap:var(--sp-2);font-size:.78rem}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg-elev);box-shadow:0 1px 0 var(--color-line),var(--sh-1)}.site-header-row{display:flex;align-items:center;gap:var(--sp-4);height:var(--header-h)}.site-brand{display:inline-flex;align-items:center;flex:none}.main-nav{display:flex;gap:var(--sp-1);flex:1 1;min-width:0}.nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border-radius:var(--r-md);font-weight:600;font-size:.92rem;color:var(--color-text-2);text-decoration:none;white-space:nowrap;transition:background-color var(--t-fast),color var(--t-fast)}.nav-link:hover{color:var(--color-text);background:var(--color-hover)}.search-form{position:relative;display:flex;flex:1 1;max-width:380px}.search-form .input{-webkit-padding-start:40px;padding-inline-start:40px}.search-icon{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--color-text-3);pointer-events:none}.site-tools{display:flex;align-items:center;gap:var(--sp-1);-webkit-margin-start:auto;margin-inline-start:auto}.has-count{position:relative}.has-count .cart-count{position:absolute;top:2px;inset-inline-end:0}.site-cart{gap:6px;padding:0 14px}.cart-count{background:var(--color-accent);color:var(--color-on-primary);font-weight:700;border-radius:var(--r-full);min-width:18px;height:18px;font-size:.68rem;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.drawer-btn{display:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}@media (max-width:1100px){.search-form{max-width:260px}}@media (max-width:860px){.drawer-btn{display:inline-flex}.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)}}.annbar-item{display:inline-flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600}.annbar-tag{transform:none}.annbar-link{color:inherit;text-decoration:underline;text-underline-offset:3px}.shimmer{background:linear-gradient(90deg,var(--color-surface-2) 30%,var(--color-line-strong) 50%,var(--color-surface-2) 70%);background-size:400%;animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{background-position:100% 100%}to{background-position:0 0}}.img-shimmer-wrap{position:relative;overflow:hidden;width:100%;height:100%}.img-shimmer-wrap img{transition:opacity .3s ease-in-out}.img-shimmer-wrap.is-loading img{opacity:0}.img-shimmer-wrap.is-loaded img{opacity:1}.img-shimmer-wrap.is-loaded:before{display:none}.img-shimmer-wrap:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--color-surface-2) 30%,var(--color-line-strong) 50%,var(--color-surface-2) 70%);background-size:400%;animation:shimmer 1.5s linear infinite;pointer-events:none}[data-scrollbar]{position:relative;overflow:hidden}.scroll-content{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;max-height:80vh}.scroll-content::-webkit-scrollbar{display:none}.scrollbar-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.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)}