/* Gardena Chiro-Med — Wix replica. Desktop canvas is 980px wide, elements placed at Wix page coordinates. */
:root{--blue:#2B6CA3;--text:#605E5E;--dark:#2F2E2E;--nav:#383838;--gray:#FAFAFA}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:'Raleway',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:none}
a{color:inherit}
p,h1,h6{margin:0;font-weight:400}

.gcm-page{position:relative;height:5037px;min-width:980px}
.gcm-band{position:absolute;left:0;right:0}
.gcm-canvas{position:absolute;top:0;left:50%;width:980px;height:100%;margin-left:-490px}
.gcm-abs{position:absolute}
.gcm-fill{object-fit:cover;object-position:50% 50%;width:100%;height:100%}

.band-gray{top:902px;height:1009px;background:var(--gray)}
/* Wix-style parallax: image is pinned to the viewport (sticky), sized to cover it, anchored bottom-left; the band clips it. */
.band-parallax{top:2827px;height:579px;clip-path:inset(0)}
.band-parallax .plx-track{position:absolute;left:0;right:0;top:-100vh;height:calc(100% + 200vh)}
.band-parallax .plx{position:sticky;top:0;width:100%;height:100vh;background-size:cover;background-position:0% 100%;background-repeat:no-repeat;opacity:.2}
.band-footer{top:4884px;height:153px;background:var(--blue)}

.btn-new{left:8px;top:20px;width:222px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;
  background:linear-gradient(rgb(119,173,199) 56%,rgb(36,158,146) 100%);transition:.2s;color:#fff;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;font-size:16px}
.btn-new:hover{background:linear-gradient(rgba(40,38,38,.22),rgba(40,38,38,.22)),rgb(174,99,63)}
.btn-new span{margin-right:3px;white-space:nowrap;letter-spacing:-.2px}
.btn-new svg{width:37px;height:37px;flex:none;fill:#fff;margin-left:3px}
.logo-top{left:254px;top:14px;width:437px;height:290px}
.insta{left:864px;top:14px;width:39px;height:39px}
.nav{left:0;top:336px;height:35px;display:flex;gap:12px;margin:0;padding:0;list-style:none}
.nav a{display:flex;align-items:center;justify-content:center;width:151px;height:35px;border:.5px solid var(--nav);border-radius:10px;background:#fff;
  color:var(--nav);text-decoration:none;font-family:'Nunito Sans',sans-serif;font-weight:300;font-size:15px;transition:background .2s,color .2s}
.nav a:hover{background:#EAF1F7}
.nav a.active{background:var(--blue);border-color:transparent;color:#000}

.banner{left:0;top:421px;width:978px;height:490px}
.practice-text{left:9px;top:922px;width:955px}
.practice-text h6{font-size:22px;line-height:normal;text-align:justify;color:var(--blue);font-weight:700}
.practice-text p{font-size:19px;line-height:normal}
.practice-text .sp{font-size:18px}
.building{left:9px;top:1186px;width:962px;height:762px}
.reception{left:0;top:1937px;width:980px;height:880px}
.g{top:2485px;height:328px}
.g1{left:0;width:246px}.g2{left:246px;width:257px}.g3{left:503px;width:246px}.g4{left:734px;width:246px}

.about-text{left:14px;top:2860px;width:454px}
.about-text p{font-size:21px;line-height:normal}
.about-text .h{font-size:31px;color:var(--blue);text-align:justify}
.doctor{left:510px;top:2860px;width:446px;height:544px}

.logo-contact{left:40px;top:3531px;width:270px;height:181px}
.info{left:11px;top:3712px;width:328px;text-align:center;color:var(--dark)}
.info h6{font-size:21px;line-height:normal}
.info p{font-size:18px;line-height:normal}
.info b{font-weight:700}
.info a{color:var(--dark);text-decoration:underline}
.form{left:349px;top:3703px;width:579px;height:283px}
.form input,.form textarea{position:absolute;left:0;width:579px;margin:0;border:.5px solid #A0A09F;border-radius:0;background:#fff;
  padding:3px 3px 3px 5px;font-family:'Raleway',sans-serif;font-size:13px;color:var(--dark);outline:none}
.form input:focus,.form textarea:focus{border-color:var(--blue)}
.form input{height:30px}
.form .f1{top:0}.form .f2{top:35px}.form .f3{top:70px}
.form textarea{top:105px;height:130px;resize:none}
.form ::placeholder{color:#8f8f8f}
.form button{position:absolute;left:528px;top:243px;width:51px;height:33px;border:0;border-radius:0;background:var(--blue);color:#fff;font-family:'Raleway',sans-serif;font-size:13px;cursor:pointer}
.form button:hover{background:#1f5480}
.form .hp{position:absolute;left:-9999px}
.form .ok{position:absolute;left:0;top:243px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;color:rgba(186,218,85,1)}
.form .err{color:#d33}

.loc-title{left:325px;top:4188px;width:323px;text-align:center;font-size:28px;font-weight:700;color:var(--blue)}
.map{left:0;top:4284px;width:974px;height:453px;border:0}
.loc{top:4749px;text-align:center}
.loc p{font-size:18px;line-height:25.9px;min-height:25.9px}
.loc .n{color:var(--blue)}
.loc a{color:var(--text);text-decoration:underline}
.loc1{left:171px;width:222px}.loc2{left:556px;width:238px}

.to-top{left:460px;top:4884px;width:60px;height:58px}
.to-top img{position:absolute;inset:0;width:60px;height:58px;transition:opacity .2s}
.to-top .hv{opacity:0}.to-top:hover .hv{opacity:1}.to-top:hover .df{opacity:0}
.back{left:336px;top:4942px;width:309px;text-align:center;font-size:17px;letter-spacing:.1em}
.back a{color:#fff;text-decoration:none}
.copy{left:576px;top:4936px;width:310px;font-family:'EB Garamond',serif;font-size:19px;color:#fff;white-space:nowrap}
.copy a{color:#fff;text-decoration:underline}

@media (max-width:999px){
  .gcm-page{height:auto;min-width:0}
  .gcm-canvas{position:static;width:auto;margin:0;padding:0 16px}
  .gcm-band{display:none}
  .gcm-abs{position:static!important;width:auto!important;height:auto!important;margin:0 auto 20px}
  .btn-new{display:inline-flex!important;width:222px!important;height:40px!important;margin:16px 0 0}
  .insta{float:right;margin-top:16px!important;width:39px!important}
  .logo-top,.logo-contact{width:100%!important;max-width:320px;aspect-ratio:437/290;clear:both}
  .nav{flex-wrap:wrap;justify-content:center;gap:8px}
  .nav a{width:auto;padding:0 14px}
  .banner,.building,.reception,.doctor,.g{width:100%!important;aspect-ratio:2/1}
  .building{aspect-ratio:962/762}.reception{aspect-ratio:980/880}.doctor{aspect-ratio:446/544;max-width:446px}
  .gallery-m{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px}
  .g{aspect-ratio:246/328;margin:0!important}
  .practice-text,.about-text{background:var(--gray);padding:16px}
  .form{position:relative!important;height:290px!important}
  .form input,.form textarea{width:100%}
  .form button{left:auto;right:0}
  .map{width:100%!important;height:320px!important}
  .loc-title{margin-top:20px}
  .footer-m{background:var(--blue);margin:0 -16px;padding:20px 16px;text-align:center}
  .to-top{position:relative!important;width:60px!important;height:58px!important}
  .copy{white-space:normal}
}