/* Hero vitrin nesneleri (props) yerleşimi.
   Nesnenin ÇİZİMİ temanın theme.css'inde (.prop[data-prop]); burada yalnız
   hero içindeki kompozisyon var. Prensip: çapraz denge (rozet sol-üst ↔ prop
   sağ-üst, buton sol-alt ↔ prop orta-alt), bloğa tutunma (kenara hafif taşma),
   eğim + boyut varyansı ("el ile yapıştırılmış çıkartma" hissi — ızgaraya
   dizilmiş görünmez). Kaldırmak için: bu dosya + kit_design cssHrefs kaydı +
   sections.dart'taki iki <i class="prop"> satırı. */

.kit-hero .hero-copy { position: relative; }

.kit-hero .hero-copy .hero-prop {
  position: absolute;
  z-index: 2;
}

/* Üst-uç: rozetin çapraz karşı ağırlığı. Kopyanın üst kenarına taşarak
   bloğa "iğnelenir"; hafif sola yatık, bir tık küçük. */
.kit-hero .hero-copy .hero-prop--a {
  top: -18px;
  inset-inline-end: 7%;
  transform: rotate(-10deg) scale(.92);
}

/* Alt satır: CTA butonunun sağındaki boşlukta, taban çizgisine oturur.
   A ile aynı düşeyde DEĞİL (içeri çekili) → çapraz akış; ters eğim, bir
   tık büyük. */
.kit-hero .hero-copy .hero-prop--b {
  bottom: -4px;
  inset-inline-end: 26%;
  transform: rotate(8deg) scale(1.06);
}

/* Dar ekran: tek nesne yeter; küçült ve kenara al. */
@media (max-width: 640px) {
  .kit-hero .hero-copy .hero-prop--b { display: none; }
  .kit-hero .hero-copy .hero-prop--a {
    top: -10px;
    inset-inline-end: 2px;
    transform: rotate(-10deg) scale(.78);
  }
}