/* Oxycron customer review hub — English master site only. */
.reviews-page {
  --reviews-ink: #0a1421;
  --reviews-navy: #081421;
  --reviews-navy-2: #101e2d;
  --reviews-blue: #2f73b7;
  --reviews-blue-light: #7fb6ea;
  --reviews-paper: #f3f5f7;
  --reviews-muted: #687484;
  --reviews-line: #dce2e8;
  color: var(--reviews-ink);
  background: #fff;
}

.reviews-shell {
  width: min(100% - 3rem, 1240px);
  margin-inline: auto;
}

.reviews-eyebrow {
  margin: 0 0 1rem;
  color: var(--reviews-blue);
  font-size: 0.73rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.reviews-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(7.5rem, 11vw, 10.5rem) 0 0;
  background: var(--reviews-navy);
  color: #fff;
}

.reviews-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: center;
  padding-bottom: clamp(3.5rem, 7vw, 6.5rem);
}

.reviews-hero__copy {
  max-width: 650px;
}

.reviews-hero .reviews-eyebrow,
.reviews-cta .reviews-eyebrow {
  color: var(--reviews-blue-light);
}

.reviews-hero h1 {
  max-width: 750px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.7rem, 5.3vw, 5.15rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.reviews-hero__lead {
  max-width: 620px;
  margin: 1.6rem 0 0;
  color: #cbd5df;
  font-size: clamp(1.05rem, 1.45vw, 1.25rem);
  line-height: 1.7;
}

.reviews-hero__rating {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.9rem;
  align-items: center;
  margin-top: 1.75rem;
  color: #b7c2ce;
  font-size: 0.9rem;
}

.reviews-hero__rating strong {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}

.reviews-hero__stars {
  color: #f4b84a;
  letter-spacing: 0.12em;
}

.reviews-hero__actions,
.reviews-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 2rem;
}

.reviews-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0.78rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.reviews-button:active { transform: scale(0.97); }
.reviews-button:focus-visible { outline: 2px solid #68a9e8; outline-offset: 3px; }
.reviews-button--primary { background: var(--reviews-blue); color: #fff; }
.reviews-button--primary:hover { background: #3b82c8; }
.reviews-button--secondary { border-color: #526172; color: #fff; }
.reviews-button--secondary:hover { border-color: #fff; background: rgba(255, 255, 255, 0.07); }

.reviews-hero__media {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.9fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  min-height: clamp(440px, 44vw, 620px);
  margin: 0;
}

.reviews-hero__photo {
  overflow: hidden;
  min-height: 0;
  background: #132232;
}

.reviews-hero__photo--1 { grid-row: 1 / 3; }
.reviews-hero__photo img { width: 100%; height: 100%; object-fit: cover; }
.reviews-hero__media figcaption {
  position: absolute;
  right: 0;
  bottom: -1.8rem;
  color: #8291a1;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}

.reviews-hero__facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid #263646;
}

.reviews-hero__facts > div {
  min-height: 126px;
  padding: 1.8rem 1.5rem;
  border-right: 1px solid #263646;
}

.reviews-hero__facts > div:first-child { padding-left: 0; }
.reviews-hero__facts > div:last-child { border-right: 0; }
.reviews-hero__facts strong,
.reviews-hero__facts span { display: block; }
.reviews-hero__facts strong { color: #fff; font-size: clamp(1.65rem, 2.8vw, 2.5rem); font-weight: 500; line-height: 1; }
.reviews-hero__facts span { margin-top: 0.7rem; color: #94a2b1; font-size: 0.82rem; }

.reviews-proof,
.reviews-method,
.reviews-faq {
  padding: clamp(5rem, 9vw, 8.5rem) 0;
}

.reviews-section-head,
.reviews-directory__head {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
  margin-bottom: 3rem;
}

.reviews-section-head h2,
.reviews-directory__head h2,
.reviews-method h2,
.reviews-faq h2,
.reviews-cta h2 {
  margin: 0;
  color: var(--reviews-ink);
  font-size: clamp(2rem, 4.2vw, 4.1rem);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.reviews-section-head > p,
.reviews-directory__head > p,
.reviews-faq__intro > p:last-child {
  margin: 0;
  color: var(--reviews-muted);
  font-size: 0.97rem;
  line-height: 1.75;
}

.reviews-proof__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--reviews-line);
  border-bottom: 1px solid var(--reviews-line);
}

.reviews-proof__grid article {
  min-height: 270px;
  padding: 1.7rem clamp(1rem, 2vw, 2rem) 2.2rem;
  border-right: 1px solid var(--reviews-line);
}

.reviews-proof__grid article:first-child { padding-left: 0; }
.reviews-proof__grid article:last-child { border-right: 0; }
.reviews-proof__grid span { color: #9aa6b2; font-size: 0.74rem; font-variant-numeric: tabular-nums; }
.reviews-proof__grid h3 { margin: 4rem 0 0.8rem; color: var(--reviews-ink); font-size: 1.05rem; font-weight: 600; line-height: 1.35; }
.reviews-proof__grid p { margin: 0; color: var(--reviews-muted); font-size: 0.88rem; line-height: 1.7; }

.reviews-directory {
  padding: clamp(5rem, 9vw, 8rem) 0;
  background: var(--reviews-paper);
}

.reviews-directory__head { margin-bottom: 2.5rem; }
.reviews-directory .home-reviews {
  padding: 0;
  background: transparent;
}
.reviews-directory .home-reviews__inner {
  max-width: 1240px;
  width: min(100% - 3rem, 1240px);
}

.reviews-directory .home-reviews__filters {
  position: sticky;
  top: calc(var(--oh-nav-height, 5rem) + 0.75rem);
  z-index: 20;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 1rem;
  padding: 0.75rem;
  border: 1px solid rgba(213, 220, 227, 0.92);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: saturate(150%) blur(18px);
}

.reviews-directory .home-reviews__filter,
.reviews-directory .home-reviews__stars select,
.reviews-directory .home-reviews__select select {
  min-height: 42px;
  padding: 0.55rem 0.85rem;
  border: 1px solid #d8e0e7;
  border-radius: 999px;
  background: #fff;
  color: var(--reviews-ink);
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
}

.reviews-directory .home-reviews__filter.is-active {
  border-color: var(--reviews-ink);
  background: var(--reviews-ink);
  color: #fff;
}

.reviews-directory .home-reviews__select { min-width: 170px; flex: 1 1 180px; }
.reviews-directory .home-reviews__select select { width: 100%; }
.reviews-directory .home-reviews__stars { flex: 0 1 150px; }
.reviews-directory .home-reviews__stars select { width: 100%; }
.reviews-directory .home-reviews__share {
  min-height: 42px;
  margin-left: auto;
  padding: 0.55rem 1rem;
  border-color: var(--reviews-blue);
  border-radius: 999px;
  background: var(--reviews-blue);
  color: #fff;
  font-size: 0.78rem;
}
.reviews-directory .home-reviews__share:hover { border-color: #3b82c8; background: #3b82c8; }
.reviews-directory .home-reviews__results { margin: 0 0 1.5rem; color: #738091; font-size: 0.78rem; }
.reviews-directory .review-card.is-archive-hidden { display: none !important; }

.reviews-directory .home-reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  background: #dce2e8;
}

.reviews-directory .review-card {
  display: flex;
  min-height: 390px;
  flex-direction: column;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  transform: none;
}

.reviews-directory .review-card:hover { background: #fbfcfd; box-shadow: none; transform: none; }
.reviews-directory .review-card__head { margin-bottom: 1.1rem; }
.reviews-directory .review-card__avatar { width: 34px; height: 34px; background: #e6eef6; color: #245e98; }
.reviews-directory .review-card__author-text strong { color: var(--reviews-ink); font-size: 0.83rem; font-weight: 600; }
.reviews-directory .review-card__country { color: #778392; font-size: 0.7rem; }
.reviews-directory .review-card__date { color: #8995a3; font-size: 0.7rem; }
.reviews-directory .review-card__verified { padding: 0.2rem 0.45rem; border-radius: 999px; background: #e7f3ed; color: #176342; font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.06em; }
.reviews-directory .review-card__stars { margin: 0 0 0.6rem; color: #e5a928; font-size: 0.85rem; }
.reviews-directory .review-card__meta { margin: 0 0 0.9rem; color: var(--reviews-blue); font-size: 0.68rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.reviews-directory .review-card__title { margin: 0 0 0.75rem; color: var(--reviews-ink); font-size: clamp(1.05rem, 1.4vw, 1.25rem); font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; }
.reviews-directory .review-card__body { color: #5f6b79; font-size: 0.86rem; line-height: 1.75; }
.reviews-directory .review-card__excerpt { -webkit-line-clamp: 4; }
.reviews-directory .review-card__more { margin-top: auto; padding-top: 1.2rem; color: var(--reviews-blue); font-size: 0.76rem; }
.reviews-directory .review-card__open { width: max-content; border: 0; background: transparent; cursor: pointer; font-family: inherit; font-weight: 600; }
.reviews-directory .review-card__open:focus-visible { outline: 2px solid var(--reviews-blue); outline-offset: 3px; }
.reviews-directory .review-card__photos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
  order: -1;
  margin: calc(-1 * clamp(1.25rem, 2vw, 1.75rem)) calc(-1 * clamp(1.25rem, 2vw, 1.75rem)) 1.4rem;
}
.reviews-directory .review-card__photo { border-radius: 0; background: #edf1f4; }
.reviews-directory .review-card__photo:only-child { grid-column: 1 / -1; }
.reviews-directory .review-card__photo img { width: 100%; height: 185px; object-fit: cover; }

.reviews-method { background: #fff; }
.reviews-method__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(420px, 1.2fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
}
.reviews-method__copy > p:not(.reviews-eyebrow) { margin: 1.4rem 0 0; color: var(--reviews-muted); line-height: 1.75; }
.reviews-method__copy .reviews-method__note { padding-top: 1.2rem; border-top: 1px solid var(--reviews-line); font-size: 0.8rem; }
.reviews-method__list { border-top: 1px solid var(--reviews-line); }
.reviews-method__list article { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1rem; padding: 1.7rem 0; border-bottom: 1px solid var(--reviews-line); }
.reviews-method__list article > span { display: flex; width: 2.2rem; height: 2.2rem; align-items: center; justify-content: center; border-radius: 50%; background: #e8f1fa; color: var(--reviews-blue); font-size: 0.9rem; }
.reviews-method__list h3 { margin: 0; color: var(--reviews-ink); font-size: 1rem; font-weight: 600; }
.reviews-method__list p { margin: 0.55rem 0 0; color: var(--reviews-muted); font-size: 0.86rem; line-height: 1.65; }

.reviews-faq { background: var(--reviews-paper); }
.reviews-faq__grid { display: grid; grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr); gap: clamp(3rem, 8vw, 8rem); }
.reviews-faq__intro { position: sticky; top: calc(var(--oh-nav-height, 5rem) + 2rem); align-self: start; }
.reviews-faq__intro > p:last-child { margin-top: 1.3rem; }
.reviews-faq__items { border-top: 1px solid #cfd7df; }
.reviews-faq details { border-bottom: 1px solid #cfd7df; }
.reviews-faq summary { display: grid; grid-template-columns: minmax(0, 1fr) 2rem; gap: 1rem; align-items: center; min-height: 5rem; padding: 1.2rem 0; color: var(--reviews-ink); font-size: 0.96rem; font-weight: 600; line-height: 1.5; list-style: none; cursor: pointer; }
.reviews-faq summary::-webkit-details-marker { display: none; }
.reviews-faq summary span { color: var(--reviews-blue); font-size: 1.35rem; font-weight: 400; text-align: center; transition: transform 0.2s ease; }
.reviews-faq details[open] summary span { transform: rotate(45deg); }
.reviews-faq details > div { padding: 0 3rem 1.5rem 0; }
.reviews-faq details p { margin: 0; color: var(--reviews-muted); font-size: 0.88rem; line-height: 1.75; }

.reviews-cta { padding: clamp(4.5rem, 8vw, 7rem) 0; background: var(--reviews-navy); color: #fff; }
.reviews-cta__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; align-items: end; }
.reviews-cta h2 { max-width: 850px; color: #fff; }
.reviews-cta p:not(.reviews-eyebrow) { max-width: 760px; margin: 1.25rem 0 0; color: #aebbc8; line-height: 1.75; }
.reviews-cta__actions { justify-content: flex-end; margin-top: 0; }
.reviews-button--light { background: #fff; color: var(--reviews-ink); }
.reviews-button--light:hover { background: #eaf0f5; }
.reviews-button--outline-light { border-color: #536271; color: #fff; }
.reviews-button--outline-light:hover { border-color: #fff; background: rgba(255, 255, 255, 0.07); }

.reviews-page .review-detail__dialog { border-radius: 0; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28); }
.reviews-page .review-detail__avatar { background: #e6eef6; color: #245e98; }
.reviews-page .review-detail__meta { color: var(--reviews-blue); }

@media (max-width: 1023px) {
  .reviews-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(360px, 0.8fr); gap: 3rem; }
  .reviews-hero__media { min-height: 460px; }
  .reviews-proof__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reviews-proof__grid article { min-height: 235px; border-bottom: 1px solid var(--reviews-line); }
  .reviews-proof__grid article:nth-child(2) { border-right: 0; }
  .reviews-proof__grid article:nth-child(3) { padding-left: 0; border-bottom: 0; }
  .reviews-proof__grid article:nth-child(4) { border-bottom: 0; }
  .reviews-directory .home-reviews__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reviews-cta__inner { grid-template-columns: 1fr; align-items: start; }
  .reviews-cta__actions { justify-content: flex-start; }
}

@media (max-width: 767px) {
  .reviews-shell,
  .reviews-directory .home-reviews__inner { width: min(100% - 2rem, 1240px); }
  .reviews-hero { padding-top: 7rem; }
  .reviews-hero__grid { grid-template-columns: 1fr; gap: 3rem; }
  .reviews-hero h1 { font-size: clamp(2.45rem, 12vw, 4rem); }
  .reviews-hero__lead { font-size: 0.98rem; }
  .reviews-hero__actions { display: grid; }
  .reviews-button { width: 100%; }
  .reviews-hero__media { min-height: 400px; grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr); }
  .reviews-hero__media figcaption { bottom: -1.65rem; }
  .reviews-hero__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reviews-hero__facts > div { min-height: 108px; padding: 1.5rem 1rem; border-bottom: 1px solid #263646; }
  .reviews-hero__facts > div:first-child { padding-left: 0; }
  .reviews-hero__facts > div:nth-child(2) { border-right: 0; }
  .reviews-hero__facts > div:nth-child(3) { padding-left: 0; border-bottom: 0; }
  .reviews-hero__facts > div:nth-child(4) { border-bottom: 0; }
  .reviews-section-head,
  .reviews-directory__head,
  .reviews-method__grid,
  .reviews-faq__grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .reviews-section-head h2,
  .reviews-directory__head h2,
  .reviews-method h2,
  .reviews-faq h2,
  .reviews-cta h2 { font-size: clamp(2rem, 10vw, 3.25rem); }
  .reviews-proof__grid { grid-template-columns: 1fr; }
  .reviews-proof__grid article,
  .reviews-proof__grid article:nth-child(3) { min-height: auto; padding: 1.4rem 0 1.8rem; border-right: 0; border-bottom: 1px solid var(--reviews-line); }
  .reviews-proof__grid article:last-child { border-bottom: 0; }
  .reviews-proof__grid h3 { margin-top: 2rem; }
  .reviews-directory .home-reviews__filters { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; border: 0; background: transparent; backdrop-filter: none; }
  .reviews-directory .home-reviews__filter,
  .reviews-directory .home-reviews__stars,
  .reviews-directory .home-reviews__select,
  .reviews-directory .home-reviews__share { width: 100%; min-width: 0; margin: 0; }
  .reviews-directory .home-reviews__share { grid-column: 1 / -1; }
  .reviews-directory .home-reviews__carousel { padding: 0; }
  .reviews-directory .home-reviews__viewport { overflow: visible; padding: 0; }
  .reviews-directory .home-reviews__grid { display: grid; width: auto; min-width: 0; grid-template-columns: 1fr; gap: 1px; padding: 1px; }
  .reviews-directory .home-reviews__grid .review-card:not(.is-hidden):not(.is-archive-hidden) { max-width: none; width: auto; flex: none; }
  .reviews-directory .home-reviews__arrow { display: none !important; }
  .reviews-directory .review-card { min-height: 0; }
  .reviews-directory .review-card__photo img { height: min(58vw, 240px); }
  .reviews-method__grid { gap: 3rem; }
  .reviews-faq__intro { position: static; }
  .reviews-cta__actions { display: grid; width: 100%; }
}

@media (max-width: 419px) {
  .reviews-hero__media { min-height: 330px; }
  .reviews-directory .home-reviews__filters { grid-template-columns: 1fr; }
  .reviews-directory .home-reviews__share { grid-column: auto; }
  .reviews-directory .review-card__head { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  .reviews-page *, .reviews-page *::before, .reviews-page *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}
