/* Feuille de la page « contact », sortie du contenu.
   Ecrite dans la page, elle etait retelechargee a chaque visite
   d'une autre page. En fichier, le navigateur la garde. */
.aio-ct, .aio-ct * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }

  

  .aio-ct {

    font-family: 'Outfit', sans-serif !important;

    background: #020403 !important;

    color: #fefefe !important;

    line-height: 1.6 !important;

    overflow-x: hidden !important;

    width: 100% !important;

    min-height: 100vh !important;

  }



  /* ANIMATIONS */

  @keyframes ucGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

  @keyframes ucFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

  @keyframes ucPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.8; } }

  @keyframes ucGlow { 0%, 100% { box-shadow: 0 0 20px rgba(52, 211, 153,0.3); } 50% { box-shadow: 0 0 40px rgba(52, 211, 153,0.6); } }



  .aio-ct .uc-animate { opacity: 0 !important; transform: translateY(20px) !important; transition: all 0.5s ease !important; }

  .aio-ct .uc-animate.uc-visible { opacity: 1 !important; transform: translateY(0) !important; }



  /* BACKGROUND */

  .aio-ct .uc-bg-grid {

    position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;

    pointer-events: none !important; z-index: 0 !important;

    background-image: linear-gradient(rgba(52, 211, 153,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(52, 211, 153,0.03) 1px, transparent 1px) !important;

    background-size: 50px 50px !important;

  }

  .aio-ct .uc-blob {

    position: fixed !important; border-radius: 50% !important; filter: blur(100px) !important;

    pointer-events: none !important; z-index: 0 !important; opacity: 0.3 !important;

  }

  .aio-ct .uc-blob-1 { width: 400px !important; height: 400px !important; background: #34D399 !important; top: -100px !important; right: -100px !important; }

  .aio-ct .uc-blob-2 { width: 350px !important; height: 350px !important; background: #06b6d4 !important; bottom: 20% !important; left: -100px !important; }



  /* COMMON */

  .aio-ct section { position: relative !important; z-index: 10 !important; }

  .aio-ct .uc-container { max-width: 1200px !important; margin: 0 auto !important; padding: 0 5% !important; }

  .aio-ct .uc-badge {

    display: inline-flex !important; align-items: center !important; gap: 8px !important;

    padding: 8px 18px !important; background: rgba(52, 211, 153,0.1) !important;

    border: 1px solid rgba(52, 211, 153,0.2) !important; border-radius: 50px !important;

    font-size: 0.85rem !important; font-weight: 600 !important; color: #a7f3d0 !important;

    margin-bottom: 15px !important;

  }

  .aio-ct .uc-title {

    font-family: 'Syne', sans-serif !important; font-size: 2.5rem !important;

    font-weight: 800 !important; color: #fefefe !important; margin-bottom: 15px !important; line-height: 1.2 !important;

  }

  .aio-ct .uc-title span { color: #34D399 !important; }

  .aio-ct .uc-desc { font-size: 1.05rem !important; color: #9ca3af !important; line-height: 1.7 !important; }



  /* ============ HERO ============ */

  .aio-ct .uc-hero {

    padding: 100px 5% 60px !important; position: relative !important; text-align: center !important;

  }

  .aio-ct .uc-hero-content { max-width: 700px !important; margin: 0 auto !important; }

  .aio-ct .uc-hero h1 {

    font-family: 'Syne', sans-serif !important; font-size: 3rem !important;

    font-weight: 800 !important; line-height: 1.1 !important; margin-bottom: 18px !important; color: #fefefe !important;

  }

  .aio-ct .uc-hero h1 .uc-gradient {

    background: linear-gradient(135deg, #34D399 0%, #06b6d4 100%) !important;

    background-size: 200% auto !important; -webkit-background-clip: text !important;

    -webkit-text-fill-color: transparent !important; background-clip: text !important; animation: ucGradient 5s ease infinite !important;

  }



  /* ============ MAIN CONTENT ============ */

  .aio-ct .uc-main {

    padding: 0 5% 80px !important;

  }

  .aio-ct .uc-grid {

    display: grid !important; grid-template-columns: 1fr 1.2fr !important; gap: 50px !important;

    max-width: 1200px !important; margin: 0 auto !important; align-items: start !important;

  }



  /* ============ LEFT COLUMN - INFO ============ */

  .aio-ct .uc-info { display: flex !important; flex-direction: column !important; gap: 25px !important; }

  

  .aio-ct .uc-info-card {

    background: linear-gradient(180deg, rgba(8, 16, 13,0.8) 0%, rgba(6, 10, 9,0.9) 100%) !important;

    border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 20px !important;

    padding: 30px !important; transition: all 0.3s ease !important;

  }

  .aio-ct .uc-info-card:hover {

    border-color: rgba(52, 211, 153,0.2) !important;

    transform: translateY(-3px) !important;

  }

  .aio-ct .uc-info-card :is(h2, h3) {

    font-family: 'Syne', sans-serif !important; font-size: 1.2rem !important;

    font-weight: 700 !important; color: #fefefe !important; margin-bottom: 20px !important;

    display: flex !important; align-items: center !important; gap: 10px !important;

  }

  .aio-ct .uc-info-card h3 span { font-size: 1.4rem !important; }



  .aio-ct .uc-contact-item {

    display: flex !important; align-items: center !important; gap: 15px !important;

    padding: 15px !important; background: rgba(255,255,255,0.02) !important;

    border-radius: 12px !important; margin-bottom: 12px !important;

    transition: all 0.3s ease !important; text-decoration: none !important;

  }

  .aio-ct .uc-contact-item:last-child { margin-bottom: 0 !important; }

  .aio-ct .uc-contact-item:hover {

    background: rgba(52, 211, 153,0.1) !important;

    transform: translateX(5px) !important;

  }

  .aio-ct .uc-contact-icon {

    width: 50px !important; height: 50px !important; border-radius: 12px !important;

    display: flex !important; align-items: center !important; justify-content: center !important;

    font-size: 1.3rem !important; flex-shrink: 0 !important;

  }

  .aio-ct .uc-contact-icon.purple { background: rgba(52, 211, 153,0.15) !important; }

  .aio-ct .uc-contact-icon.green { background: rgba(34,197,94,0.15) !important; }

  .aio-ct .uc-contact-icon.cyan { background: rgba(6,182,212,0.15) !important; }

  .aio-ct .uc-contact-icon.orange { background: rgba(251,146,60,0.15) !important; }

  

  .aio-ct .uc-contact-text { flex: 1 !important; }

  .aio-ct .uc-contact-label { font-size: 0.8rem !important; color: #8b9aa6 !important; margin-bottom: 2px !important; }

  .aio-ct .uc-contact-value { font-size: 1rem !important; color: #fefefe !important; font-weight: 600 !important; }



  /* SOCIAL LINKS */

  .aio-ct .uc-social {

    display: flex !important; gap: 12px !important; flex-wrap: wrap !important; margin-top: 10px !important;

  }

  .aio-ct .uc-social-link {

    width: 50px !important; height: 50px !important; border-radius: 12px !important;

    background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.08) !important;

    display: flex !important; align-items: center !important; justify-content: center !important;

    text-decoration: none !important; transition: all 0.3s ease !important;

    color: #9ca3af !important;

  }

  .aio-ct .uc-social-link svg {

    width: 24px !important; height: 24px !important; fill: currentColor !important;

    transition: all 0.3s ease !important;

  }

  .aio-ct .uc-social-link:hover {

    transform: translateY(-3px) !important;

  }

  /* Facebook hover */

  .aio-ct .uc-social-fb:hover {

    background: rgba(24, 119, 242, 0.15) !important;

    border-color: #1877F2 !important;

    color: #1877F2 !important;

  }

  /* LinkedIn hover */

  .aio-ct .uc-social-li:hover {

    background: rgba(10, 102, 194, 0.15) !important;

    border-color: #0A66C2 !important;

    color: #0A66C2 !important;

  }



  /* HOURS */

  .aio-ct .uc-hours-row {

    display: flex !important; justify-content: space-between !important; align-items: center !important;

    padding: 10px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important;

  }

  .aio-ct .uc-hours-row:last-child { border-bottom: none !important; }

  .aio-ct .uc-hours-day { font-size: 0.9rem !important; color: #9ca3af !important; }

  .aio-ct .uc-hours-time { font-size: 0.9rem !important; color: #fefefe !important; font-weight: 600 !important; }

  .aio-ct .uc-hours-time.closed { color: #ef4444 !important; }



  /* ============ RIGHT COLUMN - FORM ============ */

  .aio-ct .uc-form-container {

    background: linear-gradient(180deg, rgba(8, 16, 13,0.9) 0%, rgba(6, 10, 9,0.95) 100%) !important;

    border: 1px solid rgba(52, 211, 153,0.15) !important; border-radius: 24px !important;

    padding: 40px !important; position: relative !important; overflow: hidden !important;

  }

  .aio-ct .uc-form-container::before {

    content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important;

    height: 4px !important; background: linear-gradient(90deg, #34D399, #06b6d4) !important;

  }

  .aio-ct .uc-form-header { margin-bottom: 30px !important; }

  .aio-ct .uc-form-header h2 {

    font-family: 'Syne', sans-serif !important; font-size: 1.6rem !important;

    font-weight: 800 !important; color: #fefefe !important; margin-bottom: 8px !important;

  }

  .aio-ct .uc-form-header p { font-size: 0.95rem !important; color: #9ca3af !important; }



  /* ============ FLUENT FORMS DARK THEME STYLING ============ */

  /* Container principal */

  .aio-ct .fluentform {

    font-family: 'Outfit', sans-serif !important;

  }



  /* Labels */

  .aio-ct .fluentform .ff-el-input--label,

  .aio-ct .fluentform .ff-el-input--label label {

    font-family: 'Outfit', sans-serif !important;

    font-size: 0.9rem !important;

    font-weight: 600 !important;

    color: #e5e7eb !important;

    margin-bottom: 8px !important;

  }



  /* Asterisque required */

  .aio-ct .fluentform .ff-el-input--label .ff-el-required {

    color: #34D399 !important;

  }



  /* Tous les inputs, textarea, select */

  .aio-ct .fluentform .ff-el-form-control,

  .aio-ct .fluentform input[type="text"],

  .aio-ct .fluentform input[type="email"],

  .aio-ct .fluentform input[type="tel"],

  .aio-ct .fluentform input[type="url"],

  .aio-ct .fluentform input[type="number"],

  .aio-ct .fluentform input[type="date"],

  .aio-ct .fluentform textarea,

  .aio-ct .fluentform select {

    font-family: 'Outfit', sans-serif !important;

    background: rgba(255,255,255,0.03) !important;

    border: 1px solid rgba(255,255,255,0.1) !important;

    border-radius: 12px !important;

    padding: 14px 18px !important;

    font-size: 1rem !important;

    color: #fefefe !important;

    transition: all 0.3s ease !important;

    width: 100% !important;

  }



  /* Placeholder */

  .aio-ct .fluentform .ff-el-form-control::placeholder,

  .aio-ct .fluentform input::placeholder,

  .aio-ct .fluentform textarea::placeholder {

    color: #8b9aa6 !important;

    opacity: 1 !important;

  }



  /* Focus state */

  .aio-ct .fluentform .ff-el-form-control:focus,

  .aio-ct .fluentform input:focus,

  .aio-ct .fluentform textarea:focus,

  .aio-ct .fluentform select:focus {

    outline: none !important;

    border-color: #34D399 !important;

    background: rgba(52, 211, 153,0.05) !important;

    box-shadow: 0 0 0 3px rgba(52, 211, 153,0.15) !important;

  }



  /* Textarea */

  .aio-ct .fluentform textarea.ff-el-form-control,

  .aio-ct .fluentform textarea {

    min-height: 140px !important;

    resize: vertical !important;

  }



  /* Select dropdown */

  .aio-ct .fluentform select.ff-el-form-control,

  .aio-ct .fluentform select {

    appearance: none !important;

    -webkit-appearance: none !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;

    background-position: right 15px center !important;

    padding-right: 40px !important;

  }



  /* Select options */

  .aio-ct .fluentform select option {

    background: #101a17 !important;

    color: #fefefe !important;

    padding: 10px !important;

  }



  /* Checkboxes & Radio */

  .aio-ct .fluentform .ff-el-form-check {

    margin-bottom: 10px !important;

  }

  .aio-ct .fluentform .ff-el-form-check-label {

    color: #e5e7eb !important;

    font-size: 0.9rem !important;

    cursor: pointer !important;

  }

  .aio-ct .fluentform .ff-el-form-check input[type="checkbox"],

  .aio-ct .fluentform .ff-el-form-check input[type="radio"] {

    width: 18px !important;

    height: 18px !important;

    margin-right: 10px !important;

    accent-color: #34D399 !important;

  }



  /* Form groups spacing */

  .aio-ct .fluentform .ff-el-group {

    margin-bottom: 20px !important;

  }



  /* Submit Button */

  .aio-ct .fluentform .ff-btn-submit,

  .aio-ct .fluentform button[type="submit"] {

    font-family: 'Outfit', sans-serif !important;

    background: linear-gradient(135deg, #34D399 0%, #22c98f 100%) !important;

    color: #06231a !important;

    border: none !important;

    border-radius: 12px !important;

    padding: 16px 35px !important;

    font-size: 1rem !important;

    font-weight: 700 !important;

    cursor: pointer !important;

    transition: all 0.3s ease !important;

    box-shadow: 0 4px 20px rgba(52, 211, 153,0.3) !important;

    width: 100% !important;

    margin-top: 10px !important;

  }



  .aio-ct .fluentform .ff-btn-submit:hover,

  .aio-ct .fluentform button[type="submit"]:hover {

    transform: translateY(-3px) !important;

    box-shadow: 0 8px 30px rgba(52, 211, 153,0.4) !important;

    background: linear-gradient(135deg, #9dfadb 0%, #6dd4b2 100%) !important;

  }



  .aio-ct .fluentform .ff-btn-submit:active,

  .aio-ct .fluentform button[type="submit"]:active {

    transform: translateY(-1px) !important;

  }



  /* Success message */

  .aio-ct .fluentform .ff-message-success {

    background: rgba(34,197,94,0.1) !important;

    border: 1px solid rgba(34,197,94,0.3) !important;

    color: #4ade80 !important;

    border-radius: 12px !important;

    padding: 20px !important;

    font-size: 1rem !important;

    text-align: center !important;

  }



  /* Error messages */

  .aio-ct .fluentform .text-danger,

  .aio-ct .fluentform .ff-el-is-error .text-danger {

    color: #f87171 !important;

    font-size: 0.8rem !important;

    margin-top: 6px !important;

  }



  .aio-ct .fluentform .ff-el-is-error .ff-el-form-control {

    border-color: #ef4444 !important;

    background: rgba(239,68,68,0.05) !important;

  }



  /* Help text */

  .aio-ct .fluentform .ff-el-help-message {

    color: #8b9aa6 !important;

    font-size: 0.8rem !important;

    margin-top: 6px !important;

  }



  /* File upload */

  .aio-ct .fluentform .ff-el-file-upload {

    background: rgba(255,255,255,0.03) !important;

    border: 2px dashed rgba(255,255,255,0.1) !important;

    border-radius: 12px !important;

    padding: 30px !important;

    text-align: center !important;

    transition: all 0.3s ease !important;

  }

  .aio-ct .fluentform .ff-el-file-upload:hover {

    border-color: #34D399 !important;

    background: rgba(52, 211, 153,0.05) !important;

  }



  /* Multi-step form */

  .aio-ct .fluentform .ff-step-header {

    margin-bottom: 30px !important;

  }

  .aio-ct .fluentform .ff-step-titles li {

    color: #8b9aa6 !important;

  }

  .aio-ct .fluentform .ff-step-titles li.ff_active,

  .aio-ct .fluentform .ff-step-titles li.ff_completed {

    color: #34D399 !important;

  }

  .aio-ct .fluentform .ff-el-progress-bar {

    background: rgba(255,255,255,0.1) !important;

    border-radius: 10px !important;

  }

  .aio-ct .fluentform .ff-el-progress-bar .ff-el-progress {

    background: linear-gradient(90deg, #34D399, #06b6d4) !important;

    border-radius: 10px !important;

  }



  /* Step navigation buttons */

  .aio-ct .fluentform .step-nav .ff-btn {

    background: rgba(52, 211, 153,0.1) !important;

    color: #34D399 !important;

    border: 1px solid rgba(52, 211, 153,0.3) !important;

    border-radius: 10px !important;

    padding: 12px 25px !important;

  }

  .aio-ct .fluentform .step-nav .ff-btn:hover {

    background: rgba(52, 211, 153,0.2) !important;

  }



  /* Rating stars */

  .aio-ct .fluentform .ff-el-ratings label svg {

    fill: #57635e !important;

  }

  .aio-ct .fluentform .ff-el-ratings label.active svg,

  .aio-ct .fluentform .ff-el-ratings label:hover svg {

    fill: #34D399 !important;

  }



  /* GDPR / Terms checkbox */

  .aio-ct .fluentform .ff_t_c {

    color: #9ca3af !important;

  }

  .aio-ct .fluentform .ff_t_c a {

    color: #34D399 !important;

    text-decoration: underline !important;

  }



  /* Loading spinner */

  .aio-ct .fluentform .ff-loading {

    border-color: rgba(52, 211, 153,0.2) !important;

    border-top-color: #34D399 !important;

  }



  /* ============ FAQ MINI ============ */

  .aio-ct .uc-faq-mini { margin-top: 30px !important; }

  .aio-ct .uc-faq-item {

    background: rgba(255,255,255,0.02) !important;

    border: 1px solid rgba(255,255,255,0.05) !important;

    border-radius: 12px !important;

    padding: 18px !important;

    margin-bottom: 12px !important;

  }

  .aio-ct .uc-faq-item:last-child { margin-bottom: 0 !important; }

  .aio-ct .uc-faq-q {

    font-family: 'Syne', sans-serif !important;

    font-size: 0.95rem !important;

    font-weight: 700 !important;

    color: #fefefe !important;

    margin-bottom: 8px !important;

  }

  .aio-ct .uc-faq-a { font-size: 0.85rem !important; color: #9ca3af !important; line-height: 1.5 !important; }



  /* ============ MAP PLACEHOLDER ============ */

  .aio-ct .uc-map {

    background: linear-gradient(180deg, rgba(8, 16, 13,0.8), rgba(6, 10, 9,0.9)) !important;

    border: 1px solid rgba(255,255,255,0.06) !important;

    border-radius: 20px !important;

    height: 200px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex-direction: column !important;

    gap: 10px !important;

  }

  .aio-ct .uc-map-icon { font-size: 2.5rem !important; }

  .aio-ct .uc-map-text { font-size: 0.9rem !important; color: #8b9aa6 !important; }

  .aio-ct .uc-map-link {

    color: #34D399 !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    font-size: 0.9rem !important;

  }

  .aio-ct .uc-map-link:hover { text-decoration: underline !important; }



  /* ============ TRUST BADGES ============ */

  .aio-ct .uc-trust {

    display: flex !important;

    gap: 15px !important;

    flex-wrap: wrap !important;

    margin-top: 20px !important;

    padding-top: 20px !important;

    border-top: 1px solid rgba(255,255,255,0.06) !important;

  }

  .aio-ct .uc-trust-item {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    font-size: 0.8rem !important;

    color: #9ca3af !important;

  }

  .aio-ct .uc-trust-icon { font-size: 1rem !important; }



  /* ============ WHATSAPP FLOATING BUTTON ============ */

  .aio-ct .uc-whatsapp-float {

    position: fixed !important;

    bottom: 30px !important;

    right: 30px !important;

    z-index: 9999 !important;

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;

    color: #06231a !important;

    padding: 16px 28px !important;

    border-radius: 50px !important;

    text-decoration: none !important;

    font-family: 'Outfit', sans-serif !important;

    font-size: 1.1rem !important;

    font-weight: 700 !important;

    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4) !important;

    transition: all 0.3s ease !important;

    animation: ucWhatsappPulse 2s ease-in-out infinite !important;

  }

  .aio-ct .uc-whatsapp-float:hover {

    transform: scale(1.08) translateY(-3px) !important;

    box-shadow: 0 12px 40px rgba(37, 211, 102, 0.5) !important;

    animation: none !important;

  }

  .aio-ct .uc-whatsapp-float .uc-wa-icon {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

  }

  .aio-ct .uc-whatsapp-float .uc-wa-icon svg {

    width: 28px !important;

    height: 28px !important;

    fill: currentColor !important;

  }

  .aio-ct .uc-whatsapp-float .uc-wa-text {

    display: flex !important;

    flex-direction: column !important;

    line-height: 1.2 !important;

  }

  .aio-ct .uc-whatsapp-float .uc-wa-label {

    font-size: 0.7rem !important;

    font-weight: 500 !important;

    opacity: 0.9 !important;

  }

  .aio-ct .uc-whatsapp-float .uc-wa-cta {

    font-size: 1rem !important;

    font-weight: 700 !important;

  }

  

  @keyframes ucWhatsappPulse {

    0%, 100% { 

      transform: scale(1); 

      box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4);

    }

    50% { 

      transform: scale(1.05); 

      box-shadow: 0 12px 40px rgba(37, 211, 102, 0.6);

    }

  }



  /* WhatsApp badge notification */

  .aio-ct .uc-whatsapp-float::before {

    content: '' !important;

    position: absolute !important;

    top: -3px !important;

    right: -3px !important;

    width: 18px !important;

    height: 18px !important;

    background: #ef4444 !important;

    border-radius: 50% !important;

    border: 3px solid #020403 !important;

    animation: ucBadgePing 1.5s ease-in-out infinite !important;

  }

  

  @keyframes ucBadgePing {

    0%, 100% { transform: scale(1); opacity: 1; }

    50% { transform: scale(1.2); opacity: 0.8; }

  }



  /* ============ RESPONSIVE ============ */

  @media (max-width: 1000px) {

    .aio-ct .uc-grid {

      grid-template-columns: 1fr !important;

      gap: 40px !important;

    }

    .aio-ct .uc-info {

      order: 2 !important;

    }

    .aio-ct .uc-form-container {

      order: 1 !important;

    }

  }



  @media (max-width: 700px) {

    .aio-ct .uc-hero { padding: 80px 4% 40px !important; }

    .aio-ct .uc-hero h1 { font-size: 2rem !important; }

    .aio-ct .uc-title { font-size: 1.8rem !important; }

    .aio-ct .uc-main { padding: 0 4% 60px !important; }

    .aio-ct .uc-form-container { padding: 25px !important; }

    .aio-ct .uc-info-card { padding: 20px !important; }

    .aio-ct .uc-contact-item { padding: 12px !important; flex-wrap: wrap !important; }

    .aio-ct .uc-social { justify-content: center !important; }

    .aio-ct .uc-trust { justify-content: center !important; }

    

    /* WhatsApp button mobile */

    .aio-ct .uc-whatsapp-float {

      bottom: 20px !important;

      right: 20px !important;

      padding: 14px 22px !important;

      font-size: 1rem !important;

    }

    .aio-ct .uc-whatsapp-float .uc-wa-icon svg {

      width: 24px !important;

      height: 24px !important;

    }

  }



  @media (max-width: 480px) {

    .aio-ct .uc-hero h1 { font-size: 1.7rem !important; }

    .aio-ct .uc-form-header h2 { font-size: 1.3rem !important; }

    .aio-ct .uc-contact-icon { width: 40px !important; height: 40px !important; font-size: 1.1rem !important; }

    .aio-ct .uc-social-link { width: 45px !important; height: 45px !important; }

    

    /* Fluent Forms mobile */

    .aio-ct .fluentform .ff-el-form-control,

    .aio-ct .fluentform input,

    .aio-ct .fluentform textarea {

      padding: 12px 14px !important;

      font-size: 16px !important; /* Prevent zoom on iOS */

    }

    .aio-ct .fluentform .ff-btn-submit {

      padding: 14px 20px !important;

    }

    

    /* WhatsApp compact on very small screens */

    .aio-ct .uc-whatsapp-float {

      bottom: 15px !important;

      right: 15px !important;

      padding: 14px 18px !important;

      border-radius: 50px !important;

    }

    .aio-ct .uc-whatsapp-float .uc-wa-label {

      display: none !important;

    }

  }


/* Niveau de titre remonte pour une hierarchie continue.
  L echelle globale pose un interlignage par balise : on fige
  la valeur d origine pour que le rendu ne bouge pas. */
.aio-ct .uc-info-card h2{line-height:40px!important;}

.uc-hours-note{margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,0.08);font-size:0.82rem;line-height:1.6;color:#9fb0bc;}.uc-faq-mini{display:grid;gap:14px;}.uc-pas-pret{margin:12px 0 0;padding:12px 14px;border-radius:10px;background:rgba(52,211,153,0.07);border:1px solid rgba(52,211,153,0.18);font-size:0.86rem;line-height:1.6;color:#c3d0da;}.uc-suite{margin:26px 0 0;padding:22px;border-radius:14px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.07);}.uc-suite h3{margin:0 0 16px;font-size:1rem;color:#e7edf3;}.uc-suite-l{list-style:none;margin:0;padding:0;display:grid;gap:14px;}.uc-suite-l li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:baseline;}.uc-suite-l li>span{font-size:0.74rem;letter-spacing:.04em;text-transform:uppercase;color:#34d399;font-weight:600;}.uc-suite-l li>p{margin:0;font-size:0.88rem;line-height:1.6;color:#c3d0da;}.uc-preuve{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,0.07);font-size:0.84rem;color:#9fb0bc;}.uc-preuve strong{color:#34d399;}.uc-preuve a{color:#34d399;text-decoration:underline;text-underline-offset:2px;}@media(max-width:560px){.uc-suite-l li{grid-template-columns:1fr;gap:2px;}}.fluentform .ff-el-form-control{min-block-size:44px;}.fluentform select.ff-el-form-control{min-block-size:44px;padding-block:10px;}@media(min-width:1100px){.uc-whatsapp-float .uc-wa-text{max-inline-size:0;overflow:hidden;opacity:0;transition:max-inline-size .22s ease,opacity .18s ease;}.uc-whatsapp-float{gap:0;transition:gap .22s ease;}.uc-whatsapp-float:hover .uc-wa-text,.uc-whatsapp-float:focus-visible .uc-wa-text{max-inline-size:180px;opacity:1;}.uc-whatsapp-float:hover,.uc-whatsapp-float:focus-visible{gap:12px;}}