.site-header{position:sticky;top:0;width:100%;max-width:1200px;margin:0 auto;z-index:1000;backdrop-filter:blur(14px);background:rgba(255,255,255,0.85);border-bottom:1px solid rgba(0,0,0,0.05);border-radius:0 0 10px 10px;box-shadow:0 2px 6px rgba(0,0,0,0.05)}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 1.5rem;height:50px;gap:0.5rem}
.header-logo img{height:45px;width:auto;object-fit:contain}
.header-search{flex:0 0 60%}
.header-search input{width:100%;height:40px;padding:0 1rem;border:2px solid rgba(0,0,0,0.08);border-radius:10px;font-size:0.95rem;background:#fafafa;transition:all 0.3s ease}
.header-search input:focus{outline:none;border-color:#f34d60;background:#fff;box-shadow:0 0 0 3px rgba(243,77,96,0.15)}
.header-account a,.header-cart .cart-toggle{display:flex;align-items:center;justify-content:center;height:40px;padding:0 1.2rem;border-radius:10px;background:#f9f9f9;color:#333;font-weight:500;border:0.5px solid rgba(0,0,0,0.08);text-decoration:none;transition:all 0.3s ease}
.header-account a:hover,.header-cart .cart-toggle:hover{background:#f34d60;color:#fff;transform:translateY(-2px)}
.header-account i,.header-cart i{margin-left:6px;font-size:1rem}
.header-bottom{padding:0.6rem 1.5rem}
.header-categories{position:relative;display:inline-block}
.categories-btn{padding:0.6rem 1.2rem;border:none;border-radius:10px;background:#f34d60;color:#fff;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.25s ease;box-shadow:0 2px 4px rgba(243,77,96,0.3)}
.categories-btn:hover{background:#e03e52;transform:translateY(-2px);box-shadow:0 4px 10px rgba(243,77,96,0.35)}
.categories-menu{display:none;position:absolute;top:110%;left:0;background:#fff;border:1px solid #eee;border-radius:12px;min-width:220px;padding:8px 0;list-style:none;box-shadow:0 8px 20px rgba(0,0,0,0.08);animation:fadeIn 0.25s ease}
.categories-menu li a{display:block;padding:10px 16px;color:#333;text-decoration:none;font-size:0.92rem;font-weight:500;border-radius:8px;transition:all 0.2s ease}
.categories-menu li a:hover{background:rgba(243,77,96,0.08);color:#f34d60}
.categories-menu li .sub-menu{display:none;position:absolute;top:0;right:100%;background:#fff;border:1px solid #eee;border-radius:12px;min-width:200px;padding:8px 0;box-shadow:0 8px 20px rgba(0,0,0,0.08);animation:fadeIn 0.25s ease}
.categories-menu li:hover>.sub-menu{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1024px){.header-top,.header-bottom{display:none}}