/* APPARELLY BLANK — V65 Contact Unbox + Shorter Home Hero */

/* ----------------------------------------------------------
   1. CONTACT PAGE: LESS BOXED, MORE EDITORIAL TECHWEAR
---------------------------------------------------------- */

.ablk-contact-v60 {
  width: min(100% - 28px, 1280px) !important;
}

/* Hero stays strong, but less bubble-card */
.ablk-contact-v60 .ablk-v60-contact-hero {
  min-height: clamp(320px, 38vw, 480px) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(243,196,0,.20) !important;
  background:
    linear-gradient(115deg, rgba(243,196,0,.12), transparent 30%),
    linear-gradient(145deg, rgba(239,232,216,.045), rgba(239,232,216,.012)),
    #090909 !important;
  box-shadow:
    inset 0 0 0 1px rgba(239,232,216,.035),
    0 24px 70px rgba(0,0,0,.24) !important;
}

/* Turn the email strip into a slim signal bar */
.ablk-contact-v60 .ablk-v60-contact-strip {
  margin-top: 12px !important;
  padding: 12px 16px !important;
  border-radius: 0 !important;
  border-left: 3px solid #f3c400 !important;
  border-right: 0 !important;
  border-top: 1px solid rgba(239,232,216,.10) !important;
  border-bottom: 1px solid rgba(239,232,216,.10) !important;
  background: rgba(239,232,216,.035) !important;
  box-shadow: none !important;
}

/* Remove heavy card-box feeling */
.ablk-contact-v60 .ablk-v60-contact-grid,
.ablk-contact-v60 .ablk-v60-contact-actions {
  gap: 12px !important;
  margin-top: 12px !important;
}

/* Contact cards become sharp info modules, not rounded boxes */
.ablk-contact-v60 .ablk-v60-contact-card,
.ablk-contact-v60 .ablk-v60-action-panel {
  border-radius: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(239,232,216,.14) !important;
  border-left: 1px solid rgba(239,232,216,.10) !important;
  background:
    linear-gradient(135deg, rgba(239,232,216,.04), rgba(239,232,216,.012)) !important;
  box-shadow: none !important;
  padding: clamp(18px, 2.4vw, 30px) !important;
  min-height: unset !important;
}

/* Add a small cyber marker on each contact card */
.ablk-contact-v60 .ablk-v60-contact-card::before,
.ablk-contact-v60 .ablk-v60-action-panel::before {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin-bottom: 14px;
  background: linear-gradient(90deg, #f3c400, transparent);
  box-shadow: 0 0 14px rgba(243,196,0,.35);
}

/* Order tracking should feel like a functional console */
.ablk-contact-v60 .ablk-v60-order-tracking {
  margin-top: 12px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(239,232,216,.12) !important;
  border-left: 3px solid rgba(243,196,0,.85) !important;
  background:
    linear-gradient(135deg, rgba(243,196,0,.06), transparent 34%),
    rgba(239,232,216,.028) !important;
  box-shadow: none !important;
  padding: clamp(20px, 3vw, 36px) !important;
}

/* Final CTA should be a sharp banner, not another card */
.ablk-contact-v60 .ablk-v60-contact-final {
  margin-top: 12px !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(243,196,0,.26) !important;
  border-bottom: 1px solid rgba(243,196,0,.16) !important;
  background:
    linear-gradient(90deg, rgba(243,196,0,.12), transparent 45%),
    rgba(239,232,216,.025) !important;
  box-shadow: none !important;
}

/* Less giant Contact type */
.ablk-contact-v60 h1 {
  font-size: clamp(2.8rem, 7vw, 6.6rem) !important;
  line-height: .86 !important;
}

.ablk-contact-v60 h2 {
  font-size: clamp(1.7rem, 3.2vw, 3.4rem) !important;
}

/* ----------------------------------------------------------
   2. HOME PAGE HERO: SHORTER FIRST SCREEN
---------------------------------------------------------- */

/* Broad but home-only, catches the current home hero versions */
body.home .ablk-v21-hero-copy,
body.home .ablk-v21-hero-image-panel,
body.home .ablk-home-hero,
body.home .ablk-hero,
body.home .ablk-mosaic-hero,
body.home .ablk-v48-hero {
  min-height: clamp(340px, 42vw, 520px) !important;
}

/* Reduce top/bottom bulk in hero panels */
body.home .ablk-v21-hero-copy,
body.home .ablk-home-hero,
body.home .ablk-hero,
body.home .ablk-v48-hero {
  padding-top: clamp(22px, 3.4vw, 48px) !important;
  padding-bottom: clamp(22px, 3.4vw, 48px) !important;
}

/* If home uses the big editorial H1, tighten it */
body.home h1 {
  font-size: clamp(3rem, 8vw, 7.2rem) !important;
  line-height: .84 !important;
}

/* Reduce huge hero media panels without killing the image */
body.home .ablk-v21-hero-image-panel img,
body.home .ablk-home-hero img,
body.home .ablk-hero img,
body.home .ablk-mosaic-hero img {
  object-fit: cover !important;
}

/* ----------------------------------------------------------
   3. MOBILE
---------------------------------------------------------- */

@media (max-width: 820px) {
  .ablk-contact-v60 {
    width: calc(100% - 20px) !important;
  }

  .ablk-contact-v60 .ablk-v60-contact-hero {
    min-height: 330px !important;
    padding: 20px !important;
  }

  .ablk-contact-v60 .ablk-v60-contact-card,
  .ablk-contact-v60 .ablk-v60-action-panel,
  .ablk-contact-v60 .ablk-v60-order-tracking,
  .ablk-contact-v60 .ablk-v60-contact-final {
    padding: 18px !important;
  }

  body.home .ablk-v21-hero-copy,
  body.home .ablk-v21-hero-image-panel,
  body.home .ablk-home-hero,
  body.home .ablk-hero,
  body.home .ablk-mosaic-hero,
  body.home .ablk-v48-hero {
    min-height: clamp(300px, 82vw, 430px) !important;
  }

  body.home h1 {
    font-size: clamp(2.7rem, 13vw, 4.9rem) !important;
  }
}