.custom-analytics{
    background-image: url(https://cdn.salla.sa/form-builder/ooop0Ctq7o0e3t0OgwpHl2cL8rHbRBbUZbu8fX3o.png);
    background-size: cover;
    height: 45vh;
position: relative;
    
}

@media (min-width:720px){
.custom-analytics{
    height: 75vh;
}

}
.custom-analytics > div > div{

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}
.custom-analytics > div > div>div{
width:fit-content;
    background-color: #ffffff38;
    backdrop-filter: blur(1px);
    transform: scale(1.2) !important;
}
.custom-analytics > div > div > div > div:before{
content:'اختيار اكثر من';
display:block;
width:100%;
}
.custom-analytics > div > div > div > div i{
display:none;
}
.custom-analytics > div > div > div > div{
background-color: transparent !important;
    margin: 0;
    width: 100%;
    font-size: 1.5rem;
}
.product-card__promotion{
display:none;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block--fixed-banner.s-block--dynamic-banner.wide-placeholder.dynamic-banner--0.s-block--live-editor > div > a > img{

border-bottom-right-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block--fixed-banner.s-block--dynamic-banner.wide-placeholder.dynamic-banner--0.s-block--live-editor > div{

background-color:#177270
}
.product-card>div>a, .product-card .product-slider, .product-card .s-slider-wrapper, .product-card .s-slider-container {
    background-color: white;
}

.product-card__title a{
font-weight:bold;

}
@media (max-width: 767px) 
{
    .product-card__price .total-price {
        font-size: 15px !important;
        padding-top: 2px !important;
    }
}



.s-advertisement{
  display: none ;
}
.advanced-slider__caption__inner__content{
    
    position: absolute;
    top: 20%;
    width: 100%;
      left: 50%;
  transform: translateX(-50%);
}
.romero-hero  p{
    font-size: 1.7rem !important;
}

.product-card__image{
    background-color: white;
  overflow: visible;
}

div.product-card__content > div.product-card__enhanced-mini-cart > salla-add-product-button > div{
    width: 80%;
    margin: auto;
    padding-bottom: 2rem;
}
div.product-card__content > div.product-card__enhanced-mini-cart > salla-add-product-button > div button{
    border-radius: 10px;

}
.product-card--vertical{
    overflow: visible;
}
.product-card__image img{
    transform: translatey(-15px);
}

.s-block--banners .from-gray-900{
    display: none;
}

.s-block--banners .mx-auto.grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;

  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;

  scroll-snap-type: x mandatory;
  scroll-padding-left: 16px;

  grid-template-columns: none !important;
  grid-auto-rows: unset !important;
}

/* each card becomes a slide */
.s-block--banners .mx-auto.grid > article {
  flex: 0 0 75%;
  min-width: 240px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* tablet */
@media (min-width: 640px) {
  .s-block--banners .mx-auto.grid > article {
    flex-basis: 48%;
  }
}

/* desktop (shows ~3 cards wide, still scrollable if more) */
@media (min-width: 1024px) {
  .s-block--banners .mx-auto.grid > article {
    flex-basis: calc((100% - 32px) / 3);
  }
}

/* Hide scrollbar (but keep horizontal scroll) */
.s-block--banners .mx-auto.grid {
  -ms-overflow-style: none;   /* IE/Edge old */
  scrollbar-width: none;      /* Firefox */
}
.s-block--banners .mx-auto.grid::-webkit-scrollbar {
  display: none;              /* Chrome/Safari */
}
.lifestyle:before{
    content: 'Not Just a Perfume';
    display: block;
    font-size: 4rem;
    text-align: center;
    padding-top: 5rem;
    font-family: 'Corinthia', cursive !important;
    
}
#mainnav > div{
    padding-top: 1rem;
    
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div.store-footer__inner > div > div > div:nth-child(1) > a > img{
    margin: 2rem auto;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--testimonials.overflow-hidden.relative.enhanced{
      --faq-bg: none !important;
}
.main-product .product-card--vertical{
    border-radius: 20px !important;
    width: fit-content;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.special-product.main-product.mini.special-product--1.s-block > div > div.flex.justify-center > div{
    width: 310px;
  margin: auto;
}
.main-product{
    margin-top: 8rem;
}

.main-product  div.product-card__image a img{
    border-radius: 30px !important;
}
.main-product  div.product-card__image a {
    border-radius: 30px !important;
}
.main-product > div.product-card__image{
    border-radius: 0px !important;
}

.main-product .s-block__title h2{
    font-size: 2rem;
}
.s-button-btn{
    background-color: #c0421c;
    color: white;
  
    border-radius: 10px
    
}
.s-button-text{
      display: flex !important;
    justify-content: center;
    align-items: center;
}
body.has_promotion.trans_header:not(.promotion-banner-hidden) .store-header {
    top: 0px;
}
product-card__image {
    width: 90%;
    margin: auto;
  display: block;
}
.main-product  .s-block__title-right{
    margin-bottom: 5rem; 
}
.main-product .product-card__content{
    padding-top: 9rem;
}
.main-product .product-card__title a{
    font-size: 1.2rem;
    padding-bottom: 1rem;
}
.main-product div.product-card__image > a{
    background-color: transparent;
  display: block;
}
.main-product .product-card__image{
    position: relative;
    background-color: transparent;
  z-index: 9999;
}
.main-product .product-card--vertical {
    position: relative;
}

.main-product img{
      background-color: transparent;
    height: fit-content;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-155px) scale(0.8) !important;
    left: 50%;
      width: 340px;
  height: 340px;
    max-width: unset;
}