:root{--ink: #1b1715;--ink-2: #332c27;--text: #2a241f;--muted: #6d635a;--faint: #9b9086;--line: #e7e0d6;--line-2: #f1ebe3;--canvas: #f7f3ee;--surface: #ffffff;--surface-2: #faf6f1;--surface-3: #f2ece4;--copper: #b5562a;--copper-dk: #8e4120;--copper-lt: #f3e3d9;--brass: #a9762a;--sage: #4f6b58;--price: #a8402a;--ok: #3f6b52;--warn: #9a6b1f;--danger: #a33a2c;--sans: "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--num: "SF Pro Display", "Segoe UI", -apple-system, "Helvetica Neue", sans-serif;--fs-display: clamp(32px, 4.2vw, 56px);--fs-h1: clamp(24px, 2.4vw, 34px);--fs-h2: 21px;--fs-h3: 16px;--fs-body: 14px;--fs-sm: 12.5px;--fs-xs: 11.5px;--r-sm: 6px;--r: 12px;--r-lg: 18px;--gut: clamp(16px, 4vw, 72px);--max: 1760px;--sh-1: 0 1px 2px rgba(43, 34, 28, .04), 0 2px 8px rgba(43, 34, 28, .04);--sh-2: 0 4px 14px rgba(43, 34, 28, .06), 0 14px 34px rgba(43, 34, 28, .07);--sh-3: 0 20px 56px rgba(43, 34, 28, .16);--ease: cubic-bezier(.2, .7, .3, 1);--t: .24s var(--ease)}*{box-sizing:border-box}html,body,#root{height:100%}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;background:var(--canvas);color:var(--text);font:var(--fs-body)/1.75 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:3px}::selection{background:var(--copper-lt);color:var(--copper-dk)}.app{display:flex;flex-direction:column;min-height:100%}.main{flex:1;padding-bottom:72px}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}.wrap-narrow{max-width:1060px;margin:0 auto;padding:0 var(--gut)}h1,h2,h3,h4{margin:0;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--ink)}h1{font-size:var(--fs-h1);letter-spacing:-.022em}h2{font-size:var(--fs-h2);letter-spacing:-.018em}h3{font-size:var(--fs-h3)}h1+*,h2+*,h3+*,h4+*{margin-top:14px}h1+.rule,h2+.rule,h3+.rule,h4+.rule{margin-top:18px}.between>h1+*,.between>h2+*,.sec-head .t h2+*{margin-top:0}.page-head{padding:30px 0 22px}.page-head h1+p{margin:8px 0 0;color:var(--muted);font-size:var(--fs-sm)}.eyebrow{font-size:var(--fs-xs);font-weight:600;letter-spacing:.22em;color:var(--copper);text-transform:uppercase}.lede{font-size:15px;line-height:1.85;color:var(--muted)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:var(--fs-sm);line-height:1.7}.center{text-align:center}.grow{flex:1}.row{display:flex;gap:12px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center;gap:16px}.mt{margin-top:16px}.stack>*+*{margin-top:12px}.rule{border:0;border-top:1px solid var(--line);margin:24px 0}.rule-tight{border:0;border-top:1px solid var(--line-2);margin:14px 0}.link{color:var(--copper);position:relative;background-image:linear-gradient(var(--copper),var(--copper));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size var(--t)}.link:hover{background-size:100% 1px}.btn{--btn-bg: var(--surface);--btn-fg: var(--ink);--btn-bd: var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);font-size:var(--fs-body);font-weight:600;letter-spacing:.01em;transition:transform var(--t),background var(--t),border-color var(--t),box-shadow var(--t);white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:#d8cec1}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn-ink{--btn-bg: var(--ink);--btn-fg: #fff;--btn-bd: var(--ink)}.btn-ink:hover{--btn-bg: #322a24;--btn-bd: #322a24}.btn-copper{--btn-bg: var(--copper);--btn-fg: #fff;--btn-bd: var(--copper)}.btn-copper:hover{--btn-bg: var(--copper-dk);--btn-bd: var(--copper-dk)}.btn-outline{--btn-bg: transparent;--btn-bd: var(--ink)}.btn-outline:hover{--btn-bg: var(--ink);--btn-fg: #fff}.btn-danger{--btn-fg: var(--danger);--btn-bd: #e6cdc7}.btn-danger:hover{--btn-bg: #fbf1ef;--btn-bd: #dcb9b1}.btn-block{width:100%}.btn-sm{padding:5px 12px;font-size:var(--fs-sm);font-weight:500;border-radius:var(--r-sm)}.dtable .btn-sm{padding:3px 10px;font-size:12px;line-height:1.6}.dtable .btn-sm:disabled{opacity:.35}.row-acts{display:flex;gap:6px;align-items:center}.ibtn{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--muted);display:inline-grid;place-items:center;transition:var(--t);padding:0}.ibtn svg{width:15px;height:15px}.ibtn:hover{color:var(--ink);border-color:var(--ink);background:var(--surface-2)}.ibtn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.ibtn-primary:hover{background:#322a24;border-color:#322a24;color:#fff}.ibtn-danger{color:var(--danger);border-color:#e6cdc7}.ibtn-danger:hover{background:#fbf1ef;border-color:#dcb9b1;color:var(--danger)}.ibtn:disabled{opacity:.3;cursor:not-allowed}.ibtn:disabled:hover{background:var(--ink)}.modal-foot .btn{border-radius:var(--r-sm);padding:8px 20px;font-size:var(--fs-sm)}.btn-lg{padding:13px 28px;font-size:15px}.btn-text{border:0;background:none;padding:0;border-radius:0;color:var(--copper);font-weight:600;font-size:inherit}.btn-text:hover{background:none;text-decoration:underline;text-underline-offset:3px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.card-flat{border-radius:var(--r)}.pad{padding:clamp(18px,2.4vw,30px)}.field{display:block;margin-bottom:16px}.field>span{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--ink);margin-bottom:6px}.field input,.field select,.field textarea,.inp{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);transition:border-color var(--t),box-shadow var(--t)}.field input:hover,.field textarea:hover,.inp:hover{border-color:#d5cabc}.field input:focus,.field select:focus,.field textarea:focus,.inp:focus{outline:0;border-color:var(--copper);box-shadow:0 0 0 3px var(--copper-lt)}.field input:disabled{background:var(--surface-3);color:var(--faint)}.field textarea{min-height:88px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);cursor:pointer}.check input{accent-color:var(--copper);width:15px;height:15px}.alert{padding:11px 15px;border-radius:var(--r-sm);font-size:var(--fs-sm);margin-bottom:16px;border:1px solid}.alert-err{background:#fbf0ee;border-color:#e8cac3;color:#8d3324}.alert-ok{background:#eef4f0;border-color:#c9ddd0;color:#2f5a44}.alert-info{background:var(--surface-2);border-color:var(--line);color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;background:var(--surface-3);color:var(--muted);border:1px solid var(--line)}.tag-sale{background:var(--copper);color:#fff;border-color:var(--copper)}.tag-ok{background:#eef4f0;color:var(--ok);border-color:#cadecf}.tag-warn{background:#fbf3e4;color:var(--warn);border-color:#e9d9b7}.tag-off{background:var(--surface-3);color:var(--faint)}.price-now{font-family:var(--num);font-weight:700;color:var(--price);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.price-now .sym{font-size:.62em;font-weight:600;margin-right:1px}.price-was{font-family:var(--num);color:var(--faint);text-decoration:line-through;font-size:var(--fs-sm);margin-left:7px;font-variant-numeric:tabular-nums}.stars{position:relative;display:inline-block;white-space:nowrap;letter-spacing:1px;line-height:1}.stars-track{color:#ded5c8}.stars-fill{position:absolute;left:0;top:0;overflow:hidden;color:var(--brass)}.header{position:sticky;top:0;z-index:60;background:#ffffffe0;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}.header-top{max-width:var(--max);margin:0 auto;padding:7px var(--gut);display:flex;align-items:center;gap:18px}.logo{display:flex;align-items:center;gap:12px;flex:none}.logo-mark{width:60px;height:60px;margin:-5px 0;flex:none;display:block;object-fit:contain}.logo-txt b{display:block;font-size:19px;letter-spacing:.05em;color:var(--ink);line-height:1.1}.logo-txt i{display:block;font-style:normal;font-size:9.5px;letter-spacing:.28em;color:var(--faint);line-height:1.2;margin-top:2px}.search{flex:1;max-width:560px;position:relative}.search-box{display:flex;align-items:center;height:36px;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:hidden;transition:border-color var(--t),box-shadow var(--t)}.search-box:focus-within{border-color:var(--copper);box-shadow:0 0 0 3px var(--copper-lt)}.search-box input{flex:1;border:0;padding:0 18px;font-size:14px;outline:none;background:none;min-width:40px}.search-box button{border:0;background:var(--ink);color:#fff;width:40px;height:36px;display:grid;place-items:center;font-size:14px;transition:background var(--t)}.search-box button:hover{background:var(--copper)}.suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);overflow:hidden;z-index:70;padding:6px}.suggest div{padding:9px 13px;cursor:pointer;display:flex;gap:10px;align-items:baseline;border-radius:var(--r-sm);transition:background var(--t)}.suggest div:hover{background:var(--surface-2)}.suggest .sg-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm)}.suggest small{color:var(--faint);margin-left:auto;flex:none;font-size:var(--fs-xs)}.nav-actions{display:flex;align-items:center;gap:2px;flex:none;margin-left:auto}.nav-btn{padding:6px 10px;border-radius:var(--r-sm);background:none;border:0;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;transition:background var(--t),color var(--t)}.nav-btn:hover{background:var(--surface-3);color:var(--ink)}.nav-sep{width:1px;height:22px;background:var(--line);margin:0 8px;flex:none}.ic-btn{position:relative;width:36px;height:36px;border-radius:50%;flex:none;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center;transition:var(--t);margin-left:2px}.ic-btn svg{width:18px;height:18px}.ic-btn:hover,.ic-btn.on{border-color:var(--ink);color:var(--ink);background:var(--surface-2)}.ic-badge{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--copper);color:#fff;font-size:10px;font-weight:700;font-family:var(--num);display:grid;place-items:center;border:2px solid var(--surface)}.acct{position:relative;margin-left:8px}.acct-btn{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;max-width:200px;border:1px solid var(--line);border-radius:999px;background:var(--surface);transition:var(--t)}.acct-btn:hover,.acct.open .acct-btn{border-color:var(--ink);background:var(--surface-2)}.acct-avatar{width:28px;height:28px;border-radius:50%;flex:none;background:var(--ink);color:var(--brass);display:grid;place-items:center}.acct-avatar svg{width:15px;height:15px}.acct-head .acct-avatar svg{width:20px;height:20px}.acct-name{font-size:var(--fs-sm);font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-btn .chev{width:14px;height:14px;color:var(--faint);flex:none;transition:transform var(--t)}.acct.open .acct-btn .chev{transform:rotate(180deg)}.acct-pop{position:absolute;right:0;top:calc(100% + 10px);width:256px;z-index:80;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);animation:fade .18s var(--ease)}.acct-head{display:flex;gap:12px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}.acct-head .acct-avatar{width:40px;height:40px}.acct-head b{display:block;font-size:var(--fs-body);color:var(--ink)}.acct-head div>span:not(.tag){display:block;font-size:var(--fs-xs);color:var(--faint);max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:none;border-radius:var(--r-sm);text-align:left;font-size:var(--fs-sm);color:var(--text);transition:background var(--t),color var(--t)}.acct-item svg{width:16px;height:16px;color:var(--faint);flex:none;transition:color var(--t)}.acct-item:hover{background:var(--surface-2);color:var(--ink)}.acct-item:hover svg{color:var(--copper)}.acct-item.danger{color:var(--danger)}.acct-item.danger svg{color:var(--danger)}.acct-item .tag{margin-left:auto}.acct-div{height:1px;background:var(--line-2);margin:6px 0}@media(max-width:720px){.acct-name,.acct-btn .chev,.nav-sep{display:none}.acct-btn{padding:3px}}.header-sub{border-top:1px solid var(--line-2)}.header-sub-in{max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.header-sub-in::-webkit-scrollbar{display:none}.nav-link{position:relative;padding:7px 12px;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;background:none;border:0;transition:color var(--t)}.nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1.5px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform var(--t)}.nav-link:hover{color:var(--ink)}.nav-link:hover:after{transform:scaleX(1)}.nav-link.strong{color:var(--ink);font-weight:600}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b171573;z-index:90;animation:fade .2s var(--ease)}.drawer{position:fixed;top:0;bottom:0;left:0;width:360px;max-width:88vw;background:var(--surface);z-index:91;overflow-y:auto;box-shadow:var(--sh-3);animation:slide .28s var(--ease)}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(-100%)}}.drawer-head{padding:20px 24px 16px;position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;z-index:1}.drawer-head h3{font-size:17px}.drawer-head button{background:none;border:0;font-size:18px;color:var(--muted)}.drawer section{padding:18px 24px;border-bottom:1px solid var(--line-2)}.drawer section:last-child{border-bottom:0}.drawer h4{font-size:var(--fs-xs);letter-spacing:.2em;color:var(--faint);margin-bottom:10px;font-weight:600}.drawer a{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;margin:0 -10px;border-radius:var(--r-sm);font-size:var(--fs-body);transition:background var(--t),color var(--t)}.drawer a:hover{background:var(--surface-2);color:var(--copper)}.drawer a span{color:var(--faint);font-size:var(--fs-xs);font-family:var(--num)}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:200;display:grid;gap:10px}.toast{background:var(--ink);color:#f4efe8;padding:12px 20px;border-radius:999px;box-shadow:var(--sh-3);font-size:var(--fs-sm);animation:rise .26s var(--ease);display:flex;align-items:center;gap:9px}.toast:before{content:"✓";color:var(--brass);font-weight:700}.toast-err{background:var(--danger)}.toast-err:before{content:"!";color:#ffd9d2}@keyframes rise{0%{transform:translateY(14px);opacity:0}}.spinner{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--copper);border-radius:50%;animation:spin .7s linear infinite;margin:64px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:88px 20px}.empty .big{width:66px;height:66px;margin:0 auto 18px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:27px}.empty h3{font-size:18px;margin-bottom:6px}.empty p{color:var(--muted);font-size:var(--fs-sm);margin:0 0 18px}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:20px 0 18px;font-size:var(--fs-sm);color:var(--muted)}.breadcrumb a:hover{color:var(--copper)}.breadcrumb i{font-style:normal;color:var(--faint)}.breadcrumb .cur{color:var(--ink);font-weight:600}.sec-head{display:flex;align-items:flex-end;gap:18px;margin-bottom:20px}.sec-head .t h2{margin-top:5px}.sec-head .line{flex:1;height:1px;background:var(--line);margin-bottom:9px}.sec-head a{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;padding-bottom:3px}.sec-head a:hover{color:var(--copper)}.section{margin-top:clamp(40px,5vw,68px)}.grid-products{display:grid;gap:clamp(12px,1.4vw,20px);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pcard{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:#dcd1c3}.pcard-img{display:block;aspect-ratio:1;background:var(--surface);overflow:hidden}.pcard-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}.pcard:hover .pcard-img img{transform:scale(1.055)}.pcard-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1}.pcard-brand{font-size:var(--fs-xs);letter-spacing:.1em;color:var(--faint);display:flex;gap:6px;align-items:center}.pcard-brand em{font-style:normal;color:var(--line)}.pcard-name{font-size:var(--fs-body);line-height:1.55;color:var(--text);font-weight:500;min-height:43px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--t)}.pcard:hover .pcard-name{color:var(--copper)}.pcard-rate{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--faint)}.pcard-rate b{font-family:var(--num);color:var(--muted);font-weight:600}.pcard-price{margin-top:auto;padding-top:6px;display:flex;align-items:baseline;flex-wrap:wrap}.pcard-price .price-now{font-size:20px}.pcard-tags{display:flex;gap:6px;flex-wrap:wrap;min-height:21px}.pcard-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--copper);color:#fff;font-family:var(--num);font-size:var(--fs-xs);font-weight:700;padding:3px 9px;border-radius:999px}.pcard-cmp{position:absolute;top:10px;right:10px;z-index:2;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:999px;font-size:var(--fs-xs);font-weight:600;padding:4px 11px;color:var(--muted);opacity:0;transform:translateY(-4px);transition:var(--t)}.pcard:hover .pcard-cmp,.pcard-cmp.on{opacity:1;transform:none}.pcard-cmp:hover{border-color:var(--ink);color:var(--ink)}.pcard-cmp.on{background:var(--ink);color:#fff;border-color:var(--ink)}.rail{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:6px 0 4px}@media(max-width:1400px){.rail{grid-template-columns:repeat(4,1fr)}.rail>:nth-child(n+5){display:none}}@media(max-width:720px){.rail{grid-template-columns:repeat(2,1fr);gap:12px}.rail>:nth-child(n+5){display:none}}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(36px,5vw,76px) 0 clamp(30px,4vw,56px)}.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px}.hero-eyebrow .bar{width:34px;height:2px;background:var(--copper)}.hero h1{font-size:var(--fs-display);line-height:1.12;letter-spacing:-.035em;font-weight:800;margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--copper)}.hero p{max-width:460px;margin:0 0 32px}.hero-stats{display:flex;gap:0;margin-bottom:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-stats div{padding:16px 26px 16px 0;margin-right:26px;border-right:1px solid var(--line)}.hero-stats div:last-child{border-right:0;margin-right:0;padding-right:0}.hero-stats b{display:block;font-family:var(--num);font-size:28px;font-weight:700;color:var(--ink);line-height:1.1;letter-spacing:-.02em}.hero-stats span{font-size:var(--fs-xs);color:var(--faint);letter-spacing:.1em}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-art{position:relative;aspect-ratio:1.06}.hero-art:before{content:"";position:absolute;top:6%;right:4%;bottom:6%;left:4%;background:radial-gradient(circle at 48% 44%,#fff 0%,var(--surface-2) 48%,var(--surface-3) 100%);border-radius:50%}.hero-art img{position:relative;width:100%;height:100%;object-fit:contain}.hero-chip{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;box-shadow:var(--sh-2);font-size:var(--fs-sm);animation:float 5s var(--ease) infinite alternate}.hero-chip b{display:block;font-family:var(--num);font-size:17px;color:var(--ink)}.hero-chip span{color:var(--faint);font-size:var(--fs-xs)}.hero-chip.a{left:-2%;bottom:20%}.hero-chip.b{right:0;top:14%;animation-delay:-2.5s}@keyframes float{to{transform:translateY(-10px)}}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bento-cell{position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:190px;padding:18px;transition:var(--t)}.bento-cell:hover{border-color:#dcd1c3;box-shadow:var(--sh-2);transform:translateY(-3px)}.bento-cell img{position:absolute;right:-6%;top:50%;transform:translateY(-50%);width:62%;max-height:86%;object-fit:contain;object-position:right center;transition:transform .5s var(--ease)}.bento-cell:hover img{transform:translateY(-50%) scale(1.06)}.bento-cell .k{position:relative;font-size:15px;font-weight:700;color:var(--ink)}.bento-cell .n{position:relative;font-family:var(--num);font-size:var(--fs-xs);color:var(--faint)}.bento-cell.lead{grid-column:span 2;grid-row:span 2;min-height:396px;background:var(--surface)}.bento-cell.lead img{width:78%;right:-4%}.bento-cell.lead .k{font-size:24px;letter-spacing:-.02em}.bento-cell.lead .d{position:relative;font-size:var(--fs-sm);color:var(--muted);max-width:46%;margin-top:8px}.bento-more{position:relative;margin-top:12px;font-size:var(--fs-sm);color:var(--copper);font-weight:600;opacity:0;transform:translate(-6px);transition:var(--t)}.bento-cell:hover .bento-more{opacity:1;transform:none}.brand-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.brand-chip{border:1px solid var(--line);border-radius:var(--r);padding:20px;background:var(--surface);transition:var(--t);display:block;position:relative;overflow:hidden}.brand-chip:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--bc, var(--copper));transform:scaleX(0);transform-origin:left;transition:transform var(--t)}.brand-chip:hover{box-shadow:var(--sh-2);transform:translateY(-3px);border-color:#dcd1c3}.brand-chip:hover:after{transform:scaleX(1)}.brand-chip b{display:block;font-size:17px;color:var(--ink)}.brand-chip i{font-style:normal;font-size:var(--fs-xs);letter-spacing:.22em;color:var(--faint)}.brand-chip p{margin:12px 0 14px;font-size:var(--fs-sm);color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-chip .cnt{font-family:var(--num);font-size:var(--fs-xs);color:var(--faint)}.promise{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.promise div{background:var(--surface);padding:22px 24px}.promise .ic{font-size:22px;line-height:1;margin-bottom:12px;color:var(--copper)}.promise b{display:block;font-size:var(--fs-body);color:var(--ink);margin-bottom:3px}.promise span{font-size:var(--fs-sm);color:var(--muted)}.list-layout{display:grid;grid-template-columns:250px 1fr;gap:clamp(20px,2.6vw,40px);align-items:start}@media(min-width:1100px){.list-layout .grid-products{grid-template-columns:repeat(4,1fr)}}.filters{position:sticky;top:calc(var(--header-h, 113px) + 20px);max-height:calc(100vh - 156px);overflow-y:auto;padding-right:6px}.filters::-webkit-scrollbar{width:5px}.filters::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.fblock{padding:18px 0;border-bottom:1px solid var(--line-2)}.fblock:first-child{padding-top:0}.fblock h4{font-size:var(--fs-sm);margin-bottom:12px}.fblock label{display:flex;align-items:center;gap:9px;padding:4px 0;font-size:var(--fs-sm);cursor:pointer;color:var(--muted);transition:color var(--t)}.fblock label:hover{color:var(--ink)}.fblock label input{accent-color:var(--copper);width:14px;height:14px;flex:none}.fblock label span{color:var(--faint);font-size:var(--fs-xs);margin-left:auto;font-family:var(--num)}.fscroll{max-height:250px;overflow-y:auto;padding-right:4px}.fscroll::-webkit-scrollbar{width:5px}.fscroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.fgroup-title{font-size:var(--fs-xs);letter-spacing:.14em;color:var(--faint);margin:12px 0 3px}.fgroup-title:first-child{margin-top:0}.price-inputs{display:flex;align-items:center;gap:8px}.price-inputs input{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--num)}.list-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:20px}.list-bar .cnt{font-size:var(--fs-sm);color:var(--muted)}.list-bar .cnt b{font-family:var(--num);font-size:16px;color:var(--ink)}.list-bar select{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:var(--fs-sm);cursor:pointer}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);padding:4px 8px 4px 13px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.chip button{border:0;background:none;color:var(--faint);font-size:13px;line-height:1;padding:2px}.chip button:hover{color:var(--copper)}.pager{display:flex;gap:6px;justify-content:center;align-items:center;padding:44px 0 8px;flex-wrap:wrap}.pager button{min-width:38px;height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:var(--fs-sm);font-family:var(--num);transition:var(--t)}.pager button:hover:not(:disabled){border-color:var(--ink)}.pager button.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}.pager button:disabled{opacity:.35;cursor:not-allowed}.pager .gap{color:var(--faint);padding:0 2px}.pdp{display:grid;grid-template-columns:minmax(320px,40%) 1fr 312px;gap:clamp(22px,3vw,46px);align-items:start}.gallery{display:grid;grid-template-columns:62px 1fr;gap:14px;position:sticky;top:calc(var(--header-h, 113px) + 76px)}.gallery-thumbs{display:grid;gap:10px;align-content:start}.gallery-thumbs button{position:relative;width:62px;height:62px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);padding:2px;overflow:hidden;transition:var(--t)}.gallery-thumbs button:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--copper);transform:scaleY(0);transition:transform var(--t)}.gallery-thumbs button.on{border-color:#d8cec1}.gallery-thumbs button.on:after{transform:scaleY(1)}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.gallery-main{position:relative;border:1px solid var(--line);background:linear-gradient(#ffffff 0%,var(--surface-2) 58%,var(--surface-3) 100%);border-radius:var(--r-lg);aspect-ratio:1;overflow:hidden;cursor:zoom-in}.gallery-main img{width:100%;height:100%;object-fit:contain;transition:transform .35s var(--ease)}.gallery-main.zoom{cursor:zoom-out}.gallery-main.zoom img{transform:scale(1.9)}.gallery-note{grid-column:2;margin:10px 0 0;font-size:var(--fs-xs);color:var(--faint);line-height:1.6}.gallery-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:var(--fs-xs);color:var(--faint);background:#fffc;padding:4px 12px;border-radius:999px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pdp-title{font-size:clamp(22px,2.2vw,29px);font-weight:700;line-height:1.32;letter-spacing:-.022em;margin:8px 0 10px}.pdp-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:var(--fs-sm);color:var(--muted)}.pdp-meta b{color:var(--ink);font-family:var(--num)}.pdp-meta i{font-style:normal;color:var(--line)}.pdp-rating{display:flex;align-items:center;gap:9px;font-size:var(--fs-sm);flex-wrap:wrap;margin-top:12px}.pdp-rating b{font-family:var(--num);font-size:15px;color:var(--ink)}.pdp-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pdp-price .price-now{font-size:clamp(28px,3vw,38px)}.pdp-save{color:var(--ok);font-size:var(--fs-sm);font-weight:600;margin-top:6px}.bullets{margin:0;padding:0;list-style:none}.bullets li{position:relative;padding-left:20px;margin-bottom:9px;font-size:var(--fs-body);line-height:1.7}.bullets li:before{content:"";position:absolute;left:0;top:11px;width:9px;height:1.5px;background:var(--copper)}.kv{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.kv th,.kv td{text-align:left;padding:11px 0;border-bottom:1px solid var(--line-2);vertical-align:top}.kv th{font-weight:500;color:var(--muted);width:44%;padding-right:16px}.kv td{color:var(--ink);font-weight:500}.kv tr:last-child th,.kv tr:last-child td{border-bottom:0}.kv-wide th{width:210px}.buybox{position:sticky;top:calc(var(--header-h, 113px) + 76px);padding:22px}.buybox .price-now{font-size:26px}.buybox-row{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-sm);padding:9px 0;border-bottom:1px solid var(--line-2)}.buybox-row:last-of-type{border-bottom:0}.buybox-row span{color:var(--muted)}.buybox-row b{color:var(--ink);font-weight:600;text-align:right}.stock{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:var(--ok);margin:14px 0 4px}.stock:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.stock.low{color:var(--warn)}.stock.out{color:var(--danger)}.qty-row{display:flex;align-items:center;gap:12px;margin:16px 0 18px}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}.qty button{width:34px;height:34px;border:0;background:none;font-size:15px;transition:background var(--t)}.qty button:hover:not(:disabled){background:var(--surface-3)}.qty button:disabled{opacity:.3;cursor:not-allowed}.qty input{width:40px;text-align:center;border:0;background:none;height:34px;font-family:var(--num);font-weight:600}.buybox .btn+.btn{margin-top:10px}.secure{display:flex;gap:8px;align-items:center;font-size:var(--fs-xs);color:var(--faint);margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2)}.pdp-section{margin-top:clamp(40px,5vw,66px)}.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.cmp-table{border-collapse:collapse;font-size:var(--fs-sm);min-width:760px;width:100%}.cmp-table th,.cmp-table td{border-bottom:1px solid var(--line-2);padding:13px 16px;text-align:left;vertical-align:top}.cmp-table tr:last-child th,.cmp-table tr:last-child td{border-bottom:0}.cmp-table thead th{background:var(--surface-2);border-bottom:1px solid var(--line)}.cmp-table .cmp-self{background:#fdf8f4}.cmp-table .cmp-label{color:var(--muted);font-weight:500;white-space:nowrap;width:136px;background:var(--surface-2)}.cmp-head-img{width:92px;height:92px;object-fit:contain;margin-bottom:8px;background:var(--surface-2);border-radius:var(--r-sm)}.cmp-name{font-size:var(--fs-sm);line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cmp-table a:hover .cmp-name{color:var(--copper)}.review-layout{display:grid;grid-template-columns:300px 1fr;gap:clamp(26px,3vw,52px);align-items:start}.score{display:flex;align-items:baseline;gap:14px}.score .n{font-family:var(--num);font-size:46px;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--ink)}.hist-row{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);margin-bottom:7px}.hist-row .lbl{width:40px;color:var(--muted);cursor:pointer;font-family:var(--num)}.hist-row .lbl:hover{color:var(--copper)}.hist-bar{flex:1;height:7px;background:var(--surface-3);border-radius:4px;overflow:hidden}.hist-bar i{display:block;height:100%;background:var(--brass);border-radius:4px;transition:width .5s var(--ease)}.hist-row .pct{width:36px;text-align:right;color:var(--faint);font-family:var(--num);font-size:var(--fs-xs)}.review{padding:22px 0;border-bottom:1px solid var(--line-2)}.review:first-child{padding-top:0}.review:last-child{border-bottom:0}.review-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-3);color:var(--ink);display:grid;place-items:center;font-size:var(--fs-sm);font-weight:600;flex:none}.review h4{margin:8px 0 6px;font-size:15px}.review p{margin:0;font-size:var(--fs-body);line-height:1.8;color:#453d36}.review-meta{font-size:var(--fs-xs);color:var(--faint);margin-top:10px;display:flex;gap:12px}.verified{color:var(--ok)}.cart-layout{display:grid;grid-template-columns:1fr 320px;gap:clamp(18px,2.4vw,32px);align-items:start}.cart-item{display:grid;grid-template-columns:148px 1fr auto;gap:20px;padding:24px 0;border-bottom:1px solid var(--line-2)}.cart-item:first-of-type{padding-top:6px}.cart-item:last-child{border-bottom:0;padding-bottom:6px}.cart-item .thumb{width:148px;height:148px;background:var(--surface-2);border-radius:var(--r-sm);overflow:hidden}.cart-item .thumb img{width:100%;height:100%;object-fit:contain}.cart-item h3{font-size:16px;font-weight:600;margin-bottom:5px}.cart-item h3 a:hover{color:var(--copper)}.cart-item .ops{display:flex;gap:14px;align-items:center;margin-top:14px;flex-wrap:wrap;font-size:var(--fs-sm)}.cart-item .ops .sep{color:var(--line)}.cart-sum{text-align:right}.cart-sum .price-now{font-size:19px}.summary{position:sticky;top:calc(var(--header-h, 113px) + 20px)}.sum-row{display:flex;justify-content:space-between;font-size:var(--fs-body);margin-bottom:11px}.sum-row span{color:var(--muted)}.sum-row b{font-family:var(--num);font-weight:600}.sum-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.sum-total span{font-size:var(--fs-body);font-weight:600}.sum-total .price-now{font-size:26px}.steps{display:flex;gap:10px;align-items:center;padding:26px 0 30px;font-size:var(--fs-sm)}.steps .st{display:flex;align-items:center;gap:9px;color:var(--faint)}.steps .st b{width:24px;height:24px;border-radius:50%;background:var(--surface-3);color:var(--faint);display:grid;place-items:center;font-size:var(--fs-xs);font-family:var(--num)}.steps .st.on{color:var(--ink);font-weight:600}.steps .st.on b{background:var(--ink);color:#fff}.steps .st.done b{background:var(--ok);color:#fff}.steps .sep{flex:1;height:1px;background:var(--line);min-width:24px}.addr-pick{display:grid;gap:12px}.addr-card{border:1px solid var(--line);border-radius:var(--r);padding:16px;cursor:pointer;display:flex;gap:12px;transition:var(--t);background:var(--surface)}.addr-card:hover{border-color:#d8cec1}.addr-card.on{border-color:var(--copper);background:#fdf8f4}.addr-card input{accent-color:var(--copper);margin-top:4px;flex:none}.addr-card b{font-size:var(--fs-body)}.pay-methods{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}.pay-method{border:1px solid var(--line);border-radius:var(--r);padding:15px;display:flex;gap:11px;align-items:center;cursor:pointer;transition:var(--t);font-size:var(--fs-body);background:var(--surface)}.pay-method:hover{border-color:#d8cec1}.pay-method.on{border-color:var(--copper);background:#fdf8f4}.pay-method input{accent-color:var(--copper);flex:none}.pay-method .ic{font-size:17px}.result-icon{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:#eef4f0;color:var(--ok);display:grid;place-items:center;font-size:30px}.order-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px;overflow:hidden}.order-head{background:var(--surface-2);padding:15px 22px;display:flex;gap:32px;flex-wrap:wrap;font-size:var(--fs-xs);color:var(--faint);border-bottom:1px solid var(--line)}.order-head b{display:block;font-size:var(--fs-sm);color:var(--ink);font-family:var(--num);font-weight:600}.order-head .st{margin-left:auto;font-size:var(--fs-body);font-weight:700;align-self:center}.order-body{padding:8px 22px}.order-line{display:flex;gap:16px;align-items:center;padding:12px 0}.order-line img{width:68px;height:68px;object-fit:contain;background:var(--surface-2);border-radius:var(--r-sm);flex:none}.order-line a:hover{color:var(--copper)}.order-foot{border-top:1px solid var(--line-2);padding:14px 22px;display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.st-paid{color:#2d5f7f}.st-shipped{color:#6a4fa3}.st-done{color:var(--ok)}.st-cancelled{color:var(--faint)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{position:relative;border:0;background:none;padding:12px 18px;font-size:var(--fs-body);color:var(--muted);white-space:nowrap;transition:color var(--t)}.tabs button:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transition:transform var(--t)}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--ink);font-weight:700}.tabs button.on:after{transform:scaleX(1)}.account-layout{display:grid;grid-template-columns:216px 1fr;gap:clamp(18px,2.4vw,34px);align-items:start}.admin-layout{display:grid;grid-template-columns:210px 1fr;gap:clamp(18px,2.4vw,34px);align-items:start}.side-nav{position:sticky;top:calc(var(--header-h, 113px) + 20px);display:grid;gap:2px}.side-nav a,.side-nav button{display:block;width:100%;text-align:left;padding:10px 14px;border-radius:var(--r-sm);font-size:var(--fs-body);border:0;background:none;color:var(--muted);transition:var(--t);cursor:pointer}.side-nav a:hover,.side-nav button:hover{background:var(--surface-2);color:var(--ink)}.side-nav a.on{background:var(--ink);color:#fff;font-weight:600}.side-nav .div{height:1px;background:var(--line);margin:10px 0}.auth{display:flex;justify-content:center;align-items:flex-start;padding:clamp(28px,4vw,56px) var(--gut) 0}.auth-panel{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px 28px 24px;box-shadow:var(--sh-1)}.auth-form{width:100%}.auth-switch{display:inline-flex;padding:3px;background:var(--surface-3);border-radius:999px;margin-bottom:20px}.auth-switch a{padding:5px 18px;border-radius:999px;font-size:var(--fs-sm);font-weight:600;color:var(--muted);transition:var(--t)}.auth-switch a.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.auth-form h1{font-size:22px;letter-spacing:-.02em}.auth-lede{margin:6px 0 18px;color:var(--muted);font-size:var(--fs-xs)}.auth-form .field{margin-bottom:12px}.auth-form .field>span{margin-bottom:4px}.auth-form .field input{padding:9px 12px;background:var(--surface);font-size:var(--fs-sm)}.auth-form .btn-lg{padding:10px 20px;font-size:var(--fs-body)}.auth-form .code-row .btn{min-width:104px;padding:0 12px;font-size:var(--fs-sm)}.auth-form .field>span{display:flex;align-items:center;justify-content:space-between}.auth-minor{font-weight:400;font-size:var(--fs-xs)}.auth-opt{font-style:normal;font-weight:400;color:var(--faint);font-size:var(--fs-xs);margin-left:6px}.auth-form .btn-block{margin-top:6px}.pw-row{position:relative}.pw-row input{padding-right:40px!important}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--faint);width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-sm)}.pw-eye svg{width:16px;height:16px}.pw-eye:hover{color:var(--ink);background:var(--surface-3)}.auth-form .code-row .btn{background:var(--ink);color:#fff;border-color:var(--ink)}.auth-form .code-row .btn:disabled{background:var(--surface-3);color:var(--faint);border-color:var(--line);opacity:1}.auth-foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--muted)}.demo-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:var(--fs-xs);color:var(--muted);transition:var(--t)}.demo-chip:hover{border-color:var(--ink);color:var(--ink)}@media(max-width:720px){.auth{padding-top:20px}.auth-panel{padding:22px 18px}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:16px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}.stat b{display:block;font-family:var(--num);font-size:27px;font-weight:700;letter-spacing:-.025em;color:var(--ink);line-height:1.15}.stat span{font-size:var(--fs-xs);color:var(--faint)}.stat .ic{font-size:15px;margin-bottom:10px;opacity:.55}.bar-chart{display:grid;gap:11px}.bar-line{display:grid;grid-template-columns:100px 1fr 132px;gap:14px;align-items:center;font-size:var(--fs-sm)}.bar-line .track{background:var(--surface-3);border-radius:4px;height:8px;overflow:hidden}.bar-line .track i{display:block;height:100%;background:var(--copper);border-radius:4px;transition:width .6s var(--ease)}.bar-line .val{text-align:right;color:var(--faint);font-size:var(--fs-xs);font-family:var(--num)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.dtable{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:780px}.dtable th,.dtable td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-2)}.dtable thead th{background:var(--surface-2);font-weight:600;color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--line)}.dtable tbody tr:last-child td{border-bottom:0}.dtable tbody tr:hover{background:var(--surface-2)}.dtable td input,.dtable td select{width:100%;min-width:76px;padding:6px 9px;border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--num)}.dtable .num{text-align:right;font-family:var(--num)}.dtable img{width:46px;height:46px;object-fit:contain;background:var(--surface-2);border-radius:var(--r-sm)}.dtable a:hover{color:var(--copper)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b17157a;z-index:120;display:grid;place-items:center;padding:20px;animation:fade .2s var(--ease)}.modal{background:var(--surface);border-radius:var(--r-lg);width:min(580px,100%);max-height:88vh;overflow-y:auto;box-shadow:var(--sh-3)}.modal.wide{width:min(960px,100%)}.paybox{text-align:center}.paybox-amt{display:flex;align-items:baseline;justify-content:center;gap:10px}.paybox-amt span{font-size:var(--fs-sm);color:var(--muted)}.paybox-amt b{font-family:var(--num);font-size:30px;color:var(--price);letter-spacing:-.02em}.paybox-no{font-size:var(--fs-xs);color:var(--faint);margin:2px 0 16px;font-family:var(--num)}.paybox-qr{width:256px;height:256px;margin:0 auto;padding:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);display:grid;place-items:center}.paybox-qr svg{width:240px;height:240px;display:block}.paybox-tip{margin:14px 0 0;font-size:var(--fs-sm);color:var(--muted);line-height:1.8}.paybox-ok{padding:22px 0 6px}.paybox-ok .big{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;background:var(--ok);color:#fff;font-size:28px;display:grid;place-items:center}.paybox-ok b{font-size:18px;color:var(--ink)}.inq-list{display:grid;gap:12px}.inq{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:start;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.inq img{width:72px;height:72px;object-fit:contain;background:var(--surface-2);border-radius:var(--r-sm)}.inq h4{margin:0 0 4px;font-size:var(--fs-body)}.inq .meta{font-size:var(--fs-xs);color:var(--faint);display:flex;gap:10px;flex-wrap:wrap}.inq .msg{margin:8px 0 0;font-size:var(--fs-sm);color:var(--muted);padding:8px 12px;background:var(--surface-2);border-radius:var(--r-sm)}.inq .quote{margin-top:10px;padding:10px 14px;border:1px solid #e9d9b7;background:#fbf3e4;border-radius:var(--r-sm);font-size:var(--fs-sm)}.inq .quote b{font-family:var(--num);font-size:18px;color:var(--price)}.inq .side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:120px}.inq .side .row-acts{justify-content:flex-end}.st-pending{color:var(--warn)}.st-quoted{color:var(--copper)}.st-ordered{color:var(--ok)}.st-rejected,.st-cancelled,.st-expired{color:var(--faint)}@media(max-width:720px){.inq{grid-template-columns:56px 1fr}.inq .side{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}}.price-tbd{display:inline-block;font-size:var(--fs-sm);font-weight:600;color:var(--muted);background:var(--surface-3);border-radius:var(--r-sm);padding:2px 9px;letter-spacing:.04em}.pdp-price .price-tbd{font-size:15px;padding:4px 12px}.tbd-note{margin:14px 0 6px;padding:12px 14px;border:1px dashed var(--line);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-sm);color:var(--muted);line-height:1.7}.code-row{display:flex;gap:10px;align-items:stretch}.code-row input{flex:1;letter-spacing:.2em;font-family:var(--num)}.code-row .btn{flex:none;border-radius:var(--r-sm);padding:0 16px;white-space:nowrap;min-width:118px}.code-row .btn:disabled{opacity:.55}.pe-h{margin:22px 0 12px;font-size:var(--fs-sm);font-weight:700;color:var(--ink);letter-spacing:.06em;display:flex;align-items:baseline;gap:8px}.pe-h:first-child{margin-top:0}.pe-h:after{content:"";flex:1;height:1px;background:var(--line-2)}.pe-row4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pe-specs{display:grid;gap:8px}.pe-specs>.btn{justify-self:start;border-style:dashed;color:var(--muted)}.pe-specs>.btn:hover{color:var(--ink);border-color:var(--ink);background:var(--surface)}.pe-spec .btn-sm{padding:6px 9px;color:var(--faint)}.pe-spec .btn-sm:hover{color:var(--danger);border-color:#dcb9b1;background:#fbf1ef}.pe-spec{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;align-items:center}.pe-spec input{padding:8px 11px;border:1px solid var(--line);border-radius:var(--r-sm)}.pe-upload{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px;padding:12px 14px;border:1px dashed var(--line);border-radius:var(--r-sm);background:var(--surface-2);transition:var(--t)}.pe-upload.over{border-color:var(--copper);background:var(--copper-lt)}.pe-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.pe-thumbs figure{margin:0;width:88px;text-align:center}.pe-thumbs img{width:88px;height:88px;object-fit:contain;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm)}.pe-thumbs img.bad{opacity:.3}.pe-thumbs figcaption{font-size:var(--fs-xs);color:var(--faint);margin-top:4px}@media(max-width:720px){.pe-row4{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}}.modal-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--surface)}.modal-head button{border:0;background:none;font-size:18px;color:var(--muted)}.modal-body{padding:24px}.modal-foot{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.compare-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:#1b1715f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1ebe3;box-shadow:0 -4px 24px #1b17153d;animation:rise .3s var(--ease)}.compare-bar .inner{max-width:var(--max);margin:0 auto;padding:14px var(--gut);display:flex;align-items:center;gap:18px}.compare-bar .lbl{font-size:var(--fs-sm);flex:none}.compare-bar .lbl b{font-family:var(--num);color:var(--brass)}.compare-bar .slots{display:flex;gap:10px;flex:1;overflow-x:auto;scrollbar-width:none}.compare-bar .slots::-webkit-scrollbar{display:none}.compare-slot{position:relative;width:56px;height:56px;border-radius:var(--r-sm);background:var(--surface-2);flex:none;overflow:hidden}.compare-slot img{width:100%;height:100%;object-fit:contain}.compare-slot button{position:absolute;top:2px;right:2px;width:17px;height:17px;border-radius:50%;border:0;background:#1b1715d1;color:#fff;font-size:10px;line-height:1;display:grid;place-items:center}.compare-slot.empty{background:#ffffff12;border:1px dashed rgba(255,255,255,.22)}.compare-bar .btn-ghost-d{background:none;border-color:#ffffff47;color:#f1ebe3}.compare-bar .btn-ghost-d:hover{background:#ffffff1a;border-color:#fff6}body.has-compare .app{padding-bottom:86px}body.has-compare .toast-stack{bottom:100px}.footer{margin-top:auto;background:var(--ink);color:#b8ada1}.footer-cols{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:clamp(24px,4vw,56px);padding:clamp(40px,5vw,64px) var(--gut);max-width:var(--max);margin:0 auto}.footer h5{color:#fff;margin:0 0 16px;font-size:var(--fs-sm);font-weight:600;letter-spacing:.1em}.footer a{display:block;font-size:var(--fs-sm);margin-bottom:10px;color:#b8ada1;transition:color var(--t)}.footer a:hover{color:#fff}.footer .about p{font-size:var(--fs-sm);line-height:1.85;margin:0;max-width:380px}.footer .logo-txt b{color:#fff}.footer .logo-mark{width:56px;height:56px;margin:0;padding:5px;border-radius:12px;background:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px var(--gut);font-size:var(--fs-xs);color:#8b8177;text-align:center}.footer-bottom p{margin:5px 0}.to-top{display:block;width:100%;background:#241f1c;border:0;color:#b8ada1;padding:15px;font-size:var(--fs-sm);transition:var(--t)}.to-top:hover{background:#2d2724;color:#fff}@media(max-width:1240px){.pdp{grid-template-columns:minmax(300px,46%) 1fr}.buybox{grid-column:1 / -1;position:static}.bento{grid-template-columns:repeat(3,1fr)}.bento-cell.lead{grid-column:span 3;grid-row:auto;min-height:240px}.bento-cell.lead img{width:46%}.bento-cell.lead .d{max-width:52%}}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-art{max-width:460px;margin:0 auto}.list-layout,.cart-layout,.account-layout,.admin-layout,.review-layout{grid-template-columns:1fr}.filters,.summary,.side-nav,.gallery{position:static;max-height:none}.pdp{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr 1fr}.side-nav{grid-auto-flow:column;overflow-x:auto}.side-nav a,.side-nav button{white-space:nowrap;text-align:center}}@media(max-width:720px){.header-top{flex-wrap:wrap;gap:12px}.search{order:5;flex-basis:100%;max-width:none}.bento{grid-template-columns:1fr 1fr}.bento-cell.lead{grid-column:span 2}.cart-item{grid-template-columns:96px 1fr;gap:14px}.cart-item .thumb{width:96px;height:96px}.cart-sum{grid-column:1 / -1;text-align:left}.gallery{grid-template-columns:1fr}.gallery-thumbs{grid-auto-flow:column;justify-content:start}.gallery-thumbs button:after{left:0;right:0;top:auto;bottom:0;width:auto;height:2px;transform:scaleX(0)}.gallery-thumbs button.on:after{transform:scaleX(1)}.grid-products{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))}.field-row{grid-template-columns:1fr}.rail{margin:0}.rail-btn{display:none}.footer-cols{grid-template-columns:1fr}.order-head{gap:18px}.hero-stats{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.logi{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:4px}.logi .mono{font-family:ui-monospace,Menlo,Consolas,monospace;background:none;border:0;padding:0;cursor:pointer}.reveal{opacity:0;transition:opacity .8s ease-in-out,transform .8s ease-in-out;will-change:opacity,transform}.reveal-up{transform:translateY(48px)}.reveal-left{transform:translate(-46px)}.reveal-right{transform:translate(46px)}.reveal-scale{transform:scale(.93)}.reveal-far{transform:translateY(104px)}.reveal.is-in{opacity:1;transform:none}.stage{position:relative;min-height:calc(100vh - var(--header-h, 92px));display:flex;align-items:center;overflow:hidden;background:#14100d;color:#f3ede6}.stage-photo{position:absolute;top:0;right:0;bottom:0;left:0}.stage-photo img{width:100%;height:100%;object-fit:cover;object-position:62% center;animation:stagePush 2s ease-out both}@keyframes stagePush{0%{transform:scale(1.07)}to{transform:none}}.stage-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0e0b09ed,#100d0ad1 34%,#120e0b70 58%,#14100c1f),linear-gradient(to top,rgba(12,10,8,.6) 0%,transparent 34%)}.stage-inner{position:relative;z-index:2;width:100%;padding:clamp(52px,8vw,96px) 0}.stage-copy{max-width:min(760px,62%)}.stage-copy-anim>*{animation:stageIn .8s ease-in-out both}.stage-copy-anim>.stage-title{animation:none}.stage-copy-anim>*:nth-child(1){animation-delay:.15s}.stage-copy-anim>*:nth-child(2){animation-delay:.25s}.stage-copy-anim>*:nth-child(3){animation-delay:.35s}.stage-copy-anim>*:nth-child(4){animation-delay:.45s}.stage-copy-anim>*:nth-child(5){animation-delay:.55s}@keyframes stageIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.stage-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px}.stage-eyebrow .bar{width:36px;height:2px;background:var(--brass)}.stage-eyebrow span{font-size:var(--fs-xs);letter-spacing:.24em;color:var(--brass);font-weight:600}.stage-title{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 30px;font-size:var(--fs-display);line-height:1.18;font-weight:800;color:#fff;letter-spacing:0;text-shadow:0 2px 28px rgba(0,0,0,.5)}.stage-title span{white-space:nowrap}.stage-title .accent{color:var(--brass)}.stage-title .sep{flex:none;width:2px;height:.58em;border-radius:1px;margin:0 .4em;background:var(--brass);opacity:.5}.stage-title span,.stage-title .sep{animation:stageIn .8s ease-in-out both}.stage-lede{position:relative;padding-left:16px;margin:0 0 32px;max-width:420px}.stage-lede:before{content:"";position:absolute;left:0;top:.45em;bottom:.45em;width:2px;background:#ffffff38}.stage-lede p{margin:0;color:#cdc3b8;font-size:14.5px;line-height:1.85;text-shadow:0 1px 12px rgba(0,0,0,.5)}.stage-lede p+p{color:#a99e92}.stage-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}.btn-light{--btn-bg: #fff;--btn-fg: var(--ink);--btn-bd: #fff}.btn-light:hover{--btn-bg: var(--brass);--btn-bd: var(--brass);--btn-fg: #1b1715}.btn-wire{--btn-bg: rgba(255, 255, 255, .06);--btn-fg: #f3ede6;--btn-bd: rgba(255, 255, 255, .34)}.btn-wire:hover{--btn-bg: rgba(255, 255, 255, .14);--btn-bd: rgba(255, 255, 255, .55)}.stage-stats{display:flex;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}.stage-stats div{padding-right:28px;margin-right:28px;border-right:1px solid rgba(255,255,255,.18)}.stage-stats div:last-child{border-right:0;margin-right:0;padding-right:0}.stage-stats b{display:block;font-family:var(--num);font-size:30px;font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.025em}.stage-stats span{font-size:var(--fs-xs);color:#b0a496;letter-spacing:.1em}.story{background:#15120f;color:#ece4db;padding:clamp(44px,6vw,84px) 0;margin-top:clamp(40px,5vw,66px)}.story-head{text-align:center;margin-bottom:clamp(32px,4.5vw,58px)}.story-head .eyebrow{color:var(--brass)}.story-head h2{color:#fff;font-size:clamp(22px,2.6vw,32px)}.story-head p{color:#9c9086;font-size:var(--fs-sm);margin:10px 0 0}.story-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(22px,4vw,64px);align-items:center;padding:clamp(20px,2.6vw,38px) 0;border-top:1px solid rgba(255,255,255,.08)}.story-block.flip{grid-template-columns:1.1fr .9fr}.story-block:first-of-type{border-top:0}.story-block.flip .story-art{order:2}.story-art{position:relative}.story-art .plate{position:absolute;top:6%;right:8%;bottom:6%;left:8%;border-radius:50%;background:radial-gradient(circle at 46% 42%,rgba(255,255,255,.13),transparent 62%)}.story-art img{position:relative;width:100%;max-width:380px;margin:0 auto;filter:drop-shadow(0 28px 44px rgba(0,0,0,.5))}.story-no{font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--brass);margin-bottom:12px;display:flex;align-items:center;gap:12px}.story-no:after{content:"";width:42px;height:1px;background:#ffffff38}.story-copy h3{color:#fff;font-size:clamp(19px,2.1vw,26px);line-height:1.42;letter-spacing:-.02em}.story-copy p{color:#a89c91;font-size:var(--fs-body);line-height:1.9;margin:12px 0 0}.story-meta{display:flex;gap:24px;margin-top:22px;flex-wrap:wrap}.story-meta div{border-left:2px solid var(--brass);padding-left:12px}.story-meta b{display:block;font-family:var(--num);color:#fff;font-size:15px}.story-meta span{font-size:var(--fs-xs);color:#8b8177}@media(max-width:980px){.stage{min-height:calc(100vh - var(--header-h, 92px))}.stage-copy{max-width:none}.stage-photo img{object-position:70% center}.stage-scrim{background:linear-gradient(180deg,#0e0b09d1,#100d0abd 55%,#0c0a08e0)}.story-block{grid-template-columns:1fr}.story-block.flip .story-art{order:0}.story-block,.story-block.flip{grid-template-columns:1fr}.story-art{max-width:420px;margin:0 auto}}@media(max-width:720px){.stage-stats{flex-wrap:wrap;gap:12px 0}.stage-stats div{padding-right:18px;margin-right:18px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.stage-photo img,.stage-copy-anim>*,.stage-title span,.stage-title .sep{animation:none}}.pdp-bar{position:fixed;left:0;right:0;top:var(--header-h, 118px);z-index:50;background:#ffffffed;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--t),transform var(--t)}.pdp-bar.show{opacity:1;transform:none;pointer-events:auto}.pdp-bar-in{display:flex;align-items:center;gap:22px;height:56px}.pdp-bar-name{min-width:0;flex:none;max-width:30%}.pdp-bar-name b{display:block;font-size:var(--fs-body);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdp-bar-name span{font-size:var(--fs-xs);color:var(--faint);font-family:var(--num)}.pdp-bar-nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.pdp-bar-nav::-webkit-scrollbar{display:none}.pdp-bar-nav a{position:relative;padding:8px 14px;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;transition:color var(--t)}.pdp-bar-nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--copper);transform:scaleX(0);transition:transform var(--t)}.pdp-bar-nav a:hover{color:var(--ink)}.pdp-bar-nav a.on{color:var(--ink);font-weight:700}.pdp-bar-nav a.on:after{transform:scaleX(1)}.pdp-bar-buy{display:flex;align-items:center;gap:14px;flex:none}.pdp-bar-buy .price-now{font-size:18px}.gallery-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:7px;justify-content:center;z-index:2}.gallery-dots button{width:22px;height:3px;border:0;padding:0;border-radius:2px;background:#1b17152e;transition:var(--t)}.gallery-dots button:hover{background:#1b171557}.gallery-dots button.on{background:var(--copper);width:32px}.gallery-cmp{position:absolute;left:14px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted);transition:var(--t)}.gallery-cmp:hover{border-color:var(--ink);color:var(--ink)}.gallery-cmp.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pdp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.bullets-2col{columns:2;column-gap:28px}.bullets-2col li{break-inside:avoid}@media(max-width:1240px){.pdp-bar-name{display:none}}@media(max-width:980px){.pdp-bar{display:none}.bullets-2col{columns:1}}.bell{position:relative}.bell-pop{position:absolute;right:0;top:calc(100% + 10px);width:340px;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);overflow:hidden;animation:fade .18s var(--ease)}.bell-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.bell-empty{padding:28px;text-align:center;color:var(--faint);font-size:var(--fs-sm)}.bell-item{display:flex;gap:12px;width:100%;text-align:left;padding:12px 16px;border:0;border-bottom:1px solid var(--line-2);background:none;transition:background var(--t)}.bell-item:hover{background:var(--surface-2)}.bell-item.unread{background:#fdf8f4}.bell-item.unread .bell-txt b:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--copper);margin-right:7px;vertical-align:middle}.bell-ic{flex:none;width:28px;height:28px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:13px;color:var(--muted)}.bell-txt{display:grid;gap:2px;min-width:0}.bell-txt b{font-size:var(--fs-sm);color:var(--ink)}.bell-txt span{font-size:var(--fs-xs);color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bell-txt i{font-style:normal;font-size:10.5px;color:var(--faint)}.bell-all{display:block;text-align:center;padding:11px;font-size:var(--fs-sm);color:var(--copper);border-top:1px solid var(--line)}.fav{border:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;width:32px;height:32px;display:inline-grid;place-items:center;font-size:15px;color:var(--muted);transition:var(--t);line-height:1}.fav:hover{border-color:var(--copper);color:var(--copper);transform:scale(1.06)}.fav.on{background:var(--copper);border-color:var(--copper);color:#fff}.fav .fav-label{display:none}.fav.wide{width:auto;padding:0 14px;gap:6px;height:36px;font-size:var(--fs-sm)}.fav.wide .fav-label{display:inline}.pcard .fav{position:absolute;top:10px;right:10px;z-index:2;opacity:0;transform:translateY(-4px)}.pcard:hover .fav,.pcard .fav.on{opacity:1;transform:none}.pcard .pcard-cmp{top:48px}.st-active,.st-approved{color:var(--ok)}.st-suspended,.st-rejected,.st-disabled{color:var(--danger)}.st-open{color:var(--warn)}.st-replied,.st-closed{color:var(--muted)}.st-refunded{color:#6a4fa3}.notice-card{border-left:3px solid var(--copper);background:var(--surface-2);padding:14px 18px;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--fs-sm)}.notice-card b{color:var(--ink)}.noti-list .bell-item{padding:16px 18px}.noti-list .bell-txt span{-webkit-line-clamp:4}.dtable .wrap-cell{white-space:normal;max-width:360px;line-height:1.6}@media(max-width:720px){.bell-pop{width:min(340px,calc(100vw - 32px));right:-60px}}