/*
 * Ajuste isolado do Kit Duo Boost em telas de computador.
 * A camada não altera campos, links, eventos ou a hierarquia móvel.
 */

@media (min-width: 1024px) {
  [data-kuboo-page="landing"] #kit-duo-boost-50.duo-offer--featured {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr);
    grid-template-areas:
      "copy visual"
      "copy price";
    align-items: start;
    column-gap: clamp(36px, 4vw, 56px);
    row-gap: 24px;
  }

  [data-kuboo-page="landing"] #kit-duo-boost-50 .duo-offer__copy {
    grid-area: copy;
  }

  /* A foto abre a coluna direita; preço e ações continuam logo abaixo. */
  [data-kuboo-page="landing"] #kit-duo-boost-50 .duo-offer__visual {
    grid-area: visual;
    align-self: start;
    justify-self: stretch;
    z-index: 1;
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  [data-kuboo-page="landing"] #kit-duo-boost-50 .duo-offer__price {
    grid-area: price;
    align-self: start;
    text-align: left;
  }

  [data-kuboo-page="landing"] #kit-duo-boost-50 .kuboo-personalization,
  [data-kuboo-page="landing"] #kit-duo-boost-50 [data-kuboo-personalization-guidance] {
    text-align: left;
  }

  [data-kuboo-page="landing"] #kit-duo-boost-50 .kuboo-personalization__heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  [data-kuboo-page="landing"] #kit-duo-boost-50 .kuboo-personalization__heading > * {
    max-width: none;
    text-align: left;
  }

  /* Quando o terceiro fato quebra de linha, ele começa no mesmo eixo do título. */
  [data-kuboo-page="landing"] #kit-duo-boost-50 .duo-offer__facts > span:nth-child(2) {
    border-right: 0;
  }

  [data-kuboo-page="landing"] #kit-duo-boost-50 .duo-offer__facts > span:nth-child(3) {
    padding-left: 0;
  }
}