/** Shopify CDN: Minification failed

Line 107:44 Expected "*/" to terminate multi-line comment

**/
/* ============================================================
   Attractiveness pass — nav underline, grouping, depth
   ============================================================ */

/* Animated underline on nav links (instead of just a color flip) */
.header__menu-item--top{
  position:relative;
  padding-bottom:4px;
}
.header__menu-item--top::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:2px;
  background:var(--cc-red);
  transition:width .2s ease;
}
.header__menu-item--top:hover::after{
  width:100%;
}

/* Customer care: give the headset icon its own accent circle */
.header__customer-support-region__button--desktop{
  display:flex;
  align-items:center;
  gap:10px;
}
.header__customer-support-region__button--desktop svg,
.header__customer-support-region__button--desktop .icon{
  width:34px;
  height:34px;
  padding:7px;
  border-radius:50%;
  background:var(--cc-mist);
  color:var(--cc-ink);
  transition:background .15s ease, color .15s ease;
}
.header__customer-support-region__button--desktop:hover svg,
.header__customer-support-region__button--desktop:hover .icon{
  background:var(--cc-red);
  color:#fff;
}

/* Cart: turn it into a proper pill with more presence */
.header__icon--cart{
  background:var(--cc-ink);
  border-radius:999px;
  padding:8px 16px 8px 12px;
  transition:background .15s ease, transform .15s ease;
}
.header__icon--cart:hover{
  background:var(--cc-red-dark);
  transform:translateY(-1px);
}
.header__icon--cart svg{
  color:#fff;
}
.header__cart-total__label{
  color:rgba(255,255,255,.7);
}
.header__cart-total__price{
  color:#fff;
}

/* Account + compare icons: subtle lift + shadow on hover */
.header__icon.header__button-icon{
  box-shadow:0 0 0 rgba(0,0,0,0);
  transition:background .15s ease, box-shadow .15s ease, transform .15s ease;
}
.header__icon.header__button-icon:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  transform:translateY(-1px);
}
.header__cart-inner{
  gap:10px;
}
.header__cart-total__label,
.header__cart-total__price{
  white-space:nowrap;
}
.header__icon--cart{
  min-width:150px;
}

.header__cart-arrow{
  color:#fff;
  flex:0 0 auto;
  margin-left:2px;
  transition:transform .15s ease;
}
.header__icon--cart:hover .header__cart-arrow{
  transform:translateX(3px);
}
.header__icon--cart.header__button-icon{
  width:auto;
  height:auto;
  min-height:40px;
}

/* Group divider between customer-care block