.nav-dropdown{position:relative;display:flex;align-self:stretch;align-items:center}.nav-drop-toggle{height:100%;padding:0;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ink);font-weight:600;font-size:.89rem;cursor:pointer;white-space:nowrap}.nav-drop-toggle span{font-size:.75rem;margin-left:3px}.nav-dropdown:hover .nav-drop-toggle,.nav-dropdown.open .nav-drop-toggle{color:var(--teal);border-color:var(--gold)}.dropdown-menu{display:none;position:absolute;top:76px;left:-18px;width:245px;background:var(--navy2);padding:8px 0;box-shadow:0 16px 35px rgba(0,0,0,.22);border-top:3px solid var(--gold)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown.open .dropdown-menu{display:block}.nav-wrap .dropdown-menu a{display:block;padding:12px 18px;border:0;color:#fff;font-size:.85rem}.nav-wrap .dropdown-menu a:hover{background:var(--teal);color:#fff}.nav-wrap{gap:18px}.nav-wrap nav{gap:18px}.nav-wrap nav>a{white-space:nowrap}@media(max-width:1120px) and (min-width:901px){.brand small{display:none}.brand strong{font-size:.86rem}.nav-wrap{gap:12px}.nav-wrap nav{gap:12px}.nav-wrap nav a,.nav-drop-toggle{font-size:.76rem}}@media(max-width:900px){.nav-dropdown{display:block}.nav-drop-toggle{width:100%;height:auto;padding:10px 0;text-align:left}.dropdown-menu{display:none;position:static;width:100%;box-shadow:none;border:0;background:#f2f7f5;padding:4px 0 4px 16px}.nav-dropdown:hover .dropdown-menu{display:none}.nav-dropdown.open .dropdown-menu{display:block}.nav-wrap .dropdown-menu a{color:var(--ink);padding:9px 12px}.nav-wrap .dropdown-menu a:hover{color:var(--teal);background:transparent}.nav-dropdown:hover .nav-drop-toggle{border-color:transparent}.nav-dropdown.open .nav-drop-toggle{border-color:var(--gold)}}
.brand-mark{font-size:0;background:#fff url('assets/kkpao-logo.png') center/contain no-repeat;border:0;box-shadow:none}
.hero{background-image:url('assets/khonkaen-stadium-dinosaur-hero.png');background-position:center center;background-size:cover}
.hero-overlay{background:linear-gradient(90deg,rgba(5,38,45,.92) 0%,rgba(5,38,45,.7) 37%,rgba(5,38,45,.22) 62%,rgba(5,38,45,.04) 100%)}
@media(max-width:620px){.hero{background-position:63% center}.hero-overlay{background:linear-gradient(90deg,rgba(5,38,45,.94),rgba(5,38,45,.58))}}
.sports-list-section{background:#f4f8f7}.sports-grid,.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sports-card,.catalog-card{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(7,48,55,.09)}.sports-card-image,.catalog-card-image{min-height:230px;background:#dfe9e6 center/cover no-repeat}.sports-card-body,.catalog-card-body{padding:22px}.sports-card-body>span,.catalog-card-body>span{display:inline-block;margin-bottom:10px;padding:5px 11px;border-radius:999px;background:#f4b23e;color:#173b42;font-size:.75rem;font-weight:700}.sports-card h3,.catalog-card h3{margin:0 0 8px;color:#073842;font-size:1.25rem}.sports-card p,.catalog-card p{margin:0 0 12px;color:#52676b;line-height:1.7}.sports-card small,.catalog-card small{color:#087c78}.catalog-message{grid-column:1/-1;padding:30px;text-align:center;color:#617579}.catalog-hero{padding:64px 0;background:linear-gradient(115deg,#073842,#117b73);color:#fff}.catalog-hero .kicker{color:#f4b23e}.catalog-hero h1{margin:8px 0 6px;font-size:clamp(2rem,5vw,3.5rem)}.catalog-hero p{margin:0;color:#d6e8e5}.catalog-section{min-height:420px}.catalog-back{display:inline-block;margin-bottom:24px;color:#087c78;font-weight:700;text-decoration:none}@media(max-width:900px){.sports-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.sports-grid,.catalog-grid{grid-template-columns:1fr}.sports-card-image,.catalog-card-image{min-height:210px}}