/* CTI 1.7.4 | One visible navigation on all viewport sizes.
   Scoped header overrides only. Existing design, routes and section navigation stay intact.
   Without JavaScript the same links wrap; no hidden primary navigation. */
.cti-signature.cti-elegance .el-header.cti-nav14 {
  --cnu-gap: 14px;
  --cnu-pad: clamp(12px,1.55vw,28px);
  z-index: 950;
  overflow: visible;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .el-header-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px var(--cnu-gap);
  width: 100%;
  max-width: 1840px;
  min-width: 0;
  min-height: 80px;
  padding: 12px var(--cnu-pad);
  margin-inline: auto;
  position: relative;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .el-brand {
  order: 1; flex: 0 0 auto; min-width: 0; width: max-content; max-width: none; gap: 10px;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .el-brand > img {
  width: 38px; height: 38px; max-width: 38px; flex: none;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .el-brand > span {
  font-size: 10px; line-height: 1.45; letter-spacing: .045em;
  white-space: nowrap;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .el-brand small {
  font-size: 6px; line-height: 1.6; letter-spacing: .025em;
  margin-top: 4px; max-width: 230px;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .el-header-actions {
  display: flex; order: 2; flex: 0 0 auto; flex-wrap: nowrap;
  align-items: center; justify-content: flex-end; gap: 8px; margin-left: auto;
  min-width: 0;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop {
  display: block !important; order: 3; flex: 1 0 100%;
  max-width: 100%; min-width: 0; margin: 0; padding: 4px;
  border: 1px solid #30474f; border-radius: 13px;
  background: #10252d; overflow: visible;
  position: relative;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-mobile {
  display: none !important;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop > .cn-list {
  display: flex; flex-wrap: wrap; align-items: center;
  justify-content: center; gap: 2px; width: auto; margin: 0; padding: 0;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-entry {
  flex: 0 0 auto; min-width: 0; position: static;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-main-link {
  font-size: 12px; line-height: 1.4; min-height: 44px;
  padding: 10px 8px; flex-shrink: 0; white-space: nowrap;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-drop > summary {
  min-height: 44px; width: 26px;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-menu {
  width: min(355px,calc(100vw - 32px)); right: 0;
  max-height: min(55vh,460px); overflow-y: auto;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .el-header-cta {
  display: inline-flex !important; min-width: 0; min-height: 44px;
  padding: 10px 14px; font-size: 11px; gap: 12px; white-space: nowrap;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .sg-finder-trigger {
  display: flex !important; width: 36px; min-width: 36px; height: 44px;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .el-languages > summary {
  display: flex; align-items: center; justify-content: center;
  gap: 6px; min-height: 44px; min-width: 52px; padding: 8px 4px;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-menu {
  position: relative;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-label,
.cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-caret {
  display: inline-block;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-trigger {
  width: auto; min-height: 44px; min-width: 44px;
  padding: 10px 11px; gap: 8px;
}
/* Optional account label yields before the primary navigation is wrapped. */
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-account-compact .cti-account-label,
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-account-compact .cti-account-caret { display: none; }
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-account-compact .cti-account-trigger { width: 44px; padding: 10px; gap: 0; }
/* Override the old phone-only stretched panel rule without changing its content. */
.cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-menu > .cti-account-panel {
  position: absolute; left: auto; right: 0; top: calc(100% + 9px);
  width: min(330px,calc(100vw - 24px)); max-width: calc(100vw - 24px);
}
.cti-signature.cti-elegance .el-header.cti-nav14 .el-languages > summary > .el-icon { display: block; width: 18px; height: 18px; }
/* Enhanced layout uses the real required widths, not OS, user agent or a 1700px cutoff. */
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-ready .el-header-inner {
  display: grid;
  grid-template-columns: max-content minmax(0,1fr) max-content;
  grid-template-areas: 'brand rail actions';
}
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-ready .el-brand { grid-area: brand; }
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-ready .el-header-actions { grid-area: actions; }
.cti-signature.cti-elegance .el-header.cti-nav14 .cnu-rail {
  grid-area: rail; min-width: 0; max-width: 100%; position: relative;
}
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-ready .cn-desktop {
  overflow-x: auto; overflow-y: hidden; width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior-x: contain; scroll-padding-inline: 38px;
  -webkit-overflow-scrolling: touch;
}
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-ready .cn-desktop > .cn-list {
  width: max-content; min-width: 100%; flex-wrap: nowrap; justify-content: center;
}
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-ready .cn-desktop .cn-entry { position: relative; }
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-ready[data-cnu-layout='two'] .el-header-inner {
  grid-template-columns: minmax(0,1fr) max-content;
  grid-template-areas: 'brand actions' 'rail rail';
}
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-ready[data-cnu-layout='three'] .el-header-inner {
  grid-template-columns: minmax(0,1fr);
  grid-template-areas: 'brand' 'actions' 'rail';
}
.cti-signature.cti-elegance .el-header.cti-nav14.cnu-ready[data-cnu-layout='three'] .el-header-actions {
  margin-left: 0; justify-content: space-between; flex-wrap: wrap; width: 100%;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cnu-scroll {
  display: inline-flex; align-items: center; justify-content: center;
  position: absolute; top: 7px; z-index: 2; width: 30px; min-width: 30px;
  height: 40px; padding: 0; border: 1px solid #617065; border-radius: 8px;
  color: #ead09b; background: #10252df5; box-shadow: 0 3px 12px #0004;
  cursor: pointer; touch-action: manipulation;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cnu-scroll[hidden] { display: none !important; }
.cti-signature.cti-elegance .el-header.cti-nav14 .cnu-scroll-prev { left: 2px; }
.cti-signature.cti-elegance .el-header.cti-nav14 .cnu-scroll-next { right: 2px; }
.cti-nav14 .cnu-scroll svg { width: 16px; height: 16px; }
.cti-signature.cti-elegance .el-header.cti-nav14 .cnu-rail[data-cnu-overflow='true'] .cn-list {
  padding-inline: 34px;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop::-webkit-scrollbar { display: none; width: 0; height: 0; }
/* The real submenu is moved here while open; no clone or duplicate active links.
   Outside the scroller/backdrop-filter stacking context, it cannot be clipped by the rail. */
.cnu-layer.cti-nav14 {
  position: fixed; inset: 0 auto auto 0; width: 0; height: 0;
  z-index: 1000; overflow: visible; pointer-events: none;
}
.cti-signature.cti-elegance .cnu-layer.cti-nav14 > .cn-menu {
  display: block; position: fixed; margin: 0;
  inset: auto; pointer-events: auto; overflow-y: auto; overflow-x: hidden;
  max-width: calc(100vw - 24px); overscroll-behavior: contain;
}
.cti-signature.cti-elegance .cnu-layer .cn-menu .cn-sub-link {
  min-height: 44px; font-size: 13px; line-height: 1.5;
}
.cti-nav14 .cnu-auxiliary { border-top: 1px solid #3a515a; margin-top: 10px; padding-top: 8px; }
.cti-nav14 .cnu-auxiliary form { margin: 0; }
.cti-nav14 .cnu-auxiliary :is(a,button) { display: block; min-height: 44px; padding: 10px 12px; font: 400 13px/1.5 Arial,sans-serif; border: 0; background: transparent; color: #dce7e8; text-decoration: none; }
.cnu-hidden-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media(min-width:1800px) {
  .cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-main-link { font-size: 13px; padding-inline: 12px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-brand > span { font-size: 11px; }
}
/* Notebook: save space in padding first; keep the actual menu text readable. */
@media(max-width:1480px) and (min-width:601px) {
  .cti-signature.cti-elegance .el-header.cti-nav14 { --cnu-pad: 12px; --cnu-gap: 10px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop > .cn-list { gap: 0; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-main-link { padding-inline: 4px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-main-link-emergency { padding-inline: 5px !important; gap: 6px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-drop > summary { width: 24px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-brand { gap: 8px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-brand > img { width: 34px; height: 34px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-header-actions { gap: 6px; }
}
@media(max-width:1300px) and (min-width:601px) {
  .cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-label,
  .cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-caret { display: none; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-trigger { width: 44px; padding: 10px; gap: 0; }
}
@media(max-width:600px) {
  .cti-signature.cti-elegance .el-header.cti-nav14 { --cnu-gap: 9px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-header-inner { min-height: 0; padding-block: 10px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-brand > img { width: 34px; height: 34px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-brand > span { font-size: 9px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-header-cta { font-size: 11px; padding-inline: 11px; gap: 8px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-header-actions { gap: 6px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-label,
  .cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-caret { display: none; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-trigger { width: 44px; padding: 10px; gap: 0; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .el-languages > summary { min-width: 50px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-main-link { font-size: 13px; min-height: 46px; }
  .cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-drop > summary { min-height: 46px; width: 30px; }
}
/* Very short viewports/landscape must not be mostly covered by a tall sticky header. */
@media(max-height:500px) {
  .cti-signature.cti-elegance .el-header.cti-nav14 { position: relative; }
}
@media(prefers-reduced-motion:reduce) {
  .cti-nav14 .cn-desktop, .cti-nav14 .cnu-scroll { scroll-behavior: auto !important; transition: none !important; }
}
@media print {
  .cti-signature.cti-elegance .el-header.cti-nav14, .cnu-layer.cti-nav14 { display: none !important; }
}


/* CTI 1.7.5 | Design-only refinement of the existing 1.7.4 navigation.
   Hide scrollbar chrome, never the scroll container or its content.
   Existing overflow, link order, dimensions, breakpoints and controller remain in place.
   Normal page, forms, section navigation and image viewer are deliberately not targeted. */
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop,
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-menu,
.cti-signature.cti-elegance .cnu-layer.cti-nav14 > .cn-menu,
.cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-panel,
.cti-signature.cti-elegance .el-header.cti-nav14 .el-languages > .i18n-switcher {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-menu::-webkit-scrollbar,
.cti-signature.cti-elegance .cnu-layer.cti-nav14 > .cn-menu::-webkit-scrollbar,
.cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-panel::-webkit-scrollbar,
.cti-signature.cti-elegance .el-header.cti-nav14 .el-languages > .i18n-switcher::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* Same petrol-and-gold identity, softer surfaces and precise contours.
   No smaller labels or click targets, no permanent main-item highlight. */
.cti-signature.cti-elegance .el-header.cti-nav14 {
  background: linear-gradient(180deg,rgba(11,31,39,.98),rgba(8,27,34,.98));
  border-bottom-color: #304750;
  box-shadow: 0 8px 26px rgba(0,0,0,.14);
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop {
  border-color: #354c55;
  border-radius: 15px;
  background: linear-gradient(120deg,#132c35,#10252e);
  box-shadow: inset 0 1px 0 rgba(232,219,184,.05),0 5px 18px rgba(0,0,0,.12);
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-entry {
  border-radius: 10px;
  transition: background-color .16s ease,box-shadow .16s ease;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-entry:hover {
  background-color: rgba(217,201,164,.065);
  box-shadow: inset 0 0 0 1px rgba(217,201,164,.045);
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-drop > summary {
  border-radius: 9px;
  transition: background-color .16s ease,color .16s ease;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-drop > summary:hover {
  color: #ead3a0;
  background-color: rgba(217,201,164,.09);
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-menu,
.cti-signature.cti-elegance .cnu-layer.cti-nav14 > .cn-menu {
  border-color: #4b605f;
  border-radius: 16px;
  background: linear-gradient(135deg,#142e38,#0e242e);
  box-shadow: 0 22px 56px rgba(0,0,0,.36),inset 0 1px 0 rgba(238,221,178,.045);
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-menu-heading,
.cti-signature.cti-elegance .cnu-layer.cti-nav14 .cn-menu-heading {
  border-bottom-color: #385059;
  color: #dcc99e;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-menu .cn-sub-link,
.cti-signature.cti-elegance .cnu-layer.cti-nav14 .cn-menu .cn-sub-link {
  border-radius: 10px;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cn-main-badge {
  border-color: #53686b;
  background: linear-gradient(135deg,#1b3740,#122830);
  box-shadow: inset 0 1px 0 rgba(249,227,178,.06);
}
/* Existing scroll arrows remain usable and are centred without a scrollbar track. */
.cti-signature.cti-elegance .el-header.cti-nav14 .cnu-scroll {
  top: 50%;
  transform: translateY(-50%);
  border-color: #566966;
  border-radius: 10px;
  color: #e5cea0;
  background: linear-gradient(180deg,#203b43,#122b34);
  box-shadow: 0 3px 12px rgba(0,0,0,.22),inset 0 1px 0 rgba(240,216,166,.07);
  transition: background-color .16s ease,border-color .16s ease;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cnu-scroll:hover {
  border-color: #b9a278;
  background: linear-gradient(180deg,#2a444a,#18313a);
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cnu-scroll:focus-visible {
  outline: 2px solid #efcf91 !important;
  outline-offset: 3px;
}
.cti-signature.cti-elegance .el-header.cti-nav14 .cti-account-trigger,
.cti-signature.cti-elegance .el-header.cti-nav14 .sg-finder-trigger,
.cti-signature.cti-elegance .el-header.cti-nav14 .el-languages > summary,
.cti-signature.cti-elegance .el-header.cti-nav14 .el-header-cta {
  border-radius: 10px;
}
/* Retain the existing reduced-motion behaviour for these decorative transitions. */
@media (prefers-reduced-motion: reduce) {
  .cti-signature.cti-elegance .el-header.cti-nav14 .cn-desktop .cn-entry,
  .cti-signature.cti-elegance .el-header.cti-nav14 .cn-drop > summary,
  .cti-signature.cti-elegance .el-header.cti-nav14 .cnu-scroll {
    transition: none !important;
  }
}
