.vn-sg-grid{gap:14px;display:grid}@media (min-width:560px){.vn-sg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.vn-sg-card{border:1px solid var(--vn-hair-2);background:radial-gradient(120% 80% at 0% 0%, #f4f1ea08, transparent 60%), var(--vn-ink-2);border-radius:18px;gap:14px;min-width:0;padding:14px;transition:border-color .3s;display:flex}.vn-sg-card:hover{border-color:#c9a75e73}.vn-sg-img{border:1px solid var(--vn-hair-2);background:var(--vn-ink-0);border-radius:12px;flex:none;justify-content:center;align-items:center;width:104px;height:104px;display:flex;overflow:hidden}.vn-sg-img img{object-fit:cover;width:100%;height:100%}.vn-sg-img .cz-acril{width:88%}.vn-sg-body{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.vn-sg-title{font-family:var(--font-sora), sans-serif;color:var(--vn-paper);font-size:15px;font-weight:600;line-height:1.3}.vn-sg-text{color:var(--vn-muted);font-size:13px;line-height:1.5}.vn-sg-price{color:var(--vn-gold);font-size:13px;font-weight:600}.vn-sg-btn{height:38px;margin-top:auto;padding:0 16px;font-size:13px}.vn-sg-body .vn-sg-btn{margin-top:8px}.vn-sg-compact .vn-sg-img{width:76px;height:76px}.vn-sg-row{border-top:1px solid var(--vn-hair);margin-top:clamp(28px,4vw,44px);padding-top:clamp(20px,3vw,28px)}.vn-sg-row-title{font-family:var(--font-sora), sans-serif;letter-spacing:.01em;color:var(--vn-muted);margin-bottom:14px;font-size:15px;font-weight:600}.vn-sg-dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--vn-paper);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.vn-sg-dialog[open]{justify-content:center;align-items:flex-end;display:flex}.vn-sg-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09090bb8}.vn-sg-panel{width:100%;max-width:640px;max-height:92dvh;padding:28px 18px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--vn-hair-2);background:radial-gradient(120% 60% at 50% 0%, #c9a75e14, transparent 60%), var(--vn-ink);animation:vn-sg-up .5s var(--vn-ease) both;border-bottom:0;border-radius:24px 24px 0 0;position:relative;overflow-y:auto;box-shadow:0 -24px 80px #00000080}@media (min-width:640px){.vn-sg-dialog[open]{align-items:center;padding:24px}.vn-sg-panel{border-bottom:1px solid var(--vn-hair-2);border-radius:24px;max-height:88dvh;padding:36px 32px 28px;animation-name:vn-sg-pop;box-shadow:0 30px 100px #0000008c}}.vn-sg-x{width:44px;height:44px;color:var(--vn-muted);border-radius:12px;justify-content:center;align-items:center;transition:color .3s,background-color .3s;display:inline-flex;position:absolute;top:12px;right:12px}.vn-sg-x:hover{color:var(--vn-paper);background:var(--vn-hair)}.vn-sg-x:focus-visible,.vn-sg-keep:focus-visible,.vn-sg-dialog a:focus-visible{outline:2px solid var(--vn-gold);outline-offset:2px}.vn-sg-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--vn-gold);font-size:11px;font-weight:600}.vn-sg-h{font-family:var(--font-sora), sans-serif;letter-spacing:-.02em;color:var(--vn-paper);margin-top:8px;padding-right:40px;font-size:clamp(22px,4vw,28px);font-weight:600;line-height:1.2}.vn-sg-sub{color:var(--vn-muted);margin:6px 0 20px;font-size:14px}.vn-sg-dialog .vn-sg-grid{grid-template-columns:minmax(0,1fr)}.vn-sg-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:22px;display:flex}.vn-sg-keep{text-align:center;min-height:44px}@media (min-width:640px){.vn-sg-actions{flex-direction:row-reverse;justify-content:space-between;align-items:center}}@keyframes vn-sg-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes vn-sg-pop{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vn-sg-panel{animation:none}.vn-sg-card{transition:none}}
