/* /satici-ol (Plan 750f6d69 sira 5). Kabuk, tablo ve SSS satici-komisyon-oranlari.css ile ortak; burada yalniz .so*. */
.soHero{max-width:820px}
.soCanli{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13px;font-weight:700;color:var(--kuBaslik);padding:6px 12px;border:1px solid var(--kuKenar);border-radius:999px;background:var(--kuKart);font-variant-numeric:tabular-nums}
.soNokta{width:8px;height:8px;border-radius:50%;background:var(--kuNane)}
.soEylem{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.koBtn.soAna{background:var(--kuNane);border-color:var(--kuNane);color:#0D1311;font-weight:800}
.koBtn.soAna:hover{color:#0D1311;filter:brightness(1.06)}
.soKartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.soKart{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px;border:1px solid var(--kuKenar);border-radius:12px}
.soKart h3{margin:0;font-size:16px;font-weight:800;color:var(--kuBaslik)}
.soKart p{margin:0;font-size:13.5px;line-height:1.6;color:var(--kuGovde)}
.soBag{list-style:none;margin:auto 0 0;padding:4px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px}
.soBag a{font-size:13px;font-weight:700;color:var(--kuNane);text-decoration:underline;text-underline-offset:2px}
.soAdimlar{margin:0;padding:0;list-style:none;counter-reset:so;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.soAdimlar li{counter-increment:so;display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px;border:1px solid var(--kuKenar);border-radius:12px}
.soAdimlar li::before{content:counter(so);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:800;color:var(--kuNane);background:var(--kuNaneZemin)}
.soAdimlar b{font-size:14.5px;font-weight:800;color:var(--kuBaslik)}
.soAdimlar span{font-size:13px;line-height:1.55;color:var(--kuGovde)}
@media (max-width:991px){
  .soAdimlar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .soKartlar,.soAdimlar{grid-template-columns:minmax(0,1fr)}
  .soEylem .koBtn{flex:1 1 auto}
  .soBag a{display:inline-flex;align-items:center;min-height:32px}
}