@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
/*
---------------------------------------------
reset
---------------------------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

:root {
  /* Tekrarlanan Renkleri Değişken Yapmak Daha İyi */
  --primary-color: #f5a425;
  --text-color-light: #fff;
  --text-color-dark: #1e1e1e;
--header-bg-transparent: rgba(0,0,0,0.5);
  --header-bg-scrolled: #fff;
  --gold: #faec4d;
  --light-gray: #d9d4a0;
}

.divider {
  border: none;
  height: 1px;
;
  background-color: black;
  margin: 0px 0;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
  color: #3CF;
}

a:hover {
	color: #FC3;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 25px;
  color: #2a2a2a;
}

img {
  width: 100%;
  overflow: hidden;
}



::selection {
  background: #f5a425;
  color: #fff;
}

::-moz-selection {
  background: #f5a425;
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }

}

.main-button-red a {
  font-size: 13px;
  color: #fff;
  background-color: #a12c2f;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
}

.main-button-red a:hover {
  opacity: 0.9;
}

.main-button-yellow a {
  font-size: 13px;
  color: #fff;
  background-color: #f5a425;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
}

.main-button-yellow a:hover {
  opacity: 0.9;
}

.section-heading h2 {
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 50px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(250,250,250,0.15);
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}





.header-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: .5s;
  background: var(--header-bg-transparent);
  max-width: 1280px;
    margin: 0 auto;
  padding: 0 10 10 40px;
  border-radius: 20px;
}

/* Scroll'da Sabit Başlık Stili */
.background-header {
  background: var(--header-bg-scrolled) !important;
  height: 80px !important;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 10px rgba(0,0,0,0.15) !important;
  z-index: 999;
}

.header-area .main-nav {
  min-height: 80px;
}

/* Logo Stilleri */
.header-area .main-nav .logo {
  float: left;
  line-height: 100px; /* main-nav min-height'tan büyük, scroll'da değişiyor */
  font-size: 28px;
  font-weight: 700;
  color: var(--text-color-light);
  letter-spacing: 2px;
  transition: .3s;
}

.background-header .main-nav .logo {
  line-height: 75px; /* Scroll'da logo küçülüyor */
}

.nav-center {
  position: absolute;
  left: 30%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  display: flex;
  align-items: center;
}

/* LOGO RESMİ */
.nav-center img {
  height: 90%;       /* navbar yüksekliğine oturur */
  max-height: 80px;  /* aşırı büyümeyi engeller */
  width: auto;
  object-fit: contain;
}

/* Navigasyon Menüsü Stilleri */
.header-area .main-nav .nav {
  float: right;
  margin-top: 20px;
  transition: .3s;
  display: flex;
  gap: 6px;
  align-items: center;
}

.header-area .main-nav .nav li {
  padding: 0 15px;
  position: relative;
}

.header-area .main-nav .nav li a {
  font-weight: 500;
  font-size: 14px;
  color: var(--text-color-light);
  height: 40px;
  line-height: 40px;
  letter-spacing: 1px;
  transition: color .3s ease;
}

/* Hover ve Aktif – daha parlak altın */
.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #e0c46a !important; /* parlak ama mat */
}


/* Submenu Desktop Stili */
.header-area .main-nav .nav li.has-sub:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: var(--text-color-light);
  position: absolute;
  right: 5px;
  top: 12px;
}

.background-header .main-nav .nav li.has-sub:after {
  color: var(--text-color-dark); /* Renk değişkeni kullanıldı */
}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
  position: absolute;

  width: 200px;
  box-shadow: 0 2px 28px rgba(0,0,0,0.06);
  overflow: hidden;
  top: 40px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: .25s;
  z-index: 500;
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}


/*
 * MOBILE HEADER & HAMBURGER
 */
@media (max-width: 767px) {
  /* Ortak Mobil Header Stili */
  .header-area {
    background: var(--header-bg-transparent);
    backdrop-filter: none;
    height: 70px !important;
    padding: 0 18px;
    display: flex;
    align-items: center;
    position: absolute !important;   /* ✔ DOĞRU OLAN */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }

    .divider {
    margin: 0px 0;
  }

  .header-area .main-nav {
    width: 100%;
    position: relative;
  }

  /* Logo Mobil Stilleri */
  .header-area .main-nav .logo {
    height: 50px;
    line-height: 70px;
    display: flex;
    align-items: center;
    float: none;
  }

  .header-area .main-nav .logo img {
    max-height: 200px;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
  }

    .nav-center {
    left: 60%;
    transform: translate(-50%, -50%);
  }

  .nav-center img {
    height: 100%;      /* mobilde biraz daha dengeli */
    max-height: 70px;
  }

  /* Menu Trigger Stilleri */
  /* Menu Trigger Stilleri */
  .menu-trigger {
    display: block !important;
    position: absolute;
    right: 8px;
    top: 18px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    z-index: 3000;
  }

  .menu-trigger span,
  .menu-trigger span:before,
  .menu-trigger span:after {
    background: var(--text-color-light);
    position: absolute;
    left: 3px;
    width: 28px;
    height: 2.3px;
    transition: .3s;
    border-radius: 3px;
    content: "";
  }

  .menu-trigger span { top: 15px; }
  .menu-trigger span:before { top: -9px; }
  .menu-trigger span:after { top: 9px; }

  .menu-trigger.active span { background: transparent; }
  .menu-trigger.active span:before { top: 0; transform: rotate(45deg); }
  .menu-trigger.active span:after { top: 0; transform: rotate(-45deg); }



  /* Üst çizgi — açık gri */
  .menu-trigger span:before {
    background: var(--light-gray) !important;
  }

  /* Alt çizgi — açık gri */
  .menu-trigger span:after {
    background: var(--light-gray) !important;
  }

  /* ORTA çizgi — altın rengi */
  .menu-trigger span {
    background: var(--gold) !important;
  }

  /* Menü açılınca X işareti çizgileri → gri */
  .menu-trigger.active span:before,
  .menu-trigger.active span:after {
    background: var(--light-gray) !important;
  }

  /* X ikonunda orta çizgi görünmesin */
  .menu-trigger.active span {
    background: transparent !important;
  }


  /* Mobil Menü Nav Stilleri */
  .header-area .main-nav .nav {
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.4);
    border-radius: 0 0 14px 14px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height .35s ease, opacity .35s ease, visibility .35s;
    z-index: 2500;
    flex-direction: column;
    float: none;
    margin-top: 0;
  }

  .header-area .main-nav .nav.open {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
  }

  /* Mobil Nav Listesi */
  .header-area .main-nav .nav li {
    border-bottom: 1px solid rgba(255,255,255,0.07);
    width: 100%;
    padding: 0;
  }

  .header-area .main-nav .nav li a {
    display: block;
    height: 52px;
    line-height: 52px;
    padding-left: 22px;
    color: var(--text-color-light) !important;
    text-align: center;
    padding-right: 25px;
  }
/* --- FIX: OK İKONUNU LINK'E BAĞLA (kaymayı önler) --- */



  /* Submenu */
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    display: none;
    position: static;
    box-shadow: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    top: auto;

  }

  .header-area .main-nav .nav li.has-sub.open ul.sub-menu {
    display: block !important;
  }



  /* ▼ ALT MENÜLER ORTALANDI */
  .header-area .main-nav .nav li.has-sub ul.sub-menu li a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    height: 48px;
    line-height: 48px;
  }

  /* ▼ ALT MENÜDE OK OLMASIN */
  .header-area .main-nav .nav li.has-sub ul.sub-menu li:after {
    display: none !important;
  }
}



/* Overlay Stili */
.mobile-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  display: none;
  z-index: 2000;
}

.mobile-menu-overlay.show {
  display: block !important;
}

/*
 * Desktop Reset - Mobil kurallarını masaüstünde sıfırlama
 */
@media (min-width: 768px) {
  .nav {
    max-height: none !important;
    position: static !important;
    display: flex !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    float: right; /* Tekrar float eklendi */
    margin-top: 20px; /* Tekrar margin eklendi */
  }

  .mobile-menu-overlay {
    display: none !important;
  }
}

/*
---------------------------------------------
banner
---------------------------------------------
*/

.main-banner {
  position: relative;
  max-height: 100%;
  overflow: hidden;
  margin-bottom: -7px;
}

.video-section {
    position: relative;      /* yoksa ekle */
    width: 100%;
    height: 420px;           /* NET sınır */
    max-height: 420px;
    overflow: hidden;
}
.video-section video {
    position: absolute;
    top: 45%;                /* 50 → 45 */
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.video-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

/* Yazı arkası karartı */
.video-content::before {
    content: "";
    position: absolute;
    inset: -40px; /* yazının etrafında nefes payı */
    background: radial-gradient(
        ellipse at center,
        rgba(20, 16, 5, 0.65) 0%,
        rgba(20, 16, 5, 0.45) 40%,
        rgba(20, 16, 5, 0.0) 75%
    );
    z-index: -1;
    border-radius: 28px;
}


@media (max-width: 768px) {
    .video-section {
        height: 260px;
        max-height: 260px;
    }
}







/*
---------------------------------------------
upcoming meetings
---------------------------------------------
*/

.meeting-item {
  margin-bottom: 30px;
}

.meeting-item .thumb {
  position: relative;
}

.meeting-item .thumb img {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.meeting-item .thumb .price {
  position: absolute;
  left: 20px;
  top: 20px;
}

.meeting-item .thumb .price span {
  font-size: 16px;
  color: #1f272b;
  font-weight: 600;
  background-color: rgba(250,250,250,0.9);
  padding: 7px 12px;
  border-radius: 10px;
}

.meeting-item .down-content {
  background-color: #fff;
  padding: 30px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.meeting-item .down-content .date {
  float: left;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
}

.meeting-item .down-content .date h6 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #a12c2f;
}

.meeting-item .down-content .date span {
  display: block;
  color: #1f272b;
  font-size: 22px;
  margin-top: 7px;
}

.meeting-item .down-content h4 {
  font-size: 18px;
  color: #1f272b;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}

.meeting-item .down-content p {
  margin-left: 50px;
  color: #1f272b;
  font-size: 14px;
}



/*
---------------------------------------------
apply now
---------------------------------------------
*/


.accordions {
  border-radius: 20px;
  padding: 40px;
  background-color: #fff;
  margin-left: 45px;
}
.accordions .accordion {
  border-bottom: 1px solid #eee;
}
.accordions .last-accordion {
  border-bottom: none;
}
.accordion-head {
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  color: #1f272b;
  cursor: pointer;
  transition: color 200ms ease-in-out;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .accordion-head {
    padding: 1rem;
    font-size: 1.2rem;
  }
}
.accordion-head .icon {
  float: right;
  transition: transform 200ms ease-in-out;
}
.accordion-head.is-open {
  color: #f5a425;
  border-bottom: none;
}
.accordion-head.is-open .icon {
  transform: rotate(45deg);
}
.accordion-body {
  overflow: hidden;
  height: 0;
  transition: height 300ms ease-in-out;
  border-bottom: 1px solid #fff;
}
.accordion-body > .content {
  padding: 20px;
  padding-top: 0;
}


/*
---------------------------------------------
courses
---------------------------------------------
*/

section.our-courses {
  background-image: url(../images/back_cakra.webp);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 130px;
}

.our-courses .item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* hafif gölge, resim öne çıksın */
    border: 1px solid rgba(224,196,106,0.3); /* ince altın çerçeve */
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.our-courses .item img:hover {
    transform: scale(1.03); /* hafif zoom efekti */
    box-shadow: 0 10px 25px rgba(0,0,0,0.3); /* hover sırasında gölge derinleşir */
}



.our-courses .item .down-content {
  background-color: #fff;
}

.our-courses .item .down-content h4 {
  padding: 25px;
  font-size: 18px;
  color: #1f272b;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.our-courses .item .down-content .info {
  padding: 25px;
}

.our-courses .item .down-content .info ul li {
  display: inline-block;
  margin-right: 1px;
}

.our-courses .item .down-content .info ul li i {
  color: #f5a425;
  font-size: 14px;
}

.our-courses .item .down-content .info span {
  color: #9e9209;
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  display: inline-block;
  width: 100%;
}

.our-courses .owl-nav {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-45px);
}

.our-courses .owl-dots {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 12px;
}

.our-courses .owl-dots .owl-dot {
  transition: all .5s;
  width: 7px;
  height: 7px;
  background-color: #fff;
  margin: 0px 5px;
  border-radius: 50%;
  outline: none;
  background: #ada113;
}

.our-courses .owl-dots .active {
  width: 24px;
  height: 8px;
  border-radius: 4px;
}

.our-courses .owl-nav .owl-prev{
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -80px;
}

.our-courses .owl-nav .owl-prev span,
.our-courses .owl-nav .owl-next span {
  opacity: 0;
}

.our-courses .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f104';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.our-courses .owl-nav .owl-prev {
  opacity: 1;
  transition: all .5s;
}

.our-courses .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.our-courses .owl-nav .owl-next {
  opacity: 1;
  transition: all .5s;
}

.our-courses .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.our-courses .owl-nav .owl-next{
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -85px;
}

.our-courses .owl-nav .owl-next:before {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: '\f105';
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

/* === ALTIN OK BUTON EFEKTİ – SADECE EK === */
.our-courses .owl-nav .owl-prev:before,
.our-courses .owl-nav .owl-next:before {
  border: 1px solid rgba(212,175,55,0.9);

  color: #d4af37;
}



/*
---------------------------------------------
our facts
---------------------------------------------
*/








/*
---------------------------------------------
heading page
---------------------------------------------
*/

section.heading-page {
  position: relative; /* overlay için şart */
  background-image: url(../images/pilates.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 110px;
  text-align: center;
}

/* HAFİF KARARTI */
section.heading-page::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* %35 karartı */
  z-index: 1;
}

/* İÇERİĞİ ÜSTE AL */
section.heading-page * {
  position: relative;
  z-index: 2;
}


section.heading-page h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

section.heading-page h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}




section.heading-page-ss {
  position: relative; /* overlay için şart */
  background-image: url(../images/mass.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 110px;
  text-align: center;
}

/* HAFİF KARARTI */
section.heading-page-ss::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* %35 karartı */
  z-index: 1;
}

/* İÇERİĞİ ÜSTE AL */
section.heading-page-ss * {
  position: relative;
  z-index: 2;
}


section.heading-page-ss h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

section.heading-page-ss h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}


section.heading-page2 {
  position: relative;
  background-image: url(../images/mas_main.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; /* TAMAMI GÖRÜNSÜN */
  background-color: #000; /* boşluklar siyah dolsun */
  padding-top: 230px;
  padding-bottom: 110px;
  text-align: center;
}

/* HAFİF KARARTI */
section.heading-page2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

/* İÇERİĞİ ÜSTE AL */
section.heading-page2 * {
  position: relative;
  z-index: 2;
}


section.heading-page2 h6 {
  margin-top: 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

section.heading-page2 h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}


/*
---------------------------------------------
upcoming meetings page
---------------------------------------------
*/


@media (max-width: 767px) {
	.templatemo-item-col {
		width: 100%;
	}
}

/*
---------------------------------------------
responsive
---------------------------------------------
*/

@media (max-width: 1300px) {
  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1200px) {

  .our-courses .owl-nav .owl-next{
    right: -70px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -65px;
  }
}

@media (max-width: 1085px) {

  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1005px) {

  .our-courses .owl-nav .owl-next{
    display: none;
  }
  .our-courses .owl-nav .owl-prev{
    display: none;
  }
}

@media (max-width: 992px) {


  .accordions {
    margin-left: 0px;
  }

  .new-students {
    margin-top: 15px;
  }

}

@media (max-width: 767px) {

  .sub-header .left-content p {
    display: none;
  }

  .sub-header .right-icons {
    text-align: center;
  }

  .main-nav .nav .sub-menu {
    display: none;
  }

  .header-area .main-nav .nav li ul.sub-menu li a {
    color: #1f272b;
  }

    .header-area .main-nav .nav li.has-sub ul.sub-menu {
    display: none;
    position: static;
    box-shadow: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    top: auto;
    width: 100% !important;  /* ← Tam genişlik */
    left: 0 !important;      /* ← Sola yasla */
    background: rgba(0,0,0,0.2); /* ← İsteğe bağlı: hafif arka plan */
  }

  /* Alt menü linklerini ortala */
  .header-area .main-nav .nav li.has-sub ul.sub-menu li {
    width: 100%;     /* ← Tam genişlik */
    display: block;  /* ← Block yap */
  }

  .header-area .main-nav .nav li.has-sub ul.sub-menu li a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;  /* ← Metni ortala */
    width: 100%;                    /* ← Tam genişlik */
    display: block;                 /* ← Block yap */
    height: 48px;
    line-height: 48px;
  }


}

/* === SUB-MENU ARKA PLANINI KOYU YAP (BOZMADAN) === */
.header-area .main-nav .nav li.has-sub ul.sub-menu {
  background: rgba(0,0,0,0.6) !important;
  border-radius: 20px;
}




.randevu-btn {
  margin-top: 10px;
  display: inline-block;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #cfe8ff;  /* Açık mavimsi yazı */
  border: 1.5px solid #6fb7ff; /* İnce mavimsi kenar */
  background: rgba(0, 0, 0, 0.35); /* Şeffaf karartı */
  backdrop-filter: blur(4px); /* Hafif cam efekti */
  border-radius: 16px;
  text-decoration: none;
  transition: 0.3s ease;
}

.randevu-btn:hover {
  background: rgba(111, 183, 255, 0.2); /* Hover’da hafif mavi parıltı */
  border-color: #9cd1ff;
  color: #ffffff;
}

.image-with-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 170px;
    width: 100%;
    max-width: 1300px;
    margin: 70px auto;
    padding: 20px;
}

/* Sol resim */
.image-box img {
    width: 100%;
    max-width: 520px;
    border-radius: 18px;
    object-fit: cover;

    /* ALTIN ÇERÇEVE – çok ince */
    border: 1.5px solid #c7a542;

    box-shadow: 0 10px 35px rgba(0,0,0,0.14);
}
.image-box img:hover {
    box-shadow:
        0 14px 40px rgba(0,0,0,0.18),
        0 0 0 2px rgba(224,196,106,0.12);
}


/* Sağ açıklamalar */
.text-box {
    flex: 1;
}

.text-box h2 {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 20px;
}

.text-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.text-box ul li {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
    padding-left: 28px;
    position: relative;
}

/* Madde işareti */
.text-box ul li::before {
    content: "✦";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    color: #c7a542;
}


/* 14 maddeyi 7+7 iki sütunda göster */
.text-box ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
}



/* Responsive */
@media (max-width: 768px) {
    .image-with-list {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    /* Liste mobilde tek sütun */
    .text-box ul {
        column-count: 1 !important;
        column-gap: 0;
        width: 100%;
        max-width: 90%;
        margin: 0 auto;
    }

    /* Maddeler daha rahat okunur hale getirildi */
    .text-box ul li {
        padding-left: 24px;
        font-size: 13px;
        text-align: left;
        position: relative;
        break-inside: avoid;
        margin-bottom: 18px; /* >>> Mobilde araları açtım */
    }

        .image-with-list-alt {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

        .section-header {
        margin-bottom: 40px;
        padding: 0 10px;
    }
}
    


.icon-rotate {
  width: 45px;
  height: auto;
}


.slider-container {
  position: relative;
  width: 100%;
  height: 96vh;
  min-height: 400px;
  overflow: hidden;
  border-radius: 12px;
}

.slider { width: 100%; height: 100%; position: relative; }

.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .8s ease;
}

.slide.active { opacity: 1; z-index: 2; }

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* overlay */
.slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 1;
  border-radius: 12px;
}




.caption {
  position: absolute;
  background: linear-gradient(
    135deg,
    rgba(255, 232, 170, 0.18),
    rgba(210, 175, 90, 0.12)
  );

  padding: 18px 12px; /* üst–alt elmas için nefes */
  border-radius: 20px;

  box-shadow:
    0 20px 40px rgba(0,0,0,0.25),
    inset 0 0 0 1px rgba(255, 230, 150, 0.35);

  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  max-width: 560px;

  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  text-shadow: 2px 2px 8px rgba(0,0,0,.4);
  animation: fadeUp .6s ease;

  z-index: 2;
}


.caption::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -7px;

  width: 14px;
  height: 14px;

  background: linear-gradient(
    135deg,
    rgba(255, 60, 255, 0.65),
    rgba(255, 170, 210, 0.45)
  );

  transform: translateX(-50%) rotate(45deg);
  border-radius: 3px;

  z-index: -1;
}

.caption::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;

  width: 14px;
  height: 14px;

  background: linear-gradient(
    135deg,
    rgba(255, 60, 255, 0.65),
    rgba(255, 170, 210, 0.45)
  );

  transform: translateX(-50%) rotate(45deg);
  border-radius: 3px;

  z-index: -1;
}




.caption h1 {
  font-size: 58px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 12px;
  color: #FFD700;
}

.caption p {
  font-size: 18px;
  margin-top: 10px;
  color: rgba(255,255,255,.95);
}

/* ===============================
   DETAYLI BİLGİ – LIGHT GOLD / WHITE
   =============================== */

.caption .massage-link {
  position: relative;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.25px;
  text-decoration: none;

  /* AÇIK GOLD → KIRIK BEYAZ */
  background: linear-gradient(
    to bottom,
    #fff9dc 0%,
    #ffefb3 40%,
    #f3d98a 70%,
    #e6c86a 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* NETLİK */
  text-shadow: none;
  filter: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ALT ÇİZGİ – ÇOK AÇIK */
.caption .massage-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1.4px;
  background: linear-gradient(
    to right,
    #fff9dc,
    #ffefb3,
    #f3d98a
  );
}

/* HOVER – BEYAZA YAKIN IŞIK */
.caption .massage-link:hover {
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #fff9dc 45%,
    #ffefb3 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.caption .massage-link:hover::after {
  background: linear-gradient(
    to right,
    #ffffff,
    #fff9dc,
    #ffefb3
  );
}



/* MOBILE */
@media (max-width: 991px) {
  .caption {
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: calc(100% - 40px);
    max-width: 520px;
    padding: 10 0px;
  }

  .caption h1 {
    font-size: 38px;
    line-height: 1.25;
  }

  .caption p {
    font-size: 16.5px;
    line-height: 1.55;
  }
}

/* ===============================
   DESKTOP BOOST (SADECE PC)
   =============================== */
@media (min-width: 1200px) {

  .caption {
    max-width: 640px;      /* daha ferah */
    font-size: 22px;
    left: 18%;
  }

  .caption h1 {
    font-size: 68px;       /* ana vurucu artış */
    line-height: 1.12;
  }

  .caption p {
    font-size: 19.5px;
    line-height: 1.6;
  }

  .caption .massage-link {
    font-size: 18px;
  }
}







@keyframes fadeUp { from{opacity:0; transform:translateY(15px)} to{opacity:1; transform:translateY(0)} }
.slider-dots{ position:absolute; bottom:15px; right:20px; display:flex; gap:8px; z-index:3; }
.slider-dots span{ width:12px; height:12px; background:rgba(255,255,255,0.8); border-radius:50%; cursor:pointer; transition:background .3s; display:inline-block; }
.slider-dots span.active{ background:#fff; }

@media (max-width:768px){ .slider-container{ height:95vh; min-height:260px } }




.massage-section {
    padding: 120px 20px;
    background-image:
        url("..//images/back.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Başlık */
.massage-title {
    text-align: center;
    font-size: 36px;
    margin-bottom: 80px;
    font-weight: 600;

    background: linear-gradient(
        to bottom,
        #e0c46a 0%,
        #c7a542 45%,
        #a67c1b 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 0px 20px rgba(0,0,0,0.15),
        0 2px 3px rgba(120, 90, 25, 0.35);
}

/* Grid */
.massage-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 35px;
}

/* Kart */
.massage-card {
    background: rgba(255,255,255,0.92);
    border-radius: 22px;
    overflow: hidden;
    padding-bottom: 30px;
    box-shadow: 0 25px 50px rgba(0,0,0,0.15);
    transition: 0.4s ease;
}

.massage-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 22px 22px 0 0;

    /* daha dolgun çerçeve */
    border: 2px solid rgba(199,165,66,0.75);

    /* premium derinlik */
    box-shadow:
        inset 0 0 0 1px rgba(224,196,106,0.55),
        0 10px 26px rgba(0,0,0,0.16);
}


.massage-card h3 {
    font-size: 22px;
    margin: 25px 25px 10px;
    font-weight: 600;

    background: linear-gradient(
        to bottom,
        #e0c46a 0%,
        #c7a542 45%,
        #a67c1b 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.massage-card p {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
    margin: 0 25px 18px;
}

/* Altı çizili ok link */
.massage-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 25px;
    font-size: 15px;
    font-weight: 600;
    color: #a67c1b;
    text-decoration: none;
    border-bottom: 1px solid rgba(166,124,27,0.6);
    transition: all 0.3s ease;
}

.massage-link span {
    transition: transform 0.3s ease;
}

.massage-link:hover {
    color: #e0c46a;
    border-bottom-color: #e0c46a;
}

.massage-link:hover span {
    transform: translateX(5px);
}

/* Hover kart */
.massage-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 70px rgba(0,0,0,0.25);
}

/* Mobil */
@media (max-width: 768px) {
    .massage-title {
        font-size: 30px;
        margin-bottom: 60px;
    }
}