
/* V5 / ONE NAVIGATION SYSTEM ACROSS ALL PAGES — matched to index.html */
.header{height:96px;z-index:110;inset:0 0 auto;position:absolute;border-bottom:1px solid #ffffff25;color:#fff;font-family:'DM Sans','Inter',Arial,sans-serif}
.header.interior-header{position:fixed;background:#141a22ea;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-inner{width:min(calc(100% - 100px),1400px);margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2vw,30px);min-width:0}
.header .brand{display:flex;gap:12px;align-items:center;flex-shrink:0;color:white;min-width:0}
.header .brand-symbol{height:45px;width:28px;opacity:.95;flex-shrink:0}
.header .brand-name{display:block;font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1;letter-spacing:-.08em;color:white;white-space:nowrap}
.header .brand-name small{display:block;font-family:'Inter',Arial,sans-serif;font-size:10px;letter-spacing:.1em;line-height:1.5}
.header .brand-sub{display:block;font-family:'Inter',Arial,sans-serif;color:#d1d5dc;font-size:8.5px;letter-spacing:.035em;margin-top:6px;white-space:nowrap}
.header .nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,27px);min-width:0}
.header .nav a{color:#ededee;font-size:11px;line-height:1.35;white-space:nowrap;opacity:.88;transition:opacity .2s,color .2s}
.header .nav a:hover,.header .nav a:focus-visible,.header .nav a[aria-current="page"]{opacity:1;color:#a8c9eb}
.header .social{display:flex;gap:8px;flex-shrink:0}
.header .social a{border:1px solid #ffffff35;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;transition:background .2s}
.header .social a:hover{background:#ffffff23}
.header .social svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.header .social svg .fill-circle{fill:currentColor;stroke:none}
.header .burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ffffff30;border-radius:50%;background:transparent;color:#fff;font-size:22px;cursor:pointer;flex:none}
@media(max-width:1180px){.header-inner{width:calc(100% - 56px)}.header .brand-name{font-size:21px}.header .nav a{font-size:10px}.header .nav{gap:12px}.header .social a{width:30px;height:30px}}
@media(max-width:980px){.header .burger{display:inline-flex}.header .nav{display:none;position:absolute;z-index:20;top:calc(100% - 1px);left:0;right:0;background:#151d28;padding:25px 28px 32px;flex-direction:column;align-items:flex-start;gap:20px;box-shadow:0 18px 30px #0004}.header .nav.open{display:flex}.header .nav a{font-size:14px}.header .social{margin-left:auto}}
@media(max-width:600px){.header{height:75px}.header-inner{width:calc(100% - 34px)}.header .brand-symbol{height:35px;width:22px}.header .brand-name{font-size:20px}.header .brand-sub{font-size:7px}.header .social{gap:4px}.header .social a{width:29px;height:29px}.header .social svg{width:14px;height:14px}.header .burger{width:34px;height:34px;font-size:19px}.header .nav{top:74px}}
/* V5 / Clinic — quiet editorial typography and single address strip */
.clinic-hero{height:min(680px,78svh)!important;min-height:460px!important}
.clinic-hero .page-hero-photo img{filter:none!important;opacity:1!important}
.clinic-hero-badge{position:absolute;z-index:4;bottom:11%;left:max(4.8vw,calc((100vw - 1280px)/2));color:#edf3f7;font-size:11px;letter-spacing:.26em;font-weight:600;border-left:2px solid #9db7cf;padding:12px 0 12px 18px}
.clinic-hero-badge span{color:#81a4c5;margin:0 10px}
#klinik-arsivi .intro-heading h2{font-size:clamp(28px,3.3vw,43px);line-height:1.1;letter-spacing:-.045em}
#klinik-arsivi .intro-heading{margin-bottom:42px}
.clinic-flow h2{font-size:clamp(28px,3.2vw,43px)!important;line-height:1.1!important;margin:12px 0 23px!important}
.clinic-flow{padding:80px 0 95px}
.clinic-address-band{background:#e4eaee;border-top:1px solid #cfdae3;border-bottom:1px solid #c4d2dd;padding:32px 0}
.clinic-address-band .container{display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap}
.clinic-address-eyebrow{font-size:9px;letter-spacing:.18em;color:#506c89;flex:none;font-weight:700}
.clinic-address-band p{flex:1;font:400 clamp(13px,1.45vw,17px)/1.55 'Inter',Arial,sans-serif;margin:0;color:#1f344a;min-width:200px}
.clinic-address-band strong{font-weight:600}
.clinic-address-band a{font-size:11px;letter-spacing:.11em;color:#193754;font-weight:700;white-space:nowrap;border-bottom:1px solid #6584a5;padding-bottom:4px}
@media(max-width:760px){.clinic-hero{height:520px!important;min-height:430px!important}.clinic-hero-badge{left:20px;bottom:10%;font-size:10px}.clinic-flow{padding:65px 0}.clinic-address-band{padding:29px 0}.clinic-address-band .container{gap:12px}}

.skip-to-content{position:fixed;top:-90px;left:18px;z-index:99999;background:#fff;color:#142336;padding:12px 18px;border-radius:8px;font:600 14px Inter,sans-serif}.skip-to-content:focus{top:14px}a:focus-visible,button:focus-visible{outline:3px solid #759abd;outline-offset:4px}html{scroll-padding-top:90px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
