/* Step 05: Ratings only. No global selectors. */
.sda-ratings {--sda-ratings-bg:#090d14;--sda-ratings-accent:#c74659;background:var(--sda-ratings-bg);color:#f5f7fa;padding:clamp(70px,7vw,112px) 0 90px;overflow:hidden;isolation:isolate}
.sda-ratings *, .sda-ratings *::before, .sda-ratings *::after {box-sizing:border-box}
.sda-ratings__container {max-width:1370px;margin:0 auto;padding:0 clamp(20px,3vw,44px)}
.sda-ratings__header {text-align:left;margin:0 0 clamp(32px,4vw,56px)}
.sda-ratings__eyebrow {display:block;color:var(--sda-ratings-accent);font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:12px}
.sda-ratings__title {position:relative;display:inline-block;color:#fff;font-weight:800;font-size:clamp(30px,3.2vw,46px);line-height:1.22;letter-spacing:-.025em;margin:0 0 10px}
.sda-ratings__title:after {content:"";position:absolute;height:3px;width:34%;background:var(--sda-ratings-accent);bottom:-7px;left:0;border-radius:3px}
.sda-ratings__description {max-width:700px;color:#a7b1bf;font-size:16px;line-height:1.7;margin:14px 0 0}
.sda-ratings__showcase {display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:160px}
.sda-ratings__laurel {flex:0 0 clamp(40px,7vw,92px);width:clamp(40px,7vw,92px);height:132px;color:#67727d;opacity:.52;transition:opacity .42s ease;pointer-events:none}
.sda-ratings__laurel--right {transform:scaleX(-1)}
.sda-ratings__viewport {flex:1 1 auto;min-width:0;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sda-ratings__rail {display:flex;align-items:center;width:max-content;min-width:100%;animation:sda-ratings-marquee var(--sda-ratings-seconds,36s) linear infinite}
.sda-ratings__rail:not(.is-looping){width:100%;animation:none}
.sda-ratings__group {display:flex;align-items:center;justify-content:space-around;min-width:100%;flex:0 0 auto;gap:clamp(18px,2vw,34px);padding:8px 12px}
.sda-ratings__group[aria-hidden="true"] {pointer-events:none}
.sda-ratings__item {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 174px;min-height:110px;max-width:210px;text-decoration:none!important;color:#ddd!important;gap:7px;opacity:.77;transition:transform .24s ease,opacity .24s ease;animation:sda-ratings-tile-in .48s both;animation-delay:calc(var(--sda-ratings-order,0)*80ms)}
.sda-ratings__item img {display:block;object-fit:contain;max-width:100%;width:160px;height:66px;filter:grayscale(1) brightness(1.15);transition:filter .24s ease,transform .24s ease}
.sda-ratings__item:hover,.sda-ratings__item:focus-visible {transform:scale(1.045) translateY(-3px);opacity:1}
.sda-ratings__item:hover img,.sda-ratings__item:focus-visible img {filter:grayscale(0) brightness(1.05)}
.sda-ratings__item:focus-visible {outline:3px solid var(--sda-ratings-accent);outline-offset:3px;border-radius:8px}
.sda-ratings__score {font-weight:750;color:#e6e9ef;font-size:12px;line-height:1.35;text-align:center;white-space:nowrap}
.sda-ratings__score span {font-weight:500;color:#aab4c2;margin-left:2px}
.sda-ratings__tooltip {position:absolute;bottom:100%;left:50%;transform:translate(-50%,6px);opacity:0;pointer-events:none;background:#243248;color:#fff;font-size:11px;padding:7px 10px;border-radius:5px;white-space:nowrap;transition:opacity .16s ease,transform .16s ease}
.sda-ratings__item:hover .sda-ratings__tooltip,.sda-ratings__item:focus-visible .sda-ratings__tooltip {opacity:1;transform:translate(-50%,0)}
.sda-ratings__showcase:hover .sda-ratings__rail,.sda-ratings__showcase:focus-within .sda-ratings__rail,.sda-ratings.is-paused .sda-ratings__rail,.sda-ratings.is-outside .sda-ratings__rail {animation-play-state:paused}
.sda-ratings [data-ratings-reveal] {transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.sda-ratings.is-enhanced [data-ratings-reveal]:not(.is-visible) {opacity:0;transform:translateY(18px)}
.sda-ratings.is-enhanced [data-ratings-reveal].is-visible {opacity:1;transform:translateY(0)}
@keyframes sda-ratings-marquee {to {transform:translateX(-50%)}}
@keyframes sda-ratings-tile-in {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767.98px){.sda-ratings{padding:60px 0 65px}.sda-ratings__header{text-align:center;margin-bottom:30px}.sda-ratings__title{font-size:clamp(27px,7vw,38px)}.sda-ratings__title:after{left:33%;width:34%}.sda-ratings__description{font-size:14px}.sda-ratings__laurel{flex-basis:24px;width:24px;height:65px;opacity:.3}.sda-ratings__showcase{gap:5px}.sda-ratings__group{gap:14px;padding:6px}.sda-ratings__item{flex-basis:136px;min-height:95px}.sda-ratings__item img{width:123px;height:55px}.sda-ratings__score{font-size:10px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.sda-ratings *{animation:none!important;transition:none!important}.sda-ratings [data-ratings-reveal]{opacity:1!important;transform:none!important}.sda-ratings__viewport{overflow-x:auto;mask-image:none}.sda-ratings__rail{transform:none!important;animation:none!important}.sda-ratings__group[aria-hidden="true"]{display:none!important}}


/* -------------------------------------------------------------
 * Ratings v1.1 — only section typography, spacing & approved art
 * Assets: original left/right leaf reference images from user,
 * converted to transparent PNG (no black rectangles).
 * No changes to carousel JS, DB or other homepage sections.
 * ------------------------------------------------------------- */
.sda-ratings {
  padding: clamp(88px, 7.4vw, 124px) 0 clamp(98px, 7vw, 124px);
}
.sda-ratings__container {
  max-width: 1480px;
  padding-inline: clamp(22px, 5.2vw, 76px);
}
.sda-ratings__header {
  width: min(100%, 1130px);
  max-width: 1130px;
  margin-bottom: clamp(42px, 5vw, 70px);
}
.sda-ratings__eyebrow {
  font-size: clamp(13px, 1.05vw, 15px);
  letter-spacing: .16em;
  line-height: 1.5;
  margin-bottom: 16px;
}
.sda-ratings__title {
  font-size: clamp(38px, 4.1vw, 58px);
  font-weight: 800;
  line-height: 1.17;
  letter-spacing: -.026em;
  margin-bottom: 16px;
  max-width: 1100px;
}
.sda-ratings__title::after {
  width: 31%;
  max-width: 240px;
  min-width: 110px;
  height: 4px;
  bottom: -10px;
}
.sda-ratings__description {
  max-width: 1020px;
  font-size: clamp(17px, 1.43vw, 20px);
  line-height: 1.73;
  letter-spacing: .002em;
  margin-top: 18px;
  color: #b8c3d3;
}
.sda-ratings__showcase {
  gap: clamp(12px, 2.1vw, 28px);
  min-height: 232px;
}
.sda-ratings__laurel {
  flex: 0 0 clamp(94px, 10vw, 144px);
  display: block;
  width: clamp(94px, 10vw, 144px);
  height: clamp(172px, 16vw, 226px);
  max-width: 144px;
  object-fit: contain;
  opacity: .88;
  filter: drop-shadow(0 0 11px rgba(170, 190, 214, .085));
  pointer-events: none;
  user-select: none;
  transition: opacity 500ms ease;
}
/* Use separate supplied artworks: right illustration is not a flipped left one. */
.sda-ratings__laurel--right {
  transform: none;
  animation: sda-ratings-leaf-right 8.5s ease-in-out infinite alternate;
}
.sda-ratings__laurel--left {
  animation: sda-ratings-leaf-left 7.5s ease-in-out infinite alternate;
}
.sda-ratings__showcase:hover .sda-ratings__laurel { opacity: 1; }
.sda-ratings__item img {
  width: min(100%, 168px);
  height: 74px;
}
.sda-ratings__item { min-height: 122px; }
@keyframes sda-ratings-leaf-left {
  from { transform: translate3d(0, 3px, 0); }
  to { transform: translate3d(0, -5px, 0); }
}
@keyframes sda-ratings-leaf-right {
  from { transform: translate3d(0, -3px, 0); }
  to { transform: translate3d(0, 5px, 0); }
}
@media (max-width: 991.98px) {
  .sda-ratings { padding-block: 78px 86px; }
  .sda-ratings__container { padding-inline: 30px; }
  .sda-ratings__header { margin-bottom: 45px; }
  .sda-ratings__title { font-size: clamp(34px, 4.5vw, 46px); }
  .sda-ratings__description { font-size: 18px; }
  .sda-ratings__laurel {
    flex-basis: 88px;
    width: 88px;
    height: 148px;
  }
  .sda-ratings__showcase { min-height: 188px; }
}
@media (max-width: 767.98px) {
  .sda-ratings { padding: 65px 0 76px; }
  .sda-ratings__container { padding-inline: 18px; }
  .sda-ratings__header { text-align: center; margin-bottom: 31px; }
  .sda-ratings__eyebrow { font-size: 12px; letter-spacing: .12em; margin-bottom: 11px; }
  .sda-ratings__title { font-size: clamp(31px, 7.5vw, 41px); line-height: 1.23; margin-bottom: 15px; }
  .sda-ratings__title::after { left: 50%; transform: translateX(-50%); min-width: 90px; max-width: 120px; width: 32%; height: 3px; }
  .sda-ratings__description { font-size: 16px; line-height: 1.62; max-width: 620px; margin: 17px auto 0; }
  .sda-ratings__showcase { gap: 5px; min-height: 142px; }
  .sda-ratings__laurel { flex: 0 0 40px; width: 40px; height: 104px; opacity: .78; }
  .sda-ratings__item { min-height: 104px; }
  .sda-ratings__item img { width: 124px; height: 58px; }
}
@media (prefers-reduced-motion: reduce) {
  .sda-ratings__laurel--left,
  .sda-ratings__laurel--right {
    animation: none !important;
    transform: none !important;
  }
}