.product{cursor:pointer}.product figure{position:relative}.product figure:after{content:'⊕  XEM ẢNH & VIDEO';position:absolute;left:50%;bottom:18px;transform:translate(-50%,10px);padding:10px 13px;border-radius:999px;background:#111d;color:#fff;font:800 9px "Be Vietnam Pro";letter-spacing:.04em;white-space:nowrap;opacity:0;transition:.25s}.product:hover figure:after{opacity:1;transform:translate(-50%,0)}.product-viewer{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:.25s}.product-viewer.open{opacity:1;pointer-events:auto}.viewer-backdrop{position:absolute;inset:0;border:0;background:#07101edb;backdrop-filter:blur(10px)}.viewer-dialog{position:relative;width:min(1120px,100%);max-height:min(820px,calc(100vh - 40px));display:grid;grid-template-columns:1.2fr .8fr;overflow:auto;border-radius:26px;background:#fff;box-shadow:0 35px 100px #0008;transform:translateY(25px) scale(.97);transition:.3s}.product-viewer.open .viewer-dialog{transform:none}.viewer-close{position:absolute;z-index:4;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-size:27px;box-shadow:0 5px 25px #0002;cursor:pointer}.viewer-media{padding:18px;background:#f1f3f5}.viewer-stage{position:relative;aspect-ratio:1.12;overflow:hidden;border-radius:18px;background:#e9edf1}.viewer-stage img,.viewer-stage video{width:100%;height:100%;object-fit:cover}.viewer-stage video{display:none;background:#000}.viewer-stage.video-mode img,.viewer-stage.video-mode [data-viewer-counter]{display:none}.viewer-stage.video-mode video{display:block}.viewer-stage span{position:absolute;right:13px;bottom:13px;padding:7px 10px;border-radius:999px;background:#000a;color:#fff;font-size:10px;font-weight:800}.viewer-tabs{display:flex;gap:8px;margin:12px 0}.viewer-tabs button{padding:10px 14px;border:1px solid #d9dfe5;border-radius:999px;background:#fff;font:800 10px "Be Vietnam Pro";cursor:pointer}.viewer-tabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.viewer-tabs i{font-style:normal}.viewer-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.viewer-thumbs button{aspect-ratio:1.3;padding:0;overflow:hidden;border:2px solid transparent;border-radius:11px;background:#ddd;cursor:pointer}.viewer-thumbs button.active{border-color:var(--accent)}.viewer-thumbs img{width:100%;height:100%;object-fit:cover}.viewer-info{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,64px)}.viewer-kicker{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.14em}.viewer-info h2{margin:12px 0;font-size:clamp(30px,4vw,50px);line-height:1.05}.viewer-price{display:flex;align-items:center;gap:12px}.viewer-price b{color:var(--accent);font-size:25px}.viewer-price del{color:#929aa2;font-size:13px}.viewer-info>p{color:#68737e;line-height:1.65}.viewer-points{display:grid;gap:10px;margin:12px 0 25px;font-size:12px;font-weight:700}.viewer-buy{padding:16px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:900;cursor:pointer}.viewer-info>small{margin-top:12px;color:#8b949d;line-height:1.5}body.viewer-lock{overflow:hidden}@media(max-width:760px){.product-viewer{padding:10px}.viewer-dialog{grid-template-columns:1fr;max-height:calc(100vh - 20px);border-radius:20px}.viewer-media{padding:10px}.viewer-info{padding:24px}.viewer-stage{aspect-ratio:1.05}.viewer-thumbs{gap:6px}.viewer-info h2{font-size:30px}.product figure:after{opacity:1;transform:translate(-50%,0);font-size:8px}}