:root {
  --opus-blu: #1f6fd1;
  --opus-blu-scuro: #0f3f80;
  --opus-verde: #3aa845;
  --opus-giallo: #ffd23f;
  --opus-cacao: #5a3420;
  --opus-panna: #fff8ee;
}

body {
  background: var(--opus-panna);
  font-family: 'Nunito', sans-serif;
  color: var(--opus-cacao);
}

.font-opus {
  font-family: 'Fredoka', sans-serif;
}

.opus-ghiaccio {
  position: relative;
}
.opus-ghiaccio::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  height: 14px;
  background:
    radial-gradient(circle at 10px 0, var(--opus-blu) 10px, transparent 11px) 0 0 / 20px 14px repeat-x;
}

.opus-card {
  transition: transform .15s ease, box-shadow .15s ease;
}
.opus-card:hover,
.opus-card:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(15, 63, 128, .18);
}

.opus-toast {
  opacity: 0;
  transform: translate(-50%, 10px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
  isolation: isolate;
}
.opus-toast.attivo {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

#opus-vetrina-offer-banner.opus-vetrina-offer-banner,
.opus-vetrina-offer-banner {
  background-color: rgba(255, 248, 238, 0.82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid rgba(15, 63, 128, 0.1);
}

#opus-order-ready-banner.opus-order-ready-banner,
.opus-order-ready-banner {
  background-color: #2d8a3e;
  background: linear-gradient(105deg, var(--opus-verde) 0%, #2d8a3e 45%, var(--opus-blu) 100%);
  background-size: 200% 200%;
  animation: opus-ready-banner-shift 6s ease-in-out infinite;
}
#opus-order-ready-banner .opus-order-ready-banner-icon,
.opus-order-ready-banner-icon {
  animation: opus-ready-pulse 1.8s ease-in-out infinite;
}
@keyframes opus-ready-banner-shift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes opus-ready-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.92; }
}
body.opus-has-vetrina-offer-banner #opus-toast {
  bottom: 5.75rem;
}
body.opus-has-ready-banner #opus-toast {
  bottom: 5.75rem;
}
body.opus-has-vetrina-offer-banner.opus-has-ready-banner #opus-toast {
  bottom: 10.5rem;
}
body.opus-has-ready-banner #opus-vetrina-offer-banner {
  bottom: 4.5rem;
}
body.opus-has-vetrina-offer-banner {
  padding-bottom: 5.5rem;
}
body.opus-has-ready-banner {
  padding-bottom: 5.5rem;
}
body.opus-has-vetrina-offer-banner.opus-has-ready-banner {
  padding-bottom: 10rem;
}
@media (min-width: 640px) {
  body.opus-has-vetrina-offer-banner #opus-toast,
  body.opus-has-ready-banner #opus-toast {
    bottom: 6.25rem;
  }
  body.opus-has-vetrina-offer-banner.opus-has-ready-banner #opus-toast {
    bottom: 11rem;
  }
}