/* ============================================================
   Moban 8-2-15 — Responsive
   ============================================================ */
@media(max-width:1024px){
    .bento-grid{grid-template-columns:repeat(3,1fr)}
    .posts-grid{grid-template-columns:repeat(2,1fr)}
    .icon-grid{grid-template-columns:repeat(4,1fr)}
    .footer-widgets{grid-template-columns:repeat(2,1fr)}
    .hero-title{font-size:2.3rem}
    .nav-menu a{padding:9px 10px;font-size:.83rem}
}
@media(max-width:992px){
    /* Mobile header: hamburger + dropdown nav */
    .header-inner{height:60px;flex-wrap:wrap}
    .nav-toggle{display:flex}
    .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(18,10,38,.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(0,0,0,.5);padding:10px 16px 16px;flex:none;width:auto;justify-content:flex-start}
    .main-nav.active,.nav-toggle.active ~ .main-nav,.site-header:focus-within .main-nav{display:block}
    .nav-menu{flex-direction:column;align-items:stretch;gap:2px;width:100%}
    .nav-menu a{padding:13px 15px;font-size:.95rem;border-radius:10px}
    .header-actions{margin-left:auto}
    .btn-login,.btn-register{padding:8px 14px;font-size:.8rem}
}
@media(max-width:768px){
    .container{padding:0 16px}
    .site-logo .logo-img{height:34px}
    .hero-section{padding:60px 0 50px}
    .hero-title{font-size:1.8rem}
    .hero-subtitle{font-size:1rem}
    .section-title{font-size:1.45rem;margin-bottom:26px}
    .tabs-section,.about-section,.posts-section{padding:40px 0}
    .tab-nav{gap:8px;margin-bottom:24px}
    .tab-btn{padding:9px 18px;font-size:.82rem}
    .bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:165px;gap:12px}
    .bento-large{grid-column:span 2;grid-row:span 2}
    .bento-wide{grid-column:span 2}
    .posts-bento{grid-auto-rows:150px}
    .icon-grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .icon-item{padding:20px 12px}
    .waterfall-grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .waterfall-img{height:240px}
    .about-content{padding:28px 22px}
    .posts-grid{grid-template-columns:1fr}
    .single-post{padding:38px 0}
    .single-post .post-title{font-size:1.6rem}
    .related-posts{padding:38px 0}
    .footer-widgets{grid-template-columns:1fr;gap:24px}
}
@media(max-width:480px){
    .hero-title{font-size:1.5rem}
    .hero-rating{gap:10px}
    .rating-stars{font-size:1.15rem}
    .btn{padding:10px 24px;font-size:.85rem}
    .btn-lg{padding:13px 32px;font-size:.95rem}
    .btn-login{display:none}
    .section-title{font-size:1.25rem}
    .bento-grid{grid-template-columns:1fr;grid-auto-rows:200px}
    .bento-large,.bento-wide,.bento-tall{grid-column:span 1;grid-row:span 1}
    .waterfall-grid{grid-template-columns:1fr}
    .waterfall-img{height:300px}
    .single-post .post-title{font-size:1.4rem}
    .archive-title{font-size:1.4rem}
    .page-title{font-size:1.5rem}
    .page-numbers{padding:8px 13px;font-size:.9rem}
}