/* ================================================
   IVA ÚKLID – MOBILE CSS
   Nahrajte jako mobile.css do správce souborů
================================================ */

@media (max-width: 768px) {

  /* HERO */
  .eko-hero-full,
  .eko-hero-full.iva-full-width-section {
    padding: 36px 5% 30px !important;
  }
  .hero-claim-primary,
  .hero-claim-secondary {
    font-size: 11px !important;
    padding: 8px 16px !important;
    letter-spacing: 1px !important;
  }
  .hero-text {
    font-size: 14px !important;
    margin-bottom: 24px !important;
    line-height: 1.6 !important;
  }
  .hero-container h2 {
    font-size: 20px !important;
    margin-bottom: 20px !important;
  }
  .benefit-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
  }
  .benefit-card {
    font-size: 12px !important;
    padding: 11px 8px !important;
  }
  .hero-cta-final {
    font-size: 14px !important;
    margin-top: 20px !important;
    padding-top: 16px !important;
  }

  /* QUOTE */
  .iva-quote-block h2,
  .iva-quote-block.iva-full-width-section h2 {
    font-size: 20px !important;
    padding: 24px 16px !important;
    line-height: 1.4 !important;
  }

  /* PILÍŘE */
  .brand-pillar-single {
    padding: 22px 5% !important;
  }
  .brand-pillar-single h3 {
    font-size: 17px !important;
    margin-bottom: 6px !important;
  }
  .brand-pillar-single p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* IKONY CERTIFIKÁTŮ */
  .iva-benefits-icons {
    padding: 24px 5% !important;
  }
  .iva-benefits-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
  .iva-benefit-item img {
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 6px !important;
  }
  .iva-benefit-item h3 {
    font-size: 10px !important;
    letter-spacing: 0.8px !important;
  }

  /* VÝBĚR PRODUKTŮ */
  .iva-selection {
    padding: 32px 5% !important;
  }
  .iva-selection h2 {
    font-size: 22px !important;
  }
  .iva-products-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .iva-img-wrapper {
    height: 150px !important;
    margin-bottom: 10px !important;
  }
  .iva-product-card h3 {
    font-size: 14px !important;
    min-height: auto !important;
  }
  .iva-modern-btn {
    font-size: 13px !important;
    padding: 12px 26px !important;
  }

  /* KATEGORIOVÉ BANNERY */
  .iva-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 16px 3% !important;
  }
  .iva-card {
    height: 160px !important;
  }
  .iva-card-name {
    font-size: 15px !important;
  }
  .iva-card-body {
    padding: 12px !important;
  }
  .iva-card-img {
    height: 78% !important;
    max-width: 46% !important;
  }
  .iva-card-cta {
    font-size: 0 !important;
  }
  .iva-card-cta::after {
    content: "→";
    font-size: 12px !important;
  }
}

@media (max-width: 420px) {
  .eko-hero-full { padding: 26px 4% 22px !important; }
  .benefit-card { font-size: 11px !important; padding: 9px 6px !important; }
  .brand-pillar-single { padding: 18px 4% !important; }
  .brand-pillar-single h3 { font-size: 15px !important; }
  .iva-card { height: 140px !important; }
  .iva-card-name { font-size: 13px !important; }
  .iva-quote-block h2 { font-size: 18px !important; }
  .iva-benefit-item img { width: 50px !important; height: 50px !important; }
}