/* Add custom CSS styles below */ 
.s-block--features {
  position: relative;
  padding-top: 60px;
}

html[lang="ar"] .s-block--features::before {
  content: "لماذا تختارنا ؟";
}

html[lang="en"] .s-block--features::before {
  content: "Why Choose Us?";
}

.s-block--features::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

@media (min-width: 1024px) {
  .s-block--features::before {
    font-size: 28px;
  }
}

@keyframes logoPulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: 0.85; }
  100% { transform: scale(1); opacity: 1; }
}

.loader-init::after {
  content: "";
  width: 11rem;
  height: 19rem;
  padding: 0.1rem ;
  background-image: url("https://asas-tools.com/u/uploads/sara_craffo/WhatsApp_Image_2026-02-23_at_1_29_46_AM-removebg-preview.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain ;
  border: none;
  animation: logoPulse 1.8s ease-in-out infinite;
}

/* *************** */

.moving-brands .slide-brand.flex > ul  > li  > a , #app > div.app-inner.flex.flex-col.min-h-full > div > header > img {
width: 12rem !important;
max-width: 12rem !important;
max-height: 13rem !important;
height: 13rem !important;
border-radius: 1rem !important;
border: 0.2rem solid  var(--color-primary)  !important;
padding: 0.2rem !important;
object-fit: fill  !important;
background-size: cover !important;
}
.tabs.hide-scroll   salla-button.tab-trigger button  span::after , .faten-featured-products .tabs salla-button.is-active .tab-trigger:after{
display: none !important;
}
.nice-categories-slider .nice-categories-slider-category  a  .text.flex  h4{
font-size: 0.7rem !important;	
}
.moving-brands .slide-brand.flex > ul  > li  > a img{
width: 10rem !important;
max-width: 10rem !important;
border-radius: 1rem !important;	
padding: 0.4rem !important;
// max-height: 13rem !important;
// height: 13rem !important;
object-fit: cover !important;
background-size: cover !important;
}
.moving-brands .slide-brand  ul , .moving-brands .slide-brand ul{
gap: 4rem !important;
margin: 1rem 2rem !important;
}
footer .faten-sharing salla-payments .s-payments-list-item  {
border-radius: 0.6rem !important;
}
footer >  .faten-sharing  > div > salla-payments > ul > li {
background: var(--footer-main-color) !important;
border-color: var(--footer-text-color) !important ;
color: var(--footer-text-color) !important ;
}
footer  .faten-sharing  > div > salla-social > ul > li > a , .s-social-link {
// border-color: var(--footer-main-color) !important ;
 border-color: #f2c6a7 !important ;
}
#trigger-slot > div , .s-user-menu-trigger{
background: var(--color-header-main)  !important;
}
footer > div.py-4.text-center  > div > span > p{
color: var(--footer-text-color) !important ;
}
footer  .faten-sharing  > div > salla-social > ul ,  .moving-brands ul{
animation-duration: 66s !important;
}
.moving-brands .slide-brand.flex > ul > li ,  .moving-brands .slide-brand.flex > ul > li a {
background: var(--color-theme) !important ;
}
#swiper-wrapper-a939b783102698a59 , .nice-categories-slider{
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
#swiper-wrapper-453910cb700f3bf4f > div  > div > a > div.text.flex.justify-center.items-center  > h4{
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: auto !important;
text-align: center !important;
}
#faq-search-8 ,  .faten-faq-search div input::placeholder , .faten-faq-search > div > input   {
background-color: var(--color-header-text) !important  ;
color: var(--color-header-main) !important ;
fill: var(--color-header-main) !important ;
}
 footer > div.store-footer__inner > div > div > div > p:nth-child(3){
	display: none !important;
}
.app-inner.flex > footer 
> div.store-footer__inner > div > div > div > a > h3 {
background-image: url("https://asas-tools.com/u/uploads/sara_craffo/WhatsApp_Image_2026-02-23_at_1_29_46_AM-removebg-preview.webp");
background-repeat: no-repeat;
background-position: center;
// background-size: contain;
background-size: cover ;
font-size: 0;
color: transparent;
// width: 180px;
// height: 70px;
width: 10rem;
height: 8rem ;
margin-bottom: 0 !important ;
padding-bottom: 0 !important;
display: block;
}
.faten-store-footer .faten-sharing .s-social-link a {
height: 3rem !important;
width: 3rem !important;
background: var(--color-header-text);
}
.faten-store-footer .faten-sharing{
	padding-bottom: 1.1rem !important;
}
// #mainnav > div > div > div.flex.justify-between.gap-20 
// > div.flex-1.flex.items-center > a.navbar-brand > img {
// content: url("https://asas-tools.com/u/uploads/sara_craffo/w4kGSmHRHG3tF8IfooWDCzFRuIkoBdEo4qFtibGt-_1_-removebg-preview%20%281%29.webp");
// object-fit: contain;
// }
.nice-categories-slider  .s-slider-wrapper.carousel-slider  .swiper .swiper-wrapper.s-slider-swiper-wrapper{
gap: 0.4rem !important;
justify-content: center !important;
}
.nice-categories-slider-category > div > a > div:nth-child(1) {
width: 7rem !important;
height: 7rem !important;
max-height: 7rem !important;
max-width: 7rem !important;
overflow: hidden !important;
background: #F4F5F7 !important;
}
#main-category-1 > div{
padding: 1rem !important;
}
.nice-categories-slider-category > div > a > div, .nice-categories-slider-category > div > a{
border-radius: 55rem !important;
}
.nice-categories-slider-category > div > a > div > div{
border-radius: 55rem !important;
// border: 1px solid var(--color-primary-light) !important;
}
#swiper-wrapper-d8834b5fd9babf8a{
gap: 1.5rem !important;
}
.app-inner.flex  > div > div > div , .app-inner  > div > div .grid.grid-cols-3 > a {
background: var(--color-theme) !important;
}
.s-comment-form-input {
border-color: var(--color-primary-light) !important;
}
.app-inner.flex  > div > div > div > salla-comments > div > div > salla-comment-form > form > div > div > textarea , #product-filter , .s-product-card-entry .s-product-card-content-footer .s-button-btn ,  .faten-main-content.main-content  > form > salla-product-options > salla-conditional-fields ,   salla-tabs > div > div.s-tabs-content-wrapper > salla-tab-content  > div > salla-comments > div ,  .app-inner.flex.flex-col .s-block.s-block--features  > div > div , #app > div.app-inner  > div > header > img{
background:var(--color-theme)  !important;
}
#s-cart-icon > i{
background: var(--color-theme) !important;	
}
.flex.min-h-screen > salla-products-list > div span svg {
fill: #f2c6a7 !important;
color:  #f2c6a7;
// color: var(--footer-text-color)  !important;
background: var(--color-primary) !important ;
}
.app-inner.flex  > div > div > div > div > i {
fill: var(--footer-text-color) !important;
color:  #f2c6a7;
// color: var(--footer-text-color)  !important;	
}
.flex.min-h-screen > salla-products-list > div span , .app-inner.flex.flex-col  > div > div > div > div > i{
fill: #f2c6a7 !important;
// background: var(--color-primary) !important ;
}
.main-menu .sub-menu {
background-color: var(--color-theme) !important ;
}
.faten-main-content .s-add-product-button-main salla-button .s-button-btn{
background: var(--color-primary-dark) !important ;
color: var(--color-theme) !important;
}
.s-product-card-content > div.s-product-card-content-main > h3 > a{
height: 2.5rem !important;
}
.faten-products-with-banner.py-10.block.block > div > div > div.w-full {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.s-product-card-image > a > img{
aspect-ratio: 1/1 !important;
background-size: cover !important;
object-fit: cover !important;
height: 14rem !important;
max-height: 14rem !important;
}
.faten-banner  > div > div > div > div , .faten-banner  > div > div > div > div  > a ,  .faten-banner  > div > div > div > div  > a > img {
aspect-ratio: 1/1 !important;
background-size: cover !important;
object-fit: fill  !important;
/* height: 22rem !important; */
/* // max-height: 22rem !important;	 */
/* width: 24rem !important; */
/* // max-width: 24rem !important; */
overflow: hidden !important;
}
.s-product-card-content  .s-product-card-content-sub   h4{
margin: auto !important;
text-align: center !important;
}
#swiper-wrapper-845ce6e19bc03861 > div> div , #swiper-wrapper-84b24e5411f4e5b9 > div.p-4.swiper-slide > div , .faten-review-card{
height: 18rem !important;	
}
.tabs.hide-scroll{
justify-content: center !important;
}
#featured-products-style2-3 > div > div.tabs.hide-scroll > salla-button  > button , #featured-products-style2-4 > div > div.tabs.hide-scroll > salla-button.tab-trigger.s-button-wrap   {
color:  var(--color-theme) !important;
background: var(--color-theme) !important ;
border: 2px solid  var(--footer-text-color) !important;
text-decoration: none !important;
padding: 0.8rem !important;
border-radius: 4rem !important;
}
.s-product-card-content{
justify-content: center !important;
align-items: center !important;
margin: auto !important;
text-align: center !important;
}
footer .faten-sharing salla-payments ul{
gap: 1.1rem !important;
}
footer .faten-sharing salla-payments ul li{
padding: 2.5rem !important;
border-radius: 0.6rem !important;
}
footer .faten-sharing salla-payments ul li img{
width: 3.5rem !important;
max-width: 3.5rem !important;
max-height: 3.5rem !important;
height: 3.5rem !important;
border-radius: 0.6rem !important;
padding: 0.3rem !important;
}
 footer .store-footer__inner h3{
color: #f5c8a9 !important;	
}
footer > div.store-footer__inner > div > div > div > p {
// color: var(--color-header-text) !important;
 color: #f2c6a7 !important;
}
.faten-faq-question{
	padding: 1.8rem !important;
}
.faten-store-footer .faten-sharing salla-payments .s-payments-list .s-payments-list-item{
border: 2px solid var(--color-header-text) !important;
border-radius: 0.6rem !important;
padding: 1.2rem 2rem !important;
background: var(--footer-text-color) !important;
}
salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *), .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
padding-left: 0rem;
}
/* **** */
#app > div.app-inner.flex.flex-col.min-h-full > section.faten-gallery.lg\:px-20.md\:px-10.px-5.md\:py-10.py-5 > div > div.faten-gallery-btn.flex.justify-center.items-center.w-full.h-auto.mt-10 , 
#brands-nav , .app-inner  > div > div   .pt-24  div.flex.items-center , #app > div.app-inner.flex.flex-col.min-h-full > div > header > div , #contact-slot:nth-child(3){
display: none !important;
}
/* **** */
.brand-item {
height: 14rem !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div > p{
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 2rem !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div > p > img {
padding: 0.4rem !important;
width: 14rem !important;
border-radius: 1rem !important;
height: 14rem !important;
margin: 1rem auto !important;
}
.moving-brands .slide-brand ul  li a{
  pointer-events: none !important;
  cursor: default !important;
}
 footer .faten-sharing salla-social ul li a span  svg{
  fill: var(--color-promotion-text) !important ;
}
.faten-text-with-banner > div > div > div.container.mx-auto.w-full > div{
	 //background-color: #5b88b4db !important;
	 color: var(--color-primary) !important;
}
#btn-show-more {
	color: #ff8d6b !important;	
}
 #more-content p strong {
 	color: #5b88b4 !important;
	font-weight: 700 !important;
	font-size: 1.1rem !important;
}
.faten-main-content.main-content > div{
	font-size: 0.7rem !important;
}
.faten-main-content.main-content > h1{
 color: var(--color-header-text) !important;
}
.faten-countdown > div > div > div > div.container > div > div:nth-child(3) > salla-count-down > ul{
 	// gap: 0 !important;
 	width: 22rem !important;
 }
.faten-countdown .s-count-down-md .s-count-down-item  {
  background-color: var(--color-primary) !important ;
  // background: var(--color-header-text) !important;
  border-radius: 55rem !important ;
  max-width: 5rem !important;
  width: 5rem !important;
  height: 5rem !important;
  max-height: 5rem !important;
  border: 2px solid  #5b88b4;
  // gap: 0 !important;
}
.faten-countdown .s-count-down-md .s-count-down-item div{
  color: var(--color-header-main) !important ;
}

.app-inner.flex .faten-banner ,  .faten-banner  > div > div > div > div{
	overflow: hidden !important;
	margin: auto !important;
	border-radius: 1rem !important;
}
#more-content > p:nth-child(8) , #more-content > p:nth-child(4) > span , #more-content > p:nth-child(11){
	font-weight: 800 !important;
	font-size:0.8rem;
	color: #ff8d6b ;
}

.faten-products-with-banner.py-10.block.block > div > div > div.w-full{
height: 20rem !important ;
max-height: 20rem !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.faten-featured-products .tabs salla-button .tab-trigger{
	border: 1px solid var(--color-promotion-text) !important ;
	padding: 1rem !important;
	margin: 1rem auto !important;
	border-radius: 11rem !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(11) > div > div > div > div.overflow-hidden.h-full.w-full.md\:order-first > img{
  object-fit: fill !important;
  border-radius: 1rem !important;
  width: 22rem !important;
  margin: 1rem auto;
}
.faten-text-with-photo div > div{
    width: 95%;
    margin: auto;	
}

 .s-product-card-content  .s-product-card-content-main h3{
	height: 3.66rem !important;
    overflow: hidden !important ;
}


/* /////////////////////////////////////////////// */


//1
#app > div.app-inner.flex.flex-col.min-h-full > section.faten-text-with-banner.block.block > div > div > div.w-full.h-full.relative.overflow-hidden > img{ 
height: unset !important; 
} 
body .faten-text-with-banner > div > div > div.container.mx-auto.w-full > div
{ 
color: white !important;
}

//2
#mainnav > div > div > div.flex.justify-between.gap-20 > div.flex-1.flex.items-center.justify-end.gap-6{ 
gap: 0rem !important; } 
.app-inner.flex.flex-col.min-h-full{ 
overflow: hidden !important; 
}
 
//3
.s-product-options-wrapper {
direction: rtl;
max-width: 100%;
} 
.s-product-options-option-container {   
padding: 15px 0;     border-bottom: 1px solid #f0f0f0;
margin-bottom: 10px; } 
.s-product-options-option-label { 
display: block;  
font-size: 0.95rem; 
color: var(--color-text-theme);  
margin-bottom: 12px;
} 
.s-product-options-colors-wrapper { 
display: flex;     gap: 12px;
border: none;     padding: 0;
} 
.s-product-options-colors-item input[type="radio"] { 
display: none; 
}
.s-product-options-colors-item span {  
width: 32px; 
height: 32px;   
border-radius: 50%;  
display: block;   
border: 1px solid #ddd; 
transition: 0.3s;   
cursor: pointer; 

} 
.s-product-options-colors-item input:checked + label span {     border: 2px solid var(--color-primary);   
box-shadow: 0 0 0 2px var(--color-primary-reverse); }  .s-product-options-grid-mode
{ 
display: flex;   
flex-wrap: wrap;
gap: 8px; } 
.s-product-options-grid-mode label { 
cursor: pointer; 
flex: 1;   
min-width: 100px;
} 
.s-product-options-grid-mode input {  
display: none; 

} 
.s-product-options-grid-mode-span {
display: block; 
padding: 8px 15px; 
text-align: center;
border: 1px solid #e0e0e0;  
border-radius: 6px;  
background: #fff; 
color: var(--color-text-theme); 
font-size: 0.85rem;  
transition: 0.2s; 

} 
.s-product-options-grid-mode input:checked + .s-product-options-grid-mode-span {  
background: var(--color-primary); 
color: var(--color-upper-text);  
border-color: var(--color-primary);
}



/* **** */



@media (max-width: 767px){

.faten-featured-products .tabs salla-button .tab-trigger {
font-size: 0.7rem;
padding: 0.6rem !important;
margin: 0.4rem auto !important;
} 

  
#swiper-wrapper-a93f41a42210647e7 > div.swiper-slide.w-full  > div > div{ object-fit: fill !important; background-size: fill !important; margin: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; height: 8rem !important; max-height: 8rem !important; width: 8rem !important; max-width: 8rem !important; } #swiper-wrapper-ec3f8c234c1794ad > div.swiper-slide   > div > div  > div{ object-fit: fill !important; background-size: fill !important; margin: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; height: 8rem !important; max-height: 8rem !important; width: 8rem !important; max-width: 8rem !important;	 } .faten-banner  > div > div > div > div , .faten-banner  > div > div > div > div  > a ,  .faten-banner  > div > div > div > div  > a > img {
aspect-ratio: 1/1 !important;
background-size: cover !important;
object-fit: fill !important;
}

}

//3

@media (max-width: 1024px){
	
footer > div.store-footer__inner >
  div > div > div  > p {
    margin-top: -2rem !important;
  }
  .faten-banner > div > div > div > div > a ,
  .faten-banner > div > div > div > div > a > img{ 	height: unset !important; 	max-height: unset !important;   height: unset !important; 	max-height: unset !important; 	max-width: 100% !important; 	width: 100% !important; }
  .faten-banner > div > div > div > div{
    height:unset !important; 
    width:13rem !important; 
    max-height: unset !important;
  }
	
	
}

//4

@media(min-width: 100px){
	
.app-inner.flex.flex-col.min-h-full > section.faten-text-with-banner.block.block > div > div > div.w-full.h-full.relative.overflow-hidden > img{ 	height: unset !important; } body .faten-text-with-banner > div > div > div.container.mx-auto.w-full > div{ 
  color: white !important;
}
	
}

//5 
@media(min-width: 100px){
	
	
#mainnav > div > div > div.flex.justify-between.gap-20 > div.flex-1.flex.items-center.justify-end.gap-6{ 	    gap: 0rem !important; }  .app-inner.flex.flex-col.min-h-full{ 
  overflow: hidden !important; }
	
}

//6 

@media(min-width: 100px){
	
	.s-product-options-wrapper { 
      direction: rtl;  
      max-width: 100%; } 
  .s-product-options-option-container {
    padding: 15px 0; 
    border-bottom: 1px solid #f0f0f0; 
    margin-bottom: 10px; }
  .s-product-options-option-label {
    display: block;   
    font-size: 0.95rem;  
    color: var(--color-text-theme); 
    margin-bottom: 12px; }
  .s-product-options-colors-wrapper { 
    display: flex;     gap: 12px;   
    border: none;     padding: 0; }
  .s-product-options-colors-item input[type="radio"] {  
    display: none; 
  }
  .s-product-options-colors-item span {  
    width: 32px;     height: 32px;  
    border-radius: 50%;     display: block; 
    border: 1px solid #ddd;
    transition: 0.3s;     cursor: pointer; } 
  .s-product-options-colors-item input:checked + label span { 
    border: 2px solid var(--color-primary); 
    box-shadow: 0 0 0 2px var(--color-primary-reverse); }  .s-product-options-grid-mode {     display: flex;     flex-wrap: wrap;     gap: 8px; }  .s-product-options-grid-mode label {     cursor: pointer;     flex: 1;     min-width: 100px; }  .s-product-options-grid-mode input {     display: none; }  .s-product-options-grid-mode-span {   
    display: block;   
                                                                                                                                                                                                                                                                                                                                                      padding: 8px 15px;     text-align: center;     border: 1px solid #e0e0e0;     border-radius: 6px;     background: #fff;     color: var(--color-text-theme);     font-size: 0.85rem;     transition: 0.2s; }  .s-product-options-grid-mode input:checked + .s-product-options-grid-mode-span {     background: var(--color-primary);     color: var(--color-upper-text);     border-color: var(--color-primary);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  }
}
  
	
}

//7 

@media(min-width: 1024px){
	
	.cart .s-product-options-grid-mode label {     flex: 1;     min-width: 120px !important; }
	
}
}


//8

@media (max-width: 767px){
	
	.faten-top-navbar .header-buttons .btn--rounded-gray { 	    font-size: 0.6rem !important; } #app > div.app-inner.flex.flex-col.min-h-full > header > div.faten-top-navbar.top-navbar > div > div.flex.gap-1.justify-center.items-center{ 	    align-items: end !important;     justify-content: flex-start !important; }
	
}


/* *********** */

.faten-slider h2 , .faten-slider p {
	background:var(--color-header-text) !important;
	padding: 0.5rem 2rem !important;
	border-radius: 22rem !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div > p , #app > div.app-inner.flex.flex-col.min-h-full > div > div{
  display: flex !important;
  justify-content: right !important ;
}

@media only screen and (min-width: 1024px) {
    .main-menu li:hover > .sub-menu {
        width: 15rem;
    }
}


#thumbs > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl{
height: 17rem !important;   
}

.faten-gallary-slider a  , .faten-gallary-slider .carousel-slider .swiper-wrapper > div{
  width: 16rem !important ;
  max-width: 16rem !important ;
  height: 16rem !important;
  max-height: 16rem !important;
}
.faten-gallary-slider a  img
{
  object-fit: cover !important;
  /* width: 16rem !important ; */
  /* height: 16rem !important; */
  border-radius: 1rem !important ;
}
.moving-brands .slide-brand.flex > ul > li > a, #app > div.app-inner.flex.flex-col.min-h-full > div > header > img{
  border: none !important ;
}
.moving-brands .slide-brand.flex > ul > li > a, #app > div.app-inner.flex.flex-col.min-h-full > div > header > img{
box-shadow: 0 0 20px rgba(30, 110, 160, 0.4);
}

.faten-reviews-2 .swiper-slide > div {
	box-shadow: 0 0 20px rgba(1, 73, 120, 0.4) !important;
}

#app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div > p:nth-child(3) > img{
width: 90% !important;
height: unset !important;
max-height: unset !important;
max-width: 90% !important;
margin: auto !important;
text-align: center !important;
}

#item-3571048094254581204 > section > div > div.flex.flex-1  > a , #item-3571048094254581204 > section > div > div.flex.flex-1 > a > img{
width: 4rem;
height: 4rem;
overflow: hidden !important;
border-radius: 5rem;
background: var(--color-primary);
}
#item-3571048094254581204 > section > div > div.flex.flex-1.rtl\:space-x-reverse.space-x-4 > a > div{
 font-size: 0.6rem !important ; 
}

/* **** */

#item-3571048094254581204 .border-t.border-b{
	display: none !important ;
}

/* *** */


.cart .s-product-options-grid-mode label {
    min-width: 140px !important;
}



/* Card */
.s-conditional-offer-container{
  background: linear-gradient(180deg,#ffffff,#f8fbff);
  border-radius:20px;
  padding:22px;
  border:1px solid rgba(92,136,181,.15);
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  position:relative;
}

/* Title */
.s-conditional-offer-title{
  text-align:center;
  font-size:16px;
  font-weight:700;
  color:var(--color-text-theme);
  margin-bottom:26px;
  position:relative;
}

/* Title accent */
.s-conditional-offer-title::after{
  content:"";
  width:40px;
  height:3px;
  background:var(--color-primary);
  display:block;
  margin:8px auto 0;
  border-radius:10px;
}

/* Progress track */
.s-conditional-offer-progress-line-inactive{
  height:5px;
  background:#e6eef5;
  border-radius:50px;
}

/* Progress fill */
.s-conditional-offer-progress-line-active{
  height:5px;
  border-radius:50px;
  background:linear-gradient(
    90deg,
    var(--color-primary-light),
    var(--color-primary)
  );
}

/* Reward bubbles */
.s-conditional-offer-item-avatar-content{
  width:56px;
  height:56px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:14px;
  background:#f3f7fb;
  color:var(--color-primary-dark);
  border:2px solid #dbe6f1;
  transition:all .35s ease;
  position:relative;
}

/* Floating bubbles */
.s-conditional-offer-checkpoint{
  transform:translateY(-10px);
}

/* Active bubble */
.s-conditional-offer-item-avatar-content.active{
  background:linear-gradient(
    135deg,
    var(--color-primary),
    var(--color-primary-dark)
  );
  color:#fff;
  border:none;
  transform:scale(1.18);
  box-shadow:
    0 10px 22px rgba(92,136,181,.35),
    0 0 0 6px rgba(130,174,219,.15);
}

/* Active halo */
.s-conditional-offer-item-avatar-content.active::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:2px dashed var(--color-primary-light);
  opacity:.5;
}

/* Upcoming steps */
.s-conditional-offer-item-avatar-content:not(.active){
  opacity:.65;
}

/* Hover effect */
.s-conditional-offer-item-avatar-content:hover{
  transform:scale(1.08);
}

/* Labels */
.s-conditional-offer-checkpoint-label{
  font-size:12px;
  margin-top:10px;
  color:#6b8096;
  font-weight:600;
}

.s-conditional-offer-checkpoint-label.active{
  color:var(--color-primary-dark);
}

/* **** */

@keyframes scroll {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}
/* **** */

#app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div > p:nth-child(7) > img{
    width: 35rem !important;
    border-radius: 1rem !important;
    height: 35rem !important;
    margin-left:auto ;
}

#app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div > p, #app > div.app-inner.flex.flex-col.min-h-full > div > div{
	margin: auto !important;
	text-align: center !important;
	justify-content: center !important;
	align-items: center !important;
}

.slide-brand {
    direction: ltr;
}

 .s-product-card-content  .s-product-card-content-sub{
  justify-content: center !important ;
}


/* ****** */

/* Styling the discount badge using your theme variables */
.s-product-card-image {
    position: relative;
}

.custom-discount-badge {
    position: absolute;
    top: 12px;
    background-color: var(--color-promotion, #004876);
    color: var(--color-promotion-text, #ffffff);
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    font-family: var(--font-main, sans-serif);
    z-index: 20;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    pointer-events: none;
    text-transform: uppercase;
}


/* Positioning based on page direction */
[dir="rtl"] .custom-discount-badge { right: 12px; left: auto; }
[dir="ltr"] .custom-discount-badge { left: 12px; right: auto; }