:root{
      --bg:#f4f7f5;
      --bg-2:#eef3f1;
      --white:#ffffff;
      --dark:#0d2520;
      --dark-2:#18372f;
      --text:#64756f;
      --muted:#94a39f;
      --green:#63a995;
      --green-soft:#dff1eb;
      --border:rgba(13,37,32,.10);
      --shadow:0 24px 70px rgba(25,68,57,.10);
      --shadow-hover:0 30px 75px rgba(25,68,57,.14);
    }

    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      font-family:"DM Sans",sans-serif;
      background:var(--bg);
      color:var(--dark);
      overflow-x:hidden;
    }
    a{text-decoration:none;color:inherit}
    img{display:block;width:100%}
    button,input,select,textarea{font:inherit}
    button{color:inherit}
    .container{width:min(1200px,calc(100% - 40px));margin:auto}
    section{padding:110px 0}

    /* NAVBAR */
    .navbar{
      position:fixed;
      top:0;left:0;width:100%;
      z-index:1000;
      transition:.3s ease;
    }
    .navbar.scrolled{
      background:rgba(244,247,245,.92);
      backdrop-filter:blur(18px);
      border-bottom:1px solid var(--border);
    }
    .nav-inner{
      min-height:88px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:30px;
    }
    .logo{
      display:flex;
      align-items:center;
      gap:11px;
      font-family:"Manrope",sans-serif;
      font-weight:800;
      font-size:22px;
      letter-spacing:-1px;
      white-space:nowrap;
    }
    .logo-mark{
      width:42px;height:42px;
      border-radius:14px;
      background:var(--dark);
      color:white;
      display:grid;
      place-items:center;
      font-size:17px;
      box-shadow:0 8px 24px rgba(13,37,32,.16);
    }
    .logo span{color:var(--green)}
    .nav-right{display:flex;align-items:center;gap:18px}
    .nav-links{
      display:flex;
      align-items:center;
      gap:24px;
      font-size:13px;
      font-weight:600;
      color:#50635d;
    }
    .nav-links a{transition:.2s}
    .nav-links a:hover{color:var(--green)}
    .nav-cta{
      background:var(--dark);
      color:#fff!important;
      padding:13px 19px;
      border-radius:100px;
    }

    /* LANGUAGE */
    .language{position:relative}
    .language-btn{
      height:42px;
      min-width:72px;
      padding:0 12px;
      border:1px solid var(--border);
      background:rgba(255,255,255,.88);
      border-radius:100px;
      cursor:pointer;
      font-size:12px;
      font-weight:700;
    }
    .language-menu{
      position:absolute;
      right:0;
      top:50px;
      width:155px;
      padding:7px;
      background:white;
      border:1px solid var(--border);
      border-radius:15px;
      box-shadow:var(--shadow);
      display:none;
    }
    .language.open .language-menu{display:block}
    .language-menu button{
      width:100%;
      padding:10px;
      border:0;
      background:none;
      text-align:left;
      cursor:pointer;
      border-radius:9px;
      font-size:12px;
    }
    .language-menu button:hover{background:#f2f5f4}

    /* HERO LIVE ALANYA CARD */
    .hero-live-card{
      position:absolute;
      top:28px;
      right:-34px;
      width:245px;
      padding:16px;
      border-radius:24px;
      background:rgba(255,255,255,.90);
      border:1px solid rgba(255,255,255,.82);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      box-shadow:0 20px 55px rgba(13,37,32,.14);
      z-index:3;
    }
    .hero-live-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding-bottom:12px;
      margin-bottom:12px;
      border-bottom:1px solid rgba(13,37,32,.08);
    }
    .hero-live-location{
      display:flex;
      align-items:center;
      gap:8px;
      font-size:11px;
      font-weight:800;
      letter-spacing:.4px;
      color:var(--dark);
    }
    .hero-live-dot{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#6fae9b;
      box-shadow:0 0 0 5px rgba(111,174,155,.12);
    }
    .hero-live-label{
      padding:5px 8px;
      border-radius:100px;
      background:#f1f4f3;
      color:#7c8c87;
      font-size:8px;
      font-weight:800;
      letter-spacing:.7px;
    }
    .hero-live-body{
      display:grid;
      grid-template-columns:1fr 1px 1fr;
      gap:13px;
      align-items:center;
    }
    .hero-live-divider{
      width:1px;
      height:48px;
      background:rgba(13,37,32,.09);
    }
    .hero-time-block,
    .hero-weather-block{
      min-width:0;
    }
    .hero-live-mini-label{
      display:block;
      margin-bottom:5px;
      color:#8a9994;
      font-size:8px;
      font-weight:800;
      letter-spacing:.8px;
    }
    .hero-time{
      font-family:"Manrope",sans-serif;
      font-size:20px;
      line-height:1;
      font-weight:800;
      letter-spacing:-1px;
      color:var(--dark);
      white-space:nowrap;
    }
    .hero-weather-main{
      display:flex;
      align-items:center;
      gap:7px;
    }
    .hero-weather-icon{
      width:31px;
      height:31px;
      display:grid;
      place-items:center;
      border-radius:11px;
      background:#f1f4f3;
      font-size:16px;
      flex:0 0 auto;
    }
    .hero-weather-temp{
      font-family:"Manrope",sans-serif;
      font-size:20px;
      line-height:1;
      font-weight:800;
      letter-spacing:-1px;
      color:var(--dark);
    }
    .hero-weather-text{
      display:block;
      margin-top:4px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      color:#82918c;
      font-size:9px;
      font-weight:600;
    }

    /* HERO */
    .hero{
      min-height:900px;
      padding-top:140px;
      display:flex;
      align-items:center;
      position:relative;
      overflow:hidden;
    }
    .hero:before{
      content:"";
      position:absolute;
      width:660px;height:660px;
      right:-230px;top:70px;
      border-radius:50%;
      background:#dceee8;
      z-index:-2;
    }
    .hero:after{
      content:"";
      position:absolute;
      width:360px;height:360px;
      left:-240px;bottom:20px;
      border-radius:50%;
      background:#e8f1ee;
      z-index:-2;
    }
    .hero-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:75px;
      align-items:center;
    }
    .tag{
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:rgba(95,169,148,.12);
      color:#4c8f7d;
      border-radius:100px;
      padding:8px 13px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.4px;
    }
    .tag:before{
      content:"";
      width:6px;height:6px;
      border-radius:50%;
      background:var(--green);
    }
    h1{
      font-family:"Manrope",sans-serif;
      font-size:clamp(52px,6vw,84px);
      line-height:.98;
      letter-spacing:-4px;
      margin-top:24px;
    }
    h1 span{color:var(--green)}
    .hero-text{
      max-width:590px;
      margin-top:28px;
      color:var(--text);
      font-size:17px;
      line-height:1.75;
    }
    .hero-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top:34px;
    }
    .btn{
      min-height:54px;
      padding:0 23px;
      border-radius:100px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      font-size:13px;
      font-weight:700;
      transition:.25s;
    }
    .btn-dark{
      background:var(--dark);
      color:white;
      box-shadow:0 14px 35px rgba(13,37,32,.16);
    }
    .btn-light{
      background:white;
      border:1px solid var(--border);
    }
    .btn:hover{transform:translateY(-3px)}
    .hero-proof{
      display:flex;
      align-items:center;
      gap:16px;
      margin-top:45px;
    }
    .proof-avatars{display:flex}
    .proof-avatars img{
      width:40px;height:40px;
      border-radius:50%;
      object-fit:cover;
      border:3px solid var(--bg);
      margin-left:-8px;
    }
    .proof-avatars img:first-child{margin-left:0}
    .proof-copy strong{display:block;font-size:13px}
    .proof-copy span{display:block;margin-top:3px;color:var(--text);font-size:11px}
    .hero-image-wrap{position:relative}
    .hero-image{
      height:660px;
      object-fit:cover;
      border-radius:42px;
      box-shadow:var(--shadow);
    }
    .hero-float{
      position:absolute;
      bottom:45px;
      left:-45px;
      width:225px;
      background:rgba(255,255,255,.91);
      backdrop-filter:blur(15px);
      padding:19px;
      border:1px solid rgba(255,255,255,.8);
      border-radius:22px;
      box-shadow:var(--shadow);
    }
    .hero-float-icon{
      width:40px;height:40px;
      border-radius:13px;
      display:grid;
      place-items:center;
      background:#eef4f2;
      margin-bottom:12px;
    }
    .hero-float strong{display:block;font-size:14px}
    .hero-float p{margin-top:5px;color:var(--text);font-size:11px;line-height:1.5}

    /* STATS */
    .stats{padding:20px 0 30px}
    .stats-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
      padding:28px 0;
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
    }
    .stat strong{display:block;font-family:"Manrope";font-size:25px}
    .stat span{font-size:11px;color:var(--text)}

    /* SECTION HEAD */
    .section-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      gap:50px;
      margin-bottom:55px;
    }
    .section-title{max-width:680px}
    .section-title h2{
      margin-top:15px;
      font-family:"Manrope",sans-serif;
      font-size:clamp(38px,5vw,58px);
      line-height:1;
      letter-spacing:-3px;
    }
    .section-description{
      max-width:400px;
      color:var(--text);
      font-size:14px;
      line-height:1.7;
    }

    /* TREATMENTS - NO GREEN/DARK CARD */
    .services{background:white}
    .treatments-grid{
      display:grid;
      grid-template-columns:repeat(12,1fr);
      gap:18px;
    }
    .treatment-box{
      position:relative;
      min-height:320px;
      padding:31px;
      border-radius:30px;
      border:1px solid var(--border);
      overflow:hidden;
      transition:.3s ease;
    }
    .treatment-box:nth-child(1){background:#f6f7f7}
    .treatment-box:nth-child(2){background:#fbfbfb}
    .treatment-box:nth-child(3){background:#f1f4f3}
    .treatment-box:nth-child(4){background:#f8f9f8}
    .treatment-box:nth-child(5){background:#f3f5f4}
    .treatment-box:nth-child(6){background:#fafafa}
    .treatment-box.large{grid-column:span 6;min-height:390px}
    .treatment-box.small{grid-column:span 3}
    .treatment-box.medium{grid-column:span 4}
    .treatment-box:hover{
      transform:translateY(-6px);
      box-shadow:var(--shadow-hover);
      border-color:rgba(13,37,32,.06);
    }
    .treatment-glow{
      position:absolute;
      width:230px;height:230px;
      right:-110px;top:-110px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(13,37,32,.055),transparent 70%);
      pointer-events:none;
    }
    .treatment-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
    }
    .treatment-number{
      font-size:10px;
      font-weight:700;
      color:#98a6a2;
      letter-spacing:.7px;
    }
    .treatment-arrow{
      width:40px;height:40px;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:white;
      border:1px solid var(--border);
      transition:.25s;
      box-shadow:0 8px 20px rgba(20,50,43,.04);
    }
    .treatment-box:hover .treatment-arrow{transform:rotate(45deg)}
    .treatment-content{
      position:absolute;
      left:31px;right:31px;bottom:31px;
    }
    .treatment-icon{
      width:52px;height:52px;
      border-radius:16px;
      display:grid;
      place-items:center;
      background:#ffffff;
      border:1px solid var(--border);
      color:var(--dark);
      margin-bottom:18px;
      font-size:20px;
      box-shadow:0 8px 18px rgba(20,50,43,.04);
    }
    .treatment-content h3{
      font-family:"Manrope";
      font-size:23px;
      letter-spacing:-1px;
    }
    .treatment-content p{
      margin-top:8px;
      color:var(--text);
      font-size:12px;
      line-height:1.6;
      max-width:430px;
    }

    /* CLINIC */
    .clinic-grid{
      display:grid;
      grid-template-columns:.95fr 1.05fr;
      gap:85px;
      align-items:center;
    }
    .clinic-image-wrap{position:relative}
    .clinic-image{
      height:620px;
      object-fit:cover;
      border-radius:38px;
      box-shadow:var(--shadow);
    }
    .clinic-badge{
      position:absolute;
      right:-25px;
      bottom:28px;
      width:220px;
      padding:19px;
      background:white;
      border-radius:20px;
      box-shadow:var(--shadow);
    }
    .clinic-badge strong{display:block;font-family:"Manrope";font-size:28px}
    .clinic-badge span{display:block;margin-top:3px;color:var(--text);font-size:11px}
    .clinic-content h2{
      margin:18px 0 24px;
      font-family:"Manrope";
      font-size:clamp(42px,5vw,60px);
      line-height:1;
      letter-spacing:-3px;
    }
    .clinic-content p{color:var(--text);font-size:15px;line-height:1.8}
    .clinic-features{
      margin-top:30px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }
    .clinic-feature{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}
    .check{
      width:27px;height:27px;
      border-radius:50%;
      background:#edf3f1;
      display:grid;
      place-items:center;
      color:var(--dark);
    }

    /* VIP */
    .vip-box{
      min-height:590px;
      border-radius:42px;
      overflow:hidden;
      color:white;
      display:flex;
      align-items:center;
      background:
        linear-gradient(90deg,rgba(6,25,21,.98),rgba(6,25,21,.84),rgba(6,25,21,.15)),
        url("https://images.unsplash.com/photo-1550355291-bbee04a92027?auto=format&fit=crop&w=1800&q=90") center/cover;
      box-shadow:var(--shadow);
    }
    .vip-content{width:58%;padding:68px}
    .vip-content h2{
      font-family:"Manrope";
      font-size:clamp(42px,5vw,64px);
      letter-spacing:-3px;
      line-height:1;
      margin:24px 0;
    }
    .vip-content p{color:#b6c9c3;font-size:15px;line-height:1.75}
    .vip-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
    .vip-feature{
      padding:9px 13px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:100px;
      background:rgba(255,255,255,.06);
      font-size:11px;
    }
    .vip-cta{
      margin-top:30px;
      background:white;
      color:var(--dark);
    }

    /* DOCTORS - LIGHT PREMIUM */
    .doctors{
      background:
        radial-gradient(circle at 85% 10%,rgba(99,169,149,.10),transparent 22%),
        linear-gradient(180deg,#f3f6f5 0%,#ffffff 100%);
    }
    .doctors-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:20px;
    }
    .doctor-profile{
      padding:11px;
      background:rgba(255,255,255,.92);
      border:1px solid var(--border);
      border-radius:30px;
      box-shadow:0 15px 45px rgba(25,68,57,.06);
      transition:.3s;
    }
    .doctor-profile:hover{
      transform:translateY(-6px);
      box-shadow:var(--shadow-hover);
    }
    .doctor-photo-wrap{
      position:relative;
      border-radius:23px;
      overflow:hidden;
      background:#e9eeec;
    }
    .doctor-photo{
      height:420px;
      object-fit:cover;
      transition:.4s ease;
    }
    .doctor-profile:hover .doctor-photo{transform:scale(1.025)}
    .doctor-badge{
      position:absolute;
      left:15px;
      bottom:15px;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(10px);
      padding:8px 11px;
      border:1px solid rgba(255,255,255,.8);
      border-radius:100px;
      font-size:10px;
      font-weight:700;
      box-shadow:0 8px 20px rgba(13,37,32,.08);
    }
    .doctor-content{padding:23px 12px 15px}
    .doctor-content h3{font-family:"Manrope";font-size:22px;letter-spacing:-1px}
    .doctor-title{margin-top:4px;font-size:11px;font-weight:700;color:#557a70}
    .doctor-content p{margin-top:13px;color:var(--text);font-size:12px;line-height:1.6;min-height:58px}
    .doctor-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
    .doctor-meta div{padding:12px;background:#f4f6f5;border-radius:13px}
    .doctor-meta strong{display:block;font-family:"Manrope"}
    .doctor-meta span{font-size:9px;color:var(--text)}
    .doctor-button{
      margin-top:15px;
      min-height:47px;
      background:var(--dark);
      color:white;
      border-radius:14px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:0 15px;
      font-size:11px;
      font-weight:700;
    }

    /* APPOINTMENT */
    .appointment-box{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:65px;
      align-items:center;
      padding:65px;
      border-radius:40px;
      background:linear-gradient(135deg,#ddebe7,#f1f5f3);
    }
    .appointment-copy h2{
      font-family:"Manrope";
      font-size:clamp(40px,5vw,56px);
      line-height:1;
      letter-spacing:-3px;
      margin:18px 0;
    }
    .appointment-copy p{color:var(--text);line-height:1.7}
    .appointment-form{
      background:white;
      padding:28px;
      border-radius:26px;
      box-shadow:var(--shadow);
    }
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .form-group{display:flex;flex-direction:column;gap:6px}
    .form-group.full{grid-column:1/-1}
    label{font-size:10px;font-weight:700;color:#687a74}
    input,select,textarea{
      width:100%;
      border:1px solid var(--border);
      border-radius:12px;
      background:#f7f9f8;
      padding:13px;
      outline:none;
    }
    input:focus,select:focus,textarea:focus{background:white;border-color:#899a95}
    textarea{min-height:80px;resize:none}
    .submit{width:100%;border:0;cursor:pointer;margin-top:12px}

    /* CONTACT */
    .contact-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:center;
    }
    .contact-copy h2{
      font-family:"Manrope";
      font-size:clamp(40px,5vw,58px);
      line-height:1;
      letter-spacing:-3px;
      margin:18px 0;
    }
    .contact-copy>p{color:var(--text);line-height:1.7;margin-bottom:30px}
    .contact-list{display:grid;gap:10px}
    .contact-item{
      background:white;
      border:1px solid var(--border);
      padding:16px;
      border-radius:16px;
      display:flex;
      gap:13px;
      align-items:center;
      transition:.2s ease;
    }
    .contact-item:hover{transform:translateX(3px)}
    .contact-icon{
      width:42px;height:42px;
      border-radius:12px;
      background:#eef3f1;
      display:grid;
      place-items:center;
    }
    .contact-item span{display:block;font-size:9px;color:var(--text)}
    .contact-item strong{font-size:12px}
    .contact-image{
      height:520px;
      object-fit:cover;
      border-radius:36px;
      box-shadow:var(--shadow);
    }

    /* FOOTER */
    footer{
      background:
        radial-gradient(circle at 85% 15%,rgba(93,150,134,.16),transparent 28%),
        #081d18;
      color:white;
      padding-top:78px;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.45fr .75fr .75fr 1fr;
      gap:45px;
      padding-bottom:50px;
    }
    .footer-brand p{
      margin-top:18px;
      max-width:350px;
      color:#82958f;
      font-size:11px;
      line-height:1.8;
    }
    .socials{display:flex;gap:8px;margin-top:20px}
    .social{
      width:38px;height:38px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.05);
      display:grid;
      place-items:center;
      font-size:10px;
      color:#b9c7c3;
    }
    .footer-col h4{margin-bottom:16px;font-size:12px}
    .footer-col a{
      display:block;
      margin-bottom:10px;
      color:#82958f;
      font-size:11px;
      transition:.2s;
    }
    .footer-col a:hover{color:white}
    .footer-bottom{
      min-height:72px;
      border-top:1px solid rgba(255,255,255,.07);
      display:flex;
      justify-content:space-between;
      align-items:center;
      color:#657a74;
      font-size:10px;
      gap:25px;
    }
    .footer-legal{display:flex;flex-wrap:wrap;gap:16px}

    /* FLOATING CONTACT */
    .floating-contact{
      position:fixed;
      right:22px;bottom:22px;
      z-index:2000;
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap:9px;
    }
    .floating-options{
      display:flex;
      flex-direction:column;
      gap:8px;
      opacity:0;
      visibility:hidden;
      transform:translateY(12px);
      transition:.2s ease;
    }
    .floating-contact.open .floating-options{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
    }
    .floating-option{
      min-width:175px;
      min-height:48px;
      padding:0 15px;
      display:flex;
      align-items:center;
      gap:10px;
      background:white;
      border-radius:15px;
      box-shadow:0 14px 40px rgba(13,37,32,.18);
      font-size:12px;
      font-weight:600;
    }
    .floating-option-icon{
      width:30px;height:30px;
      border-radius:9px;
      display:grid;
      place-items:center;
      background:#eef3f1;
    }
    .floating-main{
      min-height:56px;
      border:0;
      border-radius:100px;
      padding:0 20px;
      background:var(--dark);
      color:white;
      cursor:pointer;
      font-weight:700;
      box-shadow:0 16px 40px rgba(13,37,32,.25);
    }

    /* MOBILE */
    @media(max-width:1000px){
      .nav-links{display:none}
      .hero-grid,.clinic-grid,.appointment-box,.contact-grid{grid-template-columns:1fr}
      .section-head{flex-direction:column;align-items:flex-start}
      .treatment-box.large,.treatment-box.small,.treatment-box.medium{grid-column:span 6}
      .doctors-grid{grid-template-columns:1fr 1fr}
      .footer-grid{grid-template-columns:1fr 1fr}
      .hero-image-wrap{max-width:700px}
      .hero-live-card{right:18px;top:18px}
    }

    @media(max-width:650px){
      .container{width:calc(100% - 26px)}
      section{padding:76px 0}
      .nav-inner{min-height:72px}
      .nav-right{gap:8px}
      .language-btn{height:38px;min-width:58px;padding:0 8px}
      h1{font-size:48px;letter-spacing:-3px}
      .hero{min-height:auto;padding:128px 0 80px}
      .hero-text{font-size:15px}
      .hero-image{height:470px}
      .hero-float{left:15px;bottom:18px}
      .hero-live-card{
        top:15px;
        right:15px;
        width:220px;
        padding:13px;
        border-radius:20px;
      }
      .hero-live-head{padding-bottom:9px;margin-bottom:9px}
      .hero-time,.hero-weather-temp{font-size:18px}
      .hero-weather-icon{width:28px;height:28px;font-size:14px}
      .stats-grid{grid-template-columns:1fr 1fr}
      .treatment-box.large,.treatment-box.small,.treatment-box.medium{
        grid-column:span 12;
        min-height:310px;
      }
      .clinic-image{height:470px}
      .clinic-badge{right:15px}
      .clinic-features{grid-template-columns:1fr}
      .vip-content{width:100%;padding:32px 22px}
      .vip-box{
        min-height:620px;
        background:
          linear-gradient(rgba(6,25,21,.58),rgba(6,25,21,.95)),
          url("https://images.unsplash.com/photo-1550355291-bbee04a92027?auto=format&fit=crop&w=900&q=90") center/cover;
      }
      .doctors-grid{grid-template-columns:1fr}
      .doctor-photo{height:430px}
      .form-grid{grid-template-columns:1fr}
      .appointment-box{padding:28px 18px}
      .footer-grid{grid-template-columns:1fr}
      .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
        padding:20px 0;
      }
      .floating-contact{right:14px;bottom:14px}
    }

.site-alert{width:min(1200px,calc(100% - 40px));margin:105px auto -75px;padding:14px 18px;border-radius:15px;font-size:13px;font-weight:600;position:relative;z-index:5}
.site-alert.success{background:#e8f5ef;color:#285f50;border:1px solid rgba(40,95,80,.13)}
.site-alert.error{background:#fff0ef;color:#8b3a34;border:1px solid rgba(139,58,52,.12)}
.logo-image{height:44px;width:auto;max-width:190px;object-fit:contain}
@media(max-width:650px){.site-alert{width:calc(100% - 26px);margin-top:88px;margin-bottom:-62px}.logo-image{height:38px;max-width:150px}}