/**
 * File: assets/css/frontend/home/responsive.css
 * Purpose: Defines responsive safeguards for the approved marketplace hero and original interface-card composition.
 * Scope: Front-page responsive behaviour only.
 * Related PHP: src/Frontend/Home/HomeRenderer.php
 * Related CSS: assets/css/frontend/home/home.css
 * Related JS: None
 * Package: HyperDAF Pro
 */

@media (max-width: 82rem) {
    .hdf-home__container { width: min(calc(100% - 3rem), var(--hdf-marketplace-shell-max)); }
    .hdf-home-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(25rem, .9fr); gap: 2rem; }
    .hdf-home-hero__title { max-width: 18.6ch; font-size: clamp(2.45rem, 3.15vw, 3.2rem); }
    .hdf-home-hero__trust { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem 0; }
    .hdf-home-hero__trust-item:nth-child(3) { padding-inline-start: 0; border-inline-start: 0; }
}

@media (max-width: 72rem) {
    .hdf-home__container { width: min(calc(100% - 2.5rem), var(--hdf-marketplace-shell-max)); }
    .hdf-home-hero__grid { grid-template-columns: minmax(0, .98fr) minmax(22rem, .86fr); gap: 1.6rem; }
    .hdf-home-hero__visual { min-height: 19.25rem; }
    .hdf-home-suite-card--theme { width: 41%; }
    .hdf-home-suite-card--plugin { width: 44%; }
}

@media (max-width: 64rem) {
    .hdf-home-hero { padding: .625rem 0 1.4rem; }
    .hdf-home-hero__grid { grid-template-columns: 1fr; gap: 2.25rem; transform: none; }
    .hdf-home-hero__content { max-width: 49rem; }
    .hdf-home-hero__title { max-width: 18ch; }
    .hdf-home-hero__visual { width: min(100%, 43rem); min-height: 24rem; margin-inline: auto; }
}

@media (max-width: 48rem) {
    .hdf-home__container { width: min(calc(100% - 2rem), var(--hdf-marketplace-shell-max)); }
    .hdf-home-hero { padding: .75rem 0 1.225rem; }
    .hdf-home-hero__grid { gap: 2rem; }
    .hdf-home-hero__title { max-width: 100%; font-size: clamp(2.05rem, 7.8vw, 2.75rem); }
    .hdf-home-hero__title-line { white-space: normal; }
    .hdf-home-hero__description { font-size: 1rem; line-height: 1.65; }
    .hdf-home-hero__visual { min-height: 22rem; }
    .hdf-home-suite-card--template { left: 1%; }
    .hdf-home-suite-card--saas { right: 0; }
    .hdf-home-content { padding-block: var(--hdf-spacing-8); }
}

@media (max-width: 36rem) {
    .hdf-home-hero__actions { display: grid; grid-template-columns: 1fr; }
    .hdf-home-hero__actions .hdf-button { width: 100%; justify-content: center; }
    .hdf-home-hero__trust { grid-template-columns: 1fr 1fr; gap: 1rem 0; }
    .hdf-home-hero__trust-item,
    .hdf-home-hero__trust-item:nth-child(3) { padding-inline: .7rem; border-inline-start: 1px solid var(--hdf-color-border); }
    .hdf-home-hero__trust-item:nth-child(odd) { padding-inline-start: 0; border-inline-start: 0; }
    .hdf-home-hero__visual {
        display: grid;
        min-height: auto;
        grid-template-columns: 1fr;
        gap: .9rem;
    }
    .hdf-home-hero__visual::before,
    .hdf-home-hero__visual-shape { display: none; }
    .hdf-home-suite-card,
    .hdf-home-suite-card--theme,
    .hdf-home-suite-card--plugin,
    .hdf-home-suite-card--template,
    .hdf-home-suite-card--saas {
        position: relative;
        inset: auto;
        width: 100%;
        min-height: 0;
        transform: none;
    }
}

@media (max-width: 24.375rem) {
    .hdf-home__container { width: calc(100% - 1.5rem); }
    .hdf-home-hero__title { font-size: clamp(2.05rem, 10vw, 2.55rem); }
    .hdf-home-hero__trust { grid-template-columns: 1fr; }
    .hdf-home-hero__trust-item,
    .hdf-home-hero__trust-item:nth-child(3),
    .hdf-home-hero__trust-item:nth-child(odd) { padding: 0; border: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .hdf-home-suite-card,
    .hdf-home-hero__actions .hdf-button { transition: none; transform: none; }
}
@media print { .hdf-home-hero__visual, .hdf-home-hero__actions { display: none; } }