/* ==========================================================================
   Sade, profesyonel görünüm katmanı + mobil uygulama deneyimi.
   En son yüklenir (layout: site-refine.css'ten sonra); diğer stil dosyalarını değiştirmez.
   Kaldırmak için layout'taki polish.css satırını silmeniz yeterli.
   İlke: hap rozetler, renkli ikon kareleri, her maddede onay ikonu, parlama gölgeleri ve
   başlık altı çizgiler yerine sade tipografi, ince çizgiler ve tutarlı boşluklar.
   ========================================================================== */

:root {
  --pl-ink: #0f172a;
  --pl-muted: #5b6575;
  --pl-line: #e6e8ec;
  --pl-brand: #d92d20;
  --pl-radius: 12px;
}

/* ---------- 1. Hero: üst satır (rozet yerine) ve maddeler ---------- */
.hero-eyebrow {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 0 0 1.1rem;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #cbd5e1;
}
.hero-eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  background: var(--pl-brand);
  flex-shrink: 0;
}
.hero-points li,
.about-check-list li {
  position: relative;
  padding-left: 1.1rem;
}
.hero-points li::before,
.about-check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 6px;
  height: 6px;
  background: var(--pl-brand);
  border-radius: 1px;
}

/* ---------- 2. Bölüm başlıkları: başlık altı kırmızı çizgi yok ---------- */
.section-title h2:after { display: none !important; }
.section-title h2 {
  padding-bottom: 0;
  margin-bottom: .6rem;
  letter-spacing: -.01em;
}
.section-title p {
  color: var(--pl-muted);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- 3. Hizmet kartları: düz kart, renkli ikon karesi ve parlama yok ---------- */
.art-service-card {
  border: 1px solid var(--pl-line) !important;
  border-radius: var(--pl-radius);
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.art-service-card::before { display: none; }
.art-service-card:hover {
  transform: none;
  border-color: #cfd4dc !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
}
.art-service-card .icon-box,
.art-service-card:hover .icon-box {
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  font-size: 1.45rem;
  color: var(--pl-ink);
  justify-content: flex-start;
  transform: none;
}
.art-service-card .btn.rounded-pill { border-radius: 8px !important; }

/* ---------- 4. Hakkımızda ---------- */
.about-feature-card {
  height: 100%;
  padding: 1rem 1.1rem;
  background: #fff;
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-radius);
}
.about-photo-caption {
  position: absolute;
  left: calc(var(--bs-gutter-x) * .5);
  right: calc(var(--bs-gutter-x) * .5);
  bottom: 0;
  padding: 1.5rem .8rem .6rem;
  color: #fff;
  font-size: .8rem;
  font-weight: 600;
  background: linear-gradient(to top, rgba(0, 0, 0, .7), transparent);
  border-radius: 0 0 var(--bs-border-radius-xl) var(--bs-border-radius-xl);
  pointer-events: none;
}
.about-guarantee { display: block; }
.about-stat-card {
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-radius);
  box-shadow: none;
}
.about-stat-card:hover {
  transform: none;
  border-color: #cfd4dc;
  box-shadow: none;
}
.about-stat-number { color: var(--pl-ink); font-weight: 700; }
.about-assurances {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1.4rem;
  font-size: .86rem;
  font-weight: 500;
  color: var(--pl-muted);
}
.about-assurances li { position: relative; padding-left: .9rem; }
.about-assurances li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--pl-brand);
}
.about-cta-banner .btn.rounded-pill { border-radius: 10px !important; }

/* Sayfa içi düğmelerde yanıp sönen halka (pulse) yok */
.cta-call, .cta-wa {
  animation: none !important;
  box-shadow: none !important;
}
#about a.text-warning { color: var(--pl-ink) !important; }
#about a.text-warning:hover { color: var(--pl-brand) !important; }

/* ---------- 5. Katalog düğmeleri: parlama gölgesi yok ---------- */
.catalog-header-cta,
.catalog-footer-cta {
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Dokunmatik cihazlarda üzerine gelince kayma / büyüme efektleri kapalı */
@media (hover: none) {
  .art-service-card:hover,
  .about-stat-card:hover,
  .art-catalog-card:hover { transform: none !important; }
}

/* ==========================================================================
   MOBİL (≤ 767px): uygulama hissi
   ========================================================================== */
@media (max-width: 767.98px) {
  a, button, .btn { -webkit-tap-highlight-color: transparent; }
  /* iOS'ta odaklanınca sayfa büyümesin */
  input, select, textarea { font-size: 16px !important; }

  /* Bölüm boşlukları ve sola hizalı başlıklar (uygulama ekranları gibi) */
  body .section.py-5 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  .section-title { padding-bottom: 0; }
  .section-title.text-center { text-align: left !important; }
  .section-title.mb-5, .section-title.mb-4 { margin-bottom: 1.25rem !important; }
  .section-title h2, .section-title h2.display-6 { font-size: 1.45rem; line-height: 1.25; }
  .section-title p { margin-left: 0; font-size: .92rem; }
  #about h2.display-6 { font-size: 1.5rem; line-height: 1.25; }

  /* Hero: ana mesaj ve iki düğme ilk ekranda */
  #hero.py-5 { padding-top: 1.75rem !important; padding-bottom: 2rem !important; }
  #hero h1 { font-size: 1.9rem; line-height: 1.15; margin-bottom: .75rem !important; }
  #hero .lead { font-size: .98rem; margin-bottom: 1rem !important; }
  .hero-eyebrow { font-size: .7rem; letter-spacing: .1em; margin-bottom: .8rem; }
  .hero-points { font-size: .9rem; gap: .35rem !important; margin-bottom: 1.25rem !important; }
  #hero .d-flex.flex-wrap.gap-3 { gap: .6rem !important; }
  #hero .d-flex.flex-wrap.gap-3 > .btn {
    flex: 1 1 100%;
    justify-content: center;
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
    font-size: 1rem;
    border-radius: 12px;
  }

  /* Hizmetler: yana kaydırılan kartlar (sonraki kart kenardan görünür) */
  .services-row {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    --bs-gutter-x: .75rem;
    --bs-gutter-y: 0;
    padding-bottom: .25rem;
  }
  .services-row::-webkit-scrollbar { display: none; }
  .services-row > [class*="col-"] {
    flex: 0 0 82%;
    max-width: 82%;
    scroll-snap-align: start;
  }
  .art-service-card { padding: .5rem !important; }
  .art-service-card .card-text {
    max-height: calc(1.6em * 4);
    overflow: hidden;
    margin-bottom: 1rem !important;
    -webkit-mask-image: linear-gradient(180deg, #000 65%, transparent);
    mask-image: linear-gradient(180deg, #000 65%, transparent);
  }
  .art-service-card .border-top { gap: .5rem; }
  .art-service-card .border-top a {
    white-space: nowrap;
    font-size: .8rem;
  }
  .art-service-card .border-top .btn { padding: .35rem .7rem !important; }
  .hero-eyebrow { align-items: flex-start; }
  .hero-eyebrow::before { width: 18px; margin-top: .5em; }

  /* Hakkımızda */
  #about img.img-fluid[style*="195px"] { height: 150px !important; }
  .about-stat-card { padding: .85rem .9rem; }
  .about-stat-number { font-size: 1.4rem; }

  /* Footer: menü bağlantıları iki sütun (uzun dikey liste yerine) */
  .footer .footer-links ul { columns: 2; column-gap: 1rem; }
  .footer .footer-links ul li { break-inside: avoid; padding: 6px 0; }

  /* Alt menü: sade WhatsApp düğmesi (parlama yok), net aktif durum */
  .app-tab-center-fab {
    background: #25d366 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .35) !important;
  }
  .app-tab-item.active i { transform: none; }
}