/* ===== Duclsaty WhyChoose | Module 1 Hero (Scoped | v3.9 GUARANTEED 2-line H1) ===== */
#dwyc-m1{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:#333;
  line-height:1.6;
}
#dwyc-m1 *{box-sizing:border-box;}

#dwyc-m1 .sec{padding:56px 0;}

#dwyc-m1 .hero{
  position:relative;
  overflow:hidden;
  border-radius:12px;
  min-height:480px;
  height:min(100svh, 650px);
}

#dwyc-m1 .bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1);
  transition:transform .6s ease;
  will-change:transform;
}

#dwyc-m1 .ov{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.08);
}

#dwyc-m1 .hero-1920{
  position:relative;
  height:100%;
  max-width:1920px;
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 72px);
}

#dwyc-m1 .inner{
  height:100%;
  max-width:1200px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(28px, 6vh, 64px) 0;
}

/* Desktop: stronger right alignment, but still safe */
#dwyc-m1 .content-right{
  max-width:760px;
  margin-left:70%;
  transform:translateX(-8%);
  text-align:left;
}

/* Ultra-wide screens */
@media (min-width:1600px){
  #dwyc-m1 .content-right{
    margin-left:72%;
    transform:translateX(-10%);
  }
}

/* ===== Typography ===== */
#dwyc-m1 h1{
  margin:0;
  font-size:40px;
  font-weight:700;
  line-height:1.25;
  color:#fff;
  text-shadow:0 2px 4px rgba(0,0,0,.3);
}

/* GUARANTEE: H1 always exactly TWO lines on desktop */
@media (min-width:1024px){
  #dwyc-m1 .h1-line{
    display:block;
    white-space:nowrap;
  }
}

#dwyc-m1 .sub{
  margin:32px 0 0;
  font-size:22px;
  font-weight:600;
  line-height:1.5;
  color:#fff;
  text-shadow:0 2px 4px rgba(0,0,0,.3);
  max-width:62ch;
}

#dwyc-m1 .body{
  margin:24px 0 0;
  font-size:18px;
  font-weight:400;
  line-height:1.8;
  color:#fff;
  text-shadow:0 2px 4px rgba(0,0,0,.3);
  max-width:72ch;
}

@media (min-width:1024px){
  #dwyc-m1 .sub,
  #dwyc-m1 .body{
    max-width:none;
    white-space:nowrap;
  }
}

/* CTA */
#dwyc-m1 .actions{
  margin-top:40px;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
#dwyc-m1 .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:16px;
  font-weight:600;
  line-height:1;
  padding:14px 24px;
  border-radius:8px;
  border:1px solid transparent;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
}
#dwyc-m1 .btn.primary{background:#8B5A2B;color:#fff;border-color:#8B5A2B;}
#dwyc-m1 .btn.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.65);}

@media (hover:hover) and (pointer:fine){
  #dwyc-m1 .hero:hover .bg{transform:scale(1.25);}
  #dwyc-m1 .btn:hover{transform:translateY(-1px);}
  #dwyc-m1 .btn.secondary:hover{border-color:rgba(255,255,255,.9);opacity:.95;}
}

#dwyc-m1 .divider{
  height:1px;
  background:#f0f0f0;
  max-width:1440px;
  margin:0 auto;
}

/* ===== Mobile ===== */
@media (max-width:768px){
  #dwyc-m1 .hero{min-height:480px;height:min(100svh, 560px);}
  #dwyc-m1 h1{font-size:32px;}

  #dwyc-m1 .h1-line{
    display:inline;
    white-space:normal;
  }

  #dwyc-m1 .sub{
    margin-top:20px;
    font-size:20px;
    white-space:normal;
    max-width:60ch;
  }

  #dwyc-m1 .body{
    margin-top:16px;
    font-size:16.5px;
    line-height:1.9;
    white-space:normal;
    max-width:70ch;
  }

  #dwyc-m1 .actions{margin-top:24px;gap:14px;}
  #dwyc-m1 .btn{width:100%;}

  #dwyc-m1 .content-right{
    margin-left:0;
    transform:none;
    max-width:100%;
  }
}