@media (min-width: 701px) {
  html body .garment-header {
    --c1: #304040;
    --c2: #30a0a0;
    background: rgba(35, 48, 48, 0.96);
    border-bottom-color: rgba(255, 255, 255, 0.14);
  }

  html body:has(.rensino-home) .garment-header:not(.is-scrolled) {
    background: rgba(28, 40, 40, 0.18);
    box-shadow: none;
  }

  html body .garment-header.is-scrolled {
    background: rgba(244, 247, 247, 0.98);
    border-bottom-color: rgba(48, 64, 64, 0.12);
    box-shadow: 0 10px 28px rgba(32, 48, 48, 0.1);
  }

  html body .garment-logo {
    width: 226px;
    height: 72px;
  }

  html body .garment-nav > a::after,
  html body .dropdown-trigger::after {
    background: #30a0a0;
  }

  html body .garment-nav > a:hover,
  html body .dropdown-trigger:hover,
  html body .garment-nav > a.current,
  html body .dropdown-trigger.current {
    color: #55c6c2;
  }

  html body .garment-header.is-scrolled .garment-nav > a:hover,
  html body .garment-header.is-scrolled .dropdown-trigger:hover,
  html body .garment-header.is-scrolled .garment-nav > a.current,
  html body .garment-header.is-scrolled .dropdown-trigger.current {
    color: #257f7d;
  }

  html body .dibu {
    --c1: #304040;
    --c2: #30a0a0;
    background-color: #182424;
    background-image: url("../img/rensino-home/footer-materials.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
  }

  html body .dibu::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(13, 21, 21, 0.42);
    pointer-events: none;
  }

  html body .dibu .footer,
  html body .dibu .footer2,
  html body .dibu .bls {
    position: relative;
    z-index: 1;
  }

  html body .dibu .footer-l .logo {
    width: 230px;
    max-width: 100%;
  }

  html body .dibu .footer-r ul h3 {
    color: #fff;
  }

  html body .dibu .footer-r ul h3::after {
    content: "";
    display: block;
    width: 34px;
    height: 2px;
    margin-top: 10px;
    background: #30a0a0;
  }

  html body .dibu .footer-r ul li a:hover,
  html body .dibu .footer-website a:hover {
    color: #55c6c2;
  }

  html body .mobile_nav {
    display: none !important;
  }
}

@media (min-width: 701px) and (max-width: 1280px) {
  html body .garment-logo {
    width: 190px;
    height: 62px;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  html body .garment-header-inner {
    width: calc(100% - 24px);
    height: 74px;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 14px;
    padding: 0;
  }

  html body .garment-header.is-scrolled .garment-header-inner {
    height: 70px;
  }

  html body .garment-logo {
    width: 150px;
    height: 50px;
  }

  html body .garment-nav {
    gap: 12px;
    overflow: visible;
  }

  html body .garment-nav > a,
  html body .dropdown-trigger {
    font-size: 11px;
  }

  html body .language-switch {
    display: none !important;
  }
}