/*
Theme Name: Vayron Atelier
Theme URI: https://vayronatelier.com
Author: Vayron Atelier
Description: Custom luxury WooCommerce theme for Vayron Atelier, a premium women's unstitched clothing brand.
Version: 2.2.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: vayron-atelier
*/

:root {
    --va-black: #0B0B0B;
    --va-deep-black: #050505;
    --va-gold: #C9A24D;
    --va-gold-light: #E4C98A;
    --va-gold-champagne: #D8C09A;
    --va-gold-antique: #8A6D1F;
    --va-gold-antique-deep: #6B5217;
    --va-white: #FFFFFF;
    --va-warm-white: #FAF8F3;
    --va-cream: #F4EFE6;

    --va-font-serif: 'Playfair Display', 'Cormorant Garamond', serif;
    --va-font-sans: 'DM Sans', 'Montserrat', sans-serif;

    --va-transition-fast: 0.3s ease;
    --va-transition-slow: 0.8s ease;
    --va-header-height: 110px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    background: var(--va-warm-white);
    color: var(--va-black);
    font-family: var(--va-font-sans);
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    opacity: 0;
    animation: va-page-fade-in 0.6s ease 0.15s forwards;
}
@keyframes va-page-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

h1, h2, h3, h4, .va-serif {
    font-family: var(--va-font-serif);
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0 0 0.5em;
}

/* Animated gold underline beneath section headings — draws in once the
   heading scrolls into view (paired with .va-reveal on the wrapping
   .va-section__heading). */
.va-section__heading h2 {
    display: inline-block;
    position: relative;
    padding-bottom: 14px;
}
.va-section__heading h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: var(--va-gold);
    transition: width 0.8s ease 0.2s;
    transform: translateX(-50%);
}
.va-section__heading.is-visible h2::after,
.va-reveal.is-visible .va-section__heading h2::after { width: 64px; }

a { color: inherit; text-decoration: none; }

img { max-width: 100%; display: block; }

.va-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
}

.va-eyebrow {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px;
    color: var(--va-gold);
    font-weight: 600;
}

.va-btn {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 16px 40px;
    background: var(--va-black);
    color: var(--va-white);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid var(--va-black);
    transition: background var(--va-transition-fast), color var(--va-transition-fast), border-color var(--va-transition-fast), transform var(--va-transition-fast);
    cursor: pointer;
}
.va-btn::before {
    content: "";
    position: absolute;
    top: 0; left: -120%;
    width: 60%; height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);
    transform: skewX(-20deg);
    transition: left 0.7s ease;
}
.va-btn:hover::before { left: 140%; }
.va-btn:hover {
    background: var(--va-gold);
    border-color: var(--va-gold);
    color: var(--va-black);
    transform: translateY(-2px);
}
.va-btn--outline {
    background: transparent;
    color: var(--va-black);
    border: 1px solid var(--va-gold);
}
.va-btn--outline:hover {
    background: var(--va-gold);
    color: var(--va-black);
}

/* Gold underline hover, used across nav links and text links */
.va-underline {
    position: relative;
}
.va-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 1px;
    background: var(--va-gold);
    transition: width var(--va-transition-fast);
}
.va-underline:hover::after { width: 100%; }

/* Fade up reveal, toggled via JS IntersectionObserver adding .is-visible.
   main.js also staggers transition-delay per sibling so grids (products,
   collections, testimonials) cascade in rather than popping together. */
.va-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.9s ease, transform 0.9s ease;
}
.va-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .va-reveal { opacity: 1; transform: none; transition: none; }
    html { scroll-behavior: auto; }
    body { opacity: 1; animation: none; }
    .va-btn::before { display: none; }
    .va-btn:hover { transform: none; }
}

@media (max-width: 782px) {
    .va-container { padding: 0 20px; }
    :root { --va-header-height: 80px; }
}
/* =========================================================
   ANNOUNCEMENT BAR
   ========================================================= */
.va-announcement-bar {
    background: var(--va-black);
    color: var(--va-white);
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px 0;
}

/* =========================================================
   HEADER
   ========================================================= */
.va-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: linear-gradient(120deg, var(--va-gold-antique-deep) 0%, var(--va-gold) 45%, var(--va-gold-light) 55%, var(--va-gold-antique-deep) 100%);
    background-size: 220% 100%;
    animation: va-header-shimmer 14s ease-in-out infinite;
    border-bottom: 1px solid rgba(11,11,11,0.15);
    transition: box-shadow var(--va-transition-fast), padding var(--va-transition-fast);
}
.va-header::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);
    background-size: 50% 100%;
    animation: va-header-divider-sweep 5s ease-in-out infinite;
}
@keyframes va-header-divider-sweep {
    0%   { background-position: -50% 0; }
    100% { background-position: 150% 0; }
}
@keyframes va-header-shimmer {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}
.va-header.is-scrolled {
    box-shadow: 0 6px 26px rgba(0,0,0,0.18);
}
.va-header__inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    height: var(--va-header-height);
    transition: height var(--va-transition-fast);
}
.va-header.is-scrolled .va-header__inner {
    height: calc(var(--va-header-height) - 24px);
}
.va-header__left { display: flex; align-items: center; gap: 32px; }
/* Header navigation and dropdown submenus */
.va-nav-left > ul { list-style: none; display: flex; align-items: center; gap: 32px; margin: 0; padding: 0; }
.va-nav-left li { position: relative; }
.va-nav-left .sub-menu {
    position: absolute;
    top: calc(100% + 18px);
    left: 0;
    min-width: 210px;
    display: block;
    margin: 0;
    padding: 12px 0;
    list-style: none;
    background: var(--va-warm-white);
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    z-index: 300;
}
.va-nav-left li:hover > .sub-menu,
.va-nav-left li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.va-nav-left .sub-menu li { width: 100%; }
.va-nav-left .sub-menu a {
    display: block;
    padding: 10px 18px;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: 1px;
}
.va-nav-left .sub-menu a:hover { background: rgba(0,0,0,.04); }
.va-nav-left a {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: var(--va-black);
}
.va-header .va-underline::after { background: var(--va-black); }
.va-header__logo { text-align: center; }
.va-logo-text {
    font-family: var(--va-font-serif);
    font-size: 28px;
    letter-spacing: 4px;
    font-weight: 700;
    color: var(--va-black);
}
.va-logo-image {
    max-height: 76px; width: auto; display: block; margin: 0 auto;
    transition: max-height var(--va-transition-fast);
    animation: va-logo-entrance 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s both;
}
@keyframes va-logo-entrance {
    from { opacity: 0; transform: scale(0.85); }
    to   { opacity: 1; transform: scale(1); }
}
.va-header.is-scrolled .va-logo-image { max-height: 58px; }
.va-header__right { display: flex; align-items: center; justify-content: flex-end; gap: 20px; position: relative; }
.va-icon-btn {
    position: relative;
    font-size: 18px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--va-black);
    transition: color var(--va-transition-fast), transform var(--va-transition-fast);
}
.va-icon-btn:hover {
    color: var(--va-white);
    transform: translateY(-3px);
    filter: drop-shadow(0 0 6px rgba(255,255,255,0.65));
}
.va-icon-btn:active { transform: translateY(-1px) scale(0.92); }
.va-cart-count {
    position: absolute;
    top: -8px;
    right: -10px;
    background: var(--va-black);
    color: var(--va-white);
    font-size: 10px;
    font-weight: 700;
    width: 16px; height: 16px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    transition: transform 0.3s ease;
}
.va-cart-icon.is-bouncing .va-cart-count { animation: va-cart-bounce 0.6s ease; }
@keyframes va-cart-bounce {
    0%   { transform: scale(1) translateY(0); }
    30%  { transform: scale(1.5) translateY(-4px); }
    55%  { transform: scale(0.9) translateY(1px); }
    100% { transform: scale(1) translateY(0); }
}

.va-hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
}
.va-hamburger span { width: 22px; height: 1px; background: var(--va-black); }

@media (prefers-reduced-motion: reduce) {
    .va-header { animation: none; }
    .va-header::after { animation: none; background-position: 0 0; }
    .va-logo-image { animation: none; opacity: 1; transform: none; }
}

/* Search panel — expands under header */
.va-search-panel {
    max-height: 0;
    overflow: hidden;
    background: var(--va-cream);
    transition: max-height var(--va-transition-fast);
}
.va-search-panel.is-open { max-height: 300px; }
.va-search-form { padding: 24px 0 8px; }
.va-search-form input {
    width: 100%;
    border: none;
    background: none;
    border-bottom: 1px solid var(--va-black);
    font-size: 22px;
    font-family: var(--va-font-serif);
    padding: 10px 0;
}
.va-search-form input:focus { outline: none; border-color: var(--va-gold); }
.va-search-suggestions { padding-bottom: 20px; display: grid; gap: 12px; }
.va-search-suggestions a { display: flex; align-items: center; gap: 12px; }
.va-search-suggestions img { width: 48px; height: 60px; object-fit: cover; }

/* Mobile menu drawer */
.va-mobile-menu {
    position: fixed; top: 0; left: -320px; width: 300px; height: 100vh;
    background: var(--va-warm-white); z-index: 200; padding: 40px 28px;
    transition: left var(--va-transition-fast);
    overflow-y: auto;
}
.va-mobile-menu.is-open { left: 0; }
 .va-mobile-menu ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 20px; }
.va-mobile-menu .sub-menu { margin: 12px 0 0 14px; padding-left: 14px; border-left: 1px solid rgba(0,0,0,.15); gap: 12px; }
.va-mobile-menu .sub-menu li { opacity: 1; transform: none; }
.va-mobile-menu ul li {
    opacity: 0;
    transform: translateX(-16px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}
.va-mobile-menu.is-open ul li { opacity: 1; transform: translateX(0); }
.va-mobile-menu.is-open ul li:nth-child(1) { transition-delay: 0.05s; }
.va-mobile-menu.is-open ul li:nth-child(2) { transition-delay: 0.1s; }
.va-mobile-menu.is-open ul li:nth-child(3) { transition-delay: 0.15s; }
.va-mobile-menu.is-open ul li:nth-child(4) { transition-delay: 0.2s; }
.va-mobile-menu.is-open ul li:nth-child(5) { transition-delay: 0.25s; }
.va-mobile-menu.is-open ul li:nth-child(6) { transition-delay: 0.3s; }
.va-mobile-menu.is-open ul li:nth-child(7) { transition-delay: 0.35s; }
@media (prefers-reduced-motion: reduce) {
    .va-mobile-menu ul li { opacity: 1; transform: none; transition: none; }
}
.va-mobile-menu a { text-transform: uppercase; letter-spacing: 1.5px; font-size: 14px; }
.va-mobile-menu__close { background: none; border: none; font-size: 28px; cursor: pointer; margin-bottom: 20px; }
.va-mobile-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.4);
    z-index: 199; opacity: 0; pointer-events: none; transition: opacity var(--va-transition-fast);
}
.va-mobile-overlay.is-open { opacity: 1; pointer-events: auto; }

/* =========================================================
   HERO
   ========================================================= */
.va-hero, .va-hero-slide {
    position: relative;
    min-height: 88vh;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    color: var(--va-white);
}
.va-hero { background: linear-gradient(135deg, var(--va-black), #262626); }
.va-hero-slider { position: relative; min-height: 88vh; }
.va-hero-slide {
    position: absolute; inset: 0;
    background-image: var(--va-slide-desktop);
    opacity: 0;
    transition: opacity 1.2s ease;
}
.va-hero-slide.is-active { opacity: 1; position: relative; }
.va-hero__overlay {
    position: absolute; inset: 0;
    background: var(--va-deep-black);
    opacity: 0.35;
    z-index: 0;
}
.va-hero-sparkles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; }
.va-hero-sparkles span {
    position: absolute;
    bottom: -10px;
    width: 4px; height: 4px;
    background: var(--va-gold-light);
    border-radius: 50%;
    opacity: 0;
    box-shadow: 0 0 6px 1px rgba(228,201,138,0.6);
    animation: va-sparkle-float 7s linear infinite;
}
.va-hero-sparkles span:nth-child(1) { left: 8%;  animation-delay: 0s;   animation-duration: 6.5s; }
.va-hero-sparkles span:nth-child(2) { left: 20%; animation-delay: 1.2s; animation-duration: 8s; }
.va-hero-sparkles span:nth-child(3) { left: 34%; animation-delay: 2.4s; animation-duration: 7.2s; }
.va-hero-sparkles span:nth-child(4) { left: 48%; animation-delay: 0.6s; animation-duration: 9s; }
.va-hero-sparkles span:nth-child(5) { left: 60%; animation-delay: 3s;   animation-duration: 6.8s; }
.va-hero-sparkles span:nth-child(6) { left: 72%; animation-delay: 1.8s; animation-duration: 7.6s; }
.va-hero-sparkles span:nth-child(7) { left: 85%; animation-delay: 2.7s; animation-duration: 8.4s; }
.va-hero-sparkles span:nth-child(8) { left: 94%; animation-delay: 0.9s; animation-duration: 7s; }
@keyframes va-sparkle-float {
    0%   { transform: translateY(0) scale(0.6); opacity: 0; }
    12%  { opacity: 0.85; }
    88%  { opacity: 0.35; }
    100% { transform: translateY(-320px) scale(1); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .va-hero-sparkles { display: none; }
}
.va-hero__content { position: relative; z-index: 2; max-width: 620px; }
.va-hero__content h1 { font-size: 52px; margin: 14px 0 18px; }
.va-hero__content p { font-size: 16px; opacity: 0.9; margin-bottom: 30px; }
.va-hero__actions { display: flex; gap: 16px; flex-wrap: wrap; }
.va-hero-dots { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 3; }
.va-hero-dots button { width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--va-white); background: transparent; cursor: pointer; }
.va-hero-dots button.is-active { background: var(--va-gold); border-color: var(--va-gold); }

/* =========================================================
   SECTIONS / HEADINGS
   ========================================================= */
.va-section { padding: 90px 0; }
.va-section__heading { text-align: center; margin-bottom: 50px; }
.va-section__heading h2 { font-size: 36px; }

/* =========================================================
   COLLECTIONS
   ========================================================= */
.va-collections__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.va-collection-card { position: relative; display: block; overflow: hidden; transition: box-shadow var(--va-transition-fast); }
.va-collection-card:hover { box-shadow: 0 16px 40px rgba(201,162,77,0.35); }
.va-collection-card__media {
    aspect-ratio: 3/4;
    background-size: cover;
    background-position: center;
    background-color: var(--va-cream);
    transition: transform var(--va-transition-slow);
}
.va-collection-card:hover .va-collection-card__media { transform: scale(1.06); }
.va-collection-card__body {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 26px;
    background: linear-gradient(to top, rgba(5,5,5,0.75), transparent);
    color: var(--va-white);
}
.va-collection-card__body h3 { margin-bottom: 6px; }
.va-collection-card__body p { font-size: 13px; opacity: 0.85; margin-bottom: 10px; }
.va-collection-card .va-underline { color: var(--va-gold-light); font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; }

/* =========================================================
   PRODUCT GRID / CARD
   ========================================================= */
.va-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px 24px;
}
.va-product-card { position: relative; transition: transform var(--va-transition-fast); }
.va-product-card:hover { transform: translateY(-6px); }
.va-product-card__media { position: relative; display: block; overflow: hidden; aspect-ratio: 3/4; background: var(--va-cream); }
.va-product-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--va-transition-slow); }
.va-product-card:hover .va-product-card__media img { transform: scale(1.07); }
.va-wishlist-btn {
    position: absolute; top: 14px; right: 14px;
    width: 34px; height: 34px; border-radius: 50%;
    background: rgba(255,255,255,0.9); border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background var(--va-transition-fast);
}
.va-wishlist-btn:hover, .va-wishlist-btn.is-active { background: var(--va-gold); }
.va-wishlist-btn.is-pulsing i { animation: va-heart-pulse 0.55s ease; }
@keyframes va-heart-pulse {
    0%   { transform: scale(1); }
    30%  { transform: scale(1.4); }
    55%  { transform: scale(0.92); }
    100% { transform: scale(1); }
}
.va-product-card__quickview {
    position: absolute; left: 0; right: 0; bottom: 0;
    text-align: center; padding: 12px;
    background: var(--va-black); color: var(--va-white);
    font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px;
    transform: translateY(100%);
    transition: transform var(--va-transition-fast);
}
.va-product-card__media:hover .va-product-card__quickview { transform: translateY(0); }
.va-product-card__body { padding: 14px 2px 6px; text-align: center; }
.va-product-card__body h3 { font-size: 14px; font-weight: 500; margin-bottom: 4px; }
.va-product-card__price { color: var(--va-gold); font-weight: 600; font-size: 14px; }
.va-product-card .va-add-to-cart {
    display: block; text-align: center; margin-top: 8px;
    font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px;
    padding: 10px; border: 1px solid var(--va-black); background: transparent; color: var(--va-black);
    transition: background var(--va-transition-fast), color var(--va-transition-fast);
}
.va-product-card .va-add-to-cart:hover { background: var(--va-black); color: var(--va-white); }
.va-product-card .va-add-to-cart.added,
.va-add-to-cart.added {
    background: var(--va-gold) !important;
    border-color: var(--va-gold) !important;
    color: var(--va-black) !important;
    animation: va-btn-pop 0.4s ease;
}
@keyframes va-btn-pop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* =========================================================
   BRAND STORY
   ========================================================= */
.va-brand-story { background: var(--va-cream); }
.va-brand-story__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.va-brand-story__image img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.va-brand-story__content h2 { font-size: 34px; margin-bottom: 20px; }
.va-brand-story__content p { margin-bottom: 24px; line-height: 1.8; }

/* =========================================================
   PROMO BANNER
   ========================================================= */
.va-promo-banner {
    position: relative;
    min-height: 60vh;
    display: flex; align-items: center; justify-content: center; text-align: center;
    background-size: cover; background-position: center;
    background-color: var(--va-black);
}
.va-promo-banner__overlay { position: absolute; inset: 0; background: rgba(5,5,5,0.5); }
.va-promo-banner__content { position: relative; z-index: 2; color: var(--va-white); max-width: 620px; }
.va-promo-banner__content h2 { font-size: 38px; }
.va-promo-banner__content p { margin-bottom: 28px; }

/* =========================================================
   TESTIMONIALS
   ========================================================= */
.va-testimonials__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.va-testimonial-card {
    background: var(--va-cream);
    padding: 32px;
    text-align: center;
    transition: transform var(--va-transition-fast), box-shadow var(--va-transition-fast);
}
.va-testimonial-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 34px rgba(11,11,11,0.1);
}
.va-testimonial-card__stars { color: var(--va-gold-champagne); margin-bottom: 14px; }
.va-testimonial-card__stars .is-filled { color: var(--va-gold); }
.va-testimonial-card p { font-style: italic; margin-bottom: 16px; }
.va-testimonial-card footer span { display: block; font-size: 12px; opacity: 0.6; }

/* =========================================================
   FOOTER
   ========================================================= */
.va-footer { background: var(--va-black); color: var(--va-white); padding: 80px 0 30px; }
.va-footer__newsletter { text-align: center; max-width: 500px; margin: 0 auto 70px; }
.va-footer__newsletter h3 { color: var(--va-white); font-size: 28px; }
.va-newsletter-form { display: flex; gap: 10px; margin-top: 20px; position: relative; }
.va-newsletter-form input {
    flex: 1; background: transparent; border: 1px solid rgba(255,255,255,0.3);
    color: var(--va-white); padding: 14px 16px;
}
.va-newsletter-message { position: absolute; bottom: -26px; left: 0; font-size: 12px; color: var(--va-gold-light); }
.va-hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.va-footer__columns { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 50px; }
.va-footer__col h4 { text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; margin-bottom: 18px; color: var(--va-gold-light); }
.va-footer__col ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.va-footer__col a { font-size: 14px; opacity: 0.8; }
.va-footer__col a:hover { opacity: 1; color: var(--va-gold); }
.va-footer__social { display: flex; gap: 16px; margin-top: 20px; }
.va-footer__bottom {
    display: flex; justify-content: space-between; align-items: center;
    margin-top: 60px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1);
    font-size: 12px; opacity: 0.6;
}
.va-payment-icons { display: flex; gap: 14px; align-items: center; font-size: 18px; }
.va-cod-badge { font-size: 11px; border: 1px solid rgba(255,255,255,0.3); padding: 4px 8px; }

/* =========================================================
   404
   ========================================================= */
.va-404 { min-height: 70vh; display: flex; align-items: center; }
.va-404__content { text-align: center; }
.va-404__content h1 { font-size: 40px; margin: 12px 0 16px; }

/* =========================================================
   GENERIC CONTENT PAGES
   ========================================================= */
.va-generic-content { padding: 70px 0 100px; }
.va-page__header { text-align: center; margin-bottom: 40px; }
.va-empty-state { text-align: center; padding: 60px 0; }

/* =========================================================
   SOCIAL / INSTAGRAM GALLERY
   ========================================================= */
.va-social-gallery__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; }
.va-social-gallery__item { position: relative; display: block; aspect-ratio: 1/1; overflow: hidden; }
.va-social-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--va-transition-slow); }
.va-social-gallery__item:hover img { transform: scale(1.08); }
.va-social-gallery__icon {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    background: rgba(5,5,5,0.4); color: var(--va-white); font-size: 22px;
    opacity: 0; transition: opacity var(--va-transition-fast);
}
.va-social-gallery__item:hover .va-social-gallery__icon { opacity: 1; }
@media (max-width: 782px) {
    .va-social-gallery__grid { grid-template-columns: repeat(3, 1fr); }
}

/* =========================================================
   WISHLIST PAGE
   ========================================================= */
.va-wishlist-note { text-align: center; margin-top: 30px; font-size: 13px; opacity: 0.7; }

/* =========================================================
   ORDER TRACKING
   ========================================================= */
.va-order-tracking-form { display: grid; gap: 16px; max-width: 460px; margin: 0 auto 40px; }
.va-order-tracking-form input { padding: 14px 16px; border: 1px solid rgba(11,11,11,0.2); background: var(--va-white); }
.va-order-tracking-result { max-width: 460px; margin: 0 auto; }
.va-order-summary { background: var(--va-cream); padding: 28px; }
.va-order-summary__row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(11,11,11,0.08); font-size: 14px; }
.va-order-summary h4 { margin-top: 20px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
.va-order-summary ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: 14px; }

/* =========================================================
   SIZE GUIDE
   ========================================================= */
.va-size-guide .va-page__header p { max-width: 600px; margin: 14px auto 0; }
.va-size-table-wrap { overflow-x: auto; margin: 40px 0; }
.va-size-table { width: 100%; border-collapse: collapse; text-align: center; }
.va-size-table th, .va-size-table td { padding: 14px; border: 1px solid rgba(11,11,11,0.1); }
.va-size-table th { background: var(--va-black); color: var(--va-white); text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
.va-size-guide__notes { max-width: 700px; margin: 0 auto; }
.va-size-guide__notes ul { padding-left: 20px; line-height: 1.9; }

/* =========================================================
   LUXURY LOADING SCREEN
   ========================================================= */
.va-loader {
    position: fixed; inset: 0; z-index: 500;
    background: var(--va-black);
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px;
    transition: opacity 0.6s ease, visibility 0.6s ease;
}
.va-loader__logo { font-family: var(--va-font-serif); color: var(--va-white); letter-spacing: 5px; font-size: 20px; }
.va-loader__line { width: 120px; height: 1px; background: rgba(255,255,255,0.15); position: relative; overflow: hidden; }
.va-loader__line::after {
    content: ""; position: absolute; top: 0; left: -40%; width: 40%; height: 100%;
    background: var(--va-gold); animation: va-loader-sweep 1.1s ease-in-out infinite;
}
@keyframes va-loader-sweep {
    0% { left: -40%; }
    100% { left: 100%; }
}
.va-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
    .va-loader { transition: none; }
    .va-loader__line::after { animation: none; left: 0; width: 100%; }
}

/* =========================================================
   MINI CART DROPDOWN
   ========================================================= */
.va-mini-cart {
    position: absolute; top: 100%; right: 0; width: 340px;
    background: var(--va-white); box-shadow: 0 12px 40px rgba(0,0,0,0.12);
    opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: opacity var(--va-transition-fast), transform var(--va-transition-fast), visibility var(--va-transition-fast);
    z-index: 150; padding: 20px;
}
.va-mini-cart.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
.va-icon-btn.va-cart-icon { position: relative; }
.widget_shopping_cart_content ul.woocommerce-mini-cart { list-style: none; padding: 0; margin: 0 0 16px; display: grid; gap: 14px; max-height: 320px; overflow-y: auto; }
.widget_shopping_cart_content ul.woocommerce-mini-cart li { display: flex; gap: 12px; align-items: center; }
.widget_shopping_cart_content ul.woocommerce-mini-cart img { width: 50px; height: 62px; object-fit: cover; }
.widget_shopping_cart_content .total { font-weight: 600; border-top: 1px solid rgba(11,11,11,0.1); padding-top: 12px; margin-bottom: 14px; }
.widget_shopping_cart_content .woocommerce-mini-cart__buttons { display: grid; gap: 10px; }
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a { display: block; text-align: center; padding: 12px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
.widget_shopping_cart_content .woocommerce-mini-cart__empty-message { text-align: center; padding: 20px 0; }
@media (max-width: 900px) {
    .va-mini-cart { display: none; }
}

/* =========================================================
   WHATSAPP FLOATING BUTTON
   ========================================================= */
.va-whatsapp-float {
    position: fixed; bottom: 26px; right: 26px; z-index: 90;
    width: 56px; height: 56px; border-radius: 50%;
    background: #25D366; color: #fff; font-size: 26px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    transition: transform var(--va-transition-fast);
}
.va-whatsapp-float:hover { transform: scale(1.08); color: #fff; }

/* =========================================================
   QUICK VIEW MODAL
   ========================================================= */
.va-quickview-modal { position: fixed; inset: 0; z-index: 300; display: none; align-items: center; justify-content: center; }
.va-quickview-modal.is-open { display: flex; }
.va-quickview-modal__backdrop { position: absolute; inset: 0; background: rgba(5,5,5,0.6); }
.va-quickview-modal__panel {
    position: relative; background: var(--va-warm-white); max-width: 800px; width: 90%;
    max-height: 85vh; overflow-y: auto; padding: 40px; z-index: 2;
}
.va-quickview-modal__close { position: absolute; top: 16px; right: 20px; background: none; border: none; font-size: 26px; cursor: pointer; }
.va-quickview { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.va-quickview__media img { width: 100%; aspect-ratio: 3/4; object-fit: cover; }
.va-quickview__summary .price { color: var(--va-gold); font-size: 20px; display: block; margin: 10px 0; }
@media (max-width: 600px) {
    .va-quickview { grid-template-columns: 1fr; }
}

/* =========================================================
   FAQ ACCORDION
   ========================================================= */
.va-faq-accordion { max-width: 800px; margin: 0 auto; }
.va-faq-item { border-bottom: 1px solid rgba(11,11,11,0.1); padding: 20px 0; }
.va-faq-item summary {
    cursor: pointer; font-family: var(--va-font-serif); font-size: 18px;
    list-style: none; display: flex; justify-content: space-between; align-items: center;
}
.va-faq-item summary::-webkit-details-marker { display: none; }
.va-faq-item summary::after { content: "+"; font-size: 22px; color: var(--va-gold); transition: transform var(--va-transition-fast); }
.va-faq-item[open] summary::after { content: "\2212"; }
.va-faq-item__answer { padding-top: 14px; line-height: 1.8; opacity: 0.85; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1100px) {
    .va-product-grid { grid-template-columns: repeat(3, 1fr); }
    .va-collections__grid { grid-template-columns: repeat(2, 1fr); }
    .va-testimonials__row { grid-template-columns: 1fr; }
    .va-brand-story__grid { grid-template-columns: 1fr; }
}

@media (max-width: 782px) {
    .va-hamburger { display: flex; }
    .va-nav-left { display: none; }
    .va-header__inner { grid-template-columns: auto 1fr auto; }
    .va-hero-slide, .va-hero { background-image: var(--va-slide-mobile, none); }
    .va-hero__content h1 { font-size: 32px; }
    .va-product-grid { grid-template-columns: repeat(2, 1fr); gap: 18px 14px; }
    .va-collections__grid { grid-template-columns: 1fr; }
    .va-footer__columns { grid-template-columns: 1fr 1fr; }
    .va-newsletter-form { flex-direction: column; }
    .va-footer__bottom { flex-direction: column; gap: 14px; text-align: center; }
}

/* =========================================================
   VAYRON ATELIER — ULTRA LUXURY MOTION SYSTEM
   ========================================================= */
:root { --va-motion-ease: cubic-bezier(.22, .8, .18, 1); }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }

/* Mobile navigation: real nested dropdown/accordion */
.va-mobile-menu nav > ul > li { position: relative; }
.va-mobile-menu li.menu-item-has-children > a {
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 52px);
}
.va-mobile-menu .sub-menu {
    display: grid;
    grid-template-columns: 1fr;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    margin: 0 0 0 8px;
    padding: 0 0 0 16px;
    border-left: 1px solid rgba(201,162,77,.45);
    gap: 10px;
    transition: max-height .55s var(--va-motion-ease), opacity .35s ease, transform .55s var(--va-motion-ease), margin .45s ease, padding .45s ease, visibility 0s linear .55s;
}
.va-mobile-menu li.is-submenu-open > .sub-menu {
    max-height: 900px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin-top: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    transition-delay: 0s;
}
.va-mobile-menu .sub-menu li {
    min-height: 38px;
}
.va-mobile-menu .sub-menu a {
    display: block;
    font-size: 13px;
    letter-spacing: 1.2px;
    line-height: 1.35;
    padding: 8px 0;
}
.va-submenu-toggle {
    position: absolute;
    top: -3px; right: 0;
    width: 42px; height: 42px;
    border: 1px solid rgba(0,0,0,.10);
    border-radius: 50%;
    background: rgba(255,255,255,.35);
    cursor: pointer;
    display: grid; place-items: center;
    transition: transform .35s var(--va-motion-ease), background .3s ease, border-color .3s ease;
}
.va-submenu-toggle span, .va-submenu-toggle span::after {
    content: ''; display: block; width: 11px; height: 1px; background: currentColor; transition: transform .35s ease;
}
.va-submenu-toggle span::after { transform: rotate(90deg); }
.va-mobile-menu li.is-submenu-open > .va-submenu-toggle { transform: rotate(180deg); background: var(--va-gold-light); border-color: rgba(0,0,0,.2); }
.va-mobile-menu li.is-submenu-open > .va-submenu-toggle span::after { transform: rotate(0); }

/* Entrance choreography across the site */
.va-motion-item {
    opacity: 0;
    transform: translate3d(0, 34px, 0) scale(.985);
    transition: opacity .9s var(--va-motion-ease), transform 1s var(--va-motion-ease);
    transition-delay: var(--va-motion-delay, 0ms);
}
.va-motion-visible { opacity: 1; transform: translate3d(0,0,0) scale(1); }

/* Section headings glide into place */
.va-section__heading { position: relative; }
.va-section__heading::after {
    content: ''; display: block; width: 0; height: 1px; margin: 12px auto 0;
    background: currentColor; opacity: .55; transition: width 1s var(--va-motion-ease) .2s;
}
.va-motion-visible .va-section__heading::after, .va-section__heading:hover::after { width: 72px; }

/* Fashion cards: lift, tilt, image drift and soft glow */
.va-product-card, .va-collection-card {
    --va-tilt-x: 0deg; --va-tilt-y: 0deg;
    transform: perspective(1100px) rotateX(var(--va-tilt-y)) rotateY(var(--va-tilt-x));
    transition: transform .65s var(--va-motion-ease), box-shadow .65s ease;
    will-change: transform;
}
.va-product-card:hover, .va-collection-card:hover {
    transform: perspective(1100px) rotateX(var(--va-tilt-y)) rotateY(var(--va-tilt-x)) translateY(-10px);
    box-shadow: 0 22px 50px rgba(0,0,0,.14);
}
.va-product-card__media, .va-collection-card__media { overflow: hidden; }
.va-product-card__media img, .va-collection-card__media img {
    transition: transform 1.1s var(--va-motion-ease), filter .8s ease;
    will-change: transform;
}
.va-product-card:hover .va-product-card__media img, .va-collection-card:hover .va-collection-card__media img {
    transform: scale(1.075);
    filter: saturate(1.06) contrast(1.02);
}

/* Buttons get a refined magnetic sweep */
button, .va-add-to-cart, .va-hero__actions a, .va-promo-banner a { position: relative; overflow: hidden; }
button::after, .va-add-to-cart::after, .va-hero__actions a::after, .va-promo-banner a::after {
    content: ''; position: absolute; inset: 0 auto 0 -120%; width: 70%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.38), transparent);
    transform: skewX(-18deg); transition: left .8s ease; pointer-events: none;
}
button:hover::after, .va-add-to-cart:hover::after, .va-hero__actions a:hover::after, .va-promo-banner a:hover::after { left: 150%; }

/* Hero has a slow cinematic zoom without moving the copy */
.va-hero-slide { animation: va-hero-cinematic 14s ease-in-out infinite alternate; }
@keyframes va-hero-cinematic { from { background-size: 100%; } to { background-size: 108%; } }

/* Subtle ambient motion for the brand story and promo areas */
.va-brand-story__image, .va-promo-banner { overflow: hidden; }
.va-brand-story__image img, .va-promo-banner img { transition: transform 1.4s var(--va-motion-ease); }
.va-brand-story__image:hover img, .va-promo-banner:hover img { transform: scale(1.045); }

/* Inputs and accordion interactions */
input, select, textarea { transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease; }
input:focus, select:focus, textarea:focus { box-shadow: 0 8px 24px rgba(0,0,0,.07); transform: translateY(-1px); }
.va-faq-item { transition: padding .35s ease, background .35s ease; }
.va-faq-item:hover { padding-left: 8px; padding-right: 8px; background: rgba(255,255,255,.28); }

/* Floating social/utility elements */
.va-whatsapp-float { animation: va-float 3.5s ease-in-out infinite; }
@keyframes va-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }

@media (max-width: 782px) {
    .va-mobile-menu { width: min(88vw, 340px); left: -92vw; box-shadow: 18px 0 50px rgba(0,0,0,.12); }
    .va-mobile-menu.is-open { left: 0; }
    .va-mobile-menu ul { gap: 14px; }
    .va-mobile-menu .sub-menu { gap: 10px; }
    .va-product-card:hover, .va-collection-card:hover { transform: none; box-shadow: none; }
    .va-hero-slide { animation-duration: 18s; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .va-motion-item, .va-motion-visible { opacity: 1; transform: none; transition: none; }
    .va-hero-slide, .va-whatsapp-float, .va-header { animation: none; }
    .va-product-card, .va-collection-card { transform: none !important; transition: none; }
}

/* =========================================================
   VAYRON ATELIER — STABLE LUXURY HOMEPAGE
   Single authoritative stylesheet: critical homepage/header CSS
   intentionally lives in style.css so it cannot disappear because a
   secondary asset fails or is cached incorrectly.
   ========================================================= */
:root{
 --va-ink:#090909;--va-ink-2:#11100d;--va-gold:#b89145;--va-gold-2:#d7b76d;
 --va-cream:#f5f0e7;--va-ivory:#fbf8f2;--va-glass:rgba(10,10,10,.48);--va-glass-strong:rgba(7,7,7,.82);
 --va-border:rgba(215,183,109,.34);--va-ease:cubic-bezier(.22,.8,.18,1);
}
html{overflow-x:hidden}body{overflow-x:hidden;background:var(--va-ivory);color:var(--va-ink)}
.va-loader{position:fixed;inset:0;background:#080808;color:#fff;z-index:9999;display:grid;place-items:center;transition:opacity .55s ease,visibility .55s ease}.va-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.va-loader span{font-family:var(--va-font-serif);letter-spacing:6px;font-size:18px}.va-loader i{position:absolute;width:90px;height:1px;background:var(--va-gold-2);bottom:44%;animation:va-load 1.1s ease-in-out infinite}@keyframes va-load{0%,100%{transform:scaleX(.25);opacity:.4}50%{transform:scaleX(1);opacity:1}}

/* Header: transparent over hero, glass after scroll. */
.va-header{position:absolute;top:0;left:0;right:0;z-index:500;background:linear-gradient(180deg,rgba(0,0,0,.44),rgba(0,0,0,.08));border-bottom:1px solid rgba(255,255,255,.16);box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;transition:background .45s ease,box-shadow .45s ease,top .45s ease}
.va-header.is-scrolled{position:fixed;top:0;background:rgba(7,7,7,.82);border-color:var(--va-border);box-shadow:0 14px 50px rgba(0,0,0,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.va-header__inner{height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px}.va-header__left{min-width:0;display:flex;align-items:center}.va-header__logo{text-align:center}.va-logo-text{display:inline-flex;flex-direction:column;align-items:center;font-family:var(--va-font-serif);font-size:25px;line-height:.8;letter-spacing:5px;color:#fff!important}.va-logo-text small{font:500 8px/1 var(--va-font-sans);letter-spacing:5px;margin-top:8px}.va-logo-image{max-height:62px;width:auto;margin:auto}.va-header__right{display:flex;justify-content:flex-end;align-items:center;gap:17px;position:relative}.va-icon-btn{width:34px;height:34px;display:grid;place-items:center;color:#fff!important;background:transparent;border:0;cursor:pointer;font-size:15px;transition:transform .3s ease,color .3s ease}.va-icon-btn:hover{color:var(--va-gold-2)!important;transform:translateY(-2px)}.va-cart-count{position:absolute;top:-2px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:20px;background:var(--va-gold-2);color:#080808;font:700 9px/16px var(--va-font-sans);text-align:center}
.va-primary-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:26px}.va-primary-list>li{position:relative}.va-menu-link{display:flex;align-items:center;gap:7px;color:#fff!important;text-transform:uppercase;font:500 11px/1 var(--va-font-sans);letter-spacing:1.6px;white-space:nowrap;padding:14px 0}.va-menu-chevron{font-size:8px;opacity:.7;transition:transform .3s}.va-primary-list>li:hover>.va-menu-link .va-menu-chevron{transform:rotate(180deg)}
.va-primary-list .sub-menu{position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%,8px);width:680px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:20px;background:rgba(8,8,8,.82);border:1px solid var(--va-border);box-shadow:0 24px 70px rgba(0,0,0,.38);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,transform .38s var(--va-ease),visibility 0s linear .28s;list-style:none;margin:0}.va-primary-list>li:hover>.sub-menu,.va-primary-list>li:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s}.va-primary-list .sub-menu:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--va-gold-2),transparent)}.va-primary-list .sub-menu li{border-right:1px solid rgba(255,255,255,.06)}.va-primary-list .sub-menu li:nth-child(3n){border-right:0}.va-primary-list .sub-menu a{display:block;color:rgba(255,255,255,.86)!important;text-transform:uppercase;font:500 10px/1.35 var(--va-font-sans);letter-spacing:1.5px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.055);transition:background .25s,color .25s,padding .25s}.va-primary-list .sub-menu a:hover{background:rgba(215,183,109,.08);color:var(--va-gold-2)!important;padding-left:20px}
.va-search-panel{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;background:rgba(7,7,7,.94);border-top:1px solid var(--va-border);backdrop-filter:blur(24px);transition:max-height .4s ease}.va-search-panel.is-open{max-height:360px}.va-search-form{padding:24px 0}.va-search-form input{width:100%;padding:14px 0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.25);color:#fff;font:400 24px var(--va-font-serif);outline:0}.va-search-form input::placeholder{color:rgba(255,255,255,.48)}.va-search-suggestions{display:grid;gap:8px}.va-search-suggestions a{display:flex;gap:12px;align-items:center;color:#fff;padding:7px}.va-search-suggestions img{width:42px;height:52px;object-fit:cover}
.va-mini-cart{position:absolute;right:0;top:48px;width:350px;background:rgba(10,10,10,.94);border:1px solid var(--va-border);padding:18px;color:#fff;opacity:0;visibility:hidden;transform:translateY(8px);transition:.3s ease;backdrop-filter:blur(20px)}.va-mini-cart.is-open{opacity:1;visibility:visible;transform:none}

/* Hero */
.va-hero-slider{position:relative;height:100svh;min-height:680px;overflow:hidden;background:#050505}.va-hero-slide{position:absolute!important;inset:0!important;display:flex!important;align-items:center;background-image:var(--va-slide-desktop)!important;background-size:cover!important;background-position:center!important;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease;isolation:isolate}.va-hero-slide.is-active{opacity:1;visibility:visible;z-index:1}.va-hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.28) 50%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 42%);z-index:-1}.va-hero-slide.is-active{animation:va-hero-zoom 10s var(--va-ease) both}@keyframes va-hero-zoom{from{background-size:108%;transform:scale(1.01)}to{background-size:100%;transform:scale(1)}}.va-hero-slide__veil{position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,transparent 0 20%,rgba(0,0,0,.08) 65%,rgba(0,0,0,.25));pointer-events:none}.va-hero__content{position:relative;z-index:2;color:#fff;max-width:820px;padding-top:8vh}.va-hero__content .va-eyebrow{color:var(--va-gold-2);letter-spacing:3px}.va-hero__content h1{font-size:clamp(48px,6vw,92px);line-height:.96;margin:18px 0 24px;max-width:820px;text-shadow:0 10px 35px rgba(0,0,0,.32)}.va-hero__content p{max-width:540px;font-size:clamp(15px,1.3vw,18px);line-height:1.75;color:rgba(255,255,255,.88);margin:0 0 30px}.va-btn--glass{background:rgba(6,6,6,.35)!important;color:#fff!important;border:1px solid rgba(215,183,109,.75)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.va-btn--glass:hover{background:var(--va-gold)!important;color:#080808!important}.va-hero-controls{position:absolute;z-index:5;left:40px;right:40px;bottom:30px;display:flex;align-items:center;justify-content:space-between}.va-hero-controls>button{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.22);color:#fff;border-radius:50%;backdrop-filter:blur(10px);cursor:pointer}.va-hero-dots{display:flex;gap:8px;align-items:center}.va-hero-dots button{width:30px;height:2px;border:0;background:rgba(255,255,255,.35);padding:0;cursor:pointer;transition:width .4s ease,background .4s ease}.va-hero-dots button.is-active{width:70px;background:var(--va-gold-2)}

/* Category slider: immediately after hero */
.va-category-strip{position:relative;background:var(--va-ivory);padding:72px 0 84px;overflow:hidden}.va-category-strip:before{content:"";position:absolute;left:-10%;right:-10%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--va-gold),transparent)}.va-category-head,.va-rail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.va-category-head h2,.va-rail-head h2{font-size:clamp(34px,4vw,56px);line-height:1;margin:8px 0 0}.va-text-link{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;border-bottom:1px solid var(--va-gold);padding-bottom:7px;white-space:nowrap}.va-category-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 3px 20px;scrollbar-width:none}.va-category-track::-webkit-scrollbar,.va-product-rail::-webkit-scrollbar{display:none}.va-category-card{position:relative;height:350px;overflow:hidden;scroll-snap-align:start;background-image:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8)),var(--va-cat-image);background-size:cover;background-position:center;display:flex;align-items:flex-end;border:1px solid rgba(176,141,60,.22);box-shadow:0 12px 34px rgba(0,0,0,.08);transition:transform .65s var(--va-ease),box-shadow .65s ease}.va-category-card:nth-child(even){transform:translateY(18px)}.va-category-card:hover{transform:translateY(-8px)!important;box-shadow:0 26px 60px rgba(0,0,0,.22)}.va-category-card__number{position:absolute;top:16px;left:16px;color:rgba(255,255,255,.72);font:500 10px var(--va-font-sans);letter-spacing:2px}.va-category-card__shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-130%);transition:transform .9s ease}.va-category-card:hover .va-category-card__shine{transform:translateX(130%)}.va-category-card__copy{position:relative;padding:24px;color:#fff}.va-category-card__copy small{display:block;color:var(--va-gold-2);font-size:9px;letter-spacing:2.5px}.va-category-card__copy strong{display:block;font:500 29px var(--va-font-serif);margin:5px 0 12px}.va-category-card__copy em{font:normal 10px var(--va-font-sans);text-transform:uppercase;letter-spacing:1.7px}

/* Editorial collection cards */
.va-editorial-collections{padding:105px 0;background:#090909;color:#fff}.va-section-intro{max-width:700px;margin-bottom:38px}.va-section-intro h2{font-size:clamp(38px,4.7vw,64px);line-height:1;margin:10px 0 14px}.va-section-intro p{color:rgba(255,255,255,.6);margin:0}.va-editorial-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.va-editorial-card{position:relative;min-height:540px;overflow:hidden;background-image:var(--va-card-image);background-size:cover;background-position:center;display:flex;align-items:flex-end;border:1px solid rgba(215,183,109,.2);transition:transform .6s var(--va-ease)}.va-editorial-card:nth-child(2){margin-top:44px}.va-editorial-card:hover{transform:translateY(-8px)}.va-editorial-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.88))}.va-editorial-card__index{position:absolute;top:18px;right:18px;color:rgba(255,255,255,.6);font-size:10px;letter-spacing:2px}.va-editorial-card__copy{position:relative;padding:30px}.va-editorial-card__copy small{color:var(--va-gold-2);letter-spacing:2px}.va-editorial-card__copy h3{font-size:39px;margin:7px 0}.va-editorial-card__copy p{color:rgba(255,255,255,.72);max-width:300px}.va-editorial-card__copy b{font:500 10px var(--va-font-sans);text-transform:uppercase;letter-spacing:1.7px}

.va-split-story{display:grid;grid-template-columns:1.12fr .88fr;min-height:620px;background:var(--va-ink);color:#fff}.va-split-story__image{background-image:var(--va-story-image);background-size:cover;background-position:center;min-height:620px}.va-split-story__content{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(35px,7vw,110px)}.va-split-story__content h2{font-size:clamp(42px,5vw,72px);line-height:.95;margin:15px 0 25px}.va-split-story__content p{max-width:460px;color:rgba(255,255,255,.68);line-height:1.9;margin-bottom:30px}

/* Product rails */
.va-product-rail-section{padding:100px 0;background:var(--va-ivory)}.va-product-rail-section:nth-of-type(even){background:#f0eadf}.va-product-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 18px;scrollbar-width:none}.va-home-product{scroll-snap-align:start;min-width:0}.va-home-product__media{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#e8e1d5;border:1px solid rgba(176,141,60,.15)}.va-home-product__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--va-ease)}.va-home-product:hover .va-home-product__media img{transform:scale(1.045)}.va-product-glass-label{position:absolute;left:14px;top:14px;padding:6px 9px;background:rgba(0,0,0,.46);border:1px solid rgba(215,183,109,.35);color:#fff;font:500 8px var(--va-font-sans);letter-spacing:2px;backdrop-filter:blur(8px)}.va-home-product__meta{padding:14px 2px}.va-home-product__meta h3{font-size:17px;margin:0 0 4px}.va-home-product__meta>span{color:var(--va-gold);font-size:13px}.va-home-product__quick{position:absolute;bottom:0;left:0;right:0;background:rgba(7,7,7,.78);color:#fff;text-align:center;padding:12px;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;transform:translateY(100%);transition:transform .35s ease;backdrop-filter:blur(12px)}.va-home-product:hover .va-home-product__quick{transform:none}.va-wishlist-btn{z-index:2}

.va-occasion-banner{position:relative;min-height:570px;display:flex;align-items:center;background-image:var(--va-occasion-image);background-size:cover;background-position:center;color:#fff;overflow:hidden}.va-occasion-banner__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35),rgba(0,0,0,.2))}.va-occasion-banner>.va-container{position:relative;z-index:2}.va-occasion-banner h2{font-size:clamp(42px,5vw,72px);line-height:.95;margin:16px 0}.va-occasion-banner h2 i{color:var(--va-gold-2);font-style:normal}.va-occasion-banner p{color:rgba(255,255,255,.72);margin-bottom:28px}
.va-home-story{background:#0a0a09;color:#fff;padding:105px 0}.va-home-story>.va-container{display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:center}.va-home-story__copy h2{font-size:clamp(42px,5vw,72px);line-height:.95;margin:15px 0 25px}.va-home-story__copy p{max-width:650px;color:rgba(255,255,255,.67);line-height:1.9}.va-home-story__seal{width:280px;height:280px;border:1px solid rgba(215,183,109,.4);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,rgba(215,183,109,.08),transparent 68%);box-shadow:inset 0 0 60px rgba(215,183,109,.05)}.va-home-story__seal span{font:500 34px var(--va-font-serif);letter-spacing:5px}.va-home-story__seal small{font-size:9px;letter-spacing:5px}.va-home-story__seal i{position:absolute;bottom:35px;color:var(--va-gold-2);font-style:normal}

/* Mobile menu: never depends on JS-generated buttons. */
.va-hamburger{display:none;background:transparent;border:0;width:42px;height:42px;padding:8px;cursor:pointer}.va-hamburger span{display:block;height:1px;background:#fff;margin:5px 0;width:23px}.va-mobile-menu{position:fixed;top:0;left:0;bottom:0;width:min(88vw,390px);background:rgba(8,8,8,.97);color:#fff;z-index:1000;padding:24px;overflow-y:auto;transform:translateX(-105%);transition:transform .5s var(--va-ease);box-shadow:20px 0 70px rgba(0,0,0,.35);backdrop-filter:blur(24px)}.va-mobile-menu.is-open{transform:none}.va-mobile-menu__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid rgba(215,183,109,.25);margin-bottom:18px}.va-mobile-menu__brand{font:500 20px var(--va-font-serif);letter-spacing:3px}.va-mobile-menu__brand small{display:block;font:500 7px var(--va-font-sans);letter-spacing:4px;text-align:center;margin-top:6px}.va-mobile-menu__close{background:none;border:0;color:#fff;font-size:32px;cursor:pointer}.va-primary-list--mobile{display:block}.va-primary-list--mobile>li{border-bottom:1px solid rgba(255,255,255,.08)}.va-primary-list--mobile .va-menu-link{font-size:12px;padding:17px 45px 17px 0}.va-primary-list--mobile .va-menu-chevron{display:none}.va-primary-list--mobile .va-submenu-toggle{position:absolute;right:0;top:6px;width:40px;height:40px;border:1px solid rgba(215,183,109,.25);background:rgba(255,255,255,.03);border-radius:50%;display:grid;place-items:center;color:#fff;z-index:3}.va-primary-list--mobile .va-submenu-toggle span,.va-primary-list--mobile .va-submenu-toggle span:after{content:"";display:block;width:11px;height:1px;background:currentColor;transition:transform .3s ease}.va-primary-list--mobile .va-submenu-toggle span:after{transform:rotate(90deg)}.va-primary-list--mobile>li.is-open>.va-submenu-toggle{color:var(--va-gold-2)}.va-primary-list--mobile>li.is-open>.va-submenu-toggle span:after{transform:rotate(0)}.va-primary-list--mobile .sub-menu{position:static;width:auto;display:block;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:none;padding:0 0 0 15px;margin:0;border-left:1px solid rgba(215,183,109,.4);background:transparent;box-shadow:none;backdrop-filter:none}.va-primary-list--mobile>li.is-open>.sub-menu{max-height:700px;opacity:1;visibility:visible;padding-bottom:10px}.va-primary-list--mobile .sub-menu li{border:0}.va-primary-list--mobile .sub-menu a{font-size:10px;padding:11px 5px;color:rgba(255,255,255,.72)!important;border:0}.va-mobile-menu__utility{display:flex;gap:22px;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.va-mobile-menu__utility a{text-transform:uppercase;font-size:9px;letter-spacing:1.7px;color:var(--va-gold-2)}.va-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:999;opacity:0;visibility:hidden;transition:.35s ease}.va-mobile-overlay.is-open{opacity:1;visibility:visible}

@media(max-width:1100px){.va-primary-list{gap:16px}.va-menu-link{font-size:10px;letter-spacing:1.2px}.va-header__inner{gap:16px}.va-category-track{grid-auto-columns:230px}.va-product-rail{grid-auto-columns:230px}}
@media(max-width:782px){
 .va-container{padding-left:18px;padding-right:18px}.va-header{top:0}.va-header__inner{height:72px;grid-template-columns:48px 1fr 48px;padding:0 14px}.va-desktop-nav{display:none}.va-hamburger{display:block}.va-header__right{gap:0}.va-desktop-only{display:none}.va-icon-btn{width:40px;height:40px}.va-header__logo .va-logo-text{font-size:20px;letter-spacing:3px}.va-logo-image{max-height:50px}.va-mini-cart{display:none}
 .va-hero-slider{height:88svh;min-height:600px}.va-hero-slide{background-image:var(--va-slide-mobile)!important;background-position:center!important}.va-hero__content{padding-top:75px}.va-hero__content h1{font-size:clamp(40px,12vw,58px);max-width:95%}.va-hero__content p{font-size:14px;max-width:90%;line-height:1.65}.va-hero-controls{left:18px;right:18px;bottom:18px}.va-hero-controls>button{width:36px;height:36px}.va-hero-dots button{width:18px}.va-hero-dots button.is-active{width:48px}
 .va-category-strip{padding:58px 0 68px}.va-category-head,.va-rail-head{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:22px}.va-category-head h2,.va-rail-head h2{font-size:38px}.va-category-track{grid-auto-columns:74vw;gap:10px;padding-right:18vw}.va-category-card{height:390px}.va-category-card:nth-child(even){transform:translateY(0)}
 .va-editorial-collections{padding:75px 0}.va-editorial-grid{grid-template-columns:1fr;gap:10px}.va-editorial-card,.va-editorial-card:nth-child(2){min-height:440px;margin:0}.va-editorial-card__copy h3{font-size:34px}
 .va-split-story{grid-template-columns:1fr}.va-split-story__image{min-height:470px}.va-split-story__content{padding:58px 24px}.va-split-story__content h2{font-size:48px}
 .va-product-rail-section{padding:72px 0}.va-product-rail{grid-auto-columns:72vw;gap:12px}.va-home-product__quick{display:none}
 .va-occasion-banner{min-height:520px}.va-occasion-banner h2{font-size:46px;max-width:90%}.va-home-story{padding:75px 0}.va-home-story>.va-container{grid-template-columns:1fr;gap:40px}.va-home-story__seal{width:220px;height:220px;margin:auto}.va-home-story__seal span{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.va-hero-slide.is-active,.va-category-card,.va-editorial-card{animation:none;transition:none}.va-loader i{animation:none}.va-primary-list .sub-menu{transition:none}}

/* =========================================================
   VAYRON ATELIER — 2.1 HEADER / NAVIGATION REFINEMENT
   Purpose: clean 4-item luxury navigation with a gold animated accent,
   centered logo, glass mega-menu, and touch-first mobile drawer.
   ========================================================= */
.va-header{
    position:absolute!important; top:0; left:0; right:0; width:100%;
    background:linear-gradient(180deg,rgba(5,5,5,.66) 0%,rgba(5,5,5,.30) 58%,rgba(5,5,5,0) 100%)!important;
    border-bottom:1px solid rgba(215,183,109,.18)!important;
    box-shadow:none!important;
    backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);
    overflow:visible!important;
}
.va-header::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent 0%,rgba(215,183,109,.15) 15%,#8a6d1f 30%,#f1d58e 50%,#8a6d1f 70%,rgba(215,183,109,.15) 85%,transparent 100%);
    background-size:220% 100%;animation:va-gold-header-flow 7s linear infinite;
    pointer-events:none;
}
.va-header::after{
    content:"";position:absolute;left:5%;right:5%;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,#b89145 20%,#f0d48c 50%,#b89145 80%,transparent);
    background-size:35% 100%;background-repeat:no-repeat;background-position:-35% 0;
    animation:va-gold-header-line 5.5s ease-in-out infinite;opacity:.9;pointer-events:none;
}
@keyframes va-gold-header-flow{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes va-gold-header-line{0%,15%{background-position:-35% 0;opacity:.25}55%{background-position:100% 0;opacity:1}100%{background-position:135% 0;opacity:.25}}
.va-header__inner{
    position:relative!important;height:92px!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:24px!important;padding-left:clamp(24px,4vw,64px)!important;padding-right:clamp(24px,4vw,64px)!important;
}
.va-header__left{display:flex!important;align-items:center!important;flex:1 1 42%!important;min-width:0!important;}
.va-header__logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:max-content!important;z-index:3!important;}
.va-header__logo a{display:flex;align-items:center;justify-content:center;}
.va-logo-image{max-height:66px!important;width:auto!important;filter:drop-shadow(0 3px 14px rgba(0,0,0,.38));}
.va-logo-text{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.55);}
.va-desktop-nav{display:block!important;width:100%!important;}
.va-primary-list{display:flex!important;align-items:center!important;gap:clamp(22px,2.8vw,44px)!important;list-style:none!important;margin:0!important;padding:0!important;}
.va-primary-list>li{position:relative!important;}
.va-menu-link{
    position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;
    color:rgba(255,255,255,.92)!important;text-transform:uppercase!important;
    font:600 11px/1 var(--va-font-sans)!important;letter-spacing:2px!important;padding:18px 0!important;
    white-space:nowrap!important;text-decoration:none!important;
}
.va-menu-link::after{
    content:"";position:absolute;left:0;right:0;bottom:9px;height:1px;
    transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,transparent,#b89145,#f1d58e,#b89145,transparent);
    transition:transform .45s var(--va-ease);box-shadow:0 0 10px rgba(215,183,109,.45);
}
.va-menu-link:hover::after,.va-primary-list>li:focus-within>.va-menu-link::after{transform:scaleX(1);}
.va-menu-link:hover{color:#f0d48c!important;text-shadow:0 0 12px rgba(215,183,109,.18);}
.va-menu-chevron{font-size:8px!important;opacity:.7!important;transition:transform .35s ease!important;}
.va-primary-list>li:hover>.va-menu-link .va-menu-chevron,.va-primary-list>li:focus-within>.va-menu-link .va-menu-chevron{transform:rotate(180deg);color:#e4c98a;}
.va-primary-list .sub-menu{
    position:absolute!important;top:calc(100% - 1px)!important;left:50%!important;transform:translate(-50%,12px)!important;
    width:min(610px,calc(100vw - 40px))!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;padding:12px!important;margin:0!important;list-style:none!important;
    background:linear-gradient(145deg,rgba(12,12,12,.88),rgba(26,22,15,.76))!important;
    border:1px solid rgba(215,183,109,.38)!important;border-radius:2px!important;
    box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;
    backdrop-filter:blur(26px) saturate(140%)!important;-webkit-backdrop-filter:blur(26px) saturate(140%)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:opacity .25s ease,transform .4s var(--va-ease),visibility 0s linear .25s!important;z-index:999!important;
}
.va-primary-list .sub-menu::before{content:"";position:absolute!important;top:0;left:14%;right:14%;height:1px!important;background:linear-gradient(90deg,transparent,#f0d48c,transparent)!important;}
.va-primary-list>li:hover>.sub-menu,.va-primary-list>li:focus-within>.sub-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important;transition-delay:0s!important;
}
.va-primary-list .sub-menu li{border:0!important;min-width:0!important;}
.va-primary-list .sub-menu a{
    display:flex!important;align-items:center!important;min-height:64px!important;padding:14px 18px!important;
    color:rgba(255,255,255,.88)!important;text-transform:uppercase!important;
    font:500 10px/1.35 var(--va-font-sans)!important;letter-spacing:1.65px!important;
    border:1px solid transparent!important;transition:all .35s var(--va-ease)!important;
}
.va-primary-list .sub-menu a::before{content:"✦";color:#b89145;font-size:9px;margin-right:10px;transition:transform .3s ease,color .3s ease;}
.va-primary-list .sub-menu a:hover{background:rgba(215,183,109,.08)!important;border-color:rgba(215,183,109,.16)!important;color:#f0d48c!important;padding-left:23px!important;}
.va-primary-list .sub-menu a:hover::before{color:#f0d48c;transform:rotate(90deg);}
.va-submenu-toggle{display:none!important;}
.va-header__right{flex:1 1 42%!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;position:relative!important;}
.va-icon-btn{width:38px!important;height:38px!important;color:rgba(255,255,255,.94)!important;border:0!important;background:transparent!important;}
.va-icon-btn:hover{color:#f0d48c!important;filter:drop-shadow(0 0 9px rgba(215,183,109,.45));transform:translateY(-2px)!important;}
.va-cart-count{background:#d7b76d!important;color:#090909!important;}
.va-hamburger{display:none!important;}
.va-header.is-scrolled{position:fixed!important;background:rgba(7,7,7,.84)!important;border-bottom:1px solid rgba(215,183,109,.34)!important;box-shadow:0 14px 50px rgba(0,0,0,.30)!important;backdrop-filter:blur(24px) saturate(140%)!important;-webkit-backdrop-filter:blur(24px) saturate(140%)!important;}
.va-header.is-scrolled .va-header__inner{height:76px!important;}

/* Mobile: same four-item sequence; only All Collections expands. */
@media(max-width:782px){
    .va-header__inner{height:72px!important;grid-template-columns:none!important;display:grid!important;grid-template-columns:46px 1fr 46px!important;padding:0 14px!important;gap:0!important;}
    .va-header__left{display:flex!important;flex:0 0 auto!important;}
    .va-desktop-nav{display:none!important;}
    .va-hamburger{display:flex!important;width:42px!important;height:42px!important;padding:8px!important;align-items:center!important;justify-content:center!important;}
    .va-hamburger span{display:block!important;width:23px!important;height:1px!important;background:#fff!important;margin:4px 0!important;transition:transform .3s ease,opacity .3s ease;}
    .va-header__logo{position:absolute!important;left:50%!important;}
    .va-logo-image{max-height:48px!important;max-width:150px!important;}
    .va-logo-text{font-size:19px!important;letter-spacing:3px!important;}
    .va-logo-text small{font-size:6px!important;letter-spacing:3px!important;margin-top:6px!important;}
    .va-header__right{flex:0 0 auto!important;gap:0!important;}
    .va-header__right .va-desktop-only{display:none!important;}
    .va-icon-btn{width:42px!important;height:42px!important;font-size:16px!important;}
    .va-primary-list--mobile{display:block!important;}
    .va-primary-list--mobile>li{border-bottom:1px solid rgba(215,183,109,.15)!important;position:relative!important;}
    .va-primary-list--mobile .va-menu-link{font-size:12px!important;letter-spacing:2.1px!important;padding:19px 52px 19px 2px!important;}
    .va-primary-list--mobile .va-menu-link::after{display:none!important;}
    .va-primary-list--mobile .va-menu-chevron{display:none!important;}
    .va-primary-list--mobile .va-submenu-toggle{display:grid!important;position:absolute!important;right:0!important;top:8px!important;width:42px!important;height:42px!important;border:1px solid rgba(215,183,109,.28)!important;border-radius:50%!important;background:rgba(215,183,109,.04)!important;color:#d7b76d!important;place-items:center!important;z-index:4!important;}
    .va-primary-list--mobile .va-submenu-toggle span,.va-primary-list--mobile .va-submenu-toggle span::after{display:block!important;width:12px!important;height:1px!important;background:currentColor!important;content:""!important;transition:transform .3s ease!important;}
    .va-primary-list--mobile .va-submenu-toggle span::after{transform:rotate(90deg)!important;}
    .va-primary-list--mobile>li.is-open>.va-submenu-toggle span::after{transform:rotate(0)!important;}
    .va-primary-list--mobile .sub-menu{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;display:block!important;max-height:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;padding:0 0 0 14px!important;margin:0 0 0 2px!important;background:transparent!important;border:0!important;border-left:1px solid rgba(215,183,109,.35)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:max-height .45s var(--va-ease),opacity .3s ease,visibility 0s linear .45s!important;}
    .va-primary-list--mobile>li.is-open>.sub-menu{max-height:420px!important;opacity:1!important;visibility:visible!important;padding-bottom:9px!important;transition-delay:0s!important;}
    .va-primary-list--mobile .sub-menu li{border:0!important;}
    .va-primary-list--mobile .sub-menu a{min-height:0!important;padding:12px 8px!important;font-size:10px!important;letter-spacing:1.5px!important;border:0!important;color:rgba(255,255,255,.72)!important;}
    .va-primary-list--mobile .sub-menu a::before{font-size:8px!important;margin-right:9px!important;}
    .va-primary-list--mobile .sub-menu a:hover{padding-left:12px!important;background:rgba(215,183,109,.06)!important;border:0!important;}
    .va-mobile-menu{width:min(88vw,370px)!important;background:linear-gradient(160deg,rgba(8,8,8,.98),rgba(22,18,12,.97))!important;border-right:1px solid rgba(215,183,109,.32)!important;padding:22px 22px 30px!important;}
    .va-mobile-menu__top{padding-bottom:20px!important;margin-bottom:10px!important;border-bottom:1px solid rgba(215,183,109,.24)!important;}
    .va-mobile-menu__brand{color:#fff!important;}
    .va-mobile-menu__close{color:#d7b76d!important;}
    .va-mobile-menu__utility{border-top:1px solid rgba(215,183,109,.16)!important;}
}
@media(prefers-reduced-motion:reduce){
    .va-header::before,.va-header::after{animation:none!important}.va-menu-link::after{transition:none!important}.va-primary-list .sub-menu{transition:none!important}
}


/* =========================================================
   VAYRON ATELIER — COMPLETE GOLD GLASS HEADER 2.2
   Structural override: targets the actual navigation classes
   rendered by header.php and prevents clipped/hidden header UI.
   ========================================================= */
:root { --va-header-desktop-height: 96px; --va-header-mobile-height: 76px; }

.va-header {
    position: sticky !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    min-height: var(--va-header-desktop-height);
    z-index: 10000 !important;
    background: rgba(7,7,7,.78) !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(201,162,77,.32) !important;
    box-shadow: 0 8px 34px rgba(0,0,0,.20);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    overflow: visible !important;
    isolation: isolate;
}
.va-header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 0%, rgba(201,162,77,.08) 28%, rgba(255,231,165,.18) 50%, rgba(201,162,77,.08) 72%, transparent 100%);
    background-size: 220% 100%;
    animation: va-gold-header-glow 8s ease-in-out infinite;
    z-index: -1;
}
.va-header::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #8a6d1f 12%, #f0d58f 50%, #8a6d1f 88%, transparent);
    background-size: 200% 100%;
    animation: va-gold-line 5s linear infinite;
}
@keyframes va-gold-header-glow { 0%,100%{background-position:0 50%;} 50%{background-position:100% 50%;} }
@keyframes va-gold-line { from{background-position:-100% 0;} to{background-position:200% 0;} }

.va-header__inner {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
    align-items: center !important;
    min-height: var(--va-header-desktop-height) !important;
    height: var(--va-header-desktop-height) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}
.va-header.is-scrolled .va-header__inner {
    height: 82px !important;
    min-height: 82px !important;
}
.va-header__left, .va-header__right, .va-header__logo { min-width: 0; position: relative; z-index: 2; }
.va-header__left { display:flex; align-items:center; justify-content:flex-start; gap:0; }
.va-header__logo { display:flex; align-items:center; justify-content:center; height:100%; }
.va-header__logo > a { display:flex; align-items:center; justify-content:center; height:100%; }
.va-logo-image { max-height: 72px !important; width:auto !important; max-width:190px; object-fit:contain; }
.va-logo-text { color:#f1d68f !important; font-size:28px; line-height:1; }
.va-logo-text small { display:block; font-size:8px; letter-spacing:4px; text-align:center; margin-top:5px; }

/* Actual desktop navigation classes */
.va-desktop-nav { display:block !important; width:100%; }
.va-desktop-nav .va-primary-list {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap: clamp(22px, 2.4vw, 42px) !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}
.va-desktop-nav .va-primary-list > li { position:relative; list-style:none; margin:0; padding:0; }
.va-desktop-nav .va-menu-link {
    position:relative;
    display:inline-flex !important;
    align-items:center;
    gap:8px;
    min-height:48px;
    color:#fff !important;
    font-family:var(--va-font-sans);
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:2px !important;
    text-transform:uppercase;
    white-space:nowrap;
}
.va-desktop-nav .va-menu-link::after {
    content:"";
    position:absolute;
    left:0; bottom:5px;
    width:0; height:1px;
    background:linear-gradient(90deg,#9a771e,#f2d995);
    transition:width .35s ease;
}
.va-desktop-nav .va-menu-item:hover > .va-menu-link::after,
.va-desktop-nav .va-menu-item:focus-within > .va-menu-link::after { width:100%; }
.va-desktop-nav .va-menu-chevron { color:#d8b96a; font-size:9px; transition:transform .3s ease; }
.va-desktop-nav .va-menu-item:hover > .va-menu-link .va-menu-chevron { transform:rotate(180deg); }

/* Clean glass mega menu */
.va-desktop-nav .va-menu-item > .sub-menu {
    position:absolute !important;
    top:calc(100% + 1px) !important;
    left:50% !important;
    transform:translate(-50%,-10px) !important;
    width:360px !important;
    min-width:360px !important;
    margin:0 !important;
    padding:18px !important;
    display:grid !important;
    gap:4px !important;
    list-style:none !important;
    background:rgba(10,10,10,.90) !important;
    border:1px solid rgba(201,162,77,.42) !important;
    border-top:2px solid #c9a24d !important;
    box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.06) !important;
    backdrop-filter:blur(22px) saturate(135%) !important;
    -webkit-backdrop-filter:blur(22px) saturate(135%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .28s ease, transform .35s cubic-bezier(.2,.8,.2,1), visibility .28s ease !important;
    z-index:10050 !important;
}
.va-desktop-nav .va-menu-item:hover > .sub-menu,
.va-desktop-nav .va-menu-item:focus-within > .sub-menu {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,0) !important;
}
.va-desktop-nav .sub-menu::before { content:"THE COLLECTIONS"; display:block; padding:2px 12px 12px; color:#c9a24d; font-size:9px; letter-spacing:3px; }
.va-desktop-nav .sub-menu li { width:100% !important; }
.va-desktop-nav .sub-menu a {
    display:flex !important; align-items:center; justify-content:space-between;
    width:100%; padding:14px 12px !important;
    color:#fff !important; font-family:var(--va-font-serif); font-size:18px !important; letter-spacing:.4px !important;
    white-space:nowrap; border:1px solid transparent; transition:all .25s ease;
}
.va-desktop-nav .sub-menu a::after { content:"↗"; color:#c9a24d; font-family:var(--va-font-sans); font-size:13px; opacity:.55; transition:transform .25s ease,opacity .25s ease; }
.va-desktop-nav .sub-menu a:hover { background:rgba(201,162,77,.09) !important; border-color:rgba(201,162,77,.2); padding-left:18px !important; }
.va-desktop-nav .sub-menu a:hover::after { opacity:1; transform:translate(3px,-2px); }
.va-submenu-toggle { display:none !important; }

.va-header__right { gap:18px !important; justify-content:flex-end; }
.va-header .va-icon-btn { color:#fff !important; width:34px; height:42px; display:inline-flex; align-items:center; justify-content:center; }
.va-header .va-icon-btn:hover { color:#f0d58f !important; filter:drop-shadow(0 0 7px rgba(201,162,77,.55)); }
.va-header .va-cart-count { background:#c9a24d !important; color:#090909 !important; }
.va-header .va-hamburger { color:#fff; }
.va-header .va-hamburger span { background:#f0d58f !important; }

/* Keep search below the complete header, never over the nav */
.va-header .va-search-panel { position:absolute; left:0; right:0; top:100%; z-index:10040; background:rgba(8,8,8,.96) !important; border-top:1px solid rgba(201,162,77,.25); backdrop-filter:blur(20px); }
.va-header .va-search-form input { color:#fff; border-color:rgba(201,162,77,.45); }
.va-header .va-search-form input::placeholder { color:rgba(255,255,255,.55); }

/* WordPress admin bar safety */
body.admin-bar .va-header { top:32px !important; }

@media (max-width: 1100px) and (min-width: 783px) {
    .va-header__inner { padding-left:24px !important; padding-right:24px !important; }
    .va-desktop-nav .va-primary-list { gap:18px !important; }
    .va-desktop-nav .va-menu-link { font-size:11px !important; letter-spacing:1.5px !important; }
    .va-header__right { gap:10px !important; }
}

@media (max-width: 782px) {
    :root { --va-header-mobile-height:76px; }
    .va-header { min-height:var(--va-header-mobile-height) !important; }
    .va-header__inner { height:var(--va-header-mobile-height) !important; min-height:var(--va-header-mobile-height) !important; grid-template-columns:44px 1fr auto !important; padding:0 18px !important; }
    .va-header.is-scrolled .va-header__inner { height:68px !important; min-height:68px !important; }
    .va-desktop-nav { display:none !important; }
    .va-hamburger { display:flex !important; width:34px; height:40px; justify-content:center; padding:0; gap:5px; }
    .va-hamburger span { width:24px !important; height:1px !important; }
    .va-logo-image { max-height:58px !important; max-width:145px; }
    .va-logo-text { font-size:20px; letter-spacing:3px; }
    .va-header__right { gap:5px !important; }
    .va-header .va-icon-btn { width:36px; height:42px; font-size:16px; }
    .va-header .va-desktop-only { display:none !important; }
    .va-header .va-search-panel { position:absolute; top:100%; }
    body.admin-bar .va-header { top:46px !important; }

    .va-mobile-menu {
        z-index:11000 !important;
        top:0 !important;
        height:100dvh !important;
        background:rgba(8,8,8,.97) !important;
        color:#fff !important;
        border-right:1px solid rgba(201,162,77,.35);
        backdrop-filter:blur(22px);
        -webkit-backdrop-filter:blur(22px);
        padding:26px 24px !important;
    }
    .va-mobile-menu__brand { color:#e8cc87 !important; letter-spacing:3px; }
    .va-mobile-menu__close { color:#e8cc87 !important; }
    .va-mobile-menu a { color:#fff !important; }
    .va-mobile-menu .va-primary-list--mobile { display:grid !important; gap:0 !important; }
    .va-mobile-menu .va-primary-list--mobile > li { border-bottom:1px solid rgba(201,162,77,.18); }
    .va-mobile-menu .va-menu-link { display:flex !important; align-items:center; justify-content:space-between; min-height:58px; padding:0 !important; font-size:14px; letter-spacing:2px; }
    .va-mobile-menu .va-submenu-toggle { display:flex !important; position:absolute; right:0; top:0; width:58px; height:58px; align-items:center; justify-content:center; background:none; border:0; color:#d8b96a; z-index:2; }
    .va-mobile-menu .va-submenu-toggle span::before, .va-mobile-menu .va-submenu-toggle span::after { content:""; position:absolute; width:14px; height:1px; background:#d8b96a; }
    .va-mobile-menu .va-submenu-toggle span::after { transform:rotate(90deg); transition:transform .25s ease; }
    .va-mobile-menu .menu-item-has-children.is-open > .va-submenu-toggle span::after { transform:rotate(0); }
    .va-mobile-menu .sub-menu { display:none !important; margin:0 0 12px !important; padding:6px 0 6px 18px !important; border-left:1px solid rgba(201,162,77,.45); gap:0 !important; }
    .va-mobile-menu .menu-item-has-children.is-open > .sub-menu { display:grid !important; }
    .va-mobile-menu .sub-menu a { min-height:46px; display:flex !important; align-items:center; font-family:var(--va-font-serif); font-size:16px !important; letter-spacing:.3px !important; text-transform:none !important; color:#e9dfc9 !important; }
    .va-mobile-menu .sub-menu a::before { content:"✦"; color:#c9a24d; font-size:8px; margin-right:12px; }
    .va-mobile-menu__utility { border-top:1px solid rgba(201,162,77,.2); margin-top:24px; padding-top:20px; }
    .va-mobile-menu__utility a { margin-right:20px; font-size:11px; letter-spacing:1.5px; color:#c9a24d !important; }
}

@media (prefers-reduced-motion: reduce) {
    .va-header::before, .va-header::after { animation:none !important; }
}


/* =========================================================
   VAYRON ATELIER — COMPLETE GOLD GLASS HEADER 2.3
   Final authoritative header layer. This block intentionally sits
   last so earlier experimental header rules cannot override it.
   ========================================================= */
:root{
  --va-h-desktop:92px;
  --va-h-mobile:74px;
  --va-gold-bright:#f2d58a;
  --va-gold-deep:#8b681e;
}

/* Header sits over the hero and becomes solid glass after scrolling. */
body.admin-bar .va-header{top:32px!important;}
.va-header{
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  width:100%!important;
  min-height:var(--va-h-desktop)!important;
  height:auto!important;
  z-index:10000!important;
  overflow:visible!important;
  background:linear-gradient(180deg,rgba(5,5,5,.62),rgba(5,5,5,.20))!important;
  border:0!important;
  border-bottom:1px solid rgba(242,213,138,.22)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(12px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(125%)!important;
  isolation:isolate;
}
.va-header::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 0%,rgba(242,213,138,.04) 32%,rgba(242,213,138,.16) 50%,rgba(242,213,138,.04) 68%,transparent 100%);
  background-size:220% 100%;animation:va-header-gold-glow 8s ease-in-out infinite;
}
.va-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,var(--va-gold-deep) 18%,var(--va-gold-bright) 50%,var(--va-gold-deep) 82%,transparent 100%);
  background-size:220% 100%;animation:va-header-gold-line 4.8s linear infinite;
  box-shadow:0 0 12px rgba(242,213,138,.30);
}
@keyframes va-header-gold-glow{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes va-header-gold-line{from{background-position:-110% 0}to{background-position:210% 0}}

.va-header__inner{
  position:relative!important;
  width:100%!important;
  min-height:var(--va-h-desktop)!important;
  height:var(--va-h-desktop)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:24px!important;
  padding:0 clamp(24px,4vw,64px)!important;
  margin:0 auto!important;
  overflow:visible!important;
}
.va-header__left,.va-header__logo,.va-header__right{min-width:0!important;position:relative!important;z-index:5!important;}
.va-header__left{display:flex!important;align-items:center!important;justify-content:flex-start!important;}
.va-header__logo{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;}
.va-header__logo>a{height:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.va-logo-image{display:block!important;width:auto!important;max-width:180px!important;max-height:68px!important;object-fit:contain!important;filter:drop-shadow(0 3px 16px rgba(0,0,0,.42));}
.va-logo-text{color:#f4d995!important;text-shadow:0 2px 14px rgba(0,0,0,.55);white-space:nowrap!important;}

/* Desktop navigation: exactly HOME / SHOP / ALL COLLECTIONS / ABOUT. */
.va-desktop-nav{display:block!important;width:100%!important;min-width:0!important;}
.va-desktop-nav .va-primary-list{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:clamp(18px,2.35vw,38px)!important;margin:0!important;padding:0!important;list-style:none!important;
}
.va-desktop-nav .va-primary-list>li{position:relative!important;list-style:none!important;margin:0!important;padding:0!important;}
.va-desktop-nav .va-menu-link{
  position:relative!important;display:inline-flex!important;align-items:center!important;gap:7px!important;
  min-height:52px!important;padding:18px 0!important;color:rgba(255,255,255,.94)!important;
  font:600 11px/1 var(--va-font-sans)!important;letter-spacing:1.8px!important;text-transform:uppercase!important;
  white-space:nowrap!important;text-decoration:none!important;
}
.va-desktop-nav .va-menu-link::after{
  content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:10px!important;height:1px!important;width:auto!important;
  background:linear-gradient(90deg,transparent,#9a751f,#f2d58a,#9a751f,transparent)!important;
  transform:scaleX(0)!important;transform-origin:center!important;transition:transform .42s cubic-bezier(.22,.8,.18,1)!important;
  box-shadow:0 0 8px rgba(242,213,138,.4)!important;
}
.va-desktop-nav .va-menu-item:hover>.va-menu-link::after,
.va-desktop-nav .va-menu-item:focus-within>.va-menu-link::after{transform:scaleX(1)!important;}
.va-desktop-nav .va-menu-link:hover{color:var(--va-gold-bright)!important;text-shadow:0 0 12px rgba(242,213,138,.18)!important;}
.va-desktop-nav .va-menu-chevron{font-size:8px!important;color:var(--va-gold-bright)!important;opacity:.8!important;transition:transform .3s ease!important;}
.va-desktop-nav .va-menu-item:hover>.va-menu-link .va-menu-chevron,
.va-desktop-nav .va-menu-item:focus-within>.va-menu-link .va-menu-chevron{transform:rotate(180deg)!important;}

/* Desktop collection menu: one clean ordered column, no collisions. */
.va-desktop-nav .va-primary-list>li.menu-item-has-children>.sub-menu{
  position:absolute!important;top:calc(100% - 1px)!important;left:0!important;right:auto!important;
  width:360px!important;min-width:360px!important;max-width:calc(100vw - 32px)!important;
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;
  margin:0!important;padding:16px!important;list-style:none!important;
  background:linear-gradient(145deg,rgba(7,7,7,.94),rgba(25,21,14,.88))!important;
  border:1px solid rgba(215,183,109,.38)!important;border-top:1px solid rgba(242,213,138,.72)!important;
  border-radius:0 0 8px 8px!important;box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)!important;
  backdrop-filter:blur(26px) saturate(140%)!important;-webkit-backdrop-filter:blur(26px) saturate(140%)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)!important;
  transition:opacity .25s ease,transform .35s cubic-bezier(.22,.8,.18,1),visibility 0s linear .25s!important;
  z-index:10050!important;
}
.va-desktop-nav .va-primary-list>li.menu-item-has-children:hover>.sub-menu,
.va-desktop-nav .va-primary-list>li.menu-item-has-children:focus-within>.sub-menu{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;transition-delay:0s!important;
}
.va-desktop-nav .sub-menu::before{content:"ALL COLLECTIONS"!important;display:block!important;padding:2px 10px 12px!important;color:var(--va-gold-bright)!important;font:600 9px/1 var(--va-font-sans)!important;letter-spacing:3px!important;}
.va-desktop-nav .sub-menu li{display:block!important;width:100%!important;border:0!important;margin:0!important;padding:0!important;}
.va-desktop-nav .sub-menu a{
  display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:54px!important;
  padding:12px 10px!important;color:rgba(255,255,255,.88)!important;border:1px solid transparent!important;border-bottom-color:rgba(255,255,255,.06)!important;
  font:500 14px/1.25 var(--va-font-serif)!important;letter-spacing:.4px!important;text-transform:none!important;white-space:normal!important;
  transition:background .25s ease,color .25s ease,padding-left .25s ease,border-color .25s ease!important;
}
.va-desktop-nav .sub-menu li:last-child a{border-bottom:0!important;}
.va-desktop-nav .sub-menu a::before{content:"✦"!important;color:var(--va-gold)!important;font:normal 9px/1 var(--va-font-sans)!important;margin-right:11px!important;}
.va-desktop-nav .sub-menu a::after{content:"↗"!important;margin-left:auto!important;color:var(--va-gold-bright)!important;font:400 12px/1 var(--va-font-sans)!important;opacity:.6!important;transition:transform .25s ease,opacity .25s ease!important;}
.va-desktop-nav .sub-menu a:hover{background:rgba(215,183,109,.08)!important;border-color:rgba(215,183,109,.14)!important;color:var(--va-gold-bright)!important;padding-left:16px!important;}
.va-desktop-nav .sub-menu a:hover::after{opacity:1!important;transform:translate(3px,-2px)!important;}

/* Right utility icons remain in their own column and can never sit over logo. */
.va-header__right{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;position:relative!important;
}
.va-header .va-icon-btn{
  flex:0 0 38px!important;width:38px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;color:rgba(255,255,255,.94)!important;background:transparent!important;border:0!important;
  font-size:15px!important;position:relative!important;z-index:6!important;
}
.va-header .va-icon-btn:hover{color:var(--va-gold-bright)!important;transform:translateY(-2px)!important;filter:drop-shadow(0 0 8px rgba(215,183,109,.5))!important;}
.va-header .va-cart-count{top:0!important;right:0!important;background:var(--va-gold-bright)!important;color:#080808!important;}
.va-header .va-hamburger{display:none!important;}

/* Search and mini-cart always open below the full header. */
.va-header .va-search-panel{top:100%!important;z-index:10040!important;background:rgba(7,7,7,.96)!important;border-top:1px solid rgba(215,183,109,.28)!important;}
.va-header .va-search-form input{color:#fff!important;border-color:rgba(215,183,109,.42)!important;}
.va-header .va-search-form input::placeholder{color:rgba(255,255,255,.5)!important;}
.va-header .va-mini-cart{top:calc(100% + 8px)!important;z-index:10045!important;}

/* Scrolled state remains transparent glass, not a layout-changing header. */
.va-header.is-scrolled{position:fixed!important;top:0!important;background:rgba(7,7,7,.86)!important;border-bottom-color:rgba(215,183,109,.36)!important;box-shadow:0 14px 50px rgba(0,0,0,.34)!important;}
.va-header.is-scrolled .va-header__inner{height:78px!important;min-height:78px!important;}
.va-header.is-scrolled .va-logo-image{max-height:58px!important;}

/* Mobile: fixed three-zone layout prevents icons from touching the logo. */
@media(max-width:782px){
  body.admin-bar .va-header{top:46px!important;}
  .va-header{position:absolute!important;top:0!important;min-height:var(--va-h-mobile)!important;background:linear-gradient(180deg,rgba(5,5,5,.70),rgba(5,5,5,.24))!important;}
  .va-header.is-scrolled{position:fixed!important;top:0!important;background:rgba(7,7,7,.91)!important;}
  .va-header__inner{
    width:100%!important;height:var(--va-h-mobile)!important;min-height:var(--va-h-mobile)!important;
    display:grid!important;grid-template-columns:48px minmax(0,1fr) 88px!important;gap:0!important;padding:0 12px!important;
  }
  .va-header.is-scrolled .va-header__inner{height:68px!important;min-height:68px!important;}
  .va-header__left{width:48px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;}
  .va-desktop-nav{display:none!important;}
  .va-hamburger{
    display:flex!important;flex:0 0 42px!important;width:42px!important;height:42px!important;padding:8px!important;margin:0!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;background:transparent!important;border:0!important;
  }
  .va-hamburger span{display:block!important;width:23px!important;height:1px!important;margin:0!important;background:var(--va-gold-bright)!important;}
  .va-header__logo{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:100%!important;
    min-width:0!important;padding:0 8px!important;overflow:hidden!important;
  }
  .va-header__logo>a{width:100%!important;min-width:0!important;height:100%!important;}
  .va-logo-image{width:auto!important;max-width:128px!important;max-height:50px!important;height:auto!important;}
  .va-logo-text{font-size:18px!important;letter-spacing:3px!important;line-height:1!important;max-width:100%!important;}
  .va-logo-text small{font-size:6px!important;letter-spacing:3px!important;margin-top:5px!important;}
  .va-header__right{
    width:88px!important;min-width:88px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;
  }
  .va-header .va-icon-btn{flex:0 0 42px!important;width:42px!important;height:42px!important;font-size:16px!important;}
  .va-header__right .va-desktop-only{display:none!important;}
  .va-header .va-cart-count{top:2px!important;right:2px!important;}

  /* Mobile drawer is a real vertical flow: no absolute submenu items and no overlap. */
  .va-mobile-menu{
    position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(88vw,370px)!important;height:100dvh!important;
    z-index:11000!important;padding:22px 22px 32px!important;overflow-x:hidden!important;overflow-y:auto!important;
    transform:translateX(-105%)!important;transition:transform .45s cubic-bezier(.22,.8,.18,1)!important;
    background:linear-gradient(160deg,rgba(8,8,8,.985),rgba(25,20,12,.97))!important;color:#fff!important;
    border-right:1px solid rgba(215,183,109,.35)!important;box-shadow:20px 0 70px rgba(0,0,0,.45)!important;
    backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;
  }
  .va-mobile-menu.is-open{transform:translateX(0)!important;}
  .va-mobile-menu__top{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:54px!important;padding:0 0 18px!important;margin:0 0 8px!important;border-bottom:1px solid rgba(215,183,109,.24)!important;}
  .va-mobile-menu__brand{color:#f2d58a!important;font:500 18px/1 var(--va-font-serif)!important;letter-spacing:4px!important;}
  .va-mobile-menu__brand small{display:block!important;margin-top:6px!important;font:500 6px/1 var(--va-font-sans)!important;letter-spacing:3px!important;text-align:center!important;}
  .va-mobile-menu__close{width:42px!important;height:42px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;color:#f2d58a!important;font-size:30px!important;line-height:1!important;}
  .va-mobile-menu nav,.va-mobile-menu nav>ul{display:block!important;width:100%!important;margin:0!important;padding:0!important;}
  .va-primary-list--mobile{display:block!important;list-style:none!important;}
  .va-primary-list--mobile>li{
    position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;border-bottom:1px solid rgba(215,183,109,.15)!important;
    opacity:1!important;transform:none!important;transition:none!important;
  }
  .va-primary-list--mobile>li>a.va-menu-link{
    display:flex!important;align-items:center!important;width:100%!important;min-height:58px!important;padding:18px 54px 18px 2px!important;
    color:#fff!important;font:600 12px/1 var(--va-font-sans)!important;letter-spacing:2px!important;text-transform:uppercase!important;
  }
  .va-primary-list--mobile .va-menu-chevron{display:none!important;}
  .va-primary-list--mobile .va-submenu-toggle{
    display:grid!important;position:absolute!important;right:0!important;top:8px!important;width:42px!important;height:42px!important;
    place-items:center!important;padding:0!important;border:1px solid rgba(215,183,109,.30)!important;border-radius:50%!important;
    background:rgba(215,183,109,.04)!important;color:#f2d58a!important;z-index:10!important;
  }
  .va-primary-list--mobile .va-submenu-toggle span,
  .va-primary-list--mobile .va-submenu-toggle span::after{display:block!important;width:12px!important;height:1px!important;background:currentColor!important;content:""!important;}
  .va-primary-list--mobile .va-submenu-toggle span::after{transform:rotate(90deg)!important;transition:transform .25s ease!important;}
  .va-primary-list--mobile>li.is-open>.va-submenu-toggle span::after{transform:rotate(0)!important;}
  .va-primary-list--mobile>li.is-open>.va-submenu-toggle{background:rgba(215,183,109,.10)!important;}

  .va-primary-list--mobile .sub-menu{
    position:static!important;display:block!important;width:100%!important;max-height:0!important;overflow:hidden!important;
    margin:0!important;padding:0 0 0 16px!important;border:0!important;border-left:1px solid rgba(215,183,109,.40)!important;
    background:transparent!important;box-shadow:none!important;transform:none!important;opacity:0!important;visibility:hidden!important;
    list-style:none!important;transition:max-height .4s ease,opacity .25s ease,visibility 0s linear .4s!important;
  }
  .va-primary-list--mobile>li.is-open>.sub-menu{max-height:360px!important;opacity:1!important;visibility:visible!important;padding-bottom:10px!important;transition-delay:0s!important;}
  .va-primary-list--mobile .sub-menu li{
    position:static!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
    border:0!important;opacity:1!important;transform:none!important;transition:none!important;
  }
  .va-primary-list--mobile .sub-menu a{
    position:static!important;display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important;height:auto!important;
    padding:11px 8px!important;margin:0!important;color:rgba(255,255,255,.78)!important;background:transparent!important;border:0!important;
    font:500 15px/1.25 var(--va-font-serif)!important;letter-spacing:.3px!important;text-transform:none!important;white-space:normal!important;
  }
  .va-primary-list--mobile .sub-menu a::before{content:"✦"!important;color:var(--va-gold)!important;font:normal 8px/1 var(--va-font-sans)!important;margin-right:11px!important;}
  .va-primary-list--mobile .sub-menu a:hover{padding-left:12px!important;color:var(--va-gold-bright)!important;background:rgba(215,183,109,.06)!important;}
  .va-mobile-menu__utility{display:flex!important;gap:20px!important;margin-top:24px!important;padding-top:20px!important;border-top:1px solid rgba(215,183,109,.18)!important;}
  .va-mobile-menu__utility a{color:var(--va-gold-bright)!important;font-size:10px!important;letter-spacing:1.5px!important;}
  .va-mobile-overlay{z-index:10990!important;}
}

@media(max-width:380px){
  .va-header__inner{grid-template-columns:44px minmax(0,1fr) 84px!important;padding:0 8px!important;}
  .va-header__right{width:84px!important;min-width:84px!important;}
  .va-header .va-icon-btn{flex-basis:40px!important;width:40px!important;}
  .va-logo-image{max-width:116px!important;}
  .va-logo-text{font-size:16px!important;letter-spacing:2.5px!important;}
}

@media(max-width:782px) and (prefers-reduced-motion:reduce){
  .va-header::before,.va-header::after{animation:none!important;}
  .va-mobile-menu{transition:none!important;}
  .va-primary-list--mobile .sub-menu{transition:none!important;}
}