.sa-basket { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; color: #fff !important; border: 1px solid rgba(255,255,255,0.28); transition: border-color .2s, color .2s, background .2s; text-decoration: none !important; flex: 0 0 auto; }
.sa-basket:hover { border-color: #ff5900; color: #ff5900 !important; }
.sa-basket svg { display: block; }
.sa-basket-count { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #ff5900; color: #fff; font: 600 11px/18px Outfit, sans-serif; text-align: center; box-shadow: 0 0 0 2px #0a0a0a; }
.sa-basket-count.is-empty { display: none; }
.sa-basket-wrap { margin: 0 !important; display: inline-flex; }
.sa-basket-wrap p { margin: 0 !important; display: inline-flex; }
.sa-basket-mobile { display: none !important; }
@media (max-width: 1024px) {
  .sa-basket-mobile { display: inline-flex !important; margin-right: 10px !important; }
}

/* Desktop shop dock (basket, account, checkout) */
.sa-dock { position: fixed; right: 22px; top: 50%; transform: translateY(-50%); z-index: 9990; display: flex; flex-direction: column; gap: 8px; padding: 8px; border-radius: 30px; background: rgba(13,14,15,0.92); border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 12px 40px rgba(0,0,0,0.35); backdrop-filter: blur(6px); }
.sa-dock-btn { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; color: #fff !important; text-decoration: none !important; transition: background .2s, color .2s; }
.sa-dock-btn:hover, .sa-dock-btn:focus-visible { background: #ff5900; color: #fff !important; outline: none; }
.sa-dock-btn .sa-basket-count { top: 2px; right: 2px; box-shadow: 0 0 0 2px #0d0e0f; }
.sa-dock-checkout { background: #ff5900; }
.sa-dock-checkout:hover { background: #fff; color: #0a0a0a !important; }
.sa-dock-label { position: absolute; right: calc(100% + 14px); top: 50%; transform: translate(6px, -50%); white-space: nowrap; padding: 7px 12px; border-radius: 6px; background: #0d0e0f; border: 1px solid rgba(255,255,255,0.14); color: #fff; font: 500 13px/1 Outfit, Outfit, sans-serif; opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s; }
.sa-dock-btn:hover .sa-dock-label, .sa-dock-btn:focus-visible .sa-dock-label { opacity: 1; transform: translate(0, -50%); }
@media (max-width: 1024px) { .sa-dock { display: none; } }
@media (min-width: 1025px) { .sa-basket-wrap:not(.sa-basket-mobile) { display: none !important; } }