/* Brand refresh without changing the shared header/footer templates. */
@media (min-width: 1025px) {
  html:root { --c1: #0757ad; --c2: #73c900; --c3: #eff7f5; }
  .garment-header-inner { grid-template-columns: 280px minmax(0, 1fr) auto; gap: 20px; }
  .garment-logo { width: 270px; height: 82px; display: flex; align-items: center; }
  .garment-logo img { object-position: center center; }
  .garment-header.is-scrolled .garment-header-inner { height: 96px; }
  .dibu {
    background-image: linear-gradient(90deg, rgba(4, 28, 54, .94), rgba(4, 31, 57, .78)), url('../rensino/footer.webp') !important;
    background-position: center 52% !important;
    background-size: cover !important;
  }
  .dibu .footer-l .logo img { max-width: 245px; max-height: 90px; object-fit: contain; object-position: left center; }
}
@media (min-width: 1025px) and (max-width: 1320px) {
  .garment-header-inner { grid-template-columns: 215px minmax(0, 1fr) auto; gap: 14px; }
  .garment-logo { width: 210px; height: 72px; }
}