.rvws-head {
    max-width:960px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin: 0 auto 80px;
    text-align:center;
}

.rvws-head .g-content {
    margin:0 auto;
}

.rvws-head .g-content .tit-wdt c--color {
    color: var(--uicolor);
}

.rvws-actions {
    margin-top:0;
}

.rvws-cards {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:16px;
    margin-bottom:26px;
}

.rvws-cards > :only-child {
    grid-column:1 / -1;
}

.rvws-inf {
    min-width:0;
    min-height:205px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:34px 38px;
    overflow:hidden;
    border-radius:18px;
    color:#fff;
    background: var(--uicolor);
}

.rvws-inf:nth-child(2n) {
    color: #ffffff;
    background: var(--uicolor4);
}

.rvws-copy {
    flex:1;
    min-width:0;
}

.rvws-copy strong,
.rvws-copy span {
    display:block;
    overflow-wrap:anywhere;
}

.rvws-copy strong {
    font-size: 25px;
    font-weight: 800;
    line-height:1.35;
}

.rvws-copy span {
    margin-top:16px;
    font-size: 20px;
    font-weight: 600;
    line-height:1.75;
}

.rvws-img {
    width:150px;
    max-width:34%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 150px;
}

.rvws-img img,
.rvws-img picture {
    display:block;
    max-width:100%;
    height:auto;
}

.rvws-list {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:16px;
}

.rvws-list .rvbx {
    min-width:0;
    height:100%;
}

.rvws-list > .--remove-insert--post {
    grid-column:1 / -1;
}

.wdt_mode .-ycw-section:first-child .rvbx {
    background:var(--background);
}

.rvws-empty {
    width:100%;
    padding:28px;
    border-radius:16px;
    background:#f5f5f5;
    color:var(--secondarytext);
    font-weight:800;
    text-align:center;
}

.-ycw-section.-ycwt-reviews {
    margin-top:-50px;
    padding:66px 0 100px;
    border-start-start-radius:60px;
    border-start-end-radius:60px;
    background: var(--diver2);
}

/* =========================
   Tablet Responsive
========================= */

@media only screen and (max-width:1100px) {
    .rvws-list {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media only screen and (max-width:991px) {
    .rvws-cards {
        gap:14px;
    }

    .rvws-inf {
        min-height:180px;
        gap:18px;
        padding:28px;
    }

    .rvws-copy strong {
        font-size:26px;
    }

    .rvws-copy span {
        margin-top:12px;
        font-size:15px;
    }

    .rvws-img {
        width:120px;
        flex-basis:120px;
    }

    .rvws-empty {
        padding:24px;
    }

    .-ycw-section.-ycwt-reviews {
        margin-top:-36px;
        padding:58px 0 82px;
        border-start-start-radius:44px;
        border-start-end-radius:44px;
    }
}

/* =========================
   Mobile App Experience
========================= */

@media only screen and (max-width:767px) {
    .rvws-head {
        align-items:flex-start;
        gap:14px;
        margin-bottom:24px;
        text-align:start;
    }

    .rvws-head .g-content {
        width:100%;
        min-width:0;
        margin-inline:0;
        text-align:start;
    }

    .rvws-head .tit-wdt,
    .rvws-head .con-wgt {
        max-width:100%;
        overflow-wrap:anywhere;
    }

    .rvws-cards {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin-bottom:18px;
    }

    .rvws-inf {
        min-height:0;
        flex-direction:column;
        align-items:flex-start;
        justify-content:space-between;
        gap:14px;
        padding:16px;
        border-radius:14px;
    }

    .rvws-copy {
        width:100%;
    }

    .rvws-copy strong {
        font-size:18px;
        line-height:1.4;
    }

    .rvws-copy span {
        margin-top:8px;
        font-size:12px;
        line-height:1.65;
    }

    .rvws-img {
        width:90px;
        max-width:100%;
        flex:0 0 auto;
        justify-content:flex-start;
    }

    .rvws-img img,
    .rvws-img picture {
        max-height:82px;
        object-fit:contain;
    }

    .rvws-list {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .rvws-list .rvbx {
        min-width:0;
        overflow-wrap:anywhere;
    }

    .rvws-empty {
        min-height:130px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:22px 18px;
        border-radius:16px;
        font-size:14px;
    }

    .-ycw-section.-ycwt-reviews {
        margin-top:-26px;
        padding:46px 0 64px;
        border-start-start-radius:32px;
        border-start-end-radius:32px;
    }
}

/* =========================
   Compact Mobile Experience
========================= */

@media only screen and (max-width:575px) {
    .rvws-head {
        margin-bottom:20px;
    }

    .rvws-cards {
        display:flex;
        align-items:stretch;
        gap:10px;
        margin-inline:-16px;
        margin-bottom:20px;
        padding-inline:16px;
        padding-bottom:4px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-padding-inline:16px;
        scroll-snap-type:inline mandatory;
        scrollbar-width:none;
        overscroll-behavior-inline:contain;
        -webkit-overflow-scrolling:touch;
    }

    .rvws-cards::-webkit-scrollbar {
        display:none;
    }

    .rvws-cards > :only-child {
        flex-basis:100%;
    }

    .rvws-inf {
        flex:0 0 min(82vw,340px);
        min-height:158px;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        padding:18px;
        border-radius:18px;
        scroll-snap-align:start;
        scroll-snap-stop:always;
    }

    .rvws-copy strong {
        font-size:clamp(18px,5vw,22px);
    }

    .rvws-copy span {
        margin-top:8px;
        font-size:12px;
        line-height:1.6;
    }

    .rvws-img {
        width:86px;
        max-width:31%;
        flex-basis:86px;
        justify-content:center;
    }

    .rvws-img img,
    .rvws-img picture {
        max-height:92px;
    }

    .rvws-list {
        grid-template-columns:minmax(0,1fr);
        gap:12px;
    }

    .rvws-list > .--remove-insert--post {
        grid-column:auto;
    }

    .rvws-empty {
        min-height:120px;
        padding:20px 16px;
    }
}

/* =========================
   Small Mobile Adjustments
========================= */

@media only screen and (max-width:390px) {
    .rvws-head {
        gap:12px;
        margin-bottom:18px;
    }

    .rvws-cards {
        gap:8px;
        margin-inline:-14px;
        padding-inline:14px;
        scroll-padding-inline:14px;
    }

    .rvws-inf {
        flex-basis:calc(100vw - 48px);
        min-height:146px;
        gap:10px;
        padding:15px;
        border-radius:16px;
    }

    .rvws-copy strong {
        font-size:18px;
    }

    .rvws-copy span {
        font-size:11.5px;
    }

    .rvws-img {
        width:72px;
        max-width:29%;
        flex-basis:72px;
    }

    .rvws-img img,
    .rvws-img picture {
        max-height:78px;
    }

    .rvws-list {
        gap:10px;
    }

    .-ycw-section.-ycwt-reviews {
        margin-top:-20px;
        padding:40px 0 54px;
        border-start-start-radius:24px;
        border-start-end-radius:24px;
    }
}

@media only screen and (max-width:340px) {
    .rvws-cards {
        margin-inline:-12px;
        padding-inline:12px;
        scroll-padding-inline:12px;
    }

    .rvws-inf {
        flex-basis:calc(100vw - 38px);
        min-height:138px;
        padding:13px;
    }

    .rvws-copy strong {
        font-size:17px;
    }

    .rvws-copy span {
        font-size:11px;
        line-height:1.55;
    }

    .rvws-img {
        width:64px;
        flex-basis:64px;
    }

    .rvws-img img,
    .rvws-img picture {
        max-height:70px;
    }

    .rvws-empty {
        padding:18px 14px;
        font-size:13px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .rvws-cards {
        scroll-behavior:auto;
    }
}