:root {
  --sahul-ink: #17211d;
  --sahul-muted: #66736d;
  --sahul-line: #dfe5df;
  --sahul-paper: #ffffff;
  --sahul-soft: #f5f7f2;
  --sahul-green: #126b54;
  --sahul-green-dark: #0b4335;
  --sahul-coral: #e95d43;
  --sahul-gold: #f2c94c;
  --sahul-radius: 8px;
  --sahul-shadow: 0 14px 34px rgba(23, 33, 29, .10);
}

body {
  color: var(--sahul-ink);
  background: var(--sahul-soft);
  font-family: "Jost", Arial, sans-serif;
  letter-spacing: 0;
}

a {
  color: inherit;
}

a:hover {
  color: var(--sahul-green);
}

.container {
  max-width: 1200px;
}

.primary-btn,
.secondary-btn,
.see-btn,
.add-cart,
.checkout-btn,
.form-btn {
  min-height: 44px;
  border-radius: var(--sahul-radius) !important;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  box-shadow: none;
}

.primary-btn,
.checkout-btn,
.form-btn {
  background: var(--sahul-green) !important;
  color: #fff !important;
}

.secondary-btn,
.see-btn,
.add-cart {
  background: var(--sahul-coral) !important;
  color: #fff !important;
 padding:10px;
}

.primary-btn:hover,
.secondary-btn:hover,
.see-btn:hover,
.add-cart:hover,
.checkout-btn:hover,
.form-btn:hover {
  background: var(--sahul-green-dark) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.header-area,
.header-area-v2,
.mobile-header-area {
  background: var(--sahul-paper);
  box-shadow: 0 8px 30px rgba(23, 33, 29, .08);
}

.header-area .header-top,
.header-area-v2 .header-top {
  background: var(--sahul-green-dark);
  color: #eaf5ef;
  border: 0;
}

.header-top a,
.header-top .contact-info,
.header-top .menu-link,
.header-top .currency,
.header-top .lang {
  color: #eaf5ef !important;
}

.header-middle,
.header-area-v2 .header-middle {
  background: var(--sahul-paper);
}

.brand-image {
  max-height: 56px;
  object-fit: contain;
}

.search-wrap,
.header-area-v2 .search-area .form-group {
  border: 1px solid var(--sahul-line) !important;
  border-radius: var(--sahul-radius);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 20px rgba(23, 33, 29, .05);
}

.search-wrap .form-control,
.search-wrap .form-select,
.header-area-v2 .search-area .form-control {
  border: 0 !important;
  background: #fff !important;
  color: var(--sahul-ink);
}

.search-btn {
  
  color: #4e0b65 !important;
}

.header-btn,
.header-area-v2 .single-btn,
.mobile-header-area .header-btn,
.mobile-header-area .single-btn,
.menu-bar {
 
  
  background: #fff !important;
  color: var(--sahul-ink) !important;
}

.header-btn .count,
.mobile-header-area .count,
.totalCountItem,
.wishListCuntFromController,
.CompareCuntFromController {
  background: var(--sahul-coral) !important;
  color: #fff !important;
}

.header-bottom,
.header-area-v2 .header-bottom {
  background: #fff;
  border-top: 1px solid var(--sahul-line);
  border-bottom: 1px solid var(--sahul-line);
}

.main-menu > .menu-item > .menu-link {
  color: var(--sahul-ink) !important;
  font-weight: 700;
  letter-spacing: 0;
  padding-top: 18px;
  padding-bottom: 18px;
}

.main-menu > .menu-item.active > .menu-link,
.main-menu > .menu-item > .menu-link:hover {
  color: var(--sahul-green) !important;
}

.mega-menu-area,
.sub-menu,
.currency-list,
.lang-list,
.account-list {
  border: 1px solid var(--sahul-line) !important;
  border-radius: var(--sahul-radius) !important;
  box-shadow: var(--sahul-shadow) !important;
  overflow: hidden;
}

.hero-section,
.hero-section-v2 {
  background: #eef4ee;
}

.hero-section .signle-slide,
.hero-section-v2 .signle-banner {
  min-height: 560px;
  position: relative;
}

.hero-section .signle-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(245, 247, 242, .94), rgba(245, 247, 242, .68), rgba(245, 247, 242, .20));
}

.hero-section .container,
.hero-section-v2 .container {
  position: relative;
  z-index: 1;
}

.hero-slider-content,
.hero-content {
  text-align: left !important;
  max-width: 580px;
}

.slider-sub-title,
.hero-content .hero-text {
  color: var(--sahul-green) !important;
  font-weight: 700;
}

.slider-title,
.hero-title {
  color: var(--sahul-ink) !important;
  font-size: clamp(36px, 5vw, 70px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  margin-bottom: 18px !important;
}

.slider-text,
.hero-text {
  color: var(--sahul-muted) !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

.hero-slider-image .hero-image,
.hero-banner-image .hero-image {
  max-height: 470px;
  object-fit: contain;
  filter: drop-shadow(0 24px 34px rgba(23, 33, 29, .16));
}

.sahul-benefits-strip {
  margin-top: -34px;
  position: relative;
  z-index: 5;
}

.sahul-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.sahul-benefit {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--sahul-line);
  border-radius: var(--sahul-radius);
  padding: 18px;
  min-height: 96px;
  box-shadow: var(--sahul-shadow);
}

.sahul-benefit:hover {
  transform: translateY(-2px);
  color: var(--sahul-ink);
}

.sahul-benefit-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--sahul-radius);
  background: #e8f4ef;
  color: var(--sahul-green);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.sahul-benefit strong,
.sahul-benefit small {
  display: block;
}

.sahul-benefit strong {
  font-size: 15px;
  color: var(--sahul-ink);
}

.sahul-benefit small {
  color: var(--sahul-muted);
  line-height: 1.35;
}

.brads-area,
.brads-area-v2 {
  background: transparent;
  padding-top: 58px;
}

.section-top {
  padding-top: 82px;
}

.pb-100 {
  padding-bottom: 82px;
}

.section-bg {
  background: #edf3ed !important;
}

.section-header-area {
  margin-bottom: 34px;
}

.sub-title {
  color: var(--sahul-coral) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
  font-size: 13px !important;
}

.section-title {
  color: var(--sahul-ink) !important;
  letter-spacing: 0 !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.15 !important;
}

.single-categorie,
.single-grid-product,
.dealership-purchase-box,
.address-box.card,
.customers__area,
.checkout .checkout-form,
.checkout .cart-summary,
.product-single-details,
.product-bottom-info {
  border: 1px solid var(--sahul-line) !important;
  border-radius: var(--sahul-radius) !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(23, 33, 29, .07) !important;
}

.single-categorie {
  padding:10px;
}

.single-categorie:hover,
.single-grid-product:hover {
  transform: translateY(-4px);
  box-shadow: var(--sahul-shadow) !important;
}

.categorie-icon {
  background: #e8f4ef !important;
  color: var(--sahul-green) !important;
  border-radius: var(--sahul-radius) !important;
}

.single-grid-product {
  overflow: hidden;
  margin-bottom: 24px;
}

.single-grid-product .product-top {
  background: #f7f9f5;
  aspect-ratio: 1 / 1.08;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.single-grid-product .product-thumbnal {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 18px;
  transition: transform .25s ease;
}

.single-grid-product:hover .product-thumbnal {
  transform: scale(1.04);
}

.product-flags .product-flag {
  border-radius: var(--sahul-radius) !important;
  font-weight: 800;
}

.product-flags .sale {
  background: var(--sahul-green) !important;
}

.product-flags .discount {
  background: var(--sahul-coral) !important;
}

.prdouct-btn-wrapper .product-btn,
.single-product-btn .product-btn {
  border-radius: var(--sahul-radius) !important;
  background: #fff !important;
  color: var(--sahul-ink) !important;
  border: 1px solid var(--sahul-line) !important;
}

.prdouct-btn-wrapper .product-btn:hover,
.single-product-btn .product-btn:hover {
  background: var(--sahul-green) !important;
  color: #fff !important;
}

.product-info {
  padding: 18px !important;
}

.product-catagory {
  color: var(--sahul-green) !important;
  font-weight: 700 !important;
}

.product-name,
.product-name .product-link {
  color: var(--sahul-ink) !important;
  line-height: 1.3 !important;
}

.product-price .price,
.product-single-right .product-price .price {
  color: var(--sahul-green) !important;
  font-weight: 900 !important;
}

.product-price .regular-price {
  color: #9aa49f !important;
}

.single-grid-product .add-cart {
  width: calc(100% - 36px);
  margin: 0 18px 18px;
}

.section-top.pb-100 .border,
.top-earners-list .border {
  border-color: var(--sahul-line) !important;
}

.breadcrumb-area {
  background: linear-gradient(135deg, #e8f4ef, #fff7ed) !important;
  padding: 20px 0 !important;
}

.breadcrumb-wrap .page-title {
  color: var(--sahul-ink) !important;
  letter-spacing: 0 !important;
}

.breadcrumb-pages .page-item,
.breadcrumb-pages .page-item-link {
  color: var(--sahul-muted) !important;
}

.product-single-details {
  padding: 26px;
}

.product-single-left,
.product-slier-big-image,
.product-thumbnail-image {
  background: #f7f9f5;
  border-radius: var(--sahul-radius);
}

.product-slier-big-image .slide-image,
.product-thumbnail-image .single-item-image {
  object-fit: contain;
}

.dealership-purchase-box {
  border-left: 4px solid var(--sahul-green) !important;
  background: #f8fbf8 !important;
}

.product-size-area .single-size,
.cart-plus-minus,
.cart-plus-minus .qtybutton,
.cart-plus-minus-box {
  border-radius: var(--sahul-radius) !important;
}

.product-size-area .single-size.active,
.product-size-area .single-size:hover {
  background: var(--sahul-green) !important;
  color: #fff !important;
}

.features .single-feature {
  background: #fff;
  border: 1px solid var(--sahul-line);
  border-radius: var(--sahul-radius);
  padding: 14px;
}

.nav-tabs-menu .nav-link {
  border-radius: var(--sahul-radius) !important;
  color: var(--sahul-ink) !important;
}

.nav-tabs-menu .nav-link.active {
  background: var(--sahul-green) !important;
  color: #fff !important;
}

.checkout .checkout-form,
.checkout .cart-summary {
  padding: 24px;
}

.checkout-title {
  color: var(--sahul-ink) !important;
  letter-spacing: 0 !important;
}

.form-control,
.form-select,
textarea.form-control {
  border: 1px solid var(--sahul-line) !important;
  border-radius: var(--sahul-radius) !important;
  min-height: 44px;
  color: var(--sahul-ink);
}

.form-control:focus,
.form-select:focus,
textarea.form-control:focus {
  border-color: var(--sahul-green) !important;
  box-shadow: 0 0 0 3px rgba(18, 107, 84, .12) !important;
}

.cart-summary .summary-top,
.cart-summary .summary-list,
.cart-product-list .single-cart-product {
  border-color: var(--sahul-line) !important;
}

.profile-page-area,
.product-single-area,
.checkout,
.cart-page-area {
  background: var(--sahul-soft);
}

.user-profile-content-box,
.table-responsive {
  background: #fff;
  border: 1px solid var(--sahul-line);
  border-radius: var(--sahul-radius);
  padding: 20px;
}

.address-box.card {
  padding: 20px;
  min-height: 100%;
}

.address-box.card h3,
.address-box.card h2 {
  color: var(--sahul-ink) !important;
}

.table {
  color: var(--sahul-ink);
}

.table thead {
  background: #edf3ed;
}

.table th {
  font-weight: 800;
  color: var(--sahul-ink);
}

.footer-area,
.footer-area-v2 {
  background: #4e0b65 !important;
  color: #eaf5ef !important;
}

.footer-area a,
.footer-area-v2 a {
  color: #eaf5ef !important;
}

.footer-area a:hover,
.footer-area-v2 a:hover {
  color: var(--sahul-gold) !important;
}

.offcanvas,
.common-modal .modal-content,
.theme-modal .modal-content {
  border-radius: var(--sahul-radius) !important;
}

@media (max-width: 991.98px) {
  .mobile-header-area {
    position: sticky;
    top: 0;
    z-index: 1000;
  }

  .mobile-header-area .menu-wrap {
    min-height: 70px;
  }

  .hero-section .signle-slide,
  .hero-section-v2 .signle-banner {
    min-height: auto;
    padding: 56px 0 72px;
  }

  .hero-slider-content,
  .hero-content {
    max-width: none;
  }

  .slider-title,
  .hero-title {
    font-size: 34px !important;
  }

  .sahul-benefits-strip {
    margin-top: 0;
    padding-top: 16px;
  }

  .sahul-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .section-top {
    padding-top: 54px;
  }

  .pb-100 {
    padding-bottom: 54px;
  }
}

@media (max-width: 575.98px) {
  .sahul-benefits-grid {
    grid-template-columns: 1fr;
  }

  .sahul-benefit {
    min-height: 82px;
  }

  .slider-text,
  .hero-text {
    font-size: 15px !important;
  }

  .product-single-details,
  .checkout .checkout-form,
  .checkout .cart-summary,
  .user-profile-content-box,
  .table-responsive {
    padding: 14px;
  }

  .breadcrumb-area {
    padding: 36px 0 !important;
  }
}