/* ============================================================
   AIZM — MAIN CSS v3.0
   ============================================================ */

/* ----- Base ----- */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

/* ----- Components ----- */
@import url('components/buttons.css');
@import url('components/header.css');
@import url('components/navigation.css');
@import url('components/footer.css');
@import url('components/icons.css');

/* ----- Sections ----- */
@import url('sections/hero.css');
@import url('sections/hero-tiles.css');
@import url('sections/about.css');
@import url('sections/services.css');
@import url('sections/stats.css');
@import url('sections/cases.css');
@import url('sections/trust.css');
@import url('sections/achievements.css');

/* ============================================================
   UTILITIES
   ============================================================ */
.text-center {
    text-align: center;
}

.mt-8 {
    margin-top: 32px;
}

.mb-8 {
    margin-bottom: 32px;
}

.section-small {
    padding-top: var(--section-small-padding);
    padding-bottom: var(--section-small-padding);
}

.section-default {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
}

/* ============================================================
   BODY BASE
   ============================================================ */
body {
    background-color: var(--bg);
}

/* ============================================================
   FIXED SITE WIDTH (max 1600px, centered; 20px от краёв экрана)
   ============================================================ */
.container,
.hero .container-hero,
.trust__container,
.achievements__container,
.site-header .container,
.site-footer .container {
    width: min(1600px, calc(100% - 40px));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}