/* Litrimarché — fiche produit (maquette 07/2026). Scopé .single-product,
   !important : Astra passe devant sinon. Composants prix : mêmes visuels
   que les cartes (card-vipclub.png). */

/* ---------- Titre, marque, extrait ---------- */

/* Fil d'Ariane qu'Astra ré-injecte dans le résumé APRÈS notre nettoyage de
   hooks (ajouté au rendu du template) : pas dans la maquette, masqué. */

/* Règle désactivée : elle emportait aussi le titre du produit. Astra place le
   fil d'Ariane et le <h1> dans le même conteneur, et le masquage touchait les
   deux — la fiche s'ouvrait donc sur la marque, sans nom de produit. */

/* .single-product .summary .woocommerce-breadcrumb {
	display: none !important;
} */

/* Titre remis d'office : le thème le masque sur les fiches produit. */

h1.product_title {
	display: block !important;
}

.single-product .product_title {
	margin: 0 0 10px !important;
	color: var(--lm-blue) !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

.lm-fp-marque {
	margin: 0 0 14px !important;
}

.lm-fp-marque__logo {
	display: block !important;
	max-height: 30px !important;
	width: auto !important;
}

.lm-fp-marque__nom {
	display: inline-block !important;
	color: var(--lm-blue) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p {
	margin: 0 0 16px !important;
	color: var(--lm-blue) !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
}

/* ---------- Encadré prix (tarif membre / tarif non membre) ---------- */

.lm-fp-price {
	margin: 0 0 22px !important;
}

/* Prix « surligné au marqueur » (retour client 30/07/2026, 2e passe : les
   fonds pleins faisaient mal aux yeux) : aucun cadre ni fond — gros prix
   rouge sur un trait de marqueur jaune (surlignage .lm-hl des titres),
   mention dessous, visuel carte/sticker à droite (même langage que les
   cartes, voir .lm-pcard__pricebox dans shop.css). */

.lm-fp-price__box {
	position: relative !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 4px 14px !important;
	min-height: 72px !important;
	margin-left: 0 !important;
	padding: 6px 4px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.lm-fp-price__box::before,
.lm-fp-price__box::after {
	content: none !important;
}

/* Réserve la place du visuel (carte VIP ou sticker prix bas), posé sur le
   seul encadré en tête et uniquement quand il en porte un. */

.lm-fp-price__box--card {
	padding-right: 92px !important;
}

/* Marqueur jaune derrière le montant. */

.lm-fp-price__box .lm-fp-price__amount {
	background: linear-gradient(var(--lm-yellow), var(--lm-yellow)) no-repeat 0 82% / 100% 42% !important;
	padding: 0 6px 2px 4px !important;
}

.lm-fp-price__amount {
	color: var(--lm-danger) !important;
	font-size: 32px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.lm-fp-price__amount em {
	font-size: 19px !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

.lm-fp-price__amount sup {
	font-size: 15px !important;
	font-weight: 700 !important;
	top: -0.55em !important;
	position: relative !important;
	line-height: 0 !important;
}

.lm-fp-price__img {
	position: absolute !important;
	right: 14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 1 !important;
	width: 62px !important;
	height: auto !important;
	border-radius: 4px !important;
}

.lm-fp-price__img--pb {
	width: 66px !important;
	border-radius: 0 !important;
}

/* Promo de l'offre du moment : pastille de remise à côté du prix, prix
   habituel dessous, barré (mêmes éléments que .lm-pcard__pct / __was). */

.lm-fp-price__pct {
	padding: 7px 10px !important;
	border-radius: 4px !important;
	background: var(--lm-danger) !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.lm-fp-price__was {
	flex-basis: 100% !important;
	padding-left: 4px !important;
	color: var(--lm-muted) !important;
	font-size: 13px !important;
}

/* Mention sous le prix (« Avec la carte VIP Club ») : texte rouge, sans fond. */

.lm-fp-price__band {
	position: static !important;
	flex-basis: 100% !important;
	padding: 0 0 0 4px !important;
	background: transparent !important;
	color: var(--lm-danger) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: left !important;
	line-height: 1.25 !important;
}

/* Second tarif : une ligne compacte, pas un second gros prix — deux prix
   rouges empilés se neutralisaient. Traitements dissymétriques selon ce qui
   est relégué en second. */

.lm-fp-price__alt {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 8px 0 0 !important;
	padding: 0 0 0 4px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}

.lm-fp-price__alt-label {
	color: var(--lm-muted) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

.lm-fp-price__alt-amount {
	color: var(--lm-muted) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}

/* Tarif carte relégué en second : pastille « offre » plutôt qu'un prix
   éteint. C'est le prix le plus avantageux — le griser dévaloriserait la
   meilleure offre, donc fond jaune du kit, visuel carte et montant rouge,
   la hiérarchie tenant à la taille et non à la couleur. */

.lm-fp-price__alt--offer {
	gap: 8px !important;
	padding: 7px 14px 7px 8px !important;
	border: 1px solid var(--lm-yellow) !important;
	border-radius: 999px !important;
	background: var(--lm-yellow-tint) !important;
}

.lm-fp-price__alt--offer .lm-fp-price__alt-label {
	color: var(--lm-ink) !important;
}

.lm-fp-price__alt--offer .lm-fp-price__alt-amount {
	color: var(--lm-danger) !important;
	font-size: 17px !important;
}

.lm-fp-price__alt-img {
	width: 34px !important;
	height: auto !important;
	border-radius: 3px !important;
}

/* Économie réalisée avec la carte : une ligne de texte, pas une pastille
   promo. Le montant en rouge suffit à l'accrocher, le reste reste du texte
   courant — la fiche ne doit pas virer au prospectus (retour client 30/07). */

.lm-fp-price__gain {
	margin: 8px 0 0 !important;
	color: var(--lm-ink) !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
}

.lm-fp-price__gain strong {
	color: var(--lm-danger) !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}

.lm-fp-price__eco {
	margin: 5px 0 0 !important;
	color: var(--lm-muted) !important;
	font-size: 11.5px !important;
	text-align: right !important;
}

/* ---------- Sélecteurs de déclinaison (pills + chevron rond bleu) ---------- */

/* Une seule valeur possible (la hauteur, presque toujours) : il n'y a rien à
   choisir, la ligne entière disparaît, libellé compris. Deux <option> = le
   « Choisir une option » de WooCommerce plus l'unique valeur, déjà
   sélectionnée côté serveur — le formulaire reste valide.
   Repli JS dans product-single.js pour les navigateurs sans :has(). */

.variations tr:has(select > option:nth-child(2):last-child) {
	display: none !important;
}

/* Couleur choisie avec le magasin, pas en ligne (module Color_Choice, classe
   posée sur <body>) : la ligne disparaît, product-single.js y pose la couleur
   la moins chère de la taille choisie. Même repli JS sans :has(). */
.lm-couleur-masquee .variations tr:has(select[name="attribute_couleur"]) {
	display: none !important;
}

/* Hauteur déduite de la taille (Product_Page::hauteur_deduite, classe posée
   sur <body>) : la ligne disparaît, product-single.js y pose la hauteur de la
   taille choisie. Même repli JS sans :has(). */
.lm-hauteur-deduite .variations tr:has(select[name="attribute_hauteur"]) {
	display: none !important;
}

.single-product table.variations,
.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations th,
.single-product table.variations td {
	display: block !important;
	width: 100% !important;
	border: 0 !important;
	padding: 0 !important;
	background: none !important;
}

.single-product table.variations tr {
	margin-bottom: 16px !important;
}

.single-product table.variations th.label {
	margin-bottom: 8px !important;
	color: var(--lm-blue) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

.single-product table.variations th.label label {
	font-weight: 600 !important;
	color: var(--lm-blue) !important;
}

.single-product table.variations th.label label::after {
	content: ' :' !important;
}

.single-product table.variations select {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 100% !important;
	/* height auto + padding réduit : Astra fixe une hauteur aux selects et
	   le texte se faisait couper. */
	height: auto !important;
	line-height: 1.3 !important;
	padding: 10px 48px 10px 18px !important;
	border: 1px solid var(--lm-line-strong) !important;
	border-radius: 999px !important;
	background-color: #fff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%230c3183'/%3E%3Cpath d='M8.5 11.5l5.5 5 5.5-5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 28px 28px !important;
	color: var(--lm-blue) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
}

.single-product .reset_variations {
	display: inline-block !important;
	margin-top: 2px !important;
	color: var(--lm-muted) !important;
	font-size: 12px !important;
}

/* ---------- Disponibilité annoncée par le magasin ---------- */

/* Pastille discrète, entre le prix et le choix de la taille : en simple
   ligne de texte elle se noyait dans la colonne. Le vert dit « tout de
   suite », le bleu « il faudra attendre » — jamais de rouge ni d'alerte,
   l'achat reste possible dans les deux cas. */

.lm-fp-dispo {
	margin: 0 0 20px !important;
}

.lm-fp-dispo__ok,
.lm-fp-dispo__delai {
	display: inline-flex !important;
	align-items: center !important;
	gap: 9px !important;
	padding: 8px 16px !important;
	border-radius: 999px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
}

/* La pastille de couleur reprend celle du texte : un seul réglage par état. */

.lm-fp-dispo__ok::before,
.lm-fp-dispo__delai::before {
	content: '' !important;
	flex: none !important;
	width: 9px !important;
	height: 9px !important;
	border-radius: 50% !important;
	background: currentColor !important;
}

.lm-fp-dispo__ok {
	background: var(--lm-success-bg) !important;
	color: var(--lm-success) !important;
}

.lm-fp-dispo__delai {
	background: #ffed009c !important;
	color: var(--lm-blue) !important;
}

/* ---------- Opt-in VIP (radios) ---------- */

.lm-vip-choice {
	margin: 4px 0 18px !important;
	padding: 0 !important;
	border: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

.lm-vip-choice__opt {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin: 0 !important;
	cursor: pointer !important;
}

.lm-vip-choice__opt input[type='radio'] {
	width: 18px !important;
	height: 18px !important;
	margin: 1px 0 0 !important;
	accent-color: var(--lm-blue) !important;
	cursor: pointer !important;
	flex: none !important;
}

.lm-vip-choice__text {
	color: var(--lm-blue) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
}

/* Le rouge est passé de la note au montant : c'est lui qui doit accrocher
   l'œil, la note n'est qu'une précision de fonctionnement. */

.lm-vip-choice__prix {
	color: var(--lm-danger) !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}

.lm-vip-choice__prix .woocommerce-Price-amount {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}

.lm-vip-choice__text small {
	display: block !important;
	margin-top: 2px !important;
	color: var(--lm-muted) !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
}

/* La pastille elle-même vient de shop.css (fond bleu, coche) : ici on ne
   reprend que la couleur du texte. Blanc plutôt que le vert d'origine, qui
   passait mal sur le bleu. */

.lm-vip-active {
	color: #fff !important;
	font-weight: 600 !important;
}

/* ---------- Achat ---------- */

/* Quantité masquée (maquette : pas de sélecteur, 1 par défaut) */
.single-product form.cart .quantity {
	display: none !important;
}

.single-product form.cart {
	margin-bottom: 18px !important;
}

.single-product .single_add_to_cart_button {
	display: block !important;
	width: 100% !important;
	padding: 16px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--lm-blue) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	cursor: pointer !important;
	transition: background var(--lm-transition) !important;
}

.single-product .single_add_to_cart_button:hover {
	background: var(--lm-blue-hover) !important;
}

/* Accueil / soutien (sous le bouton panier) */

.lm-fp-confort {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin: 18px 0 14px !important;
	padding: 0 !important;
	list-style: none !important;
}

.lm-fp-confort li {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
	color: var(--lm-blue) !important;
	font-size: 15px !important;
}

.lm-fp-confort li svg {
	flex: none !important;
	color: var(--lm-blue) !important;
	fill: currentColor !important;
}

.lm-fp-confort strong {
	font-weight: 800 !important;
	text-transform: uppercase !important;
}

.lm-fp-invitation {
	margin: 0 0 14px !important;
	color: var(--lm-blue) !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
}

/* Bandeau « Vérifiez la disponibilité et les tarifs dans votre magasin »
   (démo magasin off) : bande alabaster pleine largeur au-dessus de la fiche. */
.lm-fp-bandeau {
	width: 100vw !important;
	margin: 0 calc(50% - 50vw) 40px !important;
	padding: 40px 24px !important;
	background: var(--lm-alabaster) !important;
	text-align: center !important;
}

.lm-fp-bandeau__title {
	margin: 0 0 20px !important;
	color: var(--lm-blue) !important;
	font-size: 24px !important;
	font-weight: 600 !important;
}

/* ---------- Galerie ---------- */

.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image img {
	border-radius: var(--lm-radius) !important;
	overflow: hidden !important;
}

/* Repères de la pastille d'opération, posée par product-single.js sur le
   cadre de la photo principale (styles de la pastille : shop.css). */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery__wrapper {
	position: relative !important;
}

/* Mention sous la photo des produits à choix de couleur (classe posée par
   Product_Page::gallery_classes) : la photo ne suit pas la couleur choisie. */
.single-product .lm-gallery--non-contractuelle::after {
	content: "Image non contractuelle";
	display: block;
	clear: both;
	margin-top: 10px;
	color: #6b7280;
	font-size: 13px;
	font-style: italic;
	text-align: center;
}

/* Accroche du magasin (Accroches::render_fiche), placée sous la galerie par
   product-single.js. Sous la mention « Image non contractuelle » quand il y
   en a une : la mention (un ::after de la galerie) passerait sinon dessous,
   elle est donc reprise ici en ::before et retirée de la galerie. */
.single-product .lm-fp-accroche {
	display: block;
	clear: both;
	margin-top: 16px;
	text-align: center;
}

.single-product .lm-fp-accroche[hidden] {
	display: none;
}

.single-product .lm-fp-accroche__texte {
	margin: 0 !important;
	padding: 10px 16px;
	border-radius: var(--lm-radius-s, 8px);
	background: var(--lm-blue-tint, #eef2fa);
	color: var(--lm-blue) !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

.single-product .lm-gallery--accroche.lm-gallery--non-contractuelle::after {
	content: none;
}

/* Mêmes valeurs que la mention d'origine ci-dessus. */
.single-product .lm-gallery--non-contractuelle .lm-fp-accroche {
	margin-top: 10px;
}

.single-product .lm-gallery--non-contractuelle .lm-fp-accroche::before {
	content: "Image non contractuelle";
	display: block;
	margin-bottom: 12px;
	color: #6b7280;
	font-size: 13px;
	font-style: italic;
}

.single-product .flex-control-thumbs {
	display: flex !important;
	gap: 12px !important;
	margin: 14px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.single-product .flex-control-thumbs li {
	margin: 0 !important;
	width: calc(25% - 9px) !important;
}

.single-product .flex-control-thumbs img {
	border-radius: var(--lm-radius-s) !important;
	opacity: 0.55 !important;
	transition: opacity var(--lm-transition) !important;
	cursor: pointer !important;
}

.single-product .flex-control-thumbs img.flex-active,
.single-product .flex-control-thumbs img:hover {
	opacity: 1 !important;
}

/* ---------- Caractéristiques techniques (grille tampons) ---------- */

.lm-fp-caract {
	clear: both !important;
	margin-top: 64px !important;
}

.lm-fp-caract .lm-fp-caract__title {
	margin: 0 0 28px !important;
	color: var(--lm-blue) !important;
	font-size: 26px !important;
	font-weight: 700 !important;
}

.lm-fp-caract__grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border: 1px solid var(--lm-line) !important;
	border-radius: var(--lm-radius) !important;
	overflow: hidden !important;
	/* Fond transparent (demande louis) : la grille épouse le fond de la page. */
	background: transparent !important;
}

.lm-fp-caract__item {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 22px 14px !important;
	border: 0 !important;
	outline: 0.5px solid var(--lm-line) !important;
	text-align: center !important;
}

/* Icône ronde officielle (assets/img/spec/, fournies le 28/07) */

.lm-fp-caract__icon {
	flex: none !important;
	width: 74px !important;
	height: 74px !important;
	object-fit: contain !important;
	/* Fonds blancs détourés à la source (31/07) : plus besoin de blend. */
}

/* Pastille « tampon » de repli : cercle noir avec le libellé, pour les
   caractéristiques dont l'icône officielle n'existe pas (encore). */

.lm-fp-caract__badge {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: none !important;
	width: 74px !important;
	height: 74px !important;
	border: 2.5px solid var(--lm-ink) !important;
	border-radius: 50% !important;
	padding: 6px !important;
}

.lm-fp-caract__badge span {
	color: var(--lm-ink) !important;
	font-size: 9.5px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	overflow-wrap: break-word !important;
	max-width: 100% !important;
}

.lm-fp-caract__value {
	color: var(--lm-blue) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
}

/* ---------- Produits complémentaires (bande bleue) ---------- */

/* Bande bleue pleine largeur (démo), même débord 50vw que .lm-avantages ;
   le carrousel reste dans un conteneur centré. */
.lm-fp-comp {
	clear: both !important;
	width: 100vw !important;
	margin: 64px calc(50% - 50vw) 0 !important;
	padding: 56px 24px !important;
	border-radius: 0 !important;
	background: var(--lm-blue) !important;
}

.lm-fp-comp__inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
}

.lm-fp-comp .lm-fp-comp__title {
	margin: 0 0 32px !important;
	color: #fff !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	text-align: center !important;
}

/* ---------- Coup de cœur (carrousel) ---------- */

.lm-fp-cdc {
	clear: both !important;
	margin-top: 56px !important;
}

.lm-fp-cdc .lm-fp-cdc__title {
	margin: 0 0 28px !important;
	color: var(--lm-blue) !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	text-align: center !important;
}

/* ---------- Description + encart conseillers ---------- */

.lm-fp-desc {
	/* clear : la galerie et le résumé Woo sont flottés — sans ça la section
	   remonte se superposer au résumé. */
	clear: both !important;
	width: 100% !important;
	display: grid !important;
	grid-template-columns: 2fr 1fr !important;
	gap: 44px !important;
	align-items: start !important;
	margin-top: 64px !important;
	padding-top: 8px !important;
}

.lm-fp-desc__title {
	margin: 0 0 18px !important;
	color: var(--lm-blue) !important;
	font-size: 28px !important;
	font-weight: 700 !important;
}

.lm-fp-desc__text,
.lm-fp-desc__text p {
	color: var(--lm-blue) !important;
	font-size: 14.5px !important;
	line-height: 1.7 !important;
}

.lm-fp-desc__conseillers {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 16px !important;
	padding: 28px 24px !important;
	border-radius: var(--lm-radius) !important;
	background: var(--lm-blue) linear-gradient(160deg, var(--lm-blue) 0%, var(--lm-blue-deep) 100%) !important;
}

/* Sans description : bandeau pleine largeur, texte et bouton côte à côte. */
.lm-fp-desc__conseillers--seul {
	grid-column: 1 / -1 !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 16px 28px !important;
}

.lm-fp-desc__conseillers p {
	margin: 0 !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	text-align: center !important;
	line-height: 1.4 !important;
}

.lm-fp-desc__cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 13px 24px !important;
	border-radius: 999px !important;
	background: var(--lm-yellow) !important;
	color: var(--lm-blue) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: background var(--lm-transition) !important;
}

.lm-fp-desc__cta:hover {
	background: var(--lm-yellow-press) !important;
	color: var(--lm-blue) !important;
}

/* ---------- Responsive ---------- */

/* Tablette : la fiche passe sur une colonne, l'encadré prix prend toute la
   largeur, et le visuel carte (calé à droite) comme l'éco-part (alignée à
   droite) partaient à l'autre bout de l'écran, loin du prix. Visuel remis
   juste après le montant, éco-part sous le prix, à gauche. */
@media (min-width: 601px) and (max-width: 1024px) {
	.lm-fp-price__box--card {
		padding-right: 4px !important;
	}

	.lm-fp-price__img {
		position: static !important;
		transform: none !important;
	}

	.lm-fp-price__eco {
		text-align: left !important;
	}
}

@media (max-width: 782px) {
	.single-product .product_title {
		font-size: 22px !important;
	}

	.lm-fp-price__amount {
		font-size: 26px !important;
	}

	.lm-fp-desc {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
		margin-top: 44px !important;
	}
}