/* Opcao A aprovada em 12/10/2026. Somente vitrines no computador (Mineiro #218, #228, #230). */
.cyg-vitrine-navigation { display: none; }

@media screen and (min-width: 1200px) {
  :is(
    .content-for-layout[data-template='index'] .ui-test-product-list,
    .content-for-layout[data-template^='collection'] .product-grid-container,
    .content-for-layout[data-template^='product'] .product-recommendations,
    .content-for-layout[data-template^='product'] .cyg-rv
  ) {
    --cyg-vitrine-detalhe: 12px;
    --cyg-vitrine-secundario: 13.5px;
    --cyg-vitrine-corpo: 15px;
    --cyg-vitrine-titulo: 28px;
    --cyg-vitrine-colunas: 5;
    --cyg-vitrine-gap: 20px;
    --page-content-width: 1280px;
    --page-width: calc(var(--page-content-width) + var(--page-margin) * 2);

    .section-resource-list {
      row-gap: 32px !important;
    }

    .resource-list {
      --column-count: var(--cyg-vitrine-colunas) !important;
      --resource-list-columns: repeat(var(--cyg-vitrine-colunas), minmax(0, 1fr)) !important;
      --resource-list-column-gap-desktop: var(--cyg-vitrine-gap) !important;
      --resource-list-row-gap-desktop: 28px !important;
    }

    .resource-list--grid {
      grid-template-columns: repeat(var(--cyg-vitrine-colunas), minmax(0, 1fr)) !important;
    }

    .product-grid--grid:not([product-grid-view='zoom-out']) {
      --product-grid-columns-desktop: repeat(var(--cyg-vitrine-colunas), minmax(0, 1fr)) !important;
      grid-template-columns: var(--product-grid-columns-desktop) !important;
      column-gap: var(--cyg-vitrine-gap) !important;
      row-gap: 28px !important;
    }

    .resource-list__carousel {
      --column-count: var(--cyg-vitrine-colunas) !important;
      --peek-next-slide-size: 0px !important;
      --gutter-slide-width: 0px !important;
    }

    .section-resource-list > .resource-list.force-full-width { grid-column: 2 !important; }
    .resource-list__carousel slideshow-arrows { padding-inline: 0 !important; }
    .resource-list__slide {
      --slide-width: calc((100% - (var(--cyg-vitrine-gap) * (var(--cyg-vitrine-colunas) - 1))) / var(--cyg-vitrine-colunas)) !important;
    }

    :is(.section-resource-list__header, .section-resource-list__content) :is(h1, h2, h3, .h2, .h3) {
      font-size: var(--cyg-vitrine-titulo) !important;
      font-weight: var(--cyg-peso-titulo) !important;
      line-height: 1.2 !important;
    }

    .product-card .product-card__content [ref='productTitleLink'] :is(p, span) {
      font-size: var(--cyg-vitrine-secundario) !important;
      font-weight: var(--cyg-peso-medio) !important;
      line-height: 1.4 !important;
    }

    :is(.cy-card-price__now, .cy-card-price__now .money) {
      font-size: var(--cyg-vitrine-corpo) !important;
      font-weight: var(--cyg-peso-medio) !important;
    }

    :is(.cy-card-price__from, .cyg-card-stars, .product-badges__badge) {
      font-size: var(--cyg-vitrine-detalhe) !important;
    }

    .product-card__content { --product-card-gap: 10px !important; }

    .cyg-vitrine-recommendations {
      display: flex !important;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
    }

    .cyg-vitrine-recommendations > .resource-list__item {
      flex: 0 0 calc((100% - (var(--cyg-vitrine-gap) * (var(--cyg-vitrine-colunas) - 1))) / var(--cyg-vitrine-colunas));
      min-width: 0;
      scroll-snap-align: start;
    }

    /* 13/10 tarde ("botao Proximos, deveria ser seta na linha do titulo igual os demais"): setas do site (CYG-SETAS: circulo
       cinza com chevron branco, #225/#209) na mesma linha do titulo, a direita da grade */
    .section-resource-list:has(> .cyg-vitrine-navigation:not([hidden])) > .section-resource-list__content { grid-row: 1; }
    .cyg-vitrine-navigation:not([hidden]) {
      grid-row: 1;
      justify-self: end;
      align-self: center;
      display: flex;
      gap: 8px;
      margin: 0;
    }

    .cyg-vitrine-navigation__button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: var(--cyg-seta, 40px);
      height: var(--cyg-seta, 40px);
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: rgb(31 27 28 / 0.42);
      color: #fffdfc;
      font-size: 0;
      cursor: pointer;
      transition: background-color .15s ease;
    }

    .cyg-vitrine-navigation__button::before {
      content: "";
      width: 16px;
      height: 16px;
      background: currentColor;
      -webkit-mask: var(--cyg-chevron) center / contain no-repeat;
      mask: var(--cyg-chevron) center / contain no-repeat;
    }

    .cyg-vitrine-navigation__button[data-vitrine-direction="previous"]::before { transform: scaleX(-1); }
    .cyg-vitrine-navigation__button:hover { background: rgb(31 27 28 / 0.62); }
    .cyg-vitrine-navigation__button:active { scale: .94; }
    .cyg-vitrine-navigation__button:disabled { visibility: hidden; }
    .cyg-vitrine-navigation__button:focus-visible { outline: 2px solid var(--cyg-salmao); outline-offset: 2px; }
  }
}