/* Eşya istatistikleri */
.ei-suzgec { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 14px; }
.cip-resim { width: 20px; height: 20px; border-radius: 4px; object-fit: cover; object-position: 50% 12%; }
.ei-dagilim { overflow: hidden; }
.ei-cerceve { position: relative; }
.ei-bolge { position: absolute; z-index: 0; font: 700 11px/1 var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: rgba(247, 233, 213, .2); pointer-events: none; }
.ei-bolge.sol-ust { left: 120px; top: 22px; } .ei-bolge.sag-ust { right: 26px; top: 22px; }
.ei-bolge.sol-alt { left: 120px; bottom: 60px; } .ei-bolge.sag-alt { right: 26px; bottom: 60px; }
.ei-ad { --sr: var(--krem-3); }
.ei-kare { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 7px; background: color-mix(in srgb, var(--sr) 32%, #15120f); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sr) 55%, transparent); }
.ei-kare img { width: 66% !important; height: 66% !important; object-fit: contain !important; background: none !important; border-radius: 0 !important; }
.ei-kare.buyuk { width: 58px; height: 58px; border-radius: 11px; }
.ei-fiyat { display: inline-flex; align-items: center; gap: 4px; color: #a6f5da; font-weight: 700; }
.tablo tr.secili { background: rgba(221, 102, 56, .1); }
.tablo td .dug.kucuk { min-height: 30px; padding: 0 8px; }
.tablo td .dug svg { width: 15px; height: 15px; }

/* alınma zamanı modeli */
.ei-zaman { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 12px; align-items: start; margin-top: 4px; }
.ei-liste { position: sticky; top: 156px; display: grid; gap: 10px; padding: 12px; max-height: calc(100vh - 176px); grid-template-rows: auto minmax(0, 1fr); }
.ei-liste .kl-ara { width: 100%; }
.ei-liste .kl-ara .girdi { height: 40px; }
.ei-liste-ic { display: grid; gap: 2px; align-content: start; overflow: auto; overscroll-behavior: contain; padding-right: 2px; }
.ei-liste-ic button { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 6px; border: 0; border-radius: 8px; background: none; color: var(--krem); text-align: left; transition: background .12s; }
.ei-liste-ic button:hover { background: rgba(247, 233, 213, .05); }
.ei-liste-ic button.secili { background: rgba(221, 102, 56, .13); box-shadow: inset 3px 0 0 var(--turuncu); }
.ei-liste-ic b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 13.5px/1.15 var(--f-arayuz); }
.ei-liste-ic small { font: 500 11.5px/1 var(--f-arayuz); color: var(--krem-3); }
.ei-liste-ic em { font: 700 12.5px/1 var(--f-arayuz); font-style: normal; color: var(--krem-2); }
.ei-model { display: grid; gap: 14px; }
html.hareket .ei-model > * { animation: hafifBelir .35s ease-out backwards; }
.ei-model-bas { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 14px; align-items: center; }
.ei-model-bas h2 { font-size: 26px; }
.ei-model-bas > div > small { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; font: 600 12.5px/1 var(--f-arayuz); color: var(--krem-3); }
.ei-model-ozet { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; }
.ei-model-ozet div { display: grid; gap: 5px; padding: 12px; border-radius: 9px; background: rgba(247, 233, 213, .04); }
.ei-model-ozet small { font: 600 10.5px/1 var(--f-arayuz); letter-spacing: .1em; text-transform: uppercase; color: var(--krem-3); }
.ei-model-ozet b { font: 700 22px/1 var(--f-baslik); }
.ei-model-ozet span { font: 600 12px/1 var(--f-arayuz); color: var(--yesil); }
.ei-model-ozet .vurgulu { background: rgba(151, 218, 121, .1); box-shadow: inset 0 0 0 1px rgba(151, 218, 121, .35); }
.ei-hacim { display: flex; align-items: flex-end; gap: 2px; height: 70px; padding: 0 14px 0 52px; }
.ei-hacim span { flex: 1; min-width: 1px; border-radius: 2px 2px 0 0; background: rgba(247, 233, 213, .16); transform-origin: bottom; }
.ei-hacim span.iyi { background: var(--yesil); }
html.hareket .ei-hacim span { animation: buyuDikey .6s cubic-bezier(.2, .8, .2, 1) backwards; }
@keyframes buyuDikey { from { transform: scaleY(0); } }
.ei-hacim-eksen { display: flex; justify-content: space-between; padding: 0 14px 0 52px; font: 600 11px/1 var(--f-arayuz); color: var(--krem-3); }

@media (max-width: 980px) {
  .ei-zaman { grid-template-columns: 1fr; }
  .ei-liste { position: static; max-height: 300px; }
  .ei-bolge { display: none; }
}