/* Strona główna: karty metod połowu ze zdjęciem tła, chipami działów i karuzelą na telefonie. */

.home-methods{padding:64px 0 56px;background:linear-gradient(180deg,#f4f8f6 0%,#fff 100%)}
.home-methods__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px;margin-bottom:24px}
.home-methods__head h2{margin:6px 0 0;color:var(--hf-brand-950);font:800 clamp(28px,3.4vw,42px)/1.05 var(--hf-font-display);letter-spacing:-.035em}
.home-methods__head p{max-width:42ch;margin:0;color:var(--hf-muted);font-size:15px;line-height:1.55}

/* Kolory metod — nowa metoda bez własnego koloru dostaje neutralny akcent. */
.method-card{--method-accent:#c7d3cc;--method-shade:12,20,17}
.method-card--spinning{--method-accent:#35c27a;--method-shade:6,48,32}
.method-card--feeder-method{--method-accent:#e6b62e;--method-shade:52,40,10}
.method-card--karp{--method-accent:#e0a93a;--method-shade:48,34,10}
.method-card--splawik{--method-accent:#3fb0e6;--method-shade:8,40,66}
.method-card--sum{--method-accent:#a58cf0;--method-shade:34,24,64}
.method-card--other{--method-accent:#c5cec9;--method-shade:26,30,28}

.method-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.method-card{position:relative;display:flex;min-height:500px;overflow:hidden;border-radius:22px;background:rgb(var(--method-shade));box-shadow:0 14px 34px rgba(8,34,25,.16);color:#fff;isolation:isolate;transition:transform .35s var(--hf-ease),box-shadow .35s var(--hf-ease)}
.method-card__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--hf-ease)}
.method-card::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--method-shade),0) 18%,rgba(var(--method-shade),.55) 42%,rgba(var(--method-shade),.94) 64%,rgb(var(--method-shade)) 100%);content:""}
.method-card:hover{box-shadow:0 22px 44px rgba(8,34,25,.26);transform:translateY(-4px)}
.method-card:hover .method-card__image{transform:scale(1.05)}
.method-card:has(.method-card__link:focus-visible){outline:3px solid var(--hf-accent);outline-offset:3px}

.method-card__body{display:flex;flex:1;flex-direction:column;justify-content:flex-end;gap:10px;padding:0 18px 18px}
.method-card__icon{display:grid;width:62px;height:62px;margin-bottom:4px;border:3px solid var(--method-accent);border-radius:999px;background:rgba(var(--method-shade),.72);color:var(--method-accent);place-items:center;backdrop-filter:blur(6px)}
.method-card__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.method-card__title{margin:0;font:800 clamp(21px,1.7vw,26px)/1.1 var(--hf-font-display);letter-spacing:-.02em}
.method-card__title::after{display:block;width:34px;height:3px;margin-top:9px;border-radius:3px;background:var(--method-accent);content:""}
.method-card__link{color:#fff;text-decoration:none}
.method-card__link::after{position:absolute;inset:0;z-index:1;content:""}
.method-card__link:focus-visible{outline:none}
.method-card__text{display:-webkit-box;margin:0;overflow:hidden;color:rgba(255,255,255,.86);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.method-card__chips{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}
.method-card__chips li{max-width:100%}
.method-card__chips a{display:inline-flex;max-width:100%;min-height:32px;align-items:center;padding:0 11px;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(0,0,0,.22);color:#fff;font-size:12px;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(4px);transition:background .2s,border-color .2s,color .2s}
.method-card__chips a:hover{border-color:var(--method-accent);background:var(--method-accent);color:rgb(var(--method-shade))}
.method-card__chips a:focus-visible{outline:3px solid var(--hf-accent);outline-offset:2px}
/* Chip ma 32 px wysokości, a obszar dotyku 44 px (WCAG 2.5.8) dzięki niewidocznemu marginesowi. */
.method-card__chips a{position:relative}
.method-card__chips a::before{position:absolute;inset:-6px -2px;content:""}

.method-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:rgba(255,255,255,.8);font-size:13px}
.method-card__foot>span:first-child{white-space:nowrap}
.method-card__foot strong{color:#fff;font-size:16px;font-variant-numeric:tabular-nums}
.method-card__go{display:grid;flex:none;width:42px;height:42px;border:2px solid var(--method-accent);border-radius:999px;color:#fff;place-items:center;transition:background .2s,color .2s}
.method-card__go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.method-card:hover .method-card__go{background:var(--method-accent);color:rgb(var(--method-shade))}

.method-cards__controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:var(--hf-muted);font-size:13px}
.method-cards__controls>div{display:flex;gap:8px}
.method-cards__controls button{display:grid;width:44px;height:44px;border:1px solid var(--hf-line);border-radius:999px;background:#fff;color:var(--hf-brand-900);cursor:pointer;place-items:center}
.method-cards__controls button:disabled{opacity:.4;cursor:default}
.method-cards__controls button:not(:disabled):hover{background:var(--hf-mint)}
.method-cards__controls button:focus-visible{outline:3px solid var(--hf-accent);outline-offset:2px}
.method-cards__controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* Desktop: tytuły w jednej linii — opis i chipy mają stałą wysokość. */
@media (min-width:1200px){
  .method-card__body{padding:0 15px 16px}
  .method-card__text{min-height:calc(1.45em * 3)}
  .method-card__chips{min-height:70px;align-content:flex-start}
  .method-card__foot{font-size:12px}
}
/* Tablet i mały laptop: przewijany rząd kart. */
@media (max-width:1199px){
  .method-cards{display:flex;gap:12px;margin:0 -16px;padding:4px 16px 10px;overflow-x:auto;scroll-padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .method-cards::-webkit-scrollbar{display:none}
  .method-card{flex:0 0 240px;min-height:460px;scroll-snap-align:start}
  .method-cards:focus-visible{outline:3px solid var(--hf-accent);outline-offset:2px}
}
/* Telefon: dwie karty i fragment trzeciej — widać, że można przewijać. */
@media (max-width:759px){
  .home-methods{padding:40px 0 36px}
  .home-methods__head{margin-bottom:16px}
  .home-methods__head p{font-size:14px}
  .method-card{flex-basis:calc((100% - 24px) / 2.25);min-height:350px;border-radius:18px}
  .method-card:hover{transform:none}
  .method-card__body{gap:7px;padding:0 12px 12px}
  .method-card__icon{width:46px;height:46px;border-width:2px}
  .method-card__icon svg{width:24px;height:24px}
  .method-card__title{font-size:19px}
  .method-card__title::after{margin-top:6px}
  .method-card__text{font-size:12px;-webkit-line-clamp:2}
  .method-card__chips{gap:5px}
  .method-card__chips li:nth-child(n+4){display:none}
  .method-card__chips a{min-height:28px;padding:0 9px;font-size:11px}
  .method-card__chips a::before{inset:-8px -2px}
  .method-card__foot{font-size:11px}
  .method-card__foot strong{font-size:14px}
  .method-card__go{width:34px;height:34px}
}
@media (max-width:379px){.method-card{flex-basis:calc((100% - 12px) / 1.6)}}
/* Wyrównanie kart: zawartość startuje od stałej wysokości, tytuł ma miejsce na dwie linie
   (wyrównany do dołu), więc nazwy, kreski i opisy są w jednej linii niezależnie od długości
   opisu, liczby chipów czy dwulinijkowej nazwy („Feeder / Method”). Stopka trzyma się dołu. */
.method-card__body{justify-content:flex-start;padding-top:var(--method-top,150px)}
.method-card__title{display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(2.2em + 12px);align-content:end;overflow-wrap:anywhere}
.method-card__text{height:calc(1.45em * 3);min-height:0}
.method-card__foot{margin-top:auto;padding-top:4px}
@media (max-width:1199px){.method-card{--method-top:128px}}
@media (max-width:759px){
  .method-card{--method-top:92px}
  .method-card__title{min-height:calc(2.2em + 9px)}
  .method-card__text{height:calc(1.45em * 2)}
}
@media (prefers-reduced-motion:reduce){
  .method-card,.method-card__image{transition:none}
  .method-card:hover,.method-card:hover .method-card__image{transform:none}
}

/* ── Strona główna: spójne tła sekcji ─────────────────────────────────────────
   Jeden rytm: jasna zieleń (metody) → biel (działy) → jasna zieleń (produkty) → ciemna marka (standard). */
.page-home .home-categories{padding:64px 0;border-block:0;background:#fff}
.page-home .home-categories::before,.page-home .home-categories::after{display:none}
.page-home .home-merchandising{background:linear-gradient(180deg,#f4f8f6 0%,#f9fbfa 100%)}
.page-home .home-campaign{padding:8px 0 56px;background:#fff}

/* ── Działy sklepu: kafelki z ikonami 3D ─────────────────────────────────────── */
.cat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.cat-tile__link{position:relative;display:grid;height:100%;grid-template-rows:auto 1fr;padding:14px 14px 16px;border:1px solid #e3ece7;border-radius:20px;background:#fff;color:var(--hf-brand-950);text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s var(--hf-ease)}
.cat-tile__link:hover{border-color:#cfe0d6;box-shadow:0 14px 30px rgba(8,34,25,.10);transform:translateY(-3px)}
.cat-tile__link:focus-visible{outline:3px solid var(--hf-accent);outline-offset:3px}
.cat-tile__media{display:grid;height:150px;margin-bottom:12px;overflow:hidden;border-radius:14px;background:radial-gradient(120% 90% at 50% 100%,#e4efe9 0%,#f3f8f5 55%,#fbfdfc 100%);place-items:center}
.cat-tile__media img{width:100%;height:100%;padding:12px;object-fit:contain;transition:transform .5s var(--hf-ease)}
.cat-tile__media--icon img{width:150px;height:150px;padding:4px;filter:drop-shadow(0 10px 14px rgba(8,34,25,.22))}
.cat-tile__link:hover .cat-tile__media img{transform:scale(1.06) rotate(-2deg)}
.cat-tile__media svg{width:44px;height:44px;fill:none;stroke:var(--hf-brand-800);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cat-tile__body{display:grid;align-content:start;gap:3px;padding-right:44px}
.cat-tile__name{font:800 18px/1.2 var(--hf-font-display);letter-spacing:-.015em}
.cat-tile__count{color:var(--hf-muted);font-size:13px}
.cat-tile__children{display:-webkit-box;margin-top:4px;overflow:hidden;color:#51615a;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cat-tile__go{position:absolute;right:14px;bottom:16px;display:grid;width:34px;height:34px;border-radius:999px;background:var(--hf-mint);color:var(--hf-brand-900);place-items:center;transition:background .2s,color .2s}
.cat-tile__go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cat-tile__link:hover .cat-tile__go{background:var(--hf-accent);color:var(--hf-accent-ink)}
.cat-tile--all .cat-tile__link{border-color:transparent;background:linear-gradient(150deg,var(--hf-brand-950),#145a42);color:#fff}
.cat-tile--all .cat-tile__media{background:rgba(255,255,255,.06)}
.cat-tile--all .cat-tile__media svg{stroke:var(--hf-accent)}
.cat-tile--all .cat-tile__count{color:#bcd3c7}
.cat-tile--all .cat-tile__go{background:var(--hf-accent);color:var(--hf-accent-ink)}

@media (max-width:959px){.cat-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:759px){
  .home-categories{padding:40px 0}
  .cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cat-tile__link{padding:10px 10px 12px;border-radius:16px}
  .cat-tile__media{height:104px;margin-bottom:8px;border-radius:12px}
  .cat-tile__media--icon img{width:104px;height:104px}
  .cat-tile__body{padding-right:30px}
  .cat-tile__name{font-size:15px}
  .cat-tile__count{font-size:12px}
  .cat-tile__children{display:none}
  .cat-tile__go{right:10px;bottom:12px;width:28px;height:28px}
}
@media (prefers-reduced-motion:reduce){.cat-tile__link,.cat-tile__media img{transition:none}.cat-tile__link:hover,.cat-tile__link:hover .cat-tile__media img{transform:none}}

/* Telefon: „Standard HardFish” jako zwarta lista (ikona obok tekstu), zamiast trzech wysokich kafli. */
@media (max-width:759px){
  .page-home .home-values{padding-block:40px}
  .page-home .home-values .section-head{margin-bottom:16px}
  .page-home .home-values .value-grid{gap:0}
  .page-home .home-values .value-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;border:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .page-home .home-values .value-card:last-child{border-bottom:0}
  .page-home .home-values .value-icon{width:44px;height:44px;margin:0}
  .page-home .home-values .value-card h3{margin:0 0 4px;font-size:16px}
  .page-home .home-values .value-card p{margin:0;font-size:13px;line-height:1.5}
  .page-home .home-specialist{padding-block:36px}
}


/* ── Hero strony głównej: film na całą szerokość pod nawigacją, treść w kolumnie strony ─────────────── */
.home-hero{position:relative;display:flex;min-height:clamp(540px,74vh,720px);align-items:center;overflow:hidden;background:#07261c;color:#fff;isolation:isolate}
.home-hero__media{position:absolute;inset:0;z-index:-2}
.home-hero__media video,.home-hero__media img{width:100%;height:100%;object-fit:cover}
.home-hero::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,30,22,.94) 0%,rgba(5,30,22,.82) 34%,rgba(5,30,22,.35) 68%,rgba(5,30,22,.15) 100%),linear-gradient(0deg,rgba(5,30,22,.55) 0%,rgba(5,30,22,0) 38%);content:""}
.home-hero__inner{width:100%;padding-block:64px 96px}
.home-hero__content{display:grid;max-width:640px;gap:18px}
.home-hero__eyebrow{display:inline-flex;margin:0;font-family:inherit;line-height:1.3;align-items:center;gap:8px;justify-self:start;padding:7px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#f6d774;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px)}
.home-hero__eyebrow>span{color:#4ade80;font-size:10px}
.home-hero__title{margin:0;color:#fff;font:800 clamp(34px,5vw,62px)/1.02 var(--hf-font-display);letter-spacing:-.04em}
.home-hero__title span{color:var(--hf-accent-light,#f5d466)}
.home-hero__lead{max-width:52ch;margin:0;color:#d7e8df;font-size:clamp(15px,1.3vw,18px);line-height:1.6}
.home-hero__lead strong{color:#fff}
.home-hero__search{display:flex;align-items:center;gap:8px;max-width:600px;margin-top:6px;padding:6px 6px 6px 18px;border-radius:999px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.home-hero__search svg{flex:none;width:20px;height:20px;fill:none;stroke:#51615a;stroke-width:2;stroke-linecap:round}
.home-hero__search input{flex:1;min-width:0;min-height:48px;border:0;background:transparent;color:var(--hf-brand-950);font-size:16px;outline:none}
.home-hero__search:focus-within{outline:3px solid var(--hf-accent);outline-offset:3px}
.home-hero__search .btn{min-height:48px;padding-inline:26px;border-radius:999px}
.home-hero__popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
.home-hero__popular>span{color:#a9c4b8;font-weight:700}
.home-hero__popular a{display:inline-flex;min-height:36px;align-items:center;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-weight:700;text-decoration:none;backdrop-filter:blur(4px);transition:background .2s,border-color .2s}
.home-hero__popular a:hover{border-color:var(--hf-accent);background:rgba(230,182,46,.18)}
.home-hero__popular a.is-sale{border-color:rgba(230,182,46,.6);color:var(--hf-accent-light,#f5d466)}
.home-hero__popular a:focus-visible{outline:3px solid var(--hf-accent);outline-offset:2px}
.home-hero__popular a{position:relative}
.home-hero__popular a::before{position:absolute;inset:-4px 0;content:""}
.home-hero__motion{position:absolute;right:max(16px,calc((100vw - var(--hf-container,1240px)) / 2));bottom:110px;display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(5,30,22,.5);color:#fff;font-size:13px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px)}
.home-hero__motion svg{width:16px;height:16px;fill:currentColor}
.home-hero__motion:focus-visible{outline:3px solid var(--hf-accent);outline-offset:2px}
/* Pasek zalet nachodzi na dół hero i trzyma się kolumny treści. */
.page-home .home-trust{position:relative;z-index:3;margin-top:-58px}
.page-home .home-methods{padding-top:48px}
@media (max-width:759px){
  .home-hero{min-height:0;align-items:flex-end}
  .home-hero::before{background:linear-gradient(0deg,rgba(5,30,22,.97) 0%,rgba(5,30,22,.85) 55%,rgba(5,30,22,.4) 100%)}
  .home-hero__inner{padding-block:120px 36px}
  .home-hero__content{gap:14px}
  .home-hero__search{padding-left:14px}
  .home-hero__search .btn{padding-inline:16px}
  .home-hero__popular{flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto;scrollbar-width:none}
  .home-hero__popular::-webkit-scrollbar{display:none}
  .home-hero__popular a{flex:none}
  .home-hero__motion{top:16px;right:16px;bottom:auto;min-height:40px;padding:0 12px}
  .home-hero__motion span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .page-home .home-trust{margin-top:14px}
}
@media (prefers-reduced-motion:reduce){.home-hero__popular a{transition:none}}
/* Kontrolki karuzeli metod tylko wtedy, gdy jest co przewijać (atrybut hidden ustawia skrypt). */
.method-cards__controls[hidden]{display:none}
.home-methods{padding-bottom:36px}
.page-home .home-categories{padding-top:48px}

/* Podpowiedzi wyszukiwania w hero (ten sam mechanizm co w nagłówku). */
.home-hero__search{position:relative;z-index:4}
.home-hero__suggestions{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:20;color:var(--hf-ink,#1d2a24);text-align:left}
.home-hero{overflow:visible}
.home-hero__media{overflow:hidden}
/* Otwarta lista podpowiedzi przykrywa pasek zalet, który zachodzi na dół hero. */
.home-hero:has(.home-hero__suggestions:not([hidden])){z-index:5}

/* Strzałki karuzeli metod: na bokach kart (wyśrodkowane w pionie), nie pod nimi. Nieaktywna strzałka znika. */
.method-cards-wrap{position:relative}
.method-cards__controls{position:absolute;inset:0;z-index:4;display:block;margin:0;pointer-events:none}
.method-cards__controls[hidden]{display:none}
.method-cards__controls .method-cards__arrow{position:absolute;top:50%;display:grid;width:48px;height:48px;padding:0;border:2px solid #fff;border-radius:999px;background:var(--hf-brand-950,#0b2c21);color:#fff;box-shadow:0 10px 26px rgba(6,32,24,.35);cursor:pointer;pointer-events:auto;place-items:center;transform:translateY(-50%);transition:opacity .2s,transform .2s,background .2s}
.method-cards__controls .method-cards__arrow--prev{left:-10px}
.method-cards__controls .method-cards__arrow--next{right:-10px}
.method-cards__controls .method-cards__arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.method-cards__controls .method-cards__arrow:not(:disabled):hover{background:var(--hf-accent,#e6b62e);color:var(--hf-accent-ink,#1f2a24);transform:translateY(-50%) scale(1.06)}
.method-cards__controls .method-cards__arrow:focus-visible{outline:3px solid var(--hf-accent,#e6b62e);outline-offset:3px}
.method-cards__controls .method-cards__arrow:disabled{opacity:0;visibility:hidden}
@media (max-width:759px){
  .method-cards__controls .method-cards__arrow{width:44px;height:44px}
  .method-cards__controls .method-cards__arrow--prev{left:-4px}
  .method-cards__controls .method-cards__arrow--next{right:-4px}
}
@media (prefers-reduced-motion:reduce){.method-cards__controls .method-cards__arrow{transition:none}}

/* ── Oddzielenie metod od działów + dopracowane kafelki działów ─────────────────────────────── */
.home-methods{background:#fff}
.page-home .home-categories{position:relative;padding:56px 0 64px;border-top:1px solid #e1ece6;background:linear-gradient(180deg,#eef6f1 0%,#f6faf8 55%,#fff 100%)}
/* Delikatny akcent na styku sekcji: krótka złota kreska na środku linii. */
.page-home .home-categories::before{position:absolute;top:-2px;left:50%;display:block;width:72px;height:3px;border-radius:3px;background:var(--hf-accent,#e6b62e);content:"";transform:translateX(-50%)}
.page-home .home-categories::after{display:none}
.cat-tiles{gap:16px}
.cat-tile__link{padding:12px 12px 16px;border:0;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(8,34,25,.06),0 8px 24px rgba(8,34,25,.06)}
.cat-tile__link:hover{box-shadow:0 2px 4px rgba(8,34,25,.08),0 18px 40px rgba(8,34,25,.14);transform:translateY(-4px)}
.cat-tile__media{height:172px;margin-bottom:14px;border-radius:16px;background:radial-gradient(110% 85% at 50% 88%,#dcebe3 0%,#eef6f1 48%,#f8fbf9 100%)}
.cat-tile__media--icon img{width:168px;height:168px}
.cat-tile__body{gap:6px;padding:0 44px 0 6px}
.cat-tile__name{font-size:19px}
.cat-tile__count{justify-self:start;padding:3px 10px;border-radius:999px;background:#eef6f1;color:#1f4f3d;font-size:12px;font-weight:700}
.cat-tile__children{color:#5d6b64}
.cat-tile__go{right:14px;bottom:16px;width:36px;height:36px;background:#0b2c21;color:#fff}
.cat-tile__link:hover .cat-tile__go{background:var(--hf-accent,#e6b62e);color:var(--hf-accent-ink,#1f2a24)}
.cat-tile--all .cat-tile__link{box-shadow:0 12px 30px rgba(8,34,25,.22)}
.cat-tile--all .cat-tile__count{background:rgba(255,255,255,.12);color:#d7e8df}
@media (max-width:759px){
  .page-home .home-categories{padding:40px 0 44px}
  .cat-tiles{gap:10px}
  .cat-tile__link{padding:8px 8px 12px;border-radius:18px}
  .cat-tile__media{height:112px;margin-bottom:10px}
  .cat-tile__media--icon img{width:110px;height:110px}
  .cat-tile__body{padding:0 32px 0 4px}
  .cat-tile__name{font-size:15px}
  .cat-tile__count{font-size:11px;padding:2px 8px}
  .cat-tile__go{right:10px;bottom:12px;width:30px;height:30px}
}

/* Zdjęcia działów (kategoria-*.webp): pełne wypełnienie kadru 3:2, delikatny zoom po najechaniu. */
.cat-tile__media--photo{height:auto;aspect-ratio:3/2;background:#f1f5f3}
.cat-tile__media--photo img{width:100%;height:100%;padding:0;object-fit:cover;filter:none}
.cat-tile__link:hover .cat-tile__media--photo img{transform:scale(1.05)}
.cat-tile__media--photo::after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(8,34,25,.05);content:"";pointer-events:none}
.cat-tile__media{position:relative}
.cat-tile--all .cat-tile__media--photo{background:#0b2c21}
.cat-tile--all .cat-tile__media--photo img{opacity:.92}
@media (max-width:759px){.cat-tile__media--photo{height:auto}}
.cat-tile__media--photo img{transition:transform .35s ease}
@media (prefers-reduced-motion:reduce){.cat-tile__link:hover .cat-tile__media--photo img{transform:none}}
@media (max-width:479px){.cat-tile__count-more{display:none}}