/* =====================================================================
   SELUTONE — marka katmanı (v5)
   Düzen Botolift altyapısıyla aynıdır (site.css). Bu dosya yalnızca
   SELUTONE kimliğini ekler: logo renkleri (düz, degradesiz), fotoğraflar,
   "Setin içinde" bölümü ve okunabilirlik düzeltmeleri.
   Renkler: mürdüm #42033D · altın #BE8F33 · orkide #A841AA · zemin #FCF8FA
   ===================================================================== */
.sl{--plum:#42033d;--orchid:#a841aa;--gold:#be8f33;--soft:#f6edf2;--line:#ecdde6;--bg:#fcf8fa}

/* Başlık vurgusu: düz renk, degrade yok */
.sl .display em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--orchid);font-style:italic}

/* Butonlar: düz mürdüm */
.sl .btn-primary{background:var(--plum);color:#fff;box-shadow:0 12px 26px -14px rgba(66,3,61,.6)}
.sl .btn-primary:hover{background:#5a0a52}
.sl .btn-primary .ic{color:var(--gold-2,#e2c27c)}

/* Rozetler: her zaman okunur (beyaz yazı, düz zemin) */
.sl .pkg-badge,.sl .pks-badge{background:var(--plum);color:#fff;border:0}
.sl .pkg.is-hl .pkg-badge,.sl .pks.is-hl .pks-badge{background:var(--gold);color:#fff}
.sl .pkg-badge .ic,.sl .pks-badge .ic{color:currentColor}

/* HERO: marka fotoğrafı */
.sl .hero-photo{background:#efe3e6;border:0;box-shadow:0 30px 60px -36px rgba(66,3,61,.45)}
.sl .hero-photo::after{display:none}
.sl .hero-photo img{width:100%;height:100%;object-fit:cover}
.sl .hero-photo.is-empty{display:grid;place-items:center}
.sl .hero-photo.is-empty .hero-photo-product{width:86%;height:auto;object-fit:contain}

/* Setin içinde */
.kit{background:#fff}
.kit-grid{display:grid;gap:14px}
.kit-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm,14px);background:#fff}
.kit-img{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:var(--soft)}
.kit-img img{width:84%;height:84%;object-fit:contain}
.kit-meta{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.kit-n{display:none}
.kit-tag{padding:4px 9px;border-radius:999px;background:var(--soft);color:var(--plum);font:700 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.kit-card h3{margin:0 0 6px;font:var(--hw) 19px/1.2 var(--serif);font-variation-settings:var(--fvs);color:var(--ink)}
.kit-card h3 small{font:600 12.5px/1 var(--sans);color:var(--gold);white-space:nowrap}
.kit-card p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.kit-note{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0 0;font-size:14.5px;font-weight:600;color:var(--plum)}
.kit-note .ic{color:var(--gold)}
@media (min-width:760px){
  .kit-grid{grid-template-columns:repeat(3,1fr);gap:22px}
  .kit-card{grid-template-columns:1fr;padding:0 0 24px;overflow:hidden;text-align:center}
  .kit-img{aspect-ratio:4/3;border-radius:0}
  .kit-img img{width:64%;height:78%}
  .kit-body{padding:20px 20px 0}
  .kit-meta{justify-content:center}
  .kit-card h3{font-size:22px}
}

/* Kullanım adımları: ürün görselleri kırpılmadan */
.sl .step-img{background:var(--soft)}
.sl .step-img img{object-fit:contain;padding:10%}

/* İçindekiler: açık zemin (koyu blok yok) */
.sl .actives{background:var(--soft);color:var(--ink)}
.sl .actives::before{display:none}
.sl .actives .display{color:var(--ink)}
.sl .actives .eyebrow.light{color:var(--gold)}
.sl .actives .sec-sub,.sl .actives .sec-cta-note{color:var(--ink-2)}
.sl .act{background:#fff;border:1px solid var(--line)}
.sl .act h3{color:var(--ink)}
.sl .act p{color:var(--ink-2)}
.sl .act .inci{color:var(--ink-3)}
.sl .act-n{color:var(--gold)}
.sl .act-ic{background:var(--soft);color:var(--plum)}
.sl .act-role{background:var(--soft);color:var(--plum)}
.sl .act.is-feature{background:#fff;border:1.5px solid var(--gold)}
.sl .act.is-feature h3{color:var(--plum)}
.sl .act.is-feature p:not(.inci){color:var(--ink-2)}
.sl .act.is-feature .act-ic{background:var(--plum);color:#fff}
.sl .act-ribbon{background:var(--gold);color:#fff}
.sl .act-hint{color:var(--ink-3)}
.sl .av-frame img{object-fit:cover}

/* Galeri fotoğrafı yüklenmezse boş beyaz değil, marka zemini */
.sl .gal-card{background:var(--soft)}
.sl .arch{background:var(--soft)}

/* Sipariş takibi (hesap.php) */
.sl .trk li.done::before,.sl .trk li.cur::before{background:var(--plum)}
.sl .trk li.done .dot{background:var(--plum);border-color:var(--plum)}
.sl .trk li.cur .dot{border-color:var(--plum)}
.sl .trk li.cur .dot::after{background:var(--plum)}