.mylist
{
    list-style-type:numeric;
}
.mylist li
{
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
}
.mylist li .lh
{
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
}

.mylist li .lb
{
    font-size: 1rem;
    font-weight: 400;
    color: #252525;
    margin-top: -10px;
}


.category-card
{
    border-radius: 8px !important;
    background-color: #000;
    border:none;

    color:#fff;

}


.category-card h6
{
     color:#fff;
     font-size: 1.2rem;
     display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}


.testimonial .card
{
    border:none;
    box-shadow:0px 0px 0px 2px #000;
}

#category .slick-slider .slick-list
{
    min-height: 300px;
}


@media (max-width: 991px) {


.category-card h6
{
    font-size: 1rem;
}


#category .slick-slider .slick-list
{
    min-height: 250px;
}




}



#category .slick-prev
{
    right: 95% !important;
}

#category .slick-next
{
    left: 95% !important;
}


.testimonial .slick-prev
{
    right: 95% !important;
}

.testimonial .slick-next
{
    left: 95% !important;
}




.best_seller_section
{
    background:#E6FFD7;
    position: relative;
}

.bsright
{
    position: absolute;
    width: 150px;
    top: -20px;
    right: -50px;
}

.bsleft
{
    position: absolute;
    width: 150px;
    top: 50%;
    left: -50px;

    transform: rotate(45deg);
}


.card-product
{
    border:10px solid #ffffff !important;
    border-radius: 10px !important;
}





.footer .text-body
{
    color:#fff !important;
}



.section-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.ingredient-card {
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

.ingredient-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.10);
}

.ingredient-img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #0000006c;
}

.benefit-card {
    background: #fff;
    border-radius: 18px;
    padding: 28px 16px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

.benefit-card:hover {
    transform: translateY(-5px);
}

.benefit-img img {
    width: 90px;
    height: 90px;
    object-fit: contain;
   border-radius: 8px;
    border: 1px solid #0000006c;
}




/* -----------------------   */


/* Houdini custom property */
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

/* Component wrapper */
.save-wrapper {
  --clr-card: #ffffff;
  --clr-1: #22c55e;
  --clr-2: #facc15;
  --clr-3: #16a34a;

  position: relative;
  display: inline-block;
  padding: 3px;
  border-radius: 14px;
}

/* Animated gradient border */
.save-wrapper::before,
.save-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: conic-gradient(
    from var(--gradient-angle),
    var(--clr-card),
    var(--clr-1),
    var(--clr-2),
    var(--clr-3),
    var(--clr-2),
    var(--clr-1),
    var(--clr-card)
  );
  animation: rotate 3s linear infinite;
  z-index: -1;
}

.save-wrapper::after {
  filter: blur(18px);
  opacity: 0.75;
}

/* Inner content */
.save-text {
  display: inline-block;
  background: #000000;
  color: #22c55e;
  font-weight: 500;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 1.2rem;
  white-space: nowrap;
}

/* Animation */
@keyframes rotate {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}