/* ARSES Homepage — Responsive */

@media (max-width: 1200px) {
    .arses-quick-actions__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .arses-discovery__rec-rail .arses-rec-card--discovery {
        flex: 0 0 var(--ai-carousel-card-width, min(210px, 72%));
    }

    .arses-ai-carousel {
        --ai-carousel-card-width: min(210px, 72%);
    }

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

    .arses-footer__grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 32px 24px;
    }

    .arses-footer__brand {
        grid-column: 1 / -1;
    }

    .arses-footer__newsletter {
        grid-column: 1 / -1;
        max-width: 400px;
    }
}

@media (max-width: 992px) {
    .arses-hero--v3 {
        min-height: auto;
        padding: clamp(48px, 8vw, 72px) 0 clamp(40px, 6vw, 56px);
    }

    .arses-hero__layout {
        grid-template-columns: 1fr;
        gap: clamp(32px, 5vw, 44px);
    }

    .arses-hero__content {
        max-width: none;
    }

    .arses-hero__panel {
        max-width: 420px;
    }

    .arses-hero__scrim {
        background: linear-gradient(
            180deg,
            rgba(250, 248, 243, 0.94) 0%,
            rgba(250, 248, 243, 0.82) 45%,
            rgba(250, 248, 243, 0.5) 100%
        );
    }

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

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

    .journey-card:nth-child(5) {
        grid-column: 1 / -1;
        max-width: calc(50% - 10px);
        justify-self: center;
    }

    .commerce-v2__workspace {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .commerce-v2__panel--feed {
        max-height: none;
    }

    .commerce-v2__decision-actions {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .commerce-v2__decision-actions::-webkit-scrollbar {
        display: none;
    }

    .commerce-v2__decision-btn {
        flex-shrink: 0;
    }

    .commerce-v2__snapshot {
        flex-wrap: wrap;
        gap: 12px;
    }

    .commerce-v2__snapshot-stats {
        margin-left: 0;
        width: 100%;
        justify-content: space-around;
    }

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

    .seller-card:nth-child(5) {
        grid-column: 1 / -1;
        max-width: calc(50% - 10px);
        justify-self: center;
    }

    .arses-discovery__board {
        flex-direction: column;
        gap: 0;
    }

    .arses-discovery__panel--categories,
    .arses-discovery__panel--ai {
        flex: none;
        width: 100%;
        max-width: none;
    }

    .arses-discovery__panel--categories {
        padding: 24px;
        box-shadow: none;
    }

    .arses-discovery__panel--ai {
        padding: 24px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    }

    .arses-discovery__divider {
        display: block;
        flex: none;
        align-self: auto;
        width: 100%;
        height: 1px;
        margin: 0;
        background: linear-gradient(
            90deg,
            rgba(26, 115, 84, 0) 0%,
            rgba(26, 115, 84, 0.14) 18%,
            rgba(26, 115, 84, 0.14) 82%,
            rgba(26, 115, 84, 0) 100%
        );
        box-shadow: none;
    }

    .arses-discovery__rec-rail {
        gap: 16px;
        margin: 0;
        padding-inline: 0;
    }

    .arses-rec-card--discovery {
        flex: 0 0 var(--ai-carousel-card-width, min(240px, 42vw));
    }

    .arses-ai-carousel {
        --ai-carousel-card-width: min(240px, 42vw);
        margin: 0 -12px;
    }

    .arses-discovery__categories-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    .arses-categories__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    .arses-delivery__board {
        grid-template-columns: 1fr;
    }

    .arses-delivery__card-inner {
        grid-template-columns: 1fr;
    }

    .arses-logistics-viz {
        min-height: 360px;
    }

    .arses-logistics-viz__canvas {
        min-height: 360px;
    }

    .arses-logistics-route--bicycle {
        left: 4%;
        bottom: 18%;
    }

    .arses-logistics-route--ev {
        left: 30%;
        bottom: 32%;
    }

    .arses-logistics-route--car {
        right: 4%;
        top: 24%;
    }

    .arses-logistics-route__name,
    .arses-logistics-route__impact {
        white-space: normal;
    }

    .arses-delivery__card-visual {
        min-height: 180px;
    }

}

@media (max-width: 768px) {
    .arses-section {
        padding: 48px 0;
    }

    .arses-container {
        padding: 0 16px;
    }

    .arses-header__inner {
        padding: 12px 16px;
    }

    .arses-header__search {
        order: 3;
        flex: 1 1 100%;
        max-width: none;
    }

    .arses-quick-actions__grid {
        grid-template-columns: 1fr;
    }

    .arses-action-card {
        flex-direction: row;
    }

    .journey-grid {
        grid-template-columns: repeat(5, minmax(240px, 1fr));
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding-bottom: 10px;
        margin: 0 -16px;
        padding-left: 16px;
        padding-right: 16px;
        -webkit-overflow-scrolling: touch;
    }

    .journey-card {
        scroll-snap-align: start;
        min-width: 260px;
        min-height: 340px;
    }

    .journey-card:nth-child(5) {
        grid-column: auto;
        max-width: none;
        justify-self: stretch;
    }

    .commerce-v2__panel {
        padding: 16px;
    }

    .commerce-v2__feed-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .commerce-v2__decision-meta {
        display: none;
    }

    .arses-commerce-v2 {
        padding: 40px 0 32px;
    }

    .arses-discovery__panel--categories,
    .arses-discovery__panel--ai {
        padding: 20px 16px;
    }

    .arses-discovery__categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .arses-categories__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .arses-discovery__rec-rail {
        gap: 14px;
        margin: 0;
        padding-inline: 0;
    }

    .arses-rec-card--discovery {
        flex: 0 0 var(--ai-carousel-card-width, min(220px, 78vw));
    }

    .arses-ai-carousel {
        --ai-carousel-card-width: min(220px, 78vw);
        margin: 0 -8px;
    }

    .arses-ai-carousel__nav {
        display: none;
    }


    .arses-living-stream {
        padding: 20px 0;
    }

    .arses-living-stream__item::after {
        margin: 0 20px;
    }

    .arses-living-stream__text {
        font-size: 0.8125rem;
    }

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

    .seller-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding-bottom: 8px;
        margin: 0 -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .seller-card {
        flex: 0 0 280px;
        scroll-snap-align: start;
        min-width: 280px;
        min-height: 300px;
    }

    .seller-card:nth-child(5) {
        grid-column: auto;
        max-width: none;
        justify-self: stretch;
    }

    .arses-user-greeting {
        display: none !important;
    }

    .arses-icon-btn:nth-child(n+2) {
        display: none;
    }

    .arses-hero--v3 {
        min-height: auto;
        padding: 28px 0 36px;
    }

    .arses-hero__title {
        font-size: clamp(2rem, 8vw, 2.75rem);
    }

    .arses-hero__panel {
        max-width: none;
    }

    .arses-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .arses-hero__action {
        width: 100%;
        text-align: center;
    }

    .arses-context-panel__pills {
        flex-direction: column;
    }

    .arses-suggestion-pill {
        width: 100%;
        justify-content: center;
    }

    .arses-delivery__card-inner {
        padding: 20px;
    }

    .arses-delivery__card--onboarding .arses-delivery__card-inner {
        padding: 28px 24px;
    }

    .arses-logistics-viz__overlay {
        padding: 20px 16px;
    }

    .arses-logistics-route__trigger {
        padding: 6px 12px 6px 8px;
    }

    .arses-logistics-route__name {
        font-size: 0.75rem;
    }

    .arses-logistics-route__impact {
        font-size: 0.625rem;
    }

    .arses-delivery__hero-glow--a {
        width: 200px;
        height: 200px;
    }

    .arses-delivery__phone-image {
        max-width: 120px;
    }
}

/* Prevent horizontal overflow */
body.arses-home {
    overflow-x: hidden;
}

.seller-grid,
.arses-discovery__rec-rail,
.journey-grid {
    -webkit-overflow-scrolling: touch;
}

.seller-grid::-webkit-scrollbar,
.arses-discovery__rec-rail::-webkit-scrollbar,
.journey-grid::-webkit-scrollbar {
    height: 4px;
}

.seller-grid::-webkit-scrollbar-thumb,
.arses-discovery__rec-rail::-webkit-scrollbar-thumb,
.journey-grid::-webkit-scrollbar-thumb {
    background: var(--arses-mint);
    border-radius: 4px;
}