/* ==========================================================
   Prof. Dr. Hakan Şirinoğlu — Woomen şablonu renk teması
   Gece laciverti + platin/gümüş. style.css'ten sonra yüklenir.
   ========================================================== */

:root {
  --hs-navy-950: #050d18;
  --hs-navy-900: #0a1929;
  --hs-navy-800: #12263d;
  --hs-navy-700: #1b3350;
  --hs-silver-100: #e9edf2;
  --hs-silver-200: #d5dbe3;
  --hs-silver-300: #b9c1cc;
  --hs-silver-400: #98a2af;
  --hs-silver-500: #77818e;
  --hs-grad-silver: linear-gradient(115deg, #f8fafc 0%, #d6dce4 26%, #9ea8b5 50%, #e6eaef 70%, #aab3bf 100%);

  /* Şablon değişkenleri */
  --dark-color: var(--hs-navy-900);
  --dark-color2: var(--hs-navy-800);
  --black-color: var(--hs-navy-900);
  --body-color: #5d6878;
  --theme-color10: var(--hs-navy-900);
  --light-gray: #f3f5f8;
  /* Şablonun krem/bej zeminleri → soğuk inci tonu */
  --bleached-linen: #eef1f5;
  --theme-color13: #eef1f5;
  --theme-color14: #eef1f5;
  --theme-color34: #eef1f5;
}

::selection { background: var(--hs-silver-300); color: var(--hs-navy-900); }

/* ---------- Logo: turkuazı gümüşe çevir ---------- */
.header_top_logo_home1 .logo img,
.hs-footer__logo img {
  -webkit-filter: grayscale(1) brightness(1.18);
          filter: grayscale(1) brightness(1.18);
}
.header_top_logo_home1 .logo { max-width: 210px; }
@media (max-width: 1199px) {
  .header_top_logo_home1.mobile .logo { max-width: 170px; }
}
@media (max-width: 575.98px) {
  .header_top_logo_home1.mobile .logo { max-width: 150px; }
}
/* Mobil menü açık zeminde: logoyu koyulaştır */
.mmx-logo img {
  max-width: 150px;
  -webkit-filter: grayscale(1) invert(1) brightness(.55) sepia(.35) hue-rotate(180deg) saturate(2.2);
          filter: grayscale(1) invert(1) brightness(.55) sepia(.35) hue-rotate(180deg) saturate(2.2);
}

/* ---------- Header ---------- */
.hs-topbar { margin: 0; padding: 0; }
.hs-topbar li + li { margin-left: 26px; }
.hs-topbar a {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--white-color);
  font-size: 12px; font-weight: 500; line-height: 22px; letter-spacing: .24px;
  text-transform: uppercase;
  transition: color .3s;
}
.hs-topbar a i { font-size: 12px; color: var(--hs-silver-300); }
.hs-topbar a:hover { color: var(--hs-silver-300); }

.header-3 .header-3-area .cart-btn ul li a i { font-size: 15px; }
.header-3 .header-3-area .cart-btn ul li a.hs-appointment {
  display: inline-flex; align-items: center;
  padding: 9px 16px;
  border: 1px solid rgba(233, 237, 242, .55);
  font-size: 12px; letter-spacing: .04em;
  transition: background-color .3s, border-color .3s, color .3s;
}
.header-3 .header-3-area .cart-btn ul li a.hs-appointment:hover {
  background: var(--hs-navy-700);
  border-color: var(--hs-navy-700);
  color: var(--white-color) !important;
}

.header-3.sticky-menu .header-3-middle {
  background: rgba(10, 25, 41, .96);
  box-shadow: 0 2px 24px rgba(5, 13, 24, .35);
}
.header-3 .header-3-area .su-menu-3 > nav > ul > li > a::before { background: var(--hs-silver-300); }
.su-mega-menu-4 .menu-list-inner .title { color: var(--hs-navy-900); }

/* Mobil header (şablonda koyu zemin üstü beyaz ikonlar) */
.stylehome4 .mobile_menu_widget_icons .cart-btn ul li a i { font-size: 17px; }
.mmx-right a i { font-size: 16px; }

/* ---------- Banner ---------- */
.banner-3-area .su-banner-4-item .overly {
  background: linear-gradient(180deg, rgba(10, 25, 41, .55) 0%, rgba(10, 25, 41, .12) 40%, rgba(10, 25, 41, .72) 100%);
}
.banner-3-area .banner-3-item .content .subtitle { color: var(--hs-silver-200) !important; letter-spacing: .18em; }
.banner-3-area .swiper-pagination .swiper-pagination-bullet-active { background: var(--hs-silver-200); }

/* ---------- Butonlar ---------- */
.su-btn-4 { position: relative; }
.su-btn-4:hover { background: var(--hs-navy-700); border-color: var(--hs-navy-700); color: var(--white-color); }
.su-btn-4:hover .su-text { color: var(--white-color); }
.su-btn-4:hover .su-arrow-svg-top-right path { fill: var(--white-color); }
.su-btn-4.btn-black-border { border-color: var(--hs-navy-900); background: transparent; color: var(--hs-navy-900); }
.su-btn-4.btn-black-border:hover { background: var(--hs-navy-900); color: var(--white-color); }

/* ---------- Bölüm başlıkları ---------- */
.section-title .title,
.product-step-15-item .text-content .title { color: var(--hs-navy-900); }

/* Uzmanlık kartları: beyaz başlık için alttan lacivert geçiş */
.top-collection-item .thumb::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(10, 25, 41, 0) 55%, rgba(10, 25, 41, .72) 100%);
}
.top-collection-item .tc-content { z-index: 1; }
.section-title .sub-title { color: var(--hs-silver-500); letter-spacing: .18em; }
.instagram-feed .section-title .title a { color: inherit; }
.instagram-feed .section-title .title a:hover { color: var(--hs-silver-500); }

/* ---------- Kartlar ---------- */
.su-product-4-card .card-product-info .product-price { color: var(--hs-silver-500); letter-spacing: .08em; }
.su-product-4-card .card-product-info .product-title a { color: var(--hs-navy-900); }
.su-product-4-card .card-product-info .product-title a:hover { color: var(--hs-silver-500); }
.su-product-4-card .card-product-info .product-cetagory { color: var(--body-color); }

/* ---------- Kayan yazı şeridi ---------- */
.scrolling-wrap.home1 {
  background:
    radial-gradient(60% 140% at 50% 0%, rgba(40, 72, 110, .45) 0%, transparent 70%),
    var(--hs-navy-900);
}
.scrolling-wrap.home1 .comm .cmn-textslide {
  background: var(--hs-grad-silver);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
  letter-spacing: .14em;
}
.scrolling-wrap.home1 .comm .cmn-textslide .icon svg path { fill: var(--hs-silver-300); }

/* ---------- Randevu bandı (video alanı) ---------- */
.video-area .bg { position: relative; }
.video-area .bg::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10, 25, 41, .35) 0%, rgba(10, 25, 41, .75) 100%);
  pointer-events: none;
}
.video-area .content-box { position: relative; z-index: 1; }

/* ---------- Instagram + ikon kutuları ---------- */
.icon-box-home1 .icon i { color: var(--hs-navy-700); }
.icon-box-home1 .title { color: var(--hs-navy-900); }

/* ---------- Footer ---------- */
.hs-footer {
  position: relative;
  background:
    radial-gradient(60% 50% at 100% 0%, rgba(40, 72, 110, .30) 0%, transparent 70%),
    var(--hs-navy-900);
  color: var(--hs-silver-300);
  padding: 80px 0 0;
}
.hs-footer a { color: inherit; transition: color .3s; }
.hs-footer a:hover { color: var(--white-color); }

/* Randevu şeridi */
.hs-footer__cta {
  display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;
  padding: 0 0 56px;
  border-bottom: 1px solid rgba(213, 219, 227, .14);
}
.hs-footer__eyebrow { display: block; font-size: 12px; font-weight: 500; letter-spacing: .2em; color: var(--hs-silver-400); margin-bottom: 10px; }
.hs-footer__cta-title { color: var(--white-color); font-size: clamp(24px, 3vw, 36px); font-weight: 500; line-height: 1.2; letter-spacing: 0; margin: 0; }
.hs-footer__cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hs-footer__cta-actions .su-btn-4 { color: var(--hs-navy-900); }
.hs-footer__ghost {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 19px 30px;
  border: 1px solid rgba(233, 237, 242, .45);
  color: var(--white-color) !important;
  font-size: 13px; font-weight: 600; letter-spacing: .02em; line-height: 1;
  transition: background-color .3s, border-color .3s;
}
.hs-footer__ghost i { font-size: 16px; }
.hs-footer__ghost:hover { background: rgba(233, 237, 242, .08); border-color: var(--white-color); }

/* Ana sütunlar */
.hs-footer__main { padding: 60px 0 50px; row-gap: 40px; }
.hs-footer__logo { display: inline-block; margin-bottom: 22px; }
.hs-footer__logo img { max-width: 230px; }
.hs-footer__about { font-size: 14px; line-height: 1.75; color: var(--hs-silver-300); max-width: 340px; margin: 0 0 24px; }
.hs-footer__social { display: flex; gap: 10px; }
.hs-footer__social a {
  width: 40px; height: 40px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(213, 219, 227, .25); font-size: 15px;
  transition: background-color .3s, border-color .3s, color .3s;
}
.hs-footer__social a:hover { background: var(--hs-navy-700); border-color: var(--hs-navy-700); color: var(--white-color); }

.hs-footer__title { color: var(--white-color); font-size: 13px; font-weight: 600; letter-spacing: .14em; margin: 6px 0 22px; }
.hs-footer__links { list-style: none; padding: 0; margin: 0; }
.hs-footer__links li + li { margin-top: 11px; }
.hs-footer__links a { font-size: 14px; }

.hs-footer__contact { list-style: none; padding: 0; margin: 0; }
.hs-footer__contact li { display: flex; gap: 14px; font-size: 14px; line-height: 1.65; }
.hs-footer__contact li + li { margin-top: 16px; }
.hs-footer__contact i { width: 16px; margin-top: 4px; font-size: 14px; color: var(--hs-silver-400); flex-shrink: 0; text-align: center; }
.hs-footer__contact small { font-size: 11px; color: var(--hs-silver-500); letter-spacing: .06em; }
.hs-footer__map {
  display: table; margin-top: 6px;
  font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
  color: var(--hs-silver-200) !important;
  border-bottom: 1px solid currentColor;
}

/* Alt çizgi */
.hs-footer__bottom {
  display: flex; align-items: center; justify-content: space-between; gap: 12px 30px; flex-wrap: wrap;
  padding: 24px 0 28px;
  border-top: 1px solid rgba(213, 219, 227, .14);
  font-size: 13px; color: var(--hs-silver-400);
}
.hs-footer__legal { display: flex; gap: 22px; }
.hs-footer__note { font-size: 12px; color: var(--hs-silver-500); }

@media (max-width: 991.98px) {
  .hs-footer { padding-top: 60px; }
  .hs-footer__cta { padding-bottom: 44px; }
  .hs-footer__bottom { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 575.98px) {
  .hs-footer__cta-actions { width: 100%; }
  .hs-footer__cta-actions > a { flex: 1 1 100%; justify-content: center; text-align: center; }
  .hs-footer__legal { flex-wrap: wrap; gap: 10px 18px; }
}

.scrollToHome { background: var(--hs-navy-900); color: var(--hs-silver-100); }
.scrollToHome:hover { background: var(--hs-navy-700); color: var(--white-color); }

/* ---------- Bölüm başlığı (sol hizalı + sağda aksiyon) ---------- */
.hs-section-head .section-title .title { line-height: 1.1; }
.hs-section-head .section-title .sub-title { font-size: 12px; font-weight: 500; }

/* ---------- Popüler tedaviler: kayan slider ---------- */
.hs-slider-nav button {
  width: 48px; height: 48px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--hs-navy-900); background: transparent; color: var(--hs-navy-900);
  transition: background-color .3s, color .3s;
}
.hs-slider-nav button:hover { background: var(--hs-navy-900); color: var(--white-color); }

.hs-tcard { position: relative; display: block; overflow: hidden; color: var(--white-color); }
.hs-tcard__img { aspect-ratio: 3 / 4; overflow: hidden; background: var(--hs-navy-800); }
.hs-tcard__img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}
.hs-tcard::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(10, 25, 41, 0) 30%, rgba(10, 25, 41, .55) 60%, rgba(10, 25, 41, .92) 100%);
}
.hs-tcard__body {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
  padding: 28px 26px 26px;
}
.hs-tcard__cat { display: block; font-size: 11px; font-weight: 500; letter-spacing: .18em; color: var(--hs-silver-300); margin-bottom: 8px; }
.hs-tcard__title { color: var(--white-color); font-size: 20px; font-weight: 600; letter-spacing: .02em; line-height: 1.25; margin: 0 0 8px; }
.hs-tcard__text {
  color: var(--hs-silver-200); font-size: 14px; line-height: 1.5; margin: 0;
  max-height: 0; opacity: 0; overflow: hidden;
  transition: max-height .5s ease, opacity .5s ease, margin .5s ease;
}
.hs-tcard__more {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 12px;
  font-size: 12px; font-weight: 600; letter-spacing: .12em; color: var(--white-color);
  padding-bottom: 4px; border-bottom: 1px solid rgba(233, 237, 242, .5);
}
.hs-tcard:hover { color: var(--white-color); }
.hs-tcard:hover .hs-tcard__img img { transform: scale(1.06); }
.hs-tcard:hover .hs-tcard__text { max-height: 80px; opacity: 1; margin-bottom: 4px; }
@media (hover: none) {
  .hs-tcard__text { max-height: none; opacity: 1; }
}

.hs-slider-progress.swiper-pagination-progressbar {
  position: relative !important; height: 2px; background: rgba(10, 25, 41, .12);
}
.hs-slider-progress .swiper-pagination-progressbar-fill { background: var(--hs-navy-900) !important; }

/* ---------- Blog: editoryal düzen ---------- */
.hs-blog { background: var(--hs-pearl, #eef1f5); }
.hs-post { display: flex; background: var(--white-color); color: var(--hs-navy-900); height: 100%; transition: box-shadow .5s ease, transform .5s ease; }
.hs-post:hover { color: var(--hs-navy-900); transform: translateY(-4px); box-shadow: 0 24px 50px -28px rgba(10, 25, 41, .45); }
.hs-post__img { overflow: hidden; background: var(--hs-navy-800); flex-shrink: 0; }
.hs-post__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
.hs-post:hover .hs-post__img img { transform: scale(1.05); }
.hs-post__body { display: flex; flex-direction: column; padding: 28px 30px; }
.hs-post__tag { display: block; font-size: 11px; font-weight: 500; letter-spacing: .18em; color: var(--hs-silver-500); margin-bottom: 10px; }
.hs-post__title { font-size: 18px; font-weight: 600; line-height: 1.35; letter-spacing: .01em; color: var(--hs-navy-900); margin: 0 0 10px; }
.hs-post__text { font-size: 14px; line-height: 1.65; color: var(--body-color); margin: 0 0 16px; }
.hs-post__more {
  margin-top: auto; align-self: flex-start;
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 600; letter-spacing: .12em;
  padding-bottom: 4px; border-bottom: 1px solid currentColor;
}

.hs-post--featured { flex-direction: column; }
.hs-post--featured .hs-post__img { aspect-ratio: 16 / 9; }
.hs-post--featured .hs-post__body { padding: 34px 38px 36px; flex-grow: 1; }
.hs-post--featured .hs-post__title { font-size: 26px; }
.hs-post--featured .hs-post__text { font-size: 15px; }

.hs-post--row { height: auto; }
.hs-post--row .hs-post__img { width: 170px; }
.hs-post--row .hs-post__body { padding: 22px 24px; }
.hs-post--row .hs-post__text { font-size: 13.5px; margin-bottom: 12px; }

.hs-ask {
  flex-grow: 1;
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
  padding: 30px;
  background:
    radial-gradient(80% 90% at 100% 0%, rgba(40, 72, 110, .5) 0%, transparent 70%),
    var(--hs-navy-900);
  color: var(--hs-silver-200);
}
.hs-ask .hs-post__tag { color: var(--hs-silver-300); }
.hs-ask p { color: var(--hs-silver-200); font-size: 15px; line-height: 1.6; margin: 0 0 20px; }

@media (max-width: 575.98px) {
  .hs-post--row .hs-post__img { width: 110px; }
  .hs-post--row .hs-post__text { display: none; }
  .hs-post--featured .hs-post__body { padding: 24px; }
  .hs-post--featured .hs-post__title { font-size: 21px; }
  .hs-slider-nav button { width: 42px; height: 42px; }
}

.instagram-feed { background: var(--white-color); }

/* Menü alt maddeleri: şablondaki küçük harf dönüşümünü kaldır */
.su-menu-4 > nav > ul > li > .sub-menu > li > a,
.su-menu-4 > nav > ul > li > .sub-menu > li .sub-menu li a { text-transform: none; }

/* ---------- Footer: kenar boşluğu, akademik vurgu ---------- */
/* Genişlik: container-fluid container-1830 (diğer bölümlerle aynı hiza) */
.hs-footer__cta-sub {
  margin: 10px 0 0; font-size: 13px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;
  color: var(--hs-silver-400);
}
.hs-footer__main { --bs-gutter-x: 40px; }
.hs-footer__brand .hs-footer__about { max-width: 290px; }
.hs-footer__badges { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.hs-footer__badges li {
  padding: 6px 12px; border: 1px solid rgba(213, 219, 227, .22);
  font-size: 11px; font-weight: 500; letter-spacing: .08em; color: var(--hs-silver-200);
}
.hs-footer__cite {
  margin: 18px 0 0; padding-left: 12px; border-left: 1px solid rgba(213, 219, 227, .25);
  font-size: 12.5px; line-height: 1.6; font-style: italic; color: var(--hs-silver-400);
}
@media (max-width: 767.98px) {

  .hs-footer__main { --bs-gutter-x: 24px; }
}

/* ---------- Yasal bilgilendirme (Sağlık Hizmetlerinde Tanıtım ve Bilgilendirme Faaliyetleri Hakkında Yönetmelik, RG 12.11.2025/33075) ---------- */
.hs-footer__legalbox {
  margin-bottom: 36px; padding: 22px 26px;
  border: 1px solid rgba(213, 219, 227, .16);
  background: rgba(255, 255, 255, .03);
  font-size: 13px; line-height: 1.7; color: var(--hs-silver-400);
}
.hs-footer__legalbox p { margin: 0; }
.hs-footer__legalbox p + p { margin-top: 8px; }
.hs-footer__legalbox a { color: var(--hs-silver-200); border-bottom: 1px solid rgba(213, 219, 227, .35); }
.hs-footer__warning { display: flex; gap: 10px; font-size: 14px; font-weight: 500; color: var(--hs-silver-100) !important; }
.hs-footer__warning i { margin-top: 5px; color: var(--hs-silver-300); }
.hs-visual-warning { margin: 18px 0 0; font-size: 13px; line-height: 1.6; color: var(--body-color); }

/* ---------- Hizmetlerimiz (index-8 "Best Deals" sekmeli düzeni) ---------- */
.hs-services .su-section-8-title { color: var(--hs-navy-900); }
.hs-services .su-product-4-tab-btn .tab-btn { color: var(--hs-silver-500); }
.hs-services .su-product-4-tab-btn .tab-btn.active,
.hs-services .su-product-4-tab-btn .tab-btn:hover { color: var(--hs-navy-900); }
.hs-services .product-img img { aspect-ratio: 2 / 3; object-fit: cover; }
.hs-services .card-product-info .product-price { display: block !important; color: var(--body-color); font-size: 14px; letter-spacing: 0; text-transform: none; }
.hs-services .hs-more {
  display: flex !important; width: fit-content; align-items: center; gap: 8px; margin-top: 12px;
  font-size: 12px; font-weight: 600; letter-spacing: .12em; color: var(--hs-navy-900);
  padding-bottom: 3px; border-bottom: 1px solid currentColor;
}
.hs-services .hs-more:hover { color: var(--hs-silver-500); }

/* Hakkımda: hekim portresi sütunu doldursun */
.hs-doctor-img { display: block; width: 100%; aspect-ratio: 514 / 563; object-fit: cover; }

/* Footer: HealthTürkiye logosu */
.hs-footer__htr { display: inline-block; margin-top: 24px; opacity: .92; transition: opacity .3s; }
.hs-footer__htr:hover { opacity: 1; }
.hs-footer__htr img { display: block; width: 150px; height: auto; }

/* ---------- Dil seçici (header) ---------- */
.hs-lang { position: relative; }
.hs-lang__btn {
  display: inline-flex; align-items: center; gap: 7px;
  background: transparent; border: 0; padding: 0; cursor: pointer;
  color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .06em;
}
.hs-lang__btn .fa-globe { font-size: 15px; }
.hs-lang__chev { font-size: 9px; transition: transform .25s; }
.hs-lang__list {
  position: absolute; top: calc(100% + 14px); right: 0; z-index: 30;
  min-width: 150px; margin: 0; padding: 8px 0; list-style: none;
  background: #fff; box-shadow: 0 14px 40px rgba(5, 13, 24, .22);
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .25s, transform .25s, visibility .25s;
}
.hs-lang__list::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.hs-lang__list li { display: block !important; margin: 0 !important; }
.header-3 .header-3-area .cart-btn ul .hs-lang__list li a,
.hs-lang__list li a {
  display: block; padding: 8px 18px; font-size: 13px; letter-spacing: .02em; text-transform: none;
  color: var(--hs-navy-900) !important; border: 0; background: none;
}
.hs-lang__list li a:hover { background: var(--hs-silver-100); }
.hs-lang__list li a.is-active { font-weight: 700; }
.hs-lang__list li a.is-active::after { content: "✓"; float: right; margin-left: 12px; color: var(--hs-silver-500); }
.hs-lang:hover .hs-lang__list,
.hs-lang.is-open .hs-lang__list { opacity: 1; visibility: visible; transform: none; }
.hs-lang:hover .hs-lang__chev,
.hs-lang.is-open .hs-lang__chev { transform: rotate(180deg); }
.hs-lang--mobile .hs-lang__btn { font-size: 13px; }
.hs-lang--mobile .hs-lang__list { top: calc(100% + 10px); }

/* ---------- Dil seçici (footer + mobil menü) ---------- */
.hs-footer__langs { display: flex; align-items: center; gap: 4px; }
.hs-footer__langs i { color: var(--hs-silver-400); margin-right: 6px; font-size: 13px; }
.hs-footer__langs a {
  padding: 3px 8px; font-size: 12px; font-weight: 600; letter-spacing: .08em;
  color: var(--hs-silver-400); border: 1px solid transparent;
}
.hs-footer__langs a:hover { color: #fff; }
.hs-footer__langs a.is-active { color: #fff; border-color: rgba(255, 255, 255, .28); }
.mmx-langs { display: flex; justify-content: center; gap: 8px; margin-bottom: 14px; }
.mmx-langs a {
  padding: 4px 12px; font-size: 12px; font-weight: 600; letter-spacing: .08em;
  color: var(--hs-navy-900); border: 1px solid var(--hs-silver-200);
}
.mmx-langs a.is-active { background: var(--hs-navy-900); border-color: var(--hs-navy-900); color: #fff; }

/* ---------- Mobil: sabit header ---------- */
@media (max-width: 1199px) {
  .home1-mobile-menu { position: fixed; top: 0; transition: background .3s, box-shadow .3s; z-index: 99; }
  .home1-mobile-menu.is-sticky {
    background: rgba(10, 25, 41, .96);
    box-shadow: 0 2px 20px rgba(5, 13, 24, .35);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  }
  .home1-mobile-menu .su-header-4-middle { transition: padding .3s; }
  .home1-mobile-menu.is-sticky .su-header-4-middle { padding-top: 12px; padding-bottom: 12px; }
}

/* ---------- Mobil: alt menü ---------- */
.hs-bottom-nav {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 98;
  display: flex; align-items: center; justify-content: space-around;
  padding: 10px 6px calc(10px + env(safe-area-inset-bottom));
  background: rgba(10, 25, 41, .97);
  border-top: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 -6px 24px rgba(5, 13, 24, .25);
}
.hs-bottom-nav a {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 5px;
  color: var(--hs-silver-400); font-size: 10.5px; font-weight: 500; letter-spacing: .03em; line-height: 1;
}
.hs-bottom-nav a i { font-size: 18px; line-height: 1; }
.hs-bottom-nav a.is-active,
.hs-bottom-nav a:hover { color: #fff; }
@media (max-width: 1199px) {
  body { padding-bottom: calc(62px + env(safe-area-inset-bottom)); }
  .scrollToHome { bottom: 80px !important; }
}
.header-3 .header-3-area .cart-btn > nav > ul { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; }
.header-3 .header-3-area .cart-btn > nav > ul > li > a,
.header-3 .header-3-area .cart-btn .hs-lang__btn { white-space: nowrap; }
.hs-lang__list { text-align: left; }

/* ---------- Arka plan videoları ---------- */
.hs-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; }
.hs-has-video { overflow: hidden; }
.video-area .bg .hs-video { z-index: 0; }
.video-area .bg::before { z-index: 1; }
.video-area .content-box { z-index: 2; }

/* Footer başka şablon sayfalarında da (demo 2/3) aynı görünsün */
.hs-footer, .hs-footer p, .hs-footer h3, .hs-footer h6, .hs-footer li, .hs-footer span, .hs-footer a { font-family: var(--jakarta-font), sans-serif; }
.hs-footer .hs-footer__cta-title { color: var(--white-color) !important; text-transform: none !important; }
.hs-footer .hs-footer__title { color: var(--white-color) !important; }
.hs-footer .hs-footer__eyebrow,
.hs-footer .hs-footer__cta-sub,
.hs-footer .hs-footer__cite { color: var(--hs-silver-400) !important; }
.hs-footer .hs-footer__about { color: var(--hs-silver-300) !important; }
.hs-footer .hs-footer__legalbox,
.hs-footer .hs-footer__legalbox p { color: var(--hs-silver-400) !important; }
.hs-footer .hs-footer__legalbox .hs-footer__warning { color: var(--hs-silver-100) !important; }
.hs-footer .hs-footer__contact li,
.hs-footer .hs-footer__contact span,
.hs-footer .hs-footer__contact a { color: var(--hs-silver-200); }
.hs-footer .hs-footer__bottom,
.hs-footer .hs-footer__bottom span { color: var(--hs-silver-400) !important; }
.hs-footer .hs-footer__cta-title, .hs-footer h3, .hs-footer h6 { font-family: var(--jakarta-font), sans-serif !important; }

/* ---------- Şakaktan Yüz Germe (Temporal Lift) vurgusu ---------- */
.hs-badge {
  position: absolute; left: 14px; top: 14px; z-index: 3;
  padding: 6px 12px; border-radius: 30px;
  background: var(--hs-navy-900); color: #fff;
  font-size: 10.5px; font-weight: 700; letter-spacing: .14em;
}
.hs-tcard { position: relative; }
.hs-menu-badge {
  display: inline-block; margin-left: 6px; padding: 2px 7px; border-radius: 20px;
  background: var(--hs-navy-900); color: #fff; font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: .04em; vertical-align: middle;
}
.hs-tl { padding: 40px 0 100px; }
.hs-tl__grid {
  display: grid; grid-template-columns: 1.05fr 1fr; overflow: hidden;
  border-radius: 20px; background: var(--hs-navy-900);
}
.hs-tl__media { position: relative; min-height: 620px; background: var(--hs-navy-900) url("../images/hakan/koleksiyon-yuz.jpg") center / cover; }
.hs-tl__media::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(10, 25, 41, 0) 55%, var(--hs-navy-900) 100%), linear-gradient(0deg, rgba(10, 25, 41, .7) 0%, rgba(10, 25, 41, 0) 40%);
}
.hs-tl__chips { position: absolute; left: 28px; bottom: 28px; right: 28px; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; }
.hs-tl__chips span {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 30px;
  background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .25);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  color: #fff; font-size: 12.5px; font-weight: 500;
}
.hs-tl__content { position: relative; z-index: 2; padding: 70px 80px 60px 60px; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.hs-tl__eyebrow { color: var(--hs-silver-300); font-size: 12px; font-weight: 600; letter-spacing: .2em; margin-bottom: 14px; }
.hs-tl__title { color: #fff; font-size: clamp(32px, 3.4vw, 54px); line-height: 1.05; margin: 0; letter-spacing: .01em; }
.hs-tl__sub {
  display: inline-flex; align-items: center; gap: 14px; margin: 14px 0 34px;
  color: var(--hs-silver-300); font-size: 13px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
}
.hs-tl__sub::before { content: ""; width: 36px; height: 1px; background: var(--hs-silver-400); }
.hs-tl__steps { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.hs-tl__step {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, .22); background: transparent; color: var(--hs-silver-300);
  font-size: 13px; font-weight: 600; transition: all .3s;
}
.hs-tl__step span { font-size: 11px; opacity: .7; }
.hs-tl__step:hover { border-color: rgba(255, 255, 255, .6); color: #fff; }
.hs-tl__step.is-active { background: #fff; border-color: #fff; color: var(--hs-navy-900); }
.hs-tl-slider { width: 100%; overflow: hidden; }
.hs-tl__num { display: block; color: var(--hs-silver-500); font-size: 13px; font-weight: 700; letter-spacing: .14em; margin-bottom: 8px; }
.hs-tl__q { color: #fff; font-size: 20px; letter-spacing: .06em; margin: 0 0 12px; }
.hs-tl__a { color: var(--hs-silver-200); font-size: 16px; line-height: 1.75; margin: 0; max-width: 560px; }
.hs-tl__progress { height: 2px; margin: 30px 0 34px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.hs-tl__progress span { display: block; height: 100%; width: 0; background: #fff; }
.hs-tl__progress span.is-running { animation: hsTlProgress var(--hs-tl-delay, 6s) linear forwards; }
@keyframes hsTlProgress { from { width: 0; } to { width: 100%; } }
.hs-tl__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hs-tl__btn {
  display: inline-flex; align-items: center; gap: 10px; padding: 15px 26px; border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, .35); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .06em; transition: all .3s;
}
.hs-tl__btn .su-arrow-svg-top-right path { fill: currentColor; }
.hs-tl__btn:hover { border-color: #fff; background: rgba(255, 255, 255, .08); color: #fff; }
.hs-tl__btn--solid { background: #fff; border-color: #fff; color: var(--hs-navy-900); }
.hs-tl__btn--solid:hover { background: var(--hs-navy-700); border-color: var(--hs-navy-700); color: #fff; }
.hs-tl__note { margin: 26px 0 0; color: var(--hs-silver-400); font-size: 12px; line-height: 1.6; }
@media (max-width: 1199px) {
  .hs-tl__content { padding: 50px 40px; }
}
@media (max-width: 991px) {
  .hs-tl { padding: 20px 0 70px; }
  .hs-tl__grid { grid-template-columns: 1fr; }
  .hs-tl__media { min-height: 380px; }
  .hs-tl__media::after { background: linear-gradient(0deg, var(--hs-navy-900) 0%, rgba(10, 25, 41, 0) 50%); }
  .hs-tl__content { padding: 30px 24px 40px; }
  .hs-tl__btn { flex: 1 1 100%; justify-content: center; }
  .hs-tl__sub::before { display: none; }
}
.hs-tl .hs-tl__title { color: #fff !important; font-family: var(--jakarta-font), sans-serif; text-transform: uppercase; }
.hs-tl .hs-tl__q { color: #fff !important; font-family: var(--jakarta-font), sans-serif; }
.hs-tl .hs-tl__sub, .hs-tl .hs-tl__eyebrow { color: var(--hs-silver-300) !important; }
.hs-tl .hs-tl__a { color: var(--hs-silver-200) !important; }
.card-product-wrapper .hs-badge { z-index: 5; pointer-events: none; }
.hs-tl .hs-tl__note { color: var(--hs-silver-400) !important; }

/* ---------- Instagram Reels ---------- */
.hs-reels { padding: 90px 0 40px; background: #fff; }
.hs-reels__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
.hs-reels__eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--hs-silver-500); font-size: 12px; font-weight: 600; letter-spacing: .18em; }
.hs-reels .hs-reels__title { margin: 8px 0 6px; color: var(--hs-navy-900) !important; font-family: var(--jakarta-font), sans-serif; font-size: clamp(28px, 3vw, 42px); letter-spacing: .01em; }
.hs-reels__sub { margin: 0; color: var(--body-color); }
.hs-reels__nav { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.hs-reels__nav button {
  display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0;
  border: 1px solid var(--hs-silver-200); border-radius: 50%; background: #fff; color: var(--hs-navy-900); transition: all .3s;
}
.hs-reels__nav button:hover { background: var(--hs-navy-900); border-color: var(--hs-navy-900); color: #fff; }
.hs-reels__all { margin-right: 10px; padding-bottom: 3px; border-bottom: 1px solid currentColor; color: var(--hs-navy-900); font-size: 12px; font-weight: 600; letter-spacing: .12em; }
.hs-reels-slider { overflow: hidden; }
.hs-reel {
  position: relative; display: block; width: 100%; padding: 0; border: 0; cursor: pointer; text-align: left;
  aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; background: var(--hs-navy-900);
}
.hs-reel__media, .hs-reel__media img, .hs-reel__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hs-reel__media img, .hs-reel__media video { transition: transform .6s; }
.hs-reel:hover .hs-reel__media img, .hs-reel:hover .hs-reel__media video { transform: scale(1.05); }
.hs-reel::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(0deg, rgba(10, 25, 41, .85) 0%, rgba(10, 25, 41, 0) 45%, rgba(10, 25, 41, .25) 100%);
}
.hs-reel__ig { position: absolute; top: 14px; right: 14px; z-index: 2; color: #fff; font-size: 20px; }
.hs-reel__play {
  position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%);
  display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%;
  background: rgba(255, 255, 255, .18); border: 1px solid rgba(255, 255, 255, .55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; font-size: 18px; transition: all .3s;
}
.hs-reel__play i { margin-left: 3px; }
.hs-reel:hover .hs-reel__play { background: #fff; color: var(--hs-navy-900); }
.hs-reel__cap { position: absolute; left: 18px; right: 18px; bottom: 18px; z-index: 2; display: flex; flex-direction: column; gap: 4px; color: #fff; }
.hs-reel__cap strong { font-size: 16px; font-weight: 700; line-height: 1.3; }
.hs-reel__cap small { font-size: 13px; color: var(--hs-silver-200); }
.hs-reel-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 20px; }
.hs-reel-modal[hidden] { display: none; }
.hs-reel-modal__backdrop { position: absolute; inset: 0; background: rgba(5, 13, 24, .9); }
.hs-reel-modal__box { position: relative; width: min(420px, 100%); }
.hs-reel-modal__frame { border-radius: 14px; overflow: hidden; background: #000; }
.hs-reel-modal__frame iframe { display: block; width: 100%; height: min(760px, 82vh); border: 0; background: #fff; }
.hs-reel-modal__frame video { display: block; width: 100%; max-height: 82vh; background: #000; }
.hs-reel-modal__close {
  position: absolute; right: 0; top: -52px; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 50%; background: transparent; color: #fff; font-size: 18px;
}
@media (max-width: 767px) {
  .hs-reels { padding: 60px 0 20px; }
  .hs-reels__head { flex-direction: column; align-items: flex-start; }
}
.hs-reel .hs-reel__cap strong { color: #fff !important; font-family: var(--jakarta-font), sans-serif; }

/* ---------- Apple tarzı cam (glass) bileşenleri — tüm demolarda ortak ---------- */
:root {
  --glass-bg: rgba(255, 255, 255, .14);
  --glass-bg-hover: rgba(255, 255, 255, .24);
  --glass-border: rgba(255, 255, 255, .34);
  --glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 28px rgba(5, 13, 24, .22);
  --glass-blur: blur(18px) saturate(180%);
  --glass-dark-bg: rgba(10, 25, 41, .42);
}
.hs-glass {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur);
  color: #fff !important;
}
.hs-reel__cap strong, .hs-reel__cap small { text-shadow: 0 1px 10px rgba(5, 13, 24, .55); }