@media (min-width: 768px) {
    .mm_menus_li_lang {
        display: none !important;
    }
}
.instagram_item_img  a.ybc_instagram_fancy {
    display: block;
    position: relative;
    padding-top: 100%;
    background-size: cover;
}

.instagram_item_img a.ybc_instagram_fancy img {
    display: none;
}

a.ph-insta-follow-us {
    background: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
}

.ybc_instagram.block_instagram {
    clear: both;
    text-align: center;
    margin-bottom: 50px;
}

.top_instagram_follow h3.h3.title-block {
    font-size: 20px;
    font-weight: 600;
}

.top_instagram_follow {
    margin-bottom: 8px;
}
.ybc_instagram.block_instagram {
    clear: both;
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
#_desktop_language_selector {
    visibility: visible !important;
}

body.lang-rtl .mls_slides {
    transform-origin: 100% 0 !important;
}






@media (min-width: 992px) {
    .header_top_content {
        position: relative !important;
    }
    .header_top_content .top_right {
        position: absolute !important;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        float: none !important;
        width: auto !important;
        display: flex !important;
        align-items: center;
    }
}

@media (min-width: 576px) {
    .ybc-widget-item.col-sm-4 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }
}

.header_content {
    background-color: #ffffff !important;
}
.mm_menus_li > a {
    color: #9E8671 !important;
}
.mm_menus_li > a:hover,
.mm_menus_li.active > a {
    color: #7A6650 !important;
}

:root {
    --reva-cream: #f4f1e9;
}
body {
    background-color: var(--reva-cream) !important;
}

.product-miniature .product-description {
    background-color: #c6a78d80 !important;
}

.product-miniature .highlighted-informations {
    background-color: var(--reva-cream) !important;
}

.ybc-widget-item .ybc-widget-title {
    position: absolute !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    background-color: #c6a78d8a !important;
    color: #ffffff !important;
    text-align: center !important;
    padding: 8px 10px !important;
    font-weight: bold !important;
    font-size: 11px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.ybc-widget-item:hover .ybc-widget-title,
.ybc-widget-item-content:hover .ybc-widget-title,
.ybc-widget-item.is-hovered .ybc-widget-title {
    background-color: rgba(255, 255, 255, 0.85) !important;
    color: #C6A78D !important;
}

@media (max-width: 767px) {
    .product-miniature.col-md-3 {
        width: 50% !important;
    }
}

/* ==========================================================================
   TIFASCARF - DESIGN HARMONISATION & CHECKOUT OPTIMISATION
   ========================================================================== */

:root {
    --tifa-gold: #C6A78D;
    --tifa-gold-dark: #9E8671;
    --tifa-gold-light: #f7f3ee;
    --tifa-dark: #1f2421;
    --tifa-charcoal: #2d3748;
    --tifa-light-bg: #fbf9f6;
    --tifa-border: #e8e4df;
    --tifa-radius: 8px;
    --tifa-radius-lg: 12px;
    --tifa-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    --tifa-shadow-hover: 0 8px 24px rgba(198, 167, 141, 0.18);
}

/* --- Global Polish --- */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --- Form Fields Harmonisation Across All Pages --- */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
select.form-control {
    height: 46px !important;
    border: 1.5px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius) !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: var(--tifa-charcoal) !important;
    background-color: #ffffff !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select.form-control:focus {
    border-color: var(--tifa-gold) !important;
    box-shadow: 0 0 0 3px rgba(198, 167, 141, 0.2) !important;
    outline: none !important;
    background-color: #fff !important;
}

.form-control-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4a5568 !important;
    letter-spacing: 0.2px !important;
    margin-bottom: 6px !important;
}

.form-control-label.required::after,
label.required::after {
    color: #e53e3e !important;
    margin-left: 3px !important;
}

/* --- Buttons Harmonisation --- */
.btn-primary,
.form-control-submit,
.btn-checkout-continue,
button.continue {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    border-radius: var(--tifa-radius) !important;
    padding: 12px 28px !important;
    min-height: 46px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.btn-primary:hover,
.form-control-submit:hover,
.btn-checkout-continue:hover,
button.continue:hover {
    background-color: var(--tifa-gold) !important;
    border-color: var(--tifa-gold) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(198, 167, 141, 0.35) !important;
}

/* --- CHECKOUT PAGE MODERNISATION --- */
#checkout {
    background-color: var(--tifa-light-bg) !important;
}

#checkout #wrapper {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}

.checkout-step {
    background: #ffffff !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-lg) !important;
    box-shadow: var(--tifa-shadow) !important;
    margin-bottom: 20px !important;
    padding: 22px 26px !important;
    transition: all 0.3s ease !important;
}

.checkout-step.-current {
    border-color: var(--tifa-gold) !important;
    box-shadow: 0 8px 24px rgba(198, 167, 141, 0.14) !important;
}

.checkout-step .step-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--tifa-dark) !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f0ede9 !important;
}

.checkout-step.-current .step-title {
    margin-bottom: 20px !important;
}

.checkout-step .step-number {
    background: var(--tifa-gold) !important;
    color: #ffffff !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

.checkout-step.-complete .step-number {
    background: #38a169 !important;
}

.checkout-step .step-edit {
    margin-left: auto !important;
    font-size: 13px !important;
    color: var(--tifa-gold) !important;
    cursor: pointer !important;
    font-weight: 600 !important;
}

.checkout-step .step-edit:hover {
    color: var(--tifa-gold-dark) !important;
    text-decoration: underline !important;
}

/* Sendit City : champ unique avec autocomplete (checkout) */
/* Fix (demande utilisateur) : "le champ ville doit etre comme les autres champs
   visuellement, pas d'entoure/de cadre". Le wrapper avait un fond beige + une bordure
   pointillee doree qui le faisait ressortir par rapport aux autres champs du
   formulaire (Prenom, Nom, Adresse...). On enleve ce style special : le wrapper
   redevient neutre (juste un point d'ancrage pour la liste de suggestions et le
   bouton "effacer"), et le champ de recherche recupere l'apparence standard
   .form-control commune a tous les autres champs (meme bordure, meme fond). */
.sendit-city-wrapper {
    position: relative !important;
}

.sendit-city-search-filter {
    padding-right: 38px !important;
}

/* Fix (demande utilisateur) : ajouter un bouton "X" dans le champ, visible des
   qu'il contient du texte, pour effacer/changer facilement la ville choisie sans
   avoir a tout re-selectionner au clavier. Voir custom.js pour le comportement. */
.sendit-city-clear-btn {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border: none;
    background: transparent;
    color: #a0aec0;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
}
.sendit-city-clear-btn:hover {
    background: #f1ede8;
    color: #718096;
}
.sendit-city-clear-btn[hidden] {
    display: none;
}

/* Fix (demande utilisateur) : "le champ ville doit etre un seul champ avec
   autocomplete". Le <select> natif reste dans le DOM (necessaire pour la validation
   HTML "required" et pour la soumission du formulaire), mais n'est plus affiche ni
   cliquable - le champ de recherche ci-dessus + la liste de suggestions ci-dessous
   (voir custom.js) le remplacent visuellement comme unique point d'interaction.
   Cache via opacity/taille 1px (pas display:none) : un champ display:none est exclu
   de la validation native des formulaires, ce qui aurait annule le "required". */
.js-sendit-city-select {
    /* top/left/width/height : le select invisible est cale exactement par-dessus le
       champ de recherche visible (memes dimensions), pour que la bulle d'erreur
       native du navigateur ("Selectionnez un element dans la liste") pointe bien sur
       le champ Ville - avant, sans top/left, elle s'affichait a la position "statique"
       du select dans le flux d'origine, qui tombait au niveau du champ Telephone. */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.sendit-city-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 60;
    margin: 4px 0 0 0;
    padding: 4px;
    list-style: none;
    background: #ffffff;
    border: 1.5px solid var(--tifa-gold, #c6a78d);
    border-radius: var(--tifa-radius, 8px);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14);
    max-height: 240px;
    overflow-y: auto;
}

.sendit-city-suggestions[hidden] {
    display: none;
}

.sendit-city-suggestions li {
    padding: 9px 12px;
    font-size: 14px;
    color: var(--tifa-charcoal, #2d3748);
    cursor: pointer;
    border-radius: 6px;
    line-height: 1.3;
}

.sendit-city-suggestions li:hover,
.sendit-city-suggestions li.active {
    background: var(--tifa-gold-light, #f7f3ee);
    color: var(--tifa-gold-dark, #9E8671);
}

/* Sticky Checkout Summary */
@media (min-width: 992px) {
    #checkout .col-md-4 {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
        z-index: 99;
    }
}

#js-checkout-summary {
    background: #ffffff !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-lg) !important;
    box-shadow: var(--tifa-shadow) !important;
    overflow: hidden !important;
}

#js-checkout-summary .title_summary {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--tifa-dark) !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f0ede9 !important;
}

#js-checkout-summary .cart-summary-line {
    padding: 8px 0 !important;
    font-size: 14px !important;
}

#js-checkout-summary .cart-total {
    background-color: var(--tifa-gold-light) !important;
    padding: 14px 16px !important;
    border-radius: var(--tifa-radius) !important;
    margin-top: 12px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#js-checkout-summary .cart-total .label {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--tifa-dark) !important;
}

#js-checkout-summary .cart-total .value {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--tifa-gold-dark) !important;
}

/* Delivery Carriers List in Checkout */
.delivery-options .delivery-option {
    background: #ffffff !important;
    border: 1.5px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius) !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    transition: all 0.25s ease !important;
}

.delivery-options .delivery-option:hover,
.delivery-options .delivery-option.selected {
    border-color: var(--tifa-gold) !important;
    background-color: #faf8f5 !important;
    box-shadow: 0 4px 12px rgba(198, 167, 141, 0.15) !important;
}

/* Payment Options */
.payment-options .payment-option {
    background: #ffffff !important;
    border: 1.5px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius) !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    transition: all 0.25s ease !important;
}

.payment-options .payment-option:hover {
    border-color: var(--tifa-gold) !important;
}

/* --- SHOPPING CART PAGE MODERNISATION --- */
#cart .cart-grid-body .cart-container {
    background: #ffffff !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-lg) !important;
    box-shadow: var(--tifa-shadow) !important;
    padding: 24px !important;
}

#cart .cart-grid-right .cart-summary {
    background: #ffffff !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-lg) !important;
    box-shadow: var(--tifa-shadow) !important;
    padding: 20px !important;
}

#cart .cart-summary .btn-primary {
    width: 100% !important;
    margin-top: 15px !important;
    padding: 14px !important;
    font-size: 15px !important;
}

/* --- PRODUCT PAGE POLISH --- */
#product .product-prices {
    background: var(--tifa-gold-light) !important;
    padding: 14px 18px !important;
    border-radius: var(--tifa-radius) !important;
    margin: 15px 0 !important;
    display: inline-block !important;
    width: 100% !important;
}

#product .current-price span[itemprop="price"] {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--tifa-dark) !important;
}

#product .add-to-cart {
    height: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: var(--tifa-radius) !important;
    padding: 0 32px !important;
}

/* --- PRODUCT MINIATURES / GRID (HOMEPAGE & CATEGORIES) --- */
.product-miniature {
    border-radius: var(--tifa-radius) !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    background: #ffffff !important;
}

.product-miniature:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
}

.product-miniature .product-price-and-shipping .price {
    font-weight: 700 !important;
    color: var(--tifa-dark) !important;
    font-size: 16px !important;
}

/* --- MOBILE OPTIMISATIONS --- */
@media (max-width: 767px) {
    .checkout-step {
        padding: 16px 14px !important;
        margin-bottom: 14px !important;
    }
    
    .checkout-step .step-title {
        font-size: 15px !important;
    }
    
    .btn-primary,
    .form-control-submit,
    .btn-checkout-continue,
    button.continue,
    .cart-summary .btn-primary {
        width: 100% !important;
        margin-bottom: 10px !important;
        font-size: 15px !important;
    }
    
    .form-group.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .col-md-3.form-control-label,
    .col-md-6,
    .col-md-9 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #js-checkout-summary {
        margin-top: 20px !important;
    }
}
/* Address Selector Card in Checkout */
.address-item {
    background: #ffffff !important;
    border: 1.5px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius) !important;
    padding: 16px 20px !important;
    margin-bottom: 14px !important;
    transition: all 0.25s ease !important;
    position: relative !important;
}

.address-item:hover,
.address-item.selected {
    border-color: var(--tifa-gold) !important;
    background-color: #faf8f5 !important;
    box-shadow: 0 4px 14px rgba(198, 167, 141, 0.15) !important;
}

.address-item .radio-block {
    display: flex !important;
    align-items: flex-start !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.address-item .custom-radio {
    margin-right: 12px !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important;
}

.address-item .address-alias {
    display: inline-block !important;
    background: var(--tifa-gold) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    margin-bottom: 6px !important;
}

.address-item .address {
    font-size: 14px !important;
    color: var(--tifa-charcoal) !important;
    line-height: 1.7 !important;
    white-space: pre-line !important;
    margin-top: 4px !important;
    font-weight: 500 !important;
}

.address-item hr {
    margin: 12px 0 10px 0 !important;
    border-color: #eee !important;
}

.address-item .address-footer {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
}

.address-item .address-footer a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #718096 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: color 0.2s !important;
    text-decoration: none !important;
}

.address-item .address-footer a:hover {
    color: var(--tifa-gold-dark) !important;
}

.address-item .address-footer a.delete-address:hover {
    color: #e53e3e !important;
}

p.add-address a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--tifa-gold-dark) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}
/* ==========================================================================
/* ==========================================================================
   TIFA SCARF HAUTE COUTURE LUXURY DESIGN SYSTEM
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400&display=swap');

:root {
    --tifa-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --tifa-font-serif: 'Playfair Display', Georgia, serif;
    --tifa-primary: #18181b;
    --tifa-gold: #c5a278;
    --tifa-gold-hover: #b08d63;
    --tifa-gold-light: #faf6f0;
    --tifa-gold-gradient: linear-gradient(135deg, #d4b38d 0%, #b89368 100%);
    --tifa-dark-gradient: linear-gradient(135deg, #1c1a18 0%, #292420 100%);
    --tifa-bg: #fdfbf9;
    --tifa-card-bg: #ffffff;
    --tifa-text: #2d3139;
    --tifa-text-muted: #717680;
    --tifa-border: #ede7e0;
    --tifa-border-light: #f5f1eb;
    --tifa-radius-sm: 8px;
    --tifa-radius-md: 12px;
    --tifa-radius-lg: 16px;
    --tifa-radius-pill: 30px;
    --tifa-shadow-sm: 0 2px 10px rgba(24, 24, 27, 0.04);
    --tifa-shadow-md: 0 10px 30px rgba(24, 24, 27, 0.06);
    --tifa-shadow-lg: 0 18px 42px rgba(24, 24, 27, 0.09);
}

body {
    font-family: var(--tifa-font-sans) !important;
    background-color: var(--tifa-bg) !important;
    color: var(--tifa-text) !important;
    -webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, .h1, .h2, .h3 {
    font-family: var(--tifa-font-sans) !important;
    letter-spacing: -0.3px !important;
}

/* ==========================================================================
   ORDER CONFIRMATION PAGE (FULL REDESIGN)
   ========================================================================== */

.tifa-order-confirmation-container {
    max-width: 1060px !important;
    margin: 0 auto 30px auto !important;
}

/* Stepper Breadcrumb */
.checkout-stepper-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 20px auto 35px auto !important;
    padding: 16px 24px !important;
    background: #ffffff !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-pill) !important;
    box-shadow: var(--tifa-shadow-sm) !important;
    max-width: 680px !important;
}

.stepper-step {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--tifa-text-muted) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
}

.stepper-step.completed {
    color: var(--tifa-primary) !important;
}

.stepper-step.active {
    color: var(--tifa-gold-hover) !important;
}

.step-circle {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background: #f1ede8 !important;
    color: var(--tifa-text-muted) !important;
    transition: all 0.3s ease !important;
}

.stepper-step.completed .step-circle {
    background: var(--tifa-gold-gradient) !important;
    color: #ffffff !important;
}

.stepper-step.completed .step-circle i,
.stepper-step.active .step-circle i {
    font-size: 16px !important;
}

.stepper-step.active .step-circle {
    background: #ffffff !important;
    border: 2px solid var(--tifa-gold) !important;
    color: var(--tifa-gold) !important;
    box-shadow: 0 0 0 4px rgba(197, 162, 120, 0.2) !important;
    animation: tifa-pulse 2s infinite !important;
}

@keyframes tifa-pulse {
    0% { box-shadow: 0 0 0 0 rgba(197, 162, 120, 0.4); }
    70% { box-shadow: 0 0 0 8px rgba(197, 162, 120, 0); }
    100% { box-shadow: 0 0 0 0 rgba(197, 162, 120, 0); }
}

.stepper-line {
    flex-grow: 1 !important;
    height: 2px !important;
    background: #e5e0d8 !important;
    margin: 0 14px !important;
}

.stepper-line.completed {
    background: var(--tifa-gold) !important;
}

/* Luxury Dark Hero Card */
.tifa-hero-card {
    background: var(--tifa-dark-gradient) !important;
    border: 1px solid rgba(197, 162, 120, 0.35) !important;
    border-radius: var(--tifa-radius-lg) !important;
    padding: 42px 28px !important;
    text-align: center !important;
    color: #ffffff !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 16px 40px rgba(28, 26, 24, 0.25) !important;
    margin-bottom: 25px !important;
}

.hero-glow {
    position: absolute !important;
    top: -50% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 320px !important;
    height: 320px !important;
    background: radial-gradient(circle, rgba(197, 162, 120, 0.25) 0%, rgba(197, 162, 120, 0) 70%) !important;
    pointer-events: none !important;
}

.hero-icon-ring {
    width: 68px !important;
    height: 68px !important;
    border-radius: 50% !important;
    background: rgba(197, 162, 120, 0.15) !important;
    border: 2px solid var(--tifa-gold) !important;
    color: var(--tifa-gold) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 18px !important;
    box-shadow: 0 0 24px rgba(197, 162, 120, 0.3) !important;
}

.hero-icon-ring i {
    font-size: 38px !important;
    font-weight: bold !important;
}

.hero-title {
    font-family: var(--tifa-font-serif) !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 12px !important;
    letter-spacing: 0.2px !important;
}

.hero-desc {
    font-size: 16px !important;
    color: #dedede !important;
    margin-bottom: 18px !important;
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hero-ref-pill {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px dashed var(--tifa-gold) !important;
    color: #e5c9a7 !important;
    padding: 4px 14px !important;
    border-radius: var(--tifa-radius-pill) !important;
    font-family: monospace !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin-left: 6px !important;
    letter-spacing: 1px !important;
}

.hero-email-notice {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13.5px !important;
    color: #bbb !important;
    background: rgba(0, 0, 0, 0.3) !important;
    padding: 6px 16px !important;
    border-radius: var(--tifa-radius-pill) !important;
}

.hero-email-notice i {
    font-size: 16px !important;
    color: var(--tifa-gold) !important;
}

.hero-email-notice strong {
    color: #ffffff !important;
}

/* COD 3-Step Visual Workflow Box */
.tifa-cod-confirmation-box {
    background: #ffffff !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-lg) !important;
    padding: 24px !important;
    margin-bottom: 25px !important;
    box-shadow: var(--tifa-shadow-sm) !important;
}

.cod-banner-header {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding-bottom: 18px !important;
    border-bottom: 1.5px solid var(--tifa-border-light) !important;
    margin-bottom: 20px !important;
}

.cod-badge-icon {
    font-size: 36px !important;
    flex-shrink: 0 !important;
}

.cod-banner-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--tifa-primary) !important;
    margin-bottom: 4px !important;
}

.cod-banner-desc {
    font-size: 14px !important;
    color: var(--tifa-text-muted) !important;
    margin: 0 !important;
}

.cod-steps-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}

.cod-step-card {
    background: #fdfbf8 !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-md) !important;
    padding: 18px 16px !important;
    position: relative !important;
    transition: transform 0.25s ease !important;
}

.cod-step-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--tifa-shadow-sm) !important;
    border-color: var(--tifa-gold) !important;
}

.cod-step-card .step-num {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #eadecc !important;
    color: #6d5231 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cod-step-card .step-icon {
    font-size: 26px !important;
    margin-bottom: 8px !important;
}

.cod-step-card h5 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--tifa-primary) !important;
    margin-bottom: 6px !important;
}

.cod-step-card p {
    font-size: 13px !important;
    color: var(--tifa-text-muted) !important;
    margin: 0 !important;
    line-height: 1.45 !important;
}

.cod-banner-footer {
    background: #faf8f5 !important;
    border-radius: var(--tifa-radius-sm) !important;
    padding: 12px 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 13.5px !important;
    color: var(--tifa-text-muted) !important;
}

.btn-cod-whatsapp {
    background: #25D366 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    padding: 8px 16px !important;
    border-radius: var(--tifa-radius-pill) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
}

.btn-cod-whatsapp:hover {
    background: #1ebc59 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3) !important;
    text-decoration: none !important;
}

/* Two-Column Details Cards */
.tifa-order-details-grid {
    max-width: 1060px !important;
    margin: 0 auto !important;
}

.tifa-card {
    background: #ffffff !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-lg) !important;
    box-shadow: var(--tifa-shadow-sm) !important;
    margin-bottom: 25px !important;
    overflow: hidden !important;
}

.tifa-card-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 18px 24px !important;
    border-bottom: 1.5px solid var(--tifa-border-light) !important;
    background: #ffffff !important;
}

.tifa-card-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--tifa-primary) !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.tifa-card-title .icon-wrap {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: var(--tifa-gold-light) !important;
    color: var(--tifa-gold-hover) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tifa-card-title .icon-wrap i {
    font-size: 18px !important;
}

.items-count-badge {
    background: #f1ede8 !important;
    color: var(--tifa-primary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: var(--tifa-radius-pill) !important;
}

.tifa-card-body {
    padding: 24px !important;
}

/* Product Line Card */
.tifa-order-products-table {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.product-item-card {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px dashed var(--tifa-border) !important;
}

.product-item-media {
    width: 72px !important;
    height: 72px !important;
    border-radius: var(--tifa-radius-md) !important;
    border: 1px solid var(--tifa-border) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #fcfbfa !important;
}

.product-item-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.product-item-meta {
    flex-grow: 1 !important;
}

.product-item-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--tifa-primary) !important;
    margin-bottom: 6px !important;
}

.product-item-attr {
    font-size: 12.5px !important;
    color: var(--tifa-text-muted) !important;
    margin-bottom: 6px !important;
}

.product-item-qty-price {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 13px !important;
}

.qty-pill {
    background: #f4efe9 !important;
    color: #634b2d !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    font-size: 11.5px !important;
}

.unit-price {
    color: var(--tifa-text-muted) !important;
}

.product-item-subtotal {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--tifa-primary) !important;
    white-space: nowrap !important;
}

/* Order Totals Card */
.order-totals-card {
    background: #faf7f2 !important;
    border-radius: var(--tifa-radius-md) !important;
    padding: 18px 22px !important;
    margin-top: 10px !important;
}

.totals-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    font-size: 14px !important;
    color: var(--tifa-text-muted) !important;
}

.totals-row.grand-total {
    border-top: 1.5px solid #e8dfd3 !important;
    margin-top: 8px !important;
    padding-top: 14px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--tifa-primary) !important;
}

.totals-row.grand-total .totals-value {
    font-size: 22px !important;
    color: var(--tifa-gold-hover) !important;
    font-weight: 800 !important;
}

/* Right Column Order Info Details */
.info-block {
    margin-bottom: 18px !important;
}

.info-label {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: var(--tifa-text-muted) !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

.carrier-badge,
.payment-badge {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #fdfbf9 !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-sm) !important;
    padding: 12px 14px !important;
}

.carrier-icon,
.payment-icon {
    font-size: 24px !important;
    flex-shrink: 0 !important;
}

.carrier-delay {
    display: block !important;
    font-size: 12.5px !important;
    color: var(--tifa-text-muted) !important;
}

.payment-status-tag {
    display: block !important;
    font-size: 12px !important;
    color: #27ae60 !important;
    font-weight: 600 !important;
}

.info-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--tifa-primary) !important;
}

.tifa-divider {
    border: none !important;
    border-top: 1px solid var(--tifa-border-light) !important;
    margin: 20px 0 !important;
}

.tifa-actions-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.btn-tifa-primary {
    background: var(--tifa-gold-gradient) !important;
    color: #ffffff !important;
    height: 48px !important;
    border-radius: var(--tifa-radius-pill) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 16px rgba(197, 162, 120, 0.35) !important;
}

.btn-tifa-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(197, 162, 120, 0.45) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.btn-tifa-whatsapp {
    background: #ffffff !important;
    border: 1.5px solid #25D366 !important;
    color: #128C7E !important;
    height: 48px !important;
    border-radius: var(--tifa-radius-pill) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.btn-tifa-whatsapp:hover {
    background: #25D366 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ==========================================================================
   PRODUCT PAGE (FICHE PRODUIT) LUXURY REDESIGN
   ========================================================================== */

#main[itemtype*="Product"] {
    background: #ffffff !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-lg) !important;
    padding: 30px !important;
    box-shadow: var(--tifa-shadow-sm) !important;
    margin-bottom: 40px !important;
}

.page-heading-product {
    font-family: var(--tifa-font-serif) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: var(--tifa-primary) !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
}

.product-prices {
    display: flex !important;
    align-items: baseline !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
}

.current-price span[itemprop="price"] {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--tifa-primary) !important;
    letter-spacing: -0.5px !important;
}

.regular-price {
    font-size: 18px !important;
    color: #a0aec0 !important;
    text-decoration: line-through !important;
}

.badge-stock.in-stock {
    background: #e8f5e9 !important;
    color: #1b5e20 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: var(--tifa-radius-pill) !important;
}

/* Modern Quantity & Buttons */
.product-quantity-row {
    display: flex !important;
    align-items: flex-end !important;
    gap: 16px !important;
    margin: 22px 0 14px 0 !important;
}

.qty-input-group {
    display: flex !important;
    align-items: center !important;
    background: #f7f5f2 !important;
    border: 1.5px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-pill) !important;
    height: 50px !important;
    padding: 0 6px !important;
}

.qty-input-group .btn-qty {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: none !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: var(--tifa-primary) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease !important;
}

.qty-input-group .btn-qty:hover {
    background: var(--tifa-gold) !important;
    color: #ffffff !important;
}

.qty-input-group input#quantity_wanted {
    width: 46px !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--tifa-primary) !important;
}

.add-to-cart-wrapper {
    flex-grow: 1 !important;
}

.add-to-cart-wrapper .add-to-cart {
    height: 50px !important;
    background: var(--tifa-gold-gradient) !important;
    border: none !important;
    border-radius: var(--tifa-radius-pill) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    color: #ffffff !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 6px 20px rgba(197, 162, 120, 0.4) !important;
}

.add-to-cart-wrapper .add-to-cart:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 26px rgba(197, 162, 120, 0.5) !important;
}

/* Product Reassurance Grid */
.product-reassurance-box {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    background: #fbf9f6 !important;
    border: 1px solid var(--tifa-border) !important;
    border-radius: var(--tifa-radius-md) !important;
    padding: 18px !important;
    margin-top: 25px !important;
}

.reassurance-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

.reassurance-item .reassurance-icon {
    font-size: 24px !important;
    line-height: 1 !important;
}

.reassurance-item .reassurance-content strong {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: var(--tifa-primary) !important;
    display: block !important;
    margin-bottom: 2px !important;
}

.reassurance-item .reassurance-content p {
    font-size: 12px !important;
    color: var(--tifa-text-muted) !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}

/* ==========================================================================
   MOBILE RESPONSIVENESS (< 768px)
   ========================================================================== */

@media (max-width: 767px) {
    #main[itemtype*="Product"] {
        padding: 16px !important;
        border-radius: var(--tifa-radius-md) !important;
    }

    .page-heading-product {
        font-size: 22px !important;
    }

    .current-price span[itemprop="price"] {
        font-size: 24px !important;
    }

    .checkout-stepper-bar {
        padding: 12px 14px !important;
        margin: 15px auto 25px auto !important;
    }

    .stepper-step span.step-title {
        display: none !important;
    }

    .stepper-line {
        margin: 0 8px !important;
    }

    .tifa-hero-card {
        padding: 28px 16px !important;
    }

    .hero-title {
        font-size: 24px !important;
    }

    .hero-desc {
        font-size: 14.5px !important;
    }

    .hero-ref-pill {
        display: block !important;
        margin: 8px auto 0 auto !important;
        max-width: 200px !important;
    }

    .cod-steps-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .cod-banner-footer {
        flex-direction: column !important;
        gap: 10px !important;
        text-align: center !important;
    }

    .btn-cod-whatsapp {
        width: 100% !important;
        justify-content: center !important;
    }

    .product-quantity-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .qty-input-group {
        width: 100% !important;
        justify-content: center !important;
    }

    .qty-input-group .btn-qty {
        width: 44px !important;
        height: 44px !important;
    }

    .qty-input-group input#quantity_wanted {
        flex-grow: 1 !important;
    }

    .add-to-cart-wrapper .add-to-cart {
        width: 100% !important;
        height: 52px !important;
        font-size: 16px !important;
    }

    .product-reassurance-box {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 14px !important;
    }

    .product-item-card {
        align-items: flex-start !important;
    }

    .product-item-media {
        width: 58px !important;
        height: 58px !important;
    }

    .product-item-title {
        font-size: 14px !important;
    }
}

/* Fix: bouton menu mobile invisible (blanc sur blanc) - conflit specificite avec .ybc-layout-layouthome1 #menu-icon */
@media (max-width: 767px) {
    #menu-icon,
    #menu-icon .material-icons {
        color: #333333 !important;
    }
}

/* Fix: bloc de reassurance (Livraison Express / Echange & Retour) qui flottait/debordait
   a cote du prix et de la quantite. .product-add-to-cart etait en flex-direction:row
   (herite du theme) a toutes les tailles d'ecran ; on force un empilement vertical propre
   partout (pas seulement mobile). */
.product-add-to-cart {
    flex-direction: column !important;
}
.product-reassurance-box {
    width: 100% !important;
}

/* Fix (demande utilisateur) : ne plus afficher le bouton "Ajouter au panier" au survol
   des cartes produit dans les listes. */
.product-miniature:hover .highlighted-informations {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Fix : le theme (non modifie) masque le prix (et les avis) au survol d'une carte produit
   -- c'etait prevu pour laisser la place au bouton "Ajouter au panier" desormais desactive
   ci-dessus. Comme le prix restait cache sans raison (effet de "vide" visuel au survol),
   on l'empeche de disparaitre. */
.product-miniature:hover .product-description .hook-reviews,
.product-miniature:hover .product-price-and-shipping {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix : bouton "liste de souhaits" (coeur) invisible et mal place dans les listes produits.
   Le theme le masque avec display:none !important (icone jamais fonctionnalisee par le
   module officiel dans ce theme personnalise). On le replace en haut a droite de l'image,
   dans le style rond blanc standard du module wishlist. Le clic est gere par un script
   maison (voir custom.js) qui appelle directement l'API du module. */
.product-miniature.js-product-miniature .wishlist-button-add {
    display: flex !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 10 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer;
    transition: transform 0.15s ease;
}
.product-miniature.js-product-miniature .wishlist-button-add:hover {
    transform: scale(1.08);
}
.product-miniature .wishlist-button-add i,
.wishlist-button-product i {
    color: #7a7a7a;
    font-size: 20px;
}
.wishlist-button-add.wishlist-active i {
    color: #c6a78d;
    font-variation-settings: 'FILL' 1;
}

/* Fix : le champ Quantite (input#quantity_wanted) n'affichait pas son chiffre correctement.
   Regle consolidee et maximisee en priorite (selecteur id seul + !important sur toutes
   les proprietes de boite) pour eviter tout conflit avec la regle generique
   .form-control/input[type=number] plus haut dans ce fichier (height 46px, padding 10px 14px). */
#quantity_wanted {
    box-sizing: border-box !important;
    width: 52px !important;
    height: 48px !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background-color: transparent !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 48px !important;
    color: var(--tifa-primary, #1f2421) !important;
    vertical-align: middle !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
    appearance: none !important;
}
#quantity_wanted::-webkit-outer-spin-button,
#quantity_wanted::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
#quantity_wanted::selection {
    background-color: var(--tifa-gold, #c6a78d) !important;
    color: #ffffff !important;
}

/* Fix : scroll horizontal fantome sur tout le site (visible surtout sur checkout).
   #search_widget form est positionne en absolute avec une largeur fixe (310px) mais
   n'est ancre a droite (right:0) que dans son etat .active. Dans son etat par defaut
   (invisible : opacity:0/visibility:hidden), il n'a pas de right:0 et se retrouve donc
   positionne a gauche selon le flux normal, debordant largement a droite de la fenetre.
   Un element invisibility:hidden occupe toujours de l'espace de mise en page, ce qui
   cree une barre de defilement horizontale menant vers du vide. On ajoute right:0 en
   permanence pour qu'il reste toujours dans les limites du conteneur, visible ou non. */
#search_widget form {
    right: 0 !important;
    left: auto !important;
}

/* Fix (demande utilisateur, maquette fournie) : sur la fiche produit, le bouton
   "liste de souhaits" (coeur) s'affichait tout en bas de la colonne info produit,
   apres le bloc de reassurance, au lieu d'etre superpose en haut a droite de
   l'image principale comme sur la maquette. Le deplacement DOM reel du bouton
   (voir custom.js, il est simplement re-attache dans .product-cover-zoom) est
   couple a cette regle de positionnement, identique au style deja utilise pour
   les miniatures produits en listing. Fonctionne nativement sur mobile car
   .product-cover-zoom reste 100% de la largeur de la colonne image a toutes
   les tailles d'ecran. */
.product-cover.product-cover-zoom .wishlist-button-product {
    display: flex !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 10 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer;
    transition: transform 0.15s ease;
}
.product-cover.product-cover-zoom .wishlist-button-product:hover {
    transform: scale(1.08);
}
@media (max-width: 767px) {
    .product-cover.product-cover-zoom .wishlist-button-product {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        top: 8px !important;
        right: 8px !important;
    }
}

/* Fix (demande utilisateur, maquette fournie) : 3 ecarts entre la fiche produit et la
   maquette :
   1) Les carreaux de couleur avaient un espacement (10px) et un style (coins carres,
      box-shadow) trop lourds par rapport a la maquette (coins legerement arrondis,
      espacement plus serre).
   2) Le chiffre de quantite semblait decentre et des fleches haut/bas natives
      (bootstrap-touchspin) restaient visibles a cote de nos boutons -/+ personnalises :
      le theme injecte ce spinner vertical en plus de nos boutons, jamais retire.
   3) Le <select> d'attribut (ex: Dimension) gardait l'apparence native du navigateur
      (bordure grise fine, fleche systeme) au lieu d'un style coherent avec le reste
      du formulaire (comme .form-control plus haut dans ce fichier). */

/* 1) Carreaux de couleur */
.product-variants > .product-variants-item .color {
    border-radius: 6px !important;
    box-shadow: none !important;
    border: 1.5px solid #e2ded8 !important;
}
.product-variants > .product-variants-item .color.color_White {
    border: 1.5px solid #ddd !important;
}
.input-color:checked + span.color,
.input-color:hover + span.color {
    border: 2px solid var(--tifa-gold, #c6a78d) !important;
}
.product-variants > .product-variants-item ul li {
    margin-right: 6px !important;
    margin-bottom: 6px !important;
}

/* 2) Spinner natif du champ quantite : masque, on garde uniquement nos boutons -/+ */
.qty-input-group .input-group-btn-vertical {
    display: none !important;
}
.qty-input-group .input-group.bootstrap-touchspin {
    display: flex !important;
    width: auto !important;
}
.qty-input-group #quantity_wanted {
    display: block !important;
}

/* 3) Select d'attribut (Dimension, etc.) harmonise avec le reste du formulaire */
.product-variants-item select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: auto !important;
    min-width: 100px !important;
    height: 40px !important;
    padding: 0 32px 0 14px !important;
    border: 1.5px solid var(--tifa-border, #ede7e0) !important;
    border-radius: var(--tifa-radius, 8px) !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--tifa-charcoal, #2d3748) !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23717680' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 16px !important;
    cursor: pointer !important;
    box-shadow: none !important;
}
.product-variants-item select:focus {
    border-color: var(--tifa-gold, #c6a78d) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(198, 167, 141, 0.2) !important;
}

/* Fix (demande utilisateur) : dans le mini-panier (en-tete ET recapitulatif checkout,
   meme markup .cart-subtotals partage par les deux), les lignes "Sous-total" et
   "Livraison" n'avaient aucun padding horizontal propre (elles heritaient seulement
   du padding de conteneurs parents concus a l'origine pour la petite dropdown d'en-tete),
   contrairement a la ligne "TOTAL" qui a son propre padding. On leur donne un padding
   horizontal explicite, coherent avec celui du bloc total. */
.cart-subtotals .products,
.cart-subtotals .shipping,
.cart-subtotals .discount,
.cart-subtotals .tax {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* ==========================================================================
   GRILLE PRODUITS UNIFORMISÉE (ACCUEIL, RECHERCHE, CATALOGUE)
   ========================================================================== */
.featured-products .products,
.featured-products .products.row,
.featured-products .products.tifa-products-grid,
#products .products,
#products .products.row,
#products .products.tifa-products-grid,
#js-product-list .products,
#js-product-list .products.row,
#js-product-list .products.tifa-products-grid {
    display: grid !important;
    gap: 30px 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* 4 colonnes sur la page d'accueil en grand écran (pleine largeur) */
.featured-products .products,
.featured-products .products.row,
.featured-products .products.tifa-products-grid {
    grid-template-columns: repeat(4, 1fr) !important;
}

/* 3 colonnes sur la page de recherche / listing (avec colonne gauche #left-column) */
#products .products,
#products .products.row,
#products .products.tifa-products-grid,
#js-product-list .products,
#js-product-list .products.row,
#js-product-list .products.tifa-products-grid {
    grid-template-columns: repeat(3, 1fr) !important;
}

.featured-products .products::before,
.featured-products .products::after,
#products .products::before,
#products .products::after,
#js-product-list .products::before,
#js-product-list .products::after {
    display: none !important;
}

/* Cartes produits */
.featured-products .products .product-miniature,
.featured-products .products.tifa-products-grid .product-miniature,
#products .products .product-miniature,
#products .products.tifa-products-grid .product-miniature,
#js-product-list .products .product-miniature,
#js-product-list .products.tifa-products-grid .product-miniature {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* Conteneur de miniature */
.featured-products .products .product-miniature .thumbnail-container,
#products .products .product-miniature .thumbnail-container,
#js-product-list .products .product-miniature .thumbnail-container,
.tifa-products-grid .product-miniature .thumbnail-container {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    float: none !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.featured-products .products .product-miniature .thumbnail-container:hover,
#products .products .product-miniature .thumbnail-container:hover,
#js-product-list .products .product-miniature .thumbnail-container:hover,
.tifa-products-grid .product-miniature .thumbnail-container:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}

/* Image produit */
.featured-products .products .product-miniature .image_item_product,
#products .products .product-miniature .image_item_product,
#js-product-list .products .product-miniature .image_item_product,
.tifa-products-grid .product-miniature .image_item_product {
    width: 100% !important;
    overflow: hidden !important;
    background: #faf8f5 !important;
    position: relative !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.featured-products .products .product-miniature .image_item_product .thumbnail.product-thumbnail,
#products .products .product-miniature .image_item_product .thumbnail.product-thumbnail,
#js-product-list .products .product-miniature .image_item_product .thumbnail.product-thumbnail,
.tifa-products-grid .product-miniature .image_item_product .thumbnail.product-thumbnail {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.featured-products .products .product-miniature .image_item_product img,
#products .products .product-miniature .image_item_product img,
#js-product-list .products .product-miniature .image_item_product img,
.tifa-products-grid .product-miniature .image_item_product img {
    width: 100% !important;
    height: 290px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    transition: transform 0.4s ease !important;
}

.featured-products .products .product-miniature .thumbnail-container:hover .image_item_product img,
#products .products .product-miniature .thumbnail-container:hover .image_item_product img,
#js-product-list .products .product-miniature .thumbnail-container:hover .image_item_product img,
.tifa-products-grid .product-miniature .thumbnail-container:hover .image_item_product img {
    transform: scale(1.04) !important;
}

/* Bloc description beige sous l'image (comme dans la maquette) */
.featured-products .products .product-miniature .product-description,
#products .products .product-miniature .product-description,
#js-product-list .products .product-miniature .product-description,
.tifa-products-grid .product-miniature .product-description {
    padding: 14px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: #e2d3c6 !important;
    background-color: #e2d3c6 !important;
    min-height: 72px !important;
    margin: 0 !important;
    border: none !important;
}

/* Titre du produit */
.featured-products .products .product-miniature .product-title,
#products .products .product-miniature .product-title,
#js-product-list .products .product-miniature .product-title,
.tifa-products-grid .product-miniature .product-title,
.featured-products .products .product-miniature .product-title a,
#products .products .product-miniature .product-title a,
#js-product-list .products .product-miniature .product-title a,
.tifa-products-grid .product-miniature .product-title a {
    margin: 0 0 4px 0 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #111111 !important;
    text-align: center !important;
    text-decoration: none !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    line-height: 1.3 !important;
}

/* Prix du produit */
.featured-products .products .product-miniature .product-price-and-shipping,
#products .products .product-miniature .product-price-and-shipping,
#js-product-list .products .product-miniature .product-price-and-shipping,
.tifa-products-grid .product-miniature .product-price-and-shipping {
    margin: 0 !important;
    text-align: center !important;
}

.featured-products .products .product-miniature .product-price-and-shipping .price,
#products .products .product-miniature .product-price-and-shipping .price,
#js-product-list .products .product-miniature .product-price-and-shipping .price,
.tifa-products-grid .product-miniature .product-price-and-shipping .price {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-align: center !important;
    display: inline-block !important;
}

.featured-products .products .product-miniature .product-price-and-shipping .regular-price,
#products .products .product-miniature .product-price-and-shipping .regular-price,
#js-product-list .products .product-miniature .product-price-and-shipping .regular-price,
.tifa-products-grid .product-miniature .product-price-and-shipping .regular-price {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 13.5px !important;
    color: #888888 !important;
    text-decoration: line-through !important;
    margin-right: 8px !important;
}

/* Masquer tous les éléments parasites sur les cartes (swatches de couleurs, avis, flags, bouton panier en liste) */
#products .variant-links,
#js-product-list .variant-links,
.featured-products .variant-links,
.tifa-products-grid .variant-links,
#products .hook-reviews,
#js-product-list .hook-reviews,
.featured-products .hook-reviews,
.tifa-products-grid .hook-reviews,
#products .short_description,
#js-product-list .short_description,
.featured-products .short_description,
.tifa-products-grid .short_description,
#products .product-flags,
#js-product-list .product-flags,
.featured-products .product-flags,
.tifa-products-grid .product-flags,
#products .highlighted-informations,
#js-product-list .highlighted-informations,
.featured-products .highlighted-informations,
.tifa-products-grid .highlighted-informations,
#products .add_to_cart_button,
#js-product-list .add_to_cart_button,
.featured-products .add_to_cart_button,
.tifa-products-grid .add_to_cart_button,
#products .quick-view,
#js-product-list .quick-view,
.featured-products .quick-view,
.tifa-products-grid .quick-view,
#products .image_item_product.img_no_image,
#js-product-list .image_item_product.img_no_image,
.featured-products .image_item_product.img_no_image,
.tifa-products-grid .image_item_product.img_no_image {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Bouton Liste d'envies (coeur) en haut à droite */
.product-miniature.js-product-miniature .wishlist-button-add,
#products .product-miniature .wishlist-button-add,
#js-product-list .product-miniature .wishlist-button-add,
.tifa-products-grid .product-miniature .wishlist-button-add {
    display: flex !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 10 !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: none !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
    cursor: pointer !important;
    transition: transform 0.15s ease !important;
}

.product-miniature.js-product-miniature .wishlist-button-add:hover,
#products .product-miniature .wishlist-button-add:hover,
#js-product-list .product-miniature .wishlist-button-add:hover,
.tifa-products-grid .product-miniature .wishlist-button-add:hover {
    transform: scale(1.08) !important;
}

/* Adaptation RTL (Arabe) pour le bouton coeur */
html[dir="rtl"] .product-miniature.js-product-miniature .wishlist-button-add,
html[dir="rtl"] #products .product-miniature .wishlist-button-add,
html[dir="rtl"] #js-product-list .product-miniature .wishlist-button-add,
body.lang-rtl .product-miniature.js-product-miniature .wishlist-button-add,
body.lang-rtl #products .product-miniature .wishlist-button-add,
body.lang-rtl #js-product-list .product-miniature .wishlist-button-add {
    right: auto !important;
    left: 10px !important;
}

/* Écrans moyens / Tablettes : 3 colonnes accueil, 2 colonnes recherche/listing */
@media (max-width: 1199px) and (min-width: 768px) {
    .featured-products .products,
    .featured-products .products.row,
    .featured-products .products.tifa-products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px 15px !important;
    }
    #products .products,
    #products .products.row,
    #products .products.tifa-products-grid,
    #js-product-list .products,
    #js-product-list .products.row,
    #js-product-list .products.tifa-products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 15px !important;
    }
    .featured-products .products .product-miniature .image_item_product img,
    #products .products .product-miniature .image_item_product img,
    #js-product-list .products .product-miniature .image_item_product img,
    .tifa-products-grid .product-miniature .image_item_product img {
        height: 240px !important;
    }
}

/* Écrans mobiles : 2 colonnes partout */
@media (max-width: 767px) {
    .featured-products .products,
    .featured-products .products.row,
    .featured-products .products.tifa-products-grid,
    #products .products,
    #products .products.row,
    #products .products.tifa-products-grid,
    #js-product-list .products,
    #js-product-list .products.row,
    #js-product-list .products.tifa-products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px 10px !important;
    }
    .featured-products .products .product-miniature .image_item_product img,
    #products .products .product-miniature .image_item_product img,
    #js-product-list .products .product-miniature .image_item_product img,
    .tifa-products-grid .product-miniature .image_item_product img {
        height: 190px !important;
    }
    .featured-products .products .product-miniature .product-description,
    #products .products .product-miniature .product-description,
    #js-product-list .products .product-miniature .product-description,
    .tifa-products-grid .product-miniature .product-description {
        padding: 8px 6px !important;
        min-height: 60px !important;
    }
    .featured-products .products .product-miniature .product-title,
    #products .products .product-miniature .product-title,
    #js-product-list .products .product-miniature .product-title,
    .tifa-products-grid .product-miniature .product-title {
        font-size: 13.5px !important;
    }
    .featured-products .products .product-miniature .product-price-and-shipping .price,
    #products .products .product-miniature .product-price-and-shipping .price,
    #js-product-list .products .product-miniature .product-price-and-shipping .price,
    .tifa-products-grid .product-miniature .product-price-and-shipping .price {
        font-size: 14px !important;
    }
}

/* Espacement et a?ration section Nos Produits (page d'accueil) */
.featured-products {
    margin-top: 60px !important;
    clear: both !important;
}

.featured-products .wraper_title_section {
    margin-bottom: 35px !important;
}

.featured-products .wraper_title_section .home_title_section {
    margin-bottom: 18px !important;
}

.featured-products .products,
.featured-products .products.row,
.featured-products .products.tifa-products-grid {
    margin-top: 10px !important;
}

@media (max-width: 767px) {
    .featured-products {
        margin-top: 40px !important;
    }
    .featured-products .wraper_title_section {
        margin-bottom: 25px !important;
    }
}

/* Espacement section Nos Cat?gories */
.home_widget_top_column {
    margin-top: 35px !important;
    margin-bottom: 45px !important;
    clear: both !important;
}

.home_widget_top_column .wraper_title_section {
    margin-bottom: 30px !important;
}

.home_widget_top_column .wraper_title_section .home_title_section {
    margin-bottom: 18px !important;
}

@media (max-width: 767px) {
    .home_widget_top_column {
        margin-top: 25px !important;
        margin-bottom: 35px !important;
    }
    .home_widget_top_column .wraper_title_section {
        margin-bottom: 20px !important;
    }
}

/* ==========================================================================
   PAGE INSCRIPTION (REGISTRATION) - STYLE LUXE TIFA SCARF
   ========================================================================== */
#registration #content.card,
body#registration #content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 740px !important;
}

#registration .page-header {
    display: none !important;
}

.tifa-register-header {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    text-align: center !important;
}

.tifa-register-subtitle {
    color: #777777 !important;
    font-size: 15px !important;
    font-style: italic !important;
    margin-top: 8px !important;
    margin-bottom: 22px !important;
    font-weight: 300 !important;
}

.tifa-register-card {
    background: #ffffff !important;
    border: 1px solid #ede8e3 !important;
    border-radius: 14px !important;
    padding: 35px 40px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05) !important;
    margin: 0 auto 55px !important;
}

.tifa-already-account-bar {
    background: #faf8f5 !important;
    border: 1px solid #efe9e2 !important;
    border-radius: 8px !important;
    padding: 12px 18px !important;
    margin-bottom: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 14.5px !important;
    color: #555555 !important;
}

.tifa-already-account-bar i {
    color: #c6a78d !important;
    font-size: 18px !important;
    margin-right: 4px !important;
}

.tifa-already-account-bar .tifa-login-link {
    color: #c6a78d !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    margin-left: 4px !important;
    transition: color 0.2s ease !important;
}

.tifa-already-account-bar .tifa-login-link:hover {
    color: #9e753b !important;
}

/* Form Fields */
.tifa-register-form-inner .form-group {
    margin-bottom: 20px !important;
}

.tifa-register-form-inner .form-control-label {
    font-weight: 600 !important;
    color: #333333 !important;
    font-size: 14px !important;
    padding-top: 11px !important;
}

.tifa-register-form-inner .form-control-label.required::after {
    content: " *" !important;
    color: #c6a78d !important;
}

.tifa-register-form-inner .form-control {
    height: 46px !important;
    border: 1.5px solid #e5ded7 !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    color: #333333 !important;
    background-color: #ffffff !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
}

.tifa-register-form-inner .form-control:focus {
    border-color: #c6a78d !important;
    box-shadow: 0 0 0 3px rgba(198, 167, 141, 0.18) !important;
    outline: none !important;
}

.tifa-register-form-inner .form-control-comment {
    font-size: 12px !important;
    color: #888888 !important;
    padding-top: 4px !important;
}

/* Password Input Group */
.tifa-register-form-inner .input-group {
    display: flex !important;
    width: 100% !important;
}

.tifa-register-form-inner .input-group .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    flex: 1 1 auto !important;
}

.tifa-register-form-inner .input-group .input-group-btn {
    width: auto !important;
}

.tifa-register-form-inner .input-group .btn {
    height: 46px !important;
    border: 1.5px solid #e5ded7 !important;
    border-left: none !important;
    background: #faf8f5 !important;
    color: #666666 !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.tifa-register-form-inner .input-group .btn:hover {
    background: #f0ece6 !important;
    color: #222222 !important;
}

/* Radios Civilit? */
.tifa-register-form-inner .radio-inline {
    margin-right: 25px !important;
    font-weight: 600 !important;
    color: #444444 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    padding-top: 10px !important;
}

/* Checkboxes RGPD, Newsletter, Confidentialit? */
.tifa-register-form-inner .custom-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 14px !important;
}

.tifa-register-form-inner .custom-checkbox input[type="checkbox"] {
    margin-top: 3px !important;
}

.tifa-register-form-inner .custom-checkbox label {
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #555555 !important;
    margin-left: 10px !important;
    font-weight: normal !important;
    text-align: left !important;
}

.tifa-register-form-inner .custom-checkbox label em {
    font-size: 12px !important;
    color: #888888 !important;
    display: block !important;
    margin-top: 3px !important;
}

/* Bouton Enregistrer / Cr?er mon compte */
.tifa-register-card .form-footer {
    border-top: 1px solid #f0eee9 !important;
    padding-top: 25px !important;
    margin-top: 25px !important;
    text-align: center !important;
}

.tifa-register-card .tifa-btn-register,
.tifa-register-card .form-control-submit {
    width: 100% !important;
    max-width: 320px !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 30px !important;
    background: linear-gradient(135deg, #2b2b2b 0%, #1a1a1a 100%) !important;
    border: 1px solid #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    float: none !important;
    margin: 0 auto !important;
    display: inline-block !important;
}

.tifa-register-card .tifa-btn-register i {
    margin-right: 8px !important;
}

.tifa-register-card .tifa-btn-register:hover,
.tifa-register-card .form-control-submit:hover {
    background: linear-gradient(135deg, #c6a78d 0%, #a8793b 100%) !important;
    border-color: #a8793b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(168, 121, 59, 0.3) !important;
}

/* Bloc R?assurance */
.tifa-register-reassurance {
    border-top: 1px solid #f3ece6 !important;
    margin-top: 28px !important;
    padding-top: 20px !important;
}

.tifa-reassurance-item {
    text-align: center !important;
    padding: 8px 5px !important;
    color: #666666 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.tifa-reassurance-item i {
    color: #c6a78d !important;
    margin-right: 6px !important;
    font-size: 15px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .tifa-register-card {
        padding: 22px 18px !important;
        border-radius: 10px !important;
        margin-bottom: 35px !important;
    }
    .tifa-register-form-inner .form-control-label {
        padding-top: 0 !important;
        margin-bottom: 6px !important;
    }
    .tifa-already-account-bar {
        flex-direction: column !important;
        text-align: center !important;
        gap: 4px !important;
    }
    .tifa-register-reassurance .tifa-reassurance-item {
        text-align: left !important;
        padding: 5px 0 !important;
    }
    .tifa-register-card .tifa-btn-register {
        max-width: 100% !important;
    }
}

/* Support RTL Arabe */
.lang-ar .tifa-reassurance-item i {
    margin-right: 0 !important;
    margin-left: 6px !important;
}
.lang-ar .tifa-register-form-inner .custom-checkbox label {
    margin-left: 0 !important;
    margin-right: 10px !important;
    text-align: right !important;
}
.lang-ar .tifa-already-account-bar i {
    margin-right: 0 !important;
    margin-left: 4px !important;
}
.lang-ar .tifa-already-account-bar .tifa-login-link {
    margin-left: 0 !important;
    margin-right: 4px !important;
}
.lang-ar .tifa-register-card .tifa-btn-register i {
    margin-right: 0 !important;
    margin-left: 8px !important;
}
.lang-ar .tifa-register-form-inner .input-group .form-control {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.lang-ar .tifa-register-form-inner .input-group .btn {
    border-left: 1.5px solid #e5ded7 !important;
    border-right: none !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


/* ========================================================
   TIFA SCARF - CUSTOMER ACCOUNT LUXURY STYLING
   ======================================================== */

/* Account Header Section */
.tifa-account-header {
    margin-bottom: 30px !important;
    padding-top: 10px !important;
}

.tifa-account-header .home_title_section {
    font-size: 26px !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin-bottom: 12px !important;
}

.tifa-account-header .home_title_section span {
    font-family: 'Playfair Display', Georgia, serif !important;
}

.tifa-account-subtitle,
.tifa-account-intro {
    font-size: 14px !important;
    color: #777777 !important;
    font-style: normal !important;
    margin-top: 8px !important;
    margin-bottom: 25px !important;
    line-height: 1.6 !important;
}

/* Luxury Account Card */
.tifa-account-card {
    background: #ffffff !important;
    border: 1px solid #f0eae4 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04) !important;
    padding: 38px 45px !important;
    margin: 0 auto 35px auto !important;
    position: relative !important;
}

.tifa-identity-card,
.tifa-address-card {
    max-width: 780px !important;
}

.tifa-history-card,
.tifa-orderslip-card,
.tifa-addresses-card,
.tifa-discount-card,
.tifa-myaccount-card {
    max-width: 960px !important;
}

/* Remove default PrestaShop card border/shadow when inside main */
#main .page-content.card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Form Fields Styling in Customer Account */
.tifa-identity-card .form-control-label,
.tifa-address-card .form-control-label {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    padding-top: 11px !important;
}

.tifa-identity-card .form-control,
.tifa-address-card .form-control {
    border: 1.5px solid #e8e2dc !important;
    border-radius: 8px !important;
    height: 46px !important;
    font-size: 14px !important;
    color: #333333 !important;
    padding: 10px 14px !important;
    background-color: #faf9f7 !important;
    transition: all 0.25s ease !important;
}

.tifa-identity-card .form-control:focus,
.tifa-address-card .form-control:focus {
    border-color: #c6a78d !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(198, 167, 141, 0.15) !important;
}

.tifa-identity-card .custom-radio,
.tifa-address-card .custom-radio {
    margin-right: 8px !important;
}

.tifa-identity-card .radio-inline {
    margin-right: 25px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #444444 !important;
    cursor: pointer !important;
}

/* Password eye button */
.tifa-identity-card .input-group .btn {
    height: 46px !important;
    border: 1.5px solid #e8e2dc !important;
    border-left: none !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    background: #faf9f7 !important;
    color: #666666 !important;
    padding: 0 16px !important;
}

/* Checkboxes */
.tifa-identity-card .custom-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 14px !important;
}

.tifa-identity-card .custom-checkbox label {
    font-size: 13px !important;
    color: #555555 !important;
    line-height: 1.5 !important;
    margin-left: 10px !important;
    cursor: pointer !important;
}

/* Submit Buttons */
.tifa-btn-primary,
.tifa-btn-identity,
.tifa-address-card .form-control-submit {
    background: #1a1a1a !important;
    border: 1.5px solid #1a1a1a !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    padding: 13px 34px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.tifa-btn-primary:hover,
.tifa-btn-identity:hover,
.tifa-address-card .form-control-submit:hover {
    background: #c6a78d !important;
    border-color: #c6a78d !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(198, 167, 141, 0.3) !important;
}

.tifa-btn-identity i,
.tifa-btn-primary i {
    font-size: 15px !important;
}

/* Account Reassurance Bar */
.tifa-account-reassurance {
    border-top: 1px solid #f3ece6 !important;
    margin-top: 30px !important;
    padding-top: 22px !important;
}

/* Empty State Styling */
.tifa-empty-state {
    padding: 45px 25px !important;
}

.tifa-empty-icon {
    width: 84px !important;
    height: 84px !important;
    border-radius: 50% !important;
    background: #fbf8f5 !important;
    border: 2px solid #ede4db !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px auto !important;
}

.tifa-empty-icon i {
    font-size: 36px !important;
    color: #c6a78d !important;
}

.tifa-empty-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin-bottom: 10px !important;
}

.tifa-empty-desc {
    font-size: 14px !important;
    color: #777777 !important;
    max-width: 520px !important;
    margin: 0 auto 24px auto !important;
    line-height: 1.6 !important;
}

/* Modern Tables (History & Order-slip & Vouchers) */
.tifa-table {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #ede4db !important;
    margin-bottom: 0 !important;
    background: #ffffff !important;
}

.tifa-table thead th {
    background: #faf7f4 !important;
    border-bottom: 2px solid #e5ded7 !important;
    color: #444444 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px 16px !important;
}

.tifa-table tbody td,
.tifa-table tbody th {
    padding: 14px 16px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    color: #333333 !important;
    border-top: 1px solid #f2ede8 !important;
}

.tifa-table tbody tr:hover {
    background-color: #fdfbf9 !important;
}

.tifa-order-ref {
    color: #c6a78d !important;
    font-weight: 700 !important;
}

.tifa-order-ref:hover {
    color: #1a1a1a !important;
    text-decoration: underline !important;
}

/* Address Cards in Addresses List */
.tifa-addresses-card .address {
    border: 1px solid #ede4db !important;
    border-radius: 12px !important;
    padding: 22px !important;
    background: #faf8f6 !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease !important;
}

.tifa-addresses-card .address:hover {
    border-color: #c6a78d !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
    background: #ffffff !important;
}

.tifa-addresses-card .address h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px dashed #e5ded7 !important;
}

.tifa-addresses-card .address address {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #666666 !important;
    margin-bottom: 15px !important;
}

.tifa-addresses-card .address-footer {
    display: flex !important;
    gap: 15px !important;
    padding-top: 10px !important;
    border-top: 1px solid #ede4db !important;
}

.tifa-addresses-card .address-footer a {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #555555 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: color 0.2s ease !important;
}

.tifa-addresses-card .address-footer a:hover {
    color: #c6a78d !important;
}

/* My Account Links Grid */
.tifa-myaccount-card .links a {
    text-decoration: none !important;
    margin-bottom: 24px !important;
}

.tifa-myaccount-card .link-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: #faf8f6 !important;
    border: 1px solid #ede4db !important;
    border-radius: 12px !important;
    padding: 28px 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    transition: all 0.3s ease !important;
    min-height: 140px !important;
}

.tifa-myaccount-card .link-item i {
    font-size: 38px !important;
    color: #c6a78d !important;
    margin-bottom: 12px !important;
    transition: all 0.3s ease !important;
}

.tifa-myaccount-card .links a:hover .link-item {
    border-color: #c6a78d !important;
    background: #ffffff !important;
    box-shadow: 0 6px 20px rgba(198, 167, 141, 0.18) !important;
    transform: translateY(-3px) !important;
    color: #1a1a1a !important;
}

.tifa-myaccount-card .links a:hover .link-item i {
    transform: scale(1.1) !important;
    color: #1a1a1a !important;
}

/* Footer Navigation Buttons */
.account-links-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    margin-top: 25px !important;
    margin-bottom: 40px !important;
    flex-wrap: wrap !important;
}

.btn-account-nav {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    border: 1.5px solid #e5ded7 !important;
    border-radius: 30px !important;
    padding: 10px 22px !important;
    color: #444444 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
}

.btn-account-nav i {
    font-size: 18px !important;
    color: #c6a78d !important;
    transition: color 0.25s ease !important;
}

.btn-account-nav:hover {
    background: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
    text-decoration: none !important;
}

.btn-account-nav:hover i {
    color: #ffffff !important;
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
    .tifa-account-card {
        padding: 24px 18px !important;
        border-radius: 12px !important;
        margin-bottom: 25px !important;
    }
    .tifa-account-header .home_title_section {
        font-size: 21px !important;
    }
    .account-links-wrapper {
        flex-direction: column !important;
        width: 100% !important;
    }
    .btn-account-nav {
        width: 100% !important;
        justify-content: center !important;
    }
    .tifa-btn-identity,
    .tifa-btn-primary,
    .tifa-address-card .form-control-submit {
        width: 100% !important;
    }
}

/* RTL Arabic Adjustments */
.lang-ar .tifa-account-card {
    text-align: right !important;
}
.lang-ar .tifa-account-intro {
    text-align: center !important;
}
.lang-ar .tifa-identity-card .custom-checkbox label {
    margin-left: 0 !important;
    margin-right: 10px !important;
}
.lang-ar .tifa-identity-card .radio-inline {
    margin-right: 0 !important;
    margin-left: 25px !important;
}
.lang-ar .btn-account-nav i {
    transform: rotate(180deg) !important;
}


/* ========================================================
   TIFA SCARF - HEADER TOP_RIGHT LUXURY ICONS & STYLING
   ======================================================== */

@media (min-width: 992px) {
    .header_top_content {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
    }
    .header_top_content ._desktop_logo {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 220px !important;
        float: none !important;
    }
    .header_top_content .box_menu {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .header_top_content .top_right {
        flex: 0 0 auto !important;
        width: auto !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 18px !important;
        margin-left: auto !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
    }
    .lang-ar .header_top_content .top_right {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

.header_top_content .top_right {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

/* 1. Search Icon & Dropdown */
#search_widget {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: normal !important;
    margin: 0 !important;
}

#search_widget .search_icon_toogle {
    color: #222222 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.25s ease !important;
}

#search_widget .search_icon_toogle i {
    color: #222222 !important;
    font-size: 19px !important;
    display: block !important;
    transition: color 0.25s ease !important;
}

#search_widget .search_icon_toogle:hover i {
    color: #c6a78d !important;
}

#search_widget form {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    margin-top: 14px !important;
    background: #ffffff !important;
    border: 1.5px solid #ede4db !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
    padding: 6px 14px !important;
    display: none !important;
    align-items: center !important;
    min-width: 280px !important;
    z-index: 1000 !important;
    transition: all 0.25s ease !important;
}

#search_widget form.active {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#search_widget form input[type="text"] {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    font-size: 13.5px !important;
    color: #222222 !important;
    width: 100% !important;
    padding: 6px 8px !important;
}

#search_widget form button[type="submit"] {
    background: transparent !important;
    border: none !important;
    color: #c6a78d !important;
    cursor: pointer !important;
    padding: 4px 8px !important;
    font-size: 16px !important;
}

/* 2. User Account Icon & Dropdown */
._desktop_user_info {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
}

._desktop_user_info .show_on {
    color: #222222 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

._desktop_user_info .show_on i,
._desktop_user_info i {
    color: #222222 !important;
    font-size: 20px !important;
    display: block !important;
    padding: 0 !important;
    transition: color 0.25s ease !important;
}

._desktop_user_info:hover .show_on i,
._desktop_user_info:hover i {
    color: #c6a78d !important;
}

._desktop_user_info .toggle_user_mobile,
._desktop_user_info:hover .toggle_user_mobile,
._desktop_user_info.open .toggle_user_mobile {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

._desktop_user_info .user-info a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 20px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

._desktop_user_info .user-info a:hover {
    background: #fdfbf8 !important;
    color: #c6a78d !important;
}

._desktop_user_info .user-info a i {
    font-size: 15px !important;
    color: #c6a78d !important;
}

/* 3. Language Selector */
._desktop_language_selector {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    border: none !important;
    padding: 0 4px !important;
    width: auto !important;
    line-height: normal !important;
}

._desktop_language_selector .language-selector-wrapper,
._desktop_language_selector .language-selector {
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
}

._desktop_language_selector .expand-more {
    color: #333333 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

._desktop_language_selector .expand-more .main_color {
    color: #c6a78d !important;
    font-weight: 600 !important;
}

._desktop_language_selector .fa-angle-down {
    color: #888888 !important;
    font-size: 13px !important;
    margin-left: 2px !important;
}

._desktop_language_selector .dropdown-menu {
    border: 1.5px solid #ede4db !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
    padding: 6px 0 !important;
    background: #ffffff !important;
    min-width: 140px !important;
    margin-top: 14px !important;
    z-index: 1000 !important;
}

._desktop_language_selector .dropdown-item {
    font-size: 13px !important;
    padding: 8px 16px !important;
    color: #333333 !important;
}

._desktop_language_selector .dropdown-item:hover,
._desktop_language_selector li.current .dropdown-item {
    background: #fdfbf8 !important;
    color: #c6a78d !important;
    font-weight: 600 !important;
}

/* 4. Shopping Cart */
#_desktop_cart {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 6px !important;
    margin: 0 !important;
}

#_desktop_cart .blockcart.cart-preview {
    color: #222222 !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
}

#_desktop_cart .blockcart.cart-preview:before {
    display: none !important;
}

#_desktop_cart .blockcart.cart-preview a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

#_desktop_cart .blockcart.cart-preview a i,
#_desktop_cart i {
    color: #ffffff !important;
    font-size: 21px !important;
    transition: color 0.25s ease !important;
}

#_desktop_cart:hover .blockcart.cart-preview a i,
#_desktop_cart:hover i {
    color: #c6a78d !important;
}

#_desktop_cart .cart-products-count {
    background: #c6a78d !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    text-align: center !important;
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    left: auto !important;
}

#_desktop_cart .body.cart-hover-content {
    background-color: #ffffff !important;
    border: 1.5px solid #ede4db !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
    color: #333333 !important;
    padding: 18px !important;
    margin-top: 14px !important;
    z-index: 1000 !important;
}

#_desktop_cart .body.cart-hover-content:before {
    display: none !important;
}

#_desktop_cart .cart-subtotals,
#_desktop_cart .cart-total {
    color: #333333 !important;
    font-size: 13px !important;
    border-top: 1px solid #f2ede7 !important;
    padding-top: 8px !important;
    margin-top: 8px !important;
}

#_desktop_cart .cart-total .value {
    color: #c6a78d !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

#_desktop_cart .cart-wishlist-action a {
    background: #c6a78d !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 10px 20px !important;
    display: block !important;
    text-align: center !important;
    transition: background 0.25s ease !important;
    text-decoration: none !important;
}

#_desktop_cart .cart-wishlist-action a:hover {
    background: #b59375 !important;
}

/* RTL Adjustments for Top Right */
.lang-ar #search_widget form {
    left: 0 !important;
    right: auto !important;
}
.lang-ar ._desktop_user_info .toggle_user_mobile {
    left: 0 !important;
    right: auto !important;
}
.lang-ar ._desktop_language_selector .dropdown-menu {
    left: 0 !important;
    right: auto !important;
}
.lang-ar #_desktop_cart .body.cart-hover-content {
    left: 0 !important;
    right: auto !important;
}
.lang-ar #_desktop_cart .cart-products-count {
    left: -10px !important;
    right: auto !important;
}


/* ========================================================
   TIFA SCARF - CART PAGE CONTINUER MES ACHATS BUTTON
   ======================================================== */

.cart-grid-body a.label,
.cart-grid-body .btn-continue-shopping {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #ffffff !important;
    border: 1.5px solid #e5ded7 !important;
    border-radius: 30px !important;
    padding: 10px 24px !important;
    color: #444444 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    margin-top: 20px !important;
    margin-bottom: 25px !important;
    line-height: normal !important;
}

.cart-grid-body a.label i,
.cart-grid-body .btn-continue-shopping i {
    font-size: 17px !important;
    color: #c6a78d !important;
    transition: transform 0.25s ease, color 0.25s ease !important;
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

.cart-grid-body a.label:hover,
.cart-grid-body .btn-continue-shopping:hover {
    background: #fdfbf8 !important;
    border-color: #c6a78d !important;
    color: #c6a78d !important;
    box-shadow: 0 4px 15px rgba(198,167,141,0.22) !important;
    transform: translateY(-2px) !important;
}

.cart-grid-body a.label:hover i,
.cart-grid-body .btn-continue-shopping:hover i {
    transform: translateX(-4px) !important;
    color: #b59375 !important;
}

/* RTL Support for Cart page */
.lang-ar .cart-grid-body a.label,
.lang-ar .cart-grid-body .btn-continue-shopping {
    flex-direction: row-reverse !important;
}
.lang-ar .cart-grid-body a.label i,
.lang-ar .cart-grid-body .btn-continue-shopping i {
    transform: rotate(180deg) !important;
}
.lang-ar .cart-grid-body a.label:hover i,
.lang-ar .cart-grid-body .btn-continue-shopping:hover i {
    transform: rotate(180deg) translateX(4px) !important;
}


/* ========================================================
   TIFA SCARF - MINI-CART LUXURY STYLING & ARABIC FIXES
   ======================================================== */

#_desktop_cart .cart-wishlist-item {
    position: relative !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #f2ede7 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 70px !important;
}

#_desktop_cart .shoppingcart_img {
    flex: 0 0 65px !important;
    width: 65px !important;
}

#_desktop_cart .shoppingcart_img img {
    width: 65px !important;
    height: 65px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1.5px solid #ede4db !important;
    display: block !important;
}

#_desktop_cart .shoppingcart_des {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 4px !important;
}

#_desktop_cart .cart_productname {
    color: #222222 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    margin: 0 0 4px 0 !important;
    white-space: normal !important;
    line-height: 1.35 !important;
}

#_desktop_cart .cart_productname .product-name {
    color: #222222 !important;
    font-weight: 600 !important;
}

#_desktop_cart .cart_productname .product-quantity {
    color: #c6a78d !important;
    font-weight: 700 !important;
    margin-right: 4px !important;
}

#_desktop_cart .product-price {
    color: #c6a78d !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

#_desktop_cart .remove-from-cart {
    position: absolute !important;
    top: 12px !important;
    right: 0 !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 50% !important;
    background: #f5ede6 !important;
    color: #888888 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    z-index: 5 !important;
    transform: none !important;
    float: none !important;
}

.lang-ar #_desktop_cart .remove-from-cart {
    left: 0 !important;
    right: auto !important;
}

#_desktop_cart .remove-from-cart:hover {
    background: #e53e3e !important;
    color: #ffffff !important;
}

#_desktop_cart .remove-from-cart i {
    font-size: 11px !important;
    color: inherit !important;
    line-height: 1 !important;
    display: inline-block !important;
    float: none !important;
}

#_desktop_cart .cart-subtotals {
    padding: 10px 0 5px !important;
    border-top: 1px solid #f2ede7 !important;
    margin-top: 10px !important;
    float: none !important;
}

#_desktop_cart .cart-subtotals > div {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 6px !important;
    clear: both !important;
    float: none !important;
    width: 100% !important;
}

#_desktop_cart .cart-subtotals .label {
    color: #666666 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    float: none !important;
    text-transform: none !important;
    line-height: normal !important;
}

#_desktop_cart .cart-subtotals .value {
    color: #222222 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    float: none !important;
    line-height: normal !important;
}

#_desktop_cart .cart-total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
    border-top: 1.5px solid #ede4db !important;
    margin-top: 6px !important;
    float: none !important;
    width: 100% !important;
}

#_desktop_cart .cart-total .label {
    color: #222222 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    float: none !important;
    line-height: normal !important;
}

#_desktop_cart .cart-total .value {
    color: #c6a78d !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    float: none !important;
    line-height: normal !important;
}

#_desktop_cart .cart-wishlist-checkout {
    background: #c6a78d !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    padding: 12px 20px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    display: block !important;
    margin-top: 12px !important;
    margin-bottom: 4px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 15px rgba(198, 167, 141, 0.25) !important;
    float: none !important;
    width: 100% !important;
}

#_desktop_cart .cart-wishlist-checkout:hover {
    background: #b59375 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(198, 167, 141, 0.35) !important;
}


/* ========================================================
   TIFA SCARF - CART SUMMARY, CHECKOUT & CATEGORY REFINEMENTS
   ======================================================== */

/* 1. Prevent mini-cart dropdown from overlapping checkout summary on /commande and /panier */
body#checkout #_desktop_cart .body.cart-hover-content,
body#cart #_desktop_cart .body.cart-hover-content {
    display: none !important;
}

/* 2. Cart summary margins & padding (Sous-total, Livraison, Total TTC) */
#js-checkout-summary {
    background: #ffffff !important;
    border: 1px solid #ede4db !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
    overflow: hidden !important;
}

#js-checkout-summary .card-block {
    padding: 0 !important;
}

#js-checkout-summary .title_summary {
    font-family: 'Playfair Display', serif, var(--tifa-font-serif, serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    background: #fbf9f6 !important;
    border-bottom: 1px solid #ede4db !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#js-checkout-summary .cart-summary-products {
    padding: 14px 18px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f2ede7 !important;
}

#js-checkout-summary .cart-summary-products .media {
    display: flex !important;
    align-items: center !important;
    padding: 6px 0 !important;
}

#js-checkout-summary .cart-summary-line,
#js-checkout-summary .cart-summary-subtotals,
#cart .cart-summary .cart-summary-line,
.cart-detailed-totals .cart-summary-line {
    padding: 11px 18px !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 14px !important;
    color: #444444 !important;
}

#js-checkout-summary .cart-summary-subtotals:not(:last-child) {
    border-bottom: 1px solid #f9f7f4 !important;
}

#js-checkout-summary .cart-summary-line .label,
#cart .cart-summary .cart-summary-line .label {
    color: #555555 !important;
    font-weight: 500 !important;
}

#js-checkout-summary .cart-summary-line .value,
#cart .cart-summary .cart-summary-line .value {
    color: #222222 !important;
    font-weight: 600 !important;
}

#js-checkout-summary .card-block.cart-summary-totals,
#cart .cart-summary-totals {
    background-color: #fbf9f6 !important;
    border-top: 1.5px solid #ede4db !important;
    padding: 14px 18px !important;
    margin: 0 !important;
}

#js-checkout-summary .cart-total,
#cart .cart-total {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#js-checkout-summary .cart-total .label,
#cart .cart-total .label {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#js-checkout-summary .cart-total .value,
#cart .cart-total .value {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #c6a78d !important;
}

/* 3. Change all BLUE and dark buttons in cart & checkout to brand luxury gold */
.btn-primary,
#cart .cart-summary .btn-primary,
.cart-detailed-actions .btn-primary,
body#checkout .btn-primary,
body#checkout button.continue,
#blockcart-modal .btn-primary,
.promo-code button.btn-primary {
    background: #c6a78d !important;
    background-color: #c6a78d !important;
    border-color: #c6a78d !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 14px rgba(198, 167, 141, 0.28) !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
#cart .cart-summary .btn-primary:hover,
.cart-detailed-actions .btn-primary:hover,
body#checkout .btn-primary:hover,
body#checkout button.continue:hover,
#blockcart-modal .btn-primary:hover,
.promo-code button.btn-primary:hover {
    background: #b59375 !important;
    background-color: #b59375 !important;
    border-color: #b59375 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(181, 147, 117, 0.38) !important;
    transform: translateY(-1px) !important;
}

/* Promo code & voucher links */
.promo-code-button,
.collapse-button.promo-code-button {
    color: #c6a78d !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.promo-code-button:hover {
    color: #b59375 !important;
    text-decoration: underline !important;
}

/* Checkout step numbers and radios */
body#checkout section.checkout-step .step-title .step-number {
    background-color: #c6a78d !important;
}
body#checkout .custom-radio input[type="radio"]:checked + span {
    background-color: #c6a78d !important;
}
body#checkout .custom-checkbox input[type="checkbox"]:checked + span {
    border-color: #c6a78d !important;
}
body#checkout .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
    color: #c6a78d !important;
}
body#checkout .step-edit {
    color: #c6a78d !important;
}

/* 4. Luxury Category Page Styling (https://tifascarf.amine.ma/fr/3-vetements etc.) */
/* Hide obsolete demo category images */
.category-cover img[src*="3.jpg"],
.category-cover img[src*="4.jpg"],
.category-cover img[src*="3-"],
.category-cover img[src*="4-"] {
    display: none !important;
}

.block-category {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
    text-align: center !important;
}

.title_category {
    font-family: 'Playfair Display', serif, var(--tifa-font-serif, serif) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    color: #222222 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    position: relative !important;
}

.title_category::after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 2px !important;
    background: #c6a78d !important;
    margin: 10px auto 0 auto !important;
    border-radius: 2px !important;
}

#category-description {
    max-width: 680px !important;
    margin: 0 auto 20px auto !important;
    font-size: 14.5px !important;
    color: #666666 !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* Category Sub-navigation / Sidebar */
#left-column .block-categories {
    background: #ffffff !important;
    border: 1px solid #ede4db !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
}

#left-column .block-categories .category-sub-menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#left-column .block-categories .category-sub-menu li {
    padding: 8px 0 !important;
    border-bottom: 1px solid #f6f3ef !important;
}

#left-column .block-categories .category-sub-menu li:last-child {
    border-bottom: none !important;
}

#left-column .block-categories .category-sub-menu a {
    color: #444444 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, padding-left 0.2s ease !important;
}

#left-column .block-categories .category-sub-menu a:hover {
    color: #c6a78d !important;
    padding-left: 5px !important;
}

/* Category Products Sorting & View Selectors */
#js-product-list-top .sort-by-row {
    align-items: center !important;
}

#js-product-list-top .select-title {
    background: #ffffff !important;
    border: 1px solid #ede4db !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    color: #333333 !important;
}

.page-list .current a {
    background-color: #c6a78d !important;
    border-color: #c6a78d !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* ========================================================
   TIFA SCARF - EQUAL HEIGHT TESTIMONIAL CARDS (ANTI-CLIPPING & NAVIGATION)
   ======================================================== */
.tifa-testimonials-container {
  margin-top: 25px;
  position: relative;
  padding: 0 28px;
  box-sizing: border-box;
}

@media (max-width: 991px) {
  .tifa-testimonials-container {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .tifa-testimonials-container {
    padding: 0 10px;
  }
}

.tifa-testimonials-carousel {
  position: relative !important;
}

.tifa-testimonials-carousel .owl-stage-outer {
  position: relative !important;
  overflow: hidden !important;
  width: calc(100% + 24px) !important;
  margin: -15px -12px -32px -12px !important;
  padding: 15px 12px 32px 12px !important;
  box-sizing: border-box !important;
}

.tifa-testimonials-carousel .owl-stage {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: stretch !important;
}

.tifa-testimonials-carousel .owl-stage:after,
.tifa-testimonials-carousel .owl-stage::after {
  display: none !important;
  content: none !important;
}

.tifa-testimonials-carousel .owl-item {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: auto !important;
  float: none !important;
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.tifa-testimonials-carousel .owl-item > .tifa-carousel-item,
.tifa-testimonials-carousel .tifa-carousel-item {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  -webkit-flex: 1 1 100% !important;
  -ms-flex: 1 1 100% !important;
  flex: 1 1 100% !important;
}

.tifa-testimonial-card {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  -webkit-flex: 1 1 100% !important;
  -ms-flex: 1 1 100% !important;
  flex: 1 1 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.tifa-testimonial-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.09) !important;
  border-color: #c6a78d !important;
}

.tifa-card-body {
  -webkit-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  margin-bottom: 18px !important;
}

.tifa-card-footer {
  margin-top: auto !important;
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.tifa-author-media,
.tifa-author-avatar,
.tifa-author-avatar-monogram {
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.tifa-testimonials-carousel .owl-nav,
.tifa-testimonials-carousel .owl-nav .owl-prev,
.tifa-testimonials-carousel .owl-nav .owl-next {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Suppress any dropdown on account icon */
._desktop_user_info .toggle_user_mobile,
._desktop_user_info:hover .toggle_user_mobile,
._desktop_user_info.open .toggle_user_mobile {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* ===============================================
   5. Adaptation Footer Tifa Scarf
   =============================================== */
.payment_footer {
    display: none !important;
}

.footer_before .row_ct {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.footer_text_welcome {
    font-size: 13px;
    line-height: 1.8;
    color: #aaaaaa;
    max-width: 850px;
}

@media (max-width: 991px) {
    .footer_before .row_ct {
        justify-content: center;
        text-align: center;
    }
    .footer_logo {
        margin: 0 auto 15px auto !important;
        float: none !important;
    }
    .footer_logo::after {
        display: none !important;
    }
    .footer_text_welcome {
        text-align: center !important;
        padding: 0 15px !important;
        width: 100% !important;
        float: none !important;
    }
}

html[dir="rtl"] .footer_logo,
body.lang-rtl .footer_logo {
    float: right;
    padding-right: 0;
    margin-right: 0;
    padding-left: 35px;
    margin-left: 33px;
}

html[dir="rtl"] .footer_logo::after,
body.lang-rtl .footer_logo::after {
    right: auto;
    left: 0;
}

html[dir="rtl"] .footer_text_welcome,
body.lang-rtl .footer_text_welcome {
    float: right;
    text-align: right;
}


/* ==========================================================================
   TIFA SCARF - FACETED SEARCH & CATEGORY COMBINATIONS / FILTERS STYLING
   ========================================================================== */

#search_filters {
    background: #ffffff;
    border: 1px solid var(--tifa-border, #e8e4df);
    border-radius: var(--tifa-radius, 8px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    margin-bottom: 25px;
}

#search_filters > p,
#search_filters > h4 {
    background: var(--tifa-gold-light, #f7f3ee) !important;
    color: var(--tifa-dark, #1f2421) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 14px 20px !important;
    border-bottom: 1px solid var(--tifa-border, #e8e4df) !important;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

#search_filters .facet {
    padding: 15px 0 10px 0;
    border-bottom: 1px solid #f2eeeb;
}

#search_filters .facet:last-child {
    border-bottom: none;
}

#search_filters .facet .facet-title {
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: var(--tifa-dark, #1f2421) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 0 20px 8px 20px !important;
    margin-bottom: 0 !important;
}

#search_filters .facet .title {
    padding: 0 20px 8px 20px;
}

#search_filters .facet ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#search_filters .facet ul:not(.faceted-slider) {
    max-height: 260px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--tifa-gold, #C6A78D) #f7f3ee;
}

#search_filters .facet ul:not(.faceted-slider)::-webkit-scrollbar {
    width: 5px;
}

#search_filters .facet ul:not(.faceted-slider)::-webkit-scrollbar-thumb {
    background-color: var(--tifa-gold, #C6A78D);
    border-radius: 4px;
}

#search_filters .facet ul:not(.faceted-slider)::-webkit-scrollbar-track {
    background: #f7f3ee;
}

#search_filters .facet .facet-label {
    padding: 7px 20px !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

#search_filters .facet .facet-label:hover {
    background-color: var(--tifa-gold-light, #f7f3ee);
}

#search_filters .facet .facet-label a {
    color: #444444;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-decoration: none;
    transition: color 0.2s ease;
}

#search_filters .facet .facet-label:hover a,
#search_filters .facet .facet-label.active a {
    color: var(--tifa-gold-dark, #9E8671);
    font-weight: 600;
}

#search_filters .facet .facet-label .magnitude {
    color: #8c8c8c;
    font-size: 0.78rem;
    margin-left: auto;
    background: #f4f0ec;
    padding: 1px 7px;
    border-radius: 10px;
    font-weight: normal;
}

/* Color Swatches inside Facet */
#search_filters .facet .custom-checkbox span.color {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#search_filters .facet .facet-label:hover .custom-checkbox span.color {
    transform: scale(1.15);
    box-shadow: 0 0 0 2px var(--tifa-gold, #C6A78D);
}

#search_filters .facet-label.active .custom-checkbox span.color {
    box-shadow: 0 0 0 2px var(--tifa-gold-dark, #9E8671) !important;
    transform: scale(1.1);
}

/* Custom Checkbox tick marks */
#search_filters .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
    color: var(--tifa-gold, #C6A78D);
}

/* Active Filters Block */
.active_filters {
    background: #ffffff;
    border: 1px solid var(--tifa-border, #e8e4df);
    border-radius: var(--tifa-radius, 8px);
    padding: 14px 18px;
    margin-bottom: 20px;
}

.active_filters .active-filter-title {
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--tifa-dark, #1f2421);
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.active_filters ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.active_filters .filter-block {
    background: var(--tifa-gold-light, #f7f3ee);
    border: 1px solid #dfd6cd;
    color: var(--tifa-dark, #1f2421);
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 0.825rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.active_filters .filter-block a {
    color: #888;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.active_filters .filter-block a:hover {
    color: #e53e3e;
}

.active_filters .filter-block .close {
    font-size: 16px;
    line-height: 1;
    margin-left: 2px;
}

/* Price Slider */
#search_filters .ui-slider-horizontal {
    height: 6px;
    background: #e5dfd8;
    border: none;
    border-radius: 3px;
    margin: 15px 20px 10px 20px;
    width: calc(100% - 40px);
}

#search_filters .ui-widget-header {
    background: var(--tifa-gold, #C6A78D);
    border-radius: 3px;
}

#search_filters .ui-slider .ui-slider-handle {
    width: 16px;
    height: 16px;
    top: -5px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid var(--tifa-gold, #C6A78D);
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    cursor: pointer;
    outline: none;
}

/* Mobile & Search Page Responsiveness */
@media (max-width: 767px) {
    #search #content-wrapper {
        width: 100%;
    }
    #search #search_filter_toggler,
    #category #search_filter_toggler {
        width: 100%;
        border: 1px solid var(--tifa-border, #e8e4df);
        background: #ffffff;
        color: var(--tifa-dark, #1f2421);
        font-weight: 600;
        padding: 10px 16px;
        border-radius: var(--tifa-radius, 8px);
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }
    #search #search_filter_toggler:hover,
    #category #search_filter_toggler:hover {
        background: var(--tifa-gold-light, #f7f3ee);
        border-color: var(--tifa-gold, #C6A78D);
    }
    #search #left-column #search_filters_wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }
    #search #left-column #search_filter_controls {
        text-align: center;
        margin-bottom: 1rem;
    }
    #search #left-column #search_filter_controls button {
        margin: 0 0.5rem;
    }
}



/* ==========================================================================
   TIFA SCARF - LUXURY PRICE RANGE SCROLLER (MIN - MAX)
   ========================================================================== */

.tifa-price-scroller-wrap {
    padding: 10px 20px 18px 20px !important;
}

/* Min - Max Value Cards */
.tifa-price-range-boxes {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
}

.tifa-price-box {
    background: #ffffff !important;
    border: 1.5px solid var(--tifa-border, #e8e4df) !important;
    border-radius: var(--tifa-radius, 8px) !important;
    padding: 6px 14px !important;
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.2s ease !important;
}

.tifa-price-box:hover {
    border-color: var(--tifa-gold, #C6A78D) !important;
    background: #faf8f5 !important;
}

.tifa-price-tag {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--tifa-gold-dark, #9E8671) !important;
    margin-bottom: 2px !important;
}

.tifa-price-val {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: var(--tifa-dark, #1f2421) !important;
    white-space: nowrap !important;
}

.tifa-price-sep {
    font-size: 18px !important;
    color: var(--tifa-gold, #C6A78D) !important;
    font-weight: 600 !important;
    flex: 0 0 auto !important;
}

/* Track container */
.tifa-slider-bar-wrap {
    padding: 0 8px !important;
    position: relative !important;
}

/* Slider Track Bar */
#search_filters .ui-slider-horizontal,
.tifa-slider-range.ui-slider-horizontal {
    height: 8px !important;
    background: #e8e3dc !important;
    border: none !important;
    border-radius: 4px !important;
    margin: 12px 0 8px 0 !important;
    position: relative !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    width: 100% !important;
}

/* Active Highlight Range */
#search_filters .ui-slider-horizontal .ui-slider-range,
#search_filters .ui-widget-header {
    background: linear-gradient(90deg, #d8bc9f 0%, #c6a78d 100%) !important;
    border-radius: 4px !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 1 !important;
    border: none !important;
}

/* Dual Scroller Handles (Min & Max Knobs) */
#search_filters .ui-slider-horizontal .ui-slider-handle,
#search_filters .ui-slider .ui-slider-handle {
    width: 22px !important;
    height: 22px !important;
    top: -7px !important;
    margin-left: -11px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 3px solid var(--tifa-gold, #C6A78D) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
    cursor: grab !important;
    outline: none !important;
    position: absolute !important;
    z-index: 4 !important;
    touch-action: none !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important;
}

#search_filters .ui-slider-horizontal .ui-slider-handle:hover,
#search_filters .ui-slider-horizontal .ui-slider-handle:focus {
    border-color: var(--tifa-gold-dark, #9E8671) !important;
    transform: scale(1.2) !important;
    box-shadow: 0 4px 14px rgba(198, 167, 141, 0.45) !important;
}

#search_filters .ui-slider-horizontal .ui-slider-handle.ui-state-active,
#search_filters .ui-slider-horizontal .ui-slider-handle:active {
    cursor: grabbing !important;
    transform: scale(1.25) !important;
    border-color: #7A6650 !important;
    box-shadow: 0 4px 16px rgba(122, 102, 80, 0.5) !important;
}

/* === TIFA SCARF - MOBILE HEADER LUXURY BAR & PERFECT RTL MIRRORING === */
@media (max-width: 991px) {
    .header_content.tonglao {
        background: #ffffff !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #header,
    .header_content,
    .header-top {
        position: relative !important;
        z-index: 1000001 !important;
    }
    body.menu-open #header,
    body.menu-open .header_content,
    body.menu-open .header-top {
        z-index: 1000005 !important;
    }
    .header-top {
        padding: 8px 0 !important;
        background: #ffffff !important;
        border-bottom: 1px solid #f2ede7 !important;
        margin: 0 !important;
    }
    .header-top .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .header-top .row {
        margin: 0 !important;
    }
    .header_top_content {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        position: relative !important;
        margin: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 !important;
    }
    
    /* Box menu container: MUST NOT be display:none so its child .mm_menus_ul can open! */
    .header_top_content .box_menu {
        display: block !important;
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        overflow: visible !important;
        flex: 0 0 0px !important;
        transform: none !important;
        filter: none !important;
        perspective: none !important;
    }
    .header_top_content .box_menu .menu_and_cattree,
    .header_top_content .box_menu .ets_mm_megamenu,
    .header_top_content .box_menu .ets_mm_megamenu_content,
    .header_top_content .box_menu .ets_mm_megamenu_content .container {
        display: block !important;
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        overflow: visible !important;
        transform: none !important;
        filter: none !important;
        perspective: none !important;
    }
    .ybc-menu-toggle {
        display: none !important;
    }
    
    /* Left Group: Hamburger + Search (LTR) */
    .header_mobile_left {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        flex: 0 0 74px !important;
        width: 74px !important;
        max-width: 74px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 10 !important;
        position: relative !important;
    }
    #menu-icon,
    button#menu-icon {
        position: static !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
        z-index: 10 !important;
    }
    #menu-icon svg {
        pointer-events: none !important;
        display: block !important;
    }
    #menu-icon .material-icons {
        display: none !important;
    }
    .mobile_search_btn,
    button#mobile_search_btn {
        position: static !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
        z-index: 10 !important;
    }
    .mobile_search_btn svg {
        pointer-events: none !important;
        display: block !important;
    }

    /* Center: Logo (Cleanly centered in flex flow, never overlapping icons!) */
    #_desktop_logo {
        position: static !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 4px !important;
        z-index: 5 !important;
        min-width: 0 !important;
        max-width: none !important;
        width: auto !important;
        float: none !important;
        pointer-events: auto !important;
    }
    #_desktop_logo .wrap_logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
        max-width: 100% !important;
    }
    #_desktop_logo .logo {
        height: 28px !important;
        max-height: 28px !important;
        width: auto !important;
        max-width: 130px !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 auto !important;
    }
    .mobile_logo {
        display: none !important;
    }

    /* Right Group: User + Cart (LTR) */
    .header_top_content .top_right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        flex: 0 0 74px !important;
        width: 74px !important;
        max-width: 74px !important;
        float: none !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 10 !important;
    }
    .header_top_content .top_right #search_widget .search_icon_toogle,
    .header_top_content .top_right #_desktop_language_selector {
        display: none !important;
    }
    ._desktop_user_info {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    ._desktop_user_info .show_on {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        color: #222222 !important;
        text-decoration: none !important;
    }
    ._desktop_user_info .show_on i,
    ._desktop_user_info i {
        font-size: 19px !important;
        color: #222222 !important;
        line-height: 1 !important;
    }
    #_desktop_cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }
    #_desktop_cart .blockcart.cart-preview {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
    }
    #_desktop_cart .blockcart.cart-preview a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        text-decoration: none !important;
    }
    #_desktop_cart .blockcart.cart-preview a i,
    #_desktop_cart i {
        font-size: 20px !important;
        color: #ffffff !important;
        line-height: 1 !important;
    }
    #_desktop_cart .cart-products-count {
        background: #c6a78d !important;
        color: #ffffff !important;
        border-radius: 50% !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        width: 16px !important;
        height: 16px !important;
        line-height: 16px !important;
        text-align: center !important;
        position: absolute !important;
        top: -4px !important;
        right: -4px !important;
        left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
    }

    /* Mobile Search Dropdown */
    #search_widget form {
        position: fixed !important;
        top: 54px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        background: #ffffff !important;
        padding: 10px 16px !important;
        box-shadow: 0 6px 18px rgba(0,0,0,0.1) !important;
        border-bottom: 1px solid #ede4db !important;
        z-index: 999999 !important;
        display: none !important;
    }
    #search_widget form.active {
        display: flex !important;
        align-items: center !important;
    }
    #search_widget form input[type="text"] {
        flex: 1 1 auto !important;
        height: 40px !important;
        border: 1.5px solid #ede4db !important;
        border-radius: 20px !important;
        padding: 0 16px !important;
        font-size: 14px !important;
        color: #222222 !important;
        outline: none !important;
        background: #fbf9f6 !important;
    }
    #search_widget form button[type="submit"] {
        position: absolute !important;
        right: 28px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        background: transparent !important;
        border: none !important;
        color: #c6a78d !important;
        font-size: 16px !important;
        padding: 0 !important;
    }

    /* ========================================================
       ARABIC (RTL) MOBILE MIRRORING ("dans l'arabe de l'autre côté")
       ======================================================== */
    body.lang-rtl .header_top_content,
    .lang-ar .header_top_content,
    html[dir="rtl"] .header_top_content,
    html[lang="ar"] .header_top_content {
        direction: rtl !important;
    }
    body.lang-rtl .header_mobile_left,
    .lang-ar .header_mobile_left,
    html[dir="rtl"] .header_mobile_left,
    html[lang="ar"] .header_mobile_left {
        justify-content: flex-start !important; /* In RTL, starts at the RIGHT edge */
        margin: 0 !important;
    }
    body.lang-rtl .header_top_content .top_right,
    .lang-ar .header_top_content .top_right,
    html[dir="rtl"] .header_top_content .top_right,
    html[lang="ar"] .header_top_content .top_right {
        justify-content: flex-start !important; /* In RTL, aligns at the LEFT edge */
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body.lang-rtl #_desktop_cart .cart-products-count,
    .lang-ar #_desktop_cart .cart-products-count,
    html[dir="rtl"] #_desktop_cart .cart-products-count,
    html[lang="ar"] #_desktop_cart .cart-products-count {
        right: auto !important;
        left: -4px !important;
    }
    body.lang-rtl #search_widget form button[type="submit"],
    .lang-ar #search_widget form button[type="submit"],
    html[dir="rtl"] #search_widget form button[type="submit"],
    html[lang="ar"] #search_widget form button[type="submit"] {
        right: auto !important;
        left: 28px !important;
    }
    body.lang-rtl #search_widget form input[type="text"],
    .lang-ar #search_widget form input[type="text"],
    html[dir="rtl"] #search_widget form input[type="text"],
    html[lang="ar"] #search_widget form input[type="text"] {
        text-align: right !important;
        direction: rtl !important;
        padding-right: 18px !important;
        padding-left: 45px !important;
    }

    /* Backdrop */
    .mm_menus_backdrop {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(0, 0, 0, 0.55) !important;
        z-index: 1000000 !important;
        -webkit-tap-highlight-color: transparent !important;
        cursor: pointer !important;
    }
    .mm_menus_backdrop.active {
        display: block !important;
    }

    /* Mobile Drawer (LTR: slides from LEFT) */
    .mm_menus_ul {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: 290px !important;
        max-width: 85vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        background-color: #ffffff !important;
        z-index: 1000010 !important;
        box-shadow: 4px 0 25px rgba(0, 0, 0, 0.2) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        transform: translateX(-100%) !important;
        -webkit-transform: translateX(-100%) !important;
        transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.35s ease, opacity 0.35s ease !important;
        -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.35s ease, opacity 0.35s ease !important;
        visibility: hidden !important;
        opacity: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        pointer-events: none !important;
    }
    .mm_menus_ul.active {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
        pointer-events: auto !important;
    }
    .mm_menus_ul * {
    .mm_menus_ul a,
    .mm_menus_ul .mm_lang_btn,
    .mm_menus_ul .mm_menus_li > a {
        position: relative !important;
        z-index: 1000012 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(198, 167, 141, 0.3) !important;
    }

        pointer-events: auto !important;
    }

    /* Mobile Drawer (RTL: slides from RIGHT) */
    body.lang-rtl .mm_menus_ul,
    .lang-ar .mm_menus_ul,
    html[dir="rtl"] .mm_menus_ul,
    html[lang="ar"] .mm_menus_ul {
        left: auto !important;
        right: 0 !important;
        transform: translateX(100%) !important;
        -webkit-transform: translateX(100%) !important;
        box-shadow: -4px 0 25px rgba(0, 0, 0, 0.2) !important;
        direction: rtl !important;
        text-align: right !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    body.lang-rtl .mm_menus_ul.active,
    .lang-ar .mm_menus_ul.active,
    html[dir="rtl"] .mm_menus_ul.active,
    html[lang="ar"] .mm_menus_ul.active {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    body.lang-rtl .mm_menus_ul .mm_menus_li:not(.mm_menus_li_lang):not(.close_menu) > a,
    .lang-ar .mm_menus_ul .mm_menus_li:not(.mm_menus_li_lang):not(.close_menu) > a,
    html[dir="rtl"] .mm_menus_ul .mm_menus_li:not(.mm_menus_li_lang):not(.close_menu) > a,
    html[lang="ar"] .mm_menus_ul .mm_menus_li:not(.mm_menus_li_lang):not(.close_menu) > a {
        text-align: right !important;
        padding-right: 20px !important;
        padding-left: 12px !important;
        direction: rtl !important;
    }
    body.lang-rtl .mm_close_header,
    .lang-ar .mm_close_header,
    html[dir="rtl"] .mm_close_header,
    html[lang="ar"] .mm_close_header {
        flex-direction: row !important;
        direction: rtl !important;
    }
    body.lang-rtl .mm_close_title,
    .lang-ar .mm_close_title,
    html[dir="rtl"] .mm_close_title,
    html[lang="ar"] .mm_close_title {
        text-align: right !important;
    }

    /* Mobile Drawer Header (.close_menu) */
    div.header_content .ets_mm_megamenu .ets_mm_megamenu_content .mm_menus_ul li.close_menu,
    div.header_content .ets_mm_megamenu .mm_menus_ul li.close_menu,
    .ets_mm_megamenu .ets_mm_megamenu_content .mm_menus_ul li.close_menu,
    .ets_mm_megamenu .mm_menus_ul li.close_menu,
    .mm_menus_ul li.close_menu {
        background-color: #f7f3ee !important;
        border-bottom: 1px solid #e8dfd5 !important;
        padding: 14px 18px !important;
        margin: 0 !important;
        cursor: pointer !important;
        display: block !important;
        width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
        pointer-events: auto !important;
    }
    div.header_content .ets_mm_megamenu .ets_mm_megamenu_content .mm_menus_ul li.close_menu *,
    div.header_content .ets_mm_megamenu .mm_menus_ul li.close_menu *,
    .ets_mm_megamenu .ets_mm_megamenu_content .mm_menus_ul li.close_menu *,
    .ets_mm_megamenu .mm_menus_ul li.close_menu *,
    .mm_menus_ul li.close_menu * {
        color: #222222 !important;
    }
    .mm_close_header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
    }
    .mm_close_title {
        font-size: 15px !important;
        font-weight: 700 !important;
        letter-spacing: 1.5px !important;
        color: #222222 !important;
        text-transform: uppercase !important;
    }
    .mm_close_btn {
        background: #ede4db !important;
        border: none !important;
        padding: 4px !important;
        margin: 0 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        outline: none !important;
        width: 30px !important;
        height: 30px !important;
        transition: background 0.2s ease !important;
    }
    .mm_close_btn svg {
        stroke: #222222 !important;
        display: block !important;
    }

    /* Mobile Language Bar */
    .mm_menus_li_lang {
        display: block !important;
        background: #fbf9f6 !important;
        border-bottom: 1px solid #f2ede7 !important;
        padding: 12px 16px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
        float: none !important;
        pointer-events: auto !important;
    }
    .mm_lang_wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .mm_lang_buttons {
        display: flex !important;
        gap: 8px !important;
        width: 100% !important;
        pointer-events: auto !important;
    }
    .mm_lang_btn {
        flex: 1 1 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 4px !important;
        background: #ffffff !important;
        color: #4a5568 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        border: 1.5px solid #ede4db !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        white-space: nowrap !important;
    }
    .mm_lang_btn:hover,
    .mm_lang_btn.active,
    .mm_lang_btn:active {
        background: #c6a78d !important;
        color: #ffffff !important;
        border-color: #c6a78d !important;
        box-shadow: 0 2px 8px rgba(198, 167, 141, 0.35) !important;
    }

    /* Menu Navigation Links */
    .mm_menus_ul .mm_menus_li:not(.mm_menus_li_lang):not(.close_menu) {
        border-top: none !important;
        border-bottom: 1px solid #f2ede7 !important;
        float: none !important;
        width: 100% !important;
        pointer-events: auto !important;
    }
    .mm_menus_ul .mm_menus_li:not(.mm_menus_li_lang):not(.close_menu) > a {
        padding: 14px 20px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #2d3748 !important;
        display: block !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(198, 167, 141, 0.15) !important;
    }
    .mm_menus_ul .mm_menus_li:not(.mm_menus_li_lang):not(.close_menu) > a:hover,
    .mm_menus_ul .mm_menus_li:not(.mm_menus_li_lang):not(.close_menu).active > a,
    .mm_menus_ul .mm_menus_li:not(.mm_menus_li_lang):not(.close_menu) > a:active {
        color: #c6a78d !important;
        background-color: #fbf9f6 !important;
    }
}

/* =========================================================
   Footer Newsletter Button Adaptation (Mobile & Desktop)
   ========================================================= */
.block_newsletter form .block_newsletter_form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    position: relative !important;
}

.block_newsletter form .input-wrapper {
    margin-bottom: 0 !important;
    width: 100% !important;
}

.block_newsletter form input[type="text"] {
    width: 100% !important;
    height: 48px !important;
    border-radius: 8px !important;
    border: 1.5px solid #e2e8f0 !important;
    background: #ffffff !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    color: #2d3748 !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.block_newsletter form input[type="text"]:focus {
    border-color: #c6a78d !important;
    box-shadow: 0 0 0 3px rgba(198, 167, 141, 0.2) !important;
    outline: none !important;
}

.block_newsletter form .newsletter_submit {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    z-index: 1 !important;
}

.block_newsletter form .newsletter_submit:after {
    display: none !important;
    content: none !important;
}

.block_newsletter form .newsletter_submit input[type="submit"],
.block_newsletter form .newsletter_submit .btn-primary,
.block_newsletter form input[name="submitNewsletter"] {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    background: #c6a78d !important;
    background-color: #c6a78d !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    line-height: 48px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(198, 167, 141, 0.25) !important;
    transition: all 0.25s ease !important;
    display: block !important;
    box-sizing: border-box !important;
}

.block_newsletter form .newsletter_submit input[type="submit"]:hover,
.block_newsletter form .newsletter_submit .btn-primary:hover,
.block_newsletter form input[name="submitNewsletter"]:hover {
    background: #b59375 !important;
    background-color: #b59375 !important;
    box-shadow: 0 6px 18px rgba(181, 147, 117, 0.35) !important;
    transform: translateY(-1px) !important;
}

.block_newsletter form .newsletter_submit input:nth-of-type(n+2),
.block_newsletter form .newsletter_submit input.hidden-sm-up {
    display: none !important;
}