.header{z-index:1000;box-shadow:var(--shadow-sm);background:#fff;position:sticky;top:0}.header--scrolled{box-shadow:var(--shadow-md)}.header__topbar{background:var(--color-primary-dark);color:#fff;padding:6px 0;font-size:13px}.header__topbar-inner{justify-content:space-between;align-items:center;display:flex}.header__topbar-left{gap:20px;display:flex}.header__topbar-left a,.header__topbar-right a{color:#ffffffe6;transition:color var(--transition-fast);align-items:center;gap:6px;display:flex}.header__topbar-left a:hover,.header__topbar-right a:hover{color:var(--color-accent-light)}.header__topbar-right{gap:12px;display:flex}.header__topbar-right a{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.header__topbar-right a:hover{background:var(--color-accent)}.header__main{border-bottom:1px solid var(--color-border-light);padding:12px 0}.header__main-inner{align-items:center;gap:24px;display:flex}.header__logo{flex-shrink:0}.header__logo h1{color:var(--color-primary);margin:0;font-size:1.4rem;line-height:1.2}.header__logo h1 span{color:var(--color-accent)}.header__logo p{color:var(--color-text-secondary);margin:0;font-size:11px;font-style:italic}.header__search{flex:1;max-width:500px;position:relative}.header__search input{border:2px solid var(--color-primary-light);border-radius:var(--radius-full);background:var(--color-bg);width:100%;padding:10px 45px 10px 16px;font-size:14px}.header__search input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #4a8c5c1a}.header__search button{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.header__search button:hover{background:var(--color-primary-dark)}.header__search-dropdown{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;background:#fff;animation:.2s fadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.search-result-item{transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 16px;display:flex}.search-result-item:hover{background:var(--color-bg)}.search-result-item img{object-fit:cover;border-radius:var(--radius-sm);width:45px;height:45px}.search-result-name{color:var(--color-text);font-size:13px;font-weight:500}.search-result-price{color:var(--color-sale);font-size:13px;font-weight:600}.search-view-all{text-align:center;color:var(--color-primary);border-top:1px solid var(--color-border-light);padding:10px;font-size:13px;font-weight:600;display:block}.header__actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.header__cart{color:var(--color-text);padding:8px;font-size:22px;position:relative}.header__cart:hover{color:var(--color-primary)}.header__cart-badge{background:var(--color-sale);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;right:0}.header__mobile-toggle{color:var(--color-text);padding:8px;font-size:24px;display:none}.header__nav{background:var(--color-primary)}.header__nav-list{align-items:center;display:flex}.header__nav-list>li>a,.header__nav-list>li>span{color:#fff;text-transform:uppercase;letter-spacing:.5px;transition:background var(--transition-fast);cursor:pointer;align-items:center;gap:4px;padding:12px 18px;font-size:14px;font-weight:500;display:flex}.header__nav-list>li>a:hover,.header__nav-list>li>span:hover{color:#fff;background:#ffffff26}.header__nav-dropdown{position:relative}.header__mega-menu{border-radius:0 0 var(--radius-md) var(--radius-md);min-width:250px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:100;background:#fff;position:absolute;top:100%;left:0;transform:translateY(5px)}.header__nav-dropdown:hover .header__mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.header__mega-menu a{color:var(--color-text);border-bottom:1px solid var(--color-border-light);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 18px;font-size:14px;display:flex}.header__mega-menu a:last-child{border-bottom:none}.header__mega-menu a:hover{background:var(--color-primary-bg);color:var(--color-primary);padding-left:22px}.mega-menu-count{background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-light);padding:2px 8px;font-size:12px}@media (max-width:768px){.header__topbar-left{display:none}.header__topbar-right{margin-left:auto}.header__search{display:none}.header__mobile-toggle{display:block}.header__logo h1{font-size:1.1rem}.header__nav{display:none}.header__nav--open{display:block}.header__nav-list{flex-direction:column;align-items:stretch}.header__nav-list>li>a,.header__nav-list>li>span{border-bottom:1px solid #ffffff1a;padding:14px 20px}.header__mega-menu{opacity:1;visibility:visible;box-shadow:none;border-radius:0;position:static;transform:none}.header__mega-menu a{color:#fff;background:#0000001a;border-color:#ffffff0d;padding-left:36px}.header__mega-menu a:hover{color:#fff;background:#ffffff26}}
.footer{background:var(--color-primary-dark);color:#ffffffd9}.footer__main{padding:48px 0 32px}.footer__grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;display:grid}.footer__col h3{color:#fff;border-bottom:2px solid var(--color-accent);margin-bottom:16px;padding-bottom:10px;font-size:16px;display:inline-block}.footer__about{margin-bottom:16px;font-size:13px;line-height:1.7}.footer__contact-list{flex-direction:column;gap:8px;font-size:13px;display:flex}.footer__contact-list div{align-items:flex-start;gap:8px;display:flex}.footer__contact-list a{color:var(--color-accent-light)}.footer__contact-list a:hover{color:#fff}.footer__links li{margin-bottom:8px}.footer__links a{color:#ffffffbf;transition:all var(--transition-fast);font-size:14px}.footer__links a:hover{color:var(--color-accent-light);padding-left:6px}.footer__social-embed{border-radius:var(--radius-sm);max-width:100%;overflow:hidden}.footer__social-embed iframe{max-width:100%!important}.footer__bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;padding:16px 0;font-size:13px}@media (max-width:768px){.footer__grid{grid-template-columns:1fr;gap:24px}}