/* allee — /sklep/{slug}[/{kategoria}] (09.11.2026): strona sklepu = pełny listing (listing.css + listing-allee.js) bez bocznej kolumny.
   Nagłówek sklepu (sk-hero), pasek narzędzi z przyciskiem „Filtry” na każdym ekranie, filtry w szufladzie z lewej (pełna wysokość). */

/* nagłówek sklepu */
.sk-hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;padding:22px 24px;margin:6px 0 14px;overflow:hidden;
  background:linear-gradient(120deg,#fff4ec 0%,#fff 46%,#fff 100%)}
.sk-hero::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(247,80,2,.10),transparent 70%);pointer-events:none}
.sk-hero__av{flex:none;text-decoration:none}
.sk-hero .sk-logo,.sk-hero .sk-av{width:72px;height:72px;border-radius:20px;box-shadow:0 6px 18px rgba(22,24,29,.08)}
.sk-hero .sk-av{background:linear-gradient(135deg,var(--al-o),#ff8a4a);font-size:1.5rem}
.sk-hero__n{margin:0;font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:800;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
.sk-hero__n a{color:inherit;text-decoration:none}.sk-hero__n a:hover{color:var(--al-o7)}
.sk-hero__m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px;color:var(--ink-2);font-size:.92rem}
.sk-hero__m .pc__r{display:inline-flex}
.sk-hero__m b{color:var(--ink)}
.sk-hero__p{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--al-o0);color:var(--al-o7);font-weight:700;font-size:.8rem}
.sk-hero .sk-akcje{position:relative;z-index:1}
.sk-hero .sk-firma{position:relative;z-index:1}

/* listing bez bocznej kolumny */
.sk-ls .ls{grid-template-columns:minmax(0,1fr);margin-top:10px}
.sk-ls .ls-h1 h1,.sk-ls .ls-h1 h2{margin:0;font-weight:800;letter-spacing:-.02em;font-size:clamp(1.25rem,2vw,1.6rem)}
.sk-ls__w{font-weight:600;color:var(--ink-3);font-size:.75em}

/* pasek narzędzi — widoczny zawsze (w kategoriach tylko na telefonie) */
.sk-ls .sk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:static;background:#fff;   /* 09.11 (właściciel): pasek stoi w miejscu — nie jedzie w dół przy przewijaniu */
  border-radius:18px;box-shadow:var(--shadow-sm);padding:10px 12px;margin-bottom:12px}
.sk-filtry{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:0 16px;height:42px;font-weight:700}
.sk-filtry [data-fcount]:not(:empty){display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--al-o);color:#fff;font-size:.78rem}
.sk-bar__n{margin-right:auto;color:var(--ink-2)}
.sk-bar .ls-sort select{height:42px;border-radius:12px}
.sk-bar .ls-view{display:inline-flex}

/* filtry w szufladzie z lewej (Bootstrap offcanvas-start), pełna wysokość */
.sk-off.ls-off{height:100%!important;width:min(420px,100vw)!important;border-radius:0 22px 22px 0;box-shadow:0 0 60px rgba(22,24,29,.18)}
.sk-off .offcanvas-title .bi{color:var(--al-o)}
.sk-off .ls-off__ft{position:sticky;bottom:0;background:#fff;padding:12px 18px;border-top:1px solid var(--line)}
.sk-off .ls-off__ft .btn-al{width:100%;height:48px;font-weight:800}

@media (max-width:767.98px){
  .sk-hero{padding:16px;gap:12px}
  .sk-hero .sk-logo,.sk-hero .sk-av{width:56px;height:56px;border-radius:16px}
  .sk-hero .sk-akcje{margin-left:0;width:100%}
  .sk-bar__n{order:5;width:100%;margin:0;font-size:.9rem}
  .sk-off.ls-off{width:100vw!important;border-radius:0}
}

/* 09.11 (właściciel): domyślnie najmniejsze karty — w sklepie (bez bocznej kolumny) 6 w rzędzie od 1200 px; 60 ofert na stronę = pełne rzędy */
.sk-ls .ls-res.gs{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1199.98px){.sk-ls .ls-res.gs{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:991.98px){.sk-ls .ls-res.gs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767.98px){.sk-ls .ls-res.gs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:575.98px){.sk-ls .ls-res.gs{grid-template-columns:repeat(2,minmax(0,1fr))}}