/* ===== Banners da home (v1.1.0): capa inteira, sem corte.
   Seletores no mesmo nível de especificidade do CSS original do banner,
   para que o object-fit: contain não seja sobrescrito pelo cover. ===== */

.instantshop-home-banner-v85 .is-home-banner-item,
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background: #1f1b29 !important;
}

.instantshop-home-banner-v85 .is-home-banner-item::before,
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item::before {
  content: "";
  position: absolute;
  inset: -24px;
  z-index: 0;
  background-image: var(--banner-bg, none);
  background-size: cover;
  background-position: center;
  filter: blur(24px) saturate(1.1);
  opacity: .6;
  transform: scale(1.05);
  pointer-events: none;
}

.instantshop-home-banner-v85 .is-home-banner-item picture,
.instantshop-home-banner-v85 .is-home-banner-item img,
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item picture,
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item img {
  position: relative !important;
  z-index: 1;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  transition: transform .4s ease;
}

.instantshop-home-banner-v85 .is-home-banner-item:hover img,
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item:hover img {
  transform: scale(1.02);
}

/* Texto e botões continuam acima da imagem */
.instantshop-home-banner-v85 .is-home-banner-item .is-home-banner-overlay,
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item .is-home-banner-overlay {
  z-index: 2;
}

/* O link que cobre o slide inteiro continua clicável */
.instantshop-home-banner-v85 .is-home-banner-item .is-home-banner-click-target-v98,
.instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item .is-home-banner-click-target-v98 {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
}

/* ===== Desktop (v1.2.0): texto à esquerda, produto em cartão à direita,
   fundo com a imagem desfocada tingida pela cor dominante do produto. ===== */
@media (min-width: 992px) {
  .instantshop-home-banner-v85 .is-home-banner-item,
  .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item {
    aspect-ratio: 1156 / 360 !important;
  }

  .instantshop-home-banner-v85 .is-home-banner-item::before,
  .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item::before {
    background-image:
      linear-gradient(90deg, rgba(var(--banner-tint, 12,15,25), .92) 0%, rgba(var(--banner-tint, 12,15,25), .65) 55%, rgba(var(--banner-tint, 12,15,25), .4) 100%),
      var(--banner-bg, none);
    filter: blur(28px) saturate(1.1);
    opacity: 1;
    transform: scale(1.08);
  }

  .instantshop-home-banner-v85 .is-home-banner-item picture,
  .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item picture {
    position: absolute !important;
    top: 8% !important;
    bottom: 8% !important;
    right: 4% !important;
    left: auto !important;
    width: 40% !important;
    height: 84% !important;
    aspect-ratio: auto !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 44px rgba(0,0,0,.35) !important;
    background: rgba(255,255,255,.04) !important;
  }

  .instantshop-home-banner-v85 .is-home-banner-item picture img,
  .instantshop-storefront-v20 .instantshop-store-hero-v92 .instantshop-home-banner-v85 .is-home-banner-item picture img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }
}

/* ===== Cartão do produto (desktop, v1.3.0): a foto inteira fica visível (contain)
   e o espaço que sobra é preenchido pela mesma foto desfocada. ===== */
.is-home-banner-item[data-ir-desktop-layout] picture::before {
  content: "";
  position: absolute;
  inset: -20px;
  z-index: 0;
  background-image: var(--banner-bg, none);
  background-size: cover;
  background-position: center;
  filter: blur(18px) saturate(1.15);
  transform: scale(1.1);
  pointer-events: none;
}
.is-home-banner-item[data-ir-desktop-layout] picture img {
  position: relative;
  z-index: 1;
}

/* ===== v1.4.0: a foto do produto fica sempre nítida e acima da cópia desfocada do fundo ===== */
.is-home-banner-item[data-ir-desktop-layout] picture img {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  position: relative !important;
  z-index: 2 !important;
}
.is-home-banner-item[data-ir-desktop-layout] picture::before {
  opacity: .45 !important;
}