body{
margin:0;
font-family:'Segoe UI';
background:#0f172a;
color:#fff;
}

/* HEADER */
.header{
display:flex;
justify-content:space-between;
padding:15px;
background:#020617;
}

.nav{
display:none;
flex-direction:column;
position:absolute;
top:60px;
right:0;
background:#020617;
width:200px;
}

.nav.active{display:flex;}

.nav a{
color:#fff;
padding:10px;
text-decoration:none;
}

/* HERO */
.hero{
position:relative;
}

.slider{
height:300px;
overflow:hidden;
}

.slide{
width:100%;
height:300px;
object-fit:cover;
display:none;
}

.slide.active{
display:block;
}

.hero-text{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
}

/* TICKER */
.ticker{
overflow:hidden;
background:#6B1E0F;
padding:10px;
}

.ticker-text{
white-space:nowrap;
animation:move 15s linear infinite;
}

@keyframes move{
0%{transform:translateX(100%)}
100%{transform:translateX(-100%)}
}

/* GRID */
.grid{
display:grid;
grid-template-columns:1fr;
gap:15px;
padding:20px;
}

.card{
background:#1e293b;
border-radius:10px;
overflow:hidden;
}

.card img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    display:block;
}

.info{
padding:10px;
}

.meta{
color:#aaa;
font-size:13px;
}

/* SECTION */
.section{
padding:20px;
}

/* CTA */
.cta{
text-align:center;
padding:30px;
}

.cta a{
background:#ff0055;
padding:12px 25px;
color:#fff;
text-decoration:none;
}

/* FOOTER */
.footer{
background:#020617;
padding:30px;
}

.footer-wrap{
display:grid;
grid-template-columns:1fr;
gap:20px;
}

.copy{
text-align:center;
margin-top:20px;
color:#777;
}

/* DESKTOP */
@media(min-width:768px){
.grid{
grid-template-columns:repeat(3,1fr);
}
.footer-wrap{
grid-template-columns:repeat(2,1fr);
}
}
/* FOOTER MAIN */
.footer{
background:linear-gradient(135deg,#020617,#0f172a);
padding:50px 20px 20px;
color:#aaa;
}

/* GRID */
.footer-container{
display:grid;
grid-template-columns:1fr;
gap:25px;
max-width:1100px;
margin:auto;
}

/* BOX */
.footer-box h3,
.footer-box h4{
color:#fff;
margin-bottom:10px;
}

.footer-box p{
font-size:14px;
line-height:1.6;
}

/* LINKS */
.footer-box ul{
padding:0;
}

.footer-box li{
list-style:none;
margin-bottom:6px;
}

.footer-box a{
color:#bbb;
text-decoration:none;
transition:0.3s;
}

.footer-box a:hover{
color:#fff;
}

/* BUTTON */
.footer-btn{
display:inline-block;
background:linear-gradient(45deg,#ff0055,#ff4d88);
padding:10px 20px;
border-radius:6px;
color:#fff !important;
margin-top:10px;
}

/* BOTTOM */
.footer-bottom{
text-align:center;
margin-top:30px;
font-size:13px;
color:#666;
}

/* DESKTOP */
@media(min-width:768px){
.footer-container{
grid-template-columns:repeat(4,1fr);
}
}

.location-section{
  padding:60px 20px;
  text-align:center;

  background:linear-gradient(180deg,#020617,#0f172a);

  border-top:2px solid #ff4d6d;
  border-bottom:2px solid #ff4d6d;

  margin-top:50px;
  box-shadow:0 20px 50px rgba(0,0,0,0.6);
  border-radius:12px;
}

.location-section h2{
  color:#fff;
  font-size:24px;
  margin-bottom:25px;
}

/* GRID */
.location-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:15px;
  max-width:900px;
  margin:auto;
}

/* BUTTON */
.location-grid a{
  display:block;
  padding:12px;
  border-radius:30px;

  background:#111827;
  border:1px solid rgba(255,255,255,0.2);

  color:#fff;
  text-decoration:none;

  transition:0.3s;
}

/* HOVER */
.location-grid a:hover{
  background:#ff4d6d;
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(255,77,109,0.5);
}

/* MOBILE */
@media(max-width:600px){
  .location-grid{
    grid-template-columns:1fr;
  }
}