/* ==========================================================================
   SPLASH.AMINE.MA - LUXURY DARK DESIGN SYSTEM
   Theme: Whisper / Prestashop 1.6
   Palette:
     Background: #020202 (deep luxury black)
     Surfaces: #070707, #0a0a0a, #0f0f0f (cards, panels, boxes)
     Borders: #1a1a1a, #242424 (subtle dark borders)
     Accent Purple: #BA85D7 (buttons, highlights, links hover)
     Accent Gold: #FEF1D1 (prices, subtitles, prestige headings)
     Text Primary: #ffffff
     Text Secondary: #b0b0b0, #777777
   ========================================================================== */

/* ==========================================================================
   PART 1: FOOTER ADAPTATION (ALL PAGES, HOMEPAGE INCLUDED)
   ========================================================================== */

.footer-wrapper,
.footer-container,
#footer {
    background-color: #020202 !important;
    background: #020202 !important;
    border-top: 1px solid #1a1a1a !important;
    border-bottom: none !important;
    color: #999999 !important;
    padding-top: 50px !important;
    padding-bottom: 25px !important;
}

/* Footer Column Headings */
#footer h4,
#footer h4 a,
.footer-block h4,
.footer-block h4 a {
    font-family: 'Playfair Display', 'Bodoni Moda', Georgia, serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #FEF1D1 !important;
    margin-bottom: 22px !important;
    padding-bottom: 12px !important;
    position: relative !important;
    border: none !important;
}

#footer h4::before, #footer h4::after, .footer-block h4::before, .footer-block h4::after { display: none !important; content: none !important; width: 0 !important; height: 0 !important; background: none !important; border: none !important; }

/* Footer Navigation Links */
#footer ul,
#footer .toggle-footer,
#footer .category_footer ul {
    list-style: none !important;
    padding-left: 0 !important;
}

#footer li {
    margin-bottom: 10px !important;
    line-height: 1.8 !important;
}

#footer a,
#footer .toggle-footer a,
#footer li a,
#block_various_links_footer li a,
#footer .category_footer a {
    color: #888888 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-block !important;
    text-decoration: none !important;
}

#footer a:hover,
#footer .toggle-footer a:hover,
#footer li a:hover,
#block_various_links_footer li a:hover,
#footer .category_footer a:hover {
    color: #BA85D7 !important;
    transform: translateX(4px) !important;
    text-decoration: none !important;
}

/* Newsletter Block in Footer */
#newsletter_block_left {
    margin-bottom: 25px !important;
}

#newsletter_block_left p {
    color: #888888 !important;
    font-size: 13px !important;
    margin-bottom: 15px !important;
    line-height: 1.6 !important;
}

#newsletter_block_left .form-group {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    margin-bottom: 0 !important;
}

#newsletter_block_left input.newsletter-input,
#newsletter-input {
    background-color: #0a0a0a !important;
    background: #0a0a0a !important;
    border: 1px solid #242424 !important;
    color: #ffffff !important;
    border-radius: 3px 0 0 3px !important;
    padding: 10px 14px !important;
    height: 42px !important;
    font-size: 13px !important;
    outline: none !important;
    flex: 1 !important;
    box-shadow: none !important;
}

#newsletter_block_left input.newsletter-input:focus,
#newsletter-input:focus {
    border-color: #BA85D7 !important;
    box-shadow: 0 0 8px rgba(186, 133, 215, 0.25) !important;
}

#newsletter_block_left button[name="submitNewsletter"],
#newsletter_block_left .btn {
    background: #BA85D7 !important;
    background-color: #BA85D7 !important;
    border: 1px solid #BA85D7 !important;
    color: #ffffff !important;
    border-radius: 0 3px 3px 0 !important;
    padding: 0 18px !important;
    height: 42px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 10px rgba(186, 133, 215, 0.25) !important;
    cursor: pointer !important;
}

#newsletter_block_left button[name="submitNewsletter"]:hover,
#newsletter_block_left .btn:hover {
    background: #a36ac2 !important;
    border-color: #a36ac2 !important;
    box-shadow: 0 4px 18px rgba(186, 133, 215, 0.45) !important;
}

/* Store Info Block in Footer */
#block_contact_infos {
    color: #888888 !important;
    font-size: 13px !important;
}

#block_contact_infos li {
    padding: 4px 0 !important;
    line-height: 1.7 !important;
    color: #888888 !important;
}

#block_contact_infos li span {
    color: #cccccc !important;
}

#block_contact_infos a {
    color: #BA85D7 !important;
}

#block_contact_infos a:hover {
    color: #FEF1D1 !important;
}

/* Social Media Block in Footer */
#social_block {
    margin-top: 25px !important;
    float: none !important;
    width: 100% !important;
}

#social_block h4 {
    display: none !important;
}

#social_block ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#social_block ul li {
    float: none !important;
    margin: 0 !important;
    display: inline-block !important;
}

html body .footer-container #footer #social_block ul li a,
body #footer #social_block ul li a,
#social_block ul li a {
    width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    text-align: center !important;
    background-color: #141414 !important;
    background: #141414 !important;
    border: 1px solid #333333 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    padding: 0 !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

/* Hide text span in social buttons */
#social_block ul li a span {
    display: none !important;
}

/* Universal social icon glyphs via FontAwesome */
#social_block ul li a::before {
    font-family: 'FontAwesome' !important;
    font-size: 17px !important;
    line-height: 1 !important;
    color: #FFEEC8 !important;
    display: inline-block !important;
    transition: color 0.3s ease !important;
}

#social_block li.facebook a::before {
    content: "\f09a" !important;
}

#social_block li.twitter a::before {
    content: "\f099" !important;
}

#social_block li.google-plus a::before {
    content: "\f0d5" !important;
}

#social_block li.rss a::before {
    content: "\f09e" !important;
}

#social_block li.youtube a::before {
    content: "\f167" !important;
}

#social_block li.instagram a::before {
    content: "\f16d" !important;
}

#social_block li.pinterest a::before {
    content: "\f0d2" !important;
}

html body .footer-container #footer #social_block ul li a:hover,
body #footer #social_block ul li a:hover,
#social_block ul li a:hover {
    background-color: #BA85D7 !important;
    background: #BA85D7 !important;
    border-color: #BA85D7 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(186, 133, 215, 0.4) !important;
}

#social_block ul li a:hover::before {
    color: #ffffff !important;
}

/* Footer Bottom Bar (Copyright & Payments) */
.footer_bottom {
    background-color: #000000 !important;
    background: #000000 !important;
    border-top: 1px solid #141414 !important;
    color: #555555 !important;
    padding: 22px 0 30px 0 !important;
}

.ybc_coppyright {
    color: #666666 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    line-height: 1.8 !important;
    text-align: center !important;
    margin-top: 10px !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}

.ybc_coppyright::before,
.ybc_coppyright::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

.payment_footer {
    text-align: center !important;
    margin-bottom: 12px !important;
}

.payment_footer img {
    max-height: 32px !important;
    width: auto !important;
    opacity: 0.85 !important;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.5)) !important;
    transition: opacity 0.3s ease !important;
}

.payment_footer img:hover {
    opacity: 1 !important;
}

/* Floating Scroll to Top Button (Luxury Style - Universal Desktop & Mobile) */
html body div.scroll_top,
body .scroll_top,
.scroll_top {
    position: fixed !important;
    bottom: 28px !important;
    right: 28px !important;
    left: auto !important;
    top: auto !important;
    width: 46px !important;
    height: 46px !important;
    background: rgba(15, 15, 15, 0.9) !important;
    border: 1px solid #333333 !important;
    border-radius: 50% !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(8px) !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
}

body.ybc-skin-brown .scroll_top::after,
body.ybc-skin-brown div.scroll_top::after,
body.ybc-skin-brown .scroll_top:after,
body.ybc-skin-default .scroll_top::after,
body.ybc-skin-default div.scroll_top::after,
body.ybc-skin-default .scroll_top:after,
html body div.scroll_top::after,
html body div.scroll_top:after,
body .scroll_top::after,
body .scroll_top:after,
.scroll_top::after,
.scroll_top:after {
    display: none !important;
    content: none !important;
    border: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-style: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: none !important;
}

body.ybc-skin-brown .scroll_top::before,
body.ybc-skin-brown div.scroll_top::before,
body.ybc-skin-brown .scroll_top:before,
body.ybc-skin-default .scroll_top::before,
body.ybc-skin-default div.scroll_top::before,
body.ybc-skin-default .scroll_top:before,
html body div.scroll_top::before,
html body div.scroll_top:before,
body .scroll_top::before,
body .scroll_top:before,
.scroll_top::before,
.scroll_top:before {
    content: "\f106" !important;
    font-family: 'FontAwesome' !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #FFEEC8 !important;
    border: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-style: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-block !important;
    transition: color 0.3s ease !important;
}

.scroll_top span {
    display: none !important;
}

.scroll_top:hover {
    background: #BA85D7 !important;
    border-color: #BA85D7 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(186, 133, 215, 0.5) !important;
}

.scroll_top:hover::before {
    color: #ffffff !important;
}

/* ==========================================================================
   PART 2: INNER PAGES HARMONIZATION (ALL PAGES EXCEPT HOMEPAGE)
   Targeted specifically using body:not(#index)
   ========================================================================== */

/* Background & Typography Reset for Inner Pages */
body:not(#index),
body:not(#index) #page,
body:not(#index) .columns-container,
body:not(#index) #columns,
body:not(#index) #center_column,
body:not(#index) #left_column,
body:not(#index) #right_column {
    background-color: #020202 !important;
    background: #020202 !important;
    color: #cccccc !important;
}

/* ==========================================================================
   BREADCRUMB COMPACT & ELEGANT SPACING (FIX 200PX WHISPER GAP)
   ========================================================================== */
body:not(#index) #slider_row {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}

body:not(#index) .columns-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body:not(#index) .ybc_full_bg_breadcrum {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border: none !important;
}

body:not(#index) .ybc_full_bg_breadcrum .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body:not(#index) .breadcrumb {
    display: block !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.6 !important;
    padding: 10px 0 10px 0 !important;
    margin: 5px 0 15px 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #1c1c1c !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
}

body:not(#index) .breadcrumb a {
    color: #888888 !important;
    text-decoration: none !important;
    line-height: normal !important;
    padding: 0 4px !important;
    transition: color 0.2s ease !important;
    font-weight: 400 !important;
}

body:not(#index) .breadcrumb a.home {
    padding-left: 0 !important;
}

body:not(#index) .breadcrumb a:hover {
    color: #BA85D7 !important;
    text-decoration: none !important;
}

body:not(#index) .breadcrumb .navigation-pipe {
    color: #444444 !important;
    margin: 0 4px !important;
    height: auto !important;
    line-height: normal !important;
    display: inline !important;
    width: auto !important;
    vertical-align: middle !important;
}

body:not(#index) .breadcrumb .navigation_page,
body:not(#index) .breadcrumb .navigation_page * {
    color: #FEF1D1 !important;
    font-weight: 500 !important;
}

body:not(#index) #columns {
    padding-top: 5px !important;
    margin-top: 0 !important;
}

/* Main Headings across Inner Pages */
body:not(#index) h1.page-heading,
body:not(#index) h2.page-heading,
body:not(#index) .page-heading {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    border-bottom: 1px solid #1f1f1f !important;
    padding-bottom: 14px !important;
    margin-bottom: 25px !important;
}

body:not(#index) .page-subheading {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    color: #FEF1D1 !important;
    border-bottom: 1px solid #1c1c1c !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}

body:not(#index) .heading-counter {
    color: #777777 !important;
    font-family: sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* --------------------------------------------------------------------------
   2.1. PRODUCT DETAIL PAGE (body#product)
   -------------------------------------------------------------------------- */

body#product .primary_block {
    background: #060606 !important;
    border: 1px solid #181818 !important;
    border-radius: 6px !important;
    padding: 30px !important;
    margin-bottom: 40px !important;
}

body#product h1[itemprop="name"] {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
}

body#product #product_reference label,
body#product #product_condition label {
    color: #666666 !important;
}

body#product #product_reference .editable,
body#product #product_condition .editable {
    color: #aaaaaa !important;
}

/* Product Big Image & Gallery */
body#product #image-block {
    background: #090909 !important;
    border: 1px solid #1c1c1c !important;
    border-radius: 4px !important;
    padding: 10px !important;
}

body#product #image-block img {
    border-radius: 2px !important;
}

body#product #image-block .new-box .new-label {
    background: #BA85D7 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    padding: 4px 10px !important;
    border-radius: 2px !important;
}

body#product #image-block .sale-box .sale-label {
    background: #c0392b !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    padding: 4px 10px !important;
    border-radius: 2px !important;
}

body#product #views_block {
    margin-top: 15px !important;
}

body#product #thumbs_list ul li a {
    background: #0a0a0a !important;
    border: 1px solid #222222 !important;
    border-radius: 3px !important;
    transition: all 0.25s ease !important;
}

body#product #thumbs_list ul li a:hover,
body#product #thumbs_list ul li a.shown {
    border-color: #BA85D7 !important;
    box-shadow: 0 0 10px rgba(186, 133, 215, 0.3) !important;
}

/* Product Short Description */
body#product #short_description_block {
    color: #aaaaaa !important;
    line-height: 1.7 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

/* Product Price Display */
body#product .content_prices {
    border: none !important;
    margin-bottom: 25px !important;
}

body#product .our_price_display,
body#product #our_price_display {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #FEF1D1 !important;
    letter-spacing: 0.5px !important;
}

body#product #old_price_display,
body#product .old-price {
    color: #666666 !important;
    font-size: 18px !important;
    text-decoration: line-through !important;
    margin-left: 10px !important;
}

/* Product Attributes (Size, Color, Quantity) */
body#product #attributes fieldset {
    border-bottom: 1px solid #181818 !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

body#product #attributes label.attribute_label {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

body#product .attribute_list select.form-control {
    background-color: #111111 !important;
    border: 1px solid #282828 !important;
    color: #ffffff !important;
    height: 40px !important;
    border-radius: 3px !important;
    padding: 0 12px !important;
}

body#product #quantity_wanted_p {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 25px !important;
}

body#product #quantity_wanted_p label {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 0 !important;
}

body#product #quantity_wanted {
    background-color: #111111 !important;
    border: 1px solid #282828 !important;
    color: #ffffff !important;
    height: 42px !important;
    width: 60px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 3px !important;
}

body#product .product_quantity_up,
body#product .product_quantity_down {
    background: #181818 !important;
    border: 1px solid #303030 !important;
    color: #ffffff !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 30px !important;
    text-align: center !important;
    border-radius: 3px !important;
    transition: all 0.2s ease !important;
}

body#product .product_quantity_up:hover,
body#product .product_quantity_down:hover {
    background: #BA85D7 !important;
    border-color: #BA85D7 !important;
    color: #ffffff !important;
}

/* Product Main CTA Button: Add to Cart */
body#product #add_to_cart button,
body#product #add_to_cart .exclusive,
body#product #add_to_cart .button {
    background: #BA85D7 !important;
    background-color: #BA85D7 !important;
    border: 1px solid #BA85D7 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 14px 34px !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 18px rgba(186, 133, 215, 0.35) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
}

body#product #add_to_cart button:hover,
body#product #add_to_cart .exclusive:hover,
body#product #add_to_cart .button:hover {
    background: #a36ac2 !important;
    border-color: #a36ac2 !important;
    box-shadow: 0 6px 25px rgba(186, 133, 215, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* Wishlist, Compare, Print links on Product Page */
body#product .usefull_links_block,
body#product #usefull_link_block {
    border-top: 1px solid #181818 !important;
    padding-top: 18px !important;
    margin-top: 25px !important;
}

body#product .usefull_links_block li a {
    color: #888888 !important;
    font-size: 13px !important;
    transition: color 0.2s ease !important;
}

body#product .usefull_links_block li a:hover {
    color: #BA85D7 !important;
}

/* Product Tabs Section (Description, Specs, Reviews) */
body#product #tab_product_page {
    background: #060606 !important;
    border: 1px solid #181818 !important;
    border-radius: 6px !important;
    padding: 25px 30px !important;
    margin-bottom: 40px !important;
}

body#product #tab_product_page .nav-tabs {
    border-bottom: 1px solid #222222 !important;
    display: flex !important;
    gap: 5px !important;
}

body#product #tab_product_page .nav-tabs > li > a {
    background: #0c0c0c !important;
    border: 1px solid #222222 !important;
    border-bottom: none !important;
    color: #888888 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 12px 22px !important;
    border-radius: 4px 4px 0 0 !important;
    transition: all 0.2s ease !important;
}

body#product #tab_product_page .nav-tabs > li.active > a,
body#product #tab_product_page .nav-tabs > li.active > a:hover {
    background: #141414 !important;
    border-color: #BA85D7 #222222 transparent #222222 !important;
    border-top: 2px solid #BA85D7 !important;
    color: #ffffff !important;
}

body#product #tab_product_page .tab-content {
    color: #b0b0b0 !important;
    line-height: 1.8 !important;
    font-size: 14px !important;
    padding-top: 25px !important;
}

/* Data Sheet Table */
body#product .table-data-sheet {
    background: #080808 !important;
    border: 1px solid #1a1a1a !important;
    width: 100% !important;
    margin-top: 15px !important;
}

body#product .table-data-sheet tr {
    border-bottom: 1px solid #141414 !important;
}

body#product .table-data-sheet td {
    padding: 12px 18px !important;
    color: #cccccc !important;
}

body#product .table-data-sheet tr.even,
body#product .table-data-sheet tr:nth-child(even) {
    background: #0d0d0d !important;
}

body#product .table-data-sheet td:first-child {
    font-weight: 600 !important;
    color: #ffffff !important;
    width: 30% !important;
}

/* --------------------------------------------------------------------------
   2.2. CATEGORY & CATALOG LISTING PAGES (body#category, body#search)
   -------------------------------------------------------------------------- */

/* Scene / Category Description */
body#category .content_scene_cat {
    border: none !important;
    background: transparent !important;
    margin-bottom: 30px !important;
}

body#category .content_scene_cat .category-desc {
    color: #999999 !important;
    line-height: 1.7 !important;
    font-size: 14px !important;
    margin-top: 15px !important;
}

/* Control Bar: Sort, View Toggle & Pagination (Luxury Redesign) */
.content_sortPagiBar,
body:not(#index) .content_sortPagiBar {
    background: #080808 !important;
    border: 1px solid #1c1c1c !important;
    border-radius: 6px !important;
    padding: 12px 18px !important;
    margin-bottom: 25px !important;
    display: block !important;
    clear: both !important;
}

.sortPagiBar,
body:not(#index) .sortPagiBar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

/* Left: Grid / List view switcher */
.sortPagiBar .display,
body:not(#index) .content_sortPagiBar .display,
ul.display {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
    list-style: none !important;
}

ul.display li,
body:not(#index) .content_sortPagiBar .display li,
body:not(#index) .content_sortPagiBar .display_m li {
    display: inline-block !important;
    float: none !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.display li a,
body:not(#index) .content_sortPagiBar .display li a,
body:not(#index) .content_sortPagiBar .display_m li a {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #121212 !important;
    background-color: #121212 !important;
    border: 1px solid #282828 !important;
    border-radius: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

ul.display li a i,
body:not(#index) .content_sortPagiBar .display li a i,
body.ybc-skin-brown .content_sortPagiBar .display li a i,
body.ybc-skin-brown .display li i {
    font-size: 16px !important;
    line-height: 1 !important;
    color: #777777 !important;
    display: block !important;
    transition: color 0.25s ease !important;
}

/* Active (Selected) View Button */
ul.display li.selected a,
body:not(#index) .content_sortPagiBar .display li.selected a {
    background: #BA85D7 !important;
    background-color: #BA85D7 !important;
    border-color: #BA85D7 !important;
    box-shadow: 0 2px 10px rgba(186, 133, 215, 0.4) !important;
}

ul.display li.selected a i,
body:not(#index) .content_sortPagiBar .display li.selected a i,
body.ybc-skin-brown .content_sortPagiBar .display li.selected a i,
body.ybc-skin-brown .display li.selected i {
    color: #ffffff !important;
}

/* Hover state */
ul.display li a:hover,
body:not(#index) .content_sortPagiBar .display li a:hover {
    border-color: #BA85D7 !important;
}

ul.display li:not(.selected) a:hover i {
    color: #FFEEC8 !important;
}

/* Right: Sort by form & compare */
#productsSortForm,
body:not(#index) .content_sortPagiBar #productsSortForm {
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-grow: 1 !important;
    justify-content: flex-end !important;
}

#productsSortForm .select,
#productsSortForm .select.selector1 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    float: none !important;
    margin: 0 !important;
    max-width: 100% !important;
}

#productsSortForm label {
    color: #aaaaaa !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Uniform Select Dropdown Fix (Eliminate White Select Box) */
div.selector,
div.selector#uniform-selectProductSort,
#uniform-selectProductSort {
    background-color: #121212 !important;
    background: #121212 !important;
    background-image: none !important;
    border: 1px solid #282828 !important;
    border-radius: 4px !important;
    height: 38px !important;
    line-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transition: border-color 0.25s ease !important;
    max-width: 100% !important;
}

div.selector:hover,
div.selector:focus,
div.selector.focus,
div.selector.hover {
    border-color: #BA85D7 !important;
    box-shadow: 0 0 8px rgba(186, 133, 215, 0.25) !important;
}

div.selector span,
div.selector#uniform-selectProductSort span,
#uniform-selectProductSort span {
    background: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 0 35px 0 14px !important;
    margin: 0 !important;
    display: block !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

div.selector::after,
div.selector#uniform-selectProductSort::after,
#uniform-selectProductSort::after {
    content: "\f107" !important;
    font-family: 'FontAwesome' !important;
    font-size: 14px !important;
    color: #BA85D7 !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    line-height: 1 !important;
}

div.selector select,
div.selector#uniform-selectProductSort select,
#uniform-selectProductSort select {
    background-color: #121212 !important;
    color: #ffffff !important;
    height: 38px !important;
    cursor: pointer !important;
    border: none !important;
    opacity: 0 !important;
}

/* Compare Button */
.compare-form,
body:not(#index) .content_sortPagiBar .compare-form {
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    margin: 0 0 0 15px !important;
}

.compare-form button,
.compare-form .btn {
    background: #141414 !important;
    background-color: #141414 !important;
    border: 1px solid #333333 !important;
    color: #FFEEC8 !important;
    border-radius: 4px !important;
    height: 38px !important;
    padding: 0 16px !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    transition: all 0.25s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer !important;
}

.compare-form button:hover,
.compare-form .btn:hover {
    background: #BA85D7 !important;
    border-color: #BA85D7 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(186, 133, 215, 0.35) !important;
}

@media (max-width: 767px) {
    .sortPagiBar,
    body:not(#index) .sortPagiBar {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    #productsSortForm,
    body:not(#index) .content_sortPagiBar #productsSortForm {
        justify-content: stretch !important;
        width: 100% !important;
    }
    #productsSortForm .select,
    #productsSortForm .select.selector1 {
        width: 100% !important;
        justify-content: space-between !important;
    }
    div.selector,
    div.selector#uniform-selectProductSort,
    #uniform-selectProductSort {
        flex-grow: 1 !important;
    }
    .compare-form,
    body:not(#index) .content_sortPagiBar .compare-form {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: center !important;
    }
    .compare-form button,
    .compare-form .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* Category Page Layout Balance (Eliminate empty void) */
body#category #left_column #informations_block_left_1,
body#category #left_column #stores_block_left,
body#category #left_column #special_block_right,
body#category #left_column #new-products_block_right {
    display: none !important;
}

body#category #center_column {
    min-height: 800px !important;
}

/* Left Sidebar Filter (Layered Navigation) */
#layered_block_left {
    background: transparent !important;
    margin-bottom: 35px !important;
}

#layered_block_left .title_block {
    background: #0a0a0a !important;
    border: 1px solid #1c1c1c !important;
    border-bottom: none !important;
    color: #FEF1D1 !important;
    font-family: 'Cinzel', 'Playfair Display', Georgia, serif !important;
    font-size: 15px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 14px 18px !important;
    display: block !important;
}

#layered_block_left .block_content {
    background: #060606 !important;
    border: 1px solid #1c1c1c !important;
    padding: 20px 18px !important;
    border-radius: 0 0 4px 4px !important;
}

/* Enabled Filters Active Box */
#enabled_filters,
#layered_block_left #enabled_filters,
#layered_url_filter_block {
    background: #0d0d0d !important;
    border: 1px solid #222222 !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
    margin-bottom: 20px !important;
    color: #FFEEC8 !important;
    float: none !important;
    width: 100% !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

#enabled_filters:has(ul:empty),
#enabled_filters:not(:has(li)) {
    display: none !important;
}

#enabled_filters .layered_subtitle,
#layered_block_left #enabled_filters .layered_subtitle {
    color: #FFEEC8 !important;
    font-family: 'Cinzel', 'Playfair Display', serif !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #222222 !important;
    padding-bottom: 6px !important;
    margin-bottom: 8px !important;
    display: block !important;
    float: none !important;
}

#enabled_filters ul,
#layered_block_left #enabled_filters ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#enabled_filters ul li,
#layered_block_left #enabled_filters ul li {
    padding: 4px 0 !important;
    font-size: 12px !important;
    color: #cccccc !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#enabled_filters li a,
#layered_block_left #enabled_filters li a {
    color: #BA85D7 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

#enabled_filters li a:hover,
#layered_block_left #enabled_filters li a:hover {
    color: #ffffff !important;
}

/* Layered Subtitles (Headings) */
#layered_block_left .layered_subtitle {
    color: #ffffff !important;
    font-family: 'Cinzel', 'Playfair Display', serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #1c1c1c !important;
    padding-bottom: 8px !important;
    display: block !important;
}

#layered_block_left ul {
    list-style: none !important;
    padding-left: 0 !important;
}

#layered_block_left ul li {
    padding: 5px 0 !important;
    display: flex !important;
    align-items: center !important;
}

#layered_block_left ul li label {
    font-size: 13px !important;
    color: #aaaaaa !important;
    cursor: pointer !important;
    margin-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.2s ease !important;
}

#layered_block_left ul li label:hover,
#layered_block_left ul li label a:hover {
    color: #FEF1D1 !important;
}

#layered_block_left ul li label a {
    color: #aaaaaa !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* Uniform Checkboxes Luxury Styling */
div.checker {
    width: 16px !important;
    height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

div.checker span {
    background-image: none !important;
    background: #0f0f0f !important;
    border: 1px solid #333333 !important;
    border-radius: 3px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    top: 0 !important;
}

div.checker:hover span {
    border-color: #BA85D7 !important;
    box-shadow: 0 0 6px rgba(186, 133, 215, 0.3) !important;
}

div.checker span.checked {
    background: #BA85D7 !important;
    border-color: #BA85D7 !important;
}

div.checker span.checked::after {
    content: "\f00c" !important;
    font-family: 'FontAwesome' !important;
    font-size: 10px !important;
    color: #ffffff !important;
    display: block !important;
    line-height: 1 !important;
}

/* jQuery UI Price Slider */
#layered_block_left .ui-slider-horizontal {
    height: 6px !important;
    background: #1a1a1a !important;
    border: 1px solid #282828 !important;
    border-radius: 3px !important;
    margin: 15px 8px 10px 8px !important;
}

#layered_block_left .ui-slider-range {
    background: linear-gradient(90deg, #BA85D7, #FEF1D1) !important;
    border-radius: 2px !important;
}

#layered_block_left .ui-slider-handle {
    width: 16px !important;
    height: 16px !important;
    top: -5px !important;
    background: #FEF1D1 !important;
    border: 2px solid #BA85D7 !important;
    border-radius: 50% !important;
    outline: none !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

#layered_block_left .ui-slider-handle:hover,
#layered_block_left .ui-slider-handle:focus {
    transform: scale(1.2) !important;
    box-shadow: 0 0 10px rgba(186, 133, 215, 0.8) !important;
}

#layered_block_left #layered_price_range {
    color: #FEF1D1 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* Product Cards in Grid/List View */
body:not(#index) .product_list .product-container {
    background: #060606 !important;
    border: 1px solid #181818 !important;
    border-radius: 4px !important;
    padding: 15px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body:not(#index) .product_list .product-container:hover {
    border-color: #BA85D7 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 25px rgba(186, 133, 215, 0.18) !important;
}

body:not(#index) .product_list .product-name,
body:not(#index) .product_list .product-name a {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    letter-spacing: 0.5px !important;
    transition: color 0.2s ease !important;
}

body:not(#index) .product_list .product-name a:hover {
    color: #BA85D7 !important;
}

body:not(#index) .product_list .content_price .price,
body:not(#index) .product_list .price.product-price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #FEF1D1 !important;
}

body:not(#index) .product_list .button.ajax_add_to_cart_button {
    background: #BA85D7 !important;
    border: 1px solid #BA85D7 !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    padding: 8px 14px !important;
    transition: all 0.25s ease !important;
}

body:not(#index) .product_list .button.ajax_add_to_cart_button:hover {
    background: #a36ac2 !important;
    box-shadow: 0 4px 15px rgba(186, 133, 215, 0.4) !important;
}

body:not(#index) .product_list .button.lnk_view {
    background: #141414 !important;
    border: 1px solid #282828 !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    font-size: 12px !important;
    padding: 8px 14px !important;
    transition: all 0.2s ease !important;
}

body:not(#index) .product_list .button.lnk_view:hover {
    background: #202020 !important;
    border-color: #BA85D7 !important;
}

/* --------------------------------------------------------------------------
   2.3. CART & CHECKOUT PAGES (body#order, body#order-opc)
   -------------------------------------------------------------------------- */

body#order #order_step,
body#order-opc #order_step,
#order_step {
    background: #080808 !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 4px !important;
    margin-bottom: 30px !important;
    display: flex !important;
}

#order_step li {
    background: transparent !important;
    border-right: 1px solid #1a1a1a !important;
    flex: 1 !important;
    text-align: center !important;
    padding: 14px 10px !important;
}

#order_step li:last-child {
    border-right: none !important;
}

#order_step li span {
    color: #666666 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

#order_step li.step_current {
    background: #15101c !important;
    border-bottom: 2px solid #BA85D7 !important;
}

#order_step li.step_current span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

#order_step li.step_done span {
    color: #BA85D7 !important;
}

/* Cart Summary Table */
#cart_summary {
    background: #060606 !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 4px !important;
    margin-bottom: 30px !important;
}

#cart_summary th {
    background: #0c0c0c !important;
    border-bottom: 1px solid #202020 !important;
    color: #FEF1D1 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 14px !important;
}

#cart_summary td {
    background: transparent !important;
    border-bottom: 1px solid #141414 !important;
    color: #cccccc !important;
    padding: 16px 14px !important;
}

#cart_summary tr:hover td {
    background: #0a0a0a !important;
}

#cart_summary .cart_product img {
    border: 1px solid #202020 !important;
    border-radius: 3px !important;
    background: #0a0a0a !important;
}

#cart_summary .cart_description .product-name a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

#cart_summary .price,
#cart_summary .cart_total_price .price,
#total_price {
    color: #FEF1D1 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

#total_price {
    font-size: 26px !important;
}

/* Cart Quantity Buttons */
.cart_quantity_button a {
    background: #141414 !important;
    border: 1px solid #282828 !important;
    color: #ffffff !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 26px !important;
    text-align: center !important;
    border-radius: 2px !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.cart_quantity_button a:hover {
    background: #BA85D7 !important;
    border-color: #BA85D7 !important;
    color: #ffffff !important;
}

.cart_quantity_input {
    background: #0e0e0e !important;
    border: 1px solid #282828 !important;
    color: #ffffff !important;
    height: 28px !important;
    text-align: center !important;
    font-weight: 600 !important;
}

/* Voucher / Discount Code Box */
#voucher {
    background: #080808 !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 4px !important;
    padding: 18px !important;
}

#voucher .discount_name_block input {
    background: #111111 !important;
    border: 1px solid #282828 !important;
    color: #ffffff !important;
    height: 38px !important;
    border-radius: 3px !important;
}

#voucher button {
    background: #BA85D7 !important;
    border: 1px solid #BA85D7 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    height: 38px !important;
    border-radius: 3px !important;
    transition: all 0.2s ease !important;
}

#voucher button:hover {
    background: #a36ac2 !important;
}

/* Checkout Navigation Buttons */
.cart_navigation .button-medium,
.cart_navigation .standard-checkout,
button[name="processAddress"],
button[name="processCarrier"] {
    background: #BA85D7 !important;
    border: 1px solid #BA85D7 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 14px 28px !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 18px rgba(186, 133, 215, 0.35) !important;
    transition: all 0.25s ease !important;
}

.cart_navigation .button-medium:hover,
.cart_navigation .standard-checkout:hover,
button[name="processAddress"]:hover,
button[name="processCarrier"]:hover {
    background: #a36ac2 !important;
    border-color: #a36ac2 !important;
    box-shadow: 0 6px 25px rgba(186, 133, 215, 0.5) !important;
    transform: translateY(-2px) !important;
}

.cart_navigation .button-exclusive {
    background: #111111 !important;
    border: 1px solid #282828 !important;
    color: #aaaaaa !important;
    padding: 14px 24px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 13px !important;
}

.cart_navigation .button-exclusive:hover {
    background: #181818 !important;
    color: #ffffff !important;
    border-color: #BA85D7 !important;
}

/* --------------------------------------------------------------------------
   2.4. AUTHENTICATION & CUSTOMER ACCOUNT (body#authentication, body#my-account)
   -------------------------------------------------------------------------- */

body#authentication #create-account_form,
body#authentication #login_form,
body:not(#index) .box {
    background: #060606 !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 6px !important;
    padding: 30px !important;
    box-shadow: none !important;
}

body#authentication h3.page-subheading {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 20px !important;
    color: #FEF1D1 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding-bottom: 12px !important;
    margin-bottom: 22px !important;
}

body:not(#index) label {
    color: #cccccc !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-bottom: 6px !important;
}

body:not(#index) .form-control,
body:not(#index) input[type="text"],
body:not(#index) input[type="password"],
body:not(#index) input[type="email"],
body:not(#index) select,
body:not(#index) textarea {
    background-color: #0f0f0f !important;
    border: 1px solid #242424 !important;
    color: #ffffff !important;
    border-radius: 3px !important;
    height: 42px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}

body:not(#index) textarea.form-control {
    height: auto !important;
    padding: 12px 14px !important;
}

body:not(#index) .form-control:focus,
body:not(#index) input[type="text"]:focus,
body:not(#index) input[type="password"]:focus,
body:not(#index) input[type="email"]:focus,
body:not(#index) select:focus,
body:not(#index) textarea:focus {
    border-color: #BA85D7 !important;
    background-color: #121212 !important;
    box-shadow: 0 0 10px rgba(186, 133, 215, 0.25) !important;
}

body#authentication #SubmitLogin,
body#authentication #SubmitCreate {
    background: #BA85D7 !important;
    border: 1px solid #BA85D7 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 12px 28px !important;
    border-radius: 3px !important;
    box-shadow: 0 3px 15px rgba(186, 133, 215, 0.3) !important;
    transition: all 0.25s ease !important;
}

body#authentication #SubmitLogin:hover,
body#authentication #SubmitCreate:hover {
    background: #a36ac2 !important;
    box-shadow: 0 5px 20px rgba(186, 133, 215, 0.45) !important;
    transform: translateY(-2px) !important;
}

body#authentication .lost_password a {
    color: #888888 !important;
    font-size: 13px !important;
    transition: color 0.2s ease !important;
}

body#authentication .lost_password a:hover {
    color: #BA85D7 !important;
}

/* My Account Navigation Links */
body#my-account ul.myaccount-link-list li a {
    background: #080808 !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 4px !important;
    padding: 18px 20px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: all 0.25s ease !important;
}

body#my-account ul.myaccount-link-list li a i {
    color: #BA85D7 !important;
    font-size: 18px !important;
}

body#my-account ul.myaccount-link-list li a:hover {
    border-color: #BA85D7 !important;
    background: #110e17 !important;
    transform: translateX(4px) !important;
    color: #FEF1D1 !important;
}

/* --------------------------------------------------------------------------
   2.5. CONTACT & CMS PAGES (body#contact, body#cms)
   -------------------------------------------------------------------------- */

body#contact .contact-form-box {
    background: #060606 !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 6px !important;
    padding: 30px !important;
}

body#contact .contact-form-box h3 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 20px !important;
    color: #FEF1D1 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding-bottom: 12px !important;
    margin-bottom: 24px !important;
}

body#contact button[name="submitMessage"] {
    background: #BA85D7 !important;
    border: 1px solid #BA85D7 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 12px 30px !important;
    border-radius: 3px !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 3px 15px rgba(186, 133, 215, 0.3) !important;
}

body#contact button[name="submitMessage"]:hover {
    background: #a36ac2 !important;
    box-shadow: 0 5px 22px rgba(186, 133, 215, 0.45) !important;
    transform: translateY(-2px) !important;
}

body#cms .rte {
    background: transparent !important;
    color: #cccccc !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

body#cms .rte h1,
body#cms .rte h2,
body#cms .rte h3,
body#cms .rte h4 {
    font-family: 'Playfair Display', Georgia, serif !important;
    color: #FEF1D1 !important;
    letter-spacing: 1px !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

body#cms .rte p {
    color: #b0b0b0 !important;
    margin-bottom: 18px !important;
}

body#cms .rte ul {
    padding-left: 20px !important;
}

body#cms .rte ul li {
    margin-bottom: 8px !important;
    color: #b0b0b0 !important;
}

/* --------------------------------------------------------------------------
   2.6. POPUPS & OVERLAYS (LAYER CART & FANCYBOX)
   -------------------------------------------------------------------------- */

/* Cart Confirmation Modal (#layer_cart) */
#layer_cart {
    background-color: #0c0c0c !important;
    background: #0c0c0c !important;
    border: 1px solid #262626 !important;
    border-radius: 6px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9) !important;
    color: #cccccc !important;
}

.layer_cart_overlay {
    background-color: rgba(0, 0, 0, 0.85) !important;
}

#layer_cart .layer_cart_product {
    background: transparent !important;
    padding: 30px !important;
}

#layer_cart .layer_cart_product .title {
    color: #9cf5bd !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 22px !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
}

#layer_cart .layer_cart_product .product-image-container {
    border: 1px solid #202020 !important;
    background: #080808 !important;
    border-radius: 3px !important;
}

#layer_cart .layer_cart_product_info #layer_cart_product_title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

#layer_cart .layer_cart_product_info .price {
    color: #FEF1D1 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

#layer_cart .layer_cart_cart {
    background: #080808 !important;
    border-left: 1px solid #202020 !important;
    padding: 30px !important;
}

#layer_cart .layer_cart_cart .title {
    color: #FEF1D1 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding-bottom: 12px !important;
}

#layer_cart .layer_cart_cart .ajax_block_products_total,
#layer_cart .layer_cart_cart .ajax_cart_shipping_cost,
#layer_cart .layer_cart_cart .ajax_block_cart_total {
    color: #FEF1D1 !important;
    font-weight: 700 !important;
}

#layer_cart .button-container .btn-default {
    background: #141414 !important;
    border: 1px solid #282828 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    border-radius: 3px !important;
    transition: all 0.2s ease !important;
}

#layer_cart .button-container .btn-default:hover {
    background: #1e1e1e !important;
    border-color: #BA85D7 !important;
}

#layer_cart .button-container a.button-medium {
    background: #BA85D7 !important;
    border: 1px solid #BA85D7 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 10px 22px !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 15px rgba(186, 133, 215, 0.35) !important;
}

#layer_cart .button-container a.button-medium:hover {
    background: #a36ac2 !important;
    box-shadow: 0 6px 20px rgba(186, 133, 215, 0.5) !important;
}

#layer_cart .cross {
    color: #ffffff !important;
}

#layer_cart .cross:hover {
    color: #BA85D7 !important;
}

/* Fancybox (Image Popups & Lightboxes) */
.fancybox-skin {
    background: #0c0c0c !important;
    border: 1px solid #242424 !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.85) !important;
}

.fancybox-overlay {
    background: rgba(0, 0, 0, 0.88) !important;
}

.fancybox-title-float-wrap .child {
    background: #080808 !important;
    color: #ffffff !important;
    border: 1px solid #222222 !important;
    text-shadow: none !important;
}

/* ==========================================================================
   SUPREME PRIORITY OVERRIDES FOR COMPACT BREADCRUMBS
   ========================================================================== */
body:not(#index) #slider_row,
body:not(#index).show-left-column #slider_row,
body:not(#index).hide-left-column #slider_row {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}

.ybc_full_bg_breadcrum,
.columns-container .ybc_full_bg_breadcrum,
#page .columns-container .ybc_full_bg_breadcrum {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border: none !important;
}

.breadcrumb,
.columns-container .breadcrumb,
.ybc_full_bg_breadcrum .breadcrumb,
#columns .breadcrumb {
    display: block !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.6 !important;
    padding: 10px 0 10px 0 !important;
    margin: 0 0 12px 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #1c1c1c !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
}

.columns-container,
#columns {
    padding-top: 0 !important;
}




/* ==========================================================================
   SPLASH.AMINE.MA - RESPONSIVE LUXURY MOBILE DESIGN SYSTEM
   Theme: Whisper / Prestashop 1.6
   Target: Smartphone & Tablet (< 992px and < 768px)
   ========================================================================== */

/* --------------------------------------------------------------------------
   PART A: TABLET & MOBILE SHARED (< 992px)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    /* Hide the desktop hover cart dropdown on touch/mobile screens */
    #header .cart_block,
    #header.layout_2 .cart_block,
    .shopping_cart .cart_block {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
    }
}

/* --------------------------------------------------------------------------
   PART B: FULL MOBILE RESPONSIVE ENGINE (< 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {

    /* --- 1. GLOBAL LAYOUT & VIEWPORT RESET --- */
    html, body {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        position: relative !important;
        background-color: #020202 !important;
        background: #020202 !important;
    }

    #page,
    .columns-container,
    #columns,
    #center_column {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        background-color: #020202 !important;
        background: #020202 !important;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* --- 2. HEADER MOBILE STYLING --- */
    #header.layout_2 {
        background-color: #020202 !important;
        border-bottom: 1px solid #161616 !important;
        width: 100% !important;
        padding-bottom: 0 !important;
    }

    .header_top_wrapper {
        padding: 10px 0 4px 0 !important;
        text-align: center !important;
    }

    #header.layout_2 #header_logo,
    #header_logo {
        float: none !important;
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
    }

    #header.layout_2 #header_logo img.logo,
    .ybc-layout-layout2 #header_logo img.logo,
    #header_logo img.logo {
        max-height: 48px !important;
        width: auto !important;
        margin: 0 auto !important;
        display: inline-block !important;
    }

    .header_search_nav_band {
        background-color: #050505 !important;
        background-image: none !important;
        padding: 6px 0 10px 0 !important;
        width: 100% !important;
        border-bottom: none !important;
    }

    .header_search_nav_band .container,
    .header_search_nav_band .row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }

    /* Search Bar on Mobile */
    .header_search_center,
    .header_search_nav_band .header_search_center {
        width: 100% !important;
        max-width: 100% !important;
        margin: 4px 0 8px 0 !important;
        padding: 0 !important;
        order: 1 !important;
        box-sizing: border-box !important;
    }

    .header_search_input_wrap {
        position: relative !important;
        width: 100% !important;
    }

    .header_search_query {
        width: 100% !important;
        height: 40px !important;
        background: #0d0d0d !important;
        border: 1px solid #242424 !important;
        border-radius: 20px !important;
        padding: 0 44px 0 16px !important;
        color: #ffffff !important;
        font-size: 13px !important;
        box-sizing: border-box !important;
        outline: none !important;
    }

    .header_search_query:focus {
        border-color: #BA85D7 !important;
        box-shadow: 0 0 8px rgba(186, 133, 215, 0.3) !important;
    }

    .header_search_button {
        position: absolute !important;
        right: 4px !important;
        top: 2px !important;
        width: 36px !important;
        height: 36px !important;
        background: transparent !important;
        border: none !important;
        color: #BA85D7 !important;
        font-size: 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
    }

    /* Top actions: Language + User + Cart */
    #header.layout_2 .custom_block_cart,
    .custom_block_cart {
        position: static !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 24px !important;
        width: 100% !important;
        margin: 2px 0 10px 0 !important;
        padding: 6px 0 !important;
        order: 2 !important;
        border-top: 1px solid #141414 !important;
        border-bottom: 1px solid #141414 !important;
        background: transparent !important;
    }

    #languages-block-top {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #languages-block-top .current {
        color: #FFEEC8 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.5px !important;
        cursor: pointer !important;
    }

    #header.layout_2 .header_account_btn,
    .header_account_btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
    }

    #header.layout_2 .header_account_btn i,
    .header_account_btn i {
        color: #BA85D7 !important;
        font-size: 22px !important;
    }

    #header.layout_2 .shopping_cart,
    .shopping_cart {
        display: inline-flex !important;
        align-items: center !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    #header.layout_2 .shopping_cart > a:first-child::before,
    .shopping_cart > a:first-child::before {
        content: "\f07a" !important;
        font-family: "FontAwesome" !important;
        color: #BA85D7 !important;
        font-size: 22px !important;
    }

    #header.layout_2 .shopping_cart .ajax_cart_quantity {
        position: absolute !important;
        top: -8px !important;
        right: -10px !important;
        background-color: #BA85D7 !important;
        color: #ffffff !important;
        border-radius: 50% !important;
        width: 18px !important;
        height: 18px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        text-align: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
    }

    #header.layout_2 .shopping_cart .ajax_cart_quantity.unvisible {
        display: none !important;
    }

    /* --- 3. LUXURY OFF-CANVAS SIDE DRAWER MENU (MOBILE) --- */
    .ybc-menu-wrapper,
    .header_search_nav_band .ybc-menu-wrapper {
        order: 1 !important;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        position: static !important;
    }

    .ybc-menu-toggle,
    .ybc-menu-wrapper .ybc-menu-toggle {
        display: inline-block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
    }

    .ybc-menu-button-toggle,
    .ybc-menu-wrapper .ybc-menu-button-toggle {
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        height: 36px !important;
        background: #0e0e0e !important;
        border: 1px solid #282828 !important;
        border-radius: 6px !important;
        padding: 0 !important;
        color: #FFEEC8 !important;
        font-family: 'Playfair Display', Georgia, serif !important;
        font-size: 0px !important;
        font-weight: 700 !important;
        letter-spacing: 1.2px !important;
        text-transform: uppercase !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        transition: all 0.25s ease !important;
    }

    .ybc-menu-button-toggle:hover,
    .ybc-menu-btn.active .ybc-menu-button-toggle {
        border-color: #BA85D7 !important;
        background: #151515 !important;
        box-shadow: 0 0 10px rgba(186, 133, 215, 0.25) !important;
    }

    .ybc-menu-button-toggle > span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        color: #FFEEC8 !important;
    }

    .ybc-menu-button-toggle_icon {
        display: inline-flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        order: -1 !important;
        margin: 0 !important;
    }

    .ybc-menu-button-toggle_icon .icon-bar,
    .ybc-menu-toggle .icon-bar {
        background-color: #FFEEC8 !important;
        width: 17px !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 2px !important;
        float: none !important;
        display: block !important;
        transition: all 0.2s ease !important;
    }

    /* Backdrop Overlay */
    .ybc-menu-blinder,
    .ybc-menu-wrapper .ybc-menu-blinder {
        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.78) !important;
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        z-index: 999998 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
        display: block !important;
    }

    .ybc-menu-blinder.active,
    .ybc-menu-wrapper .ybc-menu-blinder.active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Side Navigation Drawer (Full Screen Width on Mobile) */
    .ybc-menu-main-content,
    #ybc-menu-main-content,
    .header_search_nav_band .ybc-menu-main-content,
    .header_search_nav_band #ybc-menu-main-content,
    .ybc-menu-wrapper .ybc-menu-main-content,
    .ybc-menu-wrapper #ybc-menu-main-content {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100% !important;
        height: 100vh !important;
        max-height: 100vh !important;
        background: #080808 !important;
        border-right: none !important;
        box-shadow: none !important;
        z-index: 999999 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        margin: 0 !important;
        padding: 0 0 60px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        text-align: left !important;
        visibility: hidden !important;
        transform: translateX(-100%) !important;
        transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), visibility 0.35s ease !important;
        box-sizing: border-box !important;
    }

    /* Active State (Drawer Open - Full Screen Width) */
    .ybc-menu-main-content.active,
    #ybc-menu-main-content.active,
    .header_search_nav_band .ybc-menu-main-content.active,
    .header_search_nav_band #ybc-menu-main-content.active,
    .ybc-menu-wrapper .ybc-menu-main-content.active,
    .ybc-menu-wrapper #ybc-menu-main-content.active {
        display: flex !important;
        transform: translateX(0) !important;
        visibility: visible !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100% !important;
        height: 100vh !important;
        max-height: 100vh !important;
        box-shadow: none !important;
    }

    /* Drawer Header: Title & Close button */
    .ybc-menu-drawer-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 54px !important;
        padding: 14px 20px !important;
        background: #040404 !important;
        border-bottom: 1px solid #1a1a1a !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
    }

    .ybc-menu-drawer-header .drawer-title {
        color: #FFEEC8 !important;
        font-family: 'Playfair Display', Georgia, serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
    }

    .ybc-menu-drawer-close {
        width: 30px !important;
        height: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #141414 !important;
        border: 1px solid #282828 !important;
        border-radius: 50% !important;
        color: #FFEEC8 !important;
        font-size: 14px !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        line-height: 1 !important;
    }

    .ybc-menu-drawer-close:hover {
        background: #BA85D7 !important;
        color: #ffffff !important;
        border-color: #BA85D7 !important;
    }

    body.ybc_menu_opened {
        overflow: hidden !important;
        touch-action: none !important;
    }

    /* Menu Items list inside Drawer */
    .ybc-menu-wrapper .ybc-menu,
    #header.layout_2 .ybc-menu,
    .header_search_nav_band .ybc-menu,
    #ybc-menu-main-content .ybc-menu,
    .ybc-menu {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
        flex-grow: 1 !important;
        float: none !important;
    }

    .ybc-menu > li,
    #header.layout_2 .ybc-menu > li,
    .header_search_nav_band .ybc-menu > li,
    #ybc-menu-main-content .ybc-menu > li {
        display: block !important;
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid #141414 !important;
        border-right: none !important;
        border-left: none !important;
        border-top: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    .ybc-menu > li:last-child {
        border-bottom: none !important;
    }

    .ybc-menu-item-link,
    .ybc-menu > li > a,
    #header.layout_2 .ybc-menu-item-link,
    #header.layout_2 .ybc-menu > li > a,
    #ybc-menu-main-content .ybc-menu-item-link,
    .header_search_nav_band #ybc-menu-main-content .ybc-menu > li > a {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        padding: 14px 20px !important;
        padding-right: 50px !important;
        color: #FFEEC8 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
        background: transparent !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: break-word !important;
        transition: background 0.2s, color 0.2s !important;
    }

    .ybc-menu-item-link:hover,
    .ybc-menu > li > a:hover,
    .ybc-menu-item-link.active {
        background: #111111 !important;
        color: #BA85D7 !important;
    }

    .ybc-menu-item-link .fa-submenu-exist {
        display: none !important;
    }

    /* Submenu Accordion Toggle (+ / −) */
    .ybc-mm-control,
    #ybc-menu-main-content .ybc-mm-control {
        position: absolute !important;
        right: 14px !important;
        top: 10px !important;
        width: 32px !important;
        height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #141414 !important;
        border: 1px solid #282828 !important;
        border-radius: 4px !important;
        cursor: pointer !important;
        z-index: 5 !important;
        transition: all 0.2s ease !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .ybc-mm-control::before,
    #ybc-menu-main-content .ybc-mm-control::before,
    .ybc-mm-control.closed::before,
    #ybc-menu-main-content .ybc-mm-control.closed::before {
        content: "+" !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
        color: #FFEEC8 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        display: block !important;
        text-align: center !important;
    }

    .ybc-mm-control.opened,
    #ybc-menu-main-content .ybc-mm-control.opened {
        border-color: #BA85D7 !important;
        background: #1a1a1a !important;
    }

    .ybc-mm-control.opened::before,
    #ybc-menu-main-content .ybc-mm-control.opened::before {
        content: "−" !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
        color: #BA85D7 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
    }

    /* Submenu Container inside Drawer (Closed state) */
    .ybc-menu-columns-wrapper:not(.active),
    .header_search_nav_band .ybc-menu-columns-wrapper:not(.active),
    #ybc-menu-main-content .ybc-menu-columns-wrapper:not(.active),
    .ybc-mm-control-content:not(.active),
    #ybc-menu-main-content .ybc-mm-control-content:not(.active) {
        display: none !important;
    }

    /* Submenu Container inside Drawer (Open / Active state) */
    #header.layout_2 #ybc-menu-main-content .ybc-menu-columns-wrapper.active,
    #header.layout_2 #ybc-menu-main-content .ybc-mm-control-content.active,
    .header_search_nav_band #ybc-menu-main-content .ybc-menu-columns-wrapper.active,
    .header_search_nav_band #ybc-menu-main-content .ybc-mm-control-content.active,
    #ybc-menu-main-content .ybc-menu-columns-wrapper.active,
    #ybc-menu-main-content .ybc-mm-control-content.active,
    .ybc-menu-wrapper #ybc-menu-main-content .ybc-menu-columns-wrapper.active,
    .ybc-menu-columns-wrapper.active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        width: 100% !important;
        background: #050505 !important;
        border: none !important;
        border-top: 1px solid #141414 !important;
        border-bottom: 1px solid #141414 !important;
        border-left: 3px solid #BA85D7 !important;
        box-shadow: inset 0 2px 8px rgba(0,0,0,0.6) !important;
        padding: 10px 16px 14px 20px !important;
        box-sizing: border-box !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        clear: both !important;
        float: none !important;
    }

    /* Submenu Columns */
    #ybc-menu-main-content .ybc-menu-columns-wrapper .ybc-menu-column-item {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        padding: 0 !important;
        margin: 0 0 14px 0 !important;
        border: none !important;
        background: transparent !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper .ybc-menu-column-item:last-child {
        margin-bottom: 0 !important;
    }

    /* Submenu Blocks */
    #ybc-menu-main-content .ybc-menu-columns-wrapper .ybc-menu-block {
        width: 100% !important;
        float: none !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Submenu Titles */
    #ybc-menu-main-content .ybc-menu-columns-wrapper h6,
    #ybc-menu-main-content .ybc-menu-title-block h6,
    #ybc-menu-main-content .ybc-menu-column-top h6 {
        font-family: 'Cinzel', 'Playfair Display', Georgia, serif !important;
        font-size: 0px !important;
        font-weight: 700 !important;
        color: #FFEEC8 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.08em !important;
        margin: 6px 0 6px 0 !important;
        padding: 0 0 4px 0 !important;
        border: none !important;
        border-bottom: 1px solid #1a1a1a !important;
    }

    /* Submenu item links */
    #ybc-menu-main-content .ybc-menu-columns-wrapper ul,
    #ybc-menu-main-content .ybc-menu-block-custom-html ul,
    #ybc-menu-main-content .ybc-menu-block-links ul,
    #ybc-menu-main-content .ybc-menu-block-sub-links,
    #ybc-menu-main-content .ybc-sub-categories,
    #ybc-menu-main-content .ybc-ul-category {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 100% !important;
        border: none !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper li {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper a,
    #ybc-menu-main-content .ybc-menu-block-custom-html ul li a,
    #ybc-menu-main-content .ybc-menu-block-links ul li a,
    #ybc-menu-main-content .ybc-menu-block-sub-links li a {
        display: block !important;
        width: 100% !important;
        padding: 8px 0 8px 12px !important;
        color: #a0a0a0 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        text-transform: none !important;
        letter-spacing: 0.03em !important;
        position: relative !important;
        transition: color 0.15s ease !important;
        line-height: 1.4 !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper a::before,
    #ybc-menu-main-content .ybc-menu-block-custom-html ul li a::before,
    #ybc-menu-main-content .ybc-menu-block-links ul li a::before {
        content: "›" !important;
        position: absolute !important;
        left: 0 !important;
        top: 7px !important;
        color: #555555 !important;
        font-size: 13px !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper a:hover,
    #ybc-menu-main-content .ybc-menu-block-custom-html ul li a:hover,
    #ybc-menu-main-content .ybc-menu-block-links ul li a:hover {
        color: #BA85D7 !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper a:hover::before,
    #ybc-menu-main-content .ybc-menu-block-custom-html ul li a:hover::before,
    #ybc-menu-main-content .ybc-menu-block-links ul li a:hover::before {
        color: #BA85D7 !important;
    }

    /* --- 4. BREADCRUMBS MOBILE COMPACT --- */
    body:not(#index) .ybc_full_bg_breadcrum,
    .ybc_full_bg_breadcrum {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    body:not(#index) .breadcrumb,
    .breadcrumb,
    .ybc_full_bg_breadcrum .breadcrumb,
    #columns .breadcrumb {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 3px 5px !important;
        padding: 8px 14px !important;
        margin: 4px 0 14px 0 !important;
        width: 100% !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        border-bottom: 1px solid #1a1a1a !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    body:not(#index) .breadcrumb a,
    .breadcrumb a {
        font-size: 11px !important;
    }

    body:not(#index) .breadcrumb .navigation-pipe,
    .breadcrumb .navigation-pipe {
        font-size: 10px !important;
        margin: 0 2px !important;
    }

    /* --- 5. PRODUCT PAGE RESPONSIVE ARCHITECTURE --- */
    body#product .primary_block {
        padding: 14px 10px !important;
        margin-bottom: 20px !important;
        border-radius: 6px !important;
        border: 1px solid #1a1a1a !important;
        background: #060606 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body#product .pb-left-column {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 0 15px 0 !important;
        clear: both !important;
    }

        /* Main Product Image Card */
    body#product #image-block,
    .product_layout_1 .pb-left-column #image-block,
    .pb-left-column #image-block {
        float: none !important;
        width: 100% !important;
        max-width: 500px !important;
        min-height: 380px !important;
        margin: 0 auto !important;
        margin-left: 0 !important;
        padding: 8px !important;
        background: #090909 !important;
        border: 1px solid #1c1c1c !important;
        border-radius: 8px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        position: relative !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }

    body#product #view_full_size {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 360px !important;
        margin: 0 auto !important;
        position: relative !important;
        text-align: center !important;
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }

    body#product #image-block img#bigpic,
    .pb-left-column #image-block img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 420px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        display: block !important;
        border-radius: 6px !important;
        background: #0d0d0d !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: none !important;
        animation: none !important;
        transform: none !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
    }

    /* Product Badges */
    body#product #image-block .new-box {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        z-index: 10 !important;
    }

    body#product #image-block .sale-box {
        position: absolute !important;
        top: 12px !important;
        left: 12px !important;
        z-index: 10 !important;
    }

    /* Zoom Indicator */
    .pb-left-column #image-block #view_full_size .span_link {
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
        font-size: 15px !important;
        bottom: 10px !important;
        right: 10px !important;
        background: rgba(0, 0, 0, 0.75) !important;
        border: 1px solid #333333 !important;
        border-radius: 4px !important;
        color: #FEF1D1 !important;
    }

    /* Thumbnails Gallery BELOW image */
    body#product #views_block.hidden,
    .product_layout_1 .pb-left-column #views_block.hidden,
    #views_block.hidden {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .product_layout_1 .pb-left-column #views_block:not(.hidden),
    body#product #views_block:not(.hidden),
    #views_block:not(.hidden) {
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: 500px !important;
        margin: 12px auto 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        clear: both !important;
        left: auto !important;
        top: auto !important;
        text-align: center !important;
    }

    #views_block #thumbs_list,
    .product_layout_1 #thumbs_list,
    #thumbs_list {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        float: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        margin: 0 auto !important;
        padding: 4px 0 !important;
        text-align: center !important;
        -webkit-overflow-scrolling: touch !important;
    }

    #thumbs_list ul#thumbs_list_frame,
    .product_layout_1 #thumbs_list_frame,
    #thumbs_list_frame {
        display: inline-flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        list-style: none !important;
        height: auto !important;
        transform: none !important;
    }

    #thumbs_list ul#thumbs_list_frame > li,
    .product_layout_1 #thumbs_list_frame > li {
        display: inline-block !important;
        width: 64px !important;
        height: 64px !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        line-height: 0 !important;
    }

    #thumbs_list ul#thumbs_list_frame > li a,
    body#product #thumbs_list ul li a,
    #thumbs_list li a {
        display: block !important;
        width: 64px !important;
        height: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
        padding: 2px !important;
        border: 1px solid #222222 !important;
        border-radius: 6px !important;
        background: #090909 !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        opacity: 0.75 !important;
        transition: border-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease !important;
        transform: none !important;
    }

    #thumbs_list ul#thumbs_list_frame > li a.shown,
    body#product #thumbs_list ul li a.shown,
    #thumbs_list ul#thumbs_list_frame > li a:hover,
    body#product #thumbs_list ul li a:hover {
        border-color: #BA85D7 !important;
        box-shadow: 0 0 8px rgba(186, 133, 215, 0.45) !important;
        opacity: 1 !important;
    }

    #thumbs_list ul#thumbs_list_frame > li img,
    .product_layout_1 #thumbs_list_frame > li img,
    #thumbs_list li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 4px !important;
        display: block !important;
        transition: none !important;
        transform: none !important;
    }

    #view_scroll_left,
    #view_scroll_right,
    .view_scroll_spacer {
        display: none !important;
    }

    /* Product Info in pb-center-column */
    body#product .pb-center-column {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin-top: 14px !important;
        text-align: center !important;
        clear: both !important;
    }

    body#product h1[itemprop="name"] {
        font-size: 22px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        margin: 6px 0 8px 0 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        color: #FEF1D1 !important;
        font-family: 'Playfair Display', Georgia, serif !important;
    }

    body#product #availability_statut {
        text-align: center !important;
        margin-bottom: 8px !important;
        font-size: 12px !important;
    }

    body#product .content_prices {
        text-align: center !important;
        margin-bottom: 12px !important;
    }

    body#product .our_price_display,
    body#product #our_price_display {
        font-size: 28px !important;
        font-weight: 700 !important;
        color: #FEF1D1 !important;
        letter-spacing: 0.5px !important;
        text-align: center !important;
    }

    body#product #short_description_block {
        text-align: center !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #aaaaaa !important;
        padding: 0 4px 14px 4px !important;
        margin-bottom: 16px !important;
        border-bottom: 1px solid #181818 !important;
    }

    body#product #quantity_wanted_p {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-bottom: 16px !important;
        gap: 8px !important;
    }

    body#product #add_to_cart {
        width: 100% !important;
        margin: 0 auto 15px auto !important;
    }

    body#product #add_to_cart button,
    body#product #add_to_cart .exclusive,
    body#product #add_to_cart .button {
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 1.5px !important;
        text-transform: uppercase !important;
        border-radius: 4px !important;
        background: #BA85D7 !important;
        border: 1px solid #BA85D7 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 16px rgba(186, 133, 215, 0.35) !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
    }

    #product_payment_logos {
        text-align: center !important;
        margin: 12px auto !important;
    }

    #product_payment_logos img {
        max-width: 190px !important;
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
        display: inline-block !important;
    }

    /* Product Tabs on Mobile */
    body#product #tab_product_page {
        padding: 14px 10px !important;
        margin-bottom: 25px !important;
        border-radius: 6px !important;
        border: 1px solid #181818 !important;
        background: #060606 !important;
    }

    body#product #tab_product_page .nav-tabs {
        display: flex !important;
        width: 100% !important;
        border-bottom: 1px solid #222222 !important;
        gap: 4px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body#product #tab_product_page .nav-tabs > li {
        flex: 1 1 50% !important;
        margin: 0 !important;
        text-align: center !important;
        float: none !important;
    }

    body#product #tab_product_page .nav-tabs > li > a {
        display: block !important;
        width: 100% !important;
        padding: 10px 4px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.5px !important;
        text-align: center !important;
        white-space: nowrap !important;
        text-transform: uppercase !important;
        border-radius: 4px 4px 0 0 !important;
        box-sizing: border-box !important;
    }

    body#product #tab_product_page .tab-content {
        padding-top: 14px !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #b0b0b0 !important;
    }

    body#product #tab_product_page .page-product-box {
        padding: 10px !important;
        margin-bottom: 10px !important;
        border: 1px solid #141414 !important;
        border-radius: 4px !important;
        background: #090909 !important;
    }

    /* --- 6. FOOTER RESPONSIVE ARCHITECTURE --- */
    .footer-wrapper,
    .footer-container,
    #footer {
        padding-top: 25px !important;
        padding-bottom: 15px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    #footer h4,
    #footer h4 a,
    .footer-block h4,
    .footer-block h4 a {
        font-size: 13px !important;
        letter-spacing: 1.5px !important;
        margin-bottom: 14px !important;
        padding-bottom: 8px !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

    #footer ul,
    #footer .toggle-footer,
    #footer .category_footer ul {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    #newsletter_block_left .form-group {
        display: flex !important;
        width: 100% !important;
    }

    #newsletter_block_left input.newsletter-input {
        flex: 1 !important;
        width: auto !important;
        height: 40px !important;
        font-size: 12px !important;
    }

    #newsletter_block_left button[name="submitNewsletter"],
    #newsletter_block_left .btn {
        width: auto !important;
        padding: 0 16px !important;
        height: 40px !important;
        font-size: 11px !important;
    }

    /* Social icons: display icon while hiding text */
    #social_block {
        margin-top: 15px !important;
    }

    #social_block ul {
        display: flex !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #social_block ul li a span {
        font-size: 0 !important;
        line-height: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    #social_block ul li a i {
        font-size: 16px !important;
        color: #BA85D7 !important;
        display: inline-block !important;
    }

    .footer_bottom {
        padding: 16px 10px 22px 10px !important;
        text-align: center !important;
    }

    .payment_footer img {
        max-height: 26px !important;
    }

    /* --- 7. PRODUCT LISTINGS (CATEGORY / HOME / NEW PRODUCTS) : STRICTLY 2 PER LINE --- */
    #center_column {
        padding-left: 6px !important;
        padding-right: 6px !important;
        box-sizing: border-box !important;
    }

    ul.product_list,
    ul.product_list.grid,
    .product_list.grid,
    #index ul.product_list.grid,
    .home-products-wrapper ul.product_list {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        margin-left: -4px !important;
        margin-right: -4px !important;
        padding: 0 !important;
        list-style: none !important;
        clear: both !important;
        float: none !important;
        width: auto !important;
    }

    ul.product_list::before,
    ul.product_list::after,
    ul.product_list.grid::before,
    ul.product_list.grid::after,
    .product_list.grid::before,
    .product_list.grid::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
        height: 0 !important;
        flex-basis: 0 !important;
    }

    ul.product_list.grid > li,
    ul.product_list > li,
    .product_list.grid > li,
    #index ul.product_list.grid > li,
    .home-products-wrapper ul.product_list > li,
    ul.product_list.grid > li.ajax_block_product,
    ul.product_list.grid > li.col-xs-12,
    ul.product_list.grid > li.col-xs-6 {
        width: 50% !important;
        max-width: 50% !important;
        min-width: 50% !important;
        flex: 0 0 50% !important;
        padding: 0 4px !important;
        margin: 0 0 12px 0 !important;
        float: none !important;
        clear: none !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
    }

    ul.product_list.grid > li.first-in-line,
    ul.product_list.grid > li.last-in-line,
    ul.product_list.grid > li.first-item-of-tablet-line,
    ul.product_list.grid > li.last-item-of-tablet-line,
    ul.product_list.grid > li.first-item-of-mobile-line,
    ul.product_list.grid > li.last-item-of-mobile-line {
        clear: none !important;
        float: none !important;
    }

    ul.product_list.grid > li .product-container,
    .product_list.grid > li .product-container {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        padding: 8px 6px 10px 6px !important;
        background: #090909 !important;
        border: 1px solid #1a1a1a !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
        position: relative !important;
        float: none !important;
    }

    ul.product_list.grid > li .product-container .left-block,
    .product_list.grid > li .product-container .left-block {
        width: 100% !important;
        float: none !important;
    }

    ul.product_list.grid > li .product-container .product-image-container,
    .product_list.grid > li .product-container .product-image-container {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 0 8px 0 !important;
        text-align: center !important;
        background: #111111 !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    ul.product_list.grid > li .product-container .product-image-container a.product_img_link {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    ul.product_list.grid > li .product-container .product-image-container img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    ul.product_list.grid .ajax_block_product .right-block,
    .product_list.grid > li .product-container .right-block {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
        justify-content: space-between !important;
    }

    ul.product_list.grid > li .product-container .product-name,
    .product_list.grid > li .product-container .product-name {
        font-size: 11.5px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
        color: #e5e5e5 !important;
        margin: 0 0 6px 0 !important;
        min-height: 32px !important;
        height: auto !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        text-overflow: ellipsis !important;
        text-align: left !important;
        padding-bottom: 2px !important;
    }

    ul.product_list.grid > li .product-container .content_price,
    .product_list.grid > li .product-container .content_price {
        font-size: 13.5px !important;
        font-weight: 700 !important;
        color: #FFEEC8 !important;
        margin: 4px 0 0 0 !important;
        padding: 0 !important;
        line-height: normal !important;
        text-align: left !important;
    }

    ul.product_list.grid > li .product-container .button-container,
    .product_list.grid > li .product-container .button-container {
        margin: 6px 0 0 0 !important;
        display: flex !important;
        gap: 4px !important;
        float: none !important;
    }

    ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button,
    ul.product_list.grid > li .product-container .button-container .lnk_view {
        flex: 1 1 auto !important;
        padding: 5px 4px !important;
        font-size: 10px !important;
        text-align: center !important;
        border-radius: 4px !important;
    }

    .phs_grid {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        justify-content: space-between !important;
    }

    .phs_item {
        width: calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        flex: 0 0 calc(50% - 4px) !important;
        margin: 0 0 10px 0 !important;
        box-sizing: border-box !important;
    }

    .phs_info {
        padding: 10px 6px !important;
    }

    .phs_name {
        font-size: 12px !important;
        letter-spacing: 0px !important;
    }

    .phs_price {
        font-size: 14px !important;
    }
}

@media (max-width: 479px) {
    #header.layout_2 #header_logo img.logo,
    .ybc-layout-layout2 #header_logo img.logo,
    #header_logo img.logo {
        max-height: 44px !important;
    }
}



/* ==========================================================================
   HOMEPAGE SLIDER VISIBILITY GUARANTEE
   ========================================================================== */
body#index #slider_row,
body.index #slider_row,
#index #slider_row,
body#index #top_column,
body#index #ybc-nivo-slider-wrapper,
body#index #ybc-nivo-slider,
body#index .theme-default {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: auto !important;
    line-height: normal !important;
}

@media (max-width: 767px) {
    body#index #slider_row,
    body#index #top_column,
    body#index #ybc-nivo-slider-wrapper {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px auto 20px auto !important;
        overflow: hidden !important;
    }
    body#index #ybc-nivo-slider,
    body#index #ybc-nivo-slider img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}

/* Header Cart Block (Hidden by default, dropdown on hover) */
#header .cart_block,
#header.layout_2 .cart_block,
.shopping_cart .cart_block,
.custom_block_cart .cart_block {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    background: #090909 !important;
    background-color: #090909 !important;
    border: 1px solid #222222 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85) !important;
    border-radius: 6px !important;
    color: #dddddd !important;
    width: 280px !important;
    z-index: 1000 !important;
}

#header.layout_2 .shopping_cart:hover .cart_block,
#header .shopping_cart:hover .cart_block,
.shopping_cart:hover .cart_block,
.custom_block_cart .shopping_cart:hover .cart_block {
    display: block !important;
}

#header .cart_block a,
#header.layout_2 .cart_block a {
    color: #ffffff !important;
}

#header .cart_block .cart_block_no_products {
    color: #999999 !important;
    padding: 15px 20px !important;
    font-size: 13px !important;
    margin: 0 !important;
}

#header .cart_block .cart-prices {
    background: #0d0d0d !important;
    border-top: 1px solid #1a1a1a !important;
    color: #ffffff !important;
    padding: 10px 15px !important;
}

#header .cart_block .cart-prices .price {
    color: #BA85D7 !important;
}

#header .cart_block .cart-buttons a#button_order_cart {
    background: #BA85D7 !important;
    border-color: #BA85D7 !important;
    color: #ffffff !important;
    border-radius: 3px !important;
}

.ybc_coppyright a {
    color: #BA85D7 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}

.ybc_coppyright a:hover {
    color: #FEF1D1 !important;
    text-decoration: underline !important;
}


/* ==========================================================================
   ENHANCED LUXURY FOOTER & MOBILE RESPONSIVE ENGINE
   ========================================================================== */

/* --- 1. GLOBAL FOOTER WRAPPER --- */
.footer-wrapper,
.footer-container,
#footer {
    background-color: #020202 !important;
    background: #020202 !important;
    border-top: 1px solid #141414 !important;
    border-bottom: none !important;
    color: #999999 !important;
    padding-top: 45px !important;
    padding-bottom: 25px !important;
    box-sizing: border-box !important;
}

#footer h4,
#footer h4 a,
.footer-block h4,
.footer-block h4 a {
    font-family: 'Playfair Display', 'Bodoni Moda', Georgia, serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #FEF1D1 !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    position: relative !important;
    border: none !important;
    text-decoration: none !important;
}

#footer h4::before, #footer h4::after, .footer-block h4::before, .footer-block h4::after { display: none !important; content: none !important; width: 0 !important; height: 0 !important; background: none !important; border: none !important; }

#footer ul,
#footer .toggle-footer,
#footer .category_footer ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#footer li {
    margin-bottom: 9px !important;
    line-height: 1.7 !important;
}

#footer a,
#footer .toggle-footer a,
#footer li a,
#block_various_links_footer li a,
#footer .category_footer a {
    color: #888888 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    transition: all 0.25s ease !important;
    display: inline-block !important;
    text-decoration: none !important;
}

#footer a:hover,
#footer .toggle-footer a:hover,
#footer li a:hover,
#block_various_links_footer li a:hover,
#footer .category_footer a:hover {
    color: #BA85D7 !important;
    transform: translateX(4px) !important;
    text-decoration: none !important;
}

/* Contact info list */
#block_contact_infos li {
    color: #888888 !important;
    font-size: 13px !important;
    padding: 3px 0 !important;
}

#block_contact_infos li span,
#block_contact_infos a {
    color: #BA85D7 !important;
    font-weight: 500 !important;
}

#block_contact_infos a:hover {
    color: #FEF1D1 !important;
    text-decoration: underline !important;
}

/* Social icons */
#social_block {
    margin-top: 18px !important;
    float: none !important;
    width: 100% !important;
}

#social_block h4 {
    display: none !important;
}

#social_block ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#social_block ul li {
    margin: 0 !important;
}

#social_block ul li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    background-color: #0d0d0d !important;
    border: 1px solid #222222 !important;
    border-radius: 50% !important;
    color: #BA85D7 !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}

#social_block ul li a:hover {
    background-color: #BA85D7 !important;
    color: #ffffff !important;
    border-color: #BA85D7 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(186, 133, 215, 0.4) !important;
}

#social_block ul li a span {
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

#social_block ul li a i {
    font-size: 14px !important;
    display: inline-block !important;
}

#social_block ul li a:hover i {
    color: #ffffff !important;
}

/* --- 2. DESKTOP SPECIFIC LAYOUT (>= 768px) --- */
@media (min-width: 768px) {
    #footer .row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }

    /* Newsletter full-width banner at top */
    #footer #newsletter_block_left {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        float: none !important;
        text-align: center !important;
        padding: 0 15px 35px 15px !important;
        margin-bottom: 35px !important;
        border-bottom: 1px solid #141414 !important;
    }

    #footer #newsletter_block_left h4 {
        display: inline-block !important;
        text-align: center !important;
        font-size: 17px !important;
        letter-spacing: 2.5px !important;
        color: #FEF1D1 !important;
        margin: 0 auto 12px auto !important;
        padding-bottom: 12px !important;
        position: relative !important;
    }

    #footer #newsletter_block_left h4::before, #footer #newsletter_block_left h4::after { display: none !important; content: none !important; width: 0 !important; height: 0 !important; background: none !important; border: none !important; }

    #footer #newsletter_block_left p {
        text-align: center !important;
        max-width: 550px !important;
        margin: 0 auto 20px auto !important;
        color: #888888 !important;
        font-size: 13.5px !important;
    }

    #footer #newsletter_block_left form {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    #footer #newsletter_block_left .form-group {
        display: flex !important;
        width: 100% !important;
        max-width: 480px !important;
        margin: 0 auto !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
        border-radius: 4px !important;
    }

    #footer #newsletter_block_left input.newsletter-input {
        flex: 1 !important;
        height: 44px !important;
        line-height: 44px !important;
        font-size: 13px !important;
        border-radius: 4px 0 0 4px !important;
        background: #090909 !important;
        border: 1px solid #222222 !important;
        border-right: none !important;
        color: #ffffff !important;
        padding: 0 16px !important;
        outline: none !important;
    }

    #footer #newsletter_block_left input.newsletter-input:focus {
        border-color: #BA85D7 !important;
        background: #0e0e0e !important;
    }

    #footer #newsletter_block_left button[name="submitNewsletter"],
    #footer #newsletter_block_left .btn {
        height: 44px !important;
        padding: 0 24px !important;
        border-radius: 0 4px 4px 0 !important;
        background: linear-gradient(135deg, #BA85D7 0%, #9B59B6 100%) !important;
        border: 1px solid #BA85D7 !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        font-size: 12px !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        transition: all 0.25s ease !important;
    }

    #footer #newsletter_block_left button[name="submitNewsletter"]:hover,
    #footer #newsletter_block_left .btn:hover {
        background: linear-gradient(135deg, #CA95E7 0%, #AB69C6 100%) !important;
        box-shadow: 0 4px 18px rgba(186, 133, 215, 0.45) !important;
        transform: translateY(-1px) !important;
    }

    /* 4 columns layout */
    #footer .blockcategories_footer,
    #footer #block_various_links_footer,
    #footer .footer-block:nth-of-type(4),
    #footer #block_contact_infos {
        width: 22.5% !important;
        flex: 0 0 22.5% !important;
        max-width: 25% !important;
        float: left !important;
        box-sizing: border-box !important;
        padding: 0 10px !important;
    }
}

/* --- 3. MOBILE RESPONSIVE ENGINE (< 768px) --- */
@media (max-width: 767px) {
    .footer-wrapper,
    .footer-container,
    #footer {
        padding-top: 30px !important;
        padding-bottom: 20px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #footer .row {
        display: block !important;
        margin: 0 !important;
    }

    /* Newsletter on Mobile: Full width & Always visible */
    #footer #newsletter_block_left {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        padding: 0 0 25px 0 !important;
        margin-bottom: 25px !important;
        border-bottom: 1px solid #161616 !important;
    }

    #footer #newsletter_block_left h4 {
        font-size: 15px !important;
        letter-spacing: 2px !important;
        text-align: center !important;
        display: inline-block !important;
        margin: 0 auto 10px auto !important;
        padding-bottom: 10px !important;
    }

    #footer #newsletter_block_left h4::before, #footer #newsletter_block_left h4::after { display: none !important; content: none !important; width: 0 !important; height: 0 !important; background: none !important; border: none !important; }

    #footer #newsletter_block_left .toggle-footer {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #footer #newsletter_block_left p {
        font-size: 13px !important;
        color: #888888 !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    #footer #newsletter_block_left .form-group {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    #footer #newsletter_block_left input.newsletter-input {
        flex: 1 !important;
        height: 42px !important;
        font-size: 13px !important;
        border-radius: 4px 0 0 4px !important;
        background: #090909 !important;
        border: 1px solid #222222 !important;
        border-right: none !important;
        color: #ffffff !important;
        padding: 0 !important;
        min-width: 0 !important;
    }

    #footer #newsletter_block_left button[name="submitNewsletter"],
    #footer #newsletter_block_left .btn {
        height: 42px !important;
        padding: 0 16px !important;
        border-radius: 0 4px 4px 0 !important;
        font-size: 12px !important;
        background: linear-gradient(135deg, #BA85D7 0%, #9B59B6 100%) !important;
        color: #ffffff !important;
        border: none !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    /* 4 Accordion Columns on Mobile */
    #footer .blockcategories_footer,
    #footer #block_various_links_footer,
    #footer .footer-block:nth-of-type(4),
    #footer #block_contact_infos {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #141414 !important;
        padding-bottom: 6px !important;
    }

    #footer.accordion .footer-block:not(#newsletter_block_left) h4 {
        position: relative !important;
        cursor: pointer !important;
        font-size: 13.5px !important;
        letter-spacing: 1.5px !important;
        padding: 12px 28px 12px 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    #footer.accordion .footer-block:not(#newsletter_block_left) h4::after {
        display: none !important;
    }

    #footer.accordion .footer-block:not(#newsletter_block_left) h4::before {
        content: '\f107' !important;
        font-family: 'FontAwesome' !important;
        position: absolute !important;
        right: 4px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 16px !important;
        color: #BA85D7 !important;
        transition: transform 0.3s ease, color 0.3s ease !important;
    }

    #footer.accordion .footer-block:not(#newsletter_block_left) h4.active::before {
        transform: translateY(-50%) rotate(180deg) !important;
        color: #FEF1D1 !important;
    }

    #footer .toggle-footer {
        padding: 8px 0 14px 0 !important;
    }

    #footer .toggle-footer li {
        padding: 5px 0 !important;
        line-height: 1.6 !important;
    }

    #footer .toggle-footer a {
        font-size: 13.5px !important;
        color: #888888 !important;
        display: block !important;
        padding: 3px 0 !important;
    }

    /* Social icons on Mobile: Centered */
    #social_block {
        margin-top: 15px !important;
        text-align: center !important;
    }

    #social_block ul {
        display: flex !important;
        justify-content: center !important;
        gap: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #social_block ul li a {
        width: 38px !important;
        height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: #0e0e0e !important;
        border: 1px solid #222222 !important;
    }

    #social_block ul li a i {
        font-size: 15px !important;
        color: #BA85D7 !important;
    }

    /* Bottom copyright bar on Mobile */
    .footer_bottom {
        padding: 18px 15px 24px 15px !important;
        text-align: center !important;
        border-top: 1px solid #121212 !important;
    }

    .ybc_coppyright {
        font-size: 11.5px !important;
        line-height: 1.8 !important;
        color: #666666 !important;
        margin-top: 8px !important;
        padding: 0 !important;
        border: none !important;
    }
}


/* ==========================================================================
   REMOVE ALL UNDERLINE BARS ON FOOTER TITLES
   ========================================================================== */
html body #footer h4::before,
html body #footer h4::after,
html body .footer-block h4::before,
html body .footer-block h4::after,
html body #newsletter_block_left h4::before,
html body #newsletter_block_left h4::after,
#footer h4::before,
#footer h4::after,
.footer-block h4::before,
.footer-block h4::after,
#newsletter_block_left h4::before,
#newsletter_block_left h4::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: none !important;
}

#footer h4,
#footer h4 a,
.footer-block h4,
.footer-block h4 a,
#newsletter_block_left h4 {
    padding-bottom: 0 !important;
}


/* ==========================================================================
   PERFECT LUXURY MOBILE HEADER & MENU ENGINE (HAMBURGER ONLY + TOP DRAWER LANGS)
   ========================================================================== */
@media (max-width: 767px) {
    .header_top_wrapper {
        padding: 10px 0 6px 0 !important;
        text-align: center !important;
        background-color: #020202 !important;
    }

    #header.layout_2 #header_logo,
    #header_logo {
        float: none !important;
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
    }

    #header.layout_2 #header_logo img.logo,
    #header_logo img.logo {
        max-height: 46px !important;
        width: auto !important;
        margin: 0 auto !important;
        display: inline-block !important;
    }

    #header .header_search_nav_band,
    #header.layout_2 .header_search_nav_band,
    .ybc-layout-layout2 #header .header_search_nav_band {
        background: #020202 !important;
        background-image: none !important;
        padding: 4px 12px 12px 12px !important;
        width: 100% !important;
        border: none !important;
        box-sizing: border-box !important;
    }

    .header_search_nav_band .container,
    .header_search_nav_band .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* --- ROW 1 (LEFT): MENU HAMBURGER BUTTON (ICON ONLY, NO TEXT) --- */
    .ybc-menu-wrapper,
    .header_search_nav_band .ybc-menu-wrapper {
        order: 1 !important;
        width: auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        position: static !important;
    }

    .ybc-menu-toggle,
    .ybc-menu-wrapper .ybc-menu-toggle {
        display: inline-block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
    }

    .ybc-menu-button-toggle,
    .ybc-menu-wrapper .ybc-menu-button-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        background: #0e0e0e !important;
        border: 1px solid #282828 !important;
        border-radius: 6px !important;
        color: #FFEEC8 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        transition: all 0.25s ease !important;
    }

    .ybc-menu-button-toggle:hover,
    .ybc-menu-btn.active .ybc-menu-button-toggle {
        border-color: #BA85D7 !important;
        background: #151515 !important;
        box-shadow: 0 0 10px rgba(186, 133, 215, 0.25) !important;
    }

    .ybc-menu-button-toggle > span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    .ybc-menu-button-toggle-text { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; }

    .ybc-menu-button-toggle_icon {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        order: 0 !important;
    }

    .ybc-menu-button-toggle_icon .icon-bar,
    .ybc-menu-toggle .icon-bar {
        background-color: #FFEEC8 !important;
        width: 18px !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 2px !important;
        display: block !important;
        transition: all 0.2s ease !important;
    }

    /* --- ROW 1 (RIGHT): ACTIONS (ACCOUNT & CART; LANGUAGE HIDDEN ON MOBILE HEADER) --- */
    #header.layout_2 .custom_block_cart,
    .custom_block_cart {
        order: 2 !important;
        width: auto !important;
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    /* Hide language dropdown in top mobile header (relocated inside menu drawer) */
    #header .custom_block_cart #languages-block-top,
    .custom_block_cart #languages-block-top,
    #header #languages-block-top,
    #languages-block-top {
        display: none !important;
    }

    /* User Account Icon Button */
    #header.layout_2 .header_account_btn,
    .header_account_btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        background: #0e0e0e !important;
        border: 1px solid #282828 !important;
        border-radius: 6px !important;
        color: #BA85D7 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        transition: all 0.2s ease !important;
    }

    #header.layout_2 .header_account_btn:hover,
    .header_account_btn:hover {
        border-color: #BA85D7 !important;
        background: #151515 !important;
    }

    #header.layout_2 .header_account_btn i,
    .header_account_btn i {
        color: #BA85D7 !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    /* Shopping Cart Icon Button */
    #header.layout_2 .shopping_cart,
    .shopping_cart {
        display: inline-flex !important;
        align-items: center !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    #header.layout_2 .shopping_cart > a:first-child,
    .shopping_cart > a:first-child {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        background: #0e0e0e !important;
        border: 1px solid #282828 !important;
        border-radius: 6px !important;
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    #header.layout_2 .shopping_cart > a:first-child:hover,
    .shopping_cart > a:first-child:hover {
        border-color: #BA85D7 !important;
        background: #151515 !important;
    }

    #header.layout_2 .shopping_cart > a:first-child::before,
    .shopping_cart > a:first-child::before {
        content: "07a" !important;
        font-family: 'FontAwesome' !important;
        color: #BA85D7 !important;
        font-size: 16px !important;
        display: block !important;
        line-height: 1 !important;
    }

    .shopping_cart .ajax_cart_quantity {
        position: absolute !important;
        top: -6px !important;
        right: -6px !important;
        background-color: #BA85D7 !important;
        color: #ffffff !important;
        border-radius: 50% !important;
        width: 18px !important;
        height: 18px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        text-align: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
    }

    .shopping_cart .ajax_cart_quantity.unvisible {
        display: none !important;
    }

    /* --- ROW 2 (FULL WIDTH): SEARCH BAR --- */
    .header_search_center,
    .header_search_nav_band .header_search_center {
        order: 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .header_search_input_wrap {
        position: relative !important;
        width: 100% !important;
    }

    .header_search_query {
        width: 100% !important;
        height: 40px !important;
        background: #0d0d0d !important;
        border: 1px solid #242424 !important;
        border-radius: 20px !important;
        padding: 0 44px 0 16px !important;
        color: #ffffff !important;
        font-size: 13px !important;
        box-sizing: border-box !important;
        outline: none !important;
    }

    .header_search_query:focus {
        border-color: #BA85D7 !important;
        box-shadow: 0 0 8px rgba(186, 133, 215, 0.3) !important;
    }

    .header_search_button {
        position: absolute !important;
        right: 4px !important;
        top: 2px !important;
        width: 36px !important;
        height: 36px !important;
        background: transparent !important;
        border: none !important;
        color: #BA85D7 !important;
        font-size: 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
    }

    /* --- LUXURY SIDE DRAWER MENU (MOBILE) --- */
    .ybc-menu-blinder,
    .ybc-menu-wrapper .ybc-menu-blinder {
        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.78) !important;
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        z-index: 999998 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
        display: block !important;
    }

    .ybc-menu-blinder.active,
    .ybc-menu-wrapper .ybc-menu-blinder.active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .ybc-menu-main-content,
    #ybc-menu-main-content,
    .header_search_nav_band .ybc-menu-main-content,
    .header_search_nav_band #ybc-menu-main-content,
    .ybc-menu-wrapper .ybc-menu-main-content,
    .ybc-menu-wrapper #ybc-menu-main-content {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: auto !important;
        width: 320px !important;
        max-width: 86vw !important;
        height: 100% !important;
        height: 100vh !important;
        max-height: 100vh !important;
        background: #080808 !important;
        border-right: 1px solid #1a1a1a !important;
        box-shadow: 5px 0 25px rgba(0,0,0,0.9) !important;
        z-index: 999999 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        margin: 0 !important;
        padding: 0 0 60px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        text-align: left !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-105%) !important;
        transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), visibility 0.35s ease !important;
        box-sizing: border-box !important;
    }

    .ybc-menu-main-content.active,
    #ybc-menu-main-content.active,
    .header_search_nav_band .ybc-menu-main-content.active,
    .header_search_nav_band #ybc-menu-main-content.active,
    .ybc-menu-wrapper .ybc-menu-main-content.active,
    .ybc-menu-wrapper #ybc-menu-main-content.active {
        display: flex !important;
        transform: translateX(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* --- DRAWER HEADER & TOP LANGUAGES BAR --- */
    .ybc-menu-drawer-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 56px !important;
        padding: 12px 18px !important;
        background: #040404 !important;
        border-bottom: 1px solid #1a1a1a !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
        gap: 10px !important;
    }

    .ybc-menu-drawer-header .drawer-title {
        color: #FFEEC8 !important;
        font-family: 'Playfair Display', Georgia, serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
        margin: 0 !important;
        line-height: 1 !important;
        flex: 0 0 auto !important;
    }

    /* LANGUAGES IN MENU AT THE TOP */
    .ybc-menu-drawer-languages {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .ybc-menu-drawer-languages .drawer-lang-icon {
        color: #BA85D7 !important;
        font-size: 13px !important;
        margin-right: 2px !important;
        display: inline-block !important;
    }

    .ybc-drawer-lang-pill {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 28px !important;
        min-width: 36px !important;
        padding: 0 9px !important;
        border-radius: 14px !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
        font-size: 0px !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
        transition: all 0.2s ease !important;
        cursor: pointer !important;
    }

    .ybc-drawer-lang-pill:not(.active) {
        background: #141414 !important;
        border: 1px solid #2d2d2d !important;
        color: #b0b0b0 !important;
    }

    .ybc-drawer-lang-pill:not(.active):hover,
    .ybc-drawer-lang-pill:not(.active):active {
        background: #202020 !important;
        border-color: #BA85D7 !important;
        color: #FFEEC8 !important;
    }

    .ybc-drawer-lang-pill.active {
        background: linear-gradient(135deg, #BA85D7 0%, #8E44AD 100%) !important;
        border: 1px solid #BA85D7 !important;
        color: #ffffff !important;
        box-shadow: 0 2px 8px rgba(186, 133, 215, 0.45) !important;
        pointer-events: none !important;
        cursor: default !important;
    }

    .ybc-menu-drawer-close {
        width: 32px !important;
        height: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #141414 !important;
        border: 1px solid #282828 !important;
        border-radius: 50% !important;
        color: #FFEEC8 !important;
        font-size: 14px !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        line-height: 1 !important;
        flex: 0 0 32px !important;
    }

    .ybc-menu-drawer-close:hover {
        background: #BA85D7 !important;
        color: #ffffff !important;
        border-color: #BA85D7 !important;
    }

    body.ybc_menu_opened {
        overflow: hidden !important;
        touch-action: none !important;
    }

    .ybc-menu-wrapper .ybc-menu,
    #header.layout_2 .ybc-menu,
    .header_search_nav_band .ybc-menu,
    #ybc-menu-main-content .ybc-menu,
    .ybc-menu {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
        flex-grow: 1 !important;
        float: none !important;
    }

    .ybc-menu > li,
    #header.layout_2 .ybc-menu > li,
    .header_search_nav_band .ybc-menu > li,
    #ybc-menu-main-content .ybc-menu > li {
        display: block !important;
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid #141414 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    .ybc-menu-item-link,
    .ybc-menu > li > a,
    #header.layout_2 .ybc-menu-item-link,
    #header.layout_2 .ybc-menu > li > a,
    #ybc-menu-main-content .ybc-menu-item-link,
    .header_search_nav_band #ybc-menu-main-content .ybc-menu > li > a {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        padding: 14px 20px !important;
        padding-right: 50px !important;
        color: #FFEEC8 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        background: transparent !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        transition: background 0.2s, color 0.2s !important;
    }

    .ybc-menu-item-link:hover,
    .ybc-menu > li > a:hover {
        background: #111111 !important;
        color: #BA85D7 !important;
    }

    /* Submenu Accordion Toggle Button (+ / -) */
    .ybc-mm-control,
    #ybc-menu-main-content .ybc-mm-control {
        position: absolute !important;
        right: 14px !important;
        top: 10px !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 6px !important;
        border: 1px solid #282828 !important;
        background: #121212 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 10 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .ybc-mm-control::before,
    #ybc-menu-main-content .ybc-mm-control::before {
        content: "+" !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
        color: #FFEEC8 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        display: block !important;
    }

    .ybc-mm-control.opened,
    #ybc-menu-main-content .ybc-mm-control.opened {
        border-color: #BA85D7 !important;
        background: #1a1a1a !important;
    }

    .ybc-mm-control.opened::before,
    #ybc-menu-main-content .ybc-mm-control.opened::before {
        content: "−" !important;
        color: #BA85D7 !important;
    }

    .ybc-menu-columns-wrapper:not(.active),
    #ybc-menu-main-content .ybc-menu-columns-wrapper:not(.active),
    .ybc-mm-control-content:not(.active),
    #ybc-menu-main-content .ybc-mm-control-content:not(.active) {
        display: none !important;
    }

    #header.layout_2 #ybc-menu-main-content .ybc-menu-columns-wrapper.active,
    #ybc-menu-main-content .ybc-menu-columns-wrapper.active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        width: 100% !important;
        background: #050505 !important;
        border-top: 1px solid #141414 !important;
        padding: 12px 18px !important;
        box-sizing: border-box !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper .ybc-menu-column-item {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 0 14px 0 !important;
        border: none !important;
        background: transparent !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper h6 {
        font-family: 'Cinzel', 'Playfair Display', Georgia, serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #FFEEC8 !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        margin: 0 0 8px 0 !important;
        padding: 0 0 6px 0 !important;
        border-bottom: 1px solid #1a1a1a !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper ul {
        display: block !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper a {
        color: #c4c4c4 !important;
        font-size: 13px !important;
        padding: 8px 0 8px 6px !important;
        display: flex !important;
        align-items: center !important;
        text-decoration: none !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper a::before {
        content: "›" !important;
        color: #777777 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        margin-right: 8px !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper a:hover {
        color: #FFEEC8 !important;
        padding-left: 10px !important;
    }

    #ybc-menu-main-content .ybc-menu-columns-wrapper a:hover::before {
        color: #BA85D7 !important;
    }
}

/* Ensure desktop header maintains its language switcher */
@media (min-width: 768px) {
    #languages-block-top {
        display: inline-flex !important;
    }
}
/* Neutralize Bootstrap 3 clearfix pseudo-elements that act as flex items in header */
@media (max-width: 767px) {
    .header_search_nav_band .container::before,
    .header_search_nav_band .container::after,
    .header_search_nav_band .row::before,
    .header_search_nav_band .row::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    .ybc-menu-wrapper,
    .header_search_nav_band .ybc-menu-wrapper {
        order: 1 !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    #header.layout_2 .custom_block_cart,
    .custom_block_cart {
        order: 2 !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }
}