/* COZY.PK — mobile layout fixes (loaded after main.css). Removes sideways scrolling on phones. */

/* Grid/flex children must be allowed to shrink below their content width. */
.single-product-grid > *,
.form-grid-2 > *,
.shop-layout-wrap > *,
.hero-card > *,
.custom-banner-card > * {
    min-width: 0;
}

.form-group input,
.form-group select,
.form-group textarea {
    max-width: 100%;
    box-sizing: border-box;
}

img,
video,
iframe {
    max-width: 100%;
}

@media (max-width: 768px) {
    /* Header: icons only, tighter spacing */
    .header-actions {
        gap: 12px;
        flex-shrink: 0;
    }
    .header-actions .action-label {
        display: none;
    }

    /* Section header + filter tabs stack, tabs scroll horizontally */
    .category-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 4px;
    }
    .category-tabs::-webkit-scrollbar {
        display: none;
    }
    .category-tabs .tab-btn {
        flex: 0 0 auto;
        margin: 0;
    }
    .section-header,
    .section-head,
    .section-heading-row {
        flex-wrap: wrap;
        gap: 12px;
    }


    /* Top bar: one line on phones */
    .announcement-right {
        display: none;
    }
    .announcement-content {
        justify-content: center;
        text-align: center;
    }

    .single-product-grid {
        gap: 24px;
    }
    .quote-form-card {
        padding: 18px;
    }
}

/* Safety net: never let a stray element create a horizontal scrollbar. */
html,
body {
    overflow-x: clip;
}