:root{
  --eg-bg:#f6f8fb;
  --eg-surface:#ffffff;
  --eg-dark:#102033;
  --eg-muted:#64748b;
  --eg-line:#dbe3ec;
  --eg-green:#0f8a4b;
  --eg-green-dark:#086334;
  --eg-accent:#f0b429;
  --eg-radius:18px;
  --eg-shadow:0 16px 40px rgba(16,32,51,.08);
  --eg-container:1240px;
  --eg-logo-max-width:210px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--eg-bg);color:var(--eg-dark);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(var(--eg-container),calc(100% - 32px));margin-inline:auto}
.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{height:auto;width:auto;clip:auto;background:#fff;padding:12px;z-index:99}
.site-header{background:#fff;border-bottom:1px solid var(--eg-line);position:relative;z-index:10;box-shadow:0 10px 28px rgba(16,32,51,.05)}
.top-bar{background:var(--eg-dark);color:#fff;font-size:13px}
.top-bar-inner{display:flex;justify-content:space-between;gap:16px;padding:8px 0;opacity:.94}
.header-main{display:grid;grid-template-columns:auto minmax(260px,1fr) auto auto;align-items:center;gap:22px;padding:18px 0}
.site-logo-text{font-weight:900;font-size:28px;letter-spacing:-.04em;color:var(--eg-dark)}
.custom-logo-link{display:flex;align-items:center;max-width:var(--eg-logo-max-width)}
.custom-logo-link img,.custom-logo{max-width:var(--eg-logo-max-width);width:auto;height:auto}
.site-logo-text span{color:var(--eg-green)}
.site-search{display:flex;background:#eef3f7;border:1px solid var(--eg-line);border-radius:999px;padding:4px;min-height:46px}
.site-search input{flex:1;border:0;background:transparent;padding:0 16px;outline:none;color:var(--eg-dark)}
.site-search button,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border:0;border-radius:999px;padding:12px 20px;background:var(--eg-green);color:#fff;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;line-height:1.2}
.site-search button:hover,.button-primary:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--eg-green-dark);color:#fff;transform:translateY(-1px)}
.button-secondary{background:#fff;color:var(--eg-dark);border:1px solid var(--eg-line)}
.button-secondary:hover{border-color:var(--eg-green);color:var(--eg-green)}
.header-actions{display:flex;align-items:center;gap:10px}
.header-action{border:1px solid var(--eg-line);border-radius:999px;padding:8px 12px;display:flex;align-items:center;gap:7px;background:#fff;font-size:14px;font-weight:750;white-space:nowrap}
.header-action b{min-width:22px;height:22px;border-radius:50%;background:var(--eg-green);color:#fff;display:inline-grid;place-items:center;font-size:12px}
.icon-heart{font-size:21px;color:var(--eg-green)}
.menu-toggle{display:none;border:0;background:transparent;gap:4px;align-items:center;font-weight:800;color:var(--eg-dark)}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--eg-dark);margin:4px 0}
.primary-navigation{border-top:1px solid var(--eg-line);background:#fff}
.primary-navigation ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;align-items:center}
.primary-navigation a{display:block;padding:14px 16px;border-radius:12px;font-weight:800;color:#24364a}
.primary-navigation a:hover{background:#eef6f1;color:var(--eg-green)}
.site-content{min-height:60vh}
.hero{background:radial-gradient(circle at 80% 20%,rgba(15,138,75,.12),transparent 30%),linear-gradient(135deg,#fff 0%,#eef4f8 100%);padding:74px 0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:50px;align-items:center}
.eyebrow,.section-heading span{display:inline-block;color:var(--eg-green);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin-bottom:10px}
.hero h1{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;max-width:840px}
.hero p{font-size:20px;color:var(--eg-muted);margin:0 0 28px;max-width:650px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.hero-points{display:flex;flex-wrap:wrap;gap:12px;color:#36506b;font-weight:800;font-size:14px}
.hero-points span{background:#fff;border:1px solid var(--eg-line);border-radius:999px;padding:8px 12px}
.hero-card{background:#fff;border:1px solid var(--eg-line);border-radius:34px;padding:26px;box-shadow:var(--eg-shadow)}
.hero-image-wrap{min-height:330px;border-radius:26px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-image{width:100%;height:100%;max-height:430px;object-fit:contain}
.hero-card-inner{min-height:330px;border-radius:26px;background:linear-gradient(145deg,#0f8a4b,#102033);position:relative;overflow:hidden}
.hero-device{position:absolute;left:18%;right:18%;top:16%;bottom:18%;border-radius:22px;background:linear-gradient(180deg,#f8fafc,#ccd7e3);box-shadow:0 26px 45px rgba(0,0,0,.24)}
.hero-device:before{content:"";position:absolute;left:20px;right:20px;top:20px;height:46%;border-radius:16px;background:#d7eef3;border:4px solid #fff}
.hero-lines{position:absolute;bottom:34px;left:40px;right:40px;display:grid;gap:9px}
.hero-lines span{height:9px;border-radius:999px;background:rgba(255,255,255,.78)}
.section{padding:58px 0}
.section-heading{margin-bottom:28px;max-width:720px}
.section-heading h2,.shop-heading h1,.page-card h1,.empty-state h1{font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}
.section-heading p{color:var(--eg-muted);margin:0;font-size:18px}.row-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;max-width:none}.text-link{font-weight:900;color:var(--eg-green)}
.benefits{padding-top:34px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-card,.category-card,.content-card,.page-card,.empty-state,.notice-card{background:#fff;border:1px solid var(--eg-line);border-radius:var(--eg-radius);box-shadow:var(--eg-shadow)}.benefit-card{padding:22px}.benefit-icon{width:42px;height:42px;border-radius:14px;background:#e8f6ee;color:var(--eg-green);display:grid;place-items:center;font-weight:900;margin-bottom:12px}.benefit-card h2{font-size:20px;margin:0 0 8px}.benefit-card p{margin:0;color:var(--eg-muted)}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card{overflow:hidden}.category-card-media{height:180px;background:#eef3f7;display:grid;place-items:center}.category-card-media img{width:100%;height:100%;object-fit:cover}.category-placeholder{width:78px;height:78px;border-radius:20px;background:var(--eg-green);color:#fff;display:grid;place-items:center;font-size:38px;font-weight:900}.category-card-body{padding:18px}.category-card h3{font-size:21px;line-height:1.1;margin:0 0 8px}.category-count{font-size:13px;font-weight:800;color:var(--eg-green);display:block;margin-bottom:8px}.category-card p{color:var(--eg-muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link{font-weight:900;color:var(--eg-green)}
.delivery-block{background:#fff}.delivery-grid{display:grid;grid-template-columns:1fr .75fr;gap:34px;align-items:center}.delivery-grid h2{font-size:clamp(30px,3vw,44px);line-height:1.07;letter-spacing:-.04em;margin:0 0 14px}.delivery-grid p{color:var(--eg-muted);font-size:18px}.delivery-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.delivery-list span{background:#f6f8fb;border:1px solid var(--eg-line);border-radius:18px;padding:22px;font-weight:900}
.cta-box{background:linear-gradient(135deg,var(--eg-dark),#163d2b);color:#fff;border-radius:28px;padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center}.cta-box p{color:rgba(255,255,255,.78);margin:0}.cta-box h2{font-size:36px;line-height:1.08;margin:0 0 10px}.cta-box .button{background:#fff;color:var(--eg-dark)}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;padding:48px 0}.site-footer{background:#0c1826;color:#fff}.site-footer h2{font-size:18px;margin:0 0 14px}.site-footer p,.site-footer a,.site-footer li{color:rgba(255,255,255,.76)}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);font-size:13px}.footer-bottom .container{display:flex;justify-content:space-between;padding:16px 0;color:rgba(255,255,255,.7)}
.page-section{padding-top:44px}.narrow-container{max-width:900px}.page-card,.content-card,.empty-state{padding:28px}.entry-content>*:first-child{margin-top:0}.entry-content a{color:var(--eg-green);font-weight:800}.search-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.big{text-align:center;padding:64px 24px}.wide{grid-column:1/-1;text-align:center}
@media (max-width: 980px){.top-bar-inner{justify-content:center;flex-wrap:wrap}.header-main{grid-template-columns:1fr auto}.site-search,.header-actions{grid-column:1/-1}.hero-grid,.delivery-grid{grid-template-columns:1fr}.benefits-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.primary-navigation{display:none}.primary-navigation.is-open{display:block}.primary-navigation ul{flex-direction:column;align-items:stretch;padding:10px 0}.menu-toggle{display:block}.row-heading{align-items:flex-start;flex-direction:column}.search-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 640px){.container{width:min(100% - 22px,var(--eg-container))}.header-main{gap:12px}.site-logo-text{font-size:24px}.header-actions{display:grid;grid-template-columns:1fr 1fr}.header-action{justify-content:center}.hero{padding:48px 0}.hero-card{display:none}.benefits-grid,.category-grid,.delivery-list,.footer-grid,.search-grid{grid-template-columns:1fr}.cta-box{display:block}.cta-box .button{margin-top:18px;width:100%}.footer-bottom .container{display:grid;gap:8px}.section{padding:42px 0}}


/* Hero banner layout: selected Hero image becomes a wide background banner with text overlay */
.hero-banner{
  position:relative;
  min-height:560px;
  padding:86px 0;
  background:
    radial-gradient(circle at 80% 20%,rgba(15,138,75,.12),transparent 30%),
    linear-gradient(135deg,#fff 0%,#eef4f8 100%);
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
  display:flex;
  align-items:center;
  overflow:hidden;
  box-shadow:inset 0 -1px 0 var(--eg-line);
}
.hero-banner-inner{
  position:relative;
  z-index:2;
}
.hero-banner .hero-content{
  max-width:720px;
  padding:0;
}
.hero-banner .hero-content h1{
  max-width:760px;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.hero-banner .hero-content p{
  max-width:620px;
}
.hero-banner .hero-points span{
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(8px);
}
.hero-banner .button-secondary{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(8px);
}

/* Old separate hero card is no longer used in the banner layout. */
.hero-banner .hero-card{
  display:none !important;
}

@media (max-width: 980px){
  .hero-banner{
    min-height:520px;
    background-position:center center;
  }
  .hero-banner.has-hero-image{
    background-position:center center;
  }
  .hero-banner .hero-content{
    max-width:680px;
  }
}

@media (max-width: 640px){
  .hero-banner{
    min-height:auto;
    padding:48px 0;
    background-position:center;
  }
  .hero-banner .hero-content h1{
    font-size:clamp(34px,11vw,48px);
  }
}


/* Breadcrumbs */
.egastro-breadcrumbs{
  background:rgba(255,255,255,.78);
  border-bottom:1px solid var(--eg-line);
  box-shadow:0 8px 22px rgba(16,32,51,.035);
}
.egastro-breadcrumbs .container{
  padding-top:12px;
  padding-bottom:12px;
}
.egastro-breadcrumbs ol{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:13px;
  font-weight:800;
  color:var(--eg-muted);
}
.egastro-breadcrumbs li{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.egastro-breadcrumbs li:not(:last-child)::after{
  content:"›";
  color:#9aa9ba;
  font-weight:900;
}
.egastro-breadcrumbs a{
  color:var(--eg-green);
}
.egastro-breadcrumbs a:hover{
  color:var(--eg-green-dark);
}
.egastro-breadcrumbs span[aria-current="page"]{
  color:var(--eg-dark);
  display:inline-block;
  max-width:560px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width:640px){
  .egastro-breadcrumbs .container{
    padding-top:10px;
    padding-bottom:10px;
  }
  .egastro-breadcrumbs ol{
    font-size:12px;
  }
  .egastro-breadcrumbs span[aria-current="page"]{
    max-width:240px;
  }
}


/* Strong visible breadcrumbs override */
.egastro-breadcrumbs.egastro-breadcrumbs-visible{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:3;
  background:#ffffff !important;
  border-top:1px solid var(--eg-line);
  border-bottom:1px solid var(--eg-line);
  box-shadow:0 10px 24px rgba(16,32,51,.05);
  margin:0 !important;
}
.egastro-breadcrumbs.egastro-breadcrumbs-visible .container{
  padding-top:13px !important;
  padding-bottom:13px !important;
}
.egastro-breadcrumbs.egastro-breadcrumbs-visible ol{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  font-size:13px;
  line-height:1.3;
  font-weight:800;
}
.egastro-breadcrumbs.egastro-breadcrumbs-visible li{
  display:flex !important;
  align-items:center;
  gap:8px;
  color:var(--eg-muted);
}
.egastro-breadcrumbs.egastro-breadcrumbs-visible li:not(:last-child)::after{
  content:"›";
  color:#9aa9ba;
  font-weight:900;
}
.egastro-breadcrumbs.egastro-breadcrumbs-visible a{
  color:var(--eg-green) !important;
  text-decoration:none !important;
}
.egastro-breadcrumbs.egastro-breadcrumbs-visible span[aria-current="page"]{
  color:var(--eg-dark) !important;
}


/* Live product search suggestions */
.site-search{
  position:relative;
  overflow:visible;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.site-search:focus-within{
  border-color:rgba(15,138,75,.55);
  box-shadow:0 0 0 4px rgba(15,138,75,.10);
}
.site-search-suggestions{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  right:0;
  z-index:100;
  overflow:auto;
  max-height:min(68vh,540px);
  padding:8px;
  background:#fff;
  border:1px solid var(--eg-line);
  border-radius:20px;
  box-shadow:0 24px 60px rgba(16,32,51,.20);
}
.site-search-suggestions[hidden]{
  display:none;
}
.site-search-results{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:3px;
}
.site-search-result{
  margin:0;
  border-radius:14px;
}
.site-search-result a{
  display:grid;
  grid-template-columns:60px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:72px;
  padding:7px 10px;
  border-radius:14px;
  color:var(--eg-dark);
  text-decoration:none;
}
.site-search-result:is(:hover,.is-active) a{
  background:#eef6f1;
  color:var(--eg-dark);
}
.site-search-result-media{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#f4f7fa;
  border:1px solid var(--eg-line);
  border-radius:12px;
}
.site-search-result-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:4px;
}
.site-search-result-placeholder{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:var(--eg-green);
  color:#fff;
  font-weight:950;
}
.site-search-result-content{
  min-width:0;
  display:grid;
  gap:5px;
}
.site-search-result-name{
  overflow:hidden;
  color:var(--eg-dark);
  font-size:14px;
  line-height:1.28;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.site-search-result-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px 12px;
  color:var(--eg-muted);
  font-size:12px;
  font-weight:700;
}
.site-search-result-stock{
  color:var(--eg-green);
}
.site-search-result-price{
  color:var(--eg-dark);
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
}
.site-search-status{
  margin:0;
  padding:16px 14px;
  color:var(--eg-muted);
  font-size:14px;
  text-align:center;
}
.site-search-suggestions[data-state="loading"] .site-search-status::before{
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  margin-right:8px;
  border:2px solid rgba(15,138,75,.24);
  border-top-color:var(--eg-green);
  border-radius:50%;
  vertical-align:-2px;
  animation:egastro-search-spin .7s linear infinite;
}
.site-search-all{
  display:block;
  margin-top:6px;
  padding:11px 14px;
  border-top:1px solid var(--eg-line);
  border-radius:0 0 12px 12px;
  color:var(--eg-green);
  font-size:13px;
  font-weight:900;
  text-align:center;
}
.site-search-all[hidden]{
  display:none;
}
.site-search-all:hover{
  background:#eef6f1;
  color:var(--eg-green-dark);
}
@keyframes egastro-search-spin{
  to{transform:rotate(360deg)}
}
@media (max-width:640px){
  .site-search-result a{
    grid-template-columns:52px minmax(0,1fr);
    gap:10px;
  }
  .site-search-result-media{
    width:52px;
    height:52px;
  }
  .site-search-result-price{
    grid-column:2;
    justify-self:start;
  }
  .site-search-result-name{
    white-space:normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
}
@media (prefers-reduced-motion:reduce){
  .site-search-suggestions[data-state="loading"] .site-search-status::before{
    animation:none;
  }
}


/* Automatic product-category imagery shared by the home page and shop. */
.egastro-category-image-frame{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  background:linear-gradient(145deg,#f9fbfc,#edf3f0);
}
.egastro-category-image-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(16,32,51,.04);
}
.egastro-category-image{
  display:block;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:12px;
  object-fit:contain;
  object-position:center;
  transition:filter .25s ease;
}
.egastro-category-image--custom,
.egastro-category-image--generated{
  object-fit:contain;
}
.egastro-category-image-frame--product{
  background:radial-gradient(circle at 50% 42%,#fff 0,#f8fafb 58%,#edf3f0 100%);
}
.egastro-category-image--product{
  object-fit:contain;
  padding:16px;
}
.category-card-media .egastro-category-image-frame{
  height:100%;
}
.category-card:hover .egastro-category-image{
  filter:saturate(1.04) contrast(1.01);
}
@media (prefers-reduced-motion:reduce){
  .egastro-category-image{
    transition:none;
  }
}