/*
 STADYUM V6.18.08 — GRAND SEAT LAYOUT
 Görsel katmandır. Rezervasyon, ödeme, satış ve canlı kilit mantığını değiştirmez.
 Amaç: telefon, tablet, dizüstü ve masaüstünde koltukların düzenli, net ve premium görünmesi.
*/

body.public-seat-unified-v61800.drawer-open{
  overflow:hidden!important;
}

#premiumEventPage.public-seat-unified-v61800{
  --gsl-ink:#0b2b47;
  --gsl-muted:#607b91;
  --gsl-line:#d5e3ed;
  --gsl-panel:#ffffff;
  --gsl-stage:#eaf4f9;
  --gsl-navy:#082a51;
  --gsl-blue:#176ed8;
  --gsl-green:#13a978;
  --gsl-amber:#e99b08;
  --gsl-purple:#7356d5;
  --gsl-grey:#8b9aa8;
}

/* ---------- MODAL / PANEL ---------- */
#premiumEventPage.public-seat-unified-v61800 #seatDrawer.sdx-v61800{
  padding:12px!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(3,19,35,.76)!important;
  backdrop-filter:blur(10px)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer.sdx-v61800 .sdx-panel{
  width:min(1480px,calc(100vw - 24px))!important;
  height:min(920px,calc(100dvh - 24px))!important;
  min-height:0!important;
  max-height:calc(100dvh - 24px)!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto auto!important;
  overflow:hidden!important;
  border:1px solid rgba(213,228,239,.98)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#f9fcfe 0,#edf5f9 100%)!important;
  box-shadow:0 35px 110px rgba(0,14,30,.48)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-header{grid-column:1/-1!important;grid-row:1!important;position:relative!important}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-notice{grid-column:1/-1!important;grid-row:2!important;position:relative!important}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats{grid-column:1/-1!important;grid-row:3!important}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-workspace{grid-column:1/-1!important;grid-row:4!important}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-tools{grid-column:1/-1!important;grid-row:5!important;position:relative!important}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-footer{grid-column:1/-1!important;grid-row:6!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-header{
  min-height:84px!important;
  padding:16px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at 82% 5%,rgba(44,129,221,.42),transparent 35%),
    linear-gradient(135deg,#071f3b 0,#0b3d73 58%,#0b5686 100%)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-heading{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-eyebrow{
  color:#7ce3c1!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-heading h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(26px,2.4vw,40px)!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-heading p{
  margin:0!important;
  max-width:820px!important;
  color:#c9deef!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:760!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-header-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-sync{
  min-height:40px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid rgba(122,227,193,.42)!important;
  border-radius:999px!important;
  background:rgba(16,83,103,.6)!important;
  color:#d7fff2!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-sync i{
  background:#52e2b2!important;
  box-shadow:0 0 0 5px rgba(82,226,178,.13)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-close{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.3)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
  box-shadow:none!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-close:hover{
  background:rgba(255,255,255,.22)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-notice{
  margin:10px 16px 0!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:850!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-notice.hidden{
  display:none!important;
}

/* ---------- STATUS SUMMARY ---------- */
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:11px 16px 0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats article{
  min-width:0!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  padding:10px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  border:1px solid var(--gsl-line)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 6px 17px rgba(14,51,79,.07)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats small{
  color:#607a90!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats b{
  color:#0b3150!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats article.is-selected{
  border-color:#286dd2!important;
  background:linear-gradient(135deg,#257be0,#174ba4)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats article.is-selected small,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats article.is-selected b{
  color:#fff!important;
}

/* ---------- WORKSPACE ---------- */
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-workspace{
  min-width:0!important;
  min-height:0!important;
  padding:11px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:12px!important;
  overflow:hidden!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stage{grid-column:1!important;grid-row:1!important}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-side{grid-column:2!important;grid-row:1!important}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stage{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  touch-action:pan-x pan-y!important;
  scrollbar-gutter:stable!important;
  border:1px solid #c9dae6!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(64,172,131,.11),transparent 28%),
    linear-gradient(180deg,#e9f4f8 0,#f8fbfd 55%,#eef5f8 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px rgba(17,52,79,.08)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-field{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  flex:0 0 48px!important;
  min-height:48px!important;
  width:100%!important;
  margin:0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(5,95,66,.22)!important;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 46px,rgba(255,255,255,.12) 46px 48px),
    linear-gradient(180deg,#51d49d,#18aa73)!important;
  color:#073e2d!important;
  box-shadow:0 8px 20px rgba(15,119,79,.17)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-field span,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-field b{
  color:#073e2d!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
}

/* ---------- ORDERED ROWS ---------- */
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid.sdx-grid{
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:100%!important;
  margin:0!important;
  padding:18px 16px 26px!important;
  display:grid!important;
  grid-template-columns:minmax(max-content,1fr)!important;
  grid-auto-flow:row!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  justify-content:start!important;
  gap:12px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-row{
  position:relative!important;
  width:max-content!important;
  min-width:100%!important;
  margin:0!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:44px minmax(max-content,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid rgba(198,216,228,.9)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.67)!important;
  box-shadow:0 5px 14px rgba(17,52,79,.05)!important;
  transform:none!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-row:nth-child(even){
  background:rgba(244,249,252,.88)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-label{
  position:sticky!important;
  z-index:20!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #bcd2e1!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#123d5f!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 6px 15px rgba(15,47,73,.1)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-label-start{left:4px!important}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-label-end{right:4px!important}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-seats{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:78px!important;
  align-items:stretch!important;
  justify-content:start!important;
  gap:10px!important;
  transform:none!important;
}

/* ---------- PREMIUM SEAT CARD: NO OVERLAPPING LAYERS ---------- */
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube{
  position:relative!important;
  isolation:isolate!important;
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:94px!important;
  min-height:94px!important;
  max-height:94px!important;
  margin:0!important;
  padding:29px 7px 8px!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  align-content:start!important;
  justify-items:center!important;
  gap:4px!important;
  overflow:hidden!important;
  border:1px solid #9ed8c2!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0,#e9f9f2 100%)!important;
  color:#0c3c53!important;
  box-shadow:0 8px 17px rgba(14,72,55,.12)!important;
  filter:none!important;
  transform:none!important;
  scale:1!important;
  cursor:pointer!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube::before,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube::after{
  content:none!important;
  display:none!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube > i{
  position:absolute!important;
  z-index:1!important;
  left:8px!important;
  right:8px!important;
  top:24px!important;
  height:6px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#48c995,#1cad7d)!important;
  box-shadow:0 3px 8px rgba(24,155,111,.18)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube > em{
  display:none!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube > b{
  position:relative!important;
  z-index:3!important;
  margin:5px 0 0!important;
  color:inherit!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube > span:not(.seat-state-chip){
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:3!important;
  margin:1px 0 0!important;
  color:#1a5d6e!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-state-helper-v61696{
  display:none!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-state-chip{
  position:absolute!important;
  z-index:5!important;
  left:6px!important;
  right:6px!important;
  top:6px!important;
  height:18px!important;
  margin:0!important;
  padding:0 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  font-size:6.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .state-available{
  background:#dff7ed!important;
  color:#0b6a4c!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .state-mine{
  background:#dce9ff!important;
  color:#184fa9!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .state-held{
  background:#fff0c8!important;
  color:#8c5c00!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .state-payment_pending{
  background:#eee6ff!important;
  color:#573da8!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .state-sold,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .state-blocked{
  background:#e9eef2!important;
  color:#637889!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-hold-time{
  position:absolute!important;
  z-index:6!important;
  left:5px!important;
  right:5px!important;
  bottom:5px!important;
  top:auto!important;
  min-height:20px!important;
  margin:0!important;
  padding:2px 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  overflow:hidden!important;
  border:1px solid #e6c064!important;
  border-radius:8px!important;
  background:#fff7e4!important;
  color:#795000!important;
  box-shadow:none!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-hold-time b{
  font-size:5.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-hold-time span{
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

/* STATES */
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.mine{
  border-color:#2c66ca!important;
  background:linear-gradient(160deg,#2f80e7 0,#174ba6 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(28,80,174,.28)!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.mine > i{
  background:#dce9ff!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.mine > span:not(.seat-state-chip),
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.mine .seat-state-helper-v61696{
  color:#eef5ff!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.held{
  border-color:#e1b149!important;
  background:linear-gradient(180deg,#fffaf0,#ffefc6)!important;
  color:#684900!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.held > i{
  background:#e3ab31!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.payment_pending{
  border-color:#9275df!important;
  background:linear-gradient(180deg,#faf7ff,#e9e0ff)!important;
  color:#4f3a92!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.payment_pending > i{
  background:#7658d0!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .payment_pending .seat-hold-time{
  border-color:#c7b8ec!important;
  background:#f5f0ff!important;
  color:#503d95!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.sold,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.blocked,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.complimentary{
  border-color:#cbd5dd!important;
  background:linear-gradient(180deg,#f5f7f9,#e6ebef)!important;
  color:#748492!important;
  box-shadow:none!important;
}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.sold > i,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.blocked > i,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube.complimentary > i{
  background:#aebac3!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube:disabled{
  opacity:1!important;
  cursor:not-allowed!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube:hover:not(:disabled),
#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube:focus-visible:not(:disabled){
  transform:translateY(-3px)!important;
  box-shadow:0 14px 27px rgba(12,58,88,.22)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube:focus-visible{
  outline:4px solid rgba(23,110,216,.24)!important;
  outline-offset:3px!important;
}

/* ---------- SIDE PANEL ---------- */
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-side{
  min-width:0!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-side > section{
  padding:14px!important;
  display:grid!important;
  gap:8px!important;
  border:1px solid var(--gsl-line)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 7px 18px rgba(15,50,76,.06)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-side > section.is-warning{
  border-color:#ead49d!important;
  background:linear-gradient(180deg,#fffaf0,#fffdf8)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-side-title{
  color:#0c7757!important;
  font-size:9px!important;
  letter-spacing:.13em!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-side b{
  color:#153a57!important;
  font-size:14px!important;
  line-height:1.3!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-side small{
  color:#647d91!important;
  font-size:10px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-legend{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-legend span{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#405e75!important;
  font-size:9px!important;
  font-weight:850!important;
}

/* ---------- TOOLBAR / FOOTER ---------- */
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-tools{
  width:auto!important;
  height:auto!important;
  margin:0 16px 10px!important;
  padding:5px!important;
  display:grid!important;
  grid-template-columns:120px minmax(190px,1fr) 46px!important;
  grid-template-rows:42px!important;
  gap:6px!important;
  border:1px solid #d1e0ea!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(14,48,75,.08)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-tools > label,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-tools > button{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:11px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-person{
  border:1px solid #d2e0e9!important;
  background:#f4f8fb!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-person > span{
  color:#6d8497!important;
  font-size:8px!important;
  font-weight:950!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer #bestSeatCount{
  min-width:0!important;
  height:38px!important;
  padding:0 16px 0 4px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#143c5c!important;
  font-size:11px!important;
  font-weight:950!important;
  text-align:center!important;
  text-align-last:center!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-adjacent{
  border:0!important;
  background:linear-gradient(135deg,#287de2,#164fa9)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(22,78,166,.2)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-adjacent span,
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-adjacent b{
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-clear{
  border:1px solid #d4e0e8!important;
  background:#f1f5f8!important;
  color:#60788b!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-clear span{
  font-size:21px!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-footer{
  min-height:70px!important;
  padding:9px 16px calc(9px + env(safe-area-inset-bottom))!important;
  display:grid!important;
  grid-template-columns:120px minmax(220px,330px)!important;
  justify-content:end!important;
  align-items:center!important;
  gap:9px!important;
  border-top:1px solid #d4e2eb!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 -8px 22px rgba(13,47,74,.07)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-selection{
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:5px 8px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:7px!important;
  row-gap:0!important;
  border:1px solid #ccdcf0!important;
  border-radius:14px!important;
  background:#edf4ff!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-selection small{grid-column:1!important;grid-row:1/3!important;align-self:center!important;font-size:7px!important}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-selection b{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:18px!important;line-height:1!important}
#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-selection span{grid-column:2!important;grid-row:2!important;align-self:start!important;font-size:8px!important;line-height:1.1!important;white-space:nowrap!important}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-complete{
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#267be0,#164ca7)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:0 9px 20px rgba(21,76,164,.22)!important;
}

#premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-complete b{
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.16)!important;
}

/* ---------- TABLET ---------- */
@media (max-width:1100px){
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-workspace{
    grid-template-columns:minmax(0,1fr) 220px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-seats{
    grid-auto-columns:72px!important;
    gap:8px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
  }
}

@media (max-width:900px){
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-workspace{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stage{
    grid-column:1!important;
    grid-row:1!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-label-end{
    display:none!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-row{
    grid-template-columns:44px minmax(max-content,1fr)!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-side{
    display:none!important;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:720px){
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer.sdx-v61800{
    padding:0!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    background:#eaf2f7!important;
    backdrop-filter:none!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer.sdx-v61800 .sdx-backdrop{
    display:none!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer.sdx-v61800 .sdx-panel{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto minmax(0,1fr) auto auto!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-header{
    min-height:68px!important;
    padding:10px 11px!important;
    gap:8px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-eyebrow{
    font-size:7px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-heading h2{
    max-width:calc(100vw - 66px)!important;
    font-size:21px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-heading p{
    max-width:calc(100vw - 66px)!important;
    font-size:9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-sync{
    display:none!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-close{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:12px!important;
    font-size:23px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-notice{
    position:absolute!important;
    z-index:50!important;
    left:8px!important;
    right:8px!important;
    top:72px!important;
    margin:0!important;
    padding:8px 10px!important;
    font-size:9px!important;
    pointer-events:none!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats{
    padding:7px 8px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    scrollbar-width:none!important;
    border-bottom:1px solid #dce7ef!important;
    background:#f4f8fb!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats::-webkit-scrollbar{display:none!important}

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats article{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:7px 9px!important;
    border-radius:12px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats small{font-size:6.5px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats b{font-size:17px!important}

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-workspace{
    min-height:0!important;
    padding:7px!important;
    display:block!important;
    overflow:hidden!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stage{
    min-height:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:16px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:auto!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-field{
    flex-basis:38px!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-field span,
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-field b{
    font-size:8px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid.sdx-grid{
    width:max-content!important;
    min-width:100%!important;
    min-height:100%!important;
    padding:13px 9px 20px!important;
    gap:10px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-row{
    grid-template-columns:38px minmax(max-content,1fr)!important;
    gap:7px!important;
    padding:6px!important;
    border-radius:15px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-label{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-label-start{left:2px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-label-end{display:none!important;right:auto!important}

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-seats{
    grid-auto-columns:64px!important;
    gap:8px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    padding:25px 5px 6px!important;
    border-radius:15px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube > i{
    left:7px!important;
    right:7px!important;
    top:21px!important;
    height:5px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube > b{
    margin-top:3px!important;
    font-size:20px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube > span:not(.seat-state-chip){
    font-size:7.2px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-state-helper-v61696{
    display:none!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-state-chip{
    left:5px!important;
    right:5px!important;
    top:5px!important;
    height:16px!important;
    font-size:5.8px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-hold-time{
    left:4px!important;
    right:4px!important;
    bottom:4px!important;
    min-height:18px!important;
    padding:2px 3px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-hold-time b{font-size:5px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-hold-time span{font-size:6.6px!important}

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-side{
    display:none!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-tools{
    width:auto!important;
    margin:0 7px 6px!important;
    padding:5px!important;
    grid-template-columns:88px minmax(0,1fr) 40px!important;
    grid-template-rows:40px!important;
    gap:5px!important;
    border-radius:13px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-tools > label,
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-tools > button{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:10px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-person > span{font-size:7px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #bestSeatCount{height:36px!important;font-size:9px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-adjacent span,
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-adjacent b{font-size:9px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-clear span{font-size:19px!important}

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-footer{
    min-height:62px!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    justify-content:stretch!important;
    gap:7px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-selection{
    height:46px!important;
    min-height:46px!important;
    padding:4px 6px!important;
    border-radius:12px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-selection small{font-size:6px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-selection b{font-size:16px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-selection span{font-size:6.5px!important}

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-complete{
    height:46px!important;
    min-height:46px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:10px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-complete b{
    width:22px!important;
    height:22px!important;
  }
}

@media (max-width:350px){
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .row-seats{
    grid-auto-columns:60px!important;
    gap:7px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer #seatGrid .seat-cube{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:75px!important;
    min-height:75px!important;
    max-height:75px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-tools{
    grid-template-columns:80px minmax(0,1fr) 37px!important;
    gap:4px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-footer{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:6px!important;
  }
}

/* LANDSCAPE MOBILE */
@media (orientation:landscape) and (max-width:960px) and (max-height:560px){
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer.sdx-v61800 .sdx-panel{
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-header{
    min-height:52px!important;
    padding:7px 10px!important;
  }

  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-heading h2{font-size:18px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-heading p,
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-stats{display:none!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-workspace{padding:6px!important}
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer .sdx-tools{margin:0 6px 4px!important}
}

@media (prefers-reduced-motion:reduce){
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer *,
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer *::before,
  #premiumEventPage.public-seat-unified-v61800 #seatDrawer *::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}