/* ===== NYKARO Premium Header & Hero ===== */
/* Header */
header.site-header {
background-color: #1F1F1F; /* Dark charcoal */
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 40px;
z-index: 1000;
}
header.site-header .site-logo a {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 30px;
color: #FFD700; /* Gold logo */
text-decoration: none;
}
header.site-header nav li a {
color: #FFFFFF;
font-family: 'Lato', sans-serif;
font-weight: 500;
margin: 0 15px;
transition: color 0.3s ease;
}
header.site-header nav li a:hover {
color: #FFD700; /* Gold hover */
}
header.site-header .cart-icon {
color: #FFD700;
font-size: 22px;
transition: color 0.3s ease;
}
header.site-header .cart-icon:hover {
color: #FF4500; /* Orange hover */
}
/* Collection Hero Section */
.collection-hero {
text-align: center;
padding: 120px 20px;
background: linear-gradient(to bottom, rgba(31,31,31,0.8), rgba(0,0,0,0.6)), url('https://via.placeholder.com/1600x600.png?text=NYKARO+Premium') center/cover no-repeat;
color: #FFFFFF;
}
.collection-hero__title {
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 1.2;
color: #FFD700;
margin-bottom: 20px;
}
.collection-hero__description {
font-family: 'Lato', sans-serif;
font-size: 20px;
max-width: 750px;
margin: 0 auto 40px auto;
color: #FFFFFF;
}
/* CTA Button */
.collection-hero__cta {
background-color: #FF4500;
color: #FFFFFF;
padding: 18px 50px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 20px;
border-radius: 10px;
text-decoration: none;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.collection-hero__cta:hover {
background-color: #FF3300 !important;
transform: scale(1.05);
}
/* Responsive */
@media screen and (max-width: 749px) {
.collection-hero {
padding: 80px 15px;
}
.collection-hero__title {
font-size: 36px;
}
.collection-hero__description {
font-size: 16px;
}
.collection-hero__cta {
padding: 15px 30px;
font-size: 16px;
}
}