/* ─── HEADER ─── */
    header { background: var(--ivory); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 1000; }
    .header-inner { display: flex; align-items: center; justify-content: space-between; padding: 13px 36px; max-width: 1320px; margin: 0 auto; }
    .brand { display: flex; align-items: center; gap: 13px; text-decoration: none; cursor: pointer; }
    .brand-logo { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 1.5px solid var(--gold); }
    .brand-text { line-height: 1.25; }
    .brand-name { font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; font-weight: 600; color: var(--ink); letter-spacing: 0.03em; display: block; }
    .brand-sub  { font-size: 0.6rem; font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); }

    .header-actions { display: flex; align-items: center; gap: 10px; }
    .btn-give-hdr { background: var(--gold); color: var(--white); border: none; font-family: 'Jost', sans-serif; font-weight: 500; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; padding: 9px 22px; border-radius: 2px; cursor: pointer; transition: background 0.2s; }
    .btn-give-hdr:hover { background: var(--gold-lt); }
    .btn-profile-hdr { background: transparent; color: var(--forest); border: 1px solid var(--forest); font-family: 'Jost', sans-serif; font-weight: 500; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; padding: 9px 16px; border-radius: 2px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 6px; }
    .btn-profile-hdr:hover { background: var(--forest); color: white; }

    
/* ─── NAVBAR ─── */
    .sitenav { background: var(--forest); border-bottom: 1px solid rgba(255,255,255,0.06); }
    .sitenav-inner { max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 36px; }
    .sitenav-links { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 0; }
    .sitenav-links li a { display: block; padding: 13px 15px; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.65) !important; text-decoration: none; cursor: pointer; border-bottom: 2px solid transparent; transition: color 0.2s, border-color 0.2s; }
    .sitenav-links li a:hover { color: var(--gold-lt) !important; border-bottom-color: var(--gold); }
    .cart-badge-nav { background: var(--gold); color: var(--ink); font-size: 0.6rem; font-weight: 700; padding: 1px 5px; border-radius: 10px; margin-left: 4px; }

    
/* ─── FOOTER ─── */
    footer { background: var(--forest); color: rgba(255,255,255,0.45); text-align: center; padding: 28px; font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 80px; }
    footer span { color: var(--gold-lt); }

    
/* ─── LIVE BANNER ─── */
    #liveBanner { display: none; background: var(--forest); color: rgba(255,255,255,0.9); text-align: center; padding: 12px; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.1); }
    #liveBanner:hover { background: var(--ink); }
    .live-dot { width: 7px; height: 7px; background: #ff4444; border-radius: 50%; display: inline-block; margin-right: 8px; animation: blink 1.2s infinite; }
    @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }

    
/* ─── CAROUSEL ─── */
    .carousel-control-prev-icon, .carousel-control-next-icon { background-color: var(--gold); border-radius: 50%; padding: 18px; }