.sx-shell .ui-case-card{min-width:0;color:var(--color-ink);background:0 0;border:0;border-radius:8px;padding:0}.sx-shell .ui-case-card__body{border-radius:12px;padding-bottom:32px;overflow:hidden}.sx-shell .ui-case-card__body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(61% 104% at 50% 108%,color-mix(in oklab,var(--color-green) 40%,transparent) 0%,color-mix(in oklab,var(--color-green) 17%,transparent) 45%,transparent 72%) center bottom / 100% 32.2% no-repeat,linear-gradient(180deg,var(--color-card) 0%,var(--color-page) 100%);box-shadow:inset 0 2px 0 0 var(--color-raised),inset 0 -2px 0 0 var(--color-green);opacity:0;border-radius:12px;transition:opacity .3s ease-out;position:absolute;inset:0}.sx-shell .ui-case-card .sx-case-art{aspect-ratio:1;width:100%;height:auto;margin:0;transition:scale .3s ease-out;scale:1}.sx-shell .ui-case-card__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--color-ink);margin-top:-3px;font-size:16px;font-weight:700;line-height:1.125;display:block;overflow:hidden}.sx-shell .ui-case-card__price{z-index:2;background:var(--ui-choice,#17251c);min-width:92px;height:48px;color:var(--color-ink);box-shadow:none;font-variant-numeric:tabular-nums;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-top:0;padding:0 16px;font-size:16px;font-weight:700;line-height:1.29;transition:background-color .3s cubic-bezier(.2,.8,.2,1),color .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.sx-shell .ui-case-card__price>svg{width:16px;height:16px;color:var(--color-green)}.sx-shell .ui-case-card__price-old{color:var(--color-faint);text-decoration:line-through}.sx-shell .ui-case-card__price-old+span{color:var(--color-green)}@media (hover:hover){.sx-shell .ui-case-card:hover .ui-case-card__price{color:#f4fff7;background:#24382a}}@media (hover:hover) and (pointer:fine){.sx-shell .ui-case-card:hover .sx-case-box:after{opacity:1}.sx-shell .ui-case-card:hover .sx-case-art{scale:1.05}}.sx-shell .ui-case-card:active .ui-case-card__price{background:#1a2e20}.sx-shell .ui-case-card:focus-visible{outline:2px solid var(--color-green);outline-offset:3px}@media (max-width:768px){.sx-shell .ui-case-card .sx-case-art{width:calc(100% + 24px);max-width:none;margin-inline:-12px}}@media (max-width:560px){.sx-shell .ui-case-card__name{font-size:14px}.sx-shell .ui-case-card__price{height:44px;font-size:14px}}@media (prefers-reduced-motion:reduce){.sx-shell .ui-case-card__price,.sx-shell .ui-case-card__body:after,.sx-shell .ui-case-card .sx-case-art{transition:none}.sx-shell .ui-case-card .sx-case-art{scale:none!important}}.sx-shell .ui-case-shelf{height:auto;min-height:48px;box-shadow:none;background:var(--ui-secondary,#23352a);color:var(--color-ink);text-align:left;border:0;border-radius:8px;font-weight:500;transition:background-color .3s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.sx-shell .ui-case-shelf:hover{background:var(--ui-secondary-hover,#2d4535)}}.sx-shell .ui-case-shelf:active{background:var(--ui-secondary-press,#1a2a20)}
.cat-sec{container-type:inline-size}.cat-sec+.cat-sec{margin-top:64px}.cat-grid.cat-grid--shell.cat-grid--fill{--b:2;--cat-cols:2;--cat-gap:10px;--price-h:48px;--cell:calc((100cqw - (var(--b) - 1) * var(--cat-gap)) / var(--b));max-width:calc(var(--cat-cols) * var(--cell) + (var(--cat-cols) - 1) * var(--cat-gap));justify-content:center;column-gap:var(--cat-gap);row-gap:calc(var(--price-h) / 2 + 30px);padding-bottom:calc(var(--price-h) / 2);flex-wrap:wrap;margin-inline:auto;display:flex}.cat-grid--fill>.cat-cell{flex:0 0 var(--cell);min-width:0}@media (max-width:560px){.cat-grid.cat-grid--shell.cat-grid--fill{--price-h:44px}}@container (min-width:600px){.cat-grid.cat-grid--shell.cat-grid--fill{--b:3;--cat-cols:var(--c3,3)}}@container (min-width:840px){.cat-grid.cat-grid--shell.cat-grid--fill{--b:4;--cat-cols:var(--c4,4)}}@container (min-width:1100px){.cat-grid.cat-grid--shell.cat-grid--fill{--cat-gap:16px}}@container (min-width:1760px){.cat-grid.cat-grid--shell.cat-grid--fill{--cat-gap:24px}}@container (min-width:1988px){.cat-grid.cat-grid--shell.cat-grid--fill{--b:5;--cat-cols:var(--c5,5)}}@container (min-width:2499px){.cat-grid.cat-grid--shell.cat-grid--fill{--b:6;--cat-cols:var(--c6,6)}}@media (min-width:2000px){.cat-sec+.cat-sec{margin-top:80px}}@media (min-width:3200px) and (min-height:1600px){.cat-sec+.cat-sec{margin-top:96px}}