.site-cart-widget {
  --cart-widget-blue: var(--il-accent, #0656b9);
  position: fixed;
  z-index: 12000;
  left: 16px;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, .44);
  border-radius: 16px;
  background: linear-gradient(150deg, #0870cf 0%, var(--cart-widget-blue) 72%);
  color: #fff;
  box-shadow: 0 5px 16px rgba(6, 86, 185, .24), inset 0 1px 0 rgba(255, 255, 255, .24);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform var(--motion-instant, 140ms) var(--ease-out, cubic-bezier(.2, .8, .2, 1)), box-shadow var(--motion-fast, 180ms) ease;
}

.site-cart-widget:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(6, 86, 185, .3), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.site-cart-widget:active { transform: scale(.96); }
.site-cart-widget:focus-visible { outline: 3px solid rgba(0, 189, 220, .55); outline-offset: 3px; }

.site-cart-widget__icon {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
}

.site-cart-widget__icon svg { display: block; width: 24px; height: 24px; }

.site-cart-widget__count {
  position: absolute;
  top: -6px;
  right: -7px;
  display: grid;
  min-width: 21px;
  height: 21px;
  box-sizing: border-box;
  padding: 0 5px;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #00a6c7;
  color: #fff;
  font: 600 10px/1 var(--site-font-family, "PT Root UI", Arial, sans-serif);
  font-variant-numeric: tabular-nums;
}

.site-cart-widget__count[hidden] { display: none; }
.site-cart-widget__count.is-updated { animation: cart-widget-count-confirm var(--motion-fast, 180ms) var(--ease-out, cubic-bezier(.2, .8, .2, 1)) both; }

@keyframes cart-widget-count-confirm {
  0% { opacity: .6; transform: scale(.72); }
  70% { opacity: 1; transform: scale(1.14); }
  100% { opacity: 1; transform: scale(1); }
}

@media (max-width: 520px) {
  .site-cart-widget { left: 12px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); width: 48px; height: 48px; border-radius: 15px; }
  .site-cart-widget__icon, .site-cart-widget__icon svg { width: 23px; height: 23px; }
}

@media (max-width: 1230px) {
  .site-cart-widget.is-cookie-visible { bottom: calc(var(--cart-widget-cookie-clearance, 108px) + env(safe-area-inset-bottom, 0px)); }
}

@media (prefers-reduced-motion: reduce) {
  .site-cart-widget { transition: box-shadow 120ms ease, opacity 120ms ease; }
  .site-cart-widget:hover, .site-cart-widget:active { transform: none; }
  .site-cart-widget__count.is-updated { animation: cart-widget-count-fade 120ms ease both; }
}

@keyframes cart-widget-count-fade {
  from { opacity: .6; }
  to { opacity: 1; }
}
