/*
Theme Name: Panorama EU
Theme URI: https://panoramadental.eu
Description: Health-tourism site for Panorama Oral & Dental Health (Istanbul). Clinic-corporate layout: Roboto, navy and sky blue.
Version: 1.0.0
Author: Panorama
Text Domain: panorama-eu
*/
:root{
  --navy:#153a6d; --navy-2:#0f2f66; --navy-3:#0b2556; --royal:#1d4fd7; --sky:#28b6f6; --sky-2:#1aa3e6;
  --ink:#1f2a44; --text:#7a7a7a; --muted:#9094a3; --line:#e6eaf2; --panel:#f3f6fc; --panel-2:#eaf0fb; --white:#fff; --yellow:#f6c945;
  --shadow:0 10px 30px rgba(21,58,109,.10); --shadow-2:0 18px 50px rgba(21,58,109,.16);
  --font:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --wrap:1200px; --radius:4px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:15px;line-height:1.7;color:var(--text);background:var(--white)}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration:none}
h1,h2,h3,h4{color:var(--navy);font-weight:500;line-height:1.2;margin:0 0 .6em}
h1{font-size:54px;font-weight:700}
h2{font-size:34px}
h3{font-size:20px}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.wrap--narrow{max-width:900px}
.section{padding:90px 0}
.section--tight{padding:60px 0}
.section--panel{background:var(--panel)}
.section--navy{background:var(--navy-2);color:#dbe4f5}
.section--navy h2,.section--navy h3,.section--navy h4{color:#fff}
.section--sky{background:var(--sky);color:#fff}
.section--sky h2,.section--sky h3{color:#fff}
.eyebrow{display:block;color:var(--navy);font-weight:700;font-size:13px;letter-spacing:.02em;margin-bottom:8px}
.section--navy .eyebrow{color:var(--sky)}
.center{text-align:center}
.grid{display:grid;gap:30px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-5{grid-template-columns:repeat(5,1fr)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:14px;padding:16px 28px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;border:0;border-radius:var(--radius);cursor:pointer;transition:background .2s,transform .2s;font-family:inherit;line-height:1.2}
.btn svg{width:14px;height:14px;fill:currentColor}
.btn:hover{background:var(--royal);transform:translateY(-2px)}
.btn--royal{background:var(--royal)}
.btn--royal:hover{background:var(--navy)}
.btn--sky{background:var(--sky)}
.btn--sky:hover{background:var(--sky-2)}
.btn--ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}
.btn--ghost:hover{background:var(--panel);color:var(--navy)}
.btn--outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}
.btn--outline:hover{background:#fff;color:var(--navy)}
.btn--dark{background:#06163a}
.btn--lg{padding:20px 34px;font-size:14px}
.btn--block{display:flex;justify-content:space-between;width:100%}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 20px rgba(21,58,109,.08)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:118px;gap:30px}
.brand{display:flex;align-items:center;gap:14px;color:var(--navy)}
.brand img{height:66px;width:auto}
.brand__text{line-height:1.1}
.brand__name{display:block;font-weight:700;font-size:20px;letter-spacing:-.01em}
.brand__sub{display:block;font-size:12px;color:var(--text);margin-top:3px}
.nav{display:flex;align-items:center;gap:6px}
.nav>li{position:relative}
.nav>li>a{display:block;padding:46px 12px;font-weight:700;font-size:13px;color:var(--navy);position:relative;white-space:nowrap}
.nav>li>a::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--navy);transform:scaleX(0);transition:transform .2s}
.nav>li.current-menu-item>a::after,.nav>li.current-menu-ancestor>a::after,.nav>li.current_page_parent>a::after,.nav>li:hover>a::after{transform:scaleX(1)}
.nav>li.menu-item-has-children>a::before{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:7px;position:relative;top:-3px;float:right}
.nav .sub-menu{position:absolute;top:100%;left:0;min-width:240px;background:#fff;box-shadow:var(--shadow-2);padding:12px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s;z-index:60;border-top:3px solid var(--navy)}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.nav .sub-menu a{display:block;padding:10px 22px;font-size:13px;font-weight:500;color:var(--ink)}
.nav .sub-menu a:hover{background:var(--panel);color:var(--navy)}
.nav .sub-menu .sub-menu{left:100%;top:-12px}
.lang{position:relative}
.lang>button{background:none;border:0;font:inherit;font-weight:700;font-size:13px;color:var(--navy);padding:46px 12px;cursor:pointer;display:flex;align-items:center;gap:6px}
.lang>button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);position:relative;top:-2px}
.lang ul{position:absolute;right:0;top:100%;background:#fff;box-shadow:var(--shadow-2);min-width:170px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s;border-top:3px solid var(--navy)}
.lang:hover ul,.lang:focus-within ul,.lang.is-open ul{opacity:1;visibility:visible;transform:none}
.lang ul a{display:block;padding:9px 20px;font-size:13px;font-weight:500;color:var(--ink)}
.lang ul a:hover{background:var(--panel)}
.lang ul .current-lang a{color:var(--sky);font-weight:700}
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;padding:8px}
.burger span{display:block;height:2px;background:var(--navy)}
.nav-wrap{display:flex;align-items:center}

/* hero slider (home) */
.hero{position:relative;overflow:hidden;background:#f7f9fd;min-height:600px}
.hero__slide{display:none;position:relative;min-height:600px}
.hero__slide.is-active{display:block}
.hero__blob{position:absolute;left:-10%;top:-30%;width:62%;height:160%;background:var(--navy-2);border-radius:0 50% 50% 0 / 0 60% 40% 0;transform:rotate(-6deg)}
.hero__stripes{position:absolute;left:38%;top:0;width:220px;height:100%;pointer-events:none}
.hero__stripes i{position:absolute;width:14px;height:140px;background:var(--yellow);border-radius:8px;transform:rotate(28deg)}
.hero__stripes i:nth-child(1){top:20px;left:30px}
.hero__stripes i:nth-child(2){top:40px;left:120px;height:110px}
.hero__stripes i:nth-child(3){bottom:-20px;left:-10px;height:120px}
.hero__stripes i:nth-child(4){bottom:0;left:70px;height:90px}
.hero__person{position:absolute;left:3%;bottom:0;height:98%;max-width:46%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}
.hero__copy{position:absolute;right:6%;top:58%;transform:translateY(-50%);text-align:right;max-width:52%}
.hero__eyebrow{font-size:30px;letter-spacing:.14em;color:#0c1a3a;font-weight:300;display:flex;align-items:center;justify-content:flex-end;gap:16px}
.hero__eyebrow::before{content:"";width:80px;height:1px;background:#0c1a3a}
.hero__eyebrow em{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:0;font-size:34px;text-transform:none}
.hero__title{font-size:104px;font-weight:300;letter-spacing:.04em;color:#0c1a3a;line-height:1;margin:6px 0 10px;text-transform:uppercase}
.hero__sign{font-family:"Segoe Script","Brush Script MT",cursive;font-size:36px;color:#0c1a3a}
.hero__badge{position:absolute;right:6%;top:40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1a2a5a,#07123a 70%);border:8px solid #c9a227;box-shadow:0 0 0 4px #e9cf6a,0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;font-weight:700;line-height:1.1}
.hero__badge b{font-size:38px;display:block}
.hero__badge small{font-size:13px;font-weight:500;display:block;margin-top:4px;letter-spacing:.04em}
.hero__dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hero__dots button{width:8px;height:8px;border-radius:50%;border:0;background:#9aa3b5;cursor:pointer;padding:0}
.hero__dots button.is-active{background:var(--sky)}
.hero__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:none;color:#8a94a8;cursor:pointer;font-size:30px;line-height:1}
.hero__arrow--prev{left:10px}.hero__arrow--next{right:10px}

/* info band under hero */
.band{margin-top:-60px;position:relative;z-index:2}
.band__grid{display:grid;grid-template-columns:repeat(3,1fr);box-shadow:var(--shadow-2)}
.band__item{padding:40px 36px 40px 100px;position:relative;color:#fff;background:var(--navy-2);overflow:hidden;min-height:200px}
.band__item:nth-child(2){background:var(--royal)}
.band__item:nth-child(3){background:#0d3a8f}
.band__item>svg{position:absolute;left:28px;top:40px;width:46px;height:46px;fill:none;stroke:#fff;stroke-width:1.6}
.band__item h3{color:#fff;font-size:18px;margin-bottom:10px}
.band__item p{font-size:13px;color:#dfe7f8}
.band__item a.link{color:#fff;font-weight:700;font-size:13px;border-bottom:1px solid #fff;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.band__item a.link svg{width:14px;height:14px;fill:#fff;stroke:none;position:static}
.band__item .btn{margin-top:4px;padding:12px 20px}
.band__ghost{position:absolute;right:-20px;bottom:-30px;width:140px;height:140px;opacity:.14;fill:#fff}

/* welcome */
.welcome{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}
.welcome h2{font-size:34px}
.welcome__body{padding-left:70px}
.welcome__lead{color:var(--navy);font-weight:700;font-size:15px;margin-bottom:22px}
.welcome .btn{margin:6px 0}
.welcome__who{display:flex;align-items:center;gap:20px;margin-top:10px}
.welcome__who b{display:block;color:var(--navy);font-size:17px}
.welcome__who span{font-size:13px}
.welcome__img{background:var(--navy-2);aspect-ratio:3/4;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.welcome__img img{height:96%;object-fit:contain;object-position:bottom}
.welcome__img::before{content:"P";position:absolute;left:0;top:-20px;font-size:420px;font-weight:700;color:rgba(255,255,255,.08);line-height:1;font-family:Georgia,serif}

/* gallery / videos */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.gallery figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--panel);position:relative}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery figure:hover img{transform:scale(1.04)}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(12,26,58,.85));color:#fff;padding:30px 16px 12px;font-size:13px}
.videos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.videos .video{aspect-ratio:16/10;background:#000;position:relative;overflow:hidden;cursor:pointer}
.videos .video img{width:100%;height:100%;object-fit:cover;opacity:.85}
.videos .video::after{content:"";position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23153a6d' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/26px no-repeat}
.videos iframe{width:100%;height:100%;border:0}

/* club / free services (navy) */
.club{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.club h2{font-size:38px;font-weight:400;line-height:1.3}
.club__right p{font-size:13px}
.club__right b{color:#fff}
.club__right .terms{color:#8fb4ff;font-size:12px}
.free-title{text-align:center;color:var(--sky);font-weight:700;font-size:13px;text-transform:uppercase;margin:40px 0 24px;letter-spacing:.02em}
.checks{display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
.check-card{background:#fff;padding:30px 20px 24px;text-align:center;color:var(--text);box-shadow:var(--shadow)}
.check-card svg{width:50px;height:50px;margin:0 auto 14px;display:block;fill:none;stroke:var(--royal);stroke-width:2}
.check-card h4{color:var(--navy);font-size:15px;font-weight:500;margin:0 0 6px}
.check-card p{font-size:12px;margin:0 0 10px}
.check-card i{display:inline-block;width:22px;height:22px;background:var(--sky);border-radius:3px;position:relative}
.check-card i::after{content:"";position:absolute;left:7px;top:5px;width:6px;height:6px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.cta-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px;transform:translateY(80px)}
.cta-card{padding:40px 36px 40px 110px;position:relative;color:#fff;min-height:200px}
.cta-card--sky{background:var(--sky)}
.cta-card--navy{background:#143b7a}
.cta-card>svg{position:absolute;left:34px;top:40px;width:50px;height:50px;fill:none;stroke:#fff;stroke-width:1.6}
.cta-card h3{color:#fff;font-size:18px}
.cta-card p{font-size:13px;color:#eaf2ff}
.cta-card .btn{background:#0c2b63;padding:12px 22px}
.cta-card--sky .btn{background:#0c2b63}
.cta-card--navy .btn{background:var(--sky)}
.after-cta{padding-top:140px;text-align:center}
.after-cta p{color:var(--navy);font-weight:700;font-size:13px;margin-bottom:18px}

/* testimonials (navy) */
.testi{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:center;position:relative}
.testi__deco{position:absolute;right:0;top:0;bottom:0;width:380px;background:
  linear-gradient(135deg,transparent 48%,rgba(255,255,255,.07) 48%,rgba(255,255,255,.07) 52%,transparent 52%),
  linear-gradient(45deg,transparent 48%,rgba(255,255,255,.05) 48%,rgba(255,255,255,.05) 52%,transparent 52%);pointer-events:none}
.testi__quote{display:flex;gap:30px;align-items:flex-start}
.testi__quote>svg{width:52px;height:52px;fill:#fff;flex:none;margin-top:14px}
.testi__item{display:none}
.testi__item.is-active{display:block}
.testi__item p.big{font-size:26px;line-height:1.5;color:#fff;font-weight:400;margin:10px 0 24px}
.testi__who{display:flex;align-items:center;gap:16px}
.testi__nav{display:flex;gap:10px;margin-right:16px}
.testi__nav button{width:30px;height:40px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer;line-height:1;opacity:.8}
.testi__avatar{width:50px;height:50px;border-radius:50%;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:3px solid #fff}
.testi__who b{color:#fff;display:block;font-size:14px}
.testi__who span{font-size:12px;color:#c7d6f4}
.testi__label{color:#fff;font-weight:700;font-size:13px}
.partners{display:flex;justify-content:space-around;align-items:center;gap:30px;margin-top:70px;flex-wrap:wrap}
.partners span{color:#fff;font-weight:700;font-size:15px;letter-spacing:.06em;opacity:.9;text-transform:uppercase}

/* discover istanbul */
.discover{position:relative;color:#fff;background:#0f3f93 url(assets/img/discover-bg.jpg) center/cover;overflow:hidden}
.discover::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,56,140,.96),rgba(22,78,180,.86))}
.discover .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;padding:0 60px}
.discover h2{font-size:22px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.5;color:#fff}
.discover h3{font-size:20px;text-transform:uppercase;color:#fff;margin-top:60px;font-weight:400}
.discover p{font-size:13px;color:#eaf1ff;max-width:460px}
.discover__photos{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.discover__photos img{aspect-ratio:4/3;object-fit:cover;width:100%}
.discover .btn--outline{margin:30px 0 0 auto;display:table}

/* about + steps (home) */
.about-steps{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.about-steps__imgs img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:16px}
.about-steps__imgs .cert{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line)}
.about-steps p{font-size:13px}
.about-steps .btn-row{display:flex;gap:14px;margin:20px 0 40px}
.accordion{border-top:3px solid var(--navy)}
.acc{border-bottom:1px solid var(--line)}
.acc__btn{width:100%;display:flex;align-items:center;gap:14px;background:none;border:0;padding:18px 0;font:inherit;font-weight:700;color:var(--navy);cursor:pointer;text-align:left;font-size:15px}
.acc__btn::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--navy);flex:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 6l6 6-6 6z'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat;transition:transform .2s}
.acc.is-open .acc__btn::before{transform:rotate(90deg)}
.acc__body{display:none;padding:0 0 18px 36px;font-size:13px}
.acc.is-open .acc__body{display:block}

/* posts */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.post-card{background:#fff;box-shadow:var(--shadow);position:relative}
.post-card__img{aspect-ratio:4/3;overflow:hidden;background:var(--panel)}
.post-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post-card:hover .post-card__img img{transform:scale(1.05)}
.post-card__meta{position:absolute;left:0;top:calc(75% - 18px);display:flex;align-items:center;font-size:12px;background:#fff;padding-right:14px}
.post-card__meta .cat{background:var(--sky);color:#fff;padding:9px 14px;font-weight:500;margin-right:12px}
.post-card__body{padding:28px 26px 30px}
.post-card h3{font-size:17px;line-height:1.45;margin-bottom:8px}
.post-card h3 a{color:var(--navy)}
.post-card .by{font-size:12px;margin-bottom:14px}
.post-card .by a{color:var(--sky)}
.post-card p{font-size:13px}
.post-card .more{font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:8px;color:var(--navy)}
.post-card .more::after{content:"";width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(-45deg)}

/* page hero banner */
.banner{position:relative;color:#fff;background:#13284f url(assets/img/banner.jpg) center 35%/cover;min-height:420px;display:flex;align-items:center;overflow:hidden}
.banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,54,.85) 0%,rgba(9,22,54,.55) 50%,rgba(9,22,54,.35) 100%)}
.banner .wrap{position:relative;width:100%;padding-top:70px;padding-bottom:40px}
.banner h1{color:#fff;font-size:60px;font-weight:700;margin-bottom:18px;max-width:640px}
.banner p{max-width:420px;font-weight:700;font-size:14px;color:#fff;margin-bottom:26px}
.banner .btn{margin-right:14px}
.banner .btn--white{background:#fff;color:var(--navy)}
.crumbs{margin-top:60px;font-size:12px;color:#c9d3e8;display:flex;gap:10px;align-items:center}
.crumbs a{color:#fff;font-weight:700}
.crumbs i{font-style:normal;opacity:.7}
.banner--short{min-height:320px}
.banner--short .crumbs{margin-top:30px}
.banner__corner{position:absolute;right:0;bottom:-1px;width:60px;height:60px;background:#fff}

/* treatment cards */
.treat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.treat-card{background:#fff;box-shadow:var(--shadow);padding:34px 28px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.treat-card__fold{position:absolute;right:0;top:0;width:80px;height:80px;background:linear-gradient(225deg,var(--panel-2) 50%,#fff 50%);box-shadow:-3px 3px 6px rgba(0,0,0,.06)}
.treat-card__fold::before{content:"";position:absolute;right:0;top:0;width:80px;height:80px;background:linear-gradient(225deg,transparent 50%,#d9e3f5 50%,#f3f6fc 70%);clip-path:polygon(100% 0,0 0,100% 100%)}
.treat-card__icon{width:56px;height:56px;margin-bottom:22px}
.treat-card__icon svg{width:56px;height:56px;fill:var(--navy)}
.treat-card h3{font-size:19px;margin-bottom:10px}
.treat-card h3 a{color:var(--navy)}
.treat-card p{font-size:13px;margin-bottom:12px}
.treat-card ul{margin:0 0 18px;flex:1}
.treat-card li{border-bottom:1px solid var(--line);padding:9px 0;font-size:13px;color:var(--navy);font-weight:500;display:flex;gap:10px;align-items:center}
.treat-card li::before{content:"";width:7px;height:11px;border-right:2px solid var(--sky);border-bottom:2px solid var(--sky);transform:rotate(45deg);flex:none;margin-left:2px}
.treat-card .btn{align-self:flex-start;padding:12px 22px}

/* why us */
.why{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start}
.why__intro p{color:#fff;font-weight:700;font-size:13px}
.why__intro h2{font-size:36px;font-weight:300}
.why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;box-shadow:var(--shadow-2)}
.why__cell{padding:36px 30px 30px;color:var(--navy);font-size:15px;background:#fff;border:1px solid var(--line);position:relative}
.why__cell:nth-child(odd){background:var(--panel)}
.why__cell svg{width:44px;height:44px;display:block;margin-bottom:60px;fill:none;stroke:var(--royal);stroke-width:2.4}
.why__cell--img{padding:0;overflow:hidden;background:var(--navy-2)}
.why__cell--img img{width:100%;height:100%;object-fit:cover;min-height:220px}
.why__note{margin-top:30px;font-size:13px;color:var(--navy);font-weight:700}
.why__note a{color:var(--navy)}
.section--navy .why__note{color:#fff}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.step{padding:36px 26px 30px;border-right:1px solid var(--line);position:relative}
.step:last-child{border-right:0}
.step__n{position:absolute;right:26px;top:36px;color:#c9d0de;font-size:18px}
.step__ic{width:36px;height:36px;border-radius:50%;background:var(--navy);margin-bottom:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M5 11h11l-4-4 1.4-1.4L19.8 12l-6.4 6.4L12 17l4-4H5z'/%3E%3C/svg%3E");background-size:20px;background-repeat:no-repeat;background-position:center}
.step h3{font-size:16px;font-weight:500;margin-bottom:10px}
.step p{font-size:12px;margin:0}
.steps-note{text-align:center;font-size:12px;color:var(--text);margin-top:40px;max-width:520px;margin-left:auto;margin-right:auto}
.steps-note a{font-weight:700;color:var(--navy)}

/* treatment single */
.two-col{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}
.side-box{background:var(--panel);padding:30px 30px 22px;margin-bottom:28px}
.side-box h4{font-size:16px;font-weight:400;margin-bottom:18px}
.side-list a{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:14px 22px;margin-bottom:8px;transition:background .2s}
.side-list a:hover,.side-list a.is-current{background:var(--royal)}
.side-list a::after{content:"";width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.side-box--sky{background:var(--sky);color:#fff}
.side-box--sky h4{color:#fff}
.side-box--sky svg{width:40px;height:40px;fill:none;stroke:#fff;stroke-width:1.6;margin-bottom:20px}
.side-box--sky p{font-size:13px;color:#f1f8ff}
.side-box--sky .phone{font-size:20px;color:#fff;font-weight:500;display:flex;align-items:center;gap:10px}
.side-box--sky .phone svg{width:16px;height:16px;margin:0}
.side-box--dark{background:var(--navy);color:#fff;padding:24px 26px;display:flex;align-items:center;gap:18px;font-weight:700;font-size:14px}
.side-box--dark svg{width:22px;height:22px;fill:#fff;flex:none}
.hours li{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);padding:8px 0}
.hours li span:last-child{color:var(--text)}
.side-box .bar{height:4px;background:var(--navy);margin-top:14px}
.side-box--plain svg{width:40px;height:40px;fill:none;stroke:var(--navy);stroke-width:1.6;margin-bottom:12px}
.entry img.lead{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:30px}
.entry h2{font-size:20px;font-weight:400;text-transform:uppercase;margin:34px 0 14px;color:var(--navy)}
.entry h3{font-size:17px;margin:26px 0 10px}
.entry p,.entry li{font-size:13px}
.entry ul{list-style:disc;padding-left:20px;margin-bottom:1em}
.entry ol{padding-left:20px;margin-bottom:1em}
.entry figure{margin:0 0 1.4em}
.entry figcaption{font-size:12px;color:var(--muted);margin-top:6px}
.price-box{background:var(--panel);padding:26px 26px 14px;margin:28px 0}
.price-box h4{font-size:15px;font-weight:400;margin-bottom:14px}
.price-box li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;font-weight:700;color:var(--text);border-bottom:1px solid #e3e9f3}
.price-box li:last-child{border:0}
.price-box li b{background:var(--navy);color:#fff;padding:6px 10px;font-size:12px;border-radius:3px}

/* pricing page */
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.pricing__intro{text-align:center;padding:0 10px 30px}
.pricing__intro h2{font-size:26px;font-weight:400;color:var(--navy)}
.pricing__intro p{font-size:18px;color:var(--navy);line-height:1.4}
.why-box{border:1px solid var(--line);padding:30px}
.why-box h3{font-size:19px;font-weight:400}
.why-box>p{font-size:12px}
.why-box ul{background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:26px 26px;margin:20px 0 26px}
.why-box li{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;color:var(--text)}
.why-box li svg{width:16px;height:16px;fill:none;stroke:var(--navy);stroke-width:3;flex:none}
.why-box .btn{margin-left:20px}
.pricing__quote{font-weight:700;font-size:13px;color:var(--navy);margin-bottom:28px}
.price-list{background:#fff}
.price-list__head{background:var(--navy);color:#fff;padding:22px 26px;display:flex;align-items:center;gap:16px;font-size:16px}
.price-list__head svg{width:34px;height:34px;fill:#fff}
.price-list li{display:flex;justify-content:space-between;align-items:center;padding:14px 26px;font-size:13px;color:var(--text)}
.price-list li:nth-child(even){background:var(--panel)}
.price-list li b{color:var(--sky);font-weight:700}
.price-list li .ask{color:var(--navy);font-weight:700;font-size:12px}

/* forms */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}
.form .full{grid-column:1/-1}
.form label{display:block;font-weight:700;color:var(--navy);font-size:13px;margin-bottom:8px}
.form label .req{color:#d33}
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea,.form select{width:100%;border:0;background:#f0f0f0;padding:14px 16px;font:inherit;font-size:14px;color:var(--ink);border-radius:2px}
.form textarea{min-height:140px}
.form small{display:block;font-size:11px;color:var(--navy);font-weight:700;margin-top:6px}
.form .checks-inline{display:grid;gap:6px;font-size:13px;font-weight:400;color:var(--text)}
.form .checks-inline label{font-weight:400;color:var(--text);display:flex;gap:8px;align-items:center;margin:0}
.form .hp{position:absolute;left:-9999px}
.form .btn{padding:14px 30px}
.form__note{font-size:11px;color:var(--muted);font-style:italic}
.notice{padding:16px 20px;border-left:4px solid var(--sky);background:var(--panel);margin-bottom:24px;color:var(--navy);font-weight:500}
.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:start}
.contact-grid .form{grid-template-columns:1fr 1fr}
.contact-grid>img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:10px}
.blue-box{background:var(--sky);color:#fff;padding:50px 40px}
.blue-box h2{color:#fff;font-size:26px;font-weight:400;margin-bottom:40px}
.blue-box p{font-weight:700;font-size:13px;color:#fff}
.blue-box .btn{background:#fff;color:var(--navy);margin-top:20px}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}
.contact-card{background:var(--panel);padding:28px 26px}
.contact-card h3{font-size:16px}
.contact-card p{font-size:13px;margin:0 0 4px}
.contact-card a{font-weight:700}

/* team */
.team-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;min-height:360px}
.team-intro h2{font-size:30px;font-weight:400}
.team-intro p{font-size:12px;max-width:480px}
.team-intro .btn{background:#0b1b3c}
.team-intro__facts{margin-top:36px;display:flex;gap:16px;align-items:flex-start}
.team-intro__facts::before{content:"";width:60px;height:1px;background:var(--sky);margin-top:14px}
.team-intro__facts b{display:block;color:var(--sky);font-size:22px;font-weight:400;line-height:1.5}
.team-intro__facts b::before{content:"";display:inline-block;width:12px;height:12px;background:#43d16b;border-radius:50%;margin-right:18px;vertical-align:middle}
.team-intro__art{position:relative;min-height:380px}
.team-intro__art .y{position:absolute;left:0;top:-120px;width:230px;height:380px;background:var(--yellow);border-radius:0 0 120px 0}
.team-intro__art .b{position:absolute;right:0;top:0;width:260px;height:400px;background:#1f6fe8;border-radius:0 0 140px 0}
.team-intro__art .card{position:absolute;left:80px;top:90px;width:380px;background:linear-gradient(135deg,#1a6bd6,#28b6f6);color:#fff;padding:22px 26px;box-shadow:var(--shadow-2);border-radius:6px}
.team-intro__art .card h4{color:#fff;font-size:24px;font-weight:400;margin-bottom:12px}
.team-intro__art .card li{font-size:13px;font-weight:700;margin:4px 0}
.team-intro__art .card li::before{content:"✓";display:inline-block;width:18px;color:#4ff58c}
.doctors{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 36px}
.doctor{text-align:center}
.doctor__img{aspect-ratio:3/4;background:#0c2459;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.doctor__img img{height:100%;object-fit:contain;object-position:bottom}
.doctor__img--empty{background:linear-gradient(160deg,#143b7a,#0c2459)}
.doctor__img--empty svg{width:80px;height:80px;margin:auto;fill:rgba(255,255,255,.3)}
.doctor h3{font-size:13px;font-weight:400;color:var(--text);margin:14px 0 2px}
.doctor span{font-size:12px;color:var(--muted)}
.section-head{text-align:center;margin-bottom:50px}
.section-head h2{font-size:30px;font-weight:400}
.section-head p{font-size:12px;color:var(--muted)}

/* about page */
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.about h2{font-size:34px;line-height:1.25}
.about__body{padding-left:60px}
.about__body p{font-size:13px}
.about__body .lead p{color:var(--navy);font-weight:700;font-size:13px}
.about__side .btn-row{display:flex;align-items:center;gap:28px;margin:26px 0 30px}
.about__side .who b{display:block;color:var(--navy);font-size:17px}
.about__side .who span{font-size:12px}
.about__facts li{display:flex;gap:12px;font-size:12px;font-weight:700;color:var(--text);margin-bottom:8px}
.about__facts li svg{width:18px;height:18px;fill:none;stroke:var(--sky);stroke-width:3;flex:none}
.cert-band{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.cert-band p{font-size:15px;color:var(--navy);margin-bottom:6px}
.cert-band small{display:block;font-size:12px;color:var(--text);font-weight:700;margin-bottom:26px}
.cert-band img{border:1px solid var(--line);width:100%}
.certs{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.certs figure{margin:0;text-align:center}
.certs img{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);margin-bottom:10px;width:100%}
.certs figcaption{font-size:11px;color:var(--text)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;box-shadow:var(--shadow-2)}
.feature{padding:36px 30px 30px;color:var(--navy);font-size:15px;border:1px solid var(--line);background:#fff}
.feature:nth-child(odd){background:var(--panel)}
.feature svg{width:44px;height:44px;fill:none;stroke:var(--royal);stroke-width:2.4;display:block;margin-bottom:50px}

/* testimonials page */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.case{background:#fff;box-shadow:var(--shadow)}
.case__imgs{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#0c2459}
.case__imgs img{width:100%;aspect-ratio:1;object-fit:cover}
.case__imgs figure{margin:0;position:relative}
.case__imgs figcaption{position:absolute;left:8px;top:8px;background:rgba(12,36,89,.85);color:#fff;font-size:10px;padding:3px 8px;text-transform:uppercase;letter-spacing:.04em}
.case__body{padding:18px 20px}
.case__body h3{font-size:15px;font-weight:500;margin-bottom:4px}
.case__body p{font-size:12px;margin:0}
.case__body .country{color:var(--sky);font-weight:700}

/* faq */
.faq .acc__btn{font-size:16px}
.faq .acc__body{font-size:14px}

/* blog index + single */
.blog-single{display:grid;grid-template-columns:1fr 320px;gap:40px}
.blog-single .entry h2{text-transform:none;font-size:24px;font-weight:500}
.blog-single .entry h3{font-size:19px}
.blog-single .entry p,.blog-single .entry li{font-size:15px;color:#555}
.blog-single .lead{margin-bottom:24px}
.blog-single .meta{font-size:12px;margin-bottom:18px}
.blog-single .meta a{color:var(--sky)}
.widget{background:var(--panel);padding:26px 26px 16px;margin-bottom:26px}
.widget h4{font-size:15px;font-weight:500;margin-bottom:14px}
.widget li{font-size:13px;border-bottom:1px solid #e3e9f3;padding:8px 0}
.widget li:last-child{border:0}
.pagination{display:flex;gap:6px;justify-content:center;margin-top:40px}
.pagination a,.pagination span{padding:8px 14px;border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--navy)}
.pagination .current{background:var(--navy);color:#fff}

/* footer */
.site-footer{background:#0f2f66;color:#c9d6f0;padding:70px 0 0}
.site-footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
.site-footer h4{color:#fff;font-size:15px;font-weight:400;margin-bottom:20px}
.site-footer p{font-size:13px}
.site-footer li{margin-bottom:10px}
.site-footer li a{color:#dfe7f8;font-size:13px}
.site-footer li a:hover{color:var(--sky)}
.site-footer .phone{color:var(--sky);font-size:20px;display:flex;align-items:center;gap:10px;margin:16px 0}
.site-footer .phone svg{width:16px;height:16px;fill:var(--sky)}
.site-footer .addr{font-size:13px}
.site-footer .addr a{color:var(--sky);font-weight:700;font-size:12px}
.site-footer .appt{text-align:right}
.site-footer .appt .btn{background:#06163a;width:100%;justify-content:space-between;max-width:260px;margin-left:auto;padding:22px 26px}
.site-footer .legal{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;flex-wrap:wrap;gap:10px}
.site-footer .legal ul{display:flex;gap:18px}
.site-footer .legal a{color:#c9d6f0}
.site-footer .decl{font-size:11px;color:#8fa3cc;padding-bottom:16px}

/* floating bar */
.float-bar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:60;display:flex;box-shadow:0 -6px 20px rgba(0,0,0,.15)}
.float-bar a{display:flex;align-items:center;justify-content:center;gap:10px;min-width:46px;height:46px;color:#fff;font-size:14px;padding:0 14px}
.float-bar a svg{width:20px;height:20px;fill:#fff}
.float-bar .c{background:#7761df;padding:0 24px}
.float-bar .w{background:#26d367}
.float-bar .i{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}
.float-bar .f{background:#4267b2}
.float-bar .y{background:#f54e4e}

/* misc */
.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.map{aspect-ratio:16/7;border:0;width:100%;background:var(--panel)}
.center-cta{text-align:center;padding:60px 0}
.lead-big{font-size:17px;color:var(--navy);line-height:1.5}
.lead-big b{font-weight:700}
.dl{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.dl div{background:var(--panel);padding:22px}
.dl b{display:block;color:var(--navy);margin-bottom:6px}
.dl p{font-size:13px;margin:0}

/* responsive */
@media(max-width:1100px){
  .nav>li>a{padding:40px 9px;font-size:12px}
  .hero__title{font-size:72px}
  .checks{grid-template-columns:repeat(3,1fr)}
  .doctors{grid-template-columns:repeat(3,1fr)}
  .certs{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .site-header .wrap{min-height:84px}
  .brand img{height:52px}
  .burger{display:flex}
  .nav-wrap{position:fixed;inset:84px 0 0 0;background:#fff;flex-direction:column;align-items:stretch;overflow:auto;padding:10px 20px 40px;transform:translateX(100%);transition:transform .25s;z-index:49}
  .nav-wrap.is-open{transform:none}
  .nav{flex-direction:column;align-items:stretch;gap:0}
  .nav>li>a{padding:14px 0;border-bottom:1px solid var(--line)}
  .nav>li>a::after{display:none}
  .nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 16px;border:0;display:none}
  .nav li.is-open>.sub-menu{display:block}
  .lang>button{padding:14px 0}
  .lang ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;display:flex;flex-wrap:wrap;padding:0}
  .hero{min-height:auto}
  .hero__slide{min-height:auto;padding:40px 0 60px}
  .hero__blob{width:100%;left:-30%;top:-10%;height:70%}
  .hero__person{position:relative;height:auto;max-width:70%;margin:0 auto;left:auto}
  .hero__copy{position:relative;right:auto;top:auto;transform:none;max-width:100%;text-align:center;padding:30px 20px 0}
  .hero__eyebrow{display:block;font-size:18px;letter-spacing:.1em}
  .hero__eyebrow::before{display:none}
  .hero__eyebrow em{font-size:22px}
  .hero__sign{font-size:26px}
  .two-col aside{order:2}
  .crumbs{flex-wrap:wrap}
  .hero__title{font-size:52px}
  .hero__badge{top:20px;right:10px;width:120px;height:120px}
  .hero__badge b{font-size:26px}.hero__badge small{font-size:10px}
  .band{margin-top:0}
  .band__grid,.grid-2,.grid-3,.grid-4,.grid-5,.welcome,.gallery,.videos,.club,.cta-cards,.testi,.discover .wrap,.about-steps,.posts,.treat-cards,.why,.steps,.two-col,.pricing,.form,.contact-grid,.team-intro,.about,.cert-band,.features,.cases,.blog-single,.site-footer .cols,.cards-row,.dl{grid-template-columns:1fr}
  .videos{grid-template-columns:1fr 1fr}
  .checks{grid-template-columns:1fr 1fr}
  .doctors{grid-template-columns:1fr 1fr}
  .certs{grid-template-columns:1fr 1fr}
  .why__grid{grid-template-columns:1fr 1fr}
  .welcome__body,.about__body{padding-left:0}
  .cta-cards{transform:none;margin-bottom:0}
  .after-cta{padding-top:60px}
  .testi__deco{display:none}
  .discover .wrap{padding:0 20px}
  .discover h3{margin-top:30px}
  .step{border-right:0;border-bottom:1px solid var(--line)}
  .banner h1{font-size:40px}
  .banner{min-height:340px}
  .crumbs{margin-top:30px}
  h1{font-size:38px}h2{font-size:28px}
  .section{padding:60px 0}
  .team-intro__art{display:none}
  .site-footer .appt{text-align:left}
  .site-footer .appt .btn{margin-left:0}
  .float-bar{width:100%;left:0;transform:none}
  .float-bar .c{flex:1}
  body{padding-bottom:46px}
}
@media(max-width:560px){
  .videos,.checks,.doctors,.certs,.why__grid{grid-template-columns:1fr}
  .hero__title{font-size:40px}
}
/* RTL safe defaults none; print */
@media print{.site-header,.float-bar,.site-footer{display:none}}