/* =====================================================================
   RUBACO – FICHES PRODUITS (pages modèles, body.product-page-v2)
   Version propre du 29/10/2026 (regroupe les réglages du jour).
   « Mobile » = écrans de moins de 768 px.
   ===================================================================== */

/* ---------- Toutes tailles d'écran ---------- */

/* Titre du modèle (H1) à la taille de la ligne de catégorie au-dessus */
.product-page-v2 #main .prod-hero__title { font-size: 11.4px !important; line-height: 1.3 !important; }

/* « à partir de » : non gras, en minuscule ; prix en bleu (gras) */
.product-page-v2 #main .prod-hero__price { font-weight: 400 !important; text-transform: lowercase !important; }
.product-page-v2 #main .prod-hero__price strong { color: #1a3a6b !important; font-weight: 700 !important; text-transform: none !important; }

/* Ordinateur : le prix de « à partir de » n'est pas en gras non plus */
@media (min-width: 768px) {
	.product-page-v2 #main .prod-hero__price strong { font-weight: 400 !important; }
}

/* Bloc « Besoin d'aide » (fond bleu) : boutons lisibles */
.product-page-v2 #main .prod-cta-final .prod-btn--ghost { color: #fff !important; border-color: rgba(255,255,255,.7) !important; }
.product-page-v2 #main .prod-cta-final .prod-btn--ghost svg { color: #fff !important; stroke: #fff !important; }
.product-page-v2 #main .prod-cta-final__actions .prod-btn:not(.prod-btn--ghost) { background: #fff !important; color: #1a3a6b !important; border-color: #fff !important; }

/* ---------- Mobile ---------- */
@media (max-width: 767.98px) {

	/* --- Haut de fiche --- */
	/* Visuel de l'étiquette réduit */
	.product-page-v2 #main .gallery-top { height: auto !important; }
	.product-page-v2 #main .gallery-top .swiper-slide { height: auto !important; padding: 6px 0; }
	.product-page-v2 #main .gallery-top .swiper-slide img { max-height: 150px !important; max-width: 72% !important; width: auto !important; height: auto !important; margin: 0 auto !important; }

	/* Encadré « Mélangez plusieurs variétés… » à la taille des avantages, espacé de la liste */
	.product-page-v2 #main p.rubaco-product-note { padding: 8px 12px !important; margin: 0 0 16px !important; }
	.product-page-v2 #main p.rubaco-product-note,
	.product-page-v2 #main p.rubaco-product-note span { font-size: 12.25px !important; line-height: 1.4 !important; font-weight: 500 !important; }
	.product-page-v2 #main p.rubaco-product-note svg { width: 14px !important; height: 14px !important; }

	/* Rectangle bleu des quantités + prix */
	.product-page-v2 #main .prod-price-mobile { height: auto !important; justify-content: center !important; align-items: center !important; gap: 16px !important; }
	.product-page-v2 #main .prod-price-mobile__select { height: auto !important; flex: 0 0 150px !important; width: 150px !important; max-width: 150px !important; }
	.product-page-v2 #main .prod-price-mobile__select select { width: 100% !important; height: 32px !important; min-height: 0 !important; font-size: 13px !important; padding: 4px 28px 4px 14px !important; border-radius: 9px !important; background-position: right 10px center !important; }

	/* « à partir de … » plus petit et centré */
	.product-page-v2 #main .prod-hero__price { font-size: 14px !important; line-height: 1.3 !important; text-align: center !important; }
	.product-page-v2 #main .prod-hero__price-sub { font-size: 10.5px !important; }
	.product-page-v2 #main .prod-hero__guarantee { justify-content: center !important; text-align: center !important; }

	/* Boutons « Accéder au simulateur » / « Demander une maquette gratuite » */
	.product-page-v2 #main .prod-hero__actions { gap: 8px !important; align-items: center !important; }
	.product-page-v2 #main .prod-hero__actions > * { font-size: 11.5px !important; padding: 6px 12px !important; min-height: 0 !important; width: 210px !important; min-width: 0 !important; line-height: 1.3 !important; margin-left: auto !important; margin-right: auto !important; }

	/* --- Bandeau bleu à 4 pictos --- */
	.product-page-v2 #main .prod-usp-bar { padding: 10px 0 !important; }
	.product-page-v2 #main .prod-usp-bar__grid { gap: 8px 10px !important; }
	.product-page-v2 #main .prod-usp-bar__item { gap: 7px !important; align-items: center !important; }
	.product-page-v2 #main .prod-usp-bar__item > svg { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; }
	.product-page-v2 #main .prod-usp-bar__item > div { font-size: 12px !important; line-height: 1.25 !important; }
	.product-page-v2 #main .prod-usp-bar__label { font-size: 10.5px !important; line-height: 1.25 !important; margin: 0 !important; }

	/* --- Titres de section (« Supports disponibles »…) --- */
	.product-page-v2 #main .prod-section--alt { padding-top: 22px !important; }
	.product-page-v2 #main .prod-section__header { margin-bottom: 14px !important; }
	.product-page-v2 #main .prod-section__title { font-size: 18px !important; line-height: 1.2 !important; margin-bottom: 4px !important; }
	.product-page-v2 #main .prod-section__subtitle,
	.product-page-v2 #main .prod-section__sub { font-size: 13px !important; line-height: 1.4 !important; }

	/* Supports : petits ronds à coche verte */
	.product-page-v2 #main .prod-support-card__icon { width: 18px !important; height: 18px !important; min-width: 18px !important; flex: 0 0 18px !important; }
	.product-page-v2 #main .prod-support-card__icon svg { width: 11px !important; height: 11px !important; }

	/* Boutons « Appelez-nous » / « Contactez-nous » (sous les supports et dans « Besoin d'aide ») */
	.product-page-v2 #main .prod-section__actions,
	.product-page-v2 #main .prod-cta-final__actions { gap: 8px !important; justify-content: center !important; }
	.product-page-v2 #main .prod-section__actions .prod-btn,
	.product-page-v2 #main .prod-cta-final__actions .prod-btn { font-size: 11.5px !important; padding: 7px 14px !important; min-height: 0 !important; gap: 6px !important; }
	.product-page-v2 #main .prod-section__actions .prod-btn svg,
	.product-page-v2 #main .prod-cta-final__actions .prod-btn svg { width: 13px !important; height: 13px !important; }

	/* --- « Comment ça marche ? » : liste compacte, petits ronds à coche verte --- */
	.product-page-v2 #main .prod-steps-section { padding: 26px 0 10px !important; }
	.product-page-v2 #main .prod-steps__grid { gap: 10px !important; }
	.product-page-v2 #main .prod-step { display: grid !important; grid-template-columns: 18px 1fr !important; column-gap: 10px !important; row-gap: 2px !important; align-items: center !important; text-align: left !important; }
	.product-page-v2 #main .prod-step__icon { grid-row: 1 / span 2 !important; width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 2px 0 0 !important; align-self: start !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; background: rgba(46,48,120,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e9e4f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px 11px no-repeat !important; }
	.product-page-v2 #main .prod-step__icon > * { display: none !important; }
	.product-page-v2 #main .prod-step__title { font-size: 15px !important; margin: 0 !important; align-self: start !important; }
	.product-page-v2 #main .prod-step__desc { font-size: 12.5px !important; line-height: 1.35 !important; margin: 0 !important; align-self: start !important; }

	/* --- Simulateur de couleur --- */
	.product-page-v2 #main .prod-simulator-section { padding-top: 18px !important; }
	.product-page-v2 #main .prod-simulator-section .simulator-wrapper { margin-top: 10px !important; }
	.product-page-v2 #main .prod-simulator-section__header { text-align: center !important; }
	.product-page-v2 #main .prod-simulator-section__header .prod-section__title { font-size: 16px !important; text-align: center !important; }
	.product-page-v2 #main .switch .label.opt { font-size: 12px !important; padding: 7px 14px !important; }
	.product-page-v2 #main .image-simulation-wrapper { height: 170px !important; min-height: 0 !important; }
	.product-page-v2 #main .image-simulation-wrapper .img-wrapper { height: 100% !important; justify-content: center !important; align-items: center !important; }
	.product-page-v2 #main .image-simulation-wrapper img { max-width: 72% !important; max-height: 150px !important; width: auto !important; height: auto !important; margin: 0 auto !important; }
	.product-page-v2 #main .prod-simulator-section .btn { font-size: 11.5px !important; padding: 7px 18px !important; }
	.product-page-v2 #main .prod-simulator-section .btn.btn-secondary { margin-top: 22px !important; }

	/* --- « Besoin d'aide pour créer votre étiquette ? » --- */
	.product-page-v2 #main .prod-cta-final { padding: 34px 0 !important; }
	.product-page-v2 #main .prod-cta-final__title { font-size: 14px !important; line-height: 1.25 !important; margin-bottom: 10px !important; }
	.product-page-v2 #main .prod-cta-final__text { font-size: 13px !important; line-height: 1.5 !important; }

	/* --- Produits associés --- */
	.product-page-v2 #main .prod-related-section .thumb-wrapper { height: 115px !important; min-height: 0 !important; }
	.product-page-v2 #main .prod-related-section .thumb-wrapper img { max-height: 95px !important; max-width: 65% !important; width: auto !important; height: auto !important; }
	.product-page-v2 #main .prod-related-section .name-wrapper { font-size: 11.5px !important; }
	.product-page-v2 #main .prod-related-section .color-secondary { color: #1a3a6b !important; }
	.product-page-v2 #main .prod-related-section .products-swiper-nav { width: 30px !important; height: 30px !important; min-width: 0 !important; margin-top: -15px !important; padding: 0 !important; box-sizing: border-box !important; }
	.product-page-v2 #main .prod-related-section .products-swiper-nav::after,
	.product-page-v2 #main .prod-related-section .products-swiper-nav::before { font-size: 12px !important; }
	.product-page-v2 #main .prod-related-section .products-swiper-nav svg { width: 12px !important; height: 12px !important; }

	/* --- « Découvrez aussi » --- */
	.product-page-v2 #main .prod-bubbles-section .prod-bubbles__title { font-size: 18px !important; }
	.product-page-v2 #main .prod-bubbles-section .prod-bubble { background: #1a3a6b !important; border-color: #1a3a6b !important; box-shadow: 0 2px 8px rgba(26,58,107,.2) !important; }

	/* --- Barre fixe « Obtenir mon devis » : sans le cercle animé --- */
	.prod-mobile-sticky-bar .prod-sticky-btn > svg { display: none !important; }
}