/* ==========================================================================
   YogaHamsa – siteye özel bileşen stilleri
   Temanın kendi stillerini düzelten kurallar ilgili tema dosyalarının sonunda
   ("YogaHamsa" başlıklı bloklar): base.css, style.css, shortcode.css, responsive.css.
   Bu dosya header (ve coming-soon) şablonunda tema CSS'lerinden sonra yüklenir.
   Değiştirdikten sonra şablonlardaki ?v= değerini artırın (sunucu CSS'i uzun süre önbelleğe aldırıyor).
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. Header – üye alanı
   Geniş ekranda yeşil köşe butonu (Giriş Yap / üye adı + açılır menü),
   1500px altında tema o butonu gizlediği için sağ kutuda yalnızca ikon dairesi.
   -------------------------------------------------------------------------- */
.pbmit-header-member {position: relative; white-space: nowrap; display: flex; align-items: center;}
.pbmit-header-member .d-none {display: none !important;}
.pbmit-member-link {display: inline-flex; align-items: center; color: var(--pbmit-white-color); font-weight: 600; font-size: 16px;}
.pbmit-member-link:hover {color: var(--pbmit-white-color);}
.pbmit-member-icon {width: 48px; height: 48px; border-radius: 50%; background-color: var(--pbmit-white-color); color: var(--pbmit-blackish-color); display: inline-flex; align-items: center; justify-content: center; font-size: 17px; margin-right: 10px; transition: all .3s;}
.pbmit-member-link:hover .pbmit-member-icon {background-color: var(--pbmit-secondary-color); color: var(--pbmit-white-color);}
.pbmit-header-member .pbmit-member-icon {margin-right: 0;}
@media (min-width: 1501px) {
    .header-style-1 .pbmit-header-member {display: none;}
}
.header-style-1 .pbmit-header-member {order: 2; margin-left: 15px;}
.pbmit-member-btn .pbmit-button-text {white-space: nowrap;}

/* Üye açılır menüsü (Hesabım / Çıkış Yap) */
.pbmit-member-dropdown {position: relative;}
.pbmit-member-menu {position: absolute; top: calc(100% + 12px); right: 0; min-width: 190px; margin: 0; padding: 12px 0; list-style: none; background-color: var(--pbmit-white-color); border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, .12); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .25s ease; z-index: 99;}
.pbmit-member-menu:before {content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px;}
.pbmit-member-dropdown:hover .pbmit-member-menu,
.pbmit-member-dropdown:focus-within .pbmit-member-menu {opacity: 1; visibility: visible; transform: translateY(0);}
.pbmit-member-menu a {display: block; padding: 9px 25px; font-family: var(--pbmit-heading-typography-font-family); font-size: 12px; font-weight: 500; text-transform: uppercase; color: var(--pbmit-blackish-color);}
.pbmit-member-menu a:hover {color: var(--pbmit-global-color);}


/* --------------------------------------------------------------------------
   2. Üyelik kutuları – giriş, kayıt, şifremi unuttum, hesabım
   -------------------------------------------------------------------------- */
.member-box {background: var(--pbmit-light-color, #f6f3ee); border-radius: 30px; padding: 50px 45px;}
.member-col .member-box {height: 100%;}
.member-box + .member-box {margin-top: 30px;}
.member-box .pbmit-heading-subheading {margin-bottom: 30px;}
.member-box .form-control {margin-bottom: 20px;}
.member-box .form-check-label a {text-decoration: underline;}

/* Giriş sayfası: giriş ve kayıt formlarının satırları yan yana aynı hizada */
.member-box .member-forgot {font-size: 15px;}
.member-box .member-extra {min-height: 30px; margin-bottom: 25px; display: flex; align-items: center;}
.member-box .member-intro {height: 75px; align-items: center; font-size: 15px; opacity: .75;}

/* Hesabım */
.account-card {text-align: center; position: sticky; top: 120px;}
.account-avatar {width: 110px; height: 110px; border-radius: 50%; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: var(--pbmit-global-color); color: #fff; font-size: 38px; font-weight: 600;}
.account-card h3 {margin-bottom: 5px;}
.account-card .account-meta {font-size: 15px; opacity: .75; margin-bottom: 30px;}
.account-card .account-links {list-style: none; padding: 0; margin: 0 0 30px; text-align: left;}
.account-card .account-links li {border-top: 1px solid rgba(24, 26, 23, .1);}
.account-card .account-links a {display: block; padding: 14px 0; color: inherit;}
.account-card .account-links i {margin-right: 10px;}
.account-perms-title {font-weight: 600; margin: 5px 0 12px;}

@media (max-width: 991px) {
    .member-box {padding: 35px 25px;}
    .member-col + .member-col {margin-top: 30px;}
    .account-card {position: static; margin-bottom: 30px;}
}


/* --------------------------------------------------------------------------
   3. KVKK aydınlatma metni
   -------------------------------------------------------------------------- */
.legal-box {background: var(--pbmit-light-color, #f6f3ee); border-radius: 30px; padding: 60px 70px;}
.legal-box h3 {font-size: 26px; margin: 40px 0 15px;}
.legal-box h3:first-of-type {margin-top: 0;}
.legal-box p, .legal-box li {font-size: 17px; line-height: 1.75;}
.legal-box ul {list-style: disc; padding-left: 22px; margin-bottom: 20px;}
.legal-box li {margin-bottom: 6px;}
.legal-box .legal-updated {font-size: 15px; opacity: .7; margin-bottom: 35px;}
.legal-box .legal-contact {border-top: 1px solid rgba(24, 26, 23, .15); margin-top: 40px; padding-top: 30px;}
@media (max-width: 767px) {
    .legal-box {padding: 35px 25px;}
    .legal-box h3 {font-size: 22px;}
}


/* --------------------------------------------------------------------------
   4. Arama sayfası
   -------------------------------------------------------------------------- */
.search-box {background: var(--pbmit-light-color, #f6f3ee); border-radius: 30px; padding: 45px 50px;}
.search-page-form {display: flex; gap: 15px; align-items: center; margin-bottom: 10px;}
.search-page-form .form-control {margin-bottom: 0; font-size: 16px;}
.search-page-form .pbmit-btn {flex-shrink: 0;}
.search-summary {font-size: 15px; opacity: .75; margin: 20px 0 10px;}
.search-result {display: block; padding: 25px 0; border-top: 1px solid rgba(24, 26, 23, .12); color: inherit;}
.search-result:hover .search-result-title {color: var(--pbmit-global-color);}
.search-result-crumb {display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; opacity: .6; margin-bottom: 6px;}
.search-result-title {font-size: 24px; margin: 0 0 8px; transition: color .2s;}
.search-result-excerpt {font-size: 16px; line-height: 1.7; margin: 0;}
.search-result-excerpt mark {background: rgba(229, 196, 102, .45); padding: 0 2px; border-radius: 3px;}
@media (max-width: 767px) {
    .search-box {padding: 30px 22px;}
    .search-page-form {flex-direction: column; align-items: stretch;}
    .search-result-title {font-size: 20px;}
}


/* --------------------------------------------------------------------------
   5. Haftalık ders programı sayfası
   -------------------------------------------------------------------------- */
.schedule-intro {max-width: 760px; margin: 0 auto 10px; text-align: center; font-size: 17px; opacity: .8;}
.schedule-jump {display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 25px;}
.schedule-page section {scroll-margin-top: 120px;}
.schedule-filter {display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: 14px; align-items: end; margin-bottom: 40px; padding: 24px; border-radius: 24px; background: #fff;}
.schedule-filter label {display: flex; flex-direction: column; gap: 6px; margin: 0; font-family: var(--pbmit-heading-typography-font-family); font-size: 13px; text-transform: uppercase; letter-spacing: .5px; color: var(--pbmit-blackish-color);}
.schedule-filter select {width: 100%; height: 50px; padding: 0 16px; border: 1px solid rgba(0, 0, 0, .12); border-radius: 30px; background-color: var(--pbmit-light-color, #f6f7f5); font-family: var(--pbmit-body-typography-font-family); font-size: 15px; text-transform: none; letter-spacing: 0;}
.schedule-filter select {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 48px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23448c74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px 8px; cursor: pointer;}
.schedule-reset {height: 50px; padding: 0 26px; border: 1px solid var(--pbmit-global-color); border-radius: 30px; background: transparent; color: var(--pbmit-global-color); font-family: var(--pbmit-heading-typography-font-family); font-size: 13px; text-transform: uppercase; transition: all .3s;}
.schedule-reset:hover {background: var(--pbmit-global-color); color: #fff;}
.schedule-week {display: inline-flex; align-items: center; gap: 10px; margin: -10px 0 30px; padding: 8px 20px; border-radius: 30px; background: var(--pbmit-global-color); color: #fff; font-family: var(--pbmit-heading-typography-font-family); font-size: 16px;}
.schedule-week-row {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: -10px 0 30px;}
.schedule-week-row .schedule-week {margin: 0;}
.schedule-views {display: inline-flex; gap: 6px; padding: 5px; border-radius: 30px; background: #fff;}
.schedule-views button {display: inline-flex; align-items: center; gap: 8px; padding: 9px 20px; border: 0; border-radius: 30px; background: transparent; color: var(--pbmit-blackish-color); font-family: var(--pbmit-heading-typography-font-family); font-size: 14px; transition: all .3s;}
.schedule-views button.is-active {background: var(--pbmit-global-color); color: #fff;}
.schedule-days {display: flex; align-items: stretch; gap: 10px; margin-bottom: 24px;}
.schedule-days .schedule-tabs {flex: 1; min-width: 0; margin-bottom: 0;}
.schedule-nav {flex: 0 0 46px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--pbmit-global-color); border-radius: 18px; background: #fff; color: var(--pbmit-global-color); font-size: 16px; transition: all .3s;}
.schedule-nav:hover:not(:disabled) {background: var(--pbmit-global-color); color: #fff;}
.schedule-nav:disabled {border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .25); cursor: default;}
.schedule-tabs {position: relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; margin-bottom: 24px;}
.schedule-tabs button {display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 6px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 18px; background: #fff; color: var(--pbmit-blackish-color); font-family: var(--pbmit-heading-typography-font-family); font-size: 16px; transition: all .3s;}
.schedule-tabs button small {font-family: var(--pbmit-body-typography-font-family); font-size: 13px; opacity: .7; white-space: nowrap;}
.schedule-tabs button:hover {border-color: var(--pbmit-global-color);}
.schedule-tabs button.is-today {border-color: var(--pbmit-global-color);}
.schedule-tabs button.is-active {border-color: var(--pbmit-global-color); background: var(--pbmit-global-color); color: #fff;}
.schedule-tabs button.is-active small {opacity: .9;}
.schedule-tabs button.is-empty {opacity: .4; pointer-events: none;}
.schedule-list {display: flex; flex-direction: column; gap: 10px;}
.schedule-item {display: flex; align-items: center; gap: 24px; padding: 16px 24px; border-radius: 20px; background: #fff;}
.schedule-time {min-width: 128px; text-align: center;}
.schedule-list .schedule-body {display: grid; grid-template-columns: minmax(0, 1fr) 240px 200px; grid-template-areas: "ders uzman lok" "not uzman lok"; align-items: center; column-gap: 24px; row-gap: 2px;}
.schedule-list .schedule-body strong {grid-area: ders;}
.schedule-list .schedule-body em {grid-area: not;}
.schedule-list .schedule-expert {grid-area: uzman;}
.schedule-list .schedule-locs {grid-area: lok; justify-self: start; margin-top: 0;}
.schedule-time {flex-shrink: 0; padding: 6px 12px; border-radius: 30px; background: var(--pbmit-global-color); color: #fff; font-family: var(--pbmit-heading-typography-font-family); font-size: 14px; white-space: nowrap;}
.schedule-body {display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0;}
.schedule-body strong {font-family: var(--pbmit-heading-typography-font-family); font-size: 18px; font-weight: 500; color: var(--pbmit-blackish-color);}
.schedule-body em {font-style: normal; font-size: 14px; color: var(--pbmit-global-color);}
.schedule-expert {display: flex; align-items: center; gap: 8px; font-size: 14px;}
.schedule-expert img {width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; object-fit: cover;}
.schedule-body a {color: inherit;}
.schedule-body a:hover {color: var(--pbmit-global-color);}
.schedule-list.is-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-auto-rows: 1fr; gap: 14px;}
.schedule-list.is-grid .schedule-item {align-items: flex-start; gap: 16px; padding: 20px;}
.schedule-list.is-grid .schedule-time {min-width: 0;}
.schedule-list.is-grid .schedule-body {display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}
.schedule-list.is-grid .schedule-locs {margin-top: 4px;}
.schedule-locs {display: flex; flex-wrap: wrap; gap: 4px; align-self: flex-start; margin-top: 4px;}
.schedule-locs .schedule-loc {margin-top: 0;}
.schedule-loc {align-self: flex-start; display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; padding: 3px 10px; border-radius: 30px; background: var(--pbmit-secondary-color, #e4c369); color: var(--pbmit-blackish-color); font-size: 12px; white-space: nowrap;}
.schedule-empty {padding: 30px; border-radius: 20px; background: #fff; text-align: center;}
@media (max-width: 991px) {
	.schedule-list .schedule-body {grid-template-columns: minmax(0, 1fr) 200px; grid-template-areas: "ders uzman" "not lok";}
	.schedule-filter {grid-template-columns: 1fr 1fr;}
	.schedule-reset {grid-column: 1 / -1;}
	.schedule-tabs {display: flex; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none;}
	.schedule-nav {flex-basis: 38px; margin-bottom: 6px; border-radius: 14px;}
	.schedule-tabs button {flex: 0 0 auto; min-width: 116px;}
}
@media (max-width: 575px) {
	.schedule-filter {gap: 12px; padding: 18px;}
	.schedule-item {align-items: flex-start; gap: 14px; padding: 16px;}
	.schedule-time {min-width: 116px; padding: 6px 8px; font-size: 13px;}
	.schedule-list .schedule-body {display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}
	.schedule-list .schedule-locs {margin-top: 4px;}
	.schedule-list.is-grid {grid-template-columns: 1fr; grid-auto-rows: auto;}
	.schedule-list.is-grid .schedule-time {min-width: 116px;}
}


/* --------------------------------------------------------------------------
   6. Ana sayfa – e-bülten ve Google yorumları
   -------------------------------------------------------------------------- */
.newsletter-hp {position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;}
.newsletter-message {margin-top: 15px; padding: 10px 18px; border-radius: 30px; font-size: 15px; background: rgba(255, 255, 255, .9);}
.newsletter-success {color: #2f7a55;}
.newsletter-info {color: #2c5d8a;}
.newsletter-danger {color: #b23b3b;}
.newsletter-note {margin-top: 12px; font-size: 13px; opacity: .8;}
.newsletter-note a {text-decoration: underline; color: inherit;}

.google-reviews-summary {display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; font-size: 16px;}
.google-reviews-summary .google-reviews-score {font-size: 30px; font-weight: 600; line-height: 1;}
.google-reviews-summary .pbminfotech-box-star-ratings {margin: 0;}
.google-reviews-summary a {text-decoration: underline;}
.testimonial-slider_one .swiper-slide {height: auto;}
.testimonial-slider_one .pbminfotech-post-item, .testimonial-slider_one .pbmit-box-content-wrap {height: 100%;}
.testimonial-slider_one .pbmit-box-content-wrap {display: flex; flex-direction: column;}
.testimonial-slider_one .pbminfotech-box-desc {flex: 1;}
.google-review-initial {width: 60px; height: 60px; min-width: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--pbmit-global-color); color: #fff; font-size: 22px; font-weight: 600;}


/* --------------------------------------------------------------------------
   7. Footer – logo ve iletişim listesi
   -------------------------------------------------------------------------- */
.site-footer .pbmit-footer-logo {max-width: 130px; height: auto;}
.site-footer .footer-contact-list {list-style: none; padding: 0; margin: 0;}
.site-footer .footer-contact-list li {display: flex; align-items: flex-start; gap: 10px; margin: 0 0 5px !important; padding: 0 !important; line-height: 26px;}
.site-footer .footer-contact-list li > span {flex-shrink: 0; width: 16px; margin-top: 5px; text-align: center;}
.site-footer .footer-contact-list a {color: inherit;}
.site-footer .pbmit-timelist-list li {display: flex; justify-content: space-between; gap: 15px; max-width: 230px;}


/* --------------------------------------------------------------------------
   8. Yakında (coming-soon) sayfası
   -------------------------------------------------------------------------- */
.coming-soon-page ul {list-style: inside;}


/* --------------------------------------------------------------------------
   9. Ana sayfa
   -------------------------------------------------------------------------- */
.about-one_innerbox.about-text {padding-left: 0;}
.about-one_innerbox.about-text p {font-size: 18px; line-height: 1.7;}
.upcoming-events-empty {color: #fff; font-size: 18px; line-height: 1.6; padding: 10px 0 20px;}
.upcoming-events-empty a {color: inherit; text-decoration: underline;}
.about-one_innerbox.about-text + .about-us-one_btn {padding-left: 0;}
.about-us-static {overflow: hidden; margin-bottom: 120px;}
.about-us-static .about-us-one_leftbox img {width: 100%; height: 620px; object-fit: cover;}
@media (max-width: 1199px) {
	.about-us-static {margin-bottom: 80px;}
	.about-us-static .about-us-one_leftbox img {height: auto; max-height: 520px;}
}


/* --------------------------------------------------------------------------
   10. Ana slider (Revolution Slider yerine Swiper; ölçüler eski slider'dan)
   -------------------------------------------------------------------------- */
.hero-slider {container-type: inline-size; width: 100%; aspect-ratio: 1460 / 915; max-height: 900px; overflow: hidden;}
.hero-slide {position: relative; background: #445 center / cover no-repeat;}
.hero-slide::before {content: ""; position: absolute; inset: 0; background: url(../revolution/images/demo1-slider-bg.png) left top / 100% 89% no-repeat;}
.hero-content {position: absolute; left: 2.05cqw; right: 6cqw; top: calc(50% + min(3.65cqw, 53px)); transform: translateY(-50%); color: #fff;}
.hero-tag {display: inline-block; margin-bottom: min(1.35cqw, 20px); padding: min(.14cqw, 2px) min(1.23cqw, 18px); border: 1px solid #fff; border-radius: 20px; font: 500 min(.82cqw, 12px)/min(1.64cqw, 24px) 'Sora', sans-serif; letter-spacing: min(.08cqw, 1.2px); text-transform: uppercase;}
.hero-title {margin: 0; color: #fff; font-family: 'Sora', sans-serif; font-size: min(6.85cqw, 100px); line-height: .92; font-weight: 400;}
.hero-title span, .hero-title strong {display: block;}
.hero-title strong {font-weight: 700;}
.hero-desc {display: inline-block; max-width: 100%; margin: min(3.2cqw, 47px) 0 0; padding-top: min(1.4cqw, 20px); border-top: 1px solid rgba(255, 255, 255, .5); color: #fff; font: min(1.23cqw, 18px)/min(2.46cqw, 36px) 'Roboto', sans-serif;}
.hero-btn {display: table; margin-top: min(2.8cqw, 41px); padding: min(.82cqw, 12px) min(2.4cqw, 35px); border-radius: 30px; background: #fff; color: #000; font: 500 min(.82cqw, 12px)/min(2.46cqw, 36px) 'Sora', sans-serif; text-transform: uppercase; transition: color .6s, background-color .6s;}
.hero-btn:hover {background: #000; color: #fff;}
.hero-btn .pbmit-button-icon-wrapper {position: relative; overflow: hidden; display: inline-flex; margin-left: 6px;}
.hero-btn .pbmit-button-icon-wrapper::before {content: "\e8dd"; font-family: "pbminfotech-base-icons"; position: absolute; top: 0; right: 0; width: 1em; transform: scale(.26) translate(-52px, 50px); transition: transform .4s ease-in-out;}
.hero-btn:hover .pbmit-button-icon-wrapper::before {transform: scale(1) translate(-2px, 0);}
.hero-btn .pbmit-button-icon {display: inline-block; transition: transform .4s ease-in-out;}
.hero-btn:hover .pbmit-button-icon {transform: scale(.26) translate(45px, -50px);}
.hero-slider .hero-pagination {position: absolute; z-index: 2; right: 63px; top: 50% !important; left: auto !important; bottom: auto !important; width: auto !important; transform: translateY(-50%); display: flex; flex-direction: column; gap: 18px;}
.hero-slider .hero-pagination .swiper-pagination-bullet {display: block; width: 10px; height: 10px; margin: 0 !important; background: #fff; opacity: 1; border-radius: 50%;}
.hero-slider .hero-pagination .swiper-pagination-bullet-active {outline: 1px solid #fff; outline-offset: 4px;}
.hero-nav {position: absolute; z-index: 2; right: 63px; bottom: min(6cqw, 80px); display: flex; gap: 10px;}
.hero-slider .hero-nav .swiper-button-prev, .hero-slider .hero-nav .swiper-button-next {margin: 0; background: rgba(0, 0, 0, .3); border-color: #fff; color: #fff; backdrop-filter: blur(2px);}
.hero-slider .hero-nav .swiper-button-prev:hover, .hero-slider .hero-nav .swiper-button-next:hover {background: #fff; color: #000;}
/* Giriş animasyonları (etkin slaytta) */
.hero-tag, .hero-title span, .hero-title strong, .hero-desc, .hero-btn {opacity: 0;}
.swiper-slide-active .hero-tag {animation: hero-zoom 1.2s .36s ease-out forwards;}
.swiper-slide-active .hero-title span, .swiper-slide-active .hero-title strong {animation: hero-wipe 1s 1.1s cubic-bezier(.25, .8, .3, 1) forwards;}
.swiper-slide-active .hero-desc {animation: hero-zoom 1s 1.7s ease-in-out forwards;}
.swiper-slide-active .hero-btn {animation: hero-rise 1.2s 2.2s cubic-bezier(.77, 0, .18, 1) forwards;}
@keyframes hero-zoom {from {opacity: 0; transform: scale(.9);} to {opacity: 1; transform: none;}}
@keyframes hero-wipe {from {opacity: 1; clip-path: inset(-30% 100% -30% 0); transform: translateX(-6%);} to {opacity: 1; clip-path: inset(-30% -5% -30% 0); transform: none;}}
@keyframes hero-rise {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: none;}}
@media (prefers-reduced-motion: reduce) {
	.hero-tag, .hero-title span, .hero-title strong, .hero-desc, .hero-btn {opacity: 1; animation: none !important;}
}
@media (min-width: 1201px) {
	.hero-content {left: max(9px, calc(2.05cqw - 20px), calc((100cqw - 1460px) / 2 + 30px));}
}
@media (max-width: 1024px) {
	.hero-slider {aspect-ratio: 4 / 3;}
	.hero-slide::before {background-size: 100% auto;}
	.hero-content {left: 2.8cqw; top: calc(50% + 4cqw);}
	.hero-tag {margin-bottom: 1.6cqw; padding: .13cqw 1.3cqw; font-size: 1.15cqw; line-height: 2.3cqw; letter-spacing: 0;}
	.hero-title {font-size: 8.8cqw;}
	.hero-desc {margin-top: 2.6cqw; padding-top: 1.4cqw; font-size: 1.78cqw; line-height: 3.57cqw;}
	.hero-btn {margin-top: 2.6cqw; padding: 1.15cqw 3.4cqw; font-size: 1.15cqw; line-height: 3.57cqw;}
}
@media (max-width: 778px) {
	.hero-slider {aspect-ratio: 480 / 500;}
	.hero-content {left: 6.15cqw; top: calc(50% + 2cqw);}
	.hero-tag {margin-bottom: 2.5cqw; padding: 0 2.6cqw; font-size: 9px; line-height: 4.4cqw;}
	.hero-title {font-size: 8.2cqw; line-height: 1;}
	.hero-desc {display: none;}
	.hero-btn {margin-top: 8cqw; padding: 2cqw 6.2cqw; font-size: 10px; line-height: 6.2cqw;}
	.hero-slider .hero-pagination {display: none;}
	.hero-nav {right: 20px; bottom: 20px; gap: 8px;}
	.hero-slider .hero-nav .swiper-button-prev, .hero-slider .hero-nav .swiper-button-next {width: 44px; height: 38px;}
	.hero-slider .hero-nav .swiper-button-prev:after, .hero-slider .hero-nav .swiper-button-next:after {font-size: 16px;}
}


/* --------------------------------------------------------------------------
   11. İş ortakları (ana sayfa)
   -------------------------------------------------------------------------- */
.partner-logos {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.partner-logo {flex: 0 1 180px; height: 120px; display: flex; align-items: center; justify-content: center; padding: 16px 20px; border-radius: 20px; background: #fff; cursor: pointer; transition: transform .3s, box-shadow .3s;}
.partner-logo:hover {transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0, 0, 0, .15);}
.partner-logo img {max-width: 100%; max-height: 100%; object-fit: contain;}
@media (max-width: 991px) {
	.partner-logo {flex-basis: 160px;}
}
@media (max-width: 767px) {
	.partner-logos {gap: 12px;}
	.partner-logo {flex-basis: calc(50% - 6px); height: 100px; padding: 14px;}
}


/* --------------------------------------------------------------------------
   12. Kurucu detay sayfası – eğitim çizelgesi okları
   -------------------------------------------------------------------------- */
.timeline-nav {height: 50px; margin: 0 20px 30px;}
.timeline-nav:has(.swiper-button-lock) {display: none;}
.timeline-nav .timeline-arrows {display: flex;}


/* --------------------------------------------------------------------------
   13. Hakkımızda sayfası
   -------------------------------------------------------------------------- */
.about-intro-img {background-image: url(../cms/phpThumb.php?src=../uploads/img-grup.jpg&w=1100);}
.about-lead p {font-size: 18px; line-height: 1.75;}
.about-pillars {display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 30px 0 0; padding: 0; list-style: none;}
.about-pillars li {display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 16px; background: #fff; font-family: var(--pbmit-heading-typography-font-family); font-size: 18px; color: var(--pbmit-blackish-color);}
.about-pillars i {display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; background: var(--pbmit-global-color); color: #fff; font-size: 26px;}
.about-offers {background-image: url(../images/homepage-1/bg/yoga-pattern-new-01.png);}
.about-offer {position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 24px; background: #fff; color: inherit; transition: transform .3s, box-shadow .3s;}
.about-offer:hover {transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0, 0, 0, .18);}
.about-offer-img {display: block; aspect-ratio: 16 / 11; overflow: hidden;}
.about-offer-img img {width: 100%; height: 100%; object-fit: cover; transition: transform .6s;}
.about-offer:hover .about-offer-img img {transform: scale(1.06);}
.about-offer-body {position: relative; display: flex; flex-direction: column; flex: 1; padding: 0 28px 28px;}
.about-offer-icon {display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: -37px 0 18px; border-radius: 50%; background: var(--pbmit-secondary-color, #e4c369); border: 5px solid #fff; color: var(--pbmit-blackish-color); font-size: 30px; position: relative; z-index: 1;}
.about-offer-title {display: block; margin-bottom: 12px; font-family: var(--pbmit-heading-typography-font-family); font-size: 22px; line-height: 1.3; color: var(--pbmit-blackish-color);}
.about-offer-text {display: block; flex: 1; font-size: 16px; line-height: 1.65;}
.about-offer-link {display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-family: var(--pbmit-heading-typography-font-family); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; color: var(--pbmit-global-color);}
.about-quote {text-align: center;}
.about-quote .container {max-width: 980px;}
.about-quote i {display: inline-block; margin-bottom: 20px; font-size: 64px; color: var(--pbmit-global-color);}
.about-quote blockquote {margin: 0 0 24px; padding: 0; border: 0; font-family: var(--pbmit-heading-typography-font-family); font-size: clamp(26px, 3.2vw, 42px); line-height: 1.3; color: var(--pbmit-blackish-color);}
.about-quote p {max-width: 720px; margin: 0 auto 20px; font-size: 18px;}
.about-quote-sign {display: inline-block; padding: 6px 22px; border: 1px solid currentColor; border-radius: 30px; font-family: var(--pbmit-heading-typography-font-family); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: var(--pbmit-global-color);}
.about-hamsa-side {position: sticky; top: 120px;}
.about-hamsa-logo {display: flex; align-items: center; justify-content: center; padding: 40px; border-radius: 30px; background: #fff;}
.about-hamsa-logo img {width: 100%; max-width: 280px;}
.about-meanings {margin: 20px 0 0; padding: 0; list-style: none;}
.about-meanings li {display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.about-meanings li:last-child {border-bottom: 0;}
.about-meanings i {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex-shrink: 0; border-radius: 50%; background: var(--pbmit-global-color); color: #fff; font-size: 28px;}
.about-meanings strong {display: block; font-family: var(--pbmit-heading-typography-font-family); font-weight: 500; font-size: 18px; color: var(--pbmit-blackish-color);}
.about-hamsa-text p {font-size: 16px; line-height: 1.75;}
.about-hamsa-text .about-hamsa-first {font-family: var(--pbmit-heading-typography-font-family); font-size: 22px; line-height: 1.55; color: var(--pbmit-blackish-color);}
.about-hamsa-text .about-hamsa-turn {position: relative; margin: 10px 0 30px; padding-left: 24px; font-size: 18px; font-style: italic; color: var(--pbmit-global-color);}
.about-hamsa-turn::before {content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 3px; background: var(--pbmit-global-color);}
.about-layer {height: 100%; padding: 30px; border-radius: 24px; background: #fff; transition: transform .3s, box-shadow .3s;}
.about-layer:hover {transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0, 0, 0, .08);}
.about-layer-icon {display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 18px; border-radius: 16px; background: rgba(68, 140, 116, .12); color: var(--pbmit-global-color); font-size: 32px;}
.about-layer h3 {margin-bottom: 12px; font-size: 22px;}
.about-layer p:last-of-type {margin-bottom: 0;}
.about-elements {display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none;}
.about-elements li {padding: 4px 14px; border-radius: 30px; background: var(--pbmit-secondary-color, #e4c369); font-size: 14px; font-weight: 500; color: var(--pbmit-blackish-color);}
.about-hamsa-quote {margin: 40px 0; padding: 40px; border: 0; border-radius: 24px; background: var(--pbmit-global-color) url(../images/homepage-1/bg/yoga-pattern-new-01.png); font-family: var(--pbmit-heading-typography-font-family); font-size: clamp(20px, 2vw, 26px); line-height: 1.5; color: #fff;}
.about-hamsa-closing {padding: 36px 40px; border: 1px solid rgba(68, 140, 116, .35); border-radius: 24px;}
.about-hamsa-closing h3 {margin-bottom: 16px; font-size: 26px; color: var(--pbmit-global-color);}
.about-hamsa-closing p:last-child {margin-bottom: 0; font-weight: 500; color: var(--pbmit-blackish-color);}
@media (max-width: 991px) {
	.about-hamsa-side {position: static;}
	.about-intro-img {min-height: 420px;}
}
@media (max-width: 575px) {
	.about-pillars {grid-template-columns: 1fr;}
	.about-intro-img {min-height: 320px;}
	.about-layer, .about-hamsa-quote, .about-hamsa-closing {padding: 26px 22px;}
}