:root{
  --aa-blue: #2D5A87;
  --aa-gold: #d6c98e;
  --aa-ink:  #1f2b37;
  --aa-bg:   #f7f9fc;
  --aa-card: #ffffff;
  --aa-shadow: 0 14px 40px rgba(16,42,66,.12);
}

/* Bölüm kabuğu */
.aa-about{
  position: relative;
  padding: clamp(36px, 5vw, 72px) 16px;
  background:
    radial-gradient(1200px 400px at 10% 0%, rgba(45,90,135,.08), transparent 60%),
    radial-gradient(1200px 400px at 100% 100%, rgba(214,201,142,.15), transparent 60%),
    var(--aa-bg);
  overflow: clip;
}

/* Opsiyonel arka plan fotoğrafı (section[data-bg]) */
.aa-about[data-bg]:not([data-bg=""])::before{
  content:"";
  position:absolute; inset:0;
  background: url(attr(data-bg url)) center/cover no-repeat;
  opacity:.06;           /* çok hafif görünür */
  mix-blend-mode: multiply;
}

/* Kart konteyner */
.aa-about__container{
  max-width: 1080px;
  margin: 0 auto;
  background: var(--aa-card);
  border-radius: 20px;
  box-shadow: var(--aa-shadow);
  padding: clamp(20px, 3.5vw, 44px);
  border: 1px solid rgba(32,54,76,.06);
}

/* Başlık alanı */
.aa-about__head{
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.aa-about__chip{
  display:inline-block;
  padding: 6px 12px;
  font-size: 12px;
  letter-spacing:.3px;
  border-radius: 999px;
  color: #0f2436;
  background:
    linear-gradient(90deg, rgba(214,201,142,.28), rgba(255,255,255,0) 70%),
    #fff7d9;
  border: 1px solid rgba(214,201,142,.55);
}

.aa-about__title{
  font-size: clamp(28px, 4.2vw, 40px);
  line-height: 1.15;
  margin: 0;
  color: var(--aa-blue);
  letter-spacing: .2px;
}

/* Metin içerik */
.aa-about__content{
  margin-top: 12px;
  color: var(--aa-ink);
  font-size: clamp(15px, 1.3vw, 17.5px);
  line-height: 1.75;
}

.aa-about__content p{
  margin: 0 0 14px;
}

/* İnce alt vurgulu çizgi */
.aa-about__container::after{
  content:"";
  display:block;
  height: 3px;
  margin-top: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--aa-blue), var(--aa-gold));
  opacity: .35;
}

/* Küçük ekran düzeni */
@media (max-width: 640px){
  .aa-about{ padding-inline: 12px; }
  .aa-about__container{ border-radius: 16px; }
}
/* === GENEL SAYFA STİLİ === */
.page-content {
  font-family: 'Poppins', sans-serif;
  color: #333;
  line-height: 1.7;
  background: #ffffff;
  padding: 80px 0;
}

/* === ÜST ETİKET (örnek: Arif Ambalaj) === */
.page-content .breadcrumb {
  display: inline-block;
  background: #fcf5cf;
  color: #2d3e50;
  font-weight: 600;
  font-size: 15px;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* === BAŞLIK (Hakkımızda, Sürdürülebilirlik vs.) === */
.page-content h2,
.page-content h1 {
  font-size: 2.1rem;
  font-weight: 700;
  color: #1a3e6d;
  margin: 10px 0 25px;
  position: relative;
  display: inline-block;
}

.page-content h2::after,
.page-content h1::after {
  content: "";
  display: block;
  width: 120px;
  height: 3px;
  background: #fcce58;
  margin-top: 8px;
}

/* === METİN GÖVDE === */
.page-content p {
  font-size: 1.05rem;
  color: #444;
  margin-bottom: 18px;
  text-align: justify;
}

/* === SAYFA KAPSAYICI (örnek kutu gövde) === */
.page-section {
  background: #fff;
  border-radius: 16px;
  padding: 40px 50px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  max-width: 1150px;
  margin: 0 auto 80px;
}

/* === GÖRSEL VE METİN DENGESİ (Sürdürülebilirlik sayfası için) === */
.page-section .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}

.page-section .row img {
  border-radius: 16px;
  max-width: 100%;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
}

/* === MOBİL UYUMLU === */
@media (max-width: 768px) {
  .page-section {
    padding: 25px;
  }
  .page-content h1,
  .page-content h2 {
    font-size: 1.7rem;
  }
  .page-content p {
    font-size: 1rem;
  }
}