/* =====================================================
   BeOrganic.sk — spacing_fix.css
   Jednotné medzery medzi sekciami, nadpismi a obsahom
   ===================================================== */

/* ============================================
   SEKCIE — jednotný padding naprieč celou HP
   ============================================ */
.bo-sets-section,
.bo-skin-section,
.bo-blog-section,
.bo-review-section {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  margin: 0 !important;
}

/* Vizuálny oddelovač — jemná čiara medzi sekciami */
.bo-sets-section,
.bo-skin-section,
.bo-blog-section {
  border-top: 1px solid rgba(0,0,0,0.07) !important;
}

/* ============================================
   NADPISY SEKCIÍ — medzera pod názvom
   ============================================ */
.bo-sets-h2,
.bo-blog-title,
.bo-review-h2,
.bo-skin-section h2,
.bo-skin-section h3 {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Podnadpis sekcie (perex pod h2) */
.bo-skin-sub,
.bo-sets-sub,
.bo-blog-sub,
[class*="section-sub"],
[class*="sec-sub"] {
  margin-top: 0 !important;
  margin-bottom: 40px !important;
}

/* Všetky h2 nadpisy sekcií — 36px medzera pod názvom */
.bo-sets-h2,
.bo-blog-title,
.bo-review-h2 {
  margin-bottom: 36px !important;
}

/* ============================================
   CAROUSEL / GRID medzery
   ============================================ */
.bo-sets-carousel-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.bo-blog-grid,
.bo-blog-items,
[class*="blog-grid"] {
  margin-top: 0 !important;
}

/* ============================================
   FEATURES (ikonky) — medzera od bannera
   ============================================ */
.features-row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}

/* ============================================
   MOBILNÉ MEDZERY
   ============================================ */
@media (max-width: 768px) {

  .bo-sets-section,
  .bo-skin-section,
  .bo-blog-section,
  .bo-review-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .bo-sets-h2,
  .bo-blog-title,
  .bo-review-h2,
  .bo-skin-section h2 {
    margin-bottom: 24px !important;
    font-size: 1.75rem !important;
  }

  .bo-skin-sub {
    margin-bottom: 28px !important;
  }

}