.elementor-1292 .elementor-element.elementor-element-b546f58{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-1292 .elementor-element.elementor-element-d63e40e{margin:70px 0px calc(var(--kit-widget-spacing, 0px) + 70px) 0px;}.elementor-1292 .elementor-element.elementor-element-d63e40e.elementor-element{--align-self:center;}.elementor-1292 .elementor-element.elementor-element-d63e40e .elementor-heading-title{font-family:"Bodoni Moda", Sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;}.elementor-1292 .elementor-element.elementor-element-fbddefa{--display:flex;}.elementor-1292 .elementor-element.elementor-element-cc424f7 .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:"Lato", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;text-align:start;}.elementor-1292 .elementor-element.elementor-element-cc424f7 .woocommerce-breadcrumb > a{color:var( --e-global-color-primary );}.elementor-1292 .elementor-element.elementor-element-768518f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1292 .elementor-element.elementor-element-768518f{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-768518f *//* =========================================================
   GRID: 4 produkty w rzędzie tylko w obrębie .brand-grid-4
   ========================================================= */
.brand-grid-4 :where(ul.products, .products) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important; /* odstępy między kafelkami */
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.brand-grid-4 :where(ul.products, .products) > :where(li.product, .product) {
  margin: 0 !important;
  float: none !important;   /* wyłącza stare układy float */
  width: auto !important;   /* nie pozwala motywowi przycinać szerokości */
  clear: none !important;
  list-style: none !important;
  text-align: center;       /* by przycisk łatwo centrować pod tytułem */
}
.brand-grid-4 :where(ul.products, .products) > li::marker { content: "" !important; }

/* clearfix off */
.brand-grid-4 :where(ul.products, .products)::before,
.brand-grid-4 :where(ul.products, .products)::after {
  content: none !important;
  display: none !important;
}

/* jeżeli motyw dokleja columns-X – zignoruj i trzymaj 4 kolumny na dużych */
.brand-grid-4 :where(ul.products, .products)[class*="columns-"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* RESPONSYWNOŚĆ — kolumny MUSZĄ być responsywne */
@media (max-width: 1200px) {
  .brand-grid-4 :where(ul.products, .products) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 1024px) {
  .brand-grid-4 :where(ul.products, .products) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .brand-grid-4 :where(ul.products, .products)[class*="columns-"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 768px) {
  /* TELEFON/TABLET-PION: 2 kolumny */
  .brand-grid-4 :where(ul.products, .products) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .brand-grid-4 :where(ul.products, .products)[class*="columns-"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 480px) {
  /* MAŁE TELEFONY: 2 kolumny */
  .brand-grid-4 :where(ul.products, .products) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .brand-grid-4 :where(ul.products, .products)[class*="columns-"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* =========================================================
   CENA: ukryta domyślnie (tylko w tej sekcji)
   ========================================================= */
.brand-grid-4 ul.products li.product .price,
.brand-grid-4 .products li.product .price {
  display: none !important;
}

/* =========================================================
   WISHLIST: zawsze widoczne i w prawym górnym rogu (TI & YITH)
   ========================================================= */
/* Kontener produktu jako anchor dla absolutnego serduszka */
.brand-grid-4 ul.products li.product,
.brand-grid-4 .products li.product { position: relative; }

/* TI WooCommerce Wishlist */
.brand-grid-4 ul.products li.product .tinv-wishlist,
.brand-grid-4 ul.products li.product .tinvwl_add_to_wishlist_button {
  position: absolute !important;
  top: 8px; right: 8px;
  z-index: 5;
  margin: 0 !important;
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important;
}
.brand-grid-4 ul.products li.product .tinv-wishlist a,
.brand-grid-4 ul.products li.product .tinvwl_add_to_wishlist_button {
  background: transparent !important;
  border: 0 !important;
  padding: 6px !important;
  line-height: 1 !important;
  font-size: 40px !important;           /* WIĘKSZE serduszko */
  color: #000 !important;
}
.brand-grid-4 ul.products li.product .tinv-wishlist svg,
.brand-grid-4 ul.products li.product .tinvwl_add_to_wishlist_button svg {
  width: 40px !important;
  height: 40px !important;
  display: inline-block;
}

/* YITH WooCommerce Wishlist */
.brand-grid-4 ul.products li.product .yith-wcwl-add-to-wishlist {
  position: absolute !important;
  top: 8px; right: 8px;
  z-index: 5;
  margin: 0 !important;
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important;
}
.brand-grid-4 ul.products li.product .yith-wcwl-add-to-wishlist a {
  background: transparent !important;
  border: 0 !important;
  padding: 6px !important;
  line-height: 1 !important;
  font-size: 40px !important;           /* WIĘKSZE serduszko */
  color: #000 !important;
}
.brand-grid-4 ul.products li.product .yith-wcwl-add-to-wishlist svg {
  width: 40px !important;
  height: 40px !important;
  display: inline-block;
}

/* Bez względu na inne reguły – serduszka nigdy nie są ukrywane */
.brand-grid-4 ul.products li.product .tinv-wishlist a,
.brand-grid-4 ul.products li.product .tinvwl_add_to_wishlist_button,
.brand-grid-4 ul.products li.product .yith-wcwl-add-to-wishlist a {
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important;
}
.brand-grid-4 ul.products li.product .tinv-wishlist a:hover,
.brand-grid-4 ul.products li.product .tinvwl_add_to_wishlist_button:hover,
.brand-grid-4 ul.products li.product .yith-wcwl-add-to-wishlist a:hover {
  transform: scale(1.1);
}

/* =========================================================
   PRZYCISK „DODAJ DO KOSZYKA”:
   - wyśrodkowany pod tytułem,
   - MAJUSKUŁY,
   - Lato 300 (Light),
   - CZARNY TEKST,
   - ukryty do hovera na desktopie, NA TELEFONIE ZAWSZE WIDOCZNY
   ========================================================= */
/* bazowy wygląd przycisku */
.brand-grid-4 ul.products li.product a.add_to_cart_button,
.brand-grid-4 ul.products li.product a.product_type_simple,
.brand-grid-4 ul.products li.product a.product_type_variable,
.brand-grid-4 ul.products li.product a.product_type_grouped,
.brand-grid-4 ul.products li.product a.product_type_external,
.brand-grid-4 ul.products li.product .added_to_cart {
  font-family: "Lato", sans-serif !important;
  font-weight: 300 !important;                 /* Light */
  text-transform: uppercase !important;        /* MAJUSKUŁY */
  letter-spacing: 0 !important;                /* ODSTĘPY MIĘDZY LITERAMI = 0 */
  color: #000 !important;                      /* TEKST CZARNY */
  display: inline-flex;                         /* łatwe centrowanie */
  align-items: center; justify-content: center;
  margin: 12px auto 0 !important;              /* CENTRUM pod tytułem */
  padding: 0.75em 1.25em;
  text-align: center;
  /* rozmiar fontu – DOMYŚLNY z motywu (nie nadpisujemy) */
}

/* domyślnie ukryty (desktop/urządzenia z hoverem) */
.brand-grid-4 ul.products li.product a.add_to_cart_button,
.brand-grid-4 ul.products li.product a.product_type_simple,
.brand-grid-4 ul.products li.product a.product_type_variable,
.brand-grid-4 ul.products li.product a.product_type_grouped,
.brand-grid-4 ul.products li.product a.product_type_external,
.brand-grid-4 ul.products li.product .added_to_cart {
  opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}

/* pokaż przy najechaniu na cały kafelek produktu */
.brand-grid-4 ul.products li.product:hover a.add_to_cart_button,
.brand-grid-4 ul.products li.product:hover a.product_type_simple,
.brand-grid-4 ul.products li.product:hover a.product_type_variable,
.brand-grid-4 ul.products li.product:hover a.product_type_grouped,
.brand-grid-4 ul.products li.product:hover a.product_type_external,
.brand-grid-4 ul.products li.product:hover .added_to_cart {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
}

/* Na urządzeniach bez hovera (telefony/tablety) – przycisk ZAWSZE widoczny */
@media (hover: none), (pointer: coarse) {
  .brand-grid-4 ul.products li.product a.add_to_cart_button,
  .brand-grid-4 ul.products li.product a.product_type_simple,
  .brand-grid-4 ul.products li.product a.product_type_variable,
  .brand-grid-4 ul.products li.product a.product_type_grouped,
  .brand-grid-4 ul.products li.product a.product_type_external,
  .brand-grid-4 ul.products li.product .added_to_cart {
    opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important;
  }
}

/* Jeżeli motyw chowa kontenery wokół przycisku – odblokowanie (opcjonalnie odkomentuj) */
.brand-grid-4 ul.products li.product .woocommerce-loop-product__link + *,
.brand-grid-4 ul.products li.product .product-inner *,
.brand-grid-4 ul.products li.product .hover-area,
.brand-grid-4 ul.products li.product .product-buttons,
.brand-grid-4 ul.products li.product .add-to-cart,
.brand-grid-4 ul.products li.product .add-to-cart-container {
  /* opacity: 1 !important; visibility: visible !important; */
}

/* =========================================================
   TYPOGRAFIA TYTUŁU (precyzyjnie jak wymagasz)
   ========================================================= */
.brand-grid-4 ul.products li.product .woocommerce-loop-product__title {
  font-family: "Bodoni Moda", serif;
  font-weight: 500 !important;   /* MEDIUM */
  font-size: 20px !important;    /* DESKTOP: 20px */
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.2;
  color: #201010;
}
@media (max-width: 480px) {
  .brand-grid-4 ul.products li.product .woocommerce-loop-product__title {
    font-size: 17px !important;  /* TELEFON: 17px */
  }
}

/* =========================================================
   (Kopia Twojego pierwotnego bloku – zachowujemy komplet)
   4 produkty w jednym rzędzie — wymuszenie tylko w obrębie .brand-grid-4
   ========================================================= */
.brand-grid-4 :where(ul.products, .products) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important; /* dostosuj odstęp */
  margin: 0 !important;
  padding: 0 !important;
}
/* Ujednolicenie elementów produktowych (li.product lub .product w niektórych motywach) */
.brand-grid-4 :where(ul.products, .products) > :where(li.product, .product) {
  margin: 0 !important;
  float: none !important;   /* wyłącza stare układy float */
  width: auto !important;   /* nie pozwala motywowi przycinać szerokości */
  clear: none !important;
}
/* Usuwa pseudoelementy clear-fix w starych motywach */
.brand-grid-4 :where(ul.products, .products)::before,
.brand-grid-4 :where(ul.products, .products)::after {
  content: none !important;
  display: none !important;
}
/* Jeśli motyw dokleja klasy columns-X — zignoruj je i trzymaj 4 kolumny */
.brand-grid-4 :where(ul.products, .products)[class*="columns-"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
/* Responsywność (opcjonalnie) */
@media (max-width: 1024px) {
  .brand-grid-4 :where(ul.products, .products) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .brand-grid-4 :where(ul.products, .products)[class*="columns-"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 768px) {
  /* TELEFON/TABLET-PION: 2 kolumny */
  .brand-grid-4 :where(ul.products, .products) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .brand-grid-4 :where(ul.products, .products)[class*="columns-"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 480px) {
  /* MAŁE TELEFONY: 2 kolumny */
  .brand-grid-4 :where(ul.products, .products) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .brand-grid-4 :where(ul.products, .products)[class*="columns-"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   Przyciski: ukryj domyślnie, pokaż w hoverze (kopiujemy pełny blok)
   ========================================================= */
.brand-grid-4 ul.products li.product a.button,
.brand-grid-4 ul.products li.product .button,
.brand-grid-4 ul.products li.product a.add_to_cart_button,
.brand-grid-4 ul.products li.product a.added_to_cart {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s;
}
/* pokaż przy hoverze na cały kafelek produktu */
.brand-grid-4 ul.products li.product:hover a.button,
.brand-grid-4 ul.products li.product:hover .button,
.brand-grid-4 ul.products li.product:hover a.add_to_cart_button,
.brand-grid-4 ul.products li.product:hover a.added_to_cart {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0);
}
/* Na urządzeniach bez hovera (telefony/tablety) – pokazuj zawsze */
@media (hover: none), (pointer: coarse) {
  .brand-grid-4 ul.products li.product a.button,
  .brand-grid-4 ul.products li.product .button,
  .brand-grid-4 ul.products li.product a.add_to_cart_button,
  .brand-grid-4 ul.products li.product a.added_to_cart {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}
/* Dodatkowo: czasem motyw chowa kontener na przyciski – zadbaj, by był widoczny */
.brand-grid-4 ul.products li.product .woocommerce-loop-product__link + *,
.brand-grid-4 ul.products li.product .product-inner *,
.brand-grid-4 ul.products li.product .hover-area,
.brand-grid-4 ul.products li.product .product-buttons,
.brand-grid-4 ul.products li.product .add-to-cart,
.brand-grid-4 ul.products li.product .add-to-cart-container {
  /* nic na siłę – jeśli przyciski dalej „znikają”, odkomentuj: */
  /* opacity: 1 !important; visibility: visible !important; */
}

/* =========================================================
   DODANE: Telefony (≤ 768 px) – przycisk ZAWSZE widoczny
   + rozmiar 12px, waga 300 Light, kolor czarny, letter-spacing 0
   ========================================================= */
@media (max-width: 768px) {
  .brand-grid-4 ul.products li.product a.add_to_cart_button,
  .brand-grid-4 ul.products li.product a.product_type_simple,
  .brand-grid-4 ul.products li.product a.product_type_variable,
  .brand-grid-4 ul.products li.product a.product_type_grouped,
  .brand-grid-4 ul.products li.product a.product_type_external,
  .brand-grid-4 ul.products li.product .added_to_cart {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    font-size: 12px !important;       /* ROZMIAR 12px na telefonie — MNIEJSZY */
    font-weight: 300 !important;      /* LIGHT */
    color: #000 !important;           /* CZARNY */
    letter-spacing: 0 !important;     /* ODSTĘPY MIĘDZY LITERAMI = 0px */
  }
  /* zachowaj też czarny w :hover, gdy motyw nadpisuje */
  .brand-grid-4 ul.products li.product a.add_to_cart_button:hover,
  .brand-grid-4 ul.products li.product a.product_type_simple:hover,
  .brand-grid-4 ul.products li.product a.product_type_variable:hover,
  .brand-grid-4 ul.products li.product a.product_type_grouped:hover,
  .brand-grid-4 ul.products li.product a.product_type_external:hover,
  .brand-grid-4 ul.products li.product .added_to_cart:hover {
    color: #000 !important;
  }
}/* End custom CSS */