/* === CONTRÔLE TECHNIQUE - DESIGN PROFESSIONNEL === */
.ct-page { max-width: 1100px; margin: 0 auto; padding: 30px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; }
.ct-main-header { text-align: center; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 3px solid #e5e7eb; }
.ct-main-title { font-size: 32px; font-weight: 800; color: #1e3a5f; margin: 0 0 10px 0; text-transform: uppercase; letter-spacing: 1px; }
.ct-main-subtitle { font-size: 18px; color: #6b7280; margin: 0 0 25px 0; }
.ct-cta-banner { display: inline-block; background: linear-gradient(135deg, #ea580c 0%, #f97316 100%); color: #fff !important; padding: 18px 35px; border-radius: 8px; font-size: 18px; font-weight: 700; box-shadow: 0 4px 15px rgba(234, 88, 12, 0.3); text-decoration: none; }
.ct-centers { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 50px; }
@media (max-width: 900px) { .ct-centers { grid-template-columns: 1fr; } }
.ct-center { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid #e5e7eb; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.ct-center:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); }
.ct-center-header { padding: 25px; color: #fff; text-align: center; }
.ct-center.securitest .ct-center-header { background: linear-gradient(135deg, #0f2942 0%, #1e4d78 100%); }
.ct-center.autovision .ct-center-header { background: linear-gradient(135deg, #7f1d1d 0%, #b91c1c 100%); }
.ct-center-name { font-size: 26px; font-weight: 800; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 2px; color: #fff !important; }
.ct-center-city { font-size: 16px; font-weight: 600; opacity: 0.9; margin: 0 0 5px 0; }
.ct-center-address { font-size: 14px; opacity: 0.8; margin: 0; }
.ct-center-image { display: block; width: 100%; overflow: hidden; }
.ct-center-image img { width: 100%; height: auto; display: block; transition: transform 0.3s ease; }
.ct-center-image:hover img { transform: scale(1.05); }
.ct-coupon { display: block; padding: 20px; background: #f8fafc; text-align: center; border-bottom: 1px solid #e5e7eb; transition: background 0.3s ease; text-decoration: none; }
.ct-coupon:hover { background: #fef3c7; }
.ct-coupon img { max-width: 180px; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
.ct-coupon:hover img { transform: scale(1.05); }
.ct-coupon-label { display: block; margin-top: 12px; font-size: 14px; font-weight: 700; color: #ea580c; text-transform: uppercase; letter-spacing: 0.5px; }
.ct-center-body { padding: 25px; }
.ct-phone-row { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 20px; padding: 15px; background: #f1f5f9; border-radius: 10px; }
.ct-phone-row img { height: 45px; width: auto; }
.ct-actions { display: flex; flex-direction: column; align-items: center; gap: 15px; }
.ct-actions a { transition: transform 0.3s ease, opacity 0.3s ease; }
.ct-actions a:hover { transform: scale(1.05); opacity: 0.9; }
.ct-actions img { height: auto; max-width: 100%; }
.ct-btn-rdv img { max-width: 220px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.ct-btn-fb img { width: 90px; border-radius: 6px; }
.ct-footer-info { text-align: center; margin-top: 40px; padding: 25px; background: #f8fafc; border-radius: 12px; color: #6b7280; font-size: 14px; }
.ct-footer-info strong { color: #1e3a5f; }