/* OK TUNG V11 — tighter premium composition + stronger flavor pages */
:root{--v11-max:1200px;--v11-navy:#082f68;--v11-line:#e7eef6;--v11-shadow:0 18px 54px rgba(7,42,91,.10)}

/* global refinement */
body{background:#fff}
.site-header{max-width:none!important}
.page-hero{max-width:var(--v11-max)!important;padding-top:34px!important;padding-bottom:24px!important}
.page-hero h1{max-width:760px;margin-left:auto!important;margin-right:auto!important}
.page-hero p{max-width:620px!important;margin-left:auto!important;margin-right:auto!important}

/* V11 HOME HERO — remove visual disconnect between copy and slider */
.hero{
  max-width:none!important;
  grid-template-columns:minmax(0,520px) minmax(340px,440px)!important;
  column-gap:18px!important;
  min-height:405px!important;
  padding-top:24px!important;padding-bottom:24px!important;
}
.hero-copy{max-width:520px!important;justify-self:end!important;padding-right:0!important}
.hero h1{font-size:clamp(35px,3.7vw,50px)!important;max-width:500px!important}
.hero-copy p{max-width:500px!important;font-size:14px!important}
.hero-product-wrap{
  justify-self:start!important;max-width:440px!important;min-height:315px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.50))!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 20px 55px rgba(7,42,91,.09)!important;
}
.hero-product{width:min(355px,80%)!important;max-height:290px!important;object-fit:contain!important}
.hero-badge{left:14px!important;bottom:14px!important;padding:8px 11px!important}
.hero-dots{right:16px!important;bottom:15px!important}

/* flavor chooser home */
.flavor-section{padding-top:38px!important;padding-bottom:42px!important}
.flavor-tabs{max-width:var(--v11-max)!important;gap:8px!important}
.flavor-card{min-height:82px!important}
.flavor-feature{max-width:var(--v11-max)!important;grid-template-columns:minmax(0,1fr) 360px!important;padding:22px 25px!important}
.feature-image-shell{min-height:210px!important}
.feature-image-shell img{max-height:205px!important;width:auto!important;max-width:75%!important}

/* FLAVORS DIRECTORY — cleaner 4-column visual collection */
#flavorCatalog.catalog{max-width:var(--v11-max)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-top:8px!important}
#flavorCatalog .catalog-card{overflow:hidden!important;border-radius:20px!important;position:relative!important}
#flavorCatalog .catalog-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--accent,#0b61a8);z-index:2}
#flavorCatalog .catalog-img{height:160px!important;padding:10px!important}
#flavorCatalog .catalog-img img{max-height:138px!important;max-width:86%!important}
#flavorCatalog .catalog-body{padding:13px 14px 15px!important}
#flavorCatalog .catalog-body h3{font-size:16px!important;margin-bottom:8px!important}
#flavorCatalog .catalog-actions{gap:7px!important}
#flavorCatalog .catalog-actions a,#flavorCatalog .catalog-actions button{font-size:10px!important;padding:8px 9px!important;border-radius:10px!important}

/* FLAVOR DETAIL HERO — product and copy behave as one compact block */
.flavor-detail.flavor-v5{
  max-width:var(--v11-max)!important;margin:24px auto 0!important;
  grid-template-columns:minmax(0,470px) minmax(300px,390px)!important;
  gap:26px!important;min-height:355px!important;
  padding:28px 34px!important;border-radius:30px!important;border:1px solid var(--v11-line)!important;
  box-shadow:var(--v11-shadow)!important;
  background:linear-gradient(120deg,#fff 0%,var(--flavor-soft) 72%,#fff 100%)!important;
}
.flavor-detail.flavor-v5::before{width:340px!important;height:340px!important;right:1%!important;opacity:.09!important}
.flavor-detail-copy{max-width:470px!important}
.flavor-detail-copy h1{font-size:clamp(34px,3.5vw,46px)!important;margin:6px 0 11px!important}
.flavor-detail-copy h1 span{font-size:.39em!important;margin-top:6px!important}
.flavor-detail-copy>p{font-size:13px!important;line-height:1.62!important;margin-bottom:16px!important}
.pack-switcher{margin-bottom:12px!important}
.pack-btn{padding:8px 11px!important;font-size:10px!important}
.flavor-detail-image{
  height:285px!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.66))!important;
  box-shadow:0 14px 38px rgba(7,42,91,.10)!important;
}
.flavor-detail-image img{max-height:260px!important;max-width:82%!important;filter:drop-shadow(0 14px 18px rgba(7,42,91,.13))!important}

/* flavor page navigation and snapshot strip */
.flavor-mini-nav{max-width:var(--v11-max)!important;margin-top:12px!important;padding:0!important}
.flavor-mini-nav a{padding:7px 10px!important;font-size:9.5px!important}
.flavor-snapshot{max-width:var(--v11-max);margin:12px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.flavor-snapshot article{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--v11-line);border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(7,42,91,.035)}
.flavor-snapshot .snap-icon{width:34px;height:34px;border-radius:11px;background:var(--flavor-soft);color:var(--flavor);display:grid;place-items:center;font-weight:900;font-size:12px;flex:0 0 auto}
.flavor-snapshot b{display:block;color:var(--v11-navy);font-size:12px;line-height:1.2}
.flavor-snapshot small{display:block;color:#70839a;font-size:9.5px;margin-top:3px}

/* Product details: more compact and clearer hierarchy */
.product-data{max-width:var(--v11-max)!important;padding:28px 0 30px!important}
.product-data .section-heading{margin-bottom:16px!important}
.product-data .section-heading h2{font-size:30px!important}
.data-grid{gap:9px!important}
.data-grid article{min-height:132px!important;padding:17px!important;border-radius:15px!important}
.data-grid article>span{font-size:10px!important}
.data-grid h3{font-size:14px!important;margin:9px 0 5px!important}
.data-grid p{font-size:11px!important;line-height:1.55!important}
.spec-document{max-width:var(--v11-max)!important;margin-bottom:22px!important;padding:24px 28px!important;border-radius:20px!important}
.spec-document h2{font-size:27px!important}
.document-stack div{padding:10px 12px!important}
.export-cta{max-width:var(--v11-max)!important;margin-bottom:42px!important;padding:22px 26px!important;border-radius:18px!important}
.export-cta h2{font-size:24px!important}

/* products page keep compact 4 / 2 / 1 */
#catalog.catalog{max-width:var(--v11-max)!important}
#catalog .catalog-img{height:140px!important}
#catalog .catalog-img img{max-height:119px!important}

/* slightly cleaner footer */
footer{margin-top:0!important}

@media(max-width:1180px){
  .hero{grid-template-columns:minmax(0,480px) minmax(315px,400px)!important;padding-left:24px!important;padding-right:24px!important;gap:14px!important}
  .flavor-detail.flavor-v5,.flavor-mini-nav,.flavor-snapshot,.product-data,.spec-document,.export-cta,#flavorCatalog.catalog,#catalog.catalog,.page-hero{max-width:calc(100% - 48px)!important}
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr 1fr!important;gap:12px!important}.hero-product-wrap{min-height:285px!important}.hero-product{width:min(310px,78%)!important}
  .flavor-detail.flavor-v5{grid-template-columns:1fr 1fr!important;gap:18px!important;padding:24px!important}.flavor-detail-image{height:255px!important}.flavor-detail-image img{max-height:230px!important}
  #flavorCatalog.catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .flavor-snapshot{grid-template-columns:1fr 1fr 1fr!important}
}
@media(max-width:760px){
  .hero{grid-template-columns:1fr!important;row-gap:12px!important;padding:22px 18px 26px!important}.hero-copy{justify-self:center!important}.hero-product-wrap{justify-self:center!important;min-height:235px!important;max-width:380px!important}.hero-product{width:min(255px,68%)!important}.hero-badge{left:10px!important}.hero-dots{right:50%!important;transform:translateX(50%)!important}
  .flavor-feature{grid-template-columns:1fr!important}.feature-image-shell{min-height:180px!important}.feature-image-shell img{max-height:175px!important}
  .flavor-detail.flavor-v5{grid-template-columns:1fr!important;gap:16px!important;text-align:center!important;margin-top:16px!important;padding:24px 18px!important}.pack-switcher,.cta-row{justify-content:center!important}.flavor-detail-image{height:235px!important;max-width:390px!important;margin:auto!important}.flavor-detail-image img{max-height:210px!important}
  .flavor-snapshot{grid-template-columns:1fr!important}.flavor-snapshot article{justify-content:flex-start!important}
  .flavor-detail.flavor-v5,.flavor-mini-nav,.flavor-snapshot,.product-data,.spec-document,.export-cta,#flavorCatalog.catalog,#catalog.catalog,.page-hero{max-width:calc(100% - 32px)!important}
}
@media(max-width:520px){
  #flavorCatalog.catalog{grid-template-columns:1fr!important}.hero h1{font-size:31px!important}.flavor-detail-copy h1{font-size:31px!important}.flavor-detail-image{height:215px!important}.flavor-detail-image img{max-height:192px!important}
}