.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Segoe UI', Tahoma, Arial, 'Noto Sans Arabic', system-ui, sans-serif;
}

[dir="rtl"] body {
    font-family: 'Segoe UI', Tahoma, Arial, 'Noto Sans Arabic', system-ui, sans-serif;
}

/* Navigation */
.site-nav__link {
    color: #3A3632;
    background: transparent;
    border: 1px solid transparent;
}

.site-nav__link:hover {
    background: rgba(67, 186, 196, 0.12);
    border-color: transparent;
}

.site-nav__link--active {
    background: #43bac4;
    color: #fff;
    border-color: #43bac4;
    box-shadow: 0 2px 8px rgba(67, 186, 196, 0.28);
}

.site-nav__link--active:hover {
    background: #3699a1;
    border-color: #3699a1;
    color: #fff;
}

.site-nav__locale {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
}

.site-nav__locale-btn {
    color: #3A3632;
    background: transparent;
}

.site-nav__locale-btn:hover:not(.site-nav__locale-btn--active) {
    background: rgba(232, 222, 210, 0.85);
}

.site-nav__locale-btn--active {
    background: #43bac4;
    color: #fff;
}

.site-nav__locale-btn + .site-nav__locale-btn {
    border-inline-start: 1px solid rgba(58, 54, 50, 0.12);
}

.site-nav__menu {
    background: rgba(255, 255, 255, 0.95);
}

@media (min-width: 768px) {
    .site-nav__menu {
        background: transparent;
    }
}