/* Sklep: prostsza i szybsza nawigacja — produkty wyżej, zwarte skróty metod, jedno sortowanie na telefonie. */

@media (max-width:759px){
  /* Skróty metod w jednym przewijanym rzędzie zamiast trzech rzędów kafli. */
  .page-catalog .catalog-intro__shortcuts.catalog-method-shortcuts{flex-wrap:nowrap;gap:8px;margin:12px -12px 0;padding:2px 12px 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
  .page-catalog .catalog-method-shortcuts::-webkit-scrollbar{display:none}
  .page-catalog .catalog-method-shortcuts .catalog-intro__shortcut{flex:0 0 auto;min-width:0;min-height:44px;padding:6px 12px 6px 6px;gap:8px;scroll-snap-align:start}
  .page-catalog .catalog-method-shortcuts .catalog-intro__shortcut svg{width:18px;height:18px}
  .page-catalog .catalog-method-shortcuts .catalog-intro__shortcut > span:first-child{width:32px;height:32px}
  .page-catalog .page-hero--catalog{padding-bottom:12px}
  .page-catalog .catalog-intro__summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  /* Sortowanie jest już w pasku wyników — drugi przycisk „Sortuj” tylko dublował wybór. */
  .page-catalog .catalog-mobile-actions [data-mobile-sort]{display:none}
  .page-catalog .catalog-mobile-actions{grid-template-columns:1fr}
  .page-catalog .catalog-mobile-actions [data-filter-open]{flex:1 1 100%;width:100%}
}

/* Aktywne filtry: typ + wartość w każdym chipie, wyraźne „×”, licznik. */
.page-catalog .active-filters.active-filters--results{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.page-catalog .active-filters.active-filters--results .active-filters__label{display:inline-flex;align-items:center;gap:6px;margin-right:4px;font-size:13px}
.page-catalog .active-filters__count{display:inline-grid;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--hf-brand-900,#0e3f2f);color:#fff;font-size:12px;place-items:center}
.page-catalog .active-filters.active-filters--results > a:not(.active-filters__clear){display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 6px 4px 12px;border:1px solid #cfe0d6;border-radius:999px;background:#fff;color:var(--hf-brand-950,#0b2c21);font-size:14px;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s}
.page-catalog .active-filters.active-filters--results > a:not(.active-filters__clear):hover{border-color:#e0a9a3;background:#fff6f5}
.page-catalog .active-filters__type{color:#5d6b64;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.page-catalog .active-filters__x{display:grid;width:26px;height:26px;border-radius:999px;background:#eef3f0;color:#35453d;font-size:15px;line-height:1;place-items:center;transition:background .2s,color .2s}
.page-catalog .active-filters.active-filters--results > a:hover .active-filters__x{background:#b42318;color:#fff}
.page-catalog .active-filters.active-filters--results > a:focus-visible{outline:3px solid var(--hf-accent);outline-offset:2px}
.page-catalog .active-filters.active-filters--results .active-filters__clear{margin-left:auto;font-size:13px;font-weight:800}

/* Metody połowu w filtrach: zwarte wiersze zamiast wysokich kafli. */
.page-catalog .filter-section--methods .fishing-method-options{gap:4px}
.page-catalog .filter-section--methods .fishing-method-option{min-height:44px;padding:4px 8px;gap:10px;border-radius:10px}
.page-catalog .filter-section--methods .fishing-method-option__icon{width:30px;height:30px;border-radius:8px}
.page-catalog .filter-section--methods .fishing-method-option__icon svg{width:18px;height:18px}
.page-catalog .filter-section--methods .fishing-method-option__name{font-size:14px}
.page-catalog .filter-section--methods .fishing-method-option small{font-size:12px}
@media (max-width:759px){
  .page-catalog .active-filters.active-filters--results{gap:6px}
  .page-catalog .active-filters.active-filters--results .active-filters__label{flex:1 1 100%}
  .page-catalog .active-filters.active-filters--results > a{flex:0 1 auto;width:auto}
  .page-catalog .active-filters.active-filters--results .active-filters__clear{margin-left:4px}
  .page-catalog .active-filters.active-filters--results > a:not(.active-filters__clear){max-width:100%;font-size:13px}
}
/* Wiersz metody: ikona | nazwa | liczba | pole wyboru (nadpisuje starsze układy kafli). */
.page-catalog .filters .filter-section--methods .fishing-method-options .fishing-method-option,
.page-catalog .filters .filter-section--methods .fishing-method-options .fishing-method-option:has(input:checked){display:grid;grid-template-columns:30px minmax(0,1fr) auto 20px;grid-template-rows:auto;align-items:center;gap:0 10px;min-height:44px;margin:0;padding:6px 10px 6px 7px}
.page-catalog .filters .filter-section--methods .fishing-method-options .fishing-method-option__icon{grid-column:1;grid-row:1;width:30px;height:30px}
.page-catalog .filters .filter-section--methods .fishing-method-options .fishing-method-option__name{grid-column:2;grid-row:1;align-self:center;font-size:14px;line-height:1.25}
.page-catalog .filters .filter-section--methods .fishing-method-options .fishing-method-option small{grid-column:3;grid-row:1;align-self:center;color:#5d6b64;font-size:12px;font-variant-numeric:tabular-nums}
.page-catalog .filters .filter-section--methods .fishing-method-options .fishing-method-option input{grid-column:4;grid-row:1;width:20px;height:20px;margin:0}
.page-catalog .filters .filter-section--methods .fishing-method-options{display:grid;grid-template-columns:1fr}

/* 960–1279 px (filtry obok listy): pasek wyników w dwóch rzędach, bez uciętego licznika i sortowania. */
@media (min-width:960px) and (max-width:1279px){
  .page-catalog .shop-toolbar{grid-template-areas:"search search search" "count sort view";grid-template-columns:minmax(0,1fr) minmax(200px,260px) auto}
  .page-catalog .shop-toolbar>p{white-space:nowrap}
}
/* 760–1279 px: skróty metod w jednym rzędzie — równe kafle, przewijanie gdy brak miejsca. */
@media (min-width:760px) and (max-width:1279px){
  .page-catalog .catalog-intro__shortcuts.catalog-method-shortcuts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .page-catalog .catalog-method-shortcuts::-webkit-scrollbar{display:none}
  .page-catalog .catalog-method-shortcuts .catalog-intro__shortcut{flex:1 0 auto;min-width:0}
  .page-catalog .catalog-method-shortcuts .catalog-intro__shortcut *{white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none}
}
/* Tablet: jak na telefonie — jedno sortowanie (w pasku wyników), „Filtry” na całą szerokość. */
@media (min-width:760px) and (max-width:959px){
  .page-catalog .catalog-mobile-actions [data-mobile-sort]{display:none}
  .page-catalog .catalog-mobile-actions{grid-template-columns:1fr}
  .page-catalog .catalog-mobile-actions [data-filter-open]{width:100%}
}

/* Panel filtrów: przyciski w jednej linii, licznik parametrów nie ściska nagłówka. */
.page-catalog .filters__actions .btn{padding-inline:12px;white-space:nowrap}
.page-catalog .filter-section--advanced>summary{flex-wrap:wrap;align-items:center;gap:4px 8px;padding-left:0}
.page-catalog .filter-section--advanced>summary small{flex:none;white-space:nowrap}
/* Widok listy na telefonie: wąska kolumna zdjęcia — rabat w dolnym rogu, żeby nie zasłaniał plakietki. */
@media (max-width:699px){
  .catalog-results--list .product-card__discount{top:auto;right:6px;bottom:6px}
  .catalog-results--list .product-card__image>.badge{max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* Nagłówek katalogu: to samo tło co sekcja działów na stronie głównej (mięta + delikatny złoty akcent). */
.page-catalog .page-hero--catalog{background:radial-gradient(circle at 92% 0,rgba(230,182,46,.12),transparent 36%),linear-gradient(180deg,#e8f2ec 0%,#f3f8f5 100%)}