/* ReUse Market — Home Page Redesign v2
 * Modular CSS Widgets
 * Warm & Crafted · Fraunces + DM Sans · Earthy palette
 */

/* Base */
@import 'widgets/_tokens.css';

/* Typography */
@import 'widgets/_typography.css';

/* Buttons */
@import 'widgets/_buttons.css';

/* Animations */
@import 'widgets/_animate.css';

/* Product Card */
@import 'widgets/_product-card.css';

/* Hero */
@import 'widgets/_hero.css';

/* Category Strip */
@import 'widgets/_category-strip.css';

/* Top Picks */
@import 'widgets/_picks.css';

/* Promotional Banners */
@import 'widgets/_promos.css';

/* Trust Strip */
@import 'widgets/_trust-strip.css';

/* Newsletter */
@import 'widgets/_newsletter.css';

/* Footer */
@import 'widgets/_footer.css';

/* Flash Deals */
@import 'widgets/_flash-deals.css';

/* Categories V2 */
@import 'widgets/_categories.css';

/* Trending */
@import 'widgets/_trending.css';

/* Impact */
@import 'widgets/_impact.css';

/* Voices / Testimonials */
@import 'widgets/_voices.css';

/* FAQ */
@import 'widgets/_faq.css';

/* Header */
@import 'widgets/_header.css';

/* Scroll-driven animations */
@import 'widgets/_scroll-animations.css';

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */
@media (max-width: 1199px) {
    .rd-picks__grid,
    .rd-trending__layout,
    .rd-trending__grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .rd-cats2__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) {
    .rd-impact2__cols {
        grid-template-columns: 1fr;
    }
    .rd-impact2__lottie-col {
        order: -1;
    }
    .rd-impact2__lottie {
        max-width: 340px;
    }
    .rd-voices__pair {
        grid-template-columns: repeat(2, 1fr);
    }
    .rd-trending__layout {
        grid-template-columns: repeat(2, 1fr);
    }
    .rd-cats2__grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .rd-flash__grid {
        grid-template-columns: 1fr;
    }
    .rd-custom-footer__top {
        grid-template-columns: 1fr 1fr;
    }
    .rd-picks__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .rd-promos__grid {
        grid-template-columns: 1fr;
    }
    .rd-newsletter-bar__inner {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .rd-section-title {
        font-size: clamp(20px, 4vw, 26px);
    }
    .rd-hero2 {
        padding: 48px 0 40px;
    }
    .rd-hero2__title {
        font-size: clamp(28px, 7vw, 38px);
    }
    .rd-trust2__items {
        gap: 20px;
    }
    .rd-cats2__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .rd-voices__pair {
        grid-template-columns: 1fr;
    }
    .rd-newsletter2__form {
        flex-direction: column;
    }
    .rd-newsletter2__input,
    .rd-newsletter2__submit {
        border-radius: var(--rd-radius);
        width: 100%;
    }
    .rd-catstrip__scroll {
        gap: 4px;
    }
    .rd-catstrip__icon {
        width: 42px;
        height: 42px;
    }
    .rd-picks__tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
    }
    .rd-picks__tabs::-webkit-scrollbar {
        display: none;
    }
    .rd-picks__tab {
        white-space: nowrap;
        flex-shrink: 0;
    }
    .rd-trust-strip__items {
        gap: 12px;
    }
    .rd-trust-strip__item {
        font-size: 12px;
    }
    .rd-newsletter-bar__input {
        min-width: 180px;
    }
    .rd-custom-footer__top {
        grid-template-columns: 1fr;
    }
    .rd-custom-footer__bottom {
        flex-direction: column;
    }
    .rd-custom-footer__bottom-links {
        flex-wrap: wrap;
        justify-content: center;
    }
    .rd-promo-card {
        min-height: 200px;
        padding: 24px;
    }
    .rd-promo-card__title {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .rd-picks__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .rd-trending__layout {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .rd-cats2__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .rd-flash__card {
        flex-direction: column;
    }
    .rd-flash__img {
        width: 100%;
        height: 180px;
    }
    .rd-pcard__price,
    .rd-product-card__price {
        font-size: 15px;
    }
    .rd-pcard__add span {
        display: none;
    }
    .rd-pcard__add {
        padding: 10px 12px;
    }
    .rd-hero--compact .rd-hero__images {
        max-width: 240px;
        gap: 6px;
    }
    .rd-promos__grid {
        gap: 12px;
    }
    .rd-newsletter-bar__form {
        flex-direction: column;
    }
    .rd-newsletter-bar__input {
        border-radius: var(--rd-radius);
        min-width: 0;
        width: 100%;
    }
    .rd-newsletter-bar__submit {
        border-radius: var(--rd-radius);
    }
}

/* ==========================================================================
   UTILITY: Hide original sections
   ========================================================================== */
.rd-home-active .eco-impact-section,
.rd-home-active .why-reuse-section {
    display: none;
}

/* Hide phone/language top bar on home page */
body.rd-home-page .header-top {
    display: none !important;
}

body.rd-home-page .header-middle,
body.rd-home-page .header-main {
    display: none !important;
}