/* =================== hc-hero-slide-product.css =================== */
/* Hero attached product (banner-product): price + CTA + HTMX ATC feedback. */

.hc-hero-slide__product {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
  padding: 12px 14px;
  max-width: 420px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 14px;
  background: rgba(15, 12, 9, 0.34);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.hc-hero-slide__price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-height: 30px;
}

.hc-hero-slide__cur {
  font-family: var(--hc-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1;
  color: #fff;
}

.hc-hero-slide__old {
  font-family: var(--hc-mono, "JetBrains Mono", monospace);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.72);
  text-decoration: line-through;
}

.hc-hero-slide__product .hc-util-inline {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hc-hero-slide__product .atc-ok,
.hc-hero-slide__product .atc-err {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
  font-family: var(--hc-mono, "JetBrains Mono", monospace);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.hc-hero-slide__product .atc-ok {
  color: #dcfbe7;
  background: rgba(52, 115, 79, 0.4);
  border: 1px solid rgba(175, 241, 207, 0.38);
}

.hc-hero-slide__product .atc-err {
  color: #ffe6de;
  background: rgba(143, 58, 36, 0.42);
  border: 1px solid rgba(255, 188, 165, 0.4);
}

@media (max-width: 900px) {
  .hc-hero-slide__product {
    max-width: 100%;
    margin-bottom: 14px;
  }
}