/* ============================================================
 * Grid Mini — Bootstrap 3-uyumlu minimal grid + utilities
 * Render-blocking yüklenir; bootstrap.min.css (form-control/btn/modal)
 * preload+onload ile defer yüklenir.
 * ============================================================ */
.container { max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.container-fluid { max-width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
[class*="col-"] { padding: 0 15px; box-sizing: border-box; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { width: 100%; }

/* xs (default) — mobile first */
.col-xs-1 { width: 8.33333%; }
.col-xs-2 { width: 16.66666%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.33333%; }
.col-xs-5 { width: 41.66666%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.33333%; }
.col-xs-8 { width: 66.66666%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.33333%; }
.col-xs-11 { width: 91.66666%; }
.col-xs-12 { width: 100%; }
.col-xs-offset-0 { margin-left: 0; }
.col-xs-offset-1 { margin-left: 8.33333%; }
.col-xs-offset-2 { margin-left: 16.66666%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-4 { margin-left: 33.33333%; }
.col-xs-offset-6 { margin-left: 50%; }

@media (min-width: 768px) {
    .col-sm-1 { width: 8.33333%; }
    .col-sm-2 { width: 16.66666%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33333%; }
    .col-sm-5 { width: 41.66666%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.33333%; }
    .col-sm-8 { width: 66.66666%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.33333%; }
    .col-sm-11 { width: 91.66666%; }
    .col-sm-12 { width: 100%; }
    .col-sm-offset-0 { margin-left: 0; }
    .col-sm-offset-1 { margin-left: 8.33333%; }
    .col-sm-offset-2 { margin-left: 16.66666%; }
    .col-sm-offset-3 { margin-left: 25%; }
    .col-sm-offset-4 { margin-left: 33.33333%; }
    .col-sm-offset-6 { margin-left: 50%; }
}

@media (min-width: 992px) {
    .col-md-1 { width: 8.33333%; }
    .col-md-2 { width: 16.66666%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.33333%; }
    .col-md-5 { width: 41.66666%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.33333%; }
    .col-md-8 { width: 66.66666%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.33333%; }
    .col-md-11 { width: 91.66666%; }
    .col-md-12 { width: 100%; }
    .col-md-offset-0 { margin-left: 0; }
    .col-md-offset-1 { margin-left: 8.33333%; }
    .col-md-offset-2 { margin-left: 16.66666%; }
    .col-md-offset-3 { margin-left: 25%; }
    .col-md-offset-4 { margin-left: 33.33333%; }
    .col-md-offset-6 { margin-left: 50%; }
}

@media (min-width: 1200px) {
    .col-lg-1 { width: 8.33333%; }
    .col-lg-2 { width: 16.66666%; }
    .col-lg-3 { width: 25%; }
    .col-lg-4 { width: 33.33333%; }
    .col-lg-5 { width: 41.66666%; }
    .col-lg-6 { width: 50%; }
    .col-lg-7 { width: 58.33333%; }
    .col-lg-8 { width: 66.66666%; }
    .col-lg-9 { width: 75%; }
    .col-lg-10 { width: 83.33333%; }
    .col-lg-11 { width: 91.66666%; }
    .col-lg-12 { width: 100%; }
    .col-lg-offset-0 { margin-left: 0; }
    .col-lg-offset-1 { margin-left: 8.33333%; }
    .col-lg-offset-2 { margin-left: 16.66666%; }
    .col-lg-offset-3 { margin-left: 25%; }
}

/* Visibility utilities */
.hidden-xs { }
@media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs { display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } .visible-sm { display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } .visible-md { display: block !important; } }
@media (min-width: 1200px) { .hidden-lg { display: none !important; } .visible-lg { display: block !important; } }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none; }

/* Text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }

/* Pull / float utilities */
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix::after { content: ""; display: table; clear: both; }

/* sr-only */
.sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0;
    margin: -1px; overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

/* ============================================================
 * BOOTSTRAP FORM-CONTROL & BTN CRITICAL FALLBACK
 * Bootstrap.min.css defer'a alındı; bu kurallar form/btn'in geç
 * yüklenme sırasında flicker etmemesi için inline-equivalent.
 * Site özel form CSS'leri (cf-, rs-) bunu zaten override eder.
 * ============================================================ */
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}
textarea.form-control { height: auto; resize: vertical; }
.form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.form-group { margin-bottom: 15px; }

.btn {
    display: inline-block;
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    user-select: none;
    text-decoration: none;
    box-sizing: border-box;
}
.btn-block { display: block; width: 100%; }
.btn-default { color: #333; background: #fff; border-color: #ccc; }
.btn-primary { color: #fff; background: #337ab7; border-color: #2e6da4; }
.btn-success { color: #fff; background: #5cb85c; border-color: #4cae4c; }
.btn-info { color: #fff; background: #5bc0de; border-color: #46b8da; }
.btn-warning { color: #fff; background: #f0ad4e; border-color: #eea236; }
.btn-danger { color: #fff; background: #d9534f; border-color: #d43f3a; }

.alert {
    padding: 14px 18px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success { color: #1B6B3B; background: #E6F4EC; border-color: #c6e6d3; }
.alert-info { color: #31708f; background: #d9edf7; border-color: #bce8f1; }
.alert-warning { color: #8a6d3b; background: #fcf8e3; border-color: #faebcc; }
.alert-danger { color: #9E4222; background: #FCEAE5; border-color: #ebccd1; }

/* Modal critical (sözleşme modal) */
.modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow: auto; outline: 0; }
.modal.in { display: block; }
.modal-dialog { position: relative; width: auto; margin: 30px auto; max-width: 600px; }
.modal-content { position: relative; background: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,.5); padding: 20px; }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-body { padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background: #000; opacity: 0; }
.modal-backdrop.in { opacity: .5; }