/* OK TUNG V8 — compact catalog & tighter visual rhythm */
:root{--v8-content:1280px}

/* tighter overall spacing */
.section-heading{margin-bottom:22px}
.flavor-section,.products,.brand-story,.contact{padding-top:56px;padding-bottom:56px}
.page-hero{padding-top:54px;padding-bottom:42px}
.page-hero h1,.page-hero.compact h1,.distributor-hero h1{font-size:clamp(34px,4.4vw,54px)!important}
.page-hero p,.page-hero.compact p,.distributor-hero p{font-size:15px!important;max-width:760px}

/* homepage hero: smaller image + headline */
.hero{min-height:520px;padding-top:36px;padding-bottom:44px}
.hero h1{font-size:clamp(38px,4.6vw,60px)}
.hero-product-wrap{min-height:390px}
.hero-product{width:min(500px,78%)}

/* flavor feature */
.flavor-feature{padding:30px;gap:28px}
.feature-copy h3{font-size:34px}
.feature-image-shell img{width:76%;max-height:330px}

/* product highlights */
.product-panel{min-height:300px;padding:24px}
.product-panel h3{font-size:30px}
.product-panel img{width:46%;max-height:250px}

/* Product catalog: 4 / 2 / 1 */
.catalog{max-width:var(--v8-content)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;padding-left:24px!important;padding-right:24px!important}
.catalog-card{border-radius:18px!important;overflow:hidden}
.catalog-img{height:164px!important;padding:12px!important}
.catalog-img img{max-height:142px!important;max-width:88%!important;object-fit:contain!important}
.catalog-body{padding:15px!important}
.catalog-body h3{font-size:17px!important;margin-bottom:9px!important}
.catalog-body h3 small{font-size:12px!important}
.catalog-meta{font-size:11px!important;gap:5px!important;margin-bottom:12px!important}
.catalog-actions{gap:7px!important}
.catalog-actions button{padding:9px 8px!important;font-size:11px!important}
.filter-bar{max-width:var(--v8-content);margin:0 auto 22px;padding:0 24px;gap:7px}
.filter-bar button{padding:9px 12px;font-size:12px}

/* Flavor detail pages */
.flavor-detail-hero{min-height:455px!important;padding-top:42px!important;padding-bottom:42px!important}
.flavor-detail-copy h1{font-size:clamp(36px,4.3vw,52px)!important}
.flavor-detail-media img{max-height:355px!important;width:74%!important}
.product-data{padding-top:46px;padding-bottom:46px}

/* modal and support cards */
.quick-card{width:min(760px,90vw)}
.quick-media img{max-height:320px}
.quick-info{padding:28px}
.quick-info h2{font-size:28px}
.v6-trade-suite{padding-top:48px;padding-bottom:48px}
.v6-trade-suite h2{font-size:clamp(29px,3.5vw,42px)}

/* compact card imagery across generic grids */
.download-card,.distribution-grid article,.private-flow article,.data-grid article{border-radius:17px}
.download-card h3,.distribution-grid article h3,.private-flow h3,.data-grid h3{font-size:17px}

@media(max-width:1050px){
  .catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .catalog-img{height:185px!important}.catalog-img img{max-height:160px!important}
  .hero-product{width:min(440px,72%)}
}
@media(max-width:760px){
  .hero{min-height:auto;padding-top:28px;padding-bottom:34px}
  .hero h1{font-size:36px}
  .hero-product-wrap{min-height:250px}.hero-product{width:min(330px,72%)}
  .page-hero{padding-top:44px;padding-bottom:34px}
  .page-hero h1,.page-hero.compact h1,.distributor-hero h1{font-size:34px!important}
  .flavor-section,.products,.brand-story,.contact{padding-top:44px;padding-bottom:44px}
  .feature-copy h3{font-size:27px}.feature-image-shell img{width:68%;max-height:245px}
  .product-panel{min-height:270px}.product-panel h3{font-size:25px}.product-panel img{max-height:205px}
  .flavor-detail-copy h1{font-size:34px!important}.flavor-detail-media img{width:66%!important;max-height:275px!important}
}
@media(max-width:560px){
  .catalog{grid-template-columns:1fr!important;padding-left:16px!important;padding-right:16px!important;gap:14px!important}
  .catalog-img{height:172px!important}.catalog-img img{max-height:148px!important}
  .filter-bar{padding:0 16px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}
  .filter-bar button{white-space:nowrap}
}