@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root{
--bg:#14081F;
--bg2:#221133;
--gold:#D4AF37;
--gold-light:#E8C76A;
--text:#F7F2E9;
}

body{
background:linear-gradient(180deg,var(--bg),var(--bg2));
font-family:'Montserrat',sans-serif;
color:var(--text);
margin:0;
}

.site-header{
position:sticky;
top:0;
z-index:999;
background:rgba(20,8,31,.94);
backdrop-filter:blur(12px);
border-bottom:1px solid rgba(212,175,55,.3);
}

.header-container{
max-width:1400px;
width:92%;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
min-height:100px;
}

.site-branding{display:flex;align-items:center;gap:20px;}
.custom-logo{max-height:85px;width:auto;}
.site-name{display:flex;flex-direction:column;}
.site-title{font-family:'Great Vibes',cursive;font-size:46px;color:var(--gold);text-decoration:none;white-space:nowrap;}
.site-tagline{margin-top:6px;color:var(--gold-light);font-size:13px;letter-spacing:2px;text-transform:uppercase;}
.header-menu{border-top:1px solid rgba(212,175,55,.15);}
.main-navigation{max-width:1400px;margin:auto;width:92%;}
.main-menu{display:flex;justify-content:center;gap:45px;list-style:none;margin:0;padding:18px 0;}
.main-menu a{color:var(--gold);text-decoration:none;font-weight:600;}
.main-menu a:hover{color:white;}
.header-icons{display:flex;gap:18px;align-items:center;}
.header-icon,.cart-icon{font-size:24px;color:var(--gold);text-decoration:none;position:relative;}
.cart-count{position:absolute;top:-8px;right:-10px;background:var(--gold);color:#14081F;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:bold;}
@media(max-width:900px){
.header-container{flex-direction:column;padding:20px 0;}
.main-menu{flex-wrap:wrap;gap:20px;}
.site-title{font-size:34px;}
}