/* Karta produktu, wybor pojemnosci (ClickUp „zewsi 22.10.2026”, olej z wiesiolka):
   - etykieta „Pojemnosc” jak nadtytuly karty (Inter, wersaliki), a nie drobny rozstrzelony Cormorant,
   - przyciski rowno na cala szerokosc formularza, ta sama wysokosc co „Dodaj do koszyka”,
   - ekrany 960-1199 px: „Zapytaj o produkt” nie wchodzi na formularz, serduszko nie spada do nowej linii.
   Przyciski buduje zewsi-warianty-pasek-5.js. */

body.single-product form.zw-warianty-przyciski table.variations th label{font:600 12px/1.2 Inter,system-ui,sans-serif !important;letter-spacing:.14em !important;text-transform:uppercase;color:#3a1710 !important}
body.single-product form.zw-warianty-przyciski table.variations th{margin-bottom:12px}
body.single-product form.zw-warianty-przyciski .zw-warianty{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}
body.single-product form.zw-warianty-przyciski .zw-wariant{min-height:56px;border-color:#dccdbf;border-radius:14px;background:#fff}
body.single-product form.zw-warianty-przyciski .zw-wariant:hover{background:#faf6f1;border-color:#610700}
body.single-product form.zw-warianty-przyciski .zw-wariant__nazwa{font-size:16px}
body.single-product form.zw-warianty-przyciski .zw-wariant[aria-pressed="true"]{background:#610700;border-color:#610700}

/* „Potrzebujesz pomocy?”: tekst ma w builderze sztywne 450 px (uk-width-large), przy waskiej kolumnie przycisk wylazil na formularz */
body.single-product .tm-grid-expand:has(> .uk-width-expand\@m a[href="#zapytaj-o-produkt"]) > .uk-width-large\@m{width:auto;flex:1 1 0;min-width:0}
body.single-product .tm-grid-expand:has(> .uk-width-expand\@m a[href="#zapytaj-o-produkt"]) > .uk-width-expand\@m{flex:none;width:auto}

@media (max-width:1199px){
  /* ilosc + koszyk + serduszko w jednym rzedzie: przycisk koszyka sie zweza zamiast spychac serduszko */
  body.single-product .tm-element-woo-add-to-cart .single_add_to_cart_button{flex:1 1 0;min-width:0;padding:0 20px}
}