/* ==================================================
   RESPONSIVE-CUSTOM.CSS – RESPONSIVE RULES
   Final clean version
   Homepage + newsletter + promo + brands + offers + reviews
================================================== */

@media (max-width: 1360px) {
    .home .entries,
    .home .wp-block-query .wp-block-post-template {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }

    .home .woocommerce ul.products {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .home .akj-hero-banner .hero-inner,
    .home .akj-hero-banner .stk-5cc302c-column {
        max-width: 1440px !important;
        column-gap: 28px !important;
        padding-left: 14px !important;
        padding-right: 18px !important;
    }

    .home .akj-hero-banner .hero-content {
        flex-basis: 58% !important;
        max-width: 58% !important;
    }

    .home .akj-hero-banner .hero-image {
        flex-basis: 42% !important;
        max-width: 42% !important;
    }
}

@media (max-width: 1200px) {
    .akj-brands-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    .home .akj-hero-banner .hero-inner,
    .home .akj-hero-banner .stk-5cc302c-column {
        max-width: 100% !important;
        padding: 0 16px !important;
        column-gap: 24px !important;
        row-gap: 24px !important;
    }

    .home .akj-hero-banner .hero-content {
        flex-basis: 55% !important;
        max-width: 55% !important;
    }

    .home .akj-hero-banner .hero-image {
        flex-basis: 45% !important;
        max-width: 45% !important;
    }

    .home .akj-hero-banner .hero-title .stk-block-heading__text {
        font-size: 44px !important;
    }

    .home .akj-hero-banner .hero-kicker .stk-block-text__text {
        font-size: 18px !important;
    }

    .home .akj-hero-banner .hero-image .stk-img-wrapper,
    .home .akj-hero-banner .hero-image img {
        max-width: 340px !important;
    }

    .home .entries,
    .home .wp-block-query .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr);
    }

    .home .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
    }

    .newsletter.akj-newsletter-box .newsletter-inner {
        grid-template-columns: 1fr;
    }

    .newsletter.akj-newsletter-box .newsletter-left {
        padding: 36px 28px;
    }

    .newsletter.akj-newsletter-box .newsletter-title {
        font-size: clamp(24px, 3vw, 32px);
    }

    .newsletter.akj-newsletter-box .newsletter-form-row {
        flex-direction: column;
        align-items: stretch;
    }

    .newsletter.akj-newsletter-box .newsletter-submit {
        width: 100%;
    }

    .home .akj-promo-block {
        margin-top: 20px;
        padding: 0 16px;
    }

    .home .akj-promo-block .promo-inner {
        gap: 22px;
        padding: 28px 26px;
    }

    .home .akj-promo-block .promo-title {
        font-size: 22px;
    }

    .home .akj-promo-block .promo-subtitle {
        font-size: 16px;
    }

    .home .akj-home-brands-section {
        margin-top: 24px;
    }

    .home .akj-home-brands-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .home .akj-home-brand-card {
        min-height: 48px;
        font-size: 13px;
        padding: 10px 14px;
    }

    .home .akj-home-brand-name {
        font-size: 13px;
    }

    .akj-offers-grid {
        grid-template-columns: 1fr;
    }

    .akj-offers-hero {
        padding: 30px 24px;
    }

    .akj-offers-card {
        padding: 24px 22px;
    }

    .akj-offers-tier {
        flex-direction: column;
        align-items: flex-start;
    }

    .akj-reviews-hero {
        padding: 30px 24px;
    }

    .akj-reviews-shell {
        padding: 24px 22px;
    }
}

@media (max-width: 767px) {
    .home .entries,
    .home .wp-block-query .wp-block-post-template {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .home .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 12px;
    }

    .home .woocommerce ul.products li.product .ct-card-product .ct-image-container,
    .home .woocommerce ul.products li.product .ct-media-container,
    .home ul.products li.product .ct-card-product .ct-image-container,
    .home ul.products li.product .ct-media-container {
        min-height: 210px;
    }

    .home .akj-home-section {
        padding: 36px 16px;
    }

    .newsletter.akj-newsletter-box {
        padding: 0 12px;
    }

    .newsletter.akj-newsletter-box .newsletter-left {
        padding: 28px 20px;
    }

    .newsletter.akj-newsletter-box .newsletter-title {
        font-size: clamp(20px, 2.5vw, 28px);
    }

    .newsletter.akj-newsletter-box .newsletter-form-row {
        gap: 14px;
        margin-bottom: 14px;
    }

    .newsletter.akj-newsletter-box .newsletter-footer {
        margin-top: 16px;
    }

    .home .entries .entry-card .ct-image-container,
    .home .entries .entry-card .post-thumbnail,
    .home .entries .entry-card .wp-block-post-featured-image {
        min-height: 180px;
    }

    .home .akj-hero-banner .hero-inner,
    .home .akj-hero-banner .stk-5cc302c-column {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 0 14px !important;
        row-gap: 24px !important;
    }

    .home .akj-hero-banner .hero-content,
    .home .akj-hero-banner .hero-image {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .home .akj-hero-banner .hero-title .stk-block-heading__text {
        font-size: 34px !important;
        line-height: 1.18 !important;
    }

    .home .akj-hero-banner .hero-text {
        max-width: 100% !important;
    }

    .home .akj-hero-banner .hero-image {
        justify-content: center !important;
        align-items: flex-end !important;
    }

    .home .akj-hero-banner .hero-image figure {
        justify-content: center !important;
    }

    .home .akj-hero-banner .hero-image .stk-img-wrapper,
    .home .akj-hero-banner .hero-image img {
        max-width: 280px !important;
    }

    .home .akj-promo-block .promo-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
    }

    .home .akj-promo-block .promo-icon {
        max-width: 72px;
        flex-basis: auto;
    }

    .home .akj-promo-block .promo-title {
        font-size: 20px;
        padding: 12px 14px;
    }

    .home .akj-promo-block .promo-subtitle {
        display: block;
        width: 100%;
        font-size: 15px;
    }

    .home .akj-promo-block .promo-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .home .akj-promo-block .promo-cta {
        width: 100%;
        text-align: center;
        white-space: normal;
    }

    .home .akj-home-brands-section {
        margin-top: 20px;
    }

    .home .akj-home-brands-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .home .akj-home-brand-card {
        min-height: 46px;
        padding: 10px 12px;
    }

    .home .akj-home-brand-name {
        font-size: 12px;
    }

    .akj-offers-page {
        margin: 28px auto 48px;
        padding: 0 14px;
    }

    .akj-offers-hero {
        padding: 24px 18px;
        border-radius: 16px;
    }

    .akj-offers-card {
        padding: 22px 18px;
        border-radius: 16px;
    }

    .akj-offers-lead {
        font-size: 17px;
    }

    .akj-offers-card h2 {
        font-size: 26px;
    }

    .akj-offers-tier-label {
        font-size: 15px;
    }

    .akj-offers-coupon,
    .akj-offers-coupon--small {
        width: 100%;
        justify-content: center;
    }

    .akj-reviews-page {
        margin: 28px auto 48px;
        padding: 0 14px;
    }

    .akj-reviews-hero {
        padding: 24px 18px;
        border-radius: 16px;
    }

    .akj-reviews-shell {
        padding: 22px 18px;
        border-radius: 16px;
    }

    .akj-reviews-hero h1 {
        font-size: clamp(26px, 7vw, 38px);
    }

    .akj-reviews-lead {
        font-size: 17px;
    }

    .akj-brands-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .home .woocommerce ul.products {
        grid-template-columns: 1fr;
    }

    .newsletter.akj-newsletter-box {
        margin: 30px auto;
    }

    .home .akj-hero-banner .hero-image .stk-img-wrapper,
    .home .akj-hero-banner .hero-image img {
        max-width: 260px !important;
    }
}

@media (max-width: 479px) {
    .akj-brands-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}