.elementor-987 .elementor-element.elementor-element-dc76f77{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:32px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-987 .elementor-element.elementor-element-5cdc99e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-987 .elementor-element.elementor-element-0101b23{text-align:center;}.elementor-987 .elementor-element.elementor-element-0101b23 img{width:220px;}.elementor-987 .elementor-element.elementor-element-d1850f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-987 .elementor-element.elementor-element-200d043{--display:flex;--min-height:440px;}.elementor-987 .elementor-element.elementor-element-200d043:not(.elementor-motion-effects-element-type-background), .elementor-987 .elementor-element.elementor-element-200d043 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fifthgearwatches.com/wp-content/uploads/2026/05/Crad3.webp");background-position:center right;background-size:cover;}.elementor-987 .elementor-element.elementor-element-0a30b66{--display:flex;--min-height:130px;}.elementor-987 .elementor-element.elementor-element-0a30b66:not(.elementor-motion-effects-element-type-background), .elementor-987 .elementor-element.elementor-element-0a30b66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fifthgearwatches.com/wp-content/uploads/2026/05/Card2.webp");background-position:center right;background-size:cover;}.elementor-987 .elementor-element.elementor-element-c712290{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}#elementor-popup-modal-987 .dialog-widget-content{animation-duration:1.2s;background-color:#050505;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-987{background-color:#000000C7;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-987 .dialog-message{width:1080px;height:850px;align-items:center;}#elementor-popup-modal-987 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-987 .elementor-element.elementor-element-dc76f77{--content-width:100%;}.elementor-987 .elementor-element.elementor-element-5cdc99e{--width:32%;}.elementor-987 .elementor-element.elementor-element-d1850f6{--width:68%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS *//* =========================================================
   FIFTH GEAR WATCHES — DESKTOP POPUP MENU CLEAN VERSION
========================================================= */

.fgw-desktop-popup {
  --fgw-black: #050505;
  --fgw-navy: #071018;
  --fgw-gold: #C5A059;
  --fgw-gold-light: #F2C46C;
  --fgw-gold-bright: #FFD98A;
  --fgw-white: #FFFFFF;
  --fgw-ivory: #F7F5F2;
  --fgw-border: rgba(197,160,89,.55);
  --fgw-soft-border: rgba(232,225,214,.10);
}

/* POPUP SHELL */
.fgw-desktop-popup .dialog-widget-content {
  height: 850px !important;
  max-height: calc(100vh - 80px) !important;
  margin-top: 34px !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at top center, rgba(197,160,89,.10), transparent 34%),
    linear-gradient(145deg, #050505 0%, #071018 48%, #050505 100%) !important;

  border: 1px solid var(--fgw-border);
  border-radius: 22px;
  box-shadow: 0 40px 120px rgba(0,0,0,.85);
}

.fgw-desktop-popup .dialog-message {
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

/* CLOSE BUTTON */
.fgw-desktop-popup .dialog-close-button {
  top: 38px !important;
  right: 34px !important;
  z-index: 9999 !important;
  font-size: 34px !important;
  color: var(--fgw-gold-light) !important;
  opacity: 1 !important;
  text-shadow:
    0 0 12px rgba(242,196,108,.65),
    0 0 26px rgba(197,160,89,.35);
  transition: all .25s ease;
}

.fgw-desktop-popup .dialog-close-button i,
.fgw-desktop-popup .dialog-close-button i:before,
.fgw-desktop-popup .dialog-close-button svg,
.fgw-desktop-popup .dialog-close-button svg * {
  color: var(--fgw-gold-light) !important;
  fill: var(--fgw-gold-light) !important;
  stroke: var(--fgw-gold-light) !important;
  opacity: 1 !important;
}

.fgw-desktop-popup .dialog-close-button:hover,
.fgw-desktop-popup .dialog-close-button:hover i,
.fgw-desktop-popup .dialog-close-button:hover i:before {
  color: var(--fgw-white) !important;
  fill: var(--fgw-white) !important;
  stroke: var(--fgw-white) !important;
  transform: scale(1.05);
}

/* MAIN CONTAINER */
.fgw-menu-shell {
  height: 100%;
  padding-top: 34px !important;
  padding-bottom: 28px !important;

  background:
    radial-gradient(circle at 78% 10%, rgba(197,160,89,.12), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.025), rgba(255,255,255,0));

  border-radius: 22px;
}

.fgw-menu-left,
.fgw-menu-right {
  position: relative;
}

/* LOGO */
.fgw-popup-logo img {
  display: block;
  max-width: 220px;
  margin: 0 auto 10px !important;
}

/* TOP TAGLINE */
.fgw-top-tagline,
.fgw-top-tagline .elementor-heading-title {
  position: relative;
  margin: 4px 60px 4px 0 !important;

  color: var(--fgw-gold) !important;
  opacity: 1 !important;

  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 4px !important;
  text-align: center !important;
  text-transform: uppercase !important;

  text-shadow: 0 0 18px rgba(197,160,89,.32);
}

.fgw-top-tagline:before,
.fgw-top-tagline:after {
  content: "";
  display: inline-block;
  width: 82px;
  height: 1px;
  margin: 0 18px;
  vertical-align: middle;
  background: linear-gradient(90deg, transparent, rgba(197,160,89,.8), transparent);
}

/* NAVIGATION */
.fgw-popup-nav {
  overflow: hidden;
  border: 1px solid rgba(197,160,89,.24);
  border-radius: 10px;
  background: rgba(255,255,255,.018);
}

.fgw-popup-nav a {
  height: 48px;
  display: grid;
  grid-template-columns: 34px 1fr 20px;
  align-items: center;
  gap: 10px;
  padding: 0 18px;

  color: var(--fgw-ivory);
  text-decoration: none;

  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  font-weight: 500;

  border-bottom: 1px solid var(--fgw-soft-border);
  transition: all .25s ease;
}

.fgw-popup-nav a:hover,
.fgw-popup-nav a.active {
  color: var(--fgw-white);
  background: linear-gradient(90deg, rgba(197,160,89,.75), rgba(197,160,89,.12));
  box-shadow: inset 3px 0 0 var(--fgw-gold);
}

.fgw-popup-nav a:last-child,
.fgw-popup-nav a.fgw-before-divider {
  border-bottom: none !important;
}

.fgw-arrow {
  color: var(--fgw-gold);
  font-size: 30px;
  line-height: 1;
  text-align: right;
}

.fgw-nav-divider {
  height: 1px !important;
  margin: 9px 16px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(197,160,89,.42) 50%,
    transparent 100%
  ) !important;
}

/* MENU SVG ICONS */
.fgw-popup-nav .fgw-icon {
  width: 24px !important;
  height: 24px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: var(--fgw-gold) !important;
}

.fgw-popup-nav .fgw-icon svg {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
}

.fgw-popup-nav .fgw-icon svg path,
.fgw-popup-nav .fgw-icon svg circle {
  fill: none !important;
  stroke: var(--fgw-gold) !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.fgw-popup-nav a:hover .fgw-icon,
.fgw-popup-nav a.active .fgw-icon {
  filter: drop-shadow(0 0 7px rgba(197,160,89,.45));
}

.fgw-popup-nav a:hover .fgw-icon svg path,
.fgw-popup-nav a:hover .fgw-icon svg circle,
.fgw-popup-nav a.active .fgw-icon svg path,
.fgw-popup-nav a.active .fgw-icon svg circle {
  stroke: var(--fgw-gold-bright) !important;
}

/* PROMISE CARD */
.fgw-promise-card {
  padding: 18px 14px;
  border: 1px solid rgba(197,160,89,.38);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(255,255,255,.025), rgba(255,255,255,.005));
}

.fgw-promise-title {
  margin-bottom: 18px;

  color: var(--fgw-gold);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.7px;
  text-align: center;
}

.fgw-promise-title span {
  display: inline-block;
  width: 34px;
  height: 1px;
  margin: 0 10px;
  vertical-align: middle;
  background: rgba(197,160,89,.45);
}

.fgw-promise-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.fgw-promise-grid > div {
  text-align: center;
  border-right: 1px solid rgba(232,225,214,.13);
  transition: all .25s ease;
}

.fgw-promise-grid > div:last-child {
  border-right: none;
}

.fgw-promise-grid p {
  margin: 0;

  color: var(--fgw-ivory);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.3px;
  line-height: 1.45;
}

/* PROMISE SVG ICONS */
.fgw-promise-icon {
  width: 34px !important;
  height: 34px !important;
  margin: 0 auto 10px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: var(--fgw-gold) !important;
  transition: all .25s ease !important;
}

.fgw-promise-icon svg {
  width: 31px !important;
  height: 31px !important;
  display: block !important;
}

.fgw-promise-icon svg path {
  fill: none !important;
  stroke: var(--fgw-gold) !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.fgw-promise-grid > div:hover .fgw-promise-icon {
  filter: drop-shadow(0 0 8px rgba(197,160,89,.35));
  transform: translateY(-1px);
}

.fgw-promise-grid > div:hover .fgw-promise-icon svg path {
  stroke: var(--fgw-gold-light) !important;
}

/* LEGACY TEXT */
.fgw-legacy-text {
  margin-top: 10px;

  color: rgba(247,245,242,.78);
  font-family: "Cormorant Garamond", serif;
  font-size: 18px;
  line-height: 1.25;
  text-align: center;
}

.fgw-legacy-text span {
  display: block;
  width: 48px;
  height: 2px;
  margin: 12px auto 0;
  background: var(--fgw-gold);
}

/* HERO CARD */
.fgw-hero-card {
  position: relative !important;
  display: block !important;
  min-height: 440px !important;
  padding: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border: 1px solid var(--fgw-border);
  border-radius: 10px;

  background-size: cover !important;
  background-position: 72% center !important;
  background-repeat: no-repeat !important;
}

.fgw-hero-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    rgba(0,0,0,.92) 0%,
    rgba(0,0,0,.78) 30%,
    rgba(0,0,0,.36) 58%,
    rgba(0,0,0,.08) 100%
  );
}

.fgw-hero-text-widget {
  position: absolute !important;
  top: 86px !important;
  left: 34px !important;
  width: 330px !important;
  max-width: 330px !important;
  z-index: 5 !important;
  margin: 0 !important;
}

.fgw-hero-text-widget .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.fgw-hero-copy {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 330px;
}

.fgw-hero-copy span {
  display: block;
  margin: 0 0 16px 0 !important;

  color: var(--fgw-gold) !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2.6px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.fgw-hero-copy h2 {
  margin: 0 !important;

  color: var(--fgw-white) !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: 42px !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;

  text-shadow: 0 8px 24px rgba(0,0,0,.65);
}

.fgw-hero-line {
  width: 60px;
  height: 2px;
  margin-top: 26px;
  background: var(--fgw-gold);
}

/* PROMO CARD */
.fgw-promo-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  padding: 24px 32px;
  border: 1px solid var(--fgw-border);
  border-radius: 10px;
}

.fgw-promo-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;

  background: linear-gradient(
    90deg,
    rgba(0,0,0,.85) 0%,
    rgba(0,0,0,.58) 52%,
    rgba(0,0,0,.06) 100%
  );
}

.fgw-promo-content span {
  display: block;
  margin-bottom: 8px;

  color: var(--fgw-gold);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.fgw-promo-content h3 {
  margin: 0 0 12px;

  color: var(--fgw-white);
  font-family: "Cormorant Garamond", serif;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 1;
  text-transform: uppercase;
}

.fgw-promo-content a {
  color: var(--fgw-gold);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-decoration: none;
  text-transform: uppercase;
}

/* BUTTON AREA */
.fgw-popup-buttons {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* GOLD BUTTON */
.fgw-btn-gold .elementor-button,
.fgw-track-order-btn .elementor-button {
  height: 58px !important;
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 8px !important;

  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;

  overflow: hidden !important;
  transition: all .28s ease !important;
}

.fgw-btn-gold .elementor-button {
  color: var(--fgw-black) !important;
  border: 1px solid rgba(255,226,154,.55) !important;
  background: linear-gradient(135deg, #F2C46C 0%, #C5A059 48%, #9F7731 100%) !important;
  box-shadow: 0 14px 32px rgba(197,160,89,.22);
}

/* TRACK ORDER BUTTON */
.fgw-track-order-btn .elementor-button {
  position: relative !important;
  gap: 12px !important;

  color: var(--fgw-white) !important;
  border: 1px solid rgba(197,160,89,.85) !important;
  background: linear-gradient(135deg, rgba(5,5,5,.92), rgba(13,27,42,.88)) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 22px rgba(197,160,89,.10) !important;
}

.fgw-track-order-btn .elementor-button:before {
  content: "◇";
  color: var(--fgw-gold) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  margin-top: -1px !important;
  transition: all .28s ease !important;
}

.fgw-track-order-btn .elementor-button:after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateX(-100%);
  pointer-events: none;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(197,160,89,.12),
    transparent
  );

  transition: all .45s ease;
}

.fgw-track-order-btn .elementor-button-text {
  position: relative;
  z-index: 2;
}

/* BUTTON HOVER */
.fgw-btn-gold .elementor-button:hover,
.fgw-track-order-btn .elementor-button:hover {
  transform: translateY(-2px);
}

.fgw-track-order-btn .elementor-button:hover {
  color: var(--fgw-black) !important;
  border-color: var(--fgw-gold-light) !important;
  background: linear-gradient(135deg, rgba(197,160,89,.95), rgba(242,196,108,.92)) !important;

  box-shadow:
    0 14px 32px rgba(197,160,89,.25),
    0 0 24px rgba(197,160,89,.20) !important;
}

.fgw-track-order-btn .elementor-button:hover:before {
  color: var(--fgw-black) !important;
  transform: rotate(8deg) scale(1.08);
}

.fgw-track-order-btn .elementor-button:hover:after {
  opacity: 1;
  transform: translateX(100%);
}/* End custom CSS */