:root{--hvdb-wine:#761724;--hvdb-wine-dark:#561019;--hvdb-gold:#d7af5b;--hvdb-gold-soft:#f1d995;--hvdb-cream:#fff9f1;--hvdb-ink:#172033;--hvdb-muted:#5f6878}.hvdb-class-modal[hidden]{display:none!important}.hvdb-class-modal{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .18s ease}.hvdb-class-modal.is-open{opacity:1}.hvdb-class-modal__backdrop{position:absolute;inset:0;background:rgba(35,10,15,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.hvdb-class-modal__panel{position:relative;width:min(980px,100%);max-height:min(84vh,760px);overflow:auto;border:1px solid rgba(215,175,91,.56);border-radius:30px;background:radial-gradient(circle at 88% 4%,rgba(215,175,91,.20),transparent 26%),linear-gradient(180deg,#fffdfa,#fff8ef);box-shadow:0 38px 110px rgba(28,6,10,.34);transform:translateY(16px) scale(.985);transition:transform .2s ease;outline:none}.hvdb-class-modal.is-open .hvdb-class-modal__panel{transform:none}.hvdb-class-modal__close{position:sticky;float:right;top:14px;right:14px;z-index:4;width:44px;height:44px;margin:14px;border:1px solid rgba(118,23,36,.14);border-radius:999px;background:rgba(255,255,255,.9);color:var(--hvdb-wine);font:700 29px/1 system-ui;cursor:pointer;box-shadow:0 10px 25px rgba(86,16,25,.12)}.hvdb-class-modal__close:hover,.hvdb-class-modal__close:focus-visible{background:var(--hvdb-wine);color:#fff;outline:3px solid rgba(215,175,91,.52);outline-offset:2px}.hvdb-class-modal__header{padding:38px 76px 20px;text-align:center}.hvdb-class-modal__eyebrow{display:inline-flex;margin-bottom:10px;color:#9f3143;font:900 12px/1.2 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:1.7px;text-transform:uppercase}.hvdb-class-modal__title{margin:0 0 10px;color:var(--hvdb-wine);font:900 clamp(36px,5vw,58px)/1 "Noto Serif Display",Georgia,serif;letter-spacing:-.04em}.hvdb-class-modal__description{max-width:620px;margin:0 auto;color:var(--hvdb-muted);font:600 16px/1.55 "Be Vietnam Pro",system-ui,sans-serif}.hvdb-class-modal__content{padding:8px 34px 38px}.hvdb-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hvdb-class-card{display:grid;grid-template-columns:138px minmax(0,1fr);min-height:184px;overflow:hidden;border:1px solid rgba(215,175,91,.48);border-radius:24px;background:#fff;color:inherit;text-decoration:none!important;box-shadow:0 18px 48px rgba(86,16,25,.09);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hvdb-class-card:hover,.hvdb-class-card:focus-visible{transform:translateY(-4px);border-color:rgba(215,175,91,.9);box-shadow:0 26px 65px rgba(86,16,25,.16);outline:3px solid rgba(215,175,91,.34);outline-offset:2px}.hvdb-class-card__media{min-height:184px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#b87922,#d6a64e);color:#fff}.hvdb-class-card__media img{width:100%;height:100%;object-fit:cover}.hvdb-class-card__placeholder{padding:14px;text-align:center;font:900 14px/1.3 "Be Vietnam Pro",system-ui,sans-serif;letter-spacing:.08em}.hvdb-class-card__body{min-width:0;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.hvdb-class-card__badge{display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#fff1c7;color:#885313;font:900 11px/1.2 "Be Vietnam Pro",system-ui,sans-serif}.hvdb-class-card__title{margin:0 0 8px;color:var(--hvdb-wine-dark);font:900 21px/1.25 "Noto Serif Display",Georgia,serif}.hvdb-class-card__text{margin:0 0 16px;color:var(--hvdb-muted);font:500 14px/1.5 "Be Vietnam Pro",system-ui,sans-serif}.hvdb-class-card__action{margin-top:auto;color:var(--hvdb-wine);font:900 13px/1.3 "Be Vietnam Pro",system-ui,sans-serif}.hvdb-class-state{min-height:220px;padding:38px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(215,175,91,.68);border-radius:24px;background:rgba(255,255,255,.75)}.hvdb-class-state h3{margin:12px 0 8px;color:var(--hvdb-wine-dark);font:900 25px/1.25 "Noto Serif Display",Georgia,serif}.hvdb-class-state p{max-width:560px;margin:0;color:var(--hvdb-muted);font:500 15px/1.6 "Be Vietnam Pro",system-ui,sans-serif}.hvdb-class-state__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff2cc;color:var(--hvdb-wine);font:900 24px/1 system-ui}.hvdb-class-spinner{width:38px;height:38px;border:3px solid rgba(118,23,36,.16);border-top-color:var(--hvdb-wine);border-radius:50%;animation:hvdbGiftSpin .8s linear infinite}.hvdb-class-fallback{display:inline-flex;margin-top:20px;padding:12px 20px;border-radius:999px;background:var(--hvdb-wine);color:#fff!important;text-decoration:none!important;font:900 14px/1.2 "Be Vietnam Pro",system-ui,sans-serif}.hvdb-class-fallback:hover,.hvdb-class-fallback:focus-visible{background:var(--hvdb-wine-dark);outline:3px solid rgba(215,175,91,.5);outline-offset:2px}.hvdb-class-modal-open{overflow:hidden!important}@keyframes hvdbGiftSpin{to{transform:rotate(360deg)}}@media(max-width:760px){.hvdb-class-modal{align-items:end;padding:0}.hvdb-class-modal__panel{width:100%;max-height:88dvh;border-radius:26px 26px 0 0;transform:translateY(100%);overscroll-behavior:contain}.hvdb-class-modal.is-open .hvdb-class-modal__panel{transform:translateY(0)}.hvdb-class-modal__panel:before{content:"";display:block;width:44px;height:5px;margin:10px auto 0;border-radius:999px;background:rgba(95,104,120,.28)}.hvdb-class-modal__close{top:8px;right:8px;width:42px;height:42px;margin:8px}.hvdb-class-modal__header{padding:24px 52px 15px}.hvdb-class-modal__title{font-size:36px}.hvdb-class-modal__description{font-size:14px}.hvdb-class-modal__content{padding:8px 12px calc(22px + env(safe-area-inset-bottom))}.hvdb-class-grid{grid-template-columns:1fr;gap:12px}.hvdb-class-card{grid-template-columns:105px minmax(0,1fr);min-height:150px;border-radius:20px}.hvdb-class-card__media{min-height:150px}.hvdb-class-card__body{padding:16px}.hvdb-class-card__title{font-size:19px}.hvdb-class-card__text{font-size:13px;line-height:1.45}.hvdb-class-state{min-height:240px;padding:34px 18px}}@media(prefers-reduced-motion:reduce){.hvdb-class-modal,.hvdb-class-modal__panel,.hvdb-class-card{transition:none!important}.hvdb-class-spinner{animation-duration:1.6s}}
.hvdb-class-card__meta{margin:0 0 8px;color:var(--hvdb-wine);font:800 12px/1.45 "Be Vietnam Pro",system-ui,sans-serif}