/* Header and category dropdown styles */
.main-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:20px}
.main-menu .menu-item{position:relative}
.main-menu a{color:#222;padding:8px 6px;display:inline-block}
.menu-cat .cat-dropdown{position:absolute;left:0;top:100%;background:#fff;padding:16px;border:1px solid #eee;display:none;min-width:420px;box-shadow:0 8px 24px rgba(0,0,0,0.08);z-index:90}
.menu-cat:hover .cat-dropdown, .menu-cat:focus-within .cat-dropdown{display:flex}
.cat-image{flex:0 0 150px;margin-right:12px}
.cat-image img{width:150px;height:120px;object-fit:cover;border-radius:6px}
.cat-children{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cat-children .child a{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px}
.cat-children .child img{width:48px;height:48px;object-fit:cover;border-radius:6px}
@media (max-width:900px){
  .main-menu{flex-direction:column;display:none}
  .main-menu.show{display:flex}
  .menu-cat .cat-dropdown{position:static;display:block}
  .cat-dropdown{box-shadow:none;border:none;padding:8px}
}

/* Basic header shell */
.site-header{background:#fff;border-bottom:1px solid #eee;position:relative;z-index:50}
.header-inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.logo img{height:44px}
.header-controls{display:flex;align-items:center;gap:12px}
.header-cart{padding:6px 8px;border-radius:6px;background:#f7f7f7}
.header-controls {
    display: flex;
    align-items: center;
    gap: 16px;
}

.account-icon {
    font-size: 20px;
    text-decoration: none;
}

.header-cart {
    font-size: 20px;
    position: relative;
}

.cart-count {
    background: #ff4b4b;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -10px;
}