/* Service page UI (matches the Hydra Facial landing-page look). Loaded after the page's inline CSS. */
.svc-hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:320px}
.svc-blob{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#CFE9E9 0%,#9CD0D1 55%,#7CBCBE 100%);filter:blur(1px);opacity:.9}
.svc-ring{position:absolute;width:380px;height:380px;border-radius:50%;border:1.5px dashed rgba(29,131,134,.35);animation:svc-spin 60s linear infinite}
.svc-photo{position:relative;width:min(300px,78vw);border-radius:28px;overflow:hidden;box-shadow:0 24px 50px rgba(9,44,44,.22);border:6px solid #fff;background:#CFE9E9}
.svc-photo img{display:block;width:100%;height:auto}
.svc-icon-card{position:relative;width:min(260px,70vw);aspect-ratio:1/1.12;border-radius:28px;background:linear-gradient(155deg,#1D8386 0%,#135859 60%,#092C2C 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;box-shadow:0 24px 50px rgba(9,44,44,.25);border:6px solid #fff}
.svc-icon-card .svc-big{font-size:84px;line-height:1;color:#CFE9E9}
.svc-icon-card p{margin-top:14px;font-family:"Playfair Display",serif;font-size:18px;line-height:1.25}
.svc-badge{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #D3E9E9;border-radius:14px;padding:8px 12px;box-shadow:0 10px 24px rgba(9,44,44,.12);font-size:12px;color:#1c2624;animation:svc-float 5s ease-in-out infinite}
.svc-badge .ic{width:30px;height:30px;border-radius:50%;background:#EAF4F4;color:#186E70;display:flex;align-items:center;justify-content:center}
.svc-badge b{display:block;font-size:13px;font-weight:600;line-height:1.1}
.svc-badge span.s{display:block;font-size:10.5px;color:rgba(28,38,36,.55)}
.svc-badge.t{top:8%;left:0}.svc-badge.b{bottom:8%;right:0;animation-delay:1.2s}
@media(min-width:1024px){.svc-badge.t{left:-4%}.svc-badge.b{right:-4%}}
@keyframes svc-spin{to{transform:rotate(360deg)}}
@keyframes svc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.svc-facts{position:relative;overflow:hidden;background:linear-gradient(120deg,#092C2C 0%,#0E4243 55%,#135859 100%);color:#fff}
.svc-facts .f+.f{border-left:1px solid rgba(255,255,255,.14)}
.svc-fact-num{font-family:"Playfair Display",serif;background:linear-gradient(90deg,#fff,#bfe6e6);-webkit-background-clip:text;background-clip:text;color:transparent}
.svc-eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#1D8386;font-weight:500}
.svc-card{background:#fff;border:1px solid #D3E9E9;border-radius:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.svc-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(9,44,44,.09);border-color:#9CD0D1}
.svc-ico{width:48px;height:48px;border-radius:50%;background:#D3E9E9;color:#186E70;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.svc-prose p+p{margin-top:1rem}
.svc-prose ul{list-style:none;padding:0;margin:0}
.svc-step{position:relative}
.svc-step .n{width:40px;height:40px;border-radius:50%;background:#1D8386;color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #EAF4F4}
.svc-line{position:absolute;left:19px;top:44px;bottom:-20px;width:2px;background:linear-gradient(#9CD0D1,rgba(156,208,209,0))}
.svc-note{border-left:4px solid #D98B4A;background:linear-gradient(90deg,rgba(217,139,74,.09),rgba(217,139,74,0));border-radius:0 16px 16px 0}
.svc-care{background:linear-gradient(135deg,#EAF4F4,#fff);border:1px solid #D3E9E9;border-radius:24px}
.svc-check{display:flex;gap:10px;align-items:flex-start}
.svc-check ion-icon{color:#1D8386;font-size:20px;flex-shrink:0;margin-top:2px}
.svc-related a{display:flex;align-items:center;justify-content:space-between;gap:10px}
.svc-cta{position:relative;overflow:hidden;background:linear-gradient(115deg,rgba(9,44,44,.96),rgba(14,66,67,.92)),linear-gradient(160deg,#7CBCBE,#1D8386 55%,#135859)}
.svc-sticky{position:sticky;top:120px}
@media(prefers-reduced-motion:reduce){.svc-ring,.svc-badge{animation:none}}