.elementor-629 .elementor-element.elementor-element-c9c32c5{--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;}.elementor-629 .elementor-element.elementor-element-c9c32c5:not(.elementor-motion-effects-element-type-background), .elementor-629 .elementor-element.elementor-element-c9c32c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}/* Start custom CSS for html, class: .elementor-element-9f66b7c *//* ===== GLOBAL RESET (REQUIRED) ===== */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

/* ===== FOOTER BASE ===== */
.kd-footer {
  width: 100vw;
  margin: 0;
  padding: 0;
  background: #f2f2f2;
}

/* ===== MILK WAVE ===== */
.kd-footer-wave {
  width: 100%;
  height: 120px;
  background: url("images/milk-wave.png") center / cover no-repeat;
}

/* ===== MAIN FOOTER ===== */
.kd-footer-main {
  width: 100%;
  padding: 70px 0 50px;
}

.kd-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;

  display: grid;
  gap: 40px;
}

/* ===== BRAND ===== */
.kd-footer-brand img {
  width: 120px;
  margin-bottom: 16px;
}

.kd-footer-brand p {
  max-width: 280px;
  line-height: 1.6;
  color: #555;
}

/* ===== SOCIAL ===== */
.kd-social {
  margin-top: 16px;
  display: flex;
  gap: 12px;
}

.kd-social a {
  width: 34px;
  height: 34px;
  background: #e10600;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 13px;
}

/* ===== LINKS ===== */
.kd-footer-links h4 {
  font-size: 16px;
  margin-bottom: 14px;
  font-weight: 700;
  color: #111;
}

.kd-footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.kd-footer-links li {
  margin-bottom: 10px;
}

.kd-footer-links a {
  text-decoration: none;
  color: #555;
  transition: color 0.3s ease;
}

.kd-footer-links a:hover {
  color: #e10600;
}

/* ===== BOTTOM BAR (FULL WIDTH) ===== */
.kd-footer-bottom {
  width: 100%;
  background: #e10600;
  color: #fff;
  text-align: center;
  padding: 14px 16px;
  font-size: 13px;
}

/* ===== DESKTOP ===== */
@media (min-width: 768px) {
  .kd-footer-inner {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
  }
}/* End custom CSS */