html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    direction: rtl;
    font-family: var(--font-family);
    background: var(--bg-main);
    color: var(--text-primary);
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

.container {
    width: min(100%, var(--container));
    margin: auto;
    padding-inline: 20px;
}

section {
    position: relative;
    padding: 80px 0;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* تست نهایی: هدر باید حاشیه قرمز بگیرد */
.skymabiz-header {
    border: 10px solid red !important;
}