@media (max-width: 768px) {
    .card-bottom-row .btn-buy-now,
    .card-bottom-row.contact-us-bottom-row .btn-buy-now,
    .btn-buy-now.btn-contact-us {
        width: 100% !important;
        background: #1a1a1a !important;
        color: #fff !important;
        border: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        font-size: 0.78rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px;
        padding: 0 !important;
        text-transform: uppercase;
        line-height: 1 !important;
    }
}
/* ==========================================
   AHG CELL - CSS MOBILE PWA
   Estilos otimizados para dispositivos móveis
   ========================================== */

/* === RESET E BASE MOBILE === */
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    overscroll-behavior-y: contain;
}

/* === HEADER MOBILE - ESTILOS CUSTOMIZADOS === */
@media (max-width: 768px) {
    /* Menu hambúrguer agora é visível e controlado pelo style-modern.css */
    
    /* === AJUSTAR ESPAÇAMENTO DO CONTEÚDO === */
    .main-content {
        padding-top: 210px !important;
    }
    
    /* Páginas específicas */
    .page-content,
    .checkout-page,
    .cart-page,
    .profile-page,
    .orders-page,
    .auth-page,
    .help-page,
    .products-page {
        padding-top: 210px !important;
    }
    
    /* Seções que são primeiro filho após o header */
    .hero-banner-section:first-of-type,
    .horizontal-banner-section:first-of-type {
        margin-top: 0 !important;
    }
}

/* === HERO/BANNER MOBILE === */
@media (max-width: 768px) {
    .hero-section,
    .banner-section {
        margin-top: 0 !important;
        padding: 0.5rem;
    }
    
    .hero-slider,
    .banner-slider {
        border-radius: 12px;
    }
    
    .hero-slide img,
    .banner-slide img {
        border-radius: 12px;
    }
    
    /* Banner Horizontal Mobile */
    .horizontal-banner-section {
        padding: 0.25rem !important;
        margin: 0.25rem auto !important;
    }
    
    .horizontal-banner-container {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .horizontal-banner-img {
        width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
        display: block !important;
        object-fit: contain !important;
        max-height: none !important;
    }
    
    /* Hero Banner Section Mobile */
    .hero-banner-section {
        padding: 0.25rem !important;
        margin: 0.25rem auto !important;
    }
    
    .hero-banner-container {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .hero-banner-img,
    #heroBannerImg {
        width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
        display: block !important;
        object-fit: contain !important;
        max-height: none !important;
    }
    
    .hero-banner-link {
        display: block !important;
        width: 100% !important;
    }
}

/* === CATEGORIAS MOBILE === */
@media (max-width: 768px) {
    .categories-section {
        background: #ffffff !important;
        padding: 0.75rem 0.5rem !important;
        border-radius: 0 !important;
        border: none !important;
        margin: 0.5rem !important;
    }
    
    .categories-header {
        flex-direction: column;
        gap: 0.25rem;
        padding: 0 0.5rem 0.75rem;
        text-align: center;
    }
    
    .categories-header-left {
        width: 100%;
        justify-content: center;
    }
    
    /* Título das Categorias - Estilo igual Selecionados para você */
    .categories-title-text {
        font-size: 1rem !important;
        flex-direction: column !important;
        gap: 0.15rem !important;
        text-align: center !important;
        line-height: 1.3 !important;
        color: #1a1a1a !important;
    }
    
    .categories-title-icon {
        font-size: 1rem !important;
        color: #89CFF0 !important;
        display: block !important;
        margin-bottom: 0.1rem !important;
    }
    
    .category-item {
        min-width: 70px;
        padding: 0.5rem;
    }
    
    .category-icon {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
    }
    
    .category-name {
        font-size: 0.7rem;
    }
}

/* === CARDS DE PRODUTO MOBILE === */
@media (max-width: 768px) {
    .products-carousel .product-card {
        width: calc(50% - 0.5rem) !important;
        min-width: 0 !important;
        max-width: calc(50% - 0.5rem) !important;
        flex: 0 0 calc(50% - 0.5rem) !important;
    }
    
    .products-carousel {
        gap: 0.5rem !important;
    }

    .products-carousel-wrapper {
        padding: 0 !important;
    }

    /* Mega nav scrollable no mobile */
    .mega-nav-links {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        justify-content: flex-start !important;
        padding: 0 0.5rem !important;
    }
    
    .mega-nav-links::-webkit-scrollbar {
        display: none;
    }
    
    .mega-nav-link {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    /* Department carousel mobile */
    .departments-carousel {
        gap: 0.75rem !important;
        padding: 0 0.5rem !important;
    }

    .department-card {
        min-width: 90px !important;
        max-width: 120px !important;
    }

    .department-image-container {
        width: 75px !important;
        height: 75px !important;
    }
    
    .product-card {
        border-radius: 12px;
    }
    
    .product-image {
        height: 150px;
    }
    
    .product-info {
        padding: 0.75rem;
    }
    
    .product-name {
        font-size: 0.85rem;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
    
    .price-main-value {
        font-size: 1rem;
    }
    
    .price-pix-label {
        font-size: 0.7rem;
    }
    
    .btn-buy-now,
    .btn-add-cart {
        padding: 0.5rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 768px) {
    .mega-nav-inner {
        height: 40px !important;
    }
    
    /* Contato centralizado */
    .contact-info {
        text-align: center !important;
    }
    
    .contact-info li {
        justify-content: center !important;
        font-size: 0.8rem !important;
    }
    
    /* Footer bottom */
    .footer-bottom {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.75rem !important;
        padding-top: 1rem !important;
        text-align: center !important;
    }

    .footer-bottom-shared {
        gap: 0.85rem !important;
        padding: 1rem 0 0 !important;
    }

    .footer-legal-links {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 0.65rem 0.9rem !important;
        width: 100% !important;
    }

    .footer-legal-link {
        font-size: 0.8rem !important;
        line-height: 1.35 !important;
        text-align: center !important;
    }

    .footer-copyright-row,
    .footer-dev-row {
        width: 100% !important;
        max-width: 320px !important;
        white-space: normal !important;
        line-height: 1.45 !important;
        text-align: center !important;
    }

    .footer-dev-link {
        white-space: nowrap !important;
    }
    
    .footer-bottom p,
    #footerCopyrightText {
        font-size: 0.75rem !important;
        text-align: center !important;
        order: 2;
    }
    
    .payment-methods {
        justify-content: center !important;
        gap: 0.75rem !important;
        order: 1;
    }
    
    .payment-methods i {
        font-size: 1.5rem !important;
    }
}

/* === TELAS MUITO PEQUENAS (< 400px) === */
@media (max-width: 400px) {
    .header-content {
        padding: 0 0.35rem !important;
    }
    
    .logo img,
    #headerLogoImg {
        height: 30px !important;
        max-width: 30px !important;
    }
    
    .logo h1,
    #siteName {
        font-size: 14px !important;
    }
    
    .products-title-ml span:first-child {
        font-size: 0.75rem !important;
    }

    .products-title-ml .products-title-prefix,
    .products-title-ml .products-title-accent,
    .brands-title,
    .departments-title {
        font-size: 0.74rem !important;
        padding: 0.4rem 0.85rem !important;
        min-height: 32px !important;
    }
    
    .products-title-ml .highlight {
        font-size: 1rem !important;
    }
    
    .price-main-value {
        font-size: 0.95rem !important;
    }
    
    .btn-buy-now {
        padding: 0.4rem 0.25rem !important;
        font-size: 0.6rem !important;
    }
    
    .btn-add-cart {
        font-size: 0.5rem !important;
    }
}

/* ==========================================
   RESPONSIVIDADE GLOBAL - TODAS AS PÁGINAS
   ========================================== */

/* === CONTAINERS RESPONSIVOS === */
@media (max-width: 768px) {
    /* Containers de páginas - centralização */
    .checkout-container,
    .orders-container,
    .profile-container,
    .favoritos-container,
    .products-container,
    .help-container,
    .about-container,
    .privacy-container,
    .terms-container,
    .policy-container {
        width: calc(100% - 1rem) !important;
        max-width: calc(100% - 1rem) !important;
        margin: 0 auto !important;
        padding: 0 0.5rem !important;
        box-sizing: border-box !important;
    }
    
    /* Páginas - padding superior ajustado */
    .checkout-page,
    .orders-page,
    .profile-page,
    .favoritos-page,
    .products-page,
    .help-page,
    .about-page,
    .privacy-page,
    .terms-page,
    .policy-page,
    .cadastro-page,
    .login-page,
    .reset-page,
    .product-page {
        padding-top: 210px !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    
    /* Cards/Boxes brancos - centralização uniforme */
    .page-header,
    .checkout-card,
    .order-card,
    .profile-card,
    .help-card,
    .about-card,
    .content-card,
    .info-card,
    .section-card,
    .cadastro-container,
    .login-container,
    .reset-container {
        width: calc(100% - 1rem) !important;
        max-width: calc(100% - 1rem) !important;
        margin: 0.5rem auto !important;
        padding: 1rem !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }
    
    /* Títulos de página */
    .page-header h1,
    .page-title {
        font-size: 1.3rem !important;
        text-align: center !important;
    }
    
    /* Breadcrumbs */
    .breadcrumb {
        font-size: 0.8rem !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    /* Botões voltar */
    .back-button {
        margin: 0 auto 1rem auto !important;
        display: flex !important;
        justify-content: center !important;
        width: fit-content !important;
    }
}

/* === PÁGINA DE CHECKOUT === */
@media (max-width: 768px) {
    .checkout-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .checkout-main,
    .checkout-sidebar {
        width: 100% !important;
    }
    
    .checkout-section {
        padding: 1rem !important;
        margin-bottom: 0.75rem !important;
        border-radius: 10px !important;
    }
    
    .checkout-section h2,
    .checkout-section h3 {
        font-size: 1rem !important;
    }
    
    .address-form input,
    .address-form select {
        font-size: 16px !important; /* Evita zoom no iOS */
    }
    
    .shipping-option {
        padding: 0.75rem !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem !important;
    }
    
    .payment-methods-grid {
        grid-template-columns: 1fr !important;
    }
    
    .cart-item-checkout {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }
    
    .cart-item-image {
        width: 68px !important;
        height: 68px !important;
    }
}

/* === PÁGINA DE PEDIDOS === */
@media (max-width: 768px) {
    .order-card {
        padding: 1rem !important;
        margin-bottom: 1rem !important;
    }
    
    .order-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem !important;
    }
    
    .order-info {
        width: 100% !important;
    }
    
    .order-items {
        flex-direction: column !important;
    }
    
    .order-item {
        flex-direction: row !important;
        gap: 0.75rem !important;
    }
    
    .order-item-image {
        width: 50px !important;
        height: 50px !important;
    }
    
    .order-actions {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    
    .order-actions button,
    .order-actions a {
        width: 100% !important;
        text-align: center !important;
    }
}

/* === PÁGINA DE PERFIL === */
@media (max-width: 768px) {
    .profile-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .profile-sidebar,
    .profile-main {
        width: 100% !important;
    }
    
    .profile-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
    }
    
    .profile-menu a,
    .profile-menu button {
        flex: 1 1 calc(50% - 0.25rem) !important;
        min-width: 120px !important;
        text-align: center !important;
        padding: 0.75rem !important;
        font-size: 0.85rem !important;
    }
    
    .profile-form input,
    .profile-form select,
    .profile-form textarea {
        font-size: 16px !important;
    }
    
    .profile-section {
        padding: 1rem !important;
    }
    
    .address-card {
        padding: 1rem !important;
    }
}

/* === PÁGINA DE FAVORITOS === */
@media (max-width: 768px) {
    .favorites-grid,
    .favoritos-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
        padding: 0 !important;
    }
    
    .favorite-card,
    .favorito-card {
        padding: 0.5rem !important;
        border-radius: 8px !important;
    }
    
    .favorite-image,
    .favorito-image {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 !important;
    }
    
    .favorite-info {
        padding: 0.5rem 0 !important;
    }
    
    .favorite-name {
        font-size: 0.8rem !important;
        -webkit-line-clamp: 2 !important;
    }
}

/* === PÁGINA DE PRODUTO INDIVIDUAL === */
@media (max-width: 768px) {
    .product-page {
        padding: 100px 0.5rem 2rem 0.5rem !important;
    }
    
    .product-container {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .product-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .product-gallery,
    .product-info {
        width: 100% !important;
    }
    
    .product-main-image {
        width: 100% !important;
        max-height: 300px !important;
        object-fit: contain !important;
    }
    
    .product-thumbnails {
        display: flex !important;
        gap: 0.5rem !important;
        overflow-x: auto !important;
        padding: 0.5rem 0 !important;
    }
    
    .product-thumbnail {
        width: 60px !important;
        height: 60px !important;
        flex-shrink: 0 !important;
    }
    
    .product-title {
        font-size: 1.2rem !important;
    }
    
    .product-price {
        font-size: 1.5rem !important;
    }
    
    .product-actions {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
    
    .product-actions button {
        width: 100% !important;
    }
    
    .quantity-selector {
        justify-content: center !important;
    }
    
    .product-description,
    .product-specs {
        padding: 1rem !important;
    }
}

/* === PÁGINAS DE FORMULÁRIO (LOGIN/CADASTRO/RESET) === */
@media (max-width: 768px) {
    .cadastro-page,
    .login-page,
    .reset-page {
        padding: 100px 0.5rem 2rem 0.5rem !important;
        min-height: auto !important;
    }
    
    .cadastro-wrapper,
    .login-wrapper,
    .reset-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    .cadastro-container,
    .login-container,
    .reset-container {
        width: calc(100% - 1rem) !important;
        margin: 0 auto !important;
        padding: 1.5rem 1rem !important;
    }
    
    .form-title {
        font-size: 1.3rem !important;
        text-align: center !important;
    }
    
    .form-group input,
    .form-group select {
        font-size: 16px !important;
        padding: 0.75rem !important;
    }
    
    .form-row {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .form-row .form-group {
        width: 100% !important;
    }
    
    .btn-submit,
    .btn-login,
    .btn-register {
        width: 100% !important;
        padding: 0.875rem !important;
        font-size: 1rem !important;
    }
    
    .form-links {
        flex-direction: column !important;
        text-align: center !important;
        gap: 0.75rem !important;
    }
}

/* === PÁGINAS INSTITUCIONAIS (AJUDA/SOBRE/POLÍTICAS) === */
@media (max-width: 768px) {
    .help-page,
    .about-page,
    .privacy-page,
    .terms-page,
    .policy-page {
        padding: 100px 0.5rem 2rem 0.5rem !important;
    }
    
    .help-container,
    .about-container,
    .privacy-container,
    .terms-container,
    .policy-container {
        width: calc(100% - 1rem) !important;
        padding: 0 !important;
    }
    
    .help-section,
    .about-section,
    .policy-section,
    .faq-section,
    .content-section {
        background: white !important;
        padding: 1rem !important;
        margin: 0.5rem auto !important;
        border-radius: 10px !important;
        width: calc(100% - 1rem) !important;
        max-width: calc(100% - 1rem) !important;
        box-sizing: border-box !important;
    }
    
    .section-title,
    .help-title,
    .faq-title {
        font-size: 1.1rem !important;
    }
    
    .faq-item {
        padding: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .faq-question {
        font-size: 0.9rem !important;
        padding-right: 2rem !important;
    }
    
    .faq-answer {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    /* Cards de contato/info */
    .contact-card,
    .info-box {
        padding: 1rem !important;
        margin: 0.5rem auto !important;
        width: calc(100% - 1rem) !important;
    }
    
    .contact-methods {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .contact-method {
        width: 100% !important;
    }
}

/* === RESPONSIVIDADE FOOTER === */
@media (max-width: 768px) {
    .footer {
        padding: 1.5rem 0.5rem !important;
    }
    
    .footer-content {
        flex-direction: column !important;
        gap: 1.5rem !important;
        text-align: center !important;
    }
    
    .footer-section {
        width: 100% !important;
    }
    
    .footer-links {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    
    .footer-social {
        justify-content: center !important;
    }
    
    .footer-bottom {
        flex-direction: column !important;
        gap: 1rem !important;
        text-align: center !important;
    }
}

/* === PRODUTOS.HTML RESPONSIVO === */
@media (max-width: 768px) {
    .products-page {
        padding: 100px 0.5rem 2rem 0.5rem !important;
    }
    
    .products-page .page-header {
        width: calc(100% - 1rem) !important;
        margin: 0 auto 1rem auto !important;
        padding: 1rem !important;
    }
    
    .products-filters {
        flex-direction: column !important;
        gap: 0.75rem !important;
        padding: 1rem !important;
        width: calc(100% - 1rem) !important;
        margin: 0 auto 1rem auto !important;
        background: white !important;
        border-radius: 10px !important;
    }
    
    .filter-group {
        width: 100% !important;
    }
    
    .filter-group select,
    .filter-group input {
        width: 100% !important;
        font-size: 16px !important;
    }
    
    .products-grid-page {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
        padding: 0.5rem !important;
        width: calc(100% - 1rem) !important;
        margin: 0 auto !important;
        background: white !important;
        border-radius: 10px !important;
    }
    
    .products-grid-page .product-card {
        width: 100% !important;
        min-width: unset !important;
        max-width: unset !important;
    }
}

/* ==========================================
   HOMEPAGE MOBILE RESPONSIVENESS FIXES
   ========================================== */
@media (max-width: 768px) {
    /* === PREVENT HORIZONTAL OVERFLOW === */
    .main-content,
    .main-content > section,
    .main-content > .custom-template-section,
    .main-content > .products-with-sidebars {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* === HORIZONTAL BANNER === */
    .horizontal-banner-section {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto var(--section-spacing) auto !important;
        overflow: hidden !important;
    }
    .horizontal-banner-container {
        width: 100% !important;
        padding: 0 !important;
    }
    .horizontal-banner-img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
    }

    /* === VERTICAL BANNER === */
    .vertical-banner-section {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    .vertical-banner-container {
        width: 100% !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    .vertical-banner-grid {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }
    .vertical-banner-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
        max-height: none !important;
    }

    /* === MAIN SLIDER MOBILE === */
    .main-slider {
        height: auto !important;
        max-height: 350px !important;
        min-height: 180px !important;
        aspect-ratio: 16 / 9 !important;
    }
    .main-slider .slide-content {
        padding: 1rem 1.25rem !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .slider-arrow {
        width: 22px !important;
        height: 22px !important;
        font-size: 0.6rem !important;
    }

    /* === PRODUCTS CAROUSEL MOBILE === */
    .products-carousel-wrapper {
        padding: 0 !important;
        overflow: hidden !important;
    }
    .products-carousel {
        gap: 2px !important;
        padding: 0.25rem 0 !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
    }
    .products-carousel .product-card {
        width: calc(50% - 1px) !important;
        min-width: 0 !important;
        max-width: calc(50% - 1px) !important;
        flex: 0 0 calc(50% - 1px) !important;
    }
    .carousel-nav-btn {
        width: 22px !important;
        height: 22px !important;
        font-size: 0.55rem !important;
    }
    .carousel-nav-btn.prev {
        left: 0 !important;
    }
    .carousel-nav-btn.next {
        right: 0 !important;
    }

    /* === TEMPLATE CAROUSEL NAV === */
    .template-carousel-nav {
        width: 22px !important;
        height: 22px !important;
        font-size: 0.6rem !important;
    }
    .template-carousel-nav.prev {
        left: 4px !important;
    }
    .template-carousel-nav.next {
        right: 4px !important;
    }

    /* === PRODUCTS SECTION MOBILE === */
    .products-section {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0.5rem 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .products-section .products-container {
        padding: 0 !important;
        max-width: 100% !important;
    }

    /* === OUT OF STOCK SECTION MOBILE === */
    .out-of-stock-section {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0.5rem 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .out-of-stock-container {
        padding: 0 !important;
        max-width: 100% !important;
    }
    .products-carousel.out-of-stock-carousel .out-of-stock-card {
        width: calc(50% - 1px) !important;
        min-width: 0 !important;
        max-width: calc(50% - 1px) !important;
        flex: 0 0 calc(50% - 1px) !important;
    }

    /* === DEPARTMENTS CAROUSEL MOBILE === */
    .departments-section {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem 0 !important;
        margin: 0.25rem 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    .departments-carousel-wrapper {
        padding: 0 28px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .departments-nav-btn {
        width: 22px !important;
        height: 22px !important;
        font-size: 0.55rem !important;
    }

    /* === BRANDS / QUICK LINKS MOBILE === */
    .quick-links-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0.25rem 0 !important;
        padding: 0.5rem 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    .quick-links-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 0.5rem !important;
        padding: 0.25rem 0.5rem !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
    }
    .quick-link-item {
        flex-shrink: 0 !important;
        min-width: 72px !important;
        padding: 0.5rem 0.75rem !important;
    }
    .quick-link-icon {
        width: 42px !important;
        height: 42px !important;
        font-size: 1.1rem !important;
    }

    /* === CUSTOM TEMPLATE SECTIONS MOBILE === */
    .custom-template-section {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: var(--section-spacing) 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    .custom-template-container {
        width: 100% !important;
        padding: 0 !important;
    }

    /* === PRODUCTS GRID MOBILE === */
    .products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* === SIDE BANNER COLUMN HIDE ON MOBILE === */
    .side-banner-column {
        display: none !important;
    }

    /* === FIX PRODUCT CARD BOTTOM ROW BUTTON WIDTHS === */
    .card-bottom-row .btn-buy-now {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* === FIX IMAGES IN CARDS TO FIT === */
    .product-image img {
        object-fit: contain !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    /* === FIX PRODUCT CARD OVERFLOW === */
    .product-card {
        overflow: hidden !important;
        max-width: 100% !important;
    }

    /* === FIX PAGE-CONTENT PADDING CONSISTENCY === */
    .page-content,
    .checkout-page,
    .cart-page,
    .profile-page,
    .orders-page,
    .auth-page,
    .help-page,
    .products-page {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* === FIX 1: SCROLLABLE MENU TABS === */
    .categories-tabs .tabs-wrapper {
        justify-content: flex-start !important;
        padding: 0 0.5rem !important;
        overflow-x: auto !important;
    }

    /* === FIX 4: FOOTER ALIGNMENT === */
    .footer {
        padding: 1.5rem 0.5rem !important;
    }
    .footer-content-shared,
    .footer-main-row-shared {
        flex-direction: column !important;
        gap: 0.65rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .footer-logo-block {
        flex-direction: column !important;
        gap: 0.35rem !important;
    }
    .footer-phone-row,
    .footer-address-row {
        white-space: normal !important;
        word-break: break-word !important;
        line-height: 1.45 !important;
        max-width: 100% !important;
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .footer-address-row a {
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center !important;
        justify-content: center !important;
    }
    .footer-bottom-shared {
        flex-direction: column !important;
        gap: 0.5rem !important;
        padding: 0.75rem 0.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .footer-legal-links {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 0.4rem 0.6rem !important;
        width: 100% !important;
    }
    .footer-legal-link {
        font-size: 0.7rem !important;
        white-space: nowrap !important;
    }
    .footer-copyright-row,
    .footer-dev-row {
        white-space: normal !important;
        max-width: 100% !important;
        width: 100% !important;
        text-align: center !important;
        line-height: 1.45 !important;
        font-size: 0.65rem !important;
    }
    .footer-dev-link {
        white-space: nowrap !important;
    }
    .footer-divider-main,
    .footer-divider-bottom,
    .footer-divider-legal {
        display: none !important;
    }
}

/* ==========================================
   SMALL PHONE FIXES (< 480px)
   ========================================== */
@media (max-width: 480px) {
    .products-carousel-wrapper {
        padding: 0 !important;
    }
    .products-carousel .product-card {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
    .products-carousel {
        gap: 1px !important;
    }
    .product-image {
        height: 180px !important;
    }
    .main-slider {
        max-height: 240px !important;
    }
    .departments-carousel-wrapper {
        padding: 0 24px !important;
    }
    .departments-nav-btn {
        width: 22px !important;
        height: 22px !important;
        font-size: 0.55rem !important;
    }
    .carousel-nav-btn {
        width: 22px !important;
        height: 22px !important;
        font-size: 0.55rem !important;
    }
    .template-carousel-nav {
        width: 22px !important;
        height: 22px !important;
        font-size: 0.55rem !important;
    }
    .slider-arrow {
        width: 22px !important;
        height: 22px !important;
        font-size: 0.55rem !important;
    }
    .quick-link-item {
        min-width: 64px !important;
        padding: 0.4rem 0.5rem !important;
    }
    .quick-link-icon {
        width: 36px !important;
        height: 36px !important;
        font-size: 1rem !important;
    }
    .quick-link-text {
        font-size: 0.6rem !important;
    }
}

/* ==========================================
   VERY SMALL PHONE FIXES (< 360px)
   ========================================== */
@media (max-width: 360px) {
    .products-carousel-wrapper {
        padding: 0 !important;
    }
    .product-image {
        height: 150px !important;
    }
    .main-slider {
        max-height: 200px !important;
    }
    .products-carousel .product-card {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
    .products-carousel {
        gap: 0 !important;
    }
    .departments-carousel-wrapper {
        padding: 0 20px !important;
    }
}

/* === GRID ADAPTATIVO 4K+ === */
@media (min-width: 2000px) {
    .products-container,
    .checkout-container,
    .profile-container,
    .orders-container {
        max-width: 1800px !important;
    }
    
    .products-grid-page {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    }
}