/* ============================= */
/* FONTS & ROOT VARIABLES */
/* ============================= */
:root {
    --red: #A0001E;
    --white: #FFFFFF;
    --charcoal: #1A1A1A;
    --yellow: #FACC15;
    --blue: #1D4ED8;
}

body {
    font-family: 'Young Serif', serif;
    background-color: var(--white);
    color: var(--charcoal);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* Google Fonts */
.pacifico-regular { font-family: "Pacifico", cursive; font-weight: 400; font-style: normal; }
.sacramento-regular { font-family: "Sacramento", cursive; font-weight: 400; font-style: normal; }
.serif { font-family: 'Young Serif', serif; }
.cursive { font-family: 'Sacramento', cursive; font-size: 3rem; color: var(--red); line-height: 0.8; }

/* ============================= */
/* COLORS */
/* ============================= */
.text-red { color: var(--red); }
.bg-red { background-color: var(--red); }
.border-red { border-color: var(--red); }
.text-blue { color: var(--blue); }
.text-yellow { color: var(--yellow); }

/* ============================= */
/* NAVIGATION */
/* ============================= */
.nav-fixed {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(10px);
    position: fixed; top: 0; width: 100%; z-index: 4000;
}
.nav-link {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    cursor: pointer;
    transition: color 0.3s ease;
}
.nav-link:hover { color: var(--red); }

/* ============================= */
/* BUTTONS */
/* ============================= */
.btn-editorial {
    border: 2px solid var(--red);
    color: var(--red);
    padding: 1rem 2.5rem;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.2em;
    transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    cursor: pointer;
    position: relative; overflow: hidden;
}
.btn-editorial:hover {
    background: var(--red);
    color: var(--white);
    transform: scale(1.05);
}

/* ============================= */
/* LAYOUT / PAGES */
/* ============================= */
/* ============================= */
/* LAYOUT / PAGES */
/* ============================= */
.page-view {
    min-height: 100vh;
    padding-top: 0; /* Removed top padding */
    padding-bottom: 10rem;
}

/* ============================= */
/* NAVIGATION FIX */
/* ============================= */
.nav-fixed {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(10px);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4000;
    padding-top: 0;      /* Remove top padding */
    padding-bottom: 0;   /* Optional: remove bottom padding */
}

/* If buttons or nav items had extra spacing */
.nav-fixed .nav-link,
.nav-fixed .mobile-nav-link {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1; /* ensures compact spacing */
}
.section-padding { padding: 120px 0; }
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease-out;
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* ============================= */
/* SPLASH & GLOSS EFFECTS */
/* ============================= */
.glossy-red {
    color: var(--red);
    text-shadow: 0 0 10px rgba(160,0,30,0.2);
    position: relative;
    overflow: hidden;
}
.glossy-red::after {
    content: '';
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: linear-gradient(45deg, transparent 45%, rgba(255,255,255,0.3) 50%, transparent 55%);
    animation: shine 4s infinite;
}
@keyframes shine { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }

/* ============================= */
/* OVERLAYS / MODALS */
/* ============================= */
.overlay {
    position: fixed;
    inset: 0;
    background: var(--white);
    z-index: 9000;
    transform: translateY(100%);
    transition: 0.8s cubic-bezier(0.8,0,0.2,1);
    overflow-y: auto;
    padding: 2rem;
}
.overlay.active { transform: translateY(0); }

/* ============================= */
/* CARDS / GALLERY */
/* ============================= */
.fashion-card { position: relative; overflow: hidden; transition: 0.5s; }
.fashion-card img { transition: 1.2s cubic-bezier(0.19,1,0.22,1); }
.fashion-card:hover img { transform: scale(1.1); filter: grayscale(1) brightness(0.6); }
.fashion-card:hover { border: 4px solid var(--red); }

/* ============================= */
/* LINKS / LIPSTICK EFFECT */
.lipstick-line { position: relative; }
.lipstick-line::after {
    content: '';
    position: absolute; bottom: -5px; left: 0; width: 0; height: 3px;
    background: var(--red); transition: 0.6s;
}
.lipstick-line:hover::after { width: 100%; }

/* ============================= */
/* MOBILE NAVIGATION */
.mobile-nav-link {
    font-family: 'Young Serif', serif;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: var(--red);
    transition: opacity 0.3s ease;
}
.mobile-nav-link:hover { opacity: 0.6; }