@media (min-width: 769px) {
  :root {
    --c1: #0757bd;
    --c2: #08b7de;
  }

  .garment-header .garment-logo {
    width: 272px;
    height: 80px;
    flex: 0 0 272px;
  }

  .garment-header .garment-header-inner,
  .garment-header.is-scrolled .garment-header-inner {
    height: 102px;
  }

  .garment-header .garment-logo img {
    object-fit: contain;
    object-position: left center;
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: opacity .36s ease-in-out;
    will-change: opacity;
  }

  .garment-header .garment-logo .logo-light {
    object-fit: contain;
    object-position: left center;
  }

  .garment-header .garment-logo .logo-dark {
    object-fit: contain;
    object-position: left center;
  }

  .garment-header.is-scrolled {
    border-bottom-color: rgba(7,87,189,.12);
    box-shadow: 0 12px 36px rgba(6,26,46,.1);
  }

  .garment-header.is-scrolled .garment-nav > a:hover,
  .garment-header.is-scrolled .garment-nav > a.current,
  .garment-header.is-scrolled .dropdown-trigger:hover,
  .garment-header.is-scrolled .dropdown-trigger.current {
    color: #0757bd;
  }

  .dibu {
    position: relative;
    background-image: url('../redesign-2026/footer-factory.webp');
    background-position: center;
    background-size: cover;
    isolation: isolate;
  }

  .dibu::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(2,15,29,.82);
    content: '';
  }

  .dibu::after {
    display: none;
  }

  .dibu .footer,
  .dibu .footer2,
  .dibu .share2 {
    position: relative;
    z-index: 1;
  }

  .dibu .footer-l .logo {
    width: 270px;
    height: 86px;
    overflow: hidden;
  }

  .dibu .footer-l .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center 51%;
  }

  .dibu .footer-r ul h3::after {
    display: block;
    width: 34px;
    height: 2px;
    margin-top: 10px;
    background: #41c95a;
    content: '';
  }

  .dibu .footer-r ul li a:hover {
    color: #7ee8ff;
    transform: translateX(3px);
  }

  @media (max-width: 1280px) {
    .garment-header .garment-logo {
      width: 224px;
      height: 68px;
      flex-basis: 224px;
    }
  }

  @media (max-width: 980px) {
    .garment-header-inner {
      width: calc(100% - 20px);
      grid-template-columns: 170px minmax(0, 1fr) auto;
      gap: 12px;
      padding: 0 10px;
    }

    .garment-header .garment-logo {
      width: 160px;
      height: 58px;
      flex-basis: 160px;
    }

    .garment-header .garment-nav {
      scrollbar-width: thin;
      scrollbar-color: rgba(8,183,222,.75) transparent;
    }

    .garment-header .garment-nav::-webkit-scrollbar {
      display: block;
      height: 3px;
    }

    .garment-header .garment-nav::-webkit-scrollbar-thumb {
      background: rgba(8,183,222,.75);
    }
  }
}

/* Keep product status artwork inside edge cards to prevent page overflow. */
.products-grid .card-badge--hot {
  right: 0;
}

.products-grid .card-badge--new {
  left: 0;
}