.cat-hero{display:grid;gap:10px;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding-block:24px 20px}.cat-hero a{position:relative;border-radius:18px;overflow:hidden;min-height:110px;display:grid;align-items:end;border:1px solid var(--color-line);transition:border-color .2s}.cat-hero a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.cat-hero a:hover img{transform:scale(1.04)}.cat-hero a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0b0f00 30%,#0b0b0feb)}.cat-hero a.on{border-color:var(--color-yellow);box-shadow:0 0 0 1px var(--color-yellow)}.cat-hero .t{position:relative;z-index:1;padding:14px;display:grid;gap:2px}.cat-hero h3{font-size:18px}.cat-hero .t span{color:var(--color-yellow);font-family:var(--font-display);font-weight:600;font-size:13px}@media(min-width:900px){.cat-hero{gap:12px;padding-block:32px 24px}.cat-hero a{min-height:150px}.cat-hero h3{font-size:22px}.cat-hero .t{padding:18px}}.cat-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-block:4px 16px}.cat-bar .chip-row{flex:1}.sort{display:flex;align-items:center;gap:8px;color:var(--color-text-2);font-size:14px;white-space:nowrap}.view{display:inline-flex;gap:2px;height:36px;padding:3px;border:1px solid var(--color-input);border-radius:var(--radius-pill);background:var(--color-card)}.view button{width:36px;height:28px;display:grid;place-items:center;border-radius:var(--radius-pill);color:var(--color-text-3);transition:color .15s,background-color .15s}.view button:hover{color:var(--color-text)}.view button.on{background:var(--color-text);color:var(--color-bg)}.view .v-cols{display:none;font-family:var(--font-display);font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}@media(min-width:1000px){.view .v-cols{display:grid}.view .v-auto{display:none}.grid.cat-grid-view{--cat-cols: 4;grid-template-columns:repeat(var(--cat-cols),minmax(0,1fr))}html[data-cols="3"] .cat-grid-view{--cat-cols: 3;gap:20px}html[data-cols="5"] .cat-grid-view{--cat-cols: 5;gap:12px}html:not([data-cols="3"]) .cat-grid-view :is(.card,.card-body,.card-row){min-width:0}html:not([data-cols="3"]) .cat-grid-view .card-row{flex-direction:column;align-items:stretch;gap:2px}html:not([data-cols="3"]) .cat-grid-view :is(.card-name,.card-meta){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-cols="5"] .cat-grid-view .card-name{font-size:14px}html[data-cols="5"] .cat-grid-view .card-price{font-size:15px}html[data-cols="5"] .cat-grid-view .card-meta{font-size:12px}html[data-cols="5"] .cat-grid-view .meta-lang{display:none}}.cat-layout{display:grid;gap:24px;padding-block:4px 20px}.filters{display:none}@media(min-width:1000px){.cat-layout{grid-template-columns:240px 1fr;gap:40px}.filters{display:block;position:sticky;top:calc(var(--nav-h) + 16px);align-self:start}.cat-bar .btn-filters{display:none}}.f-group{border-bottom:1px solid var(--color-line);padding:14px 0}.f-group:first-child{padding-top:0}.f-group summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-weight:600;cursor:pointer}.f-group summary::-webkit-details-marker{display:none}.f-group[open] summary .ic{transform:rotate(180deg)}.f-opts{display:grid;gap:4px;padding-top:10px}.f-opts label{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--color-text-2);font-size:14px;cursor:pointer}.f-opts label:hover{color:var(--color-text)}.range{display:flex;gap:8px;align-items:center;padding-top:10px}.range input{font-size:14px;appearance:textfield;-moz-appearance:textfield}.range input::-webkit-inner-spin-button,.range input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:699px){.cat-bar .chip-row{flex:1 1 160px;min-width:0}.sort{flex:1 1 220px;min-width:0}.sort [data-slot=select-trigger]{flex:1;min-width:0}}html[data-view=list] .cat-grid-view{display:none}html:not([data-view=list]) .cat-list-view{display:none}.cat-grid-view [hidden],.cat-list-view [hidden],.empty[hidden]{display:none}