/* SMARTPHONE PRO MODE */
@media (max-width: 768px) {

/* HEADER */
.header{
height:56px;
padding:0 12px;
backdrop-filter: blur(10px);
}

.logo{
font-size:18px;
font-weight:700;
}

/* NAV COMPACT */
.header nav{
overflow-x:auto;
white-space:nowrap;
}

.header nav a{
font-size:12px;
margin-left:10px;
padding:6px 8px;
border-radius:6px;
background:rgba(255,255,255,0.05);
}

/* HERO */
.slider{
height:65vh;
}

.overlay{
padding:18px;
}

.overlay h1{
font-size:26px;
line-height:1.2;
}

.overlay p{
font-size:14px;
max-width:95%;
}

/* BUTTON */
.btn{
padding:10px 16px;
font-size:11px;
border-radius:20px;
}

/* ARTICLES GRID → FEED STYLE */
.grid{
padding:12px;
grid-template-columns:1fr;
gap:14px;
}

.card{
border-radius:14px;
overflow:hidden;
}

.card img{
height:160px;
}

.card h3{
font-size:16px;
}

/* VIDEO PAGE */
.videos-page{
padding:70px 12px;
}

.videos-page h1{
font-size:26px;
}

.video-card{
padding:10px;
border-radius:14px;
}

/* TIKTOK EMBED */
.tiktok-embed{
margin:auto !important;
width:100% !important;
max-width:100% !important;
}

/* FOOTER */
footer{
padding:14px;
font-size:11px;
text-align:center;
}
}