/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2026 | 06:12:52 */
/* Moonva mobile and tablet ecommerce layout */
@media (max-width: 1024px) {
  .mv-home .mv-video { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .mv-home .mv-banner {
    min-height: 520px !important;
    padding: 250px 46px 42px !important;
    background: linear-gradient(90deg, rgba(10, 13, 12, .84), rgba(10, 13, 12, .22)), url('https://themoonva.com/wp-content/uploads/2026/09/plain-garments.png') center / cover no-repeat !important;
  }
  .mv-home .mv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; }
}

@media (max-width: 767px) {
  .mv-home .mv-banner {
    min-height: 640px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 220px 22px 28px !important;
    background: linear-gradient(180deg, rgba(8, 12, 10, .08) 0%, rgba(8, 12, 10, .88) 68%), url('https://themoonva.com/wp-content/uploads/2026/09/plain-garments.png') center / cover no-repeat !important;
  }
  .mv-home .mv-eyebrow { font-size: 11px !important; letter-spacing: .19em !important; }
  .mv-home .mv-banner h1 { color: #fff !important; font-size: 36px !important; line-height: 1.05 !important; margin: 10px 0 14px !important; }
  .mv-home .mv-sub { color: rgba(255,255,255,.86) !important; font-size: 16px !important; line-height: 1.45 !important; }
  .mv-home .mv-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; width: 100% !important; margin-top: 22px !important; flex-direction: unset !important; }
  .mv-home .mv-actions .mv-btn { width: 100% !important; min-height: 52px !important; padding: 10px 8px !important; justify-content: center !important; text-align: center !important; font-size: 13px !important; }
  .mv-home .mv-wrap { padding-left: 18px !important; padding-right: 18px !important; }
  .mv-home .mv-heading { margin-bottom: 22px !important; }
  .mv-home .mv-heading h2 { font-size: 31px !important; line-height: 1.08 !important; }
  .mv-home .mv-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .mv-home .mv-card { border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 8px 20px rgba(15, 23, 42, .14) !important; }
  .mv-home .mv-card img { height: 185px !important; aspect-ratio: auto !important; object-fit: cover !important; }
  .mv-home .mv-card-copy { padding: 15px 13px 14px !important; }
  .mv-home .mv-card h3 { font-size: 19px !important; line-height: 1.12 !important; margin-bottom: 8px !important; }
  .mv-home .mv-card-copy p { display: none !important; }
  .mv-home .mv-card .mv-btn { min-height: 43px !important; width: 100% !important; justify-content: center !important; padding: 8px !important; font-size: 12px !important; text-align: center !important; }
  .mv-home .mv-steps { gap: 16px !important; }
  .mv-home .mv-step-number { margin-bottom: 8px !important; }
  .mv-home .mv-trust { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .mv-home .mv-trust > * { min-height: 102px !important; }
}