:root{
  --primary:#39a9e8;--primary-dark:#0879bd;--primary-light:#dff4ff;
  --secondary:#164b7a;--accent:#ef3340;--background:#fff;--surface:#f5fbff;
  --text-primary:#102a43;--text-secondary:#526579;--border-color:#d9edf8;
  --shadow:0 18px 55px rgba(16,72,112,.12);--radius:24px;--header-height:86px;
}
html{scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary)}
body,button,input,select,textarea{font-family:Inter,"Segoe UI",Arial,sans-serif}
.site-header{position:sticky!important;top:0!important;z-index:9999!important;background:#fff!important;border-bottom:1px solid var(--border-color)!important;box-shadow:0 8px 28px rgba(16,72,112,.08)!important;backdrop-filter:none!important}
.nav-wrap{min-height:var(--header-height)!important;max-width:1320px!important;margin:auto!important;padding:0 34px!important}
.brand img{width:auto!important;height:58px!important;object-fit:contain!important}.main-nav{gap:8px!important}
.main-nav a{color:var(--text-primary)!important;font-size:14px!important;font-weight:750!important;letter-spacing:.02em!important;padding:13px 15px!important;border-radius:999px!important;text-transform:none!important}
.main-nav a:hover,.main-nav a.active{color:#fff!important;background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;box-shadow:0 8px 22px rgba(57,169,232,.28)!important}
.main-nav a:last-child{background:var(--accent)!important;color:#fff!important}.menu-toggle{color:var(--secondary)!important;background:var(--surface)!important;border:1px solid var(--border-color)!important;border-radius:12px!important}
h1,h2,h3,h4{color:var(--text-primary)}h1{letter-spacing:-.04em}p{color:var(--text-secondary)}
a,button,input,select,textarea{transition:.22s ease}.container,.wonne-container,.wonne-container{max-width:1240px!important;margin-inline:auto!important}
section{position:relative}.page-hero,.business-hero,.media-hero,.blog-detail-hero,.tpm-hero-full,.pcd-hero-full,.franchise-hero,.contact-banner-half-bg{min-height:520px!important;display:grid!important;align-items:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:60% center!important}
.wonne-page-hero{min-height:540px;display:grid;align-items:center;background-image:var(--hero-image);background-size:cover;background-position:var(--hero-position);isolation:isolate;overflow:hidden}.wonne-page-hero__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,35,58,.82) 0%,rgba(8,51,82,.58) 42%,rgba(8,51,82,.08) 78%)}.wonne-page-hero__inner{width:min(1240px,calc(100% - 48px));margin:auto;padding:70px 0}.wonne-page-hero h1{max-width:760px;margin:14px 0 18px;color:#fff;font-size:clamp(48px,7vw,84px);line-height:.98}.wonne-page-hero p{max-width:620px;margin:0;color:#e7f6ff;font-size:clamp(17px,2vw,22px);line-height:1.6}.wonne-breadcrumb{display:flex;align-items:center;gap:10px;color:#c8edff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wonne-breadcrumb a{color:#fff;text-decoration:none}.wonne-breadcrumb span:last-child{color:#82d3fb}
.page-index .wonne-hero{min-height:650px!important;background-image:linear-gradient(90deg,rgba(8,45,72,.72),rgba(8,45,72,.08)),url('../images/heroes-v2/wonne-home-innovation-hero.png')!important;background-size:cover!important;background-position:center center!important}
.page-index .wonne-hero-media{display:none!important}.page-index .wonne-hero:after{background:linear-gradient(90deg,rgba(8,35,58,.72),rgba(8,35,58,.08))!important}.page-index .wonne-hero-content{z-index:2!important;max-width:760px!important}.page-index .wonne-hero-content h1{font-size:clamp(52px,7vw,92px)!important;line-height:.98!important;text-align:left!important}
.page-about .page-hero{background-image:linear-gradient(90deg,rgba(8,45,72,.76),rgba(8,45,72,.08)),url('../images/heroes-v2/wonne-about-team-hero.png')!important}
.page-products .page-hero,.page-product .page-hero{background-image:linear-gradient(90deg,rgba(8,45,72,.74),rgba(8,45,72,.06)),url('../images/heroes-v2/wonne-products-hero.png')!important}
.page-our-business .business-hero,.page-thirdpartymanufacturing .tpm-hero-full,.page-PCDPharmaFranchise .pcd-hero-full{background-image:linear-gradient(90deg,rgba(8,45,72,.76),rgba(8,45,72,.08)),url('../images/heroes-v2/wonne-business-manufacturing-hero.png')!important}
.page-blogs .page-hero,.page-blog-detail .blog-detail-hero,.page-media .media-hero{background-image:linear-gradient(90deg,rgba(8,45,72,.76),rgba(8,45,72,.08)),url('../images/heroes-v2/wonne-blog-research-hero.png')!important}
.page-contact .contact-banner-half-bg{background-image:linear-gradient(90deg,rgba(8,45,72,.75),rgba(8,45,72,.06)),url('../images/heroes-v2/wonne-contact-hero.png')!important}
.page-our-business .business-hero-wrap img{visibility:hidden!important}.page-media .media-hero::before{background-image:none!important}.page-index .wonne-stats,.page-index .wonne-testimonials{display:none!important}
.wonne-about-grid,.wonne-core-layout,.wonne-approach-grid,.business-grid,.contact-grid{gap:42px!important}.wonne-core-main,.wonne-core-box,.wonne-product-card,.wonne-division-item,.product-card,.blog-card,.contact-card,.stat-card{border-radius:var(--radius)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow)!important;overflow:hidden!important;background:#fff!important}
.wonne-product-card:hover,.product-card:hover,.blog-card:hover{transform:translateY(-8px)!important;box-shadow:0 24px 65px rgba(16,72,112,.18)!important}
.wonne-core-box:not(.dark),.wonne-quality-new,.wonne-products,.wonne-testimonials,.products-page,.blogs-page{background:var(--surface)!important}
.wonne-core-box.dark,.wonne-approach-center,.cta-section{background:linear-gradient(135deg,var(--secondary),var(--primary-dark))!important}
.wonne-see,.btn,.button,button[type=submit],input[type=submit]{border-radius:999px!important;background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(57,169,232,.24)!important}
.site-footer{background:#08233a!important;color:#dbeeff!important}.site-footer h3,.site-footer h4{color:#fff!important}.site-footer p,.site-footer a{color:#bed7e8!important}.site-footer a:hover{color:#71caf6!important}.copyright{border-color:rgba(255,255,255,.12)!important;color:#98bbd0!important}
.wonne-download,.wonne-download{background:var(--primary)!important}.wonne-download-submit,.wonne-download-submit{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important}
table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid var(--border-color)!important;border-radius:18px!important;overflow:hidden!important}th{background:var(--surface)!important;color:var(--secondary)!important}td,th{border-color:var(--border-color)!important}
input,select,textarea{border:1px solid var(--border-color)!important;border-radius:12px!important;background:#fff!important}input:focus,select:focus,textarea:focus{outline:3px solid rgba(57,169,232,.18)!important;border-color:var(--primary)!important}
@media(max-width:900px){:root{--header-height:74px}.nav-wrap{padding:0 18px!important}.brand img{height:48px!important}.main-nav{background:#fff!important;border-top:1px solid var(--border-color)!important;box-shadow:0 20px 40px rgba(16,72,112,.12)!important}.main-nav a{border-radius:12px!important}.page-hero,.business-hero,.media-hero,.blog-detail-hero,.tpm-hero-full,.pcd-hero-full,.franchise-hero,.contact-banner-half-bg{min-height:440px!important;background-position:68% center!important}.wonne-page-hero{min-height:440px;background-position:72% center}.wonne-page-hero__inner{width:min(100% - 34px,1240px);padding:54px 0}.page-index .wonne-hero{min-height:560px!important;background-position:66% center!important}.wonne-about-grid,.wonne-core-layout,.wonne-approach-grid,.business-grid,.contact-grid{grid-template-columns:1fr!important}}
@media(max-width:480px){.page-hero,.business-hero,.media-hero,.blog-detail-hero,.tpm-hero-full,.pcd-hero-full,.franchise-hero,.contact-banner-half-bg{min-height:380px!important}.page-index .wonne-hero{min-height:500px!important}h1{font-size:clamp(34px,10vw,48px)!important}.wonne-product-card,.product-card,.blog-card{border-radius:18px!important}}