.cg-quick-links-section {
    position: relative;
    z-index: 20;
    margin-top: -58px;
    padding: 0 24px 56px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.cg-quick-links-shell {
    width: min(1460px, 100%);
    margin: 0 auto;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.cg-quick-links-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.cg-quick-card {
    flex: 0 0 calc((100% - 120px) / 6);
    width: calc((100% - 120px) / 6);
    max-width: 218px;
    min-width: 172px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    color: #082b63;
    text-decoration: none;
    background: var(--card-bg, #fff);
    border: 0 !important;
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(15, 43, 82, .10), 0 2px 6px rgba(15, 43, 82, .05);
    transition: transform .25s ease, box-shadow .25s ease;
}

.cg-quick-card:hover {
    color: #082b63;
    text-decoration: none;
    transform: translateY(-8px);
    box-shadow: 0 20px 42px rgba(15, 43, 82, .17), 0 6px 14px rgba(15, 43, 82, .08);
}

.cg-quick-card:focus-visible {
    outline: 3px solid #ffd800;
    outline-offset: 4px;
}

.cg-quick-card__visual {
    position: relative;
    height: 132px;
    min-height: 132px;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #eef3f9 0%, var(--card-bg, #fff) 100%);
}

.cg-quick-card__image {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    background-image: var(--card-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transform: scale(1.001);
    transition: transform .4s ease;
}

.cg-quick-card:hover .cg-quick-card__image {
    transform: scale(1.07);
}

/* İkon gerçekten girilmişse render edilir. Boş ikon için alan üretilmez. */
.cg-quick-card__icon {
    position: relative;
    z-index: 4;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #082b63;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 7px 17px rgba(8, 43, 99, .25);
    transition: transform .24s ease, background-color .24s ease;
}

.cg-quick-card__icon .material-symbols-rounded {
    display: block;
    font-size: 27px;
    line-height: 1;
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 28;
}

.cg-quick-card.has-image.has-icon.cg-quick-card--below .cg-quick-card__icon {
    position: absolute;
    left: 50%;
    bottom: -29px;
    transform: translateX(-50%);
}

.cg-quick-card.has-image.has-icon.cg-quick-card--below:hover .cg-quick-card__icon {
    transform: translateX(-50%) scale(1.06);
    background: #0b3b84;
}

.cg-quick-card.no-image .cg-quick-card__visual {
    height: 108px;
    min-height: 108px;
}

.cg-quick-card.no-image.no-icon .cg-quick-card__visual {
    display: none;
}

/* Metin bölümü içerik kadar yer kaplar; boş açıklama için yapay boşluk bırakılmaz. */
.cg-quick-card__body {
    flex: 1;
    min-height: 150px;
    padding: 45px 15px 17px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fff;
}

.cg-quick-card.has-image.no-icon .cg-quick-card__body {
    padding-top: 20px;
}

.cg-quick-card.no-image.has-icon .cg-quick-card__body {
    padding-top: 16px;
}

.cg-quick-card.no-image.no-icon .cg-quick-card__body {
    min-height: 112px;
    justify-content: center;
    padding: 20px 15px 16px;
}

.cg-quick-card.no-description .cg-quick-card__body {
    min-height: 104px;
}

.cg-quick-card.has-image.no-icon.no-description .cg-quick-card__body {
    min-height: 92px;
    padding-top: 18px;
}

.cg-quick-card__body strong,
.cg-quick-card__copy strong {
    display: block;
    color: #082b63;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 900;
}

.cg-quick-card__body small,
.cg-quick-card__copy small {
    display: block;
    margin-top: 9px;
    color: #4d5f78;
    font-size: 13px;
    line-height: 1.45;
}

.cg-quick-card__arrow {
    width: 34px;
    height: 34px;
    margin-top: 14px;
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    color: #082b63;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 13px rgba(8, 43, 99, .16);
    transition: transform .22s ease, background-color .22s ease;
}

.cg-quick-card.has-description .cg-quick-card__body .cg-quick-card__arrow {
    margin-top: auto;
}

.cg-quick-card:hover .cg-quick-card__arrow {
    background: #ffd800;
    transform: translateX(3px);
}

.cg-quick-card__arrow .material-symbols-rounded {
    font-size: 20px;
}

/* Yazı görselin içindeyse kart tamamen görsel ağırlıklı çalışır. */
.cg-quick-card--inside .cg-quick-card__visual {
    height: 314px;
    min-height: 314px;
    align-items: flex-start;
    padding-top: 24px;
    overflow: hidden;
}

.cg-quick-card--inside.no-image .cg-quick-card__visual {
    display: flex;
    background: var(--card-bg, #fff);
}

.cg-quick-card--inside.no-image.no-icon .cg-quick-card__visual {
    height: 180px;
    min-height: 180px;
}

.cg-quick-card--inside.has-icon .cg-quick-card__icon {
    z-index: 5;
}

.cg-quick-card__copy--inside {
    position: absolute;
    z-index: 4;
    left: 14px;
    right: 14px;
    bottom: 14px;
    padding: 13px;
    text-align: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 8px 20px rgba(4, 25, 56, .15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.cg-quick-card__copy--inside .cg-quick-card__arrow {
    margin-top: 10px;
}

@media (max-width: 1180px) {
    .cg-quick-links-section {
        margin-top: -42px;
    }

    .cg-quick-card {
        flex-basis: calc((100% - 72px) / 4);
        width: calc((100% - 72px) / 4);
        max-width: 230px;
    }
}

@media (max-width: 820px) {
    .cg-quick-links-section {
        margin-top: -32px;
        padding: 0 16px 42px;
    }

    .cg-quick-links-grid {
        gap: 16px;
    }

    .cg-quick-card {
        flex-basis: calc((100% - 32px) / 3);
        width: calc((100% - 32px) / 3);
        min-width: 156px;
        max-width: 218px;
    }
}

@media (max-width: 620px) {
    .cg-quick-links-section {
        margin-top: -22px;
        padding: 0 12px 34px;
    }

    .cg-quick-links-grid {
        gap: 14px;
    }

    .cg-quick-card {
        flex-basis: calc((100% - 14px) / 2);
        width: calc((100% - 14px) / 2);
        min-width: 0;
        max-width: 230px;
        border-radius: 14px;
    }

    .cg-quick-card__visual {
        height: 116px;
        min-height: 116px;
    }

    .cg-quick-card__body {
        padding-inline: 11px;
    }

    .cg-quick-card__body strong,
    .cg-quick-card__copy strong {
        font-size: 14px;
    }

    .cg-quick-card__body small,
    .cg-quick-card__copy small {
        font-size: 12px;
    }

    .cg-quick-card--inside .cg-quick-card__visual {
        height: 270px;
        min-height: 270px;
    }
}