/* ================================================================== */
/* BEORGANIC - OPRAVA MOBILU                                          */
/* ================================================================== */

@media (max-width: 600px) {

  /* CAROUSEL - správna šírka položiek */
  .bo-sets-carousel {
    grid-auto-columns: 70% !important;
    gap: 15px !important;
  }

  .bo-sets-name {
    font-size: 0.9rem !important;
  }

  /* FEATURES ROW - 2 stĺpce */
  .features-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    padding: 0 15px !important;
    flex-direction: unset !important;
  }

  .features-row .feature-item {
    flex-direction: column !important;
    align-items: center !important;
    width: auto !important;
    gap: 8px !important;
  }

  .features-row .feature-item img {
    width: 50px !important;
    height: 50px !important;
  }

  .features-row .feature-item p {
    font-size: 12px !important;
    text-align: center !important;
  }

  /* NEWSLETTER FORM - tlačidlo pod inputom */
  .bo-news-form {
    flex-direction: column !important;
    border-radius: 20px !important;
    gap: 8px !important;
  }

  .bo-news-btn {
    width: 100% !important;
    border-radius: 40px !important;
  }

  .bo-news-input {
    padding: 12px 15px !important;
  }

  /* GUIDE SEKCIA - menší text */
  .bo-guide-card {
    padding: 40px 20px !important;
  }

  .bo-guide-h2 {
    font-size: 1.8rem !important;
  }

  .bo-guide-p {
    font-size: 1rem !important;
  }

  /* TOP PRODUKTY - menší text */
  .bo-top-card {
    padding: 40px 20px !important;
  }

  .bo-top-h2 {
    font-size: 1.8rem !important;
  }

  /* SUPER LIST - 1 stĺpec na malom mobile */
  .bo-super-list {
    grid-template-columns: 1fr !important;
  }

  /* RECENZIE - 1 stĺpec */
  .bo-review-list {
    grid-template-columns: 1fr !important;
  }

  /* SEKCIE - padding */
  .bo-sets-section,
  .bo-skin-section,
  .bo-super-section,
  .bo-guide-section,
  .bo-blog-section,
  .bo-news-section,
  .bo-review-section,
  .bo-customers-section,
  .bo-benefits-section,
  .bo-top-section {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* BLOG - správna výška obrázkov */
  .bo-blog-list {
    grid-template-columns: 1fr !important;
  }

  /* NADPISY SEKCIÍ */
  .bo-sets-h2,
  .bo-super-h2,
  .bo-customers-h2,
  .bo-news-h2,
  .bo-why-clean-h2 {
    font-size: 1.8rem !important;
  }
}