/* DEVIS PAGE */
.devis-page body { background: var(--gray-100); }
.devis-hero { position: relative; padding: 140px 0 80px; text-align: center; overflow: hidden; }
.devis-hero-bg { position: absolute; inset: 0; background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%); }
.devis-hero-bg::after { content:''; position:absolute; inset:0; background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.devis-hero-content { position: relative; z-index: 1; }
.devis-hero h1 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 900; color: var(--white); margin: 12px 0 16px; }
.devis-hero h1 span { color: var(--orange); }
.devis-hero p { color: rgba(255,255,255,.75); font-size: 1.05rem; margin-bottom: 28px; }
.devis-badges { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.devis-badges span { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.85); font-size: .82rem; font-weight: 500; padding: 8px 16px; border-radius: 100px; }
.devis-badges i { color: var(--orange); }

.devis-content { padding: 60px 0 80px; }
.devis-layout { display: grid; grid-template-columns: 1fr 360px; gap: 40px; align-items: start; }

.devis-form-wrap { background: var(--white); border-radius: var(--radius-lg); padding: 40px; box-shadow: var(--shadow-md); }
.form-header { margin-bottom: 32px; }
.form-header h2 { font-size: 1.4rem; font-weight: 800; color: var(--navy); margin-bottom: 6px; }
.form-header p { color: var(--gray-600); font-size: .88rem; }
.req { color: var(--orange); }

.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; font-size: .85rem; font-weight: 600; color: var(--gray-800); margin-bottom: 8px; }
.input-wrap { position: relative; }
.input-wrap i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--gray-400); font-size: .9rem; pointer-events: none; }
.textarea-wrap i { top: 16px; transform: none; }
.input-wrap input, .input-wrap select, .input-wrap textarea { width: 100%; padding: 13px 14px 13px 42px; border: 2px solid var(--gray-200); border-radius: 8px; font-family: var(--font); font-size: .9rem; color: var(--gray-800); background: var(--gray-100); transition: var(--transition); appearance: none; }
.input-wrap input:focus, .input-wrap select:focus, .input-wrap textarea:focus { outline: none; border-color: var(--blue-light); background: var(--white); box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
.input-wrap textarea { resize: vertical; min-height: 110px; }
.form-actions { margin-top: 8px; }
.form-guarantee { text-align: center; margin-top: 14px; color: var(--gray-400); font-size: .8rem; display: flex; align-items: center; justify-content: center; gap: 6px; }
.form-success { text-align: center; padding: 40px; }
.form-success i { font-size: 3rem; color: var(--green-wa); margin-bottom: 16px; }
.form-success h3 { font-size: 1.4rem; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.form-success p { color: var(--gray-600); }

.devis-sidebar { display: flex; flex-direction: column; gap: 20px; }
.sidebar-card { background: var(--white); border-radius: var(--radius-lg); padding: 28px; box-shadow: var(--shadow-sm); }
.wa-card { background: linear-gradient(135deg, #0a1628 0%, #1a3460 100%); text-align: center; }
.wa-icon { width: 64px; height: 64px; background: var(--green-wa); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 1.8rem; margin: 0 auto 16px; box-shadow: 0 8px 24px rgba(37,211,102,.4); }
.wa-card h3 { color: var(--white); font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }
.wa-card p { color: rgba(255,255,255,.65); font-size: .85rem; margin-bottom: 20px; }
.info-card h4 { font-size: .88rem; font-weight: 700; color: var(--navy); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.info-card h4 i { color: var(--orange); }
.info-card p, .info-card a { color: var(--gray-600); font-size: .88rem; line-height: 1.6; }
.info-card a:hover { color: var(--orange); }
.why-card h4 { font-size: .88rem; font-weight: 700; color: var(--navy); margin-bottom: 14px; }
.why-card ul li { display: flex; align-items: center; gap: 10px; color: var(--gray-600); font-size: .85rem; margin-bottom: 10px; }
.why-card ul li i { color: var(--green-wa); }

.footer-mini { margin-top: 0; }
.footer-mini .footer-bottom { border-top: none; background: var(--navy); }
.footer-mini .footer-bottom .container { justify-content: space-between; }
.footer-mini .footer-bottom a { color: rgba(255,255,255,.5); font-size: .82rem; transition: var(--transition); }
.footer-mini .footer-bottom a:hover { color: var(--white); }

@media (max-width: 900px) { .devis-layout { grid-template-columns: 1fr; } .form-row { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .devis-form-wrap { padding: 24px 16px; } }