/* Header */
.enga-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(10px);
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(120,170,220,.18);
}
.enga-header__inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 0;
  gap:16px;
}
.enga-brand__logo{height:38px; width:auto; display:block}

.enga-nav{display:block}
.enga-nav__menu{
  display:flex; align-items:center; gap:24px;
  list-style:none; padding:0; margin:0;
}
.enga-nav__menu a{
  font-size:15px;
  color:rgba(31,46,74,.86);
  padding:8px 6px;
  border-radius:12px;
}
.enga-nav__menu a:hover{background:rgba(46,115,201,.08)}

.enga-header__actions{display:flex; align-items:center; gap:10px}
.enga-iconbtn{
  width:40px; height:40px;
  border:1px solid rgba(120,170,220,.25);
  background:rgba(255,255,255,.55);
  border-radius:14px;
  box-shadow:var(--shadow2), var(--glow);
  cursor:pointer;
}
.enga-icon{font-size:18px; color:rgba(31,46,74,.78)}
.enga-burger{display:none}

/* Mobile menu */
.enga-mobile{border-top:1px solid rgba(120,170,220,.18); padding:12px 0}
.enga-mobile__menu{list-style:none; padding:0; margin:0; display:grid; gap:8px}
.enga-mobile__menu a{display:block; padding:10px 12px; border-radius:14px}
.enga-mobile__menu a:hover{background:rgba(46,115,201,.08)}

@media (max-width: 980px){
  .enga-nav{display:none}
  .enga-burger{display:inline-flex; align-items:center; justify-content:center}
}

/* Hero shell */
.enga-hero{
  position:relative;
  overflow:hidden;
  padding:70px 0 40px;
}
.enga-hero__bg{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  filter:saturate(1.05);
  opacity:.95;
}
.enga-hero__wave{
  position:absolute; left:0; right:0; bottom:-1px; height:120px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.70));
}
.enga-hero__inner{
  position:relative;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:44px;
  align-items:center;
}
@media (max-width: 980px){
  .enga-hero__inner{grid-template-columns:1fr; gap:28px}
}

/* CTA button */
.enga-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 18px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg, var(--blue), var(--blue2));
  box-shadow:0 18px 40px rgba(46,115,201,.22);
  font-weight:600;
  margin-top:14px;
}
.enga-btn__arrow{font-size:18px; line-height:1}
.enga-btn--ghost{
  background:rgba(255,255,255,.62);
  color:rgba(31,46,74,.92);
  border:1px solid rgba(120,170,220,.25);
  box-shadow:var(--shadow2), var(--glow);
}

/* Product jar */
.enga-jarwrap{
  position:relative;
  width:min(420px, 100%);
  margin-left:auto;
}
.enga-jarwrap__img{
  width:100%; height:auto; display:block;
  filter:drop-shadow(0 30px 60px rgba(20,45,75,.18));
}
.enga-droplet{
  position:absolute;
  right:26px; top:-8px;
  width:22px; height:34px;
  background:radial-gradient(circle at 30% 25%, #fff8, transparent 45%),
             linear-gradient(180deg, var(--gold), var(--goldDeep));
  border-radius:14px 14px 16px 16px;
  transform:rotate(8deg);
  opacity:.92;
}

/* Sections */
.enga-section{padding:64px 0}
.enga-section--soft{background:rgba(255,255,255,.35)}
.enga-sectiontitle{max-width:760px; margin:0 auto 26px; text-align:center}

/* Glass card */
.enga-glasscard{
  background:var(--glass);
  border:1px solid var(--line);
  border-radius:var(--r2);
  box-shadow:var(--shadow), var(--glow);
  padding:18px 18px 16px;
  min-height:110px;
}
.enga-glasscard__icon{
  width:52px; height:52px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.35);
  background:rgba(255,255,255,.60);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:10px;
}
.enga-glasscard__icon img{width:28px; height:28px}

/* Grid */
.enga-grid{display:grid; gap:18px}
.enga-grid--4{grid-template-columns:repeat(4, 1fr)}
.enga-grid--3{grid-template-columns:repeat(3, 1fr)}
@media (max-width: 980px){
  .enga-grid--4{grid-template-columns:1fr 1fr}
  .enga-grid--3{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .enga-grid--4{grid-template-columns:1fr}
}

/* Medallions */
.enga-medallions{
  display:flex; justify-content:center; gap:18px;
  margin-top:28px; flex-wrap:wrap;
}
.enga-medallion{
  width:120px; height:120px;
  border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  font-family:Poppins, Inter, sans-serif;
  font-weight:700;
  color:rgba(31,46,74,.86);
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.75), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(212,175,55,.92), rgba(184,137,26,.92));
  box-shadow:0 22px 50px rgba(184,137,26,.18);
}

/* Footer */
.enga-footer{
  padding:44px 0;
  background:rgba(255,255,255,.62);
  border-top:1px solid rgba(120,170,220,.18);
}
.enga-footer__inner{
  display:grid; gap:22px;
  grid-template-columns: 1.2fr .8fr;
  align-items:start;
}
.enga-footer__logo{height:34px; width:auto}
.enga-footer__menu{list-style:none; padding:0; margin:0; display:grid; gap:10px}
.enga-footer__copy{grid-column:1 / -1}
@media (max-width: 980px){
  .enga-footer__inner{grid-template-columns:1fr}
}

/* ========== CONTACT PAGE ========== */
.enga-pagehero{
  position:relative;
  overflow:hidden;
  padding:72px 0 52px;
}
.enga-pagehero__bg{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  opacity:.95;
}
.enga-pagehero__wave{
  position:absolute; left:0; right:0; bottom:-1px; height:140px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.72));
}
.enga-pagehero__inner{position:relative}
.enga-pagehero__top{
  text-align:center;
  max-width:900px;
  margin:0 auto 28px;
}

.enga-contactgrid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:26px;
  align-items:start;
}
@media (max-width: 980px){
  .enga-contactgrid{grid-template-columns:1fr; gap:18px}
}

/* Glass panel container */
.enga-glasspanel{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  border-radius:24px;
  box-shadow:var(--shadow), var(--glow);
  padding:22px;
}

/* Contact form */
.enganarrow{margin-bottom:8px}
.enga-form{margin-top:16px}
.enga-form__row{display:grid; gap:14px}
.enga-form__row--2{grid-template-columns:1fr 1fr}
@media (max-width:560px){ .enga-form__row--2{grid-template-columns:1fr} }

.enga-field label{
  display:block;
  font-size:13px;
  font-weight:600;
  color:rgba(31,46,74,.80);
  margin:10px 0 6px;
}
.enga-field input,
.enga-field select,
.enga-field textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(120,170,220,.25);
  background:rgba(255,255,255,.62);
  box-shadow:0 10px 24px rgba(20,45,75,.08), inset 0 1px 0 rgba(255,255,255,.55);
  padding:12px 12px;
  font-size:15px;
  outline:none;
}
.enga-field textarea{resize:vertical; min-height:120px}
.enga-field input:focus,
.enga-field select:focus,
.enga-field textarea:focus{
  border-color:rgba(46,115,201,.40);
}

.engan-btnwide{
  width:100%;
  justify-content:center;
  border:none;
  cursor:pointer;
}
.enga-hp{
  position:absolute;
  left:-9999px; top:-9999px;
  height:0; width:0;
  opacity:0;
}

/* Alerts */
.enga-alert{
  margin-top:14px;
  border-radius:16px;
  padding:12px 14px;
  border:1px solid rgba(120,170,220,.25);
  background:rgba(255,255,255,.62);
  box-shadow:var(--shadow2), var(--glow);
  font-weight:600;
}
.enga-alert--success{color:rgba(17,95,60,.92)}
.enga-alert--error{color:rgba(140,30,30,.92)}

/* Right side */
.enga-contactside{display:flex; flex-direction:column; gap:16px}
.enga-contactside__hero{
  position:relative;
  border-radius:24px;
  padding:18px;
  background:rgba(255,255,255,.45);
  border:1px solid rgba(120,170,220,.25);
  box-shadow:var(--shadow), var(--glow);
  overflow:hidden;
}
.enga-contactside__jar{
  width:min(360px, 100%);
  display:block;
  margin-left:auto;
  filter:drop-shadow(0 30px 60px rgba(20,45,75,.18));
}
.enga-contactside__bullets{
  margin-top:10px;
  display:grid;
  gap:10px;
}
.enga-bullet{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  color:rgba(31,46,74,.86);
}
.enga-bullet__dot{
  width:18px; height:18px;
  border-radius:999px;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.75), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, var(--gold), var(--goldDeep));
  box-shadow:0 10px 24px rgba(184,137,26,.18);
}
.enga-contactside__note{margin-top:6px}

/* Badge row (bottom) */
.enga-badgerow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
@media (max-width:980px){ .enga-badgerow{grid-template-columns:1fr} }

.enga-badge{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 12px;
  border-radius:20px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  box-shadow:var(--shadow2), var(--glow);
}
.enga-badge img{
  width:44px; height:44px; object-fit:contain;
}
.enga-badge span{
  font-weight:700;
  font-size:14px;
  color:rgba(31,46,74,.82);
}

/* ========== TRUST PAGE ========== */
.enga-trusthero{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:22px;
  align-items:center;
  margin-top:10px;
}
@media (max-width:980px){
  .enga-trusthero{grid-template-columns:1fr; text-align:center}
}

.enga-trusthero__jar img{
  width:min(360px, 100%);
  display:block;
  margin-left:auto;
  filter:drop-shadow(0 30px 60px rgba(20,45,75,.18));
}
@media (max-width:980px){
  .enga-trusthero__jar img{margin:0 auto}
}

.enga-trusttiles{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}
@media (max-width:980px){
  .enga-trusttiles{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .enga-trusttiles{grid-template-columns:1fr}
}

/* Enhance glass-card for trust tiles icon alignment */
.enga-trusttiles .enga-glasscard{
  min-height:170px;
}
.enga-trusttiles .enga-glasscard__icon{
  width:56px; height:56px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.35);
}

.enga-trustnote{
  text-align:center;
  margin:26px auto 14px;
  max-width:860px;
}
.enga-trustnote__text{
  font-family:Poppins, Inter, sans-serif;
  font-weight:700;
  color:rgba(31,46,74,.82);
  margin:0;
}

/* Pillars row */
.enga-trustpillars{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin-top:14px;
}
@media (max-width:980px){
  .enga-trustpillars{grid-template-columns:1fr}
}

.enga-pillar{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  box-shadow:var(--shadow2), var(--glow);
}
.enga-pillar__icon{
  width:54px; height:54px;
  border-radius:18px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(212,175,55,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.enga-pillar__icon img{width:28px; height:28px; object-fit:contain}

.enga-pillar__body p{margin-top:6px}

/* Badge strip */
.enga-badgestrip{
  margin-top:18px;
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}
.enga-badgestrip__item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  box-shadow:var(--shadow2), var(--glow);
}
.enga-badgestrip__item img{width:40px; height:40px; object-fit:contain}
.enga-badgestrip__item span{
  font-weight:800;
  letter-spacing:.02em;
  color:rgba(31,46,74,.78);
}

/* ========== BENEFITS PAGE ========== */
.enga-benefitshero{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:22px;
  align-items:center;
  margin-top:10px;
}
@media (max-width:980px){
  .enga-benefitshero{grid-template-columns:1fr; text-align:center}
}

.enga-benefitshero__jar img{
  width:min(360px, 100%);
  display:block;
  margin-left:auto;
  filter:drop-shadow(0 30px 60px rgba(20,45,75,.18));
}
@media (max-width:980px){
  .enga-benefitshero__jar img{margin:0 auto}
}

.enga-benefitshero__mini{
  margin-top:14px;
  display:grid;
  gap:10px;
  max-width:520px;
}
@media (max-width:980px){
  .enga-benefitshero__mini{margin-left:auto; margin-right:auto}
}

.enga-miniitem{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  color:rgba(31,46,74,.86);
}
.enga-miniitem__dot{
  width:18px; height:18px;
  border-radius:999px;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.75), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, var(--gold), var(--goldDeep));
  box-shadow:0 10px 24px rgba(184,137,26,.18);
}

/* Benefits grid: 4 columns desktop -> 2 -> 1 */
.enga-benefitsgrid{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}
@media (max-width:980px){
  .enga-benefitsgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .enga-benefitsgrid{grid-template-columns:1fr}
}

/* Make benefit cards a bit taller and icon-forward */
.enga-benefitsgrid .enga-glasscard{
  min-height:190px;
}
.enga-benefitsgrid .enga-glasscard__icon{
  width:56px; height:56px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.30);
  background:rgba(255,255,255,.62);
}

/* Medallions spacing for benefits page */
.enga-medallions--benefits{margin-top:30px}

/* ========== HI-Q SCIENCE PAGE ========== */
.enga-hiqhero{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:22px;
  align-items:center;
  margin-top:10px;
}
@media (max-width:980px){
  .enga-hiqhero{grid-template-columns:1fr; text-align:center}
}

.enga-hiqhero__jar img{
  width:min(360px, 100%);
  display:block;
  margin-left:auto;
  filter:drop-shadow(0 30px 60px rgba(20,45,75,.18));
}
@media (max-width:980px){
  .enga-hiqhero__jar img{margin:0 auto}
}

/* mini bullet list reuses .enga-miniitem styles from Benefits CSS */
.enga-hiqhero__mini{
  margin-top:14px;
  display:grid;
  gap:10px;
  max-width:560px;
}
@media (max-width:980px){
  .enga-hiqhero__mini{margin-left:auto; margin-right:auto}
}

/* story block */
.enga-hiqstory{
  margin-top:26px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:16px;
  align-items:stretch;
}
@media (max-width:980px){
  .enga-hiqstory{grid-template-columns:1fr}
}

.enga-hiqstory__left{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  border-radius:24px;
  box-shadow:var(--shadow2), var(--glow);
  padding:18px 18px;
}
.enga-hiqstory__left .enga-muted{margin-top:10px}

.enga-hiqcallout{
  height:100%;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.70), rgba(255,255,255,0) 60%),
    linear-gradient(135deg, rgba(46,115,201,.18), rgba(212,175,55,.16));
  border:1px solid rgba(120,170,220,.25);
  border-radius:24px;
  box-shadow:var(--shadow2), var(--glow);
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.enga-hiqcallout__title{
  font-family:Poppins, Inter, sans-serif;
  font-size:20px;
  font-weight:800;
  color:rgba(31,46,74,.88);
}
.enga-hiqcallout__text{
  margin-top:8px;
  font-weight:700;
  color:rgba(31,46,74,.72);
}

/* 3 cards */
.enga-hiqcards{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}
@media (max-width:980px){
  .enga-hiqcards{grid-template-columns:1fr}
}
.enga-hiqcards .enga-glasscard{
  min-height:190px;
}
.enga-hiqcards .enga-glasscard__icon{
  width:56px; height:56px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.30);
  background:rgba(255,255,255,.62);
}

/* Standards row */
.enga-hiqstandards{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
@media (max-width:980px){
  .enga-hiqstandards{grid-template-columns:1fr}
}
.enga-standard{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 12px;
  border-radius:22px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  box-shadow:var(--shadow2), var(--glow);
}
.enga-standard__icon{
  width:52px; height:52px;
  border-radius:18px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(212,175,55,.28);
  display:flex; align-items:center; justify-content:center;
  flex:0 0 auto;
}
.enga-standard__icon img{width:28px; height:28px; object-fit:contain}
.enga-standard__txt{
  font-weight:800;
  color:rgba(31,46,74,.82);
}

/* ========== PRODUCT PAGE ========== */
.enga-producthero{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:22px;
  align-items:center;
  margin-top:10px;
}
@media (max-width:980px){
  .enga-producthero{grid-template-columns:1fr; text-align:center}
}

.enga-producthero__jar{
  position:relative;
}
.enga-producthero__jar img{
  width:min(370px, 100%);
  display:block;
  margin-left:auto;
  filter:drop-shadow(0 30px 60px rgba(20,45,75,.18));
}
@media (max-width:980px){
  .enga-producthero__jar img{margin:0 auto}
}

.enga-producthero__mini{
  margin-top:14px;
  display:grid;
  gap:10px;
  max-width:560px;
}
@media (max-width:980px){
  .enga-producthero__mini{margin-left:auto; margin-right:auto}
}

/* Key nutrient grid spacing */
.enga-productsection{margin-top:26px}
.enga-productgrid .enga-glasscard{min-height:180px}
.enga-productgrid .enga-glasscard__icon{
  width:56px; height:56px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.30);
  background:rgba(255,255,255,.62);
}
.enga-medallions--product{margin-top:28px}

/* Product Details block */
.enga-productdetails{
  margin-top:26px;
}
.enga-productdetails__wrap{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  border-radius:24px;
  box-shadow:var(--shadow), var(--glow);
  padding:20px;
}
.enga-productdetails__head{max-width:860px; margin:0 auto 10px; text-align:center}
.enga-productdetails__divider{
  height:1px;
  background:rgba(120,170,220,.22);
  margin:18px 0;
}

/* Specs grid */
.enga-specgrid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  margin-top:16px;
}
@media (max-width:980px){ .enga-specgrid{grid-template-columns:1fr} }

.enga-spec{
  padding:12px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(120,170,220,.22);
  box-shadow:var(--shadow2), var(--glow);
}
.enga-spec__k{
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  color:rgba(31,46,74,.70);
  margin-bottom:6px;
  text-transform:uppercase;
}
.enga-spec__v{
  font-weight:700;
  color:rgba(31,46,74,.86);
}

/* What's inside */
.enga-inside{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:14px;
  align-items:start;
}
@media (max-width:980px){ .enga-inside{grid-template-columns:1fr} }

.enga-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.enga-chip{
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(120,170,220,.22);
  box-shadow:var(--shadow2), var(--glow);
  font-weight:800;
  color:rgba(31,46,74,.78);
  font-size:13px;
}

/* Quick trust list */
.enga-quicktrust{
  display:grid;
  gap:12px;
}
.enga-quicktrust__item{
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px 12px;
  border-radius:20px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(120,170,220,.22);
  box-shadow:var(--shadow2), var(--glow);
}
.enga-quicktrust__ic{
  width:52px; height:52px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.28);
  background:rgba(255,255,255,.62);
  display:flex; align-items:center; justify-content:center;
  flex:0 0 auto;
}
.enga-quicktrust__ic img{width:28px; height:28px; object-fit:contain}
.enga-quicktrust__txt{
  font-weight:800;
  color:rgba(31,46,74,.80);
}

/* Bottom strip reuses .enga-pillar styles (from Trust page) */
.enga-productstrip{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
@media (max-width:980px){ .enga-productstrip{grid-template-columns:1fr} }

/* Product highlights strip */
.enga-product-highlights{
  margin-top:18px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  border-radius:24px;
  box-shadow:var(--shadow2), var(--glow);
  padding:14px 16px;
}
.enga-product-highlights .enga-chips{
  margin-top:0;
  justify-content:flex-start;
}

/* WYSIWYG in product details */
.enga-wysiwyg p{margin:10px 0; color:rgba(31,46,74,.82); font-weight:500}
.enga-wysiwyg ul{margin:10px 0 10px 18px}
.enga-wysiwyg li{margin:6px 0}


/* ========== ABOUT PAGE ========== */
.enga-abouthero{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:22px;
  align-items:center;
  margin-top:10px;
}
@media (max-width:980px){
  .enga-abouthero{grid-template-columns:1fr; text-align:center}
}

.enga-abouthero__jar img{
  width:min(360px, 100%);
  display:block;
  margin-left:auto;
  filter:drop-shadow(0 30px 60px rgba(20,45,75,.18));
}
@media (max-width:980px){
  .enga-abouthero__jar img{margin:0 auto}
}

.enga-abouthero__mini{
  margin-top:14px;
  display:grid;
  gap:10px;
  max-width:560px;
}
@media (max-width:980px){
  .enga-abouthero__mini{margin-left:auto; margin-right:auto}
}

/* Story block */
.enga-aboutstory{
  margin-top:26px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:16px;
}
@media (max-width:980px){
  .enga-aboutstory{grid-template-columns:1fr}
}

.enga-aboutstory__left{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  border-radius:24px;
  box-shadow:var(--shadow2), var(--glow);
  padding:18px;
}
.enga-aboutstory__left .enga-muted{margin-top:10px}

.enga-aboutcallout{
  height:100%;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.70), rgba(255,255,255,0) 60%),
    linear-gradient(135deg, rgba(46,115,201,.18), rgba(212,175,55,.16));
  border:1px solid rgba(120,170,220,.25);
  border-radius:24px;
  box-shadow:var(--shadow2), var(--glow);
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.enga-aboutcallout__title{
  font-family:Poppins, Inter, sans-serif;
  font-size:20px;
  font-weight:800;
  color:rgba(31,46,74,.88);
}
.enga-aboutcallout__text{
  margin-top:8px;
  font-weight:700;
  color:rgba(31,46,74,.72);
}

/* Mission & Vision */
.enga-aboutmv{
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
@media (max-width:980px){
  .enga-aboutmv{grid-template-columns:1fr}
}
.enga-aboutmv .enga-glasscard{min-height:180px}

/* Why EngaGold */
.enga-aboutwhy{margin-top:26px}
.enga-aboutwhy .enga-glasscard{min-height:170px}

/* Bottom commitment strip */
.enga-aboutstrip{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
@media (max-width:980px){
  .enga-aboutstrip{grid-template-columns:1fr}
}

/* Fix product hero featured image stretching/squeezing */
.enga-producthero__jar img,
.enga-producthero__jar .wp-post-image{
  width: min(420px, 100%);
  height: auto !important;
  max-height: 520px;
  object-fit: contain !important;
  display: block;
  margin-left: auto;
  filter: drop-shadow(0 30px 60px rgba(20,45,75,.18));
}

/* Center on mobile */
@media (max-width: 980px){
  .enga-producthero__jar img,
  .enga-producthero__jar .wp-post-image{
    margin: 0 auto;
  }
}

/* =========================================
   EngaGold UI SCALE PATCH (Logo + Icons + Medallions)
   Paste at the VERY BOTTOM of components.css
========================================= */

/* ---------- LOGO SIZE FIX (Header + Footer) ---------- */
/* Your header logo class is .enga-brand__logo */
.enga-brand__logo{
  height:52px !important;
  width:auto !important;
  max-height:none !important;
}

/* If theme uses WP custom-logo as well */
.enga-header .custom-logo,
.enga-header .custom-logo-link img{
  height:52px !important;
  width:auto !important;
  max-height:none !important;
}

/* Footer */
.enga-footer__logo{
  height:60px !important;
  width:auto !important;
  max-height:none !important;
}
.enga-footer .custom-logo,
.enga-footer .custom-logo-link img{
  height:60px !important;
  width:auto !important;
  max-height:none !important;
}

/* Mobile tuning */
@media (max-width: 768px){
  .enga-brand__logo,
  .enga-header .custom-logo,
  .enga-header .custom-logo-link img{
    height:44px !important;
  }
  .enga-footer__logo,
  .enga-footer .custom-logo,
  .enga-footer .custom-logo-link img{
    height:52px !important;
  }
}

/* ---------- GLOBAL ICON SCALE FIX (Glass Cards) ---------- */
/* Base glass icon wrapper */
.enga-glasscard__icon{
  width:64px !important;
  height:64px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Actual icon inside */
.enga-glasscard__icon img,
.enga-glasscard__icon svg{
  width:36px !important;
  height:36px !important;
  object-fit:contain !important;
}

/* Trust tiles override (your trust tiles already tweak wrapper; ensure inner icon scales too) */
.enga-trusttiles .enga-glasscard__icon img,
.enga-trusttiles .enga-glasscard__icon svg{
  width:36px !important;
  height:36px !important;
}

/* Benefits grid override */
.enga-benefitsgrid .enga-glasscard__icon img,
.enga-benefitsgrid .enga-glasscard__icon svg{
  width:36px !important;
  height:36px !important;
}

/* Hi-Q cards override */
.enga-hiqcards .enga-glasscard__icon img,
.enga-hiqcards .enga-glasscard__icon svg{
  width:36px !important;
  height:36px !important;
}

/* Product cards override */
.enga-productgrid .enga-glasscard__icon img,
.enga-productgrid .enga-glasscard__icon svg{
  width:36px !important;
  height:36px !important;
}

/* ---------- PILLAR ICONS (Trust Pillars Row) ---------- */
.enga-pillar__icon{
  width:58px !important;
  height:58px !important;
}
.enga-pillar__icon img,
.enga-pillar__icon svg{
  width:34px !important;
  height:34px !important;
}

/* ---------- STANDARD ICONS (Hi-Q Standards Row) ---------- */
.enga-standard__icon{
  width:58px !important;
  height:58px !important;
}
.enga-standard__icon img,
.enga-standard__icon svg{
  width:34px !important;
  height:34px !important;
}

/* ---------- MEDALLIONS (3 GOLD BALLS) ---------- */
/* Your current medallion is 120x120 already.
   The issue is: no text sizing + weak depth.
   We'll enhance, and keep layout intact. */
.enga-medallion{
  width:112px !important;
  height:112px !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  text-align:center !important;

  background:
    radial-gradient(circle at 30% 25%, #fff6d8, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(212,175,55,.98), rgba(184,137,26,.98)) !important;

  box-shadow:
    0 22px 50px rgba(184,137,26,.22),
    inset 0 4px 12px rgba(255,255,255,.40) !important;
}

/* If you want the medallions bigger on wide desktop */
@media (min-width: 1200px){
  .enga-medallion{
    width:120px !important;
    height:120px !important;
    font-size:17px !important;
  }
}

/* Mobile */
@media (max-width: 768px){
  .enga-medallion{
    width:86px !important;
    height:86px !important;
    font-size:13px !important;
  }
}

/* Optional premium float (safe) */
@keyframes engaFloatGold {
  0% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}
.enga-medallion{
  animation: engaFloatGold 5.5s ease-in-out infinite;
}
/* ---------- CTA BUTTON SPACING IN PRODUCT DETAILS ---------- */
.enga-productdetails__cta{
  margin-top:12px;
}

/* ========== HEADER SEARCH DROPDOWN ========== */
.enga-searchwrap{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.enga-searchpanel{
  position:absolute;
  top:54px;
  right:0;
  min-width:320px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(120,170,220,.25);
  box-shadow:var(--shadow), var(--glow);
  backdrop-filter: blur(10px);
  z-index:80;
}

.enga-searchform{
  display:flex;
  gap:10px;
  align-items:center;
}

.enga-searchinput{
  flex:1;
  width:100%;
  border-radius:14px;
  border:1px solid rgba(120,170,220,.25);
  background:rgba(255,255,255,.70);
  box-shadow:0 10px 24px rgba(20,45,75,.08), inset 0 1px 0 rgba(255,255,255,.55);
  padding:12px 12px;
  font-size:15px;
  outline:none;
}

.enga-searchinput:focus{
  border-color:rgba(46,115,201,.40);
}

.enga-searchsubmit{
  margin-top:0; /* prevent .enga-btn default margin-top */
  padding:12px 14px;
  border-radius:14px;
}

/* Mobile: make dropdown fit screen */
@media (max-width: 560px){
  .enga-searchpanel{
    right:-10px;
    left:auto;
    min-width:280px;
  }
}


/* Footer social row center fix */
.enga-social{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  width:100%; 
  margin:14px auto 0;
}

.enga-social a{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(120,170,220,.25);
  box-shadow:var(--shadow2), var(--glow);
  transition:transform .25s ease, box-shadow .25s ease;
}

.enga-social a:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(46,115,201,.25);
}

.enga-social img{
  width:22px;
  height:22px;
  object-fit:contain;
}

.enga-social a:hover{
  box-shadow:
    0 12px 28px rgba(46,115,201,.22),
    0 0 0 2px rgba(212,175,55,.25);
}


@media (max-width: 480px){
  .enga-social{
    justify-content:center;
    gap:12px;
  }
}