:root{
  --spv-red:#8b0714;--spv-red2:#b41424;--spv-gold:#d8a932;--spv-cream:#fff7e8;--spv-ink:#241517;--spv-muted:#766467;--spv-card:#fffdf8;--spv-line:rgba(139,7,20,.12);--spv-shadow:0 22px 55px rgba(64,15,18,.14);
}
*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;overflow-x:hidden;background:linear-gradient(180deg,#fff7e8 0%,#fffdf8 55%,#fff7e8 100%);color:var(--spv-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans JP","Noto Sans",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.spviet-site-main{min-height:70vh}
.spviet-theme-header{position:sticky;top:0;z-index:999;background:rgba(255,247,232,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--spv-line);width:100%;overflow:visible}body.admin-bar .spviet-theme-header{top:32px}
.spviet-header-inner{max-width:1240px;margin:0 auto;padding:14px 22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:100%}.spviet-logo{display:inline-flex;align-items:center;gap:10px;font-weight:900;color:var(--spv-red);letter-spacing:.04em;min-width:max-content}.spviet-logo-mark{width:38px;height:38px;border-radius:15px;background:linear-gradient(135deg,var(--spv-red),var(--spv-red2));color:#fff;display:grid;place-items:center;box-shadow:0 10px 22px rgba(139,7,20,.22)}.spviet-logo-text{font-size:24px}.spviet-primary-nav{min-width:0;overflow:hidden}.spviet-menu-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;white-space:nowrap}.spviet-menu-list>li{position:relative;margin:0!important;padding:0!important;flex:0 0 auto}.spviet-menu-list>li>a{display:block;padding:10px 13px;border-radius:999px;font-weight:850;font-size:15px;color:#3a2225;white-space:nowrap}.spviet-menu-list>li:hover>a,.spviet-menu-list>li.current-menu-item>a,.spviet-menu-list>li.current_page_item>a{background:#fff;color:var(--spv-red);box-shadow:0 10px 25px rgba(139,7,20,.08)}
/* Safety: neu plugin/theme khac chen submenu vao header thi an tren desktop de khong pha bo cuc */.spviet-menu-list ul,.spviet-menu-list ol{display:none!important}.spviet-order-btn,.spviet-btn-primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--spv-red),#6e0410);color:#fff!important;font-weight:900;padding:12px 22px;box-shadow:0 12px 26px rgba(139,7,20,.25);white-space:nowrap}.spviet-order-btn:hover,.spviet-btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(139,7,20,.30)}.spviet-menu-toggle{display:none;border:0;background:#fff;border-radius:14px;width:44px;height:42px;box-shadow:0 10px 24px rgba(139,7,20,.11);padding:10px;cursor:pointer}.spviet-menu-toggle span{display:block;height:2px;background:var(--spv-red);margin:5px 0;border-radius:3px}.spviet-page-shell,.spviet-shortcode-area{max-width:1180px;margin:0 auto;padding:34px 22px}.spviet-content-card{background:rgba(255,255,255,.72);border:1px solid var(--spv-line);border-radius:28px;box-shadow:var(--spv-shadow);padding:28px}.spviet-page-title{margin:0 0 18px;color:var(--spv-red);font-size:clamp(28px,4vw,48px)}
.spviet-hero-v5{position:relative;max-width:1240px;margin:0 auto;padding:72px 22px 48px;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;overflow:hidden}.spviet-hero-bg{position:absolute;inset:24px;border-radius:38px;background:radial-gradient(circle at 20% 10%,rgba(216,169,50,.25),transparent 28%),radial-gradient(circle at 85% 20%,rgba(139,7,20,.16),transparent 30%);pointer-events:none}.spviet-hero-content,.spviet-hero-card{position:relative}.spviet-eyebrow{display:inline-flex;margin-bottom:14px;padding:8px 13px;border:1px solid rgba(216,169,50,.48);border-radius:999px;background:rgba(255,255,255,.6);color:var(--spv-red);font-weight:900}.spviet-hero-content h1{font-size:clamp(36px,5vw,68px);line-height:1.04;margin:0 0 18px;color:#250b0e;letter-spacing:-.04em}.spviet-hero-content p{max-width:680px;margin:0;color:var(--spv-muted);font-size:18px}.spviet-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.spviet-btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(139,7,20,.20);background:#fff;color:var(--spv-red);font-weight:900;padding:12px 22px}.spviet-hero-card{background:linear-gradient(180deg,#fff,#fff7e8);border:1px solid var(--spv-line);border-radius:34px;box-shadow:var(--spv-shadow);padding:28px}.spviet-feature-grid{max-width:1240px;margin:0 auto 30px;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.spviet-feature{background:rgba(255,255,255,.76);border:1px solid var(--spv-line);border-radius:26px;padding:22px;box-shadow:0 14px 34px rgba(64,15,18,.08)}.spviet-feature img{width:48px;height:48px;margin-bottom:12px}.spviet-feature h3{margin:0 0 8px;color:var(--spv-red);font-size:20px}.spviet-feature p{margin:0;color:var(--spv-muted)}.spviet-theme-footer{border-top:1px solid var(--spv-line);background:#fff7e8}.spviet-footer-inner{max-width:1240px;margin:0 auto;padding:24px 22px;display:flex;justify-content:space-between;gap:16px;color:var(--spv-muted)}.spviet-footer-inner strong{color:var(--spv-red)}
@media (max-width:1100px){.spviet-header-inner{grid-template-columns:auto auto auto;justify-content:space-between}.spviet-menu-toggle{display:block}.spviet-primary-nav{position:absolute;left:14px;right:14px;top:calc(100% + 8px);background:#fff;border:1px solid var(--spv-line);border-radius:24px;box-shadow:var(--spv-shadow);padding:12px;display:none;max-height:78vh;overflow:auto}.spviet-primary-nav.is-open{display:block}.spviet-menu-list{display:block;white-space:normal}.spviet-menu-list>li>a{border-radius:14px;padding:12px 14px}.spviet-order-btn{display:inline-flex}}
@media (max-width:980px){body.admin-bar .spviet-theme-header{top:46px}.spviet-header-inner{padding:12px 16px}.spviet-order-btn{display:none}.spviet-hero-v5{grid-template-columns:1fr;padding-top:46px}.spviet-feature-grid{grid-template-columns:repeat(2,1fr)}.spviet-footer-inner{display:block}.spviet-footer-inner span{display:block;margin-top:6px}}
@media (max-width:640px){.spviet-logo-text{font-size:20px}.spviet-feature-grid{grid-template-columns:1fr}.spviet-hero-v5{padding:34px 16px 28px}.spviet-page-shell,.spviet-shortcode-area{padding:24px 16px}.spviet-content-card{padding:20px;border-radius:22px}}