/* Ryan Studios - video leve no fundo do site Nobrega Cell */
html {
  background: #020202 !important;
}

body {
  background: transparent !important;
}

#ryanVideoBgWrap {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: #020202 !important;
}

#ryanVideoBgWrap video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: .38 !important;
  filter: saturate(1.18) contrast(1.08) brightness(.78) !important;
  transform: scale(1.02) !important;
}

#ryanVideoBgWrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 91, 0, .10), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.80) 42%, rgba(0,0,0,.88)) !important;
}

body > *:not(#ryanVideoBgWrap) {
  position: relative;
  z-index: 1;
}

.header,
.topbar {
  background-color: rgba(3,3,3,.78) !important;
}

.footer {
  background-color: rgba(8,8,8,.82) !important;
}

.cart,
.product-modal-card,
#mobileMenuPanel,
#ryanCategoryPanel,
#nobregaSidebarPanel {
  z-index: 1200;
}

@media (max-width: 768px) {
  #ryanVideoBgWrap video {
    opacity: .32 !important;
    object-position: center center !important;
  }

  #ryanVideoBgWrap::after {
    background:
      radial-gradient(circle at 50% 8%, rgba(255, 91, 0, .12), transparent 32%),
      linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.86) 45%, rgba(0,0,0,.92)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #ryanVideoBgWrap video {
    display: none !important;
  }
}

/* Ryan Studios - fix desktop banner + combos 20260701 */
@media (min-width: 769px) {
  body .header,
  body header.header,
  body .nav,
  body nav.nav {
    position: relative !important;
    z-index: 50 !important;
  }

  body main#top {
    position: relative !important;
    z-index: 1 !important;
  }

  body .hero.shell,
  body section.hero.shell,
  body main#top > .hero.shell {
    margin-top: 38px !important;
    margin-bottom: 48px !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    transform: none !important;
  }

  body .hero-track,
  body #heroTrack {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body .hero-slide,
  body .hero-track img,
  body #heroTrack img {
    border-radius: 18px !important;
  }

  body .hero-dots,
  body #heroDots,
  body .banner-dots,
  body .carousel-dots,
  body .banner-indicators {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 16px !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 8 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    max-width: calc(100% - 80px) !important;
  }

  body .hero-arrow {
    z-index: 9 !important;
  }

  body #promocoes.section,
  body #combos.section {
    position: relative !important;
    z-index: 3 !important;
  }

  body #comboGrid .combo-card,
  body .combo-grid .combo-card {
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(10,10,10,.98), rgba(3,3,3,.98)) !important;
  }

  body #comboGrid .combo-icons.combo-photo,
  body #comboGrid .combo-visual.combo-photo,
  body .combo-grid .combo-icons.combo-photo,
  body .combo-grid .combo-visual.combo-photo,
  body #comboGrid .combo-photo,
  body .combo-grid .combo-photo {
    position: relative !important;
    overflow: hidden !important;
    background: #050505 !important;
    border: 0 !important;
    border-radius: 18px 18px 0 0 !important;
  }

  body #comboGrid .combo-icons.combo-photo::after,
  body #comboGrid .combo-visual.combo-photo::after,
  body .combo-grid .combo-icons.combo-photo::after,
  body .combo-grid .combo-visual.combo-photo::after,
  body #comboGrid .combo-photo::after,
  body .combo-grid .combo-photo::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 4 !important;
    pointer-events: none !important;
    box-shadow:
      inset 14px 0 0 #050505,
      inset -14px 0 0 #050505,
      inset 0 14px 0 #050505,
      inset 0 -18px 0 #050505 !important;
  }

  body #comboGrid .combo-icons.combo-photo img,
  body #comboGrid .combo-visual.combo-photo img,
  body #comboGrid img.combo-photo-img,
  body .combo-grid .combo-icons.combo-photo img,
  body .combo-grid .combo-visual.combo-photo img,
  body .combo-grid img.combo-photo-img,
  body #comboGrid .combo-photo img,
  body .combo-grid .combo-photo img {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center 56% !important;
    transform: scale(1.22) !important;
    transform-origin: center center !important;
    background: #050505 !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}