:root{--primary-color:#183957;--secondary-color:#6db8ff;--thirdly-color:#c3def4}.contact-pro-page{color:var(--primary-color);background:#fff;font-family:Inter,sans-serif}.contact-pro-hero{background-color:#0000;background-image:linear-gradient(#0000004d,#0000004d),url(/barmagasin.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:60vh;display:flex}.contact-pro-hero-content{text-align:center;color:#fff;max-width:800px;padding:0 24px}.contact-pro-hero-content h1{font-size:clamp(2.6rem,5vw,4rem);font-weight:900}.contact-pro-hero-content span{color:var(--secondary-color)}.contact-pro-hero-content p{opacity:.9;margin-top:1rem;font-size:1.1rem}.contact-pro-main{background:#fff;border-radius:32px;grid-template-columns:1fr;max-width:1300px;margin:-100px auto 140px;display:grid;overflow:hidden;box-shadow:0 40px 120px #0000001f}.contact-pro-image{background-image:url(/magasin2.webp);background-position:50%;background-size:cover;min-height:260px}.contact-pro-content{grid-template-columns:1fr;gap:40px;padding:3.5rem;display:grid}.contact-pro-infos{flex-direction:column;gap:14px;display:flex}.contact-pro-info-card{align-items:center;gap:12px;font-weight:700;display:flex}.contact-pro-form{flex-direction:column;gap:16px;display:flex}.contact-pro-form h2{margin-bottom:8px;font-size:2rem;font-weight:900}.contact-pro-form input,.contact-pro-form textarea{border:1px solid #dcdfe5;border-radius:12px;padding:14px 16px;font-size:1rem}.contact-pro-form button{background:linear-gradient(135deg,var(--secondary-color),#4fa3ff);color:#fff;cursor:pointer;border:none;border-radius:14px;margin-top:10px;padding:16px;font-weight:800;transition:transform .25s,box-shadow .25s}.contact-pro-form button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #6db8ff66}@media (min-width:900px){.contact-pro-main{grid-template-columns:1fr 1.2fr}.contact-pro-image{min-height:100%}.contact-pro-content{grid-template-columns:1fr 1.2fr;align-items:start}.contact-pro-infos{padding-right:20px}}.contact-success-message{color:green;margin-top:10px;font-weight:700}.contact-error-message{color:red;margin-top:10px;font-weight:700}