/* Shared Markosan header. Palette sampled from the supplied original logo. */
.topbar .topbar-social { display:flex; align-items:center; gap:4px; flex-shrink:0; }
.topbar .topbar-social a { display:flex; align-items:center; justify-content:center; width:32px; height:32px; color:#e52182; border-radius:4px; --social-icon-cutout:#f3f7fa; }
.topbar .topbar-social svg { width:17px; height:17px; fill:currentColor; }
.topbar .topbar-social a:hover,.topbar .topbar-social a:focus-visible { background:#e52182; color:#fff; --social-icon-cutout:#e52182; outline-offset:2px; }
@media(max-width:1100px) { .topbar > .container { flex-wrap:wrap; gap:0 18px; } .topbar .topbar-social { margin-left:auto; padding-block:4px; } }
@media(max-width:767px) { .topbar .topbar-social { width:100%; justify-content:center; margin:0; border-top:1px solid #ffffff30; } .topbar .topbar-social a { color:#e52182; --social-icon-cutout:#f3f7fa; } .topbar .topbar-social { background:#f3f7fa; } }
:root {
  --header-blue: #0f77bd;
  --header-cyan: #14aae2;
  --header-orange: #f08143;
  --header-amber: #f5a145;
  --header-pink: #e52182;
  --header-ink: #18374d;
  --header-line: #dce7ee;
}

.topbar {
  background: #f3f7fa;
  color: #41596b;
  font: 500 .8125rem/1.5 var(--font-body);
}
.topbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  max-width: 1440px;
  min-height: 42px;
}
.topbar .item, .topbar a { display: flex; align-items: center; gap: .5rem; }
.topbar .item { padding-block: .5rem; }
.topbar .item .material-symbols-outlined { color: var(--header-blue); }
.topbar .material-symbols-outlined { flex: 0 0 auto; font-size: 17px; }
.topbar-contact {
  position: relative;
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 1.5rem;
  padding: .25rem 1.5rem .25rem 2rem;
  background: var(--header-blue);
  color: #fff;
  isolation: isolate;
}
.topbar-contact::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 -18px;
  width: 36px;
  background: var(--header-blue);
  transform: skewX(28deg);
  z-index: -1;
}
.topbar-contact a { min-height: 32px; white-space: nowrap; }
.topbar-contact a + a { border-left: 1px solid #ffffff45; padding-left: 1.5rem; }
.topbar-contact a:hover { text-decoration: underline; text-underline-offset: 4px; }

.navbar {
  position: sticky;
  top: 0;
  z-index: 50;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid var(--header-line);
  box-shadow: 0 4px 18px #18374d08;
}
.navbar::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--header-blue) 0 64%, var(--header-cyan) 64% 80%, var(--header-orange) 80% 93%, var(--header-pink) 93% 100%);
  pointer-events: none;
}
.navbar .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 98px;
  max-width: 1440px;
}
.brand-logo { display: flex; align-items: center; flex-shrink: 0; }
.brand-logo img { display: block; width: 238px; height: auto; aspect-ratio: 1488 / 453; object-fit: contain; }
.nav-links { display: flex; align-items: center; justify-content: center; gap: .25rem; margin-left: auto; }
.nav-item { position: static; }
.nav-link, .nav-item > button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 48px;
  padding: .75rem .75rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--header-ink);
  font: 600 .875rem/1.5 'Plus Jakarta Sans', sans-serif;
  white-space: nowrap;
  cursor: pointer;
  transition: color .18s ease;
}
.nav-link::after, .nav-item > button::after {
  content: '';
  position: absolute;
  right: .75rem;
  bottom: 3px;
  left: .75rem;
  height: 2px;
  background: var(--header-cyan);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}
.nav-link:hover, .nav-item > button:hover, .nav-item > button[aria-expanded=true] { color: var(--header-blue); }
.nav-link:hover::after, .nav-item > button:hover::after, .nav-item > button[aria-expanded=true]::after { transform: scaleX(1); }
.nav-link.active, .nav-link[aria-current=page], .nav-item > button[data-current=true] { color: var(--header-blue); }
.nav-link.active::after, .nav-link[aria-current=page]::after, .nav-item > button[data-current=true]::after { background: var(--header-pink); transform: scaleX(1); }
.nav-symbol { font-size: 18px; color: var(--header-blue); transition: transform .18s ease; }
.mega-trigger[aria-expanded=true] > .nav-symbol { transform: rotate(180deg); }
.nav-actions { display: flex; align-items: center; gap: .75rem; flex-shrink: 0; }
.navbar .nav-actions > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  min-height: 46px;
  padding: .75rem 1.15rem;
  border: 1px solid var(--header-orange);
  border-radius: 3px;
  background: var(--header-orange);
  color: #282017;
  box-shadow: none;
  font: 700 .875rem/1.5 var(--font-body);
  white-space: nowrap;
  transition: background .18s ease, border-color .18s ease;
}
.navbar .nav-actions > .btn:hover { background: var(--header-amber); border-color: var(--header-amber); transform: none; }
.nav-actions .quote-short { display: none; }
.mobile-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--header-line); border-radius: 3px; background: #fff; color: var(--header-blue); }
.mobile-toggle[aria-expanded=true] { background: #eaf5fb; border-color: var(--header-blue); }
.navbar :is(a, button):focus-visible, .mobile-drawer :is(a, summary):focus-visible { outline: 2px solid var(--header-blue); outline-offset: 4px; }
.topbar a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* Desktop menus share the header width and stay within the viewport. */
.mega-dropdown.mega-wide {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  width: 100%;
  max-height: calc(100dvh - 150px);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--header-line);
  border-top: 3px solid var(--header-cyan);
  border-radius: 0 0 6px 6px;
  background: #fff;
  box-shadow: 0 18px 32px #18374d18;
}
.mega-dropdown[hidden], .product-panel[hidden], .mobile-drawer[hidden] { display: none !important; }
.mega-intro { padding: 2rem; background: #eef7fc; }
.mega-intro > span { color: var(--header-blue); font-size: .75rem; font-weight: 700; letter-spacing: .08em; }
.mega-intro h3 { color: var(--header-ink); font-size: 1.5rem; line-height: 1.4; margin: 1rem 0; }
.mega-intro > a { color: var(--header-blue); font-size: .875rem; }
.service-menu-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: 1.5rem; }
.mega-item { display: flex; align-items: flex-start; gap: .875rem; padding: 1rem; border-radius: 3px; }
.mega-item .material-symbols-outlined { color: var(--header-blue); font-size: 24px; }
.mega-item strong { display: block; color: var(--header-ink); font-size: 1rem; font-weight: 600; }
.mega-item .desc { display: block; color: #50677a; font-size: .875rem; line-height: 1.5; margin-top: .3rem; }
.mega-item:hover, .mega-item:focus-visible { background: #edf7fc; }
.mega-item:hover strong { color: var(--header-blue); }
.product-tabs { display: flex; flex-direction: column; gap: .35rem; padding: 1.25rem .75rem; border-right: 1px solid var(--header-line); background: #f4f8fb; }
.product-tabs button { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .875rem .75rem; border: 0; border-radius: 3px; background: transparent; color: var(--header-ink); text-align: left; font: 600 .875rem/1.5 var(--font-body); }
.product-tabs button:hover { background: #e4f1fa; }
.product-tabs button[aria-selected=true] { background: var(--header-blue); color: #fff; }
.product-panels { padding: 1.75rem 2rem; }
.product-panel h3 { font-size: 1.5rem; color: var(--header-ink); margin: 0 0 1.5rem; }
.product-group-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.product-group h4 { font-size: .9375rem; color: var(--header-ink); margin: 0 0 .625rem; }
.product-group a { display: block; padding: .375rem 0; color: #41596b; font-size: .875rem; line-height: 1.6; break-inside: avoid; }
.product-group a:hover { color: var(--header-blue); text-decoration: underline; text-underline-offset: 3px; }
#product-panel-0 .product-group { grid-column: 1 / -1; columns: 3; }
#product-panel-0 .product-group h4 { column-span: all; }
.category-cta { display: inline-flex; gap: 1rem; margin-top: 1.5rem; padding: .75rem 1rem; border: 1px solid var(--header-line); border-radius: 3px; color: var(--header-blue); font-size: .875rem; }
.category-cta:hover { background: #edf7fc; }

.mobile-drawer { display: none; }
@media (max-width: 1199px) {
  .topbar .container { gap: 1rem; }
  .topbar .item { font-size: .75rem; max-width: 48%; }
  .topbar-contact { gap: 1rem; padding-inline: 1rem; }
  .topbar-contact a + a { padding-left: 1rem; }
  .navbar .container { min-height: 90px; gap: 1rem; }
  .brand-logo img { width: 225px; }
  .nav-links { display: none; }
  .mobile-toggle { display: inline-flex; }
  .nav-actions { margin-left: auto; }
  .mobile-drawer.open {
    position: fixed;
    top: var(--markosan-menu-top, 90px);
    right: 0;
    left: 0;
    z-index: 49;
    display: block;
    max-height: calc(100dvh - var(--markosan-menu-top, 90px));
    overflow: auto;
    overscroll-behavior: contain;
    padding: 1rem max(1.25rem, calc((100vw - 1344px) / 2)) 1.5rem;
    background: #fff;
    border-bottom: 3px solid var(--header-blue);
    box-shadow: 0 16px 24px #18374d1a;
  }
  .mobile-drawer a { display: block; padding: .75rem .5rem; color: var(--header-ink); font-size: .9375rem; line-height: 1.5; }
  .mobile-drawer a:hover, .mobile-drawer summary:hover { color: var(--header-blue); background: #edf7fc; }
  .mobile-drawer a[aria-current=page] { color: var(--header-blue); font-weight: 700; border-left: 3px solid var(--header-pink); }
  .mobile-drawer details { border-top: 1px solid var(--header-line); padding-block: .25rem; }
  .mobile-drawer summary { padding: .75rem .5rem; color: var(--header-ink); font-size: .9375rem; font-weight: 600; cursor: pointer; }
  .mobile-drawer details > a { padding-left: 1.25rem; }
  .mobile-category { margin-left: 1rem; }
  .mobile-category .product-group { padding: .75rem; }
  .mobile-drawer .product-group a { font-size: .875rem; }
}
@media (max-width: 767px) {
  .topbar { background: var(--header-blue); }
  .topbar .container { min-height: 38px; padding-inline: 1rem; }
  .topbar .item { display: none; }
  .topbar-contact { width: 100%; justify-content: space-between; gap: .75rem; padding: 0; font-size: .75rem; }
  .topbar-contact::before { display: none; }
  .topbar-contact a { min-height: 38px; }
  .topbar-contact a + a { border: 0; padding-left: 0; }
  .topbar .material-symbols-outlined { font-size: 15px; }
  .navbar .container { min-height: 80px; padding-inline: 1rem; gap: .75rem; }
  .brand-logo img { width: 190px; }
  .nav-actions { gap: .5rem; }
}
@media (max-width: 600px) {
  .brand-logo img { width: clamp(140px, 44vw, 190px); }
  .navbar .nav-actions > .btn { min-height: 44px; padding: .625rem .75rem; font-size: .875rem; }
  .nav-actions .quote-full, .nav-actions > .btn .material-symbols-outlined { display: none; }
  .nav-actions .quote-short { display: inline; }
}
@media (max-width: 359px) {
  .navbar .container { gap: .5rem; padding-inline: .75rem; }
  .topbar .container { padding-inline: .75rem; }
  .topbar-contact { gap: .25rem; }
  .topbar a { gap: .25rem; }
  .nav-actions { gap: .375rem; }
  .navbar .nav-actions > .btn { padding-inline: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .navbar *, .navbar *::after { transition: none !important; }
}

/* Consistent menu typography across desktop, mega menus and mobile. */
.navbar .mega-dropdown, .navbar .product-tabs button, .mobile-drawer { font-family: 'Plus Jakarta Sans', sans-serif; }
.mobile-drawer > a, .mobile-drawer summary { font-weight: 600; }
/* Header spacing and accessible site search. */
@media(min-width:768px){.topbar .topbar-social{margin-left:auto;margin-right:20px}.topbar .container{justify-content:flex-start}.topbar-contact{flex-shrink:0}}
@media(min-width:1200px){.navbar .nav-links{margin-right:18px}.navbar .container{gap:16px}.nav-link,.nav-item>button{padding-inline:9px}}
.site-search-toggle{border:0;background:transparent;color:var(--header-blue);display:inline-flex;align-items:center;justify-content:center;width:40px;height:44px;cursor:pointer;flex-shrink:0}.site-search-toggle:hover{color:var(--header-pink);background:#fdf0f6}
.site-search-dialog{width:min(600px,calc(100vw - 32px));max-height:80vh;padding:28px;border:1px solid #dce7ee;border-radius:12px;color:#18374d;background:white;box-shadow:0 20px 70px #18374d30}.site-search-dialog::backdrop{background:#18374d88}.site-search-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-search-heading h2{font-size:24px;margin:0 0 20px}.site-search-close{border:0;background:none;font-size:30px;color:#e52182;cursor:pointer}.site-search-dialog label{display:block;margin-bottom:8px}.site-search-dialog input{width:100%;padding:14px;border:1px solid #9eb9cd;border-radius:5px;font:inherit}.site-search-dialog input:focus{outline:2px solid #0f77bd;outline-offset:2px}.site-search-status{font-size:13px;margin:16px 0;color:#50677a}.site-search-results{list-style:none;padding:0;margin:0}.site-search-results a{display:block;padding:12px;border-bottom:1px solid #edf2f6;color:#0f77bd}.site-search-results a:hover{background:#fdf0f6;color:#e52182}
@media(max-width:600px){.navbar .container{gap:6px}.nav-actions{gap:2px}.site-search-toggle{width:32px}.brand-logo img{width:clamp(120px,36vw,170px)}}

/* Stitch reference: compact navigation and rounded product panels. */
:root{--header-blue:#0d73b7;--header-orange:#e76c38;--header-ink:#334155;--header-line:#e2e8f0;--header-font:'Inter',sans-serif}
.topbar,.navbar,.navbar .mega-dropdown,.navbar .product-tabs button,.mobile-drawer{font-family:var(--header-font)}
.topbar{background:#f8fafc;color:#475569;font-size:12px;border-bottom:1px solid var(--header-line)}
.topbar>.container{max-width:1600px;min-height:40px;padding-inline:32px;gap:24px;flex-wrap:nowrap}
.topbar .item{margin-right:auto;padding-block:8px}
.topbar .topbar-social{margin:0;gap:4px;padding:0}
.topbar .topbar-social a{width:28px;height:32px;border-radius:6px;--social-icon-cutout:#f8fafc}
.topbar .topbar-social svg{width:15px;height:15px}
.topbar-contact{gap:24px;padding:0 24px 0 36px;background:#0970b8;clip-path:polygon(25px 0,100% 0,100% 100%,0 100%)}
.topbar-contact:before{display:none}
.topbar-contact a{min-height:40px;font-weight:600}
.topbar-contact a+a{border:0;padding-left:0}
.navbar{box-shadow:0 2px 8px #18374d06}
.navbar:after{height:2px;background:linear-gradient(90deg,#e76c38 0 25%,#0d73b7 25% 65%,#14aae2 65% 85%,#e52182 85%)}
.navbar>.container{max-width:1600px;min-height:80px;padding-inline:32px;gap:24px}
.brand-logo img{width:auto;height:44px}
.navbar .nav-links{gap:8px;margin-right:0}
.navbar .nav-link,.navbar .nav-item>button{min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:999px;color:var(--header-ink);font:600 15px/1.5 var(--header-font);transition:color .18s,background .18s,border-color .18s}
.navbar .nav-link:after,.navbar .nav-item>button:after{display:none}
.navbar .nav-link:hover,.navbar .nav-item>button:hover,.navbar .nav-item>button[aria-expanded=true]{color:var(--header-blue);background:#f0f9ff;border-color:#e0f2fe}
.navbar .nav-link.active,.navbar .nav-link[aria-current=page],.navbar .nav-item>button[data-current=true]{color:var(--header-blue)}
.nav-symbol{font-size:17px;color:#94a3b8}
.mega-trigger[aria-expanded=true] .nav-symbol{color:var(--header-blue)}
.nav-actions{gap:24px}
.navbar .nav-actions>.btn{min-height:44px;padding:10px 22px;border:0;border-radius:6px;background:var(--header-orange);color:white;box-shadow:0 1px 3px #18374d12;font:700 14px/1.5 var(--header-font)}
.navbar .nav-actions>.btn:hover{background:#ce5828}
.nav-actions>.btn .material-symbols-outlined{font-size:18px}
.site-search-toggle{height:40px;border-radius:50%}
.site-search-toggle:hover{color:var(--header-blue);background:#f0f9ff}
.mobile-toggle{width:40px;height:40px;border-radius:8px}

.mega-dropdown.mega-wide{top:calc(100% + 8px);left:16px;right:16px;width:auto;grid-template-columns:minmax(250px,25%) minmax(0,1fr);max-height:calc(100dvh - var(--markosan-menu-top,120px) - 20px);border:1px solid var(--header-line);border-radius:16px;box-shadow:0 24px 42px -15px #00326438,0 0 1px 1px #00326408}
.product-sidebar{display:flex;flex-direction:column;padding:16px;background:#f8fafc;border-right:1px solid #edf2f7}
.mega-kicker{margin:8px 12px 14px;color:#718198;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.product-tabs{gap:4.2px;padding:0;border:0;background:transparent}
.product-tabs button{gap:12px;min-height:37.8px;padding:8.4px 16px;border-radius:12px;color:var(--header-ink);font:600 14px/1.5 var(--header-font)}
.product-tab-label{display:flex;align-items:center;gap:10px}
.product-tabs .material-symbols-outlined{color:#8999b0;font-size:17px;flex-shrink:0}
.product-tabs button>.material-symbols-outlined{color:#a8b8cb;font-size:16px}
.product-tabs button:hover{color:var(--header-blue);background:white}
.product-tabs button[aria-selected=true]{background:var(--header-blue);box-shadow:0 3px 5px #0d73b726;font-weight:700}
.product-tabs button[aria-selected=true] .material-symbols-outlined{color:white}
.mega-sidebar-note{display:flex;align-items:center;gap:8px;margin:auto 0 0;padding:18px 8px 0;border-top:1px solid #e9eef5;color:#64748b;font-size:12px}
.mega-sidebar-note .material-symbols-outlined{font-size:16px;color:var(--header-pink)}
.product-panels{display:flex;flex-direction:column;min-width:0;padding:28px 32px 20px}
.product-panel{flex:1}
.product-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #edf2f7}
.product-panel-heading>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.product-panel h3{margin:0;color:#243348;font:800 24px/1.25 var(--header-font);letter-spacing:-.025em}
.menu-category-badge{padding:3px 10px;border-radius:999px;background:#e0f2fe;color:#22516f;font-size:11px;font-weight:700;white-space:nowrap}
.product-panel-heading>p{margin:0;max-width:260px;color:#718198;font-size:12px;line-height:1.5;text-align:right}
.product-group-grid{gap:20px 24px}
.product-panel .product-group h4{margin:0 0 12px;color:#718198;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.product-panel .menu-product-link{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px;border:1px solid transparent;border-radius:12px;color:var(--header-ink);text-decoration:none}
.menu-product-link>span:first-child{min-width:0}
.menu-product-link strong{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:14px;line-height:1.5;font-weight:650}
.menu-product-link small{display:block;margin-top:3px;color:#718198;font-size:12px;line-height:1.5}
.menu-product-link>.material-symbols-outlined{color:#b2c0d1;font-size:16px;flex-shrink:0;transition:transform .18s}
.product-panel .menu-product-link:hover{background:#f8fafc;border-color:#edf2f7;color:var(--header-blue);text-decoration:none}
.menu-product-link:hover>.material-symbols-outlined{transform:translateX(3px);color:var(--header-blue)}
.menu-product-badge{padding:1px 5px;border-radius:3px;background:#fff8e6;color:#956117;font-size:9px;font-style:normal;font-weight:700;text-transform:uppercase}
#product-panel-0 .product-group{columns:auto;display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto repeat(3,minmax(64px,auto));gap:8px 20px}
#product-panel-0 .product-group h4{grid-column:1/-1;grid-row:1;margin-bottom:8px}
.category-cta{align-items:center;gap:12px;margin-top:22px;padding:10px 18px;border:1px solid #d8eefc;border-radius:12px;background:#f0f9ff;color:#22516f;font-size:14px;font-weight:700;box-shadow:0 2px 3px #005b9e05}
.category-cta:hover{background:var(--header-blue);color:white}
.mega-menu-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:18px;border-top:1px solid #edf2f7;color:#64748b;font-size:12px;font-weight:600}
.mega-menu-footer>div{display:flex;flex-wrap:wrap;gap:18px}
.mega-menu-footer span,.mega-menu-footer a{display:inline-flex;align-items:center;gap:6px}
.mega-menu-footer .material-symbols-outlined{font-size:16px;color:var(--header-blue)}
.mega-menu-footer>div>span:first-child .material-symbols-outlined{color:var(--header-orange)}
.mega-menu-footer>div>span:last-child .material-symbols-outlined{color:var(--header-pink)}
.mega-menu-footer a:hover{color:var(--header-blue)}

.mega-intro{display:flex;flex-direction:column;align-items:flex-start;padding:30px;background:#f8fafc;border-right:1px solid #edf2f7}
.mega-intro>span{color:#718198;font-size:11px;font-weight:800;letter-spacing:.06em}
.mega-intro h3{margin:24px 0;color:#243348;font-size:26px;line-height:1.35;letter-spacing:-.025em}
.mega-intro>a{margin-top:auto;padding:12px 0;color:var(--header-blue);font-size:14px;font-weight:650}
.service-menu-grid{gap:8.4px;padding:16.8px 24px}
.mega-item{gap:14px;padding:14px 20px;border:1px solid transparent;border-radius:12px}
.service-menu-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:10px;background:#f0f9ff;color:var(--header-blue)}
.service-menu-icon .material-symbols-outlined{font-size:23px}
.mega-item strong{color:#243348;font-size:15px;font-weight:700}
.mega-item .desc{margin-top:6px;color:#64748b;font-size:13px;line-height:1.6}
.mega-item:hover{background:#f8fafc;border-color:#edf2f7}

@media(max-width:1199px){
  .topbar>.container{gap:16px;padding-inline:24px}.topbar .item{font-size:11px;max-width:none}
  .topbar-contact{gap:14px;padding-right:16px;padding-left:30px}.topbar .topbar-social{gap:0}
  .navbar>.container{padding-inline:24px}.nav-actions{margin-left:auto;gap:12px}
  .mobile-drawer.open{left:16px;right:16px;max-height:calc(100dvh - var(--markosan-menu-top,80px) - 16px);padding:16px;border:1px solid var(--header-line);border-radius:0 0 16px 16px;box-shadow:0 18px 32px #18374d20}
  .mobile-drawer a,.mobile-drawer summary{padding:12px;border-radius:8px;font-size:14px}
  .mobile-drawer a[aria-current=page]{background:#f0f9ff;border:0}.mobile-drawer details[open]>summary{color:var(--header-blue);background:#f0f9ff}
}
@media(max-width:1000px){.topbar .item{display:none}.topbar .topbar-social{margin-left:auto}}
@media(max-width:767px){.topbar{background:#f8fafc}.topbar .topbar-social{width:auto;border:0;background:transparent}.topbar-contact{width:auto}.topbar .topbar-social a{--social-icon-cutout:#f8fafc}}
@media(max-width:600px){
  .topbar>.container{justify-content:center;flex-wrap:wrap;gap:0;padding:0}.topbar .topbar-social{margin:0;width:100%;justify-content:center}
  .topbar-contact{width:100%;justify-content:center;gap:18px;padding:0 12px;clip-path:none;font-size:11px}.topbar-contact a{min-height:34px}
  .navbar>.container{min-height:72px;padding-inline:16px;gap:8px}.brand-logo img{height:auto;width:clamp(116px,36vw,150px)}
  .nav-actions{gap:5px}.site-search-toggle{width:32px;height:40px}.navbar .nav-actions>.btn{min-height:40px;padding:8px 10px;font-size:12px}.mobile-toggle{width:36px}
}
@media(max-width:359px){.navbar>.container{padding-inline:12px}.nav-actions{gap:2px}}
.site-search-dialog{border-radius:16px}.site-search-dialog input,.site-search-results a{border-radius:8px}.site-search-results a:hover{background:#f0f9ff;color:var(--header-blue)}

/* Product navigation: compact service-style links with readable tab states. */
.navbar .product-tabs button[aria-selected=true],.navbar .product-tabs button[aria-selected=true]:hover{color:#fff;background:#0d73b7}
.navbar .product-tabs button[aria-selected=true] .product-tab-label{color:#fff}
.navbar .product-tabs button:hover:not([aria-selected=true]){color:#075b94;background:#e8f4fd}
.navbar .product-tabs button:focus-visible{outline:2px solid #e52182;outline-offset:2px}
.product-panels{padding-block:19.6px 14px}
.product-panel{display:flex;flex-direction:column}
.product-panel[hidden]{display:none}
.product-panel-heading{margin-bottom:11.2px;padding-bottom:11.2px}
.product-groups-flat{display:block}
.product-groups-flat .product-group,#product-panel-0 .product-group{display:grid;columns:auto;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:8.4px 12px}
.product-groups-promo{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#product-panel-2 .product-group{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-groups-promo .product-group{display:flex;flex-direction:column;gap:8.4px}
.product-panel .menu-product-link,.product-catalog .menu-product-link{display:flex;align-items:flex-start;justify-content:flex-start;gap:14px;min-height:0;padding:14px 20px;border:1px solid transparent;border-radius:12px;color:#334155;text-decoration:none}
.menu-product-link .service-menu-icon{width:42px;height:42px;flex-shrink:0;color:#0d73b7}
.menu-product-link .service-menu-icon .material-symbols-outlined{font-size:23px}
.menu-product-copy{min-width:0}
.menu-product-link strong{color:#243348;font-size:15px;line-height:1.5;font-weight:700}
.menu-product-link small{margin-top:4.2px;color:#64748b;font-size:13px;line-height:1.6}
.product-panel .menu-product-link:hover,.product-panel .menu-product-link:focus-visible,.product-catalog .menu-product-link:hover{background:#f8fafc;border-color:#e2e8f0}
.menu-product-link:hover strong{color:#0d73b7}
.product-groups-promo .menu-product-link{padding-inline:10px;gap:10px}
.category-menu-footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:14px;border-top:1px solid #edf2f7}
.product-group-grid{margin-bottom:18.2px}
.category-menu-footer a,.mega-sidebar-note{display:flex;align-items:center;gap:8px;color:#0d73b7;font-size:14px;font-weight:650;text-decoration:none}
.category-menu-footer a{padding:8.4px 0}
.category-menu-footer .material-symbols-outlined{font-size:18px}
.category-menu-footer a:hover,.mega-sidebar-note:hover{color:#b80a6b;text-decoration:underline}
.mega-sidebar-note{padding-top:12.6px;padding-bottom:8.4px}
.product-catalog{padding-block:48px 64px;color:#243348}
.product-catalog h1{font-size:clamp(28px,4vw,44px);margin:20px 0}
.product-catalog h2{font-size:26px;margin-bottom:24px}
.product-catalog>section{scroll-margin-top:110px;padding-block:32px;border-top:1px solid #e2e8f0}
.catalog-categories{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.catalog-categories a{padding:10px 14px;background:#edf7fc;color:#075b94;border-radius:8px}
.product-catalog .product-group h4{margin:0 0 12px;color:#475569}
@media(max-width:767px){.product-catalog .product-groups-flat .product-group,.product-catalog .product-groups-promo{grid-template-columns:1fr}.product-catalog .menu-product-link{padding:14px 0}.product-catalog{padding-top:28px}}