.od-theatre-purchase{gap:10px}.theatre-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;font-size:12px;color:#d9e0e9}.theatre-legend span{display:inline-flex;align-items:center;gap:5px}.seat-legend{width:10px;height:10px;border-radius:50%;background:var(--seat-color,#416cca);display:inline-block}.seat-legend.unavailable{background:#d9d9d9}.theatre-stage{width:min(74%,430px);margin:4px auto 16px;background:#444;color:#fff;border-radius:2px;text-align:center;font-size:18px;font-weight:800;letter-spacing:.08em;padding:6px}.theatre-map{min-height:270px;padding:12px 18px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:18px;align-items:end;border:1px solid rgba(233,235,240,.25);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(238,243,249,.98));color:#18253a}.theatre-zone{display:grid;gap:8px;justify-items:center;padding:8px}.theatre-zone:nth-child(2){transform:translateY(24px)}.theatre-zone:nth-child(3){transform:translateY(44px)}.theatre-zone h3{margin:0;color:#18253a;font-size:13px;text-align:center}.theatre-zone h3 small{display:block;color:#5b6a7c;font-size:11px;font-weight:600;margin-top:3px}.theatre-seat-grid{display:grid;grid-template-columns:repeat(6,10px);gap:5px;justify-content:center}.theatre-seat{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:var(--seat-color,#416cca);font-size:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.theatre-seat:hover,.theatre-seat[aria-pressed="true"]{transform:scale(1.45);box-shadow:0 0 0 2px #071a35,0 0 0 4px #fff}.theatre-selection{text-align:center;color:#a8b7c9;font-size:13px;margin:0}.rtl .theatre-zone:nth-child(2){transform:translateY(24px)}.rtl .theatre-zone:nth-child(3){transform:translateY(44px)}@media(max-width:720px){.theatre-legend{justify-content:flex-start;font-size:10px}.theatre-stage{width:92%;font-size:14px}.theatre-map{grid-template-columns:repeat(2,minmax(110px,1fr));gap:6px;padding:12px 6px;min-height:225px}.theatre-zone:nth-child(2),.theatre-zone:nth-child(3){transform:none}.theatre-seat-grid{grid-template-columns:repeat(6,8px);gap:4px}.theatre-seat{width:8px;height:8px}}