/* Trang Xổ Số 9ki - Black Gold theme */
.page-xo-so{background:#0A0A0A;color:#FFF6D6;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;overflow-x:hidden}
.page-xo-so h1,.page-xo-so h2,.page-xo-so h3{color:#F2C14E;line-height:1.35;margin:0 0 12px}
.page-xo-so p{margin:0 0 14px;color:#FFF6D6}
.page-xo-so a{color:#FFD36B;text-decoration:none}
.page-xo-so a:hover{text-decoration:underline}
.page-xo-so__hero-section{max-width:1200px;margin:0 auto;padding:10px 16px 8px;display:flex;flex-direction:column;gap:22px}
.page-xo-so__hero-image-wrap{width:100%;border:1px solid #3A2A12;border-radius:16px;overflow:hidden;background:#111111;box-shadow:0 0 0 1px rgba(255,211,107,0.08),0 18px 40px rgba(0,0,0,0.55)}
.page-xo-so__hero-image{display:block;width:100%;height:auto;max-width:100%}
.page-xo-so__hero-content{width:100%;max-width:100%;text-align:left}
.page-xo-so__hero-title{font-weight:800;letter-spacing:-0.2px;margin:0 0 14px;max-width:900px;line-height:1.3}
.page-xo-so__hero-desc{font-size:1.02rem;max-width:920px;margin:0 0 18px;color:#FFF6D6}
.page-xo-so__hero-actions,.page-xo-so__promo-actions,.page-xo-so__app-actions,.page-xo-so__final-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;width:100%}
.page-xo-so__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:700;font-size:0.98rem;line-height:1.2;text-align:center;text-decoration:none;box-sizing:border-box;max-width:100%;transition:transform .15s ease,filter .15s ease;border:1px solid transparent}
.page-xo-so__btn:hover{transform:translateY(-1px);text-decoration:none;filter:brightness(1.03)}
.page-xo-so__btn--primary{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#1a1300;border-color:rgba(0,0,0,0.15);box-shadow:0 8px 22px rgba(221,161,29,0.22)}
.page-xo-so__btn--secondary{background:#111111;color:#FFF6D6;border-color:#3A2A12;box-shadow:0 0 0 1px rgba(255,211,107,0.06)}
.page-xo-so__btn--ghost{background:transparent;color:#FFD36B;border-color:#3A2A12}
.page-xo-so__intro-section,.page-xo-so__overview-section,.page-xo-so__advantages-section,.page-xo-so__games-section,.page-xo-so__guide-section,.page-xo-so__gameshow-section,.page-xo-so__promo-section,.page-xo-so__app-section,.page-xo-so__faq-section,.page-xo-so__blog-section,.page-xo-so__note-section,.page-xo-so__cta-section{max-width:1120px;margin:0 auto;padding:26px 16px}
.page-xo-so__section-title{font-size:1.55rem;margin-bottom:14px}
.page-xo-so__wide-image{display:block;width:100%;height:auto;max-width:100%;border-radius:16px;border:1px solid #3A2A12;background:#111111;margin:6px 0 20px;object-fit:cover}
.page-xo-so__cta-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.page-xo-so__cta-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:22px;box-shadow:0 0 0 1px rgba(255,211,107,0.04)}
.page-xo-so__cta-title{font-size:1.18rem;margin-bottom:8px}
.page-xo-so__cta-text{margin-bottom:14px}
.page-xo-so__overview-table-wrap{width:100%;overflow-x:auto;border-radius:14px;border:1px solid #3A2A12;background:#111111}
.page-xo-so__overview-table{width:100%;border-collapse:collapse;min-width:560px}
.page-xo-so__overview-table th,.page-xo-so__overview-table td{padding:12px 14px;border-bottom:1px solid #3A2A12;text-align:left;vertical-align:top}
.page-xo-so__overview-table th{color:#FFD36B;background:#151515;font-weight:700}
.page-xo-so__overview-table tr:last-child td{border-bottom:none}
.page-xo-so__advantages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.page-xo-so__advantage-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:20px}
.page-xo-so__advantage-title{font-size:1.1rem;margin-bottom:8px}
.page-xo-so__games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}
.page-xo-so__game-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:20px}
.page-xo-so__game-title{font-size:1.1rem;margin-bottom:8px}
.page-xo-so__guide-list{margin:0 0 16px;padding-left:22px}
.page-xo-so__guide-list li{margin-bottom:12px;color:#FFF6D6}
.page-xo-so__guide-list strong{color:#FFD36B}
.page-xo-so__gameshow-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.page-xo-so__gameshow-card{background:#111111;border:1px solid #3A2A12;border-radius:14px;overflow:hidden;text-align:center;padding-bottom:10px}
.page-xo-so__gameshow-image{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:4/5;object-fit:cover;background:#151515}
.page-xo-so__gameshow-title{font-size:0.98rem;margin:10px 6px 4px}
.page-xo-so__gameshow-title a{color:#FFD36B}
.page-xo-so__faq-list{display:flex;flex-direction:column;gap:12px}
.page-xo-so__faq-item{background:#111111;border:1px solid #3A2A12;border-radius:14px;padding:18px}
.page-xo-so__faq-question{font-size:1.05rem;margin:0 0 8px;cursor:pointer;position:relative;padding-right:28px}
.page-xo-so__faq-question::after{content:"+";position:absolute;right:0;top:0;color:#FFD36B;font-weight:800}
.page-xo-so__faq-item.is-open .page-xo-so__faq-question::after{content:"–"}
.page-xo-so__faq-answer{margin:0;display:none}
.page-xo-so__faq-item.is-open .page-xo-so__faq-answer{display:block}
.page-xo-so__blog-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.page-xo-so__blog-card{flex:0 0 calc(33.333% - 11px);background:#111111;border:1px solid #3A2A12;border-radius:16px;overflow:hidden;scroll-snap-align:start;padding-bottom:14px}
.page-xo-so__blog-image{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:2/1;object-fit:cover;background:#151515}
.page-xo-so__blog-title{font-size:1rem;margin:12px 14px 8px}
.page-xo-so__blog-desc{margin:0 14px;font-size:0.94rem}
.page-xo-so__blog-nav{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}
.page-xo-so__note-section{border-top:1px solid #3A2A12;margin-top:10px}
@media (max-width:768px){
.page-xo-so{max-width:100%;overflow-x:hidden}
.page-xo-so img{max-width:100%!important;height:auto!important}
.page-xo-so__hero-section{padding:10px 14px 6px;gap:18px}
.page-xo-so__hero-actions,.page-xo-so__promo-actions,.page-xo-so__app-actions,.page-xo-so__final-actions{flex-direction:column;align-items:stretch;overflow:hidden}
.page-xo-so__btn{width:100%;max-width:100%;white-space:normal;word-wrap:break-word;box-sizing:border-box}
.page-xo-so__cta-section{grid-template-columns:1fr;padding:22px 14px}
.page-xo-so__advantages-grid{grid-template-columns:1fr}
.page-xo-so__games-grid{grid-template-columns:1fr}
.page-xo-so__gameshow-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.page-xo-so__blog-card{flex:0 0 86%}
.page-xo-so__overview-table{min-width:520px}
.page-xo-so__intro-section,.page-xo-so__overview-section,.page-xo-so__advantages-section,.page-xo-so__games-section,.page-xo-so__guide-section,.page-xo-so__gameshow-section,.page-xo-so__promo-section,.page-xo-so__app-section,.page-xo-so__faq-section,.page-xo-so__blog-section,.page-xo-so__note-section{padding:22px 14px}
.page-xo-so__section-title{font-size:1.28rem}
}
@media (max-width:400px){
.page-xo-so__gameshow-grid{grid-template-columns:1fr 1fr}
.page-xo-so__blog-card{flex:0 0 92%}
}