/* ===== s18 ===== */
@scope (.s18) {
  :scope{
    --navy:#0e0d2c; --gold:#B58D41; --card:#f2f2f2;
    --font-body:"Assistant","Heebo",system-ui,sans-serif;
    --font-num:"Heebo","Assistant",sans-serif;
    --canvas-w:1920px;
  }
  *,*::before,*::after{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  html{direction:rtl;}
  body{direction:rtl;font-family:var(--font-body);background:#F6F6F6;-webkit-font-smoothing:antialiased;overflow-x:clip;}
  img,svg{display:block;}
  h1,h2,h3,h4,p,figure,blockquote{margin:0;}

  .rv{--h:649;position:relative;width:100%;overflow:hidden;height:calc(100vw * var(--h) / 1920);background:#fff;}
  .rv > .stage{position:absolute;top:0;right:0;width:var(--canvas-w);height:calc(var(--h) * 1px);transform-origin:top right;transform:scale(calc(100vw / var(--canvas-w)));}

  /* centered content group (Figma group 1413 wide) */
  .rv__wrap{position:absolute;top:0;left:248px;width:1413px;height:649px;}

  /* heading */
  .rv__title{position:absolute;top:0;left:286px;width:854px;height:120px;
    text-align:center;font-size:50px;line-height:60px;font-weight:400;color:var(--navy);}
  .rv__title b{font-weight:700;}

  /* rating row */
  .rv__rating{position:absolute;top:145px;left:0;width:1413px;height:63px;
    direction:ltr;display:flex;align-items:center;justify-content:center;gap:14px;}
  .rv__leaf{height:56px;width:auto;}
  .rv__score{font-family:var(--font-num);font-weight:900;font-size:60.5px;line-height:1;color:var(--navy);letter-spacing:.5px;}
  .rv__star{width:31px;height:29px;}
  .rv__grev{height:63px;width:auto;}

  /* cards */
  .rv__card{position:absolute;top:252px;width:303px;height:397px;background:var(--card);}
  .rv__card--1{left:62px;}
  .rv__card--2{left:394px;}
  .rv__card--3{left:730px;}
  .rv__card--4{left:1059px;}
  .rv__q{position:absolute;top:27px;left:35px;width:44px;height:33px;transform:scaleX(-1);}
  .rv__g{position:absolute;top:27px;right:20px;width:34px;height:34px;}
  .rv__body{position:absolute;top:81px;right:24px;left:23px;
    font-size:20px;line-height:28px;text-align:right;color:#000;}
  .rv__name{position:absolute;top:347px;right:24px;left:24px;
    font-weight:700;font-size:20px;line-height:24px;text-align:right;color:#000;}

  /* chevrons */
  .rv__nav{position:absolute;top:426px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;}
  .rv__nav svg{width:12px;height:25px;}
  .rv__nav--prev{left:0;}
  .rv__nav--next{left:1363px;}

  /* ===== tablet ===== */
  
  /* ===== mobile — vertical stack ===== */

/* ===== RESPONSIVE — tablet ≤1199 / mobile ≤767 (Figma mobile: 265px card rail) ===== */
@media (max-width:1199px){
  .rv{height:auto;overflow:visible;background:#fff}
  .rv > .stage{position:static;width:100%;height:auto;transform:none;padding:0}
  .rv__wrap{position:static;width:100%;height:auto}
  .rv__title{position:static;width:100%;max-width:720px;height:auto;margin:0 auto;padding:0 24px;
    font-size:34px;line-height:44px}
  .rv__rating{position:static;width:100%;height:auto;margin:26px 0 0;gap:13px}
  .rv__leaf{height:45px}
  .rv__score{font-size:44px}
  .rv__star{width:25px;height:23px}
  .rv__grev{height:44px}

  .rv__row{display:flex;gap:15px;overflow-x:auto;margin-top:33px;padding:0 15px 6px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .rv__row::-webkit-scrollbar{display:none}
  .rv__card{position:relative;top:auto;left:auto;flex:0 0 265px;width:265px;height:auto;
    min-height:352px;padding:0 0 28px;scroll-snap-align:start}
  .rv__q{position:absolute;top:24px;left:30px;right:auto;width:39px;height:29px}
  .rv__g{position:absolute;top:24px;right:18px;left:auto;width:30px;height:30px}
  .rv__body{position:static;padding:70px 21px 0;text-align:right;font-size:16px;line-height:28px}
  .rv__name{position:static;padding:24px 21px 0;text-align:right;font-size:17px;line-height:24px}
  .rv__nav{display:none}
}

@media (max-width:767px){
  .rv__title{padding:0 15px;font-size:28px;line-height:38px}
  .rv__rating{margin-top:24px}
  .rv__row{margin-top:33px}
}

/* ===== Figma mobile 5647:20493 — corrected type scale ===== */
@media (max-width:767px){
  .rv__title{font-size:32px;line-height:38px;}
  .rv__score{font-size:49px;}
  .rv__body{font-size:18px;line-height:28px;}
  .rv__name{font-size:18px;line-height:24px;}
}
}