/* Add custom CSS styles below */ 


/* For the first text */
section:nth-of-type(1){
  margin-top: 1px;
}
section:nth-of-type(2){
  margin-top: 2px
}

/* Target the second features section only */
.s-block.s-block--features.container:nth-of-type(1) .s-block--features__item:nth-child(1) .feature-icon,
.s-block.s-block--features.container:nth-of-type(1) .s-block--features__item:nth-child(1) p,
.s-block.s-block--features.container:nth-of-type(1) .s-block--features__item:nth-child(2),
.s-block.s-block--features.container:nth-of-type(1) .s-block--features__item:nth-child(3){
    display: none;

}

.s-block:nth-of-type(1) .grid{
  display: flex;
  justify-content: center;
  align-items: center
}
.s-block:nth-of-type(1) .grid .s-block--features__item{
  padding-top: 12px;
  padding-bottom: 4px;
}

.s-block:nth-of-type(1) .s-block--features__item:nth-child(1) h2{
  color: #47320b;
}

@media (max-width: 768px) {
 .s-block:nth-of-type(1) .s-block--features__item:nth-child(1) h2{
   font-size: 12px
} 
}

/* For About us in the home page */

.s-block.s-block--features.container:nth-of-type(3) .s-block--features__item:nth-child(1) .feature-icon,
.s-block.s-block--features.container:nth-of-type(3) .s-block--features__item:nth-child(2),
.s-block.s-block--features.container:nth-of-type(3) .s-block--features__item:nth-child(3){
    display: none;

}

.s-block:nth-of-type(3) .grid{
  display: flex;
  justify-content: center;
  align-items: center;
}
.s-block:nth-of-type(3) .grid .s-block--features__item{
  background-color: rgb(249, 250, 251);
}

.s-block:nth-of-type(3) .s-block--features__item:nth-child(1) h2 {
  font-size: 38px; 
}

.s-block:nth-of-type(3) .s-block--features__item:nth-child(1) p {
  font-size: 24px; 
  margin-top: 20px;
  line-height: 1.35; 
  max-width: 60%
}

/* Small screens (mobile) */
@media (max-width: 640px) {
  .s-block:nth-of-type(3) .s-block--features__item:nth-child(1) h2 {
    font-size: 28px;
  }

  .s-block:nth-of-type(3) .s-block--features__item:nth-child(1) p {
    font-size: 18px;
    max-width: 90%;
    line-height: 1.5; 
  }
}

/* Full-width product page */

.s-products-list-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Card layout */
.s-product-card-entry {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.s-product-card-fit-height {
  align-items: stretch !important;
  height: 60vh !important;
  max-height: none !important;
} 

.s-product-card-image {
  flex: 0 0 40%;
  overflow: hidden;
  max-height: none !important;
}

/* ===== Tablet ===== */
@media (max-width: 1024px) {
    .s-product-card-fit-height {
        height: 40vh !important;
    }

    .s-product-card-image {
        flex: 0 0 35%;
    }
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
  .s-product-card-entry {
  flex-direction: column;
}
        .s-product-card-fit-height {
        height: auto !important;
        align-items: initial !important;
    }

    .s-product-card-image {
        width: 100% !important;
        flex: none !important;
      max-height: 70vw !important;
    }

    .s-product-card-image img {
        object-fit: contain !important;
        width: 100%;
        height: 100%;
    }

}


/* Make <a> fill image container */
.s-product-card-image a {
  display: block;
  width: 100%;
  height: 100%;

}

/* Image itself */
.s-product-card-image img,
.s-product-card-image-contain {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.s-product-card-image img {
    object-fit: contain !important;
    width: 100%;
    height: 100%;
}

/* Text section stays visible */
.s-product-card-content {
  padding: 2rem;
}
.s-product-card-content-title a{
font-size: 24px !important;
  line-height: 1.35;
-webkit-line-clamp: unset !important;
line-clamp: unset !important;
    display: block !important;
    overflow: visible !important;

}

/* ===== Tablet ===== */
@media (max-width: 1024px) {
    .s-product-card-content-title a {
        font-size: 20px !important;
        line-height: 1.4;
    }
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .s-product-card-content-title a {
        font-size: 18px !important;
        line-height: 1.45;
    }
}