/* Section 11 — structure tablette et ordinateur :
   ligne 1 : Lionel | Me contacter
   ligne 2 : WhatsApp QR | Envoyer un message */
@media (min-width:700px){
  #contact .contact-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:
      "owner direct"
      "qr form"!important;
    column-gap:clamp(28px,4vw,64px)!important;
    row-gap:clamp(34px,5vw,60px)!important;
    align-items:start!important;
    width:100%!important;
  }

  #contact .contact-grid > div:nth-child(1){
    grid-area:owner!important;
    grid-column:auto!important;
  }

  #contact .contact-grid > div:nth-child(2){
    grid-area:direct!important;
    grid-column:auto!important;
  }

  #contact .contact-grid > div:nth-child(3){
    grid-area:qr!important;
    grid-column:auto!important;
  }

  #contact .contact-grid > div:nth-child(4){
    grid-area:form!important;
    grid-column:auto!important;
  }

  #contact .owner{
    grid-template-columns:clamp(82px,8vw,105px) minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }

  #contact .owner img{
    width:clamp(82px,8vw,105px)!important;
    height:clamp(82px,8vw,105px)!important;
  }

  #contact .qr{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  #contact .qr img{
    width:min(210px,100%)!important;
    margin:8px 0 0!important;
  }

  #contact .form-grid{
    width:100%!important;
  }
}

/* Smartphone : retour naturel en une seule colonne. */
@media (max-width:699px){
  #contact .contact-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "owner"
      "direct"
      "qr"
      "form"!important;
    gap:30px!important;
  }

  #contact .contact-grid > div:nth-child(1){grid-area:owner!important}
  #contact .contact-grid > div:nth-child(2){grid-area:direct!important}
  #contact .contact-grid > div:nth-child(3){grid-area:qr!important}
  #contact .contact-grid > div:nth-child(4){grid-area:form!important}
}

.final-hero{
min-height:65vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:80px 20px;
color:#fff;
background-image:linear-gradient(90deg,rgba(2,10,16,.95) 0%,rgba(3,12,18,.72) 35%,rgba(3,12,18,.16) 70%),url('data:image/jpeg;
background-size:cover;
background-position:center;
}
.final-hero h2{font-size:18px;letter-spacing:.35em;text-transform:uppercase;color:#e0b665;margin:0}
.final-hero .price{font-family:Georgia,serif;font-size:clamp(46px,8vw,90px);font-weight:700;margin:18px 0}
.final-hero p{font-size:clamp(18px,2vw,28px);margin:0}

.contact button,.contact .btn-email,.contact button i,.contact .btn-email i{
color:#fff!important;
fill:#fff!important;
}
.contact button{
display:inline-flex!important;
align-items:center;
justify-content:center;
gap:12px;
font-weight:700;
}