/* ======================================================================
   Aipics — Responsive rules
   ====================================================================== */

/* Large laptops */
@media (max-width: 1199.98px) {
    .float-chip.c1 { left: 0; }
    .float-chip.c2 { right: 0; }
}

/* Tablets & below: collapsed navbar */
@media (max-width: 991.98px) {
    :root { --nav-h: 68px; }
    body { padding-bottom: 86px; }
    .layout-editor { padding-bottom: 0; }
    .aipics-navbar .navbar-collapse {
        position: absolute; top: var(--nav-h); left: 0; right: 0; background: #fff; padding: 12px 20px 4px;
        border-bottom: 1px solid var(--ai-border); box-shadow: 0 20px 40px rgba(15, 23, 42, .1);
        max-height: calc(100vh - var(--nav-h)); overflow-y: auto;
    }
    .aipics-navbar .navbar-nav .nav-link { padding: .75rem .5rem !important; border-bottom: 1px solid #F1F5F9; border-radius: 0; }
    .aipics-navbar .navbar-nav .nav-link.active::after { display: none; }
    .section { padding: 72px 0; }
    .hero .carousel-item { padding: 40px 0 80px; }
    .hero-visual { margin-top: 36px; }
    .upload-section { margin-top: -40px; }
    .upload-card { padding: 24px; }
    .auth-side { display: none; }
    .dash-wrap { flex-direction: column; padding-top: 20px; }
    .dash-sidebar { width: 100%; }
    .dash-sidebar .dash-nav { position: static; display: flex; gap: 6px; overflow-x: auto; padding: 10px; }
    .dash-sidebar .dash-user { display: none; }
    .dash-nav a, .dash-nav button.dash-link, .dash-nav form { white-space: nowrap; width: auto; flex-shrink: 0; }
    .masonry { column-count: 2; }
    .filter-panel { position: static; }
    .site-footer { padding-bottom: 110px; }
}

/* Phones */
@media (max-width: 767.98px) {
    body { font-size: 15px; }
    .section { padding: 56px 0; }
    .section-head { margin-bottom: 36px; }
    .hero .hero-sub { font-size: 1rem; }
    .float-chip { display: none; }
    .float-chip.c3 { display: flex; left: 50%; transform: translateX(-50%); bottom: -18px; animation: none; white-space: nowrap; }
    .stats-band { padding: 40px 20px; }
    .cta-band { padding: 48px 22px; }
    .pricing-card { padding: 30px 22px; }
    .masonry { column-count: 1; }
    .cart-line { flex-wrap: wrap; }
    .cart-line img { width: 72px; height: 60px; }
    .aipics-toasts { left: 0; right: 0; }
    .aipics-toast { min-width: 0; width: 100%; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .page-hero { padding: 48px 0 40px; }
    .dropzone { padding: 36px 16px; }
    .panel { padding: 18px; }
    .toolbar-row { flex-direction: column; align-items: stretch; }
    .hscroll > * { flex-basis: 240px; }
}

@media (max-width: 575.98px) {
    .brand-word { font-size: 1.25rem; }
    .icon-btn { width: 36px; height: 36px; }
    .pc-actions { flex-direction: column; }
    .btn-lg { padding: .75rem 1.3rem; font-size: .98rem; }
    .stat-card { padding: 16px; }
    .stat-card .sc-icon { width: 46px; height: 46px; }
}