/* Add custom CSS styles below */ 
body {
  background: white !important;
}
@media (min-width: 768px) {
    .md\:h-\[733px\] {
        height: 479px;
    }
}
.h-\[430px\] {
    height: 203px;
}
@media(min-width: 945px){
.h-\[430px\] {
    height: 587px !important;
}
  h2.text-base.md\:text-\[40px\].font-normal.md\:font-semibold.\!leading-10.md\:\!leading-\[1\.2\].sm\:pb-8 {
    font-size: 35px;
    max-width: 107%;
    margin-bottom: -20px;
}
}
.w-full.h-\[430px\].md\:h-\[733px\] {
    margin-top: 87px;
}
span.tab-item.pl-1.md\:pl-2.md\:pr-\[33px\].py-2.md\:text-xl.text-xs.font-normal.cursor-pointer {
    color: black;
    border-radius: 7px;
    font-weight: 600;
}
.max-w-\[200px\].md\:max-w-\[500px\].md\:w-1\/2.text-right.md\:mb-8.absolute.top-\[13\%\].md\:top-\[30\%\].right-3.md\:right-\[10\%\].z-2 {
    background: #add252e3;
    padding: 22px;
    width: 21% !important;
    border-radius: 16px;
}
@media(max-width: 669px){
     .h-\[430px\] {
        height: 214px;
    }
  .max-w-\[200px\].md\:max-w-\[500px\].md\:w-1\/2.text-right.md\:mb-8.absolute.top-\[13\%\].md\:top-\[30\%\].right-3.md\:right-\[10\%\].z-2 {
          background: #add252e3;
        padding: 6px;
        width: 29% !important;
        border-radius: 16px;
        margin-top: 86px;
        text-align: center;
}
  h2.text-base.md\:text-\[40px\].font-normal.md\:font-semibold.\!leading-10.md\:\!leading-\[1\.2\].sm\:pb-8 {
    font-weight: 700 !important;
   font-size: 15px;
        text-align: center;
}
}
a.border.border-\[\#FFFFFF4D\].py-1.md\:py-2.px-4.md\:px-6.text-xs.md\:text-base.font-semibold.flex.items-center.justify-center.w-fit.gap-2 {
    background: #DAD9D9 !important;
    backdrop-filter: blur(22px);
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
  margin: auto;
}
.custom-tabs.flex.flex-col.justify-center.gap-2.mb-6.absolute.top-\[34\%\].md\:top-\[31\%\].left-\[3\%\].md\:left-\[10\%\].z-10.text-left {
    margin-top: 39px !important;
    text-align: center;
    backdrop-filter: blur(10px);
    padding: 10px;
    border-radius: 12px;
}


.s-slider-block__title {
    display: flex;
    flex-direction: column;
}
.s-slider-block__title-right {
    padding-left: 0;
    padding-right: 24px;
}
.s-slider-block__title-right h2{
      font-size: 24px;
}
.s-slider-block__title-left {
    background: black;
    padding: 4px 11px;
   
      margin-top: 10px;
}
.s-slider-block__title-left{
  background: #000;
  color: #fff;

 clip-path: polygon(
    12% 0%,     /* أعلى يسار */
    94% 0%,   /* أعلى يمين */
    118% 100%,  /* أسفل يمين */
    0% 100%,   /* أسفل يسار */
    -1% 30%     /* كسر الزاوية */
  );
}

section.RA__cinema.RA__cinema-9.mb-8.md\:mb-14 {
    margin-top: 52px;
}
.brand-tittle.absolute.inset-0.flex.items-center.justify-center.text-black.transation-opacity.duration-500.ease-in-out.z-2 a{
  color:#b6d765 ;
}
/*فلتر ابحث*/
.car-filter {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.car-filter select,
.car-filter button {
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 14px;
}

.car-filter button {
  background: #acd253;
  color: black;
  border: none;
  cursor: pointer;
}

.car-filter button:disabled {
  background: #ccc;
}

/*فلتر ابحث*/

.categ_image.w-full.h-\[159px\].md\:h-\[224px\].p-1.md\:p-2.border-t-\[1px\].border-l-\[1px\].border-black {
    border: none;
}
.categ_image.w-full.h-\[159px\].md\:h-\[224px\].p-1.md\:p-2.border-t-\[1px\].border-r-\[1px\].border-black {
    border: none;
}
.categ_image img{
  border-radius: 20px;
}
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-light.s-button-loader-after {
    border-radius: 10px;
    background: #333333;
  border-radius: 1px !important;
   clip-path:  polygon(
    12% 0%,     /* أعلى يسار */
    92% 0%,   /* أعلى يمين */
    118% 100%,  /* أسفل يمين */
    0% 100%,   /* أسفل يسار */
    0% 32%     /* كسر الزاوية */
  );
}
.s-product-card-entry {
    background-color: transparent;
    border: 2px solid #add252;
    padding: 3px;
  border-radius: 1px !important;
}
a.text-sm.md\:text-base.font-semibold.w-fit.flex-center.gap-2.py-2.px-9.md\:px-12 {
    color: #add252 !important;
 clip-path:  polygon(
    12% 0%,     /* أعلى يسار */
    92% 0%,   /* أعلى يمين */
    118% 100%,  /* أسفل يمين */
    0% 100%,   /* أسفل يسار */
    0% 32%     /* كسر الزاوية */
  );
}
section.RA__cinema.RA__cinema-10.mb-8.md\:mb-14 {
    margin-top: 33px;
}
img.lazy.h-full.loaded {
    border-radius: 16px;
}
.RA_product_taps .s-tabs-content .s-product-card-entry {
  border-radius: 10px;
  margin-bottom: 5px;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-ios {
    margin-bottom: 10px;
}
div#swiper-wrapper-42b7ba4d848ed9a7 {
    display: flex;
    gap: 30px !important;
}
.s-slider-block__display-all {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 2px;
  color: #add252;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* خط سفلي متحرك */
.s-slider-block__display-all::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0%;
  height: 2px;
  background-color: currentColor;
  transition: width 0.35s ease;
}

/* سهم */
.s-slider-block__display-all::before {
  content: "←";
  font-size: 14px;
  transition: transform 0.3s ease, opacity 0.3s ease;
  
}

/* Hover */
.s-slider-block__display-all:hover {
  color: #add252; 
}

.s-slider-block__display-all:hover::after {
  width: 100%;
}

.s-slider-block__display-all:hover::before {
  opacity: 1;
  transform: translateX(-6px);
}
.faq-header.flex.items-start {
    background: #333333;
    border-radius: 10px 10px 0 0;
    color: #ADD252;
}
.faq-answer.p-2.pt-4.sm\:p-4.text-xxs.sm\:text-sm.font-normal.border-r.border-b.border-black {
    background: #333333db;
    color: #abd052;
    border-radius: 0 0 15px 5px;
}
.container.py-8 {
    display: none;
}
.max-w-\[200px\].md\:max-w-\[500px\].md\:w-1\/2.text-right.md\:mb-8.absolute.top-\[13\%\].md\:top-\[30\%\].right-3.md\:right-\[10\%\].z-2 {
    display: none;
}
.car-filter select, .car-filter button {
    padding: 7px;
    border-radius: 0px;
    border: 1px solid #add351;
    font-size: 14px;
    background: #4c4c4c;
    color: #add153;
  clip-path: polygon(12% 0%, /* أعلى يسار */ 100% 0%, /* أعلى يمين */ 118% 100%, /* أسفل يمين */ 0% 100%, /* أسفل يسار */ -1% 30% /* كسر الزاوية */);
}
.car-filter button:disabled {
    background: #afd254;
    color: black;
    font-weight: bold;
}
.car-filter {
    margin: auto;
}
div#swiper-wrapper-4b343deef79b88ed img {
    padding: 36px;
}





























.custom-categories-wrapper {
  display: flex;
  gap: 14px;
  margin: 20px 0;
  overflow-x: auto;
  padding-bottom: 6px;
}

.custom-categories-wrapper::-webkit-scrollbar {
  height: 6px;
}
.custom-categories-wrapper::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}

.custom-category-item {
  min-width: 120px;
  text-decoration: none;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 10px;
  text-align: center;
  transition: 0.3s ease;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-category-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.custom-category-item img {
  width: 100px; 
 border-radius: 11px;
  margin-bottom: 6px;
}

.custom-category-item span {
  font-size: 13px;
  font-weight: 600;
}
.custom-tabs.flex.flex-col.justify-center.gap-2.mb-6.absolute.top-\[34\%\].md\:top-\[31\%\].left-\[3\%\].md\:left-\[10\%\].z-10.text-left {
    background: rgb(243 244 246 / 64%);
    border-radius: 0 !important;
 clip-path: polygon(12% 0%, /* أعلى يسار */ 100% 0%, /* أعلى يمين */ 118% 100%, /* أسفل يمين */ 0% 100%, /* أسفل يسار */ -1% 30% /* كسر الزاوية */);
}
span.tab-item.pl-1.md\:pl-2.md\:pr-\[33px\].py-2.md\:text-xl.text-xs.font-normal.cursor-pointer.active {
  clip-path: polygon(12% 0%, /* أعلى يسار */ 100% 0%, /* أعلى يمين */ 118% 100%, /* أسفل يمين */ 0% 100%, /* أسفل يسار */ -1% 30% /* كسر الزاوية */);
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  #slider_categories .swiper-slide {
    width: calc(100% / 3) !important;
  }

  #slider_categories .swiper-wrapper {
    transition-timing-function: linear !important;
  }
}


/*التصنيفات*/
.kia-categories {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 10px 5px 15px;
  margin: 10px 0 25px;
  scrollbar-width: thin;
}

/* إخفاء شريط التمرير */
.kia-categories::-webkit-scrollbar {
  height: 6px;
}
.kia-categories::-webkit-scrollbar-thumb {
  background: #add351;
  border-radius: 10px;
}

.kia-card {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 7px 14px;
  border-radius: 0px;
  border: 1px solid #add351;
  font-size: 14px;
  background: #4c4c4c;
  color: #add153 !important;
  text-decoration: none !important;
  clip-path: polygon(
    12% 0%,
    100% 0%,
    118% 100%,
    0% 100%,
    -1% 30%
  );
  transition: all 0.25s ease;
}

.kia-card:hover {
  background: #add351;
  color: #111 !important;
  transform: translateY(-2px);
}