/* MaryJay — vibrant premium design v5, 13 October 2026. Designed for the SURIA v1.6 standard. */
:root{--forest:#07513e;--forest-deep:#063e32;--forest-ink:#07362d;--mint:#d0eddc;--mint-light:#f4fcf6;--gold:#b87948;--peach:#ffdbc8;--coral:#ef9776;--aqua:#62b8a7;--text:#173d30;--muted:#596c60;--border:#dde9dd;--shadow:0 18px 46px rgba(10,63,43,.11)}
body{background:#fffefa;color:#203b30}
.header{background:#fffffdf9;border-color:#e3ebdf;box-shadow:0 7px 24px #0a4d3220}
.brand-name{color:#0b4b3b}.brand-caption{color:#198a6c}
.main-nav a:hover,.main-nav a.active{color:#006b4c}
.main-nav a.active:after{background:#f4a27d}
.lang-switch{background:#f6fbf6;border-color:#cae2d4}.lang-btn.is-active{color:#087953}
.header-whatsapp{background:#e2f6e8;border-color:#b7dfc5}
.header-whatsapp:hover{background:#d5f0dc}
.header-whatsapp .ico{color:#178349}
.btn-primary,.hero-cta .btn-primary{background:#006b4e;box-shadow:0 14px 24px #075b4530}
.btn-primary:hover,.hero-cta .btn-primary:hover{background:#034c3b}
.btn-outline,.btn-border{border-color:#73b998;color:#006248}
.btn-outline:hover,.btn-border:hover{background:#e6f8ed}
.hero{background:radial-gradient(ellipse at 0% 82%,#d6ebd2 0,transparent 44%),radial-gradient(ellipse at 100% 3%,#f7dbc2 0,transparent 53%),linear-gradient(112deg,#fffef9 14%,#fff8ed 49%,#e4f5e6 100%)}
.hero:before{width:19%;background:radial-gradient(circle at 99% 66%,#89ce9f4d,transparent 70%)}
.hero-wrap{min-height:640px;gap:55px;padding-top:39px;padding-bottom:83px}
.hero .hero-welcome{background:#dff5e4;border-color:#b9e1bf;color:#1e6b47}
.welcome-dot{background:#ee8e68;box-shadow:0 0 0 4px #ffdbcb}
.hero h1{color:#0d3c2f;font-size:clamp(53px,5.35vw,78px)}
.hero h1 em{color:#0b7453;font-style:italic}
.hero-text>p{color:#415a4e;font-size:17px}
.hero .eyebrow{color:#b96e45}
.hero-media:before{background:linear-gradient(150deg,#a7d6a4,#ffe9c8)}
.hero-photo-wrap{height:565px;border:7px solid #ffffffb8;box-shadow:0 30px 65px #075a3d26}
.hero-photo-wrap img{object-position:center 44%;transform:none}
.photo-sticker{background:#ffe1d1;border:3px solid #fff6eb;color:#18543e;right:-3%;bottom:11px;box-shadow:0 15px 30px #5d72501a}
.hero-wave svg path{fill:#fffefa}
.hero-perks .ico{color:#eb9366;border-color:#eaaa83;background:#fffdf7}
/* Treatment image priority: show the work, not the model's cropped face. */
.section-services{background:#fffefa;padding-top:80px;padding-bottom:88px}
.section-services:before{background:linear-gradient(#78cbae,#ffc9a8)}
.section-lead h2,.center-heading h2,.values-section h2{color:#0d503b}
.section-lead{align-items:center}
.section-lead .eyebrow{color:#b56f45}
.services-grid{gap:19px}
.service-card{background:#fff;border:1px solid #e3ecdf;border-radius:23px;box-shadow:0 12px 32px rgba(13,72,43,.10);transition:box-shadow .22s ease,transform .22s ease}
.service-card:hover{transform:translateY(-6px);box-shadow:0 19px 40px rgba(4,80,51,.16)}
.service-card img{height:213px;object-fit:cover;object-position:center center;filter:none;transition:transform .35s ease}
.service-card:nth-child(1) img,.service-card:nth-child(2) img,.service-card:nth-child(3) img,.service-card:nth-child(4) img,.service-card:nth-child(5) img,.service-card:nth-child(6) img{object-position:center center}
.service-card:hover img{transform:scale(1.03)}
.service-body{padding:22px 23px 25px;background:linear-gradient(160deg,#fff,#fff9f3)!important}
.service-body:before{background:#f4b68e!important}
.service-no{color:#c77b48}
.service-card h3{color:#0c4938;font-size:26px;margin-bottom:9px}
.service-card p{color:#546c60}
.text-link{color:#075f43}
.service-card .text-link .ico{border-radius:50%;background:#ffdcc6;color:#a14e2a;width:31px;height:31px;padding:7px;stroke-width:3;transition:transform .2s ease,background .2s}
.service-card .text-link:hover .ico{background:#ffbe9f;transform:translateX(3px)}
.section-fineprint{background:#eaf7eb;color:#406a54}
.journey{background:linear-gradient(116deg,#d5f4d8,#e3f6e9 66%,#fff0dc);border-color:#b8e6cd}
.journey:before{background:#f5bd9d55}
.journey-lead h2{color:#0a523d}.journey-lead h2 em{color:#dc865b}
.journey-step{border-color:#aee1c3;background:#ffffffed}.journey-step .step-num{background:#ffe0cd;color:#ad5d35}
.about-section{background:linear-gradient(112deg,#eff9e9 0%,#fff7ec 62%,#fff0df 100%)}
.about-image:before{border-color:#f2bf9b}
.about-image img{object-position:center 38%}
.about-content .eyebrow{color:#bf6b41}
.about-content h2{color:#0b4a38}.about-content h2 em{color:#0b7655}
.about-content h3{color:#0c7651}
.about-chip{border-color:#e9ddc1;color:#a06b48;background:#fff}
.about-facts span{background:#edf9eb;border-color:#bde5bf;color:#1d674a}
.section-locations{background:#fffdfa}
.location-dordrecht:before{background:linear-gradient(145deg,#11976c,#086444)}
.location-ambacht:before{background:linear-gradient(145deg,#5ec6b6,#19837d)}
.location-card{box-shadow:0 15px 38px rgba(13,84,58,.11)}
.location-copy h3{color:#064834}
.location-copy p{color:#4d655a}
.practice-photo-line{background:#f3f8ee;border:1px solid #dce9dd}
.values-section{background:linear-gradient(95deg,#f1f8e5,#dff3df 52%,#fff0df)}
.value-icon{color:#df875f;background:#fff9ef;border-color:#f9dcc8}
.booking-section{background:radial-gradient(circle at 3% 98%,#fbd1bd 0,transparent 33%),radial-gradient(circle at 100% 2%,#c6efce 0,transparent 37%),linear-gradient(110deg,#fffdf5,#f1faef 80%)}
.booking-copy h2{color:#0c4b3a}.booking-copy h2 em{color:#d98757}
.booking-form{background:#fffefd;border:1px solid #d5e8d8;box-shadow:0 25px 50px #1665442b}
.form-grid label{color:#355e4a}
.booking-form input:focus,.booking-form select:focus{outline-color:#62b997;border-color:#62b997}
.contact-strip{background:#c5ebd6}
.contact-strip h2{color:#064632}
.footer{background:linear-gradient(118deg,#043b31,#00664b);color:#fff}
.footer-top h3{color:#e7ffe9}
.suria-credit{color:#f7d0b4}
.whatsapp-float{background:#138b55;border:2px solid #e7f8ed;box-shadow:0 12px 30px rgba(0,89,43,.28)}
.back-to-top{border-color:#9ad1b5}
/* Illustrative photography remains separate from the verified authentic images. */
@media(max-width:880px){.hero-wrap{gap:24px}.hero-photo-wrap{height:470px}.service-card img{height:190px}.journey-step{box-shadow:0 12px 28px #2c7a4920}}
@media(max-width:620px){
 .hero{overflow:hidden}.hero-wrap{padding-top:28px;padding-bottom:57px;gap:19px}
 .hero h1{font-size:clamp(42px,10.2vw,56px);letter-spacing:-1.9px}
 .hero-photo-wrap{width:88%;height:420px;max-width:390px;border-width:5px}
 .photo-sticker{right:0;bottom:9px;width:112px;min-height:93px}
 .hero-cta .btn{font-size:12px}
 .section-services{padding-top:65px;padding-bottom:68px}
 .services-grid{gap:12px}
 .service-card{border-radius:16px}
 .service-card img{height:124px}
 .service-body{padding:15px 13px 17px}
 .service-card h3{font-size:20px;min-height:0}
 .service-card p{min-height:94px}
 .service-card .text-link .ico{height:27px;width:27px;padding:6px}
 .location-card{box-shadow:0 12px 26px #0d654419}
 .about-image img{object-position:center 32%}
 .hero-leaf,.values-section .decor-star,.about-section .decor-star{display:none!important}
}
@media(max-width:380px){.service-card img{height:117px}.service-card h3{font-size:18px}.hero-photo-wrap{height:390px}.hero-cta .btn{padding:10px 11px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.service-card:hover img{transform:none!important}}
