/*
Theme Name: Esensapack Corporate V4.4
Theme URI: https://esensapack.com/
Author: Esensapack
Description: Premium packaging-focused corporate website for Esensapack, built on the stable V3 structure.
Version: 4.4.0
Text Domain: esensapack-v44
*/
:root{--ep-navy:#071a2d;--ep-navy2:#102e4c;--ep-gold:#c99a35;--ep-gold2:#e0b84d;--ep-text:#132238;--ep-muted:#647386;--ep-light:#f5f7f9;--ep-border:#dde3e8;--ep-white:#fff;--ep-max:1240px;--ep-shadow:0 24px 64px rgba(7,26,45,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ep-text);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.ep-container{width:calc(100% - 48px);max-width:var(--ep-max);margin-left:auto!important;margin-right:auto!important;position:relative}
.ep-topbar{background:#04111f;color:#d7e0ea;font-size:12px}.ep-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ep-topbar a{color:#fff}
.ep-header{background:#fff;border-bottom:1px solid #edf0f3;position:sticky;top:0;z-index:1000}.admin-bar .ep-header{top:32px}.ep-header-inner{min-height:98px;display:flex;align-items:center;gap:34px}.ep-brand{display:block;flex:0 0 auto}.ep-brand img,.ep-brand .custom-logo{width:300px;max-height:76px;object-fit:contain}.ep-nav{margin-left:auto}.ep-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:30px}.ep-menu li{margin:0}.ep-menu a{font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--ep-text)}.ep-menu a:hover{color:var(--ep-gold)}.ep-header-cta{flex:0 0 auto;background:var(--ep-gold);color:#fff;padding:13px 18px;border-radius:3px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ep-mobile-toggle{display:none;margin-left:auto;border:0;background:none;color:var(--ep-navy);font-size:28px;line-height:1;padding:8px;cursor:pointer}
.ep-hero{background:linear-gradient(135deg,#071a2d 0%,#0b2743 58%,#071a2d 100%);color:#fff;padding:72px 0 0;position:relative;overflow:hidden}.ep-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(201,154,53,.16),transparent 32%);pointer-events:none}.ep-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;z-index:1}.ep-eyebrow{color:var(--ep-gold2);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.ep-hero h1{font-size:clamp(48px,5vw,74px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 26px}.ep-hero-copy p{font-size:18px;line-height:1.7;color:#d7e0ea;max-width:650px;margin:0}.ep-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.ep-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:.2s}.ep-btn-gold{background:linear-gradient(135deg,var(--ep-gold2),var(--ep-gold));color:#fff}.ep-btn-outline{border:1px solid rgba(255,255,255,.62);color:#fff}.ep-btn:hover{transform:translateY(-1px)}
.ep-hero-visual{position:relative;overflow:hidden;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.28);min-width:0}.ep-hero-visual img{width:100%;height:420px;object-fit:cover}.ep-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,45,.2),transparent 45%)}.ep-hero-badge{position:absolute;z-index:2;left:20px;bottom:20px;background:rgba(7,26,45,.88);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:12px 16px}.ep-hero-badge span,.ep-hero-badge strong{display:block}.ep-hero-badge span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#d7e0ea}.ep-hero-badge strong{font-size:16px;color:var(--ep-gold2)}
.ep-values{margin-top:52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.16);z-index:1}.ep-value{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:26px 24px;border-right:1px solid rgba(255,255,255,.12);min-width:0}.ep-value:last-child{border-right:0}.ep-value-icon{width:44px;height:44px;border:1px solid var(--ep-gold);border-radius:50%;display:grid;place-items:center;color:var(--ep-gold2);font-size:20px}.ep-value strong,.ep-value span{display:block}.ep-value strong{font-size:11px;letter-spacing:.07em;text-transform:uppercase}.ep-value span{font-size:13px;color:#cbd6e2;margin-top:3px;line-height:1.45}
.ep-section{padding:92px 0}.ep-section-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:64px;align-items:end;margin-bottom:40px}.ep-section h2,.ep-contact h2,.ep-audience h2{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.025em;margin:10px 0 14px}.ep-section-side{color:var(--ep-muted);font-size:17px;margin:0}.ep-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ep-service{padding:32px 28px;border:1px solid var(--ep-border);background:#fff;min-width:0;min-height:320px}.ep-service-num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ep-navy);color:var(--ep-gold2);font-size:12px;font-weight:800}.ep-service h3{font-size:23px;margin:22px 0 10px}.ep-service p{color:var(--ep-muted)}.ep-text-link{display:inline-flex;align-items:center;gap:12px;color:var(--ep-navy);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-top:10px}.ep-text-link b{color:var(--ep-gold);font-size:18px}
.ep-audience-section{background:var(--ep-light);padding:80px 0}.ep-audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ep-audience{overflow:hidden;min-width:0}.ep-audience.dark{background:var(--ep-navy);color:#fff}.ep-audience.light{background:#fff;color:var(--ep-navy);border:1px solid var(--ep-border)}.ep-audience-image{height:220px;overflow:hidden}.ep-audience-image img{width:100%;height:100%;object-fit:cover}.ep-audience-content{padding:34px 38px}.ep-audience-content h2{font-size:36px}.ep-audience-content p{opacity:.82}.ep-audience-content ul{list-style:none;padding:0;margin:22px 0}.ep-audience-content li{padding:7px 0;border-bottom:1px solid rgba(127,140,154,.22)}.ep-audience.dark .ep-text-link{color:#fff}
.ep-about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:center}.ep-lead{font-size:20px;color:#38495a}.ep-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.ep-pill{padding:8px 12px;border:1px solid var(--ep-border);border-radius:999px;font-size:13px}.ep-feature{background:linear-gradient(145deg,var(--ep-navy),var(--ep-navy2));color:#fff;padding:44px;border-radius:6px;box-shadow:var(--ep-shadow)}.ep-mini-label{color:var(--ep-gold2);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.ep-stat{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13)}.ep-stat span{color:#d7e0ea}.ep-stat strong{color:var(--ep-gold2)}.ep-quote{margin-top:24px;padding-top:20px;font-size:20px;line-height:1.45}
.ep-markets-section{background:var(--ep-light)}.ep-centered{text-align:center;max-width:800px;margin:0 auto 40px}.ep-centered p{color:var(--ep-muted);font-size:17px}.ep-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ep-market{background:#fff;border:1px solid var(--ep-border);padding:27px 23px;min-height:210px}.ep-market span{color:var(--ep-gold);font-size:11px;font-weight:800;letter-spacing:.12em}.ep-market h3{font-size:20px;margin:20px 0 8px}.ep-market p{font-size:14px;color:var(--ep-muted)}
.ep-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ep-border);border-bottom:1px solid var(--ep-border)}.ep-step{padding:27px 24px;border-right:1px solid var(--ep-border);min-width:0}.ep-step:last-child{border-right:0}.ep-step b{display:block;color:var(--ep-gold);font-size:28px;font-weight:400}.ep-step h4{font-size:20px;margin:7px 0}.ep-step p{font-size:14px;color:var(--ep-muted);margin:0}
.ep-contact{background:linear-gradient(130deg,var(--ep-navy),#102e4c);color:#fff;padding:86px 0}.ep-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:start}.ep-contact-copy p{color:#d7e0ea;font-size:18px}.ep-contact-options{margin-top:30px;border-top:1px solid rgba(255,255,255,.16)}.ep-contact-options div{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16)}.ep-contact-options span,.ep-contact-options strong{display:block}.ep-contact-options span{color:var(--ep-gold2);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.ep-contact-panel{background:#fff;color:var(--ep-navy);padding:32px;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.ep-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ep-contact-panel label{display:block;font-size:12px;font-weight:700;margin-bottom:15px}.ep-contact-panel input,.ep-contact-panel select,.ep-contact-panel textarea{display:block;width:100%;margin-top:7px;border:1px solid #dbe0e5;padding:13px 12px;background:#fff;color:var(--ep-navy);border-radius:2px}.ep-success{background:#edf7ef;color:#215c2d;padding:12px 14px;margin-bottom:15px;border-left:3px solid #3d8b50}
.ep-footer{background:#05111e;color:#cdd7e2;padding:50px 0 20px}.ep-footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:40px}.ep-footer-logo{width:270px;filter:brightness(0) invert(1)}.ep-footer h4{color:#fff}.ep-footer a{color:#d7dee8}.ep-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:17px;font-size:12px;color:#8698ab}.ep-content{padding:70px 0}.ep-content h1{font-size:48px}
@media(max-width:1050px){.ep-header-cta{display:none}.ep-menu{gap:20px}.ep-hero-grid,.ep-about-grid,.ep-contact-grid,.ep-section-intro{grid-template-columns:1fr;gap:34px}.ep-hero-visual{max-width:760px}.ep-services{grid-template-columns:1fr}.ep-audience-grid{grid-template-columns:1fr}.ep-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-values{grid-template-columns:1fr}.ep-value{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.ep-value:last-child{border-bottom:0}}
@media(max-width:820px){.admin-bar .ep-header{top:46px}.ep-topbar{display:none}.ep-nav{margin-left:auto}.ep-menu{display:none}.ep-menu.ep-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:18px;background:#fff;padding:24px;box-shadow:0 16px 35px rgba(7,26,45,.12);border-top:1px solid var(--ep-border)}.ep-mobile-toggle{display:block}.ep-brand img,.ep-brand .custom-logo{width:245px}.ep-hero{padding-top:58px}.ep-hero-visual img{height:350px}.ep-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-step:nth-child(2){border-right:0}.ep-step:nth-child(-n+2){border-bottom:1px solid var(--ep-border)}}
@media(max-width:600px){.ep-container{width:calc(100% - 28px)}.ep-header-inner{min-height:78px}.ep-brand img,.ep-brand .custom-logo{width:210px}.ep-hero h1{font-size:44px}.ep-actions{flex-direction:column}.ep-btn{justify-content:space-between}.ep-hero-visual img{height:285px}.ep-section{padding:68px 0}.ep-market-grid,.ep-steps,.ep-form-row,.ep-footer-grid{grid-template-columns:1fr}.ep-step{border-right:0;border-bottom:1px solid var(--ep-border)}.ep-step:last-child{border-bottom:0}.ep-audience-content{padding:28px 24px}.ep-contact{padding:68px 0}.ep-contact-panel{padding:24px}.ep-footer-logo{width:230px}}

/* V4.1 controlled visual enhancements */
.ep-gold-text{color:var(--ep-gold2)}
.ep-packaging-visual img{height:460px}
.ep-values-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ep-values-four .ep-value{padding-left:18px;padding-right:18px}
.ep-services-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ep-services-four .ep-service{min-height:350px}
.ep-materials-section{background:#fff}
.ep-material-grid .ep-market{box-shadow:0 12px 35px rgba(7,26,45,.06)}
@media(max-width:1180px){.ep-services-four{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-values-four{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-values-four .ep-value:nth-child(2){border-right:0}.ep-values-four .ep-value:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:1050px){.ep-values-four{grid-template-columns:1fr}.ep-values-four .ep-value{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.ep-values-four .ep-value:last-child{border-bottom:0}.ep-packaging-visual img{height:410px}}
@media(max-width:700px){.ep-services-four{grid-template-columns:1fr}.ep-packaging-visual img{height:300px}}

/* V4.3 — wider premium desktop composition */
:root{--ep-max:1480px}
.ep-topbar-inner{justify-content:flex-end;min-height:28px}.ep-topbar-inner>span{display:none}
.ep-header-inner{min-height:82px}.ep-brand img,.ep-brand .custom-logo{width:265px;max-height:64px}.ep-menu{gap:36px}.ep-header-cta{padding:12px 22px}
.ep-hero{padding:28px 0 0}.ep-hero-grid{grid-template-columns:minmax(430px,.72fr) minmax(0,1.28fr);gap:30px;align-items:stretch}.ep-hero-copy{padding:28px 0 18px}.ep-hero h1{font-size:clamp(48px,4.15vw,68px);margin:10px 0 18px}.ep-hero-copy p{font-size:15px;line-height:1.58;max-width:560px}.ep-actions{margin-top:22px}.ep-btn{padding:13px 19px}.ep-packaging-visual{border-radius:0;box-shadow:none;min-height:420px}.ep-packaging-visual img{height:100%;min-height:420px;object-fit:cover}.ep-hero-visual:after{background:linear-gradient(90deg,rgba(7,26,45,.62) 0%,rgba(7,26,45,.08) 28%,transparent 55%)}.ep-hero-badge{left:24px;bottom:22px}.ep-values{margin-top:0}.ep-value{padding:18px 20px}.ep-value-icon{width:46px;height:46px}.ep-value strong{font-size:10px}.ep-value span{font-size:12px}
.ep-section{padding:52px 0}.ep-section-intro{margin-bottom:24px}.ep-section h2,.ep-contact h2,.ep-audience h2{font-size:clamp(30px,3vw,44px)}.ep-what .ep-section-intro{grid-template-columns:1fr;gap:0;text-align:center}.ep-what .ep-section-side{display:none}.ep-services-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.ep-services-five .ep-service{min-height:255px;padding:24px 20px}.ep-services-five .ep-service-num{width:42px;height:42px}.ep-services-five .ep-service h3{font-size:18px;margin:17px 0 8px}.ep-services-five .ep-service p{font-size:13px;line-height:1.5;margin:0 0 8px}.ep-services-five .ep-text-link{font-size:10px;margin-top:4px}
.ep-materials-section{padding-top:42px;padding-bottom:48px}.ep-centered{margin-bottom:26px}.ep-market-grid{gap:12px}.ep-market{min-height:165px;padding:21px 18px}.ep-market h3{font-size:18px;margin:13px 0 5px}.ep-market p{font-size:13px}
.ep-audience-section{padding:48px 0}.ep-audience-image{height:185px}.ep-audience-content{padding:25px 30px}.ep-audience-content h2{font-size:30px;margin:8px 0 10px}.ep-audience-content p,.ep-audience-content li{font-size:13px}.ep-audience-content ul{margin:14px 0}.ep-audience-content li{padding:5px 0}
.ep-about-grid{gap:44px}.ep-lead{font-size:18px}.ep-feature{padding:32px}.ep-markets-section{padding-top:50px}.ep-steps .ep-step{padding:21px 20px}.ep-step h4{font-size:18px}.ep-contact{padding:62px 0}.ep-footer{padding-top:38px}
@media(max-width:1320px){:root{--ep-max:1240px}.ep-hero-grid{grid-template-columns:minmax(400px,.8fr) minmax(0,1.2fr)}.ep-services-five{grid-template-columns:repeat(3,minmax(0,1fr))}.ep-services-five .ep-service:nth-child(n+4){min-height:230px}}
@media(max-width:1050px){.ep-hero{padding-top:52px}.ep-hero-grid{grid-template-columns:1fr;gap:34px}.ep-packaging-visual{border-radius:14px;min-height:0}.ep-packaging-visual img{height:410px;min-height:0}.ep-services-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ep-services-five{grid-template-columns:1fr}.ep-services-five .ep-service{min-height:0}.ep-packaging-visual img{height:300px}}


/* V4.4 — approved wide composition refinements */
@media(min-width:1321px){
  :root{--ep-max:1540px}
  .ep-container{width:calc(100% - 36px)}
  .ep-header-inner{min-height:76px}
  .ep-brand img,.ep-brand .custom-logo{width:282px;max-height:66px}
  .ep-hero{padding-top:18px}
  .ep-hero-grid{grid-template-columns:minmax(410px,.64fr) minmax(0,1.36fr);gap:22px}
  .ep-hero-copy{padding:22px 0 12px}
  .ep-hero h1{font-size:clamp(48px,3.8vw,64px);line-height:1.01;margin:9px 0 15px}
  .ep-hero-copy p{font-size:14px;line-height:1.52;max-width:540px}
  .ep-actions{margin-top:18px}
  .ep-packaging-visual{min-height:386px;margin-right:-18px}
  .ep-packaging-visual img{min-height:386px}
  .ep-values-four .ep-value{padding-top:15px;padding-bottom:15px}
}
.ep-footer-logo{display:none!important}
.ep-footer-grid>div:first-child p{margin-top:0;max-width:520px}