/* S1814: two-state signed-in Home top slider (cardex + live auction notice). */
.home-cardex-compact-panel.is-donut.home-auction-top-carousel {
  overflow: hidden !important;
  touch-action: pan-y !important;
  user-select: none;
  -webkit-user-select: none;
  overscroll-behavior-inline: contain;
}

.home-auction-top-carousel > .home-auction-top-donut,
.home-auction-top-carousel > .home-auction-top-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(9%, 0, 0) scale(.985);
  transition: opacity .42s ease, transform .5s cubic-bezier(.2,.78,.24,1), visibility 0s linear .5s;
}

.home-auction-top-carousel > .home-auction-top-donut.is-top-active,
.home-auction-top-carousel > .home-auction-top-slide.is-top-active {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
  transition-delay: 0s;
}

.home-auction-top-carousel > .home-auction-top-donut:not(.is-top-active) {
  transform: translate3d(-9%, 0, 0) scale(.985);
}

.home-auction-top-slide {
  overflow: hidden;
  border-radius: inherit;
  background:
    radial-gradient(circle at 26% 18%, rgba(255,255,255,.36), transparent 32%),
    linear-gradient(135deg, #92d7ee 0%, #5fc5e7 48%, #31afd9 100%);
  color: #075f82;
  isolation: isolate;
}

.home-auction-top-stage {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: 57% 43%;
  align-items: center;
  direction: ltr;
  padding: clamp(7px, 1.5vw, 15px);
}

.home-auction-top-gavel {
  position: relative;
  z-index: 3;
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  width: min(100%, 305px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 13px 19px rgba(0,71,105,.18));
  opacity: 1;
  transform: translate3d(38%, 0, 0) rotate(-2deg) scale(.92);
}

.home-auction-top-copy {
  position: relative;
  z-index: 4;
  grid-column: 1;
  grid-row: 1;
  justify-self: stretch;
  display: grid;
  justify-items: center;
  gap: clamp(4px, .8vw, 8px);
  direction: rtl;
  text-align: center;
  opacity: 1;
  transform: translate3d(-38%, 0, 0);
}

.home-auction-top-copy > span {
  font-size: clamp(.72rem, 1.55vw, 1rem);
  font-weight: 900;
  color: #075f82;
  text-shadow: none;
}

.home-auction-top-copy > strong {
  min-width: min(100%, 205px);
  padding: clamp(8px, 1.25vw, 13px) clamp(12px, 2vw, 23px);
  border: 1px solid rgba(255,255,255,.92);
  border-radius: clamp(10px, 1.7vw, 16px);
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 30px rgba(4,93,129,.16), inset 0 1px 0 #fff;
  color: #078ebd;
  font-size: clamp(1.15rem, 3vw, 2rem);
  font-weight: 950;
  line-height: 1.15;
  opacity: 1;
  transform: translateY(10px) scale(.94);
}

.home-auction-top-copy > strong b { font: inherit; }
.home-auction-top-count-status {
  display: block;
  font: 850 clamp(.58rem, 1.7vw, .82rem)/1.75 Vazirmatn, Tahoma, Arial, sans-serif;
  white-space: nowrap;
  color: #08799f;
}
.home-auction-top-count-status.is-error { color: #7b5960; }
.home-auction-top-copy > small {
  font-size: clamp(.75rem, 1.65vw, 1.08rem);
  font-weight: 900;
  color: #075f82;
}

.home-auction-top-slide.is-top-active .home-auction-top-gavel {
  animation:
    home-auction-gavel-enter .58s cubic-bezier(.16,.88,.26,1.12) both,
    home-auction-gavel-float 2.15s .62s ease-in-out infinite;
}

.home-auction-top-slide.is-top-active .home-auction-top-copy {
  opacity: 1 !important;
  transform: translate3d(0,0,0) !important;
  animation: none !important;
}

.home-auction-top-slide.is-top-active .home-auction-top-copy > strong {
  opacity: 0 !important;
  transform: translateY(10px) scale(.94) !important;
  animation: none !important;
  transition: opacity .34s ease, transform .42s cubic-bezier(.18,.9,.28,1.1);
}

.home-auction-top-slide.is-top-active.is-count-ready .home-auction-top-copy > strong {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

/* Visibility guard for mobile WebViews and stale animation state. */
.home-auction-top-slide.is-top-active .home-auction-top-stage,
.home-auction-top-slide.is-top-active .home-auction-top-copy,
.home-auction-top-slide.is-top-active .home-auction-top-copy > span,
.home-auction-top-slide.is-top-active .home-auction-top-copy > small {
  visibility: visible !important;
  opacity: 1 !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  filter: none !important;
}

.home-auction-top-slide.is-top-active .home-auction-top-copy {
  display: grid !important;
  z-index: 8 !important;
}

.home-auction-top-slide.is-top-active.is-count-ready .home-auction-top-copy > strong {
  display: block !important;
  visibility: visible !important;
  z-index: 9 !important;
}

/* Force an actual paint (not only a computed opacity change) after the 1s delay. */
.home-auction-top-slide.is-top-active .home-auction-top-copy > strong {
  position: relative !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
  will-change: auto !important;
}

.home-auction-top-slide.is-top-active:not(.is-count-ready) .home-auction-top-copy > strong {
  visibility: hidden !important;
}

.home-auction-top-slide.is-top-active.is-count-ready .home-auction-top-copy > strong {
  visibility: visible !important;
  animation: home-auction-count-paint .72s cubic-bezier(.16,.88,.26,1.08) both !important;
}

.home-auction-top-slide.is-clickable { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.home-auction-top-slide.is-clickable:focus-visible { outline: 3px solid rgba(255,255,255,.96); outline-offset: -5px; }
.home-auction-winner-ticker {
  position: absolute;
  z-index: 12;
  right: 0;
  bottom: 0;
  left: 0;
  height: clamp(24px, 4.4vw, 32px);
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.38);
  background: linear-gradient(90deg,rgba(4,82,117,.88),rgba(7,111,151,.78),rgba(4,82,117,.88));
  color: #fff;
  direction: rtl;
  pointer-events: none;
}
.home-auction-winner-ticker[hidden] { display: none !important; }
.home-auction-winner-ticker > span {
  position: absolute;
  left: 0;
  top: 50%;
  width: max-content;
  max-width: none;
  white-space: nowrap;
  font: 850 clamp(.58rem,1.35vw,.76rem)/1.5 Vazirmatn,Tahoma,Arial,sans-serif;
  letter-spacing: -.01em;
  opacity: 0;
  transform: translate(-100%,-50%);
  will-change: left,transform,opacity;
  display: inline-flex;
  align-items: center;
}
.home-auction-winner-ticker.is-loading > span,
.home-auction-winner-ticker.is-empty > span {
  left: 50%;
  opacity: 1;
  transform: translate(-50%,-50%);
  animation: none !important;
}
.home-auction-ticker-loading {
  font: inherit;
  font-weight: 900;
  opacity: .96;
}
.home-auction-ticker-title { font: inherit; font-weight: 950; margin-inline-end: 7px; }
.home-auction-ticker-package { display: inline-flex; align-items: center; flex: 0 0 auto; }
.home-auction-ticker-package small { font: inherit; font-weight: 800; margin-inline-start: 3px; }
.home-auction-ticker-smile-logo {
  width: 20px;
  height: 18px;
  flex: 0 0 20px;
  margin-inline: 12px;
  overflow: hidden;
  background: url("/assets/smile-logo-transparent.png?v=S1114G") center top / 20px auto no-repeat;
}
.home-auction-top-slide.is-top-active .home-auction-winner-ticker > span {
  animation: home-auction-winner-news 7.2s linear .12s both;
}

.home-auction-top-confetti {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.home-auction-top-confetti i {
  position: absolute;
  top: -14%;
  left: var(--acf-x);
  width: var(--acf-w);
  height: var(--acf-h);
  border-radius: 2px;
  background: #fff;
  opacity: .88;
  transform: translate3d(0,-20px,0) rotate(0deg);
}

.home-auction-top-confetti i:nth-child(3n+2) { background: #0a9fd0; opacity: .78; }
.home-auction-top-confetti i:nth-child(3n) { background: #dff7ff; opacity: .96; }
.home-auction-top-slide.is-top-active .home-auction-top-confetti i {
  animation: home-auction-confetti-fall var(--acf-duration) var(--acf-delay) linear infinite;
}

.home-auction-top-donut.is-top-active .home-cardex-personal-copy h2,
.home-auction-top-donut.is-top-active .home-cardex-personal-copy > strong,
.home-auction-top-donut.is-top-active .home-cardex-personal-copy > p,
.home-auction-top-donut.is-top-active .home-cardex-personal-copy > button {
  animation: home-donut-copy-step .46s cubic-bezier(.18,.88,.28,1.08) both;
}
.home-auction-top-donut.is-top-active .home-cardex-personal-copy > strong { animation-delay: .09s; }
.home-auction-top-donut.is-top-active .home-cardex-personal-copy > p { animation-delay: .17s; }
.home-auction-top-donut.is-top-active .home-cardex-personal-copy > button { animation-delay: .25s; }

/* No pagination dots in signed-in Home sliders; swipe remains enabled. */
.is-home-cardex-carousel .public-home-slider-controls,
.is-home-cardex-carousel .public-home-slider-dots {
  display: none !important;
}

@keyframes home-auction-gavel-enter {
  from { opacity: 0; transform: translate3d(38%,0,0) rotate(-2deg) scale(.92); }
  to { opacity: 1; transform: translate3d(0,0,0) rotate(0deg) scale(1); }
}
@keyframes home-auction-gavel-float {
  0%,100% { transform: translate3d(-2px,1px,0) rotate(-.7deg) scale(1); }
  50% { transform: translate3d(5px,-5px,0) rotate(.85deg) scale(1.015); }
}
@keyframes home-auction-copy-enter {
  from { opacity: 0; transform: translate3d(-38%,0,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes home-auction-count-reveal {
  from { opacity: 0; transform: translateY(10px) scale(.94); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes home-auction-count-paint {
  from { opacity: .01; transform: translateY(8px) scale(.94); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes home-auction-winner-news {
  0% { left: 0; opacity: 0; transform: translate(-100%,-50%); }
  4% { opacity: 1; }
  96% { opacity: 1; }
  100% { left: 100%; opacity: 0; transform: translate(0,-50%); }
}
@keyframes home-auction-confetti-fall {
  from { top: -14%; transform: translate3d(0,-20px,0) rotate(0); }
  to { top: 114%; transform: translate3d(var(--acf-drift),20px,0) rotate(var(--acf-rotate)); }
}
@keyframes home-donut-copy-step {
  from { opacity: 0; transform: translate3d(26px,0,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}

@media (max-width: 620px) {
  .home-auction-top-stage { grid-template-columns: 56% 44%; padding: 4px 7px; }
  .home-auction-top-gavel { width: min(108%, 190px); }
  .home-auction-top-copy { gap: 3px; }
  .home-auction-top-copy > span { font-size: clamp(.58rem, 2.75vw, .74rem); }
  .home-auction-top-copy > strong {
    min-width: 94%;
    padding: 7px 7px;
    border-radius: 9px;
    font-size: clamp(.92rem, 5.1vw, 1.24rem);
  }
  .home-auction-top-copy > small { font-size: clamp(.59rem, 2.9vw, .76rem); }
  .home-auction-top-confetti i { opacity: .82; }
  .home-auction-top-stage { padding-bottom: 26px; }
  .home-auction-winner-ticker { height: 24px; }
  .home-auction-winner-ticker > span { font-size: clamp(.54rem,2.3vw,.66rem); }

  .home-auction-top-stage {
    grid-template-columns: minmax(0, 56%) minmax(0, 44%);
  }

  .home-auction-top-copy {
    min-width: 0;
    width: 100%;
    overflow: visible !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-auction-top-slide.is-top-active .home-auction-top-gavel,
  .home-auction-top-slide.is-top-active .home-auction-top-copy,
  .home-auction-top-slide.is-top-active .home-auction-top-copy > strong,
  .home-auction-top-donut.is-top-active .home-cardex-personal-copy > * {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
  }
  .home-auction-top-confetti i { animation: none !important; }
}
