/* StampBadge — Kavanoz Rafı §4.4 madde 1. Mürekkep mühür.
 *
 * Tek ayar noktası: --stamp-boyut. İkon, yazı ve iç halka hepsi ondan
 * türetiliyor, böylece boy değiştiğinde oranlar bozulmaz (eski sürümde
 * çizgiler non-scaling-stroke yüzünden büyümüyordu — o hata artık yapısal
 * olarak mümkün değil, çünkü çizgi kalmadı). */

.cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge, .cc_aEBpe1wkQX_hero .stamp-badge {
  --stamp-boyut: 5.5rem;

  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--stamp-boyut) * 0.045);

  width: var(--stamp-boyut);
  height: var(--stamp-boyut);
  /* Cömert yan boşluk BİLEREK: kutu kare ama zemin daire, yani yazının
     bulunduğu yükseklikte kullanılabilir genişlik kutununkinden dar.
     Dar bir metin sütunu ayrılmazsa "EV YAPIMI" tek satırda kalıp dairenin
     dışına taşıyor (canlı ölçüldü 2026-08-05). %12 boşluk onu "EV / YAPIMI"
     diye sardırıyor. */
  padding-inline: calc(var(--stamp-boyut) * 0.12);
  flex: 0 0 auto;

  /* Mükemmel daire DEĞİL: dört köşe birkaç yüzde kaydırılınca elle basılmış
   * mühür hissi doğuyor. Eski sürümdeki "üç eşit olmayan eliptik yay"ın
   * CSS'teki karşılığı. */
  border-radius: 49% 51% 52% 48% / 51% 49% 50% 50%;

  background: var(--murekkep);
  color: var(--kagit);

  transform: rotate(var(--stamp-donme, -6deg));
  transition: transform var(--sure) var(--gecis);
}

/* Ürün sayfasında yan yana ÜÇ tane duruyor. Mobil bütçe dar: en küçük
   telefonda içerik genişliği ~320px, üç damga + iki boşluk ona sığmalı
   (3 × 84 + 2 × 8 = 268px ✓). ≥640px'te büyüyüp yazıyı 13px'e (--text-label
   tabanı) çıkarıyor. */
.cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge--s, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge--s, .cc_aEBpe1wkQX_hero .stamp-badge--s {
  --stamp-boyut: 5.25rem;
}

@media (min-width: 640px) {
  .cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge--s, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge--s, .cc_aEBpe1wkQX_hero .stamp-badge--s {
    --stamp-boyut: 6.25rem;
  }
}

/* Hero'daki tekli mühür. Mobilde 6.5rem: hero fotoğrafı orada ~334px ve
   damga onun üstüne biniyor — 7rem kadraja fazla giriyordu. */
.cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge--m, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge--m, .cc_aEBpe1wkQX_hero .stamp-badge--m {
  --stamp-boyut: 6.5rem;
}

@media (min-width: 768px) {
  .cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge--m, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge--m, .cc_aEBpe1wkQX_hero .stamp-badge--m {
    --stamp-boyut: 7rem;
  }
}

/* §4.1: dolu diskte yazı zeminin ÜSTÜNDE — bu yüzden zemin --filiz olamaz
 * (2.03:1). --salamura kâğıt yazıyla 7.31:1 verir. */
.cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge--salamura, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge--salamura, .cc_aEBpe1wkQX_hero .stamp-badge--salamura {
  background: var(--salamura);
}

/* §4.5 masaüstü hover: mühür birkaç derece daha döner — yalnız işaretçili
 * cihazlar (dokunmatikte hover "yapışır"). */
@media (hover: hover) {
  .cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge:hover, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge:hover, .cc_aEBpe1wkQX_hero .stamp-badge:hover {
    transform: rotate(calc(var(--stamp-donme, -6deg) + 4deg));
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge, .cc_aEBpe1wkQX_hero .stamp-badge {
    transition: none;
  }
}

/* İç halka — diskin içine kâğıt renginin saydam bir tonuyla çizilmiş 1px
 * çizgi. Dekoratif, metin değil, kontrast tabanına tabi değil. */
.cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge__halka, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge__halka, .cc_aEBpe1wkQX_hero .stamp-badge__halka {
  position: absolute;
  inset: calc(var(--stamp-boyut) * 0.075);
  border: 1px solid color-mix(in srgb, var(--kagit) 38%, transparent);
  border-radius: inherit;
  pointer-events: none;
}

.cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge__ikon, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge__ikon, .cc_aEBpe1wkQX_hero .stamp-badge__ikon {
  /* .ikon 1em → disk boyunun ~%25'i kadar bir glif. */
  font-size: calc(var(--stamp-boyut) * 0.25);
  line-height: 0;
  opacity: 0.92;
}

.cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge__yazi, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge__yazi, .cc_aEBpe1wkQX_hero .stamp-badge__yazi {
  font-family: var(--font-body);
  /* Disk boyuna oranlı — böylece hangi boyda olursa olsun en uzun jeton
   * ("KAYSERİ'", 8 karakter) metin sütununa sığar. s: 11,3 → 13,5px
   * (≥640px), m: 14 → 15,1px. Eski kavisli yazı ≈6px'ti; okunaklılık farkı
   * buradan geliyor. */
  font-size: calc(var(--stamp-boyut) * 0.135);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: 0.02em;
  text-align: center;
  /* Satırlar index.tsx'te belirleniyor (kelime başına bir satır). Burada
   * yalnız son çare: tek bir kelime yine de sığmazsa taşmak yerine bölünsün. */
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

.cc_aEBpe1wkQX_PMo8xkzIjX .stamp-badge__satir, .cc_aEBpe1wkQX_APfMi3FPHZ .stamp-badge__satir, .cc_aEBpe1wkQX_hero .stamp-badge__satir {
  display: block;
  max-width: 100%;
}