/* SSS, İletişim ve Teklif sayfaları */
.faq-tools {
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 90px;
    align-items: end;
    margin-bottom: 45px
}

    .faq-tools h2 {
        margin: 17px 0 0
    }

.faq-search label {
    display: block;
    margin-bottom: 7px;
    color: var(--navy);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px
}

.faq-search > div {
    height: 58px;
    display: flex;
    align-items: center;
    border: 1px solid #dddfe2;
    background: #fff
}

.faq-search input {
    flex: 1;
    height: 100%;
    border: 0;
    padding: 0 18px;
    outline: 0
}

.faq-search span {
    padding: 0 18px;
    color: var(--gold);
    font-size: 25px
}

.faq-filter {
    display: flex;
    margin-bottom: 45px;
    border-bottom: 1px solid var(--line)
}

    .faq-filter button {
        padding: 14px 24px;
        border: 0;
        border-bottom: 2px solid transparent;
        background: none;
        color: #75808e;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        cursor: pointer
    }

        .faq-filter button.active, .faq-filter button:hover {
            color: var(--navy);
            border-bottom-color: var(--gold)
        }

.faq-page-grid {
    display: grid;
    grid-template-columns: .38fr .62fr;
    gap: 80px
}

.faq-help {
    align-self: start;
    padding: 37px;
    background: var(--navy);
    color: #fff;
    border-bottom: 3px solid var(--gold)
}

    .faq-help > span {
        color: var(--gold-light);
        font-size: 9px;
        letter-spacing: 1.2px
    }

    .faq-help h3 {
        margin: 45px 0 12px;
        font: 600 28px "Playfair Display",serif
    }

    .faq-help p {
        color: #aeb9c7;
        font-size: 12px
    }

    .faq-help a {
        display: inline-block;
        margin-top: 17px;
        color: var(--gold-light);
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase
    }

.faq-full-list .accordion-item {
    padding: 0 22px;
    border: 1px solid var(--line);
    margin-bottom: 10px;
    background: #fff
}

    .faq-full-list .accordion-item.active {
        border-left: 3px solid var(--gold)
    }

    .faq-full-list .accordion-item button {
        min-height: 72px
    }

        .faq-full-list .accordion-item button span {
            display: flex;
            align-items: center;
            gap: 17px
        }

        .faq-full-list .accordion-item button small {
            color: var(--gold);
            font-size: 9px
        }

.faq-empty {
    display: none;
    padding: 25px;
    background: var(--cream);
    color: var(--muted);
    font-size: 12px
}

.contact-info-band {
    background: #f6f4ef
}

.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr)
}

    .contact-info-grid > a, .contact-info-grid > div {
        position: relative;
        min-height: 190px;
        padding: 34px;
        border-right: 1px solid #ddd9d1
    }

    .contact-info-grid > *:last-child {
        border: 0
    }

    .contact-info-grid > * > span {
        position: absolute;
        right: 28px;
        top: 28px;
        color: #b5a680;
        font-size: 9px
    }

    .contact-info-grid small, .contact-info-grid strong, .contact-info-grid b {
        display: block
    }

    .contact-info-grid small {
        color: var(--gold);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.2px
    }

    .contact-info-grid strong {
        margin: 48px 0 7px;
        color: var(--navy);
        font: 600 20px "Playfair Display",serif
    }

    .contact-info-grid b {
        color: #7b8490;
        font-size: 9px;
        font-weight: 600
    }

.contact-main-grid {
    display: grid;
    grid-template-columns: .7fr 1.3fr;
    gap: 110px
}

.contact-copy h2 {
    margin: 18px 0 20px;
    font-size: 50px
}

.contact-copy > p {
    color: var(--muted);
    font-size: 13px
}

.contact-address {
    margin: 45px 0 18px;
    padding-top: 25px;
    border-top: 1px solid var(--line)
}

    .contact-address small {
        color: var(--gold);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.2px
    }

    .contact-address p {
        font-size: 12px;
        color: #536071
    }

.corporate-form {
    padding: 45px;
    background: #f7f6f2;
    border-top: 3px solid var(--gold)
}

.field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 17px
}

.field {
    margin-bottom: 19px
}

    .field label {
        display: block;
        margin-bottom: 7px;
        color: var(--navy);
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .8px
    }

    .field input, .field select, .field textarea {
        width: 100%;
        min-height: 52px;
        border: 1px solid #dcdde0;
        background: #fff;
        padding: 12px 15px;
        outline: 0;
        color: #425063;
        resize: vertical
    }

        .field input:focus, .field select:focus, .field textarea:focus {
            border-color: var(--gold)
        }

.form-consent {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 5px 0 20px;
    color: #747e8b;
    font-size: 9px
}

    .form-consent input {
        accent-color: var(--gold)
    }

.form-error {
    display: block;
    margin-bottom: 15px;
    padding: 11px 14px;
    background: #f7e7e4;
    color: #9a3f32;
    font-size: 10px
}

.form-submit {
    min-width: 220px;
    border: 0;
    cursor: pointer
}

.form-success {
    text-align: center;
    padding: 65px 25px
}

    .form-success > span {
        display: grid;
        place-items: center;
        width: 62px;
        height: 62px;
        margin: 0 auto 22px;
        border: 1px solid var(--gold);
        border-radius: 50%;
        color: var(--gold);
        font-size: 24px
    }

    .form-success h3 {
        font: 600 34px "Playfair Display",serif;
        margin-bottom: 10px
    }

    .form-success p {
        color: var(--muted);
        font-size: 12px
    }

    .form-success a {
        color: var(--gold);
        font-size: 10px;
        font-weight: 800
    }

.contact-map-placeholder {
    padding: 75px 0;
    background: var(--navy);
    color: #fff
}

    .contact-map-placeholder .container {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .contact-map-placeholder span {
        color: var(--gold-light);
        font-size: 9px;
        letter-spacing: 1.3px
    }

    .contact-map-placeholder h3 {
        max-width: 650px;
        margin: 10px 0 0;
        font: 600 25px "Playfair Display",serif
    }

    .contact-map-placeholder i {
        color: var(--gold);
        font-size: 55px
    }

.quote-page-hero {
    background: linear-gradient(120deg,#06172c,#0d3158);
    color: #fff
}

    .quote-page-hero .corporate-breadcrumb {
        background: #fff
    }

.quote-hero-grid {
    min-height: 660px;
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: 100px;
    align-items: center
}

.quote-page-copy h1 {
    margin: 22px 0;
    font-size: clamp(55px,5.6vw,80px)
}

.quote-page-copy > p {
    max-width: 690px;
    color: #b3bfcc;
    font-size: 15px
}

.quote-assurances {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    margin-top: 50px;
    background: rgba(255,255,255,.12)
}

    .quote-assurances > div {
        padding: 20px;
        background: #0a2748
    }

    .quote-assurances span {
        color: var(--gold-light);
        font-size: 9px
    }

    .quote-assurances p {
        margin: 12px 0 0;
        color: #93a0b0;
        font-size: 9px
    }

    .quote-assurances strong {
        display: block;
        color: #fff;
        font-size: 11px
    }

.quote-step-info {
    padding: 45px;
    border-left: 1px solid rgba(255,255,255,.13)
}

    .quote-step-info > span {
        color: var(--gold);
        font: 600 85px "Playfair Display",serif
    }

    .quote-step-info small {
        display: block;
        color: var(--gold-light);
        font-size: 9px;
        letter-spacing: 1.4px
    }

    .quote-step-info p {
        color: #95a3b3;
        font-size: 11px
    }

.quote-form-layout {
    display: grid;
    grid-template-columns: .35fr .65fr;
    gap: 70px
}

.quote-sidebar {
    align-self: start;
    border: 1px solid var(--line)
}

    .quote-sidebar > span {
        display: block;
        padding: 19px 22px;
        background: var(--navy);
        color: var(--gold-light);
        font-size: 12px;
        letter-spacing: 1.3px
    }

    .quote-sidebar ol {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .quote-sidebar li {
        display: flex;
        gap: 16px;
        padding: 20px;
        border-bottom: 1px solid var(--line)
    }

        .quote-sidebar li b {
            color: #a2a9b2;
            font-size: 10px
        }

        .quote-sidebar li.active b {
            color: var(--gold)
        }

    .quote-sidebar strong, .quote-sidebar small {
        display: block
    }

    .quote-sidebar strong {
        font-size: 14px
    }

    .quote-sidebar small {
        color: #8b949f;
        font-size: 12px
    }

    .quote-sidebar > div {
        padding: 22px;
        background: var(--cream)
    }

        .quote-sidebar > div a {
            display: block;
            margin-top: 5px;
            color: var(--navy);
            font-weight: 800;
            font-size: 12px
        }

.quote-corporate-form {
    padding: 55px
}

.form-section-title {
    display: flex;
    gap: 18px;
    margin-bottom: 27px
}

    .form-section-title.second {
        margin-top: 35px;
        padding-top: 34px;
        border-top: 1px solid #dcd9d2
    }

    .form-section-title > span {
        display: grid;
        place-items: center;
        flex: 0 0 36px;
        height: 36px;
        border: 1px solid var(--gold);
        color: var(--gold);
        font-size: 9px
    }

    .form-section-title h2 {
        margin: 0 0 3px;
        font: 600 24px "Playfair Display",serif
    }

    .form-section-title p {
        margin: 0;
        color: var(--muted);
        font-size: 10px
    }

.quote-corporate-form .form-submit {
    background: var(--navy);
    color: #fff
}

.secure-note {
    margin: 12px 0 0;
    color: #8a929c;
    font-size: 8px
}

.quote-success small {
    color: var(--gold);
    font-size: 9px;
    letter-spacing: 1.3px
}

.quote-success .btn {
    margin-top: 18px;
    color: #fff
}

@media(max-width:900px) {
    .faq-tools, .faq-page-grid, .contact-main-grid, .quote-hero-grid, .quote-form-layout {
        grid-template-columns: 1fr;
        gap: 45px
    }

    .faq-search {
        max-width: 520px
    }

    .quote-hero-grid {
        padding: 70px 0
    }

    .quote-step-info {
        display: none
    }

    .contact-info-grid {
        grid-template-columns: 1fr
    }

        .contact-info-grid > a, .contact-info-grid > div {
            border-right: 0;
            border-bottom: 1px solid #ddd9d1
        }

    .quote-sidebar {
        display: none
    }
}

@media(max-width:560px) {
    .faq-filter {
        overflow: auto
    }

        .faq-filter button {
            white-space: nowrap;
            padding: 12px 16px
        }

    .field-row {
        grid-template-columns: 1fr
    }

    .corporate-form, .quote-corporate-form {
        padding: 30px 20px
    }

    .contact-copy h2 {
        font-size: 40px
    }

    .quote-page-copy h1 {
        font-size: 46px
    }

    .quote-assurances {
        grid-template-columns: 1fr
    }

    .contact-map-placeholder .container {
        display: block
    }

    .contact-map-placeholder i {
        display: block;
        margin-top: 25px
    }
}