/* ==============================================================
   FAMILY HEALTH HOSPITAL — FINAL VISUAL & RESPONSIVE ENHANCEMENTS
   Loaded last so the original page structure remains unchanged.
   ============================================================== */
:root{
  --fh-navy:#073754;
  --fh-navy-2:#0a4f70;
  --fh-teal:#0b9da5;
  --fh-aqua:#21c4bf;
  --fh-gold:#f6ad35;
  --fh-soft:#eef9fb;
  --fh-card:#ffffff;
  --fh-border:rgba(11,157,165,.28);
  --fh-shadow:0 18px 48px rgba(4,48,73,.12);
  --fh-shadow-hover:0 26px 62px rgba(4,48,73,.20);
}
html{max-width:100%;overflow-x:hidden;scroll-behavior:smooth;}
body{
  max-width:100%;
  overflow-x:hidden!important;
  color:#334155;
  background:
    radial-gradient(circle at 8% 10%, rgba(33,196,191,.14), transparent 30%),
    radial-gradient(circle at 94% 22%, rgba(15,155,198,.12), transparent 28%),
    linear-gradient(180deg,#f8fdff 0%,#edf8fb 48%,#f9fcff 100%);
  background-attachment:fixed;
}
body *{min-width:0;}
img,svg,video,iframe{max-width:100%;}

/* Rich coloured navigation */
.topbar{
  background:linear-gradient(90deg,#052d47 0%,#075376 55%,#087f83 100%)!important;
  box-shadow:0 5px 20px rgba(3,36,56,.18);
}
.fert-header{
  height:96px!important;
  background:linear-gradient(110deg,#073754 0%,#096b82 54%,#0b9da5 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 34px rgba(4,45,67,.23)!important;
  padding-left:clamp(14px,2.3vw,32px)!important;
  padding-right:clamp(14px,2.3vw,32px)!important;
}
.fert-logo{
  width:220px!important;
  height:76px!important;
  padding:5px 12px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.17);
}
.fert-logo img{width:100%!important;height:100%!important;max-height:68px!important;object-fit:contain!important;}
.fert-nav > a,.nav-trigger{color:#fff!important;height:96px!important;font-family:"DM Sans",sans-serif!important;font-size:15px!important;font-weight:700!important;border-radius:10px;}
.fert-nav > a:hover,.nav-trigger:hover,.nav-item:hover .nav-trigger{
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
}
.fert-call-label,.fert-call-num{color:#fff!important;}
.fert-call-icon{background:#fff!important;color:var(--fh-teal)!important;box-shadow:0 7px 18px rgba(0,0,0,.17);}
.menu-btn,.mobile-menu-btn{background:#fff!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.16);}
.menu-btn span,.mobile-menu-btn span{background:var(--fh-navy)!important;}
.nav-dropdown,.service-dropdown,.service-submenu{
  border:1px solid rgba(11,157,165,.24)!important;
  border-radius:14px!important;
  box-shadow:var(--fh-shadow)!important;
}
.nav-dropdown a:hover,.service-category:hover>a,.service-submenu a:hover{background:linear-gradient(135deg,var(--fh-teal),#0f9bc6)!important;color:#fff!important;}

/* Consistent coloured page backgrounds */
main,.service-page{background:transparent!important;}
section:not(.hero-section):not(.stats-section):not(.contact-strip){position:relative;}
.service-main{position:relative;}
.service-main::before{
  content:"";position:absolute;inset:28px 4px 28px;border-radius:34px;
  background:rgba(255,255,255,.58);border:1px solid rgba(11,157,165,.10);
  box-shadow:0 22px 70px rgba(5,55,82,.07);z-index:-1;
}

/* Images: coloured border, card frame and refined hover */
.service-banner,.facility-card,.gallery-card,.blog-card,.ortho-card,.service-card,.expertise-card,.feature-card,
.doctor-image,.about-image,.image-box,.about-img{
  border:1px solid var(--fh-border)!important;
  box-shadow:var(--fh-shadow)!important;
}
.service-banner img,.facility-card img,.gallery-card img,.blog-card img,.ortho-card img,.service-card img,
.expertise-card img,.feature-card img,.doctor-image img,.about-image img,.image-box img,.about-img img{
  border:3px solid rgba(11,157,165,.48)!important;
  box-shadow:0 12px 34px rgba(4,53,78,.12)!important;
  transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .45s ease,box-shadow .45s ease!important;
}
.heroSwiper img{border:none!important;box-shadow:none!important;}
.service-banner:hover img,.facility-card:hover img,.gallery-card:hover img,.blog-card:hover img,.ortho-card:hover img,
.service-card:hover img,.expertise-card:hover img,.feature-card:hover img{transform:scale(1.035);filter:saturate(1.06);box-shadow:0 18px 42px rgba(4,53,78,.20)!important;}

/* Reusable attractive cards */
.detail-card,.info-box,.facility-card,.gallery-card,.blog-card,.ortho-card,.service-card,.services-card,
.expertise-card,.feature-card,.hours-card,.call-card,.gyno-service-box,.opening-box,.faq-item{
  border:1px solid var(--fh-border)!important;
  box-shadow:var(--fh-shadow)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,252,253,.96))!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;
}
.detail-card:hover,.info-box:hover,.facility-card:hover,.gallery-card:hover,.blog-card:hover,.ortho-card:hover,
.service-card:hover,.services-card:hover,.expertise-card:hover,.feature-card:hover,.hours-card:hover,.call-card:hover{
  transform:translateY(-7px);box-shadow:var(--fh-shadow-hover)!important;border-color:rgba(11,157,165,.62)!important;
}
.detail-card{border-radius:22px!important;overflow:hidden;}
.detail-card h2,.detail-card h3{color:var(--fh-navy)!important;}
.detail-card h2::after,.detail-card h3::after{background:linear-gradient(90deg,var(--fh-teal),var(--fh-gold))!important;width:86px!important;}
.info-box{border-radius:16px!important;}
.info-box i{color:var(--fh-teal)!important;}
.faq-item h4{color:var(--fh-navy)!important;background:linear-gradient(90deg,#eefafb,#f8fcff)!important;}

/* New service copy components */
.service-intro-label{
  display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;
  color:#087b83;background:#e6f8f8;border:1px solid rgba(11,157,165,.24);font-weight:800;font-size:12px;
  letter-spacing:.8px;text-transform:uppercase;margin-bottom:13px;
}
.service-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;}
.service-highlight{
  padding:17px;border:1px solid rgba(11,157,165,.24);border-radius:15px;background:linear-gradient(145deg,#effbfb,#fff);
  color:#314657;line-height:1.55;font-size:14px;box-shadow:0 8px 22px rgba(4,53,78,.06);
}
.service-highlight i{display:block;color:var(--fh-teal);font-size:22px;margin-bottom:8px;}
.service-note{
  margin-top:18px;padding:15px 17px;border-left:4px solid var(--fh-gold);border-radius:10px;
  background:#fff9ed;color:#5d4a28;font-size:14px;line-height:1.65;
}
.service-emergency-note{border-left-color:#ef5350;background:#fff4f3;color:#7d302e;}

/* Stats: requested figures in premium bordered cards */
.stats-section{
  padding:78px 20px!important;
  background:linear-gradient(125deg,#063b59 0%,#08758a 52%,#0aa39a 100%)!important;
  position:relative;overflow:hidden;
}
.stats-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:30px 30px;}
.stats-container{
  position:relative;z-index:2;max-width:1220px!important;margin:auto;padding:20px!important;
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;
  border:1px solid rgba(255,255,255,.30);border-radius:28px;background:rgba(255,255,255,.10);
  backdrop-filter:blur(9px);box-shadow:0 24px 65px rgba(0,25,40,.28);
}
.stats-box{
  min-height:180px;padding:28px 18px!important;border-radius:20px!important;
  border:1px solid rgba(255,255,255,.45)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(229,250,250,.94))!important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  box-shadow:0 16px 38px rgba(0,29,48,.20)!important;
}
.stats-box h2{color:var(--fh-teal)!important;font-size:clamp(38px,4.3vw,62px)!important;line-height:1!important;margin:0 0 12px!important;text-shadow:0 3px 0 rgba(255,255,255,.9);}
.stats-box p{color:var(--fh-navy)!important;font-family:"DM Sans",sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1.45!important;margin:0!important;}

/* Soft entrance animations */
.fh-animate{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1);}
.fh-animate.fh-visible{opacity:1;transform:none;}
.fh-animate:nth-child(2){transition-delay:.06s}.fh-animate:nth-child(3){transition-delay:.12s}.fh-animate:nth-child(4){transition-delay:.18s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.fh-animate{opacity:1;transform:none}}

/* Footer harmony */
.fertily-footer{background:linear-gradient(135deg,#052d47,#073e5b 54%,#08676e)!important;}
.footer-bottom{background:#04283d!important;}

/* Full mobile responsiveness and overflow protection */
.mobile-nav,.side-panel{max-width:100vw!important;}
.mobile-nav{background:linear-gradient(180deg,#fff,#effafb)!important;}
.mob-nav-link,.mob-service-cat-btn{color:var(--fh-navy)!important;}
.mob-nav-link:hover,.mob-service-cat-btn:hover{background:#e8f7f8!important;color:var(--fh-teal)!important;}
@media(max-width:1180px){
  .fert-header{height:86px!important;}
  .fert-logo{width:190px!important;height:68px!important;}
  .fert-nav{display:none!important;}
  .fert-right .fert-call{display:none!important;}
  .menu-btn{display:none!important;}
  .mobile-menu-btn{display:flex!important;}
}
@media(max-width:991px){
  .service-main{grid-template-columns:1fr!important;padding-left:18px!important;padding-right:18px!important;}
  .service-sidebar{position:static!important;width:100%!important;}
  .service-highlight-grid{grid-template-columns:1fr 1fr;}
  .stats-container{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:768px){
  .topbar-left{display:none!important;}
  .topbar-inner{padding:7px 14px!important;justify-content:center!important;}
  .topbar-right{justify-content:center!important;gap:7px 13px!important;}
  .topbar-right a{font-size:11px!important;overflow-wrap:anywhere;}
  .fert-header{height:80px!important;padding:0 12px!important;}
  .fert-logo{width:174px!important;height:62px!important;padding:4px 8px;}
  .mobile-menu-btn{width:44px!important;height:44px!important;flex-shrink:0;}
  .service-banner img{height:300px!important;}
  .service-banner-title{left:18px!important;right:18px!important;bottom:18px!important;}
  .service-banner-title h1{font-size:clamp(28px,8vw,38px)!important;overflow-wrap:anywhere;}
  .detail-card{padding:23px 18px!important;}
  .detail-card p,.detail-card li{font-size:16px!important;text-align:left!important;overflow-wrap:anywhere;}
  .service-highlight-grid{grid-template-columns:1fr;}
  .stats-section{padding:55px 13px!important;}
  .stats-container{grid-template-columns:1fr 1fr!important;padding:13px!important;gap:12px!important;border-radius:22px;}
  .stats-box{min-height:150px;padding:22px 10px!important;}
  .stats-box p{font-size:13px!important;}
  .gyno-service-box{padding:22px 16px!important;}
  .gyno-service-box a{font-size:14px!important;overflow-wrap:anywhere;}
  .footer-container{width:100%!important;}
}
@media(max-width:520px){
  .topbar-right a:nth-of-type(2),.topbar-right a:last-child{display:none!important;}
  .fert-logo{width:160px!important;}
  .service-main{padding:34px 12px!important;}
  .service-banner img{height:235px!important;}
  .stats-container{grid-template-columns:1fr!important;}
  .stats-box{min-height:140px;}
  .stats-box h2{font-size:44px!important;}
  .detail-card h2,.detail-card h3{font-size:25px!important;}
}

/* ==============================================================
   FINAL REQUESTED UPDATE — FULL IMAGE FRAMES, COLOURED SECTIONS
   AND COLOURFUL HOME-PAGE SERVICE CARDS
   ============================================================== */

/* Every content section now uses the hospital colour theme instead of flat white. */
section:not(.hero-slider):not(.hero-section):not(.stats-section):not(.contact-strip):not(.service-hero):not(.blog-banner):not(.facility-banner):not(.gallery-page-banner) {
  background:
    radial-gradient(circle at 8% 12%, rgba(33,196,191,.11), transparent 25%),
    radial-gradient(circle at 92% 88%, rgba(15,155,198,.10), transparent 28%),
    linear-gradient(135deg,#edf9fb 0%,#f8fdff 48%,#eaf6fa 100%) !important;
}
section:not(.hero-slider):not(.hero-section):not(.stats-section):not(.contact-strip):not(.service-hero):not(.blog-banner):not(.facility-banner):not(.gallery-page-banner):nth-of-type(even) {
  background:
    radial-gradient(circle at 88% 16%, rgba(246,173,53,.08), transparent 24%),
    radial-gradient(circle at 10% 84%, rgba(11,157,165,.11), transparent 28%),
    linear-gradient(135deg,#f7fcff 0%,#eaf8f7 52%,#f4fbff 100%) !important;
}
.service-page,
.doctor-profile-page,
.ortho-doctor-page,
.facilities-section,
.gallery-main-section,
.contact-section,
.blog-section {
  background:
    radial-gradient(circle at 10% 5%, rgba(33,196,191,.13), transparent 25%),
    radial-gradient(circle at 92% 30%, rgba(15,155,198,.10), transparent 27%),
    linear-gradient(180deg,#eef9fb 0%,#f8fcff 50%,#eaf7f8 100%) !important;
}
.service-main {
  background:
    linear-gradient(145deg,rgba(232,248,249,.98),rgba(247,252,255,.98)) !important;
  border-top:1px solid rgba(11,157,165,.14);
  border-bottom:1px solid rgba(11,157,165,.14);
}

/* Coloured decorative layer for sections without disturbing their content. */
section:not(.hero-slider):not(.hero-section):not(.stats-section):not(.contact-strip):not(.service-hero):not(.blog-banner):not(.facility-banner):not(.gallery-page-banner)::after {
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-105px;
  top:34px;
  border-radius:50%;
  background:rgba(11,157,165,.055);
  pointer-events:none;
  z-index:0;
}
section:not(.hero-slider):not(.hero-section):not(.stats-section):not(.contact-strip):not(.service-hero):not(.blog-banner):not(.facility-banner):not(.gallery-page-banner) > * {
  position:relative;
  z-index:1;
}

/* Border/card treatment for every content photograph on every page. */
body img {
  max-width:100%;
  height:auto;
  border:3px solid rgba(11,157,165,.58) !important;
  border-radius:18px;
  padding:3px;
  background:linear-gradient(145deg,#ffffff,#eaf9fa);
  box-shadow:0 14px 36px rgba(4,53,78,.16) !important;
  transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .45s ease,filter .45s ease;
}
body img:hover {
  transform:translateY(-4px) scale(1.012);
  border-color:rgba(246,173,53,.82) !important;
  box-shadow:0 22px 48px rgba(4,53,78,.23) !important;
  filter:saturate(1.04);
}

/* Logos and full-width hero slides retain their intended layout. */
.fert-logo img,
.footer-logo img,
.panel-logo img,
.heroSwiper img,
.hero-slider img {
  border:0 !important;
  border-radius:0;
  padding:0;
  background:transparent;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
}
.hero-slider,
.heroSwiper {
  border-bottom:4px solid rgba(11,157,165,.58);
  box-shadow:0 15px 38px rgba(4,53,78,.14);
}

/* Stronger image frames inside the most-used page components. */
.service-banner,
.doctor-image,
.about-image,
.about-img,
.image-box,
.facility-card,
.gallery-card,
.blog-card,
.ortho-card,
.feature-card,
.expertise-card,
.service-image {
  border:1px solid rgba(11,157,165,.38) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,#ffffff,#eaf8fa) !important;
  padding:7px !important;
  box-shadow:0 18px 46px rgba(4,53,78,.15) !important;
  overflow:hidden;
}
.service-banner img,
.doctor-image img,
.about-image img,
.about-img img,
.image-box img,
.facility-card img,
.gallery-card img,
.blog-card img,
.ortho-card img,
.feature-card img,
.expertise-card img,
.service-image img {
  width:100%;
  border-radius:15px !important;
}

/* Home-page services: each slide is a real coloured card. */
.service-area {
  padding-top:92px !important;
  padding-bottom:98px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 5% 15%,rgba(33,196,191,.15),transparent 27%),
    radial-gradient(circle at 95% 82%,rgba(246,173,53,.12),transparent 25%),
    linear-gradient(135deg,#e9f7fa 0%,#f9fdff 48%,#e6f5f7 100%) !important;
}
.service-slider-wrap {
  padding:12px 8px 30px;
}
.serviceSwiper .swiper-slide {
  --svc:#0b9da5;
  --svc-soft:#e5f8f8;
  padding:10px 5px 24px;
}
.serviceSwiper .swiper-slide:nth-child(6n+1){--svc:#0b9da5;--svc-soft:#e2f8f7;}
.serviceSwiper .swiper-slide:nth-child(6n+2){--svc:#d84f7e;--svc-soft:#fff0f5;}
.serviceSwiper .swiper-slide:nth-child(6n+3){--svc:#267cc5;--svc-soft:#eaf4ff;}
.serviceSwiper .swiper-slide:nth-child(6n+4){--svc:#db8a16;--svc-soft:#fff7e6;}
.serviceSwiper .swiper-slide:nth-child(6n+5){--svc:#378c5c;--svc-soft:#eaf8ef;}
.serviceSwiper .swiper-slide:nth-child(6n+6){--svc:#7656bd;--svc-soft:#f2edff;}
.serviceSwiper .service-card {
  position:relative;
  min-height:100%;
  padding:42px 22px 0 !important;
  border:2px solid var(--svc) !important;
  border-radius:28px !important;
  background:linear-gradient(155deg,#ffffff 0%,var(--svc-soft) 100%) !important;
  box-shadow:0 18px 46px rgba(4,53,78,.14) !important;
  overflow:hidden;
}
.serviceSwiper .service-card::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:7px;
  background:var(--svc);
}
.serviceSwiper .service-card::after {
  content:"";
  position:absolute;
  width:135px;
  height:135px;
  right:-58px;
  top:-55px;
  border-radius:50%;
  background:var(--svc-soft);
  border:1px solid var(--svc);
  opacity:.65;
  pointer-events:none;
}
.serviceSwiper .service-card:hover {
  transform:translateY(-9px);
  border-color:var(--svc) !important;
  box-shadow:0 28px 64px rgba(4,53,78,.23) !important;
}
.serviceSwiper .service-icon {
  width:88px;
  height:88px;
  margin:0 auto 23px;
  display:grid;
  place-items:center;
  border-radius:24px;
  border:1px solid var(--svc);
  background:var(--svc-soft);
  box-shadow:0 12px 28px rgba(4,53,78,.10);
}
.serviceSwiper .service-icon svg {
  width:55px !important;
  height:55px !important;
  color:var(--svc) !important;
}
.serviceSwiper .service-card h3 {
  color:var(--fh-navy) !important;
  font-family:"DM Sans",sans-serif !important;
  font-size:22px !important;
  font-weight:800 !important;
}
.serviceSwiper .service-card p {
  color:#4c6473 !important;
  font-family:"DM Sans",sans-serif !important;
  font-size:15px !important;
  line-height:1.7 !important;
  min-height:78px;
}
.serviceSwiper .service-image {
  margin:30px -13px 0 !important;
  padding:5px !important;
  border-color:var(--svc) !important;
  border-radius:22px 22px 0 0 !important;
  background:#fff !important;
}
.serviceSwiper .service-image img {
  height:245px !important;
  border:2px solid var(--svc) !important;
  border-radius:17px 17px 0 0 !important;
}
.serviceSwiper .service-btn {
  top:-24px !important;
  width:auto !important;
  min-width:170px;
  padding:12px 22px !important;
  color:#fff !important;
  background:var(--svc) !important;
  border:3px solid #fff !important;
  border-radius:999px !important;
  box-shadow:0 10px 25px rgba(4,53,78,.18) !important;
  font-weight:800 !important;
  z-index:3;
}
.serviceSwiper .service-btn:hover {
  transform:translateX(-50%) translateY(-3px) !important;
  filter:brightness(.93);
}

/* Keep cards readable while removing the plain-white section feel. */
.detail-card,
.info-box,
.facility-card,
.gallery-card,
.blog-card,
.ortho-card,
.expertise-card,
.feature-card,
.hours-card,
.call-card,
.gyno-service-box,
.opening-box,
.faq-item,
.contact-form,
.contact-info,
.doctor-content {
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,249,249,.96)) !important;
  border:1px solid rgba(11,157,165,.34) !important;
  box-shadow:0 16px 42px rgba(4,53,78,.12) !important;
}

@media(max-width:768px){
  section:not(.hero-slider):not(.hero-section):not(.stats-section):not(.contact-strip):not(.service-hero):not(.blog-banner):not(.facility-banner):not(.gallery-page-banner)::after{
    width:130px;height:130px;right:-72px;top:20px;
  }
  body img{border-width:2px!important;border-radius:14px;padding:2px;}
  .service-area{padding-top:62px!important;padding-bottom:65px!important;}
  .serviceSwiper .service-card{padding:36px 17px 0!important;border-radius:23px!important;}
  .serviceSwiper .service-icon{width:76px;height:76px;border-radius:20px;}
  .serviceSwiper .service-icon svg{width:48px!important;height:48px!important;}
  .serviceSwiper .service-card p{min-height:0;}
  .serviceSwiper .service-image img{height:220px!important;}
}

.service-image {
  overflow: visible !important;
}

/* ================= MAP SECTION ================= */
.map-section {
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
}
.map-container {
  width: 100%;
  max-width: 100%;
}
.map-container iframe {
  width: 100%;
  height: 450px;
  border: 0;
  display: block;
}
@media (max-width: 768px) {
  .map-container iframe {
    height: 350px;
  }
}



/* ===== Navbar Location Button ===== */
.fert-location{
  min-height:44px;
  padding:0 15px 0 9px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  background:linear-gradient(135deg, var(--primary), #0b99a8);
  box-shadow:0 8px 20px rgba(0, 124, 140, .20);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  flex-shrink:0;
}

.fert-location:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(0, 124, 140, .28);
  filter:brightness(1.04);
}

.fert-location-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  flex-shrink:0;
}

.fert-location-icon i{
  color:#fff;
  font-size:17px;
}

.fert-location-text{
  display:inline-block;
}

@media(max-width:1240px) and (min-width:1101px){
  .fert-location{
    width:42px;
    min-height:42px;
    padding:0;
  }
  .fert-location-icon{
    width:42px;
    height:42px;
    background:transparent;
  }
  .fert-location-text{
    display:none;
  }
}

@media(max-width:1100px){
  .fert-location{
    min-height:42px;
    padding:0 13px 0 8px;
    font-size:13px;
  }
  .fert-location-icon{
    width:28px;
    height:28px;
  }
}

@media(max-width:575px){
  .fert-right{
    gap:8px;
  }
  .fert-location{
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
    padding:0;
    box-shadow:0 6px 16px rgba(0, 124, 140, .20);
  }
  .fert-location-icon{
    width:40px;
    height:40px;
    background:transparent;
  }
  .fert-location-text{
    display:none;
  }
}

@media(max-width:390px){
  .fert-header{
    padding-left:12px;
    padding-right:12px;
  }
  .fert-logo{
    width:132px;
  }
  .fert-logo img{
    width:128px;
  }
  .fert-right{
    gap:6px;
  }
  .fert-location,
  .fert-call-icon,
  .mobile-menu-btn{
    width:38px;
    min-width:38px;
    height:38px;
    min-height:38px;
  }
  .fert-location-icon{
    width:38px;
    height:38px;
  }
}

/* Reliable call icon: inline SVG stays visible on the white circular button */
.fert-call-icon svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:var(--fh-teal, #0b9da5);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}