.top-bar{background:var(--bg-dark);color:#aaa;border-bottom:1px solid #ffffff0f;align-items:center;height:36px;font-size:12px;display:flex}.top-bar__inner{justify-content:space-between;align-items:center;width:100%;display:flex}.top-bar__left,.top-bar__right{align-items:center;gap:18px;display:flex}.top-bar a{color:#999;font-size:12px;text-decoration:none;transition:color .2s}.top-bar a:hover{color:#fff}.top-bar__seller{color:var(--primary);border-radius:var(--radius-full);background:#e74c3c1f;align-items:center;gap:4px;padding:4px 14px;font-weight:600;display:inline-flex}.top-bar__seller:hover{background:var(--primary);color:#fff}.top-bar__lang{color:#999;align-items:center;gap:4px;display:flex}.top-bar__lang select{color:#999;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;font-size:12px}.top-bar__lang option{background:var(--bg-dark);color:#ccc}.header{background:var(--bg-white);box-shadow:0 1px 0 var(--border-light);z-index:1000;padding:15px 0;transition:box-shadow .3s;position:sticky;top:0}.header.scrolled{box-shadow:var(--shadow-md)}.header__inner{align-items:center;gap:20px;display:flex}.header__logo{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), #e67e22);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.logo-text{letter-spacing:-.5px;white-space:nowrap;color:#000;font-size:24px;font-weight:800;line-height:1}.header__nav{display:none!important}.catalog-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:600;transition:background-color .2s;display:flex}.catalog-btn:hover{filter:brightness(.9)}.header__search{border:2px solid var(--primary);background:#fff;border-radius:8px;flex-grow:1;height:44px;display:flex;overflow:hidden}.search-category{border-right:1px solid #ddd;align-items:center;display:flex}.search-category select{color:#333;cursor:pointer;background:#f4f5f7;border:none;outline:none;height:100%;padding:0 15px;font-size:14px}.header__search input{border:none;outline:none;flex-grow:1;min-width:0;padding:0 15px;font-size:15px}.header__search .search-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 25px;font-size:18px;transition:all .2s;display:flex}.header__search .search-btn:hover{filter:brightness(.9)}.header__actions{flex-shrink:0!important;align-items:center!important;gap:24px!important;margin-left:auto!important;display:flex!important}.header__action-btn{background:0 0!important;border:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:auto!important;height:auto!important;padding:0!important;text-decoration:none!important;display:flex!important;position:relative!important}.header__action-btn>i{color:#333!important;margin:0!important;font-size:24px!important;display:block!important;position:static!important;transform:none!important}.header__action-btn span:not(.action-badge){color:#333!important;font-size:12px!important;font-weight:500!important;line-height:1!important;display:block!important;position:static!important}.header__action-btn:hover>i,.header__action-btn:hover span:not(.action-badge){color:var(--primary)!important}.header__action-btn .action-badge{display:none;color:#fff!important;z-index:5!important;background:#f91155!important;border-radius:10px!important;padding:2px 6px!important;font-size:10px!important;font-weight:700!important;line-height:1.2!important;position:absolute!important;top:-4px!important;right:-5px!important}.action-badge.visible{display:inline-block!important}.mega-menu{z-index:2000;background:#fff;border-top:1px solid #eee;width:100%;height:60vh;min-height:400px;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 25px #00000026}.mega-menu.active{display:block}.mega-menu__inner{height:100%;display:flex}.mega-menu__sidebar{background:#f8f9fa;border-right:1px solid #eee;flex-shrink:0;width:250px;padding:20px 0;overflow-y:auto}.mega-menu__sidebar ul{margin:0;padding:0;list-style:none}.mega-menu__sidebar li{color:#333;cursor:pointer;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.mega-menu__sidebar li:hover,.mega-menu__sidebar li.active{color:var(--primary);background:#fff}.mega-menu__content{flex-grow:1;padding:30px;overflow-y:auto}.mega-menu__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;display:grid}.mega-menu__group h4{color:#000;margin-bottom:12px;font-size:16px;font-weight:700}.mega-menu__group a{color:#666;margin-bottom:8px;font-size:13px;text-decoration:none;display:block}.mega-menu__group a:hover{color:var(--primary)}.notif-dropdown{background:var(--bg-white);border-radius:var(--radius-md);width:360px;box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:1050;animation:.2s notifSlide;display:none;position:absolute;top:calc(100% + 12px);right:-10px;overflow:hidden}.notif-dropdown.active{display:block!important}@keyframes notifSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown__header{border-bottom:1px solid var(--border-light);background:var(--bg-gray);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-dropdown__header h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.notif-mark-read{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.notif-mark-read:hover{text-decoration:underline}.notif-dropdown__list{max-height:320px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border-light);cursor:pointer;color:inherit;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.notif-item:hover{background:var(--bg-gray)}.notif-item.unread{background:var(--primary-light)}.notif-item__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.notif-item__content{flex:1;min-width:0}.notif-item__title{margin-bottom:2px;font-size:13px;font-weight:700}.notif-item__desc{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.notif-item__time{color:var(--text-light);font-size:10px}.notif-empty{text-align:center;color:var(--text-muted);padding:30px 20px;font-size:13px}.notif-dropdown__footer{text-align:center;background:var(--bg-gray);border-top:1px solid var(--border-light);padding:10px}.notif-dropdown__footer a{color:var(--primary);font-size:12px;font-weight:700;text-decoration:none}@media (width<=1024px){.header__actions{gap:12px}.header__action-btn span:not(.action-badge){display:none}.catalog-btn{padding:10px 14px;font-size:14px}}@media (width<=768px){.top-bar{display:none}.header__inner{flex-wrap:wrap;padding:10px 0}.header__search{order:3;width:100%;margin-top:10px}.mega-menu{height:calc(100vh - 120px)}.mega-menu__inner{flex-direction:column}.mega-menu__sidebar{border-bottom:1px solid #eee;border-right:none;width:100%;height:auto;max-height:200px}}@media (width<=480px){.logo-text,.catalog-btn span{display:none}.catalog-btn{padding:10px}}.subnav{background:var(--bg-white);border-bottom:1px solid var(--border-light);box-shadow:0 1px 4px #00000005}.subnav__scroll{scrollbar-width:none;-ms-overflow-style:none;align-items:center;display:flex;overflow-x:auto}.subnav__scroll::-webkit-scrollbar{display:none}.subnav__scroll a{color:var(--text-secondary);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:7px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .2s;display:inline-flex}.subnav__scroll a i{opacity:.75;flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;margin:0;font-size:12px;line-height:1;display:inline-flex}.subnav__scroll a:hover,.subnav__scroll a.active{color:var(--primary);background:var(--primary-light);border-bottom-color:var(--primary)}.subnav__scroll a:hover i,.subnav__scroll a.active i{opacity:1;color:var(--primary)}.breadcrumbs{padding:16px 0}.breadcrumbs__inner{align-items:center;font-size:13px;display:flex}.breadcrumbs a{color:var(--text-muted);padding:4px 2px;text-decoration:none}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs .sep{color:var(--text-light);margin:0 8px;font-size:10px}.breadcrumbs .current{color:var(--text-primary);font-weight:600}.banner-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-lg);gap:16px;margin-bottom:30px;display:flex;overflow-x:auto}.banner-carousel::-webkit-scrollbar{display:none}.banner-slide{scroll-snap-align:center;border-radius:var(--radius-lg);flex:0 0 100%;display:block;position:relative;overflow:hidden}.newsletter{background:linear-gradient(135deg, var(--secondary), #34495e);margin-top:60px;padding:50px 0;overflow:hidden}.newsletter__inner{justify-content:space-between;align-items:center;gap:40px;display:flex}.newsletter__text{color:#fff}.newsletter__text h2{align-items:center;gap:10px;margin-bottom:6px;font-size:24px;font-weight:700;display:flex}.newsletter__text h2 i{color:var(--warning)}.newsletter__text p{opacity:.8;font-size:14px}.newsletter__form{min-width:420px;max-width:100%;display:flex}.newsletter__form input{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border:none;outline:none;flex:1;padding:14px 20px;font-size:14px}.newsletter__form button{background:var(--primary);color:#fff;border-radius:0 var(--radius-sm) var(--radius-sm) 0;white-space:nowrap;cursor:pointer;border:none;align-items:center;gap:6px;padding:14px 24px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.newsletter__form button:hover{background:var(--primary-dark)}@media (width<=1024px){.header__action-btn span:not(.action-badge){display:none!important}.header__actions{gap:15px!important}}@media (width<=768px){.search-category{display:none}.header__search{border-radius:6px;height:40px}.header__search input{font-size:14px}.mega-menu__content{padding:15px 20px!important}.mega-menu__grid{grid-template-columns:1fr!important;gap:20px!important}.mega-menu__group h4{margin-bottom:8px!important;font-size:18px!important}.newsletter{padding:30px 0!important}.newsletter__inner{text-align:center!important;flex-direction:column!important;gap:20px!important}.newsletter__text h2{justify-content:center!important}.newsletter__form{flex-direction:column!important;gap:10px!important;min-width:100%!important}.newsletter__form input{border-radius:var(--radius-sm)!important;width:100%!important}.newsletter__form button{border-radius:var(--radius-sm)!important;justify-content:center!important;width:100%!important}}