/* Tablet */
@media (max-width: 1024px) {
    .trending-posts-grid {
        grid-template-columns: 1fr;
    }

    .trending-featured {
        grid-row: auto;
    }

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

    .diy-showcase {
        grid-template-columns: 1fr 1fr;
    }

    .diy-main {
        grid-column: span 2;
    }

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

    .instagram-gallery {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer-columns-4 {
        grid-template-columns: 1fr 1fr;
    }

    .single-post .entry-title {
        font-size: 2rem;
    }

    .content-area {
        flex-direction: column;
    }

    .widget-area {
        width: 100%;
    }

    .entry-content .alignwide {
        margin-left: 0;
        margin-right: 0;
    }

    .hero-content {
        padding: 40px 30px;
        min-height: 420px;
    }

    .hero-title {
        font-size: 2rem;
    }

    .hero-slide {
        height: 420px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .header-top-bar {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .main-navigation {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--bg-white);
        box-shadow: var(--shadow-lg);
        z-index: 999;
        border-bottom: 1px solid var(--border);
    }

    .main-navigation.active {
        display: block;
    }

    .primary-menu {
        flex-direction: column;
        padding: 12px 0;
    }

    .primary-menu > li > a {
        height: auto;
        padding: 12px 20px;
        border-bottom: 1px solid var(--border-light);
    }

    .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        padding: 0 0 0 20px;
        display: none;
        background: transparent;
    }

    .sub-menu.open {
        display: block;
    }

    .mega-menu {
        flex-direction: column;
        min-width: auto;
        padding: 12px 20px;
    }

    .menu-item-has-children:hover > .sub-menu {
        display: none;
    }

    .menu-item-has-children.open > .sub-menu {
        display: block;
    }

    .hero-slider {
        min-height: 360px;
        border-radius: var(--radius);
    }

    .hero-slide {
        height: 360px;
    }

    .hero-content {
        padding: 30px 20px;
        min-height: 360px;
        max-width: 100%;
    }

    .hero-title {
        font-size: 1.5rem;
    }

    .hero-excerpt {
        font-size: 0.9375rem;
        display: none;
    }

    .hero-nav {
        bottom: 16px;
        right: 16px;
    }

    .hero-meta {
        font-size: 0.8125rem;
    }

    .hero-cta {
        display: none;
    }

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

    .gardening-grid {
        grid-template-columns: 1fr;
    }

    .gardening-post.featured {
        grid-row: auto;
    }

    .trending-featured .post-thumbnail img {
        height: 240px;
    }

    .diy-showcase {
        grid-template-columns: 1fr;
    }

    .diy-main {
        grid-column: auto;
    }

    .lifestyle-grid {
        grid-template-columns: 1fr;
    }

    .instagram-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-item img {
        height: 180px;
    }

    .posts-grid-layout {
        grid-template-columns: 1fr;
    }

    .posts-list-layout .list-post {
        flex-direction: column;
    }

    .posts-list-layout .list-post .post-thumbnail {
        flex: none;
    }

    .posts-masonry-layout {
        columns: 1;
    }

    .related-posts-grid {
        grid-template-columns: 1fr;
    }

    .author-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .section {
        padding: 36px 0;
    }

    .section-title {
        font-size: 1.5rem;
    }

    .newsletter-block {
        padding: 36px 24px;
    }

    .newsletter-title {
        font-size: 1.5rem;
    }

    .newsletter-input-group {
        flex-direction: column;
    }

    .newsletter-input-group input {
        border-radius: var(--radius-sm);
    }

    .newsletter-input-group .btn {
        border-radius: var(--radius-sm);
        margin-top: 8px;
    }

    .footer-newsletter-form {
        flex-direction: column;
    }

    .footer-newsletter-form input {
        border-radius: var(--radius-sm);
    }

    .footer-newsletter-form button {
        border-radius: var(--radius-sm);
        margin-top: 8px;
    }

    .footer-columns-4,
    .footer-columns-3,
    .footer-columns-2 {
        grid-template-columns: 1fr;
    }

    .footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }

    .single-post .entry-title {
        font-size: 1.625rem;
    }

    .error-actions {
        flex-direction: column;
        align-items: center;
    }

    .error-digit {
        font-size: 4rem;
    }

    .back-to-top {
        bottom: 20px;
        right: 20px;
        width: 38px;
        height: 38px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .categories-grid {
        grid-template-columns: 1fr;
    }

    .decor-grid {
        grid-template-columns: 1fr;
    }

    .instagram-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .container {
        padding: 0 16px;
    }

    .hero-title {
        font-size: 1.25rem;
    }

    .hero-slider {
        min-height: 300px;
    }

    .hero-slide {
        height: 300px;
    }

    .hero-content {
        min-height: 300px;
    }
}