.elementor-3486 .elementor-element.elementor-element-1dd8618{width:var( --container-widget-width, 102.532% );max-width:102.532%;--container-widget-width:102.532%;--container-widget-flex-grow:0;}.elementor-3486 .elementor-element.elementor-element-15450b4{width:100%;max-width:100%;}.elementor-3486 .elementor-element.elementor-element-15450b4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-52f7620{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-5fabbf8{width:100%;max-width:100%;}.elementor-3486 .elementor-element.elementor-element-5fabbf8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-f11fe60{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-c82b7e4{width:100%;max-width:100%;}.elementor-3486 .elementor-element.elementor-element-c82b7e4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-cb8e3cc{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-20e9bc6{width:100%;max-width:100%;}.elementor-3486 .elementor-element.elementor-element-20e9bc6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-5f3f713{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3486 .elementor-element.elementor-element-964e3b5{width:var( --container-widget-width, 126.161% );max-width:126.161%;--container-widget-width:126.161%;--container-widget-flex-grow:0;}.elementor-3486 .elementor-element.elementor-element-964e3b5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3486 .elementor-element.elementor-element-15450b4{width:var( --container-widget-width, 834.645px );max-width:834.645px;--container-widget-width:834.645px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-15450b4 *//* ── Focus Eye Centre — Procedures Page Shared Styles ── */
:root {
  --fec-dark:   #3D3D3D;
  --fec-cream:  #E8E4D9;
  --fec-orange: #E8714A;
  --fec-white:  #ffffff;
  --fec-grey:   #f3f3f0;
  --fec-border: #d8d4c8;
  --fec-muted:  #767672;
  --fec-radius: 12px;
  --fec-font:   'Helvetica Neue', Arial, sans-serif;
}
.fec-section { font-family: var(--fec-font); box-sizing: border-box; }
.fec-section *, .fec-section *::before, .fec-section *::after { box-sizing: border-box; }

/* ── Mobile grid stacking ── */
@media (max-width: 767px) {
  .fec-2col { grid-template-columns: 1fr !important; }
  .fec-3col { grid-template-columns: 1fr !important; }
  .fec-hide-mobile { display: none !important; }
}

/* ── Hero ── */
@media (max-width: 767px) {
  .fec-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    min-height: unset !important;
    overflow: hidden !important;
  }
  .fec-hero-grid > div:first-child {
    padding: 32px 0 0 !important;
  }
  .fec-hero-btns {
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
  }
  .fec-hero-btns a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
  }
  .fec-hero-img { width: 100% !important; }
  .fec-hero-img img {
    width: 100% !important;
    height: 220px !important;
    border-radius: 12px !important;
  }
}

/* ── Button equal sizing ── */
.fec-hero-btns a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 220px !important;
  padding: 13px 24px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  .fec-hero-btns a { min-width: unset !important; }
}

/* ── Nav sticky ── */
.fec-nav-section {
  position: relative;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid #d8d4c8;
}
.fec-nav-section.is-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.fec-nav-placeholder { display: none; height: 0; }
.fec-nav-placeholder.is-active { display: block; }

/* ── Nav icons — inactive grey ── */
.fec-nav-link svg *[stroke] { stroke: #767672; }
.fec-nav-link svg *[fill]:not([fill="none"]) { fill: #767672; }
.fec-nav-link span { color: #767672; }
.fec-nav-link { border-bottom: 2px solid transparent; }

/* ── Nav icons — active orange ── */
.fec-nav-link.fec-nav-active svg *[stroke] { stroke: #E8714A; }
.fec-nav-link.fec-nav-active svg *[fill]:not([fill="none"]) { fill: #E8714A; }
.fec-nav-link.fec-nav-active span { color: #3D3D3D; }
.fec-nav-link.fec-nav-active { border-bottom: 2px solid #E8714A; }/* End custom CSS */
/* Start custom CSS *//* ── Focus Eye Centre — Procedures Page Shared Styles ── */
:root {
  --fec-dark:   #3D3D3D;
  --fec-cream:  #E8E4D9;
  --fec-orange: #E8714A;
  --fec-white:  #ffffff;
  --fec-grey:   #f3f3f0;
  --fec-border: #d8d4c8;
  --fec-muted:  #767672;
  --fec-radius: 12px;
  --fec-font:   'Helvetica Neue', Arial, sans-serif;
}
.fec-section { font-family: var(--fec-font); box-sizing: border-box; }
.fec-section *, .fec-section *::before, .fec-section *::after { box-sizing: border-box; }

@media (max-width: 767px) {

  /* General grid stacking */
  .fec-2col { grid-template-columns: 1fr !important; }
  .fec-3col { grid-template-columns: 1fr !important; }
  .fec-hide-mobile { display: none !important; }

  /* Hero grid: single column, no overflow */
  .fec-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    min-height: unset !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  /* Hero text column: remove excess padding, constrain width */
  .fec-hero-grid > div:first-child {
    padding: 32px 0 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Eyebrow: force single line */
  .fec-hero-grid p[style*="letter-spacing"] {
    white-space: nowrap !important;
    font-size: 10px !important;
  }

  /* Body text: don't overflow */
  .fec-hero-grid p {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Buttons: stack vertically, full width each */
  .fec-hero-btns {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 10px !important;
  }
  .fec-hero-btns a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }

  /* Image: full width, below text, rounded all corners */
  .fec-hero-img {
    width: 100% !important;
    padding-bottom: 0 !important;
  }
  .fec-hero-img img {
    width: 100% !important;
    height: 220px !important;
    border-radius: 12px !important;
    object-position: center 20% !important;
  }

  /* Section padding tightened on mobile */
  .fec-section[style*="padding:0 5%"] {
    padding: 0 20px !important;
  }
}
/* ── Buttons: equal size on all screens ── */
.fec-hero-btns a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 220px !important;
  padding: 13px 24px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  .fec-hero-btns a {
    width: 100% !important;
    min-width: unset !important;
  }
}

/* Force nav strip to stick */
.fec-nav-section {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

/* If your theme has a sticky header, push the nav below it */
/* Measure your header height and replace 80px with that value */
.fec-nav-section {
  top: 80px !important;
}/* End custom CSS */