.header-container{background:#fff;align-items:center;gap:16px;padding:12px 24px;display:flex}.logo{flex-shrink:0;align-items:center;display:flex}.logo img{-o-object-fit:contain;object-fit:contain;width:auto;height:40px}.search-container{flex:1 1 0;min-width:0}.header-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.notification-icon-wrapper,.cart-icon-wrapper{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:0;transition:background-color .2s;display:flex}.notification-icon-wrapper:hover,.cart-icon-wrapper:hover{background-color:#f3f4f6}.bell-icon,.cart-icon{color:#6b7280;width:32px;height:32px}.notification-badge,.cart-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}@media (max-width:768px) and (min-width:481px){.header-container{gap:12px;padding:10px 16px}.logo img{height:36px}}@media (max-width:480px){.header-container{gap:6px;padding:8px 12px}.logo{flex-shrink:0;width:auto;max-width:60px}.logo img{height:32px}.search-container{flex:1 1 0;min-width:0}.header-actions{gap:2px}.notification-icon-wrapper .dropdown,.cart-icon-wrapper .dropdown{width:calc(100vw - 24px);max-width:380px;left:auto;right:-12px}.user-menu .dropdown{width:calc(100vw - 24px);max-width:320px;left:auto;right:-12px}}@media (max-width:360px){.header-container{gap:4px;padding:6px 8px}.logo{max-width:44px}.logo img{height:26px}.header-actions{gap:0}.notification-button.mobile,.message-button.mobile,.cart-button.mobile{width:28px!important;height:28px!important}.bell-icon.small,.message-icon.small,.cart-icon.small{width:20px!important;height:20px!important}.notification-icon-wrapper .dropdown,.cart-icon-wrapper .dropdown,.user-menu .dropdown{width:calc(100vw - 16px);right:-8px}}@media (hover:none) and (pointer:coarse){.notification-icon-wrapper,.cart-icon-wrapper{min-height:36px}.user-menu .trigger{min-width:36px;min-height:36px}.notification-icon-wrapper:hover,.cart-icon-wrapper:hover{background-color:#0000}.notification-icon-wrapper:active,.cart-icon-wrapper:active,.user-menu .trigger:active{background-color:#e5e7eb}}.notification-icon-wrapper:focus-visible,.cart-icon-wrapper:focus-visible,.user-menu .trigger:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (prefers-reduced-motion:reduce){.notification-icon-wrapper,.cart-icon-wrapper,.user-menu .trigger{transition:none}}