/* Approved A layout. Select classic in navigation-design.json to restore the old layout. */
.header[data-nav-design="aligned-a"] { --nav-guide: #12657a; --nav-strong: #172c36; }
.header[data-nav-design="aligned-a"] .header-inner { gap:28px; padding-block:12px; }
.header[data-nav-design="aligned-a"] .logo img { width:164px; }
.header[data-nav-design="aligned-a"] .nav { grid-template-columns:1.05fr 1.15fr 1fr; gap:26px; }
.header[data-nav-design="aligned-a"] .nav-group { min-width:0; }
.header[data-nav-design="aligned-a"] .nav-guides,
.header[data-nav-design="aligned-a"] .nav-stories { padding-left:26px; }
.header[data-nav-design="aligned-a"] .nav .nav-group-label { gap:9px; margin-bottom:13px; min-height:28px; font-size:18px; font-weight:800; letter-spacing:-.035em; color:var(--nav-strong); }
.header[data-nav-design="aligned-a"] .nav-group-label::before { content:""; width:3px; height:17px; flex:none; background:var(--red); }
.header[data-nav-design="aligned-a"] .nav-guides .nav-group-label { color:var(--nav-guide); }
.header[data-nav-design="aligned-a"] .nav-guides .nav-group-label::before { background:var(--nav-guide); }
.header[data-nav-design="aligned-a"] .nav-stories .nav-group-label::before { background:var(--nav-strong); }
.header[data-nav-design="aligned-a"] .nav-group-label small { font-size:10px; font-weight:700; letter-spacing:.08em; white-space:nowrap; }
.header[data-nav-design="aligned-a"] .nav-links { display:grid; grid-template-columns:repeat(3,max-content); justify-content:space-between; gap:5px 9px; }
.header[data-nav-design="aligned-a"] .nav-links > a,
.header[data-nav-design="aligned-a"] .catalog-trigger { min-height:36px; padding-block:7px; font-size:14px; line-height:1.5; color:var(--nav-strong); }
.header[data-nav-design="aligned-a"] .nav-catalog { padding:0; margin:0; }
.header[data-nav-design="aligned-a"] .catalog-trigger { padding-right:4px; }
.header[data-nav-design="aligned-a"] .nav-shop .nav-links > a[href="/paddles-accessories/"] { grid-column:span 2; }
.header[data-nav-design="aligned-a"] .catalog-trigger:is(:hover,:focus-visible) { box-shadow:inset 0 -2px var(--red); }
.header[data-nav-design="aligned-a"] .nav-catalog:is([open],.is-current) > .catalog-trigger,
.header[data-nav-design="aligned-a"] .nav a.active { color:var(--red-deep); box-shadow:inset 0 -2px var(--red); }
.header[data-nav-design="aligned-a"] .catalog-menu { left:max(20px,calc((100% - 1560px)/2)); right:max(20px,calc((100% - 1560px)/2)); max-height:calc(100dvh - var(--nav-header-height,210px) - 12px); }
.header[data-nav-design="aligned-a"] .nav-section-toggle,
.header[data-nav-design="aligned-a"] .nav-section-home { display:none; }
@media (min-width:901px) {
  html.js .header[data-nav-design="aligned-a"] .nav { display:grid; position:static; flex-direction:row; padding:0; background:transparent; box-shadow:none; overflow:visible; max-height:none; }
  html.js .header[data-nav-design="aligned-a"] .nav-toggle { display:none; }
  .header[data-nav-design="aligned-a"] .nav-guides,
  .header[data-nav-design="aligned-a"] .nav-stories { border-top:0; border-left:1px solid var(--nav-divider); padding-top:0; }
  .header[data-nav-design="aligned-a"] .nav a { white-space:nowrap; }
  .header[data-nav-design="aligned-a"] .nav .catalog-menu a { white-space:normal; }
  .header[data-nav-design="aligned-a"] .nav-catalog[open] { grid-column:auto; }
  .header[data-nav-design="aligned-a"] .nav-shop .nav-links > a[href="/paddles-accessories/"] { grid-column:span 2; }
  .header[data-nav-design="aligned-a"] .catalog-menu { position:absolute; top:100%; padding:22px 28px 18px; margin:0; background:#fff; overflow-y:auto; box-shadow:0 12px 24px #071b301a; }
  .header[data-nav-design="aligned-a"] .catalog-columns-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .header[data-nav-design="aligned-a"] .catalog-columns-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .header[data-nav-design="aligned-a"] .catalog-columns-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media (min-width:901px) and (max-width:1439px) {
  .header[data-nav-design="aligned-a"] .header-inner { flex-wrap:wrap; gap:8px; padding-block:10px 12px; }
  .header[data-nav-design="aligned-a"] .logo { flex:1 0 100%; border-bottom:0; padding-bottom:0; }
  .header[data-nav-design="aligned-a"] .nav { flex:1 0 100%; gap:18px; }
  .header[data-nav-design="aligned-a"] .nav-guides,
  .header[data-nav-design="aligned-a"] .nav-stories { padding-left:18px; }
  .header[data-nav-design="aligned-a"] .logo img { width:140px; }
}
@media (max-width:900px) {
  .header[data-nav-design="aligned-a"] .header-inner { padding-block:8px; gap:16px; min-height:60px; }
  .header[data-nav-design="aligned-a"] .logo img { width:145px; }
  .header[data-nav-design="aligned-a"] .nav { padding:0 21px 20px; gap:0; }
  .header[data-nav-design="aligned-a"] .nav-group,
  .header[data-nav-design="aligned-a"] .nav-guides,
  .header[data-nav-design="aligned-a"] .nav-stories { padding:0; border:0; border-bottom:1px solid var(--nav-divider); }
  .header[data-nav-design="aligned-a"] .nav .nav-group-label { margin:17px 0 10px; }
  html.js .header[data-nav-design="aligned-a"] .nav .nav-group-label { display:none; }
  html.js .header[data-nav-design="aligned-a"] .nav-section-toggle { display:flex; width:100%; justify-content:space-between; align-items:center; gap:10px; padding:18px 0; border:0; background:none; color:var(--nav-strong); text-align:left; cursor:pointer; font:800 17px/1.5 var(--font-body); }
  .header[data-nav-design="aligned-a"] .nav-section-toggle > span:first-child { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 9px; }
  .header[data-nav-design="aligned-a"] .nav-section-toggle small { font-size:10px; font-weight:600; letter-spacing:.06em; color:var(--nav-label); }
  html.js .header[data-nav-design="aligned-a"] .nav-guides .nav-section-toggle { color:var(--nav-guide); }
  .header[data-nav-design="aligned-a"] .nav-section-sign { font-size:23px; font-weight:400; }
  html.js .header[data-nav-design="aligned-a"] .nav-group:not(.section-open) .nav-links { display:none; }
  .header[data-nav-design="aligned-a"] .nav-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; padding-bottom:17px; }
  .header[data-nav-design="aligned-a"] .nav-links > a,
  .header[data-nav-design="aligned-a"] .catalog-trigger { min-height:46px; padding-block:11px; white-space:normal; }
  .header[data-nav-design="aligned-a"] .nav-section-home { display:flex; grid-column:1/-1; color:var(--nav-guide); font-weight:700; }
  .header[data-nav-design="aligned-a"] .nav-shop .nav-links > a[href="/paddles-accessories/"] { grid-column:auto; }
  .header[data-nav-design="aligned-a"] .nav-catalog[open] { grid-column:1/-1; }
  .header[data-nav-design="aligned-a"] .catalog-menu { max-height:none; }
  html.js body.nav-open .header[data-nav-design="aligned-a"] .nav { max-height:calc(100dvh - var(--nav-header-bottom,165px) - 10px); }
}
@media (min-width:901px) and (max-width:1050px) {
  .header[data-nav-design="aligned-a"] .nav-links > a,
  .header[data-nav-design="aligned-a"] .catalog-trigger { font-size:13px; }
}
/* Preserve the transparent galaxy header and the white header over the water. */
body.tiki-home:not(.tiki-on-water) .header[data-nav-design="aligned-a"] { --nav-guide:#8bd9e6; --nav-strong:#fff; }
body.tiki-home .header[data-nav-design="aligned-a"] .nav-group-label,
body.tiki-home .header[data-nav-design="aligned-a"] .catalog-trigger { color:var(--nav-strong); }
body.tiki-home .header[data-nav-design="aligned-a"] .nav-guides .nav-group-label { color:var(--nav-guide); }
body.tiki-home .header[data-nav-design="aligned-a"] .nav-catalog:is([open],.is-current) > .catalog-trigger { color:var(--red); }
body.tiki-home .header[data-nav-design="aligned-a"] .catalog-menu { --nav-strong:#172c36; }

/* Keep secondary shortcuts on one scrollable row; every link remains reachable. */
@media (max-width:900px) {
  .header[data-nav-design="aligned-a"] .header-utility .container {
    flex-wrap:nowrap; justify-content:flex-start; gap:4px; overflow-x:auto;
    scrollbar-width:thin; overscroll-behavior-x:contain;
  }
  .header[data-nav-design="aligned-a"] .header-utility a {
    flex:none; min-height:44px; white-space:nowrap;
  }
  body.tiki-home .header[data-nav-design="aligned-a"] .header-inner { min-height:60px; }
}