/* ===============================
BONUS PAGE WRAPPER
=============================== */

.lw-bonus-page{
max-width:1200px;
margin:auto;
padding:50px 20px;
}

/* ===============================
ROW 1 GRID
=============================== */

.lw-bonus-row{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:20px;
margin-bottom:20px;
}

/* ===============================
BIG BANNER
=============================== */

.lw-bonus-banner{
display:block;
border-radius:16px;
overflow:hidden;
position:relative;
box-shadow:0 15px 40px rgba(0,0,0,0.7);
}

.lw-bonus-banner img{
width:100%;
height:100%;
display:block;
transition:transform .6s ease;
}

.lw-bonus-banner:hover img{
transform:scale(1.05);
}

/* ===============================
SMALL BONUS BOX
=============================== */

.lw-bonus-box{

background:linear-gradient(145deg,#AD0101,#3A0101);

border-radius:16px;

padding:24px;

color:white;

position:relative;

overflow:hidden;

border:1px solid rgba(255,255,255,0.05);

box-shadow:0 15px 35px rgba(0,0,0,0.6);

transition:all .3s ease;

}

/* glowing hover */

.lw-bonus-box:hover{

transform:translateY(-6px);

box-shadow:0 25px 50px rgba(0,0,0,0.9);

border-color:rgba(255,120,0,0.4);

}

/* icon */

.lw-bonus-icon{
width:60px;
margin-bottom:12px;
}

/* title */

.lw-bonus-title{
font-size:18px;
font-weight:700;
margin-bottom:6px;
color:#ffbe00;
}

/* desc */

.lw-bonus-desc{
font-size:13px;
opacity:.7;
line-height:1.6;
margin-bottom:18px;
}

/* ===============================
BUTTON
=============================== */

.lw-bonus-btn{

display:inline-block;

padding:9px 18px;

font-size:13px;

font-weight:700;

color:white;

border-radius:6px;

text-decoration:none;

background:linear-gradient(135deg,#ff1111,#c30000);

box-shadow:0 1px 11px rgba(255,80,0,0.4);

transition:all .25s ease;

}

.lw-bonus-btn:hover{
color:white;
transform:translateY(-2px);
background:#ffc107;
box-shadow:0 1px 11px rgba(255,80,0,0.7);

}

/* ===============================
SECOND ROW GRID
=============================== */

.lw-bonus-cards{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

/* ===============================
BONUS CARD
=============================== */

.lw-bonus-card{

background: linear-gradient(145deg, #AD0101, #3A0101);

border-radius:16px;

padding:22px;

display:flex;

justify-content:space-between;

align-items:center;

position:relative;

overflow:hidden;

border:1px solid rgba(255,255,255,0.05);

box-shadow:0 15px 35px rgba(0,0,0,0.6);

transition:all .3s ease;

}

/* hover */

.lw-bonus-card:hover{

transform:translateY(-6px);

border-color:rgba(255,120,0,0.35);

box-shadow:0 25px 60px rgba(0,0,0,0.9);

}

/* ===============================
LEFT TEXT
=============================== */

.lw-bonus-name{
font-size:13px;
/*opacity:.7;*/
display:block;
margin-bottom:6px;
font-weight: 600;
color: #ffbe00;
}

/* glowing percent */

.lw-bonus-percent{

font-size:40px;

font-weight:800;

background:linear-gradient(90deg,#ffffff,#ffd700);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

margin-bottom:14px;

}

/* ===============================
IMAGE
=============================== */

.lw-bonus-img img{

/*width:120px;*/

transform:translateY(10px);

transition:all .4s ease;

}

/* floating effect */

.lw-bonus-card:hover .lw-bonus-img img{

transform:translateY(-6px) scale(1.05);

}

/* ===============================
TABLET
=============================== */

@media (max-width:1000px){

.lw-bonus-row{
grid-template-columns:1fr;
}

.lw-bonus-cards{
grid-template-columns:repeat(2,1fr);
}

}

/* ===============================
MOBILE
=============================== */

@media (max-width:600px){

.lw-bonus-cards{
grid-template-columns:1fr;
}

.lw-bonus-percent{
font-size:32px;
}

.lw-bonus-img img{
width:120px;
}

}

/* ===============================
ARTICLES SECTION
=============================== */

.lw-articles-section{
margin-top:60px;
}

.lw-articles-title{
font-size:26px;
font-weight:700;
margin-bottom:30px;
color:#111;
}

/* GRID */

.lw-articles-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}

/* CARD */

.lw-article-card a{
display:block;
text-decoration:none;
color:#222;
}

/* IMAGE */

.lw-article-img img{
width:100%;
border-radius:6px;
margin-bottom:12px;
}

/* TITLE */

.lw-article-title{
font-size:20px;
font-weight:600;
margin-bottom:10px;
}

/* EXCERPT */

.lw-article-excerpt{
font-size:15px;
line-height:1.6;
color:#666;
margin-bottom:10px;
}

/* READ MORE */

.lw-read-more{
color:#e60023;
font-weight:600;
}

/* MOBILE */

@media (max-width:768px){

.lw-articles-grid{
grid-template-columns:1fr;
}

}