/* ==========================================
   MESACK STORE - RESPONSIVE LUXURY (MOBILE)
   ========================================== */

@media screen and (max-width: 768px) {
    
    /* Fè veso a pran tout wotè ekran telefòn lan kòm kolòn pwòp */
    .luxury-container {
        flex-direction: column !important;
        height: auto !important;
        min-height: 100vh !important;
        width: 100% !important;
    }

    /* Diminye wotè ak espas chak brand-banner pou yo tout ka antre */
    .brand-banner {
        min-height: 120px !important;
        padding: 20px 10px !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

    /* Diminye gwosè ekriti a ak espas lèt yo pou yo pa koupe sou telefòn */
    .brand-banner h2 {
        font-size: 1.5rem !important;        /* Pi piti pou l antre sou telefòn */
        letter-spacing: 3px !important;      /* Diminye espas ant lèt yo */
        text-align: center !important;
        word-break: break-word !important;   /* Anpeche mo yo sòti nan bwat la */
        padding: 0 10px !important;
        line-height: 1.2 !important;
    }

    /* Ranje bouton "Retour" la pou l pa kouvri tèks premye mak la */
    a[href*="index.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;
    }
}