*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
    transition: all 0.3s ease;
}

*:-webkit-scrollbar {
    display: none;
}

html, body {
    height: 100%;
    scroll-behavior: smooth;
    font-family: 'Rubik', sans-serif;
    user-select: none;
    overflow-x: hidden;
    touch-action: manipulation;
    overscroll-behavior: contain;
}

.expanded {
    height: auto;  /* هنخلي الحجم يقدر يتغير بناءً على المحتوى */
}