.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;max-width:600px;margin:0 auto}.notification-icon-wrapper,.cart-icon-wrapper{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;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}.search-container{max-width:400px}.logo img{height:36px}}@media (max-width:480px){.header-container{gap:0;padding:8px 12px}.logo{width:auto;max-width:60px}.logo img{height:32px}.search-container{flex:1;min-width:0;max-width:none;margin:0}.notification-icon-wrapper{gap:0!important;padding:4px!important}.notification-icon-wrapper .bell-icon{width:22px!important;height:22px!important}.notification-icon-wrapper .notification-badge{border-width:1px;width:16px!important;min-width:16px!important;height:16px!important;padding:0!important;font-size:10px!important;top:-4px!important;right:-4px!important}.notification-icon-wrapper span:not(.notification-badge){display:none}.cart-icon-wrapper{gap:0!important;padding:4px!important}.cart-icon-wrapper .cart-icon{width:22px!important;height:22px!important}.cart-icon-wrapper .cart-badge{border-width:1px;width:16px!important;min-width:16px!important;height:16px!important;padding:0!important;font-size:10px!important;top:-4px!important;right:-4px!important}.cart-icon-wrapper span:not(.cart-badge){display:none}.user-menu .trigger{gap:4px!important;min-width:auto!important;padding:4px 8px!important}.user-menu .trigger>div[class*=rounded-full]{width:28px!important;height:28px!important;font-size:14px!important}.user-menu .trigger>span[class*=font-medium]:not([class*=text-xs]),.user-menu .trigger svg[class*=h-4]{display:none}.user-menu .trigger span.text{white-space:nowrap;font-size:12px}.user-menu:not(:has(.profile-avatar)) .trigger span{font-size:12px}.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:6px;padding:6px 8px}.logo{max-width:50px}.logo img{height:28px}.notification-icon-wrapper .bell-icon,.cart-icon-wrapper .cart-icon{width:20px!important;height:20px!important}.notification-icon-wrapper .notification-badge,.cart-icon-wrapper .cart-badge{width:14px!important;min-width:14px!important;height:14px!important;font-size:9px!important}.user-menu .trigger>div[class*=rounded-full]{width:26px!important;height:26px!important;font-size:13px!important}.user-menu .trigger span.text{font-size:11px}.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,.user-menu .trigger{min-width:44px;min-height:44px}.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}}@media (min-width:481px){.notification-icon-wrapper span:not(.notification-badge),.cart-icon-wrapper span:not(.cart-badge),.user-menu .trigger>span[class*=font-medium],.user-menu .trigger svg[class*=h-4]{display:inline-block}}.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}}