/* Phase 55 - Header Menu Button Portrait Fix
   Forces the customer dropdown/menu button to stay compact and square on desktop, tablet, and mobile. */
.sk-cx-actions{
  align-items:center!important;
  gap:10px!important;
}
.sk-cx-cart,
.sk-cx-refresh,
.sk-cx-more{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  padding:0!important;
  border-radius:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 54px!important;
  box-sizing:border-box!important;
  line-height:1!important;
}
.sk-cx-more{
  position:relative!important;
  flex-direction:column!important;
  gap:5px!important;
  overflow:hidden!important;
}
.sk-cx-more span{
  width:24px!important;
  height:3px!important;
  min-height:3px!important;
  max-height:3px!important;
  flex:0 0 3px!important;
  display:block!important;
  border-radius:999px!important;
  background:#075c63!important;
  transition:transform .22s ease, opacity .22s ease, background .22s ease!important;
}
.sk-cx-more:hover,
.sk-cx-more:focus-visible,
.sk-cx-cart:hover,
.sk-cx-refresh:hover,
.sk-cx-cart:focus-visible,
.sk-cx-refresh:focus-visible{
  background:#f4fbfc!important;
  border-color:#bcdde2!important;
  transform:translateY(-1px);
  outline:none!important;
}
.sk-cx-more[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)!important;}
.sk-cx-more[aria-expanded="true"] span:nth-child(2){opacity:0!important;}
.sk-cx-more[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important;}
@media(max-width:820px){
  .sk-cx-actions{gap:8px!important;}
  .sk-cx-cart,
  .sk-cx-refresh,
  .sk-cx-more{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    flex-basis:48px!important;
    border-radius:16px!important;
  }
  .sk-cx-more span{width:22px!important;height:3px!important;flex-basis:3px!important;}
}
@media(max-width:420px){
  .sk-cx-actions{gap:6px!important;}
  .sk-cx-cart,
  .sk-cx-refresh,
  .sk-cx-more{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    flex-basis:44px!important;
    border-radius:15px!important;
  }
  .sk-cx-more span{width:20px!important;height:2.5px!important;flex-basis:2.5px!important;}
}