:root{--ink: #1b1f26;--muted: #5b6472;--line: #e4e7ec;--bg: #fff;--surface: #f4f6f8;--surface-2: #fff;--dark: #181c22;--ok: #15803d;--warn: #b45309;--star: #e0a100;--cats-w: 330px;--hdr-h: 92px;--stick-h: 92px;--shadow-pop: 0 18px 40px -18px rgb(15 23 42 / 35%);--shadow-card: 0 16px 36px -18px rgb(15 23 42 / 35%);--shadow-modal: 0 30px 60px -20px rgb(0 0 0 / 50%);--backdrop: rgb(10 14 20 / 50%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #eef0f3;--muted: #a3abb7;--line: #2c323c;--bg: #14171c;--surface: #1b1f26;--surface-2: #1f242c;--dark: #0f1216}}:root[data-theme=dark]{--ink: #eef0f3;--muted: #a3abb7;--line: #2c323c;--bg: #14171c;--surface: #1b1f26;--surface-2: #1f242c;--dark: #0f1216}@media(min-width:1600px){:root{--cats-w: 380px}}@media(max-width:1200px){:root{--gutter: 40px}}@media(max-width:1024px){:root{--gutter: 24px}}@media(max-width:760px){:root{--gutter: 16px}}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(env(safe-area-inset-top,0px) + var(--stick-h) + 12px)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}img,video{max-width:100%}img{display:block;height:auto}a{color:inherit;text-decoration:none}button{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}html.sc-locked{overflow:hidden}h1,h2,h3,h4,.h1,.h2,.h3{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:var(--head-ls, -.02em);text-transform:var(--head-tt, none)}h1,.h1{font-size:clamp(28px,3vw,44px)}h2,.h2{font-size:clamp(26px,2.6vw,44px)}h3,.h3{font-size:clamp(20px,1.6vw,26px);line-height:1.2}h4{font-size:18px;line-height:1.3}.muted{color:var(--muted)}.small{font-size:14px}.price{font-size:clamp(17px,1.25vw,22px);font-weight:700;white-space:nowrap}.hyphens{hyphens:auto}.link-all{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:600}.link-all:hover{color:var(--brand-ink)}.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}.sec{padding:56px 0}.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.grid.g4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media(max-width:760px){.grid,.grid.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sec{padding:36px 0}}.sticky{position:sticky;top:calc(var(--stick-h) + 20px)}.icon{flex:none;width:var(--icon, 22px);height:var(--icon, 22px);stroke:currentcolor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.i16{--icon: 16px}.i18{--icon: 18px}.i24{--icon: 24px}.i32{--icon: 32px}.icon.is-filled{fill:currentcolor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:var(--radius-sm);font-weight:600;transition:background .15s,color .15s,border-color .15s}.btn:disabled,.btn.is-disabled{opacity:.5;cursor:not-allowed}.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover:not(:disabled,.is-disabled){background:var(--brand-ink)}.btn-ghost{background:var(--surface);color:var(--ink)}.btn-ghost:hover:not(:disabled,.is-disabled){background:var(--line)}.btn-light{background:#fff;color:#1b1f26}.btn-light:hover:not(:disabled,.is-disabled){background:#eef1f5}.btn-block{width:100%}.btn-sm{height:44px;padding:0 18px;font-size:15px}.icon-btn{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-sm)}.icon-btn:hover{background:var(--surface)}@media(max-width:760px){.btn{height:48px}.btn-sm{height:44px}}.field{position:relative;display:grid;gap:6px;align-content:start}.field>label,.field>.lbl{font-size:13px;font-weight:600}.field .req{color:var(--accent)}.field.full{grid-column:1/-1}.inp{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);outline:none;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--brand)}.inp:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--brand-soft)}.inp:disabled{background:var(--surface);color:var(--muted);cursor:not-allowed}.inp.err{border-color:var(--accent)}.inp::placeholder{color:var(--muted);opacity:.8}textarea.inp{height:auto;padding:12px 14px;resize:vertical}select.inp{cursor:pointer;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235b6472' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.err-msg{color:var(--accent);font-size:12px;font-weight:500}.hint{color:var(--muted);font-size:12px}.check{display:flex;align-items:center;gap:10px;min-height:34px;font-size:14px;cursor:pointer}.check input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--brand)}.check small{margin-left:auto;color:var(--muted)}.check.dis{opacity:.45;cursor:default}.tabs,.seg{display:flex;max-width:100%;padding:4px;border-radius:12px;background:var(--surface)}.tabs{gap:6px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;height:46px;padding:0 20px;border-radius:9px;color:var(--muted);font-size:16px;font-weight:600}.seg button{flex:1;height:46px;padding:0 20px;border-radius:9px;color:var(--muted);font-weight:600}.tabs button.on,.seg button.on,.tabs [aria-selected=true],.seg [aria-selected=true]{background:var(--surface-2);color:var(--ink);box-shadow:0 1px 3px #0f172a1f}.o-filter{display:flex;flex-wrap:wrap;gap:8px}.o-filter button{height:40px;padding:0 16px;border:1.5px solid var(--line);border-radius:20px;font-size:14px;font-weight:600}.o-filter button.on,.o-filter button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.b{padding:6px 8px;border-radius:6px;color:#fff;font-size:12px;font-weight:700;line-height:1}.b-sale{background:var(--accent)}.b-new{background:var(--ok)}.b-hit{background:var(--ink);color:var(--bg)}.badge-count{position:absolute;top:4px;right:3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:1}.stars{display:flex;gap:1px;color:var(--star)}.stars .icon{--icon: 13px;fill:currentcolor;stroke:none}.stars .off{color:var(--line)}.msgs{display:flex;align-items:center;gap:6px}.msgs.lg{gap:10px}.msg{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;color:#fff;transition:transform .15s,filter .15s}.msg:hover{transform:translateY(-1px);filter:brightness(1.08)}.msg .icon{--icon: 19px;stroke:#fff;stroke-width:1.9}.msgs.lg .msg{width:46px;height:46px;border-radius:12px}.msgs.lg .msg .icon{--icon: 24px}.row-scroll{--cols: 5;--gap: 16px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));gap:var(--gap);padding-bottom:4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.row-scroll::-webkit-scrollbar{display:none}.row-scroll>*{scroll-snap-align:start}@media(max-width:1200px){.row-scroll{--cols: 4}}@media(max-width:1024px){.row-scroll{--cols: 3}}@media(max-width:760px){.row-scroll{--cols: 2.2;--gap: 12px}}.drag-x{cursor:grab}.drag-x.dragging{cursor:grabbing;user-select:none;scroll-snap-type:none}.drag-x.dragging *{pointer-events:none}.sk-b{display:block;border-radius:8px;background:linear-gradient(90deg,var(--surface) 0%,var(--line) 50%,var(--surface) 100%);background-size:200% 100%;animation:sc-skeleton 1.2s ease-in-out infinite}.sk-img{aspect-ratio:1;border-radius:var(--radius-sm)}.sk-line{height:14px}@keyframes sc-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.to-top{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:65;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--bg);box-shadow:0 10px 24px -10px #00000073;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}.to-top.is-visible{opacity:1;visibility:visible;transform:none}.to-top:hover{opacity:.9}.qty{display:inline-flex;align-items:center;height:34px;border:1px solid var(--line);border-radius:8px}.qty button{display:grid;place-items:center;width:32px;height:32px}.qty span,.qty input{min-width:26px;font-size:14px;font-weight:600;text-align:center}.qty input{width:40px;padding:0;border:0;background:none;outline:none;appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{margin:0;appearance:none}.qty.lg{height:52px;border-radius:var(--radius-sm)}.qty.lg button{width:42px;height:50px;font-size:18px}.qty.lg span,.qty.lg input{min-width:34px;font-size:16px}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:22px 0 10px;color:var(--muted);font-size:13px}.crumbs a:hover{color:var(--brand)}.crumbs .icon{width:14px;height:14px}.modal-wrap{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px;background:var(--backdrop);animation:sc-fade .18s ease}.modal-wrap.is-drawer{grid-template-rows:minmax(0,1fr);place-items:stretch end;padding:0}.modal{position:relative;width:min(440px,100%);max-height:calc(100vh - 40px);padding:28px;overflow-y:auto;border-radius:calc(var(--radius) + 4px);background:var(--bg);box-shadow:var(--shadow-modal);animation:sc-rise .2s ease}.modal.is-wide{width:min(600px,100%)}.modal h3{margin:0 0 6px;padding-right:40px;font-size:20px;line-height:1.5;letter-spacing:normal}.modal p{margin:0 0 18px;color:var(--muted);font-size:14px}.modal .x{position:absolute;right:10px;top:10px}.drawer{display:flex;flex-direction:column;width:min(420px,100%);height:100%;min-height:0;max-height:100%;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);background:var(--bg);box-shadow:-20px 0 50px -20px #0006;animation:sc-slide-in .22s ease}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.drawer-head h3{margin:0;font-size:19px;line-height:1.5;letter-spacing:normal}.drawer-body{flex:1;padding:8px 20px;overflow-y:auto}.drawer-foot{display:grid;gap:12px;padding:18px 20px;border-top:1px solid var(--line)}.toast{position:fixed;left:50%;bottom:calc(var(--toast-offset, 0px) + 24px + env(safe-area-inset-bottom,0px));z-index:100;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 18px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:500;box-shadow:0 12px 30px -10px #0006;transform:translate(-50%);animation:sc-toast-in .2s ease}.toast-act{margin-left:6px;padding:6px 10px;border-radius:8px;background:#ffffff29;color:inherit;font-size:13px;font-weight:700}.toast-act:hover{background:#ffffff42}@media(max-width:760px){.modal-wrap{align-items:end;padding:0}.modal{width:100%;max-height:90vh;padding:24px 18px calc(18px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:sc-sheet-up .24s ease}}@keyframes sc-fade{0%{opacity:0}}@keyframes sc-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes sc-slide-in{0%{transform:translate(100%)}}@keyframes sc-sheet-up{0%{transform:translateY(100%)}}@keyframes sc-toast-in{0%{opacity:0;transform:translate(-50%,10px)}}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:8px;top:-60px;z-index:200;padding:12px 18px;border-radius:var(--radius-sm);background:var(--ink);color:var(--bg);font-weight:600;transition:top .15s}.skip-link:focus{top:8px}.nowrap{white-space:nowrap}.text-center{text-align:center}@media(max-width:760px){.hide-m{display:none!important}}@media(min-width:761px){.only-m{display:none!important}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}