/* GiatLa.com.vn — ocean/linen UI. Layer after the source directory CSS. */
:root{--yellow:#0c7187;--yellow-2:#137f95;--ink:#16354a;--muted:#647786;--line:#e0eaf0;--soft:#f5fafb;--soft-yellow:#e7f6f8;--blue:#126e85;--green:#13845e;--container:1250px;--shadow:0 10px 30px rgba(17,76,95,.055)}
body.gl-site{background:#fff;color:#203b50;font-family:Inter,system-ui,sans-serif;font-size:14px}
.gl-site h1,.gl-site h2,.gl-site h3,.gl-site h4{letter-spacing:-.025em;font-weight:600!important;color:#14364a}
.gl-site a:hover{color:#0b7187}
.gl-topbar{background:#103b4d;color:#d8edf2;font-size:11px}
.gl-topbar .container{min-height:33px}.gl-topbar a{color:#dbf4f5}.gl-topbar a:hover{color:#fff}
.gl-header{border-bottom:1px solid #dceaf0;box-shadow:0 3px 16px rgba(19,77,88,.03)}
.gl-header .navrow{min-height:78px;height:auto}.gl-brand{min-width:235px;gap:11px}
.gl-brand-mark{transform:none;box-shadow:none;background:#0c7187;border:none;border-radius:14px;color:#fff;width:48px;height:48px;font-size:29px}
.gl-brand .brand-text strong{font-size:23px;letter-spacing:-.065em;color:#0d4d64}.gl-brand .brand-text strong span{color:#1ba6a4}
.gl-brand .brand-text small{font-size:10px;letter-spacing:.005em;color:#778c9b;margin-top:5px}
.gl-header .navlinks{gap:21px}.gl-header .navlinks a{color:#27495a;font-size:13px;font-weight:600;border-color:transparent;padding:27px 0}
.gl-header .navlinks a:hover,.gl-header .navlinks .current-menu-item>a{border-color:#15a5a5}
.gl-header .btn-register{background:#0c7187!important;color:#fff!important;padding:11px 16px!important;border-radius:9px!important}
.gl-header .btn-register:hover{background:#085d70!important}
.gl-hero{background-color:#e8f8f8!important;padding:0!important;min-height:420px;overflow:hidden;position:relative}
.gl-hero-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.65fr);align-items:center;min-height:420px;gap:34px;padding-top:50px;padding-bottom:52px}
.gl-hero-copy{position:relative;z-index:2;min-width:0}.gl-hero .hero-kicker{font-size:11px;color:#08788d;letter-spacing:.15em;font-weight:600;margin-bottom:13px}
.gl-hero h1{font-size:clamp(31px,3.9vw,53px)!important;max-width:700px;line-height:1.14;color:#113d50!important;letter-spacing:-.045em;margin:0 0 16px}
.gl-hero p{font-size:15px;line-height:1.8;max-width:620px;color:#496a79;margin:0 0 24px}
.gl-hero .searchbar{background:white;box-shadow:0 10px 28px rgba(22,103,114,.09);border:1px solid #c9e5e8;border-radius:12px;overflow:hidden;margin-top:0;max-width:790px}
.gl-hero .searchbar input{background:#fff;color:#163d51;min-width:0;font-size:14px}
.gl-hero .searchbar button,.gl-site .searchbar button{background:#0c7187;color:#fff;border-color:#0c7187;font-weight:600}
.gl-hero .searchbar button:hover,.gl-site .searchbar button:hover{background:#07586c}
.gl-hero .popular{margin-top:15px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#47687c;font-size:11px}
.gl-hero .popular a{background:#fff;border:1px solid #d0e9e8;padding:6px 9px;border-radius:20px;font-size:11px;color:#356679;white-space:nowrap}
.gl-hero .popular a:hover{border-color:#0a8297;background:#f6ffff}.gl-hero-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#338075;font-size:11px;font-weight:600}
.gl-hero-graphic{height:330px;position:relative;display:grid;place-items:center;isolation:isolate}
.gl-hero-graphic:before{content:"";position:absolute;z-index:-2;width:340px;height:340px;border-radius:50%;background:#c7eceb}
.gl-washer{width:238px;height:265px;background:linear-gradient(140deg,#fff,#edf8fa);border:9px solid #fff;border-radius:24px;box-shadow:0 25px 55px rgba(14,104,120,.18);position:relative;display:grid;place-items:center;transform:rotate(-6deg)}
.gl-washer-panel{position:absolute;top:14px;left:17px;right:17px;height:34px;display:block;border-bottom:2px solid #d8e9ed;text-align:right;color:#198397;font-size:13px;letter-spacing:5px}
.gl-washer-window{width:165px;height:165px;margin-top:38px;border-radius:50%;background:radial-gradient(circle at 65% 34%,#9fe5ea 0,#31a7c1 29%,#145d8c 72%,#0b4569 100%);border:11px solid #d8eff2;box-shadow:inset 0 0 0 5px #f4fdff;display:grid;place-items:center}
.gl-washer-window span{font-size:60px;color:#cefbff}.gl-bubble{position:absolute;border:3px solid #fff8;border-radius:50%;background:#aeedf2bb}.gl-bubble.b1{width:43px;height:43px;top:26px;right:14px}.gl-bubble.b2{width:28px;height:28px;bottom:45px;left:25px}.gl-bubble.b3{width:17px;height:17px;top:42px;left:65px}
.gl-floating-label{position:absolute;bottom:5px;right:0;transform:rotate(4deg);background:#fff;color:#08738b;box-shadow:0 9px 22px #17648114;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:600}
.gl-site .section{padding:54px 0}.gl-site .section.alt{background:#f5fafb}.gl-site .section-head{gap:18px;margin-bottom:23px}
.gl-site .section-head small,.gl-site .gl-owners-banner small{color:#0c8293;letter-spacing:.13em;font-weight:600;font-size:10px;text-transform:uppercase}
.gl-site .section-head h2{font-size:clamp(23px,2.4vw,31px);line-height:1.25;letter-spacing:-.038em;margin:6px 0 0}
.gl-site .section-head p{max-width:425px;color:#687b86;font-size:12px}
.gl-site .section-head>a{font-size:12px;color:#0b7890;font-weight:600}
.gl-site .tv-simple-directory{background:#fff;padding:39px 0 48px}
.gl-site .tv-directory-columns{gap:18px}
.gl-site .tv-directory-column{border:1px solid #deebee;border-radius:13px;box-shadow:0 4px 24px #134e5a06}
.gl-site .tv-directory-column h2{background:#eaf7f6;border-bottom:2px solid #51b7bd;color:#1a5562;font-size:16px;padding:16px 19px}
.gl-site .tv-directory-names{padding:5px 18px 12px}.gl-site .tv-directory-names a{font-size:12px;color:#315568;padding:9px 1px}
.gl-site .tv-directory-names a:hover{color:#00758a}.gl-site .tv-directory-empty{color:#8a9da6}
.gl-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.gl-service-tile{border:1px solid #dfebed;background:#fff;border-radius:13px;padding:21px 11px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:138px;box-shadow:0 2px 14px #113a4505;text-align:center;transition:transform .15s,box-shadow .15s,border-color .15s}
.gl-service-tile:hover{transform:translateY(-3px);border-color:#8bd7d5;box-shadow:0 15px 28px #124f5b11}
.gl-service-tile b{font-size:12px;line-height:1.45;font-weight:600;color:#2b4b5e;overflow-wrap:anywhere}
.gl-service-pict{display:grid;place-items:center;border-radius:18px;width:53px;height:53px;background:#e9f7f7;color:#088597;font-size:25px;font-weight:500}
.gl-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.gl-location-grid>a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid #e1edef;border-radius:10px;padding:14px 16px;font-size:12px;font-weight:600;color:#285163}
.gl-location-grid>a:hover{border-color:#60b9b9;color:#076c7f}.gl-location-grid>a span{border-radius:20px;background:#eff7f7;padding:2px 7px;font-size:10px;color:#7a969f}
.gl-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gl-model-grid>a{border:1px solid #dcecee;background:#fff;border-radius:14px;padding:22px;display:block;box-shadow:0 3px 19px #1a6b7708}
.gl-model-grid>a>span{display:grid;place-items:center;width:42px;height:42px;background:#e4f5f5;border-radius:12px;color:#087a8e;font-size:23px}
.gl-model-grid h3{font-size:16px;line-height:1.4;margin:16px 0 8px}
.gl-model-grid p{font-size:12px;line-height:1.7;color:#687e89;min-height:61px;margin:0 0 16px}
.gl-model-grid b{color:#087a90;font-size:12px;font-weight:600}
.gl-owners-banner{background:#e2f4f3;border:1px solid #c8e8e5;border-radius:18px;padding:29px 35px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.gl-owners-banner h2{font-size:24px;max-width:700px;margin:4px 0 10px}
.gl-owners-banner p{color:#5d7a83;margin:0;font-size:12px;max-width:740px}
.gl-main-cta,.gl-inline-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;background:#0c7187;color:#fff!important;border-radius:10px;font-weight:600;white-space:nowrap;font-size:12px}
.gl-main-cta:hover,.gl-inline-cta:hover{background:#095d70}
.gl-site .faq-list{max-width:920px;margin:0 auto}
.gl-site .faq-item{background:#fff;border-color:#e2e9eb;border-radius:9px}
.gl-filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}
.gl-filter-chip{border:1px solid #d6e8e9;border-radius:25px;padding:8px 12px;background:#f9fdfd;color:#276e7a;font-size:11px;font-weight:600}
.gl-filter-chip:hover{border-color:#0c8a96;background:#e8f7f8}
.gl-site .page-title{background:#f2fafa;border-bottom:1px solid #e0eded}
.gl-site .page-title h1{color:#134355}.gl-site .tv-view-button[aria-pressed="true"]{background:#0c7187;color:#fff}
.gl-site .tv-company-card--compact{border-color:#dce7ed;border-radius:12px;box-shadow:0 3px 15px #0c526708}
.gl-site .tv-company-card--compact.sponsored{border-left-color:#0ca39b}
.gl-site .tv-company-card__title a{color:#1d5266}.gl-site .tv-company-card__title a:hover{color:#007d94}
.gl-site .tv-company-card__logo{background:#eef8f8;border-color:#d6e9ea;border-radius:12px;color:#0e8a96}
.gl-site .tv-card-top .tv-quick-contact,.gl-site .tv-quick-contact{background:#0c7187;color:#fff;border-radius:8px}
.gl-site .tv-badge--verified{background:#e5f6ed;color:#108152;border-radius:14px}.gl-site .tv-badge--partner{background:#e9f5f9;color:#0b7390;border-radius:14px}
.gl-card-quickfacts{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:2px 0 10px}
.gl-card-quickfacts span{display:inline-flex;align-items:center;padding:5px 9px;background:#eff8f8;border:1px solid #e3eff1;border-radius:20px;color:#427382;font-size:10px;font-weight:500}
.gl-site .tv-company-card__contact-line{border-top:1px solid #edf1f4;padding-top:9px}
.gl-site .tv-company-card__contact-line .tv-contact-icon{color:#0c8ca1}
.gl-profile-highlights{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 10px}
.gl-profile-highlights span{font-size:12px;color:#15758b;background:#e7f8f7;border:1px solid #d2eceb;padding:7px 10px;border-radius:20px}
.gl-site .company-hero{background:#f1f9fa}.gl-site .profile-nav{border-color:#e1ecef}.gl-site .tv-profile-panel{border-color:#e1edef;border-radius:12px}
.gl-site .tv-company-product-links li a:hover{color:#00758a}
.gl-site .tv-contact-detail__icon{color:#078496;background:#e5f6f7}
.gl-site .tv-scroll-contact{border-radius:13px;border:1px solid #dcebee;box-shadow:0 6px 24px #15566b09}
.gl-site .tv-scroll-contact__header{background:#ecf8f8}
.gl-franchise-profile{border-left:4px solid #29a9a3!important}.gl-franchise-profile>p{font-size:13px;color:#526f7e}
.gl-page-heading{padding:46px 0!important}.gl-page-heading small{font-size:11px;color:#168c98;letter-spacing:.13em;font-weight:600}
.gl-page-heading p{max-width:810px;color:#607e8c;font-size:14px}
.gl-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.gl-info-grid h2{font-size:18px}.gl-info-grid p,.gl-readable p{font-size:13px;color:#5a7480;line-height:1.8}
.gl-readable{max-width:840px}.gl-az-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr);gap:20px;align-items:start}
.gl-register-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.3fr);gap:28px;align-items:start}
.gl-register-card{background:#fff}.gl-check-list{padding-left:18px;color:#486c7b;font-size:13px;line-height:2.3}
.gl-store-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-store-form label{font-size:12px;color:#436371}
.gl-form-note{font-size:11px;color:#77919b;margin:7px 0 0}
.gl-footer{background:#103b4d!important;color:#cfe5e9!important}.gl-footer h4,.gl-footer .footer-brand{color:#fff!important}
.gl-footer .footer-grid a{color:#cbe9ee}.gl-footer .footer-grid a:hover{color:#fff}
.gl-footer-note{font-size:11px;color:#a6cbd5}.gl-footer .copyright{color:#c0dfe6;border-top-color:#295363}
.gl-site .tv-mobile-bottom a{color:#245166}
/* Responsive: laptop 3 columns, tablet 2, mobile 1; 24 items/page independent of grid selection. */
@media(max-width:1100px){.gl-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gl-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-hero-inner{grid-template-columns:minmax(0,1.4fr) 280px;gap:12px}.gl-washer{transform:scale(.84) rotate(-6deg)}.gl-hero-graphic:before{width:265px;height:265px}.gl-site .tv-directory-columns{gap:10px}}
@media(max-width:800px){.gl-hero-inner{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:38px;padding-bottom:42px}.gl-hero-graphic{display:none}.gl-site .tv-directory-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gl-site .tv-directory-column h2{font-size:13px;padding:11px 12px}.gl-site .tv-directory-names{padding:4px 11px 11px}.gl-site .tv-directory-names a{font-size:11px}.gl-location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gl-owners-banner{flex-wrap:wrap}.gl-register-layout,.gl-az-layout{grid-template-columns:1fr}}
@media(max-width:680px){.gl-site .section{padding:35px 0}.gl-topbar{display:none}.gl-header .navrow{min-height:64px}.gl-brand .brand-text strong{font-size:19px}.gl-brand-mark{width:42px;height:42px}.gl-brand .brand-text small{font-size:9px}.gl-hero h1{font-size:33px!important}.gl-hero p{font-size:13px}.gl-hero-benefits{gap:7px 15px}.gl-hero .popular a{font-size:10px}.gl-hero-inner{padding-top:32px;padding-bottom:34px}.gl-site .tv-directory-columns{grid-template-columns:1fr;gap:13px}.gl-site .tv-directory-column h2{font-size:15px;padding:12px 16px}.gl-site .tv-directory-names{padding:4px 15px 10px}.gl-site .tv-directory-names a{font-size:12px}.gl-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gl-service-tile{min-height:112px;padding:13px 5px;gap:7px}.gl-service-pict{width:44px;height:44px;font-size:21px;border-radius:12px}.gl-service-tile b{font-size:11px}.gl-location-grid,.gl-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gl-location-grid>a{padding:10px 9px;font-size:11px}.gl-model-grid>a{padding:14px}.gl-model-grid h3{font-size:14px}.gl-model-grid p{font-size:11px;min-height:65px}.gl-owners-banner{padding:21px 18px}.gl-owners-banner h2{font-size:20px}.gl-owners-banner .gl-main-cta{width:100%}.gl-info-grid{grid-template-columns:1fr}.gl-store-form .form-grid{grid-template-columns:1fr}.gl-site .tv-company-card__title{font-size:15px}.gl-site .gl-card-quickfacts{margin-bottom:8px}}
@media(max-width:390px){.gl-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-location-grid{grid-template-columns:1fr}.gl-brand{min-width:0}.gl-brand .brand-text small{letter-spacing:0}.gl-model-grid{grid-template-columns:1fr}}

.gl-badge-franchise{display:inline-flex;align-items:center;gap:3px;background:#e7f5fb!important;color:#097b94!important;border-radius:14px;font-size:10px;padding:5px 8px}

.gl-sidebar-quickfilter form{display:grid;gap:11px}.gl-sidebar-quickfilter label{display:flex;align-items:center;gap:9px;font-size:12px;color:#426778;cursor:pointer}.gl-sidebar-quickfilter input{width:15px;height:15px;accent-color:#0c7187}.gl-filter-submit{border:0;border-radius:8px;background:#0c7187;color:white;font-size:12px;font-weight:600;padding:10px 13px}.gl-filter-submit:hover{background:#085c70}

.gl-hero .hero-kicker,.gl-hero h1,.gl-hero p,.gl-hero .popular,.gl-hero .gl-hero-benefits{text-align:left!important;margin-left:0!important;margin-right:0!important}
.gl-hero{border-bottom:1px solid #d3e7e8!important}
@media(max-width:680px){.gl-hero .popular{text-align:left!important}}

/* GiatLa v1.1: complete province directories and compact region navigation */
.gl-region-jump{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}
.gl-region-jump a{display:inline-flex;gap:12px;align-items:center;padding:12px 18px;border:1px solid #b9dfe2;border-radius:10px;font-size:14px;font-weight:600;color:#0b6278;background:#f1faf9}
.gl-region-jump small{font-size:11px;color:#53828a}
.gl-region-block{scroll-margin-top:110px;margin:25px 0 45px}
.gl-region-block .gl-location-grid a{min-height:48px}
.gl-region-name{background:none!important;padding:0!important;color:inherit!important;font-size:inherit!important}
.gl-all-location-link{text-align:right;margin:17px 0 0;font-weight:600}
.gl-all-location-link a{color:#087e8e}
.gl-header .navlinks .sub-menu{max-height:min(76vh,640px);overflow-y:auto}
.gl-header .navlinks .sub-menu a{padding:10px 13px!important;line-height:1.4}
@media (max-width:980px){.gl-header .navlinks{max-height:calc(100vh - 66px);overflow-y:auto}.gl-header .navlinks .sub-menu{max-height:none;overflow:visible}}

.gl-province-sidebar details{border-bottom:1px solid #e2e9ec;margin:0}
.gl-province-sidebar summary{cursor:pointer;color:#12586b;font-weight:600;padding:11px 3px;font-size:13px}
.gl-province-sidebar summary small{float:right;color:#718b95;font-size:11px}
.gl-province-sidebar .filter-list{padding-bottom:8px;max-height:320px;overflow-y:auto}
.gl-province-sidebar .filter-list a{padding:7px 8px;font-size:12px;border-radius:6px}
.gl-province-sidebar .filter-list a.active{background:#dff5f2;color:#056976}
.gl-sidebar-all-locations{display:block;padding-top:13px;font-size:12px;font-weight:600;color:#087f91}
@media (min-width:981px){
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu{width:min(840px,calc(100vw - 40px));left:auto;right:-90px;padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;max-height:none;overflow:visible;transform:translateY(7px)}
 .gl-header .navlinks>li.gl-menu-areas:hover>.sub-menu,.gl-header .navlinks>li.gl-menu-areas:focus-within>.sub-menu{transform:none}
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu>li>a{font-size:13px;color:#006e81;font-weight:600;border-bottom:1px solid #dce8ed!important;padding:8px 8px!important}
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu>li>.sub-menu{position:static;opacity:1;visibility:visible;display:block;border:0;box-shadow:none;transform:none;min-width:0;padding:5px 0 0;margin:0;max-height:none;overflow:visible}
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu>li>.sub-menu a{font-size:11.5px;padding:5px 8px!important;white-space:normal;color:#456877;line-height:1.3}
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu>li>.sub-menu a:hover{color:#03879a;background:#eaf9f8}
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu>li>a:after{display:none}
}
@media (max-width:980px){
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu{width:auto;max-height:none;overflow:visible;display:none}
 .gl-header .navlinks>li.gl-menu-areas.submenu-open>.sub-menu{display:block}
}

/* GiatLa v1.2: fixed working 3-level navigation; real province links */
.gl-header .navrow{overflow:visible!important}
.gl-header .navlinks li{position:relative;list-style:none}
.gl-header .navlinks>li.gl-menu-areas{position:relative}
.gl-header .gl-submenu-toggle{display:none;border:0;background:transparent;font:600 17px Inter,sans-serif;color:#08778a;cursor:pointer;line-height:1;padding:8px 11px;border-radius:7px}
.gl-header .gl-submenu-toggle:focus-visible,.gl-header .navlinks a:focus-visible{outline:2px solid #008da2;outline-offset:2px}
@media(min-width:981px){
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu{
  position:absolute!important;top:100%!important;right:0!important;left:auto!important;
  width:min(840px,calc(100vw - 32px))!important;
  max-height:min(78vh,680px)!important;overflow-y:auto!important;overflow-x:hidden!important;
  display:none!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;
  padding:18px!important;margin:0!important;opacity:1!important;visibility:visible!important;
  transform:none!important;border:1px solid #cce6e7;box-shadow:0 20px 55px rgba(9,63,85,.14);
  border-radius:0 0 14px 14px;z-index:1000
 }
 .gl-header .navlinks>li.gl-menu-areas:hover>.sub-menu,
 .gl-header .navlinks>li.gl-menu-areas:focus-within>.sub-menu,
 .gl-header .navlinks>li.gl-menu-areas.submenu-open>.sub-menu{display:grid!important}
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu>li>.sub-menu{
  position:static!important;display:block!important;opacity:1!important;visibility:visible!important;
  transform:none!important;width:100%!important;min-width:0!important;max-height:none!important;
  overflow:visible!important;box-shadow:none!important;border:0!important;padding:0!important;margin:4px 0 0!important
 }
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu>li>a{font-size:13px!important;color:#006e81!important;font-weight:600!important;padding:8px 9px!important;border-bottom:1px solid #dce8ed!important}
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu>li>.sub-menu a{font-size:12px!important;padding:8px 9px!important;white-space:normal!important;color:#315668!important;border-radius:5px}
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu>li>.sub-menu a:hover{background:#eaf8f7!important;color:#007385!important}
 .gl-header .navlinks>li.gl-menu-areas>.gl-submenu-toggle{display:inline-flex!important;font-size:14px;padding:4px 5px;margin-left:2px;vertical-align:middle}
 .gl-header .navlinks>li.gl-menu-areas>a:after{content:''!important}
}
@media(max-width:980px){
 .gl-header .navlinks{overflow-y:auto!important;max-height:calc(100dvh - 74px)!important;overscroll-behavior:contain}
 .gl-header .navlinks li{width:100%!important}
 .gl-header .navlinks li.menu-item-has-children>a{display:inline-flex!important;width:calc(100% - 44px)!important;box-sizing:border-box;min-height:44px;align-items:center}
 .gl-header .navlinks li.menu-item-has-children>a:after{content:''!important}
 .gl-header .gl-submenu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:38px;vertical-align:middle}
 .gl-header .navlinks li.menu-item-has-children>.sub-menu{display:none!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;border-left:2px solid #b5e6e3!important;padding:0 0 0 12px!important;margin:2px 0 8px 8px!important;max-height:none!important;overflow:visible!important}
 .gl-header .navlinks li.menu-item-has-children.submenu-open>.sub-menu{display:block!important}
 .gl-header .navlinks .sub-menu a{white-space:normal!important;line-height:1.5!important;padding:9px 8px!important}
 .gl-header .navlinks>li.gl-menu-areas>.sub-menu{width:auto!important;right:auto!important;left:auto!important}
}
