/* ===== RESPONSIVE STYLES ===== */

@media (max-width: 1024px) {
    .ghdrol-hero__content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 40px;
    }

    .ghdrol-hero__subtitle {
        margin-left: auto;
        margin-right: auto;
    }

    .ghdrol-hero__buttons {
        justify-content: center;
    }

    .ghdrol-hero__visual {
        order: -1;
    }

    .ghdrol-product-showcase {
        width: 420px;
        height: 460px;
    }

    .ghdrol-bottle-svg--center {
        width: 200px;
        height: 300px;
        margin: 0 -26px;
    }

    .ghdrol-bottle-svg--side {
        width: 130px;
        height: 195px;
    }

    .ghdrol-features-grid--3,
    .ghdrol-features-grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .ghdrol-comp-grid {
        grid-template-columns: 1fr;
    }

    .ghdrol-step {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ghdrol-step--right .ghdrol-step__content,
    .ghdrol-step--right .ghdrol-step__visual {
        grid-column: 1;
        grid-row: auto;
    }

    .ghdrol-steps__line {
        display: none;
    }

    .ghdrol-footer__grid {
        grid-template-columns: 1fr 1fr;
    }

    .ghdrol-nav-menu {
        display: none;
    }

    .ghdrol-mobile-toggle {
        display: flex;
    }

    .ghdrol-nav-cta:not(.ghdrol-nav-cta--mobile) {
        display: none;
    }

    .ghdrol-nav-cta--mobile {
        display: inline-flex;
        align-items: center;
        margin-left: auto;
        margin-right: 12px;
        padding: 8px 18px;
        font-size: 13px;
        white-space: nowrap;
    }
}

@media (max-width: 768px) {
    .ghdrol-navbar {
        padding: 15px 20px;
    }

    .ghdrol-logo__icon {
        display: none;
    }

    .ghdrol-logo__text {
        font-size: 20px;
    }

    .ghdrol-hero {
        padding: 100px 20px 60px;
        overflow-x: hidden;
    }

    .ghdrol-hero__visual {
        width: 100%;
        align-items: center;
    }

    .ghdrol-product-showcase {
        width: min(320px, 90vw);
        height: auto;
        min-height: 280px;
        margin: 0 auto;
    }

    .ghdrol-product-bottle {
        justify-content: center;
        align-items: flex-end;
    }

    .ghdrol-bottle-svg--center {
        width: 148px;
        height: 222px;
        margin: 0 -20px;
    }

    .ghdrol-bottle-svg--side {
        width: 96px;
        height: 144px;
    }

    .ghdrol-section {
        padding: 80px 20px;
    }

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

    .ghdrol-pricing-grid {
        grid-template-columns: 1fr;
    }

    .ghdrol-price-card--featured {
        transform: none;
    }

    .ghdrol-price-card--featured:hover {
        transform: translateY(-12px);
    }

    .ghdrol-hero__stats {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .ghdrol-footer__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .ghdrol-footer__bottom {
        flex-direction: column;
        text-align: center;
    }

    .ghdrol-cta {
        padding: 100px 20px;
    }

    .ghdrol-article__container {
        padding: 60px 20px;
    }

    .ghdrol-page__content {
        padding: 0 20px 60px;
    }

    /* single-wrap handles own padding; content inside has no extra horizontal padding */
    .ghdrol-single-wrap .ghdrol-single__content {
        padding: 32px 0;
    }

    .ghdrol-step__number {
        font-size: 80px;
    }

    .ghdrol-testimonial-card {
        min-width: 300px;
    }
}

@media (max-width: 480px) {
    .ghdrol-hero__title {
        font-size: 36px;
    }

    .ghdrol-section__title {
        font-size: 28px;
    }

    .ghdrol-btn {
        width: 100%;
        justify-content: center;
    }

    .ghdrol-hero__buttons {
        flex-direction: column;
    }

    .ghdrol-price-card__amount {
        font-size: 36px;
    }

    .ghdrol-stat-number {
        font-size: 28px;
    }

    .ghdrol-product-showcase {
        width: min(260px, 85vw);
        min-height: 240px;
    }

    .ghdrol-bottle-svg--center {
        width: 118px;
        height: 177px;
        margin: 0 -16px;
    }

    .ghdrol-bottle-svg--side {
        width: 77px;
        height: 116px;
    }

    .ghdrol-hero__stats {
        gap: 12px;
    }

    .ghdrol-stat-item {
        min-width: 70px;
    }
}

/* ===== SINGLE POST RESPONSIVE ===== */
@media (max-width: 1024px) {
    .ghdrol-single-wrap--sidebar {
        grid-template-columns: 1fr;
    }

    .ghdrol-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {
    .ghdrol-single-wrap {
        padding: 80px 16px 60px;
    }

    .ghdrol-single__card {
        border-radius: 16px;
    }

    .ghdrol-single__hero {
        height: 220px;
    }

    .ghdrol-single__card-body {
        padding: 28px 24px;
    }
}

@media (max-width: 480px) {
    .ghdrol-single-wrap {
        padding: 80px 0 60px;
    }

    .ghdrol-single__card {
        border-radius: 0;
    }

    .ghdrol-single__card-body {
        padding: 24px 20px;
    }

    .ghdrol-single__hero {
        height: 180px;
    }
}

/* ===== TOUCH DEVICE OPTIMIZATIONS ===== */
@media (hover: none) {
    .ghdrol-cursor-glow {
        display: none;
    }

    .ghdrol-feature-card:hover,
    .ghdrol-comp-card:hover,
    .ghdrol-price-card:hover {
        transform: none;
    }
}

/* ===== AUTHOR BOX RESPONSIVE ===== */

@media (max-width: 600px) {
    .ghdrol-author-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 20px;
        gap: 16px;
    }

    .ghdrol-author-box__footer {
        justify-content: center;
    }
}

/* ===== BLOG ARCHIVE RESPONSIVE ===== */

@media (max-width: 1024px) {
    .ghdrol-posts-wrap.is-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ghdrol-posts-wrap.is-list .ghdrol-post-card__thumb {
        width: 200px;
    }
}

@media (max-width: 768px) {
    .ghdrol-blog-page {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .ghdrol-blog-page__container {
        padding: 0 20px;
    }

    .ghdrol-posts-wrap.is-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .ghdrol-posts-wrap.is-list .ghdrol-post-card {
        flex-direction: column;
    }

    .ghdrol-posts-wrap.is-list .ghdrol-post-card__thumb {
        width: 100%;
        height: 180px;
    }
}

@media (max-width: 480px) {
    .ghdrol-posts-wrap.is-grid {
        grid-template-columns: 1fr;
    }

    .ghdrol-blog-toolbar__count {
        display: none;
    }

    .ghdrol-blog-toolbar {
        justify-content: flex-end;
    }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .ghdrol-testimonials__track {
        animation: none;
    }

    .ghdrol-bottle-svg,
    .ghdrol-product-img {
        animation: none;
    }
}