@font-face {
  font-family: "The Jungle";
  src: url("/wp-content/themes/boo-theme/assets/fonts/TheJungle_Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* BOO Eski Elementor Görünümüne Yakın Ana Akış */
.boo-homepage-old {
  overflow-x: hidden;
  background: #fff;
  font-family: "Poppins", Arial, sans-serif;
}

.boo-homepage-old * {
  box-sizing: border-box;
}

.boo-homepage-old p,
.boo-homepage-old a,
.boo-homepage-old button,
.boo-homepage-old li,
.boo-homepage-old span {
  font-family: "Poppins", Arial, sans-serif;
}

.boo-homepage-old h1,
.boo-homepage-old h2,
.boo-homepage-old h3,
.boo-text h2,
.boo-teachers-old h2,
.etkinlik-buyuk-baslik {
  font-family: "The Jungle", "DynaPuff", "Fredoka", Arial, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: 1px;
}

/* HERO VIDEO */
.video-section {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 620px;
  overflow: hidden;
  background: #000;
}

.video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.circle-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 160px;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
}

.circle-svg {
  width: 100%;
  height: 100%;
  animation: spinCircle 12s linear infinite;
}

.circle-svg text {
  font-size: 5.5px;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: 800;
  fill: #fff;
  letter-spacing: 2px;
}

.play-icon {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

@keyframes spinCircle {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.zigzag-wrapper {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 2;
  pointer-events: none;
}

.zigzag-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.icon-agac {
  position: absolute;
  bottom: 55px;
  left: 50%;
  width: 60px;
  height: auto;
  transform: translateX(-50%);
  z-index: 4;
}

.icon-agac {
  position: absolute !important;
  left: 50% !important;
  bottom: 42px !important;
  width: 72px !important;
  height: auto !important;
  transform: translateX(-50%) !important;
  z-index: 20 !important;
  display: block !important;
  opacity: 1 !important;
  pointer-events: none;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.28));
}

.zigzag-wrapper {
  z-index: 4 !important;
}

.zigzag-svg {
  position: relative;
  z-index: 1;
}

/* ABOUT */
.boo-about {
  background: #fff;
  padding: 70px 20px 85px;
}

.boo-container {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
}

.boo-image {
  flex: 0 0 380px;
}

.boo-image img {
  width: 100%;
  display: block;
  border-radius: 50% 0 50% 0;
}

.boo-text {
  max-width: 610px;
}

.boo-text h2 {
  font-size: 56px;
  line-height: 1.05;
  color: #1d3b30;
  margin: 0 0 24px;
}

.boo-text p {
  font-size: 16px;
  line-height: 1.75;
  color: #1f2f28;
  margin: 0 0 28px;
}

.boo-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.boo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #caa472;
  color: #fff !important;
  padding: 12px 20px;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 800;
  font-size: 14px;
  transition: transform .2s ease, background .2s ease;
}

.boo-btn:hover {
  transform: translateY(-2px);
  background: #b9925f;
}

/* TEACHERS */
.boo-teachers-old {
  background: #1d3b30;
  padding: 55px 20px 65px;
  color: #fff;
  position: relative;
}

.boo-shell {
  max-width: 1180px;
  margin: 0 auto;
}

.boo-teachers-old h2 {
  text-align: center;
  color: #caa472;
  font-size: 48px;
  line-height: 1.1;
  margin: 0 0 26px;
}

.akordiyon-kapsayici {
  max-width: 560px;
  margin: 0 auto 50px;
}

.akordiyon-baslik,
.akordiyon-baslik:hover,
.akordiyon-baslik:focus,
.akordiyon-baslik:active,
.akordiyon-baslik.acik,
.akordiyon-baslik.active,
.akordiyon-baslik.elementor-active,
.akordiyon-baslik[aria-expanded="true"],
.akordiyon-kapsayici .akordiyon-baslik {
  width: 100%;
  border: 0 !important;
  background: #caa472 !important;
  color: #1d3b30 !important;
  font-family: "DynaPuff", "Poppins", Arial, sans-serif !important;
  font-weight: 700 !important;
  padding: 13px 18px;
  border-radius: 5px;
  text-align: left;
  cursor: pointer;
  box-shadow: none !important;
  outline: none !important;
}

.akordiyon-icerik {
  display: none;
  background: #fff;
  color: #1d3b30;
  padding: 15px 18px 22px;
  border-radius: 0 0 8px 8px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.akordiyon-icerik.acik {
  display: block;
}

.akordiyon-icerik p {
  margin: 0;
}

/* KAZANIM KARTLARI */
.ozel-kart-alani {
  position: relative;
  background: #fff;
  padding: 80px 20px;
  overflow: hidden;
}

.kartlar {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

.kart {
  min-height: 245px;
  padding: 32px 22px;
  border: 2px solid #caa472;
  border-radius: 24px;
  text-align: center;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.04);
}

.kart i {
  font-size: 36px;
  color: #caa472;
  margin-bottom: 18px;
}

.kart h3 {
  color: #1d3b30;
  font-family: "DynaPuff", "Poppins", Arial, sans-serif !important;
  font-size: 22px;
  line-height: 1.25;
  margin: 0 0 14px;
  font-weight: 700;
}

.kart p {
  color: #1d3b30;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.odun-hareketli {
  position: absolute;
  left: calc(50% - 600px);
  top: 55px;
  width: 65px;
  z-index: 1;
}

/* ETKİNLİK BANNER */
.boo-events-old {
  background: #f4f4f4;
  padding: 70px 20px 85px;
  position: relative;
}

.etkinlik-banner {
  max-width: 1180px;
  margin: 0 auto;
  background: #caa472;
  border-radius: 8px 8px 0 0;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.etkinlik-kucuk-baslik {
  color: #1d3b30;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  margin: 0 0 4px;
}

.etkinlik-buyuk-baslik {
  color: #064532;
  font-size: 38px;
  line-height: 1.1;
  margin: 0;
}

.etkinlik-banner-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #064532;
  color: #caa472 !important;
  padding: 14px 22px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none !important;
}

.etkinlik-banner-button:hover {
  background: #1d3b30;
  color: #caa472 !important;
}

.plus-icon {
  width: 22px;
  height: 22px;
  background: #caa472;
  color: #064532;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ETKİNLİK SHORTCODE ALANI */
.boo-events-old .etkinlik-takvimi {
  margin-top: 0;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .boo-container {
    gap: 40px;
  }

  .boo-image {
    flex-basis: 330px;
  }

  .boo-text h2 {
    font-size: 44px;
  }

  .boo-teachers-old h2 {
    font-size: 40px;
  }

  .kartlar {
    grid-template-columns: repeat(2, 1fr);
    max-width: 720px;
  }

  .odun-hareketli {
    display: none;
  }
}

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

  .circle-play-button {
    width: 120px;
    height: 120px;
  }

  .zigzag-wrapper {
    height: 50px;
  }

  .icon-agac {
    width: 50px;
    bottom: 42px;
  }

  .boo-about {
    padding: 45px 18px 55px;
  }

  .boo-container {
    display: block;
  }

  .boo-image {
    display: none;
  }

  .boo-text h2 {
    font-size: 34px;
  }

  .boo-text p {
    font-size: 15px;
  }

  .boo-teachers-old {
    padding: 48px 16px 58px;
  }

  .boo-teachers-old h2 {
    font-size: 32px;
    line-height: 1.15;
  }

  .akordiyon-kapsayici {
    margin-bottom: 42px;
  }

  .kartlar {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .kart {
    width: 100%;
    max-width: 360px;
  }

  .etkinlik-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 20px;
  }

  .etkinlik-buyuk-baslik {
    font-size: 30px;
  }

  .etkinlik-banner-button {
    width: 100%;
    justify-content: center;
  }
}

/* YENİ ETKİNLİK KART TASARIMI */
.boo-events-old .etkinlik-takvimi {
  max-width: 1260px;
  margin: -10px auto 0;
  padding: 0 0 14px;
  gap: 24px;
}

.boo-events-old .etkinlik-karti {
  width: 270px;
  min-height: 500px;
  padding: 0;
  border-radius: 24px;
  background: #0f4a34;
  overflow: hidden;
  position: relative;
  box-shadow: 0 18px 36px rgba(10, 45, 30, .18);
  border: 0;
}

.boo-events-old .etkinlik-karti:hover {
  background: #0f4a34;
  color: #fff;
  transform: translateY(-8px);
  box-shadow: 0 24px 46px rgba(10, 45, 30, .28);
}

.boo-events-old .etkinlik-foto {
  height: 320px;
  overflow: hidden;
  margin: 0;
  position: relative;
}

.boo-events-old .etkinlik-foto::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(15, 74, 52, 0) 35%,
    rgba(15, 74, 52, .55) 75%,
    rgba(15, 74, 52, .95) 100%
  );
}

.boo-events-old .etkinlik-foto img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  margin: 0;
  transition: transform .45s ease;
}

.boo-events-old .etkinlik-karti:hover .etkinlik-foto img {
  transform: scale(1.07);
}

.boo-events-old .etkinlik-baslik {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 118px;
  z-index: 2;
  color: #fff;
  font-size: 21px;
  line-height: 1.25;
  font-family: "DynaPuff", "Poppins", Arial, sans-serif;
  font-weight: 700;
  margin: 0;
}

.boo-events-old .etkinlik-alt {
  color: rgba(255,255,255,.92);
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
  padding: 0 22px;
}

.boo-events-old .etkinlik-alt:nth-of-type(1) {
  margin-top: 18px;
  color: #caa472;
  font-weight: 700;
}

.boo-events-old .etkinlik-alt:nth-of-type(2) {
  margin-top: 14px;
  padding-right: 68px;
}

.boo-events-old .etkinlik-icon {
  right: 20px;
  bottom: 20px;
  width: 42px;
  height: 42px;
  background: #caa472;
  color: #0f4a34;
  font-size: 24px;
  transition: transform .25s ease, background .25s ease;
}

.boo-events-old .etkinlik-karti:hover .etkinlik-icon {
  background: #fff;
  color: #0f4a34;
  transform: rotate(90deg);
}

/* İncele hissi */
.boo-events-old .etkinlik-karti::after {
  content: "Etkinliği İncele →";
  position: absolute;
  left: 22px;
  bottom: 23px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  opacity: 0;
  transform: translateY(8px);
  transition: .25s ease;
}

.boo-events-old .etkinlik-karti:hover::after {
  opacity: 1;
  transform: translateY(0);
}

/* Hover'da artı biraz gizlensin */
.boo-events-old .etkinlik-karti:hover .etkinlik-icon {
  opacity: 0;
}

/* Mobil */
@media (max-width: 768px) {
  .boo-events-old .etkinlik-takvimi {
    gap: 18px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .boo-events-old .etkinlik-karti {
    width: 260px;
    min-height: 480px;
  }

  .boo-events-old .etkinlik-foto {
    height: 300px;
  }

  .boo-events-old .etkinlik-baslik {
    font-size: 19px;
    bottom: 112px;
  }
}

/* ==================================================
   BOO ETKİNLİKLER - POLAROID / ANI KARTI TASARIMI
   Eski etkinlik kart stillerini ezer
================================================== */

.boo-events-old {
  background: #f4f1eb;
  padding: 70px 20px 95px;
  overflow: hidden;
}

.boo-events-old .etkinlik-banner {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
  background: #caa472;
  border-radius: 10px;
  padding: 22px 32px 42px;
}

/* Kartların banner üzerine hafif çıkması */
.boo-events-old .etkinlik-takvimi {
  max-width: 1280px;
  margin: -24px auto 0;
  padding: 0 12px 30px;
  gap: 28px;
  align-items: flex-start;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

/* Ana polaroid kart */
.boo-events-old .etkinlik-karti {
  width: 270px !important;
  min-height: 455px !important;
  flex: 0 0 270px;
  padding: 14px 14px 22px !important;
  background: #fffaf0 !important;
  color: #183c2c !important;
  border: 1px solid rgba(202, 164, 114, .45) !important;
  border-radius: 8px !important;
  box-shadow:
    0 18px 32px rgba(32, 40, 30, .13),
    0 2px 0 rgba(255,255,255,.8) inset;
  position: relative;
  overflow: visible !important;
  text-decoration: none !important;
  transform-origin: center top;
  transition:
    transform .25s ease,
    box-shadow .25s ease;
  scroll-snap-align: start;
}

/* Her karta hafif anı defteri eğimi */
.boo-events-old .etkinlik-karti:nth-child(odd) {
  transform: rotate(-1.4deg);
}

.boo-events-old .etkinlik-karti:nth-child(even) {
  transform: rotate(1.2deg);
}

.boo-events-old .etkinlik-karti:nth-child(3n) {
  transform: rotate(-.5deg);
}

.boo-events-old .etkinlik-karti:hover {
  background: #fffaf0 !important;
  color: #183c2c !important;
  transform: rotate(0deg) translateY(-8px) scale(1.02);
  box-shadow:
    0 26px 44px rgba(32, 40, 30, .22),
    0 2px 0 rgba(255,255,255,.8) inset;
}

/* Üst bant / yapıştırma efekti */
.boo-events-old .etkinlik-karti::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 50%;
  width: 86px;
  height: 28px;
  background: rgba(202, 164, 114, .55);
  transform: translateX(-50%) rotate(-2deg);
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  z-index: 4;
}

/* Önceki "Etkinliği İncele" overlayini temizle */
.boo-events-old .etkinlik-karti::after {
  content: none !important;
}

/* Fotoğraf alanı */
.boo-events-old .etkinlik-foto {
  width: 100%;
  height: 255px !important;
  margin: 0 0 18px !important;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  background: #e7dfd2;
}

/* Önceki gradient'i kapat */
.boo-events-old .etkinlik-foto::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(255,255,255,.05), rgba(0,0,0,.08));
  pointer-events: none;
}

.boo-events-old .etkinlik-foto img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: transform .35s ease;
}

.boo-events-old .etkinlik-karti:hover .etkinlik-foto img {
  transform: scale(1.05);
}

/* Başlık */
.boo-events-old .etkinlik-baslik {
  position: static !important;
  color: #103d2b !important;
  font-family: "DynaPuff", "Poppins", Arial, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 0 0 14px !important;
  padding: 0 4px !important;
  text-shadow: none !important;
}

/* Durum etiketi */
.boo-events-old .etkinlik-alt {
  color: #183c2c !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 0 4px !important;
  position: static !important;
}

/* Etkinlik sona erdi rozeti */
.boo-events-old .etkinlik-alt:nth-of-type(1) {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 12px 4px !important;
  padding: 5px 10px !important;
  background: #e8d2ae;
  color: #103d2b !important;
  border-radius: 999px;
  font-size: 12px !important;
  font-weight: 800;
}

/* Saat / yer */
.boo-events-old .etkinlik-alt:nth-of-type(2) {
  color: #355343 !important;
  font-weight: 600;
  padding-right: 52px !important;
}

/* Artı butonu */
.boo-events-old .etkinlik-icon {
  position: absolute !important;
  right: 18px !important;
  bottom: 18px !important;
  width: 38px !important;
  height: 38px !important;
  background: #103d2b !important;
  color: #fffaf0 !important;
  border-radius: 50% !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 16px rgba(16, 61, 43, .24);
  transition: transform .25s ease, background .25s ease, color .25s ease;
}

.boo-events-old .etkinlik-karti:hover .etkinlik-icon {
  opacity: 1 !important;
  background: #caa472 !important;
  color: #103d2b !important;
  transform: rotate(90deg) scale(1.08);
}

/* Küçük anı notu efekti */
.boo-events-old .etkinlik-baslik::after {
  content: "BOO anısı";
  display: block;
  width: fit-content;
  margin-top: 10px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .8px;
  color: #caa472;
  text-transform: uppercase;
}

/* Mobil */
@media (max-width: 768px) {
  .boo-events-old {
    padding: 50px 14px 70px;
  }

  .boo-events-old .etkinlik-banner {
    padding: 20px 20px 38px;
  }

  .boo-events-old .etkinlik-takvimi {
    margin-top: -20px;
    gap: 22px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .boo-events-old .etkinlik-karti {
    width: 250px !important;
    flex-basis: 250px;
    min-height: 430px !important;
  }

  .boo-events-old .etkinlik-foto {
    height: 230px !important;
  }

  .boo-events-old .etkinlik-baslik {
    font-size: 18px !important;
  }
}

/* ==================================================
   BOO POLAROID KART DÜZELTMELERİ
   - BOO anısı kaldırıldı
   - Etkinlik sona erdi kaldırıldı
   - Hover scale azaltıldı
   - Masaüstünde 4 kart tam görünür, fazlası kaydırılır
================================================== */

/* Kart alanı: 4 kart tam sığsın */
.boo-events-old .etkinlik-takvimi {
  --boo-event-card-width: 270px;
  --boo-event-card-gap: 28px;

  max-width: calc((var(--boo-event-card-width) * 4) + (var(--boo-event-card-gap) * 3));
  margin: -24px auto 0 !important;
  padding: 0 0 34px !important;
  gap: var(--boo-event-card-gap) !important;

  overflow-x: auto !important;
  overflow-y: visible !important;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 0;
  justify-content: flex-start !important;
}

/* Scroll var ama kaba görünmesin */
.boo-events-old .etkinlik-takvimi::-webkit-scrollbar {
  height: 7px;
}

.boo-events-old .etkinlik-takvimi::-webkit-scrollbar-track {
  background: rgba(16, 61, 43, .08);
  border-radius: 999px;
}

.boo-events-old .etkinlik-takvimi::-webkit-scrollbar-thumb {
  background: rgba(16, 61, 43, .35);
  border-radius: 999px;
}

.boo-events-old .etkinlik-takvimi::-webkit-scrollbar-thumb:hover {
  background: rgba(16, 61, 43, .55);
}

/* Kart genişliği sabit */
.boo-events-old .etkinlik-karti {
  width: var(--boo-event-card-width) !important;
  flex: 0 0 var(--boo-event-card-width) !important;
  scroll-snap-align: start;
}

/* Hover çok zıplamasın */
.boo-events-old .etkinlik-karti:hover {
  transform: translateY(-4px) rotate(0deg) !important;
  box-shadow:
    0 20px 34px rgba(32, 40, 30, .17),
    0 2px 0 rgba(255,255,255,.8) inset !important;
}

/* Görsel zoom çok hafif olsun */
.boo-events-old .etkinlik-karti:hover .etkinlik-foto img {
  transform: scale(1.018) !important;
}

/* BOO ANISI yazısını kaldır */
.boo-events-old .etkinlik-baslik::after {
  content: none !important;
  display: none !important;
}

/* Etkinlik sona erdi / Bugün / Yarın gibi durum alanını kaldır */
.boo-events-old .etkinlik-baslik + .etkinlik-alt {
  display: none !important;
}

/* Saat ve yer bilgisi */
.boo-events-old .etkinlik-baslik + .etkinlik-alt + .etkinlik-alt {
  display: block !important;
  color: #355343 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0 52px 0 4px !important;
  margin-top: 14px !important;
}

/* Artı butonu hover'da kaybolmasın */
.boo-events-old .etkinlik-karti:hover .etkinlik-icon {
  opacity: 1 !important;
  background: #caa472 !important;
  color: #103d2b !important;
  transform: rotate(45deg) scale(1.04) !important;
}

/* Kart iç boşluğu biraz daha dengeli */
.boo-events-old .etkinlik-karti {
  min-height: 425px !important;
}

.boo-events-old .etkinlik-foto {
  height: 255px !important;
  margin-bottom: 18px !important;
}

/* Mobilde yarım kart görünmesi normal; scroll hissi verir */
@media (max-width: 768px) {
  .boo-events-old .etkinlik-takvimi {
    --boo-event-card-width: 250px;
    --boo-event-card-gap: 22px;

    max-width: 100%;
    margin-top: -20px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .boo-events-old .etkinlik-karti {
    min-height: 405px !important;
  }

  .boo-events-old .etkinlik-foto {
    height: 230px !important;
  }
}

/* ==================================================
   BOO ETKİNLİKLER - MODERN YATAY ANI KARTLARI
   Saat kaldırıldı, masaüstünde modern scroll
================================================== */

.boo-events-old .etkinlik-takvimi {
  --boo-event-card-width: 270px;
  --boo-event-card-gap: 28px;

  max-width: calc((var(--boo-event-card-width) * 4) + (var(--boo-event-card-gap) * 3));
  margin: -24px auto 0 !important;
  padding: 0 4px 42px !important;
  gap: var(--boo-event-card-gap) !important;

  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;

  overflow-x: auto !important;
  overflow-y: visible !important;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  cursor: grab;

  mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 36px,
    #000 calc(100% - 36px),
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 36px,
    #000 calc(100% - 36px),
    transparent 100%
  );
}

.boo-events-old .etkinlik-takvimi:active {
  cursor: grabbing;
}

/* Scrollbar görünmesin, modern kalsın */
.boo-events-old .etkinlik-takvimi {
  scrollbar-width: none;
}

.boo-events-old .etkinlik-takvimi::-webkit-scrollbar {
  display: none;
}

/* Kart sabit genişlik */
.boo-events-old .etkinlik-karti {
  width: var(--boo-event-card-width) !important;
  flex: 0 0 var(--boo-event-card-width) !important;
  min-height: 395px !important;
  scroll-snap-align: start;
}

/* Hover daha sakin */
.boo-events-old .etkinlik-karti:hover {
  transform: translateY(-3px) rotate(0deg) !important;
  box-shadow:
    0 18px 30px rgba(32, 40, 30, .16),
    0 2px 0 rgba(255,255,255,.8) inset !important;
}

.boo-events-old .etkinlik-karti:hover .etkinlik-foto img {
  transform: scale(1.012) !important;
}

/* BOO anısı kalksın */
.boo-events-old .etkinlik-baslik::after {
  content: none !important;
  display: none !important;
}

/* Etkinlik sona erdi / Bugün / Yarın kalksın */
.boo-events-old .etkinlik-baslik + .etkinlik-alt {
  display: none !important;
}

/* Sadece yer bilgisi kalsın */
.boo-events-old .etkinlik-yer,
.boo-events-old .etkinlik-baslik + .etkinlik-alt + .etkinlik-alt {
  display: block !important;
  color: #355343 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 0 52px 0 4px !important;
  margin-top: 22px !important;
}

/* Eğer eski PHP hâlâ 10:00 | Bursa basıyorsa, geçici olarak komple gizler */
.boo-events-old .etkinlik-alt:not(.etkinlik-yer) {
  display: none !important;
}

/* Artı butonu */
.boo-events-old .etkinlik-icon {
  right: 18px !important;
  bottom: 18px !important;
  width: 38px !important;
  height: 38px !important;
  background: #103d2b !important;
  color: #fffaf0 !important;
}

.boo-events-old .etkinlik-karti:hover .etkinlik-icon {
  opacity: 1 !important;
  background: #caa472 !important;
  color: #103d2b !important;
  transform: rotate(45deg) scale(1.03) !important;
}

/* Sağ-sol modern fade hissi için dış alan */
.boo-events-old {
  overflow: hidden;
}

/* Mobilde kartlar biraz daha küçük ve kaydırmalı */
@media (max-width: 768px) {
  .boo-events-old .etkinlik-takvimi {
    --boo-event-card-width: 250px;
    --boo-event-card-gap: 22px;

    max-width: 100%;
    margin-top: -20px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;

    mask-image: linear-gradient(
      to right,
      #000 0,
      #000 calc(100% - 34px),
      transparent 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #000 0,
      #000 calc(100% - 34px),
      transparent 100%
    );
  }

  .boo-events-old .etkinlik-karti {
    min-height: 385px !important;
  }

  .boo-events-old .etkinlik-foto {
    height: 230px !important;
  }
}

/* ==================================================
   BOO ETKİNLİKLER - MODERN PROGRESS SLIDER
   Ok yok, mouse wheel yok, modern çizgi ile kaydırma
================================================== */

.boo-event-slider-shell {
  position: relative;
  max-width: calc((270px * 4) + (28px * 3));
  margin: -24px auto 0;
  overflow: visible;
}

.boo-event-slider-shell .etkinlik-takvimi {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 2px 34px !important;

  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 28px !important;

  overflow-x: auto !important;
  overflow-y: visible !important;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  cursor: grab;
  user-select: none;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;

  mask-image: linear-gradient(
    to right,
    #000 0,
    #000 calc(100% - 32px),
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    #000 0,
    #000 calc(100% - 32px),
    transparent 100%
  );
}

.boo-event-slider-shell .etkinlik-takvimi::-webkit-scrollbar {
  display: none !important;
}

.boo-event-slider-shell .etkinlik-takvimi.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

.boo-event-slider-shell .etkinlik-karti {
  width: 270px !important;
  flex: 0 0 270px !important;
  scroll-snap-align: start;
}

/* Alt modern kaydırma çizgisi */
.boo-event-progress {
  width: min(340px, 70vw);
  margin: 0 auto;
  padding-top: 4px;
}

.boo-event-progress-track {
  appearance: none;
  border: 0;
  width: 100%;
  height: 8px;
  padding: 0;
  border-radius: 999px;
  background: rgba(16, 61, 43, .13);
  cursor: pointer;
  position: relative;
  display: block;
  overflow: hidden;
}

.boo-event-progress-thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 26%;
  border-radius: inherit;
  background: #103d2b;
  transform: none !important;
  transition: left .18s ease, width .18s ease;
}

.boo-event-progress-track:hover .boo-event-progress-thumb {
  background: #caa472;
}

/* Saat / durum alanları kalksın */
.boo-events-old .etkinlik-baslik::after {
  content: none !important;
  display: none !important;
}

.boo-events-old .etkinlik-baslik + .etkinlik-alt {
  display: none !important;
}

.boo-events-old .etkinlik-alt {
  display: none !important;
}

/* Kartlar biraz daha temiz dursun */
.boo-events-old .etkinlik-karti {
  min-height: 365px !important;
}

.boo-events-old .etkinlik-foto {
  height: 255px !important;
}

.boo-events-old .etkinlik-baslik {
  margin-bottom: 0 !important;
}

/* Mobil */
@media (max-width: 768px) {
  .boo-event-slider-shell {
    max-width: 100%;
    margin-top: -20px;
  }

  .boo-event-slider-shell .etkinlik-takvimi {
    gap: 22px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .boo-event-slider-shell .etkinlik-karti {
    width: 250px !important;
    flex-basis: 250px !important;
  }

  .boo-events-old .etkinlik-foto {
    height: 230px !important;
  }

  .boo-event-progress {
    width: min(260px, 72vw);
  }
}

/* ==================================================
   BOO ETKİNLİKLER - TEMİZ MODERN KAYDIRMA
   Pembe yok, button yok, ok yok
================================================== */

.boo-event-slider-shell {
  max-width: calc((270px * 4) + (28px * 3));
  margin: -24px auto 0;
  position: relative;
  overflow: visible;
}

.boo-event-slider-shell .etkinlik-takvimi {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 4px 32px !important;

  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 28px !important;
  justify-content: flex-start !important;

  overflow-x: auto !important;
  overflow-y: visible !important;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  cursor: grab;
  user-select: none;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;

  mask-image: linear-gradient(
    to right,
    #000 0,
    #000 calc(100% - 38px),
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    #000 0,
    #000 calc(100% - 38px),
    transparent 100%
  );
}

.boo-event-slider-shell .etkinlik-takvimi::-webkit-scrollbar {
  display: none !important;
}

.boo-event-slider-shell .etkinlik-takvimi.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

.boo-event-slider-shell .etkinlik-karti {
  width: 270px !important;
  flex: 0 0 270px !important;
  scroll-snap-align: start;
}

/* Saat / durum / BOO anısı tamamen yok */
.boo-events-old .etkinlik-baslik::after,
.boo-events-old .etkinlik-alt {
  content: none !important;
  display: none !important;
}

/* Kart yüksekliği sadeleşsin */
.boo-events-old .etkinlik-karti {
  min-height: 365px !important;
}

.boo-events-old .etkinlik-foto {
  height: 255px !important;
}

.boo-events-old .etkinlik-baslik {
  margin-bottom: 0 !important;
}

/* Alt modern çizgi */
.boo-event-progress {
  width: min(360px, 70vw);
  margin: 4px auto 0;
  text-align: center;
}

.boo-event-progress-track {
  width: 100%;
  height: 5px;
  border-radius: 999px;
  background: rgba(16, 61, 43, .12);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.boo-event-progress-thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 26%;
  border-radius: inherit;
  background: #103d2b;
  transform: translateX(0);
  transition: transform .18s ease, width .18s ease;
}

.boo-event-progress-text {
  margin-top: 9px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  color: rgba(16, 61, 43, .55);
}

/* Hover sakin kalsın */
.boo-events-old .etkinlik-karti:hover {
  transform: translateY(-3px) rotate(0deg) !important;
}

.boo-events-old .etkinlik-karti:hover .etkinlik-foto img {
  transform: scale(1.01) !important;
}

/* Mobil */
@media (max-width: 768px) {
  .boo-event-slider-shell {
    max-width: 100%;
    margin-top: -20px;
  }

  .boo-event-slider-shell .etkinlik-takvimi {
    gap: 22px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .boo-event-slider-shell .etkinlik-karti {
    width: 250px !important;
    flex-basis: 250px !important;
  }

  .boo-events-old .etkinlik-foto {
    height: 230px !important;
  }

  .boo-event-progress {
    width: min(260px, 72vw);
  }
}

.boo-event-progress-track {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: rgba(16, 61, 43, .12);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  touch-action: none;
}

.boo-event-progress-track.is-dragging {
  cursor: grabbing;
}

.boo-event-progress-thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 26%;
  border-radius: inherit;
  background: #103d2b;
  transform: none !important;
  transition: left .12s ease, width .18s ease, background .2s ease;
  cursor: grab;
}

.boo-event-progress-track:hover .boo-event-progress-thumb,
.boo-event-progress-track.is-dragging .boo-event-progress-thumb {
  background: #caa472;
}

.video-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(10, 35, 24, .28),
    rgba(10, 35, 24, .12) 45%,
    rgba(10, 35, 24, .22)
  );
  z-index: 1;
  pointer-events: none;
}

.boo-hero-copy {
  position: absolute;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: min(900px, 92vw);
  text-align: center;
  color: #fff;
  pointer-events: none;
}

.boo-hero-copy p {
  margin: 0 0 10px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2.5px;
  color: #caa472;
}

.boo-hero-copy h1 {
  margin: 0;
  font-family: "The Jungle", "DynaPuff", Arial, sans-serif !important;
  font-size: clamp(42px, 7vw, 82px);
  line-height: .95;
  font-weight: normal !important;
  color: #fff;
  text-shadow: 0 8px 28px rgba(0,0,0,.38);
}

.circle-play-button {
  z-index: 3;
  top: 58%;
}

.zigzag-wrapper,
.icon-agac {
  z-index: 4;
}

@media (max-width: 768px) {
  .boo-hero-copy {
    top: 40%;
  }

  .boo-hero-copy h1 {
    font-size: 42px;
  }

  .circle-play-button {
    top: 60%;
  }
}

/* Etkinlik kaydırma yazısı masaüstünde görünmesin */
@media (min-width: 769px) {
  .boo-event-progress-text {
    display: none !important;
  }

  .boo-event-progress {
    margin-top: 10px;
  }
}

/* ÖĞRETMENLER BÖLÜMÜ - DAHA GÜÇLÜ GÖRÜNÜM */
.boo-teachers-old {
  padding: 70px 20px 85px;
}

.boo-teachers-old h2 {
  font-size: 54px;
  margin-bottom: 28px;
}

.akordiyon-kapsayici {
  max-width: 660px;
  margin-bottom: 62px;
}

.akordiyon-baslik {
  padding: 15px 22px !important;
  font-size: 15px !important;
}

.akordiyon-icerik {
  font-size: 16px;
  padding: 18px 22px 24px;
}






/* İsim/rol yazıları */
.boo-teachers-old .swiper-slide h3,
.boo-teachers-old .swiper-slide h4,
.boo-teachers-old .ogretmen-karti h3,
.boo-teachers-old .ogretmen-card h3,
.boo-teachers-old .teacher-card h3,
.boo-teachers-old .modern-ogretmen-card h3 {
  font-family: "DynaPuff", "Poppins", Arial, sans-serif !important;
  color: #103d2b !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  margin: 12px 10px 4px !important;
  text-align: center !important;
}



/* Mobil */
@media (max-width: 768px) {
  .boo-teachers-old {
    padding: 55px 16px 68px;
  }

  .boo-teachers-old h2 {
    font-size: 34px;
  }

  .akordiyon-kapsayici {
    max-width: 100%;
    margin-bottom: 44px;
  }

  .boo-teachers-old .swiper-slide {
    width: 190px !important;
  }

  .boo-teachers-old .swiper-slide img,
  .boo-teachers-old .ogretmen-karti img,
  .boo-teachers-old .ogretmen-card img,
  .boo-teachers-old .teacher-card img,
  .boo-teachers-old .modern-ogretmen-card img {
    height: 220px !important;
  }
}

/* FOOTER ÖNCESİ CTA */
.boo-home-cta {
  background: #fffaf0;
  padding: 80px 20px 90px;
  position: relative;
  overflow: hidden;
}

.boo-home-cta::before {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(202, 164, 114, .16);
  left: -120px;
  top: -130px;
}

.boo-home-cta::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(16, 61, 43, .08);
  right: -150px;
  bottom: -180px;
}

.boo-home-cta__inner {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
  background: #103d2b;
  color: #fff;
  border-radius: 34px;
  padding: 46px 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  box-shadow: 0 24px 60px rgba(16, 61, 43, .18);
  overflow: hidden;
}

.boo-home-cta__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(202,164,114,.18), transparent 32%),
    radial-gradient(circle at 90% 80%, rgba(255,255,255,.08), transparent 30%);
  pointer-events: none;
}

.boo-home-cta__content {
  position: relative;
  z-index: 1;
  max-width: 720px;
}

.boo-home-cta__content p {
  margin: 0 0 8px;
  color: #caa472;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
}

.boo-home-cta__content h2 {
  margin: 0 0 16px;
  color: #fff;
  font-family: "The Jungle", "DynaPuff", Arial, sans-serif !important;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1;
  font-weight: normal !important;
}

.boo-home-cta__content span {
  display: block;
  color: rgba(255,255,255,.84);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

.boo-home-cta__actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-width: 190px;
}

.boo-home-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 999px;
  background: #caa472;
  color: #103d2b !important;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
  transition: transform .22s ease, background .22s ease;
}

.boo-home-cta__btn:hover {
  transform: translateY(-2px);
  background: #e0ba85;
}

.boo-home-cta__btn--ghost {
  background: rgba(255,255,255,.12);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22);
}

.boo-home-cta__btn--ghost:hover {
  background: rgba(255,255,255,.18);
}

@media (max-width: 768px) {
  .boo-home-cta {
    padding: 58px 16px 68px;
  }

  .boo-home-cta__inner {
    flex-direction: column;
    align-items: flex-start;
    border-radius: 24px;
    padding: 34px 24px;
    gap: 28px;
  }

  .boo-home-cta__content h2 {
    font-size: 34px;
  }

  .boo-home-cta__content span {
    font-size: 15px;
  }

  .boo-home-cta__actions {
    width: 100%;
  }

  .boo-home-cta__btn {
    width: 100%;
  }
}

/* TABLETTE KAZANIM KARTLARI 2 KOLON OLSUN */
@media (min-width: 600px) and (max-width: 1024px) {
  .ozel-kart-alani .kartlar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 760px !important;
    gap: 28px !important;
    align-items: stretch !important;
  }

  .ozel-kart-alani .kart {
    width: auto !important;
    max-width: none !important;
    min-height: 230px;
  }
}

/* SADECE TELEFONDA TEK KOLON */
@media (max-width: 599px) {
  .ozel-kart-alani .kartlar {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 28px !important;
  }

  .ozel-kart-alani .kart {
    width: 100% !important;
    max-width: 360px !important;
  }
}

/* ==================================================
   ANA SAYFA - HERO ALTI YÖNLENDİRME BANNERLARI
================================================== */

.boo-home-routes {
  position: relative;
  background: #fffaf0;
  padding: 74px 20px 82px;
  overflow: hidden;
}

.boo-home-routes::before {
  content: "";
  position: absolute;
  left: -120px;
  top: -160px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(202, 164, 114, .18);
  pointer-events: none;
}

.boo-home-routes::after {
  content: "";
  position: absolute;
  right: -150px;
  bottom: -180px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(39, 62, 44, .08);
  pointer-events: none;
}

.boo-home-routes__inner {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
}

.boo-home-routes__heading {
  text-align: center;
  margin-bottom: 42px;
}

.boo-home-routes__heading p {
  margin: 0 0 8px;
  color: #caa472;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2.5px;
}

.boo-home-routes__heading h2 {
  margin: 0;
  color: #103d2b;
  font-family: "The Jungle", "DynaPuff", Arial, sans-serif !important;
  font-size: clamp(36px, 4.5vw, 62px);
  line-height: 1;
  font-weight: normal !important;
}

.boo-home-routes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}

.boo-home-route-card {
  position: relative;
  min-height: 420px;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  text-decoration: none !important;
  color: #fff;
  background: #103d2b;
  box-shadow: 0 24px 52px rgba(16, 61, 43, .16);
  transform: translateY(0);
  transition:
    transform .28s ease,
    box-shadow .28s ease;
}

.boo-home-route-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 32px 68px rgba(16, 61, 43, .24);
}

.boo-home-route-card__image {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.boo-home-route-card__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1);
  transition: transform .5s ease;
}

.boo-home-route-card:hover .boo-home-route-card__image img {
  transform: scale(1.07);
}

.boo-home-route-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(
      to bottom,
      rgba(16, 61, 43, .10) 0%,
      rgba(16, 61, 43, .38) 42%,
      rgba(16, 61, 43, .92) 100%
    );
}

.boo-home-route-card::after {
  content: "";
  position: absolute;
  inset: 16px;
  z-index: 3;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 24px;
  pointer-events: none;
}

.boo-home-route-card__content {
  position: relative;
  z-index: 4;
  padding: 30px;
}

.boo-home-route-card__content span {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 50%;
  background: #caa472;
  color: #103d2b;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  font-weight: 900;
}

.boo-home-route-card__content p {
  margin: 0 0 8px;
  color: #caa472;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.7px;
}

.boo-home-route-card__content h3 {
  margin: 0 0 13px;
  color: #fff;
  font-family: "DynaPuff", "Poppins", Arial, sans-serif !important;
  font-size: 25px;
  line-height: 1.18;
  font-weight: 700;
}

.boo-home-route-card__content small {
  display: block;
  color: rgba(255,255,255,.84);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

.boo-home-route-card__button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
  padding: 11px 17px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  transition:
    background .25s ease,
    color .25s ease;
}

.boo-home-route-card:hover .boo-home-route-card__button {
  background: #caa472;
  color: #103d2b;
}

.boo-home-route-card__button i {
  font-size: 12px;
  transition: transform .25s ease;
}

.boo-home-route-card:hover .boo-home-route-card__button i {
  transform: translateX(3px);
}

/* Renk karakterleri */
.boo-home-route-card--summer::before {
  background:
    linear-gradient(
      to bottom,
      rgba(16, 61, 43, .05) 0%,
      rgba(16, 61, 43, .34) 42%,
      rgba(16, 61, 43, .92) 100%
    );
}

.boo-home-route-card--teacher::before {
  background:
    linear-gradient(
      to bottom,
      rgba(40, 24, 12, .08) 0%,
      rgba(40, 24, 12, .38) 42%,
      rgba(85, 55, 28, .93) 100%
    );
}

.boo-home-route-card--workshop::before {
  background:
    linear-gradient(
      to bottom,
      rgba(16, 61, 43, .08) 0%,
      rgba(16, 61, 43, .38) 42%,
      rgba(16, 61, 43, .94) 100%
    );
}

/* TABLET */
@media (max-width: 1024px) {
  .boo-home-routes {
    padding: 64px 20px 72px;
  }

  .boo-home-routes__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .boo-home-route-card {
    min-height: 380px;
    border-radius: 24px;
  }

  .boo-home-route-card::after {
    inset: 12px;
    border-radius: 20px;
  }

  .boo-home-route-card__content {
    padding: 24px;
  }

  .boo-home-route-card__content h3 {
    font-size: 21px;
  }

  .boo-home-route-card__content small {
    font-size: 13px;
  }
}

/* MOBİL */
@media (max-width: 768px) {
  .boo-home-routes {
    padding: 54px 16px 62px;
  }

  .boo-home-routes__heading {
    margin-bottom: 30px;
  }

  .boo-home-routes__heading h2 {
    font-size: 36px;
  }

  .boo-home-routes__grid {
    display: flex;
    overflow-x: auto;
    gap: 18px;
    padding: 4px 2px 18px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .boo-home-routes__grid::-webkit-scrollbar {
    height: 6px;
  }

  .boo-home-routes__grid::-webkit-scrollbar-track {
    background: rgba(16, 61, 43, .08);
    border-radius: 999px;
  }

  .boo-home-routes__grid::-webkit-scrollbar-thumb {
    background: rgba(16, 61, 43, .32);
    border-radius: 999px;
  }

  .boo-home-route-card {
    flex: 0 0 82vw;
    max-width: 360px;
    min-height: 390px;
    scroll-snap-align: start;
  }
}

@media (max-width: 420px) {
  .boo-home-route-card {
    flex-basis: 86vw;
    min-height: 370px;
  }

  .boo-home-route-card__content {
    padding: 22px;
  }

  .boo-home-route-card__content h3 {
    font-size: 22px;
  }
}

.boo-home-routes {
  background: #ffffff !important;
  padding: 74px 20px 82px;
  margin-top: 0 !important;
}

/* Arka plandaki dekoratif yuvarlakları kapat */
.boo-home-routes::before,
.boo-home-routes::after {
  display: none !important;
}

/* ==================================================
   HERO ALTI YÖNLENDİRME BANNERLARI DÜZELTME
   - Hover'da scale/zoom yok
   - Gradient daha sert, yazılar daha okunur
================================================== */

/* Kart hover'da yukarı zıplamasın */
.boo-home-route-card,
.boo-home-route-card:hover {
  transform: none !important;
}

/* Görsel hover'da zoom/scale yapmasın */
.boo-home-route-card__image img,
.boo-home-route-card:hover .boo-home-route-card__image img {
  transform: none !important;
}

/* Hover'da sadece gölge çok hafif değişebilir */
.boo-home-route-card:hover {
  box-shadow: 0 24px 52px rgba(16, 61, 43, .18) !important;
}

/* Gradient daha sert olsun */
.boo-home-route-card::before,
.boo-home-route-card--summer::before,
.boo-home-route-card--teacher::before,
.boo-home-route-card--workshop::before {
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, .08) 0%,
      rgba(16, 61, 43, .28) 28%,
      rgba(16, 61, 43, .72) 62%,
      rgba(16, 61, 43, .98) 100%
    ) !important;
}

/* Yazı okunurluğunu artır */
.boo-home-route-card__content h3,
.boo-home-route-card__content small,
.boo-home-route-card__content p {
  text-shadow: 0 3px 12px rgba(0, 0, 0, .45);
}

/* Küçük açıklama daha net görünsün */
.boo-home-route-card__content small {
  color: rgba(255, 255, 255, .94) !important;
}

/* Kart içindeki buton hover'da büyümesin */
.boo-home-route-card__button,
.boo-home-route-card:hover .boo-home-route-card__button {
  transform: none !important;
}

/* Ok sadece hafif sağa kayıyordu, onu da kapatmak istersen */
.boo-home-route-card:hover .boo-home-route-card__button i {
  transform: none !important;
}

/* ==================================================
   BOO ANA SAYFA ETKİNLİK SLIDER - SON DÜZENLEME
   Masaüstü ok + drag + progress
================================================== */

.boo-events-old {
  background: #f4f1eb !important;
  padding: 70px 20px 92px !important;
  overflow: hidden !important;
}

.boo-events-old .etkinlik-banner {
  position: relative;
  z-index: 5;
  max-width: 1180px;
  margin: 0 auto !important;
  background: #caa472 !important;
  border-radius: 10px !important;
  padding: 22px 32px 42px !important;
}

.boo-event-slider-shell {
  --boo-event-card-width: 270px;
  --boo-event-card-gap: 28px;

  position: relative;
  z-index: 6;
  max-width: calc((var(--boo-event-card-width) * 4) + (var(--boo-event-card-gap) * 3));
  margin: -24px auto 0;
  overflow: visible;
}

.boo-event-slider-shell .etkinlik-takvimi {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px 4px 34px !important;

  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: var(--boo-event-card-gap) !important;

  overflow-x: auto !important;
  overflow-y: visible !important;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-padding-left: 4px;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;

  cursor: grab;
  touch-action: pan-y;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;

  mask-image: linear-gradient(
    to right,
    #000 0,
    #000 calc(100% - 42px),
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    #000 0,
    #000 calc(100% - 42px),
    transparent 100%
  );
}

.boo-event-slider-shell .etkinlik-takvimi::-webkit-scrollbar {
  display: none !important;
}

.boo-event-slider-shell .etkinlik-takvimi.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

.boo-event-slider-shell .etkinlik-takvimi.is-dragging a,
.boo-event-slider-shell .etkinlik-takvimi.is-dragging .etkinlik-karti {
  cursor: grabbing !important;
}

.boo-event-slider-shell .etkinlik-karti {
  width: var(--boo-event-card-width) !important;
  flex: 0 0 var(--boo-event-card-width) !important;
  min-height: 365px !important;

  scroll-snap-align: start;
  cursor: pointer;
  -webkit-user-drag: none;

  position: relative !important;
  z-index: 1;
}

.boo-event-slider-shell .etkinlik-karti,
.boo-event-slider-shell .etkinlik-karti * {
  -webkit-tap-highlight-color: transparent;
}

.boo-event-slider-shell .etkinlik-karti::before,
.boo-event-slider-shell .etkinlik-karti::after,
.boo-event-slider-shell .etkinlik-foto::after,
.boo-event-slider-shell .etkinlik-icon {
  pointer-events: none !important;
}

.boo-event-slider-shell .etkinlik-foto {
  height: 255px !important;
  margin-bottom: 18px !important;
}

.boo-event-slider-shell .etkinlik-foto img {
  -webkit-user-drag: none;
  user-select: none;
}

.boo-event-slider-shell .etkinlik-baslik {
  margin-bottom: 0 !important;
}

.boo-event-slider-shell .etkinlik-baslik::after,
.boo-event-slider-shell .etkinlik-alt {
  content: none !important;
  display: none !important;
}

/* Masaüstü sağ-sol okları */
.boo-event-nav {
  position: absolute;
  top: 46%;
  z-index: 20;

  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #103d2b;
  color: #fffaf0;

  font-family: Arial, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;

  cursor: pointer;

  box-shadow:
    0 14px 28px rgba(16, 61, 43, .24),
    0 1px 0 rgba(255,255,255,.18) inset;

  transition:
    transform .22s ease,
    background .22s ease,
    color .22s ease,
    opacity .22s ease;
}

.boo-event-nav:hover {
  background: #caa472;
  color: #103d2b;
  transform: translateY(-2px);
}

.boo-event-nav:active {
  transform: translateY(0);
}

.boo-event-nav:disabled {
  opacity: .28;
  cursor: default;
  pointer-events: none;
}

.boo-event-nav[hidden] {
  display: none !important;
}

.boo-event-nav--prev {
  left: -23px;
}

.boo-event-nav--next {
  right: -23px;
}

/* Alt modern kaydırma çizgisi */
.boo-event-progress {
  width: min(360px, 72vw);
  margin: 6px auto 0;
  text-align: center;
}

.boo-event-progress[hidden] {
  display: none !important;
}

.boo-event-progress-track {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: rgba(16, 61, 43, .13);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  touch-action: none;
}

.boo-event-progress-track.is-dragging {
  cursor: grabbing;
}

.boo-event-progress-thumb {
  position: absolute;
  left: 0;
  top: 0;

  height: 100%;
  width: 26%;
  border-radius: inherit;

  background: #103d2b;
  transform: none !important;

  transition:
    left .12s ease,
    width .18s ease,
    background .2s ease;
}

.boo-event-progress-track:hover .boo-event-progress-thumb,
.boo-event-progress-track.is-dragging .boo-event-progress-thumb {
  background: #caa472;
}

.boo-event-progress-text {
  margin-top: 9px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .4px;
  color: rgba(16, 61, 43, .52);
}

/* Masaüstünde yazıyı gizle, sadece çizgi kalsın */
@media (min-width: 769px) {
  .boo-event-progress-text {
    display: none !important;
  }
}

/* 1180 altı ekranlarda oklar içeri girsin */
@media (max-width: 1220px) {
  .boo-event-nav--prev {
    left: 6px;
  }

  .boo-event-nav--next {
    right: 6px;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .boo-event-slider-shell {
    max-width: 100%;
  }

  .boo-event-slider-shell .etkinlik-takvimi {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* Mobil */
@media (max-width: 768px) {
  .boo-events-old {
    padding: 50px 14px 72px !important;
  }

  .boo-events-old .etkinlik-banner {
    padding: 20px 20px 38px !important;
  }

  .boo-event-slider-shell {
    --boo-event-card-width: 250px;
    --boo-event-card-gap: 22px;

    max-width: 100%;
    margin-top: -20px;
  }

  .boo-event-slider-shell .etkinlik-takvimi {
    gap: var(--boo-event-card-gap) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;

    mask-image: linear-gradient(
      to right,
      #000 0,
      #000 calc(100% - 34px),
      transparent 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #000 0,
      #000 calc(100% - 34px),
      transparent 100%
    );
  }

  .boo-event-slider-shell .etkinlik-karti {
    width: var(--boo-event-card-width) !important;
    flex-basis: var(--boo-event-card-width) !important;
    min-height: 385px !important;
  }

  .boo-event-slider-shell .etkinlik-foto {
    height: 230px !important;
  }

  .boo-event-nav {
    display: none !important;
  }

  .boo-event-progress {
    width: min(260px, 72vw);
  }
}

/* ==================================================
   BOO ETKİNLİK SLIDER OKLARI - MODERN YEŞİL TASARIM
   Pembe/global button stillerini tamamen ezer
================================================== */

.boo-events-old .boo-event-slider-shell > .boo-event-nav {
  all: unset !important;

  position: absolute !important;
  top: 46% !important;
  z-index: 50 !important;

  width: 52px !important;
  height: 52px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background:
    linear-gradient(135deg, #103d2b 0%, #0b2f21 100%) !important;
  color: #fffaf0 !important;

  cursor: pointer !important;

  box-shadow:
    0 18px 34px rgba(16, 61, 43, .24),
    0 2px 0 rgba(255,255,255,.16) inset !important;

  transform: translateY(-50%) !important;

  transition:
    transform .22s ease,
    background .22s ease,
    color .22s ease,
    box-shadow .22s ease,
    opacity .22s ease !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav::before {
  content: "" !important;

  width: 13px !important;
  height: 13px !important;

  border-top: 3px solid currentColor !important;
  border-right: 3px solid currentColor !important;

  display: block !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav--prev {
  left: -26px !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav--next {
  right: -26px !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav--prev::before {
  transform: rotate(-135deg) translate(-1px, -1px) !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav--next::before {
  transform: rotate(45deg) translate(-1px, 1px) !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav:hover {
  background:
    linear-gradient(135deg, #caa472 0%, #dfbd8a 100%) !important;
  color: #103d2b !important;

  transform: translateY(-50%) scale(1.06) !important;

  box-shadow:
    0 20px 38px rgba(202, 164, 114, .32),
    0 2px 0 rgba(255,255,255,.24) inset !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav:active {
  transform: translateY(-50%) scale(.96) !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav:focus,
.boo-events-old .boo-event-slider-shell > .boo-event-nav:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 5px rgba(202, 164, 114, .24),
    0 18px 34px rgba(16, 61, 43, .24),
    0 2px 0 rgba(255,255,255,.16) inset !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav:disabled {
  opacity: .22 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav[hidden] {
  display: none !important;
}

/* Oklar 1180px altına gelince kartların içine yaklaşsın */
@media (max-width: 1220px) {
  .boo-events-old .boo-event-slider-shell > .boo-event-nav--prev {
    left: 10px !important;
  }

  .boo-events-old .boo-event-slider-shell > .boo-event-nav--next {
    right: 10px !important;
  }
}

/* Mobilde zaten kaydırma parmakla olduğu için oklar görünmesin */
@media (max-width: 768px) {
  .boo-events-old .boo-event-slider-shell > .boo-event-nav {
    display: none !important;
  }
}

/* ==================================================
   BOO ETKİNLİK SLIDER - SON SAĞLAM DÜZENLEME
================================================== */

.boo-event-slider-shell {
  --boo-event-card-width: 270px;
  --boo-event-card-gap: 28px;

  position: relative !important;
  z-index: 10 !important;
  max-width: calc((var(--boo-event-card-width) * 4) + (var(--boo-event-card-gap) * 3)) !important;
  margin: -24px auto 0 !important;
  overflow: visible !important;
}

.boo-event-slider-shell .etkinlik-takvimi {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px 4px 34px !important;

  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: var(--boo-event-card-gap) !important;

  overflow-x: auto !important;
  overflow-y: visible !important;

  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-inline: contain !important;

  cursor: grab !important;
  touch-action: auto !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;

  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.boo-event-slider-shell .etkinlik-takvimi::-webkit-scrollbar {
  display: none !important;
}

.boo-event-slider-shell .etkinlik-takvimi.is-dragging {
  cursor: grabbing !important;
  user-select: none !important;
}

.boo-event-slider-shell .etkinlik-karti {
  width: var(--boo-event-card-width) !important;
  flex: 0 0 var(--boo-event-card-width) !important;
  scroll-snap-align: none !important;
  cursor: pointer !important;
  -webkit-user-drag: none !important;
}

.boo-event-slider-shell .etkinlik-karti img {
  -webkit-user-drag: none !important;
  user-select: none !important;
}

/* Eski pseudo okları tamamen kapat */
.boo-events-old .boo-event-slider-shell > .boo-event-nav::before,
.boo-events-old .boo-event-slider-shell > .boo-event-nav::after {
  content: none !important;
  display: none !important;
}

/* Modern ok butonları */
.boo-events-old .boo-event-slider-shell > .boo-event-nav {
  all: unset !important;

  position: absolute !important;
  top: 46% !important;
  z-index: 50 !important;

  width: 52px !important;
  height: 52px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: linear-gradient(135deg, #103d2b 0%, #0b2f21 100%) !important;
  color: #fffaf0 !important;

  cursor: pointer !important;

  box-shadow:
    0 18px 34px rgba(16, 61, 43, .24),
    0 2px 0 rgba(255,255,255,.16) inset !important;

  transform: translateY(-50%) !important;

  transition:
    transform .22s ease,
    background .22s ease,
    color .22s ease,
    box-shadow .22s ease,
    opacity .22s ease !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav svg {
  width: 25px !important;
  height: 25px !important;
  display: block !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav--prev {
  left: -26px !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav--next {
  right: -26px !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav:hover {
  background: linear-gradient(135deg, #caa472 0%, #dfbd8a 100%) !important;
  color: #103d2b !important;
  transform: translateY(-50%) scale(1.06) !important;
}

.boo-events-old .boo-event-slider-shell > .boo-event-nav:disabled {
  opacity: .28 !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* Progress çizgisi */
.boo-event-progress {
  width: min(360px, 72vw) !important;
  margin: 8px auto 0 !important;
  text-align: center !important;
}

.boo-event-progress[hidden] {
  display: none !important;
}

.boo-event-progress-track {
  width: 100% !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(16, 61, 43, .13) !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.boo-event-progress-track.is-dragging {
  cursor: grabbing !important;
}

.boo-event-progress-thumb {
  position: absolute !important;
  left: 0;
  top: 0;

  height: 100% !important;
  width: 26%;
  border-radius: inherit !important;

  background: #103d2b !important;

  transition:
    left .12s ease,
    width .18s ease,
    background .2s ease !important;
}

.boo-event-progress-track:hover .boo-event-progress-thumb,
.boo-event-progress-track.is-dragging .boo-event-progress-thumb {
  background: #caa472 !important;
}

/* Ekran küçülünce oklar içeri girsin */
@media (max-width: 1220px) {
  .boo-events-old .boo-event-slider-shell > .boo-event-nav--prev {
    left: 10px !important;
  }

  .boo-events-old .boo-event-slider-shell > .boo-event-nav--next {
    right: 10px !important;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .boo-event-slider-shell {
    max-width: 100% !important;
  }

  .boo-event-slider-shell .etkinlik-takvimi {
    gap: 24px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    touch-action: auto !important;
    scroll-snap-type: none !important;
  }

  .boo-event-slider-shell .etkinlik-karti {
    width: 270px !important;
    flex-basis: 270px !important;
  }
}

/* Mobil */
@media (max-width: 768px) {
  .boo-event-slider-shell {
    --boo-event-card-width: 250px;
    --boo-event-card-gap: 18px;

    max-width: 100% !important;
    margin-top: -20px !important;
  }

  .boo-event-slider-shell .etkinlik-takvimi {
    gap: var(--boo-event-card-gap) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 28px !important;
  }

  .boo-event-slider-shell .etkinlik-karti {
    width: var(--boo-event-card-width) !important;
    flex-basis: var(--boo-event-card-width) !important;
  }

  .boo-events-old .boo-event-slider-shell > .boo-event-nav {
    width: 40px !important;
    height: 40px !important;
    top: 45% !important;
    opacity: .88 !important;
  }

  .boo-events-old .boo-event-slider-shell > .boo-event-nav svg {
    width: 21px !important;
    height: 21px !important;
  }

  .boo-events-old .boo-event-slider-shell > .boo-event-nav--prev {
    left: 6px !important;
  }

  .boo-events-old .boo-event-slider-shell > .boo-event-nav--next {
    right: 6px !important;
  }

  .boo-event-progress {
    width: min(260px, 72vw) !important;
  }
}

/* ==================================================
   MOBİL / TABLET HERO KISALTMA
================================================== */

/* Tablet */
@media (max-width: 1024px) {
  .boo-homepage-old .video-section {
    height: 78svh !important;
    min-height: 560px !important;
    max-height: 720px !important;
  }

  .boo-hero-copy {
    top: 41% !important;
  }

  .circle-play-button {
    top: 61% !important;
  }
}

/* Mobil */
@media (max-width: 768px) {
  .boo-homepage-old .video-section {
    height: 72svh !important;
    min-height: 500px !important;
    max-height: 650px !important;
  }

  .boo-hero-copy {
    top: 39% !important;
    width: min(360px, 92vw) !important;
  }

  .boo-hero-copy p {
    font-size: 11px !important;
    letter-spacing: 2px !important;
    margin-bottom: 8px !important;
  }

  .boo-hero-copy h1 {
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: .98 !important;
  }

  .circle-play-button {
    top: 60% !important;
    width: 108px !important;
    height: 108px !important;
  }

  .play-icon svg {
    width: 38px !important;
    height: 38px !important;
  }

  .icon-agac {
    bottom: 34px !important;
    width: 58px !important;
  }

  .zigzag-wrapper {
    height: 54px !important;
  }
}

/* Çok küçük telefonlar */
@media (max-width: 420px) {
  .boo-homepage-old .video-section {
    height: 70svh !important;
    min-height: 470px !important;
    max-height: 610px !important;
  }

  .boo-hero-copy h1 {
    font-size: 34px !important;
  }

  .circle-play-button {
    width: 96px !important;
    height: 96px !important;
  }

  .icon-agac {
    width: 52px !important;
    bottom: 30px !important;
  }
}

/* ==================================================
   ANA SAYFA STORY ALANI
================================================== */

.boo-home-stories-section {
  position: relative;
  background: #fffaf0;
  padding: 58px 20px 66px;
  overflow: hidden;
}

.boo-home-stories-section::before {
  content: "";
  position: absolute;
  left: -120px;
  top: -160px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(202, 164, 114, .16);
  pointer-events: none;
}

.boo-home-stories-section::after {
  content: "";
  position: absolute;
  right: -140px;
  bottom: -180px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(16, 61, 43, .07);
  pointer-events: none;
}

.boo-home-stories-section__inner {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
}

.boo-home-stories-section__head {
  text-align: center;
  margin-bottom: 34px;
}

.boo-home-stories-section__head p {
  margin: 0 0 8px;
  color: #caa472;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2.4px;
}

.boo-home-stories-section__head h2 {
  margin: 0;
  color: #103d2b;
  font-family: "The Jungle", "DynaPuff", "Poppins", Arial, sans-serif !important;
  font-size: clamp(34px, 4.5vw, 58px);
  line-height: 1;
  font-weight: normal !important;
}

.boo-home-stories-section__empty {
  padding: 28px;
  border-radius: 20px;
  background: #fff;
  color: #103d2b;
  text-align: center;
  font-weight: 800;
}

/* Shortcode içeriği taşarsa mobilde düzgün aksın */
.boo-home-stories-section [class*="story"],
.boo-home-stories-section [class*="stories"] {
  max-width: 100%;
}

@media (max-width: 768px) {
  .boo-home-stories-section {
    padding: 46px 16px 54px;
  }

  .boo-home-stories-section__head {
    margin-bottom: 26px;
  }

  .boo-home-stories-section__head h2 {
    font-size: 34px;
  }
}