/* ==========================================================================
   SORTISPELLS.COM - THÈME SOMBRE MYSTIQUE DE LUXE (DARK / NIGHT MODE v10)
   - Palette : Nuit d'améthyste profonde (#140512 / #1c0919), or solaire éclatant (#d89638 / #f7d28b)
   - Corrections majeures v10 :
     1. Alignements parfaits des options produit (Délai de livraison / Niveau) sur Mobile & Desktop
     2. Cartes "Questions Fréquentes sur cette Consultation" (.pro-faq-box) sur fond sombre & or
     3. Panier complet (Page panier, tiroir latéral droit .st-menu-right, totaux & boutons)
     4. Tunnel de commande / Checkout (/fr/commande - formulaire, inputs, carte réassurance Benoit)
     5. Titres des cartes produits (catalogue & carrousels) 100% transparents & or
     6. Page dédiée aux FAQs (/fr/faqs)
     7. Colonne gauche (#left-column) & filtres
   ========================================================================== */

/* ==========================================================================
   1. FOND GÉNÉRAL DE LA BOUTIQUE (TOUTES LES PAGES)
   ========================================================================== */
html,
body, 
#index, 
#wrapper, 
#page,
.st-wrapper,
.outside-container, 
.aone-homepage, 
.home-blocks-top,
.home-blocks-bottom,
.breadcrumb-wrapper,
#content-wrapper,
#main,
section#content,
.product-detail-pro,
#products,
.page-content,
.page-header,
#cart,
#checkout {
    background-color: #140512 !important;
}

body {
    background: radial-gradient(circle at 50% 0%, #20081c 0%, #150513 50%, #0d020c 100%) fixed !important;
    color: #f0e2ec !important;
}

/* Titres de toutes les pages */
h1.page-heading,
h1.page-title,
.page-heading,
.page-title,
#main h1,
.h1,
h1 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

/* ==========================================================================
   2. HEADER - TOUTES VERSIONS (MOBILE & DESKTOP)
   ========================================================================== */
header#header .header-banner,
header#header .header-event-banner,
header#header .header-event-banner-wrapper,
.mobile-header-version .header-banner,
.mobile-header-version .header-event-banner,
.header-banner,
.header-event-banner {
    background: #140312 !important;
    background-color: #140312 !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.35) !important;
    color: #f7d28b !important;
}

.header-event-banner p,
.header-event-banner span,
.header-event-banner strong {
    color: #f7d28b !important;
}

.header-event-banner a,
.header-event-banner a strong {
    color: #ffffff !important;
    text-decoration: underline !important;
}

#header .main-header,
.mobile-header-version .main-header,
.mobile-display-left,
.display-top {
    background: #180515 !important;
    background-color: #180515 !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.25) !important;
}

#header .header-nav,
.mobile-header-version .header-nav {
    background: #120310 !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.2) !important;
}

#header .search-widget input[type="text"],
#header .search-widget .form-control {
    background: #230b20 !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    color: #ffffff !important;
}

#header .search-widget input[type="text"]::placeholder,
#header .search-widget .form-control::placeholder {
    color: #bda2b4 !important;
}

#header .search-widget button {
    background: #d89638 !important;
    color: #ffffff !important;
    border: none !important;
}

.mobile-menu-icon,
.left-nav-trigger .left-nav-icon {
    background: #230b20 !important;
    color: #f7d28b !important;
    border-radius: 6px !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
}

/* ==========================================================================
   3. MENU COULISSANT GAUCHE (.st-menu) & PANIER TIROIR DROIT (.st-menu-right)
   ========================================================================== */
.st-menu,
.st-menu-right {
    background: #150514 !important;
    background-color: #150514 !important;
    border-right: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-left: 1px solid rgba(216, 150, 56, 0.35) !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.75) !important;
    color: #ecdfe9 !important;
}

.st-menu .st-menu-title,
.st-menu-title,
.st-menu-right .st-menu-title {
    background: #22081d !important;
    background-color: #22081d !important;
    color: #f7d28b !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.35) !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.st-menu .st-menu-close,
.st-menu-close,
.st-menu-right .st-menu-close {
    color: #f7d28b !important;
}

.st-menu .st-menu-close:hover,
.st-menu-close:hover,
.st-menu-right .st-menu-close:hover {
    color: #ffffff !important;
}

.sidebar-menu,
.js-sidebar-category-tree,
.category-tree {
    background: transparent !important;
    border-top: 1px solid rgba(216, 150, 56, 0.2) !important;
}

.category-tree > ul > li > a,
.sidebar-menu a,
.st-menu a {
    color: #ecdfe9 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.category-tree > ul > li > a:hover,
.sidebar-menu a:hover,
.st-menu a:hover {
    color: #f7d28b !important;
}

.category-tree > ul > li > a:before {
    border: 1px solid #d89638 !important;
    background-color: rgba(216, 150, 56, 0.2) !important;
}

.category-tree > ul > li > a:hover:before {
    background-color: #d89638 !important;
    border-color: #f7d28b !important;
    box-shadow: 0 0 8px rgba(216, 150, 56, 0.8) !important;
}

.sidebar-menu ul li a {
    color: #cfbdcb !important;
}

.sidebar-menu ul li a:hover {
    color: #f7d28b !important;
}

.sidebar-account,
.sidebar-header-phone,
.sidebar-language,
.sidebar-currency,
.sidebar-search,
.sidebar-cart {
    background: #1c081a !important;
    background-color: #1c081a !important;
    border-top: 1px solid rgba(216, 150, 56, 0.25) !important;
    color: #ecdfe9 !important;
}

.sidebar-account a,
.sidebar-header-phone a,
.sidebar-header-phone ul li {
    color: #ecdfe9 !important;
}

.sidebar-account a:hover,
.sidebar-header-phone a:hover {
    color: #f7d28b !important;
}

.sidebar-account .btn,
.sidebar-account a.btn,
.sidebar-account .user-info a,
.sidebar-account a[href*="connexion"],
.sidebar-account a[href*="login"],
.sidebar-account a[href*="my-account"] {
    background: rgba(216, 150, 56, 0.12) !important;
    border: 1px solid #d89638 !important;
    color: #f7d28b !important;
    border-radius: 8px !important;
    padding: 8px 18px !important;
    display: inline-block !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.sidebar-account .btn:hover,
.sidebar-account a[href*="connexion"]:hover,
.sidebar-account a[href*="login"]:hover {
    background: #d89638 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(216, 150, 56, 0.4) !important;
}

/* TIROIR LATÉRAL PANIER (.st-menu-right) - TOUT LE BAS EN SOMBRE & OR */
body .st-menu-right .cart-products-list,
body .st-menu-right .cart-product-line,
body .st-menu-right .cart-summary,
body .st-menu-right .cart-subtotal,
body .st-menu-right .cart-total,
body .st-menu-right .sidebar-cart-subtotal,
body .st-menu-right .sidebar-cart-buttons,
body .st-menu-right .cart-preview {
    background: #170616 !important;
    background-color: #170616 !important;
    color: #ecdfe9 !important;
    border-color: rgba(216, 150, 56, 0.3) !important;
}

body .st-menu-right .product-name a,
body .st-menu-right .cart-product-line .product-name a {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body .st-menu-right .price,
body .st-menu-right .product-price {
    color: #f7d28b !important;
    font-weight: 800 !important;
}

body .st-menu-right a.btn-primary,
body .st-menu-right .btn.btn-primary,
body .st-menu-right a[href*="commande"] {
    background: linear-gradient(135deg, #e5a742 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(216, 150, 56, 0.4) !important;
}

/* ==========================================================================
   4. COLONNE GAUCHE DU SITE (#left-column, CATÉGORIES, FILTRES, CONTACT)
   ========================================================================== */
#left-column,
.sidebar-column {
    background: transparent !important;
}

.column-block,
.left-categories,
.left-categories.column-block,
#search_filters,
.contact-rich,
.contact-rich.column-block,
#left-column .block,
#left-column .sidebar-block,
body .card {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45) !important;
    color: #ecdfe9 !important;
}

.column-title,
.typo .column-title,
.background-for-title .column-title,
.background-for-title .typo .column-title,
.column-block .column-title {
    background: #23081f !important;
    background-color: #23081f !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.3) !important;
    color: #f7d28b !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border-radius: 11px 11px 0 0 !important;
    padding: 12px 15px !important;
    margin: 0 -15px 15px !important;
}

.column-title a,
.typo .column-title a {
    color: #f7d28b !important;
}

.left-categories .category-tree > ul > li > a,
#left-column .category-tree > ul > li > a {
    color: #ecdfe9 !important;
    font-weight: 600 !important;
}

.left-categories .category-tree > ul > li > a:hover,
#left-column .category-tree > ul > li > a:hover {
    color: #f7d28b !important;
}

#search_filters .facet {
    border-top: 1px dashed rgba(216, 150, 56, 0.25) !important;
    padding-top: 12px !important;
}

#search_filters .facet .facet-title,
#search_filters .facet p.h5,
#search_filters .facet p.h6 {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

#search_filters .facet .facet-title i {
    color: #d89638 !important;
}

#search_filters .facet-label,
#search_filters .facet-label a,
#search_filters .custom-checkbox,
#search_filters .custom-radio {
    color: #cfbdcb !important;
}

#search_filters .facet-label:hover,
#search_filters .facet-label a:hover {
    color: #f7d28b !important;
}

.custom-checkbox .check-shape,
.custom-radio .check-shape {
    background-color: #140412 !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 4px !important;
}

.custom-checkbox input[type="checkbox"]:checked + .check-shape,
.custom-radio input[type="radio"]:checked + .check-shape {
    background-color: #d89638 !important;
    border-color: #f7d28b !important;
}

#search_filters .facet .faceted-slider .slider-range.ui-slider-horizontal {
    background: #250921 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
}

#search_filters .facet .faceted-slider .slider-range.ui-slider-horizontal .ui-slider-range {
    background: #d89638 !important;
}

#search_filters .facet .faceted-slider .slider-range.ui-slider-horizontal .ui-slider-handle {
    background: #f7d28b !important;
    border: 3px solid #632205 !important;
    box-shadow: 0 0 8px rgba(216, 150, 56, 0.8) !important;
}

#search_filters .facet .facet-dropdown .select-title {
    background: #140412 !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    color: #f7d28b !important;
}

/* ==========================================================================
   5. HAUT DE LA FICHE PRODUIT (#mainProduct & ALIGNEMENTS PARFAITS)
   ========================================================================== */
#mainProduct,
.main-product-details,
.main-product-details.shadow-box,
body .shadow-box {
    background: linear-gradient(145deg, #1b0718 0%, #150514 100%) !important;
    background-color: #170616 !important;
    border: 1px solid rgba(216, 150, 56, 0.32) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
    color: #f0e2ec !important;
}

.product-information,
.product-information.light-box-bg,
body .light-box-bg,
body .box-bg {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ecdfe9 !important;
}

#mainProduct h1,
h1[itemprop="name"],
.product-detail-name {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.images-container,
.product-cover,
.images-container-wrapper {
    background: transparent !important;
}

.product-cover img {
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
}

.thumbs-list .thumb-container .thumb {
    border: 2px solid rgba(216, 150, 56, 0.25) !important;
    border-radius: 8px !important;
    background: #11030f !important;
    transition: all 0.2s ease !important;
}

.thumbs-list .thumb-container .thumb.selected,
.thumbs-list .thumb-container .thumb:hover {
    border-color: #d89638 !important;
    box-shadow: 0 0 10px rgba(216, 150, 56, 0.6) !important;
}

.sortispells-sales-badge-wrapper,
.sortispells-sales-badge {
    background: linear-gradient(135deg, rgba(216, 150, 56, 0.18) 0%, rgba(38, 11, 33, 0.75) 100%) !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    color: #f7d28b !important;
    border-radius: 20px !important;
}

.sortispells-sales-badge strong,
.sortispells-sales-badge span,
.sortispells-sales-badge .badge-sales-text strong {
    color: #ffffff !important;
}

.product-reference,
.product-reference span,
.product-reference strong {
    color: #bda2b4 !important;
}

.product-short-description,
.product-description-short,
.product-description-short p {
    color: #cfbdcb !important;
    line-height: 1.6 !important;
}

/* LABELS DU FORMULAIRE */
body #mainProduct .product-customization-persistent .form-label,
body #mainProduct .product-customization .form-label,
body #mainProduct .product-customization-item > label,
body #mainProduct .sortispells-cust-label,
body #mainProduct .product-variants-item label,
body #mainProduct .form-control-label,
body #mainProduct label,
body .product-customization-persistent .form-label,
body .sortispells-cust-label {
    color: #f7d28b !important;
    font-weight: 700 !important;
    text-align: left !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 8px !important;
}

/* CHAMP "VOTRE MESSAGE ICI" */
body #mainProduct .product-customization textarea.product-message,
body #mainProduct .product-customization-persistent textarea.product-message,
body #mainProduct textarea.product-message,
body #mainProduct textarea.form-control,
body .product-customization textarea.product-message,
body .product-customization-persistent textarea.product-message,
textarea.product-message {
    background: #140412 !important;
    background-color: #140412 !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 14px !important;
    font-size: 0.95rem !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}

body #mainProduct textarea.product-message::placeholder,
body textarea.product-message::placeholder,
body textarea.form-control::placeholder {
    color: #a891a2 !important;
}

body #mainProduct textarea.product-message:focus,
body .product-customization-persistent textarea.product-message:focus,
body textarea.form-control:focus {
    background: #1a0618 !important;
    background-color: #1a0618 !important;
    border-color: #d89638 !important;
    box-shadow: 0 0 16px rgba(216, 150, 56, 0.4) !important;
    color: #ffffff !important;
    outline: none !important;
}

/* UPLOAD DE FICHIER */
body #mainProduct .product-customization-persistent .sortispells-file-box,
body #mainProduct .sortispells-file-box,
body .sortispells-file-box,
body .product-customization .custom-file {
    background: #140412 !important;
    background-color: #140412 !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 8px !important;
    color: #cfbdcb !important;
}

body .product-customization-persistent .sortispells-file-label {
    color: #cfbdcb !important;
}

body .product-customization-persistent .sortispells-browse-btn,
body .sortispells-browse-btn,
body .product-customization .custom-file .btn {
    background: linear-gradient(135deg, #d89638 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: none !important;
}

/* ==========================================================================
   ALIGNEMENTS PARFAITS DES OPTIONS PRODUIT (MOBILE & DESKTOP)
   ========================================================================== */
.product-variants-wrapper,
.product-variants {
    width: 100% !important;
}

/* Forcer chaque option de variante en bloc vertical complet pour éviter tout rognage */
.product-variants-wrapper .product-variants-item,
.product-variants .product-variants-item,
body #mainProduct .product-variants-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 16px !important;
    width: 100% !important;
    padding: 0 !important;
}

.product-variants-wrapper .product-variants-item label,
.product-variants-wrapper .product-variants-item .form-control-label,
.product-variants .product-variants-item label,
body #mainProduct .product-variants-item label {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    text-align: left !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
    color: #f7d28b !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    white-space: normal !important;
}

.product-variants-wrapper .product-variants-item .attribute-list,
.product-variants .product-variants-item .attribute-list,
body #mainProduct .product-variants-item .attribute-list {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

/* SÉLECTEUR DÉROULANT : TEXTE BIEN CENTRÉ ET JAMAIS COUPÉ */
.product-variants-wrapper .product-variants-item select.form-control-select,
.product-variants select.form-control-select,
body #mainProduct select.form-control,
body #mainProduct select,
select.form-control-select {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    line-height: 1.4 !important;
    padding: 12px 40px 12px 16px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    background-color: #140412 !important;
    color: #f7d28b !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d89638'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 24px 24px !important;
}

.product-variants select option,
body #mainProduct select option {
    background-color: #1c0919 !important;
    color: #f0e2ec !important;
    padding: 10px !important;
}

.current-price,
.current-price .price,
.current-price .product-price,
.product-prices .current-price .current-price-value {
    color: #f7d28b !important;
    font-weight: 800 !important;
    font-size: 2rem !important;
    text-shadow: 0 0 16px rgba(216, 150, 56, 0.45) !important;
}

/* Ligne Quantité + Ajouter au Panier */
.product-add-to-cart.js-product-add-to-cart .product-quantity {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 15px !important;
}

.product-add-to-cart.js-product-add-to-cart .product-quantity-touchspin {
    flex: 0 0 130px !important;
    width: 130px !important;
    margin: 0 !important;
}

body .bootstrap-touchspin input.form-control,
body .product-quantity input.input-group,
body input#quantity_wanted {
    background: #140412 !important;
    background-color: #140412 !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    height: 50px !important;
    line-height: 50px !important;
    text-align: center !important;
}

body .bootstrap-touchspin .btn-touchspin,
body .input-group-btn-vertical .btn {
    background: #23081f !important;
    background-color: #23081f !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    color: #f7d28b !important;
    height: 50px !important;
}

body .bootstrap-touchspin .btn-touchspin:hover {
    background: #d89638 !important;
    color: #ffffff !important;
}

.product-add-to-cart.js-product-add-to-cart .product-quantity .add {
    flex: 1 1 auto !important;
    margin: 0 !important;
}

button.add-to-cart,
.product-add-to-cart button.add-to-cart {
    width: 100% !important;
    height: 50px !important;
    background: linear-gradient(135deg, #e5a742 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(216, 150, 56, 0.4) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

button.add-to-cart:hover,
.product-add-to-cart button.add-to-cart:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(216, 150, 56, 0.55) !important;
    background: linear-gradient(135deg, #f0b452 0%, #c7882e 100%) !important;
}

.product-right-extra-field .btn-link,
.product-right-extra-field .extra-title,
.zone-product-extra-fields .btn-link {
    background: linear-gradient(135deg, #240920 0%, #170515 100%) !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 8px !important;
    color: #f7d28b !important;
    padding: 10px 14px !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4) !important;
    font-weight: 700 !important;
}

.product-right-extra-field .btn-link:hover,
.zone-product-extra-fields .btn-link:hover {
    background: #330e2e !important;
    border-color: #d89638 !important;
    color: #ffffff !important;
}

.zone-product-extra-fields,
.hook-Product3rdColumn {
    color: #ecdfe9 !important;
}

.zone-product-extra-fields h4,
.zone-product-extra-fields p,
.zone-product-extra-fields span {
    color: #cfbdcb !important;
}

.zone-product-extra-fields strong,
.zone-product-extra-fields a {
    color: #f7d28b !important;
}

.zone-product-extra-fields img {
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

/* ==========================================================================
   6. ONGLETS PRODUIT & MODULE FAQ PRESTASHOP
   ========================================================================== */
body .product-tabs .nav-tabs {
    border-bottom: 2px solid rgba(216, 150, 56, 0.3) !important;
    background: transparent !important;
}

body .product-tabs .nav-tabs .nav-item .nav-link {
    background: transparent !important;
    background-color: transparent !important;
    color: #cfbdcb !important;
    border: none !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.25s ease !important;
}

body .product-tabs .nav-tabs .nav-item .nav-link.active,
body .product-tabs .nav-tabs .nav-item .nav-link:hover {
    background: rgba(216, 150, 56, 0.12) !important;
    background-color: rgba(216, 150, 56, 0.12) !important;
    color: #f7d28b !important;
    border: none !important;
    border-bottom: 3px solid #d89638 !important;
    border-radius: 6px 6px 0 0 !important;
}

body .product-tabs .tab-content,
body .product-tabs .tab-content.light-box-bg,
body .product-description-block,
body .tab-pane {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ecdfe9 !important;
}

.association_faqs,
.block_faq_product_page {
    background: transparent !important;
    padding-left: 0 !important;
}

.block_faq_product_page .questions,
.questions.change_item,
.block_faq_product_page .questions.change_item {
    background: #1e091b !important;
    background-color: #1e091b !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-radius: 8px !important;
    color: #f7d28b !important;
    padding: 14px 18px !important;
    margin-top: 14px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.block_faq_product_page .questions:hover,
.questions.change_item:hover {
    background: #2b0d27 !important;
    border-color: #d89638 !important;
    color: #ffffff !important;
    box-shadow: 0 0 16px rgba(216, 150, 56, 0.35) !important;
}

.block_faq_product_page .questions span,
.questions.change_item span {
    color: #f7d28b !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    line-height: 1.4 !important;
}

.block_faq_product_page .questions i,
.questions.change_item i,
.left-side-icon {
    color: #d89638 !important;
    margin-right: 10px !important;
}

.block_faq_product_page .answer_faq,
.answer_faq {
    background: #160414 !important;
    background-color: #160414 !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
    color: #cfbdcb !important;
    padding: 20px !important;
}

.answer_faq p,
.answer_faq span,
.answer_faq li {
    color: #cfbdcb !important;
    line-height: 1.7 !important;
    font-size: 0.98rem !important;
}

.answer_faq strong {
    color: #ffffff !important;
}

/* ==========================================================================
   7. BLOC "QUESTIONS FRÉQUENTES SUR CETTE CONSULTATION" (.pro-faq-box)
   ========================================================================== */
body .pro-faq-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 16px !important;
    margin: 20px 0 !important;
}

body .pro-faq-box {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

body .pro-faq-q {
    background: #230b20 !important;
    background-color: #230b20 !important;
    color: #f7d28b !important;
    padding: 14px 18px !important;
    font-weight: 700 !important;
    font-size: 0.98rem !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.25) !important;
    line-height: 1.4 !important;
}

body .pro-faq-a {
    background: #160414 !important;
    background-color: #160414 !important;
    color: #cfbdcb !important;
    padding: 16px 18px !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    flex: 1 !important;
}

body .pro-faq-a p {
    color: #cfbdcb !important;
    margin: 0 !important;
}

/* Description détaillée & alertes */
.pro-hero-badge {
    background: linear-gradient(135deg, #2a0d24 0%, #1c0919 100%) !important;
    color: #f7d28b !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.pro-trust-ribbon {
    background: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.trust-item {
    color: #f7d28b !important;
    font-weight: 600 !important;
}

.pro-section-card {
    background: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45) !important;
    color: #ecdfe9 !important;
}

.pro-section-card h2,
.product-detail-pro h2 {
    color: #ffffff !important;
    border-bottom: 2px solid rgba(216, 150, 56, 0.4) !important;
}

.pro-section-card h3,
.product-detail-pro h3 {
    color: #f7d28b !important;
}

.pro-section-card p,
.pro-section-card li {
    color: #cfbdcb !important;
}

.pro-section-card strong {
    color: #ffffff !important;
}

.pro-steps-list li::before {
    background: #2a0d24 !important;
    color: #f7d28b !important;
    border: 1px solid #d89638 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.pro-delivery-alert,
div[style*="background: #eef5ff"],
div[style*="background:#eef5ff"] {
    background: linear-gradient(135deg, #240b20 0%, #1a0516 100%) !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    border-left: 5px solid #d89638 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    color: #ecdfe9 !important;
}

.pro-delivery-alert strong,
div[style*="background: #eef5ff"] strong {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

.pro-delivery-alert div,
.pro-delivery-alert span,
.pro-delivery-alert p,
div[style*="background: #eef5ff"] div,
div[style*="background: #eef5ff"] p {
    color: #ecdfe9 !important;
}

/* ==========================================================================
   8. CARTES PRODUITS (GRILLES, LISTES, SLIDERS & CARROUSELS) - ALIGNEMENT PARFAIT
   ========================================================================== */

/* 1. Carrousels Slick, Sliders & Grilles Produits : Hauteur égale et alignement parfait */
.product-list .columns-slick .slick-track,
.js-category-products-slider .slick-track,
.product-list-wrapper .slick-track,
.category-products .slick-track,
.featured-products .slick-track,
.product-accessories .slick-track {
    display: flex !important;
    align-items: stretch !important;
}

.product-list .columns-slick .slick-slide,
.js-category-products-slider .slick-slide,
.product-list-wrapper .slick-slide,
.category-products .slick-slide,
.featured-products .slick-slide,
.product-accessories .slick-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
}

.product-list .columns-slick .slick-slide > div,
.js-category-products-slider .slick-slide > div,
.product-list-wrapper .slick-slide > div {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* 2. L'article conteneur externe : transparent et plein format */
body .product-miniature,
body article.product-miniature,
body .product-list .grid .product-miniature,
body .product-list .columns-slick .product-miniature,
.category-products .product-miniature {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. La carte produit réelle (product-container) : hauteur égale 100% et disposition verticale en colonne */
body .product-miniature .product-container,
body .product-style,
body .product-style.pg-onp,
body .aone-featuredcategories .category-block .category-container {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
    overflow: hidden !important;
    transition: transform 0.3s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

body .product-miniature:hover .product-container,
body .product-miniature .product-container:hover,
body .product-style:hover {
    transform: translateY(-4px) !important;
    border-color: #d89638 !important;
    box-shadow: 0 10px 25px rgba(216, 150, 56, 0.25), 0 4px 15px rgba(0, 0, 0, 0.6) !important;
}

/* 4. Bloc Image : haut de carte fixé */
body .product-miniature .first-block,
body .product-miniature .product-thumbnail {
    flex-shrink: 0 !important;
    width: 100% !important;
    background: #130411 !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;
}

body .product-miniature .product-thumbnail img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* 5. Titre produit : alignement vertical parfait et hauteur réservée équilibrée */
body .product-miniature .product-name,
body .product-list .grid .product-miniature .product-name,
body .product-list .list .product-miniature .product-name,
body .product-list .product-miniature .product-name,
body .product-style .product-name,
body p.product-name,
body div.product-name {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 85px !important;
    padding: 10px 8px 6px 8px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body .product-miniature .product-name a,
body .product-list .product-miniature .product-name a,
body p.product-name a,
body div.product-name a,
body .product-style .product-name a {
    color: #f7d28b !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    font-size: 0.95rem !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: 4.1em !important;
    text-align: center !important;
    padding: 0 !important;
    transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

body .product-miniature .product-name a:hover,
body .product-list .product-miniature .product-name a:hover,
body p.product-name a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(216, 150, 56, 0.7) !important;
}

body .product-miniature .product-description-short {
    color: #cfbdcb !important;
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
    padding: 0 8px 8px !important;
}

/* 6. Prix : Toujours ancré au bas de la carte, parfaitement horizontal sur toute la rangée */
body .product-miniature .product-price-and-shipping,
body .product-style .product-price-and-shipping,
body .product-miniature .product-price-and-shipping.d-flex {
    margin-top: auto !important;
    padding: 8px 10px 18px 10px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    flex-shrink: 0 !important;
}

body .product-miniature .product-price,
body .product-miniature .price {
    color: #f7d28b !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    text-shadow: 0 0 12px rgba(216, 150, 56, 0.35) !important;
}

body .product-miniature .btn.add-to-cart.details-link,
body .product-miniature .buttons-sections .btn,
body .product-miniature a.btn {
    background: linear-gradient(135deg, #d89638 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 3px 12px rgba(216, 150, 56, 0.35) !important;
}

body .product-miniature .btn.add-to-cart.details-link:hover,
body .product-miniature .buttons-sections .btn:hover {
    background: linear-gradient(135deg, #44143a 0%, #2e0d26 100%) !important;
    color: #f7d28b !important;
    border: 1px solid #d89638 !important;
    box-shadow: 0 5px 15px rgba(216, 150, 56, 0.3) !important;
}

body .title-block,
body .background-for-title .title-block {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #f7d28b !important;
    border-bottom: 2px solid rgba(216, 150, 56, 0.3) !important;
    padding-bottom: 8px !important;
    margin-bottom: 18px !important;
}

body .title-block span {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
}

/* ==========================================================================
   9. PAGE DÉDIÉE AUX FAQS (/fr/faqs)
   ========================================================================== */
body .faqs-card-block,
body .most_faqs,
body .gomakoil_faq_page,
body section.most_faqs {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.5) !important;
    color: #ecdfe9 !important;
    padding: 24px !important;
    margin-bottom: 30px !important;
}

body .title_home_page_fag,
body .title_related_products,
body .title_category_page,
body .title_faq_page {
    color: #f7d28b !important;
    font-weight: 800 !important;
    font-size: 1.4rem !important;
    border-bottom: 2px solid rgba(216, 150, 56, 0.3) !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

body #search_faqs_input {
    background: #140412 !important;
    background-color: #140412 !important;
    color: #ffffff !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    border-right: none !important;
    border-radius: 6px 0 0 6px !important;
    padding: 10px 18px !important;
}

body #search_faqs_input::placeholder {
    color: #a891a2 !important;
}

body #search_faqs_submit_button {
    background: #d89638 !important;
    color: #ffffff !important;
    border: 1px solid #d89638 !important;
    border-radius: 0 6px 6px 0 !important;
}

body #search_faqs_submit_button:hover {
    background: #b87a24 !important;
}

body .gomakoil_faq_page .questions,
body .content_home_page_fag .questions {
    background: #22081d !important;
    background-color: #22081d !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-radius: 8px !important;
    color: #f7d28b !important;
    padding: 14px 18px !important;
    margin-top: 12px !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body .gomakoil_faq_page .questions:hover,
body .content_home_page_fag .questions:hover {
    background: #310c2a !important;
    border-color: #d89638 !important;
    color: #ffffff !important;
    box-shadow: 0 0 16px rgba(216, 150, 56, 0.35) !important;
}

body .gomakoil_faq_page .questions a,
body .gomakoil_faq_page .questions span,
body .content_home_page_fag .questions span {
    color: #f7d28b !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
}

body .gomakoil_faq_page .questions a:hover {
    color: #ffffff !important;
}

body .gomakoil_faq_page .questions i,
body .content_home_page_fag .questions i {
    color: #d89638 !important;
    margin-right: 10px !important;
}

body .gomakoil_faq_page .answer,
body .content_home_page_fag .answer {
    background: #160414 !important;
    background-color: #160414 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    color: #cfbdcb !important;
    padding: 18px !important;
    line-height: 1.7 !important;
}

body .gomakoil_faq_page .answer p,
body .content_home_page_fag .answer p {
    color: #cfbdcb !important;
}

body .gomakoil_faq_page .answer strong,
body .content_home_page_fag .answer strong {
    color: #ffffff !important;
}

/* ==========================================================================
   10. PAGE PANIER (/fr/panier)
   ========================================================================== */
body .cart-grid-body .card,
body .cart-grid-right .card,
body .cart-summary,
body .cart-detailed-totals,
body #cart-subtotal-products,
body .cart-summary-line {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 12px !important;
    color: #ecdfe9 !important;
}

body .cart-grid-body .product-line-grid {
    border-bottom: 1px solid rgba(216, 150, 56, 0.25) !important;
    padding-bottom: 15px !important;
}

body .cart-grid-body .product-line-info a {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

body .cart-grid-body .price,
body .cart-summary-line .value {
    color: #f7d28b !important;
    font-weight: 800 !important;
}

body .cart-total .value {
    color: #f7d28b !important;
    font-size: 1.5rem !important;
    text-shadow: 0 0 10px rgba(216, 150, 56, 0.4) !important;
}

body .checkout.cart-detailed-actions .btn,
body .cart-detailed-actions a.btn {
    background: linear-gradient(135deg, #e5a742 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(216, 150, 56, 0.4) !important;
}

body .checkout.cart-detailed-actions .btn:hover {
    background: linear-gradient(135deg, #f0b452 0%, #c7882e 100%) !important;
}

body .cart-summary-top-banner,
body .cart-grid-right .promo-code,
body .cart-grid-right .block-promo {
    background: #23081f !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    color: #f7d28b !important;
    border-radius: 8px !important;
}

/* ==========================================================================
   11. TUNNEL DE COMMANDE / CHECKOUT (/fr/commande)
   ========================================================================== */
body #checkout-personal-information-step,
body #checkout-addresses-step,
body #checkout-delivery-step,
body #checkout-payment-step,
body .checkout-step {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45) !important;
    color: #ecdfe9 !important;
}

body .checkout-step .step-title {
    color: #f7d28b !important;
    font-weight: 800 !important;
}

/* Formulaires & champs checkout */
body #checkout input[type="text"],
body #checkout input[type="email"],
body #checkout input[type="password"],
body #checkout-personal-information-step input.form-control,
body .checkout-step input.form-control {
    background: #140412 !important;
    background-color: #140412 !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
}

body #checkout input:focus {
    border-color: #d89638 !important;
    box-shadow: 0 0 12px rgba(216, 150, 56, 0.35) !important;
}

body #checkout button[data-action="show-password"],
body .input-group-btn button {
    background: #23081f !important;
    color: #f7d28b !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    font-weight: 700 !important;
}

body #checkout-personal-information-step .nav-link,
body #checkout-personal-information-step a.btn,
body #checkout a.btn-outline-primary {
    background: #23081f !important;
    color: #f7d28b !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 8px !important;
}

body #checkout button.continue,
body .checkout-step button[type="submit"] {
    background: linear-gradient(135deg, #e5a742 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(216, 150, 56, 0.4) !important;
}

/* CARTE RÉASSURANCE BENOIT DU CHECKOUT */
body .checkout-trust-card {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-top: 3px solid #d89638 !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.5) !important;
    color: #ecdfe9 !important;
    padding: 22px 20px !important;
}

body .checkout-trust-author .practitioner-name {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body .checkout-trust-author .practitioner-title {
    color: #cfbdcb !important;
}

body .checkout-trust-author .practitioner-badge {
    background: rgba(216, 150, 56, 0.15) !important;
    color: #f7d28b !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
}

body .checkout-trust-commitments .trust-item {
    color: #cfbdcb !important;
}

body .trust-ssl-notice {
    color: #f7d28b !important;
}

body .trust-divider,
body .checkout-trust-badges {
    border-color: rgba(216, 150, 56, 0.25) !important;
}

/* ==========================================================================
   12. PAGES CATÉGORIES, LISTINGS & MEILLEURES VENTES
   ========================================================================== */
.category-description,
.category-desc,
.category-lead {
    color: #cfbdcb !important;
}

.category-description strong {
    color: #ffffff !important;
}

.category-description .descCollapsed .descSmall:after,
.typoShowMoreContent .descCollapsed .descSmall:after,
.descSmall:after {
    background-image: -webkit-linear-gradient(top, rgba(20, 5, 18, 0), #140512 90%) !important;
    background-image: linear-gradient(to bottom, rgba(20, 5, 18, 0), #140512 90%) !important;
}

.category-description .descToggle a,
.descToggle a,
.view-more-desc {
    background: #23081f !important;
    background-color: #23081f !important;
    border: 1px solid #d89638 !important;
    color: #f7d28b !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease !important;
}

.category-description .descToggle a:hover,
.descToggle a:hover {
    background: #d89638 !important;
    color: #ffffff !important;
}

.products-sort-order,
.products-sort-order .d-flex {
    align-items: center !important;
}

.products-sort-order .sort-label,
.display-label {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

.products-sort-order .select-title,
.products-sort-order .dropdown-toggle,
.sort-select .select-title,
button.select-title.dropdown-toggle {
    background: #1c081a !important;
    background-color: #1c081a !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    color: #f7d28b !important;
    border-radius: 6px !important;
    padding: 8px 14px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.products-sort-order .dropdown-menu {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.7) !important;
    border-radius: 8px !important;
}

.products-sort-order .dropdown-item {
    color: #ecdfe9 !important;
    padding: 8px 16px !important;
}

.products-sort-order .dropdown-item:hover,
.products-sort-order .dropdown-item.current {
    color: #f7d28b !important;
    background: rgba(216, 150, 56, 0.15) !important;
}

#product_display_control,
.display-select {
    background: #1c081a !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.display-select li a {
    background: #1c081a !important;
    color: #bda2b4 !important;
    border-right: 1px solid rgba(216, 150, 56, 0.25) !important;
    padding: 7px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.display-select li a:last-child {
    border-right: none !important;
}

.display-select li a:hover,
.display-select li a.selected,
.display-select li a.active {
    background: #340e2d !important;
    color: #f7d28b !important;
}

/* ==========================================================================
   13. PAGE CONTACTEZ-NOUS (/fr/nous-contacter)
   ========================================================================== */
section.contact-form,
section.contact-form.shadow-box {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.32) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
    padding: 25px !important;
}

.contact-form .form-control-label {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

.contact-form input[type="email"],
.contact-form input[type="text"],
.contact-form textarea.form-control,
.contact-form .form-control {
    background: #140412 !important;
    background-color: #140412 !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #d89638 !important;
    box-shadow: 0 0 12px rgba(216, 150, 56, 0.35) !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #a891a2 !important;
}

.contact-form input[type="file"] {
    background: #140412 !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    color: #cfbdcb !important;
    border-radius: 8px !important;
}

.contact-form button[type="submit"],
.contact-form input[type="submit"] {
    background: linear-gradient(135deg, #d89638 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1.05rem !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(216, 150, 56, 0.4) !important;
}

.contact-rich .icon i {
    color: #d89638 !important;
}

.contact-rich .data {
    color: #ecdfe9 !important;
}

.contact-rich .data a {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

.contact-rich hr {
    border-color: rgba(216, 150, 56, 0.25) !important;
}

/* ==========================================================================
   14. PLAN DU SITE, 404 & PAGES SANS PRODUITS
   ========================================================================== */
#sitemap,
.sitemap-section {
    color: #ecdfe9 !important;
}

.sitemap-section h2,
.sitemap-section h3,
.sitemap h2,
#sitemap h2,
#sitemap h3,
#sitemap p {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

#sitemap ul li,
.sitemap-section ul li {
    color: #cfbdcb !important;
}

#sitemap ul li a,
.sitemap-section ul li a {
    color: #ecdfe9 !important;
}

#sitemap ul li a:hover,
.sitemap-section ul li a:hover {
    color: #f7d28b !important;
}

#content-wrapper .alert-warning,
.alert.alert-warning,
.no-products,
#products .alert,
.page-not-found .alert {
    background: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-left: 4px solid #d89638 !important;
    color: #cfbdcb !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
}

.no-products-search-widget,
.page-not-found .search-widget,
section.page-content .search-widget {
    margin-top: 20px !important;
}

.no-products-search-widget input,
.page-not-found .search-widget input,
section.page-content .search-widget input {
    background: #140412 !important;
    color: #ffffff !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 8px 0 0 8px !important;
}

.no-products-search-widget button,
.page-not-found .search-widget button,
section.page-content .search-widget button {
    background: #d89638 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 8px 8px 0 !important;
}

/* ==========================================================================
   15. CONTENU BAS DE PAGE D'ACCUEIL & ONGLETS ACCUEIL
   ========================================================================== */
.aone-tabs .nav-tabs {
    border-bottom: 2px solid rgba(216, 150, 56, 0.3) !important;
}

.aone-tabs .nav-tabs .nav-link {
    background: transparent !important;
    color: #c9b0c2 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.25s ease;
}

.aone-tabs .nav-tabs .nav-link.active,
.aone-tabs .nav-tabs .nav-link:hover {
    color: #f7d28b !important;
    border-bottom: 3px solid #d89638 !important;
    background: rgba(216, 150, 56, 0.08) !important;
    border-radius: 8px 8px 0 0;
}

.home-blocks-bottom,
.home-blocks-bottom .block,
.home-blocks-bottom .static-html,
.home-blocks-bottom .static-html > div {
    background: transparent !important;
    color: #ecdfe9 !important;
}

.static-html, 
.static-html p, 
.static-html span, 
.static-html li {
    color: #ecdfe9 !important;
}

.static-html strong {
    color: #ffffff !important;
}

.static-html div[style*="background: #faf9f7"],
.static-html div[style*="background:#faf9f7"],
.home-blocks-bottom div[style*="background: #faf9f7"],
.home-blocks-bottom div[style*="background:#faf9f7"] {
    background: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-top: 3px solid #d89638 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.static-html div[style*="background: #faf9f7"] h3 {
    color: #f7d28b !important;
}

.static-html div[style*="background: #faf9f7"] p {
    color: #cfbdcb !important;
}

.static-html div[style*="border-left"],
.home-blocks-bottom div[style*="border-left"] {
    background: #1c0919 !important;
    border-left: 4px solid #d89638 !important;
    border: 1px solid rgba(216, 150, 56, 0.25) !important;
    border-left-width: 4px !important;
    border-radius: 0 10px 10px 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.static-html div[style*="background: #292929"],
.static-html div[style*="background:#292929"],
.home-blocks-bottom div[style*="background: #292929"],
.home-blocks-bottom div[style*="background:#292929"] {
    background: linear-gradient(135deg, #240920 0%, #34102d 50%, #190516 100%) !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
}

.static-html div[style*="background: #292929"] h2 {
    color: #f7d28b !important;
    font-weight: 800 !important;
}

.static-html h2,
.home-blocks-bottom h2 {
    color: #ffffff !important;
    font-weight: 800 !important;
    border-bottom-color: rgba(216, 150, 56, 0.3) !important;
}

.static-html h3,
.home-blocks-bottom h3 {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

.static-html div[style*="display: grid"] > div {
    background: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.static-html div[style*="display: grid"] > div:hover {
    transform: translateY(-3px) !important;
    border-color: #d89638 !important;
    box-shadow: 0 6px 20px rgba(216, 150, 56, 0.2) !important;
}

.static-html div[style*="display: grid"] > div strong {
    color: #ffffff !important;
}

.static-html div[style*="display: grid"] > div p {
    color: #cfbdcb !important;
}

.static-html div[style*="color: #b38445"],
.static-html div[style*="color:#b38445"] {
    color: #f7d28b !important;
    font-weight: 800 !important;
    text-shadow: 0 0 10px rgba(216, 150, 56, 0.4);
}

.static-html div[style*="margin-top: 15px"],
.static-html div[style*="margin-top:15px"] {
    background: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.static-html div[style*="margin-top: 15px"] strong {
    color: #f7d28b !important;
}

.static-html div[style*="margin-top: 15px"] span {
    color: #cfbdcb !important;
}

/* ==========================================================================
   16. CARROUSELS, FLÈCHES, RETOUR EN HAUT & POPUPS
   ========================================================================== */
.slick-prev, 
.slick-next,
.slick-arrow {
    background: #20081c !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    color: #f7d28b !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
    border-radius: 50% !important;
}

.slick-prev:hover, 
.slick-next:hover, 
.slick-arrow:hover {
    background: #d89638 !important;
    color: #ffffff !important;
    border-color: #d89638 !important;
}

#back-to-top,
.back-to-top {
    background: #200a1c !important;
    color: #d89638 !important;
    border: 1px solid #d89638 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6) !important;
}

#back-to-top:hover,
.back-to-top:hover {
    background: #d89638 !important;
    color: #ffffff !important;
}

.modal-content,
.quickview .modal-content {
    background: #1c0919 !important;
    color: #f0e2ec !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
}

.modal-content .close {
    color: #f7d28b !important;
}


/* ==========================================================================
   NIGHT MODE v11 - COMPTE CLIENT, FORMULAIRES D'ADRESSE & PANIER ALERTE
   ========================================================================== */

/* 1. Page Mon Compte (/fr/mon-compte) - Blocs de navigation */
.page-customer-account #content .links a span.link-item,
.page-my-account #content .links a span.link-item,
#content .links a span.link-item,
body .links .link-item {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-radius: 10px !important;
    color: #f7d28b !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s ease !important;
}

.page-customer-account #content .links a span.link-item:hover,
.page-my-account #content .links a span.link-item:hover,
#content .links a span.link-item:hover,
body .links .link-item:hover {
    background: #280e24 !important;
    border-color: #d89638 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(216, 150, 56, 0.25) !important;
}

.page-customer-account #content .links a i.material-icons,
.page-my-account #content .links a i.material-icons,
#content .links a i.material-icons,
body .links .link-item i {
    color: #d89638 !important;
}

/* 2. Bandeau d'alerte nombre d'articles dans le panier (.cart-products-count) */
body .cart-detailed-totals .cart-products-count.alert-info,
body .cart-summary .cart-products-count.alert-info,
body .cart-products-count.alert-info,
body .cart-grid-right .alert-info {
    background: linear-gradient(135deg, #240a21 0%, #170415 100%) !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    color: #f7d28b !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

/* 3. Formulaires Mon Compte, Nouvelle Adresse & Informations (/fr/adresse, /fr/identite...) */
body .address-form,
body .js-address-form,
body .page-customer-account form,
body .page-my-account form,
body #customer-form,
body .register-form form {
    color: #f0e2ec !important;
}

body .address-form input.form-control,
body .address-form select.form-control,
body .js-address-form input.form-control,
body .js-address-form select.form-control,
body .page-customer-account input.form-control,
body .page-customer-account select.form-control,
body .page-my-account input.form-control,
body .page-my-account select.form-control,
body form .form-control {
    background: #140412 !important;
    background-color: #140412 !important;
    color: #ffffff !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-radius: 6px !important;
}

body .address-form input.form-control:focus,
body .address-form select.form-control:focus,
body .js-address-form input.form-control:focus,
body .js-address-form select.form-control:focus,
body form .form-control:focus {
    background: #1c071a !important;
    border-color: #d89638 !important;
    box-shadow: 0 0 10px rgba(216, 150, 56, 0.35) !important;
    color: #ffffff !important;
    outline: none !important;
}

body .address-form .form-control-label,
body .js-address-form .form-control-label,
body .page-customer-account .form-control-label,
body .page-my-account .form-control-label {
    color: #f7d28b !important;
    font-weight: 600 !important;
}

body .address-form .form-control-comment,
body .js-address-form .form-control-comment {
    color: #baa7b6 !important;
    font-style: italic !important;
}

body .address-form .form-control-submit,
body .js-address-form .form-control-submit,
body .page-customer-account .btn-primary,
body .page-my-account .btn-primary {
    background: linear-gradient(135deg, #e5a742 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(216, 150, 56, 0.35) !important;
    border-radius: 6px !important;
    padding: 10px 30px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

body .address-form .form-control-submit:hover,
body .js-address-form .form-control-submit:hover,
body .page-customer-account .btn-primary:hover,
body .page-my-account .btn-primary:hover {
    background: linear-gradient(135deg, #f0b452 0%, #c7882e 100%) !important;
    box-shadow: 0 6px 20px rgba(216, 150, 56, 0.5) !important;
}

/* Encart shadow-box sur les formulaires d'adresse */
body .js-address-form.shadow-box,
body .shadow-box {
    background: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.4) !important;
}


/* ==========================================================================
   NIGHT MODE v12 - BANNIRE DE RECHERCHE FAQ ET PANIER DROULANT / TIROIR
   ========================================================================== */

/* 1. Page FAQ (/fr/faqs) - Grand bandeau jaune moutarde / recherche */
#search_faqs_container,
div#search_faqs_container,
.search_faqs_container,
body #search_faqs_container {
    background: linear-gradient(135deg, #1f081c 0%, #120311 100%) !important;
    background-color: #1a0618 !important;
    border-bottom: 2px solid #d89638 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

#search_faqs_title,
#search_faqs_title a,
body #search_faqs_title a {
    color: #f7d28b !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

#search_faqs_input,
body #search_faqs_input {
    background: #140412 !important;
    background-color: #140412 !important;
    color: #ffffff !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}

#search_faqs_input::placeholder {
    color: #bda2b4 !important;
}

#search_faqs_submit_button,
body #search_faqs_submit_button {
    background: linear-gradient(135deg, #e5a742 0%, #b87a24 100%) !important;
    border: 1px solid #d89638 !important;
    border-radius: 0 8px 8px 0 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(216, 150, 56, 0.3) !important;
}

#search_faqs_submit_button:hover {
    background: linear-gradient(135deg, #f0b452 0%, #c7882e 100%) !important;
}

/* 2. Tiroir et Menu Droulant du Panier (.cart-dropdown, .cart-bottom, .st-menu-right) */
.cart-dropdown,
.cart-dropdown-wrapper,
.cart-bottom,
body .cart-bottom,
body .cart-dropdown,
body .cart-dropdown-wrapper,
body .st-menu-right .cart-bottom,
body .st-menu-right .cart-dropdown-wrapper {
    background: #170616 !important;
    background-color: #170616 !important;
    color: #ecdfe9 !important;
    border-color: rgba(216, 150, 56, 0.3) !important;
}

body .st-menu-right,
body .st-menu-right .st-menu-wrapper,
body .st-menu-right .st-menu-content,
body .st-menu-right .cart-items,
body .cart-dropdown .cart-items {
    background: #150514 !important;
    background-color: #150514 !important;
}

/* Bouton et conteneur de fermeture ou bas */
body .cart-dropdown .cart-action,
body .st-menu-right .cart-action {
    background: transparent !important;
}


/* ==========================================================================
   SUPPRESSION DU BLOC RECHERCHE FAQ ET DE SA BALISE H1
   ========================================================================== */
#search_faqs_container,
div#search_faqs_container,
.search_faqs_container,
#search_faqs_content,
#search_faqs_title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================================
   NIGHT MODE v14 - MASQUAGE SLECTEURS DE QUANTIT ET FOND ACTIONS PANIER
   ========================================================================== */

/* 1. Masquage des slecteurs de quantit (+ 1 -) sur Fiche Produit et Panier */
.product-quantity-touchspin,
.product-add-to-cart .product-quantity-touchspin,
.js-product-add-to-cart .product-quantity-touchspin,
.product-line-grid-right .qty-col,
.product-line-grid-right .product-quantity-touchspin,
.cart-line-product-quantity,
.js-cart-line-product-quantity,
body .qty-col,
body .product-quantity-touchspin {
    display: none !important;
}

/* Le bouton Ajouter au panier prend toute la largeur */
.product-add-to-cart.js-product-add-to-cart .product-quantity {
    display: block !important;
}

.product-add-to-cart.js-product-add-to-cart .product-quantity .add,
.product-add-to-cart.js-product-add-to-cart .product-quantity .add button.add-to-cart {
    width: 100% !important;
}

/* 2. Page Panier - Fond sombre du bloc d'action (.cart-detailed-actions) sous COMMANDER */
.cart-summary .cart-detailed-actions,
body .cart-summary .cart-detailed-actions,
body .cart-detailed-actions,
.cart-detailed-actions.js-cart-detailed-actions,
.light-box-bg,
body .light-box-bg,
body .cart-items.light-box-bg {
    background: #1c0919 !important;
    background-color: #1c0919 !important;
    border-color: rgba(216, 150, 56, 0.35) !important;
}


/* ==========================================================================
   TITRE H1 PRINCIPAL DE LA PAGE FAQ
   ========================================================================== */
h1.faq-main-heading,
body h1.faq-main-heading {
    color: #f7d28b !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin: 20px 0 35px 0 !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid rgba(216, 150, 56, 0.4) !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

@media (max-width: 767px) {
    h1.faq-main-heading,
    body h1.faq-main-heading {
        font-size: 1.4rem !important;
        margin: 15px 0 25px 0 !important;
    }
}


/* ==========================================================================
   FOND GLOBAL HEADER & TUNNEL DE COMMANDE (CHECKOUT /order & /commande)
   Corrige le bloc blanc en haut sur mobile et desktop
   ========================================================================== */
header#header,
#header,
body#checkout #header,
body.page-order #header {
    background: #180515 !important;
    background-color: #180515 !important;
}

#header .checkout-header-version,
.checkout-header-version,
body#checkout .checkout-header-version,
body.page-order .checkout-header-version {
    background: #180515 !important;
    background-color: #180515 !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.25) !important;
    padding: 14px 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

#header .checkout-header-version .header-wrapper {
    background: transparent !important;
}

#header .checkout-header-version .header-logo {
    display: flex !important;
    align-items: center !important;
}

#header .checkout-header-version .header-logo .logo {
    max-height: 52px !important;
    width: auto !important;
    display: inline-block !important;
}

#header .checkout-header-version .checkout-header-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

#header .checkout-header-version .customer-signin-module {
    margin: 0 !important;
}

#header .checkout-header-version .user-info .account-link {
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    background: rgba(35, 11, 32, 0.9) !important;
    border-radius: 20px !important;
    padding: 5px 14px !important;
    transition: all 0.25s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

#header .checkout-header-version .user-info .account-link:hover {
    border-color: #f7d28b !important;
    background: rgba(46, 16, 38, 0.95) !important;
    box-shadow: 0 0 10px rgba(216, 150, 56, 0.35) !important;
}

#header .checkout-header-version .user-info .account-link > a {
    color: #f7d28b !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
}

#header .checkout-header-version .user-info .account-link > a i,
#header .checkout-header-version .user-info .account-link > a .material-icons {
    color: #d89638 !important;
    font-size: 17px !important;
}

#header .checkout-header-version .user-info .account-link > a:hover {
    color: #ffffff !important;
}

#header .checkout-header-version .user-info .account-link > a:hover i,
#header .checkout-header-version .user-info .account-link > a:hover .material-icons {
    color: #f7d28b !important;
}

#header .checkout-header-version .user-info .customer-logged a {
    color: #f7d28b !important;
    font-weight: 600 !important;
}

#header .checkout-header-version .user-info .customer-logged a:hover {
    color: #ffffff !important;
}

/* Optimisation Mobile Checkout Header */
@media (max-width: 991px) {
    #header .checkout-header-version,
    .checkout-header-version,
    body#checkout .checkout-header-version,
    body.page-order .checkout-header-version {
        padding: 12px 10px !important;
    }
    #header .checkout-header-version .header-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
    }
    #header .checkout-header-version .header-logo {
        text-align: center !important;
        margin: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    #header .checkout-header-version .header-logo .logo {
        max-height: 46px !important;
        height: auto !important;
    }
    #header .checkout-header-version .checkout-header-right {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin-top: 2px !important;
    }
    #header .checkout-header-version .checkout-header-right .customer-signin-module {
        margin: 0 !important;
    }
}


/* ==========================================================================
   MODULE BLOG (YBC_BLOG) - THÈME SOMBRE MYSTIQUE DE LUXE
   Palette : Nuit d'améthyste (#140512 / #180515), Or solaire (#d89638 / #f7d28b)
   ========================================================================== */

/* 1. Fond général et conteneurs sur la page Blog */
body#ybc_blog_page,
body.ybc_blog,
body.ybc_blog #wrapper,
body.ybc_blog .main-content,
body.ybc_blog .center-wrapper,
body.ybc_blog #content-wrapper {
    background: transparent !important;
    background-color: transparent !important;
}

/* Fil d'Ariane sur la page blog */
body.ybc_blog .breadcrumb-wrapper,
body#ybc_blog_page .breadcrumb-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.2) !important;
}

body.ybc_blog .breadcrumb,
body#ybc_blog_page .breadcrumb {
    background: transparent !important;
    background-color: transparent !important;
    padding: 12px 0 !important;
    border: none !important;
}

body.ybc_blog .breadcrumb-item,
body.ybc_blog .breadcrumb-item a,
body.ybc_blog .breadcrumb-item span {
    color: #cfbdcb !important;
}

body.ybc_blog .breadcrumb-item a:hover {
    color: #f7d28b !important;
}

body.ybc_blog .breadcrumb-item .separator {
    color: #d89638 !important;
}

/* 2. Bouton de navigation Blog sur Mobile */
.ybc-navigation-blog,
body .ybc-navigation-blog {
    background: linear-gradient(135deg, #2a0b25 0%, #1c0919 100%) !important;
    color: #f7d28b !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 16px !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 15px !important;
}

/* 3. Blocs de la barre latérale (Recherche, Catégories, Articles récents...) */
#left-column .ybc_blog_sidebar .block,
#right-column .ybc_blog_sidebar .block,
.ybc_blog_sidebar .block,
body .ybc_blog_sidebar .block {
    background: #180515 !important;
    background-color: #180515 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
    margin-bottom: 25px !important;
    padding: 22px 20px !important;
    overflow: hidden !important;
}

/* Titres des blocs de la barre latérale */
.title_blog,
.title_block,
.ybc_blog_sidebar .title_blog,
.ybc_blog_sidebar .title_block,
body .ybc_blog_sidebar .title_blog {
    background: transparent !important;
    background-color: transparent !important;
    color: #f7d28b !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid rgba(216, 150, 56, 0.35) !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
}

/* 4. Bloc Recherche */
.ybc_block_search .block_content form {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.ybc_block_search input[type="text"],
.ybc_block_search .form-control,
body .ybc_block_search input.form-control {
    background: #120310 !important;
    background-color: #120310 !important;
    color: #ffffff !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 8px !important;
    padding: 10px 42px 10px 14px !important;
    font-size: 0.95rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.ybc_block_search input[type="text"]::placeholder,
.ybc_block_search .form-control::placeholder {
    color: #a894a4 !important;
    opacity: 0.8 !important;
}

.ybc_block_search input[type="text"]:focus,
.ybc_block_search .form-control:focus {
    border-color: #d89638 !important;
    box-shadow: 0 0 10px rgba(216, 150, 56, 0.35) !important;
    outline: none !important;
}

.ybc_block_search .button,
.ybc_block_search input[type="submit"],
body .ybc_block_search .button {
    background: linear-gradient(135deg, #d89638 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 8px 8px 0 !important;
    cursor: pointer !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    padding: 0 14px !important;
    opacity: 0 !important;
    z-index: 2 !important;
}

.ybc_block_search .icon_search {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.ybc_block_search .icon_search svg,
.ybc_block_search .icon_search i {
    fill: #d89638 !important;
    color: #d89638 !important;
}

/* 5. Bloc Catégories */
.ybc_block_categories ul.tree,
body .ybc_block_categories ul.tree {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

.ybc_block_categories ul.tree li {
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.15) !important;
}

.ybc_block_categories ul.tree li:last-child {
    border-bottom: none !important;
}

.ybc_block_categories ul.tree li a,
body .ybc_block_categories ul.tree li a {
    color: #ecdfe9 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    transition: color 0.2s, padding-left 0.2s !important;
    display: inline-block !important;
}

.ybc_block_categories ul.tree li a:hover,
.ybc_block_categories ul.tree li.active > a,
.ybc_block_categories .active > a {
    color: #f7d28b !important;
    padding-left: 5px !important;
    font-weight: 600 !important;
}

/* Boutons "Voir toutes les catégories" / Boutons d'action */
.blog_view_all,
.view_all_link,
.blog_view_all_button a,
a.blog_view_all,
body a.blog_view_all,
body .blog_view_all_button a {
    background: linear-gradient(135deg, #d89638 0%, #b87a24 100%) !important;
    background-color: #d89638 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(216, 150, 56, 0.3) !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.blog_view_all:hover,
.view_all_link:hover,
.blog_view_all_button a:hover,
a.blog_view_all:hover,
body a.blog_view_all:hover {
    background: linear-gradient(135deg, #e5a742 0%, #c48329 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(216, 150, 56, 0.5) !important;
    transform: translateY(-1px) !important;
}

/* 6. Conteneur principal du blog (Liste et Détail) */
.ybc-blog-wrapper,
.ybc_blog_layout_list,
.ybc-blog-wrapper-blog-list,
.ybc-blog-wrapper-detail,
body .ybc-blog-wrapper {
    background: #180515 !important;
    background-color: #180515 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 12px !important;
    padding: 28px 30px !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5) !important;
    color: #ecdfe9 !important;
}

/* Conteneur d'en-tête de catégorie de blog */
.blog-category,
body .blog-category,
.blog-category.has-blog-image,
body .blog-category.has-blog-image,
div.blog-category,
body div.blog-category {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    float: none !important;
    width: 100% !important;
}

/* Image de catégorie */
.blog-category.has-blog-image .ybc_item_img,
body .blog-category.has-blog-image .ybc_item_img {
    margin-bottom: 25px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
    float: none !important;
    width: 100% !important;
}

.blog-category.has-blog-image .ybc_item_img img,
body .blog-category.has-blog-image .ybc_item_img img {
    border-radius: 12px !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
}

/* Titre principal H1 du blog / catégorie */
h1.page-heading.product-listing,
.ybc-blog-wrapper h1,
body .ybc-blog-wrapper h1.page-heading,
.blog-category h1,
body .blog-category h1 {
    color: #f7d28b !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    margin: 15px 0 14px 0 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
    border-bottom: 2px solid rgba(216, 150, 56, 0.35) !important;
    padding-bottom: 14px !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
}

/* Description d'en-tête du blog / catégorie */
.blog-category-desc,
body .blog-category-desc,
.blog-category .blog-category-desc,
body .blog-category .blog-category-desc {
    color: #f0e2ec !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    margin-bottom: 25px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.15) !important;
    background: transparent !important;
}

/* Message quand aucun article n'est encore publié */
.ybc-blog-wrapper > p,
.ybc_blog_empty_post,
.no-posts-found,
body .ybc-blog-wrapper > p {
    background: rgba(216, 150, 56, 0.08) !important;
    border: 1px dashed rgba(216, 150, 56, 0.4) !important;
    border-radius: 10px !important;
    padding: 35px 25px !important;
    text-align: center !important;
    font-size: 1.15rem !important;
    color: #f7d28b !important;
    margin: 25px 0 !important;
    letter-spacing: 0.3px !important;
}

/* 7. Cartes des articles de blog (Listing) */
.ybc-blog-posts-list,
.ybc-blog-latest-post-wrapper {
    list-style: none !important;
    padding: 0 !important;
}

.ybc-blog-posts-list li,
.post-wrapper,
body .post-wrapper {
    background: #1f071b !important;
    background-color: #1f071b !important;
    border: 1px solid rgba(216, 150, 56, 0.25) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.ybc-blog-posts-list li:hover,
.post-wrapper:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(216, 150, 56, 0.6) !important;
    box-shadow: 0 8px 25px rgba(216, 150, 56, 0.2) !important;
}

.post-wrapper .ybc_title_block,
.ybc-blog-posts-list h4 a,
.post_title a,
body .post-wrapper .ybc_title_block {
    color: #f7d28b !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.post-wrapper .ybc_title_block:hover,
.ybc-blog-posts-list h4 a:hover,
.post_title a:hover {
    color: #ffffff !important;
}

.ybc-blog-meta,
.post-meta,
.ybc-blog-meta span,
body .ybc-blog-meta {
    color: #a894a4 !important;
    font-size: 0.85rem !important;
}

.ybc-blog-meta a,
.post-meta a,
body .ybc-blog-meta a {
    color: #d89638 !important;
    text-decoration: none !important;
}

.ybc-blog-meta a:hover,
.post-meta a:hover {
    color: #f7d28b !important;
    text-decoration: underline !important;
}

.ybc-blog-short-desc,
.blog_description,
body .ybc-blog-short-desc {
    color: #ecdfe9 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin: 12px 0 16px 0 !important;
}

/* Bouton Lire la suite */
.read_more,
a.read_more,
.ybc_readmore,
body a.read_more {
    color: #d89638 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.read_more:hover,
a.read_more:hover,
.ybc_readmore:hover,
body a.read_more:hover {
    color: #f7d28b !important;
    transform: translateX(4px) !important;
}

/* 8. Page détail d'un article */
.ybc-blog-wrapper-detail h1.title_blog {
    color: #f7d28b !important;
    font-size: 2.1rem !important;
    font-weight: 800 !important;
    border-bottom: 2px solid rgba(216, 150, 56, 0.35) !important;
    padding-bottom: 15px !important;
}

.ybc-blog-wrapper-detail .blog_description,
.ybc-blog-wrapper-detail .ybc-blog-description {
    color: #ecdfe9 !important;
    font-size: 1.05rem !important;
    line-height: 1.75 !important;
}

.ybc-blog-wrapper-detail h2,
.ybc-blog-wrapper-detail h3,
.ybc-blog-wrapper-detail h4 {
    color: #f7d28b !important;
    font-weight: 700 !important;
    margin-top: 25px !important;
}

/* Table des matières */
.ybc-blog-table-of-content,
.be-table-of-content,
body .ybc-blog-table-of-content {
    background: #140312 !important;
    border: 1px solid rgba(216, 150, 56, 0.35) !important;
    border-radius: 10px !important;
    padding: 18px 22px !important;
    margin: 20px 0 !important;
}

.ybc-blog-table-of-content .title_toc {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

.ybc-blog-table-of-content a {
    color: #ecdfe9 !important;
    text-decoration: none !important;
}

.ybc-blog-table-of-content a:hover {
    color: #f7d28b !important;
}

/* Tags de blog */
.ybc-blog-tag-a,
.be-tags a,
.ybc_block_tag a,
body .ybc-blog-tag-a {
    background: rgba(216, 150, 56, 0.12) !important;
    color: #f7d28b !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 6px !important;
    padding: 5px 12px !important;
    font-size: 0.85rem !important;
    display: inline-block !important;
    margin: 3px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.ybc-blog-tag-a:hover,
.be-tags a:hover,
.ybc_block_tag a:hover,
body .ybc-blog-tag-a:hover {
    background: #d89638 !important;
    color: #ffffff !important;
    border-color: #d89638 !important;
}

/* 9. Section Commentaires */
.ybc-blog-form-comment,
#blog-comment-form,
.ybc-blog-comments-list,
body .ybc-blog-form-comment {
    background: #140412 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 10px !important;
    padding: 24px !important;
    margin-top: 30px !important;
}

.ybc-blog-form-comment .title_blog,
.ybc-blog-comments-list .title_blog {
    color: #f7d28b !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.3) !important;
    padding-bottom: 10px !important;
}

.ybc-blog-form-comment input[type="text"],
.ybc-blog-form-comment input[type="email"],
.ybc-blog-form-comment textarea,
body .ybc-blog-form-comment input.form-control,
body .ybc-blog-form-comment textarea.form-control {
    background: #1f071b !important;
    color: #ffffff !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 0.95rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.ybc-blog-form-comment input:focus,
.ybc-blog-form-comment textarea:focus {
    border-color: #d89638 !important;
    box-shadow: 0 0 10px rgba(216, 150, 56, 0.35) !important;
    outline: none !important;
}

.ybc-blog-form-comment .blog-submit .button,
.ybc-blog-form-comment input[type="submit"],
body .ybc-blog-form-comment .blog-submit .button {
    background: linear-gradient(135deg, #d89638 0%, #b87a24 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    padding: 11px 26px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(216, 150, 56, 0.4) !important;
    transition: all 0.2s ease !important;
}

.ybc-blog-form-comment .blog-submit .button:hover,
.ybc-blog-form-comment input[type="submit"]:hover {
    background: linear-gradient(135deg, #e5a742 0%, #c48329 100%) !important;
    box-shadow: 0 6px 20px rgba(216, 150, 56, 0.5) !important;
}

/* Commentaire individuel */
.comment-content,
.comment-item,
body .comment-content {
    background: #1c0919 !important;
    border: 1px solid rgba(216, 150, 56, 0.2) !important;
    border-radius: 8px !important;
    padding: 16px 18px !important;
    margin-bottom: 16px !important;
}

.comment-content h4.comment_name,
.comment-content .comment_name span {
    color: #f7d28b !important;
    font-weight: 700 !important;
}

.comment-content .comment_date {
    color: #a894a4 !important;
    font-size: 0.85rem !important;
}

.comment-content .subject_comment {
    color: #ecdfe9 !important;
    font-weight: 600 !important;
}

.comment-content .comment_content {
    color: #ecdfe9 !important;
    line-height: 1.6 !important;
}

/* Mention J'aime */
.ybc-blog-like-span,
.ybc-blog-like-span.active {
    color: #f7d28b !important;
    cursor: pointer !important;
}

/* 10. Responsive Mobile */
@media (max-width: 767px) {
    h1.page-heading.product-listing,
    .ybc-blog-wrapper h1,
    body .ybc-blog-wrapper h1.page-heading {
        font-size: 1.5rem !important;
    }

    .ybc-blog-wrapper,
    body .ybc-blog-wrapper {
        padding: 20px 16px !important;
        margin-top: 15px !important;
    }

    #left-column .ybc_blog_sidebar .block,
    .ybc_blog_sidebar .block {
        margin-bottom: 15px !important;
        padding: 15px !important;
    }
}


/* ==========================================================================
   SELECTEUR DE LANGUE & DEVISE - THEME SOMBRE MYSTIQUE DE LUXE
   Palette : Nuit d'amethyste (#140512 / #180515), Or solaire (#d89638 / #f7d28b)
   ========================================================================== */

/* 1. Wrapper du selecteur */
.language-selector-wrapper,
.currency-selector-wrapper,
body .language-selector-wrapper,
body .currency-selector-wrapper {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

/* 2. Bouton Declencheur (Trigger Button) */
.language-selector .dropdown-current,
.currency-selector .dropdown-current,
body .language-selector .dropdown-current,
body .currency-selector .dropdown-current,
.language-selector button.dropdown-current,
.currency-selector button.dropdown-current {
    background: #1f071b !important;
    background-color: #1f071b !important;
    color: #f7d28b !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) !important;
    transition: all 0.2s ease-in-out !important;
    line-height: 1.2 !important;
    outline: none !important;
    text-shadow: none !important;
}

/* Survol & etat ouvert du bouton declencheur */
.language-selector .dropdown-current:hover,
.currency-selector .dropdown-current:hover,
.language-selector .dropdown-current:focus,
.currency-selector .dropdown-current:focus,
.language-selector.open .dropdown-current,
.language-selector .show > .dropdown-current,
.language-selector .dropdown-current[aria-expanded="true"] {
    background: #2b0b26 !important;
    background-color: #2b0b26 !important;
    color: #ffffff !important;
    border-color: #d89638 !important;
    box-shadow: 0 0 12px rgba(216, 150, 56, 0.4) !important;
}

/* Fleche / Caret */
.language-selector .dropdown-current:after,
.currency-selector .dropdown-current:after {
    display: inline-block !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
    content: "" !important;
    border-top: 4px solid #d89638 !important;
    border-right: 4px solid transparent !important;
    border-bottom: 0 !important;
    border-left: 4px solid transparent !important;
    transition: transform 0.2s ease !important;
}

.language-selector .dropdown-current[aria-expanded="true"]:after,
.language-selector.open .dropdown-current:after,
.language-selector .show > .dropdown-current:after {
    transform: rotate(180deg) !important;
}

/* Drapeaux */
.language-selector img,
.sidebar-language img,
body .language-selector img {
    border-radius: 2px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

/* 3. Menu Deroulant (Dropdown Menu) */
.language-selector .dropdown-menu,
.currency-selector .dropdown-menu,
body .language-selector .dropdown-menu,
body .currency-selector .dropdown-menu {
    background: #180515 !important;
    background-color: #180515 !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 0 18px rgba(216, 150, 56, 0.2) !important;
    padding: 6px 0 !important;
    margin-top: 6px !important;
    min-width: 185px !important;
    max-height: 380px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 1050 !important;
}

/* Scrollbar personnalisee sombre et doree */
.language-selector .dropdown-menu::-webkit-scrollbar,
.currency-selector .dropdown-menu::-webkit-scrollbar {
    width: 6px !important;
}

.language-selector .dropdown-menu::-webkit-scrollbar-track,
.currency-selector .dropdown-menu::-webkit-scrollbar-track {
    background: #120310 !important;
    border-radius: 4px !important;
}

.language-selector .dropdown-menu::-webkit-scrollbar-thumb,
.currency-selector .dropdown-menu::-webkit-scrollbar-thumb {
    background: rgba(216, 150, 56, 0.45) !important;
    border-radius: 4px !important;
}

.language-selector .dropdown-menu::-webkit-scrollbar-thumb:hover,
.currency-selector .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #d89638 !important;
}

/* 4. Liste des langues et items */
.language-selector .language-list,
.currency-selector .currency-list,
body .language-selector .language-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.language-selector .language-list li,
.currency-selector .currency-list li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Ligne individuelle de langue (.dropdown-item) */
.language-selector .dropdown-item,
.currency-selector .dropdown-item,
body .language-selector .dropdown-item,
body .currency-selector .dropdown-item {
    color: #e5d8e3 !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 8px 16px !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
    border: none !important;
    border-left: 3px solid transparent !important;
    transition: all 0.15s ease-in-out !important;
    cursor: pointer !important;
}

.language-selector .dropdown-item .l-name,
.currency-selector .dropdown-item .c-name {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: inherit !important;
}

.language-selector .dropdown-item .l-code {
    display: inline-block !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    color: #a894a4 !important;
    opacity: 0.7 !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    margin-left: 8px !important;
}

/* Survol (Hover) d'une langue */
.language-selector .dropdown-item:hover,
.currency-selector .dropdown-item:hover,
.language-selector .dropdown-item:focus,
.currency-selector .dropdown-item:focus,
body .language-selector .dropdown-item:hover {
    background: rgba(216, 150, 56, 0.14) !important;
    background-color: rgba(216, 150, 56, 0.14) !important;
    color: #f7d28b !important;
    border-left-color: #d89638 !important;
    padding-left: 20px !important;
}

.language-selector .dropdown-item:hover .l-code,
.currency-selector .dropdown-item:hover .c-code {
    color: #f7d28b !important;
    opacity: 1 !important;
}

/* Langue active / selectionnee (.current) */
.language-selector .language-list li.current .dropdown-item,
.currency-selector .currency-list li.current .dropdown-item,
body .language-selector .language-list li.current .dropdown-item,
body .currency-selector .currency-list li.current .dropdown-item,
.language-selector .dropdown-item.active,
.currency-selector .dropdown-item.active {
    background: rgba(216, 150, 56, 0.2) !important;
    background-color: rgba(216, 150, 56, 0.2) !important;
    color: #f7d28b !important;
    font-weight: 700 !important;
    border-left-color: #d89638 !important;
}

.language-selector .language-list li.current .l-code,
.currency-selector .currency-list li.current .c-code {
    color: #d89638 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* 5. Version Mobile et Sidebar (.sidebar-language) */
.sidebar-language,
.sidebar-currency,
body .sidebar-language,
body .sidebar-currency {
    border-top: 1px solid rgba(216, 150, 56, 0.25) !important;
    background: transparent !important;
    padding: 16px 12px !important;
}

.sidebar-language .language-list,
.sidebar-currency .currency-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
}

.sidebar-language .language-list li,
.sidebar-currency .currency-list li {
    margin: 0 !important;
}

.sidebar-language .language-list .dropdown-item,
.sidebar-currency .currency-list .dropdown-item,
body .sidebar-language .language-list .dropdown-item,
body .sidebar-currency .currency-list .dropdown-item {
    background: #1f071b !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 6px !important;
    color: #ecdfe9 !important;
    padding: 6px 10px !important;
    min-width: 44px !important;
    text-align: center !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.sidebar-language .language-list .dropdown-item:hover,
.sidebar-currency .currency-list .dropdown-item:hover {
    background: #2b0b26 !important;
    border-color: #d89638 !important;
    color: #f7d28b !important;
    box-shadow: 0 0 8px rgba(216, 150, 56, 0.3) !important;
}

.sidebar-language .language-list .current .dropdown-item,
.sidebar-currency .currency-list .current .dropdown-item,
body .sidebar-language .language-list .current .dropdown-item,
body .sidebar-currency .currency-list .current .dropdown-item {
    background: linear-gradient(135deg, #d89638 0%, #b87a24 100%) !important;
    border-color: #d89638 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(216, 150, 56, 0.4) !important;
}

/* Ajustements Header Mobile */
.mobile-header-version .language-selector .dropdown-current,
.mobile-header-version .currency-selector .dropdown-current {
    padding: 4px 8px !important;
    font-size: 0.8rem !important;
}

/* ==========================================================================
   BLOG YBC - LISIBILITÉ PARFAITE THÈME SOMBRE & OR
   ========================================================================== */
.ybc-blog-wrapper-detail,
.ybc-blog-wrapper-content,
.post-details,
.blog_description,
.ybc_blog_layout_list,
.ybc-blog-latest-post-content {
    color: #f0e2ec !important;
}

.ybc-blog-wrapper-content h1,
.ybc-blog-wrapper-detail h1,
.post-details h1 {
    color: #f7d28b !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

.ybc-blog-wrapper-content h2,
.ybc-blog-wrapper-detail h2,
.post-details h2 {
    color: #f7d28b !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    margin-top: 35px !important;
    margin-bottom: 18px !important;
    border-bottom: 2px solid rgba(216, 150, 56, 0.4) !important;
    padding-bottom: 8px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

.ybc-blog-wrapper-content h3,
.ybc-blog-wrapper-detail h3,
.post-details h3 {
    color: #e9c178 !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    margin-top: 25px !important;
    margin-bottom: 12px !important;
}

.ybc-blog-wrapper-content p,
.ybc-blog-wrapper-detail p,
.post-details p,
.blog_description p {
    color: #f0e2ec !important;
    font-size: 1.08rem !important;
    line-height: 1.85 !important;
}

.ybc-blog-wrapper-content li,
.ybc-blog-wrapper-detail li,
.post-details li {
    color: #f0e2ec !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    margin-bottom: 8px !important;
}

.ybc-blog-wrapper-content strong,
.ybc-blog-wrapper-detail strong,
.post-details strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.ybc-blog-wrapper-content em,
.ybc-blog-wrapper-detail em,
.post-details em {
    color: #f7d28b !important;
    font-style: italic !important;
}

/* Encarts de citations & Callouts */
.ybc-blog-wrapper-content div[style*="border-left"],
.ybc-blog-wrapper-detail div[style*="border-left"],
.post-details div[style*="border-left"],
.ybc-blog-wrapper-content blockquote,
.post-details blockquote {
    background: rgba(216, 150, 56, 0.08) !important;
    border-left: 4px solid #d89638 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 22px 26px !important;
    margin: 32px 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

.ybc-blog-wrapper-content div[style*="border-left"] p,
.ybc-blog-wrapper-detail div[style*="border-left"] p,
.post-details div[style*="border-left"] p,
.post-details blockquote p {
    color: #f7d28b !important;
    font-style: italic !important;
    font-size: 1.12rem !important;
    line-height: 1.75 !important;
}

/* Métadonnées du blog (Date, Catégorie, Vues) */
.ybc-blog-sidear-post-meta,
.ybc-blog-latest-toolbar,
.be-categories,
.post-date,
.ybc-blog-latest-toolbar-views {
    color: #cfbdcb !important;
}

.be-categories a,
.ybc_title_block,
.read_more {
    color: #f7d28b !important;
}

.read_more:hover,
.ybc_title_block:hover {
    color: #ffffff !important;
}

/* ==========================================================================
   ARTICLES DE BLOG ASSOCIÉS / CONCERNÉS & PRODUITS ASSOCIÉS (YBC_BLOG)
   Suppression définitive des fonds blancs et intégration améthyste & or
   ========================================================================== */

/* 1. Bloc conteneur des articles associés sur la fiche produit */
.ybc-blog-related-posts.on_product,
body .ybc-blog-related-posts.on_product,
section .ybc-blog-related-posts.on_product {
    background: #140512 !important;
    background-color: #140512 !important;
    border: 1px solid rgba(216, 150, 56, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
    color: #f0e2ec !important;
    padding: 25px 25px 20px 25px !important;
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

/* 2. Bloc conteneur des articles associés et produits associés sur l'article de blog */
.ybc-blog-related-posts,
body .ybc-blog-related-posts,
#ybc-blog-related-products,
body #ybc-blog-related-products {
    background: transparent !important;
    background-color: transparent !important;
    border-top: 1px solid rgba(216, 150, 56, 0.25) !important;
    padding-top: 28px !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

/* 3. Titres de section : "Articles associés" et "Produits associés" */
.ybc-blog-related-posts .title-block,
.ybc-blog-related-posts .title_blog,
#ybc-blog-related-products .title_blog,
body .ybc-blog-related-posts .title-block,
body .ybc-blog-related-posts .title_blog,
body #ybc-blog-related-products .title_blog {
    color: #f7d28b !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid rgba(216, 150, 56, 0.3) !important;
    padding-bottom: 12px !important;
    margin-bottom: 22px !important;
    background: transparent !important;
}

.ybc-blog-related-posts .title-block span,
body .ybc-blog-related-posts .title-block span {
    color: #f7d28b !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

/* 4. Cartes des articles de blog associés */
.ybc-blog-related-posts-list-li,
.ybc_blog_content_block_item.ybc-blog-related-posts-list-li,
.ybc-blog-related-posts .thumbnail-container,
body .ybc-blog-related-posts .thumbnail-container,
body .ybc-blog-related-posts-list-li {
    background: #1f071b !important;
    background-color: #1f071b !important;
    border: 1px solid rgba(216, 150, 56, 0.25) !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.ybc-blog-related-posts-list-li:hover,
.ybc-blog-related-posts .thumbnail-container:hover,
body .ybc-blog-related-posts .thumbnail-container:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(216, 150, 56, 0.6) !important;
    box-shadow: 0 8px 25px rgba(216, 150, 56, 0.2) !important;
}

/* 5. Image de l'article de blog associé */
.ybc-blog-related-posts .ybc_item_img,
body .ybc-blog-related-posts .ybc_item_img {
    background: #140512 !important;
    background-color: #140512 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(216, 150, 56, 0.2) !important;
    margin-bottom: 12px !important;
}

.ybc-blog-related-posts .ybc_item_img img,
body .ybc-blog-related-posts .ybc_item_img img {
    border-radius: 7px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.ybc-blog-related-posts-list-li:hover .ybc_item_img img {
    transform: scale(1.04) !important;
}

/* 6. Titre de l'article associé */
.ybc-blog-related-posts .ybc_title_block,
body .ybc-blog-related-posts .ybc_title_block,
.ybc-blog-related-posts h4 a,
.ybc-blog-related-posts a.ybc_title_block {
    color: #f7d28b !important;
    font-size: 1.08rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.ybc-blog-related-posts .ybc_title_block:hover,
body .ybc-blog-related-posts .ybc_title_block:hover {
    color: #ffffff !important;
}

/* 7. Métadonnées (Date, Catégorie, Vues) */
.ybc-blog-related-posts .ybc-blog-sidear-post-meta,
.ybc-blog-related-posts .ybc-blog-latest-toolbar,
.ybc-blog-related-posts .post-date,
.ybc-blog-related-posts .ybc-blog-latest-toolbar-views,
body .ybc-blog-related-posts .ybc-blog-sidear-post-meta,
body .ybc-blog-related-posts .ybc-blog-latest-toolbar {
    color: #cfbdcb !important;
    font-size: 0.85rem !important;
}

.ybc-blog-related-posts .ybc-blog-categories a,
.ybc-blog-related-posts .be-categories a {
    color: #d89638 !important;
    text-decoration: none !important;
}

.ybc-blog-related-posts .ybc-blog-categories a:hover,
.ybc-blog-related-posts .be-categories a:hover {
    color: #f7d28b !important;
    text-decoration: underline !important;
}

.ybc-blog-related-posts .ets_svg svg,
.ybc-blog-related-posts .ets_svg path,
body .ybc-blog-related-posts svg path {
    fill: #d89638 !important;
}

/* 8. Description courte de l'article */
.ybc-blog-related-posts .blog_description,
body .ybc-blog-related-posts .blog_description {
    color: #ecdfe9 !important;
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
    margin: 10px 0 14px 0 !important;
}

/* 9. Lien "Lire la suite" */
.ybc-blog-related-posts .read_more,
body .ybc-blog-related-posts .read_more {
    color: #d89638 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    border-bottom: 1px dotted rgba(216, 150, 56, 0.5) !important;
    transition: all 0.2s ease !important;
}

.ybc-blog-related-posts .read_more:hover,
body .ybc-blog-related-posts .read_more:hover {
    color: #f7d28b !important;
    border-bottom-color: #f7d28b !important;
    transform: translateX(4px) !important;
}

/* 10. Boutons flèches carrousel (Slick & Owl) */
.ybc_blog_carousel button.slick-arrow,
body .ybc_blog_carousel button.slick-arrow,
.owl-theme .owl-nav [class*="owl-"] {
    background: #1f071b !important;
    background-color: #1f071b !important;
    border: 1px solid rgba(216, 150, 56, 0.4) !important;
    border-radius: 50% !important;
    color: #f7d28b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.2s ease !important;
}

.ybc_blog_carousel button.slick-arrow:hover,
body .ybc_blog_carousel button.slick-arrow:hover,
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #2b0b26 !important;
    border-color: #f7d28b !important;
    color: #ffffff !important;
}

.ybc_blog_carousel button.slick-prev:before,
.ybc_blog_carousel button.slick-next:before {
    border-top: 2px solid #f7d28b !important;
    border-right: 2px solid #f7d28b !important;
}

/* 11. Produits associés sous l'article de blog (#ybc-blog-related-products) */
#ybc-blog-related-products .ajax_block_product,
#ybc-blog-related-products .product-container,
body #ybc-blog-related-products .product-container {
    background: #1f071b !important;
    background-color: #1f071b !important;
    border: 1px solid rgba(216, 150, 56, 0.25) !important;
    border-radius: 10px !important;
    padding: 14px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

#ybc-blog-related-products .product-container:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(216, 150, 56, 0.6) !important;
    box-shadow: 0 8px 24px rgba(216, 150, 56, 0.2) !important;
}

#ybc-blog-related-products .product-name a,
body #ybc-blog-related-products .product-name a {
    color: #f7d28b !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

#ybc-blog-related-products .product-name a:hover {
    color: #ffffff !important;
}

#ybc-blog-related-products .content_price span,
body #ybc-blog-related-products .content_price span {
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
}

#ybc-blog-related-products .product-des,
body #ybc-blog-related-products .product-des {
    color: #ecdfe9 !important;
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
}

/* Prix sur la même ligne que délai et niveau */
@media (min-width: 768px) {
    #add-to-cart-or-refresh {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-end !important;
        column-gap: 10px !important;
        row-gap: 0 !important;
    }
    #add-to-cart-or-refresh > .product-variants,
    #add-to-cart-or-refresh > .product-discounts,
    #add-to-cart-or-refresh > .product-price-and-cart-wrapper,
    #add-to-cart-or-refresh .product-variants-wrapper {
        display: contents !important;
    }
    #add-to-cart-or-refresh .product-variants-item {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    #add-to-cart-or-refresh .product-variants-item:first-of-type {
        flex: 1.45 1 0 !important;
    }
    #add-to-cart-or-refresh .product-variants-item label,
    #add-to-cart-or-refresh .product-variants-item .form-control-label {
        white-space: nowrap !important;
        height: auto !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 0.8rem !important;
        letter-spacing: 0 !important;
        line-height: 1.2 !important;
        margin: 0 0 8px 0 !important;
        overflow: visible !important;
    }
    #add-to-cart-or-refresh .product-variants-item select.form-control-select {
        min-width: 0 !important;
        width: 100% !important;
        height: 48px !important;
        padding: 0 26px 0 10px !important;
        font-size: 0.85rem !important;
    }
    #add-to-cart-or-refresh .product-prices {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: flex-end !important;
        transform: translateY(-16px) !important;
    }
    #add-to-cart-or-refresh .product-prices .product-prices-wrapper,
    #add-to-cart-or-refresh .product-prices .current-price {
        display: flex !important;
        align-items: center !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #add-to-cart-or-refresh .product-prices .current-price-value {
        margin: 0 !important;
        white-space: nowrap !important;
        display: flex !important;
        align-items: center !important;
        height: 48px !important;
        line-height: 48px !important;
        font-size: 1.85rem !important;
    }
    #add-to-cart-or-refresh .product-quantity-touchspin {
        display: none !important;
    }
    #add-to-cart-or-refresh .product-add-to-cart {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 16px !important;
    }
    #add-to-cart-or-refresh .product-add-to-cart .product-quantity,
    #add-to-cart-or-refresh .product-add-to-cart .add,
    #add-to-cart-or-refresh button.add-to-cart {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }
}

/* Panier : une colonne lisible, le total sous la lecture */
body#cart #main {
    max-width: 1080px;
    margin: 8px auto 48px;
    padding-left: 18px;
    padding-right: 18px;
}
body#cart h1.page-heading {
    font-size: 2rem !important;
    line-height: 1.2 !important;
    margin: 0 0 22px !important;
}
body#cart .cart-grid.row {
    display: flex !important;
    flex-direction: column !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body#cart .cart-grid-body {
    display: contents !important;
}
body#cart .cart-container { order: 1; }
body#cart .cart-grid-right { order: 2; }
body#cart .cart-continue-shopping { order: 3; }
body#cart .cart-container,
body#cart .cart-grid-right,
body#cart .cart-continue-shopping {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body#cart .cart-overview .cart-items {
    padding: 10px 22px !important;
}
body#cart .product-line-grid {
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 18px 0 20px !important;
    gap: 18px !important;
}
body#cart .product-line-grid .product-line-grid-left {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 18px !important;
}
body#cart .product-line-grid .product-line-grid-right {
    width: auto !important;
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}
body#cart .product-line-grid .product-image {
    max-width: none !important;
    width: 168px !important;
    flex: 0 0 168px !important;
    margin: 0 !important;
}
body#cart .product-line-grid .product-image img {
    width: 168px !important;
    height: auto !important;
    max-height: 230px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
}
body#cart .product-line-grid .product-name,
body#cart .product-line-grid .product-name a {
    font-size: 1.35rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #fff8ee !important;
}
body#cart .product-line-grid .product-line-info,
body#cart .product-line-grid .product-line-info span,
body#cart .product-line-grid .product-line-info i {
    font-size: 1.05rem !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    color: #ecdfe9 !important;
}
body#cart .product-line-grid-body .product-prices {
    display: none !important;
}
body#cart .product-line-grid .price-col .product-price {
    font-size: 1.85rem !important;
    line-height: 1.1 !important;
}
body#cart .remove-from-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    font-size: 1.25rem !important;
}
body#cart .cart-grid-right .cart-summary {
    padding: 22px 26px !important;
    margin-top: 18px !important;
}
body#cart .cart-detailed-totals,
body#cart .cart-summary-subtotals,
body#cart .cart-summary-totals,
body#cart .cart-summary-line,
body#cart .cart-products-count {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
body#cart .cart-products-count {
    font-size: 1.08rem !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
}
body#cart .cart-summary-line {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid rgba(216, 150, 56, 0.22) !important;
    font-size: 1.08rem !important;
}
body#cart .cart-total {
    border-bottom: none !important;
}
body#cart .cart-total .value {
    font-size: 2rem !important;
}
body#cart .promo-code-button,
body#cart .promo-code-button a {
    font-size: 1.05rem !important;
}
@media (min-width: 768px) {
    body#cart .cart-grid-right .cart-summary {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 260px !important;
        align-items: center !important;
        column-gap: 32px !important;
    }
    body#cart .cart-grid-right .cart-detailed-totals {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    body#cart .cart-grid-right .cart-detailed-actions {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: stretch !important;
        display: flex !important;
        align-items: center !important;
        background: transparent !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body#cart .cart-detailed-actions .btn {
        width: 100% !important;
        min-height: 58px !important;
    }
}
body#cart .cart-detailed-actions .btn:focus-visible {
    outline: 2px solid #fff8ee !important;
    outline-offset: 3px !important;
}
body#cart .cart-continue-shopping {
    margin-top: 16px !important;
}
body#cart .cart-continue-shopping .btn {
    background: transparent !important;
    color: #f7d28b !important;
    border: 1px solid rgba(216, 150, 56, 0.45) !important;
    border-radius: 8px !important;
    min-height: 48px !important;
    padding: 10px 18px !important;
}
@media (max-width: 575px) {
    body#cart .product-line-grid {
        flex-wrap: wrap !important;
    }
    body#cart .product-line-grid .product-image,
    body#cart .product-line-grid .product-image img {
        width: 108px !important;
        flex-basis: 108px !important;
    }
    body#cart .product-line-grid .product-name,
    body#cart .product-line-grid .product-name a {
        font-size: 1.1rem !important;
    }
}