:root{--bg: #f9fafb;--surface: #ffffff;--surface-sunk: #f3f4f6;--border: #e5e7eb;--text: #111827;--text-dim: #374151;--text-faint: #6b7280;--primary: #2563eb;--primary-dark: #1d4ed8;--primary-soft: rgba(37, 99, 235, .1);--link: #2563eb;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-ink: #ffffff;--success: #16a34a;--success-soft: rgba(22, 163, 74, .12);--warning: #b45309;--warning-soft: rgba(245, 158, 11, .16);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--hero-bg: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--hero-ink: #ffffff;--hero-dim: #dbeafe;--footer-bg: #0f172a;--footer-ink: #f1f5f9;--footer-dim: #94a3b8;--footer-accent: #60a5fa;--nav-bg: rgba(249, 250, 251, .85);--shadow: 0 12px 28px -12px rgba(17, 24, 39, .2);--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--ease: cubic-bezier(.22, 1, .36, 1);--font: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Poppins", "Inter", -apple-system, sans-serif}[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--surface-sunk: #334155;--border: #334155;--text: #f1f5f9;--text-dim: #cbd5e1;--text-faint: #94a3b8;--primary-soft: rgba(59, 130, 246, .2);--link: #60a5fa;--success: #4ade80;--success-soft: rgba(74, 222, 128, .14);--warning: #fbbf24;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--hero-bg: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%);--footer-bg: #0b1120;--nav-bg: rgba(15, 23, 42, .85);--shadow: 0 12px 28px -12px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-variant-numeric:tabular-nums}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;letter-spacing:-.015em;margin:0;line-height:1.12}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,video{max-width:100%;display:block}:focus-visible{outline:3px solid var(--link);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.route-in{animation:fade-in .4s var(--ease) both}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s,transform .08s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{background:var(--accent-dark)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-sunk)}.btn-danger{background:var(--danger);color:#fff}.btn-outline-light{background:transparent;color:var(--hero-ink);border-color:#f0fafa66}.btn-outline-light:hover{background:#ffffff1a}.btn-sm{padding:8px 15px;font-size:13.5px}.btn-lg{padding:15px 28px;font-size:16px}.btn-block{width:100%}.btn.danger,.link-btn.danger{color:var(--danger)}.link-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:4px 0;color:var(--link);font-weight:600;font-size:14px;cursor:pointer}.link-btn:hover{text-decoration:underline}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;border:0;background:transparent;color:var(--text);cursor:pointer;flex-shrink:0;transition:background .15s}.icon-btn:hover{background:var(--surface-sunk)}input,select,textarea{font-family:inherit;font-size:16px;width:100%;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:12px 14px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{outline:3px solid var(--primary-soft);border-color:var(--link)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600;font-size:14px}.field small{color:var(--text-faint);font-size:13px}.form{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.form .field{width:100%}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--border);border-radius:999px;background:var(--surface)}.stepper button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:transparent;color:var(--text);border-radius:50%;cursor:pointer}.stepper button:hover{background:var(--surface-sunk)}.stepper span{min-width:30px;text-align:center;font-weight:700}.nav{position:sticky;top:0;z-index:40;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1240px;margin:0 auto;padding:10px 24px;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-family:var(--font-heading);font-weight:700;font-size:21px;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px 12px 12px 4px;background:var(--primary);color:#fff;font-size:15px}.nav-search-wide{display:none;justify-self:center;width:100%;max-width:580px}.nav-actions{display:flex;align-items:center;gap:4px;grid-column:3}.nav-orders{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;color:var(--text);font-weight:600;font-size:14.5px}.nav-orders:hover{background:var(--surface-sunk);text-decoration:none}.nav-orders.active{background:var(--primary-soft);color:var(--link)}.nav-cart{position:relative;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;margin-left:6px;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;font-size:14.5px}.nav-cart:hover{background:var(--primary-dark);text-decoration:none}.nav-cart-badge{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#fff;color:var(--primary);font-size:12px;font-weight:800}.nav-search-sheet{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .35s var(--ease),visibility 0s .35s}.nav-search-sheet.open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .35s var(--ease),visibility 0s}.nav-search-sheet-inner{min-height:0;overflow:hidden;max-width:1240px;width:100%;margin:0 auto;padding:0 16px;opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .35s var(--ease)}.nav-search-sheet.open .nav-search-sheet-inner{opacity:1;transform:none;overflow:visible;padding-bottom:14px}.nav-search-sheet:not(.open) .nav-search-sheet-inner{overflow:hidden}.ns{position:relative;width:100%}.ns-box{position:relative;display:flex;align-items:center}.ns-box input{padding:12px 88px 12px 20px;border-radius:999px;background:var(--surface);border-color:var(--border);height:46px;transition:border-color .2s,box-shadow .2s}.ns-box input::-webkit-search-cancel-button,.ns-box input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.ns-box input::-ms-clear{display:none}.ns-submit{position:absolute;right:5px;width:36px;height:36px;border-radius:50%;border:0;background:var(--primary);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .15s var(--ease)}.ns-submit:hover{background:var(--primary-dark)}.ns-submit:active{transform:scale(.92)}.ns-clear{position:absolute;right:46px;width:28px;height:28px;border-radius:50%;border:0;background:var(--surface-sunk);color:var(--text-dim);display:grid;place-items:center;cursor:pointer}.ns-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);padding:6px;max-height:70vh;overflow:auto;transform-origin:top center;animation:pop-in .2s var(--ease)}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}.ns-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:8px;border-radius:var(--r-sm);color:var(--text)}.ns-item:hover{background:var(--surface-sunk);text-decoration:none}.ns-thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--surface-sunk)}.ns-thumb img{width:100%;height:100%;object-fit:cover}.ns-text{display:flex;flex-direction:column;min-width:0}.ns-text strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-text small{color:var(--text-faint)}.ns-price{font-weight:700;font-size:14px}.ns-note{padding:14px;color:var(--text-dim);font-size:14.5px}.ns-all{width:100%;margin-top:4px;padding:11px;border:0;border-top:1px solid var(--border);background:transparent;color:var(--link);font-weight:700;cursor:pointer;border-radius:0 0 var(--r-sm) var(--r-sm)}.ns-all:hover{background:var(--surface-sunk)}@media (min-width: 980px){.nav-search-wide{display:block}.nav-search-toggle,.nav-search-sheet{display:none}}@media (max-width: 979px){.nav-inner{grid-template-columns:1fr auto}.nav-actions{grid-column:2}}@media (max-width: 640px){.nav-inner{padding:8px 12px;gap:8px;min-height:60px}.brand-name,.nav-orders span,.nav-cart-label{display:none}.nav-orders{width:42px;padding:0;justify-content:center}.nav-cart{padding:0 12px;margin-left:2px}}.showcase-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s var(--ease),opacity .35s ease,visibility 0s}.showcase-wrap.collapsed{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .5s var(--ease),opacity .25s ease,visibility 0s .5s}.showcase-clip{overflow:hidden;min-height:0}.showcase{max-width:1240px;margin:20px auto 0;width:calc(100% - 32px);border-radius:28px;background:var(--hero-bg);color:var(--hero-ink);overflow:hidden;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:20px;align-items:end;padding:40px 48px 0}.showcase-copy{padding-bottom:44px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.showcase h1{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.05}.showcase .btn{background:#fff;color:var(--primary-dark)}.showcase .btn:hover{background:#dbeafe}.arches{display:flex;align-items:flex-end;justify-content:flex-end;gap:14px}.arch{position:relative;display:block;flex:1 1 0;max-width:190px;border-radius:999px 999px 0 0;overflow:hidden;background:#ffffff24;border:5px solid rgba(255,255,255,.92);border-bottom:0;transition:transform .35s var(--ease);animation:arch-rise .8s var(--ease) backwards;animation-delay:calc(var(--i) * 90ms + .1s)}.arch img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.arch:hover{transform:translateY(-8px);text-decoration:none}.arch:hover img{transform:scale(1.06)}.arch-label{position:absolute;left:0;right:0;bottom:0;padding:38px 10px 12px;text-align:center;color:#fff;background:linear-gradient(to top,rgba(8,20,60,.82),transparent);display:flex;flex-direction:column;gap:1px}.arch-label b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arch-label span{font-size:13px;font-weight:700;color:#dbeafe}.arch-0{height:240px}.arch-1{height:300px}.arch-2{height:260px}.arch-3{height:220px}.arch-empty{pointer-events:none}@keyframes arch-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (max-width: 860px){.showcase{grid-template-columns:1fr;padding:26px 20px 0;border-radius:24px;margin-top:14px;gap:14px}.showcase-copy{padding-bottom:0;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.showcase h1{font-size:26px}.arches{gap:8px;justify-content:center}.arch{border-width:4px}.arch-0{height:150px}.arch-1{height:190px}.arch-2{height:165px}.arch-3{height:140px}.arch-label b,.arch-label span{font-size:12px}.arch-3{display:none}}.chips{max-width:1240px;margin:26px auto 0;padding:0 24px 6px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{transition:background .25s var(--ease),color .25s,border-color .25s,transform .15s;flex-shrink:0;padding:9px 18px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:14.5px;font-weight:600;cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--text-faint)}.chip:active{transform:scale(.96)}.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.section-head{max-width:1240px;margin:0 auto;padding:30px 24px 4px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.section-head h2{font-size:28px}.section-head span{color:var(--text-faint);font-size:14.5px}.grid{max-width:1240px;margin:0 auto;padding:18px 24px 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:20px}.card-in{animation:card-in .5s var(--ease) backwards;animation-delay:calc(min(var(--i, 0),11)*45ms)}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.grid{transition:opacity .3s ease,filter .3s ease}.grid.busy{opacity:.45;filter:saturate(.8);pointer-events:none}.fade-in{animation:fade-in .4s var(--ease) both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);transition:box-shadow .2s,transform .2s}.card:hover,.card:focus-within{box-shadow:var(--shadow);transform:translateY(-3px)}.card-media{position:relative;display:block}.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px;flex:1}.card-cat{font-size:13px;color:var(--text-faint)}.card-name{font-weight:700;font-size:16.5px;color:var(--text);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-name:hover{text-decoration:none;color:var(--link)}.swatches{display:flex;gap:5px;margin-top:2px}.color-dot{width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(0,0,0,.14)}.card-foot{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-weight:800;font-size:17.5px}.tag{position:absolute;top:12px;left:12px;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:700;z-index:2}.tag-out{background:var(--text);color:var(--bg)}.tag-low{background:#f59e0b;color:#111827}.ms{position:relative;overflow:hidden;background:var(--surface-sunk);aspect-ratio:1 / 1;touch-action:pan-y}.ms-detail{border-radius:var(--r-lg);border:1px solid var(--border)}.ms-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.045);transition:opacity 1s ease,transform 4.5s ease-out;-webkit-user-select:none;user-select:none}.ms-img.on{opacity:1;transform:scale(1)}.ms-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-faint);font-size:14px}.ms-video{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;transition:opacity .6s ease}.ms-video.ready{opacity:1}.ms-video video{width:100%;height:100%;object-fit:cover}.ms-frame{position:absolute;top:0;bottom:0;left:50%;width:177.78%;transform:translate(-50%);border:0;pointer-events:none}.ms-arrow,.ms-sound{position:absolute;z-index:3;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;background:#0a14168c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.ms-arrow:hover,.ms-sound:hover{background:#0a1416cc}.ms-arrow{top:50%;transform:translateY(-50%);width:42px;height:42px}.ms-arrow.prev{left:12px}.ms-arrow.next{right:12px}.ms-sound{right:12px;bottom:12px;width:38px;height:38px}.skeleton-card{min-height:320px;background:linear-gradient(100deg,var(--surface-sunk) 30%,var(--surface) 50%,var(--surface-sunk) 70%);background-size:300% 100%;animation:shimmer 1.4s linear infinite;border:0}.skeleton-row{height:120px;border-radius:var(--r-lg);background:linear-gradient(100deg,var(--surface-sunk) 30%,var(--surface) 50%,var(--surface-sunk) 70%);background-size:300% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-300% 0}}.pd{max-width:1240px;margin:0 auto;padding:28px 24px 24px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:start}.pd-media{position:sticky;top:92px}.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:3px;scrollbar-width:thin}.thumb{flex:0 0 auto;width:70px;height:70px;padding:0;border-radius:12px;overflow:hidden;border:2px solid transparent;background:var(--surface-sunk);cursor:pointer;opacity:.7;transition:opacity .2s,border-color .2s,transform .2s var(--ease)}.thumb:hover{opacity:1}.thumb.on{border-color:var(--primary);opacity:1}[data-theme=dark] .thumb.on{border-color:var(--link)}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.crumbs{font-size:14px;color:var(--text-faint);margin-bottom:14px}.pd-info h1{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.03em}.pd-price{margin-top:14px;font-size:30px;font-weight:800}.stock{display:inline-block;margin-top:10px;padding:4px 12px;border-radius:999px;font-size:13.5px;font-weight:700}.stock.in{background:var(--success-soft);color:var(--success)}.stock.low{background:var(--warning-soft);color:var(--warning)}.stock.out{background:var(--danger-soft);color:var(--danger)}.pd-desc{margin-top:20px;color:var(--text-dim);line-height:1.7;max-width:52ch}.opt{margin-top:24px}.opt-label{font-weight:700;font-size:14.5px;margin-bottom:10px}.opt-label b{font-weight:500;color:var(--text-dim);margin-left:8px}.opt-swatches,.opt-pills{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:40px;height:40px;padding:0;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer}.swatch span{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.swatch.on{border-color:var(--link);box-shadow:0 0 0 3px var(--primary-soft)}.pill{padding:9px 18px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:14.5px;cursor:pointer}.pill.on{background:var(--primary);border-color:var(--primary);color:#fff}.buy{margin-top:30px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.buy .btn{flex:1;min-width:190px}.added-note{margin-top:12px;font-size:14.5px;color:var(--text-dim)}.assure{margin-top:30px;padding-top:22px;border-top:1px solid var(--border);display:grid;gap:12px;color:var(--text-dim);font-size:14.5px}.assure li{display:flex;gap:12px;align-items:flex-start}.assure svg{flex-shrink:0;color:var(--link);margin-top:1px}.related{padding-bottom:56px}.rail{max-width:1240px;margin:0 auto;padding:18px 24px 8px;scroll-padding:0 24px;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.rail .card{flex:0 0 236px;scroll-snap-align:start}@media (max-width: 900px){.pd{grid-template-columns:1fr;gap:26px;padding:16px}.pd-media{position:static}}.page{margin:0 auto;padding:34px 24px 64px}.page-narrow{max-width:620px}.page-mid{max-width:860px}.page-wide{max-width:1120px}.page h1{font-size:clamp(28px,3.4vw,38px)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head .sub{color:var(--text-faint);margin-top:4px;font-size:14.5px}.count-chip{margin-left:10px;padding:4px 12px;font-family:var(--font);font-size:14px;font-weight:600;border-radius:999px;background:var(--primary-soft);color:var(--link);vertical-align:middle;letter-spacing:0}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.summary{position:sticky;top:92px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:10px}.summary h2{font-size:21px;margin-bottom:4px}.row{display:flex;justify-content:space-between;gap:12px;color:var(--text-dim)}.row.muted{font-size:14px;color:var(--text-faint)}.row.grand{color:var(--text);font-weight:800;font-size:20px;padding-top:12px;margin:4px 0 8px;border-top:1px solid var(--border)}.fine{font-size:13.5px;color:var(--text-faint);line-height:1.5}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px}.panel h2{font-size:21px;margin-bottom:16px}.co-main{display:grid;gap:20px}@media (max-width: 920px){.two-col{grid-template-columns:1fr}.summary{position:static}.page{padding:22px 16px 48px}}.empty{padding:48px 16px;text-align:center;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:16px}.empty-big{padding:72px 16px}.empty-big svg{color:var(--text-faint)}.cart-lines{display:grid;gap:14px}.cart-line{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:18px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px}.cart-thumb{width:96px;height:96px;border-radius:var(--r-md);overflow:hidden;background:var(--surface-sunk)}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-info{display:flex;flex-direction:column;gap:3px;min-width:0}.cart-name{font-weight:700;font-size:17px;color:var(--text)}.cart-variant{font-size:14px;color:var(--text-faint)}.cart-unit{font-size:14px;color:var(--text-dim)}.cart-controls{margin-top:10px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cart-total{font-weight:800;font-size:18px;padding-top:2px}@media (max-width: 560px){.cart-line{grid-template-columns:72px minmax(0,1fr);gap:12px}.cart-thumb{width:72px;height:72px}.cart-total{grid-column:2;padding:0}}.steps{display:flex;gap:22px;margin:16px 0 26px;flex-wrap:wrap;font-weight:600;color:var(--text-faint)}.steps li{display:inline-flex;align-items:center;gap:9px}.steps span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border);font-size:13px}.steps .current{color:var(--text)}.steps .current span{background:var(--primary);border-color:var(--primary);color:#fff}.steps .done{color:var(--success)}.steps .done span{background:var(--success);border-color:var(--success);color:#fff}.who{display:flex;align-items:center;justify-content:space-between;gap:12px}.who div{display:flex;flex-direction:column}.who span{color:var(--text-dim)}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:18px;border-radius:var(--r-md);border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:14.5px}.option svg{color:var(--link)}.option strong{font-size:16.5px}.option span{color:var(--text-dim)}.option:hover{border-color:var(--text-faint)}.option.on{border-color:var(--link);background:var(--primary-soft)}@media (max-width: 560px){.options{grid-template-columns:1fr}}.mini-lines{display:grid;gap:12px;margin-bottom:4px;border-bottom:1px solid var(--border);max-height:300px;overflow:auto;padding:8px 8px 12px 0}.mini-lines li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;font-size:14.5px;font-weight:600}.mini-thumb{position:relative;width:52px;height:52px;border-radius:12px;background:var(--surface-sunk)}.mini-thumb img{width:100%;height:100%;object-fit:cover;border-radius:12px}.mini-thumb b{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--text);color:var(--bg);font-size:12px}.mini-name small{display:block;color:var(--text-faint);font-weight:400}.note{display:flex;gap:8px;align-items:center;padding:12px 16px;border-radius:var(--r-sm);font-size:14.5px;margin-bottom:16px}.note-bad{background:var(--danger-soft);color:var(--danger)}.note-ok{background:var(--success-soft);color:var(--success)}.seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--surface-sunk)}.seg button{border:0;background:transparent;padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;color:var(--text-dim);cursor:pointer}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.order-list{display:grid;gap:14px}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.order-card.open{box-shadow:var(--shadow)}.order-summary{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 18px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.order-summary:hover{background:var(--primary-soft)}.order-thumbs{display:flex}.order-thumbs img,.order-thumbs-empty{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid var(--surface);margin-left:-14px;background:var(--surface-sunk)}.order-thumbs>:first-child{margin-left:0}.order-meta{display:flex;flex-direction:column;min-width:0}.order-meta small{color:var(--text-faint);font-size:13.5px}.order-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.order-chev{color:var(--text-faint);transition:transform .35s var(--ease)}.order-card.open .order-chev{transform:rotate(180deg)}.order-collapse{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .4s var(--ease),visibility 0s .4s}.order-card.open .order-collapse{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .4s var(--ease),visibility 0s}.order-collapse>div{min-height:0;overflow:hidden}.order-body{padding:4px 18px 22px;border-top:1px solid var(--border)}@media (max-width: 600px){.order-summary{grid-template-columns:auto minmax(0,1fr) auto}.order-chev{display:none}.order-thumbs img:nth-child(n+3){display:none}}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--surface-sunk);color:var(--text-dim)}.badge-pending{background:var(--warning-soft);color:var(--warning)}.badge-confirmed,.badge-ready,.badge-assigned{background:var(--primary-soft);color:var(--link)}.badge-delivered,.badge-completed{background:var(--success-soft);color:var(--success)}.badge-cancelled{background:var(--danger-soft);color:var(--danger)}.op{padding-top:14px}.op-items li{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 0;border-bottom:1px solid var(--border)}.op-items li.removed{opacity:.5}.op-thumb{width:76px;height:76px;border-radius:var(--r-md);overflow:hidden;background:var(--surface-sunk)}.op-thumb img{width:100%;height:100%;object-fit:cover}.op-info{display:flex;flex-direction:column;gap:2px;min-width:0}.op-name{font-weight:700;color:var(--text)}.op-unit,.op-qty{font-size:14px;color:var(--text-dim)}.op-line{font-weight:800}.op-edit-row{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap}.op-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:28px;padding:20px 0 6px}.op-cols h4{font-size:16px;margin-bottom:10px}.op-text{display:flex;gap:8px;color:var(--text-dim);font-size:15px}.op-text svg{flex-shrink:0;margin-top:3px;color:var(--link)}.op-totals{display:grid;gap:8px;align-content:start}.choice-row{display:flex;gap:10px;margin-bottom:14px}.choice{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer}.choice.on{border-color:var(--link);background:var(--primary-soft)}.op .field{margin-top:4px;gap:10px;align-items:flex-start}.op .field textarea{width:100%}.timeline{margin:22px 0 6px;display:grid;gap:0}.timeline li{position:relative;display:flex;gap:14px;align-items:center;padding:8px 0;color:var(--text-faint);font-size:15px}.timeline li:not(:last-child):after{content:"";position:absolute;left:10px;top:30px;bottom:-8px;width:2px;background:var(--border)}.timeline .dot{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:grid;place-items:center;color:#fff}.timeline .done{color:var(--text-dim)}.timeline .done .dot{background:var(--success);border-color:var(--success)}.timeline .done:after{background:var(--success)!important}.timeline .current{color:var(--text);font-weight:700}.timeline .current .dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px var(--primary-soft)}.op-actions{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.op-hint{margin-top:12px;font-size:14px;color:var(--text-faint)}.op-actions .op-hint{margin:0}.confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:600}@media (max-width: 700px){.op-cols{grid-template-columns:1fr;gap:20px}.op-items li{grid-template-columns:60px minmax(0,1fr)}.op-thumb{width:60px;height:60px}.op-line{grid-column:2}}.footer{margin-top:24px;background:var(--footer-bg);color:var(--footer-ink)}.footer a{color:var(--footer-ink)}.footer-grid{max-width:1240px;margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:1.3fr 1.1fr 1fr 1fr;gap:40px}.footer h3{font-size:16px;margin-bottom:16px}.footer-brand{font-family:var(--font-heading);font-weight:700;font-size:24px;letter-spacing:-.02em}.footer-about p{margin-top:10px;color:var(--footer-dim);max-width:32ch}.social{display:flex;gap:10px;margin-top:22px}.social a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(148,163,184,.35);transition:background .2s,border-color .2s,transform .2s var(--ease)}.social a:hover{background:var(--primary);border-color:var(--primary);color:#fff;text-decoration:none;transform:translateY(-2px)}.footer-list{display:grid;gap:14px;color:var(--footer-dim)}.footer-list li{display:flex;gap:12px;align-items:flex-start}.footer-list svg{flex-shrink:0;margin-top:3px;color:var(--footer-accent)}.footer-list .hours span span{display:block}.footer-links{display:grid;gap:10px}.footer-links a,.footer-list a{color:var(--footer-dim);transition:color .15s}.footer-links a:hover,.footer-list a:hover{color:#fff}.footer-bar{max-width:1240px;margin:0 auto;padding:20px 24px 28px;border-top:1px solid rgba(148,163,184,.2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--footer-dim);font-size:14px}.footer-bar a{color:var(--footer-accent);font-weight:600}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-about{grid-column:1 / -1}}@media (max-width: 520px){.footer-grid{grid-template-columns:1fr;padding-top:40px}}@media (max-width: 640px){.chips,.section-head,.grid,.rail{padding-left:14px;padding-right:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}.card-name{font-size:15px}.price{font-size:15.5px}.card-foot .btn{padding:7px 12px}.rail .card{flex-basis:190px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}