.hw-shell{max-width:1080px;margin:0 auto;padding:24px 16px 96px;color:#e8f4ff;font-family:"Vazirmatn UI FD","Vazirmatn","Vazir",Tahoma,sans-serif}
.hw-hero{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start;margin-bottom:28px}
.hw-hero img{width:100%;border-radius:22px;background:#0b1524}
.hw-card{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:18px;background:rgba(8,14,28,.72);box-shadow:inset 0 0 0 1px rgba(140,190,255,.12);margin-bottom:10px}
.hw-card img{width:56px;height:56px;border-radius:14px;object-fit:cover}
.hw-steps{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.hw-steps span{padding:6px 12px;border-radius:999px;background:rgba(94,200,255,.12)}
.hw-steps .is-on{background:#2f7dff;color:#fff}
.hw-game{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:rgba(8,14,28,.6);margin:6px 0;box-shadow:inset 0 0 0 1px rgba(140,190,255,.1)}
.hw-game.is-on{box-shadow:inset 0 0 0 1px #5ec8ff}
.hw-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.hw-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.hw-chip{border:0;border-radius:999px;padding:6px 12px;background:rgba(94,200,255,.12);color:inherit;font:inherit;cursor:pointer}
.hw-chip.is-on{background:linear-gradient(180deg,var(--color-accent,#5ec8ff),var(--color-accent-deep,#2f7dff));color:#04101f}
.hw-time li{margin:6px 0}
.hw-pay-box{padding:18px;border-radius:20px;background:rgba(8,14,28,.72);box-shadow:inset 0 0 0 1px rgba(140,190,255,.16);margin:12px 0}
.hw-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:14px;border-radius:16px;background:rgba(8,14,28,.72)}
.hw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0 0 24px}
.hw-tile{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:rgba(8,14,28,.72);color:inherit;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(140,190,255,.12)}
.hw-tile img{width:100%;height:110px;object-fit:cover;border-radius:12px;background:#0b1524}
 .hw-gift-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
 .hw-tile.is-gift img{height:auto;aspect-ratio:640/400;object-fit:contain;background:transparent}
 .hw-tile.is-gift b{font-size:14px}
.hw-from{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:12.5px;color:#a8bcd8}
 .hw-from b{color:#e8f4ff;font-size:13.5px}
 .hw-from-k{color:#a8bcd8}
 .hw-from-n{color:#5ec8ff;font-style:normal}
.hw-tile.has-price{box-shadow:inset 0 0 0 1px rgba(94,200,255,.34)}

 .hw-pay-box .hw-card{grid-template-columns:1fr auto;align-items:center;padding:12px 14px}
 .hw-pay-box .hw-card>div{min-width:0}
 .hw-pay-box .hw-card>b{white-space:nowrap}
 .hw-pay-box h2{margin:0 0 10px}
 .hw-pay-box .hw-ship{margin-top:14px}
.hw-world h2{margin:18px 0 6px}
.hw-world h3{margin:8px 0;color:#a8bcd8;font-size:14px}
.hw-note{color:#5ec8ff;font-size:12px;margin-top:4px}
.hw-total{font-size:20px;margin:16px 0}
.hw-time{padding-inline-start:18px;line-height:1.9;color:#a8bcd8}
.hw-now{font-size:18px}
.hw-back{color:#5ec8ff}
.hw-house{display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,var(--color-accent,#5ec8ff),var(--color-accent-deep,#2f7dff));color:#04101f;font-size:11px}
.hw-card.is-house{box-shadow:inset 0 0 0 1px #5ec8ff}
.hw-ship{margin:16px 0;padding:14px;border-radius:16px;background:rgba(8,14,28,.55);box-shadow:inset 0 0 0 1px rgba(140,190,255,.12)}
.hw-ship h3{margin:0 0 10px;font-size:16px}
.hw-ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hw-ship-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#a8bcd8}
.hw-ship-grid input,.hw-ship-grid select{border:0;border-radius:10px;padding:8px 10px;background:#0b1524;color:#e8f4ff;font:inherit}

.hw-pay-box .hw-ship-grid{gap:12px}
.hw-pay-box .hw-ship-grid label{gap:6px;font-size:12.5px;font-weight:600;color:#a8bcd8}
.hw-pay-box .hw-ship-grid input,
.hw-pay-box .hw-ship-grid select{min-height:46px;padding:11px 13px;border-radius:12px;font-size:15px;font-family:"Vazirmatn","Vazirmatn UI FD",Tahoma,sans-serif;background:#06101f;color:#eaf2ff;box-shadow:inset 0 0 0 1px rgba(94,200,255,.22);transition:box-shadow .15s ease}
.hw-pay-box .hw-ship-grid input:focus,
.hw-pay-box .hw-ship-grid select:focus{outline:none;box-shadow:inset 0 0 0 1.5px #5ec8ff}
.hw-pay-box .hw-ship-grid input::placeholder{color:#6e86a6}
.hw-pay-box>p>input{min-height:44px;padding:10px 13px;border:0;border-radius:12px;background:#06101f;color:#eaf2ff;font:600 15px/1 "Vazirmatn","Vazirmatn UI FD",Tahoma,sans-serif;box-shadow:inset 0 0 0 1px rgba(94,200,255,.22)}
.hw-pay-box>p>input:focus{outline:none;box-shadow:inset 0 0 0 1.5px #5ec8ff}
.hw-pay-box .hw-total{font-size:18px;font-weight:700;color:#ffd9c0}
.hw-pay-box .hw-total b{font-family:"Vazirmatn","Vazirmatn UI FD",Tahoma,sans-serif;font-weight:700;font-size:22px;color:#ffb07a}
.hw-pay-box .hw-card>b{font-family:"Vazirmatn","Vazirmatn UI FD",Tahoma,sans-serif;font-weight:700;font-size:15px;color:#ffd9c0}
.hw-pay-box h2,.hw-pay-box h3{font-family:"Vazirmatn","Vazirmatn UI FD",Tahoma,sans-serif;font-weight:700;color:#ffd9c0}
.hw-pay-box .hw-ship-grid input:focus,
.hw-pay-box .hw-ship-grid select:focus,
.hw-pay-box>p>input:focus{box-shadow:inset 0 0 0 1.5px #ffb07a}
.hw-pay-box .hw-ship-grid input,
.hw-pay-box .hw-ship-grid select,
.hw-pay-box>p>input{box-shadow:inset 0 0 0 1px rgba(255,176,122,.28)}
.hw-span2{grid-column:1/-1}
@media(max-width:820px){.hw-ship-grid{grid-template-columns:1fr}}
.hw-shell .btn{border:0;border-radius:12px;padding:8px 14px;font:inherit;cursor:pointer}


html.ps-fx .hw-pay-acts .btn.primary,
html.ps-fx .hw-pay-acts .btn.primary:hover{background:linear-gradient(180deg,#ffb07a,#ee7eb6) !important;color:#2c103f !important;-webkit-text-fill-color:#2c103f !important;font-weight:700 !important;font-family:"Vazirmatn","Vazirmatn UI FD",Tahoma,sans-serif !important;--ctrl-fill:transparent;box-shadow:0 10px 24px -12px rgba(238,126,182,.7) !important}
html.ps-fx .hw-pay-acts .btn.primary:hover{filter:brightness(1.06)}
html.ps-fx .hw-pay-acts .btn.ghost{background:transparent !important;color:#ffd9c0 !important;-webkit-text-fill-color:#ffd9c0 !important;font-weight:700 !important;font-family:"Vazirmatn","Vazirmatn UI FD",Tahoma,sans-serif !important;box-shadow:inset 0 0 0 1px rgba(255,176,122,.4) !important}
html.ps-fx .hw-pay-acts .btn.ghost:hover{box-shadow:inset 0 0 0 1px rgba(255,176,122,.7) !important;color:#fff !important}
@media(max-width:820px){.hw-hero{grid-template-columns:1fr}.hw-card{grid-template-columns:48px 1fr}.hw-bar{flex-direction:column;align-items:stretch}}


.hw-media{display:flex;flex-direction:column;gap:10px;min-width:0}
.hw-shot{position:relative;display:block;width:100%;padding:0;border:0;border-radius:22px;overflow:hidden;background:#0b1524;cursor:zoom-in}
.hw-shot img{width:100%;display:block;border-radius:22px}
.hw-shot-zoom{position:absolute;inset-block-end:10px;inset-inline-start:10px;padding:5px 12px;border-radius:999px;font-size:11px;background:rgba(6,16,31,.78);color:#cfe6ff;box-shadow:inset 0 0 0 1px rgba(140,190,255,.22)}
.hw-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.hw-thumb{padding:0;border:0;border-radius:14px;overflow:hidden;background:#0b1524;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(140,190,255,.14);opacity:.72;transition:opacity .15s ease,box-shadow .15s ease}
.hw-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.hw-thumb:hover{opacity:1}
.hw-thumb.is-on{opacity:1;box-shadow:inset 0 0 0 2px #5ec8ff}
.hw-lightbox{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(3,7,14,.92);backdrop-filter:blur(6px);padding:24px}
.hw-lightbox[hidden]{display:none}
.hw-lightbox img{max-width:min(1200px,92vw);max-height:86vh;border-radius:18px;object-fit:contain;box-shadow:0 30px 80px -30px #000}
.hw-light-x{position:absolute;inset-block-start:18px;inset-inline-end:18px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(94,200,255,.16);color:#eaf3ff;font-size:18px;cursor:pointer}
.hw-light-nav{position:absolute;inset-block-start:50%;transform:translateY(-50%);width:48px;height:64px;border:0;border-radius:18px;background:rgba(94,200,255,.12);color:#eaf3ff;font-size:28px;cursor:pointer}
.hw-light-nav.is-prev{inset-inline-start:18px}
.hw-light-nav.is-next{inset-inline-end:18px}
.hw-light-count{position:absolute;inset-block-end:20px;inset-inline-start:50%;transform:translateX(50%);font-size:12px;color:#a8bcd8}
body.hw-light-open{overflow:hidden}
@media(max-width:820px){.hw-thumbs{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.hw-light-nav{width:40px;height:52px;font-size:22px}}

.hw-face{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.hw-face-was{color:#7f93ad;text-decoration:line-through;font-size:12px}
.hw-face b{font-size:14.5px}
.hw-face-off{font-style:normal;background:linear-gradient(180deg,#3de0a0,#1fae76);color:#04220f;font-weight:800;font-size:11px;padding:2px 7px;border-radius:999px}
.hw-face-line{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:15px}


.hw-face{gap:7px}
.hw-face b{font-size:15.5px}
.hw-face-was{font-size:12.5px}
.hw-face-off{flex-direction:column;gap:1px;padding:5px 12px 6px;border-radius:12px;line-height:1.15;background:linear-gradient(135deg,#ff5f4e,#d81b2a);color:#fff;box-shadow:0 4px 16px rgba(216,27,42,.42),inset 0 0 0 1px rgba(255,255,255,.28)}
.hw-face-off b{font-size:15px;letter-spacing:.3px}
.hw-face-off span{font-size:8.5px;font-weight:600;opacity:.94}
.hw-face-line .hw-face-off{padding:7px 15px 8px}
.hw-shot{position:relative;display:block}
.hw-save-sticker{position:absolute;top:10px;right:11px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.15;transform:rotate(-7deg);padding:6px 11px 7px;border-radius:11px;background:linear-gradient(135deg,#ff5f4e,#d81b2a);color:#fff;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 6px 18px rgba(0,0,0,.45),0 3px 10px rgba(216,27,42,.45);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.hw-save-sticker b{font-size:14px;font-weight:800;letter-spacing:.3px}
.hw-save-sticker i{font-style:normal;font-size:8.5px;font-weight:600;opacity:.95}

.hw-tgbar{margin:10px 0 0}.hw-tgbar .btn{min-width:220px}

.hw-pay-acts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.hw-pay-acts .btn{flex:1 1 180px;min-width:0;text-align:center;text-decoration:none}
@media(max-width:640px){
 .hw-pay-acts{flex-direction:column}
 .hw-pay-acts .btn{flex:none;width:100%}
}

.hw-shell .btn,
.pam-panel .btn{font-family:"Vazirmatn UI FD","Vazirmatn","Vazir",Tahoma,sans-serif;font-weight:700}

.hw-shot.is-video{cursor:default}
.hw-shot video{width:100%;display:block;border-radius:22px;background:#04070e;max-height:72vh;object-fit:contain}
.hw-thumb.is-video{position:relative;padding:0;overflow:hidden;background:#04070e}
.hw-thumb.is-video video{width:100%;height:100%;object-fit:cover;display:block}
.hw-thumb.is-video b{position:absolute;inset-block-start:6px;inset-inline-end:6px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(6,16,31,.8);color:#5ec8ff;font-size:9px}
.hw-lightbox #hwLightBody{display:contents}
.hw-lightbox video{max-width:min(1200px,92vw);max-height:86vh;border-radius:18px;box-shadow:0 30px 80px -30px #000;background:#000}
.hw-desc{margin-top:18px;padding:16px 18px;border-radius:20px;background:rgba(8,14,28,.55);box-shadow:inset 0 0 0 1px rgba(140,190,255,.12)}
.hw-desc h2{margin:0 0 8px;font-size:15px}
.hw-desc p{margin:0 0 10px;color:#a8bcd8;line-height:2.1;font-size:13px}
.hw-desc ul{margin:0;padding-inline-start:20px;color:#a8bcd8;line-height:2.1;font-size:13px}
.hw-desc li{margin-bottom:4px}
.hw-desc li::marker{color:#5ec8ff}

.hw-shot.is-video{display:flex;align-items:center;background:#04070e}
.hw-shot.is-video video{aspect-ratio:16/9;object-fit:contain;background:#000}

.hw-hero{grid-template-columns:minmax(340px,44%) 1fr}
@media(max-width:820px){.hw-hero{grid-template-columns:1fr}}


.hw-face{align-items:flex-start}
.hw-face-geny{flex-basis:100%;font:800 11.5px/1 Saira,Vazirmatn,Tahoma;color:#b9a3ff;letter-spacing:.05em;opacity:.95}
.hw-face-line .hw-face-geny{flex-basis:auto;font-size:13px}


.hw-fam-hot {
  display: inline-block; vertical-align: middle; margin-inline-start: 8px;
  padding: 5px 12px; border-radius: 999px; font-size: 13px; font-weight: 800;
  color: #eafff4; background: #12351f;
  box-shadow: inset 0 0 0 1px rgba(61, 224, 140, .6);
  animation: none;
}
@keyframes hwHotPulse {
  0%, 100% { box-shadow: 0 0 10px rgba(57, 217, 138, .28); transform: scale(1); }
  50%      { box-shadow: 0 0 20px rgba(57, 217, 138, .5);  transform: scale(1.04); }
}
.hw-fam-vbucks .hw-tile {
  position: relative; overflow: hidden;
  border: 1px solid rgba(95, 178, 255, .35);
  box-shadow: 0 0 0 0 rgba(95, 178, 255, 0);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.hw-fam-vbucks .hw-tile:hover, .hw-fam-vbucks .hw-tile:focus-visible {
  transform: translateY(-4px) scale(1.015);
  border-color: rgba(140, 210, 255, .8);
  box-shadow: 0 14px 34px -14px rgba(60, 150, 255, .55);
}

.hw-fam-vbucks .hw-tile::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 30%, rgba(190, 230, 255, .16) 48%, rgba(255, 255, 255, .28) 50%, rgba(190, 230, 255, .16) 52%, transparent 70%);
  transform: translateX(-130%);
  transition: transform .0s;
}
.hw-fam-vbucks .hw-tile:hover::after { animation: hwShine .9s ease; }
@keyframes hwShine { from { transform: translateX(-130%); } to { transform: translateX(130%); } }

.hw-save-sticker.is-hot b { font-size: 15px; color: #0a2016; }
.hw-save-sticker.is-hot { background: linear-gradient(120deg, #8ff0c0, #2ecc71); box-shadow: 0 4px 14px rgba(46, 204, 113, .45); }
.hw-face-off.is-hot b { color: #4be3a0; }

.hw-fam-vbucks .hw-shot img { animation: hwCoinFloat 3.6s ease-in-out infinite; filter: drop-shadow(0 6px 14px rgba(60, 150, 255, .35)); }
@keyframes hwCoinFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) {
  .hw-fam-vbucks .hw-tile::after, .hw-fam-vbucks .hw-shot img, .hw-fam-hot { animation: none !important; }
}


@media (max-width: 720px) {
  body { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
}


.hw-face-own {
  display: block; width: 100%; margin-top: 4px; font-size: 10.5px;
  font-style: normal; color: var(--color-dim, #a8bcd8);
  border-top: 1px dashed rgba(120, 180, 255, .18); padding-top: 5px;
}


.hw-fam-hot {
  font-size: 12.5px; padding: 4px 12px; letter-spacing: .02em;
  transform: none; position: relative;
  animation: none;
}

.hw-fam-hot::after {
  content: ""; position: absolute; inset: -3px; border-radius: 999px;
  box-shadow: 0 2px 16px rgba(57, 217, 138, .55);
  opacity: .15; pointer-events: none;
  animation: hwHotGlowOp 2.6s ease-in-out infinite;
}
@keyframes hwHotGlowOp { 0%, 100% { opacity: .12; } 50% { opacity: .7; } }
.hw-fam-vbucks .hw-tile:hover, .hw-fam-vbucks .hw-tile:focus-visible {
  transform: translateY(-4px); 
}
.hw-save-sticker { text-shadow: none; }
.hw-save-sticker.is-hot b { font-size: 16px; }
.hw-save-sticker.is-hot i { font-size: 10px; font-weight: 800; }
.hw-face-off span { font-size: 9.5px; font-weight: 800; }
.hw-face-off.is-hot span { color: #eafff4; }
.hw-fam-vbucks .hw-shot { overflow: visible; }

.hw-fam-vbucks .hw-shot img {
  filter: drop-shadow(0 8px 14px rgba(60, 150, 255, .28));
  animation: hwFloatIn .7s cubic-bezier(.2, .8, .25, 1) backwards;
}
@keyframes hwFloatIn {
  from { transform: perspective(800px) rotateX(9deg) rotateY(-9deg) translateY(-12px) scale(1.06); opacity: 0; }
  to   { transform: none; opacity: 1; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .hw-fam-vbucks .hw-tile .hw-shot img { transition: transform .45s cubic-bezier(.2, .8, .25, 1); }
  .hw-fam-vbucks .hw-tile:hover .hw-shot img, .hw-fam-vbucks .hw-tile:focus-visible .hw-shot img {
    transform: perspective(800px) rotateX(6deg) rotateY(-6deg) translateY(-7px) scale(1.045);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hw-fam-vbucks .hw-shot img { animation: none !important; }
  .hw-fam-hot::after { animation: none !important; }
}


.hw-fam-vbucks .hw-tile.is-gift img { aspect-ratio: 1 / 1; object-fit: cover; }

.hw-ps-stage{
  --ps-accent:#003791;--ps-deep:#00265c;--ps-soft:#eef3fa;--ps-ink:#0b1220;--ps-muted:#4b5563;--ps-on:#fff;
  position:relative;overflow:hidden;border-radius:28px;margin:12px 0 28px;
  background:linear-gradient(90deg,var(--ps-soft) 0 48%,var(--ps-accent) 48% 100%);
  color:var(--ps-ink);min-height:420px;
  box-shadow:0 24px 60px color-mix(in srgb, var(--ps-accent) 28%, transparent);
}
.hw-ps-stage::before{
  content:attr(data-mark);position:absolute;inset:auto 4% 8% auto;z-index:0;
  font:800 clamp(48px,10vw,120px)/.85 system-ui,Segoe UI,Arial,sans-serif;
  letter-spacing:.04em;color:transparent;-webkit-text-stroke:2px color-mix(in srgb, var(--ps-on) 28%, transparent);
  text-transform:uppercase;pointer-events:none;user-select:none;max-width:46%;text-align:right;
}
[dir="rtl"] .hw-ps-stage::before{inset:auto auto 8% 4%;text-align:left}
.hw-ps-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,42%) minmax(280px,58%);gap:0;align-items:stretch;min-height:420px}
.hw-ps-copy{padding:28px 28px 22px;display:flex;flex-direction:column;gap:14px}
.hw-ps-brand{display:flex;align-items:center;gap:10px;font:800 12px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ps-accent)}
.hw-ps-brand img{width:28px;height:28px;object-fit:contain}
.hw-ps-title{margin:0;font:800 clamp(22px,3.2vw,36px)/1.1 system-ui,Segoe UI,Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--ps-ink)}
.hw-ps-blurb{margin:0;font:400 14px/1.55 system-ui,sans-serif;color:var(--ps-muted);max-width:36ch}
.hw-ps-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:12px 22px;border:0;border-radius:4px;background:var(--ps-accent);color:var(--ps-on);font:800 13px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:fit-content;text-decoration:none}
.hw-ps-cta:hover{filter:brightness(1.08)}
.hw-ps-visual{position:relative;padding:28px 18px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ps-on);min-height:360px}
.hw-ps-visual .hw-media{width:min(100%,420px);background:transparent;border:0;box-shadow:none}
.hw-ps-visual .hw-shot{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in;filter:drop-shadow(0 28px 40px rgba(0,0,0,.45))}
.hw-ps-visual .hw-shot img,.hw-ps-visual .hw-shot video{width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:12px;background:transparent}
.hw-ps-visual .hw-shot-zoom{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font:700 11px/1 system-ui,sans-serif;white-space:nowrap}
.hw-ps-visual .hw-thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 4px 6px;width:100%;max-width:420px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.hw-ps-visual .hw-thumb{flex:0 0 72px;height:72px;border-radius:14px;overflow:hidden;border:2px solid color-mix(in srgb, var(--ps-on) 30%, transparent);background:color-mix(in srgb, var(--ps-on) 12%, transparent);padding:0;cursor:pointer;scroll-snap-align:start}
.hw-ps-visual .hw-thumb.is-on{border-color:var(--ps-on);box-shadow:0 0 0 2px color-mix(in srgb, var(--ps-on) 40%, transparent)}
.hw-ps-visual .hw-thumb img,.hw-ps-visual .hw-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.hw-ps-stock{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:8px}
.hw-ps-stock-h{margin:0;font:800 11px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ps-accent);opacity:.9}
.hw-ps-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.hw-ps-unit{flex:0 0 148px;scroll-snap-align:start;border-radius:16px;padding:12px;background:#fff;box-shadow:0 8px 22px color-mix(in srgb, var(--ps-accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--ps-accent) 18%, transparent);display:flex;flex-direction:column;gap:6px;color:var(--ps-ink)}
.hw-ps-unit b{font:800 13px/1.2 system-ui,sans-serif}
.hw-ps-unit .muted{font:600 11px/1.3 system-ui,sans-serif;color:#6b7280}
.hw-ps-unit .hw-price{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.hw-ps-unit .btn{width:100%;justify-content:center;border-radius:8px;padding:8px 10px;font-size:12px;background:var(--ps-accent);border-color:var(--ps-accent)}
.hw-ps-empty{padding:12px 14px;border-radius:14px;background:color-mix(in srgb, var(--ps-accent) 8%, #fff);color:#374151;font:600 13px/1.4 system-ui,sans-serif}
.hw-ps-back{display:inline-flex;margin:0 0 8px;font:700 13px/1 system-ui,sans-serif;color:color-mix(in srgb, var(--ps-accent) 70%, #fff);text-decoration:none}
.hw-body.hw-ps-mode .hw-shell{max-width:1100px}
.hw-lightbox.hw-ps-light{background:linear-gradient(90deg,color-mix(in srgb, var(--ps-soft, #f4f6f8) 96%, transparent) 0 42%, color-mix(in srgb, var(--ps-accent, #003791) 96%, transparent) 42% 100%)}
.hw-lightbox.hw-ps-light #hwLightBody img,.hw-lightbox.hw-ps-light #hwLightBody video{max-height:78vh;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35));background:transparent;border-radius:16px}
@media (max-width:820px){
  .hw-ps-stage{background:linear-gradient(180deg,var(--ps-soft) 0 46%,var(--ps-accent) 46% 100%)}
  .hw-ps-stage::before{inset:auto 6% 42% auto;font-size:clamp(40px,16vw,72px);max-width:90%}
  .hw-ps-grid{grid-template-columns:1fr}
  .hw-ps-visual{min-height:280px}
}


.hw-face{align-items:center;gap:8px;flex-wrap:wrap}
.hw-face-was{
  color:#8fa7c4;text-decoration:line-through;text-decoration-thickness:1.5px;
  font:600 13px/1 "Saira","Segoe UI",Arial,sans-serif;letter-spacing:.3px;
}
.hw-face b{
  font:800 15px/1 "Saira","Segoe UI",Arial,sans-serif;letter-spacing:.2px;color:#3de08c;
}
.hw-face-off{
  font-style:normal;flex-direction:row;gap:4px;align-items:center;padding:3px 10px;border-radius:999px;
  background:linear-gradient(135deg,#3de08c,#1fae76);color:#04220f;
  box-shadow:0 1px 6px rgba(46,204,113,.35);line-height:1;
}
.hw-face-off b{font:800 12px/1 "Saira","Segoe UI",Arial,sans-serif;letter-spacing:.2px}
.hw-face-off span{font:700 10px/1 "Saira","Segoe UI",Arial,sans-serif;letter-spacing:.2px}
.hw-face-geny{color:#b9a3ff}
.hw-face-own{border-top:0;padding-top:0;margin-top:2px}
.hw-face-line .hw-face-off{padding:4px 12px}
.hw-shot img, .hw-tile img{image-rendering:auto}

.hw-face, .hw-face *{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.hw-face, .hw-face *{text-shadow:none !important;filter:none !important}


.hw-tile{min-width:0}
.hw-tile > b, .hw-tile > .muted{min-width:0;overflow-wrap:anywhere}
.hw-from{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex-wrap:nowrap;margin-top:auto;width:100%;min-width:0}
.hw-from-k{font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.8}
.hw-from .hw-pay{
  font:800 20px/1 "Saira","Segoe UI",Arial,sans-serif;letter-spacing:.2px;color:#f4fbff;
  text-shadow:0 1px 0 rgba(255,255,255,.55), 0 2px 0 rgba(120,170,220,.28), 0 6px 14px rgba(40,120,220,.35);
}
.hw-pay-geny{font:700 12px/1 "Saira","Segoe UI",Arial,sans-serif;font-style:normal;color:#c3b0ff;letter-spacing:.03em}
.hw-from .hw-house, .hw-from .hw-from-n{align-self:flex-start}


.hw-price .hw-deal-was{
  color:#8fa7c4;text-decoration:line-through;text-decoration-thickness:1.5px;
  font:600 12px/1 "Saira","Segoe UI",Arial,sans-serif;letter-spacing:.3px;
}
.hw-price .hw-deal-pay{
  font:800 16px/1 "Saira","Segoe UI",Arial,sans-serif;letter-spacing:.2px;color:#3de08c;
}
.hw-price .hw-deal-off{
  font:800 11px/1 "Saira","Segoe UI",Arial,sans-serif;font-style:normal;letter-spacing:.3px;
  padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#3de08c,#1fae76);color:#04220f;
}
.hw-price .hw-deal-was, .hw-price .hw-deal-pay, .hw-price .hw-deal-off{
  text-shadow:none !important;filter:none !important;
}


.hw-gift-hero{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:2px 0 6px;padding:0}
.hw-gift-hero h1{margin:0;font-size:30px;font-weight:800;letter-spacing:0;line-height:1.15;color:#f4fbff}
.hw-gift-hero .hw-lead{margin:0;font-size:13.5px;line-height:1.6;color:#8ea6c4}

.hw-fam-head{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:22px 0 12px;padding:0 2px;
}
.hw-fam-head h3{margin:0;font-size:18px;font-weight:800;color:#f4fbff;letter-spacing:0}
.hw-fam-deal{
  padding:3px 10px;border-radius:999px;font:800 12px/1.4 "Vazirmatn","Vazir",Tahoma,sans-serif;
  color:#04220f;background:#3de08c;
}

.hw-gift-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;direction:ltr}
.hw-gift-grid .hw-tile.is-gift{direction:inherit;text-align:start} 
.hw-gift-grid .hw-tile.is-gift{
  gap:10px;padding:10px 10px 14px;border-radius:18px;
  background:linear-gradient(180deg,rgba(16,28,48,.9),rgba(8,14,26,.94));
  box-shadow:inset 0 0 0 1px rgba(140,190,255,.16),0 16px 30px -22px rgba(0,0,0,.9);
  transition:transform .18s ease,box-shadow .18s ease;
}
.hw-gift-grid .hw-tile.is-gift:hover,
.hw-gift-grid .hw-tile.is-gift:focus-visible{
  transform:translateY(-3px);
  box-shadow:inset 0 0 0 1px rgba(94,200,255,.55),0 22px 36px -20px rgba(40,120,220,.55);
}
.hw-gift-grid .hw-shot{border-radius:12px;overflow:hidden;background:#0b1524;line-height:0}
.hw-gift-grid .hw-shot img{border-radius:12px}
.hw-gift-grid .hw-tile.is-gift > b{
  font-size:17px;font-weight:800;line-height:1.35;color:#f4fbff;letter-spacing:0;
}
.hw-gift-grid .hw-tile.is-gift > .muted{font-size:13px;line-height:1.5;color:#9fb4d0}


.hw-gift-grid .hw-face{
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;
}
.hw-gift-grid .hw-face-was{
  font:600 14px/1 "Saira","Segoe UI",Arial,sans-serif;color:#8fa7c4;letter-spacing:.2px;
  text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ff7d8c;
}

.hw-gift-grid .hw-payline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;direction:ltr}
.hw-gift-grid .hw-face > b,
.hw-gift-grid .hw-face > .hw-pay,
.hw-gift-grid .hw-payline > b,
.hw-gift-grid .hw-payline > .hw-pay{
  font:800 26px/1 "Saira","Segoe UI",Arial,sans-serif;letter-spacing:0;color:#3de08c;
}
.hw-gift-grid .hw-face-off{
  display:inline-flex;flex-direction:row;align-items:center;gap:5px;
  margin:0;padding:4px 9px;border-radius:999px;
  background:#12351f;color:#b6ffd4;
  box-shadow:inset 0 0 0 1px rgba(61,224,140,.55);
}
.hw-gift-grid .hw-face-off b{
  font:800 15px/1 "Saira","Segoe UI",Arial,sans-serif;color:#eafff4;letter-spacing:0;
}
.hw-gift-grid .hw-face-off span{
  font:700 12px/1 "Vazirmatn","Vazir",Tahoma,sans-serif;color:#9be7c0;letter-spacing:0;
}
.hw-gift-grid .hw-pay-geny, .hw-gift-grid .hw-face-geny{
  display:inline-flex;align-items:center;gap:5px;margin-top:1px;
  font-style:normal;color:#f4fbff;letter-spacing:0;
}
.hw-gift-grid .hw-pay-geny b{font:800 15px/1 "Saira","Segoe UI",Arial,sans-serif;color:#f4fbff}
.hw-gift-grid .hw-pay-geny i{font:800 12px/1 "Saira","Segoe UI",Arial,sans-serif;font-style:normal;color:#b9a3ff}

.hw-geny-mark{
  width:18px !important;height:18px !important;max-width:18px;
  display:block;border-radius:50%;flex:0 0 auto;object-fit:cover;
  box-shadow:0 0 0 1px rgba(185,163,255,.45);
}
.hw-gift-grid .hw-face-own{
  display:flex;align-items:center;gap:6px;width:100%;margin-top:2px;
  font:600 13px/1.4 "Vazirmatn","Vazir",Tahoma,sans-serif;font-style:normal;color:#b7c9e0;
  direction:rtl;
}
.hw-gift-grid .hw-face-own b{
  font:800 13px/1 "Saira","Segoe UI",Arial,sans-serif;color:#f4fbff;
  padding:3px 7px;border-radius:999px;background:rgba(94,200,255,.14);
  box-shadow:inset 0 0 0 1px rgba(94,200,255,.4);
}
.hw-gift-grid .hw-face-own span{font:700 13px/1 "Saira","Segoe UI",Arial,sans-serif;color:#e8f4ff}


.hw-gift-hero, .hw-gift-hero *,
.hw-fam-head, .hw-fam-head *,
.hw-gift-grid .hw-tile, .hw-gift-grid .hw-tile *{
  text-shadow:none !important;filter:none !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  -webkit-font-smoothing:antialiased;
}
.hw-gift-grid .hw-fam-hot, .hw-fam-head .hw-fam-hot{transform:none;animation:none}
@media (max-width:720px){
  .hw-gift-hero h1{font-size:27px}
  .hw-gift-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}
  .hw-gift-grid .hw-tile.is-gift > b{font-size:14.5px}
  .hw-gift-grid .hw-face > b, .hw-gift-grid .hw-face > .hw-pay,
  .hw-gift-grid .hw-payline > b, .hw-gift-grid .hw-payline > .hw-pay{font-size:20px}
  body{padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px))}
  .hw-fam-head .hw-fam-hot{margin-inline-start:0}
}




.hw-shell{--pa-marker:"PA_STORE_SKIN_V1";max-width:1180px}
.hw-body.hw-ps-mode .hw-shell{max-width:1180px}


.hw-world>h2{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;color:#f4fbff;letter-spacing:0}
.hw-world>h2::before{content:"";flex:0 0 auto;width:4px;height:20px;border-radius:999px;background:linear-gradient(180deg,#5ec8ff,#2f7dff)}
.hw-fam-head::before{content:"";flex:0 0 auto;width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,#5ec8ff,#2f7dff)}


#hwRoot>h1{font-size:30px;font-weight:800;line-height:1.2;color:#f4fbff;margin:2px 0 6px}
#hwRoot>h1+.muted{color:#8ea6c4;max-width:72ch}


.hw-steps{gap:6px;margin:14px 0 18px}
.hw-steps span{padding:6px 13px;border-radius:999px;background:rgba(94,200,255,.07);box-shadow:inset 0 0 0 1px rgba(94,200,255,.20);color:#9db4d4;font-size:12.5px}
.hw-steps .is-on{background:linear-gradient(180deg,var(--color-accent,#5ec8ff),var(--color-accent-deep,#2f7dff));color:#04101f;box-shadow:0 8px 20px -10px rgba(47,125,255,.6)}


.hw-grid:not(.hw-gift-grid){grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.hw-grid .hw-tile{gap:10px;padding:10px 10px 14px;border-radius:18px;
  background:linear-gradient(180deg,rgba(16,28,48,.92),rgba(8,14,26,.95));
  box-shadow:inset 0 0 0 1px rgba(140,190,255,.14),0 16px 30px -22px rgba(0,0,0,.9);
  transition:transform .18s ease,box-shadow .18s ease}
.hw-grid .hw-tile:hover,.hw-grid .hw-tile:focus-visible{transform:translateY(-3px);
  box-shadow:inset 0 0 0 1px rgba(94,200,255,.5),0 22px 36px -20px rgba(40,120,220,.5)}
.hw-grid .hw-tile>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#0b1524}
.hw-grid .hw-tile>b{font-size:15.5px;line-height:1.4;color:#f4fbff}
.hw-grid .hw-tile>.muted{font-size:12.5px;line-height:1.55;color:#9fb4d0}
.hw-grid .hw-tile .hw-pay{text-shadow:none}


.hw-ps-stage{
  --ps-ink:#eaf3ff;--ps-muted:#a8bcd8;--ps-on:#04101f;
  background:
    radial-gradient(85% 120% at 80% -12%, color-mix(in srgb, var(--ps-accent,#2f7dff) 24%, transparent) 0%, transparent 58%),
    linear-gradient(180deg,#0d1b34 0%,#081325 100%);
  border-radius:26px;min-height:430px;
  box-shadow:inset 0 0 0 1px rgba(94,200,255,.16),0 34px 80px -40px rgba(0,0,0,.95);
}
.hw-ps-stage::before{
  -webkit-text-stroke:2px color-mix(in srgb, var(--ps-accent,#2f7dff) 20%, transparent);
}
.hw-ps-copy{padding:30px 30px 24px;gap:14px}
.hw-ps-brand{color:#5ec8ff;letter-spacing:.16em}
.hw-ps-title{color:#f4fbff;text-transform:none;letter-spacing:0;
  font-family:"Vazirmatn UI FD","Vazirmatn",Tahoma,sans-serif}
.hw-ps-blurb{color:#a8bcd8}
.hw-ps-back{color:#5ec8ff}
.hw-ps-cta{
  margin-top:6px;padding:13px 28px;border-radius:12px;
  background:linear-gradient(180deg,#3fa9ff,#2f7dff);color:#fff;
  font:800 14px/1 "Vazirmatn UI FD","Vazirmatn",Tahoma,sans-serif;letter-spacing:0;text-transform:none;
  box-shadow:0 14px 30px -12px rgba(47,125,255,.65);
}
.hw-ps-cta:hover{filter:brightness(1.08);box-shadow:0 16px 34px -12px rgba(47,125,255,.8)}


html.playarc .hw-ps-cta.hw-ps-cta,
html.playarc .hw-ps-stage .hw-ps-cta {
  background: linear-gradient(180deg, #ffb07a, #ee7eb6) !important;
  color: #2c103f !important;
  -webkit-text-fill-color: #2c103f !important;
  box-shadow: 0 14px 30px -12px rgba(238, 126, 182, .65) !important;
}
html.playarc .hw-ps-cta.hw-ps-cta:hover { box-shadow: 0 16px 34px -12px rgba(238, 126, 182, .8) !important; }
html.playarc .hw-ps-brand,
html.playarc .hw-ps-back,
html.playarc .hw-ps-stock-h { color: #ffb07a !important; }


@media (max-width: 1040px) {
  html.playarc .hw-ps-grid { grid-template-columns: 1fr !important; }
  html.playarc .hw-ps-visual { min-height: 0 !important; }
  html.playarc .hw-ps-visual .hw-shot img,
  html.playarc .hw-ps-visual .hw-shot video { max-height: 46vw !important; }
  html.playarc .hw-body.hw-ps-mode .hw-shell { max-width: 100% !important; padding-inline: 14px !important; }
}


.hw-ps-visual{background:radial-gradient(56% 52% at 50% 46%, rgba(94,200,255,.13), transparent 72%)}


.hw-ps-stock-h{color:#5ec8ff;opacity:1}

.hw-ps-grid{grid-template-columns:minmax(0,42%) minmax(0,58%)}
.hw-ps-grid>.hw-ps-copy,.hw-ps-grid>.hw-ps-visual{min-width:0}
.hw-ps-unit{
  background:linear-gradient(180deg,#101f3a,#0b1730);
  border:1px solid rgba(94,200,255,.20);border-radius:16px;
  box-shadow:0 14px 26px -18px rgba(0,0,0,.9);
  color:#eaf3ff;
}
html.playarc body.hw-body .hw-ps-rail .hw-ps-unit{flex:0 0 176px !important}
.hw-ps-unit b{color:#f4fbff}
.hw-ps-unit .muted{color:#8ea6c4}
.hw-ps-unit .btn{
  background:linear-gradient(180deg,#3fa9ff,#2f7dff);border-color:transparent;border-radius:10px;
  box-shadow:0 10px 22px -12px rgba(47,125,255,.7);
}
.hw-ps-unit .btn:hover{filter:brightness(1.08)}
.hw-ps-empty{background:rgba(94,200,255,.06);box-shadow:inset 0 0 0 1px rgba(94,200,255,.18);color:#a8bcd8}


.hw-ps-visual .hw-thumb{border-color:rgba(94,200,255,.26);background:rgba(94,200,255,.08)}
.hw-ps-visual .hw-thumb.is-on{border-color:#5ec8ff;box-shadow:0 0 0 2px rgba(94,200,255,.35)}


.hw-lightbox.hw-ps-light{background:rgba(3,7,14,.94)}


.hw-desc{background:rgba(10,20,38,.72);box-shadow:inset 0 0 0 1px rgba(94,200,255,.14)}

@media (max-width:820px){
  #hwRoot>h1{font-size:25px}
  .hw-ps-copy{padding:22px 20px 18px}
  .hw-ps-stage::before{opacity:.6}
  .hw-ps-grid{grid-template-columns:minmax(0,1fr)}
}


.hw-gift-grid .hw-payline{direction:inherit}
.hw-gift-grid .hw-face-was{
  direction:rtl;
  font-family:"Vazirmatn UI FD","Vazirmatn",Tahoma,sans-serif;
  letter-spacing:0;
}
.hw-gift-grid .hw-face > b,
.hw-gift-grid .hw-face > .hw-pay,
.hw-gift-grid .hw-payline > b,
.hw-gift-grid .hw-payline > .hw-pay,
.hw-gift-grid .hw-face-off b,
.hw-gift-grid .hw-face-own b,
.hw-gift-grid .hw-face-own span{
  font-family:"Vazirmatn UI FD","Vazirmatn",Tahoma,sans-serif;
}
.hw-face-geny,
.hw-gift-grid .hw-pay-geny b,
.hw-gift-grid .hw-pay-geny i{
  font-family:"PlayArc Console","Vazirmatn UI FD",Tahoma,sans-serif;
}


.hw-geny-mark{width:20px !important;height:20px !important;max-width:20px}
.hw-gift-grid .hw-pay-geny{margin-top:2px}
.hw-gift-grid .hw-pay-geny b{font-family:"PlayArc Console","Vazirmatn UI FD",Tahoma,sans-serif;font-size:16px;letter-spacing:.2px}
.hw-gift-grid .hw-pay-geny i{font-family:"PlayArc Console","Vazirmatn UI FD",Tahoma,sans-serif;font-size:12px;color:#b9a3ff}


.hw-gift-grid .hw-tile.is-gift .hw-face{flex:1 1 auto}
.hw-gift-grid .hw-pay-geny{
  width:100%;
  justify-content:center;
  align-self:center;
  margin-top:auto;
  padding-top:8px;
}
.hw-geny-mark{width:22px !important;height:22px !important;max-width:22px}
.hw-gift-grid .hw-pay-geny b{
  font-family:"Vazirmatn UI FD","Vazirmatn",Tahoma,sans-serif;
  font-size:19px;
  font-weight:800;
  letter-spacing:0;
}
.hw-gift-grid .hw-pay-geny i{
  font-family:"PlayArc Console","Vazirmatn UI FD",Tahoma,sans-serif;
  font-size:13px;
  color:#69e6b9;
}


.hw-from .hw-pay-geny{
  display:inline-flex;align-items:center;gap:6px;
  line-height:1;font-size:15px;color:#eaf2ff;
}
.hw-from .hw-pay-geny b{
  font-family:"Vazirmatn","Vazirmatn UI FD",Tahoma,sans-serif;
  font-size:16px;font-weight:800;color:#f4fbff;letter-spacing:0;
}
.hw-from .hw-pay-geny i{
  font-family:"PlayArc Console","Vazirmatn UI FD",Tahoma,sans-serif;
  font-size:12px;font-style:normal;color:#5ec8ff;
}


.hw-shell { box-sizing: border-box; width: 100%; }


.hw-chip.is-on, .hw-steps .is-on, .hw-house {
  background: linear-gradient(180deg, #ffb07a, #ee7eb6) !important;
  color: #2c103f !important; -webkit-text-fill-color: #2c103f !important;
  box-shadow: 0 8px 20px -10px rgba(238, 126, 182, .7) !important;
}
.hw-world > h2::before, .hw-fam-head::before { background: linear-gradient(180deg, #ffb07a, #ee7eb6) !important; }