/* Arkan: image banners, compact clinic navigation and accessible photo rails. */
html{scroll-padding-top:112px;max-width:100%;overflow-x:clip}
body.arkan-dental{max-width:100%;overflow-x:clip}
.arkan-dental main,.arkan-dental section,.arkan-dental article,.arkan-dental .container{min-width:0}
.clinic-header .header-main{gap:26px;min-height:91px}
.clinic-header .desktop-nav{display:flex;flex:1;align-items:center;justify-content:center;gap:23px;font-size:13px;margin:0;white-space:nowrap}
.clinic-header .nav-list{display:flex;align-items:center;justify-content:center;gap:23px;padding:0;margin:0;list-style:none}
.clinic-header .header-actions{gap:18px;flex-shrink:0}
.clinic-header .header-book{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:28px;padding:11px 19px;min-height:46px;font-size:12px}
.clinic-header .header-book:hover{background:#164579}
.clinic-header .menu-open{display:none}
.arkan-dental .button{border-radius:30px;min-height:47px;transition:background .22s,color .22s,transform .22s,border-color .22s}
.arkan-dental .button:not(:disabled):hover{transform:translateY(-2px)}
.arkan-dental .button-accent{background:var(--blue);border-color:var(--blue);color:white}
.arkan-dental .button-outline{border-color:#8faabe;color:var(--blue);background:transparent}
.arkan-dental :is(.experience-hero-copy,.clinical-feature,.international-layout,.page-cover) .button{background:transparent;color:white;border:1px solid #ffffffd4;box-shadow:none;backdrop-filter:blur(3px)}
.arkan-dental :is(.experience-hero-copy,.clinical-feature,.international-layout,.page-cover) .button:hover{background:white;color:var(--blue)}
.experience-hero-copy .text-link{color:white}
.arkan-dental .experience-hero-copy em{color:white}
.clinical-feature,.international-layout{position:relative;isolation:isolate;display:flex;align-items:center;min-height:420px;border-radius:25px;overflow:hidden;background:var(--blue)}
.clinical-feature>div:first-child,.international-layout>.international-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:-2}
.arkan-dental .clinical-feature>div:first-child>img,.arkan-dental .international-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 37%}
.clinical-feature:before,.international-layout:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#022a5de8,#022a5dc9 44%,#022a5d38)}
.clinical-feature article,.international-layout .international-copy{width:min(690px,63%);padding:45px 52px;background:transparent;color:#fff;position:relative;z-index:0}
.clinical-feature h2,.international-copy h2{font-size:39px;line-height:1.5;color:white}
.clinical-feature p,.international-copy p{color:#e5effa;font-size:14px;line-height:2.05;margin:14px 0 24px}
.clinical-feature .eyebrow,.international-copy .eyebrow{color:#a7e9df}
.arkan-dental .international-copy em{color:white}.international-label{color:#d6e8f7!important}
.international-steps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.international-steps span{border-color:#ffffff40;background:#ffffff10;color:white;padding:5px 13px}
.international-copy .international-phone{color:white;font-size:23px;margin-block:5px 18px;display:block;width:max-content;max-width:100%}
.page-cover{position:relative;display:flex;align-items:center;min-height:310px;isolation:isolate;background:var(--blue);overflow:hidden}
.page-cover .cover-image{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.arkan-dental .page-cover .cover-image img{width:100%;height:100%;object-fit:cover;object-position:center 37%}
.page-cover:after{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#022a5de8,#022a5dc9 45%,#022a5d50);content:''}
.page-cover .cover-copy{position:relative;padding-block:34px;color:white}
.page-cover .cover-copy h1{font-size:43px;color:white}.page-cover .cover-copy p{color:#edf5fd;font-size:14px;max-width:600px;line-height:2;margin-top:12px}
.page-cover .cover-copy .eyebrow,.page-cover .breadcrumbs,.page-cover .breadcrumbs a{color:#d6edf5}
.clinical-service-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:440px;border-radius:24px;overflow:hidden;background:var(--blue);padding:0!important;margin-top:22px;margin-bottom:26px}
.clinical-service-hero>.clinical-service-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;min-height:0;border-radius:0}
.arkan-dental .clinical-service-hero>.clinical-service-photo img{height:100%;width:100%;object-fit:cover;object-position:center 37%}
.clinical-service-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#022a5df2,#022a5dc9 49%,#022a5d35)}
.clinical-service-hero>div:first-child{width:65%;padding:35px 45px;color:white}
.clinical-service-hero h1{font-size:40px;color:white}.clinical-service-hero>div:first-child>p{color:#edf5ff;font-size:14px;line-height:2}
.clinical-service-hero .eyebrow,.clinical-service-hero .breadcrumbs,.clinical-service-hero .service-hero-note{color:#dceffb}
.arkan-dental .clinical-service-hero .button{border-color:white;background:transparent;color:white}.arkan-dental .clinical-service-hero .button:hover{background:white;color:var(--blue)}.clinical-service-hero .text-link{color:white;border-color:#ffffff55}
.photo-rail{--rail-columns:3;--rail-gap:18px;min-width:0}
.photo-rail-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;border-radius:20px}
.photo-rail-track{display:flex;gap:var(--rail-gap);direction:rtl;align-items:stretch;transition:transform .65s cubic-bezier(.22,.68,.22,1);will-change:transform}
.photo-rail.is-enhanced .photo-rail-window{overflow:hidden;touch-action:pan-y pinch-zoom}
.photo-tile{position:relative;flex:0 0 calc((100% - (var(--rail-columns) - 1)*var(--rail-gap))/var(--rail-columns));min-width:0;scroll-snap-align:start;border-radius:20px;overflow:hidden;background:var(--blue)}
.photo-rail-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;color:var(--muted);font-size:11px;min-height:44px}
.photo-rail-controls>div{display:flex;gap:8px}
.photo-rail-controls button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid #b8cede;color:var(--blue);background:transparent;border-radius:50%;font-size:18px}
.photo-rail-controls button svg{width:18px;height:18px}.photo-rail-controls button[data-rail-next] svg{transform:rotate(180deg)}
.photo-rail-controls button:hover{background:var(--blue);color:white}.photo-rail:not(.is-enhanced) .photo-rail-controls{display:none}
.photo-rail-controls[hidden]{display:none}
.comparison-tile{height:425px}
.arkan-dental .comparison-tile>img{height:100%;width:100%;object-fit:cover;transition:transform .8s}
.comparison-labels{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;gap:8px;padding:13px;background:linear-gradient(#022a5ddd,transparent);color:white;font-size:10px;z-index:2;pointer-events:none}
.comparison-tile .case-enlarge{position:absolute;inset:45px auto auto 14px;width:42px;height:42px;z-index:3;border:1px solid #ffffff90;background:#022a5d80;color:white;border-radius:50%}
.comparison-overlay{position:absolute;inset:0;padding:120px 25px 25px;display:flex;flex-direction:column;justify-content:end;color:white;background:linear-gradient(0deg,#022a5df5,#022a5dc9 43%,#022a5d00 76%);transition:background .25s}
.comparison-overlay .eyebrow{font-size:10px;color:#b2eee5;margin-bottom:6px}.comparison-overlay h3{color:white;font-size:25px;line-height:1.5}
.comparison-overlay p{font-size:12px;line-height:1.95;color:#edf6ff;margin:10px 0 16px}
.arkan-dental .comparison-overlay .button{align-self:start;background:transparent;color:white;border-color:#ffffffbb;min-height:42px;padding:8px 16px;font-size:11px}
.comparison-overlay .button:hover{background:white;color:var(--blue)}
.comparison-tile:hover>img{transform:scale(1.045)}
@media(hover:hover) and (pointer:fine){.comparison-overlay{transition:background .38s}.comparison-overlay p{max-height:0;margin:0;overflow:hidden;opacity:0;transition:max-height .38s,opacity .3s,margin .3s}.arkan-dental .comparison-overlay .button{max-height:0;min-height:0;overflow:hidden;opacity:0;padding-block:0;border-width:0;transition:opacity .3s,max-height .38s,padding .3s}.comparison-tile:hover .comparison-overlay,.comparison-tile:focus-within .comparison-overlay{background:linear-gradient(0deg,#022a5df8,#022a5dd9 55%,#022a5d60)}.comparison-tile:hover .comparison-overlay p,.comparison-tile:focus-within .comparison-overlay p{max-height:150px;opacity:1;margin:10px 0 16px}.arkan-dental .comparison-tile:hover .comparison-overlay .button,.arkan-dental .comparison-tile:focus-within .comparison-overlay .button{max-height:65px;min-height:42px;padding-block:8px;border-width:1px;opacity:1}}
.clinic-photo-rail{--rail-columns:4}.clinic-photo-tile{height:310px;display:block}
.arkan-dental .clinic-photo-tile>img{height:100%;width:100%;object-fit:cover;transition:transform .65s}
.clinic-photo-tile>span{position:absolute;inset:auto 0 0;padding:50px 18px 20px;color:white;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(transparent,#022a5de8);font-size:14px}
.clinic-photo-tile>span svg{width:18px;height:18px}.clinic-photo-tile:hover>img{transform:scale(1.045)}
.arkan-dental .location-section{grid-template-columns:1fr 1.15fr;gap:22px;align-items:stretch}
.location-section .location-copy{padding:26px 30px;display:flex;flex-direction:column;justify-content:center;min-height:0;gap:10px}
.location-copy .eyebrow{margin:0;font-size:10px}.location-copy h2{font-size:29px;line-height:1.5;margin:0}
.location-copy>p{margin:0;font-size:13px}.location-copy .contact-line{margin:0;gap:12px;font-size:13px;line-height:1.8}.location-copy .contact-line a{font-size:19px}.location-copy .contact-line small{display:inline;margin-inline-start:10px;font-size:10px}
.location-copy .button{align-self:start;margin-top:4px;min-height:42px}
.location-section .map-frame{height:auto;min-height:285px;border-radius:20px;overflow:hidden}
.map-preview>span{gap:8px}.map-preview strong{font-size:25px}.map-preview>span>svg{width:28px;height:28px}.map-preview small{font-size:11px}
.appointment-form .form-grid{align-items:start;gap:18px 16px!important}
.appointment-form .form-field{min-width:0}.appointment-form .form-field>label{display:block;color:#385570;font-size:12px;margin-bottom:7px}
.appointment-form :is(input,textarea,.custom-select-trigger){border-color:#c9dbe8;background:#fbfdff;border-radius:12px}
.appointment-form .custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:55px;text-align:start;padding:12px 15px}
.custom-select-trigger>span:first-child{min-width:0;flex:1;display:flex;align-items:center;gap:9px;white-space:normal}
.custom-select-trigger .select-chevron{flex:0 0 8px;width:8px;height:8px;border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(-45deg);margin:0 3px 5px;color:var(--blue);transition:transform .2s}
.custom-select-trigger[aria-expanded=true] .select-chevron{transform:rotate(135deg);margin-bottom:0}
.appointment-form .custom-select-trigger img{width:24px;height:18px;object-fit:cover;border-radius:3px}
.appointment-form .custom-select-trigger .country-dial{font-family:Arial,sans-serif;direction:ltr;font-size:12px;color:#5c7891;flex-shrink:0;white-space:nowrap}
.custom-select-option{min-height:45px;border-radius:9px!important}.custom-select-option:hover,.custom-select-option[aria-selected=true]{background:#eaf4fa!important;color:var(--blue)!important}
.custom-select-popover{border:1px solid #cbdde9!important;border-radius:17px!important;box-shadow:0 20px 60px #022a5d24!important}
.appointment-form .phone-input{min-height:55px}.phone-help{line-height:1.7!important;margin-top:6px}
.clinical-footer .footer-top{grid-template-columns:180px 1fr;gap:30px;padding-block:22px;border-bottom:1px solid #ffffff22}
.clinical-footer .footer-top h2{font-size:26px}.clinical-footer .footer-top p{font-size:12px;color:#d7e7f6;line-height:1.9}.clinical-footer .footer-top .eyebrow{font-size:10px;color:#93ded1}
.clinical-footer .footer-grid{gap:28px;padding-block:28px;align-items:start}.clinical-footer .footer-grid h3{font-size:15px;margin-bottom:14px}
.clinical-footer .footer-grid nav:not(.socials){display:grid;gap:8px}.clinical-footer .footer-grid nav:not(.socials) a{display:block;padding:0;min-height:0;font-size:12px;line-height:1.9;color:#d8e6f5}
.clinical-footer .footer-contact{display:flex;flex-direction:column;align-items:start;gap:9px;min-width:0}.clinical-footer .footer-contact h3{margin-bottom:4px}.clinical-footer .footer-contact p{font-size:12px;margin:0}.clinical-footer .footer-contact>a{font-size:13px;max-width:100%;overflow-wrap:anywhere;margin:0}.clinical-footer .footer-contact>a.footer-phone{font-size:23px;line-height:1.6}
.clinical-footer .footer-contact .text-link{gap:8px;font-size:12px;border-color:#ffffff30}.clinical-footer .footer-contact .text-link svg{width:17px;height:17px}
.clinical-footer .socials{display:flex!important;flex-direction:row;gap:9px;flex-wrap:wrap;margin-top:10px;align-items:center}
.clinical-footer .socials a{display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;width:44px!important;min-width:44px;min-height:44px;height:44px!important;border:1px solid #ffffff42;border-radius:50%;background:#ffffff08;color:white!important}
.clinical-footer .socials a svg{width:20px;height:20px}.clinical-footer .socials a:hover{background:white;color:var(--blue)!important}
.clinical-footer .footer-hours-card{padding:18px;border-radius:17px;background:#ffffff09;border:1px solid #ffffff24}.clinical-footer .footer-hours-card p{font-size:12px;line-height:1.9}.clinical-footer .footer-hours-card small{font-size:10px;line-height:1.8}
.clinical-footer .footer-bottom{gap:14px;padding-block:19px;font-size:10px}.clinical-footer .footer-bottom nav{display:flex;gap:15px}
.arkan-splash{display:none;position:fixed;inset:0;z-index:10000;background:#022a5d;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.arkan-intro .arkan-splash{display:flex;animation:splash-dismiss .35s 1.45s both}
.splash-mark{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;animation:splash-mark 1.3s both}
.arkan-dental .splash-mark .brand-wordmark{width:230px;height:130px;object-fit:contain}
.splash-loader{display:block;width:100px;height:2px;background:#ffffff25;overflow:hidden;border-radius:2px}.splash-loader:after{content:'';display:block;height:100%;width:40%;background:white;animation:splash-load 1s ease-in-out infinite}
.splash-orbit{position:absolute;width:330px;height:330px;border:1px solid #ffffff18;border-radius:50%;animation:splash-orbit 8s linear infinite}.splash-orbit:after{content:'';width:7px;height:7px;position:absolute;left:56px;top:34px;background:#10ae97;border-radius:50%}.splash-orbit-second{width:470px;height:470px;animation-direction:reverse;border-style:dashed;border-color:#ffffff0b}
@keyframes splash-dismiss{to{opacity:0;visibility:hidden}}@keyframes splash-mark{from{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:none}}@keyframes splash-load{from{transform:translateX(-100%)}to{transform:translateX(350%)}}@keyframes splash-orbit{to{transform:rotate(360deg)}}
@media(max-width:1200px){.clinic-header .header-call{display:none}.clinic-header .desktop-nav,.clinic-header .nav-list{gap:19px;font-size:12px}.clinical-feature article,.international-layout .international-copy{padding:34px;width:65%}.comparison-overlay{padding-inline:20px}.comparison-overlay h3{font-size:23px}}
@media(max-width:1000px){.clinic-header .desktop-nav{display:none}.clinic-header .menu-open{display:inline-grid}.clinic-header .header-main{min-height:82px}.clinic-header .header-actions{gap:12px}.photo-rail{--rail-columns:2}.clinic-photo-rail{--rail-columns:2}.clinic-photo-tile{height:300px}.clinical-feature h2,.international-copy h2{font-size:33px}.clinical-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px}.clinical-footer .footer-top{grid-template-columns:160px 1fr}}
@media(max-width:760px){
 html{scroll-padding-top:90px}.clinic-header .header-book{display:inline-flex;font-size:11px;min-height:41px;padding:8px 13px}.clinic-header .header-main{gap:10px;min-height:79px}.clinic-header .brand .brand-wordmark{width:138px;height:77px}.clinic-header .header-actions{gap:7px}
 .photo-rail,.clinic-photo-rail{--rail-columns:1;--rail-gap:14px}.comparison-tile{height:440px}.comparison-overlay{padding:120px 25px 26px;transform:none}.comparison-overlay h3{font-size:27px}.comparison-overlay p{font-size:13px}.clinic-photo-tile{height:330px}.photo-rail-controls{margin-top:12px}
 .comparison-tile .comparison-overlay p{max-height:170px;opacity:1;margin:10px 0 16px}.arkan-dental .comparison-tile .comparison-overlay .button{max-height:65px;min-height:42px;padding-block:8px;border-width:1px;opacity:1}
 .clinical-feature,.international-layout{min-height:490px;align-items:end;border-radius:20px}.clinical-feature>div:first-child,.international-layout>.international-photo{height:100%;position:absolute;inset:0}.arkan-dental .clinical-feature>div:first-child>img,.arkan-dental .international-photo>img{height:100%;object-position:30% top}
 .clinical-feature:before,.international-layout:before{background:linear-gradient(0deg,#022a5df7,#022a5de8 43%,#022a5d66 78%,#022a5d30)}
 .clinical-feature article,.international-layout .international-copy{width:100%;padding:180px 25px 28px}.clinical-feature h2,.international-copy h2{font-size:30px}.clinical-feature p,.international-copy p{font-size:13px;line-height:2;margin-block:12px 21px}.international-copy .international-phone{font-size:23px}.international-steps{gap:6px}.international-steps span{font-size:10px;padding:4px 10px}
 .page-cover{display:flex;min-height:320px;align-items:end;flex-direction:row}.page-cover .cover-image{position:absolute;inset:0;height:100%;width:100%}.page-cover:after{display:block;background:linear-gradient(0deg,#022a5df5,#022a5dc9 55%,#022a5d55)}.page-cover .cover-copy{padding-block:28px;padding-top:80px}.page-cover .cover-copy h1{font-size:32px}.page-cover .cover-copy p{font-size:13px}.page-cover .breadcrumbs{font-size:10px;margin-bottom:15px}
 .clinical-service-hero{min-height:490px;align-items:end;margin-top:14px;margin-bottom:10px;border-radius:20px}.clinical-service-hero>div:first-child{width:100%;padding:195px 24px 28px}.clinical-service-hero h1{font-size:31px}.clinical-service-hero>div:first-child>p{font-size:13px}.clinical-service-hero:before{background:linear-gradient(0deg,#022a5df7,#022a5de0 48%,#022a5d44)}.clinical-service-hero .service-hero-note{font-size:10px}
 .arkan-dental .location-section{grid-template-columns:1fr;gap:14px}.location-section .location-copy{padding:24px;gap:11px}.location-copy h2{font-size:26px}.location-copy .contact-line{font-size:12px}.location-section .map-frame{height:245px;min-height:0}.map-preview strong{font-size:25px}
 .appointment-form .form-grid{gap:17px 12px!important}.appointment-form .custom-select-trigger{font-size:13px;padding:11px 12px}.appointment-form .form-field:has(input[name="name"]),.appointment-form .form-field:has(input[name="phone"]){grid-column:1/-1}.custom-select:has(select[name="country"]) .custom-select-trigger{min-height:59px}
 .clinical-footer .footer-top{grid-template-columns:1fr;gap:3px;align-items:start;text-align:start}.clinical-footer .footer-top .brand{justify-self:start}.clinical-footer .footer-top .brand-wordmark{width:148px;height:83px}.clinical-footer .footer-top h2{font-size:24px}.clinical-footer .footer-top p{font-size:12px}.clinical-footer .footer-grid{gap:23px 18px}.clinical-footer .footer-grid h3{font-size:14px}.clinical-footer .footer-grid nav:not(.socials) a{font-size:11px}.clinical-footer .footer-contact{grid-column:1/-1}.clinical-footer .footer-hours-card{grid-column:1/-1}.clinical-footer .footer-contact .socials{margin-top:4px}.clinical-footer .footer-bottom{align-items:start;text-align:start;flex-direction:column;gap:12px}
}
@media(max-width:360px){.clinic-header .header-book{display:none}.comparison-overlay{padding-inline:20px}.comparison-overlay h3{font-size:25px}.comparison-tile{height:450px}.appointment-form .form-field{grid-column:1/-1}.clinical-feature article,.international-layout .international-copy{padding-inline:22px}.page-cover .cover-copy h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arkan-intro .arkan-splash{display:none}.splash-orbit,.splash-mark,.splash-loader:after{animation:none}.photo-rail-track,.comparison-overlay,.comparison-tile>img,.clinic-photo-tile>img,.arkan-dental .button{transition:none!important}.comparison-overlay{transform:none}.comparison-overlay p,.comparison-overlay .button{opacity:1}}