@import url('./dropdown-navigation.css');
.services-dropdown{position:relative;color:var(--ink,#17161b)}
.services-dropdown summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;height:39px;padding:8px 17px;border-radius:8px}
.services-dropdown summary::-webkit-details-marker{display:none}
.services-dropdown summary:focus-visible{outline:2px solid #7c6783;outline-offset:2px}
.services-dropdown[open] summary{background:#ebeaed}
.services-dropdown[open] summary span{transform:rotate(180deg)}
.services-dropdown__links{position:absolute;top:calc(100% + 12px);left:0;min-width:220px;padding:10px;background:#f2f1f4;border:1px solid #17161b20;border-radius:0;box-shadow:0 12px 32px #2b232d26}
.site-header nav .services-dropdown__links a{display:flex;width:100%;height:auto;min-height:42px;padding:12px;color:#17161b;white-space:nowrap}
.site-header nav .services-dropdown__links a:hover{background:#e9e8ec}
@media(max-width:1024px){
 .site-header nav:has(.services-dropdown[open]){justify-content:flex-start;padding-top:110px}
 .services-dropdown{color:white;text-align:center;flex:none}
 .services-dropdown summary{justify-content:center;font:400 46px/1.1 var(--sans);letter-spacing:-.02em;text-transform:none;height:auto;min-height:51px;padding:0}
 .services-dropdown summary span{font-size:22px}
 .services-dropdown[open] summary{background:none;color:var(--orchid)}
 .services-dropdown__links{position:static;min-width:0;padding:12px 0 8px;background:none;border:0;border-radius:0;box-shadow:none}
 .site-header nav .services-dropdown__links a{justify-content:center;font:400 23px/1.3 var(--sans);min-height:44px;padding:7px;color:#e7e6e9}
 .site-header nav .services-dropdown__links a:hover{background:none;color:var(--orchid)}
}