/* Scoped to the opinions page;
no external assets or JavaScript required. */
.mu-reviews {
    --ink:#24272c;
    --muted:#60656b;
    --accent:#941d25;
    background:#f7f6f2;
    color:var(--ink);
    font-family:Poppins,Arial,sans-serif;
    font-size:16px;
    line-height:1.65;
}

.mu-reviews * {
    box-sizing:border-box;
}

.mu-wrap {
    max-width:1160px;
    margin:auto;
    padding:24px 28px 0;
}

.mu-reviews h1,.mu-reviews h2,.mu-reviews h3,.mu-reviews p,.mu-reviews blockquote {
    margin:0;
}

.mu-reviews a {
    color:inherit;
    text-decoration:none;
}

.mu-reviews a:hover {
    text-decoration:underline;
}

.mu-reviews a:focus-visible,.mu-reviews summary:focus-visible {
    outline:3px solid #315fa8;
    outline-offset:5px;
}

.mu-reviews p {
    color:var(--muted);
    font-size:15px;
    line-height:1.8;
}

.mu-breadcrumb {
    display:flex;
    gap:14px;
    font-size:12px;
    color:var(--muted);
    margin:28px 0 40px;
}

.mu-hero {
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:64px;
    align-items:center;
    padding:0 0 64px;
}

.mu-eyebrow {
    display:block;
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--accent);
    margin-bottom:18px;
}

.mu-reviews h1 {
    font-size:clamp(34px,4.3vw,54px);
    line-height:1.15;
    letter-spacing:-.05em;
    font-weight:700;
}

.mu-reviews h1 em {
    font-style:normal;
    color:var(--accent);
}

.mu-hero p {
    margin:24px 0 28px;
    max-width:470px;
}

.mu-button {
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    background:var(--accent);
    color:white!important;
    padding:15px 22px;
    border-radius:7px;
    font-size:13px;
    font-weight:700;
    min-height:48px;
}

.mu-text-link {
    display:block;
    margin-top:18px;
    font-size:12px;
    font-weight:700;
}

.mu-feature {
    background:#252b2a;
    color:#fff;
    padding:32px;
    border-radius:14px;
    box-shadow:0 18px 42px #202b2312;
    transform:rotate(1deg);
}

.mu-tag {
    display:inline-block;
    font-size:10px;
    letter-spacing:.03em;
    color:var(--muted);
    padding:5px 10px;
    border:1px solid #deded7;
    border-radius:30px;
}

.mu-feature .mu-tag {
    color:#eee6ce;
    border-color:#62665b;
}

.mu-quote-mark {
    display:block;
    color:#d4af37;
    font-family:Georgia,serif;
    font-size:86px;
    height:72px;
    line-height:1.3;
}

.mu-feature blockquote {
    font-size:25px;
    line-height:1.5;
    letter-spacing:-.025em;
    margin:8px 0 28px;
}

.mu-person {
    display:flex;
    align-items:center;
    gap:12px;
}

.mu-person strong {
    display:block;
    font-size:11px;
    font-weight:700;
}

.mu-person span:not(.mu-avatar) {
    display:block;
    font-size:10px;
    color:var(--muted);
    margin-top:3px;
}

.mu-avatar {
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    flex-shrink:0;
    border-radius:50%;
    background:#e7e9df;
    color:#495441;
    font-size:13px;
    font-weight:700;
}

.mu-feature .mu-person span:not(.mu-avatar) {
    color:#c9ccc5;
}

.mu-feature-bottom {
    border-top:1px solid #525753;
    padding-top:17px;
    margin-top:24px;
    color:#c9ccc5;
    font-size:10px;
    letter-spacing:.06em;
}

.mu-jump {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid #dcdcd5;
    border-bottom:1px solid #dcdcd5;
}

.mu-jump a {
    display:flex;
    gap:14px;
    padding:20px 12px;
    font-size:12px;
    color:var(--muted);
}

.mu-jump strong {
    color:var(--ink);
    margin-right:auto;
}

.mu-section {
    padding-top:72px;
    scroll-margin-top:24px;
}

.mu-section-head {
    display:grid;
    grid-template-columns:1.25fr 1fr;
    gap:60px;
    align-items:end;
    margin-bottom:28px;
}

.mu-reviews h2 {
    font-size:clamp(25px,3vw,34px);
    line-height:1.25;
    letter-spacing:-.035em;
}

.mu-section-head p {
    font-size:13px;
}

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

.mu-card {
    background:white;
    border:1px solid #e4e3dc;
    border-radius:12px;
    padding:26px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
}

.mu-reviews h3 {
    font-size:16px;
    line-height:1.45;
    letter-spacing:-.02em;
}

.mu-review-author {
    display:flex;
    align-items:center;
    gap:15px;
}

.mu-review-author .mu-avatar {
    width:56px;
    height:56px;
    flex:0 0 56px;
    object-fit:cover;
    margin:0;
}

.mu-review-author strong {
    display:block;
    font-size:17px;
    line-height:1.35;
}

.mu-review-author p {
    margin-top:3px;
    font-size:12px;
    line-height:1.5;
}

.mu-avatar-initial {
    background:#eee3df;
    color:var(--accent);
    font-size:20px;
    text-transform:uppercase;
}

.mu-card .mu-rating {
    display:flex;
    align-items:center;
    gap:12px;
    margin:20px 0 0;
    color:var(--ink);
}

.mu-stars {
    color:#cbd0d5;
    font-size:21px;
    line-height:1;
    letter-spacing:2px;
    white-space:nowrap;
}

.mu-stars .is-filled {
    color:#9a7012;
}

.mu-card blockquote {
    margin:18px 0 0;
    color:#51565b;
}

.mu-card .mu-improvement {
    margin:22px 0 0;
    padding-top:18px;
    border-top:1px solid #efeee8;
}

.mu-card .mu-improvement h3 {
    margin:0 0 6px;
    color:var(--muted);
    font-size:12px;
    letter-spacing:0;
}

.mu-card .mu-improvement p {
    font-size:13px;
    line-height:1.75;
}

.mu-review-meta {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:6px 18px;
    margin-top:auto;
    padding-top:20px;
    color:var(--muted);
    font-size:10px;
}

#opinie-pozyczkobiorcow .mu-avatar {
    background:#eee3df;
    color:#80584d;
}

.mu-method {
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:70px;
    background:#eeeee6;
    border-radius:14px;
    padding:40px;
    margin-top:72px;
}

.mu-method p {
    margin-top:18px;
    font-size:13px;
}

.mu-method-list article {
    display:flex;
    gap:22px;
    padding:20px 0;
    border-bottom:1px solid #d7d8cd;
}

.mu-method-list article:first-child {
    padding-top:0;
}

.mu-method-list article:last-child {
    border-bottom:0;
    padding-bottom:0;
}

.mu-method-list article>span {
    color:#777c66;
    font-size:12px;
}

.mu-method-list p {
    margin-top:6px;
}

.mu-faq {
    display:grid;
    grid-template-columns:1fr 1.4fr;
    gap:60px;
}

.mu-faq details {
    border-bottom:1px solid #dcdcd5;
    padding:18px 0;
}

.mu-faq details:first-child {
    padding-top:0;
}

.mu-faq summary {
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    min-height:30px;
}

.mu-faq details p {
    font-size:13px;
    margin:14px 0;
}

.mu-faq details a {
    text-decoration:underline;
    color:var(--accent);
}

.mu-invite {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    margin-top:72px;
    padding:40px;
    background:#fff;
    border:1px solid #deded7;
    border-radius:14px;
}

.mu-invite p {
    max-width:570px;
    margin-top:18px;
    font-size:13px;
}

.mu-invite .mu-button {
    flex-shrink:0;
}

.mu-end {
    display:flex;
    justify-content:space-between;
    gap:24px;
    padding:32px 0 40px;
}

.mu-end p,.mu-end a {
    font-size:11px;
}

.mu-end a {
    font-weight:700;
    color:var(--accent);
}

@media(max-width:900px) {
    .mu-hero {
        gap:30px;
    }

    .mu-feature {
        padding:25px;
    }

    .mu-grid {
        gap:12px;
    }

    .mu-card {
        padding:20px;
    }

    .mu-method {
        gap:30px;
    }

    .mu-invite {
        align-items:flex-start;
        flex-direction:column;
    }

    .mu-jump a {
        gap:8px;
        font-size:11px;
    }

}

@media(max-width:680px) {
    .mu-wrap {
        padding:16px 18px 0;
    }

    .mu-breadcrumb {
        margin:24px 0;
    }

    .mu-hero,.mu-section-head,.mu-method,.mu-faq {
        grid-template-columns:1fr;
        gap:26px;
    }

    .mu-hero {
        padding-bottom:36px;
    }

    .mu-feature {
        transform:none;
    }

    .mu-feature blockquote {
        font-size:23px;
    }

    .mu-grid {
        grid-template-columns:1fr;
        gap:16px;
    }

    .mu-jump {
        grid-template-columns:1fr;
    }

    .mu-jump a+a {
        border-top:1px solid #dcdcd5;
    }

    .mu-jump a {
        font-size:12px;
        padding:14px 0;
    }

    .mu-section {
        padding-top:44px;
    }

    .mu-method {
        padding:26px;
        margin-top:44px;
    }

    .mu-invite {
        padding:26px;
        margin-top:44px;
    }

    .mu-end {
        flex-direction:column;
        gap:12px;
    }

    .mu-card {
        padding:24px;
    }

    .mu-card blockquote {
        margin-bottom:20px;
    }

    .mu-person strong {
        font-size:12px;
    }

}

.mu-reviews .mu-feature-statement {
    color:#fff;
    font-size:25px;
    line-height:1.5;
    letter-spacing:-.025em;
    margin:8px 0 24px;
}

.mu-reviews .mu-feature-caption {
    color:#c9ccc5;
    font-size:12px;
    line-height:1.75;
}

.mu-card blockquote p {
    font-size:14px;
    line-height:1.85;
    color:#51565b;
}

.mu-person img.mu-avatar {
    object-fit:cover;
    margin:0;
}

.mu-reviews [id] {
    scroll-margin-top:24px;
}


.mu-hero > *,
.mu-section-head > *,
.mu-method > *,
.mu-faq > * {
    min-width: 0;
}

.mu-reviews h1,
.mu-reviews blockquote {
    overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
    html:has(.mu-reviews) {
        scroll-behavior: auto;
    }
}

.mu-filters, .mu-pagination { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; align-items: center; }
.mu-filters a, .mu-pagination a { padding: 10px 16px; border: 1px solid #bfc2bb; border-radius: 6px; font-size: 13px; min-height: 44px; }
.mu-filters a[aria-current] { background: #941d25; border-color: #941d25; color: #fff; }
.mu-pagination { justify-content: center; }
.mu-pagination span, .mu-reviews .mu-count { font-size: 12px; }
.mu-reviews .mu-count { margin: 0 0 20px; }
.mu-empty { border: 1px solid #deded7; padding: 24px; border-radius: 12px; background: #fff; }
.mu-empty a { text-decoration: underline; }
.mu-card blockquote { overflow-wrap: anywhere; }
