/* ==========================================
   MESACK STORE - RESPONSIVE GUCCI CATEGORIES (MOBILE)
   ========================================== */

@media screen and (max-width: 768px) {
    
    /* Fè veso a desann kòm kolòn vètikal sou telefòn */
    .container {
        flex-direction: column !important;
        height: auto !important;
        min-height: 100vh !important;
        width: 100% !important;
    }

    /* Fè chak bwat kategori pran yon wotè fiks ki pwòp */
    .category-box {
        min-height: 140px !important;
        padding: 20px 10px !important;
        box-sizing: border-box !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

    /* Diminye gwosè ak espas ekriti yo pou yo antre nèt */
    .category-box h2 {
        font-size: 1.4rem !important;        /* Pi piti pou l pa koupe */
        letter-spacing: 2px !important;      /* Diminye espas lèt yo */
        text-align: center !important;
        word-break: break-word !important;   /* Anpeche mo yo debòde */
        padding: 0 10px !important;
        line-height: 1.3 !important;
    }

    /* Ranje bouton "Retour" la pou l pa kouvri anyen */
    a[href*="luxury.html"] {
        position: relative !important;
        display: inline-block !important;
        margin: 15px auto 10px 15px !important;
        padding: 8px 14px !important;
        font-size: 12px !important;
        z-index: 10 !important;
    }
}