:root {
  --syc-bg: #090a12;
  --syc-panel: #171925;
  --syc-panel-2: #1d202d;
  --syc-line: #303446;
  --syc-text: #f6f7fb;
  --syc-muted: #a5abba;
  --syc-accent: #7c83ff;
  --syc-accent-2: #5de1ce;
  --syc-purple: #b46eea;
  --syc-shadow: 0 24px 70px rgba(0,0,0,.26);
}

html { scroll-behavior: smooth; }
body.syc-custom-shell { margin: 0; background: var(--syc-bg); color: var(--syc-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.syc-custom-shell *, .syc-custom-shell *::before, .syc-custom-shell *::after { box-sizing: border-box; }
.syc-custom-shell a { color: #aeb2ff; text-decoration: none; }
.syc-custom-shell a:hover { text-decoration: underline; }
.syc-shell-header { position: sticky; top: 0; z-index: 40; backdrop-filter: blur(18px); background: rgba(9,10,18,.88); border-bottom: 1px solid rgba(255,255,255,.07); }
.syc-shell-inner { width: min(1180px, calc(100% - 36px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.syc-shell-header .syc-shell-inner { min-height: 68px; }
.syc-brand { color: white !important; font-weight: 900; letter-spacing: -.02em; }
.syc-shell-header nav { display: flex; gap: 18px; flex-wrap: wrap; }
.syc-shell-header nav a { color: #c5c9d7; font-size: 14px; font-weight: 700; }
.syc-shell-footer { border-top: 1px solid rgba(255,255,255,.08); padding: 42px 0; color: var(--syc-muted); }
.syc-shell-footer .syc-shell-inner { display: block; }
.syc-shell-footer p { margin: 6px 0; }

.syc-site { background:
  radial-gradient(circle at 75% 2%, rgba(74,82,255,.20), transparent 30%),
  radial-gradient(circle at 44% 23%, rgba(118,41,143,.22), transparent 28%),
  radial-gradient(circle at 0% 48%, rgba(24,161,154,.12), transparent 24%),
  var(--syc-bg);
  min-height: 100vh;
}
.syc-container { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.syc-hero { padding: 68px 0 50px; }
.syc-hero-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 44px; align-items: center; }
.syc-kicker, .syc-eyebrow { margin: 0 0 10px; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 900; color: var(--syc-accent-2); }
.syc-hero h1 { font-size: clamp(48px, 7vw, 84px); line-height: .98; letter-spacing: -.055em; margin: 0 0 20px; }
.syc-lead { color: #c1c6d3; font-size: 19px; line-height: 1.7; margin: 0; max-width: 650px; }
.syc-hero-facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.syc-hero-facts span { border: 1px solid var(--syc-line); background: rgba(25,28,41,.72); color: #d5d9e5; padding: 8px 12px; border-radius: 999px; font-size: 13px; font-weight: 800; }

.syc-tool-card, .syc-copy-card, .syc-note-card, .syc-svg-card, .syc-example-card { background: rgba(27,30,43,.92); border: 1px solid var(--syc-line); border-radius: 26px; box-shadow: var(--syc-shadow); }
.syc-tool-card { padding: 28px; }
.syc-tool-title-row { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-bottom: 20px; }
.syc-tool-title-row h2 { margin: 0; font-size: 28px; letter-spacing: -.03em; }
.syc-reset-link { border: 0; background: transparent; color: #bdc2d2; font-weight: 800; cursor: pointer; }
.syc-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.syc-form-grid .syc-full { grid-column: 1 / -1; }
.syc-form-grid label, .syc-table-tools label { display: grid; gap: 8px; color: #c3c8d5; font-size: 13px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.syc-form-grid input, .syc-form-grid select, .syc-table-tools input { width: 100%; appearance: none; border: 1px solid #393d4f; background: #232634; color: white; border-radius: 14px; min-height: 50px; padding: 0 15px; font: inherit; }
.syc-form-grid input:focus, .syc-form-grid select:focus, .syc-table-tools input:focus { outline: 2px solid rgba(124,131,255,.6); outline-offset: 2px; }
.syc-action-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.syc-btn { border: 0; border-radius: 12px; min-height: 44px; padding: 0 17px; cursor: pointer; font-weight: 900; }
.syc-btn-primary { color: #0a0b11; background: linear-gradient(135deg, #7c83ff, #5de1ce); }
.syc-btn-secondary { color: #eef0f8; background: #262a39; border: 1px solid #3b4054; }
.syc-btn:disabled { opacity: .45; cursor: not-allowed; }
.syc-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 20px; }
.syc-results > div { background: #232634; border: 1px solid #34394c; border-radius: 14px; padding: 14px; }
.syc-results span { display: block; color: #8f97aa; text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 800; margin-bottom: 6px; }
.syc-results strong { font-size: 20px; color: white; }
.syc-results .syc-wide-result { grid-column: 1 / -1; }
.syc-vastu-inline { margin-top: 14px; padding: 16px; border-radius: 16px; border: 1px solid #4a315b; background: linear-gradient(135deg, rgba(110,59,126,.23), rgba(35,38,52,.9)); }
.syc-mini-label { color: #c2a8d3; text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 900; display: block; margin-bottom: 6px; }
.syc-vastu-inline p { color: #aeb4c4; font-size: 13px; line-height: 1.6; margin: 8px 0 0; }

.syc-page-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 0 0 28px; }
.syc-page-nav a { color: #cfd3df; border: 1px solid var(--syc-line); background: rgba(25,28,41,.75); border-radius: 999px; padding: 8px 12px; font-size: 13px; font-weight: 800; }
.syc-section { padding: 70px 0; border-top: 1px solid rgba(255,255,255,.07); }
.syc-section-head { max-width: 820px; margin: 0 auto 34px; text-align: center; }
.syc-section-head h2 { margin: 0 0 12px; font-size: clamp(34px, 5vw, 56px); line-height: 1.05; letter-spacing: -.045em; }
.syc-section-head > p:last-child { color: var(--syc-muted); font-size: 18px; line-height: 1.7; }
.syc-two-col, .syc-visual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; align-items: stretch; }
.syc-copy-card, .syc-note-card, .syc-svg-card { padding: 28px; }
.syc-copy-card p, .syc-note-card p { color: #b6bccb; line-height: 1.8; font-size: 16px; }
.syc-copy-card h3, .syc-note-card h3 { margin: 18px 0 4px; }
.syc-copy-card h3:first-child, .syc-note-card h3:first-child { margin-top: 0; }
.syc-fact-stack { display: grid; gap: 12px; }
.syc-fact-stack > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid var(--syc-line); background: rgba(27,30,43,.92); border-radius: 18px; padding: 24px; }
.syc-fact-stack span { color: var(--syc-muted); }
.syc-fact-stack strong { color: var(--syc-accent-2); font-size: 23px; }
.syc-formula-box { max-width: 800px; margin: 0 auto 28px; padding: 24px; border: 1px solid #3b4162; border-radius: 20px; background: linear-gradient(135deg, rgba(49,53,84,.7), rgba(25,27,40,.9)); text-align: center; }
.syc-formula-box span { display: block; color: #9ca4ba; font-size: 13px; text-transform: uppercase; letter-spacing: .1em; font-weight: 900; margin-bottom: 8px; }
.syc-formula-box strong { font-size: clamp(23px, 4vw, 34px); }
.syc-steps-grid, .syc-use-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.syc-steps-grid article, .syc-use-grid article { border: 1px solid var(--syc-line); border-radius: 20px; background: rgba(26,29,42,.88); padding: 22px; }
.syc-step-number { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #30365c; color: #c9ccff; font-weight: 900; }
.syc-steps-grid h3, .syc-use-grid h3 { margin: 16px 0 8px; }
.syc-steps-grid p, .syc-use-grid p { margin: 0; color: var(--syc-muted); line-height: 1.7; }
.syc-example-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.syc-example-card { padding: 24px; }
.syc-example-card h3 { margin: 0 0 12px; }
.syc-example-card p { color: #b6bccb; }
.syc-svg-card { text-align: center; }
.syc-svg-card svg { width: min(100%, 520px); height: auto; display: block; margin: 0 auto; }
.syc-svg-card > p { font-size: 24px; margin: 6px 0 0; }
.syc-compare-bars { display: grid; gap: 12px; margin-top: 22px; }
.syc-compare-bars > div { position: relative; overflow: hidden; border: 1px solid #383d52; border-radius: 12px; background: #222533; min-height: 44px; }
.syc-compare-bars span { position: relative; z-index: 2; line-height: 44px; padding-left: 13px; font-weight: 900; }
.syc-compare-bars i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, rgba(124,131,255,.38), rgba(93,225,206,.25)); }
.syc-inline-tool { max-width: 860px; margin: 0 auto; }
.syc-use-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }

.syc-table-tools { max-width: 440px; margin-bottom: 16px; }
.syc-table-jump-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.syc-table-wrap { overflow: auto; border: 1px solid var(--syc-line); border-radius: 22px; background: #181b27; max-height: 720px; }
.syc-reference-table { width: 100%; border-collapse: collapse; min-width: 850px; }
.syc-reference-table th, .syc-reference-table td { padding: 16px 18px; border-bottom: 1px solid rgba(255,255,255,.07); text-align: left; }
.syc-reference-table th { position: sticky; top: 0; z-index: 3; background: #222532; color: #c4cad8; text-transform: uppercase; font-size: 12px; letter-spacing: .08em; }
.syc-reference-table td { color: #b7bdcc; }
.syc-reference-table tr:hover td, .syc-reference-table tr.syc-row-highlight td { background: rgba(124,131,255,.13); color: white; }
.syc-pagination { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 18px; color: var(--syc-muted); }

.syc-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.syc-related-card { display: grid; gap: 6px; padding: 20px; border: 1px solid var(--syc-line); border-radius: 18px; background: rgba(26,29,42,.9); }
.syc-related-card strong { color: white; }
.syc-related-card span { color: var(--syc-muted); font-size: 14px; }
.syc-faq-list { max-width: 900px; margin: 0 auto; display: grid; gap: 10px; }
.syc-faq-list details { border: 1px solid var(--syc-line); background: rgba(26,29,42,.9); border-radius: 16px; padding: 0 18px; }
.syc-faq-list summary { cursor: pointer; list-style: none; font-weight: 900; padding: 20px 34px 20px 0; position: relative; }
.syc-faq-list summary::-webkit-details-marker { display: none; }
.syc-faq-list summary::after { content: '+'; position: absolute; right: 0; top: 17px; color: var(--syc-accent-2); font-size: 24px; }
.syc-faq-list details[open] summary::after { content: '−'; }
.syc-faq-list details p { color: #b4bac9; line-height: 1.75; margin: 0 0 20px; }

@media (max-width: 900px) {
  .syc-hero-grid, .syc-two-col, .syc-visual-grid { grid-template-columns: 1fr; }
  .syc-steps-grid, .syc-use-grid, .syc-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .syc-shell-header nav { display: none; }
}
@media (max-width: 640px) {
  .syc-container, .syc-shell-inner { width: min(100% - 22px, 1180px); }
  .syc-hero { padding-top: 44px; }
  .syc-hero h1 { font-size: 50px; }
  .syc-form-grid, .syc-results, .syc-example-grid, .syc-steps-grid, .syc-use-grid, .syc-related-grid { grid-template-columns: 1fr; }
  .syc-form-grid .syc-full, .syc-results .syc-wide-result { grid-column: auto; }
  .syc-tool-card { padding: 20px; border-radius: 20px; }
  .syc-section { padding: 54px 0; }
  .syc-section-head h2 { font-size: 37px; }
  .syc-section-head > p:last-child { font-size: 16px; }
  .syc-page-nav { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
  .syc-page-nav a { white-space: nowrap; }
  .syc-pagination { flex-wrap: wrap; }
}

/* Suite-wide category navigation */
.syc-shell-nav-inner{position:relative}.syc-primary-nav{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.syc-nav-home,.syc-nav-menu>summary{color:#c5c9d7;font-size:13px;font-weight:800;padding:9px 10px;border-radius:10px;white-space:nowrap}.syc-nav-menu{position:relative}.syc-nav-menu>summary{cursor:pointer;list-style:none}.syc-nav-menu>summary::-webkit-details-marker{display:none}.syc-nav-menu>summary::after{content:'▾';margin-left:6px;color:#7f879b}.syc-nav-menu[open]>summary,.syc-nav-menu>summary:hover,.syc-nav-home:hover{background:#202331;color:#fff;text-decoration:none}.syc-nav-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:min(340px,82vw);max-height:65vh;overflow:auto;padding:10px;background:#141722;border:1px solid #34394c;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.42);display:grid;gap:3px}.syc-nav-dropdown a{display:block;padding:9px 10px;border-radius:9px;color:#cdd2df!important;font-size:13px!important;line-height:1.3}.syc-nav-dropdown a:hover{background:#232736;color:#fff!important;text-decoration:none}.syc-nav-mega .syc-nav-dropdown{width:min(720px,90vw);grid-template-columns:repeat(2,minmax(0,1fr))}.syc-nav-menu:last-child .syc-nav-dropdown{left:auto;right:0}.syc-home-tool-group{margin-top:34px}.syc-home-tool-group>h3{font-size:24px;margin:0 0 14px}.syc-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:26px}.syc-footer-grid>div{display:flex;flex-direction:column;gap:7px}.syc-footer-grid a{color:#adb4c7;font-size:13px}.syc-footer-grid strong{color:#fff;margin-bottom:4px}.syc-footer-copy{border-top:1px solid rgba(255,255,255,.07);padding-top:20px;margin-top:28px!important}
@media(max-width:1050px){.syc-shell-nav-inner{align-items:flex-start;flex-direction:column;padding:12px 0}.syc-primary-nav{width:100%;overflow-x:auto;padding-bottom:4px}.syc-nav-dropdown{top:100%}.syc-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.syc-shell-header nav.syc-primary-nav{display:flex}.syc-nav-menu{position:static}.syc-nav-dropdown{position:absolute;left:0!important;right:0!important;top:100%;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))}.syc-shell-header{position:relative}.syc-shell-nav-inner{position:relative}}
@media(max-width:640px){.syc-nav-dropdown{grid-template-columns:1fr}.syc-footer-grid{grid-template-columns:1fr}.syc-primary-nav{gap:4px}.syc-nav-home,.syc-nav-menu>summary{font-size:12px;padding:8px}}

/* v1.3.1 header + visibility fixes */
body.syc-custom-shell .syc-site h1,
body.syc-custom-shell .syc-site h2,
body.syc-custom-shell .syc-site h3,
body.syc-custom-shell .syc-site h4,
body.syc-custom-shell .syc-site h5,
body.syc-custom-shell .syc-site h6,
body.syc-custom-shell .syc-copy-card h2,
body.syc-custom-shell .syc-copy-card h3,
body.syc-custom-shell .syc-note-card h2,
body.syc-custom-shell .syc-note-card h3,
body.syc-custom-shell .syc-example-card h2,
body.syc-custom-shell .syc-example-card h3,
body.syc-custom-shell .syc-home-tool-group > h3,
body.syc-custom-shell .syc-section-head h2,
body.syc-custom-shell .syc-tool-title-row h2,
body.syc-custom-shell .syc-reference-table th,
body.syc-custom-shell .syc-faq-list summary,
body.syc-custom-shell .syc-footer-grid strong,
body.syc-custom-shell .syc-brand {
  color: #ffffff !important;
  opacity: 1 !important;
}

body.syc-custom-shell .syc-section-head h2,
body.syc-custom-shell .syc-home-tool-group > h3,
body.syc-custom-shell .syc-tool-title-row h2 {
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
}

body.syc-custom-shell .syc-shell-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(9, 10, 18, .96);
  backdrop-filter: blur(18px);
}

body.syc-custom-shell .syc-shell-nav-inner {
  position: relative;
  min-height: 76px;
  gap: 18px;
  flex-wrap: nowrap;
}

body.syc-custom-shell .syc-brand {
  flex: 0 0 auto;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 900;
  max-width: 260px;
}

body.syc-custom-shell .syc-primary-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: visible;
  padding: 8px 0;
  scrollbar-width: thin;
}

body.syc-custom-shell .syc-primary-nav::-webkit-scrollbar {
  height: 6px;
}

body.syc-custom-shell .syc-primary-nav::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.14);
  border-radius: 999px;
}

body.syc-custom-shell .syc-nav-item {
  position: relative;
  flex: 0 0 auto;
  padding-bottom: 12px;
  margin-bottom: -12px;
}

body.syc-custom-shell .syc-nav-trigger,
body.syc-custom-shell .syc-nav-home {
  appearance: none;
  border: 0;
  background: transparent;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
  padding: 11px 14px;
  border-radius: 12px;
  white-space: nowrap;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  text-decoration: none !important;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

body.syc-custom-shell .syc-nav-has-dropdown > .syc-nav-trigger::after {
  content: '▾';
  margin-left: 7px;
  color: #b9c1d8;
  font-size: 12px;
}

body.syc-custom-shell .syc-nav-home:hover,
body.syc-custom-shell .syc-nav-home:focus,
body.syc-custom-shell .syc-nav-trigger:hover,
body.syc-custom-shell .syc-nav-trigger:focus,
body.syc-custom-shell .syc-nav-has-dropdown:hover > .syc-nav-trigger,
body.syc-custom-shell .syc-nav-has-dropdown:focus-within > .syc-nav-trigger {
  background: #1b2131;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  outline: none;
}

body.syc-custom-shell .syc-nav-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 1000;
  width: min(360px, 84vw);
  max-height: 68vh;
  overflow: auto;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid #34394c;
  background: #111522;
  box-shadow: 0 22px 60px rgba(0,0,0,.48);
  display: grid;
  gap: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

body.syc-custom-shell .syc-nav-has-dropdown:hover > .syc-nav-dropdown,
body.syc-custom-shell .syc-nav-has-dropdown:focus-within > .syc-nav-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

body.syc-custom-shell .syc-nav-dropdown a {
  display: block;
  padding: 11px 12px;
  border-radius: 12px;
  color: #f5f7ff !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none !important;
}

body.syc-custom-shell .syc-nav-dropdown a:hover,
body.syc-custom-shell .syc-nav-dropdown a:focus {
  background: #1d2333;
  color: #ffffff !important;
  outline: none;
}

body.syc-custom-shell .syc-nav-mega > .syc-nav-dropdown {
  width: min(760px, 92vw);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.syc-custom-shell .syc-nav-item:last-child > .syc-nav-dropdown,
body.syc-custom-shell .syc-nav-mega:last-child > .syc-nav-dropdown {
  left: auto;
  right: 0;
}

body.syc-custom-shell .syc-lead,
body.syc-custom-shell .syc-copy-card p,
body.syc-custom-shell .syc-note-card p,
body.syc-custom-shell .syc-example-card p,
body.syc-custom-shell .syc-section-head > p:last-child,
body.syc-custom-shell .syc-reference-table td,
body.syc-custom-shell .syc-footer-grid a,
body.syc-custom-shell .syc-shell-footer p {
  color: #c8cfde;
}

@media (max-width: 1100px) {
  body.syc-custom-shell .syc-shell-nav-inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 0;
  }

  body.syc-custom-shell .syc-brand {
    max-width: none;
    font-size: 24px;
  }

  body.syc-custom-shell .syc-primary-nav {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 900px) {
  body.syc-custom-shell .syc-nav-mega > .syc-nav-dropdown,
  body.syc-custom-shell .syc-nav-dropdown {
    width: min(540px, 92vw);
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.syc-custom-shell .syc-nav-trigger,
  body.syc-custom-shell .syc-nav-home {
    font-size: 13px;
    padding: 10px 12px;
  }

  body.syc-custom-shell .syc-brand {
    font-size: 22px;
  }
}

/* v1.3.2 simplified header: only Conversion Hub, Construction Calculators, Legal Pages */
body.syc-custom-shell {
  overflow-x: clip;
}

body.syc-custom-shell .syc-shell-header {
  overflow: visible;
}

body.syc-custom-shell .syc-shell-nav-inner {
  min-height: 74px;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

body.syc-custom-shell .syc-primary-nav {
  width: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
  overflow: visible !important;
  padding: 0;
}

body.syc-custom-shell .syc-nav-item {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

body.syc-custom-shell .syc-nav-trigger {
  font-size: 15px;
  padding: 11px 14px;
}

body.syc-custom-shell .syc-nav-mega > .syc-nav-dropdown {
  left: 0;
  right: auto;
  width: min(760px, calc(100vw - 40px));
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.syc-custom-shell .syc-primary-nav .syc-nav-item:nth-last-child(1) > .syc-nav-dropdown,
body.syc-custom-shell .syc-primary-nav .syc-nav-item:nth-last-child(2) > .syc-nav-dropdown {
  left: auto;
  right: 0;
}

@media (max-width: 900px) {
  body.syc-custom-shell .syc-shell-nav-inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 0;
  }

  body.syc-custom-shell .syc-primary-nav {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
  }

  body.syc-custom-shell .syc-nav-item {
    position: relative;
  }

  body.syc-custom-shell .syc-nav-dropdown,
  body.syc-custom-shell .syc-nav-mega > .syc-nav-dropdown {
    left: 0 !important;
    right: auto !important;
    width: min(520px, calc(100vw - 28px));
    grid-template-columns: 1fr;
  }
}