/* koltuk-secim-v2: tüm kurallar .seat-v2 altında kapsanır (site CSS'i ile çakışmasın). */
.seat-v2 .seating{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar);height:calc(100dvh - var(--seat-v2-top,64px));min-height:570px}
.seat-v2 .map-panel{position:relative;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;padding-top:16px}
.seat-v2 .sidebar{border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:white}
.seat-v2 .sidebar-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#d7d8dc transparent}
.seat-v2 .event-info{display:flex;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);align-items:center;min-width:0}
.seat-v2 .event-copy{flex:1;min-width:0}
.seat-v2 .event-info h2{font-size:15px;letter-spacing:-.3px;font-weight:650;margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seat-v2 .event-info p{font-size:11px;line-height:1.6;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seat-v2 .event-info .venue{margin-top:3px}
.seat-v2 .event-tag{font-size:9px;color:var(--ink);background:var(--accent-soft);border:1px solid #eee4a6;padding:3px 7px;border-radius:5px;display:inline-block}
@media(max-width:1000px){.seat-v2{--sidebar:320px}}
@media(max-width:1024px){.seat-v2 .seating{display:flex;flex-direction:column;height:auto;min-height:0;padding-top:var(--event-info-height,99px);position:relative}
.seat-v2 .map-panel{height:calc(100dvh - var(--seat-v2-top,64px) - 309px);min-height:340px;padding-top:12px}
.seat-v2 .sidebar{border-left:0;padding-bottom:156px}
.seat-v2 .event-info{position:absolute;top:0;left:0;right:0;min-height:99px;padding:12px 16px;padding-right:98px;background:white;border-bottom:1px solid var(--line)}
.seat-v2 .event-info h2{font-size:14px}
.seat-v2 .event-info p{font-size:10px}
.seat-v2 .event-tag{font-size:8px;padding:2px 5px}
.seat-v2 .sidebar-scroll{display:none;position:fixed;left:8px;right:8px;bottom:164px;max-height:56dvh;overflow:auto;z-index:6;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 -6px 30px #20212414}
.seat-v2.mobile-details-open .sidebar-scroll{display:block}
.seat-v2 .toast{bottom:174px!important}
.seat-v2[data-mode="koltuksuz"] .map-panel{height:auto;min-height:0}}
@media(max-width:1024px){.seat-v2:not([data-mode="koltuksuz"]) .map-panel{height:calc(100dvh - var(--seat-v2-top,64px) - var(--event-info-height,99px) - var(--summary-height,156px));min-height:0}
.seat-v2 .sidebar{padding-bottom:var(--summary-height,156px)}
.seat-v2 .map-footer{flex-shrink:0;padding:10px 14px 12px}
.seat-v2 .legend{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px}
.seat-v2 .legend::-webkit-scrollbar{display:none}
.seat-v2 .legend li{flex-shrink:0;font-size:10px}}
/* Mobilde harita paneli üzerindeki kaydırma sayfayı kaydırmasın (harita kendi pan/zoom'unu yönetir). Koltuksuz modlarda panel bilet listesidir, sayfa kayabilmeli. */
@media(max-width:1024px){.seat-v2:not([data-mode="koltuksuz"]) .map-panel{touch-action:none;overscroll-behavior:contain}
.seat-v2:not([data-mode="koltuksuz"]) .map-panel .legend{touch-action:pan-x}}
/* Mobilde koltuk ekranında site header'ının şehir seçimi + arama satırı gizlenir (HeaderV3 999px altında bu satırı ikinci satır olarak 126px'e çıkarır); ekran alanı haritaya kalır. */
@media(max-width:999px){body:has(.seat-v2) .yhm_header .yhm_header_center{display:none!important}
body:has(.seat-v2) .yhm_header{height:64px!important}
body:has(.seat-v2){padding-top:64px!important}}
