/* site.css — ajustes de layout do clone (carregado depois do CSS do tema).
   Regras que mudam a composição, não o produto; o que é preço/compra fica no buy.js. */

/* Herói da home no celular: o tema empilha as duas metades e o texto cai só na
   primeira foto, deixando a segunda solta. Aqui as duas ficam lado a lado, como
   no desktop, e o texto centralizado sobre o par — um bloco só. */
@media screen and (max-width: 749px) {
  .banner--stacked {
    position: relative;
    height: 64vh; min-height: 430px; max-height: 600px;
    flex-direction: row !important; flex-wrap: nowrap !important;
  }
  .banner--stacked .banner__media-half {
    position: absolute !important; top: 0; bottom: 0;
    width: 50% !important; flex: 0 0 50% !important; height: 100% !important;
    order: 0 !important;
  }
  .banner--stacked .banner__media-half:first-child { left: 0; }
  .banner--stacked .banner__media-half + .banner__media-half { left: 50%; }
  .banner--stacked .banner__media-half img,
  .banner--stacked .banner__media-half video {
    position: absolute; inset: 0; left: 0 !important;
    width: 100% !important; height: 100% !important; object-fit: cover;
  }
  .banner--stacked .banner__content {
    position: absolute !important; inset: 0 !important;
    height: 100% !important; min-height: 0 !important;
    display: flex; align-items: center !important; justify-content: center !important;
    padding: 1.6rem;
    background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.42) 100%);
  }
  .banner--stacked .banner__box { width: 100%; padding: 0; }
  .banner--stacked .banner__heading { font-size: 2.6rem; line-height: 1.1; text-shadow: 0 2px 14px rgba(0,0,0,.35); }
  .banner--stacked .banner__text { font-size: 1.45rem; text-shadow: 0 1px 10px rgba(0,0,0,.4); }
}

/* "Agotado" e swatches riscados vinham do estoque da Shopify na hora do espelho.
   O estoque agora é nosso (checkout próprio): nenhum selo, nenhuma variante riscada. */
.badge.price__badge-sold-out,
.card .badge.color-scheme-3,
.card-wrapper .badge.color-scheme-3 { display: none !important; }
[class*="rio-swatch-unavailable"] { opacity: 1 !important; }
[class*="rio-swatch-unavailable"]::after,
[class*="rio-swatch-unavailable"]::before { display: none !important; content: none !important; }
.swatch-input__input:disabled + .swatch-input__label > .swatch,
.swatch-input__input.visually-disabled + .swatch-input__label > .swatch { opacity: 1 !important; }
.swatch-input__input:disabled + .swatch-input__label > .swatch:after,
.swatch-input__input.visually-disabled + .swatch-input__label > .swatch:after { display: none !important; content: none !important; }
.product-form__input--pill input[type=radio]:disabled + label,
.product-form__input--pill input[type=radio].disabled + label {
  text-decoration: none !important; color: rgb(var(--color-foreground)) !important;
  border-color: rgba(var(--color-foreground), .55) !important; opacity: 1 !important; cursor: pointer;
}