/* ViteSite.fr — correctif incrémental 1.1.0 */
.brandIcon{width:1.25em;height:1.25em;object-fit:contain;flex:0 0 auto}
.whatsappLink{display:inline-flex!important;align-items:center;justify-content:center;gap:.55rem}
.headerActions .whatsappLink{font-weight:850}

.priceFloat strong{display:flex;align-items:flex-start;justify-content:center;gap:.08em;line-height:.78!important;margin:.22rem 0 .08rem}
.priceFloat .priceDigits{font-size:4.45rem;font-weight:950;letter-spacing:-.095em}
.priceFloat sup{font-size:1.65rem;line-height:1;margin-top:.18rem;letter-spacing:-.03em}

.brandShowcase{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);align-items:center;gap:34px;padding-top:42px;padding-bottom:42px}
.brandShowcase h2{color:var(--navy);font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.03;letter-spacing:-.045em}
.brandShowcase>.marksNote{grid-column:1/-1;margin:0;text-align:right}
.brandLogoRow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.brandLogoRow span{min-height:78px;border:1px solid var(--line);background:#fff;border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--navy);font-size:.8rem;font-weight:850;box-shadow:0 12px 30px #071d350d}
.brandLogoRow img{width:30px;height:30px;object-fit:contain}

.portfolio img{object-position:top center}
.portfolio a{border:1px solid #d8e3eb;box-shadow:0 18px 50px #071d3515}
.portfolio a:after{background:linear-gradient(#0000 50%,#031222ed)}

.emailContactPanel{margin-top:46px;border:1px solid #ffffff26;background:linear-gradient(145deg,#ffffff17,#ffffff0a);border-radius:26px;padding:34px;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:38px;position:relative}
.emailContactPanel h3{color:#fff;font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.06;letter-spacing:-.04em;margin:.45rem 0 1rem}
.emailContactPanel>div>p:last-child{color:#c7d8e6}
.contactForm{display:grid;gap:14px}
.contactFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contactForm label{display:grid;gap:7px;color:#fff;font-size:.82rem;font-weight:800}
.contactForm input,.contactForm select,.contactForm textarea{width:100%;color:var(--navy);background:#fff;border:1px solid #ffffff55;border-radius:11px;padding:12px 13px;outline:none}
.contactForm textarea{min-height:132px;resize:vertical}
.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd64835}
.contactForm button{justify-self:start;border:0;cursor:pointer}
.contactForm button:disabled{opacity:.65;cursor:wait}
.contactTrap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.formStatus{min-height:1.3em;margin:0;font-size:.84rem;font-weight:750}
.formStatus.isPending{color:#d8e6f1}
.formStatus.isSuccess{color:#8ff0b4}
.formStatus.isError{color:#ffb4a9}

.infoPage .emailContactPanel{width:100%;max-width:none;margin:44px 0;background:var(--navy)}
.siteVersion{color:#c7d8e6;border-top:1px solid #ffffff1f;margin-top:34px;padding-top:18px;text-align:center;font-size:.78rem}

@media (max-width:900px){
  .brandShowcase,.emailContactPanel{grid-template-columns:1fr}
  .brandShowcase>.marksNote{text-align:left}
  .brandLogoRow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .priceFloat .priceDigits{font-size:3.25rem}
  .priceFloat sup{font-size:1.25rem}
}

@media (max-width:600px){
  .brandLogoRow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contactFormGrid{grid-template-columns:1fr}
  .emailContactPanel{padding:24px 18px;border-radius:20px}
  .priceFloat .priceDigits{font-size:3.15rem}
}