/**
 * Bijora — rythme mobile de la fiche produit.
 * Ces règles restent volontairement limitées au template produit Elementor.
 */
@media (max-width: 767px) {
  body.single-product .elementor-location-single {
    --bj-mobile-gutter: max(20px, env(safe-area-inset-left));
    --bj-mobile-section-space: clamp(48px, 14vw, 64px);
  }

  /* Galerie puis informations : une seule source d'espacement entre les blocs. */
  body.single-product .elementor-location-single .elementor-element-4b507794 {
    --gap: clamp(32px, 9vw, 40px) !important;
    --row-gap: clamp(32px, 9vw, 40px) !important;
    margin-top: clamp(24px, 7vw, 36px) !important;
    padding-right: var(--bj-mobile-gutter) !important;
    padding-left: var(--bj-mobile-gutter) !important;
  }

  body.single-product .elementor-location-single .elementor-element-6d936398 {
    --gap: 0 !important;
    --row-gap: 0 !important;
    margin-top: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product .elementor-widget-woocommerce-product-images,
  body.single-product .woocommerce-product-gallery {
    margin-bottom: 0 !important;
  }

  body.single-product .flex-control-thumbs {
    gap: 8px !important;
    margin: 12px 0 0 !important;
  }

  body.single-product .flex-control-thumbs li {
    width: 60px !important;
  }

  /* Hiérarchie des informations : titre, prix, récit, achat, réassurance. */
  body.single-product .elementor-widget-woocommerce-product-title {
    margin-bottom: 12px !important;
  }

  body.single-product .elementor-widget-woocommerce-product-title .product_title {
    margin: 0 !important;
    font-size: clamp(1.75rem, 8vw, 2.15rem) !important;
    line-height: 1.18 !important;
  }

  body.single-product .elementor-widget-woocommerce-product-price {
    margin-bottom: 20px !important;
  }

  body.single-product .elementor-widget-woocommerce-product-content {
    margin: 0 0 24px !important;
    padding: 0 0 24px !important;
    font-size: 0.96rem;
    line-height: 1.75;
  }

  body.single-product .elementor-widget-woocommerce-product-add-to-cart {
    margin: 0 0 32px !important;
  }

  body.single-product form.cart {
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  body.single-product form.cart .quantity input.qty,
  body.single-product .single_add_to_cart_button.button.alt {
    min-height: 52px !important;
    height: 52px !important;
  }

  body.single-product .single_add_to_cart_button.button.alt {
    max-width: none;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  body.single-product .e-n-accordion {
    gap: 12px !important;
    margin-top: 0 !important;
  }

  body.single-product .e-n-accordion-item-title {
    min-height: 52px;
    padding: 16px !important;
  }

  body.single-product .e-n-accordion-item [role="region"] .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 18px 16px 20px !important;
    font-size: 0.94rem !important;
    line-height: 1.7;
  }

  /* La recommandation forme une vraie section et ne colle plus aux accordéons. */
  body.single-product .elementor-location-single .elementor-element-607675ec {
    --width: 100% !important;
    --gap: 32px !important;
    --row-gap: 32px !important;
    margin-top: var(--bj-mobile-section-space) !important;
    padding-right: var(--bj-mobile-gutter) !important;
    padding-left: var(--bj-mobile-gutter) !important;
  }

  body.single-product .elementor-widget-woocommerce-product-related ul.products.elementor-grid {
    gap: 16px 12px !important;
  }

  body.single-product .elementor-widget-woocommerce-product-related ul.products li.product {
    padding: 0 10px 14px !important;
  }

  body.single-product .elementor-widget-woocommerce-product-related ul.products li.product .woocommerce-loop-product__title {
    margin-top: 14px !important;
  }
}

@media (max-width: 374px) {
  body.single-product form.cart .quantity {
    flex: 0 0 64px;
  }

  body.single-product form.cart .quantity input.qty {
    width: 64px !important;
  }

  body.single-product .single_add_to_cart_button.button.alt {
    font-size: 0.72rem !important;
    letter-spacing: 0.04em !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
}
