.csm-prod-card,.csm-view-all{text-decoration:none!important}.csm-cat-item,.csm-child-item{cursor:pointer;line-height:1.4}.mm-ocd__content{max-width:600px!important;width:100%!important}.mm-ocd__backdrop{width:calc(100 - 600px)}#mobile-menu .main-menu{overflow:hidden!important;height:100%}.csm-wrapper{display:flex;height:100%;overflow:hidden;font-family:Cairo,Tajawal,sans-serif;direction:rtl}.csm-cats,.csm-products{overflow-y:auto;scrollbar-width:thin}.csm-cats{width:28%;min-width:120px;background:#f2f3f5;display:flex;flex-direction:column;padding:8px 0;flex-shrink:0;scrollbar-color:#d0d4db transparent}.csm-cats::-webkit-scrollbar{width:3px}.csm-cats::-webkit-scrollbar-thumb{background:#d0d4db;border-radius:3px}.csm-cat-item{display:flex;align-items:center;gap:6px;padding:11px 12px 11px 10px;color:#2d3748;font-size:12.5px;font-weight:700;border-right:3px solid transparent;border-top:1px solid #e8eaed;transition:background .18s,color .18s,border-color .18s;user-select:none}.csm-cat-item:first-child{border-top:none}.csm-cat-item:hover{background:#e2e5ea;color:#111}.csm-cat-item.csm-active{background:rgba(var(--color-primary-rgb,59,114,217),.09);border-right-color:var(--color-primary);color:var(--color-primary)}.csm-cat-label{flex:1}.csm-children{display:flex;flex-direction:column;margin-right:16px;margin-bottom:4px;border-right:2px solid #dde0e6;background:#eef0f3}.csm-child-item{padding:7px 10px 7px 8px;color:#6b7585;font-size:11px;font-weight:500;transition:color .15s,background .15s;border-right:2px solid transparent;margin-right:-2px}.csm-prod-name,.csm-prod-title,.csm-view-all{font-weight:500!important}.csm-child-item:hover{color:#2d3748;background:#e2e5ea}.csm-child-item.csm-active{color:var(--color-primary);border-right-color:var(--color-primary);background:rgba(var(--color-primary-rgb,59,114,217),.07);font-weight:700}.csm-products{flex:1;background:#fff;padding:14px 12px 24px;scrollbar-color:#e2e5ea transparent}.csm-products::-webkit-scrollbar{width:4px}.csm-products::-webkit-scrollbar-thumb{background:#e2e5ea;border-radius:4px}.csm-prod-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #edf0f4}.csm-prod-title{font-size:18px;color:#1a202c}.csm-view-all{margin-inline-start:auto;font-size:12px;color:var(--color-primary);text-align:center;white-space:nowrap;flex-shrink:0;padding:0!important}.csm-view-all:hover{opacity:.9}.csm-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:6px;border:none!important;padding-bottom:24px}.csm-prod-grid::after,.csm-prod-grid::before{display:none!important}.csm-prod-grid *,.csm-prod-grid ::after,.csm-prod-grid ::before{border:none!important;outline:0!important;box-shadow:none!important}.csm-prod-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:4px;width:100%;cursor:pointer;padding:6px 4px!important;border-radius:8px;background:#f7f8fa!important;transition:background .15s;box-sizing:border-box}.csm-prod-card:hover{background:#edf0f4!important}.csm-prod-img{width:76px!important;height:76px!important;min-width:76px;border-radius:14px!important;overflow:hidden;background:#e8eaed;flex-shrink:0}.csm-prod-img img{width:100%!important;height:100%!important;object-fit:cover;display:block}.csm-prod-name{width:100%;font-size:12px;color:#2d3748;text-align:center!important;line-height:1.4;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;word-break:break-word;max-height:calc(12px * 1.4 * 2)}.csm-prod-price{font-size:12px;color:var(--color-primary);font-weight:600!important;text-align:center}@keyframes csm-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.csm-skel{background:linear-gradient(90deg,#edf0f4 25%,#e2e5ea 50%,#edf0f4 75%);background-size:200% 100%;animation:1.3s infinite csm-shimmer;border-radius:6px}.csm-skel-cat{height:14px;margin:10px 12px;border-radius:4px}.csm-skel-circle{width:60px;height:60px;border-radius:50%;flex-shrink:0}.csm-skel-line{width:60px;height:8px;border-radius:3px}.csm-skel-line-short{width:40px}.csm-prod-skel{pointer-events:none;cursor:default}.csm-empty{font-size:12px;color:#a0aec0;text-align:center;padding:24px 8px}.csm-sentinel{height:1px;width:100%;flex-shrink:0}.csm-page-loader{display:flex;justify-content:center;align-items:center;gap:6px;padding:16px 0 8px;width:100%}.csm-loader-dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary,#3b82f6);animation:.9s ease-in-out infinite csmBounce}.csm-loader-dot:nth-child(2){animation-delay:.15s}.csm-loader-dot:nth-child(3){animation-delay:.3s}@keyframes csmBounce{0%,100%,80%{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.csm-search-wrapper{position:relative;margin:10px 0;flex-shrink:0}.csm-search-input{width:100%;box-sizing:border-box;padding:8px 36px 8px 12px;border:1px solid #e2e2e2;border-radius:8px;background:#f8f8f8;font-size:13px;color:#333;direction:rtl;outline:0;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}.csm-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.csm-search-input::placeholder{color:#aaa}.csm-search-input:focus{border-color:var(--color-primary,#c6a96b);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary,#c6a96b) 15%,transparent);background:#fff}.csm-search-icon{position:absolute!important;padding:0!important;top:50%;right:10px;transform:translateY(-50%);color:#aaa;pointer-events:none;display:flex;align-items:center;transition:color .2s}.csm-search-wrapper:focus-within .csm-search-icon{color:var(--color-primary,#c6a96b)}.csm-search-empty{padding:20px 16px;text-align:center;font-size:13px;color:#888}

.custom-hero-banner {
      position: relative;
      width: 100%;
      min-height: 420px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      direction: rtl;
      font-family: 'Tajawal', 'Cairo', sans-serif;
      margin-block: 0;
    }
 
    /* Mobile-only guard */
    .custom-hero-banner.is-mobile-only {
      display: none;
    }
    @media (max-width: 768px) {
      .custom-hero-banner.is-mobile-only {
        display: flex;
      }
    }
 
    .custom-hero-banner__bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      z-index: 0;
      transition: transform 0.6s ease;
    }
    .custom-hero-banner:hover .custom-hero-banner__bg {
      transform: scale(1.03);
    }
 
    .custom-hero-banner__overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0.55) 100%
      );
      z-index: 1;
    }
 
    .custom-hero-banner__content {
      position: relative;
      z-index: 2;
      text-align: center;
      padding: 60px 24px;
      max-width: 680px;
    }
 
    .custom-hero-banner__title {
      font-size: clamp(1.8rem, 5vw, 3rem);
      font-weight: 800;
      color: #ffffff;
      margin: 0 0 16px;
      line-height: 1.3;
      text-shadow: 0 2px 12px rgba(0,0,0,0.4);
    }
 
    .custom-hero-banner__desc {
      font-size: clamp(0.95rem, 2.5vw, 1.15rem);
      font-weight: 400;
      color: rgba(255, 255, 255, 0.92);
      margin: 0 0 32px;
      line-height: 1.7;
      text-shadow: 0 1px 8px rgba(0,0,0,0.3);
    }
 
    .custom-hero-banner__btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 36px;
      background-color: var(--color-primary);
      color: #ffffff;
      font-size: 1rem;
      font-weight: 700;
      font-family: inherit;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background-color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
      box-shadow: 0 4px 20px rgba(90, 158, 124, 0.45);
      text-decoration: none;
      outline: none;
    }
    .custom-hero-banner__btn:hover {
      background-color: #4a8b6a;
      transform: translateY(-2px);
      box-shadow: 0 6px 24px rgba(90, 158, 124, 0.55);
    }
    .custom-hero-banner__btn:active {
      transform: translateY(0);
    }
 
    .custom-hero-banner__btn svg {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
    }

footer {
	background-color: #111111 !important;
}

footer .copyright-text p {
	color: #ffffff;
}
footer .store-footer__inner {
  background-color: #111111 !important;
  color: #ffffff;
  padding: 60px 40px 40px;
  box-sizing: border-box;
  width: 100%;
  direction: rtl;
  text-align: right;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
  gap: 40px;
  max-width: 1400px;
  margin: 0 auto 48px;
}

.footer-col__title {
  color: var(--color-footer-text);
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 20px;
  letter-spacing: 0.01em;
  line-height: 1.3;
}

.footer-about__text {
  font-size: 0.875rem;
  line-height: 1.75;
  color: #cccccc;
  margin: 0;
}

.footer-about__text strong {
  color: #ffffff;
  font-weight: 700;
}

.footer-links__list,
.footer-policy__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-links__list a,
.footer-policy__list a {
  color: #cccccc;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.4;
  transition: color 0.2s ease;
  display: inline-block;
}

.footer-links__list a:hover,
.footer-policy__list a:hover {
  color: var(--color-footer-text);
}

.footer-biz__body {
  font-size: 0.875rem;
  line-height: 1.75;
  color: #cccccc;
  margin: 0;
}

.footer-biz__row {
  margin-bottom: 4px;
}

.footer-biz__label {
  color: #ffffff;
  font-weight: 700;
}

.footer-biz__value {
  color: #cccccc;
}

.footer-bottom {
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 24px;
  border-top: 1px solid #2a2a2a;
  text-align: center;
  font-size: 0.78rem;
  color: #666666;
}

.footer-about__text p {
  margin: 0 0 8px;
}
.footer-about__text p:last-child { margin-bottom: 0; }

.footer-about__heading {
  color: var(--color-footer-text);
  font-size: 0.82rem;
  font-weight: 700;
  margin: 14px 0 6px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.footer-about__list {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
}
.footer-about__list li {
  font-size: 0.875rem;
  color: #cccccc;
  line-height: 1.7;
  padding-right: 14px;
  position: relative;
}
.footer-about__list li::before {
  content: "›";
  position: absolute;
  right: 0;
  color: var(--color-footer-text);
}

.footer-about__bold {
  color: #ffffff !important;
  font-weight: 600;
}

.footer-biz__group { margin-bottom: 2px; }

.footer-biz__divider {
  border: none;
  border-top: 1px solid #2a2a2a;
  margin: 10px 0;
}

.footer-biz__subline {
  display: block;
  color: #aaaaaa;
  font-size: 0.82rem;
  line-height: 1.6;
  margin-top: 2px;
}

.footer-col--biz {
  text-align: right;
}

.footer-col--biz .footer-col__title {
  text-align: right;
}

.footer-biz__link {
  color: #cccccc;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-biz__link:hover {
  color: var(--color-footer-text);
}


@media (max-width: 1024px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 36px 48px;
  }
}

@media (max-width: 640px) {
  #site-footer {
    padding: 40px 20px 28px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .footer-col__title {
    font-size: 1.05rem;
  }

  .footer-about__text,
  .footer-links__list a,
  .footer-policy__list a,
  .footer-biz__body {
    font-size: 0.85rem;
  }
}


.csm-products {
  background: #ffb578 !important;
}