/* Add custom CSS styles below */ 
:root {
    --color-primary: #263A59 !important;
}

header {
    background-color: #FFFFFF !important;
}

/* Blenova buttons */

.btn,
.s-button-primary,
.s-button-primary-outline,
a.btn {
   background-color: #263A59 !important;
border-color: #263A59 !important;
color: #FFFFFF !important;
}
/* Blenova Brand Colors */
:root {
    --blenova-navy: #263A59;
    --blenova-silver: #D6D6D6;
}

/* Silver secondary details */
.border,
.divider,
hr {
    border-color: var(--blenova-silver) !important;
}

/* Blenova feature icons - metallic silver */
.s-block--features__item .feature-icon i {
    background: linear-gradient(
        135deg,
        #8F8F8F 0%,
        #D6D6D6 30%,
        #FFFFFF 50%,
        #D6D6D6 70%,
        #9E9E9E 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Blenova feature titles */
.s-block--features__item h2 {
    color: #263A59 !important;
}  /* Blenova product cards */
.s-product-card-entry {
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid #eeeeee !important;
  box-shadow: 0 6px 18px rgba(38, 58, 89, 0.08) !important;
  transition: 0.3s ease !important;
}  /* Blenova premium product cards */
salla-product-card {
  display: block !important;
  background: #FFFFFF !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 20px rgba(38, 58, 89, 0.08) !important;
  padding: 10px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

salla-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 26px rgba(38, 58, 89, 0.13) !important;
}

/* Blenova product images */
.s-product-card-image {
 height: 240px !important;
    overflow: hidden !important;
}

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

.s-product-card-vertical .s-product-card-image {
   flex: 0 0 240px !important;
height: 240px !important;
}/* Blenova product card content */
salla-product-card .s-product-card-content {
    padding: 14px 16px 16px !important;
}

salla-product-card .s-product-card-content-title {
    color: #263A59 !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

salla-product-card .s-product-card-price {
    color: #263A59 !important;
    font-weight: 700 !important;
}



/* Product text area */
.s-product-card-content {
  padding: 14px 16px 16px !important;
}

/* Product name */
.s-product-card-content-title {
  color: #263A59 !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

/* Add to cart button */
.s-product-card-content .s-button-primary {
  background: #263A59 !important;
  color: #FFFFFF !important;
  border-radius: 12px !important;
  min-height: 44px !important;
  font-weight: 700 !important;
  margin-top: 10px !important;}


.s-product-card-price {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #263A59 !important;
}




.s-product-card-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.s-product-card-content .s-button-primary {
    width: 100% !important;
    margin-top: auto !important;

}

.s-product-card-image {
    height: 190px !important;
    flex: 0 0 190px !important;
    background: #FAFAFA !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

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

.s-product-card-content {
    padding: 12px 4px 4px !important;
}

.s-product-card-content-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #263A59 !important;
    line-height: 1.5 !important;
}

.s-product-card-price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #263A59 !important;
}

.s-product-card-content .s-button-primary {
    min-height: 42px !important;
    border-radius: 10px !important;
    margin-top: 10px !important;
}/* ===== BLENOVA FINAL PRODUCT CARDS ===== */

/* Card */
.s-product-card-entry {
    background: #FFFFFF !important;
    border: 1px solid #EEEEEE !important;
    border-radius: 18px !important;
    padding: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 14px rgba(38, 58, 89, 0.08) !important;
    height: 100% !important;
}

/* Image area */
.s-product-card-image,
.s-product-card-vertical .s-product-card-image {
    height: 220px !important;
    flex: 0 0 220px !important;
    background: #F7F7F7 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Product image */
.s-product-card-image img,
img.s-product-card-image-cover {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 10px !important;
}

/* Content */
.s-product-card-content {
    padding: 12px 4px 4px !important;
}

/* Product name */
.s-product-card-content-title {
    color: #263A59 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    margin-bottom: 6px !important;
}

/* Price */
.s-product-card-price {
    color: #263A59 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Add to cart */
.s-product-card-content .s-button-primary {
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 12px !important;
    background: #263A59 !important;
    border-color: #263A59 !important;
    color: #FFFFFF !important;
    border-radius: 22px !important;
    font-weight: 700 !important;
}

/* Mobile - two products per row */
@media (max-width: 767px) {
    .s-products-list-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .s-product-card-entry {
        padding: 7px !important;
        border-radius: 15px !important;
    }

    .s-product-card-image,
    .s-product-card-vertical .s-product-card-image {
        height: 165px !important;
        flex: 0 0 165px !important;
    }

    .s-product-card-content-title {
        font-size: 14px !important;
    }

    .s-product-card-price {
        font-size: 14px !important;
    }

    .s-product-card-content .s-button-primary {
        min-height: 40px !important;
        font-size: 13px !important;
    }
}/* BLENOVA - Compact card structure */
.s-product-card-entry {
    padding: 8px !important;
}

.s-product-card-image,
.s-product-card-vertical .s-product-card-image {
    height: 190px !important;
    flex: 0 0 190px !important;
    margin-bottom: 0 !important;
}

.s-product-card-image img,
img.s-product-card-image-cover {
    padding: 4px !important;
}

.s-product-card-content {
    padding: 10px 6px 4px !important;
}

.s-product-card-content-title {
    margin: 0 0 3px !important;
}

.s-product-card-price {
    margin: 0 0 8px !important;
}

.s-product-card-content .s-button-primary {
    margin-top: 6px !important;
    min-height: 42px !important;
}/* Blenova - Shovel style image area */
.s-product-card-image,
.s-product-card-vertical .s-product-card-image {
    height: 180px !important;
    flex: 0 0 180px !important;
    background: #F4F4F4 !important;
    border-radius: 14px !important;
}

.s-product-card-image img,
img.s-product-card-image-cover {
    object-fit: contain !important;
    padding: 0 !important;
    transform: scale(1.08);
}/* BLENOVA - Product info like reference */

.s-product-card-content {
    padding: 14px 8px 6px !important;
    text-align: right !important;
}

.s-product-card-content-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #222222 !important;
    margin-bottom: 8px !important;
}

.s-product-card-price {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #263A59 !important;
    margin-bottom: 10px !important;
}

.s-product-card-content .s-button-primary {
    width: 100% !important;
    min-height: 46px !important;
    background: #263A59 !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 24px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}/* BLENOVA - Section titles */
.s-block__title h2 {
    color: #263A59 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

.s-block__title h2::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 48px !important;
    height: 3px !important;
    background: #D6D6D6 !important;
    border-radius: 10px !important;
}/* BLENOVA - Store Features Cards */
.s-block--features__item {
    background: #FFFFFF !important;
    border: 1px solid #EEEEEE !important;
    border-radius: 22px !important;
    padding: 22px 12px !important;
    box-shadow: 0 6px 18px rgba(38, 58, 89, 0.07) !important;
    text-align: center !important;
}

/* Feature icon */
.s-block--features__item .feature-icon {
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 14px !important;
    border-radius: 18px !important;
    background: #263A59 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.s-block--features__item .feature-icon i {
    font-size: 30px !important;
    color: #D6D6D6 !important;
    -webkit-text-fill-color: #D6D6D6 !important;
}

/* Feature title */
.s-block--features__item h2 {
    color: #263A59 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 7px !important;
}

/* Feature description */
.s-block--features__item p {
    color: #6F7480 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

/* Mobile - keep the three cards together */
@media (max-width: 767px) {
    .s-block--features .grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
    }

    .s-block--features__item {
        padding: 16px 7px !important;
        border-radius: 18px !important;
    }

    .s-block--features__item .feature-icon {
        width: 52px !important;
        height: 52px !important;
        border-radius: 15px !important;
    }

    .s-block--features__item h2 {
        font-size: 14px !important;
    }

    .s-block--features__item p {
        font-size: 11px !important;
    }/* BLENOVA - Mobile features 3 in one row */
  }
@media (max-width: 767px) {
  .s-block--features .grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .s-block--features__item {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 4px !important;
  }
@media (max-width: 767px) {
  .s-block--features__item:first-child {
    grid-column: span 1 / span 1 !important;
    }
  }
/* BLENOVA - Homepage Final Order */

  /* BLENOVA - Product Titles */
.s-product-card-content-title a {
  display: block !important;
  text-align: center !important;
  white-space: pre-line !important;
  line-height: 1.7 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #263A59 !important;
}  
/* Blenova - Soft Silver Background */
body {
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #f3f4f6 50%,
    #e9ebef 100%
  ) !important;
}/* BLENOVA - MOBILE PRODUCT CARDS REPAIR */
/* Applies to mobile only */

@media screen and (max-width: 767px) {

  .s-products-list-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  salla-product-card {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .s-product-card-entry {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 8px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
    border: 1px solid #EEEEEE !important;
    box-sizing: border-box !important;
  }

  .s-product-card-image,
  .s-product-card-vertical .s-product-card-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 175px !important;
    flex: 0 0 175px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #F7F7F7 !important;
  }

  .s-product-card-image img,
  img.s-product-card-image-cover {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    transform: none !important;
    padding: 5px !important;
    box-sizing: border-box !important;
  }

  .s-product-card-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px 4px 4px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #263A59 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    margin-bottom: 8px !important;
  }

  .s-product-card-price {
    display: block !important;
    width: 100% !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #263A59 !important;
    text-align: center !important;
    margin: 6px 0 10px !important;
  }

  .s-product-card-content .s-button-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 40px !important;
    margin-top: auto !important;
    padding: 8px 4px !important;
    border-radius: 12px !important;
    background: #263A59 !important;
    border-color: #263A59 !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
}/* BLENOVA - Hide misplaced wishlist button on mobile */
@media (max-width: 767px) {
  .s-product-card-wishlist-btn,
  .s-product-card-wishlist {
    display: none !important;
  }
/* BLENOVA - Arabic & English Product Description */
@media (max-width: 767px) {

  .product__description {
    background: #ffffff !important;
    color: #263A59 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    padding: 16px !important;
    margin-bottom: 0 !important;
  }

  .product__description p {
    color: #263A59 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  .product__description h2,
  .product__description h3 {
    color: #263A59 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    margin: 16px 0 10px !important;
  }

  .product__description > :first-child {
    margin-top: 0 !important;
  }

  .product__description p:empty {
    display: none !important;
  }

  .product__description p:has(> br:only-child) {
    display: none !important;
  }
/* BLENOVA - Product Image Background */
@media (max-width: 767px) {
  .product-single .product-gallery,
  .product-single .product-gallery__wrapper {
    background: #263A59 !important;
    border-radius: 16px !important;
  }
}/* BLENOVA - Product Card Sale Prices */

.s-product-card-content-sub
.s-product-card-sale-price {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  background: #F1F3F7 !important;
  border-radius: 10px !important;
  direction: inherit !important;
}

/* Current price */
.s-product-card-sale-price > h4 {
  color: #263A59 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Old price */
.s-product-card-sale-price > span {
  color: #777F8E !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  text-decoration-line: line-through !important;
  text-decoration-color: #B3262D !important;
  text-decoration-thickness: 2px !important;
  white-space: nowrap !important;
}/* BLENOVA - Refined Sale Price */

.s-product-card-sale-price > h4 {
  color: #263A59 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

.s-product-card-sale-price > span {
  color: #858B98 !important;
  font-size: 14px !important;
  text-decoration-line: line-through !important;
  text-decoration-color: #B3262D !important;
  text-decoration-thickness: 2px !important;
}

.s-product-card-content-sub
.s-product-card-sale-price {
  gap: 8px !important;
  padding: 8px 10px !important;
}/* BLENOVA - Full Width Add to Cart */
.s-product-card-content salla-add-product-button,
.s-product-card-content .s-button-primary-outline {
    display: block !important;
    width: 100% !important;
}

.s-product-card-content .s-button-primary-outline {
    border-radius: 12px !important;
}/* BLENOVA - Fix Mobile Cart Button Text */
@media (max-width: 767px) {
  .s-product-card-content .s-button-primary-outline {
    padding: 8px 2px !important;
    min-width: 0 !important;
  }

  .s-product-card-content .s-button-text,
  .s-product-card-content .s-button-text > span {
    font-size: 11px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }

  .s-product-card-content .s-button-text i {
    font-size: 13px !important;
    margin: 0 3px !important;
  }
}/* BLENOVA - Circular Header Logo */
@media (max-width: 767px) {
  header .navbar-brand img,
  header .main-menu-logo img {
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
  }
}/* BLENOVA - English Sale Prices */
html[lang="en"] .s-product-card-sale-price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

html[lang="en"] .s-product-card-sale-price > h4 {
  color: #263A59 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

html[lang="en"] .s-product-card-sale-price > span {
  color: #858B98 !important;
  font-size: 14px !important;
  text-decoration: line-through !important;
  text-decoration-color: #B3262D !important;
  text-decoration-thickness: 2px !important;
}/* BLENOVA - Fix English Sale Prices */
html[lang="en"] .s-product-card-content-sub .s-product-card-sale-price {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

html[lang="en"] .s-product-card-sale-price > h4,
html[lang="en"] .s-product-card-sale-price > span {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  white-space: nowrap !important;
}/* BLENOVA - English Currency SAR */
html[lang="en"] .sicon-sar {
  font-size: 0 !important;
}

html[lang="en"] .sicon-sar::before {
  content: "SAR" !important;
  font-family: Arial, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  -webkit-font-smoothing: antialiased;
}/* BLENOVA - English Cards Weight Only */

html[lang="en"] .s-product-card-content-title a[data-blenova-language="en"]::after {
  content: "250g";
  display: block;
  text-align: center;
  direction: ltr;
  color: #1F2937;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 4px;
}