:root{
    --ink:#16332C;
    --bone:#FBF9F4;
    --bone-2:#EDF1EA;
    --gold:#6B9385;
    --gold-light:#A9C7BA;
    --gold-deep:#225448;
    --charcoal:#26302B;
    --grey:#65756D;
    --line: rgba(34,84,72,0.14);
    --radius: 2px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bone);
    color:var(--ink);
    font-family:'Jost', sans-serif;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,h4{
    font-family:'Fraunces', serif;
    font-weight:400;
    letter-spacing:0.01em;
    line-height:1.08;
  }
  .script{
    font-family:'Cormorant Garamond', serif;
    font-style:italic;
    font-weight:500;
  }
  .eyebrow{
    font-family:'Jost',sans-serif;
    text-transform:uppercase;
    letter-spacing:0.28em;
    font-size:11px;
    color:var(--gold-deep);
    font-weight:500;
  }
  a{color:inherit; text-decoration:none;}
  img{display:block; max-width:100%;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}

  /* corner motif - signature element echoing the membership card diagonal gold lines */
  .corner-lines{
    position:absolute; inset:0; pointer-events:none; overflow:hidden;
  }
  .corner-lines svg{position:absolute; width:100%; height:100%;}

  /* ---------- Header ---------- */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:rgba(250,247,241,0.88);
    backdrop-filter: blur(10px);
    border-bottom:1px solid var(--line);
    transition: background .3s ease;
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 32px; max-width:1280px; margin:0 auto;
  }
  .nav-logo img{height:34px;}
  .nav-links{
    display:flex; gap:36px; align-items:center;
    font-size:13px; letter-spacing:0.06em; text-transform:uppercase;
  }
  .nav-links a{position:relative; padding:4px 0; color:var(--charcoal);}
  .nav-links a::after{
    content:''; position:absolute; left:0; bottom:0; width:0; height:1px;
    background:var(--gold); transition:width .25s ease;
  }
  .nav-links a:hover::after{width:100%;}
  .nav-cta{
    display:flex; align-items:center; gap:22px;
  }
  .btn{
    display:inline-block; padding:13px 28px; font-size:12px; letter-spacing:0.14em;
    text-transform:uppercase; border:1px solid var(--ink); color:var(--ink);
    transition: all .3s ease; white-space:nowrap;
  }
  .btn:hover{background:var(--ink); color:var(--bone);}
  .btn-gold{
    border-color:var(--gold-deep); background:var(--ink); color:var(--bone);
  }
  .btn-gold:hover{background:var(--gold-deep); border-color:var(--gold-deep); color:var(--ink);}
  .btn-ghost-light{border-color:rgba(250,247,241,0.5); color:var(--bone);}
  .btn-ghost-light:hover{background:var(--bone); color:var(--ink);}
  .btn-outline{border-color:var(--gold-deep); color:var(--gold-deep);}
  .btn-outline:hover{background:var(--gold-deep); color:var(--bone); border-color:var(--gold-deep);}
  .phone-link{font-size:13px; letter-spacing:0.04em; color:var(--charcoal); display:none;}

  /* ---------- Hero ---------- */
  .hero{
    position:relative; min-height:92vh; display:flex; align-items:center;
    background:var(--bone); color:var(--ink); overflow:hidden;
  }
  .hero-watermark{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:900px; max-width:140vw; opacity:0.05; z-index:0; pointer-events:none;
  }
  .hero-inner{
    position:relative; z-index:2; width:100%; max-width:1180px; margin:0 auto;
    padding:150px 32px 90px; text-align:center;
  }
  .hero-mark{width:56px; height:auto; margin:0 auto 30px; opacity:1;}
  .hero-eyebrow{
    color:var(--gold-deep); font-size:12px; letter-spacing:0.4em; text-transform:uppercase; margin-bottom:24px;
  }
  .hero h1{
    font-size:clamp(38px, 6vw, 76px); font-weight:300; color:var(--ink);
  }
  .hero h1 em{font-style:italic; font-weight:400; color:var(--gold-deep);}
  .hero-sub{
    max-width:520px; margin:26px auto 40px; font-size:16px; line-height:1.75; color:var(--grey); font-weight:300;
  }
  .hero-actions{display:flex; gap:18px; justify-content:center; flex-wrap:wrap;}
  .hero-scroll{
    position:absolute; bottom:32px; left:50%; transform:translateX(-50%);
    font-size:10px; letter-spacing:0.3em; text-transform:uppercase; color:var(--grey);
    display:flex; flex-direction:column; align-items:center; gap:10px; z-index:2;
  }
  .hero-scroll .line{width:1px; height:36px; background:linear-gradient(180deg, var(--gold), transparent);}

  /* ---------- Insurance strip ---------- */
  .insurance-band{
    padding:56px 0; background:var(--bone-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  }
  .insurance-inner{
    display:flex; align-items:center; gap:36px; justify-content:space-between; flex-wrap:wrap;
  }
  .insurance-mark{width:38px; flex-shrink:0; opacity:0.85;}
  .insurance-inner > div{flex:1; min-width:260px;}
  .insurance-inner .eyebrow{display:block; margin-bottom:8px;}
  .insurance-inner h3{font-size:22px; font-weight:400; margin-bottom:6px;}
  .insurance-inner p{font-size:14px; color:var(--grey); line-height:1.6; max-width:480px;}
  .insurance-inner .btn{flex-shrink:0;}

  /* ---------- Section basics ---------- */
  section{position:relative; padding:120px 0;}
  .section-head{max-width:640px; margin:0 auto 64px; text-align:center;}
  .section-head .eyebrow{display:block; margin-bottom:16px;}
  .section-head h2{font-size:clamp(32px,4vw,48px);}
  .section-head p{margin-top:18px; color:var(--grey); font-size:16px; line-height:1.7;}
  .divider{
    width:56px; height:1px; background:var(--gold); margin:22px auto 0;
  }

  /* ---------- About / Doctor teaser ---------- */
  .about-band{background:var(--bone-2);}
  .about-grid{
    display:grid; grid-template-columns:0.85fr 1.15fr; gap:72px; align-items:center;
  }
  .about-photo{
    aspect-ratio:4/5; background:var(--bone-2);
    position:relative; overflow:hidden;
  }
  .about-photo img{width:100%; height:100%; object-fit:cover; object-position:top center;}
  .about-photo::after{
    content:'Dr. Neha Sharma, DMD'; position:absolute; bottom:20px; left:20px;
    color:#fff; font-family:'Fraunces',serif; font-style:italic; font-size:15px;
    background:rgba(23,21,16,0.35); padding:8px 14px; backdrop-filter:blur(4px);
  }
  .about-copy .eyebrow{margin-bottom:14px;}
  .about-copy h2{font-size:clamp(28px,3.4vw,40px); margin-bottom:22px;}
  .about-copy p{color:var(--charcoal); line-height:1.85; font-size:15.5px; margin-bottom:16px; font-weight:300;}
  .about-credentials{
    display:flex; gap:32px; margin-top:32px; padding-top:28px; border-top:1px solid var(--line);
    flex-wrap:wrap;
  }
  .cred{font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold-deep);}
  .cred span{display:block; font-family:'Fraunces',serif; font-style:italic; text-transform:none; letter-spacing:0; font-size:16px; color:var(--ink); margin-top:4px;}

  /* ---------- Services ---------- */
  .services-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
    background:var(--line); border:1px solid var(--line);
  }
  .service-card{
    background:var(--bone); padding:44px 34px; position:relative; transition:background .3s ease;
  }
  .service-card:hover{background:var(--bone-2);}
  .service-num{font-family:'Fraunces',serif; font-style:italic; font-size:13px; color:var(--gold-deep); display:block; margin-bottom:18px;}
  .service-card h3{font-size:22px; margin-bottom:12px; font-weight:400;}
  .badge-free{
    display:inline-block; font-size:10px; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold-deep); border:1px solid var(--gold); border-radius:20px; padding:3px 10px;
    margin-left:10px; vertical-align:middle; font-family:'Jost',sans-serif;
  }
  .service-card p{font-size:14px; color:var(--grey); line-height:1.7; margin-bottom:20px; min-height:64px;}
  .service-link{
    font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink);
    border-bottom:1px solid var(--gold); padding-bottom:3px;
  }
  .service-link:hover{color:var(--gold-deep);}
  .services-footer{text-align:center; margin-top:56px;}

  /* ---------- Specials ---------- */
  .specials-band{background:var(--bone-2); color:var(--ink); position:relative;}
  .specials-band .section-head p{color:var(--grey);}
  .specials-band .eyebrow{color:var(--gold-deep);}
  .specials-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:26px;
  }
  .special-card{
    background:var(--bone); border:1px solid var(--line); padding:40px 30px; text-align:center;
    position:relative;
  }
  .special-price{
    font-family:'Fraunces',serif; font-size:52px; color:var(--gold-deep); font-weight:300; line-height:1;
  }
  .special-price sup{font-size:20px; top:-1.4em;}
  .special-card h4{font-size:15px; text-transform:uppercase; letter-spacing:0.1em; font-weight:400; margin:16px 0 10px; color:var(--ink);}
  .special-card p{font-size:13px; color:var(--grey); margin-bottom:24px; line-height:1.6;}

  /* ---------- Membership ---------- */
  .membership-cards{
    display:grid; grid-template-columns:repeat(3,1fr); gap:26px; align-items:stretch;
  }
  .mship-card{
    background:var(--bone); border:1px solid var(--line); padding:44px 32px;
    display:flex; flex-direction:column; text-align:center; position:relative;
  }
  .mship-card.featured{
    border-color:var(--gold); box-shadow:0 30px 60px -32px rgba(23,21,16,0.28);
    transform:translateY(-10px);
  }
  .mship-card.featured::before{
    content:'Most Comprehensive'; position:absolute; top:-13px; left:50%; transform:translateX(-50%);
    background:var(--ink); color:var(--gold-light); font-size:10px; letter-spacing:0.14em;
    text-transform:uppercase; padding:6px 16px;
  }
  .mship-name{font-size:24px; display:block; margin-bottom:10px;}
  .mship-price{
    font-family:'Fraunces',serif; font-size:40px; font-weight:300; color:var(--gold-deep); margin-bottom:26px;
  }
  .mship-price span{font-size:14px; font-family:'Jost',sans-serif; color:var(--grey); font-weight:400;}
  .mship-card ul{list-style:none; text-align:left; margin:0 auto; flex:1;}
  .mship-card li{
    font-size:13.5px; color:var(--charcoal); padding:10px 0; border-bottom:1px solid var(--line);
    padding-left:18px; position:relative; line-height:1.5;
  }
  .mship-card li::before{content:'—'; position:absolute; left:0; color:var(--gold);}
  .mship-card li:last-child{border-bottom:none; color:var(--gold-deep); font-weight:500;}
  .membership-footnote{
    text-align:center; font-size:12.5px; color:var(--grey); max-width:640px; margin:32px auto 0; line-height:1.7;
  }

  /* ---------- Experience / Comfort Menu ---------- */
  .experience-band{background:var(--bone-2);}
  .comfort-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:44px 30px; margin-top:20px;
  }
  .comfort-item{text-align:center;}
  .comfort-icon{
    width:58px; height:58px; margin:0 auto 20px; border:1px solid var(--gold);
    border-radius:50%; display:flex; align-items:center; justify-content:center;
    color:var(--gold-deep);
  }
  .comfort-icon svg{width:26px; height:26px;}
  .comfort-item h4{font-size:15px; font-weight:400; margin-bottom:10px; font-family:'Fraunces',serif;}
  .comfort-item p{font-size:13px; color:var(--grey); line-height:1.6;}

  /* ---------- Financing ---------- */
  .financing-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:26px;
  }
  .financing-card{
    position:relative; overflow:hidden; min-height:340px; display:flex; flex-direction:column;
    justify-content:flex-end; padding:40px; color:#fff; border:1px solid var(--line);
  }
  .financing-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
  .financing-card::before{
    content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(23,21,16,0) 30%, rgba(23,21,16,0.88) 100%); z-index:1;
  }
  .financing-card .fc-content{position:relative; z-index:2;}
  .financing-card .eyebrow{color:var(--gold-light); margin-bottom:10px;}
  .financing-card h3{font-size:26px; color:#fff; margin-bottom:10px;}
  .financing-card p{font-size:14px; color:#CBDBD2; margin-bottom:22px; max-width:380px; line-height:1.6;}
  .financing-note{
    text-align:center; margin-top:28px; font-size:11.5px; color:var(--grey); max-width:760px; margin-left:auto; margin-right:auto; line-height:1.7;
  }
  #cherry-floating-btn{
    position:fixed; right:24px; bottom:24px; z-index:90;
    background:var(--ink); color:var(--bone); border:1px solid var(--gold);
    padding:14px 22px; font-size:12px; letter-spacing:0.1em; text-transform:uppercase;
    box-shadow:0 12px 30px -10px rgba(0,0,0,0.4); cursor:pointer;
  }
  #cherry-floating-btn:hover{background:var(--gold-deep); border-color:var(--gold-deep); color:var(--ink);}

  /* ---------- Gallery ---------- */
  .gallery-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:4px;
  }
  .gallery-item{aspect-ratio:1; position:relative; overflow:hidden; background:#E3EAE4;}
  .gallery-placeholder{display:flex; align-items:center; justify-content:center; background:var(--bone-2);}
  .gallery-placeholder-mark{width:36px; height:auto; opacity:0.18;}
  .gallery-item img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
  .gallery-item:hover img{transform:scale(1.06);}
  .gallery-tag{
    position:absolute; bottom:14px; left:14px; font-size:10px; letter-spacing:0.14em;
    text-transform:uppercase; color:#fff; background:rgba(23,21,16,0.55); padding:6px 12px;
  }
  .gallery-disclaimer{text-align:center; font-size:12px; color:var(--grey); margin-top:22px; font-style:italic;}

  /* ---------- CTA band ---------- */
  .cta-band{
    background:var(--bone-2); color:var(--ink); text-align:center; padding:120px 32px;
    position:relative; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  }
  .cta-band h2{font-size:clamp(30px,4.4vw,52px); color:var(--ink); margin-bottom:20px;}
  .cta-band p{color:var(--grey); max-width:520px; margin:0 auto 40px; line-height:1.7;}

  /* ---------- Footer ---------- */
  footer{background:var(--bone-2); padding:80px 0 30px; border-top:1px solid var(--line);}
  .footer-grid{
    display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:50px; padding-bottom:60px; border-bottom:1px solid var(--line);
  }
  .footer-logo img{height:32px; margin-bottom:18px;}
  .footer-grid p{font-size:13.5px; color:var(--grey); line-height:1.8;}
  .footer-col h5{font-size:11px; text-transform:uppercase; letter-spacing:0.16em; color:var(--gold-deep); margin-bottom:20px;}
  .footer-col a{display:block; font-size:14px; color:var(--charcoal); margin-bottom:12px;}
  .footer-col a:hover{color:var(--gold-deep);}
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:center; padding-top:26px;
    font-size:12px; color:var(--grey); flex-wrap:wrap; gap:12px;
  }
  .footer-social{display:flex; gap:16px;}

  /* ---------- Mobile nav toggle ---------- */
  .nav-toggle{
    display:none; flex-direction:column; justify-content:center; gap:5px;
    width:34px; height:34px; background:none; border:none; cursor:pointer; padding:0; z-index:210; position:relative;
  }
  .nav-toggle span{
    display:block; width:24px; height:1.5px; background:var(--ink); transition:all .3s ease; margin:0 auto;
  }
  .nav-toggle.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
  .nav-toggle.active span:nth-child(2){opacity:0;}
  .nav-toggle.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
  .nav-overlay-bg{
    display:none; position:fixed; inset:0; background:rgba(22,51,44,0.35); z-index:190;
    opacity:0; transition:opacity .3s ease; pointer-events:none;
  }
  .nav-overlay-bg.open{opacity:1; pointer-events:auto;}

  /* ---------- Responsive ---------- */
  @media (min-width:900px){ .phone-link{display:inline-block;} }
  @media (max-width:900px){
    .nav-toggle{display:flex;}
    .nav-overlay-bg{display:block;}
    .nav-links{
      display:flex; flex-direction:column; gap:0; position:fixed; top:0; right:0;
      width:78vw; max-width:340px; height:100vh; background:var(--bone);
      padding:110px 36px 40px; transform:translateX(100%); transition:transform .35s ease;
      z-index:200; box-shadow:-10px 0 40px -10px rgba(22,51,44,0.2);
    }
    .nav-links.open{transform:translateX(0);}
    .nav-links a{
      padding:16px 0; border-bottom:1px solid var(--line); font-size:15px;
    }
    .about-grid, .financing-grid{grid-template-columns:1fr;}
    .insurance-inner{flex-direction:column; text-align:center;}
    .insurance-inner p{margin:0 auto;}
    .membership-cards{grid-template-columns:1fr; max-width:420px; margin:0 auto;}
    .mship-card.featured{transform:none;}
    .services-grid{grid-template-columns:1fr 1fr;}
    .specials-grid{grid-template-columns:1fr;}
    .comfort-grid{grid-template-columns:1fr 1fr;}
    .gallery-grid{grid-template-columns:1fr 1fr;}
    .footer-grid{grid-template-columns:1fr 1fr; gap:36px;}
  }
  @media (max-width:560px){
    .services-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
  }

/* ================= INTERIOR PAGE COMPONENTS ================= */

.page-hero{
  background:var(--bone); padding:180px 32px 80px; text-align:center; position:relative; overflow:hidden;
}
.page-hero img.watermark{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:700px; max-width:130vw; opacity:0.05; z-index:0; pointer-events:none;
}
.page-hero .inner{position:relative; z-index:1; max-width:720px; margin:0 auto;}
.page-hero .eyebrow{display:block; margin-bottom:16px;}
.page-hero h1{font-size:clamp(34px,5vw,58px); font-weight:300; color:var(--ink);}
.page-hero p{margin-top:20px; color:var(--grey); font-size:16px; line-height:1.75;}

/* Doctor full page */
.doctor-page{padding:100px 0 60px;}
.doctor-grid{display:grid; grid-template-columns:0.8fr 1.2fr; gap:70px; align-items:start;}
.doctor-photo{
  aspect-ratio:3/4; background:var(--bone-2);
  position:relative; overflow:hidden; position:sticky; top:110px;
}
.doctor-photo img{width:100%; height:100%; object-fit:cover; object-position:top center;}
.doctor-photo::after{
  content:'Dr. Neha Sharma, DMD'; position:absolute; bottom:20px; left:20px;
  color:#fff; font-family:'Fraunces',serif; font-style:italic; font-size:15px;
  background:rgba(22,51,44,0.4); padding:8px 14px; backdrop-filter:blur(4px);
}
.doctor-copy p{color:var(--charcoal); line-height:1.9; font-size:16px; margin-bottom:20px; font-weight:300;}
.doctor-copy h2{font-size:clamp(26px,3vw,34px); margin:44px 0 18px;}
.doctor-copy h2:first-child{margin-top:0;}
.doctor-pullquote{
  font-family:'Fraunces',serif; font-style:italic; font-size:24px; color:var(--gold-deep);
  border-left:2px solid var(--gold); padding-left:26px; margin:36px 0; line-height:1.5;
}
.doctor-credentials-bar{
  display:flex; gap:40px; flex-wrap:wrap; margin-top:40px; padding:32px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}

/* Full Services page */
.services-page-section{padding:70px 0;}
.services-page-section:first-of-type{padding-top:20px;}
.service-cat-head{max-width:720px; margin-bottom:36px;}
.service-cat-head h2{font-size:clamp(26px,3vw,36px); margin-bottom:10px;}
.service-cat-head p{color:var(--grey); font-size:15px; line-height:1.7;}
.service-list{
  display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-bottom:10px;
}
.service-list-item{
  background:var(--bone); padding:26px 28px; display:flex; justify-content:space-between; align-items:center; gap:16px;
}
.service-list-item h4{font-family:'Fraunces',serif; font-weight:400; font-size:17px;}
.service-list-item span.tag{
  font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold-deep);
  border:1px solid var(--gold); border-radius:20px; padding:3px 10px; white-space:nowrap;
}
.service-list-item a.mini-link{
  font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink);
  border-bottom:1px solid var(--gold); padding-bottom:2px; white-space:nowrap;
}

/* Forms page */
.forms-page-section{padding:30px 0 100px;}
.forms-notice{
  background:var(--bone-2); border:1px solid var(--line); padding:28px 32px; margin-bottom:56px;
  display:flex; gap:20px; align-items:flex-start;
}
.forms-notice .mark-icon{width:26px; flex-shrink:0; margin-top:2px;}
.forms-notice p{font-size:14px; color:var(--charcoal); line-height:1.7;}
.forms-list{display:flex; flex-direction:column; gap:1px; background:var(--line); border:1px solid var(--line);}
.form-row{
  background:var(--bone); padding:26px 30px; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;
}
.form-row h4{font-family:'Fraunces',serif; font-weight:400; font-size:18px; margin-bottom:6px;}
.form-row p{font-size:13.5px; color:var(--grey);}

/* Contact page */
.contact-page-section{padding:80px 0 110px;}
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start;}
.contact-info-list{display:flex; flex-direction:column; gap:30px; margin-top:8px;}
.contact-info-item{display:flex; gap:20px; align-items:flex-start; padding-bottom:26px; border-bottom:1px solid var(--line);}
.contact-info-item .ci-icon{
  width:44px; height:44px; border:1px solid var(--gold); border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; color:var(--gold-deep);
  font-family:'Fraunces',serif; font-style:italic; font-size:17px;
}
.contact-info-item h4{font-size:15px; margin-bottom:6px; font-weight:400; text-transform:uppercase; letter-spacing:0.06em;}
.contact-info-item p, .contact-info-item a{font-size:14.5px; color:var(--charcoal); line-height:1.7;}
.contact-map{
  aspect-ratio:4/3.6; background:var(--bone-2); border:1px solid var(--line); position:relative; overflow:hidden;
}
.contact-map iframe{width:100%; height:100%; border:0; filter:grayscale(20%);}
.hours-table{width:100%; margin-top:10px; font-size:14px;}
.hours-table tr{border-bottom:1px solid var(--line);}
.hours-table td{padding:10px 0; color:var(--charcoal);}
.hours-table td:last-child{text-align:right; color:var(--gold-deep); font-weight:500;}

@media (max-width:900px){
  .doctor-grid, .contact-grid{grid-template-columns:1fr;}
  .doctor-photo{position:static;}
  .service-list{grid-template-columns:1fr;}
}