/* İade koşulları uyarı sistemi — modal + satır içi şeritler.
   Site genelinde tek kaynak: _ReturnPolicyModal / _ReturnPolicyNotice partial'ları.
   Sınıf öneki .oyp-rp- (return policy) — site.css ile çakışmaması için. */

:root {
    --oyp-rp-warn: #B54708;
    --oyp-rp-warn-bg: #FFF6ED;
    --oyp-rp-warn-border: #FEC84B;
    --oyp-rp-ok: #067647;
    --oyp-rp-ok-bg: #ECFDF3;
    --oyp-rp-bad: #B42318;
    --oyp-rp-bad-bg: #FEF3F2;
}

/* ---------- Satır içi uyarı şeridi ---------- */

.oyp-rp-notice {
    background: var(--oyp-rp-warn-bg);
    border: 1px solid var(--oyp-rp-warn-border);
    border-radius: var(--oyp-border-radius, 15px);
    padding: 14px 16px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.oyp-rp-notice-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 161, 4, .16);
    color: var(--oyp-rp-warn);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
}

.oyp-rp-notice-body {
    flex: 1 1 auto;
    min-width: 0;
}

.oyp-rp-notice-title {
    font-size: 14px;
    font-weight: 700;
    color: #111726;
    margin: 0 0 3px;
    line-height: 1.35;
}

.oyp-rp-notice-text {
    font-size: 13px;
    line-height: 1.5;
    color: #505050;
    margin: 0;
}

.oyp-rp-notice-link {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--oyp-rp-warn);
    text-decoration: underline;
    cursor: pointer;
}

    .oyp-rp-notice-link:hover {
        color: #8a3606;
    }

/* Kompakt (sepet / özet altı) */
.oyp-rp-notice.compact {
    padding: 11px 13px;
}

    .oyp-rp-notice.compact .oyp-rp-notice-icon {
        width: 28px;
        height: 28px;
        font-size: .95rem;
    }

    .oyp-rp-notice.compact .oyp-rp-notice-title {
        font-size: 13px;
    }

    .oyp-rp-notice.compact .oyp-rp-notice-text {
        font-size: 12px;
    }

/* 17.09.2026: ödeme ekranındaki iade onay kutusu KALDIRILDI (kutu hiçbir kayıt
   üretmiyordu, ön bilgilendirme zaten sipariş başına üretilen PDF ile yapılıyor ve
   davranışı değiştiren onay Kolay İade ekranında duruyor). Ona ait stiller de
   silindi — özellikle #chkUyelikSozlesmesiContainer'ı flex'e çeviren kurallar:
   mevcut satış sözleşmesi kutusu bugün canlıda nasılsa aynen öyle kalsın, ödeme
   adımında tek bir piksel bile değişmesin. */

/* ---------- Modal ---------- */

#oypReturnPolicyModal .modal-content {
    border: none;
    border-radius: 18px;
    overflow: hidden;
}

#oypReturnPolicyModal .modal-header {
    background: #111726;
    color: #fff;
    border-bottom: none;
    padding: 18px 24px;
}

    #oypReturnPolicyModal .modal-header .btn-close {
        filter: invert(1) grayscale(100%) brightness(200%);
    }

#oypReturnPolicyModal .modal-title {
    font-size: 17px;
    font-weight: 800;
    margin: 0;
}

#oypReturnPolicyModal .modal-subtitle {
    font-size: 12.5px;
    color: #c8ccd4;
    margin: 4px 0 0;
    font-weight: 400;
}

#oypReturnPolicyModal .modal-body {
    padding: 0;
}

.oyp-rp-section {
    padding: 20px 24px;
    border-bottom: 1px solid #eceef1;
}

    .oyp-rp-section:last-child {
        border-bottom: none;
    }

.oyp-rp-section-head {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
}

.oyp-rp-badge {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
    background: var(--oyp-primary-trans, #ffa10421);
    color: var(--oyp-primary-dark, #d88700);
}

.oyp-rp-section h6 {
    font-size: 15px;
    font-weight: 800;
    color: #111726;
    margin: 0;
}

.oyp-rp-section p {
    font-size: 13.5px;
    line-height: 1.6;
    color: #505050;
    margin: 0 0 8px;
}

.oyp-rp-section p:last-child {
    margin-bottom: 0;
}

.oyp-rp-lead {
    background: var(--oyp-light-gray, #F4F4F4);
}

/* Kural listesi */
.oyp-rp-rules {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: rp;
}

    .oyp-rp-rules li {
        counter-increment: rp;
        position: relative;
        padding: 9px 0 9px 38px;
        font-size: 13.5px;
        line-height: 1.55;
        color: #303030;
        border-bottom: 1px dashed #e8eaee;
    }

        .oyp-rp-rules li:last-child {
            border-bottom: none;
        }

        .oyp-rp-rules li::before {
            content: counter(rp);
            position: absolute;
            left: 0;
            top: 9px;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: #111726;
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .oyp-rp-rules li strong {
            color: #111726;
        }

/* Kabul edilmeyen haller */
.oyp-rp-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .oyp-rp-list li {
        position: relative;
        padding: 7px 0 7px 26px;
        font-size: 13.5px;
        line-height: 1.55;
        color: #303030;
    }

        .oyp-rp-list li::before {
            position: absolute;
            left: 0;
            top: 7px;
            font-weight: 900;
            font-size: 13px;
        }

.oyp-rp-list.bad li::before {
    content: "✕";
    color: var(--oyp-rp-bad);
}

.oyp-rp-list.ok li::before {
    content: "✓";
    color: var(--oyp-rp-ok);
}

/* Bilgi kutusu (yasal dayanak) */
.oyp-rp-legal {
    background: #F7F8FA;
    border-left: 3px solid var(--oyp-primary, #FFA104);
    border-radius: 8px;
    padding: 11px 13px;
    font-size: 12.5px;
    line-height: 1.55;
    color: #505050;
}

    .oyp-rp-legal strong {
        color: #111726;
    }

#oypReturnPolicyModal .modal-footer {
    border-top: 1px solid #eceef1;
    padding: 14px 24px;
    gap: 10px;
}

/* ---------- Kolay İade ekranı: paketleme kılavuzu ---------- */

.oyp-rp-guide {
    border: 1px solid var(--oyp-rp-warn-border);
    background: var(--oyp-rp-warn-bg);
    border-radius: var(--oyp-border-radius, 15px);
    padding: 18px 20px;
    margin-bottom: 26px;
}

.oyp-rp-guide h5 {
    font-size: 15.5px;
    font-weight: 800;
    color: #111726;
    margin: 0 0 4px;
}

.oyp-rp-guide > p {
    font-size: 13px;
    color: #505050;
    margin: 0 0 14px;
    line-height: 1.55;
}

.oyp-rp-guide .oyp-rp-rules li {
    border-bottom-color: rgba(181, 71, 8, .15);
}

.oyp-rp-guide-consent {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(181, 71, 8, .2);
    display: flex;
    gap: 9px;
    align-items: flex-start;
    padding-left: 0;
}

    .oyp-rp-guide-consent .form-check-input {
        flex: 0 0 auto;
        float: none;
        margin: 2px 0 0;
    }

    .oyp-rp-guide-consent label {
        flex: 1 1 auto;
        min-width: 0;
        font-size: 13px;
        font-weight: 600;
        color: #111726;
        line-height: 1.5;
        display: block;
        margin: 0;
    }

@media (max-width: 767.98px) {
    .oyp-rp-section {
        padding: 17px 18px;
    }

    #oypReturnPolicyModal .modal-header {
        padding: 15px 18px;
    }
}

/* ---------- Karanlık tema ---------- */

[data-theme="dark"] .oyp-rp-notice {
    background: rgba(255, 161, 4, .08);
    border-color: rgba(255, 161, 4, .35);
}

[data-theme="dark"] .oyp-rp-notice-title,
[data-theme="dark"] .oyp-rp-section h6,
[data-theme="dark"] .oyp-rp-rules li strong,
[data-theme="dark"] .oyp-rp-legal strong,
[data-theme="dark"] .oyp-rp-guide h5,
[data-theme="dark"] .oyp-rp-guide-consent label {
    color: #e5e7eb;
}

[data-theme="dark"] .oyp-rp-notice-text,
[data-theme="dark"] .oyp-rp-section p,
[data-theme="dark"] .oyp-rp-rules li,
[data-theme="dark"] .oyp-rp-list li,
[data-theme="dark"] .oyp-rp-legal,
[data-theme="dark"] .oyp-rp-guide > p,
[data-theme="dark"] .oyp-rp-compare-label span {
    color: #c3c7cf;
}

[data-theme="dark"] #oypReturnPolicyModal .modal-content {
    background-color: #1a1d29;
    border-color: #2d3748;
}

[data-theme="dark"] .oyp-rp-section {
    border-bottom-color: #2d3748;
}

[data-theme="dark"] .oyp-rp-lead,
[data-theme="dark"] .oyp-rp-legal {
    background: #222634;
}

[data-theme="dark"] .oyp-rp-rules li {
    border-bottom-color: #2d3748;
}

[data-theme="dark"] .oyp-rp-guide {
    background: rgba(255, 161, 4, .07);
    border-color: rgba(255, 161, 4, .3);
}

[data-theme="dark"] #oypReturnPolicyModal .modal-footer {
    border-top-color: #2d3748;
}

/* ==========================================================================
   İADE TALEPLERİM (/iade-taleplerim) ve İADE FORMU (/iade-formu/{id})
   ========================================================================== */

.oyp-rr-card {
    border: 1px solid #e6e8ec;
    border-radius: var(--oyp-border-radius, 15px);
    background: #fff;
    margin-bottom: 18px;
    overflow: hidden;
}

.oyp-rr-head {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 15px 18px;
    border-bottom: 1px solid #f0f1f4;
}

.oyp-rr-head h5 {
    font-size: 15px;
    font-weight: 800;
    margin: 0;
    color: #111726;
}

.oyp-rr-head .oyp-rr-sub {
    display: block;
    font-size: 12.5px;
    color: #70747D;
    font-weight: 400;
    margin-top: 3px;
}

.oyp-rr-pill {
    font-size: 12px;
    font-weight: 700;
    padding: 6px 13px;
    border-radius: 999px;
    white-space: nowrap;
}

.oyp-rr-pill.is-wait { background: var(--oyp-rp-warn-bg); color: var(--oyp-rp-warn); }
.oyp-rr-pill.is-move { background: #EFF4FF; color: #175CD3; }
.oyp-rr-pill.is-done { background: var(--oyp-rp-ok-bg); color: var(--oyp-rp-ok); }
.oyp-rr-pill.is-bad  { background: var(--oyp-rp-bad-bg); color: var(--oyp-rp-bad); }

/* Üç adımlı ilerleme */
.oyp-rr-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 16px 18px 6px;
}

.oyp-rr-step {
    text-align: center;
    position: relative;
}

.oyp-rr-step-dot {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #E7E9ED;
    color: #9aa0ab;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
    position: relative;
    z-index: 1;
}

.oyp-rr-step.is-on .oyp-rr-step-dot {
    background: var(--oyp-primary, #FFA104);
    color: #111726;
}

.oyp-rr-step.is-bad .oyp-rr-step-dot {
    background: var(--oyp-rp-bad);
    color: #fff;
}

.oyp-rr-step::before {
    content: "";
    position: absolute;
    top: 13px;
    left: -50%;
    width: 100%;
    height: 2px;
    background: #E7E9ED;
}

.oyp-rr-step:first-child::before { display: none; }
.oyp-rr-step.is-on::before { background: var(--oyp-primary, #FFA104); }

.oyp-rr-step-text {
    display: block;
    font-size: 11.5px;
    line-height: 1.4;
    color: #70747D;
}

.oyp-rr-step.is-on .oyp-rr-step-text { color: #111726; font-weight: 600; }

.oyp-rr-body { padding: 14px 18px 18px; }

.oyp-rr-item {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px dashed #eceef1;
}

.oyp-rr-item:last-child { border-bottom: none; }

.oyp-rr-item-img {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border-radius: 9px;
    border: 1px solid #eceef1;
    object-fit: contain;
    background: #fff;
    padding: 4px;
}

.oyp-rr-item-name {
    font-size: 13.5px;
    font-weight: 600;
    color: #111726;
    line-height: 1.35;
    margin: 0;
}

.oyp-rr-item-sku {
    font-size: 12px;
    color: #70747D;
    margin: 2px 0 0;
}

.oyp-rr-item-qty {
    margin-left: auto;
    font-size: 13px;
    font-weight: 700;
    color: #111726;
    white-space: nowrap;
}

.oyp-rr-note {
    background: #F7F8FA;
    border-radius: 10px;
    padding: 11px 13px;
    font-size: 13px;
    line-height: 1.55;
    color: #505050;
    margin-top: 13px;
}

.oyp-rr-note strong { color: #111726; display: block; margin-bottom: 3px; font-size: 12.5px; }

.oyp-rr-note.is-ours {
    background: var(--oyp-rp-warn-bg);
    border-left: 3px solid var(--oyp-primary, #FFA104);
}

.oyp-rr-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 15px;
}

/* ---------- İade formu ---------- */

.oyp-rf-doc {
    border: 1px solid #d8dbe1;
    border-radius: 14px;
    background: #fff;
    padding: 26px 28px;
}

.oyp-rf-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 2px solid #111726;
    padding-bottom: 14px;
    margin-bottom: 18px;
}

.oyp-rf-head h2 {
    font-size: 19px;
    font-weight: 800;
    margin: 0;
    color: #111726;
    letter-spacing: -.01em;
}

.oyp-rf-head p {
    font-size: 12.5px;
    color: #70747D;
    margin: 4px 0 0;
}

.oyp-rf-code {
    text-align: right;
    font-size: 12.5px;
    color: #505050;
    line-height: 1.7;
    white-space: nowrap;
}

.oyp-rf-code strong {
    display: block;
    font-size: 17px;
    color: #111726;
    letter-spacing: .02em;
}

.oyp-rf-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.oyp-rf-meta div {
    font-size: 13px;
    color: #111726;
}

.oyp-rf-meta span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #8b919c;
    font-weight: 700;
    margin-bottom: 3px;
}

.oyp-rf-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 18px;
}

.oyp-rf-table th {
    text-align: left;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #8b919c;
    font-weight: 700;
    padding: 7px 8px;
    border-bottom: 1px solid #d8dbe1;
}

.oyp-rf-table td {
    font-size: 13px;
    color: #111726;
    padding: 9px 8px;
    border-bottom: 1px solid #f0f1f4;
    vertical-align: top;
}

.oyp-rf-table td.num { text-align: center; font-weight: 700; white-space: nowrap; }

.oyp-rf-check {
    border: 1px dashed #b9bec7;
    border-radius: 10px;
    padding: 14px 16px;
}

.oyp-rf-check strong {
    display: block;
    font-size: 13px;
    color: #111726;
    margin-bottom: 9px;
}

.oyp-rf-check ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.oyp-rf-check li {
    font-size: 12.5px;
    line-height: 1.6;
    color: #303030;
    padding: 3px 0 3px 26px;
    position: relative;
}

.oyp-rf-check li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 13px;
    height: 13px;
    border: 1.5px solid #8b919c;
    border-radius: 3px;
}

.oyp-rf-foot {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #f0f1f4;
    font-size: 11.5px;
    color: #8b919c;
    line-height: 1.6;
}

/* Yazdırma: yalnız belge çıksın */
@media print {
    body * { visibility: hidden !important; }
    .oyp-rf-doc, .oyp-rf-doc * { visibility: visible !important; }
    .oyp-rf-doc {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border: none;
        border-radius: 0;
        padding: 0;
    }
    .oyp-rf-noprint { display: none !important; }
}

[data-theme="dark"] .oyp-rr-card,
[data-theme="dark"] .oyp-rf-doc {
    background-color: #1a1d29;
    border-color: #2d3748;
}

[data-theme="dark"] .oyp-rr-head h5,
[data-theme="dark"] .oyp-rr-item-name,
[data-theme="dark"] .oyp-rf-head h2,
[data-theme="dark"] .oyp-rf-code strong,
[data-theme="dark"] .oyp-rf-meta div,
[data-theme="dark"] .oyp-rf-table td,
[data-theme="dark"] .oyp-rf-check strong,
[data-theme="dark"] .oyp-rr-note strong {
    color: #e5e7eb;
}

[data-theme="dark"] .oyp-rr-note,
[data-theme="dark"] .oyp-rf-check li,
[data-theme="dark"] .oyp-rr-item-sku {
    color: #c3c7cf;
}

[data-theme="dark"] .oyp-rr-note { background: #222634; }
[data-theme="dark"] .oyp-rr-head { border-bottom-color: #2d3748; }
[data-theme="dark"] .oyp-rr-item { border-bottom-color: #2d3748; }

/* ==========================================================================
   İADE FOTOĞRAFLARI (_ReturnPhotos) — "öncesi / sonrası"
   Kareler bilerek KÜÇÜK: bu bölüm ekranın yarısını kaplamamalı, küçük resme
   tıklayınca tam boy açılıyor.
   ========================================================================== */

.oyp-rph {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed #e8eaee;
}

.oyp-rph-cols {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px;
}

.oyp-rph-title {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 700;
    color: #111726;
    margin: 0 0 8px;
}

.oyp-rph-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.oyp-rph-dot.is-ok { background: var(--oyp-rp-ok); }
.oyp-rph-dot.is-bad { background: var(--oyp-rp-bad); }

.oyp-rph-count {
    font-size: 11px;
    font-weight: 700;
    color: #70747D;
    background: #F1F2F4;
    border-radius: 999px;
    padding: 1px 7px;
}

.oyp-rph-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.oyp-rph-item {
    position: relative;
    display: block;
    width: 76px;
    height: 76px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e6e8ec;
    background: #f5f6f8;
    transition: transform .15s ease, box-shadow .15s ease;
}

    .oyp-rph-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 13px rgba(17, 23, 38, .15);
    }

    .oyp-rph-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.oyp-rph-tag {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 9.5px;
    font-weight: 700;
    text-align: center;
    padding: 2px 0;
    color: #fff;
}

.oyp-rph-tag.is-customer { background: rgba(17, 23, 38, .72); }
.oyp-rph-tag.is-staff { background: rgba(180, 35, 24, .82); }

.oyp-rph-empty {
    font-size: 12px;
    color: #8b919c;
    margin: 0;
}

.oyp-rph-upload {
    margin-top: 10px;
}

.oyp-rph-btn {
    background: #fff;
    border: 1px solid var(--oyp-mid-gray, #e2e2e2);
    border-radius: 999px;
    padding: 7px 15px;
    font-size: 12.5px;
    font-weight: 700;
    color: #111726;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}

    .oyp-rph-btn:hover {
        border-color: var(--oyp-primary, #FFA104);
        background: var(--oyp-primary-trans, #ffa10421);
    }

    .oyp-rph-btn:disabled {
        opacity: .6;
        cursor: default;
    }

.oyp-rph-hint {
    display: block;
    font-size: 11.5px;
    line-height: 1.5;
    color: #8b919c;
    margin-top: 6px;
}

.oyp-rph-status {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}

.oyp-rph-status.is-ok { color: var(--oyp-rp-ok); }
.oyp-rph-status.is-bad { color: var(--oyp-rp-bad); }

[data-theme="dark"] .oyp-rph { border-top-color: #2d3748; }
[data-theme="dark"] .oyp-rph-title { color: #e5e7eb; }
[data-theme="dark"] .oyp-rph-item { border-color: #2d3748; background: #222634; }
[data-theme="dark"] .oyp-rph-count { background: #222634; color: #c3c7cf; }
[data-theme="dark"] .oyp-rph-btn { background: #222634; border-color: #2d3748; color: #e5e7eb; }

/* ---------- İade akışı: dört adım, eylem şeridi, garanti, tutarlar ---------- */

/* Adım ızgarası artık dört sütun (talep · onay · ulaştı · sonuç). */
.oyp-rr-steps.four {
    grid-template-columns: repeat(4, 1fr);
}

/* "Şimdi ne yapmalısınız" şeridi — yalnız onaylanmış taleplerde. */
.oyp-rr-action-strip {
    background: var(--oyp-rp-warn-bg);
    border: 1px solid var(--oyp-rp-warn-border);
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.55;
    color: #505050;
    margin-bottom: 14px;
}

    .oyp-rr-action-strip strong {
        color: #111726;
    }

.oyp-rr-action-link {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--oyp-rp-warn);
    text-decoration: underline;
}

/* Garanti şeridi — yasal 20 iş günü sayacı. */
.oyp-rr-warranty {
    background: #EFF4FF;
    border-left: 3px solid #175CD3;
    border-radius: 10px;
    padding: 11px 13px;
    font-size: 12.5px;
    line-height: 1.6;
    color: #475467;
    margin-bottom: 14px;
}

    .oyp-rr-warranty strong {
        color: #175CD3;
    }

/* Sonuç tutarları: kesinti ve iade edilen. */
.oyp-rr-amounts {
    margin-top: 13px;
    border: 1px solid #eceef1;
    border-radius: 10px;
    padding: 11px 13px;
}

.oyp-rr-amount-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #505050;
    padding: 4px 0;
}

    .oyp-rr-amount-row strong {
        color: #111726;
        font-variant-numeric: tabular-nums;
    }

    .oyp-rr-amount-row strong.is-minus {
        color: var(--oyp-rp-bad);
    }

    .oyp-rr-amount-row.total {
        border-top: 1px solid #eceef1;
        margin-top: 5px;
        padding-top: 9px;
        font-weight: 700;
        color: #111726;
        font-size: 14.5px;
    }

@media (max-width: 575.98px) {
    .oyp-rr-steps.four {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 14px;
    }

    /* İki sütuna düşünce üçüncü kutunun soluna çizgi çizilmemeli. */
    .oyp-rr-steps.four .oyp-rr-step:nth-child(3)::before {
        display: none;
    }
}

[data-theme="dark"] .oyp-rr-action-strip {
    background: rgba(255, 161, 4, .08);
    border-color: rgba(255, 161, 4, .3);
    color: #c3c7cf;
}

[data-theme="dark"] .oyp-rr-action-strip strong,
[data-theme="dark"] .oyp-rr-amount-row strong,
[data-theme="dark"] .oyp-rr-amount-row.total {
    color: #e5e7eb;
}

[data-theme="dark"] .oyp-rr-warranty {
    background: #1e2637;
    color: #c3c7cf;
}

[data-theme="dark"] .oyp-rr-amounts {
    border-color: #2d3748;
}

[data-theme="dark"] .oyp-rr-amount-row.total {
    border-top-color: #2d3748;
}