/* pki.eu v3 — strzałki przewijania rzędu kafli na stronie głównej (869f7deet; Szymon 26.10, zrzut 246: „tu by mógł być guzik do
   przewijania, jeśli ekran jest za wąski”). Markup Home/Index.cshtml: .hrail-wrap.tiles-rail > .arr ×2 + .hrail.tiles — ten sam
   komponent co raile produktów i podkategorie (_PkiSubcats): wygląd strzałek z pkieu-v3.css („STRZAŁKI RAILI”), przewijanie
   o pełne kafle, stan na krańcach i przeciąganie myszą z pkieu-v3.js pkt 4/4b. Tu tylko:
   - geometria rzędu zostaje z bloku „RZĄD KAFLI” (pkieu-v3.css) — klasa .hrail wnosi swoje kolumny / wcięcie pod plakietki
     kart, które kafle cofają;
   - strzałka wygaszona (disabled: początek / koniec przewinięcia albo rząd się mieści — desktop 5 kolumn) jest UKRYTA, jak
     w podkategoriach; bez pionowych linii raila (kafle mają własne ramki). Ładowany po pkieu-v3.css. */
.hrail-wrap.tiles-rail::before,.hrail-wrap.tiles-rail::after{display:none;}
.hrail-wrap.tiles-rail > .hrail.tiles{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:var(--sp-4);
  overflow:visible;margin:0;padding:0;scroll-padding-inline:0;scroll-snap-type:none;}
/* tytuł kafla bez dolnego marginesu jak przed szyną: reguła „ogon treści” (pkieu-v3.css, .master-wrapper-main > * > * > …)
   zerowała go, gdy .tiles był dzieckiem strony; owijka dokłada poziom i reguła już nie sięga — kafle zostają co do piksela */
.hrail-wrap.tiles-rail .tile .tl b{margin-bottom:0;}
/* strzałka = TEN SAM przycisk co w szynach produktów (pkieu-v3.css „strzałki v2”: ramka i zaokrąglenie tylko od strony
   raila, bok od strony marginesu otwarty, niewidoczne przedłużenie pola klikania ::after w margines). Szymon 27.10 (zrzut 2):
   „bok od strony marginesu ma się zlewać z tłem jak w innych swiperach” — pełny kwadrat z ramką dookoła odrzucony. Tu tylko:
   środek w pionie (kafle są niższe niż karty) i tło = tło strony za krawędzią rzędu (--ground; w szynach to tło sekcji, czyli
   --card-bg) — przycisk wyrasta z marginesu. */
.hrail-wrap.tiles-rail .arr{top:calc(50% - var(--arr-w) / 2);background:var(--ground);}
.hrail-wrap.tiles-rail .arr:disabled{visibility:hidden;}
@media (max-width:860px){
  /* rail wystaje --tr-out poza owijkę (miejsce na ramkę/cień kafla) — krawędź przycinania jest tam, nie na owijce */
  .hrail-wrap.tiles-rail{--tr-out:6px;}
  .hrail-wrap.tiles-rail > .hrail.tiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max(156px,30%);gap:var(--sp-3);
    overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--tr-out);margin-left:calc(-1 * var(--tr-out));margin-right:calc(-1 * var(--tr-out));
    scroll-padding-inline:var(--arr-w);}   /* przycisk ma --arr-w − --arr-out (38 px) — kafel dociągnięty przez snap staje 6 px ZA ‹, a nie pod nim */
  /* przycisk przylega do krawędzi przycinania raila (Szymon 27.10, zrzut błędu: przy right:0 owijki zostawał 6-px pasek raila
     za przyciskiem — krawędzie następnego kafla jako 2–3 cienkie linie po zewnętrznej stronie) */
  .hrail-wrap.tiles-rail .arr.next{right:calc(-1 * var(--tr-out));}
  .hrail-wrap.tiles-rail .arr.prev{left:calc(-1 * var(--tr-out));}
}
/* raile produktów w sekcjach strony głównej (Bestsellery, Polecane, Nowości…; zgłoszenie 2.11): sekcja .sec ma już ramkę i tło,
   a pionowe linie raila (pkieu-v3.css „strzałki v2”, ::before/::after) rysowały w niej drugi boks — bez dolnej krawędzi.
   Na głównej bez linii, jak w rzędzie kafli; strzałki bez zmian (bok od strony marginesu zlewa się z tłem sekcji). Karta
   produktu (.pdp-rail poza .home-page) zostaje z liniami. */
.home-page .sec .hrail-wrap::before,.home-page .sec .hrail-wrap::after{display:none;}
/* lewa strzałka na krawędzi ucięcia (Szymon 3.11, zrzut 413): bez linii lewą krawędzią przewijania jest margines raila
   (--rail-line-up − 8 px od .hrail-wrap, pkieu-v3.css „odstęp lewa = góra”), a strzałka stała na left:0 — wisiała nad pustym
   paskiem, gdy prawa stoi równo z ucięciem kart. Rząd kafli ma własne pozycje strzałek. */
.home-page .sec .hrail-wrap:not(.tiles-rail) .arr.prev{left:calc(var(--rail-line-up) - 8px);}