/* ================= BluVira Exports - site polish ================= */

/* --- 1. Header: smaller logo + tighter padding (was 232px tall) --- */
.theme-logo-parent img { width: 210px !important; height: auto !important; max-height: 84px !important; }
.theme-site-name { display: none !important; } 
.theme-header .zpcontainer { padding-top: 12px !important; padding-bottom: 12px !important; } 
@media (max-width: 767px) {
  .theme-logo-parent img { width: 150px !important; max-height: 60px !important; }
}

/* --- 2. Page gutters: content was running edge to edge --- */
.theme-content-area .zpcontainer-fluid,
.theme-footer-area .zpcontainer-fluid,
.theme-header .zpcontainer {
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
}
@media (max-width: 991px) {
  .theme-content-area .zpcontainer-fluid,
  .theme-footer-area .zpcontainer-fluid,
  .theme-header .zpcontainer { padding-left: 24px !important; padding-right: 24px !important; }
}
@media (max-width: 767px) {
  .theme-content-area .zpcontainer-fluid,
  .theme-footer-area .zpcontainer-fluid,
  .theme-header .zpcontainer { padding-left: 18px !important; padding-right: 18px !important; }
}

/* --- 3. Never stretch/distort an image --- */
img.zpimage { object-fit: cover !important; }

/* --- 4. About collage: all four images the same height --- */
#about img.zpimage { width: 100% !important; height: 330px !important; }
@media (max-width: 767px) { #about img.zpimage { height: 220px !important; } }

/* --- 5. Product cards: equal image height across the row --- */
#products img.zpimage,
.zscustom-section-nature-oil-03 img.zpimage { width: 100% !important; height: 380px !important; }
@media (max-width: 767px) {
  #products img.zpimage,
  .zscustom-section-nature-oil-03 img.zpimage { height: 260px !important; }
}

/* --- 6. "Working together" steps: true circles, not ovals --- */
img.zpimage-style-circle {
  width: 128px !important;
  height: 128px !important;
  min-width: 128px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.zscustom-section-nature-oil-05 .zpimage-container { text-align: center !important; }

/* --- 7. Footer logo: square emblem, clear of the wordmark --- */
.theme-footer-area .zpelem-image img.zpimage {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  margin-bottom: 12px !important;
}

/* --- 8. Hero stats: keep on one line inside the new gutters --- */
.zscustom-banner-row .zpheading, .zpsection:first-child .zpheading-style-none { overflow-wrap: normal !important; }
@media (min-width: 992px) and (max-width: 1400px) {
  .zpsection:first-of-type h2.zpheading, .zpsection:first-of-type h3.zpheading { font-size: 2.6rem !important; line-height: 1.15 !important; }
}