/* Scoped to the update notice; checkout/account dialogs retain their layout. */
#store-update-notice .store-update-notice__card {
  width: min(100%, 590px);
  padding: 32px 36px 28px;
  background: linear-gradient(150deg, #1f1017, #0e0b10 75%) !important;
  border-color: #e7475b !important;
  box-shadow: 0 26px 90px #000a, 0 0 46px #d7254320, inset 0 1px #ffbdc32b !important;
  text-align: center;
}
#store-update-notice .store-update-notice__visual {
  position: relative;
  height: 190px;
  margin: -31px -35px 26px;
  border-radius: 25px 25px 0 0;
  overflow: hidden;
  background: #09080b;
  pointer-events: none;
}
#store-update-notice .store-update-notice__visual::after {
  content: "";
  position: absolute;
  inset: auto 10% 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ff4c637a, #6eaceb40, transparent);
  pointer-events: none;
}
#store-update-notice .store-update-notice__glass { width: 100%; height: 100%; }
#store-update-notice .store-update-notice__logo-fallback {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: min(200px, 70%);
  height: auto;
  filter: brightness(0) invert(1);
}
#store-update-notice .store-update-notice__close { z-index: 3; }
#store-update-notice .store-update-notice__card h2 {
  font-size: clamp(25px, 4.8vw, 32px);
  line-height: 1.18;
  margin-bottom: 16px;
}
#store-update-notice #store-update-notice-description {
  max-width: 460px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.65;
  color: #ded4d9 !important;
}
#store-update-notice .store-update-notice__actions { justify-content: center; gap: 10px 24px; margin-top: 25px; }
#store-update-notice .store-update-notice__continue { min-height: 48px; }
#store-update-notice .store-update-notice__contact { font-size: 14px; }
@media (max-width: 480px) {
  #store-update-notice .store-update-notice__card { padding: 24px 23px 22px; }
  #store-update-notice .store-update-notice__visual { height: 154px; margin: -23px -22px 22px; border-radius: 21px 21px 0 0; }
  #store-update-notice #store-update-notice-description { font-size: 14px; line-height: 1.6; }
  #store-update-notice .store-update-notice__actions { margin-top: 22px; gap: 5px; }
}
@media (max-height: 700px) {
  #store-update-notice .store-update-notice__visual { height: 126px; margin-bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  #store-update-notice .store-update-notice__card::before { animation: none; opacity: .65; }
}
