

/* ===== extracted from contact.html: shipping-scroll-reveal-final-v3 ===== */
.viliante-editorial-split .viliante-editorial-copy,
.viliante-editorial-split .viliante-editorial-image{
  opacity:0 !important;
  transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1) !important;
}

.viliante-editorial-split .viliante-editorial-copy{ transform:translateX(-80px) !important; }
.viliante-editorial-split .viliante-editorial-image{ transform:translateX(80px) !important; }

.viliante-editorial-split.reverse .viliante-editorial-image{ transform:translateX(-80px) !important; }
.viliante-editorial-split.reverse .viliante-editorial-copy{ transform:translateX(80px) !important; }

.viliante-editorial-split.viliante-visible .viliante-editorial-copy,
.viliante-editorial-split.viliante-visible .viliante-editorial-image{
  opacity:1 !important;
  transform:translateX(0) !important;
}


/* ===== extracted from contact.html: contact-final-inner-hero-match-v1 ===== */


/* ===== extracted from contact.html: contact-left-align-hero-content-v1 ===== */


/* ===== extracted from contact.html: contact-hero-unified-light-final-v1 ===== */


/* ===== extracted from contact.html: shipping-band-color-final-v2 ===== */
.viliante-editorial-band{
  background: linear-gradient(135deg, #f8efe4 0%, #ffffff 55%, #eef5ff 100%) !important;
  border:1px solid rgba(215,181,143,.35) !important;
  box-shadow:0 26px 70px rgba(6,17,36,.08) !important;
}

.viliante-editorial-band h2{
  color:#061124 !important;
}

.viliante-editorial-band p{
  color:#34425a !important;
}


/* ===== extracted from contact.html: contact-preview-match-shipping-layout-v3 ===== */


/* ===== extracted from contact.html: contact-preview-badge-match-shipping-v1 ===== */


/* ===== extracted from contact.html: contact-preview-remove-bottom-white-gap-v1 ===== */
html,
body {
  margin: 0 !important;
}


/* ===== extracted from contact.html: contact-minimal-row-final-v1 ===== */
.contact-hero-cards {
  display: flex !important;
  align-items: center !important;
  gap: 34px !important;
  margin-top: 36px !important;
  flex-wrap: wrap !important;
}

.contact-hero-cards a,
.contact-hero-cards a:link,
.contact-hero-cards a:visited {
  min-width: auto !important;
  max-width: none !important;
  padding: 0 0 14px 0 !important;

  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  color: #ffffff !important;
  text-decoration: none !important;

  border-bottom: 1px solid rgba(255,255,255,.42) !important;
}

.contact-hero-cards a span {
  display: block !important;
  margin-bottom: 10px !important;

  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.contact-hero-cards a strong {
  display: block !important;

  color: #ffffff !important;
  font-size: clamp(22px, 1.7vw, 30px) !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  line-height: 1.05 !important;
}

.contact-hero-cards a:hover {
  border-bottom-color: rgba(255,255,255,.85) !important;
}

@media (max-width: 768px) {
  .contact-hero-cards {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 22px !important;
  }
}


/* ===== extracted from contact.html: contact-desktop-hero-cards-visible-v1 ===== */
@media (min-width:901px){
  .contact-hero-cards{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:30px !important;
    margin-top:22px !important;
    padding-bottom:0 !important;
    transform:translateY(-6px) !important;
    position:relative !important;
    z-index:8 !important;
  }

  .contact-hero-cards a{
    display:block !important;
    min-width:260px !important;
    max-width:390px !important;
    color:#ffffff !important;
    text-decoration:none !important;
    overflow:visible !important;
  }

  .contact-hero-cards span,
  .contact-hero-cards strong{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}


/* ===== extracted from contact.html: contact-desktop-hero-card-values-force-visible-v1 ===== */


/* ===== extracted from contact.html: contact-match-benefits-hero-final-v1 ===== */


/* ===== extracted from contact.html: contact-hero-match-faq-final-v1 ===== */
