/* product-mobile.css — Fix B audit 2026-07-03 : H1 + prix at fold, photo réduite mobile */
@media (max-width: 768px) {
  /* Réordonner : infos produit (nom, prix) AVANT l'image sur mobile */
  .row.product-info-row,
  #main-product-wrapper > .row,
  #product .row.product-detail-outer,
  .product-detail-outer > .row {
    display: flex !important;
    flex-direction: column !important;
  }
  .col-product-image, .col-md-5.col-product-image { order: 2 !important; margin-top: 8px; }
  .col-product-info,  .col-md-7.col-product-info  { order: 1 !important; }

  /* Titre produit compact pour laisser place au prix at fold */
  body #main .h1.page-title,
  body #main .product-detail-name,
  body h1.h1.page-title,
  body h1[itemprop="name"],
  #main-product-wrapper h1 {
    font-size: 17px !important;
    line-height: 1.2 !important;
    margin: 4px 0 4px !important;
    color: #000F8F !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  /* Note avis compacte */
  .product-comments__reviews-rating, .comments-nb, .stars-container, .stars-nb {
    font-size: 12px !important;
    margin: 2px 0 !important;
  }

  /* Badges + tag "GRAND FORMAT" plus compacts */
  .product-flag--custom, .product-flag,
  .eg-product-flag, .eg-flag-badge,
  .product-badges .badge,
  .badge-info, .badge {
    font-size: 11px !important;
    padding: 3px 8px !important;
    margin: 2px !important;
  }
  .product-badges, .product-flags-inline {
    gap: 4px !important;
    margin: 4px 0 !important;
  }

  /* Pitch produit plus court visible */
  .product-detail-name + .lead, .product-desc-short,
  .product-description-short {
    font-size: 13px;
    line-height: 1.35;
    margin: 4px 0 6px;
  }

  /* Prix EN GROS et remonté */
  .current-price,
  .current-price .price,
  .eg-price-block,
  .price {
    font-size: 24px;
    font-weight: 800;
    color: #79a500;
    margin: 6px 0 8px;
    display: inline-block;
  }
  .product-prices, .eg-price-block {
    padding: 8px 0 !important;
    margin: 6px 0 !important;
  }
  /* Réduire spacing entre les blocs contenance / description */
  .col-product-info > *,
  .product-detail-outer .col-product-info > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  /* Limiter hauteur photo produit */
  .product-cover,
  .product-images-large,
  .product-images-large .slick-slide,
  .product-images-large .slick-slide img,
  .product-cover img,
  .js-qv-product-cover,
  #main .product-container img.js-product-cover-large,
  .product-detail-outer .product-cover img {
    max-height: 320px !important;
    width: auto !important;
    margin: 0 auto !important;
    object-fit: contain;
  }
  .product-cover, .product-images-large { text-align: center; }

  /* Thumbnails plus compacts */
  #product-images-thumbs, .product-images.js-qv-product-images {
    max-height: 80px; overflow: hidden;
  }

  /* Discount tag position (déjà supprimé si -0€ via product-fixes.js) */
  .product-flags { z-index: 3; }
}