<style>
/* ================================================================== */
/* BEORGANIC - OPRAVA FLEKU + VYLADĚNÍ TEXTU                         */
/* ================================================================== */

/* ===========================
   OPRAVA BÍLÉHO FLEKU
   =========================== */
body {
  background-color: #eff3e9 !important;
}

/* Všechny page-width kromě footeru */
.page-width:not([style*="background-color: #f2f2f2"]) {
  background-color: transparent !important;
}

/* Odstranění černého pozadí u textových sekcí */
div[style*="background: #000"],
div[style*="background-color: #000"],
div[style*="background-color: black"],
div[style*="background: black"],
section[style*="background"] {
  background-color: transparent !important;
  background: none !important;
}

/* ===========================
   VYLADĚNÍ TEXTU POD RECENZEMI
   =========================== */
/* Sekce s textem "Prírodná kozmetika pre zdravú pokožku" */
.content-section,
.text-section,
.about-section {
  padding: 80px 40px !important;
  background-color: transparent !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}

/* Hlavní nadpis */
h1:not(.footer-column h1):not(.product h1),
h2:not(.footer-column h2):not(.product h2) {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  color: #333333 !important;
  text-align: center !important;
  margin: 0 0 30px 0 !important;
  line-height: 1.3 !important;
  background: none !important;
}

/* Odstavce pod nadpisem */
p:not(.footer-column p):not(.product p) {
  font-size: 18px !important;
  line-height: 1.8 !important;
  color: #555555 !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto 25px auto !important;
  background: none !important;
}

/* Druhý odstavec - menší font */
p + p {
  font-size: 16px !important;
  color: #666666 !important;
}

/* ===========================
   MOBILNÍ VERZE
   =========================== */
@media (max-width: 768px) {
  
  /* Text pod recenzemi */
  h1, h2 {
    font-size: 32px !important;
  }
  
  p {
    font-size: 16px !important;
  }
  
  .content-section,
  .text-section,
  .about-section {
    padding: 50px 20px !important;
  }
}

/* ===========================
   TABLET (769px - 1024px)
   =========================== */
@media (min-width: 769px) and (max-width: 1024px) {
  
  h1, h2 {
    font-size: 36px !important;
  }
}
</style>
