/* Compact, accessible VIP dock: dark Hanime palette, mobile-first sizing. */
.hir-vip-dock,
.hir-vip-dock *{box-sizing:border-box}
.hir-vip-dock{
  position:fixed;
  z-index:110;
  left:50%;
  bottom:max(12px,env(safe-area-inset-bottom));
  width:min(760px,calc(100% - 32px));
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto 28px;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(251,146,60,.32);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(112deg,#17151e 0%,#201b25 60%,#2d1c21 100%);
  box-shadow:0 12px 36px rgba(0,0,0,.4),0 0 22px rgba(249,115,22,.08);
  font-family:Vazirmatn,system-ui,sans-serif;
  direction:rtl;
  isolation:isolate;
  overflow:hidden;
  transform:translateX(-50%);
  animation:hirVipDockEnter .55s cubic-bezier(.22,.8,.25,1) both;
}
.hir-vip-dock[hidden]{display:none!important}
.hir-vip-dock::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 100% 50%,rgba(251,146,60,.13),transparent 52%);
}
.hir-vip-dock::after{
  content:"";
  position:absolute;
  top:-70%;
  bottom:-70%;
  left:-100px;
  width:56px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.065),transparent);
  transform:rotate(18deg);
  pointer-events:none;
  animation:hirVipDockShimmer 11s ease-in-out 1.2s infinite;
}
.hir-vip-dock__emblem{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  width:42px;
  height:42px;
  border:1px solid rgba(255,204,138,.28);
  border-radius:13px;
  color:#ffd39a;
  background:linear-gradient(145deg,rgba(249,115,22,.22),rgba(249,115,22,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.hir-vip-dock__emblem i{
  font-size:17px;
  filter:drop-shadow(0 0 5px rgba(251,146,60,.2));
  animation:hirVipDockGem 4s ease-in-out infinite;
}
.hir-vip-dock__emblem span{font-size:8px;font-weight:900;letter-spacing:.14em;line-height:1.3}
.hir-vip-dock__copy{display:flex;flex-direction:column;gap:1px;min-width:0}
.hir-vip-dock__eyebrow{font-size:9px;line-height:1.5;font-weight:800;color:#fdba74}
.hir-vip-dock__copy strong{font-size:14px;line-height:1.45;font-weight:900;color:#fff}
.hir-vip-dock__detail{font-size:10.5px;line-height:1.55;font-weight:500;color:#cbd0d8}
.hir-vip-dock__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
  min-height:38px;
  padding:8px 13px;
  border-radius:11px;
  color:#28170f!important;
  background:linear-gradient(125deg,#fbbf24,#fb923c);
  box-shadow:0 5px 14px rgba(249,115,22,.18);
  font-size:11.5px;
  font-weight:900;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.hir-vip-dock__cta-label-short{display:none}
.hir-vip-dock__cta-arrow{font-size:16px;line-height:1;transition:transform .2s ease}
.hir-vip-dock__close{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  padding:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  color:#cbd0d8;
  background:rgba(255,255,255,.06);
  cursor:pointer;
  font-size:18px;
  line-height:1;
  transition:background .2s ease,color .2s ease;
}
.hir-vip-dock__close:hover{background:rgba(255,255,255,.13);color:#fff}
.hir-vip-dock :is(a,button):focus-visible{outline:2px solid #ffcf8e;outline-offset:3px}
html.hir-vip-dock-visible body{padding-bottom:var(--hir-vip-dock-space,90px)}
@media(hover:hover){
  .hir-vip-dock__cta:hover{
    transform:translateY(-2px);
    filter:brightness(1.06);
    box-shadow:0 8px 20px rgba(249,115,22,.26);
  }
  .hir-vip-dock__cta:hover .hir-vip-dock__cta-arrow{transform:translateX(-3px)}
}
@keyframes hirVipDockEnter{
  from{opacity:0;transform:translate(-50%,16px) scale(.98)}
  to{opacity:1;transform:translateX(-50%) scale(1)}
}
@keyframes hirVipDockShimmer{
  0%,75%{left:-100px}
  100%{left:calc(100% + 100px)}
}
@keyframes hirVipDockGem{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
@media(max-width:700px){
  .hir-vip-dock{
    bottom:max(8px,env(safe-area-inset-bottom));
    width:calc(100% - 18px);
    max-width:440px;
    grid-template-columns:32px minmax(0,1fr) auto 24px;
    gap:8px;
    padding:9px 10px;
    border-radius:15px;
  }
  .hir-vip-dock__emblem{width:32px;height:32px;border-radius:10px}
  .hir-vip-dock__emblem i{font-size:14px}
  .hir-vip-dock__emblem span{font-size:7px}
  .hir-vip-dock__eyebrow{font-size:9px;line-height:1.3}
  .hir-vip-dock__copy strong{
    font-size:11.5px;
    line-height:1.5;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
  }
  .hir-vip-dock__detail{display:none}
  .hir-vip-dock__cta{min-height:32px;padding:6px 9px;gap:4px;border-radius:9px;font-size:10px}
  .hir-vip-dock__cta-label-full{display:none}
  .hir-vip-dock__cta-label-short{display:inline}
  .hir-vip-dock__cta-arrow{font-size:13px}
  .hir-vip-dock__close{width:24px;height:24px;border-radius:7px;font-size:16px}
}
@media(max-width:350px){
  .hir-vip-dock{grid-template-columns:28px minmax(0,1fr) auto 22px;gap:6px;padding:8px}
  .hir-vip-dock__emblem{width:28px;height:28px}
  .hir-vip-dock__close{width:22px;height:22px}
  .hir-vip-dock__cta{padding-inline:7px}
}
@media(prefers-reduced-motion:reduce){
  .hir-vip-dock,.hir-vip-dock::after,.hir-vip-dock__emblem i{animation:none!important}
  .hir-vip-dock :is(a,button),.hir-vip-dock__cta-arrow{transition:none!important}
}