/* Studio SVB — bien-etre.html · Extracted Phase 5 */

:root {
            --svb-green-light: #98D0B3; 
            --svb-green-dark: #4A8D84;  
            --svb-sand: #F2E6CF;        
            --svb-peach: #E8B496;
            --svb-text: #2F4F4F;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background: linear-gradient(180deg, var(--svb-sand) 0%, #fff 50%, var(--svb-green-light) 100%);
            color: var(--svb-text);
            min-height: 100vh;
            overflow-x: hidden;
        }

        h1, h2, h3, .font-hand { font-family: 'Dancing Script', cursive; }

        /* Animation */
        @keyframes softSlideUp {
            0% { opacity: 0; transform: translateY(30px); }
            100% { opacity: 1; transform: translateY(0); }
        }
        .reveal-load { animation: softSlideUp 0.8s ease-out forwards; opacity: 0; }
    nav.reveal-load, header.reveal-load, section:first-of-type.reveal-load { opacity: 1 !important; animation: none !important; transform: none !important; }
        .d-1 { animation-delay: 0.1s; }
        .d-2 { animation-delay: 0.3s; }
        .d-3 { animation-delay: 0.5s; }

        /* CARTE SOIN */
        .care-card {
            background: rgba(255, 255, 255, 0.6);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            transition: all 0.4s ease;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.8);
        }

        .care-card:hover {
            transform: translateY(-5px);
            background: white;
            box-shadow: 0 15px 30px rgba(74, 141, 132, 0.15);
        }

        .care-icon { font-size: 2rem; margin-bottom: 10px; display: block; }
        .care-title { color: var(--svb-green-dark); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px; }
        .care-desc { font-size: 0.85rem; color: #666; line-height: 1.6; padding: 0 20px 20px 20px; }

        /* SECTION PRATICIENS */
        .expert-card {
            display: flex;
            flex-direction: column; /* Mobile first */
            background: rgba(255, 255, 255, 0.9);
            border-radius: 20px;
            padding: 20px;
            transition: transform 0.3s;
            border: 1px solid white;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            height: 100%;
        }
        
        @media (min-width: 768px) {
            .expert-card {
                flex-direction: row;
                align-items: flex-start;
            }
        }

        .expert-card:hover { transform: scale(1.01); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }

        .expert-img {
            width: 90px;
            height: 90px;
            min-width: 90px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid var(--svb-peach);
            margin-bottom: 15px;
        }

        @media (min-width: 768px) {
            .expert-img { margin-bottom: 0; margin-right: 20px; }
        }

        .expert-img-small {
            width: 45px; height: 45px; min-width: 45px; border-radius: 50%; border: 2px solid var(--svb-peach); object-fit: cover;
        }

        .bg-title-soin {
            background-color: var(--svb-green-dark);
            color: white;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.6rem;
            text-transform: uppercase;
            font-weight: 700;
            display: inline-block;
            margin-bottom: 5px;
        }

        .info-row {
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid rgba(0,0,0,0.05);
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .booking-btn {
            display: inline-block;
            padding: 8px 12px;
            border-radius: 8px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;
            transition: all 0.3s;
            text-decoration: none;
        }

        .btn-doctolib { background-color: #0596DE; color: white; }
        .btn-doctolib:hover { background-color: #047bb5; box-shadow: 0 4px 10px rgba(5, 150, 222, 0.3); }

        .btn-tel { background-color: var(--svb-green-dark); color: white; }
        .btn-tel:hover { background-color: #386e66; box-shadow: 0 4px 10px rgba(74, 141, 132, 0.3); }

        /* WHATSAPP CHATBOX */
        .wa-container { position: fixed; bottom: 25px; right: 25px; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; }
        .wa-bubble { background: white; color: #2F4F4F; padding: 12px 18px; border-radius: 15px 15px 0 15px; font-size: 0.85rem; font-weight: 600; margin-bottom: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); max-width: 220px; opacity: 0; transform: translateY(10px); transition: all 0.5s ease; pointer-events: none; border: 1px solid rgba(0,0,0,0.05); }
        .wa-bubble.show { opacity: 1; transform: translateY(0); }
        .whatsapp-btn { background-color: #25d366; width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px rgba(37, 211, 102, 0.3); animation: pulse-wa 2s infinite; }
        @keyframes pulse-wa { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }