/* ── Rozterminuvannya ───────────────────────────────────────────────────── */

.rzt {
    padding: 60px 0 80px;
}

.rzt__header {
    text-align:    center;
    margin-bottom: 56px;
}

.rzt__heading {
    color:          var(--color-primary);
    font-size:      42px;
    text-transform: uppercase;
    margin:         0;
}

/* ── Item — alternating two-column layout ──────────────────────────────── */

.rzt__list {
    display:        flex;
    flex-direction: column;
    gap:            64px;
}

.rzt-item {
    display:     flex;
    gap:         48px;
    align-items: center;
}

.rzt-item--reverse {
    flex-direction: row-reverse;
}

/* Media — image */
.rzt-item__media {
    flex:          0 0 50%;
    min-width:     0;
    border-radius: 16px;
    overflow:      hidden;
}

.rzt-item__image {
    display:    block;
    width:      100%;
    height:     auto;
    object-fit: cover;
}

/* Content */
.rzt-item__content {
    flex: 1;
}

.rzt-item__title {
    color:          var(--color-primary);
    font-size:      32px;
    text-transform: uppercase;
    margin:         0 0 12px;
}

.rzt-item__date {
    display:     inline-flex;
    align-items: center;
    gap:         8px;
    color:       var(--color-secondary);
    font-size:   15px;
    font-weight: 600;
    margin-bottom: 24px;
}
.rzt-item__date .icon {
    flex-shrink: 0;
}

/* Conditions — WYSIWYG content */
.rzt-item__conditions {
    font-size:   16px;
    line-height: 1.7;
    color:       var(--color-text);
}

.rzt-item__conditions p {
    margin: 0 0 14px;
}

.rzt-item__conditions strong {
    color:          var(--color-primary);
    display:        block;
    font-size:      16px;
    text-transform: uppercase;
    margin-top:     20px;
    margin-bottom:  6px;
    padding-bottom: 6px;
    border-bottom:  1px solid rgba(177, 131, 94, 0.25);
}

.rzt-item__conditions p:first-child strong {
    margin-top: 0;
}

.rzt-item__conditions ul,
.rzt-item__conditions ol {
    margin:        0 0 20px;
    padding:       16px 16px 16px 36px;
    background:    var(--color-bg-alt);
    border-left:   3px solid var(--color-secondary);
    border-radius: 0 10px 10px 0;
}

.rzt-item__conditions li {
    margin-bottom: 8px;
    line-height:   1.6;
}
.rzt-item__conditions li:last-child { margin-bottom: 0; }
.rzt-item__conditions li::marker { color: var(--color-secondary); }

.rzt-item__conditions a {
    color:           var(--color-secondary);
    text-decoration: underline;
}

/* Note — editor content below items */
.rzt__note {
    max-width:    780px;
    margin:       56px auto 0;
    padding:      24px 32px;
    background:   var(--color-bg-alt);
    border-left:  3px solid var(--color-secondary);
    border-radius: 0 12px 12px 0;
    font-size:    15px;
    line-height:  1.7;
    color:        var(--color-muted);
}
.rzt__note p { margin: 0 0 8px; }
.rzt__note p:last-child { margin-bottom: 0; }

/* ── Tablet ────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .rzt__heading { font-size: 34px; }
    .rzt__list { gap: 48px; }
    .rzt-item { gap: 32px; }
    .rzt-item__title { font-size: 28px; }
    .rzt-item__media { flex: 0 0 45%; }
}

/* ── Mobile ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .rzt { padding: 40px 0 48px; }
    .rzt__heading { font-size: 26px; }
    .rzt__header { margin-bottom: 36px; }
    .rzt__list { gap: 36px; }

    .rzt-item {
        flex-direction: column !important;
        gap: 20px;
    }
    .rzt-item__media { flex: none; width: 100%; }
    .rzt-item__title { font-size: 24px; }
    .rzt-item__date { margin-bottom: 16px; }
    .rzt-item__conditions { font-size: 15px; }

    .rzt__note { padding: 20px; margin-top: 36px; }
}