/* STADYUM PRO V8.10
   Halka acik normal mac bileti + kombine mobil tribün kart görünümü.
   Is mantigi / HOLD / rezervasyon / satis degistirilmez; yalnizca mobil sunum katmanidir. */

@media (max-width:980px){
  /* NORMAL MAC BILETI: mobilde koordinat haritasi tamamen kart listesine doner. */
  #premiumEventPage.public-seat-unified-v61800 .premium-stage{
    padding:14px!important;
    border:1px solid #dbe7f0!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,#f8fcff 0%,#f2f8fc 100%)!important;
    box-shadow:0 16px 42px rgba(20,57,88,.08)!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .stadium-viewport,
  #premiumEventPage.public-seat-unified-v61800 .stadium-viewport.is-mobile-flow-map{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    background-image:none!important;
    box-shadow:none!important;
    touch-action:pan-y!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-map-canvas-v638,
  #premiumEventPage.public-seat-unified-v61800 .stadium-viewport.is-mobile-flow-map .shop-map-canvas-v638{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    background:none!important;
  }
  #premiumEventPage.public-seat-unified-v61800 :is(.shop-map-ring-v638,.shop-map-field-v638,.shop-map-side-v638,.stadium-map-controls,.public-map-gesture-tip-v61695,.premium-map-footer){
    display:none!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-map-zones-v638,
  #premiumEventPage.public-seat-unified-v61800 .stadium-viewport.is-mobile-flow-map .shop-map-zones-v638{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-map-zones-v638::before{
    content:"TRİBÜNÜNÜ SEÇ"!important;
    grid-column:1/-1!important;
    display:block!important;
    min-height:0!important;
    padding:3px 2px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    color:#0c2f4c!important;
    font-size:13px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    line-height:1.25!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-map-zones-v638::after{
    content:"Tribüne dokunun; o tribünün canlı koltukları anında açılır."!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    display:block!important;
    margin-top:-8px!important;
    margin-bottom:2px!important;
    color:#668096!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.45!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-zone-v638,
  #premiumEventPage.public-seat-unified-v61800 .stadium-viewport.is-mobile-flow-map .shop-zone-v638{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:144px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    transform:none!important;
    scale:1!important;
    clip-path:none!important;
    overflow:hidden!important;
    border:1px solid #d8e5ef!important;
    border-radius:20px!important;
    background:linear-gradient(155deg,#fff 0%,#f7fbfe 70%,#f1f8fc 100%)!important;
    box-shadow:0 10px 28px rgba(18,56,88,.09)!important;
    text-align:left!important;
    isolation:isolate!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-zone-v638::before{
    content:""!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:5px!important;
    border-radius:20px 0 0 20px!important;
    background:var(--c,#2183da)!important;
    opacity:.92!important;
    z-index:2!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-zone-v638::after{
    content:"Koltukları Gör  →"!important;
    position:absolute!important;
    right:14px!important;
    bottom:12px!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    padding:6px 10px!important;
    border:1px solid #d4e4f1!important;
    border-radius:999px!important;
    background:#edf6fd!important;
    color:#165d98!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.02em!important;
    z-index:4!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-zone-v638:is(:hover,:focus,:focus-visible,:active,[aria-pressed="true"]){
    transform:none!important;
    scale:1!important;
    border-color:#b9d2e6!important;
    background:linear-gradient(155deg,#fff 0%,#f2f9fe 100%)!important;
    box-shadow:0 12px 30px rgba(18,69,112,.12)!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-zone-v638.has-public-zone-info-v6143 > *:not(.zone-public-info-v6143){
    display:none!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .zone-public-info-v6143{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    min-height:142px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"title price" "capacity price" "stats stats"!important;
    align-content:start!important;
    gap:4px 12px!important;
    padding:16px 16px 52px 18px!important;
    text-align:left!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .zone-public-info-v6143>strong{
    grid-area:title!important;
    align-self:end!important;
    color:#0d2c47!important;
    font-size:18px!important;
    line-height:1.15!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .zone-public-capacity{
    grid-area:capacity!important;
    color:#71879a!important;
    font-size:10px!important;
    font-weight:800!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .zone-public-price{
    grid-area:price!important;
    align-self:start!important;
    justify-self:end!important;
    min-height:30px!important;
    display:flex!important;
    align-items:center!important;
    padding:6px 9px!important;
    border:1px solid #d8e7f3!important;
    border-radius:10px!important;
    background:#f3f8fd!important;
    color:#184f7c!important;
    font-size:10px!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats{
    grid-area:stats!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:9px!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i{
    min-width:0!important;
    min-height:46px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    padding:5px 2px!important;
    border:1px solid #e2ebf2!important;
    border-radius:11px!important;
    background:#f7fafc!important;
    font-style:normal!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i b{font-size:13px!important;line-height:1!important;color:#173a55!important;font-weight:950!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i small{font-size:8px!important;line-height:1.2!important;color:#72879a!important;font-weight:850!important;white-space:nowrap!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i.available{background:#effaf5!important;border-color:#cdeedf!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i.available b{color:#0a8f5f!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i.reserved{background:#fff9eb!important;border-color:#f3e2b8!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i.reserved b{color:#b17600!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i.season{background:#fff8e7!important;border-color:#edd9a3!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i.season b{color:#9a6a00!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats i.sold{background:#f2f5f7!important;border-color:#dfe6eb!important}
  #premiumEventPage.public-seat-unified-v61800 .shop-zone-v638.is-full{opacity:.72!important;filter:none!important}
  #premiumEventPage.public-seat-unified-v61800 .shop-zone-v638.is-full::after{content:"Dolu / Uygun Koltuk Yok"!important;background:#f2f4f6!important;color:#667887!important;border-color:#dfe5ea!important}

  /* Mobil sekmede kullanici artik harita degil tribün kartlarini gorur. */
  #premiumEventPage.public-seat-unified-v61800 .premium-mobile-tabs{margin-bottom:10px!important}

  /* KOMBINE: mobil/tablette plan resmi ve koordinatlar yerine premium kartlar. */
  [data-vip-seat-app] .vip-map-tools,
  [data-vip-seat-app] .vip-zone-tabs{display:none!important}
  [data-vip-seat-app] .vip-map-viewport,
  [data-vip-seat-app] .vip-map-viewport-v687{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  [data-vip-seat-app] .vip-map-canvas{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
  }
  [data-vip-seat-app] [data-vip-stage].vip-stadium-layout--exact{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  [data-vip-seat-app] [data-vip-stage] :is(.vip-stadium-plan-image,.vip-stadium-orbit,.vip-pitch-wrap){display:none!important}
  [data-vip-seat-app] [data-vip-stage]::before{
    content:"KOMBİNE TRİBÜNÜNÜ SEÇ"!important;
    grid-column:1/-1!important;
    display:block!important;
    min-height:0!important;
    padding:3px 2px 8px!important;
    border:0!important;
    background:none!important;
    color:#0c2f4c!important;
    font-size:13px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    line-height:1.25!important;
  }
  [data-vip-seat-app] [data-vip-stage]::after{
    content:"Tribüne dokunun; kombine koltukları geniş seçim ekranında açılır."!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    display:block!important;
    margin-top:-8px!important;
    margin-bottom:2px!important;
    color:#728397!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.45!important;
  }
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active),
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active):is(:hover,:focus,:focus-visible,:active){
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:142px!important;
    margin:0!important;
    padding:16px 16px 14px 18px!important;
    display:grid!important;
    align-content:start!important;
    gap:12px!important;
    transform:none!important;
    clip-path:none!important;
    overflow:hidden!important;
    border:1px solid #d9e4ed!important;
    border-radius:20px!important;
    background:linear-gradient(155deg,#fff 0%,#f8fbfe 72%,#f3f8fc 100%)!important;
    box-shadow:0 10px 28px rgba(20,55,86,.09)!important;
    isolation:isolate!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active)::before{
    content:""!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:5px!important;
    background:var(--vip-zone-color,#d4aa3c)!important;
    border-radius:20px 0 0 20px!important;
    opacity:.95!important;
    z-index:1!important;
  }
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active)::after{
    content:""!important;
    display:none!important;
  }
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-card__head{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"name stock" "type stock"!important;
    gap:5px 10px!important;
    align-items:center!important;
    padding:0!important;
  }
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-card__head>div{grid-area:name!important;min-width:0!important}
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-card__head>div>small{display:block!important;margin-bottom:3px!important;color:#8a7440!important;font-size:8px!important;font-weight:950!important;letter-spacing:.1em!important}
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-card__head h3{margin:0!important;color:#102f49!important;font-size:19px!important;line-height:1.12!important;font-weight:950!important;letter-spacing:-.02em!important}
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-stock{
    grid-area:stock!important;
    align-self:start!important;
    display:flex!important;
    align-items:baseline!important;
    gap:3px!important;
    padding:7px 9px!important;
    border:1px solid #cfe8da!important;
    border-radius:11px!important;
    background:#effaf5!important;
    color:#41705d!important;
    font-size:9px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-stock b{color:#0a8e5e!important;font-size:16px!important;font-weight:950!important}
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-stock small{color:#7b8d99!important;font-size:8px!important}
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-type-chip{
    grid-area:type!important;
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:25px!important;
    padding:4px 8px!important;
    border:1px solid #e6ddc0!important;
    border-radius:999px!important;
    background:#fff9e9!important;
    color:#80651c!important;
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.05em!important;
  }
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-rows{display:none!important}
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-open-button{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:8px 11px!important;
    border:1px solid #d7e5f0!important;
    border-radius:11px!important;
    background:#f2f8fd!important;
    color:#175b93!important;
    font-size:10px!important;
    font-weight:950!important;
    pointer-events:none!important;
  }
  [data-vip-seat-app] .vip-map-note{margin-top:12px!important;border-radius:14px!important;background:#f6fafc!important}
}

@media (min-width:560px) and (max-width:980px){
  #premiumEventPage.public-seat-unified-v61800 .shop-map-zones-v638,
  #premiumEventPage.public-seat-unified-v61800 .stadium-viewport.is-mobile-flow-map .shop-map-zones-v638,
  [data-vip-seat-app] [data-vip-stage].vip-stadium-layout--exact{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #premiumEventPage.public-seat-unified-v61800 .shop-map-zones-v638::before,
  #premiumEventPage.public-seat-unified-v61800 .shop-map-zones-v638::after,
  [data-vip-seat-app] [data-vip-stage].vip-stadium-layout--exact::before,
  [data-vip-seat-app] [data-vip-stage].vip-stadium-layout--exact::after{
    grid-column:1/-1!important;
  }
}

@media (max-width:420px){
  #premiumEventPage.public-seat-unified-v61800 .premium-stage{padding:10px!important;border-radius:18px!important}
  #premiumEventPage.public-seat-unified-v61800 .shop-zone-v638{min-height:154px!important;border-radius:17px!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-info-v6143{grid-template-columns:1fr!important;grid-template-areas:"title" "capacity" "stats" "price"!important;padding:14px 14px 48px 17px!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-price{justify-self:start!important;margin-top:5px!important}
  #premiumEventPage.public-seat-unified-v61800 .zone-public-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #premiumEventPage.public-seat-unified-v61800 .shop-zone-v638::after{right:11px!important;bottom:10px!important}
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active){padding:14px 13px 13px 16px!important;border-radius:17px!important}
  [data-vip-seat-app] [data-vip-stage]>.vip-zone-card--exact:not(.is-modal-active) .vip-zone-card__head h3{font-size:17px!important}
}