/* THE BOLDER LUXURY DRAWER - VERSION 3.0 */
.ws-menu-horizontal > ul, .ws-menu-vertical > ul, .ws-menu-mega > ul { display: none !important; }

.vvv-burger-wrapper, .vvv-burger-wrapper-en { text-align: center; padding: 20px 0; }

/* BIGGER & BOLDER TEXT */
.vvv-burger-btn, .vvv-burger-btn-en { 
    display: inline-block; cursor: pointer; 
    font-size: 18px; /* Larger font */
    text-transform: uppercase; letter-spacing: 5px; 
    color: #111; font-weight: 800; /* Extra Bold */
    user-select: none; z-index: 10000; position: relative; 
}

/* THICKER 3-LINE ICON */
.vvv-burger-icon, .vvv-burger-icon-en { 
    display: inline-block; width: 28px; height: 3px; /* Wider and thicker */
    background: #111; position: relative; vertical-align: middle; 
    margin-right: 18px; top: -2px; 
}
.vvv-burger-icon::before, .vvv-burger-icon::after, .vvv-burger-icon-en::before, .vvv-burger-icon-en::after { 
    content: ''; position: absolute; width: 28px; height: 3px; 
    background: #111; left: 0; transition: all 0.3s; 
}
.vvv-burger-icon::before, .vvv-burger-icon-en::before { top: -9px; }
.vvv-burger-icon::after, .vvv-burger-icon-en::after { top: 9px; }

/* MOBILE OPTIMIZED DRAWER */
.vvv-menu-content, .vvv-menu-content-en { 
    position: fixed; top: 0; left: -100%; width: 340px; max-width: 85vw; 
    height: 100vh; background: #fff; box-shadow: 15px 0 30px rgba(0,0,0,0.2); 
    padding: 100px 40px 40px 40px; z-index: 9998; overflow-y: auto; 
    transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1); border: none; text-align: left;
}

.vvv-menu-content a, .vvv-menu-content-en a { display: block; color: #333; text-decoration: none; padding: 14px 0; border-bottom: 1px solid #f2f2f2; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; transition: all 0.3s; }
.vvv-menu-content a:hover, .vvv-menu-content-en a:hover { color: #d62828; padding-left: 10px; }

.vvv-menu-content .menu-header, .vvv-menu-content-en .menu-header { font-family: 'Georgia', serif; font-size: 20px; color: #111; font-style: italic; text-transform: none; letter-spacing: 0; margin: 35px 0 12px 0; border-bottom: 2px solid #111; padding-bottom: 6px; }

/* THE MAGIC TOGGLE */
#vvv-burger-toggle, #vvv-burger-toggle-en { display: none; }
#vvv-burger-toggle:checked ~ .vvv-menu-content, #vvv-burger-toggle-en:checked ~ .vvv-menu-content-en { left: 0; } 
#vvv-burger-toggle:checked ~ .vvv-burger-btn .vvv-burger-icon, #vvv-burger-toggle-en:checked ~ .vvv-burger-btn-en .vvv-burger-icon-en { background: transparent; }
#vvv-burger-toggle:checked ~ .vvv-burger-btn .vvv-burger-icon::before, #vvv-burger-toggle-en:checked ~ .vvv-burger-btn-en .vvv-burger-icon-en::before { transform: rotate(45deg); top: 0; }
#vvv-burger-toggle:checked ~ .vvv-burger-btn .vvv-burger-icon::after, #vvv-burger-toggle-en:checked ~ .vvv-burger-btn-en .vvv-burger-icon-en::after { transform: rotate(-45deg); top: 0; }

/* MOBILE ADJUSTMENT: Ensures it doesn't overlap logo on tiny screens */
@media (max-width: 480px) {
    .vvv-burger-wrapper, .vvv-burger-wrapper-en { padding: 10px 0; }
    .vvv-burger-btn, .vvv-burger-btn-en { font-size: 16px; letter-spacing: 3px; }
}

/* ========================================= */
/* THE EPIC OUTLET BANNER (LUXURY EDITION)   */
/* ========================================= */

.vvv-epic-banner {
    background: #111; /* Sleek luxury dark mode */
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; /* Space between banner and your logo */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.vvv-epic-banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* On Laptops, put everything in one clean line */
@media (min-width: 768px) {
    .vvv-epic-banner-content {
        flex-direction: row;
        gap: 25px;
    }
}

.vvv-epic-title {
    font-family: 'Georgia', serif; /* Matches your elegant category headers */
    font-style: italic;
    font-size: 18px;
    letter-spacing: 1px;
}

.vvv-epic-highlight {
    color: #d62828; /* The signature urgent red */
    font-weight: 900;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-left: 5px;
}

.vvv-epic-text {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    opacity: 0.85;
}

.vvv-epic-btn {
    display: inline-block;
    background: #fff;
    color: #111;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border: 1px solid #fff;
}

.vvv-epic-btn:hover {
    background: #d62828;
    color: #fff;
    border-color: #d62828;
}