/* Basic */
body { margin: 0; font-family: Poppins, sans-serif; }
.container { width: 90%; margin: auto; }


/* Top Store Names */
.header-top { text-align: center; padding: 15px 0; background: #222; color: #fff; }
.store-large { font-size: 38px; font-weight: 700; letter-spacing: 1px; }
.store-small { font-size: 18px; opacity: 0.8; margin-top: 5px; }


/* Main Header */
.site-header { border-bottom: 2px solid #ddd; background: #f9f9f9; }
.header-main { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; }


.brand a { text-decoration: none; font-size: 24px; font-weight: 700; color: #111; }
.brand .highlight { color: #e60023; }


/* Desktop Navigation */
.nav-desktop { display: flex; gap: 25px; }
.nav-desktop a { text-decoration: none; color: #333; font-size: 17px; font-weight: 500; transition: 0.3s; }
.nav-desktop a:hover { color: #e60023; }


/* Cart Icon */
.icon-btn { font-size: 22px; background: none; border: none; cursor: pointer; }
#cartCount { background: #e60023; color: #fff; padding: 3px 7px; border-radius: 50%; font-size: 12px; }


/* Mobile */
.nav-toggle { display: none; font-size: 30px; background: none; border: none; cursor: pointer; }


.nav-mobile { display: none; flex-direction: column; padding: 15px; background: #fff; border-top: 1px solid #ccc; }
.nav-mobile a { padding: 10px 0; font-size: 18px; text-decoration: none; color: #333; border-bottom: 1px solid #eee; }


.mobile-auth { margin-top: 15px; display: flex; justify-content: space-between; }
.mobile-auth a { padding: 10px 15px; background: #e60023; color: #fff; border-radius: 5px; text-decoration: none; }


/* Responsive */
@media(max-width: 768px) {
.nav-desktop { display: none; }
.nav-toggle { display: block; }
}