.bsa-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2px;
    color: #fff;
    background: #2D7FF9FF;
    padding: 5px 13px;
    border-radius: 6px;
    margin-bottom: 16px;
}

.body-text-quote *,
.body-text-quote *::before,
.body-text-quote *::after { box-sizing: border-box; }

.body-text-quote {
    --btq-blue: #2d7ff9;
    --btq-ink:  #1f2a44;
    --btq-maxw: 1180px;

    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    /* м'який голубий фон як на макеті */
    background: linear-gradient(180deg, #eaf3fd 0%, #f4f9ff 100%);
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    padding: 56px 24px;
}

.body-text-quote .btq-inner {
    max-width: var(--btq-maxw);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.body-text-quote .btq-item {
    position: relative;
    margin: 0;
    padding-left: 26px;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 600;
    color: var(--btq-ink);
    max-width: 820px;
}
.body-text-quote .btq-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    border-radius: 4px;
    background: var(--btq-blue);
}
/* ============================================================
   case-detail — детальна сторінка кейсу
   Розмітка: case-detail.html
   ============================================================ */

.case-detail *,
.case-detail *::before,
.case-detail *::after { box-sizing: border-box; }

.case-detail {
    --cd-blue:     #2d7ff9;
    --cd-navy:     #15264a;
    --cd-ink:      #2b3242;
    --cd-gray:     #6b7280;
    --cd-red:      #e23b3b;
    --cd-card-bd:  #cfe3fb;
    --cd-muted:    #9aa6bd;
    --cd-maxw:     1180px;

    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: #ffffff;
    color: var(--cd-ink);
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    padding: 24px 24px 64px;
}

.case-detail .cd-inner {
    max-width: var(--cd-maxw);
    margin: 0 auto;
}

/* ---------- top nav ---------- */
.case-detail .cd-topnav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0 30px;
}
.case-detail .cd-back,
.case-detail .cd-next {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity .15s ease;
}
.case-detail .cd-back { color: var(--cd-gray); }
.case-detail .cd-next { color: var(--cd-blue); }
.case-detail .cd-back:hover,
.case-detail .cd-next:hover { opacity: .7; }

/* ---------- main grid ---------- */
.case-detail .cd-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 44px;
    row-gap: 34px;
    align-items: start;
}

/* ---------- left top ---------- */
.case-detail .cd-promo {
    width: 100%;
    max-width: 252px;
    border-radius: 14px;
    overflow: hidden;
}
.case-detail .cd-promo img {
    width: 100%;
    height: auto;
    display: block;
}

.case-detail .cd-tag {
    display: inline-block;
    margin-top: 22px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: var(--cd-blue);
    padding: 4px 12px;
    border-radius: 6px;
}
.case-detail .cd-title {
    margin: 14px 0 10px;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.3px;
    color: var(--cd-navy);
}
.case-detail .cd-subtitle {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
    font-style: italic;
    font-weight: 700;
    color: var(--cd-blue);
    max-width: 320px;
}

/* ---------- right top: card ---------- */
.case-detail .cd-card {
    border: 1.5px solid var(--cd-card-bd);
    border-radius: 22px;
    background: #fff;
    padding: 34px 40px 38px;
}
.case-detail .cd-card-title {
    margin: 0 0 24px;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: .3px;
    color: var(--cd-muted);
}
.case-detail .cd-list { list-style: none; margin: 0; padding: 0; }
.case-detail .cd-list li {
    position: relative;
    padding: 2px 0 2px 16px;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    color: var(--cd-ink);
}
.case-detail .cd-list li:last-child { margin-bottom: 0; }
.case-detail .cd-list li::before {
    content: "";
    position: absolute;
    left: 0; top: 3px; bottom: 3px;
    width: 3px;
    border-radius: 3px;
    background: var(--cd-red);
}

/* ---------- bottom text ---------- */
.case-detail .cd-text {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.62;
    color: #3a4151;
    max-width: 380px;
}
.case-detail .cd-cell--rb .cd-text { max-width: 380px; }

/* ---------- responsive ---------- */
@media (max-width: 860px) {
    .case-detail .cd-grid {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }
    /* порядок: промо+заголовок -> текст -> картка -> текст */
    .case-detail .cd-cell--lt { order: 1; }
    .case-detail .cd-cell--lb { order: 2; }
    .case-detail .cd-cell--rt { order: 3; }
    .case-detail .cd-cell--rb { order: 4; }

    .case-detail .cd-promo { max-width: 280px; }
    .case-detail .cd-text { max-width: none; }
}
@media (max-width: 480px) {
    .case-detail { padding: 18px 16px 44px; }
    .case-detail .cd-topnav { padding-bottom: 22px; }
    .case-detail .cd-card { padding: 26px 22px 28px; }
    .case-detail .cd-card-title { font-size: 22px; }
    .case-detail .cd-title { font-size: 22px; }
}
/* ---------- responsive ---------- */
@media (max-width: 768px) {
    .body-text-quote { padding: 40px 18px; }
    .body-text-quote .btq-item { font-size: 16px; padding-left: 20px; }
}
@media (max-width: 480px) {
    .body-text-quote { padding: 32px 14px; }
    .body-text-quote .btq-inner { gap: 22px; }
}