/* ============================================
   ZETRE - Product Mobile Styles (max-width: 767px)
   ============================================ */

.page-hero {
    padding: calc(56px + var(--space-6)) 0 var(--space-10);
}

.page-hero-content h1 {
    font-size: var(--text-2xl);
}

.page-hero-content p {
    font-size: var(--text-sm);
}

.page-hero-shape {
    width: 250px;
    height: 250px;
    top: -100px;
    right: -60px;
}

.hero-wave svg {
    height: 30px;
}

/* Filter scrollable on mobile */
.product-filter {
    gap: var(--space-2);
    padding: var(--space-1) 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.product-filter::-webkit-scrollbar {
    display: none;
}

.filter-btn {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-xs);
    min-height: 40px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* New Launch Mobile Styles */
.new-launch-card {
    padding: var(--space-5);
}

.new-launch-badge-floating {
    position: static;
    display: inline-flex;
    margin-bottom: var(--space-3);
}

.new-launch-header h2 {
    font-size: var(--text-xl);
}

/* Products single column on mobile */
.product-grid-vertical {
    grid-template-columns: 1fr;
    gap: var(--space-4);
}

.product-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-features {
    flex-direction: column;
    gap: var(--space-2);
}

/* Section header */
.section-header h2 {
    font-size: var(--text-xl);
}