/* VECOLATE FINAL RESPONSIVE CSS */

/* Hide Storefront / WooCommerce default header and footer */
#masthead,
.site-header,
.storefront-primary-navigation,
.main-navigation,
.site-search,
.site-header-cart,
#site-header-cart,
#colophon,
.site-footer,
.storefront-handheld-footer-bar,
.site-info,
.woocommerce-breadcrumb,
.entry-header {
  display: none !important;
}

/* Full-width correction */
#content,
.site-content,
.col-full,
.elementor,
.elementor-212,
.e-con,
.e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Prevent horizontal overflow */
html,
body {
  overflow-x: hidden !important;
}

/* Image protection */
.elementor-widget-html img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
  div[style*="grid-template-columns:repeat(4"],
  div[style*="grid-template-columns: repeat(4"],
  div[style*="grid-template-columns:repeat(3"],
  div[style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr 1fr !important;
  }

  div[style*="grid-template-columns:1.05fr"],
  div[style*="grid-template-columns: 1.05fr"] {
    grid-template-columns: 1fr 1fr !important;
  }

  div[style*="grid-template-columns:2fr 1fr 1fr 1fr"],
  div[style*="grid-template-columns: 2fr 1fr 1fr 1fr"] {
    grid-template-columns: 1.5fr 1fr 1fr !important;
  }

  .elementor-widget-html img[alt="Source"],
  .elementor-widget-html img[alt="Transform"],
  .elementor-widget-html img[alt="Apply"],
  .elementor-widget-html img[alt="Scale"],
  .elementor-widget-html img[alt="Green series"],
  .elementor-widget-html img[alt="green series"],
  .elementor-widget-html img[alt="packaging"] {
    width: 100% !important;
    height: 260px !important;
    min-height: 260px !important;
    object-fit: cover !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  section {
    padding: 56px 16px !important;
  }

  div[style*="grid-template-columns:repeat(4"],
  div[style*="grid-template-columns: repeat(4"],
  div[style*="grid-template-columns:repeat(3"],
  div[style*="grid-template-columns: repeat(3"],
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"],
  div[style*="grid-template-columns:1.05fr"],
  div[style*="grid-template-columns: 1.05fr"],
  div[style*="grid-template-columns:2fr 1fr 1fr 1fr"],
  div[style*="grid-template-columns: 2fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  h1 {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }

  h2 {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }

  p {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }

  nav {
    width: 100% !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }

  nav a {
    font-size: 13px !important;
  }

  .elementor-widget-html img[alt="Source"],
  .elementor-widget-html img[alt="Transform"],
  .elementor-widget-html img[alt="Apply"],
  .elementor-widget-html img[alt="Scale"],
  .elementor-widget-html img[alt="Green series"],
  .elementor-widget-html img[alt="green series"],
  .elementor-widget-html img[alt="packaging"] {
    width: 100% !important;
    height: 240px !important;
    min-height: 240px !important;
    object-fit: cover !important;
  }

  .elementor-widget-html img[alt="Vecolate logo"] {
    height: auto !important;
    min-height: unset !important;
  }

  div[style*="display:flex"][style*="gap:14px"] {
    justify-content: center !important;
  }
}