.page-the-thao__hero-section{background:linear-gradient(135deg,#017439 0%,#ffffff 100%);padding:10px 0 20px}
.page-the-thao__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;margin:0 auto;border-radius:8px}
.page-the-thao__intro-section{max-width:1200px;margin:30px auto;padding:0 16px;text-align:center}
.page-the-thao__intro-title-section .page-the-thao__intro-title{color:#017439;font-size:clamp(1.4rem, 2.5vw, 2.2rem);font-weight:700;margin-bottom:20px;line-height:1.3;letter-spacing:-0.01em}
.page-the-thao__intro-paragraph{font-size:1.1rem;line-height:1.8;color:#333;max-width:800px;margin:0 auto;text-align:center}
.page-the-thao__sports-section{max-width:1200px;margin:50px auto;padding:0 16px;display:flex;flex-direction:column;gap:40px}
.page-the-thao__sports-card{display:flex;flex-direction:row;align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);overflow:hidden}
.page-the-thao__sports-card--reversed{flex-direction:row-reverse}
.page-the-thao__sports-card img{width:50%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.page-the-thao__sports-card div{padding:24px;width:50%}
.page-the-thao__sports-card h2{color:#017439;font-size:1.4rem;margin-bottom:12px}
.page-the-thao__sports-card p{font-size:1rem;line-height:1.7;color:#333}
.page-the-thao__cockfighting-section{background:#f5f7fa;padding:60px 16px;text-align:center}
.page-the-thao__cockfighting-section div{max-width:800px;margin:0 auto}
.page-the-thao__cockfighting-section h2{color:#017439;font-size:2rem;margin-bottom:20px}
.page-the-thao__cockfighting-section p{font-size:1.1rem;line-height:1.8;color:#333}
.page-the-thao__guide-section{padding:60px 16px}
.page-the-thao__guide-wrap{max-width:1000px;margin:0 auto}
.page-the-thao__guide-title{text-align:center;color:#017439;font-size:1.9rem;margin-bottom:30px}
.page-the-thao__guide-list{font-size:1.1rem;line-height:2;color:#333;padding-left:20px;margin-bottom:30px}
.page-the-thao__guide-figure img{width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;margin:0 auto;border-radius:8px}
.page-the-thao__guide-details-wrap{margin-top:30px}
.page-the-thao__guide-details-wrap details{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:16px}
.page-the-thao__guide-details-wrap summary{cursor:pointer;font-weight:600;color:#017439;padding:4px 0}
.page-the-thao__guide-details-wrap p{margin-top:12px;color:#333;line-height:1.7}
.page-the-thao__cta-section{text-align:center;padding:60px 16px;background:linear-gradient(135deg,#017439 0%,#01435f 100%);color:#fff}
.page-the-thao__cta-title{color:#fff;font-size:2rem;margin-bottom:16px;font-weight:700}
.page-the-thao__cta-text{max-width:700px;margin:0 auto 30px;line-height:1.7;color:#f0f0f0}
.page-the-thao__cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;width:100%;max-width:600px;margin:0 auto;box-sizing:border-box;overflow:hidden}
.page-the-thao__button{display:inline-block;padding:12px 32px;border-radius:6px;text-decoration:none;font-size:1rem;font-weight:600;min-width:160px;text-align:center;box-sizing:border-box;transition:background-color .3s, color .3s, transform .2s}
.page-the-thao__button--primary{background:#C30808;color:#FFFF00}
.page-the-thao__button--primary:hover{opacity:.9;transform:translateY(-2px)}
.page-the-thao__button--secondary{background:#fff;color:#C30808;border:2px solid #C30808}
.page-the-thao__button--secondary:hover{background:#C30808;color:#fff}
.page-the-thao__button--text{background:transparent;color:#fff;border:1px solid #fff}
.page-the-thao__button--text:hover{background:#fff;color:#017439}
@media (max-width:768px){
.page-the-thao__hero-section{padding:6px 8px 12px}
.page-the-thao__hero-image{aspect-ratio:2/1}
.page-the-thao__sports-card{flex-direction:column}
.page-the-thao__sports-card--reversed{flex-direction:column}
.page-the-thao__sports-card img{width:100%;aspect-ratio:16/9}
.page-the-thao__sports-card div{padding:20px;width:100%}
.page-the-thao__cta-buttons{flex-direction:column;align-items:center}
.page-the-thao__cta-buttons .page-the-thao__button{max-width:100%;width:100%;white-space:normal;word-wrap:break-word}
.page-the-thao img{max-width:100%!important;height:auto!important}
.page-the-thao{overflow-x:hidden;max-width:100%}
}