#hero .mb-12:has(h3) { display: none; }
#hero #shipping-drop-control.sd-drop-ready { display: block; visibility: visible; }

.sd-drop {
  width: min(850px, 100%);
  margin: 2rem auto 0;
  padding: 1.75rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(226, 232, 240, 0.82);
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(18px);
}

.sd-drop__copy { min-width: 0; }
.sd-drop__title-line { display: flex; align-items: center; gap: .75rem; }
.sd-drop__dot {
  width: .65rem;
  height: .65rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, .08), 0 0 12px rgba(37, 99, 235, .55);
}
.sd-drop__title {
  margin: 0;
  color: inherit;
  font: 700 clamp(1rem, 2.4vw, 1.35rem)/1.15 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.sd-drop__details {
  margin: .75rem 0 0;
  color: #64748b;
  font: 600 .72rem/1.7 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sd-drop__primary-date { color: #2563eb; }
.sd-drop__secondary-date { color: #334155; }
.sd-drop__completed { color: #2563eb; font-weight: 800; }
.sd-drop__message { text-transform: none; letter-spacing: .035em; }
.sd-drop__counters { display: flex; gap: .8rem; flex: 0 0 auto; }
.sd-drop__counter { display: flex; flex-direction: column; align-items: center; gap: .55rem; }
.sd-drop__box {
  min-width: 4rem;
  height: 4rem;
  display: grid;
  place-items: center;
  background: #fff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
}
.sd-drop__value {
  font: 750 2rem/1 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}
.sd-drop__label {
  color: #64748b;
  font: 800 .65rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dark .sd-drop {
  color: #f8fafc;
  background: rgba(5, 8, 15, .7);
  border-color: rgba(51, 65, 85, .72);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .22);
}
.dark .sd-drop__details, .dark .sd-drop__label { color: #94a3b8; }
.dark .sd-drop__primary-date { color: #60a5fa; }
.dark .sd-drop__secondary-date { color: #cbd5e1; }
.dark .sd-drop__box { background: #05080f; border: 1px solid #1e293b; box-shadow: none; }

@media (max-width: 760px) {
  .sd-drop { flex-direction: column; align-items: stretch; padding: 1.5rem; }
  .sd-drop__counters { justify-content: space-between; gap: .45rem; }
  .sd-drop__box { min-width: 3.3rem; height: 3.3rem; }
  .sd-drop__value { font-size: 1.55rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sd-drop__dot { box-shadow: none; }
}