/* Icon color and underline position only. Keep all content and header geometry. */
:root{--jieli-contact-navigation:20260923}
.topbar-links a[href*="wa.me"]::after{background-color:#178b4b!important}
@media(min-width:901px){
 body[data-structure-review] .site-header .desktop-nav>a::after,
 body[data-structure-review] .site-header .desktop-nav>.family-menu>summary::after{bottom:8px!important}
}
/* Keep a readable gap when longer navigation labels wrap on small laptops. */
@media(min-width:901px) and (max-width:1199px){
 body[data-structure-review] .site-header .desktop-nav>a::after,
 body[data-structure-review] .site-header .desktop-nav>.family-menu>summary::after{bottom:4px!important}
}

/* Let the logo occupy the utility-row space; preserve every header item size. */
@media (min-width: 1001px) {
 html body[data-structure-review] .topbar {
  --header-content-start:calc(clamp(14px,1.8vw,32px) + clamp(108px,11.5vw,158px) + clamp(8px,.8vw,14px));
  background:transparent!important;
  border-bottom:0!important;
  padding-bottom:1px;
  margin-bottom:-20px;
  pointer-events:none;
 }
 html body[data-structure-review] .topbar .topbar-inner {
  padding-inline-start:var(--header-content-start)!important;
 }
 html body[data-structure-review] .topbar a {pointer-events:auto;}
}

/* The utility row belongs to the same sticky header as the logo and navigation. */
html body[data-structure-review] .site-header > .topbar {
 border-bottom:0!important;
 padding-bottom:1px;
}
html body[data-structure-review] .site-header > .topbar::after {content:none;}
/* Keep product section navigation below the complete frozen header. */
@media(min-width:901px) and (max-width:1000px){
 html body[data-structure-review] main .product-anchor-nav {top:103px!important;}
 html body[data-structure-review] main:has(>.product-anchor-nav) section[id] {scroll-margin-top:196px;}
}
@media(min-width:1001px){
 html body[data-structure-review] main .product-anchor-nav {top:71px!important;}
 html body[data-structure-review] main:has(>.product-anchor-nav) section[id] {scroll-margin-top:164px;}
}

/* Reduce the space below the desktop navigation without moving its contact row. */
@media(min-width:1001px){
 html body[data-structure-review] .site-header .header-inner {
  height:64px!important;min-height:64px!important;padding-block:6px 0!important;
 }
 html body[data-structure-review] .site-header .brand-link img {
  transform:translate(-4px,-7px) scale(1.08)!important;transform-origin:center;
 }
 html body[data-structure-review] .site-header .header-cta,
 html body[data-structure-review] .site-header .language-switcher > summary {
  height:36px!important;min-height:36px!important;padding-block:2px!important;
 }
}
