/* Brand colours over the standard Blocksy/WooCommerce components. */
:root,body{--theme-palette-color-1:#17191b;--theme-palette-color-2:#17191b;--theme-button-background-initial-color:#17191b;--theme-button-background-hover-color:#dcff00;--theme-button-text-initial-color:#fff;--theme-button-text-hover-color:#17191b;--wc-brand-primary:#17191b;--wc-brand-secondary:#dcff00}
.wc-block-components-button:not(.is-link){background:#17191b;color:#fff;border-radius:5px}.wc-block-components-button:not(.is-link):hover{background:#dcff00;color:#17191b}#floky-cart-promotion{background:#f6ffdc!important;border-left:4px solid #c6e600;color:#17191b}
.floky-info-hero{width:100%;height:auto;display:block;border-radius:8px;margin:0 0 28px}.floky-info-content{max-width:980px;margin:0 auto}.floky-info-content p{line-height:1.75}.floky-info-content h2,.floky-info-content h3{margin-top:1.5em}
/* Pasek promocji POD menu, nad nagłówkiem strony (decyzja 03.10, wzór floky.com): górny rząd Blocksy przestawiony pod rząd z logo i menu. */
#header [data-device]{display:flex;flex-direction:column}
#header [data-device]>[data-row="top"]{order:2}
#header [data-row="top"]{background:#dcff00!important;border:0!important}
#header [data-row="top"] .ct-container{min-height:38px}
#header [data-row="top"] .ct-header-text,#header [data-row="top"] .ct-header-text .entry-content{color:#111!important;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center}
@media(max-width:689px){#header [data-row="top"] .ct-header-text,#header [data-row="top"] .ct-header-text .entry-content{font-size:10px;letter-spacing:.02em;line-height:1.3}#header [data-row="top"] .ct-container{min-height:32px}}
/* Jednolity nagłówek podstron (decyzja 03.10, styl strony Sklep / floky.com): czarny pas na całą szerokość, duży tytuł,
   limonkowa linia. Blocksy hero type-1 leży w kontenerze treści — pas poszerzony cieniem + clip-path. Bez strony głównej i karty produktu. */
body:not(.home):not(.single-product) .hero-section[data-type="type-1"]{position:relative;background:#0f1012;box-shadow:0 0 0 100vmax #0f1012;clip-path:inset(0 -100vmax -3px);margin-top:calc(var(--theme-content-vertical-spacing,60px)*-1);margin-bottom:calc(var(--theme-content-vertical-spacing,60px)*.6);padding:clamp(40px,9vw,72px) 0}
body:not(.home):not(.single-product) .hero-section[data-type="type-1"] .page-title{color:#fff!important;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.01em;text-align:center;font-size:clamp(28px,7.5vw,48px);line-height:1.08;margin:0}
body:not(.home):not(.single-product) .hero-section[data-type="type-1"] .page-description,body:not(.home):not(.single-product) .hero-section[data-type="type-1"] .ct-breadcrumbs,body:not(.home):not(.single-product) .hero-section[data-type="type-1"] .ct-breadcrumbs a{color:#c9cdd1!important;text-align:center}
body:not(.home):not(.single-product) .hero-section[data-type="type-1"]::after{content:"";position:absolute;left:-100vmax;right:-100vmax;bottom:-3px;height:3px;background:#dcff00}
/* Przesuwający się pasek promocji (shortcode [floky_promo_bar]); ruch od lewej do prawej (decyzja 03.10), pauza po najechaniu. */
#header [data-row="top"] .ct-container{padding-left:0!important;padding-right:0!important;max-width:none!important;width:100%!important}
#header [data-row="top"] [data-column],#header [data-row="top"] [data-items],#header [data-row="top"] .ct-header-text{width:100%;max-width:100%;min-width:0}
.floky-marquee{overflow:hidden;width:100%;white-space:nowrap}
.floky-marquee__track{display:flex;width:max-content;animation:floky-marquee 32s linear infinite}
.floky-marquee:hover .floky-marquee__track{animation-play-state:paused}
.floky-marquee__group{display:flex;flex:none}
.floky-marquee__item{display:inline-flex;align-items:center;padding:0 22px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#111}
.floky-marquee__item::after{content:"✦";margin-left:44px;font-size:10px}
@keyframes floky-marquee{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.floky-marquee__track{animation:none}.floky-marquee__group[aria-hidden]{display:none}.floky-marquee{text-align:center}.floky-marquee__track{width:100%;justify-content:center;flex-wrap:wrap}}
@media(max-width:689px){.floky-marquee__item{font-size:11px;padding:0 14px}.floky-marquee__item::after{margin-left:28px}}
/* Podpowiedź pod ceną z rabatem wielosztukowym (buyinfo.php) — lista produktów i karta */
.floky-price-hint{display:block;margin-top:3px;font-size:11.5px;line-height:1.3;font-weight:600;color:#5b6267;text-decoration:none}
/* Proporcje jak floky.com (pomiar 04.10.2026), wersja A z mniejszymi marginesami: treść maks. 1600px (1920 → ~160px po bokach); pełnoszerokie są tylko nagłówek i paski. Blocksy: 90vw, maks. 1290px.
   html:root ma wyższą specyficzność niż :root z dynamicznego CSS Blocksy. Na telefonie bez zmian (tam decyduje margines). */
html:root{--theme-normal-container-max-width:1600px}
/* Karta produktu: okruszki w czarnym pasku na całą szerokość pod nagłówkiem (jak floky.com) */
.single-product .hero-section[data-type="type-1"]{position:relative;background:#0f1012;box-shadow:0 0 0 100vmax #0f1012;clip-path:inset(0 -100vmax);margin-bottom:32px!important;padding:13px 0!important}
.single-product .hero-section .ct-breadcrumbs,.single-product .hero-section .ct-breadcrumbs a{color:#c9cdd1!important;font-size:13px;text-transform:none;letter-spacing:0}
.single-product .hero-section .ct-breadcrumbs a:hover{color:#fff!important}
.single-product .hero-section .ct-breadcrumbs>span:last-child,.single-product .hero-section .ct-breadcrumbs .last-item{color:#dcff00!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.single-product .ct-container-full{padding-top:0!important}
/* Strona główna: przycisk „Zobacz wszystkie produkty” dalej od siatki produktów (było 24px) */
body.home .wp-block-buttons{margin-top:56px!important}
/* Pasek postępu do darmowej dostawy — koszyk (cart.js) i podgląd koszyka (buyinfo.php) */
.floky-free-ship{margin:12px 0 18px;padding:14px 18px;border:1px solid #e3e6e8;border-radius:6px;background:#fff}
.floky-free-ship p{margin:0 0 9px;font-size:14px;line-height:1.4;color:#17191b}
.floky-free-ship__track{display:block;height:8px;border-radius:4px;background:#eef0f1;overflow:hidden}
.floky-free-ship__track>span{display:block;height:100%;border-radius:4px;background:#17191b;transition:width .4s ease}
.floky-free-ship.is-free .floky-free-ship__track>span{background:#7bb800}
.floky-free-ship--mini{margin:10px 0 12px;padding:10px 12px}
.floky-free-ship--mini p{font-size:13px}
/* Karty produktów (06.10): długa nazwa nie przesuwa ceny — nazwa maks. 2 linie o stałej wysokości, cena i przycisk zawsze w jednej linii na dole */
[data-products] li.product{display:flex!important;flex-direction:column}
[data-products] li.product .woocommerce-loop-product__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35!important;min-height:2.7em}
[data-products] li.product .price{margin-top:auto}
[data-products] li.product .ct-woo-card-actions{margin-top:10px}
@media(max-width:689px){[data-products] li.product .woocommerce-loop-product__title{-webkit-line-clamp:3;min-height:4.05em}}
/* Bloki produktów WooCommerce (koszyk: „Może Cię zainteresować”, pusty koszyk) — jak nasze karty (06.10) */
.wp-block-woocommerce-product-collection h2.wp-block-heading,.wp-block-woocommerce-empty-cart-block h2.wp-block-heading{font-size:24px!important;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.01em}
.wp-block-woocommerce-product-collection .wc-block-product-template,.wc-block-grid__products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;align-items:stretch}
@media(min-width:690px){.wp-block-woocommerce-product-collection .wc-block-product-template,.wc-block-grid__products{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wc-block-product,.wc-block-grid__product{display:flex!important;flex-direction:column;width:auto!important;max-width:none!important;margin:0!important;text-align:left!important}
.wc-block-product .wc-block-components-product-image,.wc-block-grid__product-image{aspect-ratio:1/1;background:#fff;border-radius:6px;overflow:hidden;margin:0 0 12px!important}
.wc-block-product .wc-block-components-product-image img,.wc-block-grid__product-image img{width:100%!important;height:100%!important;object-fit:contain!important}
.wc-block-product .wp-block-post-title,.wc-block-grid__product-title{text-align:left!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;margin:0 0 6px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em}
.wc-block-product .wp-block-post-title a,.wc-block-grid__product-link,.wc-block-grid__product-title{color:#17191b!important;text-decoration:none!important}
.wc-block-product .wp-block-post-title a:hover{text-decoration:underline!important;text-underline-offset:3px}
.wc-block-product .wp-block-woocommerce-product-price,.wc-block-grid__product-price{margin-top:auto!important;text-align:left!important;font-size:14px}
.wc-block-product .wc-block-components-product-price,.wc-block-product .wc-block-components-product-price *{text-align:left!important;justify-content:flex-start!important}
.wc-block-product .wp-block-button,.wc-block-product .wc-block-components-product-button,.wc-block-grid__product-add-to-cart{margin-top:10px!important;text-align:left!important;justify-content:flex-start!important}
.wc-block-product .floky-price-hint{text-align:left}
.wc-block-product .has-text-align-center,.wc-block-product .wc-block-components-product-price,.wc-block-product .wp-block-button{text-align:left!important}
.wc-block-product .wp-block-button,.wc-block-product .wc-block-components-product-button{align-items:flex-start!important;display:flex;justify-content:flex-start!important}
.wc-block-grid__product,.wc-block-product{align-items:stretch!important}.wc-block-grid__product-price,.wc-block-grid__product-add-to-cart,.wc-block-product .wp-block-woocommerce-product-price,.wc-block-product .wp-block-button{align-self:flex-start!important;margin-left:0!important}
/* 20.10 — podsumowanie zamówienia: nazwa produktu dzielona przez przenoszenie, nie w środku słowa */
.wc-block-components-order-summary-item__description .wc-block-components-product-name{word-break:normal;overflow-wrap:break-word;hyphens:auto}
/* 20.10 — strona 404: przycisk do sklepu */
.floky-404-cta{display:none}
.ct-no-results .floky-404-cta{display:flex;justify-content:center;margin:24px 0 8px}
.floky-404-cta a{display:inline-flex;align-items:center;min-height:48px;padding:0 28px;border-radius:6px;background:#17191b;color:#fff!important;font-weight:700;text-decoration:none}
.floky-404-cta a:hover{background:#dcff00;color:#17191b!important}
/* 21.10 — niższe czarne nagłówki (hero) na wszystkich podstronach: 24 px (telefon) / 36 px (komputer) zamiast 40 / 72 px. Sklep i kategorie: listing.php. */
body:not(.home):not(.single-product) .hero-section[data-type="type-1"]{padding-top:24px!important;padding-bottom:24px!important}
@media(min-width:690px){body:not(.home):not(.single-product) .hero-section[data-type="type-1"]{padding-top:36px!important;padding-bottom:36px!important}}
body:not(.home):not(.single-product) .hero-section[data-type="type-1"] .entry-header{padding-top:0!important;padding-bottom:0!important}
/* 22.10 — żółty pasek promocji tylko na stronie głównej (AlexB). */
body:not(.home) #header [data-row="top"]{display:none!important}
/* 23.10 — koszyk na telefonie: plakietka „Oszczędzasz…” (nowrap) poszerzała kolumnę ceny poza ekran (418 px przy 390 px). */
.wc-block-cart.is-mobile .wc-block-cart-item__total .wc-block-components-product-badge{white-space:normal;text-align:right;max-width:84px;line-height:1.3}
.wc-block-cart.is-mobile .wc-block-cart-items__row{grid-template-columns:80px minmax(0,1fr) auto!important}
/* 23.10 — potwierdzenie zamówienia (przelew): nazwa odbiorcy jako zwykły podtytuł, nie wielki nagłówek. */
.wc-bacs-bank-details-account-name{font-size:18px!important;margin:8px 0!important}