/* ==================== TABLET & SMALL DESKTOP (700px+) ==================== */
@media screen and (min-width: 700px) {
  
  /* Navigation */
  nav {
    display: flex;
    justify-content: center;
  }

  .navbar {
    flex-direction: row;
    background-color: transparent !important;
    width: 80%;
  }

  .navbar-links-wrapper {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
  }

  .navbar-contact-container {
    justify-content: flex-end;
  }

  .navbar-pages-container {
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
  }

  /* Parallax Effects */
  .parallax-background-image-inner {
    background-attachment: fixed;
  }

  /* Main Service Decoration */
  .main-service::before {
    content: "SŤAHOVANIE";
    position: absolute;
    color: #1a1a1a;
    font-weight: 900;
    font-size: 6rem;
    left: 5%;
    top: -5%;
    z-index: -1;
  }

  /* Services Section */
  .services-siema {
    background-color: #151515;
    margin-top: 70px;
  }

  /* Testimonials */
  .testimonials-siema-container {
    width: 100%;
    min-width: 720px !important;
    max-width: 820px !important;
    margin: 0 auto;
  }

  .testimonials-siema-item {
    width: 300px;
  }

  .testimonials-siema {
    margin: 1rem 0;
  }

  /* Timeline */
  #timeline-container {
    width: 70%;
    min-height: 1000px;
  }

  /* Info Section */
  .info-container > div {
    flex-direction: row;
    align-items: flex-start;
  }

  .info-container > div > p > img {
    width: 200px;
    display: block;
    margin: 25px auto 0;
  }

  /* Service Categories - 2 columns */
  .category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Benefits Grid - 2 columns */
  .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Equipment Grid - 2 columns */
  .equipment-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ==================== LARGE DESKTOP (1100px+) ==================== */
@media screen and (min-width: 1100px) {
  
  /* Typography */
  h1 {
    font-size: 5rem;
    margin-bottom: 1rem;
    font-weight: 900;
    letter-spacing: 0.001rem;
    margin: 20px;
  }

  .h1-stroke {
    font-size: 4rem;
  }

  h3 {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
  }

  b {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.1em;
    color: #fff;
  }

  p {
    font-size: 14pt;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
  }

  /* Hero */
  .hero-content {
    width: 70%;
  }

  /* Services */
  .services-section > menu {
    display: none;
  }

  /* Timeline */
  #timeline-container {
    width: 40%;
  }

  /* Modals */
  .modal-contact-container {
    width: 50%;
  }

  /* Service Categories - 3 columns */
  .category-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Benefits Grid - 3 columns */
  .benefits-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Equipment Grid - 4 columns */
  .equipment-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  /* Pricing Steps - 3 columns */
  .pricing-steps {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Trust Signals - 4 columns */
  .trust-signals-container {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ==================== EXTRA LARGE DESKTOP (1400px+) ==================== */
@media screen and (min-width: 1400px) {
  
  /* Container Max Widths */
  .category-container,
  .service-details,
  .equipment-container,
  .pricing-info,
  .notice-section,
  .benefits-section {
    max-width: 1400px;
  }

  /* Hero */
  .hero-content {
    width: 60%;
  }
}

/* ==================== PRINT STYLES ==================== */
@media print {
  .navbar,
  .hero-button-container,
  .fixed-phone-button,
  .consent-wrapper,
  #intergramRoot,
  .modal-wrapper {
    display: none !important;
  }

  body {
    background-color: #fff;
    color: #000;
  }

  h1, h2, h3, h4, b, p {
    color: #000;
  }

  .parallax-background-image {
    display: none;
  }
}