/* Mefa2: existing boss sliders and Gaya frames, populated from game data. */
#ikincikoy .boss-slider-track, #alanbosslari .boss-slider-track { width:100%; align-items:stretch; direction:ltr; }
#ikincikoy .boss-slide-item, #alanbosslari .boss-slide-item { width:100% !important; min-width:100%; max-width:none !important; height:auto !important; min-height:260px; aspect-ratio:auto !important; flex:0 0 100%; align-items:flex-start; }
.mefa-boss-body { display:flex; gap:18px; width:100%; padding:46px 18px 20px; align-items:center; }
.mefa-boss-portrait { flex:0 0 150px; align-self:center; text-align:center; }
.mefa-boss-art { width:150px; height:150px; background-repeat:no-repeat; margin:auto; }
.mefa-boss-art.village { background-position:-6px -32px; }
.mefa-boss-art.area { background-position:0 -10px; }
.mefa-chest-label { display:flex; align-items:center; gap:5px; font-size:11px; line-height:1.5; color:var(--text-gold); }
.mefa-chest-label img { width:28px; height:32px; object-fit:contain; }
.mefa-boss-loot { flex:1; min-width:0; text-align:left; }
.mefa-loot-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(42px,1fr)); gap:5px; padding:0; margin:0; list-style:none; }
.mefa-loot-slot { position:relative; height:53px; border:1px solid rgba(161, 150, 151,.3); border-radius:3px; background:rgba(0, 0, 0,.4); display:flex; justify-content:center; align-items:center; }
.mefa-loot-slot:hover, .mefa-loot-slot:focus-visible { border-color:var(--text-gold); outline:1px solid var(--text-gold); }
.mefa-loot-slot img { width:32px; height:46px; object-fit:contain; }
.mefa-loot-count { position:absolute; right:3px; bottom:0; font-size:11px; color:#fff; text-shadow:1px 1px 2px #000,-1px -1px 2px #000; }
.mefa-loot-details { margin-top:12px; font-size:12px; color:var(--text-cream); }
.mefa-loot-details summary { color:var(--text-gold); cursor:pointer; padding:5px 0; }
.mefa-loot-details ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 16px; list-style:none; margin:9px 0 0; padding:0; max-height:220px; overflow:auto; }
.mefa-loot-details li { line-height:1.5; }
.mefa-loot-details b { white-space:nowrap; color:var(--text-gold); }
#gayasistemi .gaya-slots-horizontal { gap:18px !important; align-items:start; }
.mefa-gaya-product { width:130px; display:flex; align-items:center; flex-direction:column; gap:10px; }
.mefa-gaya-product .game-real-inner-slot > img { object-fit:contain; width:32px; height:32px; }
.mefa-gaya-name { color:var(--text-cream); font-size:12px; line-height:1.5; min-height:36px; text-align:center; }
.mefa-gaya-product .game-item-price-btn { min-width:90px; cursor:default; text-align:center; display:flex; justify-content:center; align-items:center; }
#gayasistemi .mefa-gaya-conversions { height:auto; display:block; padding:24px !important; text-align:left; }
.mefa-gaya-conversions h3 { color:var(--text-gold); font-family:var(--font-heading); margin:0 0 12px; font-size:17px; text-align:center; }
.mefa-gaya-conversions .description-text { text-align:center; font-size:13px; }
.mefa-gaya-materials { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px 16px; max-height:340px; overflow:auto; scrollbar-color:#7e4e56 #151617; }
.mefa-gaya-material { display:flex; gap:10px; align-items:center; min-height:62px; border-bottom:1px solid rgba(161, 150, 151,.16); padding:7px 0; color:var(--text-cream); font-size:12px; line-height:1.5; }
.mefa-gaya-material img { flex:0 0 32px; width:32px; height:40px; object-fit:contain; }
.mefa-gaya-material small { display:block; color:var(--text-gold); font-size:12px; }
@media(max-width:600px) {
 .mefa-boss-body { flex-direction:column; gap:12px; padding:44px 12px 16px; }
 .mefa-boss-portrait { flex-basis:auto; width:100%; display:flex; justify-content:center; align-items:center; gap:8px; }
 .mefa-boss-art { margin:0; flex:0 0 150px; }
 .mefa-chest-label { max-width:140px; flex-direction:column; }
 .mefa-boss-loot { width:100%; }
 .mefa-loot-grid { grid-template-columns:repeat(auto-fill,minmax(36px,1fr)); gap:4px; }
 .mefa-loot-details ul { grid-template-columns:1fr; }
 .mefa-gaya-product { width:110px; }
 #gayasistemi .mefa-gaya-conversions { padding:20px 12px !important; }
 .mefa-gaya-materials { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 10px; }
 .mefa-gaya-material { gap:6px; font-size:11px; }
}