/* DTC Senior Trust Design System */
:root {
  --mv-bg-warm: #FAF7F1;
  --mv-bg-cool: #EAF7FB;
  --mv-text-main: #172033;
  --mv-text-body: #4E5D6C;
  --mv-cta-primary: #0C7FA8;
  --mv-cta-hover: #075F80;
  --mv-action-primary: #E3A322;
  --mv-action-hover: #C98C17;
  --mv-accent: #D89A24;
  --mv-success: #2F8A5B;
  --mv-border: #D9E4EA;
  --mv-warning-bg: #FFF7E8;
  --mv-font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.mv-site {
  font-family: var(--mv-font-family);
  color: var(--mv-text-body);
  font-size: 18px;
  line-height: 1.6;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}

.mv-site h1, .mv-site h2, .mv-site h3, .mv-site h4 {
  color: var(--mv-text-main);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1rem;
}

.mv-site h1 { font-size: clamp(34px, 5vw, 48px); font-weight: 700; }
.mv-site h2 { font-size: clamp(28px, 4vw, 36px); font-weight: 700; }
.mv-site h3 { font-size: 22px; font-weight: 600; }

.mv-site p {
  margin-bottom: 1.5rem;
}

/* Layout Utilities */
.mv-block {
  padding: 4rem 1rem;
}

.mv-shell {
  max-width: 1200px;
  margin: 0 auto;
}

.mv-eyebrow {
  color: var(--mv-cta-primary);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

/* Button */
.mv-btn {
  display: inline-block;
  background-color: var(--mv-cta-primary);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 20px;
  padding: 18px 32px;
  border-radius: 8px;
  text-align: center;
  transition: background-color 0.2s ease;
  min-height: 48px;
  border: none;
  cursor: pointer;
  width: 100%;
  max-width: 400px;
}

.mv-btn:hover {
  background-color: var(--mv-cta-hover);
  color: #fff;
}

/* Hero Section */
.mv-hero {
  background-color: var(--mv-bg-warm);
  padding: 3rem 1rem;
}

.mv-hero-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3rem;
}

.mv-hero-content {
  flex: 1;
  min-width: 300px;
}

.mv-hero-media {
  flex: 1;
  min-width: 300px;
  position: relative;
}

.mv-hero-media img, .mv-hero-media video {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 15px 30px rgba(0,0,0,0.08);
  display: block;
}

/* Trust List */
.mv-trust-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
  font-weight: 600;
  color: var(--mv-text-main);
}

.mv-trust-list span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mv-trust-list svg {
  color: var(--mv-success);
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .mv-block { padding: 5rem 2rem; }
  .mv-trust-list { flex-direction: row; flex-wrap: wrap; gap: 1.5rem; }
  .mv-btn { width: auto; }
}

.mv-grid-4 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media (min-width: 600px) {
  .mv-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  .mv-grid-4 { grid-template-columns: repeat(4, 1fr); }
}
.mv-card {
  background: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  text-align: left;
}
.mv-card h3 {
  font-size: 20px;
  margin-top: 1rem;
}
.mv-block--soft {
  background-color: var(--mv-bg-cool);
}


/* Grid 3 */
.mv-grid-3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media (min-width: 768px) {
  .mv-grid-3 { grid-template-columns: repeat(3, 1fr); }
}

/* Gold Button Style (Kinzeno clone) */
.mv-btn-gold {
  background: linear-gradient(135deg, #FAD961 0%, #F76B1C 100%);
  color: #172033;
  box-shadow: 0 4px 15px rgba(247, 107, 28, 0.3);
  text-shadow: none;
  font-weight: 800;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.mv-btn-gold:hover {
  background: linear-gradient(135deg, #F76B1C 0%, #FAD961 100%);
  color: #172033;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(247, 107, 28, 0.4);
}

/* Senior-friendly homepage visual system */
.mv-clone-hero{min-height:680px;background:var(--mv-bg-warm)}
.mv-clone-hero-overlay{background:linear-gradient(to right,rgba(250,247,241,.98) 0%,rgba(250,247,241,.9) 42%,rgba(250,247,241,.18) 75%,rgba(250,247,241,0) 100%)!important}
.mv-clone-hero-title,.mv-clone-pain-grid-title{color:var(--mv-text-main)!important}
.mv-clone-hero-subtitle{color:#435261!important;line-height:1.6}
.mv-clone-gold-btn,.mv-btn-gold{min-height:56px;border:3px solid var(--mv-text-main)!important;border-radius:8px!important;background:var(--mv-action-primary)!important;color:var(--mv-text-main)!important;box-shadow:0 4px 0 var(--mv-text-main)!important;text-transform:none!important;font-size:19px!important;padding:15px 30px!important}
.mv-clone-gold-btn:hover,.mv-btn-gold:hover{background:var(--mv-action-hover)!important;color:var(--mv-text-main)!important;transform:none}
.mv-clone-gold-check{background:var(--mv-success)!important;box-shadow:none}
.mv-clone-pain-grid-section{background:#fff!important}
.mv-clone-pain-card{border-radius:10px;box-shadow:0 8px 24px rgba(23,32,51,.1)}
.mv-clone-pain-card-title{font-size:20px!important}
.mv-block p,.mv-block li{font-size:18px;line-height:1.65;color:#435261}
.mv-one-gel-grid .mv-gel-card{background:#fff!important;border-color:var(--mv-border)!important}
.mv-one-gel-grid .mv-gel-card-title{font-size:19px!important}
.mv-one-gel-grid .mv-gel-card-text{font-size:17px!important;line-height:1.6!important}
.mv-trust-feed-grid .mv-card p{font-size:17px!important}
.mv-home-offer{min-height:250px;border-color:var(--mv-border)}
.mv-home-offer__action{font-size:18px}
.mv-logo-list{padding:32px 16px!important}
.mv-sticky-cta .mv-btn{min-height:54px;border-radius:8px;font-size:18px!important}
.mv-clone-gold-btn:focus-visible,.mv-btn:focus-visible,.mv-home-offer:focus-visible{outline:3px solid var(--mv-accent);outline-offset:3px}
@media(max-width:600px){.mv-clone-hero{min-height:auto}.mv-clone-hero-overlay{background:linear-gradient(to bottom,rgba(250,247,241,.98) 0%,rgba(250,247,241,.88) 68%,rgba(250,247,241,.2) 100%)!important}.mv-clone-pain-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.mv-clone-pain-card{aspect-ratio:4/5!important}.mv-clone-pain-card-overlay{padding:1rem .8rem!important}.mv-clone-pain-card-title{font-size:17px!important}}
