/* ===== smenu (mobile drawer) ===== */
@scope (.smenu) {
  :scope{
    --navy:#0e0d2c;
    --gold:#e5c38b;
    --gold-deep:#b09143;
    --ink:#151515;
    --line:#d9d9d9;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{
    font-family:"Heebo","Assistant",system-ui,sans-serif;
    background:#f2f2f4;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }

  /* ===== Hamburger trigger (closed state) ===== */
  .yd-burger{
    position:fixed;top:22px;inline-start:22px;right:22px;
    width:44px;height:44px;
    display:flex;flex-direction:column;justify-content:center;gap:6px;
    padding:10px;
    background:transparent;border:0;cursor:pointer;z-index:20;
  }
  .yd-burger span{
    display:block;height:2px;width:100%;
    background:var(--navy);border-radius:2px;
    transition:transform .3s ease,opacity .2s ease;
  }

  /* ===== Drawer (open menu) ===== */
  .yd-menu{
    position:fixed;inset:0;z-index:60;
    background:#fff;
    display:flex;flex-direction:column;
    transform:translateX(-100%);            /* RTL: hidden to the right */
    visibility:hidden;
    transition:transform .38s cubic-bezier(.22,.61,.36,1),visibility 0s .38s;
  }
  .yd-menu.is-open{
    transform:translateX(0);
    visibility:visible;
    transition:transform .42s cubic-bezier(.22,.61,.36,1);
  }

  /* header row: brand lockup (left) + close X (right), divider at y=62 — Figma 5647:21222 */
  .yd-menu__head{
    position:relative;height:62px;flex:0 0 62px;
  }
  .yd-menu__logo{
    position:absolute;top:14px;left:19px;
    display:flex;align-items:flex-start;gap:8px;direction:ltr;text-decoration:none;
  }
  .yd-menu__mono{flex:0 0 53px;width:53px;height:36px}
  .yd-menu__mono img{display:block;width:100%;height:100%}
  .yd-menu__lock{display:flex;flex-direction:column;align-items:center}
  .yd-menu__name{font-family:"Radley",serif;font-size:15px;line-height:20px;color:#0e0d2c;white-space:nowrap}
  .yd-menu__sub{display:flex;align-items:center;gap:7px}
  .yd-menu__sub span{font-size:12.7px;line-height:14px;color:#0e0d2c;letter-spacing:.76px;white-space:nowrap}
  .yd-menu__sub i{display:block;width:29px;height:1px;background:#c9a45c}
  .yd-menu__close{
    position:absolute;top:19px;inset-inline-start:19px;
    width:20px;height:19px;color:var(--ink);
    background:transparent;border:0;cursor:pointer;padding:0;
  }
  .yd-menu__close img{display:block;width:100%;height:100%}
  .yd-menu__head::after{
    content:"";position:absolute;bottom:0;inset-inline-end:0;
    width:100%;height:1px;background:var(--line);
  }

  /* nav list */
  .yd-menu__nav{
    display:flex;flex-direction:column;
    padding-inline-start:30px;   /* right pad (RTL start) — Figma text ends at x=345 */
    padding-inline-end:25px;     /* left pad */
  }
  .yd-menu__nav a{
    position:relative;
    display:flex;align-items:center;justify-content:flex-start;
    height:66px;
    font-family:"Heebo",sans-serif;font-weight:500;font-size:18px;
    color:var(--ink);text-decoration:none;
    letter-spacing:.2px;
  }
  .yd-menu__nav a::after{
    content:"";position:absolute;bottom:0;inset-inline-start:0;right:0;left:0;
    height:1px;background:var(--line);
  }
  .yd-menu__nav a:active{color:var(--gold-deep)}

  /* CTA */
  .yd-menu__cta-wrap{
    padding-inline-start:25px;padding-inline-end:23px;
    margin-top:43px;
  }
  .yd-menu__cta{
    display:flex;align-items:center;justify-content:center;
    height:54px;width:100%;
    border:3px solid var(--gold);
    background:#fff;
    font-family:"Heebo",sans-serif;font-weight:700;font-size:20px;
    color:var(--ink);text-decoration:none;
    transition:background .25s ease,color .25s ease;
  }
  .yd-menu__cta:active{background:var(--gold);color:#fff}

  @media (max-width:360px){
    .yd-menu__nav a{height:60px;font-size:17px}
    .yd-menu__cta{height:50px;font-size:18px}
  }
.yd-burger{display:none!important}
}