:root {
  --mp24-bg: #f5f8f8;
  --mp24-surface: #ffffff;
  --mp24-surface-soft: #eef7f5;
  --mp24-line: #dfe9e7;
  --mp24-text: #1f2d2b;
  --mp24-muted: #667674;
  --mp24-primary: #0f8f7b;
  --mp24-primary-dark: #08715f;
  --mp24-accent: #2d7dd2;
  --mp24-warning: #c88a04;
  --mp24-danger: #c24141;
  --mp24-shadow: 0 16px 38px rgba(19, 65, 58, 0.08);
  --mp24-radius: 8px;
  --mp24-font: "PT Sans", "Roboto", Arial, sans-serif;
}

body {
  background: var(--mp24-bg) !important;
  color: var(--mp24-text);
  font-family: var(--mp24-font);
}

a {
  color: var(--mp24-primary-dark);
}

a:hover {
  color: var(--mp24-primary);
}

.custom-container,
.container {
  max-width: 1240px;
}

.top-header2 {
  background: var(--mp24-primary-dark);
  color: #fff;
}

.top-header2 a,
.top-header2 li {
  color: #fff !important;
}

.searchbar-main,
#stickyheader {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 8px 28px rgba(31, 45, 43, 0.08);
}

.brand-logo img,
.footer-logo img {
  object-fit: contain;
}

#main-menu > li > a,
.dark-menu-item {
  color: var(--mp24-text) !important;
  font-weight: 700;
  letter-spacing: 0;
}

#main-menu > li > a:hover,
.dark-menu-item:hover {
  color: var(--mp24-primary) !important;
}

.breadcrumb-main {
  background: linear-gradient(135deg, #e9f7f4, #f8fbff);
  border-bottom: 1px solid var(--mp24-line);
}

.breadcrumb-contain {
  min-height: 118px;
}

.breadcrumb-contain h2 {
  color: var(--mp24-text);
  font-size: 30px;
  font-weight: 800;
  text-transform: capitalize;
}

.breadcrumb-contain ul li,
.breadcrumb-contain ul li a {
  color: var(--mp24-muted);
  text-transform: capitalize;
}

.btn,
.btn-solid,
.btn-normal,
.btn-rounded,
button {
  border-radius: var(--mp24-radius) !important;
  font-weight: 700;
  letter-spacing: 0;
}

.btn-solid,
.btn-normal,
.btn-rounded,
.cart-btn {
  background: var(--mp24-primary) !important;
  border-color: var(--mp24-primary) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(15, 143, 123, 0.22);
}

.btn-solid:hover,
.btn-normal:hover,
.btn-rounded:hover,
.cart-btn:hover {
  background: var(--mp24-primary-dark) !important;
  border-color: var(--mp24-primary-dark) !important;
}

.form-control,
.form-select,
input,
select,
textarea {
  border-color: var(--mp24-line) !important;
  border-radius: var(--mp24-radius) !important;
  color: var(--mp24-text);
}

.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--mp24-primary) !important;
  box-shadow: 0 0 0 3px rgba(15, 143, 123, 0.14) !important;
}

.theme-card,
.creative-card,
.form-card,
.product-right,
.collection-filter-block,
.cart-table,
.checkout-second .checkout-box,
.dashboard .box,
.contact-page .theme-card,
.review-card {
  background: var(--mp24-surface) !important;
  border: 1px solid var(--mp24-line) !important;
  border-radius: var(--mp24-radius) !important;
  box-shadow: var(--mp24-shadow) !important;
}

.product-box {
  background: var(--mp24-surface);
  border: 1px solid var(--mp24-line);
  border-radius: var(--mp24-radius);
  box-shadow: 0 10px 26px rgba(19, 65, 58, 0.06);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.product-box:hover {
  border-color: rgba(15, 143, 123, 0.34);
  box-shadow: var(--mp24-shadow);
  transform: translateY(-2px);
}

.product-imgbox {
  background: #f7fbfb;
  border-bottom: 1px solid var(--mp24-line);
}

.product-detail {
  padding: 14px;
}

.price,
.pro-price,
.price-font {
  color: var(--mp24-primary-dark) !important;
  font-weight: 800;
}

.check-price,
del {
  color: var(--mp24-muted) !important;
}

.rating-star i,
.star-rating {
  color: #f4b63d !important;
}

.collection-collapse-block,
.collection-filter-checkbox,
.size-selector,
.collection-brand-filter {
  color: var(--mp24-text);
}

.collapse-block-title,
.product-title,
.footer-title h5,
.title1 h2,
.title8 h2 {
  color: var(--mp24-text);
  font-weight: 800;
  letter-spacing: 0;
}

.footer1 {
  background: #0f2723;
  color: #d8e8e4;
}

.footer1 a,
.footer1 p,
.footer1 li {
  color: #d8e8e4 !important;
}

.footer-title h5 {
  color: #fff;
}

.subfooter.dark-footer {
  background: #091b18;
  color: #d8e8e4;
}

.sosiyal a {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
}

.farming-slide .slide-contain h2,
.farming-slide .slide-contain h3,
.farming-slide .slide-contain h4 {
  color: var(--mp24-text);
  letter-spacing: 0;
}

.services-box {
  background: var(--mp24-surface);
  border: 1px solid var(--mp24-line);
  border-radius: var(--mp24-radius);
  box-shadow: 0 10px 26px rgba(19, 65, 58, 0.06);
  color: var(--mp24-text);
  font-weight: 700;
}

.cart-section table,
.checkout-total-table,
.dashboard table,
.table {
  background: var(--mp24-surface);
  border-color: var(--mp24-line) !important;
}

.cart-section th,
.cart-section td,
.checkout-total-table th,
.checkout-total-table td,
.table th,
.table td {
  border-color: var(--mp24-line) !important;
  color: var(--mp24-text);
}

.swal2-popup {
  border-radius: var(--mp24-radius) !important;
  color: var(--mp24-text);
}

.swal2-confirm {
  background: var(--mp24-primary) !important;
  border-radius: var(--mp24-radius) !important;
}

@media (max-width: 767.98px) {
  .breadcrumb-contain {
    min-height: 92px;
  }

  .breadcrumb-contain h2 {
    font-size: 24px;
  }

  .product-detail {
    padding: 10px;
  }

  .footer-main {
    gap: 22px;
  }
}