/* 92Mobile - Responsive Breakpoints */
@media (max-width: 320px) {
    :root {
        --screen-padding: 12px;
    }

    .product-card {
        flex: 0 0 140px;
    }

    .category-chip {
        width: 64px;
    }

    .section-title {
        font-size: 16px;
    }
}

@media (min-width: 375px) {
    .product-grid {
        gap: 14px;
    }
}

@media (min-width: 428px) {
    .app-container {
        max-width: 430px;
    }
}

@media (min-width: 768px) {
    .app-container {
        max-width: 430px;
        margin: 20px auto;
        border-radius: 20px;
        min-height: auto;
        height: 90vh;
    }

    body {
        align-items: center;
        background: #E5E5E5;
    }

    .app-header {
        border-radius: 20px 20px 0 0;
    }

    .bottom-nav {
        border-radius: 0 0 20px 20px;
    }

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

@media (min-width: 1024px) {
    body {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }

    .app-container {
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    }
}

/* Prevent iOS zoom on input focus */
input,
select,
textarea {
    font-size: 16px !important;
}

/* Safe area for notched phones */
.bottom-nav {
    padding-bottom: env(safe-area-inset-bottom, 5px);
}

.app-header {
    padding-top: env(safe-area-inset-top, 0px);
}

/* ── Ad containers: any size ad adjusts on mobile ── */
#stickyFooterAd {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}
#stickyFooterAd #stickyAdContent {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
#stickyFooterAd ins.adsbygoogle,
#stickyFooterAd iframe {
    max-width: 100% !important;
}