/* Add custom CSS styles below */ 
/* ================================
   KARAN PERFUME — PREMIUM HEADER
   ================================ */

/* Header background */
header,
.s-header,
.store-header {
    background: #080808 !important;
    border-bottom: 1px solid rgba(190, 145, 55, 0.35) !important;
}

/* Reduce excessive header height */
header {
    min-height: 72px !important;
}

/* Header links */
header a {
    color: #ffffff !important;
    transition: all 0.25s ease;
}

/* Gold hover effect */
header a:hover {
    color: #c89b3c !important;
}

/* Logo */
header img {
    max-height: 62px !important;
    width: auto !important;
    object-fit: contain;
}

/* Header icons */
header svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* Icon hover */
header button:hover svg,
header a:hover svg {
    color: #c89b3c !important;
    stroke: #c89b3c !important;
}

/* Cart counter */
header [class*="badge"],
header [class*="count"] {
    background: #c89b3c !important;
    color: #080808 !important;
}

/* Navigation */
header nav {
    background: #080808 !important;
}

/* Navigation links */
header nav a {
    font-weight: 500 !important;
    letter-spacing: 0.2px;
}

/* Active navigation item */
header nav a.active,
header nav a:hover {
    color: #c89b3c !important;
}

/* Mobile header */
@media (max-width: 768px) {

    header {
        min-height: 64px !important;
        padding: 6px 12px !important;
    }

    header img {
        max-height: 52px !important;
    }

    header svg {
        width: 22px !important;
        height: 22px !important;
    }

    header a,
    header button {
        margin: 0 3px !important;
    }
}