/* KənanUsta SEO Stage 5 — problem / price / model utility blocks */
.s5-info-section {
    background: linear-gradient(180deg, #fff, #f8fafc);
    border-block: 1px solid #eef2f7
}

.s5-info-card {
    height: 100%
}

.s5-info-card p {
    font-size: .94rem
}

.s5-safety-section {
    background: #fff
}

.s5-safety-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px
}

.s5-safety-box {
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    padding: 26px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045)
}

.s5-safety-box h2 {
    margin-top: 8px;
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    line-height: 1.2;
    font-weight: 900;
    color: #111827
}

.s5-safety-box ul {
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 11px
}

.s5-safety-box li {
    position: relative;
    padding-left: 25px;
    color: #475467;
    line-height: 1.65
}

.s5-safety-box li:before {
    position: absolute;
    left: 0;
    top: .05em;
    font-weight: 900
}

.s5-safety-ok {
    border-color: #bbf7d0;
    background: #f0fdf4
}

.s5-safety-ok li:before {
    content: '✓';
    color: #15803d
}

.s5-safety-stop {
    border-color: #fed7aa;
    background: #fff7ed
}

.s5-safety-stop li:before {
    content: '!';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #c2410c;
    color: #fff;
    font-size: .7rem;
    top: .25em
}

.s5-safety-stop .s3-kicker {
    background: #ffedd5;
    color: #9a3412
}

@media(max-width:760px) {
    .s5-safety-grid {
        grid-template-columns: 1fr
    }

    .s5-safety-box {
        padding: 20px
    }
}