.kat{position:relative}.tg{position:absolute;top:0;left:0;width:1px;height:1px;scroll-margin-top:0}.kat-head{padding-block:clamp(20px,3vw,40px) clamp(16px,2.4vw,28px)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;font-size:14px;color:var(--muted)}.crumbs a{display:inline-flex;align-items:center;min-height:44px}.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.cb{display:none;align-items:center;gap:10px}.kh1{margin-top:6px;font-size:clamp(2.2rem,1.4rem + 2.6vw,3.6rem)}.hh{display:none}.klead{margin-top:12px;color:var(--muted);font-size:clamp(1rem,.96rem + .2vw,1.125rem);max-width:36em}.kat-body{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:clamp(56px,7vw,96px)}.side{display:none}.chips{display:flex;gap:8px;overflow-x:auto;width:calc(100% + var(--pad) * 2);scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding:2px var(--pad) 6px}.chips::-webkit-scrollbar{display:none}.ch{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font:600 14px/1 var(--display);color:var(--ink);white-space:nowrap;transition:background .2s,box-shadow .2s}.ch:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.ch em{font:600 12px/1 var(--body);font-style:normal;opacity:.6}.subs{display:none;gap:8px;overflow-x:auto;width:calc(100% + var(--pad) * 2);scrollbar-width:none;margin:10px calc(var(--pad) * -1) 0;padding:2px var(--pad) 6px}.subs::-webkit-scrollbar{display:none}.subs .ch{background:var(--soft);box-shadow:none;font-weight:500}.subs .ch:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 6px;padding-block:6px;border-bottom:1px solid var(--line)}.cnt{font:600 14px/1.2 var(--display);color:var(--muted)}.sort{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.sort select{min-height:44px;padding:0 36px 0 14px;border:0;border-radius:999px;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23141616' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;-webkit-appearance:none;font:500 14px/1 var(--body);color:var(--ink);cursor:pointer}.grp{padding-top:clamp(26px,3vw,40px)}.grp-h{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px 20px;margin-bottom:16px}.grp-h h2{font-size:clamp(1.5rem,1.1rem + 1.3vw,2.2rem)}.grp-sub{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:8px}.grp-sub a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--soft);font-size:13.5px;color:var(--text)}.grp-sub a:hover{background:var(--soft2)}.grp-sub em{font-style:normal;color:var(--muted);font-size:12.5px}.kgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}.kat .card{padding:6px 6px 14px}.kat .card-img{aspect-ratio:1 / .9}.kat .card-b{gap:6px;padding:12px 8px 0}.kat .name{font-size:clamp(14px,1.1vw,16px)}.kat .now{font-size:18px}.kat .tag{font-size:12px;letter-spacing:.1em;color:var(--turq-ink)}.ph{position:absolute;left:30%;top:28%;width:40%;height:44%;color:#a9aeac}.from{font-size:13px;color:var(--muted)}.knote{font-size:12.5px;line-height:1.3;color:var(--muted)}.stk{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1.2 var(--body);color:#0b7a43}.stk i{flex:none;width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #16a34a29}.stk.few{color:#9a5b00}.stk.few i{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.stk.out{color:var(--muted)}.stk.out i{background:#a3a8a6;box-shadow:none}.badge.b-out{background:var(--ink);color:#fff}.card.is-out .card-img img,.card.is-out .card-img .ph{opacity:.45}.card.is-out .now{color:var(--muted)}.side-help{margin-top:24px;padding:18px;border-radius:16px;background:var(--soft);font-size:14px;line-height:1.45;color:var(--muted)}.side-help b{display:block;font:600 15px/1.25 var(--display);color:var(--ink);margin-bottom:6px}.side-help a{color:var(--turq-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}@media(max-width:420px){.sort span{display:none}}@media(min-width:640px){.kgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1000px){.kat-body{grid-template-columns:240px minmax(0,1fr);gap:40px}.side{display:block;position:sticky;top:96px;align-self:start}.side ul ul{margin:2px 0 10px 10px;padding-left:10px;border-left:1.5px solid var(--line)}.side ul a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;transition:background .2s}.side ul a:hover{background:var(--soft)}.side .s-m{font:600 15px/1.2 var(--display);color:var(--ink)}.side .s-s{font-size:14px;color:var(--muted)}.side em{font:500 12px/1 var(--body);font-style:normal;opacity:.7}.chips{display:none}.subs{margin:0 0 4px;padding:2px 0 6px;flex-wrap:wrap;width:auto}.tools{margin-top:0}.grp:first-of-type{padding-top:18px}}@media(min-width:1200px){.kgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pick{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;background:var(--ink);color:#fff;font:600 13px/1.2 var(--display);text-align:center}.pick svg{color:var(--turq);flex:none}.has-pick .badge{top:46px}.price .now.soon{font-size:15px;font-weight:600;color:var(--muted)}.side a[aria-current=page],.side a.on{background:var(--ink);color:#fff}.side a.on em,.side a[aria-current=page] em{opacity:.8}.subs.show{display:flex}.ch.on{background:var(--ink);color:#fff;box-shadow:none}.subs .ch.on{background:var(--turq);color:var(--ink)}.pager{display:flex;justify-content:center;gap:8px;margin-top:32px}.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--soft);font:600 14px/1 var(--display)}.pager .cur{background:var(--ink);color:#fff}.kempty{padding:40px 0;color:var(--muted)}
/*# sourceMappingURL=/cdn/shop/t/41/assets/kat.css.map */