.header{background: transparent linear-gradient(90deg, #022265 0, #8417e1 100%) 0 0 no-repeat padding-box;}
.navbar ul{display: flex;list-style: none;justify-content: flex-start;align-items: center;margin: 0;padding: 0;}
.navbar img{filter:brightness(0) invert(1);max-height: 50px;margin-right:20px;}
.navbar-toggler{border: 1px solid #fff;}
.navbar-toggler:focus{box-shadow:none !important;}
.navbar-toggler>span{border: 1px solid #fff;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show,.navbar-expand-lg .navbar-nav .nav-link{color:#FFF !important}
.static_border {position: relative;width: 100%;height: calc(100vh - 120px);min-height: 1200px;overflow: hidden;background: #fff;display: flex;justify-content: center;align-items: center;}
.seatmap_area {width: 100%;height: 100%;transform-origin: center center;transition: transform 0.2s ease-in-out;cursor: grab;user-select: none;}
#seatmapArea {cursor: grab;transform-origin: top center;transition: transform 0.1s ease-out;scale: 0.6;min-width: 1400px;}
.zoom-controler{position: absolute;top:0;z-index: 9999;width: 100%;}
.seatmap-icon{
    user-select: none;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    fill: #022265;
    flex-shrink: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: fill 200ms 
    cubic-bezier(0.4, 0, 0.2, 1);
}
/* 🔹 Mobile: chiều cao chỉ 60% màn hình */
@media (max-width: 768px) {
  .static_border {min-height: 70% !important;overflow: hidden;}
  .seatmap_area{width: 1400px;}
  .nav-item{width: 100%;border-top:1px solid #fff}
  .nav-item a{width: 100%;} 
  .zoom-controler {position: absolute;top: 0;z-index: 9999;width: auto;left: 0;}
  .steps-item{width: 45%;}
}