/* Add custom CSS styles below */ 
.menu-nav a span {
    position: relative;
    transition: 0.3s ease-out 0.1s;
    color: white;
}


img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
color: rgb(136, 125, 125);
}


/* لما يصير لونه أحمر */
.navbar.navbar--solid {
background: #6B001A; /* لون احتياطي */
  background-image: linear-gradient(to right, #AD0325, #6B001A); /* أفقي */
}


.tracking-wider {
letter-spacing: 0.00em;
}

.font-light {
font-weight: 500;
}
.navbar--solid {
background: #e20122;
color: #ffffff;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}



.navbar--solid .icon-btn {
color: #ffffff;
}

.navbar--solid .navbar-cart-icon {
color: #ffffff !important;
}

.navbar--solid .mobile-menu-toggle {
color: #ffffff;
}

.right-1\/2 {
right: 55%;
}

.object-cover {
-o-object-fit: cover;
object-fit: cover;

}

.s-cart-summary-count {
height: 1rem;
width: 1rem;
background-color: #414042;
background-color: var(--swal2-deny-button-background-color);
--tw-text-opacity: 1;
color: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
border-color: #414042;
border-color: var(--swal2-footer-background);
background-color: #414042;
background-color: var(--color-primary-dark);
color: #ff6767;
color: #ffffff;
}

body {
font-size: 15px;
font-weight: 200;
line-height: 26px;
color: #231f1e;
color: #340915;
}



.s-count-down-boxed .s-count-down-item {
border-radius: .75rem;
--tw-bg-opacity: 1;
background-color: rgba(243, 244, 246, 1);
background-color: rgba(244, 244, 246, 0);
}

/* منتجات جديدة */
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: #fffff;
background-color: #ffffff;
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
border-color: #414042;
border-color: var(--swal2-footer-background);
background-color: #414042;
background-color: var(--color-primary-dark);
color: #ff6767;
color: var(--color-primary-reverse);
}

 .s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled svg {
fill: var(--color-primary-dark);
}

s-block--tabs-produtcs .tab-trigger.is-active button {
border-color: #414042;
border-color: var(--swal2-footer-background);
background-color: #414042;
background-color: #7a0c0c;
color: #ff6767;
color: var(--navbar-bg-color);
}
 
 
.bg-primary {
background-color: #414042;
background-color: #ffffff;
} 
 
/*Footer */

.Style Attribute {
background: #f8f6f3;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}

.bg-black {
--tw-bg-opacity: 1;
border-width: 50px;
border-width: 50px;
border-end-end-radius: 60px;
border-end-start-radius: 60px;
border-color: #f9f6f3;
}

*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: blck;
}

.text-white {
color: rgba(255, 255, 255, 1);
color: rgba(48, 48, 48, 1);
Show 1 unused CSS variable
}


/* Mnue */

/* Drawer (القائمة الجانبية) */
.sidebar-menu {
  position: fixed;
  top: 0;
  right: 0;            /* من اليمين بما أن الموقع RTL */
  width: 80%;
  max-width: 360px;
  height: 100vh;
  background: #fff;
  box-shadow: -2px 0 14px rgba(0,0,0,.12);
  transform: translateX(100%); /* مخفية خارج الشاشة */
  transition: transform .25s ease;
  z-index: 9999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
}

.sidebar-menu.is-open {
  transform: translateX(0);
  visibility: visible;
}

/* الغطاء الخلفي */
.menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease;
  z-index: 9998;
}

.menu-backdrop.is-active {
  opacity: 1;
  visibility: visible;
}

/* زر الفتح (الهامبرغر) – تأكد أنه قابل للنقر فوق أي عناصر متمددة */
.menu-toggle,
.hamburger,
.navbar-toggle,
.icon-menu {
  position: relative;
  z-index: 10000;
  cursor: pointer;
  pointer-events: auto;
}