/* ===== zintex26-reviews ===== */
.z26-rev{
  /* Brand */
  --z-navy:#003366; --z-white:#FFFFFF; --z-yellow:#FFE500; --z-yellow-hover:#F5D800;
  /* Supporting (pending your decision on extra colors) */
  --z-navy-900:#0A1A2E; --z-blue:#1F5FA8; --z-ink:#1B2430; --z-muted:#5B6675;
  --z-ivory:#FBF8F3;

  font-family:"Open Sans",system-ui,sans-serif; font-weight:500; color:var(--z-ink);
}
.z26-rev *,.z26-rev *::before,.z26-rev *::after{box-sizing:border-box}

.z26-rev__inner{max-width:1200px; margin:0 auto; padding:48px 0}
.z26-rev__rating{margin:0 0 10px; font-size:15px; font-weight:700; color:var(--z-navy)}
.z26-rev__stars{letter-spacing:2px}
.z26-rev__heading{margin:0; font-size:clamp(28px,3.6vw,40px); line-height:1.15; font-weight:800; letter-spacing:-.01em; color:var(--z-navy)}
.z26-rev__all{font-weight:700; font-size:16px; color:var(--z-blue); text-decoration:none}
.z26-rev__all:hover{color:var(--z-navy); text-decoration:underline; text-underline-offset:3px}
.z26-rev a:focus-visible{outline:3px solid var(--z-blue); outline-offset:3px; border-radius:6px}
.z26-rev__figure{margin:0}
.z26-rev__quote{margin:0}

/* ---------- Style: Clear Glass ---------- */
.z26-rev--glass{background:var(--z-white)}
.z26-rev--glass .z26-rev__head{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:12px 24px; padding:0 16px; margin-bottom:24px}
.z26-rev--glass .z26-rev__list{
  list-style:none; margin:0; padding:4px 16px 16px; display:flex; gap:14px;
  overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.z26-rev--glass .z26-rev__list::-webkit-scrollbar{display:none}
.z26-rev--glass .z26-rev__card{flex:none; width:300px; scroll-snap-align:start; border-radius:14px; background:var(--z-white); box-shadow:0 1px 2px rgba(10,26,46,.06),0 4px 12px rgba(10,26,46,.06)}
.z26-rev--glass .z26-rev__figure{height:100%; padding:24px; display:flex; flex-direction:column; gap:14px}
.z26-rev--glass .z26-rev__card-stars{color:var(--z-navy); letter-spacing:2px}
.z26-rev--glass .z26-rev__quote{font-size:16px; line-height:1.6; flex:1}
.z26-rev--glass .z26-rev__by{font-size:14px; color:var(--z-muted)}
.z26-rev--glass .z26-rev__by strong{color:var(--z-ink); font-weight:700}

.z26-rev--glass .z26-rev__card--video{overflow:hidden; min-height:260px; background:#C9D3DC}
.z26-rev__video{position:relative; display:block; width:100%; height:100%; min-height:260px}
.z26-rev__video img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block}
.z26-rev__play{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  display:inline-flex; align-items:center; gap:10px; height:52px; padding:0 22px; border-radius:999px; white-space:nowrap;
  color:var(--z-white); font-weight:700; font-size:15px;
  background:rgba(10,26,46,.55); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.14);
  transition:background .15s ease;
}
.z26-rev__video:hover .z26-rev__play{background:rgba(10,26,46,.72)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .z26-rev__play{background:rgba(10,26,46,.9)}
}

/* ---------- Style: Warm & Solid ---------- */
.z26-rev--warm{background:var(--z-ivory)}
.z26-rev--warm .z26-rev__inner{padding:48px 16px}
.z26-rev__panel{background:var(--z-navy); color:var(--z-white); border-radius:24px; padding:32px 24px; display:flex; flex-direction:column; gap:24px}
.z26-rev--warm .z26-rev__rating{color:var(--z-white)}
.z26-rev--warm .z26-rev__stars{color:var(--z-yellow)}
.z26-rev--warm .z26-rev__quote{font-size:clamp(20px,2.4vw,26px); line-height:1.4; font-weight:700}
.z26-rev--warm .z26-rev__by{margin-top:14px; font-size:15px; color:rgba(255,255,255,.82)}
.z26-rev--warm .z26-rev__heading{color:var(--z-white)}
.z26-rev__panel-actions{display:flex; flex-direction:column; align-items:flex-start; gap:14px}
.z26-rev__btn{
  display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 28px; border-radius:12px;
  background:var(--z-yellow); color:var(--z-navy); font-weight:700; font-size:17px; text-decoration:none;
  transition:background .15s ease, transform .15s ease;
}
.z26-rev__btn:hover{background:var(--z-yellow-hover); transform:translateY(-1px)}
.z26-rev--warm .z26-rev__all{color:var(--z-white)}
.z26-rev--warm a:focus-visible{outline-color:var(--z-yellow)}

/* ---------- Tablet ---------- */
@media (min-width:640px){
  .z26-rev__inner{padding:72px 0}
  .z26-rev--glass .z26-rev__head,.z26-rev--glass .z26-rev__list{padding-left:32px; padding-right:32px}
  .z26-rev--warm .z26-rev__inner{padding:72px 32px}
  .z26-rev__panel{padding:48px}
}

/* ---------- Desktop ---------- */
@media (min-width:960px){
  .z26-rev__inner{padding:96px 0}
  .z26-rev--glass .z26-rev__head{margin-bottom:40px}
  .z26-rev--glass .z26-rev__list{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; overflow:visible}
  .z26-rev--glass .z26-rev__card{width:auto}
  .z26-rev--glass .z26-rev__figure{padding:28px}
  .z26-rev--glass .z26-rev__quote{font-size:17px}

  .z26-rev--warm .z26-rev__inner{padding:96px 32px}
  .z26-rev__panel{flex-direction:row; align-items:center; justify-content:space-between; gap:48px; padding:56px}
  .z26-rev__panel-copy{flex:1 1 auto; max-width:760px}
  .z26-rev__panel-actions{flex:none; align-items:center}
}

@media (prefers-reduced-motion:reduce){
  .z26-rev__btn,.z26-rev__play{transition:none}
  .z26-rev__btn:hover{transform:none}
}