/* bionaczynia: jednolite zaokrąglenia na całej stronie (25.09.2026)
   16 px: zdjęcia, sekcje z tłem, duże bloki | 12 px: karty produktów i treści | 10 px: przyciski i pola | 8 px: miniatury */

/* karty produktów (listy kategorii, karuzele, polecane) — jak .bn-card w Bestsellerach */
.product-miniature .thumbnail-container {
  border-radius: 12px !important;
  border: 1px solid #e6e7ea;
  box-shadow: 0 1px 2px rgba(20, 24, 28, .04);
  overflow: hidden;
  transition: box-shadow .15s, border-color .15s;
}
.product-miniature .thumbnail-container:hover {
  border-color: #cfd3d8;
  box-shadow: 0 6px 16px rgba(20, 24, 28, .08);
}
.product-miniature .product-image,
.product-miniature .product-thumbnail img { border-radius: 0 !important; }

/* przyciski */
.product-miniature .btn-product,
.product-miniature .add-to-cart,
#add-to-cart-or-refresh .add-to-cart,
.btn-primary, .btn-secondary, .btn-default,
.lql-form-bt,
.pmcookie-show-all, .pmcookie-show-submit {
  border-radius: 10px !important;
}

/* strona główna: kafelki kategorii, zdjęcie „O firmie”, sekcje z tłem */
body#index .img-group .ApImage,
body#index .img-group .ApImage img,
body#index .img-group .ApImage > a { border-radius: 16px; overflow: hidden; }
body#index .about-us-index .ApImage img { border-radius: 16px; }
body#index #content.page-home > .wrapper[style*="url("] {
  border-radius: 16px;
  overflow: hidden;
}

/* karta produktu: zdjęcie główne i miniatury */
#product .product-cover,
#product .product-cover img { border-radius: 16px; overflow: hidden; }
#product .product-images .thumb,
#product .product-images img.thumb,
img.thumb.js-thumb, .images-container img.thumb, #product img.thumb { border-radius: 8px !important; }

/* blog: zdjęcie wpisu i karty na liście */
.blog-image, .blog-image img { border-radius: 16px; overflow: hidden; }
#blogpage .blog-item .blog-content,
.blogs-container .blog-content { border-radius: 12px; overflow: hidden; }

/* strony CMS (O nas): zdjęcia w blokach */
#cms .ApImage img, body[id^="cms"] .ApImage img { border-radius: 16px; }

/* pola formularzy */
.form-control, input.form-control, textarea.form-control, select.form-control { border-radius: 10px; }

/* sekcje z tłem na stronie głównej: ta sama szerokość co rzędy Bestsellery/Nowości (max 1440), wyśrodkowane, 16 px */
@media (min-width: 992px) {
  body#index #content.page-home > .wrapper[style*="url("] {
    width: min(1440px, calc(100% - 32px)) !important;
    max-width: 1440px;
    margin-left: auto !important;
    margin-right: auto !important;
    background-size: cover !important;
    border-radius: 16px;
    overflow: hidden;
  }
}

/* --- 25.09.2026, wieczór --------------------------------------------------- */

/* CLS strony głównej. Szyny Bestsellery/Nowości stoją w HTML na końcu #content
   (motyw liczy dzieci przez nth-child, więc nie da się ich przenieść wyżej),
   a flex order stawia je zaraz pod banerem. Przeglądarka rysowała baner i sekcje
   z hooka, szyny przychodziły w strumieniu później i spychały wszystko w dół:
   CLS 0,22 na komputerze i 0,45 na telefonie (pomiar 25.09). Sekcje z hooka
   czekają, aż szyny będą w DOM. Przeglądarka bez :has() pominie regułę. */
body#index #content.page-home:not(:has(> .bn-home-rails)) > .wrapper { display: none !important; }

/* okruszki: kolor menu zamiast turkusu motywu */
.breadcrumb a, .breadcrumb a span, nav.breadcrumb a, nav.breadcrumb a span { color: #4a4f55 !important; }
.breadcrumb a:hover, .breadcrumb a:hover span, .breadcrumb a:focus-visible { color: #3f7d1c !important; text-decoration: underline; }

/* linki w opisach kategorii: widać, że da się w nie kliknąć */
#category-description a, .category-footer-description a { color: #3f7d1c; text-decoration: underline; text-underline-offset: 2px; }
#category-description a:hover, .category-footer-description a:hover { color: #2d5c13; }