/* KOY-5886. Shared EN dentistry dropdowns; existing catalogue and page chrome. */
.ts5886-service-list{display:flex;align-items:center;gap:22px;list-style:none;padding:0;margin:0}
header .ts5886-group{position:relative;list-style:none;flex-shrink:0}
header .ts5886-trigger{display:flex;align-items:center;gap:7px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:500;line-height:1.4;white-space:nowrap;cursor:pointer;text-transform:none}
header .ts5886-trigger:hover,header .ts5886-trigger:focus-visible{background:transparent;color:#199cd5}
.ts5886-chevron{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin:0 2px 3px}
header .ts5886-group.is-open>.ts5886-trigger .ts5886-chevron{transform:rotate(225deg);margin-bottom:-3px}
header .ts5886-group>.sub-menu{display:none;position:absolute;top:100%;left:0;right:auto;width:410px;min-width:0;max-width:calc(100vw - 32px);max-height:min(70vh,650px);overflow-y:auto;padding:8px;margin:0;list-style:none;background:#fff;color:#22353e;box-shadow:0 8px 30px #0002;border:1px solid #e6edf1;border-radius:10px;z-index:1200;font:400 15px/1.4 'Segoe UI',Arial,sans-serif;white-space:normal}
header .ts5886-group>.sub-menu::before{content:none;display:none}
header .ts5886-group:hover>.sub-menu{display:none}
header .ts5886-group.is-open>.sub-menu{display:block}
header .ts5886-group .sub-menu li{position:relative;list-style:none;margin:0;padding:0;width:auto}
header .ts5886-group .sub-menu a{display:block;padding:10px 12px;border:0;border-radius:5px;background:transparent;color:#22353e;font:inherit;line-height:1.4;white-space:normal;text-decoration:none}
header .ts5886-group .sub-menu a:hover,header .ts5886-group .sub-menu a:focus-visible{background:#e4f6fb;color:#005f7c}
header .ts5886-group .sub-menu li.menu-item-has-children>a{padding-right:48px}
header .ts5886-group .sub-menu li.menu-item-has-children>a::after{content:none;display:none}
header .ts5886-expand{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:5px;background:transparent;color:#005f7c;cursor:pointer;padding:0}
header .ts5886-expand:hover,header .ts5886-expand:focus-visible{background:#e4f6fb;color:#005f7c}
header .ts5886-group .sub-menu .sub-menu{display:none;position:static;top:auto;left:auto;min-width:0;width:auto;padding:4px;margin:0 0 6px 12px;border:0;border-radius:6px;box-shadow:none;background:#f5fafc;list-style:none;columns:1!important}
header .ts5886-group .sub-menu .sub-menu::before{content:none;display:none}
header .ts5886-group li:hover>.sub-menu{display:none}
header .ts5886-group li.is-open>.sub-menu{display:block}
header .ts5886-group li.is-open>.ts5886-expand .ts5886-chevron{transform:rotate(225deg);margin-bottom:-3px}
header .ts5886-group .ts5886-overview>a{font-weight:600;color:#005f7c;border-bottom:1px solid #edf2f5;margin-bottom:4px;border-radius:0}
header .ts5886-trigger:focus-visible,header .ts5886-expand:focus-visible{outline:2px solid #005f7c;outline-offset:3px}
/* The approved header uses a compact search icon; the real search field is kept. */
header .ts5886-search-ready{position:relative;width:42px!important;flex:0 0 42px!important;height:40px;padding:0!important}
header .ts5886-search-ready button{display:grid;place-items:center;width:42px;height:40px;padding:9px;border:0;border-radius:24px;background:#f5f7f9;color:#22353e;cursor:pointer}
header .ts5886-search-ready button img{width:22px;height:22px}
header .ts5886-search-ready input{display:none!important;position:absolute;top:46px;right:0;z-index:1300;width:260px!important;max-width:80vw;height:44px;padding:10px 14px!important;border:1px solid #b9cbd5;border-radius:8px;background:white!important;color:#22353e;box-shadow:0 8px 20px #0002;font:400 16px/1.4 'Segoe UI',Arial,sans-serif}
header .ts5886-search-ready.is-search-open input{display:block!important}
.ts5886-navigation .ts-navbar__search-wrap{width:42px;height:40px}
.ts5886-navigation .ts-search-results{top:96px;right:0;left:auto}
.ts5886-navigation .ts-navbar__inner{gap:24px}
.ts5886-navigation .ts-navbar__menu{gap:clamp(12px,1.3vw,20px)}
.ts5886-navigation .ts-navbar__menu>li>a,.ts5886-navigation .ts5886-trigger{font-size:16px}
/* The EN adult menu needs a hamburger before eight labels can collide. */
@media(max-width:1100px){
 .ts5886-navigation .ts-navbar__inner{flex-wrap:wrap;gap:12px}
 .ts5886-navigation .ts-navbar__logo{order:1}
 .ts5886-navigation .ts-navbar__actions{order:2;margin-left:auto}
 .ts5886-navigation .ts-navbar__burger{display:flex;order:3;margin-left:0}
 .ts5886-navigation .ts-navbar__nav{display:none;order:5;width:100%;flex:0 0 100%;border-top:1px solid #eee;margin-top:10px;max-height:calc(100dvh - 160px);overflow-y:auto}
 .ts5886-navigation .ts-navbar__nav.is-open{display:block}
 .ts5886-navigation .ts-navbar__menu{flex-direction:column;align-items:stretch;gap:0;padding:8px 0}
 .ts5886-navigation .ts-navbar__menu>li{width:100%}
 .ts5886-navigation .ts-navbar__menu>li>a,.ts5886-navigation .ts5886-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:17px;white-space:normal;border-bottom:1px solid #f0f0f0;width:100%}
 .ts5886-navigation .ts5886-group>.sub-menu{position:static;max-height:none;width:100%;max-width:none;margin:4px 0 8px;padding:6px;box-shadow:none}
 .ts5886-navigation .ts-navbar__menu>li:not(.ts5886-group)>.sub-menu{position:static;min-width:0;width:100%;padding:0 0 0 12px;display:none}
 .ts5886-navigation .ts-navbar__menu>li:not(.ts5886-group)>.sub-menu::before{display:none}
 .ts5886-navigation .ts-navbar__menu>li.is-open:not(.ts5886-group)>.sub-menu{display:block}
}
/* Keep the Kids page's independent header and mobile breakpoint. */
.kids-nav nav .ts5886-service-list{gap:20px;flex-shrink:0}
.kids-nav nav{gap:22px}
@media(min-width:1101px){.kids-nav .ts5886-search-ready{display:flex!important}.kids-nav .ts5886-trigger{font-size:15px}.kids-nav nav{font-size:15px;gap:20px}}
@media(max-width:1100px){
 .kids-nav nav .ts5886-service-list{display:block;width:100%}
 .kids-nav nav{max-height:calc(100dvh - 140px);overflow-y:auto;gap:0}
 .kids-nav nav>a{display:block;width:100%;padding:12px 0}
 .kids-nav .ts5886-trigger{width:100%;justify-content:space-between;padding:12px 0;font-size:18px;border-bottom:1px solid #f0f0f0}
 .kids-nav .ts5886-group>.sub-menu{position:static;width:100%;max-width:none;max-height:none;box-shadow:none;margin:4px 0 8px;padding:6px}
}

@media(min-width:1001px) and (max-width:1100px){
 .kids-header{height:114px}.kids-meta{height:40px}.kids-logo{margin-right:auto}
 .kids-menu-toggle{display:block;order:4;background:none;padding:10px;font-size:24px}
 .kids-nav nav{position:absolute;top:114px;left:0;right:0;background:white;border-radius:0 0 24px 24px;display:none;flex-direction:column;align-items:flex-start;padding:25px;font-size:18px;box-shadow:0 20px 25px #10427420}
 .kids-nav nav.is-open{display:flex}
}

/* Localized menus and the Kids page New Patient disclosure. */
.ts5886-patient-list{list-style:none;margin:0;padding:0;flex-shrink:0}
.kids-nav .ts5886-patient>.sub-menu{width:310px;left:auto;right:0}
[dir="rtl"] header .ts5886-group>.sub-menu{left:auto;right:0;text-align:right}
[dir="rtl"] header .ts5886-group .sub-menu li.menu-item-has-children>a{padding-right:12px;padding-left:48px}
[dir="rtl"] header .ts5886-expand{right:auto;left:3px}
[dir="rtl"] header .ts5886-group .sub-menu .sub-menu{margin-left:0;margin-right:12px}
[dir="rtl"] .ts5886-navigation .ts-navbar__actions{margin-left:0;margin-right:auto}
[dir="rtl"] .ts5886-navigation .ts-navbar__burger{margin-left:0;margin-right:0}
[dir="rtl"] .ts5886-navigation .ts-search-results{right:auto;left:0}
[dir="rtl"] header .ts5886-search-ready input{right:auto;left:0}
@media(max-width:1100px){.kids-nav .ts5886-patient-list{width:100%}.kids-nav .ts5886-patient>.sub-menu{width:100%;right:auto}}
/* Longer Russian labels need tighter spacing just above the hamburger breakpoint. */
@media(min-width:1101px) and (max-width:1200px){
 html[lang^="ru"] .ts5886-navigation .ts-navbar__inner{gap:12px}
 html[lang^="ru"] .ts5886-navigation .ts-navbar__menu{gap:8px}
 html[lang^="ru"] .ts5886-navigation .ts-navbar__menu>li>a,html[lang^="ru"] .ts5886-navigation .ts5886-trigger{font-size:14px}
}
