/* ROVIK — UI compartilhada (v1): menu mobile + efeito deslizante nos botões */
/* ---------- hambúrguer ---------- */
.rvk-ham{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;background:none;border:0;cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent}
.rvk-ham span{display:block;height:2px;width:100%;background:#0D0F16;border-radius:2px;transition:transform .25s ease,opacity .18s ease}
.rvk-ham[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.rvk-ham[aria-expanded="true"] span:nth-child(2){opacity:0}
.rvk-ham[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- drawer ---------- */
.rvk-scrim{position:fixed;inset:0;background:rgba(13,15,22,.5);opacity:0;visibility:hidden;transition:opacity .25s ease;z-index:9998}
.rvk-scrim.is-open{opacity:1;visibility:visible}
.rvk-drawer{position:fixed;top:0;right:0;height:100%;width:min(85vw,330px);background:#fff;z-index:9999;transform:translateX(101%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:18px 22px 28px;box-shadow:-8px 0 34px rgba(13,15,22,.16);overflow-y:auto;-webkit-overflow-scrolling:touch}
.rvk-drawer.is-open{transform:translateX(0)}
.rvk-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.rvk-drawer-top img{height:26px;width:auto;display:block}
.rvk-drawer-close{background:none;border:0;font-size:28px;line-height:1;padding:4px 6px;cursor:pointer;color:#0D0F16}
.rvk-drawer nav{display:flex;flex-direction:column}
.rvk-drawer nav a{font-size:17px;font-weight:700;color:#0D0F16;text-decoration:none;padding:14px 2px;border-bottom:1px solid #ECECF2;letter-spacing:-.01em}
.rvk-drawer nav a[aria-current="page"],.rvk-drawer nav a:hover{color:#7B2CFF}
.rvk-drawer-cta{margin-top:22px;display:block;text-align:center;background:#7B2CFF;color:#fff;font-weight:800;font-size:15px;padding:15px 18px;border-radius:12px;text-decoration:none}
body.rvk-lock{overflow:hidden}

@media (max-width:768px){
  .rvk-ham{display:flex}
  header.site-header .header-nav,
  header.site-header .header-cta,
  header.site-header .header-back,
  header.site-header .site-nav,
  header.site-header .head-cta{display:none!important}
  header.site-header{justify-content:space-between!important;gap:10px}
  header.site-header .site-logo img{height:24px;width:auto}
}
@media (min-width:769px){.rvk-drawer,.rvk-scrim{display:none}}
