/* Tenue de bloc — grille 15 pastilles/ligne (desktop) + panneau résumé scrollable */

@media (min-width: 992px) {
  /* Ne pas clipper les pastilles (style.css + single-product.css mettent overflow:hidden) */
  .medi-product-tenue-bloc .color-selector-wrapper,
  .medi-product-tenue-bloc .product-summary .color-selector-wrapper {
    overflow: visible !important;
  }

  .medi-product-tenue-bloc .color-selector-container,
  .medi-product-tenue-bloc .product-summary .color-selector-container,
  .medi-product-tenue-bloc .color-selector-container.color-selector-container--desktop-grid-15 {
    display: grid !important;
    grid-template-columns: repeat(15, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    gap: 6px !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .medi-product-tenue-bloc .product-summary .color-selector-container .color-swatch {
    width: 100% !important;
    height: auto !important;
    min-width: 18px !important;
    max-width: 28px !important;
    min-height: 18px !important;
    max-height: 28px !important;
    aspect-ratio: 1 !important;
    justify-self: center !important;
    flex: unset !important;
    box-sizing: border-box !important;
  }

  .medi-product-tenue-bloc .product-summary .selected-color-name {
    font-size: 0.8rem !important;
    margin-bottom: 4px !important;
  }

  .medi-product-tenue-bloc .product-summary table.variations tr {
    margin-bottom: 8px;
  }

  .medi-product-tenue-bloc .product-summary form.cart {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  /* Panneau résumé : hauteur viewport, défilement interne si besoin */
  .medi-product-tenue-bloc .product-page-container .woostify-container > .product-summary {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    align-self: stretch !important;
    position: relative !important;
    top: auto !important;
    overflow: hidden !important;
  }

  .medi-product-tenue-bloc .product-summary .summary.entry-summary {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }
}