/* Add custom Cbody::-webkit-scrollbar-thumb {
    background: #40E0D0;
}

@supports not selector(::-webkit-scrollbar) {
    body {
        scrollbar-color: #40E0D0 #c9c9c9;
    }
}

.top-navbar {
    background: #40E0D0;
    background: linear-gradient(90deg, #40E0D0 4%, #5eead4 67%, #ccffff 100%);
}

.header-btn:hover .header-btn__icon,
.s-cart-summary-wrapper:hover .header-btn__icon.icon,
.s-cart-summary-wrapper:hover {
    color: #40E0D0;
    border-color: #40E0D0;
}

.s-block__title h2,
.s-slider-block__title h2,
.s-reviews-header,
#page-main-title {
    color: #40E0D0;
    text-shadow: 0 0 5px #40E0D0;
}

salla-slider .s-slider-block__title-nav .s-slider-nav-arrow {
    border-color: #40E0D0;
}

.s-slider-nav-arrow svg {
    fill: #40E0D0;
}

.s-breadcrumb-item {
    color: #40E0D0;
}

.s-reviews-testimonial__avatar img {
    border: 3px solid #40E0D0; 
}

.s-reviews-testimonial__info h2 {
    color: #40E0D0; 
}

.s-reviews-testimonial__icon svg {
    fill: #40E0D0;
}

.s-block--testimonials .s-slider-block__title-nav button {
    background-color:#40E0D0;
}

.s-social-icon svg {
    fill: #40E0D0; 
}

.s-social-link a:hover {
    background-color: #40E0D0;
}

.store-footer h3::before {
    background-color: #40E0D0;
}

.s-contacts-list a:hover .s-contacts-icon {
    background-color: #40E0D0;
}
SS styles below */
.footer-is-light .store-footer .store-footer__inner {
    background: #40E0D0;
    color: black;
}

.footer-is-light .store-footer {
    background: #40E0D0;
    color: black;
}

.store-footer h3::before {
    background-color: #40E0D0;
}

.s-social-link a:hover {
    background-color: #40E0D0;
}

.s-contacts-list a:hover .s-contacts-icon {
    background-color: #40E0D0;
}

.s-product-card-content-title a,
.s-product-card-content-title,
.mm-spn a,
.s-breadcrumb-item,
.store-footer .s-menu-footer-list a {
    color: #40E0D0 !important;
}

/* إعدادات عامة لكل الأزرار على المنتجات */
.product-item {
  position: relative; /* لتثبيت الزر فوق الصورة */
  overflow: hidden;
}

.product-item .custom-button {
  position: absolute;
  bottom: -50px; /* يبدأ مخفي أسفل الصورة */
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 45px;
  border: none;
  cursor: pointer;
  text-indent: -9999px; /* يخفي النص */
  background-size: cover;
  transition: bottom 0.3s ease, transform 0.3s, box-shadow 0.3s, background-color 0.3s;
  z-index: 10;
}

/* ظهور الزر عند المرور */
.product-item:hover .custom-button {
  bottom: 10px; /* يظهر من الأسفل */
  transform: translateX(-50%) scale(1.05);
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* زر مسبحة */
.product-item.misbah .custom-button {
  background-image: url('https://i.ibb.co/2P5F4tN/misbah.png');
}

/* زر إكسسوارات (أساور/سلاسل/أقراط) */
.product-item.accessory .custom-button {
  background-image: url('https://i.ibb.co/2M9j8sj/accessory.png');
}

/* زر لؤلؤ */
.product-item.pearl .custom-button {
  background-image: url('https://i.ibb.co/6vZk1d7/pearl.png');
}

/* زر أقلام مزينة بالخرز */
.product-item.pen .custom-button {
  background-image: url('https://i.ibb.co/3mJqXwC/pen.png');
}

/* زر تعليقة شنط */
.product-item.bagcharm .custom-button {
  background-image: url('https://i.ibb.co/4p1qP0V/bagcharm.png');
}

/* تأثير تغيير لون عند المرور (اختياري) */
.product-item:hover .custom-button {
  background-color: rgba(255, 255, 255, 0.1);
}