/* Gud Vybs Spa — complete dark modern design */
:root{
  --bg:#0b0b0c;
  --bg-2:#0f0f11;
  --panel:#131315;
  --panel-2:#18181b;
  --panel-3:#1d1d20;
  --text:#f6f3ef;
  --text-soft:#d6d0ca;
  --muted:#a9a39d;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(232,28,69,.30);
  --red:#e31b46;
  --red-2:#af082e;
  --maroon:#620018;
  --red-soft:#ffb8c7;
  --green:#0d4d3c;
  --max:1180px;
  --radius:24px;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 84% 2%,rgba(0,88,62,.12),transparent 31rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{width:20px;height:20px}
button,input,select,textarea{font:inherit}
.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:10px;z-index:999;background:white;color:black;padding:10px 14px;border-radius:8px}.skip:focus{left:10px}

/* Header */
.site-header{position:sticky;top:0;z-index:80;background:rgba(11,11,12,.80);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:850;letter-spacing:.025em;color:#fff;white-space:nowrap}
.brand-mark{width:38px;height:38px;border-radius:50%;border:1px solid rgba(227,27,70,.55);display:grid;place-items:center;color:#ff526f;background:rgba(227,27,70,.06)}
.brand-mark svg{width:21px;height:21px}
.navlinks{display:flex;align-items:center;gap:25px;color:#ddd7d2;font-size:.86rem;font-weight:650}
.navlinks>a:not(.btn){position:relative;transition:.2s ease}.navlinks>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:linear-gradient(90deg,var(--red),var(--maroon));transition:.2s ease}.navlinks>a:not(.btn):hover{color:#fff}.navlinks>a:not(.btn):hover:after{right:0}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:#151517;color:#fff;align-items:center;justify-content:center;cursor:pointer}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff;font-weight:800;font-size:.88rem;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.07)}
.btn-primary,.callout>.btn{border-color:transparent;background:linear-gradient(135deg,#ed1c4d 0%,#b70b34 48%,#650018 100%);color:#fff;box-shadow:0 12px 30px rgba(156,0,38,.26)}
.btn-primary:hover,.callout>.btn:hover{background:linear-gradient(135deg,#f52a58 0%,#c20b39 48%,#74001d 100%);box-shadow:0 16px 36px rgba(156,0,38,.34)}
.btn-light{background:rgba(16,16,18,.64);border-color:rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.text-link,.more{color:#ff7890;font-weight:800}

/* Typography */
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.038em}
h1{font-size:clamp(3.4rem,7vw,6.3rem);line-height:.98;margin-bottom:24px}
h2{font-size:clamp(2.35rem,4.4vw,4rem);line-height:1.04;margin-bottom:18px}
h3{line-height:1.18}
.lead{font-size:1.08rem;color:var(--text-soft);line-height:1.75}
.kicker{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#ff8ba0;font-size:.71rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.kicker:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--red),var(--maroon))}
.crumbs{font-size:.78rem;color:#8e8984;margin-bottom:16px}.crumbs a{color:#c6c1bc}.crumbs a:hover{color:#fff}

/* Home hero */
.hero{padding:44px 0 24px}
.hero-stage{position:relative;min-height:690px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:#0a0a0b;box-shadow:var(--shadow)}
.hero-stage-media{position:absolute;inset:0}.hero-stage-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.90) brightness(.74) contrast(1.06)}
.hero-stage-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,5,.94) 0%,rgba(5,7,6,.70) 44%,rgba(4,10,8,.20) 75%,rgba(4,5,5,.42) 100%),linear-gradient(0deg,rgba(5,5,6,.74),transparent 52%)}
.hero-stage-copy{position:relative;z-index:2;min-height:690px;max-width:680px;padding:76px 70px;display:grid;align-content:center}
.hero-stage-copy h1{font-size:clamp(3.8rem,7.2vw,6.8rem);max-width:680px;margin-bottom:24px}.hero-stage-copy h1 em{font-style:italic;color:#ffbac6;font-weight:400}
.hero-stage-copy .lead{max-width:590px;margin-bottom:28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.micro{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#c9c5bf;font-size:.79rem}.micro span{display:flex;align-items:center;gap:7px}.micro span:before{content:"";width:7px;height:7px;border-radius:50%;background:#e31b46;box-shadow:0 0 0 4px rgba(227,27,70,.12)}
.hero-treatment-panel{display:none}
.quickbar{position:relative;z-index:5;margin:-62px 38px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.34)}
.quick-item{background:rgba(18,18,20,.97);padding:22px 24px}.quick-item strong{display:block;font-size:1rem;margin-bottom:3px}.quick-item span{color:var(--muted);font-size:.79rem}
.treatment-rail{display:none}

/* General sections */
.section{padding:92px 0}.section.alt{background:#0d0d0f;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head>div{max-width:660px}.section-head p{max-width:520px;color:var(--muted);margin:0}
.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}

/* Massage menu cards — equal, clean and image-safe */
.service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.service-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:500px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--panel);
  box-shadow:0 14px 38px rgba(0,0,0,.18);
  transition:.25s ease;
}
.service-card:hover{
  transform:translateY(-4px);
  border-color:rgba(227,27,70,.38);
  box-shadow:0 20px 50px rgba(0,0,0,.34);
}
.service-media{
  position:relative;
  inset:auto;
  width:100%;
  height:235px;
  flex:0 0 235px;
  overflow:hidden;
  background:#0d0d0f;
  border-bottom:1px solid var(--line);
}
.service-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(7,7,8,.16),transparent 42%);
}
.service-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
  transform:none;
  transition:transform .35s ease;
}
.service-card:hover .service-media img{transform:scale(1.025)}
.service-index{
  position:relative;
  z-index:2;
  align-self:flex-start;
  margin:18px 22px 9px;
  display:inline-flex;
  width:auto;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
  border-radius:999px;
  font-size:.62rem;
  letter-spacing:.13em;
  color:#d8d3cd;
}
.service-card h3{
  position:relative;
  z-index:2;
  margin:0 22px 8px;
  font-size:1.35rem;
  line-height:1.15;
}
.service-card p{
  position:relative;
  z-index:2;
  margin:0 22px 16px;
  color:#c7c1bb;
  font-size:.84rem;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.service-card .price-tag{
  position:relative;
  z-index:2;
  align-self:flex-start;
  margin:auto 22px 9px;
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(227,27,70,.12);
  border:1px solid rgba(227,27,70,.24);
  color:#ffbdca;
  font-size:.72rem;
  font-weight:850;
}
.service-card .more{
  position:relative;
  z-index:2;
  display:block;
  margin:0 22px 22px;
  color:#ff8298;
  font-size:.76rem;
}

/* Image framing tweaks for artwork / unusually shaped source images */
.service-card[href="thai-massage/"] .service-media img{
  object-fit:contain;
  padding:12px;
  background:#111214;
}
.service-card[href="four-hands-massage/"] .service-media img{
  object-position:center 44%;
}
.service-card[href="hot-stone-massage/"] .service-media img{
  object-position:center 52%;
}
.service-card[href="sports-massage/"] .service-media img,
.service-card[href="prenatal-massage/"] .service-media img,
.service-card[href="reflexology-foot-massage/"] .service-media img{
  object-position:center 38%;
}
.service-card[href="erotic-massage/"] .service-media img{
  object-position:center 32%;
}
.service-card[href="body-to-body-massage/"] .service-media img{
  object-position:center;
}

/* Spacious homepage massage-menu link */
.massage-menu-link-section{padding:58px 0 92px}
.massage-menu-link{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding:28px 30px;border:1px solid var(--line);border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(227,27,70,.045));
  box-shadow:0 16px 42px rgba(0,0,0,.16);transition:.22s ease
}
.massage-menu-link:hover{transform:translateY(-2px);border-color:rgba(227,27,70,.34);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(227,27,70,.07))}
.massage-menu-link-copy{display:grid;gap:4px}
.massage-menu-link-label{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#ff849a}
.massage-menu-link-copy strong{font-family:var(--display);font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.1;color:#fff}
.massage-menu-link-copy>span:last-child{color:var(--muted);font-size:.86rem}
.massage-menu-link-action{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;padding:13px 17px;
  border-radius:14px;background:linear-gradient(135deg,#e31b46 0%,#a90830 52%,#620019 100%);
  color:#fff;font-size:.78rem;font-weight:900;box-shadow:0 10px 28px rgba(150,0,36,.23)
}
.massage-menu-link-action b{font-size:1rem}

/* Price previews / price page */
.quick-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-price-card{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:18px;transition:.2s ease}.quick-price-card:hover{border-color:rgba(227,27,70,.30);transform:translateY(-2px)}.quick-price-card h3{font-size:1rem;margin-bottom:12px}.quick-price-amount{font-size:1.25rem;font-weight:900;color:#ffb7c4}.center-action{text-align:center;margin-top:28px}
.price-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.price-menu-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden}.price-service-image{height:210px;overflow:hidden}.price-service-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) brightness(.85)}.price-menu-card>div:not(.price-service-image){padding:0}.price-menu-top{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:22px 22px 14px}.price-menu-top h3{margin:0;font-size:1.18rem}.price-menu-top a{color:#ff849a;font-size:.78rem;font-weight:800}.price-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 22px;border-top:1px solid var(--line);font-size:.86rem}.price-row strong{color:#fff}.price-kicker{font-size:.67rem;text-transform:uppercase;letter-spacing:.13em;color:#ff849a;font-weight:900}.price-note,.price-disclaimer{color:var(--muted);font-size:.79rem}.price-disclaimer{margin-top:20px}.add-on-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.add-on-label{color:#ff8ba0;font-weight:850;font-size:.73rem}

/* Split content */
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.split>div:not(.rounded-photo){max-width:620px}.rounded-photo{height:560px;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.rounded-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) brightness(.86)}
.tick-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0}.tick{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);padding:14px 15px;font-size:.84rem;color:#ddd8d2}.tick:before{content:"✓";color:#ff5a77;font-weight:900;margin-right:8px}

/* Location + callouts */
.location-box{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;padding:44px;background:radial-gradient(circle at 90% 10%,rgba(0,91,63,.16),transparent 19rem),var(--panel);box-shadow:0 16px 50px rgba(0,0,0,.20)}.location-box h2{max-width:720px}.location-box p{max-width:650px;color:var(--muted)}
.callout{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(227,27,70,.075),transparent 42%),var(--panel);padding:38px 42px}.callout h2{font-size:clamp(2rem,3.5vw,3rem);margin-bottom:8px}.callout p{margin:0;color:var(--muted)}

/* Inner heroes */
.inner-hero{position:relative;padding:62px 0 72px;border-bottom:1px solid var(--line);overflow:hidden;background:#0c0c0e}.inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0c0e 0%,rgba(12,12,14,.93) 47%,rgba(12,12,14,.60) 100%),url('../img/gud-vybs-spa-dark-green-leaves-hero.webp') center/cover no-repeat;opacity:.78}.inner-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.inner-grid h1{font-size:clamp(3.2rem,6.2vw,5.8rem)}.inner-grid .lead{max-width:650px}.inner-photo{height:500px;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.inner-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) brightness(.83)}.hero-price{display:inline-flex;margin-top:10px;padding:7px 11px;border-radius:999px;border:1px solid rgba(227,27,70,.25);background:rgba(227,27,70,.11);color:#ffbdca;font-size:.78rem;font-weight:850}

/* Article / massage pages */
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}.prose{font-size:1rem;color:#d7d1cb}.prose h2{font-size:clamp(2rem,3.2vw,2.9rem);margin-top:46px;margin-bottom:14px;color:#fff}.prose h2:first-child{margin-top:0}.prose h3{color:#fff}.prose p{margin-bottom:18px}.prose a{text-decoration:underline;text-decoration-color:rgba(227,27,70,.55);text-underline-offset:3px}.prose a:hover{color:#ffb8c7}.goodfor{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:18px 0 28px}.goodfor>div{padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:#ddd8d2}.goodfor>div:before{content:"✓";color:#ff5874;font-weight:900;margin-right:8px}.notice{padding:17px 18px;border-left:3px solid #d90f3c;border-radius:0 13px 13px 0;background:rgba(227,27,70,.075);color:#c8c2bd;font-size:.87rem;margin:24px 0}.faq{display:grid;gap:10px}.faq-item{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.faq-item h3{margin-bottom:7px}.faq-item p{margin:0;color:var(--muted)}
.sidebox{position:sticky;top:104px;border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.sidebox h3{margin-bottom:8px}.sidebox p{color:var(--muted)}.sidebox .btn{width:100%;margin-top:10px}.price-box{margin:20px 0;padding:17px;border:1px solid var(--line);border-radius:16px;background:#0e0e10}.price-box h3{margin:4px 0 12px}.price-box .price-row{padding:10px 0}.adult-service-note{padding:16px;border:1px solid rgba(227,27,70,.22);border-radius:14px;background:rgba(227,27,70,.06);color:#c9c2bd;font-size:.85rem;margin:16px 0}
.content-photo{margin:30px 0;border:1px solid var(--line);border-radius:22px;overflow:hidden}.content-photo img{width:100%;max-height:620px;object-fit:cover}.content-photo-prenatal img{object-position:center}

/* About/contact */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.contact-card .num{color:#ff869b;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.contact-card h3{margin:9px 0}.contact-card p{color:var(--muted)}

/* Footer */
.footer{padding:62px 0 34px;border-top:1px solid var(--line);background:#070708}.footer-grid{display:grid;grid-template-columns:1.6fr .75fr .75fr;gap:42px}.footer-grid h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#e5dfda;margin-bottom:14px}.footer-grid>div:not(:first-child)>a{display:block;color:#aaa49e;font-size:.84rem;margin:9px 0}.footer-grid>div:not(:first-child)>a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);color:#7f7b77;font-size:.74rem}
.floating{display:none}

/* 404 */
.notfound{min-height:66vh;display:grid;place-items:center;text-align:center;padding:80px 20px}.notfound h1{font-size:clamp(6rem,18vw,13rem);margin:0;background:linear-gradient(135deg,#ff4e70,#9f082d,#520015);-webkit-background-clip:text;background-clip:text;color:transparent}.notfound h2{font-size:clamp(2rem,4vw,3.4rem)}.notfound p{color:var(--muted);max-width:620px;margin:0 auto 24px}

@media(max-width:1020px){
  .navlinks{position:absolute;left:20px;right:20px;top:68px;display:none;align-items:stretch;gap:4px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(17,17,19,.98);box-shadow:var(--shadow)}.navlinks.open{display:flex;flex-direction:column}.navlinks a{padding:12px 13px;border-radius:10px}.navlinks>a:not(.btn):after{display:none}.menu-btn{display:flex}.site-header .nav>.btn{display:none}
  .hero-stage{min-height:650px}.hero-stage-copy{min-height:650px;padding:58px 44px}.quickbar{grid-template-columns:1fr 1fr;margin:-50px 24px 0}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:500px}
  .quick-price-grid{grid-template-columns:repeat(2,1fr)}.split,.inner-grid{grid-template-columns:1fr}.rounded-photo,.inner-photo{height:480px}.content-grid{grid-template-columns:1fr}.sidebox{position:static}.contact-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:680px){
  .wrap{width:min(var(--max),calc(100% - 24px))}.nav{min-height:68px}.brand{font-size:.92rem}.brand-mark{width:36px;height:36px}
  .hero{padding:16px 0 0}.hero-stage{min-height:650px;border-radius:24px}.hero-stage-media img{object-position:53% center}.hero-stage-media:after{background:linear-gradient(0deg,rgba(4,5,5,.97) 4%,rgba(4,7,6,.72) 60%,rgba(4,10,8,.42) 100%)}.hero-stage-copy{min-height:650px;align-content:end;padding:36px 26px}.hero-stage-copy h1{font-size:clamp(3.35rem,16vw,5.15rem)}.hero-stage-copy .lead{font-size:.97rem}.hero-actions{display:grid}.hero-actions .btn{width:100%}.micro{margin-bottom:10px}.quickbar{grid-template-columns:1fr;margin:14px 0 0;border-radius:18px}.quick-item{padding:17px 18px}
  .section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:14px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-media{height:250px;flex-basis:250px}.quick-price-grid,.price-menu-grid{grid-template-columns:1fr}.split{gap:34px}.rounded-photo,.inner-photo{height:390px;border-radius:22px}.tick-list,.goodfor{grid-template-columns:1fr}.inner-hero{padding:42px 0 54px}.inner-grid{gap:30px}.inner-grid h1{font-size:clamp(3rem,15vw,4.6rem)}.content-grid{gap:28px}.prose h2{margin-top:36px}.location-box,.callout{padding:28px 24px;border-radius:22px}.callout{grid-template-columns:1fr}.callout .btn{width:100%}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block;text-align:center}.footer-bottom span{display:block;margin:6px 0}
  .floating{display:flex;position:fixed;z-index:90;left:12px;right:12px;bottom:12px;min-height:56px;border-radius:17px;background:linear-gradient(135deg,#ed1c4d 0%,#b70b34 48%,#650018 100%);color:#fff;align-items:center;justify-content:center;gap:9px;font-weight:900;box-shadow:0 18px 50px rgba(0,0,0,.48)}.footer{padding-bottom:105px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media (max-width:700px){
  .massage-menu-link-section{padding:34px 0 70px}
  .massage-menu-link{display:grid;padding:22px;gap:18px}
  .massage-menu-link-action{width:100%;justify-content:center}
}

@media (max-width:700px){
  .service-grid{gap:18px}
  .service-card{border-radius:20px}
  .service-media{height:245px;flex-basis:245px}
  .service-card h3{font-size:1.28rem}
}