/* cenabet.lol + cena-bet.co ekleri. Tema: main.css (cena-bet.com'un canlı teması). Burada yalnız araçlar ve küçük düzeltmeler var. */
.hero--arac{ --hero-body:0px; }
.hero--arac .hero__visual{ min-height:0; height:auto; align-self:center; }
.hero--arac .hero__glow{ left:50%; top:50%; }
.arac{ position:relative; z-index:2; padding:20px; background:var(--c-card); border:1px solid var(--line-2); border-radius:var(--rad-18); box-shadow:var(--sh-hi),var(--sh-float); }
.arac__baslik{ display:block; margin:0 0 12px; font-size:16px; line-height:24px; font-weight:700; color:#FFFFFF; }
.arac__satir{ display:flex; gap:8px; flex-wrap:wrap; }
.arac__girdi{ flex:1 1 200px; min-width:0; height:48px; padding:0 14px; background:var(--c-well); border:1px solid var(--line-2); border-radius:var(--rad-8); color:#FFFFFF; font-size:16px; line-height:24px; }
.arac__girdi::placeholder{ color:var(--t-3); }
.arac__girdi:focus-visible{ outline:2px solid #FFFFFF; outline-offset:2px; }
.arac__secim{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; padding:0; list-style:none; }
.arac__secim .chip{ cursor:pointer; height:36px; }
.arac__secim .chip[aria-selected="true"]{ color:#FFFFFF; background:var(--r-tint); border-color:rgba(255,50,40,.7); }
.arac__alt{ margin:0 0 8px; font-size:13px; line-height:18px; font-weight:500; color:var(--t-3); }
.arac__panel ol{ margin:0; padding:0; list-style:none; counter-reset:arac; }
.arac__panel li{ position:relative; margin:0 0 10px; padding-left:40px; font-size:15px; line-height:24px; color:var(--t-2); counter-increment:arac; }
.arac__panel li:last-child{ margin-bottom:0; }
.arac__panel li::before{ content:counter(arac); position:absolute; left:0; top:-2px; display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:var(--rad-pill); border:1px solid rgba(255,50,40,.6); background:var(--r-tint); color:#FFFFFF; font-size:13px; line-height:18px; font-weight:700; }
.arac__panel .btn--tertiary{ margin-top:12px; }
.arac__sonuc ul{ display:flex; flex-direction:column; gap:8px; margin:14px 0 0; padding:0; list-style:none; }
.arac__sonuc li{ padding:10px 14px; border:1px solid var(--line-2); border-radius:var(--rad-12); background:var(--c-well); font-size:14px; line-height:22px; color:var(--t-2); }
.arac__sonuc li strong{ color:#FFFFFF; font-weight:600; }
.arac__sonuc .sonuc-kotu{ border-color:rgba(255,50,40,.55); background:var(--r-tint); }
.arac__sonuc .sonuc-dikkat{ border-color:rgba(255,180,40,.5); background:rgba(255,180,40,.1); }
.arac__sonuc .sonuc-bilgi{ border-color:rgba(100,160,255,.45); background:rgba(100,160,255,.1); }
.arac__son{ margin:12px 0 0; font-size:13px; line-height:18px; color:var(--t-3); }
.arac__not{ margin:12px 0 0; font-size:13px; line-height:18px; color:var(--t-3); }
.arac__satir .btn{ flex:none; }
.prose .arac{ clear:both; margin:24px 0 32px; max-width:776px; }
.prose .arac ol{ margin:0; }
.prose .arac li{ margin:0 0 10px; }
.dbox__label{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hdr__actions .btn--primary{ color:#FFFFFF; }
.steps__list h3{ margin:0; }
.ftr__note .yas{ display:inline-flex; align-items:center; flex:none; height:24px; padding:0 8px; border:1px solid var(--line-3); border-radius:var(--rad-pill); color:#FFFFFF; font-size:12px; font-weight:700; }
.app-card__feats .ic{ flex:none; }
@media (max-width:767px){
  .arac{ padding:16px; }
  .arac__satir .btn{ width:100%; }
}