/* COMERCIQ header */
:root{--hx-navy:#0b1020;--hx-blue:#0a5cff;--hx-cyan:#00a3ff;--hx-ice:#eaf1ff;--hx-line:#e3eaf7}

/* top bar */
#topbar.topbar{background:var(--hx-navy);color:#c8d3f0;font-size:13px;line-height:1}
#topbar .topbar-container{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}
#topbar .topbar-items{display:flex;align-items:center;gap:20px}
#topbar .nav-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none}
#topbar .nav-menu li{margin:0}
#topbar a{color:#c8d3f0!important;text-decoration:none!important;transition:color .2s;font-weight:600}
#topbar a:hover{color:#fff!important}
#topbar .topbar-left-items .nav-menu a:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#34e3a0;margin-inline-end:8px;vertical-align:middle}
#topbar .topbar-right-items .nav-menu{gap:20px}
@media (max-width:1024px){#topbar{display:none}}

/* main row */
.site-header .header-main{background:#fff;border-bottom:1px solid var(--hx-line)}
.site-header .header-main .site-header__container{display:flex;align-items:center;gap:22px}
.site-header .header-main .header-left-items{flex:0 0 auto;gap:14px}
.site-header .header-main .header-center-items{flex:1 1 auto;min-width:0;display:flex;justify-content:center}
.site-header .header-main .header-right-items{flex:0 0 auto;display:flex;align-items:center;gap:6px}
@media (min-width:1025px){.site-header .header-main .header-hamburger{display:none}}

/* search pill */
.site-header .header-search--form{width:100%;max-width:720px}
.site-header .header-search--form .header-search__form{width:100%}
.site-header .header-search--form .header-search__container{display:flex;align-items:center;border:2px solid #dce8ff;border-radius:999px;background:#f5f8ff;overflow:hidden;transition:border-color .2s,box-shadow .2s,background .2s;padding-inline-start:8px}
.site-header .header-search--form .header-search__container:focus-within{border-color:var(--hx-blue);background:#fff;box-shadow:0 0 0 4px rgba(10,92,255,.12)}
.site-header .header-search__field{border:0!important;background:transparent!important;box-shadow:none!important;font-size:15px;height:46px;padding:0 14px!important;flex:1 1 auto;min-width:0}
.site-header .header-search__button{background:linear-gradient(135deg,var(--hx-blue),#2f7bff)!important;color:#fff!important;border-radius:999px!important;min-width:48px;height:38px;margin:3px;border:0!important;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}
.site-header .header-search__button:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(10,92,255,.35)}
.site-header .header-search__trending{margin-top:6px}
.site-header .header-search__trending-links a{color:#5a6379!important;font-size:12.5px}
.site-header .header-search__trending-links a:hover{color:var(--hx-blue)!important}

/* icons */
.site-header .header-account .motta-button,.site-header .header-wishlist .motta-button,.site-header .header-compare .motta-button,.site-header .header-cart .motta-button{display:inline-flex;align-items:center;gap:8px;min-width:44px;height:44px;padding:0 12px;border-radius:14px;color:var(--hx-navy)!important;font-weight:700;transition:background .2s,color .2s}
.site-header .header-account .motta-button:hover,.site-header .header-wishlist .motta-button:hover,.site-header .header-compare .motta-button:hover,.site-header .header-cart .motta-button:hover{background:var(--hx-ice);color:var(--hx-blue)!important}
.site-header .header-cart .motta-button{background:var(--hx-navy);color:#fff!important}
.site-header .header-cart .motta-button:hover{background:var(--hx-blue);color:#fff!important}
.site-header .header-main .motta-button__counter,.site-header .header-main .header-counter{background:#ff4d2e!important;color:#fff!important;font-weight:800}
.site-header .header-logo img{max-height:56px;width:auto}

/* bottom row */
.site-header .header-bottom{background:#fff;border-bottom:1px solid var(--hx-line);box-shadow:0 10px 26px rgba(10,24,64,.05)}
.site-header .header-bottom .site-header__container{display:flex;align-items:center;justify-content:space-between;gap:18px}
.site-header .header-bottom .header-left-items{display:flex;align-items:center;gap:14px}
.site-header .header-category-menu .header-category__title,.site-header .header-category-menu .header-category__name{background:var(--hx-navy);color:#fff!important;border-radius:14px;padding:0 18px;height:42px;display:inline-flex;align-items:center;gap:10px;font-weight:800;transition:background .2s}
.site-header .header-category-menu:hover .header-category__title,.site-header .header-category-menu:hover .header-category__name{background:var(--hx-blue)}
.site-header .primary-navigation>ul>li>a{font-weight:700;color:var(--hx-navy)!important;padding:8px 14px;border-radius:999px;transition:background .2s,color .2s}
.site-header .primary-navigation>ul>li>a:hover,.site-header .primary-navigation>ul>li.current-menu-item>a{background:var(--hx-ice);color:var(--hx-blue)!important}
.site-header .header-view-history a{color:#5a6379!important;font-weight:600;font-size:14px}
.site-header .header-view-history a:hover{color:var(--hx-blue)!important}

/* sticky */
.site-header .header-sticky,.site-header.sticky .header-main{box-shadow:0 8px 28px rgba(10,24,64,.12)}

/* mobile */
@media (max-width:1024px){
 .site-header__mobile{background:#fff;box-shadow:0 1px 0 var(--hx-line)}
 .site-header__mobile .header-search--form .header-search__container{border-width:1.5px}
}

/* sticky header: one solid bar, no theme headroom clone */
#page.site{overflow:visible!important;overflow-x:clip!important}
.site-header .header-sticky,.site-header .header-mobile-sticky{display:none!important}
#site-header.site-header{position:sticky;top:0;z-index:990;background:#fff;transition:box-shadow .25s}
body.admin-bar #site-header.site-header{top:32px}
@media (max-width:782px){body.admin-bar #site-header.site-header{top:46px}}
.site-header .header-bottom{max-height:64px;transition:max-height .28s ease,opacity .2s ease,border-color .2s}
#site-header.ch-compact{box-shadow:0 10px 30px rgba(10,24,64,.14)}
#site-header.ch-compact .header-bottom{max-height:0;opacity:0;overflow:hidden;border-color:transparent;box-shadow:none}
#site-header.ch-compact .header-main{border-bottom-color:transparent}
#site-header.ch-compact .header-main .site-header__container{min-height:64px}
#site-header.ch-compact .header-logo img{max-height:44px}
.site-header .header-logo img{transition:max-height .25s}
@media (max-width:1024px){#site-header.site-header{box-shadow:0 1px 0 var(--hx-line)}#site-header.ch-compact{box-shadow:0 8px 24px rgba(10,24,64,.12)}}
@media (max-width:1024px){#site-header.ch-compact .header-mobile-bottom,#site-header.ch-compact .header-search__trending{display:none!important}}