/* ===============================
   MAVI ALAN 
================================ */
.quote-ar {
  background:#f3f8fc;
  padding:40px 0;
}

.quote-ar-box {

  border-radius:16px;
  padding:32px;

  position:relative;
  text-align:right;
}

.quote-ar-box i {
  font-size:32px;
  color:#b5cde6;
}

.quote-ar-box i:first-child {
  position:absolute;
  top:-16px;
  right:24px;
}

.quote-ar-box i:last-child {
  position:absolute;
  bottom:-16px;
  left:24px;
}

.quote-ar-text {
  margin:0;
  font-size:16px;
  line-height:1.9;
  color:#333;
}
/* ===============================
   MAVI ALAN 
================================ */




/* ===============================
   HERO SAYFA BÖLÜMÜ – AR
================================ */
.pool-content {
  padding: 0;
  background: var(--surface);
  border-radius: var(--radius-sm10);
  border: 1px solid var(--pool-border);
  box-shadow: var(--pool-shadow-soft);
  overflow: hidden;          /* KRITIK */
  direction: rtl;
  text-align: right;}

.pool-hero-image {
  margin: 0;
  padding: 0;}

.pool-hero-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;} 
  
.pool-article {
  padding: 24px 26px 32px;} 
  

/* AR – Menu RTL fix */
.pool-menu-toggle {
  flex-direction: row-reverse;
}

.pool-menu-toggle .label {
  text-align: right;
}

.pool-menu-panel a::before {
  right: 6px;
  left: auto;
}


/* ===============================
   HERO SAYFA BÖLÜMÜ – AR
================================ */



/* ===============================
   POOL GENERAL – AR
================================ */

.pool-general-ar {
  padding: 48px 0;
  background-color: var(--bg-color-2);
}

.pool-general-inner-ar {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 16px;
}

.pool-general-card-ar {
  background: var(--surface);
  border-radius: var(--radius-sm10);
  border: 1px solid var(--pool-border);
  box-shadow: var(--pool-shadow-soft);
  padding: 32px 36px;
  direction: rtl;
  text-align: right;
}

/* Basliklar */
.pool-general-title-ar {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 24px;

}

.pool-general-subtitle-ar {
  font-size: 18px;
  font-weight: 700;
  margin-top: 22px;
  margin-bottom: 8px;

}

/* Metin */
.pool-general-text-ar {
  font-size: 15px;
  line-height: 1.8;
  color: var(--text-color);
  margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .pool-general-card-ar {
    padding: 22px 20px;
  }

  .pool-general-title-ar {
    font-size: 22px;
  }

  .pool-general-subtitle-ar {
    font-size: 16px;
  }
}
/* ===============================
   POOL GENERAL – AR
================================ */




/* ========= ÜÇGEN ARKA PLAN BLOK ========= */
.waterpark-bg {
position: relative;
padding: 50px 0;
overflow: hidden;}
.waterpark-bg::before {
content: "";
position: absolute;
top: -100px;
left: 0;
width: 100%;
height: 120%;
background: var(--color-mavi-bg);
clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
z-index: 0;}

.waterpark-bg .content {position: relative;z-index: 1;}

/* ========= ÜÇGEN ARKA PLAN BLOK ========= */

/* ========= ÜÇGEN ARKA PLAN BLOK BREAD RENGI========= */
.pano-bg {
	position: relative;
	padding: 50px 0;
	overflow: hidden;
	background-color:#A6C9E6;
}
.pano-bg::before {
content: "";
position: absolute;
top: -100px;
left: 0;
width: 100%;
height: 120%;
background: #F1F8FE;

clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
z-index: 0;}

.pano-bg .content {position: relative;z-index: 1;}

/* ========= ÜÇGEN ARKA PLAN BLOK BREAD RENGI========= */

/* ========= SIYAH SLOGAN BLOK ========= */
.signature-area {
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
padding: 80px 20px;color: #ffffff;text-align: center;}

.signature-container {max-width: 900px;margin: auto;}
.signature-container h2 {font-size: 36px;margin-bottom: 20px;font-weight: 700;}
.signature-container p {font-size: 18px;line-height: 1.7;opacity: 0.9;}
.signature-mark {display: block;margin-top: 30px;font-size: 16px;letter-spacing: 1px;opacity: 0.8;}
/* ========= SIYAH SLOGAN BLOK ========= */

/* ========= IKILI BLOK========= */
.kimyasallar-content h2{padding:50px 0 0 0;}
.pricing-box-wrap{
border:1px solid var(--pool-border);
padding:10px;
height:100%;
border-radius:var(--radius-sm10);
}
.pricing-heading{padding:20px 0 0 0;}