/*
Theme Name: Pro News Blueprint
Version: 5.0
*/
body { font-family: 'Sarabun', sans-serif; background: #fff; margin: 0; color: #333; overflow-x: hidden; }
.container { max-width: 1140px; margin: 0 auto; padding: 0 15px; }

/* Header & Nav */
.site-logo-container { text-align: center; padding: 20px 0; }
.site-logo-container img { max-width: 280px; height: auto; }
.main-nav { background: #0076b6; }
.main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.main-nav li a { color: #fff; padding: 12px 20px; display: block; text-decoration: none; font-size: 15px; }

/* Grid โฆษณา 300x250 เรียง 3 ช่อง */
.ads-300-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 30px 0; }

/* Grid Hero & Lifestyle */
.hero-wrapper { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }
.lifestyle-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px; }

@media (min-width: 768px) {
    .hero-wrapper { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; height: 500px; }
    .hero-main { grid-row: span 2; }
    .lifestyle-grid { grid-template-columns: 1fr 2fr; }
}

/* ปรับโฆษณาในมือถือ */
@media (max-width: 767px) {
    .ads-300-grid { grid-template-columns: 1fr; }
}

/* โฆษณา 125x125 เรียง 5 ช่อง */
.ads-mini-grid { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0; justify-content: center; }
.ad-mini-item { width: calc(20% - 10px); aspect-ratio: 1/1; object-fit: cover; border-radius: 4px; }
@media (max-width: 600px) { .ad-mini-item { width: calc(33.33% - 10px); } }

img { max-width: 100%; height: auto; }