.elementor-502 .elementor-element.elementor-element-4405cce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-502 .elementor-element.elementor-element-4405cce{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-53c2378 *//* Make Grassfed Naturals footer span full width */
.gn-footer {
  width: 100vw;
  margin-left: calc(-50vw + 50%); /* force break out of theme container */
}

.gn-footer .wrap {
  max-width: 1200px; /* inner centered content */
  margin: 0 auto;
  padding: 34px 18px;
}

/* Ensure no unwanted overflow horizontal scroll */
html, body {
  overflow-x: hidden;
}
/* Keep checklist items on one line (desktop) */
@media (min-width: 780px){
  .gn-footer .checks li{
    white-space: nowrap;
    hyphens: none;
  }
  /* Nudge more width to the "Why Shop Here" column */
  .gn-footer .grid{
    grid-template-columns: 1.1fr 1.25fr 1fr 1fr;
  }
}
/* Make MC4WP form look identical to your .form layout */
.gn-footer .mc4wp-form .mc4wp-form-fields { 
  display: grid; 
  grid-template-columns: 1fr;            /* stacked (your override section already stacks) */
  gap: 8px; 
  justify-items: center; 
}

/* Reuse your input + button styles */
.gn-footer .mc4wp-form input[type="email"]{
  height: 44px; padding: 0 12px; font-size: 1rem;
  border-radius: 10px; border:1px solid rgba(156,157,122,.35);
  background: var(--gn-primary); color: var(--gn-text);
  width: min(520px, 100%);
}

.gn-footer .mc4wp-form button[type="submit"],
.gn-footer .mc4wp-form input[type="submit"]{
  height: 44px; padding: 0 16px; font-weight: 700;
  border-radius: 10px; border: 1px solid rgba(0,0,0,.25);
  background: linear-gradient(180deg, var(--gn-accent), #406A37);
  color: #fff; cursor: pointer;
  box-shadow: 0 6px 16px rgba(79,121,66,.40);
  transition: transform .15s ease, box-shadow .15s ease;
  width: fit-content;
}
.gn-footer .mc4wp-form button[type="submit"]:hover,
.gn-footer .mc4wp-form input[type="submit"]:hover{
  transform: translateY(-2px); 
  box-shadow: 0 10px 22px rgba(79,121,66,.45);
}

/* Messages */
.gn-footer .mc4wp-response{
  margin-top: 6px; font-size: .95rem; color: var(--gn-artichoke);
}
.gn-footer .mc4wp-notice{ 
  margin-top: 8px; padding: 8px 10px; border-radius: 8px; 
  background: rgba(79,121,66,.12); 
  border: 1px solid rgba(156,157,122,.28);
}
.gn-footer .mc4wp-error{ 
  background: rgba(229,62,62,.10); 
  border-color: rgba(229,62,62,.35);
}/* End custom CSS */