.fwrap{display:grid;grid-template-columns:272px minmax(0,1fr);gap:32px;align-items:start;margin-top:44px}
@media(max-width:959px){.fwrap{grid-template-columns:1fr;gap:0}}
.fopt--link{text-decoration:none}
.fopt--link span{color:#c9c9d1}
.fopt--link:hover span{color:#fff}
.fopt--link.is-cur span{color:#e9c46a;font-weight:700}
.fside{background:#141418;border:1px solid #22222a;border-radius:16px;padding:6px 18px 18px;position:sticky;
  /* липнем под шапку сайта: её высоту меряет JS и кладёт в --fx-hd */
  top:calc(var(--fx-hd, 146px) + 16px);
  /* свой скролл: фильтры прокручиваются внутри панели и не тянут за собой товары */
  max-height:calc(100vh - var(--fx-hd, 146px) - 32px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#3a3a45 transparent}
.fside::-webkit-scrollbar{width:8px}
.fside::-webkit-scrollbar-track{background:transparent}
.fside::-webkit-scrollbar-thumb{background:#33333d;border-radius:8px}
.fside::-webkit-scrollbar-thumb:hover{background:#4a4a57}
.fside__hd{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;border-bottom:1px solid #22222a;
  position:sticky;top:0;background:#141418;z-index:2}
.fside__hd span{color:#fff;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.fside__reset{background:none;border:0;color:#8b8b96;cursor:pointer;font:600 13px/1 'TildaSans',Arial,sans-serif}
.fside__reset:hover{color:#e9c46a}
.fside__apply{display:none}
.fgrp{border-bottom:1px solid #1e1e24}
.fgrp:last-child{border-bottom:0}
.fgrp__h{width:100%;background:none;border:0;color:#e2e2e8;cursor:pointer;display:flex;align-items:center;
  justify-content:space-between;font:700 13.5px/1 'TildaSans',Arial,sans-serif;padding:15px 0;text-align:left}
.fgrp__h i{border:solid #8b8b96;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);transition:.2s;margin-left:8px}
.fgrp__h[aria-expanded="false"] i{transform:rotate(-45deg)}
.fgrp__h:hover{color:#e9c46a}
.fgrp__b{padding:0 0 12px}
.fgrp__h[aria-expanded="false"]+.fgrp__b{display:none}
.fopt{display:flex;align-items:center;gap:9px;padding:6px 0;cursor:pointer;color:#a9a9b4;font-size:14px;line-height:1.3}
.fopt:hover{color:#fff}
.fopt input{appearance:none;width:17px;height:17px;flex:0 0 17px;border:1px solid #3a3a45;border-radius:4px;background:#101015;cursor:pointer;position:relative}
.fopt input:checked{background:#e9c46a;border-color:#e9c46a}
.fopt input:checked::after{content:'';position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid #1d1d1d;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fopt span{flex:1}
.fopt b{color:#6c6c78;font-weight:400;font-size:12px}
.fopt.is-off{opacity:.35}
.fgrp--long .fopt:nth-of-type(n+9){display:none}
.fgrp--long.is-open .fopt{display:flex}
.fgrp__more{background:none;border:0;color:#e9c46a;cursor:pointer;font:600 13px/1 'TildaSans',Arial,sans-serif;padding:8px 0 2px}
.fprice{display:flex;align-items:center;gap:8px;padding:2px 0 6px}
.fprice input{width:100%;min-width:0;background:#101015;border:1px solid #2a2a33;border-radius:8px;color:#fff;
  padding:9px 10px;font:600 14px/1 'TildaSans',Arial,sans-serif;outline:none;-moz-appearance:textfield}
.fprice input:focus{border-color:#e9c46a}
.fprice input::-webkit-outer-spin-button,.fprice input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fprice span{color:#6c6c78}
.ftool{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 18px}
.ftool__found{color:#8b8b96;font-size:14px}
.ftool__found b{color:#fff}
.ftool__sort{margin-left:auto;color:#8b8b96;font-size:14px;display:flex;align-items:center;gap:8px}
.ftool__sort select{background:#141418;border:1px solid #26262e;border-radius:8px;color:#d8d8dd;padding:8px 10px;
  font:600 13px/1 'TildaSans',Arial,sans-serif;outline:none;cursor:pointer}
.ftool__open{display:none}
.fmore{display:block;margin:26px auto 8px;background:none;border:1px solid #33333d;color:#d8d8dd;cursor:pointer;
  border-radius:30px;padding:14px 30px;font:600 13px/1 'TildaSans',Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.fmore:hover{border-color:#e9c46a;color:#fff}
.fnone{color:#8b8b96;padding:40px 0;text-align:center}
.card.is-hide{display:none}
/* пролистывание фото в карточке курсором (как в каталоге neon-night) */
.card__img{position:relative}
.card__zones{position:absolute;inset:0;display:flex;z-index:2}
.card__zones i{flex:1 1 0;min-width:0}
.card__dots{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:4px;z-index:3;pointer-events:none;
  opacity:0;transition:opacity .15s}
.card:hover .card__dots{opacity:1}
.card__dots i{flex:1 1 0;height:3px;border-radius:2px;background:rgba(20,20,24,.25);transition:background .15s}
.card__dots i.is-cur{background:#e9c46a}
@media (hover:none){.card__zones,.card__dots{display:none}}
/* на телефоне — две карточки в строке (по умолчанию auto-fill даёт одну) */
@media(max-width:640px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card__b{padding:10px 10px 12px;gap:6px}
  .card__t{font-size:13px;line-height:1.3}
  .card__p{font-size:15px}
  .card__p small{font-size:12px}
}
@media(max-width:360px){.grid{gap:8px}.card__t{font-size:12px}}
@media(max-width:959px){
  .ftool__open{display:inline-flex;align-items:center;gap:8px;background:#141418;border:1px solid #26262e;border-radius:30px;
    color:#e2e2e8;cursor:pointer;padding:12px 22px;font:700 13px/1 'TildaSans',Arial,sans-serif;text-transform:uppercase}
  .ftool__open span{color:#e9c46a}
  .fside{display:none;position:fixed;inset:0;z-index:9999;border-radius:0;border:0;overflow:auto;padding:12px 18px 90px;
    max-height:none}
  .fside.is-open{display:block}
  .fside__hd{position:sticky;top:0;background:#141418;z-index:2}
  .fside__apply{display:block;position:fixed;left:16px;right:16px;bottom:16px;background:linear-gradient(0.288turn,#d1b054 0%,#ffe5a6 50%,#d1b054 97%);
    border:0;border-radius:30px;color:#1d1d1d;cursor:pointer;padding:16px;font:700 13px/1 'TildaSans',Arial,sans-serif;
    letter-spacing:.06em;text-transform:uppercase}
  .ftool__sort{margin-left:0;width:100%}
}