/* dobre.audio — drobne poprawki wizualne na karcie produktu */

/* Samo słowo "Brutto" w linii z ceną. Wyciągnięte przez JS z
   .product__tax-label (patrz dobre_audio_assets.php, hookDisplayHeader)
   jako nowy, niezależny element — "Najniższa cena z 30 dni" zostaje
   osobno, tam gdzie była. */
.dobre-audio-brutto-inline {
  margin-left: .5rem;
  font-size: .85rem;
  color: var(--bs-secondary-color, #6c757d);
}

/* Sprawdzone na żywo: .gm_omniprice ma wbudowany padding-left:5px,
   zaprojektowany z założeniem że TUŻ PRZED nim jest tekst "Brutto".
   Skoro wyciągnęliśmy "Brutto" w inne miejsce (patrz JS w
   dobre_audio_assets.php), ten padding zostaje "osierocony" — zerujemy
   go, ale tylko w tym konkretnym kontekście (karta produktu), żeby nie
   ruszyć .gm_omniprice gdzie indziej na stronie (np. lista produktów).
   Ustawienie w PPHP JS "przenosi" .product__tax-infos z powrotem pod
   .product__prices-block, więc ten selektor pozostaje trafny. */
.product__prices-block .gm_omniprice {
  padding-left: 0 !important;
}

/* Sprawdzone na żywo: motyw ma jednolity margin-bottom:32px na każdej
   "sekcji" karty produktu (cena, dostępność, przyciski) — zaprojektowany
   pod DUŻE sekcje. U nas cena / "Ostatnie sztuki" / nasz tekst
   dostępności to trzy małe, tematycznie powiązane linijki — pełne 32px
   między nimi wygląda na zbyt dużą, pustą przestrzeń. */
.product__prices {
  margin-bottom: .5rem !important;
}

.product__availability {
  margin-bottom: .5rem !important;
}
