:root{--font-family-body: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-label: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-semi: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-title: "Poppins", "Helvetica", "Arial", "sans-serif";--color-a-hover: #931313;--color-primary: #931313;--color-secondary: #931313;--bg-color-btn: #931313;--bg-color-btn-hover: #931313;--color-price: #931313;--ax-form-bi-width: 1px;--ax-form-btn-width: 1px;}@media (max-width: 767px){#box-product-grid .archive-wrapper-items{margin-left: calc(-10px/2);margin-right: calc(-10px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(10px/2);padding-right: calc(10px/2);margin-bottom: 10px;}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items{margin-left: calc(-20px/2);margin-right: calc(-20px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(20px/2);padding-right: calc(20px/2);margin-bottom: 20px;}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (max-width: 767px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}/* ========================================================================== Styles Personnalisés ========================================================================== */ /* --- Bouton (Rouge) -------------------------------------- */ .btn-primary { color: #ffffff important; background-color: #9c0a04 important; border-color: #9c0a04 !important; } /* --- Bouton d'Action Produit (Rouge) -------------------------------------- */ .product-type-1 .item-inner .btn-action { /* Couleur de fond : Rouge Cerise/Marron (Burgundy) */ background: #9c0a04; /* Couleur du texte : Blanc (important pour la priorité) */ color: #ffffff !important; } .product-type-1 .item-inner .btn-action:not(.loading):hover { color: #9c0a04 !important; background-color: #ffffff !important; } /* --- Titre de Bannière / En-tête de Page ---------------------------------- */ /* Conteneur du fil d'Ariane (Breadcrumb) */ .page-title .axps-breadcrumb { /* Affichage en ligne et alignement des éléments */ display: inline-flex; align-items: center; flex-wrap: wrap; /* Couleur du texte : Blanc */ color: #ffffff; /* Marge supérieure */ margin-top: 10px; } /* Titre principal H1 de la page */ .page-title .h1 { /* Couleur du texte : Blanc */ color: #ffffff; /* Taille de la police (très grande) */ font-size: 6.8rem; /* Hauteur de ligne */ line-height: 1.2; /* Supprime la marge par défaut */ margin: 0; } /* --- Masquer le lien de Vue/Comparaison ----------------------------------- */ /* Masque le lien "shop-view" ou le lien de recherche/comparaison */ a.shop-view.js-search-link { display: none; } /* --- Bouton "Remonter en haut de page" (#back-top) ------------------------ */ #back-top { /* Positionnement fixe dans le viewport */ position: fixed; /* Décalage depuis la droite */ right: 20px; /* Décalage depuis le bas */ bottom: 20px; /* Indice de superposition élevé */ z-index: 350; /* Dimensions du bouton */ width: 50px; height: 50px; /* Forme circulaire */ border-radius: 50%; /* Couleur de fond : Rouge Cerise/Marron */ background-color: #9c0a04; /* Ombre légère */ box-shadow: 0 0 5px rgba(0, 0, 0, .17); /* Couleur du contenu (icône/texte) : Blanc */ color: #ffffff; /* Centrage du contenu */ text-align: center; /* Initialement invisible */ opacity: 0; /* Empêche les événements de souris lorsqu'il est invisible */ pointer-events: none; /* Supprime les bordures */ border: none; /* Optimisations pour la performance (évite le flou sur certaines transitions) */ backface-visibility: hidden; -webkit-backface-visibility: hidden; /* Position de départ (décalé à droite pour l'animation d'apparition) */ -webkit-transform: translateX(100%); transform: translateX(100%); /* Transition pour une apparition et un mouvement fluides */ transition: all .25s ease; } /* --- Suppression de la Bannière de Titre sur certaines pages ---------------- */ /* Masque la bannière/le titre de page sur différentes vues du compte utilisateur et CMS */ #cms .page-title.page-title-layout-2.title-text-color-dark { /* Masquer l'élément */ display: none; } /* Sélecteurs spécifiques pour cibler les pages où le titre doit être masqué */ #addresses .page-title.page-title-layout-2.title-text-color-dark, #view-wishlist .page-title.page-title-layout-2.title-text-color-dark, #my-account .page-title.page-title-layout-2.title-text-color-dark, #address .page-title.page-title-layout-2.title-text-color-dark, #history .page-title.page-title-layout-2.title-text-color-dark, #order-slip .page-title.page-title-layout-2.title-text-color-dark, #discount .page-title.page-title-layout-2.title-text-color-dark, #identity .page-title.page-title-layout-2.title-text-color-dark, #authentication .page-title.page-title-layout-2.title-text-color-dark, #module-psgdpr-gdpr .page-title.page-title-layout-2.title-text-color-dark, #module-ps_emailalerts-account .page-title.page-title-layout-2.title-text-color-dark, #cms .page-title.page-title-layout-2.title-text-color-dark { /* La propriété est déjà définie dans le sélecteur générique ci-dessus, mais on maintient la structure pour cibler clairement. */ display: none; } .js-product-images-modal { display: none; } .label-flags li.type-pack { background-color: #9c0a04; } .ajax-load-button .btn { max-width: 100%; width: 200px; padding: 12px 20px; background: #931313!important; color: #fff; } .star_content_avg { font-family: 'Line Awesome Free' !important; font-weight: 900; white-space: nowrap; letter-spacing: 2px; font-size: 16px; color: #f2b827; position: relative; display: inline-block; } .page-title.title-text-color-dark { background-color: #913131!important; color: #333333; }