/* SPECIALS & EVENTS SECTIONS */

.specials,
.events{
padding:120px 10%;
text-align:center;
background:#050505;
position:relative;
}

/* SECTION TITLES */

.specials h2,
.events h2{
font-size:42px;
margin-bottom:15px;
color:#e63946;
text-shadow:0 0 15px rgba(230,57,70,.7);
}

.specials p,
.events p{
color:#aaa;
}

/* GRID LAYOUT */

.specials-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:35px;
max-width:1100px;
margin:60px auto 0 auto;
}

/* SPECIAL CARDS */

.special-card{

background:
linear-gradient(180deg,#111,#0a0a0a);

padding:35px;

border-radius:12px;

border:1px solid rgba(230,57,70,.5);

box-shadow:
0 10px 25px rgba(0,0,0,.7),
0 0 10px rgba(230,57,70,.2);

transition:all .35s ease;

position:relative;

overflow:hidden;

}

/* RED GLOW EDGE */

.special-card::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:3px;

background:#e63946;

box-shadow:0 0 12px red;

}

/* CARD TITLE */

.special-card h3{
color:#e63946;
margin-bottom:12px;
font-size:22px;
letter-spacing:1px;
}

/* CARD TEXT */

.special-card p{
color:#bbb;
line-height:1.7;
font-size:15px;
}

/* HOVER EFFECT */

.special-card:hover{

transform:translateY(-8px) scale(1.03);

box-shadow:
0 15px 40px rgba(0,0,0,.9),
0 0 20px rgba(230,57,70,.6);

border-color:#e63946;

}

/* OPTIONAL GLOW ON HOVER */

.special-card:hover::before{
box-shadow:0 0 25px red;
}

/* MOBILE SPACING */

@media(max-width:768px){

.specials,
.events{
padding:80px 8%;
}

.specials h2,
.events h2{
font-size:34px;
}

}