/**
 * INTELIGENTNY OGRÓD - Custom CSS Override
 * Wersja: 3.2 - Naprawione scroll + slider
 */

/* ==========================================================================
   GOOGLE FONTS
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

/* ==========================================================================
   CSS VARIABLES
   ========================================================================== */
:root {
  --io-forest: #1a3a2f;
  --io-forest-light: #2d5a47;
  --io-sage: #7c9a82;
  --io-mint: #a8c5b0;
  --io-cream: #f8f6f0;
  --io-warm-white: #fefdfb;
  --io-gold: #c9a227;
  --io-gold-light: #e8d48b;
  --io-charcoal: #2c2c2c;
  --io-gray-dark: #4a4a4a;
  --io-gray: #6b6b6b;
  --io-gray-light: #9a9a9a;
  --io-gray-pale: #e8e8e8;
}

/* ==========================================================================
   GLOBAL BASE
   ========================================================================== */
body,
body.home,
body.page,
body.single {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #4a4a4a !important;
  background-color: #fefdfb !important;
  -webkit-font-smoothing: antialiased !important;
}

body.custom-background {
  background-color: #fefdfb !important;
  background-image: none !important;
}

/* ==========================================================================
   TYPOGRAPHY - Wszystko bezszeryfowe (Plus Jakarta Sans)
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-5,
.product_title {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  color: #1a3a2f !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
}

/* WYJĄTEK: Sekcje z klasą color--white (CTA z trawą itp.) */
.color--white h1,
.color--white h2,
.color--white h3,
.color--white h4,
.color--white p,
.color--white span,
.color--white a {
  color: #ffffff !important;
}

.color--white h1,
.color--white h2,
.color--white h3 {
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4) !important;
}

.color--white a:hover {
  color: #e8d48b !important;
}

/* Slider - białe napisy */
.rev_slider h1, .rev_slider h2, .rev_slider h3,
.rev_slider_wrapper h1, .rev_slider_wrapper h2, .rev_slider_wrapper h3 {
  color: #ffffff !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4) !important;
}

h1, .h1 {
  font-size: 2.25rem !important;
  font-weight: 700 !important;
}

h2, .h2, .display-5 {
  font-size: 1.75rem !important;
  margin-bottom: 1.5rem !important;
}

h3, .h3 {
  font-size: 1.4rem !important;
}

h4, .h4 {
  font-size: 1.15rem !important;
}

h5, .h5,
.feature__title h5 {
  font-size: 1rem !important;
  text-transform: none !important;
}

h6, .h6 {
  font-size: 0.9rem !important;
}

p,
.feature__body p,
.wpb_text_column p,
.vc_column-inner p {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
  color: #6b6b6b !important;
  font-weight: 400 !important;
}

a {
  color: #1a3a2f !important;
  text-decoration: none !important;
}

a:hover {
  color: #c9a227 !important;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.menubar {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(26, 58, 47, 0.08) !important;
}

.page-header--transparent:not(.page-header--scrolling) .menubar {
  background: rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.page-header--scrolling .menubar {
  box-shadow: 0 4px 20px rgba(26, 58, 47, 0.08) !important;
}

.menubar__logo img {
  max-height: 50px !important;
}

/* Menu items */
.menubar .menu > li > a,
#menu-menu > li > a {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #2c2c2c !important;
  padding: 0.75rem 1.25rem !important;
}

.menubar .menu > li > a:hover {
  color: #c9a227 !important;
}

/* TRANSPARENT HEADER - białe litery na ciemnym tle hero */
@media (min-width: 991px) {
	.page-header--transparent:not(.page-header--scrolling) .menubar .menu > li > a,
	.page-header--transparent:not(.page-header--scrolling) #menu-menu > li > a {
	  color: #ffffff !important;
	  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
	}
}


.page-header--transparent:not(.page-header--scrolling) .menubar .menu > li > a:hover,
.page-header--transparent:not(.page-header--scrolling) #menu-menu > li > a:hover {
  color: #e8d48b !important;
}

/* Dropdown */
.menubar .menu > li .sub-menu {
  background: #fefdfb !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 40px rgba(26, 58, 47, 0.12) !important;
  border: 1px solid rgba(26, 58, 47, 0.06) !important;
  padding: 0.75rem 0 !important;
}

.menubar .menu > li .sub-menu li a {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: #4a4a4a !important;
  padding: 0.6rem 1.5rem !important;
}

.menubar .menu > li .sub-menu li a:hover {
  background: #f8f6f0 !important;
  color: #1a3a2f !important;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.btn,
button,
input[type="submit"],
.wpcf7-submit,
.btn-primary,
.btn-outline-primary,
a.btn {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.02em !important;
  border-radius: 20px !important;
  padding: 0.875rem 2rem !important;
  text-transform: none !important;
  cursor: pointer !important;
}

.btn-primary,
.menubar__buttons .btn,
input[type="submit"],
.wpcf7-submit,
a.btn-primary {
  background: linear-gradient(135deg, #1a3a2f 0%, #2d5a47 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(26, 58, 47, 0.3) !important;
  border: none !important;
}

.btn-primary:hover,
.menubar__buttons .btn:hover,
input[type="submit"]:hover,
.wpcf7-submit:hover {
  background: linear-gradient(135deg, #2d5a47 0%, #1a3a2f 100%) !important;
  box-shadow: 0 6px 20px rgba(26, 58, 47, 0.4) !important;
}

.btn-outline-primary {
  background: transparent !important;
  color: #1a3a2f !important;
  border: 2px solid #1a3a2f !important;
}

.btn-outline-primary:hover {
  background: #1a3a2f !important;
  color: #ffffff !important;
}

.menubar__buttons .btn {
  padding: 0.7rem 1.5rem !important;
  font-size: 0.85rem !important;
}

/* CTA w transparent header - biały tekst, widoczny na ciemnym tle */
.page-header--transparent:not(.page-header--scrolling) .menubar__buttons .btn {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.page-header--transparent:not(.page-header--scrolling) .menubar__buttons .btn:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   FEATURES SECTION
   ========================================================================== */
.feature.feature-1,
.feature.feature--primary {
  text-align: center !important;
  padding: 2.5rem 1.5rem !important;
  background: #fefdfb !important;
  border-radius: 8px !important;
  border: 1px solid rgba(26, 58, 47, 0.08) !important;
}

.feature.feature-1:hover,
.feature.feature--primary:hover {
  box-shadow: 0 8px 40px rgba(26, 58, 47, 0.1) !important;
}

.feature__icon {
  margin-bottom: 1.5rem !important;
}

.feature__icon .feature__svg-icon,
.feature__icon span {
  width: 60px !important;
  height: 60px !important;
  color: #1a3a2f !important;
}

/* SVG ikony - tylko stroke, nie fill (ikony są outline) */
.feature .feature__svg-icon svg,
.feature .feature__svg-icon path {
  stroke: #1a3a2f !important;
}

.feature__title {
  margin-bottom: 0.75rem !important;
}

/* ==========================================================================
   SECTIONS
   ========================================================================== */
.py-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.nk-awb-overlay[style*="background-color: #f8f8f8"],
[style*="background-color: #f8f8f8"],
.nk-awb-overlay[style*="background-color: rgb(248, 248, 248)"] {
  background-color: #f8f6f0 !important;
}

/* Podkreślenie pod nagłówkami sekcji */
.text-center h2::after,
.text-center .display-5::after {
  content: '' !important;
  display: block !important;
  width: 60px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #7c9a82, #c9a227) !important;
  margin: 1rem auto 0 !important;
  border-radius: 2px !important;
}

/* ==========================================================================
   FORMS
   ========================================================================== */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
textarea,
select,
.wpcf7-form-control:not([type="submit"]) {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1rem !important;
  padding: 1rem 1.25rem !important;
  background: #fefdfb !important;
  border: 2px solid #e8e8e8 !important;
  border-radius: 4px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus,
.wpcf7-form-control:not([type="submit"]):focus {
  outline: none !important;
  border-color: #7c9a82 !important;
  box-shadow: 0 0 0 4px rgba(124, 154, 130, 0.15) !important;
}

textarea {
  min-height: 150px !important;
  resize: vertical !important;
}

label {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: #2c2c2c !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
}

.wpcf7-form p {
  margin-bottom: 1.25rem !important;
}

.wpcf7-submit {
  width: auto !important;
  min-width: 200px !important;
}

/* ==========================================================================
   IMAGES
   ========================================================================== */
.wpb_single_image img,
.vc_single_image-wrapper img {
  border-radius: 0 !important;
  box-shadow: 0 4px 20px rgba(26, 58, 47, 0.08) !important;
}

/* ==========================================================================
   SLIDER BULLETS & TIMER (nie ruszamy fontów tutaj - robi to JS)
   ========================================================================== */
.tp-bannertimer {
  background: linear-gradient(90deg, #c9a227 0%, #e8d48b 100%) !important;
  height: 3px !important;
}

.persephone .tp-bullet {
  width: 10px !important;
  height: 10px !important;
  background: rgba(255, 255, 255, 0.4) !important;
  border: none !important;
  border-radius: 50% !important;
}

.persephone .tp-bullet:hover,
.persephone .tp-bullet.selected {
  background: #c9a227 !important;
}

/* ==========================================================================
   FOOTER - jasne tło jak body (#f0ffe0)
   ========================================================================== */
footer,
.page-footer,
.site-footer {
  background: #f0ffe0 !important;
  color: #4a4a4a !important;
}

footer *,
.page-footer *,
.site-footer * {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
}

footer h5,
footer h6,
.page-footer h5,
.page-footer h6,
footer .widget-title {
  color: #1a3a2f !important;
  font-weight: 600 !important;
}

footer a,
.page-footer a {
  color: #1a3a2f !important;
}

footer a:hover,
.page-footer a:hover {
  color: #c9a227 !important;
}

footer p,
.page-footer p {
  color: #6b6b6b !important;
}

/* ==========================================================================
   WOOCOMMERCE
   ========================================================================== */
.woocommerce .products .product {
  background: #fefdfb !important;
  border-radius: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(26, 58, 47, 0.06) !important;
}

.woocommerce .products .product:hover {
  box-shadow: 0 8px 40px rgba(26, 58, 47, 0.12) !important;
}

.woocommerce .products .product .woocommerce-loop-product__title {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  color: #1a3a2f !important;
}

.woocommerce .products .product .price {
  color: #c9a227 !important;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.2rem !important;
}

.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: #1a3a2f !important;
  color: #ffffff !important;
  border-radius: 20px !important;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.5rem !important;
  border: none !important;
}

.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: #2d5a47 !important;
}

.woocommerce a.added_to_cart {
  color: #c9a227 !important;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 500 !important;
}

/* ==========================================================================
   WOOCOMMERCE - STRONA PRODUKTU
   ========================================================================== */

/* Tytuł produktu - bezszeryfowy */
.woocommerce div.product .product_title,
.woocommerce-page .product_title,
.woocommerce div.product h1.product_title,
.woocommerce div.product .summary h1,
h1.product_title,
.product_title {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: #1a3a2f !important;
  margin-bottom: 1rem !important;
  letter-spacing: -0.01em !important;
}

/* Cena produktu */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: #1a3a2f !important;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  color: #9a9a9a !important;
  font-size: 1.1rem !important;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  text-decoration: none !important;
  color: #c9a227 !important;
}

/* Labele formularza (Wysokość, Kolor, etc.) */
.woocommerce div.product form.cart .variations label,
.woocommerce div.product .variations label,
.woocommerce table.variations label {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #2c2c2c !important;
  text-transform: none !important;
  display: flex !important;
  align-items: center !important;
  height: 48px !important;
  margin: 0 !important;
  padding-right: 1rem !important;
}

/* Tabela wariantów - wyrównanie */
.woocommerce div.product form.cart .variations,
.woocommerce table.variations {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 0.5rem !important;
}

.woocommerce div.product form.cart .variations td,
.woocommerce table.variations td {
  vertical-align: middle !important;
  padding: 0.25rem 0 !important;
}

.woocommerce div.product form.cart .variations td.label,
.woocommerce table.variations td.label {
  width: 120px !important;
  padding-right: 1rem !important;
}

/* Selecty wariantów */
.woocommerce div.product form.cart .variations select,
.woocommerce table.variations select {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.95rem !important;
  padding: 0.75rem 1rem !important;
  height: 48px !important;
  border: 2px solid #e8e8e8 !important;
  border-radius: 4px !important;
  background-color: #fefdfb !important;
  min-width: 200px !important;
}

.woocommerce div.product form.cart .variations select:focus {
  border-color: #7c9a82 !important;
  outline: none !important;
}

/* Ilość + przycisk dodaj do koszyka */
.woocommerce div.product form.cart {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: 1.5rem !important;
}

.woocommerce div.product form.cart .quantity {
  margin-right: 0.75rem !important;
}

.woocommerce div.product form.cart > .button,
.woocommerce div.product form.cart > button {
  margin-left: 0.5rem !important;
}

.woocommerce div.product form.cart .quantity .qty {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1rem !important;
  width: 80px !important;
  height: 48px !important;
  padding: 0.5rem !important;
  text-align: center !important;
  border: 2px solid #e8e8e8 !important;
  border-radius: 4px !important;
}

.woocommerce div.product form.cart button.single_add_to_cart_button {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  height: 48px !important;
  padding: 0 2rem !important;
  border-radius: 24px !important;
  background: #1a3a2f !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
  background: #2d5a47 !important;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
  background: linear-gradient(135deg, #2d5a47 0%, #1a3a2f 100%) !important;
}

/* ==========================================================================
   TABSY (Opis, Informacje dodatkowe)
   ========================================================================== */
.woocommerce div.product .woocommerce-tabs {
  margin-top: 3rem !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0 !important;
  margin: 0 0 2rem 0 !important;
  border-bottom: 2px solid #e8e8e8 !important;
  display: flex !important;
  gap: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #6b6b6b !important;
  padding: 1rem 1.5rem !important;
  display: block !important;
  border-bottom: 3px solid transparent !important;
  margin-bottom: -2px !important;
  background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: #1a3a2f !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #1a3a2f !important;
  font-weight: 600 !important;
  border-bottom-color: #1a3a2f !important;
  background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #1a3a2f !important;
  margin-bottom: 1rem !important;
}

/* ==========================================================================
   GALERIA PRODUKTU
   ========================================================================== */
.woocommerce div.product div.images {
  margin-bottom: 2rem !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img {
  border-radius: 0 !important;
}

/* Miniaturki galerii */
.woocommerce div.product div.images .flex-control-thumbs {
  margin-top: 1rem !important;
  display: flex !important;
  gap: 0.75rem !important;
  padding: 0 !important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: auto !important;
  flex: 0 0 70px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  border-radius: 0 !important;
  border: 2px solid transparent !important;
  opacity: 0.6 !important;
  cursor: pointer !important;
  width: 70px !important;
  height: 70px !important;
  object-fit: cover !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
  border-color: #1a3a2f !important;
  opacity: 1 !important;
}

/* Zoom icon */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  background: #ffffff !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================================================
   POLECANE PRODUKTY (Related/Upsells)
   ========================================================================== */
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2,
.woocommerce .cross-sells > h2,
.woocommerce section.related > h2,
.related.products > h2 {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: #1a3a2f !important;
  margin-bottom: 1.5rem !important;
  letter-spacing: -0.01em !important;
}

/* Kafelki produktów - padding dla przestrzeni */
.woocommerce .related.products .product,
.woocommerce .upsells.products .product,
.woocommerce ul.products li.product {
  padding: 0 0 1rem 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Wrapper na treść kafelka - równa wysokość */
.woocommerce .related.products .product > a,
.woocommerce .upsells.products .product > a,
.woocommerce ul.products li.product > a {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

/* Tytuły produktów w polecanych */
.woocommerce .related.products .product .woocommerce-loop-product__title,
.woocommerce .upsells.products .product .woocommerce-loop-product__title {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1a3a2f !important;
  margin: 1rem 1rem 0.75rem !important;
  padding: 0 0.5rem !important;
  line-height: 1.4 !important;
  min-height: 2.8em !important;
}

/* Ceny w polecanych - wyrównane z brutto */
.woocommerce .related.products .product .price,
.woocommerce .upsells.products .product .price {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1a3a2f !important;
  margin: 0 1rem 1rem !important;
  padding: 0 0.5rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  line-height: 1.5 !important;
}

.woocommerce .related.products .product .price del,
.woocommerce .upsells.products .product .price del {
  font-size: 0.75rem !important;
  color: #9a9a9a !important;
}

.woocommerce .related.products .product .price ins,
.woocommerce .upsells.products .product .price ins {
  text-decoration: none !important;
  color: #c9a227 !important;
}

/* "brutto" wyrównane */
.woocommerce .related.products .product .price .woocommerce-Price-currencySymbol,
.woocommerce .upsells.products .product .price .woocommerce-Price-currencySymbol {
  font-size: inherit !important;
}

/* Przyciski w polecanych */
.woocommerce .related.products .product .button,
.woocommerce .related.products .product a.button,
.woocommerce .upsells.products .product .button,
.woocommerce .upsells.products .product a.button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 18px !important;
  background: #1a3a2f !important;
  color: #ffffff !important;
  display: inline-block !important;
  width: auto !important;
  text-align: center !important;
  line-height: 1.2 !important;
  margin: 0.5rem auto 0.75rem !important;
}

.woocommerce .related.products .product .button:hover,
.woocommerce .upsells.products .product .button:hover {
  background: #2d5a47 !important;
}

/* Przycisk "Wybierz opcje" - ten sam rozmiar */
.woocommerce .related.products .product a.button.product_type_variable,
.woocommerce .upsells.products .product a.button.product_type_variable {
  font-size: 0.8rem !important;
  padding: 0.75rem 1.25rem !important;
}

/* Obrazki produktów w polecanych - bez zaokrągleń, bez marginesów */
.woocommerce .related.products .product img,
.woocommerce .upsells.products .product img,
.woocommerce ul.products li.product img {
  border-radius: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* ==========================================================================
   META PRODUKTU (SKU, Kategorie)
   ========================================================================== */
.woocommerce div.product .product_meta {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.85rem !important;
  color: #6b6b6b !important;
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid #e8e8e8 !important;
}

.woocommerce div.product .product_meta > span {
  display: block !important;
  margin-bottom: 0.25rem !important;
}

.woocommerce div.product .product_meta a {
  color: #1a3a2f !important;
  font-weight: 500 !important;
}

.woocommerce div.product .product_meta a:hover {
  color: #c9a227 !important;
}

/* ==========================================================================
   COOKIE NOTICE
   ========================================================================== */
#cookie-notice {
  background: #1a3a2f !important;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
}

#cookie-notice * {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
}

#cookie-notice .cn-button {
  background: #c9a227 !important;
  color: #2c2c2c !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
}

#cookie-notice .cn-button:hover {
  background: #e8d48b !important;
}

/* ==========================================================================
   PAGE LOADER
   ========================================================================== */
.page-loader {
  background: #fefdfb !important;
}

.line-scale-pulse-out > div {
  background-color: #1a3a2f !important;
}

/* ==========================================================================
   MOBILE RESPONSIVE
   ========================================================================== */
@media (max-width: 991px) {
  .menubar {
    padding: 0.75rem 0 !important;
  }

  .py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  h1, .h1 {
    font-size: 2.5rem !important;
  }

  h2, .h2, .display-5 {
    font-size: 2rem !important;
  }

  .feature.feature-1 {
    margin-bottom: 1.5rem !important;
  }
}

@media (max-width: 768px) {
  .py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  h1, .h1 {
    font-size: 2rem !important;
  }

  h2, .h2, .display-5 {
    font-size: 1.75rem !important;
  }

  .btn,
  button,
  input[type="submit"] {
    padding: 0.75rem 1.5rem !important;
    font-size: 0.85rem !important;
  }

  .menubar__nav {
    background: #fefdfb !important;
    box-shadow: 0 16px 60px rgba(26, 58, 47, 0.18) !important;
  }

  .menubar .menu > li > a {
    padding: 1rem 1.5rem !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }

  .page-header--transparent:not(.page-header--scrolling) .menubar .menu > li > a {
    color: #2c2c2c !important;
  }
}

/* ==========================================================================
   SELECTION
   ========================================================================== */
::selection {
  background: #a8c5b0 !important;
  color: #1a3a2f !important;
}

::-moz-selection {
  background: #a8c5b0 !important;
  color: #1a3a2f !important;
}

/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */
:focus-visible {
  outline: 2px solid #c9a227 !important;
  outline-offset: 2px !important;
}

/* ==========================================================================
   SHOP/CATEGORY PAGE - HERO (tylko ciemne tła)
   ========================================================================== */
/* Tytuły w hero z ciemnym tłem - biały tekst */
/* UWAGA: Nie używamy [class*="nk-awb"] bo łapie też jasne sekcje */
.page-header__content h1,
.page-header__content h2,
.woocommerce-products-header__title,
.woocommerce-products-header h1,
.archive-header h1,
.archive-title,
/* Sekcja page-title z tłem obrazkowym */
section.page-title h1,
section.page-title h2,
section.page-title .h1,
section.page-title .h2,
.py-7.page-title h1,
.py-7.page-title h2,
section.py-7.page-title h2,
section.page-title .container h2,
section.page-title .container .row h2,
.page-title .text-center h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5) !important;
}

/* Sortowanie - select fix */
.woocommerce .woocommerce-ordering select,
.woocommerce-ordering select.orderby,
select.orderby {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 0.9rem !important;
  padding: 0.6rem 2.5rem 0.6rem 1rem !important;
  min-width: 200px !important;
  border: 2px solid #e8e8e8 !important;
  border-radius: 4px !important;
  background-color: #fefdfb !important;
  background-position: right 0.75rem center !important;
}

/* Podkreślenie pod tytułem w hero */
.nk-awb-wrap h1::after,
.nk-awb-wrap h2::after,
.page-header__content h1::after {
  background: linear-gradient(90deg, #c9a227, #e8d48b) !important;
}

/* ==========================================================================
   SHOP PAGE - KAFELKI KATEGORII/PRODUKTÓW
   ========================================================================== */
/* Ogólne style dla kafelków */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.products .product {
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Hover - subtelny lift i cień */
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover,
.products .product:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(26, 58, 47, 0.15), 0 6px 16px rgba(26, 58, 47, 0.1) !important;
}

/* Wrapper na obrazek - padding dla efektu zoom */
.woocommerce ul.products li.product > a:first-child,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product-category > a {
  display: block !important;
  overflow: hidden !important;
  padding: 8px !important;
  background: #fefdfb !important;
}

/* Obrazki produktów - efekt zoom na hover (subtelniejszy) */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  transition: transform 0.4s ease-out !important;
  display: block !important;
}

.woocommerce ul.products li.product:hover img,
.woocommerce-page ul.products li.product:hover img {
  transform: scale(1.03) !important;
}

/* Tytuł produktu - kolor transition */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  transition: color 0.25s ease !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #2d5a47 !important;
}

/* Przyciski w kafelkach - efekt na hover */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.woocommerce ul.products li.product .button::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
  transition: left 0.5s ease !important;
}

.woocommerce ul.products li.product:hover .button::before {
  left: 100% !important;
}

/* Subtelny border-bottom accent na hover */
.woocommerce ul.products li.product::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #7c9a82, #c9a227) !important;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transform: translateX(-50%) !important;
}

.woocommerce ul.products li.product:hover::after {
  width: 60% !important;
}

/* ==========================================================================
   SHOP PAGE - KATEGORIE (subcategories)
   ========================================================================== */
.woocommerce ul.products li.product-category,
.product-category {
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.woocommerce ul.products li.product-category:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(26, 58, 47, 0.15) !important;
}

.woocommerce ul.products li.product-category img {
  transition: transform 0.5s ease, filter 0.3s ease !important;
}

.woocommerce ul.products li.product-category:hover img {
  transform: scale(1.03) !important;
}

/* Nazwa kategorii */
.woocommerce ul.products li.product-category h2,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  color: #1a3a2f !important;
  transition: color 0.25s ease !important;
  padding: 1rem 0.5rem !important;
}

.woocommerce ul.products li.product-category:hover h2,
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title {
  color: #c9a227 !important;
}

/* Count kategorii */
.woocommerce ul.products li.product-category .count {
  color: #9a9a9a !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
}
@media (max-width:576px) {
	.menubar.mobile-menu--open .menu-item.menu-item-button > a {
	color: #ffffff !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
}
.feature__icon .feature__svg-icon, .feature__icon span {
	margin: 0 auto;
}

@media (max-width: 768px) {
    h2, .h2, .display-5 {
        font-size: 1.35rem !important;
    }
}