/* Mobile Responsive - Mega Nav & Header */
@media (max-width: 900px) {
.mobile-menu-btn { display: block; padding: 0.5rem var(--spacing-unit); }
.mega-nav-list {
display: none;
flex-direction: column;
gap: 0;
}
.mega-nav.open .mega-nav-list { display: flex; }
.mega-menu {
position: static;
box-shadow: none;
border-top: none;
opacity: 1;
visibility: visible;
transform: none;
padding: 1rem 0;
}
.mega-menu-inner {
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
}
.mega-featured { display: none; }
/* Printstop header responsive */
.printstop-header { padding: 0 16px; height: 60px; flex-wrap: wrap; }
.search-container { margin: 0 12px; order: 3; flex-basis: 100%; max-width: 100%; margin-top: 8px; }
.header-actions { gap: 16px; }
.action-btn span { display: none; }
.action-btn svg { margin-bottom: 0; }
}

/* PDP Responsive */
@media (max-width: 900px) {
    .pdp-overview { grid-template-columns: 1fr; gap: 1.5rem; }
    .pdp-customizer { grid-template-columns: 1fr; }
    .pdp-summary { position: static; }
    .option-cards { grid-template-columns: repeat(2, 1fr); }
}

/* Carousel & Home Responsive */
@media (max-width: 900px) {
.carousel-slide { aspect-ratio: 4 / 3; }
.carousel-content {
top: auto;
bottom: 20px;
left: 16px;
right: 16px;
transform: none;
padding: 1.5rem;
max-width: none;
}
.carousel-content.right {
left: 16px;
right: 16px;
text-align: left;
}
.mid-banners { grid-template-columns: 1fr; }
.newsletter-form { flex-direction: column; }
.header-top { flex-wrap: wrap; }
.search-container { order: 3; width: 100%; max-width: 100%; }
}

/* Visiting Cards Responsive */
@media (max-width: 900px) {
    .vc-top-layout { grid-template-columns: 1fr; }
    .vc-gallery { grid-template-columns: 1fr; }
    .vc-thumbs-vertical { flex-direction: row; order: 2; }
    .vc-main-img-wrapper { order: 1; min-height: 300px; }
    .vc-order-summary { position: static; }
}

/* Poster Responsive */
@media (max-width: 900px) {
    .poster-overview { grid-template-columns: 1fr; }
    .cross-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .cross-grid-5 { grid-template-columns: repeat(2, 1fr); }
    .poster-value-combos { grid-template-columns: repeat(2, 1fr); }
}

/* Apparel Responsive */
@media (max-width: 900px) {
    .apparel-top-layout { grid-template-columns: 1fr; }
    .apparel-customize-box { position: static; }
    .apparel-overview-split { grid-template-columns: 1fr; }
    .apparel-explore-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Login responsive */
@media (max-width: 480px) {
    .login-card {
        padding: 1.5rem 1.25rem;
    }
    .login-close-btn {
        top: 0.75rem;
        right: 0.75rem;
    }
}

/* Danglers responsive */
@media (max-width: 900px) {
    .dng-top-layout { grid-template-columns: 1fr; }
    .dng-order-summary { position: static; }
    .dng-related-grid { grid-template-columns: 1fr; }
    .visual-option-cards { grid-template-columns: repeat(2, 1fr); }
}

/* Banner Pages Responsive */
@media (max-width: 900px) {
    .banner-top-layout { grid-template-columns: 1fr; }
    .banner-customize-box { position: static; }
    .banner-overview-split { grid-template-columns: 1fr; }
    .banner-related-grid { grid-template-columns: 1fr 1fr; }
}

/* Cart panel mobile */
@media (max-width: 480px) {
    .cart-panel {
        width: 100%;
    }
}

/* Modal Responsive */
@media (max-width: 768px) {
    .upload-modal {
        grid-template-columns: 1fr;
        max-height: 95vh;
    }
    .modal-left {
        border-radius: 16px 16px 0 0;
        max-height: 35vh;
        overflow-y: auto;
    }
    .modal-right { border-radius: 0 0 16px 16px; }
}

/* UDM Modal Mobile */
@media (max-width: 480px) {
    .udm-box { max-width: 100%; border-radius: 14px 14px 0 0; }
    .udm-overlay { align-items: flex-end; padding: 0; }
}

/* View All Responsive */
@media (max-width: 1024px) {
    .viewall-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .viewall-grid { grid-template-columns: repeat(2, 1fr); }
    .viewall-section { padding: 1rem 1rem 2rem; }
}
@media (max-width: 480px) {
    .viewall-grid { grid-template-columns: 1fr; }
}

/* Tier Cards Responsive */
@media (max-width: 600px) {
    .tier-cards { grid-template-columns: 1fr; }
}