/* Enquadramento das artes finais */
.differences-new,
.nav a[href="#diferenciais"],
.footer-links a[href="#diferenciais"] {
  display: none !important;
}

.footer-links > div:nth-child(2) a:nth-of-type(2) {
  display: none;
}

.hero-visual {
  background: #050505;
}

.hero-product-image {
  object-fit: cover;
  object-position: center bottom;
  background: #050505;
  box-shadow: none;
}

.collection-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.collection-card {
  height: 540px;
  min-height: 540px;
}

.apple-card,
.sports-card {
  background: #000;
}

.apple-card .collection-product-image,
.sports-card .collection-product-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
  background: #101010;
  transform: none;
}

.sports-card .collection-product-image {
  background: #000;
}

@media (max-width: 900px) {
  .header {
    z-index: 100;
  }

  .nav {
    z-index: 101;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.38);
  }

  .nav.open {
    display: flex;
  }

  .menu-button {
    position: relative;
    z-index: 102;
    cursor: pointer;
  }

  .menu-button span {
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  .menu-button[aria-expanded="true"] span:first-child {
    transform: translateY(4px) rotate(45deg);
  }

  .menu-button[aria-expanded="true"] span:last-child {
    transform: translateY(-4px) rotate(-45deg);
  }

  .hero {
    background: #050505;
  }

  .hero-product-image {
    object-fit: contain;
    object-position: center;
  }

  .collection-grid {
    grid-template-columns: 1fr;
  }

  .apple-card,
  .sports-card {
    height: 520px;
    min-height: 520px;
  }

  .apple-card .collection-product-image,
  .sports-card .collection-product-image {
    object-fit: contain;
    object-position: right center;
  }
}

@media (max-width: 560px) {
  .hero {
    min-height: 760px;
  }

  .hero-product-image {
    object-fit: cover;
    object-position: 58% bottom;
    opacity: 0.42;
  }

  .apple-card,
  .sports-card {
    height: 480px;
    min-height: 480px;
  }

  .collection-card .card-content {
    max-width: 72%;
  }
}


.region-list { display: inline-block; width: max-content; max-width: 100%; box-sizing: border-box; }

/* PR1MEO brand symbol */
.brand-symbol { width: 30px !important; height: 30px !important; }
@media (max-width: 520px) { .brand-symbol { width: 26px !important; height: 26px !important; } }