.nav-actions { display: contents; }
.nav-account-slot { position: relative; margin-right: 24px; }
.nav-account { color: rgba(250,249,246,0.65); font-size: 14px; font-weight: 300; text-decoration: none; letter-spacing: 0.02em; white-space: nowrap; }
.nav-account-icon { display: none; }
.cart-button { position: absolute; top: 50%; left: calc(100% + 8px); transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; background: none; color: var(--or-light); cursor: pointer; }
.cart-button:disabled { color: rgba(250,249,246,0.4); cursor: default; }
.cart-button:not(:disabled):hover { color: var(--or); }
.cart-count { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--or); color: var(--noir); font-size: 11px; font-weight: 500; line-height: 18px; text-align: center; }
.cart-count[hidden] { display: none; }

@media (max-width: 768px) {
  .nav-account-slot { margin-right: 32px; }
  .nav-account { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 40px; }
  .nav-account-text { display: none; }
  .nav-account-icon { display: block; }
  .cart-button { left: calc(100% + 4px); width: 32px; }
}

@media (max-width: 375px) {
  .cart-button { left: 100%; width: 28px; }
}