/* Orbitron font license: Copyright 2018 The Orbitron Project Authors (https://github.com/theleagueof/orbitron), with Reserved Font Name: "Orbitron" This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL ----------------------------------------------------------- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ----------------------------------------------------------- PREAMBLE The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others. The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives. DEFINITIONS "Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation. "Reserved Font Name" refers to any names specified as such after the copyright statement(s). "Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s). "Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment. "Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software. PERMISSION & CONDITIONS Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions: 1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself. 2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user. 3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users. 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission. 5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software. TERMINATION This license becomes null and void if any of the above conditions are not met. DISCLAIMER THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE. */ @font-face{font-family:SkayOrbitron;src:url(fonts/skay-orbitron.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}.footer-row .skay-orbitron{font-family:SkayOrbitron,sans-serif;font-size:12px;font-weight:500;letter-spacing:.03em;color:inherit;text-decoration:none} /* Consent links stay the same colour as the note. */ form .privacy-consent{display:block} form .privacy-consent a,form .privacy-consent a:visited{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px} form .privacy-consent a:hover{opacity:.75} form .privacy-consent a:focus-visible{outline:2px solid currentColor;outline-offset:3px} /* Dedicated doctors page and profile links */ .doctor-profile-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 9px 8px;font-size:14px;font-weight:600;color:var(--blue);padding:12px 0;border-top:1px solid var(--line)}.doctor-profile-link span{font-size:23px}.doctor .doctor-book{margin-top:0} .doctors-page{padding:54px 0 90px}.doctors-back{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:35px}.doctors-intro{max-width:790px}.doctors-intro h1{font-size:clamp(58px,6.5vw,90px);line-height:1.05;font-weight:600;letter-spacing:-.065em}.doctors-intro h1 span{color:#7b8ba4}.doctors-intro>p{font-size:18px;color:var(--muted);max-width:660px;line-height:1.7;margin-top:25px}.physician-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:38px 0 55px}.physician-index a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#edf3ff;border:1px solid #dfe7f6;color:var(--blue);border-radius:14px;padding:18px;font-size:14px;font-weight:600}.physician-index a span{font-size:22px}.physicians-list{display:grid;gap:40px}.physician{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;padding:38px;background:white;border:1px solid var(--line);border-radius:28px;scroll-margin-top:125px;align-items:start}.physician-photo{position:sticky;top:130px;overflow:hidden;border-radius:20px;background:#eff3fb}.physician-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top}.physician-photo-label{padding:17px 22px;font-size:14px;font-weight:600;color:var(--blue);background:#edf3ff}.physician-info .eyebrow{margin-bottom:20px}.physician-info h2{font-size:clamp(32px,3vw,46px);letter-spacing:-.045em;line-height:1.16}.physician-patronymic{display:block;font-size:24px;font-weight:500;letter-spacing:-.025em;margin-top:9px}.physician-specialty{font-size:17px;line-height:1.7;color:var(--blue);margin:22px 0 28px}.physician-info h3{font-size:20px;line-height:1.4;letter-spacing:-.025em;margin:0 0 12px}.physician-about{padding-top:24px;border-top:1px solid var(--line)}.physician-about p{font-size:16px;line-height:1.85;color:var(--muted)}.physician-areas{margin:28px 0}.physician-areas ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.physician-areas li{display:flex;gap:12px;align-items:center;font-size:16px;line-height:1.6}.physician-areas li span{color:var(--blue);font-size:21px}.physician-schedule{background:#f3f6fc;border-radius:17px;padding:23px;display:grid;grid-template-columns:1fr;gap:23px}.physician-schedule p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:12px}.physician-schedule a{font-size:14px;font-weight:600;color:var(--blue)}.clinic-hours{padding-top:18px;border-top:1px solid var(--line)}.clinic-hours small{font-size:10px;letter-spacing:.08em;color:var(--muted)}.clinic-hours dl{margin-top:12px;display:grid;gap:9px}.clinic-hours dl>div{display:flex;justify-content:space-between;gap:20px;font-size:14px}.clinic-hours dd{margin:0;font-weight:600}.physician-book{margin-top:24px;width:100%}.doctors-contact{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:35px 0 0;font-size:17px;color:var(--muted)}.doctors-contact a{color:var(--blue);font-weight:600;white-space:nowrap} @media(max-width:1000px){.physician{padding:28px;gap:30px;grid-template-columns:.8fr 1.2fr}.physician-index{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.doctors-page{padding:30px 0 65px}.doctors-back{margin-bottom:28px}.doctors-intro h1{font-size:54px}.doctors-intro>p{font-size:17px}.physician-index{margin:28px 0 35px;gap:10px}.physician-index a{font-size:12px;padding:14px;align-items:center}.physicians-list{gap:24px}.physician{grid-template-columns:1fr;gap:26px;padding:20px;border-radius:23px;scroll-margin-top:100px}.physician-photo{position:relative;top:auto}.physician-photo img{aspect-ratio:4/4.3;max-height:460px}.physician-photo-label{font-size:13px;padding:15px 18px}.physician-info h2{font-size:33px}.physician-patronymic{font-size:21px}.physician-info .eyebrow{font-size:10px}.physician-specialty{font-size:16px}.physician-schedule{padding:20px}.doctors-contact{flex-direction:column;align-items:flex-start;font-size:16px}.doctor-profile-link{font-size:12px;margin-left:6px;margin-right:6px}} /* Specialties in the doctor navigation */ .physician-index .physician-index-copy{min-width:0;display:grid;gap:7px} .physician-index-copy strong{font-size:inherit;font-weight:600;line-height:1.5} .physician-index-copy small{font-size:12px;font-weight:500;line-height:1.5;color:#526780} .physician-index a>span{flex-shrink:0} /* Home only: Material surfaces, restrained frosted glass, original CORNEA content. */ :root{--blue:#2459c4;--ink:#192e4a;--muted:#53657c;--light:#eaf1fc;--line:#dce5f0;--surface:#fff;--elevation:0 3px 8px #183d7610,0 16px 36px #183d7609} body{background:#f5f8fc;font-size:16px} .wrap{width:min(1280px,calc(100% - 64px))} header{top:12px;width:min(1320px,calc(100% - 32px));margin:12px auto 0;border:1px solid #ffffff;border-radius:24px;background:#ffffffed;box-shadow:0 4px 20px #2443710c} .header-row{width:calc(100% - 40px);height:78px;gap:16px} .logo>span{font-size:24px}.logo small{font-size:8px}.logo .cornea-mark{width:54px;height:38px} nav{gap:4px}nav a{font-size:14px;padding:10px 12px;border-radius:100px;font-weight:500}nav a:hover{background:#eaf1fc} .header-actions{gap:18px}.header-phone{font-size:24px}.header-phone small{font-size:9px} .btn{border-radius:100px;min-height:56px;padding:16px 24px;font-size:15px;gap:22px;box-shadow:0 3px 6px #193d7014} .btn.primary{background:var(--blue)}.btn.primary:hover{background:#184aab;box-shadow:0 6px 16px #2459c427;transform:translateY(-1px)} .btn.primary:active{transform:scale(.98)}.btn span{font-size:23px}.compact{min-height:44px;font-size:13px;padding:11px 19px} .hero{position:relative;grid-template-columns:1.05fr 1fr;gap:40px;padding:46px 0 50px;align-items:center} .hero-copy{padding:24px 0 24px 12px;min-width:0}.hero h1{font-size:clamp(56px,6vw,82px);font-weight:600;line-height:1.08;letter-spacing:-.065em}.hero h1>span{color:var(--ink)}.hero h1 .hero-life{color:var(--blue)} .headline-star{display:none}.intro{font-size:17px;line-height:1.75;max-width:470px;margin:25px 0 30px} .hero-actions{gap:14px;flex-wrap:wrap}.hero-actions .text-link{background:#e7eefb;color:#214b99;padding:16px 20px;min-height:56px;border-radius:100px;font-size:14px;gap:16px} .hero-note{margin-top:34px;gap:14px}.hero-note .avatars img{width:46px;height:46px}.hero-note strong{font-size:13px}.hero-note small{font-size:12px} .hero-visual{height:550px;border-radius:36px;background:#deebf5;box-shadow:var(--elevation);border:5px solid white} .hero-visual .hero-photo{inset:0;height:100%;object-position:52% center}.hero-visual:after{inset:48% 0 0;background:linear-gradient(transparent,#102d4b70)} .hero-visual .visual-heading{top:20px;left:20px;padding:11px 16px;background:#ffffffe8;border:1px solid #ffffffc0;box-shadow:0 4px 16px #192e4a0a;font-size:12px} .visual-card{left:18px;right:18px;bottom:40px;background:#ffffffe8;border:1px solid #ffffffb0;border-radius:24px;padding:22px;gap:16px;box-shadow:0 8px 30px #102d4b18}.visual-card strong{font-size:20px;line-height:1.3}.visual-card small{font-size:11px;color:#465a72}.card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#e4edfc;font-size:37px;flex-shrink:0}.visual-card button{width:46px;height:46px;background:#2459c4}.visual-bottom{font-size:9px;bottom:14px;left:25px} .care-strip{width:min(1280px,calc(100% - 64px));margin:0 auto;background:#e6effb;color:#26446c;border:1px solid white;border-radius:24px;box-shadow:0 2px 8px #183d7606}.care-strip .wrap{width:100%;padding:20px 28px;min-height:78px;gap:22px}.care-strip span{font-size:13px;line-height:1.5;white-space:normal;gap:14px}.care-strip b{color:var(--blue);font-size:26px} .section{padding-top:88px;padding-bottom:88px}.section-head{gap:36px;margin-bottom:34px}h2{font-size:clamp(36px,4vw,53px);line-height:1.16;letter-spacing:-.05em}h2 span{color:#536c89}.section-head>p{font-size:16px;line-height:1.75;max-width:345px} .eyebrow{font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:16px;color:#36578c;text-transform:none} .vision{gap:70px;padding:76px 0;border-bottom:0;grid-template-columns:.85fr 1.15fr}.vision-art{padding:28px 24px;border:1px solid #ffffff;border-radius:32px;background:#e8f1fa;box-shadow:inset 0 1px 0 #fff;color:#3867b3}.vision-art>span{font-size:11px;letter-spacing:.06em;color:#45618a;margin-top:8px}.vision h2{font-size:clamp(34px,3.6vw,46px)}.vision p{font-size:16px;line-height:1.75;margin-top:20px} #services{padding-top:20px}.services-grid{gap:16px}.service-card{padding:28px;border:1px solid #fff;background:#fff;border-radius:24px;min-height:300px;box-shadow:var(--elevation);transition:box-shadow .2s,background .2s,transform .2s}.service-card:hover{background:#fafdff;border-color:#c7d8f2;box-shadow:0 6px 12px #183d7610,0 20px 40px #183d7612;transform:translateY(-2px)} .service-top{margin-bottom:24px}.service-icon{font-size:36px;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#edf3fc}.service-number{display:none}.service-card h3{font-size:23px;letter-spacing:-.035em}.service-card p{font-size:15px}.service-link{font-size:14px;padding-top:24px} .service-card:first-child{min-height:310px;padding-right:24%;background:#dce9fc;border:1px solid #e5efff;color:var(--ink);box-shadow:0 3px 10px #183d7608}.service-card:first-child:hover{background:#d2e3fb}.service-card:first-child .service-icon{background:#ffffffa0;color:var(--blue)}.service-card:first-child .service-link{color:var(--blue)}.service-card:first-child h3{font-size:32px}.service-card:first-child p{color:#465e80}.service-card:first-child:after{border-color:#6489bf38;box-shadow:0 0 0 36px #ffffff22,0 0 0 72px #ffffff16;right:-72px;top:46px}.service-feature-label{color:#355c94;letter-spacing:0;font-size:12px} .service-card:nth-child(4){background:#eef4fc}.service-card:last-child{background:#fff;color:var(--ink)}.service-card:last-child p{color:var(--muted)}.service-card:last-child .service-icon,.service-card:last-child .service-link{color:var(--blue)} .clinic-section{background:#eaf0f7;padding:78px 0;border-top:1px solid white;border-bottom:1px solid white}.clinic-grid{gap:56px}.clinic-image{height:520px;border-radius:28px;box-shadow:var(--elevation)}.clinic-copy>p{font-size:16px}.feature{padding:19px 0;gap:18px}.feature h3{font-size:20px}.feature p{font-size:15px}.feature>span{width:32px;height:32px;display:grid;place-items:center;background:#fff;border-radius:50%;padding:0;flex-shrink:0} .doctors-grid{gap:18px}.doctor{padding:10px;border:1px solid #fff;border-radius:26px;box-shadow:var(--elevation)}.doctor-image{border-radius:18px;margin-bottom:20px}.doctor-image span{background:#ffffffea;border:1px solid #ffffffc0;border-radius:12px;backdrop-filter:blur(12px)}.doctor h3{font-size:21px}.doctor p{font-size:14px}.doctor-profile-link,.doctor-book{font-size:13px;padding:15px 0} .journey{background:#edf3fa}.steps{gap:24px}.step>div{border-radius:24px;aspect-ratio:1.35}.step>div>span{background:#ffffffed;box-shadow:0 3px 12px #193d701a;border:1px solid white}.step h3{font-size:21px}.step p{font-size:15px} .reviews-section{background:#f5f8fc}.reviews-grid{gap:18px}.review-card{border:1px solid white;border-radius:28px;padding:28px;box-shadow:var(--elevation)}.review-quote-mark{color:#7092c5}.review-card>.review-preview,.review-text p{font-size:15px;line-height:1.8} .faq-grid{padding-top:28px;gap:60px}.faq-list{display:grid;gap:10px;align-content:start}.faq-list details{border:1px solid #e3eaf3;background:#fff;border-radius:18px;padding:0 22px}.faq-list details[open]{background:#eaf1fc}.faq-list summary{padding:21px 0;font-size:17px;background:transparent}.faq-list summary>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf3fc;flex-shrink:0}.faq-list details p{padding:0 30px 22px 0;font-size:15px;line-height:1.75} .contact-section{background:#193f78;padding:80px 0;position:relative;color:#fff}.contact-grid{gap:80px;grid-template-columns:1fr .95fr}.contact-section h2{font-size:clamp(38px,4.4vw,58px)}.contact-form{background:#fffffff0;border:1px solid #fff;border-radius:30px;padding:34px;box-shadow:0 14px 45px #0d24442b}.contact-form h3{font-size:27px}.contact-form .eyebrow{color:#36578c}label{font-size:13px;font-weight:500;color:#405673}input,select,.choice-trigger{border:1px solid #cbd7e6;background:#f7f9fc;border-radius:12px;font-size:16px;min-height:56px;padding:16px}.choice-trigger[aria-expanded=true]{background:white}.choice-list{border-radius:18px;box-shadow:0 6px 12px #183d7610,0 20px 40px #183d761b}.choice-option{border-radius:12px}form small{font-size:11px;line-height:1.6}.contact-details strong{font-size:15px}.contact-details small{font-size:10px}.social{font-size:14px}.contact-grid>div>p{font-size:16px;color:#d4e2f7}.big-phone{font-size:64px} footer{background:#153569;padding:28px 0}dialog{background:#fffffff5;border:1px solid #fff;border-radius:28px;box-shadow:0 24px 80px #102e6940}dialog::backdrop{background:#142d5266}.dialog-intro{font-size:15px}.dialog-close{width:40px;height:40px}.success-dialog{padding:42px 30px 30px} @supports(backdrop-filter:blur(1px)){header{background:#ffffffbf;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.visual-card{background:#ffffffce;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}.hero-visual .visual-heading{background:#ffffffd6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.contact-form{background:#ffffffed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}} @media(max-width:1150px){.header-phone{display:none}.header-actions{gap:10px}nav a{padding:10px 8px;font-size:13px}.hero{gap:28px}.hero h1{font-size:65px}.hero-visual{height:510px}.hero-copy{padding-left:0}.hero-actions .btn{font-size:14px;padding:16px 20px}.hero-actions .text-link{font-size:13px;padding:16px}.contact-grid{gap:40px}.doctor h3{font-size:18px}.clinic-grid{gap:40px}} @media(max-width:900px){.header-row{height:70px}nav{top:80px;left:0;right:0;background:#fffffff5;backdrop-filter:blur(20px);border:1px solid white;box-shadow:var(--elevation);border-radius:22px;padding:12px}nav a{font-size:16px;padding:14px}.menu-btn{border-radius:50%;background:#e8effa}.hero{grid-template-columns:1fr 1fr;gap:24px;padding-top:38px}.hero h1{font-size:54px}.hero-visual{height:485px}.hero-actions{gap:10px}.hero-note strong{font-size:12px}.hero-note .avatars img{width:36px;height:36px}.visual-card{padding:18px;gap:12px}.visual-card strong{font-size:17px}.visual-card small{font-size:10px}.card-icon{display:none}.vision{gap:40px}.section{padding-top:66px;padding-bottom:66px}.contact-grid,.clinic-grid{grid-template-columns:1fr}.clinic-image{height:420px}.doctors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doctor h3{font-size:22px}.section-head>p{font-size:15px}} @media(max-width:680px){.wrap{width:calc(100% - 36px)}header{top:8px;width:calc(100% - 20px);margin-top:8px;border-radius:20px}.header-row{width:calc(100% - 24px);height:66px}.logo>span{font-size:20px}.logo small{font-size:7px}.logo .cornea-mark{width:42px;height:30px}.header-actions .compact{font-size:12px;min-height:40px;padding:10px 14px;gap:9px}.menu-btn{width:40px;height:40px}.hero{grid-template-columns:1fr;gap:26px;padding-top:34px;padding-bottom:28px}.hero-copy{padding:0 4px}.hero h1{font-size:clamp(48px,10.8vw,66px);line-height:1.08}.hero h1>span>br{display:none}.intro{font-size:16px;margin:22px 0 25px}.hero-actions{gap:10px;flex-wrap:nowrap}.hero-actions .btn{font-size:13px;padding:15px 18px;min-height:52px;gap:12px}.hero-actions .text-link{font-size:13px;padding:15px 16px;min-height:52px;gap:9px}.hero-note{margin-top:26px;gap:12px}.hero-note .avatars img{width:40px;height:40px}.hero-note strong{font-size:12px}.hero-note small{font-size:12px}.hero-visual{height:420px;border-radius:28px;border-width:4px;max-width:none}.hero-visual .visual-heading{top:16px;left:16px;font-size:12px}.visual-card{left:14px;right:14px;bottom:37px;border-radius:20px;padding:18px;gap:12px}.visual-card strong{font-size:18px}.visual-card small{font-size:10px}.card-icon{display:grid;width:42px;height:42px;font-size:31px;border-radius:13px}.visual-card button{width:40px;height:40px;font-size:24px}.care-strip{width:calc(100% - 36px);border-radius:20px}.care-strip .wrap{width:100%;padding:20px;gap:16px;grid-template-columns:1fr 1fr}.care-strip span{font-size:12px;gap:9px}.care-strip b{font-size:23px}.vision{grid-template-columns:1fr;gap:28px;padding:48px 0}.vision-art{padding:20px 26px;border-radius:26px;max-width:450px;width:100%;margin:auto}.vision-art svg{max-height:155px}.vision-art>span{font-size:10px;margin-top:10px}.vision h2{font-size:34px}.vision p{font-size:16px;margin-top:18px}.section{padding-top:56px;padding-bottom:56px}#services{padding-top:12px}.section-head{gap:18px;margin-bottom:26px;flex-direction:column}.section-head h2,#services .section-head h2,.reviews-section h2{font-size:35px}.section-head>p{font-size:16px;max-width:100%}.eyebrow{font-size:12px;margin-bottom:14px}.mobile-services{border:0;background:transparent;border-radius:0;overflow:visible}.service-row{border:1px solid #e1e9f3;border-radius:18px;margin-bottom:10px;background:white;overflow:hidden;box-shadow:0 2px 5px #183d7605}.service-row:last-child{border-bottom:1px solid #e1e9f3}.service-row>summary{min-height:78px;padding:18px;gap:13px}.service-row>summary .mobile-service-icon{width:42px;height:42px;border-radius:13px;background:#eaf1fc}.service-row>summary .mobile-service-title{font-size:16px}.service-row[open]>summary,.service-row-body{background:#edf3fc}.service-row-body{padding:0 18px 22px 73px}.service-row-body .btn{border-radius:100px}.clinic-section{padding:56px 0}.clinic-image{height:340px;border-radius:24px}.clinic-grid{gap:30px}.clinic-copy>p{font-size:16px}.feature p{font-size:14px}.feature h3{font-size:19px}.doctors-grid{gap:16px 12px}.doctor{padding:8px;border-radius:22px}.doctor-image{border-radius:15px;margin-bottom:16px}.doctor h3{font-size:18px;margin:0 5px}.doctor p{font-size:13px;margin:15px 5px}.patronymic{font-size:12px;margin-left:5px;margin-right:5px}.doctor-image span{font-size:10px;padding:9px 8px;left:6px;right:6px;bottom:6px}.doctor-profile-link,.doctor-book{font-size:12px;margin-left:5px;margin-right:5px;gap:5px;line-height:1.5}.steps{gap:26px 18px}.step>div{border-radius:18px;margin-bottom:16px}.step h3{font-size:19px}.step p{font-size:14px}.review-card{padding:25px 22px;border-radius:24px}.reviews-grid{gap:14px}.faq-grid{padding-top:12px;gap:28px}.faq-list details{padding:0 18px;border-radius:17px}.faq-list summary{font-size:16px;padding:19px 0}.faq-list details p{font-size:15px;padding-right:0}.contact-section{padding:56px 0}.contact-grid{gap:32px}.contact-section h2{font-size:40px}.contact-form{padding:26px 22px;border-radius:26px}.contact-form h3{font-size:25px}.contact-grid>div>p{font-size:16px}.contact-details strong{font-size:14px}.contact-details small{font-size:10px}.social{font-size:13px}footer{padding-bottom:106px}.mobile-bar{left:10px;right:10px;bottom:8px;border:1px solid #fff;background:#fffffff0;border-radius:22px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 4px 24px #192e4a24;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-bar a,.mobile-bar button{border-radius:100px;font-size:13px;min-height:46px}dialog{padding:32px 24px}.success-dialog h2{font-size:29px}} @media(max-width:370px){.header-actions .compact{padding:10px 12px}.logo>span{font-size:18px}.logo .cornea-mark{width:35px}.hero h1{font-size:46px}.hero-actions .btn{font-size:12px;padding:15px 14px}.hero-actions .text-link{font-size:12px;padding:15px 12px}.hero-visual{height:370px}.visual-card{gap:10px;padding:15px}.card-icon{display:none}.hero-note .avatars img{width:34px;height:34px}.hero-note strong{font-size:11px}.care-strip .wrap{padding:18px 14px}.doctor h3{font-size:16px}.doctor-profile-link,.doctor-book{font-size:11px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}} /* Mobile navigation uses the same readable Material surface as the header. */ @media(max-width:900px){nav{color:var(--ink);top:calc(100% + 10px)}nav::before{content:'Навигация';color:#53657c;font-size:12px;letter-spacing:0;padding:8px 12px 12px}nav a{color:var(--ink);border-top:1px solid #e0e8f2;border-radius:0;gap:12px}nav a::before{display:none}nav a::after{color:var(--blue);font-size:21px}nav a:hover,nav a:focus-visible{color:var(--blue);background:#eaf1fc;border-radius:12px}.hero-actions{flex-direction:row;align-items:center}} @media(max-width:680px){.header-actions .compact{display:inline-flex}.doctor-image{aspect-ratio:4/4.9}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:430px){.header-row{gap:8px}.header-actions{gap:7px}.header-actions .compact span{display:none}.header-actions .compact{font-size:11px;padding:10px 12px}.doctor-image{max-height:none}.doctor h3{overflow-wrap:anywhere}.step>div>span{width:32px;height:32px;font-size:12px;left:8px;bottom:8px}.mobile-bar{display:flex}} /* Home hero: cinematic reference, isolated from the existing header and pages. */ .cornea-home>header{position:fixed;left:50%;transform:translateX(-50%);margin:0} .cinema-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh;overflow:hidden;background:#07122a;color:#fff;margin-top:0;scroll-margin-top:110px} .cinema-photo{position:absolute;inset:0;z-index:-2;background:url(media/hero-examination.webp) 60% 36%/cover;animation:cinema-zoom 14s ease-out both} .cinema-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07122af2 0%,#07122ab3 38%,#07122a1a 75%),linear-gradient(0deg,#07122aee 0%,#0000 35%)} .cinema-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:1440px;margin:0 auto;padding:160px clamp(20px,4vw,56px) 56px} .cinema-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8fb2ff} .cinema-hero h1{margin:18px 0 0;font-size:clamp(46px,7.2vw,112px);line-height:.96;letter-spacing:-.05em;font-weight:800;color:#fff} .cinema-hero h1 span{display:block;overflow:hidden;padding-bottom:.08em} .cinema-hero h1 i{display:block;font-style:normal} .cinema-hero h1 span:first-child i{color:#fff} .cinema-hero h1 span:nth-child(2) i{animation-delay:.18s;color:#8fb2ff} .cinema-hero p{max-width:28em;font-size:19px;line-height:1.55;color:#cbd7f2;margin:24px 0 0} .cinema-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap} .cinema-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:0 28px;border-radius:14px;border:0;background:#2559df;color:#fff;font:700 16px Manrope,Arial,sans-serif;cursor:pointer;text-decoration:none;transition:transform .2s,background .2s} .cinema-btn:hover{transform:translateY(-2px);background:#1849c9} .cinema-btn-outline{background:#ffffff14;border:1.5px solid #ffffff66;color:#fff;backdrop-filter:blur(6px)} .cinema-btn-outline:hover{background:#ffffff25} .cinema-btn:focus-visible,.cinema-info a:focus-visible{outline:3px solid #8fb2ff;outline-offset:5px} .cinema-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - clamp(40px,8vw,112px));max-width:1328px;margin:0 auto 30px;border-top:1px solid #ffffff3a} .cinema-info>div{padding:16px 16px 0 0;font-weight:700;font-size:15px} .cinema-info small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff99;margin-bottom:4px} .cinema-info a{color:inherit;text-decoration:none} .cinema-info a:hover{text-decoration:underline} @keyframes cinema-zoom{from{transform:scale(1.14)}to{transform:scale(1)}} @keyframes cinema-up{from{transform:translateY(105%)}to{transform:translateY(0)}} @keyframes cinema-fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @media(max-width:760px){.cinema-hero{min-height:100svh;margin-top:0}.cinema-main{padding:130px 20px 42px}.cinema-photo{background-position:48% 36%}.cinema-hero::before{background:linear-gradient(90deg,#07122ae6,#07122a66),linear-gradient(0deg,#07122af5,#07122a00 70%)}.cinema-hero h1{font-size:clamp(44px,8vw,60px);line-height:1.02}.cinema-hero p{font-size:17px;max-width:25em}.cinema-eyebrow{font-size:11px}.cinema-actions{gap:12px;margin-top:26px}.cinema-btn{font-size:14px;padding:0 20px;min-height:54px}.cinema-info{grid-template-columns:1fr 1fr;width:calc(100% - 40px);gap:8px 12px;margin-bottom:28px}.cinema-info>div{font-size:13px;padding-right:0}.cinema-info small{font-size:10px}} @media(max-width:420px){.cinema-actions{width:100%}.cinema-btn{width:100%}.cinema-main{padding-top:120px}.cinema-hero h1{font-size:clamp(40px,10.8vw,45px)}} @media(prefers-reduced-motion:reduce){.cinema-photo,.cinema-hero h1 i,.cinema-hero p,.cinema-actions{animation:none}.cinema-btn{transition:none}} @media(max-width:760px){.mobile-bar{display:none!important}} /* ===== CORNEA motion: eye-chart icons, blinking success, steps progress ===== */ /* 4. Service icons turn into a small acuity chart that pulls into focus */ .service-icon{position:relative;overflow:hidden} .service-icon .ico{display:block;transition:opacity .25s,transform .35s} .service-icon .chart{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:1px;font-family:Manrope,system-ui,sans-serif;font-weight:800;color:var(--blue);line-height:1;opacity:0;filter:blur(5px);transform:scale(.85);transition:opacity .2s,filter .5s ease-out,transform .5s cubic-bezier(.2,.8,.2,1)} .service-icon .chart b{display:block;letter-spacing:.08em} .service-icon .chart b:nth-child(1){font-size:18px} .service-icon .chart b:nth-child(2){font-size:11px} .service-icon .chart b:nth-child(3){font-size:7px} .service-card.chart-on .service-icon .ico{opacity:0;transform:scale(.6)} .service-card.chart-on .service-icon .chart{opacity:1;filter:blur(0);transform:none} .service-card:first-child .service-icon .chart{color:var(--blue)} /* 5. Success: an eye draws itself, blinks, and the pupil becomes a check mark */ .success-mark .eye{width:56px;height:56px;overflow:visible} .success-mark .eye .lidline{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:80} .success-mark .eye .iris{fill:none;stroke:currentColor;stroke-width:2.4;stroke-dasharray:32;stroke-dashoffset:32;transform-origin:24px 24px} .success-mark .eye .tick{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16} .success-mark .eye .pupil{fill:currentColor;transform-origin:24px 24px;transform:scale(0)} .success-mark .eye .blinker{transform-origin:24px 24px} .success-dialog[open] .success-mark .eye .lidline{animation:eyeDraw .6s .1s ease forwards} .success-dialog[open] .success-mark .eye .iris{animation:eyeDraw .4s .45s ease forwards} .success-dialog[open] .success-mark .eye .blinker{animation:eyeBlink .32s 1s ease-in-out} .success-dialog[open] .success-mark .eye .pupil{animation:pupilGrow .35s 1.35s cubic-bezier(.2,.8,.2,1.3) forwards} .success-dialog[open] .success-mark .eye .tick{animation:eyeDraw .3s 1.6s ease forwards} @keyframes eyeDraw{to{stroke-dashoffset:0}} @keyframes eyeBlink{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.08)}} @keyframes pupilGrow{to{transform:scale(1)}} /* 6. Steps: a progress line draws on scroll and step badges light up when reached */ .steps-track{position:relative;height:2px;background:var(--line,#dce5f2);border-radius:2px;margin:0 0 30px} .steps-track i{position:absolute;inset:0;background:var(--blue);border-radius:2px;transform-origin:left;transform:scaleX(var(--p,0))} .steps-track b{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -1px;border-radius:50%;background:#fff;border:2px solid var(--line,#dce5f2);transition:background .3s,border-color .3s,box-shadow .3s} .steps-track b.on{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 6px #2155d622} .step>div>span{transition:background .35s,color .35s,transform .45s cubic-bezier(.2,.8,.2,1.4),box-shadow .35s} .step.reached>div>span{background:var(--blue)!important;color:#fff!important;transform:scale(1.15);box-shadow:0 0 0 6px #2155d630!important} .step>div img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .8s} .step:not(.reached)>div img{filter:grayscale(.6) brightness(1.05)} .step.reached>div img{transform:scale(1.04)} @media (max-width:900px){.steps-track{display:none}} @media (prefers-reduced-motion:reduce){ .service-icon .chart{filter:none;transition:none} .success-mark .eye *{animation:none!important;stroke-dashoffset:0!important} .success-mark .eye .pupil{transform:scale(1)} .steps-track i{transform:scaleX(1)} } /* ===== CORNEA features: online vision check + route ===== */ .vt-card{background:#fff;border:1px solid var(--line,#dce5f2);border-radius:28px;padding:clamp(22px,4vw,48px);box-shadow:0 6px 12px #183d7608,0 20px 40px #183d760d;position:relative;overflow:hidden} .vt-bar{position:absolute;left:0;right:0;top:0;height:4px;background:#edf3fc} .vt-bar i{display:block;height:100%;width:0;background:var(--blue,#2155d6);transition:width .45s cubic-bezier(.2,.8,.2,1)} @keyframes vtIn{from{opacity:0;transform:translateY(10px)}} .vt h3{font-size:clamp(24px,2.4vw,32px);font-weight:700;letter-spacing:-.04em;line-height:1.15;margin:0 0 12px} .vt-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center} .vt-list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px} .vt-list li{position:relative;padding-left:30px;font-size:16px;line-height:1.55;color:var(--muted,#5b6b86)} .vt-list li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;border:2px solid var(--blue,#2155d6)} .vt-intro-art{display:grid;justify-items:center;gap:10px;padding:28px;border-radius:22px;background:#f4f7fb;font-family:inherit;color:#0d1b3a;line-height:1} .vt-intro-art b{font-weight:800;letter-spacing:.18em} .vt-intro-art b:nth-child(1){font-size:64px} .vt-intro-art b:nth-child(2){font-size:40px} .vt-intro-art b:nth-child(3){font-size:24px} .vt-intro-art b:nth-child(4){font-size:14px} .vt-step-head{max-width:620px;margin-bottom:24px} .vt-step-head p{font-size:16px;color:var(--muted,#5b6b86);margin:0} .vt-kicker{display:block;font-size:13px;font-weight:700;color:var(--blue,#2155d6);margin-bottom:10px} .vt-letter-box{display:grid;place-items:center;height:clamp(150px,22vw,200px);border-radius:22px;background:#f4f7fb;margin-bottom:22px} .vt-letter{font-weight:800;line-height:1;color:#0b1430;transition:font-size .3s} .vt-letter[data-size="0"]{font-size:64px} .vt-letter[data-size="1"]{font-size:36px} .vt-letter[data-size="2"]{font-size:20px} .vt-letter[data-size="3"]{font-size:12px} .vt-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .vt-opt{height:64px;border-radius:16px;border:1px solid var(--line,#dce5f2);background:#fff;font-family:inherit;font-weight:800;font-size:26px;line-height:1;color:#0b1430;cursor:pointer;transition:background .2s,border-color .2s,transform .15s} .vt-opt:hover{border-color:var(--blue,#2155d6);background:#f4f8ff} .vt-opt:active{transform:scale(.97)} .vt-sub{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px;color:var(--muted,#5b6b86)} .vt-link{background:none;border:0;padding:6px 0;font-family:inherit;font-weight:600;font-size:15px;color:var(--blue,#2155d6);cursor:pointer;text-decoration:underline;text-underline-offset:4px} .vt-figure{display:grid;place-items:center;padding:20px;border-radius:22px;background:#f4f7fb;margin-bottom:22px} .vt-amsler{width:min(300px,100%);height:auto;display:block} .vt-fan{width:min(420px,100%);height:auto;display:block} .vt-answers{display:grid;gap:10px} .vt-answer{text-align:left;padding:18px 20px;border-radius:16px;border:1px solid var(--line,#dce5f2);background:#fff;font-family:inherit;font-weight:600;font-size:16px;line-height:1.4;color:#0b1430;cursor:pointer;transition:background .2s,border-color .2s} .vt-answer:hover{border-color:var(--blue,#2155d6);background:#f4f8ff} .vt-result{display:grid;gap:22px} .vt-result p{font-size:16px;line-height:1.65;color:var(--muted,#5b6b86);max-width:640px;margin:0} .vt-findings{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:10px;max-width:680px} .vt-findings li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:16px;background:#f4f7fb;font-size:15px;line-height:1.55} .vt-findings li::before{content:"";width:12px;height:12px;border-radius:50%;margin-top:5px;background:#2bb673} .vt-findings li.warn::before{background:#f0a12b} .vt-findings li.alert::before{background:#e0475b} .vt-findings b{display:block;font-size:16px;color:#0b1430} .vt-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center} .vt-note{font-size:13px!important;padding-top:18px;border-top:1px solid var(--line,#dce5f2)} /* map in the contact section, in place of the online-booking card */ .contact-map{position:relative;min-height:520px;border-radius:30px;overflow:hidden;background:#dfe9f8;border:1px solid #ffffff40;box-shadow:0 14px 45px #0d24442b} .contact-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .contact-map-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:24px;color:#36578c; background:repeating-linear-gradient(0deg,transparent 0 39px,#cddcf2 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#cddcf2 39px 40px)} .contact-map-fallback span{font-weight:800;font-size:17px;color:#0b1430} .contact-map-fallback a{font-weight:600;color:var(--blue,#2155d6);text-underline-offset:4px} @media (max-width:900px){ .vt-intro{grid-template-columns:1fr} .contact-map{min-height:360px} } @media (max-width:560px){ .vt-options{grid-template-columns:repeat(2,minmax(0,1fr))} .vt-intro-art{display:none} .contact-map{min-height:300px;border-radius:26px} } @media (prefers-reduced-motion:reduce){.vt-panel{animation:none}.vt-bar i{transition:none}} /* ===== CORNEA design: hero facts + main service card ===== */ /* one vertical rhythm for every section: 88 / 66 / 56 */ #services,.faq-grid,.clinic-section,.contact-section{padding-top:88px;padding-bottom:88px} @media (max-width:900px){#services,.faq-grid,.clinic-section,.contact-section{padding-top:66px;padding-bottom:66px}} @media (max-width:680px){#services,.faq-grid,.clinic-section,.contact-section{padding-top:56px;padding-bottom:56px}} .cinema-stats{display:flex;flex-wrap:wrap;gap:18px 0;margin-top:44px} .cinema-stats>div{display:grid;gap:6px;padding:0 34px;border-left:1px solid #ffffff3a} .cinema-stats>div:first-child{padding-left:0;border-left:0} .cinema-stats b{font-size:clamp(30px,2.6vw,40px);font-weight:800;line-height:1;letter-spacing:-.04em;color:#fff} .cinema-stats span{font-size:13px;line-height:1.35;color:#ffffffa6} .services-grid .service-card:first-child{background:linear-gradient(135deg,#2a62e6 0%,#1d4cc4 55%,#173c9f 100%);border-color:#2155d6;color:#fff; box-shadow:0 10px 30px #1d4cc433,0 30px 60px #1d4cc41f;padding-right:42%} .services-grid .service-card:first-child:hover{background:linear-gradient(135deg,#2f68ec 0%,#2051cb 55%,#1a41a8 100%)} .services-grid .service-card:first-child::after{display:none} .services-grid .service-card:first-child .service-icon{background:#ffffff26;color:#fff} .services-grid .service-card:first-child .service-icon .chart{color:#fff} .services-grid .service-card:first-child .service-number,.services-grid .service-card:first-child .service-feature-label{color:#ffffffb3} .services-grid .service-card:first-child h3{color:#fff} .services-grid .service-card:first-child p{color:#dbe6ff} .services-grid .service-card:first-child .service-link{color:#fff} /* the arrow stays in the card corner, like on the other cards */ .services-grid .service-card:first-child .service-link b{position:absolute;right:29px;bottom:29px} /* Sivtsev chart in the right part of the card */ .svc-chart{position:absolute;right:clamp(28px,4vw,64px);top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:clamp(8px,1vw,14px); font-weight:800;line-height:1;color:#fff;pointer-events:none;user-select:none} .svc-chart i{font-style:normal;white-space:nowrap;transition:opacity .5s} .svc-chart i:nth-child(1){font-size:clamp(46px,4.4vw,64px);letter-spacing:.2em;opacity:.95} .svc-chart i:nth-child(2){font-size:clamp(30px,2.8vw,40px);letter-spacing:.24em;opacity:.8} .svc-chart i:nth-child(3){font-size:clamp(20px,1.9vw,27px);letter-spacing:.3em;opacity:.62} .svc-chart i:nth-child(4){font-size:clamp(14px,1.3vw,18px);letter-spacing:.36em;opacity:.45} .svc-chart i:nth-child(5){font-size:11px;letter-spacing:.42em;opacity:.3} .service-card:first-child:hover .svc-chart i{opacity:1} /* every other card gets its own drawing; text stays above it */ .services-grid .service-card{position:relative;isolation:isolate;overflow:hidden} .svc-art{position:absolute;z-index:-1;top:20px;right:22px;width:112px;height:84px;color:#2155d6;opacity:.32;pointer-events:none; transition:opacity .35s,transform .6s cubic-bezier(.2,.8,.2,1)} .services-grid .service-card:hover .svc-art{opacity:.6;transform:scale(1.05)} .art-needle{transform-origin:100px 110px;transform:rotate(-38deg);transition:transform .9s cubic-bezier(.3,1.5,.5,1)} .service-card:hover .art-needle{transform:rotate(42deg)} .art-cloud{transition:opacity .8s} .service-card:hover .art-cloud{opacity:.15} /* cataract: tall dark card */ .services-grid .service-card:nth-child(2){background:linear-gradient(170deg,#132a5e 0%,#0b1a3d 100%);border-color:#132a5e;color:#fff} .services-grid .service-card:nth-child(2):hover{background:linear-gradient(170deg,#163168 0%,#0d1f47 100%);border-color:#2a4a8f} .services-grid .service-card:nth-child(2) h3{color:#fff} .services-grid .service-card:nth-child(2) p{color:#b9c8e6} .services-grid .service-card:nth-child(2) .service-icon{background:#ffffff1f;color:#fff} .services-grid .service-card:nth-child(2) .service-icon .chart{color:#fff} .services-grid .service-card:nth-child(2) .service-link{color:#9dbcff} .services-grid .service-card:nth-child(2) .svc-art{color:#9dbcff;opacity:.75} .services-grid .service-card:nth-child(2):hover .svc-art{opacity:1} /* each remaining card gets its own soft surface and drawing colour */ .services-grid .service-card:nth-child(n+3){--tint:#e8f0fd;--ink2:#2155d6;background:var(--tint);border-color:var(--tint)} .services-grid .service-card:nth-child(n+3):hover{background:var(--tint);border-color:var(--ink2);filter:saturate(1.15)} .services-grid .service-card:nth-child(n+3) .service-icon{background:#ffffffb8;color:var(--ink2)} .services-grid .service-card:nth-child(n+3) .service-icon .chart{color:var(--ink2)} .services-grid .service-card:nth-child(n+3) .service-link{color:var(--ink2)} .services-grid .service-card:nth-child(n+3) .svc-art{color:var(--ink2);opacity:.45} .services-grid .service-card:nth-child(n+3):hover .svc-art{opacity:.8} .services-grid .service-card:nth-child(3){--tint:#fff1e2;--ink2:#d9711f} /* children: warm */ .services-grid .service-card:nth-child(4){--tint:#eeebff;--ink2:#5a47d1} /* glaucoma: lavender */ .services-grid .service-card:nth-child(5){--tint:#e3f5f1;--ink2:#11897a} /* glasses: mint */ .services-grid .service-card:nth-child(6){--tint:#e6effd;--ink2:#2155d6} /* laser correction: pale blue */ .services-grid .service-card:nth-child(8){--tint:#e1f2fb;--ink2:#1479b0} /* strabismus: sky */ /* retina: deep teal, like a fundus photo */ .services-grid .service-card:nth-child(7){--tint:#0d3a47;--ink2:#7fdcd2;background:linear-gradient(150deg,#0f4554 0%,#0a2a36 100%);color:#fff} .services-grid .service-card:nth-child(7):hover{background:linear-gradient(150deg,#125061 0%,#0c303d 100%)} .services-grid .service-card:nth-child(7) h3{color:#fff} .services-grid .service-card:nth-child(7) p{color:#b7d5d8} .services-grid .service-card:nth-child(7) .service-icon{background:#ffffff1f} .services-grid .service-card:nth-child(7) .svc-art{opacity:.7} .services-grid .service-card:nth-child(7):hover .svc-art{opacity:1} @media (min-width:901px){ /* bento: 1 wide + cataract tall, then two wide cards on alternating sides */ .services-grid .service-card:nth-child(2){grid-row:span 2} .services-grid .service-card:nth-child(6),.services-grid .service-card:nth-child(7){grid-column:span 2} .services-grid .service-card:nth-child(2) .svc-art{top:auto;bottom:22%;left:50%;right:auto;width:84%;height:auto;transform:translateX(-50%)} .services-grid .service-card:nth-child(2):hover .svc-art{transform:translateX(-50%) scale(1.05)} .services-grid .service-card:nth-child(6),.services-grid .service-card:nth-child(7){padding-right:46%} .services-grid .service-card:nth-child(6) .svc-art,.services-grid .service-card:nth-child(7) .svc-art{top:50%;right:clamp(28px,4vw,60px);width:38%;height:72%;transform:translateY(-50%)} .services-grid .service-card:nth-child(6):hover .svc-art,.services-grid .service-card:nth-child(7):hover .svc-art{transform:translateY(-50%) scale(1.05)} .services-grid .service-card:nth-child(6) .service-link b,.services-grid .service-card:nth-child(7) .service-link b{position:absolute;right:29px;bottom:29px} } @media (max-width:1100px){.services-grid .service-card:first-child{padding-right:38%}} @media (prefers-reduced-motion:reduce){.svc-art,.art-needle,.art-cloud{transition:none}} @media (max-width:760px){ .cinema-stats{margin-top:32px} .cinema-stats>div{padding:0 18px} .cinema-stats span{font-size:12px} } @media (max-width:420px){.cinema-stats>div{padding:0 13px}.cinema-stats b{font-size:27px}} @media (prefers-reduced-motion:reduce){.cinema-stats{animation:none}} /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } /* CORNEA: an interactive map in the site's visual language. */ .contact-map.cornea-map{isolation:isolate;min-height:520px;background:#edf2f9;border:1px solid #ffffff60;border-radius:30px;box-shadow:0 14px 45px #0d24442b;color:#192e4a} .cornea-map-canvas{position:absolute;z-index:0;inset:0;background:#edf2f9;font-family:Manrope,Arial,sans-serif;font-size:13px} .cornea-map .leaflet-tile-pane{filter:grayscale(1) sepia(.1) hue-rotate(175deg) saturate(1.3) contrast(.95) brightness(1.04)} .cornea-map-badge{position:absolute;z-index:450;top:22px;left:22px;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #fff;border-radius:100px;background:#fffffff0;box-shadow:0 5px 18px #1a3f6d10;color:#47617f;font-size:9px;font-weight:600;letter-spacing:1.3px;pointer-events:none} .cornea-map-badge>span{width:6px;height:6px;border-radius:50%;background:#2459c4;box-shadow:0 0 0 4px #2459c413} .contact-map.cornea-map .cornea-map-message{position:absolute;top:28%;left:24px;right:24px;z-index:300;margin:0;text-align:center;color:#53657c;font-size:13px;line-height:1.6;pointer-events:none} .cornea-map.map-ready .cornea-map-message{visibility:hidden} .cornea-map.map-unavailable .cornea-map-message{top:91px;padding:12px;border-radius:14px;background:#fffffff0;visibility:visible} .cornea-map-card{position:absolute;z-index:450;left:22px;right:22px;bottom:34px;display:grid;grid-template-columns:1fr;gap:18px;padding:23px 24px;border:1px solid #fff;border-radius:23px;background:#ffffffed;box-shadow:0 10px 35px #193f6b17;backdrop-filter:blur(14px)} .cornea-map-address{display:flex;flex-direction:column;gap:7px} .cornea-map .cornea-map-address small{color:#5b708b;font-size:9px;letter-spacing:1.3px;font-weight:500;line-height:1.4} .cornea-map .cornea-map-address strong{color:#192e4a;font-size:24px;line-height:1.25;letter-spacing:-.7px;font-weight:500} .cornea-map-address>span{font-size:13px;line-height:1.6;color:#53657c} .cornea-map a.cornea-map-route{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 17px;border-radius:100px;background:#2459c4;color:#fff;text-decoration:none;font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s;box-shadow:0 4px 12px #2459c418} .cornea-map a.cornea-map-route:hover{background:#194baF;transform:translateY(-1px)} .cornea-map-route>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round} .cornea-map-route>span{margin-left:auto;font-size:17px;font-weight:400} .cornea-map-route>svg{margin-right:auto} .cornea-map a:focus-visible,.cornea-map button:focus-visible{outline:2px solid #2459c4;outline-offset:4px} .cornea-map .leaflet-top.leaflet-right{top:22px;right:22px} .cornea-map .leaflet-top .leaflet-control{margin:0 0 10px 0;clear:both;float:right} .cornea-map .leaflet-control-zoom{border:1px solid #fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #1a3f6d10} .cornea-map .leaflet-control-zoom a{display:block;width:40px;height:40px;line-height:39px;color:#2459c4;background:#ffffffed;font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:400;text-decoration:none} .cornea-map .leaflet-control-zoom a:first-child{border-bottom:1px solid #e5ecf6;border-radius:0} .cornea-map .leaflet-control-zoom a:last-child{border-radius:0} .cornea-map .leaflet-control-zoom a:hover{background:#eaf1fc} .cornea-map .leaflet-control-zoom a.leaflet-disabled{color:#a4b1c3;background:#f7f9fc} .cornea-map-center button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff;border-radius:15px;background:#ffffffed;color:#2459c4;cursor:pointer;box-shadow:0 5px 18px #1a3f6d10} .cornea-map-center button:hover{background:#eaf1fc} .cornea-map-center svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round} .cornea-map .leaflet-control-attribution{margin:0 10px 7px 0;padding:0;border-radius:0;background:transparent;color:#526782;font-size:9px;font-family:Manrope,Arial,sans-serif;line-height:1.5} .cornea-map .leaflet-control-attribution a{color:#375b8b;text-decoration:none} .cornea-clinic-pin{background:none;border:0} .cornea-pin-halo{position:absolute;left:-6px;top:0;width:68px;height:68px;border-radius:50%;background:#2459c41b;border:1px solid #2459c416} .cornea-pin-eye{position:absolute;left:6px;top:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#2459c4;border:3px solid #fff;box-shadow:0 6px 18px #2459c441} .cornea-pin-eye svg{width:27px;height:21px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round} .cornea-pin-eye svg circle:last-child{fill:#fff;stroke:none} .cornea-pin-label{position:absolute;left:62px;top:10px;min-width:112px;padding:9px 12px;border:1px solid #fff;border-radius:13px;background:#ffffffed;box-shadow:0 4px 16px #193f6b18;color:#192e4a;font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:-.5px} .cornea-pin-label small{display:block;margin-top:4px;color:#53657c;font-size:9px;font-weight:400;letter-spacing:0} .cornea-map .leaflet-popup-content-wrapper{border:1px solid #fff;border-radius:17px;box-shadow:0 10px 28px #193f6b25;color:#192e4a;font-family:Manrope,Arial,sans-serif} .cornea-map .leaflet-popup-content{margin:16px 20px;font-size:12px;line-height:1.9} .cornea-map .leaflet-popup-content a{color:#2459c4} @media(max-width:900px){.contact-map.cornea-map{min-height:480px}.cornea-map-card{grid-template-columns:1fr auto;align-items:center;gap:20px}.cornea-map-route>svg{margin-right:0}.cornea-map-route>span{margin-left:8px}} @media(max-width:560px){.contact-map.cornea-map{min-height:460px;border-radius:26px}.cornea-map-badge{top:17px;left:17px;padding:11px 13px;font-size:8px;letter-spacing:1px}.cornea-map .leaflet-top.leaflet-right{top:17px;right:17px}.cornea-map-card{left:16px;right:16px;bottom:32px;padding:19px 20px;grid-template-columns:1fr;gap:16px;border-radius:21px}.cornea-map .cornea-map-address strong{font-size:23px}.cornea-map-address>span{font-size:12px}.cornea-map-route>svg{margin-right:auto}.cornea-map-route>span{margin-left:auto}.cornea-pin-label{min-width:102px;padding:9px 10px;font-size:13px}} @media(prefers-reduced-motion:reduce){.cornea-map a.cornea-map-route{transition:none}} /* Five doctors: three equal cards, then two centred cards. */ @media(min-width:901px){ #doctors .doctors-grid{grid-template-columns:repeat(6,minmax(0,1fr))} #doctors .doctor{grid-column:span 2} #doctors .doctor:nth-child(4){grid-column:2 / span 2} #doctors .doctor:nth-child(5){grid-column:4 / span 2} } @media(min-width:601px) and (max-width:900px){ #doctors .doctors-grid{grid-template-columns:repeat(4,minmax(0,1fr))} #doctors .doctor{grid-column:span 2} #doctors .doctor:last-child{grid-column:2 / span 2} } @media(max-width:600px){ #doctors .doctors-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* Align Jalol's portrait scale with the other staff photographs. */ #doctors .doctor-jalol .doctor-image img{scale:1.08;transform-origin:50% 35%} /* Direct phone contacts replace online booking. */ a.service-card{text-decoration:none;color:inherit} .header-actions a.compact,a.cinema-btn,a.cinema-btn-outline{display:inline-flex;align-items:center;justify-content:center;text-decoration:none} .mobile-bar>a{flex:1;justify-content:center;text-align:center} /* Profile links take the place of the former primary doctor action. */ #doctors .doctor .doctor-profile-link{display:flex;align-items:center;justify-content:center;order:1;margin:0 9px;margin-top:auto;padding:15px 18px;min-height:48px;border:0;border-radius:14px;background:var(--blue,#2155d6);color:#fff;font-size:14px;font-weight:700;text-align:center;text-decoration:none;transition:background .2s ease,box-shadow .2s ease} #doctors .doctor .doctor-profile-link:hover{background:#1b46b4;color:#fff;box-shadow:0 10px 22px #2155d633} #doctors .doctor .doctor-profile-link:focus-visible{outline:3px solid #8fb2ff;outline-offset:3px} @media(max-width:680px){#doctors .doctor .doctor-profile-link{margin:0 4px;margin-top:auto;padding:12px 8px;min-height:44px;border-radius:12px;font-size:12.5px}} /* Keep the statistics just above the contact strip. */ #about.cinema-hero .cinema-main{padding-bottom:20px} #about.cinema-hero .cinema-stats{margin-top:auto;padding-top:44px} @media(max-width:760px){#about.cinema-hero .cinema-stats{padding-top:32px}} @media(max-width:760px){#about.cinema-hero .cinema-actions{margin-top:44px}} #services .service-card{cursor:default} /* Expanded mobile services: one bottom inset, aligned with the title. */ @media(max-width:760px){ #services .service-row-body{padding:0 18px 18px 73px} #services .service-row-body p{margin:0;padding:0;line-height:1.6} } .faq-list details{overflow:hidden}