/* =========================================================================
   Saytın ümumi premium qatı (ivory + qızılı, Plus Jakarta Sans)
   BÜTÜN ictimai səhifələrdə yüklənir (_Layout, _LayoutArticle, _LayoutService).
   Scope: body.sp. Markup, URL və mətnlər dəyişmir — yalnız görünüş.
   Ana səhifəyə xas bölmələr: home-premium.css (body.hp).
   ========================================================================= */

.sp {
  --hp-ivory: #FBF8F3;
  --hp-cream: #F5EEE3;
  --hp-sand: #E8DCC8;
  --hp-line: #EEE5D8;
  --hp-gold: #B8914C;
  --hp-gold-soft: #F4E7CC;
  --hp-gold-text: #8A6A2F;
  --hp-gold-btn: linear-gradient(135deg, #94702F 0%, #846327 55%, #735420 100%);
  --hp-ink: #1F1A17;
  --hp-text: #4F4741;
  --hp-muted: #6B625A;
  --hp-radius: 14px;
  --hp-shadow: 0 12px 34px rgba(70, 48, 18, .08);
  --hp-shadow-sm: 0 4px 16px rgba(70, 48, 18, .06);
  --hp-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --hp-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-family: var(--hp-sans);
}

/* =========================================================================
   HEADER (bütün səhifələr) — açıq ivory, tünd naviqasiya, qızılı CTA
   ========================================================================= */
.sp .header-area { position: relative; background: var(--hp-ivory); border-bottom: 1px solid var(--hp-line); }
.sp .top-header { display: none; }
.sp .navbar-area { background: transparent; }
.sp .klev-nav { background: transparent; }
.sp .navbar-area.is-sticky {
  background: rgba(251, 248, 243, .97) !important;
  box-shadow: 0 6px 24px rgba(70, 48, 18, .08);
}
.sp .klev-nav .navbar .navbar-brand { display: flex; align-items: center; gap: 10px; }
.sp .klev-nav .navbar .navbar-brand img { width: 44px; height: auto; }
.hp-brand { display: flex; flex-direction: column; line-height: 1.1; }
.hp-brand strong { font-family: var(--hp-display); font-size: 15px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--hp-ink); }
.hp-brand small { margin-top: 3px; font-family: var(--hp-sans); font-size: 9.5px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: var(--hp-gold-text); }
.sp .klev-nav .navbar .navbar-nav .nav-item a {
  position: relative; font-family: var(--hp-sans); font-size: 14.5px; font-weight: 500; color: var(--hp-ink);
  padding-top: 28px; padding-bottom: 28px; margin-left: 13px; margin-right: 13px;
}
.sp .klev-nav .navbar .navbar-nav .nav-item a:hover,
.sp .klev-nav .navbar .navbar-nav .nav-item a:focus,
.sp .klev-nav .navbar .navbar-nav .nav-item:hover a,
.sp .klev-nav .navbar .navbar-nav > .nav-item.active > a { color: var(--hp-gold-text); }
.sp .klev-nav .navbar .navbar-nav > .nav-item.active > a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 20px; height: 2px; border-radius: 2px; background: var(--hp-gold);
}
.sp .others-option .option-item,
.sp .others-option .burger-menu { display: none !important; }
.sp .others-option { display: flex; align-items: center; gap: 10px; margin-left: 22px; }
.hp-head-phone, .hp-head-cta {
  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 999px;
  font-family: var(--hp-sans); font-size: 14px; font-weight: 700; white-space: nowrap;
}
.hp-head-phone { background: #fff; border: 1px solid var(--hp-sand); color: var(--hp-ink); }
.hp-head-phone svg { width: 16px; height: 16px; fill: var(--hp-gold-text); }
.hp-head-phone:hover, .hp-head-phone:focus { color: var(--hp-gold-text); border-color: var(--hp-gold); }
.hp-head-cta { background: var(--hp-gold-btn); color: #fff; box-shadow: 0 6px 16px rgba(132, 99, 39, .3); }
.hp-head-cta:hover, .hp-head-cta:focus { color: #fff; filter: brightness(1.06); }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .sp .klev-nav .navbar .navbar-nav .nav-item a { margin-left: 8px; margin-right: 8px; font-size: 13.5px; }
  .hp-brand, .hp-head-phone { display: none; }
}

/* Mobil header */
@media (max-width: 991.98px) {
  .sp .navbar-area { padding-top: 10px; padding-bottom: 10px; }
  .sp .klev-responsive-nav .logo img { width: 46px; height: auto; }
  .sp .navbar-area.is-sticky { padding-top: 8px; padding-bottom: 8px; }
}

/* =========================================================================
   MOBİL MENYU (meanmenu). Plugin menyunu .mean-nav-a kopyalayır:
   linklər, URL-lər və mətnlər eynidir, dəyişən yalnız görünüşdür.
   Açıq vəziyyət: a.meanmenu-reveal.meanclose + .mean-nav.
   ========================================================================= */
@media (max-width: 991.98px) {
  .sp .klev-responsive-nav .klev-responsive-menu.mean-container { position: relative; }
  /* Bar 0 hündürlükdədir və başlığın ortasından başlayır: düymə şaquli mərkəzdə, panel düymənin altında. */
  .sp .klev-responsive-nav .mean-container .mean-bar { top: 50%; left: 0; width: 100%; height: 0; margin: 0; padding: 0; }
  .sp .klev-responsive-nav .mean-container .mean-bar *,
  .sp .klev-responsive-nav .mean-container .mean-bar *::before,
  .sp .klev-responsive-nav .mean-container .mean-bar *::after { box-sizing: border-box; }

  /* Düymə: "Menyu ☰" / "Bağla ✕" */
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal {
    display: grid !important; grid-template-columns: auto 18px; grid-template-rows: repeat(3, 2px);
    align-content: center; column-gap: 10px; row-gap: 4px;
    top: -22px; width: auto !important; height: 44px !important; padding: 0 15px 0 17px !important;
    border: 1px solid var(--hp-sand); border-radius: 999px; background: #fff !important; color: var(--hp-ink) !important;
    box-shadow: var(--hp-shadow-sm); font-size: 0 !important; line-height: 0 !important; text-indent: 0 !important;
    -webkit-tap-highlight-color: transparent; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal::before {
    content: "Menyu"; grid-column: 1; grid-row: 1 / -1; align-self: center;
    font: 700 12.5px/1 var(--hp-sans); letter-spacing: .14em; text-transform: uppercase;
  }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal span {
    grid-column: 2; display: block; width: 18px; height: 2px; margin: 0; position: static;
    border-radius: 2px; background: currentColor !important;
  }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal span:nth-child(2) { width: 12px; justify-self: end; }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal.meanclose {
    background: var(--hp-ink) !important; border-color: var(--hp-ink); color: #fff !important; box-shadow: 0 8px 20px rgba(31, 26, 23, .22);
  }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal.meanclose::before { content: "Bağla"; }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal.meanclose span:nth-child(1) { animation: sp-burger-top .28s ease forwards; }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal.meanclose span:nth-child(2) { animation: sp-burger-mid .2s ease forwards; }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal.meanclose span:nth-child(3) { animation: sp-burger-bot .28s ease forwards; }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal:focus-visible { outline: 2px solid var(--hp-gold); outline-offset: 3px; }

  /* Panel */
  .sp .klev-responsive-nav .klev-responsive-menu.mean-container .mean-nav {
    float: none; position: absolute; top: 36px; left: 0; right: 0; width: auto; margin: 0;
    padding: 8px; border: 1px solid var(--hp-line); border-radius: 22px; background: #fff;
    box-shadow: 0 28px 70px rgba(40, 28, 12, .2), 0 2px 8px rgba(40, 28, 12, .06);
    max-height: calc(100vh - 96px); max-height: calc(100dvh - 96px); overflow-y: auto; overscroll-behavior: contain;
    opacity: 0; visibility: hidden; transform: translateY(-10px) scale(.98); transform-origin: top right;
    transition: opacity .2s ease, transform .28s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .28s;
  }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal.meanclose + .mean-nav {
    opacity: 1; visibility: visible; transform: none; transition-delay: 0s;
  }
  /* Plugin əsas siyahını slideDown/slideUp ilə açır; panel özü animasiya olunur, ona görə bu siyahı həmişə açıqdır. */
  .sp .klev-responsive-nav .mean-container .mean-nav > ul.navbar-nav {
    display: block !important; height: auto !important; overflow: visible !important;
    margin: 0 !important; padding: 0 !important; box-shadow: none; background: none;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav ul li { float: none; width: auto; }
  .sp .klev-responsive-nav .mean-container .mean-nav > ul > li + li { border-top: 1px solid #F3ECE2; }

  /* Əsas bəndlər */
  .sp .klev-responsive-nav .mean-container .mean-nav > ul > li > a:not(.mean-expand) {
    display: flex; align-items: center; gap: 12px; float: none; width: auto; min-height: 54px; margin: 0;
    padding: 14px 16px; border: 0; border-radius: 14px; background: none;
    font-size: 16px; font-weight: 600; line-height: 1.3; letter-spacing: -.005em; color: var(--hp-ink); text-transform: none;
    -webkit-tap-highlight-color: transparent; transition: background-color .15s ease, color .15s ease;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav > ul > li:not(.svc-nav) > a:not(.mean-expand)::after {
    content: ""; flex: none; width: 18px; height: 18px; margin-left: auto; opacity: .55;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238A6A2F' d='M9.4 6 8 7.4l4.6 4.6L8 16.6 9.4 18l6-6z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav > ul > li > a:not(.mean-expand):active,
  .sp .klev-responsive-nav .mean-container .mean-nav > ul > li > a:not(.mean-expand):hover { background: var(--hp-ivory); color: var(--hp-ink); }
  .sp .klev-responsive-nav .mean-container .mean-nav > ul > li.active > a:not(.mean-expand) { color: var(--hp-gold-text); }
  .sp .klev-responsive-nav .mean-container .mean-nav > ul > li.active > a:not(.mean-expand)::before {
    content: ""; flex: none; width: 6px; height: 6px; margin-left: -2px; border-radius: 50%; background: var(--hp-gold);
    box-shadow: 0 0 0 4px var(--hp-gold-soft);
  }

  /* Alt menyunu açan düymə (plugin "+"/"-" yazır, onu gizlədib ox çəkirik) */
  .sp .klev-responsive-nav .mean-container .mean-nav ul li a.mean-expand {
    display: flex; align-items: center; justify-content: center; position: absolute; top: 5px; right: 6px;
    width: 44px !important; height: 44px !important; margin: 0; padding: 0 !important; border: 0 !important; border-radius: 50%;
    background: none; font-size: 0 !important; color: transparent; -webkit-tap-highlight-color: transparent;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav ul li a.mean-expand::before {
    content: ""; width: 32px; height: 32px; border-radius: 50%; background-color: var(--hp-gold-soft);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238A6A2F' d='M12 15.4 6.6 10 8 8.6l4 4 4-4 1.4 1.4z'/%3E%3C/svg%3E");
    background-position: center; background-size: 20px; background-repeat: no-repeat; transition: transform .25s ease, background-color .2s ease;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav ul li a.mean-expand.mean-clicked::before { transform: rotate(180deg); background-color: var(--hp-sand); }
  .sp .klev-responsive-nav .mean-container .mean-nav > ul > li.svc-nav > a { padding-right: 60px; }

  /* Xidmətlər: qruplar (Dermatologiya, Kosmetologiya, Cərrahi) */
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega {
    position: static; float: none; width: auto; min-width: 0; max-width: none; transform: none;
    margin: 0 0 8px; padding: 6px; border: 0; border-radius: 16px; background: var(--hp-ivory); box-shadow: none;
    opacity: 1; visibility: visible;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega > li { position: relative; padding: 0; border-radius: 12px; }
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega > li + li { margin-top: 2px; }
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega a.svc-mega__parent {
    display: flex; align-items: center; gap: 12px; float: none; width: auto; min-height: 54px; margin: 0;
    padding: 10px 60px 10px 10px; border: 0; border-radius: 12px; background: none;
    font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--hp-ink); text-transform: none;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega a.svc-mega__parent:hover { background: #fff; }
  .sp .klev-responsive-nav .mean-container .mean-nav .svc-mega__num {
    display: inline-flex; align-items: center; justify-content: center; flex: none; width: 34px; height: 34px; margin: 0;
    border-radius: 10px; background: #fff; border: 1px solid var(--hp-line);
    font-size: 11px; font-weight: 800; letter-spacing: .06em; color: var(--hp-gold-text);
  }
  .sp .klev-responsive-nav .mean-container .mean-nav .svc-mega__parent small { display: none; }

  /* Alt xidmətlər */
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega__list { margin: 0; padding: 2px 6px 10px 56px; }
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega__list li a {
    position: relative; display: block; float: none; width: auto; margin: 0; padding: 9px 10px 9px 16px;
    border: 0; border-radius: 10px; background: none;
    font-size: 14.5px; font-weight: 500; line-height: 1.4; color: var(--hp-text); text-transform: none;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega__list li a::before {
    content: ""; position: absolute; left: 2px; top: 19px; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: #C9A35E;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega__list li a:hover,
  .sp .klev-responsive-nav .mean-container .mean-nav ul.svc-mega__list li a:active { background: #fff; color: var(--hp-gold-text); }

  /* Panelin altı: qəbul, zəng, sosial şəbəkələr */
  .sp .klev-responsive-nav .mean-container .mean-nav .others-option {
    display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 8px; position: static;
    margin: 6px 0 0; padding: 14px 6px 6px; border-top: 1px solid var(--hp-line);
  }
  .sp .klev-responsive-nav .mean-container .mean-nav .others-option .hp-head-cta,
  .sp .klev-responsive-nav .mean-container .mean-nav .others-option .hp-head-phone {
    display: flex; justify-content: center; width: 100%; height: 52px; padding: 0 18px; font-size: 15px;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav .others-option .hp-head-cta { order: 1; }
  .sp .klev-responsive-nav .mean-container .mean-nav .others-option .hp-head-phone { order: 2; }
  .sp .klev-responsive-nav .mean-container .mean-nav .sp-menu-social {
    order: 3; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 6px 0 2px;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav .sp-menu-social a {
    display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
    border: 1px solid var(--hp-line); border-radius: 50%; background: var(--hp-ivory); color: var(--hp-gold-text); font-size: 17px;
  }
  .sp .klev-responsive-nav .mean-container .mean-nav .sp-menu-social a:hover { background: var(--hp-gold-soft); color: var(--hp-ink); }

  /* Açıq menyu: arxa fon tutqunlaşır, səhifə sürüşmür, WhatsApp düyməsi gizlənir */
  .sp-menu-scrim {
    position: fixed; inset: 0; z-index: 998; background: rgba(31, 26, 23, .42);
    -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
    opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility 0s linear .25s;
  }
  body.sp-menu-open .sp-menu-scrim { opacity: 1; visibility: visible; transition-delay: 0s; }
  html.sp-menu-lock, body.sp-menu-open { overflow: hidden; }
  body.sp-menu-open .header-area { z-index: 1000; }
  body.sp-menu-open :is(.wa-fab, .hp-sticky, .go-top) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
}
/* Masaüstündə sosial blok görünmür (mobil menyu üçündür). */
.sp .klev-nav .sp-menu-social { display: none; }

@keyframes sp-burger-top { to { transform: translateY(6px) rotate(45deg); } }
@keyframes sp-burger-mid { to { opacity: 0; transform: scaleX(0); } }
@keyframes sp-burger-bot { to { transform: translateY(-6px) rotate(-45deg); } }
@media (prefers-reduced-motion: reduce) {
  .sp .klev-responsive-nav .mean-nav, .sp-menu-scrim { transition: none !important; }
  .sp .klev-responsive-nav .mean-container a.meanmenu-reveal.meanclose span { animation-duration: 1ms !important; }
}

/* Mövcud footer: -15px margin BS5-in 12px gutter-indən böyükdür → 3px horizontal overflow. */
.sp .single-footer-widget .footer-quick-links {
  margin-left: calc(var(--bs-gutter-x, 1.5rem) * -.5);
  margin-right: calc(var(--bs-gutter-x, 1.5rem) * -.5);
}

/* =========================================================================
   FOOTER (rəng uyğunlaşdırması — markup dəyişmir)
   ========================================================================= */
.sp .footer-area { background: #1E1915; font-family: var(--hp-sans); padding-top: 64px; }
.sp .single-footer-widget h3 {
  font-family: var(--hp-sans); text-transform: uppercase; letter-spacing: .14em; font-size: 14px; font-weight: 700; color: #fff;
  border-bottom-color: rgba(255, 255, 255, .1);
}
.sp .single-footer-widget h3::before { background-color: var(--hp-gold); }
.sp .single-footer-widget p, .sp .single-footer-widget .footer-quick-links li a,
.sp .single-footer-widget .footer-contact-info li a { color: #CFC5B9; font-family: var(--hp-sans); text-transform: none; }
.sp .single-footer-widget .footer-quick-links li a:hover,
.sp .single-footer-widget .footer-contact-info li a:hover { color: #E3C27E; }
.sp .single-footer-widget .footer-contact-info li a::before { background-color: var(--hp-gold); }
.sp .single-footer-widget .social li a { background: transparent; border: 1px solid rgba(227, 194, 126, .5); color: #E3C27E; }
.sp .single-footer-widget .social li a:hover { background: #E3C27E; color: #1E1915; }
.sp .copyright-area { border-top-color: rgba(255, 255, 255, .08); }
.sp .copyright-area p { color: #A89E92; }


/* =========================================================================
   ÜMUMİ ŞRİFT (bütün səhifələr) — theme-in Anton/Muli şriftləri əvəzinə Plus Jakarta Sans.
   İkon şriftləri (Flaticon/FontAwesome) <i> və ::before üzərindədir — toxunulmur.
   ========================================================================= */
.sp :is(p, a, li, ul, ol, dl, dd, dt, span, div, section, article, aside, header, footer, nav, main, center, figure, figcaption,
  input, textarea, select, option, button, label, legend, h1, h2, h3, h4, h5, h6, table, caption, td, th, blockquote, small, strong, b, em, u, s, mark, sub, sup, font, cite, q, abbr, time, i:not([class])):not(.lg-icon) {
  font-family: var(--hp-sans) !important;
}

/* Admin redaktorundan gələn HTML (bloq, xidmət): yapışdırılmış ölçülər mətni qarışdırmasın. Başlıqlar öz ölçüsündə qalır. */
.sp :is(.article-content, .sv-content__body) :is(span, font, strong, b, em, i, u, a, sub, sup):not(.entry-meta, .entry-meta *):not(:is(h1, h2, h3, h4, h5, h6) *) {
  font-size: inherit !important; line-height: inherit !important;
}
.sp .go-top { background: var(--hp-gold-text); border-radius: 12px; }

/* =========================================================================
   DAXİLİ SƏHİFƏLƏR (body.sp-inner) — Haqqımda, Xidmətlər, Nəticələr, Video, Bloq, Əlaqə, Sual-cavab
   ========================================================================= */
.sp-inner { background: var(--hp-ivory); color: var(--hp-text); word-spacing: .05em; }
.sp-inner p { color: var(--hp-text); font-size: 15.5px; line-height: 1.75; }
.sp-inner h1, .sp-inner h2, .sp-inner h3, .sp-inner h4, .sp-inner h5, .sp-inner h6 {
  color: var(--hp-ink); letter-spacing: -.015em; word-spacing: normal;
}
.sp-inner a:focus-visible, .sp-inner button:focus-visible, .sp-inner input:focus-visible, .sp-inner textarea:focus-visible {
  outline: 3px solid var(--hp-gold-text) !important; outline-offset: 2px;
}
.sp-inner .ptb-100 { padding-top: 64px; padding-bottom: 64px; }
.sp-inner .pt-100 { padding-top: 64px; }
.sp-inner .pb-70 { padding-bottom: 40px; }
@media (max-width: 767.98px) {
  .sp-inner .ptb-100 { padding-top: 40px; padding-bottom: 40px; }
  .sp-inner .pt-100 { padding-top: 40px; }
}

/* ---------- Başlıq bandı (page-title-area) ---------- */
.sp-inner .page-title-area {
  height: auto; padding: 54px 0 48px; overflow: hidden;
  background: radial-gradient(60% 120% at 100% 0%, #F2E4CC 0%, rgba(242, 228, 204, 0) 70%), linear-gradient(180deg, #FBF6EF 0%, #F6EEE3 100%) !important;
  border-bottom: 1px solid var(--hp-line);
}
.sp-inner .page-title-area::before {
  background-image: url("../img/deco-leaves.svg"); background-size: contain; background-position: right 4% center;
  opacity: .3; left: auto; right: 0; width: 260px;
}
.sp-inner .page-title-area::after { display: none; }
.sp-inner .page-title-area .d-table, .sp-inner .page-title-area .d-table-cell { display: block; height: auto; }
.sp-inner .page-title-content { text-align: left; margin-top: 0 !important; }
.sp-inner .page-title-content h2 {
  margin: 0 0 12px; color: var(--hp-ink); font-size: clamp(28px, 4.6vw, 46px); font-weight: 800; line-height: 1.1;
  letter-spacing: -.02em; text-transform: none;
}
.sp-inner .page-title-content ul { margin: 0; padding: 0; text-align: left; }
.sp-inner .page-title-content ul li { color: var(--hp-muted); font-size: 14px; font-weight: 600; }
.sp-inner .page-title-content ul li a { color: var(--hp-gold-text); }
.sp-inner .page-title-content ul li::before { background-color: var(--hp-gold) !important; }

/* ---------- Bölmə başlıqları ---------- */
.sp-inner .section-title .sub-title, .sp-inner .sub-title {
  display: inline-block; color: var(--hp-gold-text); font-size: 11.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
}
.sp-inner .section-title h2 { font-size: clamp(26px, 3.4vw, 38px); font-weight: 800; line-height: 1.15; text-transform: none; }

/* ---------- Düymələr ---------- */
.sp-inner .btn-primary, .sp-inner .default-btn {
  background: var(--hp-gold-btn) !important; color: #fff !important; border: 0 !important;
  border-radius: 999px !important; padding: 14px 28px !important; font-weight: 700 !important; text-transform: none !important;
  box-shadow: 0 10px 22px rgba(132, 99, 39, .25) !important;
}
.sp-inner .btn-primary::before, .sp-inner .btn-primary::after { display: none !important; }
.sp-inner .btn-primary:hover, .sp-inner .btn-primary:focus { filter: brightness(1.06); color: #fff !important; }
.sp-inner .read-more-btn { color: var(--hp-gold-text); font-weight: 700; text-transform: none; font-size: 14.5px; }
.sp-inner .read-more-btn:hover { color: var(--hp-ink); }

/* ---------- Kartlar: bloq / video ---------- */
.sp-inner .single-blog-post {
  background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--hp-line);
  box-shadow: var(--hp-shadow-sm); transition: box-shadow .25s ease, transform .25s ease;
}
.sp-inner .single-blog-post:hover { box-shadow: var(--hp-shadow); transform: translateY(-3px); }
.sp-inner .single-blog-post .post-image { border-radius: 0; }
.sp-inner .single-blog-post .post-image img { border-radius: 0; transition: transform .4s ease; }
.sp-inner .single-blog-post:hover .post-image img { transform: scale(1.03); }
.sp-inner .single-blog-post .post-image .date {
  background: rgba(255, 255, 255, .95); color: var(--hp-ink); border-radius: 999px; font-size: 12.5px; font-weight: 700;
  padding: 6px 12px; left: 14px; bottom: 14px;
}
.sp-inner .single-blog-post .post-image .date i { color: var(--hp-gold-text); }
.sp-inner .single-blog-post .post-content { padding: 18px 20px 20px; }
.sp-inner .single-blog-post .post-content h3 { font-size: 17.5px; line-height: 1.4; font-weight: 700; margin-bottom: 8px; }
.sp-inner .single-blog-post .post-content h3 a { color: var(--hp-ink); }
.sp-inner .single-blog-post .post-content h3 a:hover { color: var(--hp-gold-text); }
.sp-inner .single-blog-post .post-content p { font-size: 14px; color: var(--hp-muted); line-height: 1.6; }

/* ---------- Xidmətlər siyahısı ---------- */
.sp-inner .single-services-box {
  background: #fff; border: 1px solid var(--hp-line); border-radius: 18px; margin: 10px; height: calc(100% - 20px);
  box-shadow: var(--hp-shadow-sm); padding: 28px 26px;
}
.sp-inner .single-services-box::before, .sp-inner .single-services-box::after { display: none; }
.sp-inner .single-services-box h3 { font-size: 21px; font-weight: 800; color: var(--hp-ink); }
.sp-inner .single-services-box h3 i, .sp-inner .single-services-box .icon {
  color: var(--hp-gold-text) !important; background: radial-gradient(circle at 35% 30%, #FFF6E2 0%, #F3DFB2 100%) !important;
}
.sp-inner .single-services-box p { color: var(--hp-muted); font-size: 14.5px; }
.sp-inner .single-services-box:hover { background: #fff; }
.sp-inner .single-services-box:hover h3, .sp-inner .single-services-box:hover p, .sp-inner .single-services-box:hover .read-more-btn { color: inherit; }

/* ---------- Sidebar (bloq, xidmət, nəticələr) ---------- */
.sp-inner .widget-area .widget {
  background: #fff; border: 1px solid var(--hp-line); border-radius: 18px; padding: 22px; margin-bottom: 22px; box-shadow: var(--hp-shadow-sm);
}
.sp-inner .widget-area .widget .widget-title { font-size: 17px; font-weight: 800; color: var(--hp-ink); text-transform: none; border-bottom-color: var(--hp-line); }
.sp-inner .widget-area .widget .widget-title::before { background: var(--hp-gold) !important; }
.sp-inner .widget-area .widget_search { padding: 14px; }
.sp-inner .widget-area .widget_search form .search-field {
  height: 52px; border-radius: 999px; border: 1px solid var(--hp-line); background: var(--hp-ivory); padding-left: 20px;
}
.sp-inner .widget-area .widget_search form button {
  border-radius: 999px; height: 44px; width: 44px; top: 4px; right: 4px; background: var(--hp-gold-btn) !important; color: #fff !important;
}
.sp-inner .widget-area .widget_services_list ul li a {
  border-radius: 12px; background: var(--hp-ivory); border: 1px solid var(--hp-line); margin-bottom: 8px; color: var(--hp-ink);
  font-weight: 700; text-transform: none;
}
.sp-inner .widget-area .widget_services_list ul li a:hover, .sp-inner .widget-area .widget_services_list ul li a.active {
  background: var(--hp-gold-soft); color: var(--hp-ink); border-color: var(--hp-gold);
}
.sp-inner .widget-area .widget_services_list ul li a::before { display: none; }
.sp-inner .widget-area .tagcloud a, .sp-inner .widget-area .widget_categories ul li a { color: var(--hp-text); }
.sp-inner .widget-area .tagcloud a { border-radius: 999px; border: 1px solid var(--hp-line); background: var(--hp-ivory); }
.sp-inner .widget-area .tagcloud a:hover { background: var(--hp-gold-soft); border-color: var(--hp-gold); color: var(--hp-ink); }
.sp-inner .widget-area .widget_klev_posts_thumb .item .thumb { border-radius: 12px; overflow: hidden; }
.sp-inner .widget-area .widget_klev_posts_thumb .item .info .title a { color: var(--hp-ink); }

/* ---------- Səhifələmə ---------- */
.sp-inner .pagination-area .page-numbers {
  width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background: #fff; border: 1px solid var(--hp-line);
  color: var(--hp-ink); box-shadow: none; font-weight: 700;
}
.sp-inner .pagination-area .page-numbers.current, .sp-inner .pagination-area .page-numbers:hover {
  background: var(--hp-gold-btn) !important; color: #fff !important; border-color: transparent;
}

/* ---------- Nəticələr (single-doctor-box) ---------- */
.sp-inner .single-doctor-box {
  background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--hp-line); box-shadow: var(--hp-shadow-sm);
  transition: box-shadow .25s ease, transform .25s ease;
}
.sp-inner .single-doctor-box:hover { box-shadow: var(--hp-shadow); transform: translateY(-3px); }
.sp-inner .single-doctor-box .image img { border-radius: 0 !important; }
.sp-inner .single-doctor-box .content { background: #fff; padding: 14px 16px 16px; }
.sp-inner .single-doctor-box .content h3 { font-size: 16px; font-weight: 700; text-transform: none; }
.sp-inner .single-doctor-box .content span { color: var(--hp-muted); font-size: 13px; }
.sp-inner .blog-notes p, .sp-inner .blog-notes { color: var(--hp-muted); }
.sp-inner .blog-notes a { color: var(--hp-gold-text); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Əlaqə ---------- */
.sp-inner .contact-info-area { background: transparent; }
.sp-inner .contact-info-box {
  background: #fff; border: 1px solid var(--hp-line) !important; border-radius: 18px; box-shadow: var(--hp-shadow-sm);
  margin: 12px 0;
}
.sp-inner .contact-info-box h3 { color: var(--hp-ink); font-size: 18px; font-weight: 800; text-transform: none; }
.sp-inner .contact-info-box p, .sp-inner .contact-info-box p a, .sp-inner .contact-info-box a { color: var(--hp-text); }
.sp-inner .contact-info-box .icon {
  background: radial-gradient(circle at 35% 30%, #FFF6E2 0%, #F3DFB2 100%) !important; color: var(--hp-gold-text) !important;
}
.sp-inner .contact-info-box .icon i { color: var(--hp-gold-text) !important; }
.sp-inner .contact-inner { background: #fff; border-radius: 20px; border: 1px solid var(--hp-line); box-shadow: var(--hp-shadow); overflow: hidden; }
.sp-inner .contact-form h3, .sp-inner .contact-form h2 { font-size: clamp(24px, 3vw, 32px); font-weight: 800; line-height: 1.2; text-transform: none; }
.sp-inner .contact-form .form-group .form-control, .sp-inner .form-control {
  background: var(--hp-ivory) !important; border: 1px solid var(--hp-line) !important; border-radius: 14px !important;
  color: var(--hp-ink); font-size: 15px; min-height: 54px; box-shadow: none !important;
}
.sp-inner .form-control:focus { border-color: var(--hp-gold) !important; background: #fff !important; }
.sp-inner .contact-form .form-group .form-control::placeholder { color: #8C8178; text-transform: none; }
.sp-inner .contact-form .form-group label i, .sp-inner .contact-form .form-group i { color: var(--hp-gold-text) !important; }

/* ---------- Sual-cavab (accordion) ---------- */
.sp-inner .faq-accordion .accordion .accordion-item {
  background: #fff; border: 1px solid var(--hp-line); border-radius: 16px; margin-bottom: 12px; box-shadow: none; overflow: hidden;
}
.sp-inner .faq-accordion .accordion .accordion-title {
  color: var(--hp-ink); font-size: 16px; font-weight: 700; background: #fff; text-transform: none;
}
.sp-inner .faq-accordion .accordion .accordion-title i { background: var(--hp-gold-soft) !important; color: var(--hp-gold-text) !important; border-radius: 50%; }
.sp-inner .faq-accordion .accordion .accordion-title.active { color: var(--hp-gold-text); }
.sp-inner .faq-accordion .accordion .accordion-content { color: var(--hp-muted); border-top-color: var(--hp-line); }
.sp-inner .faq-area .container-fluid { max-width: 960px; }
.sp-inner .faq-area .faq-accordion { padding: 0; max-width: none; }
.sp-inner .faq-accordion h2 { font-size: clamp(26px, 3.4vw, 38px); font-weight: 800; text-transform: none; }

/* ---------- Video tabları ---------- */
.sp-inner .nav-tabs { border: 0; gap: 8px; justify-content: center; }
.sp-inner .nav-tabs .nav-link, .sp-inner .nav-tabs .nav-item a {
  border: 1px solid var(--hp-sand) !important; border-radius: 999px !important; color: var(--hp-ink); background: #fff;
  font-weight: 700; min-height: 44px; padding: 10px 20px;
}
.sp-inner .nav-tabs .nav-link.active, .sp-inner .nav-tabs .nav-item a.active { background: var(--hp-gold-btn) !important; color: #fff !important; border-color: transparent !important; }
.sp-inner .video-btn { color: var(--hp-gold-text); font-weight: 700; }

/* ---------- Məqalə (bloq detal) ---------- */
.sp-inner .blog-details-desc .article-image img { border-radius: 20px; }
.sp-inner .blog-details-desc .article-content .entry-meta ul li { color: var(--hp-muted); font-size: 14px; }
.sp-inner .blog-details-desc .article-content .entry-meta ul li i { color: var(--hp-gold-text); }
.sp-inner .blog-details-desc .article-content h3 { font-size: clamp(24px, 3vw, 32px); font-weight: 800; line-height: 1.25; }
.sp-inner .blog-details-desc .article-content p { font-size: 16.5px; line-height: 1.85; color: #3F3833; }
.sp-inner .blog-details-desc .article-content h2 { font-size: 24px; font-weight: 800; margin: 28px 0 12px; }
.sp-inner .blog-details-desc .article-content ul li { color: #3F3833; line-height: 1.8; }
.sp-inner .blog-details-desc .article-footer .article-tags a { border-radius: 999px; border: 1px solid var(--hp-line); background: #fff; color: var(--hp-text); }
.sp-inner .blog-details-desc .article-footer .article-tags a:hover { background: var(--hp-gold-soft); color: var(--hp-ink); }

/* ---------- Xidmət detal ---------- */
.sp-inner .services-details-header h3 { font-size: clamp(26px, 3.4vw, 36px); font-weight: 800; }
.sp-inner .services-details-desc p { font-size: 16px; line-height: 1.85; color: #3F3833; }

/* ---------- Haqqımda səhifəsi ---------- */
.sp-inner .about-area .about-content h2 { font-size: clamp(28px, 3.6vw, 40px); font-weight: 800; text-transform: none; }
.sp-inner .about-twentytwenty-image { border-radius: 20px; overflow: hidden; box-shadow: var(--hp-shadow); }
.sp-inner .about-twentytwenty-image .text {
  background: radial-gradient(circle at 35% 30%, #FBEBC4 0%, #E8C77F 55%, #CDA358 100%) !important; color: var(--hp-ink) !important;
  box-shadow: 0 10px 22px rgba(184, 145, 76, .3);
}
.sp-inner .about-twentytwenty-image .text p, .sp-inner .about-twentytwenty-image .text span { color: var(--hp-ink) !important; }
.sp-inner .why-choose-us-area { background: var(--hp-cream); }
.sp-inner .why-choose-us-content { background: #fff !important; }
.sp-inner .why-choose-us-content h2, .sp-inner .why-choose-us-content h3 { color: var(--hp-ink) !important; text-transform: none; }
.sp-inner .why-choose-us-content .sub-title { color: var(--hp-gold-text) !important; }
.sp-inner .why-choose-us-content p { color: var(--hp-muted) !important; }
.sp-inner .doctor-area { background: var(--hp-ivory); }
.sp-inner .why-choose-us-content::before, .sp-inner .why-choose-us-content::after,
.sp-inner .why-choose-us-area::before, .sp-inner .why-choose-us-area::after { display: none !important; }
.sp-inner .why-choose-us-content .features-list li div { color: var(--hp-muted) !important; font-size: 14.5px; line-height: 1.6; }
.sp-inner .why-choose-us-content .features-list li div span { display: block; margin: 10px 0 4px; color: var(--hp-ink) !important; font-size: 15px; font-weight: 800; }
.sp-inner .why-choose-us-content .features-list li div i {
  background: radial-gradient(circle at 35% 30%, #FFF6E2 0%, #F3DFB2 100%) !important; color: var(--hp-gold-text) !important; box-shadow: none;
}
.sp-inner .why-choose-us-image { border-radius: 0; }
.sp-inner .why-choose-us-area .divider { display: none; }
.sp-inner .why-choose-us-content h2 { font-weight: 800 !important; font-size: clamp(26px, 3.4vw, 38px); }
/* Nəticələr: mobil-də 2 sütun (daha az scroll) */
@media (max-width: 575.98px) {
  .sp-inner .doctor-area .col-lg-4.col-md-6.col-sm-6 { flex: 0 0 50%; max-width: 50%; padding-left: 6px; padding-right: 6px; }
  .sp-inner .single-doctor-box { margin-bottom: 12px; }
  .sp-inner .single-doctor-box .content { padding: 10px 8px 12px; }
  .sp-inner .single-doctor-box .content h3 { font-size: 13.5px; }
  .sp-inner .single-doctor-box .content span { font-size: 11.5px; }
}
/* Əlaqə: info kartları (theme mətni span-larda ağ rəngdə verir, arxada tünd yarım-fon var) */
.sp-inner .contact-info-area::before { display: none; }
.sp-inner .contact-info-area .row { gap: 0; }
.sp-inner .contact-info-area .row .col-lg-4 { padding-left: 8px; padding-right: 8px; }
.sp-inner .contact-info-box span, .sp-inner .contact-info-box span a { color: var(--hp-text) !important; text-align: left; }
.sp-inner .contact-info-box span a:hover { color: var(--hp-gold-text) !important; }
.sp-inner .contact-info-box { height: calc(100% - 24px); }
/* Düymədəki ikon: theme onu mütləq mövqeli dairəyə qoyur — düymə daxilində sətir ikonuna çevrilir */
.sp-inner .btn-primary i, .sp-inner .default-btn i {
  position: static !important; transform: none !important; display: inline-block; margin-left: 8px;
  width: auto !important; height: auto !important; line-height: 1 !important; background: none !important; color: inherit !important; font-size: 14px;
}
@media (min-width: 992px) { .sp-inner .why-choose-us-content .content { padding-left: 40px; padding-right: 40px; } }

/* ---------- Xəta səhifəsi ---------- */
.sp-error .error-area { background: radial-gradient(60% 80% at 100% 0%, #F2E4CC 0%, rgba(242, 228, 204, 0) 70%), var(--hp-ivory); }
.sp-error .error-content h3 { font-size: clamp(26px, 4vw, 40px); font-weight: 800; color: var(--hp-ink); }
.sp-error .error-content p { color: var(--hp-muted); }

/* =========================================================================
   THEME RƏNG ƏVƏZLƏMƏSİ (avtomatik yaradılıb)
   style.css / responsive.css-dəki sarı #f2f200 → qızılı #8A6A2F.
   :where(.sp) spesifikliyi artırmır: theme-i üstələyir, xüsusi qaydalara toxunmur.
   ========================================================================= */
/* --- style.css: 173 qayda --- */
:where(.sp) a:hover, :where(.sp) a:focus { color: #8A6A2F; }
:where(.sp) .bg-main-color { background-color: #8A6A2F; }
:where(.sp) .btn-primary { background: #8A6A2F; }
:where(.sp) .btn-primary.disabled, :where(.sp) .btn-primary:disabled { background: #8A6A2F; }
:where(.sp) .section-title .sub-title { color: #8A6A2F; }
:where(.sp) .header-right-content .top-header-social li a:hover { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, :where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { background-color: #8A6A2F; }
:where(.sp) .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { background-color: #8A6A2F; }
:where(.sp) .search-overlay.search-popup .search-form .search-input:focus { border-color: #8A6A2F; }
:where(.sp) .search-overlay.search-popup .search-form .search-button:hover, :where(.sp) .search-overlay.search-popup .search-form .search-button:focus { color: #8A6A2F; }
:where(.sp) .sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content h2 a { color: #8A6A2F; }
:where(.sp) .sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content h2 a:not(:first-child):hover { color: #8A6A2F; }
:where(.sp) .sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content .social li a:hover { border-color: #8A6A2F; background-color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item a:hover, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item a:focus, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item a.active { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item:hover a, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item.active a { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus { background-color: #8A6A2F  !important; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus { background-color: #8A6A2F  !important; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { background-color: #8A6A2F  !important; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { background-color: #8A6A2F  !important; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { background-color: #8A6A2F  !important; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { background-color: #8A6A2F  !important; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, :where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { background-color: #8A6A2F  !important; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .others-option .option-item .search-btn:hover { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .others-option .option-item .close-btn:hover { color: #8A6A2F; }
:where(.sp) .navbar-area.navbar-style-two .klev-nav .navbar .others-option .burger-menu:hover { color: #8A6A2F; }
@media only screen and (max-width: 991px) {
  :where(.sp) .klev-responsive-nav .klev-responsive-menu.mean-container .mean-nav ul li a.active { color: #8A6A2F; }
  :where(.sp) .klev-responsive-nav .klev-responsive-menu.mean-container .mean-nav .others-option .option-item .search-btn:hover { color: #8A6A2F; }
  :where(.sp) .klev-responsive-nav .klev-responsive-menu.mean-container .mean-nav .others-option .option-item .close-btn:hover { color: #8A6A2F; }
  :where(.sp) .navbar-area.navbar-style-two .klev-responsive-nav .klev-responsive-menu.mean-container .mean-nav .others-option .option-item .search-btn:hover { color: #8A6A2F; }
  :where(.sp) .navbar-area.navbar-style-two .klev-responsive-nav .klev-responsive-menu.mean-container .mean-nav .others-option .option-item .close-btn:hover { color: #8A6A2F; }
}
:where(.sp) .main-banner.banner-section .main-banner-content .sub-title { color: #8A6A2F; }
:where(.sp) .main-banner.banner-section .main-banner-content .btn-box .video-btn span { background-color: #8A6A2F; }
:where(.sp) .main-banner.banner-section .main-banner-content .btn-box .video-btn:hover { color: #8A6A2F; }
:where(.sp) .main-banner-content .btn-box .btn-primary:hover i, :where(.sp) .main-banner-content .btn-box .btn-primary:focus i { background-color: #8A6A2F; }
:where(.sp) .home-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #8A6A2F; }
:where(.sp) .free-consultation-content .sub-title { color: #8A6A2F; }
:where(.sp) .free-consultation-content form .form-group label { color: #8A6A2F; border-right: 1px solid #8A6A2F; }
:where(.sp) .free-consultation-content form .form-group .nice-select .list .option:hover { background-color: #8A6A2F  !important; }
:where(.sp) .about-image .text { background-color: #8A6A2F; }
:where(.sp) .about-content .sub-title { color: #8A6A2F; }
:where(.sp) .about-content .features-list li span i { color: #8A6A2F; }
:where(.sp) .about-twentytwenty-image .text { background-color: #8A6A2F; }
:where(.sp) .services-title-content .sub-title { color: #8A6A2F; }
:where(.sp) .services-title-content .features-list li i { color: #8A6A2F; }
:where(.sp) .services-title-content .features-list li:hover i { background-color: #8A6A2F; }
:where(.sp) .single-services-box h3 i { color: #8A6A2F; }
:where(.sp) .single-services-box .read-more-btn:hover { color: #8A6A2F; }
:where(.sp) .row .col-lg-6:nth-child(1) .single-services-box { border-right: 1px solid #8A6A2F; border-bottom: 1px solid #8A6A2F; }
:where(.sp) .row .col-lg-6:nth-child(2) .single-services-box { border-bottom: 1px solid #8A6A2F; }
:where(.sp) .row .col-lg-6:nth-child(3) .single-services-box { border-right: 1px solid #8A6A2F; }
:where(.sp) .row .col-lg-4:nth-child(1) .single-services-box { border-right: 1px solid #8A6A2F; border-bottom: 1px solid #8A6A2F; }
:where(.sp) .row .col-lg-4:nth-child(2) .single-services-box { border-bottom: 1px solid #8A6A2F; }
:where(.sp) .row .col-lg-4:nth-child(3) .single-services-box { border-left: 1px solid #8A6A2F; border-bottom: 1px solid #8A6A2F; }
:where(.sp) .row .col-lg-4:nth-child(4) .single-services-box, :where(.sp) .row .col-lg-4:nth-child(5) .single-services-box, :where(.sp) .row .col-lg-4:nth-child(7) .single-services-box, :where(.sp) .row .col-lg-4:nth-child(8) .single-services-box { border-right: 1px solid #8A6A2F; }
:where(.sp) .row .col-lg-4:nth-child(7) .single-services-box { border-top: 1px solid #8A6A2F; }
:where(.sp) .row .col-lg-4:nth-child(8) .single-services-box { border-top: 1px solid #8A6A2F; }
:where(.sp) .row .col-lg-4:nth-child(9) .single-services-box { border-top: 1px solid #8A6A2F; }
:where(.sp) .featured-services-box { border-left: 1px solid #8A6A2F; border-right: 1px solid #8A6A2F; }
:where(.sp) .featured-services-box .icon { color: #8A6A2F; }
:where(.sp) .featured-services-box:hover .icon { background-color: #8A6A2F; }
:where(.sp) .services-details-image-slides.owl-theme .owl-nav [class*=owl-]:hover { color: #8A6A2F; }
:where(.sp) .services-details-image-slides.owl-theme .owl-dots .owl-dot:hover span { background-color: #8A6A2F; }
:where(.sp) .services-details-image-slides.owl-theme .owl-dots .owl-dot.active span { background-color: #8A6A2F; }
:where(.sp) .services-details-info ul li span { color: #8A6A2F; }
:where(.sp) .services-details-info ul li a:hover { color: #8A6A2F; }
:where(.sp) .services-details-desc .features-list li i { color: #8A6A2F; }
:where(.sp) .services-details-desc .services-details-pricing .pricing-content ul li span { color: #8A6A2F; }
:where(.sp) .services-details-desc .services-details-pricing .pricing-content ul li::before { background-color: #8A6A2F; }
:where(.sp) .services-details-desc .services-details-footer-features ul li i { background-color: #8A6A2F; }
:where(.sp) .prev-link-wrapper .image-prev::after { background-color: #8A6A2F; }
:where(.sp) .next-link-wrapper .image-next::after { background-color: #8A6A2F; }
:where(.sp) .why-choose-us-content .features-list li div i { color: #8A6A2F; }
:where(.sp) .why-choose-us-content .features-list li div:hover i { background-color: #8A6A2F; }
:where(.sp) .why-choose-us-content.bg-white .sub-title { color: #8A6A2F; }
:where(.sp) .why-choose-us-content.bg-white .features-list li div i { background-color: #8A6A2F; }
:where(.sp) .why-choose-us-slides.owl-theme .owl-nav [class*=owl-]:hover { color: #8A6A2F; }
:where(.sp) .why-choose-us-slides.owl-theme .owl-dots .owl-dot:hover span { background-color: #8A6A2F; }
:where(.sp) .why-choose-us-slides.owl-theme .owl-dots .owl-dot.active span { background-color: #8A6A2F; }
:where(.sp) .single-doctor-box .content span { color: #8A6A2F; }
:where(.sp) .single-doctor-box .content .social li a:hover { color: #8A6A2F; }
:where(.sp) .doctor-slides.owl-theme .owl-dots .owl-dot.active span, :where(.sp) .doctor-slides.owl-theme .owl-dots .owl-dot:hover span { background-color: #8A6A2F; }
:where(.sp) .cta-area { background-color: #8A6A2F; }
:where(.sp) .cta-content .call-us:hover { color: #8A6A2F; }
:where(.sp) .single-pricing-box .pricing-features-list li i { color: #8A6A2F; }
:where(.sp) .single-feedback-item::before { background-color: #8A6A2F; }
:where(.sp) .feedback-slides.owl-theme .owl-dots .owl-dot.active span, :where(.sp) .feedback-slides.owl-theme .owl-dots .owl-dot:hover span { background-color: #8A6A2F; }
:where(.sp) .testimonial-slides .client-feedback .single-feedback::before { color: #8A6A2F; }
:where(.sp) .testimonial-slides .client-thumbnails .item .title span { color: #8A6A2F; }
:where(.sp) .testimonial-slides .next-arrow:hover, :where(.sp) .testimonial-slides .prev-arrow:hover { color: #8A6A2F; }
:where(.sp) .single-blog-post .post-image .date i { color: #8A6A2F; }
:where(.sp) .single-blog-post .post-content .read-more-btn:hover { color: #8A6A2F; }
:where(.sp) .blog-notes p a { color: #8A6A2F; }
:where(.sp) .blog-details-desc .article-content .entry-meta ul li a:hover { color: #8A6A2F; }
:where(.sp) .blog-details-desc .article-content .entry-meta ul li i { color: #8A6A2F; }
:where(.sp) .blog-details-desc .article-content .entry-meta ul li::before { background: #8A6A2F; }
:where(.sp) .blog-details-desc .article-content .features-list li i { color: #8A6A2F; }
:where(.sp) .blog-details-desc .article-content .features-list li:hover i { background-color: #8A6A2F; }
:where(.sp) .blog-details-desc .article-footer .article-tags a:hover { color: #8A6A2F; }
:where(.sp) .blog-details-desc .article-footer .article-share .social li a { color: #8A6A2F; }
:where(.sp) .blog-details-desc .article-footer .article-share .social li a:hover { background-color: #8A6A2F; }
:where(.sp) .comments-area .comments-title::before { background: #8A6A2F; }
:where(.sp) .comments-area .comment-body .reply a:hover { background-color: #8A6A2F; border-color: #8A6A2F; }
:where(.sp) .comments-area .comment-metadata a:hover { color: #8A6A2F; }
:where(.sp) .comments-area .comment-respond .comment-reply-title::before { background: #8A6A2F; }
:where(.sp) .comments-area .comment-respond input[type="date"]:focus, :where(.sp) .comments-area .comment-respond input[type="time"]:focus, :where(.sp) .comments-area .comment-respond input[type="datetime-local"]:focus, :where(.sp) .comments-area .comment-respond input[type="week"]:focus, :where(.sp) .comments-area .comment-respond input[type="month"]:focus, :where(.sp) .comments-area .comment-respond input[type="text"]:focus, :where(.sp) .comments-area .comment-respond input[type="email"]:focus, :where(.sp) .comments-area .comment-respond input[type="url"]:focus, :where(.sp) .comments-area .comment-respond input[type="password"]:focus, :where(.sp) .comments-area .comment-respond input[type="search"]:focus, :where(.sp) .comments-area .comment-respond input[type="tel"]:focus, :where(.sp) .comments-area .comment-respond input[type="number"]:focus, :where(.sp) .comments-area .comment-respond textarea:focus { border-color: #8A6A2F; }
:where(.sp) .comments-area .comment-respond .form-submit input { background: #8A6A2F; }
:where(.sp) blockquote::after, :where(.sp) .blockquote::after { background-color: #8A6A2F; }
:where(.sp) .page-title-content ul li::before { background-color: #8A6A2F; }
:where(.sp) .pagination-area .page-numbers.current, :where(.sp) .pagination-area .page-numbers:hover, :where(.sp) .pagination-area .page-numbers:focus { background: #8A6A2F; }
:where(.sp) .widget-area .widget .widget-title::before { background: #8A6A2F; }
:where(.sp) .widget-area .widget_search form .search-field:focus { border-color: #8A6A2F; }
:where(.sp) .widget-area .widget_search form button { background-color: #8A6A2F; }
:where(.sp) .widget-area .widget_recent_entries ul li::before { background: #8A6A2F; }
:where(.sp) .widget-area .widget_recent_entries ul li a:hover { color: #8A6A2F; }
:where(.sp) .widget-area .widget_recent_comments ul li::before { background: #8A6A2F; }
:where(.sp) .widget-area .widget_recent_comments ul li a:hover { color: #8A6A2F; }
:where(.sp) .widget-area .widget_archive ul li::before { background: #8A6A2F; }
:where(.sp) .widget-area .widget_archive ul li a:hover { color: #8A6A2F; }
:where(.sp) .widget-area .widget_categories ul li::before { background: #8A6A2F; }
:where(.sp) .widget-area .widget_categories ul li a:hover { color: #8A6A2F; }
:where(.sp) .widget-area .widget_meta ul li::before { background: #8A6A2F; }
:where(.sp) .widget-area .widget_meta ul li a:hover { color: #8A6A2F; }
:where(.sp) .widget-area .tagcloud a:hover, :where(.sp) .widget-area .tagcloud a:focus { background-color: #8A6A2F; border-color: #8A6A2F; }
:where(.sp) .widget-area .widget_services_list ul li a:hover { background-color: #8A6A2F; }
:where(.sp) .widget-area .widget_services_list ul li.active a { background-color: #8A6A2F; }
:where(.sp) .widget-area .widget_contact::before { background-color: #8A6A2F; }
:where(.sp) .single-research-box .research-info .category { color: #8A6A2F; }
:where(.sp) .research-details-image-slides.owl-theme .owl-nav [class*=owl-]:hover { color: #8A6A2F; }
:where(.sp) .research-details-image-slides.owl-theme .owl-dots .owl-dot:hover span { background-color: #8A6A2F; }
:where(.sp) .research-details-image-slides.owl-theme .owl-dots .owl-dot.active span { background-color: #8A6A2F; }
:where(.sp) .research-details-desc .features-list li i { color: #8A6A2F; }
:where(.sp) .research-details-desc .research-details-footer-features ul li i { background-color: #8A6A2F; }
:where(.sp) .faq-accordion .sub-title { color: #8A6A2F; }
:where(.sp) .faq-accordion .accordion .accordion-title i { color: #8A6A2F; }
:where(.sp) .faq-accordion .accordion .accordion-title.active i { background-color: #8A6A2F; }
:where(.sp) .contact-info-box { border-left: 1px solid #8A6A2F; border-right: 1px solid #8A6A2F; }
:where(.sp) .contact-info-box .icon { color: #8A6A2F; }
:where(.sp) .contact-info-box span a:hover { color: #8A6A2F; }
:where(.sp) .contact-info-box:hover .icon { background-color: #8A6A2F; }
:where(.sp) .contact-form .sub-title { color: #8A6A2F; }
:where(.sp) .contact-form form .form-group label { color: #8A6A2F; border-right: 1px solid #8A6A2F; }
:where(.sp) .contact-form form .form-group .nice-select .list .option:hover { background-color: #8A6A2F  !important; }
:where(.sp) .subscribe-form form button { background-color: #8A6A2F; }
:where(.sp) .subscribe-form form button:hover i { color: #8A6A2F; }
:where(.sp) .single-footer-widget h3::before { background-color: #8A6A2F; }
:where(.sp) .single-footer-widget .social li a { background-color: #8A6A2F; }
:where(.sp) .single-footer-widget .social li a:hover { color: #8A6A2F; }
:where(.sp) .single-footer-widget .footer-quick-links li a:hover { color: #8A6A2F; }
:where(.sp) .single-footer-widget .footer-contact-info li a::before { background-color: #8A6A2F; }
:where(.sp) .single-footer-widget .footer-contact-info li a:hover { color: #8A6A2F; }
:where(.sp) .copyright-area p a:hover { color: #8A6A2F; }
:where(.sp) .copyright-area ul li a:hover { color: #8A6A2F; }
:where(.sp) .go-top::before { background: #8A6A2F; }
/* --- responsive.css: 2 qayda --- */
@media only screen and (max-width: 767px) {
  :where(.sp) .contact-info-box { border-bottom: 1px solid #8A6A2F; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  :where(.sp) .featured-services-box { border-bottom: 1px solid #8A6A2F; }
  :where(.sp) .col-lg-4:nth-child(3) .contact-info-box { border-top: 1px solid #8A6A2F; }
}

/* =========================================================================
   WhatsApp düyməsi (bütün səhifələr)
   ========================================================================= */
.wa-fab {
  position: fixed; z-index: 100; right: calc(14px + env(safe-area-inset-right)); bottom: calc(72px + env(safe-area-inset-bottom));
  display: flex; align-items: center; color: #fff !important; -webkit-tap-highlight-color: transparent;
  animation: waFabIn .7s cubic-bezier(.2, 1.5, .4, 1) .5s both;
}
.wa-fab__orb { position: relative; display: block; flex: none; width: 60px; height: 60px; }
.wa-fab__core {
  position: absolute; inset: 3px; display: flex; align-items: center; justify-content: center; border-radius: 50%;
  background: radial-gradient(circle at 32% 24%, #4BEB91 0%, #1FB765 46%, #0C7A43 100%);
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, .45), inset 0 -4px 8px rgba(0, 50, 25, .35), 0 10px 22px rgba(10, 92, 50, .42), 0 3px 8px rgba(70, 48, 18, .28);
  transition: transform .3s cubic-bezier(.2, 1.4, .4, 1);
}
.wa-fab__core svg { width: 31px; height: 31px; fill: #fff; filter: drop-shadow(0 1px 1px rgba(0, 60, 30, .35)); transform-origin: 50% 60%; animation: waFabNod 6s ease-in-out 2.5s infinite; }
/* WhatsApp ikonunda dəstək şəkli konturun içində "deşik" kimi çəkilib. */
.wa-fab__core svg, [data-wa-link] svg { fill-rule: evenodd; }
.wa-fab__ring {
  position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(from 0deg, #F6E3B4, #B8914C 22%, #FFF4D6 45%, #94702F 68%, #F6E3B4);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 2px)); mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 2px));
  animation: waFabSpin 5s linear infinite;
}
.wa-fab__wave { position: absolute; inset: 3px; border-radius: 50%; border: 2px solid rgba(37, 211, 102, .55); animation: waFabWave 3s cubic-bezier(.2, .6, .35, 1) infinite; }
.wa-fab__wave--late { border-color: rgba(184, 145, 76, .5); animation-delay: 1.5s; }
.wa-fab__label {
  position: absolute; right: calc(100% + 10px); top: 50%; display: block; padding: 8px 15px; border-radius: 15px 15px 4px 15px; white-space: nowrap;
  background: rgba(255, 253, 248, .97); border: 1px solid var(--hp-sand, #E8DCC8); box-shadow: 0 10px 26px rgba(70, 48, 18, .18);
  font-family: var(--hp-sans) !important; font-size: 13.5px; font-weight: 800; line-height: 1.25; color: #1F1A17; pointer-events: none;
  opacity: 0; transform: translate(10px, -50%) scale(.96); transform-origin: right center; transition: opacity .25s ease, transform .3s cubic-bezier(.2, 1.3, .4, 1);
  animation: waFabHint .45s cubic-bezier(.2, 1.3, .4, 1) 1.2s 1 both;
}
.wa-fab__label small { display: block; font-family: var(--hp-sans) !important; font-size: 11px; font-weight: 600; color: #8A6A2F; }
.wa-fab__num { display: block; margin-top: 2px; font-family: var(--hp-sans) !important; font-size: 12.5px; font-weight: 700; letter-spacing: .02em; color: #0C7A43; }
/* Etiketi bağlayan "x" — yalnız düymənin özü kliklənir, etiketin qalanı yox. */
.wa-fab__close {
  position: absolute; left: -9px; top: -9px; width: 22px; height: 22px; padding: 0; border-radius: 50%; cursor: pointer; pointer-events: auto;
  display: flex; align-items: center; justify-content: center; font: 700 15px/1 var(--hp-sans, sans-serif); color: #6B5A45;
  background: #fff; border: 1px solid var(--hp-sand, #E8DCC8); box-shadow: 0 2px 6px rgba(70, 48, 18, .2);
}
.wa-fab__close::after { content: ""; position: absolute; inset: -9px; }   /* barmaq üçün böyük toxunma sahəsi */
.wa-fab__close:hover { color: #1F1A17; background: #FBF8F3; }
.wa-fab__close:focus-visible { outline: 2px solid #B8914C; outline-offset: 2px; }
.wa-fab.is-closed .wa-fab__label { display: none; }
.wa-fab__link { display: block; color: inherit; }
.wa-fab__link:hover .wa-fab__core, .wa-fab__link:focus-visible .wa-fab__core { transform: scale(1.06); }
.wa-fab__link:active .wa-fab__core { transform: scale(.95); }
.wa-fab__link:focus-visible { outline: 0; }
.wa-fab__link:focus-visible .wa-fab__ring { box-shadow: 0 0 0 3px rgba(184, 145, 76, .5); }
@keyframes waFabIn { from { opacity: 0; transform: translateY(26px) scale(.5); } to { opacity: 1; transform: none; } }
@keyframes waFabSpin { to { transform: rotate(360deg); } }
@keyframes waFabWave { 0% { opacity: .9; transform: scale(1); } 75%, 100% { opacity: 0; transform: scale(1.62); } }
@keyframes waFabNod { 0%, 86%, 100% { transform: rotate(0); } 89% { transform: rotate(-12deg); } 92% { transform: rotate(10deg); } 95% { transform: rotate(-6deg); } 98% { transform: rotate(3deg); } }
/* Saytı açanda etiket görünür və açıq qalır (hover vəziyyəti kimi). */
@keyframes waFabHint { from { opacity: 0; transform: translate(10px, -50%) scale(.96); } to { opacity: 1; transform: translate(0, -50%) scale(1); } }
@media (max-width: 575.98px) {
  .wa-fab { right: calc(12px + env(safe-area-inset-right)); bottom: calc(70px + env(safe-area-inset-bottom)); }
  .wa-fab__orb { width: 56px; height: 56px; }
  .wa-fab__core svg { width: 29px; height: 29px; }
}
@media (prefers-reduced-motion: reduce) {
  .wa-fab, .wa-fab__ring, .wa-fab__wave, .wa-fab__core svg, .wa-fab__label { animation: none; }
  .wa-fab__wave { opacity: 0; }
  .wa-fab__label { opacity: 1; transform: translate(0, -50%) scale(1); }
}

/* =========================================================================
   MOBİL TƏKMİLLƏŞDİRMƏ: oxunaqlı yazı və barmaqla rahat toxunma
   ========================================================================= */
.sv-step__body { min-width: 0; }
@media (max-width: 575.98px) {
  .sp .sv-eyebrow, .sp .hp-eyebrow { font-size: 12px; letter-spacing: .16em; }
  .sp .hp-ba__tag, .sp .hp-post__tag, .sp .ab-clinics__year, .sp .ab-bio__badge span { font-size: 12px; }
  .sp .hp-badge-circle span { font-size: 9.5px; }

  .sp .footer-area ul:not(.social) li a,
  .sp-inner .widget-area .widget_categories ul li a,
  .sv-crumbs a, .pg-crumbs a, .sp-inner .page-title-content ul li a,
  .sp-inner .blog-details-desc .article-tags a,
  .sp-inner .read-more-btn { display: inline-flex; align-items: center; min-height: 34px; }
  .sp-inner .widget-area .widget_klev_posts_thumb .item .info .title a { display: inline-block; padding: 3px 0; }
}