.pv-copy{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:max(5px,min(.9vw,12px));width:48%;padding:max(8px,min(1.4vw,22px)) max(10px,min(2.4vw,40px));line-height:1.4;display:flex;position:absolute;top:0;bottom:0;right:0}.pv-copy:before{content:"";z-index:-1;background:linear-gradient(90deg,#160a2400,#160a2466 45%,#160a2499);position:absolute;top:0;bottom:0;left:0;right:0}.pv-kicker{font-family:var(--pixel);letter-spacing:1px;color:var(--yellow);text-shadow:0 2px 6px #000;font-size:max(6px,min(.72vw,9px))}.pv-copy h2{color:#fff;text-shadow:0 2px 10px #000c;font-size:max(11px,min(1.5vw,22px));font-weight:700}.pv-cta{font-family:var(--pixel);color:#fff;background:linear-gradient(180deg,var(--purple-2),var(--purple));border:1px solid #ffffff40;border-radius:99px;margin-top:max(2px,min(.5vw,6px));padding:max(6px,min(.9vw,13px)) max(12px,min(1.9vw,28px));font-size:max(6px,min(.78vw,11px));transition:all .13s;box-shadow:0 4px #4c1d95,0 8px 22px #7c3aed66}.pv-cta:after{content:" ▶";font-size:.85em}.pv-banner:hover .pv-cta{transform:translateY(2px);box-shadow:0 2px #4c1d95}html[lang=th] .pv-kicker{letter-spacing:.3px;font-size:max(8px,min(1vw,13px))}html[lang=th] .pv-copy h2{font-size:max(12px,min(1.7vw,25px))}html[lang=th] .pv-cta{font-size:max(9px,min(1.05vw,15px))}.pv-grid{grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:12px;display:grid}.pv-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:9px;padding:12px;transition:all .15s;display:flex}.pv-card:hover{border-color:var(--purple-2);transform:translateY(-3px);box-shadow:0 10px 24px #0009}.pv-art{aspect-ratio:306/132;background:var(--bg-2);text-align:center;border-radius:8px;place-items:center;padding:10px;display:grid;overflow:hidden}.pv-art.has-img{padding:0}.pv-art img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.pv-name{font-family:var(--pixel);color:#c7d2fe;font-size:9px;line-height:1.7}.pv-count{color:var(--txt-dim);text-align:center;font-size:12.5px}html[lang=th] .pv-name{font-size:12px;line-height:1.6}@media (max-width:900px){.pv-copy{width:66%}}@media (max-width:520px){.pv-copy{gap:6px;width:100%;padding:10px 16px;left:0;right:0}.pv-copy:before{background:linear-gradient(#160a2499,#160a24cc)}html[lang=th] .pv-copy h2{font-size:max(14px,min(4.4vw,20px))}html[lang=th] .pv-kicker{font-size:max(9px,min(2.6vw,12px))}html[lang=th] .pv-cta{padding:9px 18px;font-size:max(10px,min(2.8vw,13px))}}
