/*
 * Da Vat Hy Lures — Phase 23B.7N
 * Contact — Home Page Section Rhythm
 *
 * Contact is a direct-action/trust page:
 * obvious WhatsApp/email first, then quick routes, then order context.
 */

body.dvh22-contact-page{
  --dvh23b7n-line:rgba(12,47,37,.11);
  --dvh23b7n-green:#06452f;
  --dvh23b7n-deep:#003824;
  --dvh23b7n-gold:#e6a821;
  --dvh23b7n-cream:#f7f3e9;
  background:#f4efe5!important;
}

body.dvh22-contact-page .dvh22-shell-wrap{
  width:min(1500px,88.5vw)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ===============================================================
   HERO — direct, compact, high trust
   =============================================================== */
body.dvh22-contact-page .dvh210-hero{
  padding:26px 0 24px!important;
  background:linear-gradient(118deg,#073d2f 0%,#0a4b38 58%,#355c3d 100%)!important;
}

body.dvh22-contact-page .dvh210-hero-grid{
  grid-template-columns:minmax(380px,.86fr) minmax(0,1.14fr)!important;
  gap:42px!important;
  align-items:center!important;
}

body.dvh22-contact-page .dvh210-hero-copy h1{
  max-width:620px;
  margin:4px 0 9px!important;
  font-size:clamp(2.8rem,4.6vw,4.3rem)!important;
  line-height:.92!important;
}

body.dvh22-contact-page .dvh210-hero-copy p{
  max-width:610px!important;
  font-size:.80rem!important;
  line-height:1.5!important;
}

body.dvh22-contact-page .dvh210-actions{
  margin-top:14px!important;
  gap:8px!important;
}

body.dvh22-contact-page .dvh210-btn{
  min-height:39px!important;
  padding:8px 14px!important;
  border-radius:4px!important;
  box-shadow:none!important;
}

/* Direct contact becomes a flat contact ledger, not a glass card. */
body.dvh22-contact-page .dvh210-direct{
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.20)!important;
  border-bottom:1px solid rgba(255,255,255,.20)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.dvh22-contact-page .dvh210-direct .dvh210-card-kicker{
  padding:10px 0 7px!important;
  margin:0!important;
}

body.dvh22-contact-page .dvh210-direct-row{
  grid-template-columns:100px minmax(0,1fr)!important;
  min-height:70px;
  padding:11px 0!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
}

body.dvh22-contact-page .dvh210-direct-row b{
  font-size:.64rem!important;
}

body.dvh22-contact-page .dvh210-direct-row strong{
  font-size:.82rem!important;
}

body.dvh22-contact-page .dvh210-direct-row small{
  max-width:540px;
  font-size:.59rem!important;
}

body.dvh22-contact-page .dvh210-social{
  min-height:48px;
  padding:8px 0!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
}

body.dvh22-contact-page .dvh210-social a{
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
}

/* ===============================================================
   QUICK ROUTES — one flat horizontal band
   =============================================================== */
body.dvh22-contact-page .dvh210-route-section{
  padding:24px 0 26px!important;
  background:#f7f3e9!important;
  border-bottom:1px solid var(--dvh23b7n-line)!important;
}

body.dvh22-contact-page .dvh210-section-head{
  max-width:700px;
  margin-bottom:12px!important;
}

body.dvh22-contact-page .dvh210-section-head h2{
  margin:3px 0 0!important;
  font-size:clamp(1.55rem,2.5vw,2.05rem)!important;
}

body.dvh22-contact-page .dvh210-route-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--dvh23b7n-line);
  border-bottom:1px solid var(--dvh23b7n-line);
}

body.dvh22-contact-page .dvh210-route-grid>a{
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:9px!important;
  padding:15px 18px!important;
  border:0!important;
  border-right:1px solid var(--dvh23b7n-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.dvh22-contact-page .dvh210-route-grid>a:last-child{
  border-right:0!important;
}

body.dvh22-contact-page .dvh210-route-grid>a:hover{
  background:#fffdf8!important;
}

body.dvh22-contact-page .dvh210-route-grid>a>span{
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  font-size:.51rem!important;
}

body.dvh22-contact-page .dvh210-route-grid strong{
  font-size:.75rem!important;
}

body.dvh22-contact-page .dvh210-route-grid small{
  margin-top:3px!important;
  font-size:.59rem!important;
  line-height:1.4!important;
}

body.dvh22-contact-page .dvh210-route-grid b{
  margin-top:8px!important;
  color:#0b4a37;
  font-size:.56rem!important;
}

/* ===============================================================
   ORDERS + STOCKIST — broad white information section
   =============================================================== */
body.dvh22-contact-page .dvh210-note-section{
  padding:27px 0 29px!important;
  background:#fff!important;
  border-bottom:1px solid var(--dvh23b7n-line);
}

body.dvh22-contact-page .dvh210-note-grid{
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)!important;
  gap:38px!important;
  align-items:center!important;
}

body.dvh22-contact-page .dvh210-order-note{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.dvh22-contact-page .dvh210-order-note h2{
  max-width:750px;
  margin:4px 0 7px!important;
  font-size:clamp(1.55rem,2.4vw,2rem)!important;
}

body.dvh22-contact-page .dvh210-order-note p{
  max-width:820px!important;
  font-size:.68rem!important;
}

body.dvh22-contact-page .dvh210-note-actions{
  margin-top:12px!important;
  gap:12px!important;
}

/* Stockist = simple gold-rule callout, not a card. */
body.dvh22-contact-page .dvh210-stockist{
  padding:12px 0 12px 18px!important;
  border:0!important;
  border-left:3px solid #e2a41b!important;
  border-radius:0!important;
  background:transparent!important;
}

body.dvh22-contact-page .dvh210-stockist strong{
  margin:4px 0 4px!important;
  font-size:1.08rem!important;
}

body.dvh22-contact-page .dvh210-stockist p{
  font-size:.64rem!important;
}

/* ===============================================================
   FINAL CTA — light band so the green footer stays distinct
   =============================================================== */
body.dvh22-contact-page .dvh210-final{
  padding:0!important;
  background:#f7f3e9!important;
  border-bottom:1px solid var(--dvh23b7n-line);
}

body.dvh22-contact-page .dvh210-final-card{
  min-height:104px;
  padding:19px 0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0b392d!important;
}

body.dvh22-contact-page .dvh210-final-card .dvh210-kicker{
  color:#b77b12!important;
}

body.dvh22-contact-page .dvh210-final-card h2{
  margin:3px 0 5px!important;
  color:#0b392d!important;
  font-size:1.45rem!important;
}

body.dvh22-contact-page .dvh210-final-card p{
  max-width:760px;
  color:#68756f!important;
  font-size:.65rem!important;
}

body.dvh22-contact-page .dvh210-final-card .dvh210-btn-gold{
  flex:0 0 auto;
}

/* ===============================================================
   RESPONSIVE
   =============================================================== */
@media(max-width:1000px){
  body.dvh22-contact-page .dvh210-hero-grid,
  body.dvh22-contact-page .dvh210-note-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  body.dvh22-contact-page .dvh210-direct{
    max-width:760px;
  }
}

@media(max-width:700px){
  body.dvh22-contact-page .dvh22-shell-wrap{
    width:calc(100% - 32px)!important;
  }

  body.dvh22-contact-page .dvh210-hero{
    padding:20px 0 18px!important;
  }

  body.dvh22-contact-page .dvh210-hero-copy h1{
    font-size:clamp(2.25rem,11vw,3.1rem)!important;
  }

  body.dvh22-contact-page .dvh210-hero-copy p{
    font-size:.72rem!important;
  }

  body.dvh22-contact-page .dvh210-actions{
    grid-template-columns:1fr 1fr!important;
  }

  body.dvh22-contact-page .dvh210-direct-row{
    grid-template-columns:74px minmax(0,1fr)!important;
    min-height:0;
    padding:9px 0!important;
  }

  body.dvh22-contact-page .dvh210-route-section{
    padding:21px 0 22px!important;
  }

  body.dvh22-contact-page .dvh210-route-grid{
    grid-template-columns:1fr!important;
  }

  body.dvh22-contact-page .dvh210-route-grid>a,
  body.dvh22-contact-page .dvh210-route-grid>a:last-child{
    min-height:0!important;
    grid-column:auto!important;
    padding:11px 0!important;
    border-right:0!important;
    border-bottom:1px solid var(--dvh23b7n-line)!important;
  }

  body.dvh22-contact-page .dvh210-route-grid>a:last-child{
    border-bottom:0!important;
  }

  body.dvh22-contact-page .dvh210-note-section{
    padding:22px 0 24px!important;
  }

  body.dvh22-contact-page .dvh210-stockist{
    padding-left:13px!important;
  }

  body.dvh22-contact-page .dvh210-final-card{
    min-height:0;
    padding:17px 0!important;
    gap:11px!important;
  }
}

@media(max-width:400px){
  body.dvh22-contact-page .dvh210-actions{
    grid-template-columns:1fr!important;
  }
}