.page-index-review-vb9-the-thao{color:#FFF6D6;background-color:#0A0A0A;max-width:100%;overflow-x:hidden} .page-index-review-vb9-the-thao__hero-section{display:flex;flex-direction:column;padding:10px 16px 0} .page-index-review-vb9-the-thao__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto} .page-index-review-vb9-the-thao__hero-image{width:100%;height:auto;aspect-ratio:1920/560;object-fit:cover;border-radius:16px;display:block;box-shadow:0 4px 24px rgba(242,193,78,.15)} .page-index-review-vb9-the-thao__hero-content{width:100%;max-width:1200px;margin:16px auto 0;padding:16px 0;text-align:center} .page-index-review-vb9-the-thao__hero-title{font-size:clamp(1.1rem,2.2vw,2rem);font-weight:900;line-height:1.3;color:#FFF6D6;margin:0 0 12px;letter-spacing:.01em;max-width:1000px} .page-index-review-vb9-the-thao__hero-subtitle{font-size:clamp(.95rem,1.2vw,1.2rem);line-height:1.6;color:#FFD36B;margin:0 auto 16px;max-width:800px;font-weight:400} .page-index-review-vb9-the-thao__hero-actions{margin-top:8px} .page-index-review-vb9-the-thao__hero-btn{display:inline-block;padding:14px 34px;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111111;border-radius:48px;font-weight:800;text-decoration:none;font-size:1rem;line-height:1.2;min-height:48px;max-width:100%;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease} .page-index-review-vb9-the-thao__hero-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(255,211,107,.3)} .page-index-review-vb9-the-thao__logo-grid-section{background:linear-gradient(180deg,rgba(255,211,107,.04) 0%,transparent 100%);padding:24px 12px 12px} .page-index-review-vb9-the-thao__logo-grid{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 16px;box-sizing:border-box} .page-index-review-vb9-the-thao__logo-card{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .2s ease,border-color .2s ease;min-width:0} .page-index-review-vb9-the-thao__logo-card:hover{transform:translateY(-4px);border-color:#F2C14E} .page-index-review-vb9-the-thao__logo-img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:10px;display:block;background:#1a1a1a} .page-index-review-vb9-the-thao__logo-title{font-size:1rem;font-weight:800;color:#F2C14E;margin:4px 0 0;text-align:center;line-height:1.4;min-height:2.6em;display:flex;align-items:center} .page-index-review-vb9-the-thao__logo-cta{padding:11px 28px;border-radius:48px;background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111111;font-weight:700;text-decoration:none;display:inline-block;font-size:.9rem;line-height:1.2;transition:box-shadow .2s ease;max-width:100%;box-sizing:border-box;text-align:center} .page-index-review-vb9-the-thao__logo-cta:hover{box-shadow:0 4px 16px rgba(255,211,107,.25)} .page-index-review-vb9-the-thao__logo-card:nth-child(5){grid-column:2} .page-index-review-vb9-the-thao__logo-card:nth-child(6){grid-column:3} .page-index-review-vb9-the-thao__guide-section{padding:20px 16px 12px} .page-index-review-vb9-the-thao__guide-container{width:100%;max-width:1200px;margin:0 auto} .page-index-review-vb9-the-thao__guide-title{text-align:center;color:#F2C14E;font-size:clamp(1.1rem,1.8vw,1.8rem);font-weight:800;line-height:1.4;margin-bottom:20px} .page-index-review-vb9-the-thao__guide-steps{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px} .page-index-review-vb9-the-thao__guide-step{display:flex;flex-direction:column;gap:12px;background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:14px} .page-index-review-vb9-the-thao__guide-img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px;display:block;max-width:100%;height:auto;min-height:0} .page-index-review-vb9-the-thao__guide-content{flex:1} .page-index-review-vb9-the-thao__guide-subtitle{color:#F2C14E;font-size:1rem;font-weight:700;margin:0 0 8px;line-height:1.4} .page-index-review-vb9-the-thao__guide-text{color:#FFF6D6;font-size:.95rem;line-height:1.65;margin:0;opacity:.9} .page-index-review-vb9-the-thao__main-content{width:100%;max-width:1000px;margin:0 auto;padding:12px 20px 0;box-sizing:border-box} .page-index-review-vb9-the-thao__text-container{margin-bottom:10px} .page-index-review-vb9-the-thao__content-title{color:#F2C14E;font-size:clamp(1rem,2vw,1.7rem);font-weight:800;line-height:1.4;margin:24px 0 12px} .page-index-review-vb9-the-thao__content-text{color:#FFF6D6;font-size:1rem;line-height:1.8;margin:0 0 16px;opacity:.95} .page-index-review-vb9-the-thao__highlight-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0} .page-index-review-vb9-the-thao__highlight-card{background:#111111;border:1px solid #3A2A12;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s ease;min-width:0} .page-index-review-vb9-the-thao__highlight-card:hover{border-color:#F2C14E} .page-index-review-vb9-the-thao__highlight-title{color:#F2C14E;font-size:1rem;font-weight:800;line-height:1.4;margin:0} .page-index-review-vb9-the-thao__highlight-text{color:#FFF6D6;font-size:.9rem;line-height:1.6;margin:0;opacity:.85} .page-index-review-vb9-the-thao__pros-list{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:1fr;gap:10px} .page-index-review-vb9-the-thao__pros-item{display:flex;flex-direction:row;align-items:flex-start;gap:12px;background:#111111;border-radius:10px;padding:14px 18px;border-left:4px solid #F2C14E;font-size:.95rem;line-height:1.7;color:#FFF6D6;min-width:0} .page-index-review-vb9-the-thao__pros-badge{font-weight:800;color:#F2C14E;white-space:nowrap;flex-shrink:0} .page-index-review-vb9-the-thao__cta-banner{background:linear-gradient(135deg,#111111 0%,#1a1a1a 100%);border:1px solid #F2C14E;border-radius:24px;padding:24px 20px;text-align:center;margin:20px 0} .page-index-review-vb9-the-thao__cta-banner-title{color:#F2C14E;font-size:clamp(.95rem,1.6vw,1.2rem);line-height:1.4;font-weight:900;margin:0 0 8px} .page-index-review-vb9-the-thao__cta-banner-text{color:#FFF6D6;font-size:.95rem;line-height:1.6;margin:0 0 20px;opacity:.95} .page-index-review-vb9-the-thao__cta-banner-actions{width:100%;display:flex;flex-wrap:wrap;gap:10px;justify-content:center} .page-index-review-vb9-the-thao__cta-btn,.page-index-review-vb9-the-thao__cta-btn-secondary{flex:0 1 auto;display:inline-block;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:12px 24px;border-radius:48px;font-weight:800;text-decoration:none;font-size:.95rem;line-height:1.2;min-height:44px} .page-index-review-vb9-the-thao__cta-btn{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111111;border:1px solid transparent} .page-index-review-vb9-the-thao__cta-btn-secondary{border:1px solid #F2C14E;color:#F2C14E;background:transparent} .page-index-review-vb9-the-thao__cta-btn-secondary:hover{background:rgba(242,193,78,.1)} .page-index-review-vb9-the-thao__comparison-container{background:#111111;border:1px solid #3A2A12;border-radius:16px;padding:16px;margin:20px 0 24px;overflow-x:auto;width:100%;box-sizing:border-box} .page-index-review-vb9-the-thao__comparison-title{color:#F2C14E;font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:800;line-height:1.4;margin:0 0 12px} .page-index-review-vb9-the-thao__comparison-row{display:flex;flex-wrap:wrap;border-bottom:1px solid #1a1a1a;padding:10px 4px;font-size:.9rem;line-height:1.5;min-width:0} .page-index-review-vb9-the-thao__comparison-row:last-child{border-bottom:none;padding-bottom:0} .page-index-review-vb9-the-thao__comparison-row>div{flex:1 1 33.33%;max-width:33.33%;min-width:0;box-sizing:border-box} .page-index-review-vb9-the-thao__comparison-header{font-weight:800;color:#F2C14E} .page-index-review-vb9-the-thao__comparison-header>div{border-bottom:1px solid #F2C14E;padding-bottom:4px} .page-index-review-vb9-the-thao__comparison-row>div:first-child{color:#F2C14E;font-weight:600} @media (max-width:1024px){ .page-index-review-vb9-the-thao__logo-grid{grid-template-columns:repeat(3,1fr)} .page-index-review-vb9-the-thao__logo-card:nth-child(5){grid-column:2} .page-index-review-vb9-the-thao__logo-card:nth-child(6){grid-column:auto} .page-index-review-vb9-the-thao__guide-steps{grid-template-columns:1fr 1fr} .page-index-review-vb9-the-thao__main-content{padding-left:16px;padding-right:16px} } @media (max-width:768px){ .page-index-review-vb9-the-thao{max-width:100%;overflow-x:hidden} .page-index-review-vb9-the-thao__hero-section{padding-top:8px} .page-index-review-vb9-the-thao__hero-image{aspect-ratio:16/9} .page-index-review-vb9-the-thao__hero-content{text-align:center} .page-index-review-vb9-the-thao img{max-width:100% !important;height:auto !important} .page-index-review-vb9-the-thao__logo-grid{grid-template-columns:repeat(2,1fr);gap:12px 10px} .page-index-review-vb9-the-thao__logo-card:nth-child(5),.page-index-review-vb9-the-thao__logo-card:nth-child(6){grid-column:auto} .page-index-review-vb9-the-thao__logo-card{padding:8px} .page-index-review-vb9-the-thao__logo-cta{padding:10px 20px;font-size:.85rem} .page-index-review-vb9-the-thao__guide-steps{grid-template-columns:1fr} .page-index-review-vb9-the-thao__highlight-grid{grid-template-columns:1fr;gap:12px} .page-index-review-vb9-the-thao__content-title{font-size:1rem} .page-index-review-vb9-the-thao__content-text,.page-index-review-vb9-the-thao__highlight-text,.page-index-review-vb9-the-thao__guide-text,.page-index-review-vb9-the-thao__pros-item,.page-index-review-vb9-the-thao__cta-banner-text{font-size:.9rem} .page-index-review-vb9-the-thao__cta-banner{padding:20px 16px} .page-index-review-vb9-the-thao__cta-banner-actions{flex-direction:column;align-items:center;gap:8px} .page-index-review-vb9-the-thao__cta-btn,.page-index-review-vb9-the-thao__cta-btn-secondary{width:100%;text-align:center;white-space:normal} .page-index-review-vb9-the-thao__comparison-row{flex-wrap:wrap;gap:8px 0;font-size:.8rem} .page-index-review-vb9-the-thao__comparison-row>div{flex:1 1 50%;max-width:50%} .page-index-review-vb9-the-thao__comparison-header{display:none} }