/* === Strona Sklep i kategorie na wzór floky.com (shop.php) — mobile first === */
.floky-shop-nav{margin:0 0 6px;width:100%}
.floky-shop-heading{display:flex;align-items:center;gap:10px;margin:26px 0 12px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#17191b}
.floky-shop-heading::before{content:"";width:28px;height:3px;background:#dcff00;flex:none}
.floky-shop-nav .floky-shop-heading:first-child{margin-top:0}
.floky-tiles{display:grid;gap:10px}
.floky-tiles--types{grid-template-columns:1fr}
.floky-tiles--sports{grid-template-columns:repeat(2,minmax(0,1fr))}
.floky-tile{position:relative;display:block;overflow:hidden;border-radius:8px;background:#111;color:#fff!important;text-decoration:none!important;aspect-ratio:4/5;isolation:isolate}
.floky-tile--big{aspect-ratio:16/10}
.floky-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;z-index:-2}
.floky-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.78))}
.floky-tile:hover img,.floky-tile:focus-visible img{transform:scale(1.05)}
.floky-tile:focus-visible{outline:3px solid #dcff00;outline-offset:2px}
.floky-tile__body{position:absolute;left:14px;right:14px;bottom:12px;display:flex;flex-direction:column;gap:3px}
.floky-tile__eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#dcff00}
.floky-tile strong{font-size:17px;line-height:1.15;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.floky-tile--big strong{font-size:26px;font-style:italic}
.floky-tile__meta{font-size:12px;opacity:.85}
.floky-tile:not(.floky-tile--big) strong::after{content:"";display:block;width:24px;height:3px;background:#dcff00;margin-top:6px}
@media(min-width:690px){
.floky-tiles--types{grid-template-columns:repeat(3,minmax(0,1fr))}
.floky-tiles--types .floky-tile--big{aspect-ratio:4/5}
.floky-tiles--sports{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1000px){.floky-tiles--sports{grid-template-columns:repeat(6,minmax(0,1fr))}.floky-tiles{gap:14px}}

/* Lista produktów: 2 kolumny na telefonie (Blocksy domyślnie 1) */
@media(max-width:689px){
[data-products]{--shop-columns:repeat(2,minmax(0,1fr))!important;--grid-columns-gap:12px}
[data-products] .woocommerce-loop-product__title{font-size:14px!important;line-height:1.3}
[data-products] .price{font-size:14px}
[data-products] .ct-woo-card-actions .button,[data-products] .button{width:100%;min-height:40px;padding:8px 6px!important;font-size:12px!important;justify-content:center}
}

/* Nagłówek sklepu i kategorii: ciemny, jak na floky.com */
.post-type-archive-product .hero-section,.tax-product_cat .hero-section{background:#0f1012!important;border-bottom:3px solid #dcff00}
.post-type-archive-product .hero-section .page-title,.tax-product_cat .hero-section .page-title{color:#fff!important;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.tax-product_cat .hero-section .page-title::before{content:"Kolekcja Floky";display:block;margin-bottom:8px;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.2em;color:#dcff00}
.post-type-archive-product .hero-section .page-description,.tax-product_cat .hero-section .page-description,.tax-product_cat .hero-section .ct-breadcrumbs,.tax-product_cat .hero-section .ct-breadcrumbs a{color:#c9cdd1!important}
/* Kategoria ze zdjęciem w nagłówku (Blocksy hero type-2 > figure): przyciemnienie, czytelny tytuł */
.tax-product_cat .hero-section[data-type="type-2"]>figure{position:absolute;inset:0;margin:0}
.tax-product_cat .hero-section[data-type="type-2"]>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,16,18,.55),rgba(15,16,18,.82))}
.tax-product_cat .hero-section[data-type="type-2"]>figure img{object-fit:cover;width:100%;height:100%}
.tax-product_cat .hero-section[data-type="type-2"]>*:not(figure){position:relative;z-index:1}
/* Bestsellery na stronie głównej sklepu */
.floky-shop-landing .woocommerce-result-count,.floky-shop-landing .woocommerce-ordering,.floky-shop-landing .ct-sort-trigger{display:none!important}
.floky-shop-all{text-align:center;margin:56px 0 12px}
.floky-shop-all .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px}
/* Miniatury produktów w całości (miniatury bez przycinania od 04.10): równe ramki 4:5, białe tło, bez obcinania */
[data-products] .product figure .ct-media-container,[data-products] .product>a.ct-media-container,[data-products] .ct-media-container{aspect-ratio:1/1!important;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}
[data-products] .ct-media-container img{width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:auto!important}
/* Szeroki ekran (04.10): więcej elementów w rzędzie zamiast powiększania */
@media(min-width:1200px){.floky-tiles--types .floky-tile--big{aspect-ratio:16/10}}
/* (04.10) przy treści 1340px zostaje 4 kolumny Blocksy — karty ~310px jak na floky.com */
/* Strona główna: shortcode [products columns=3] ustawia kolumny bezpośrednio — na szerokim ekranie 6 w rzędzie */
@media(min-width:690px){body.home ul.products[data-products],.floky-shop-landing ul.products[data-products]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1200px){body.home ul.products[data-products],.floky-shop-landing ul.products[data-products]{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:689px){body.home ul.products[data-products]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Treść 1600px (04.10): od 1500px 5 kart w rzędzie — karty ~300px jak przy 1340px */
@media(min-width:1500px){[data-products]{--shop-columns:repeat(5,minmax(0,1fr))!important}}

/* Sporty: 5 kafli po usunięciu Kolarstwa (09.10.2026) — komputer 5 w rzędzie, telefon: nieparzysty ostatni na całą szerokość. */
@media(min-width:1000px){.floky-tiles--sports{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:689px){.floky-tiles--sports>:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:2/1}}