/*
Theme Name: Sudocrem International Your Skin Child
Template: sudocreminternational
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

media (min-width: 1200px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 11px !important;
    padding-left: 11px !important;
  }
}

/* Bottom CTA styles */
.bottom-cta {
  background-size: cover;
  background-position: center;
  height: 495px;
  position: relative;
  overflow: hidden;
}
.bottom-cta-inner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.bottom-cta-btn {
  background-color: #05a577;
  border-color: #05a577;
  color: #ffffff;
  padding: 12px 32px;
  font-weight: 600;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 32px;
  z-index: 2;
}
.bottom-cta-btn:hover,
.bottom-cta-btn:focus {
  background-color: #048e63;
  border-color: #048e63;
  color: #ffffff;
}
/* Small screens: keep the same fixed height and button position, shift background to the left */
@media (max-width: 767.98px) {
  .bottom-cta {
    height: 495px;
    background-size: cover;
    background-position: left top;
    padding: 0;
  }
  .bottom-cta-bg-img {
    display: none;
  }
  .bottom-cta-inner {
    height: 100%;
    padding: 0;
  }
  .bottom-cta-btn {
    bottom: 32px;
  }
}

.bottom-cta-bg-img { display: none; }

/* Aloe page styles */
.aloe-hero{ padding:40px 0; background:#fff; }
.aloe-hero .hero-title{ font-size:28px; color:#0b6b52; font-weight:700; margin-bottom:12px; }
.aloe-hero .hero-intro{ color:#333; line-height:1.6; }
.aloe-hero .product-image{ max-width:220px; }

.aloe-features{ padding:0; }
.aloe-features .features-image img{ width:100%; height:auto; display:block; }
.aloe-features .features-list{ padding:36px; }
.aloe-features.bg-light{ background:#e8f4ea; }
.aloe-features .bullets{ list-style:disc; padding-left:20px; }

.icons-row .col-6{ padding:20px; }
.icons-row .icon-image{ width:64px; height:auto; margin-bottom:8px; }
.icons-row .icon-label{ color:#0b6b52; font-weight:700; margin:8px 0 4px; }

.aloe-howto{ padding:0; }
.aloe-howto .howto-heading{ background:#e6f3e9; padding:60px 20px; border-radius:40px; }
.aloe-howto .howto-heading h2{ color:#0b6b52; font-size:42px; font-weight:800; margin:0; }

.aloe-ingredients{ padding:30px 0; }
.aloe-ingredients .ingredients-list ul{ margin-left:20px; }

@media (max-width:767.98px){
  .aloe-hero .hero-title{ font-size:22px; }
  .aloe-howto .howto-heading{ padding:40px 10px; border-radius:0; }
}