@media (max-width: 1280px) {
  .side-nav { left: 12px; }
}

@media (max-width: 1050px) {
  .side-nav { display: none; }
  .gender-navigation { grid-template-columns: repeat(2, 1fr); }
  .looks-grid { grid-template-columns: 1fr; }
  .articles-grid { grid-template-columns: 1fr 1fr; }
  .article-card:first-child { grid-column: 1 / -1; grid-row: auto; }
  .article-card:first-child .article-image { height: 430px; }
  .kids-layout { gap: 35px; }
  .editors-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 800px) {
  nav.main-nav {
    position: absolute;
    top: 86px;
    right: 24px;
    left: 24px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px 20px;
    background: var(--white);
    border: 1px solid var(--line);
    box-shadow: 0 16px 30px rgba(0,0,0,.1);
  }
  nav.main-nav.open { display: flex; }
  nav.main-nav a {
    padding: 14px 0;
    border-bottom: 1px solid var(--line);
  }
  nav.main-nav a:last-child { border: 0; }
  .menu-button { display: grid; }

  .kids-layout,
  .unisex-banner,
  .newsletter-inner { grid-template-columns: 1fr; }

  .kids-image { height: 450px; }
  .unisex-content { padding: 50px 30px; }
  .unisex-banner img { height: 440px; order: 2; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .editors-grid { grid-template-columns: 1fr; }
}

@media (max-width: 580px) {
  .container { width: min(100% - 30px, 1380px); }
  .top-strip { display: none; }
  .header-inner { min-height: 72px; }
  nav.main-nav { top: 72px; right: 15px; left: 15px; }

  .hero { padding-top: 15px; }
  .hero-slider { min-height: 590px; }
  .hero-slide { padding: 28px 22px; }
  .hero h1 { font-size: 48px; }
  .slider-counter { left: 22px; bottom: 26px; }

  section { padding: 70px 0; }
  .section-header { display: block; margin-bottom: 28px; }
  .section-description { margin-top: 20px; }

  .gender-navigation { grid-template-columns: 1fr 1fr; gap: 10px; }
  .gender-card { min-height: 190px; }
  .gender-card h3 { font-size: 23px; }
  .gender-card-content { right: 14px; bottom: 14px; left: 14px; }

  .look { padding: 18px; }
  .look h3 { font-size: 27px; }

  .fan { height: 350px; margin: 0 -22px; }
  .clothing-card { height: 290px; width: 32%; border-width: 5px; }
  .clothing-card:nth-child(1) { transform: translateX(20px)  rotate(-13deg); }
  .clothing-card:nth-child(2) { transform: translateY(-12px) rotate(-3deg); }
  .clothing-card:nth-child(3) { transform: translateX(-4px)  rotate(7deg); }
  .clothing-card:nth-child(4) { transform: translateX(-22px) rotate(14deg); }
  .clothing-card:nth-child(5) { transform: translateX(-39px) rotate(20deg); }

  .articles-grid { grid-template-columns: 1fr; }
  .article-card:first-child { grid-column: auto; }
  .article-card:first-child .article-image,
  .article-image { height: 390px; }

  .principles { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .copyright { flex-direction: column; gap: 10px; }
}