/* 
    1390px ve 1730px site-container olmas� i�indir.
*/

:root {
    --site-container-width-value: 85vw;
    --site-container-max-width-value: 1360px; /* container-md max-width */
    --site-container-width: clamp(
        0vw,
        var(--site-container-width-value),
        var(--site-container-max-width-value)
    );
}

@media (max-width: 1024px) {
    :root {
        --site-container-width-value: 89vw;
    }
}

@media (min-width: 2000px) {
    :root {
        --site-container-max-width-value: 1560px;
    }
}

.grid-container {
    display: grid;
    grid-template-columns: [left-start] calc(
            (100% - var(--site-container-width)) / 2
        ) [mid-start right-start] minmax(0, 1fr) [left-end mid-end] calc(
            (100% - var(--site-container-width)) / 2
        ) [right-end];
    grid-template-rows: auto;
}

.grid-container .grid-full {
    grid-column: full;
}

.grid-container .grid-mid {
    grid-column: mid;
}

.grid-container .grid-right {
    grid-column: right;
}

.grid-container .grid-left {
    grid-column: left;
}

/* @media (max-width: 768px) {
    .grid-container > .grid-right {
        grid-column: mid;
    }
} */