.e4u-reviews-page { background: #f8fbfa; color: var(--e4u-ink); }
.e4u-reviews-hero { padding: 220px 18px 112px; background: linear-gradient(90deg, rgba(2,17,14,.90), rgba(2,17,14,.58), rgba(2,17,14,.32)), url('/expertise4u_odoo_theme/static/src/img/client-reviews-hero.jpg') center 48% / cover no-repeat; color: #fff; }
.e4u-reviews-hero .e4u-kicker { margin-bottom: 24px; }
.e4u-reviews-hero h1 { margin: 0; font-size: clamp(58px, 7vw, 104px); font-weight: 400; letter-spacing: -.065em; line-height: .98; }
.e4u-reviews-breadcrumb { display: flex; justify-content: center; gap: 14px; margin: 34px 0 0; color: rgba(255,255,255,.72); font-size: 16px; }
.e4u-reviews-breadcrumb a { color: #fff; text-decoration: none; }
.e4u-reviews-list { padding: 110px 0 120px; background: #eaf8f6; }
.e4u-reviews-heading { max-width: 900px; margin-bottom: 54px; }
.e4u-reviews-heading h2 { margin: 0; font-size: clamp(42px, 5vw, 68px); font-weight: 300; letter-spacing: -.05em; line-height: 1.04; }
.e4u-reviews-grid { max-width: 1320px; margin: 0 auto; align-items: stretch; }
.e4u-reviews-grid > div { display: flex; }
.e4u-review-card { width: 100%; min-height: 640px; padding: clamp(38px, 4vw, 64px); display: flex; flex-direction: column; background: #fff; box-shadow: 0 22px 55px rgba(6,30,25,.07); transition: transform .3s ease, box-shadow .3s ease; }
.e4u-review-card:hover { transform: translateY(-7px); box-shadow: 0 30px 70px rgba(6,30,25,.11); }
.e4u-review-quote { height: 58px; color: #17b9aa; font-family: Georgia, serif; font-size: 92px; font-weight: 700; line-height: .88; }
.e4u-review-card blockquote { margin: 22px 0 42px; color: #30403c; font-size: clamp(18px, 1.3vw, 22px); font-weight: 300; line-height: 1.65; text-align: left; }
.e4u-review-card footer { margin-top: auto; padding-top: 28px; display: flex; flex-direction: row; align-items: center; gap: 18px; border-top: 1px solid var(--e4u-line); text-align: left; }
.e4u-review-card footer img { width: 76px; height: 76px; flex: 0 0 76px; border-radius: 50%; object-fit: contain; background: #fff; border: 1px solid rgba(6,30,25,.08); }
.e4u-review-card footer span { display: flex; min-width: 0; flex-direction: column; }
.e4u-review-card footer strong { font-size: 17px; font-weight: 600; }
.e4u-review-card footer small { margin-top: 6px; color: #75847f; font-size: 13px; }
.e4u-reviews-cta { padding: 88px 0; background: var(--e4u-ink); color: #fff; }
.e4u-reviews-cta h2 { max-width: 850px; margin: 0; font-size: clamp(42px, 5vw, 68px); font-weight: 300; letter-spacing: -.05em; line-height: 1.04; }
.e4u-reviews-cta .btn { flex: 0 0 auto; margin-top: 24px; }
html[dir="rtl"] .e4u-review-card,
html[dir="rtl"] .e4u-reviews-heading,
html[dir="rtl"] .e4u-reviews-cta { text-align: right; }
@media (min-width: 992px) { .e4u-reviews-cta .btn { margin-top: 0; } }
@media (max-width: 767px) {
    .e4u-reviews-hero { padding: 150px 18px 74px; }
    .e4u-reviews-hero h1 { font-size: 58px; }
    .e4u-reviews-list { padding: 72px 18px 82px; }
    .e4u-reviews-heading { margin-bottom: 36px; }
    .e4u-review-card { min-height: 0; padding: 32px 26px; }
    .e4u-review-card blockquote { margin: 20px 0 34px; }
    .e4u-review-card footer img { width: 64px; height: 64px; flex-basis: 64px; }
    .e4u-reviews-cta { padding: 68px 20px; }
}