/* =========================================================
   cta.css – About / Why Choose Us split section
   ========================================================= */

.sb-cta {
    padding:    var(--sb-space-24) 0;
    background: var(--sb-white);
}

.sb-cta__inner {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   var(--sb-space-16);
    align-items:           center;
}

/* ── Image Column ── */
.sb-cta__image-col {
    position: relative;
}

.sb-cta__image-wrap {
    position:      relative;
    border-radius: var(--sb-radius-xl);
    overflow:      visible;
}

.sb-cta__image {
    width:         100%;
    height:        480px;
    object-fit:    cover;
    border-radius: var(--sb-radius-xl);
    display:       block;
    box-shadow:    var(--sb-shadow-xl);
}

/* Floating badge – top left */
.sb-cta__badge-float {
    position:      absolute;
    background:    var(--sb-white);
    box-shadow:    var(--sb-shadow-lg);
    border-radius: var(--sb-radius);
    display:       flex;
    align-items:   center;
    gap:           var(--sb-space-2);
    padding:       var(--sb-space-3) var(--sb-space-4);
    min-width:     140px;
}

.sb-cta__badge-float--top {
    top:        -16px;
    left:       -20px;
    flex-direction: column;
    align-items:    flex-start;
    gap:            2px;
    text-align:     left;
}

.sb-cta__badge-float--bottom {
    bottom:  -16px;
    right:   -20px;
}

.sb-float-badge__number {
    font-size:   var(--sb-text-2xl);
    font-weight: var(--sb-fw-extrabold);
    color:       var(--sb-primary);
    line-height: 1;
}

.sb-float-badge__text {
    font-size:   var(--sb-text-xs);
    font-weight: var(--sb-fw-semibold);
    color:       var(--sb-dark-3);
    line-height: 1.3;
}

/* ── Content Column ── */
.sb-cta__content-col {
    display:        flex;
    flex-direction: column;
    gap:            0;
}

.sb-cta__content-col .sb-section-badge {
    align-self:      flex-start;
    margin-bottom:   var(--sb-space-4);
    padding:         0.55rem 1rem;
    border-radius:   999px;
    background:      linear-gradient(135deg, #f8f2ea 0%, #efe4d8 100%);
    border:          1px solid rgba(193, 112, 20, 0.25);
    color:           #8a4f0b;
    box-shadow:      0 8px 18px rgba(31, 24, 19, 0.08);
    letter-spacing:  0.12em;
    font-size:       0.72rem;
    font-weight:     700;
}
.sb-cta__content-col .sb-section-title {
    text-align:    left;
    margin-bottom: var(--sb-space-5);
}

.sb-cta__intro {
    font-size:     var(--sb-text-base);
    color:         var(--sb-muted);
    line-height:   1.8;
    margin-bottom: var(--sb-space-8);
}

/* Highlight bullet list */
.sb-cta__highlights {
    display:        flex;
    flex-direction: column;
    gap:            var(--sb-space-4);
    margin-bottom:  var(--sb-space-10);
}

.sb-cta__highlights li {
    display:     flex;
    align-items: flex-start;
    gap:         var(--sb-space-3);
    font-size:   var(--sb-text-sm);
    color:       var(--sb-dark-3);
    line-height: 1.6;
}

.sb-cta__highlights .sb-icon--check {
    background:    var(--sb-primary-light);
    color:         var(--sb-primary);
    border-radius: var(--sb-radius-full);
    padding:       3px;
    width:         22px;
    height:        22px;
    flex-shrink:   0;
    margin-top:    1px;
}

.sb-cta__actions {
    display:     flex;
    align-items: center;
    gap:         var(--sb-space-4);
    flex-wrap:   wrap;
}