/* Add custom CSS styles below */ 
.s-add-product-button-mini-checkout-content{
  color:#fff;
}
a[href="https://ahmad-studio.com/ar/whatsapp/send"]{   
   background: #22c55e;
 }
 
a[href="https://ahmad-studio.com/en/whatsapp/send"]{
    background: #22c55e;  
}

.overflow-hidden.rounded-2xl img {
      object-fit: contain;
}

.s-block--animated-brands.grayscale .marquee__group img,
.product-card--vertical{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.main-menu .has-children li a:hover, .main-menu .has-children .has-children:hover>a,
.main-menu>.has-children:hover>a,
.s-product-options-grid-mode input:checked+div, .s-product-options-grid-mode-span:hover{
      color: #fff;
}

.selia-bottom-nav{
    border-radius: 56px;
    margin: 10px auto;
}

.top-navbar{
  border-bottom:none !important;
}

.fit-slider-products .s-slider-swiper-wrapper .swiper-slide{
  margin-top:10px;
  margin-bottom:10px;
}

.s-block--enhanced-features__item .feature-icon{
    height: 5.5rem;
    width: 5.5rem;
}

.s-block--enhanced-features__item{
  border:none;
}

.max-h-24 {
    background: #c2685f;
    border-radius: 50px;
}

.s-block--best-offers .s-slider-block__title-right, salla-products-slider .s-slider-block__title-right{
      padding-bottom: 0px;
}

.s-block--animated-brands.grayscale .marquee__group img{
    border-radius: 10px;
}

.px-5{
    border: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background: #bb937e;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.footer-is-custom .store-footer .social-link{
      opacity: 1;
}

.p-\[4px\]{
      background:#5f6468 !important;
}

.sicon-keyboard_arrow_up:before,
.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *),.py-3.text-sm.text-store-text-secondary,
.sicon-keyboard_arrow_down:before{
    color: #fff !important;
}

.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
}

.s-block--animated-brands--brand{
    margin: 10px auto;
}

.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *){
  padding-left: 0rem;
}

.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *),
.sm\:text-4xl{
  text-transform: uppercase;
    background-image: linear-gradient(-225deg, #000 40%, #000 9%, #fff 67%, #000 100%);
    background-size: 200% auto;
    color: #fff;
    line-height: 56px;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}
/**************************************/
:root {
    --primary-color: #9d938b   !important;
    --secondary-color: #ffffff !important;
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important
}

@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
.p-\[1\.4rem\]:after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #fff;
    z-index: -1;
    border-radius: 12px
}

.p-\[1\.4rem\]{
    position: relative;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), #000  0%,#000 5%, transparent 5%, transparent 40%,#000 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px
}

@keyframes animate {
    0% {
        --a: 0deg
    }

    100% {
        --a: 360deg
    }
}
/*********************************/
.s-block--enhanced-features__item .feature-icon{
    border-radius: 50px !important;
     animation: signal 1200ms linear infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #fff;
    }

    100% {
        box-shadow: 0 0 0 2px #000;
    }
}
/******************************/
.md\:mx-\[unset\],
.navbar-brand img{
      filter: invert(1);
}



.footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__newsletter{
  border-bottom-color: transparent;
}

.main-nav-container.fixed-header .inner{
  filter: drop-shadow(2px 4px 6px #000);
  border-radius: 46px;
  margin-top: 24px !important;
  padding: 8px 0px 8px 0px;
}

.store-footer:before {
  content: "";
  background-image: url(https://i.imgur.com/eAWGMd1.png);
  background-size: 418%;
  display: block;
  background-repeat: round;
  transform: rotate(180deg);
  height: 200px;
  margin: -12px -32px 1px 1px;
  height: 104px;
  margin: -13px -32px 1px 1px;
}

.footer-list a:last-child{
    text-align: center;
}

.store-footer h3{
    color: #c2685f!important;
    background: #fff;
    border-radius: 8px;
    font-weight: 700;
    padding-top: .3rem;
    text-align: center;
    width: 95%;
    padding-bottom: .3rem;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px;
}
.md\:mx-\[unset\]{
      display: block;
      margin: 0px auto;
}

.lg\:justify-start {
        justify-content: center;
}

@media only screen and (max-width: 600px) {
.has-bottom-nav{
      padding-bottom: 0 !important;
}
.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn{
      font-size: 13px;
}

}

@media only screen and (min-width: 600px) {
.col-span-2 {
    grid-column: span 1 / span 1;
}

.lg\:grid-cols-5 {
    text-align: center;
    grid-template-columns: repeat(3, minmax(0, 1fr));}   
}
/************************************/
.enhanced_rounded_contacts a,
.store-footer .social-link{
  border:none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

a[href="https://www.instagram.com/ahmed_studio08"]{
    background: #d119be;
    color: #fff !important;
}

a[href="https://x.com/ahmedstudio8"]{
    background: #000;
    color: #fff !important;
}
a[href="https://www.tiktok.com/@ahmedstudio8"]{
   background: #333;
   color: #fff !important;
}

.enhanced_rounded_contacts a[href="https://ahmad-studio.com/whatsapp/send"]{
   background: #22c55e;
   color: #fff !important;
}

.enhanced_rounded_contacts a[href="tel:+966500238627"]{
   background: #ca0b0b;
   color: #fff !important;
}

.s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *){
   color: #fff !important;
}

.s-block--enhanced-features.mini-features .s-block--enhanced-features__item {
    box-shadow: none;
}

.header-btn__icon {
    background: #ffffff5e !important;
    border-radius: 27px;
}

.centered_logo .header-btn__icon {
    width: 2.5rem;
}
.enhanced_rounded_contacts a[href="mailto:old-to-new@hotmail.com"]{
   background: #820e0e;
   color: #fff !important;
}

.product-more-info .more-tab-container .more-info-tabs__nav-link:after,
.product-more-info .more-tab-container .more-info-tabs__nav-link span{
     color: #fff !important;
}

/*************************************/
.s-add-product-button-main .s-add-product-button-mini-checkout,
.s-button-wide{
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  background: #c2685f;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 90%;
  margin: 0px auto 10px;
}

.s-add-product-button-main .s-add-product-button-mini-checkout:before, 
.s-button-wide:before {
  content: "";
  background: linear-gradient(
    45deg,
    #d7cdd4,
    #bb937e,
    #67a0ab,
    #67a0ab,
    #b47091,
    #60779f,
    #60779f,
    #d7cdd4,
    #67a0ab
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius:10px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.s-add-product-button-main .s-add-product-button-mini-checkout:after,
.s-button-wide:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius:10px;
  background: #c2685f;
  left: 0;
  top: 0;
}


.s-block--best-offers .s-slider-block__title-left .s-slider-block__display-all, salla-products-slider .s-slider-block__title-left .s-slider-block__display-all{
   background: #5f6468; 
    color: #fff;
    padding: 9px 10px 12px 12px;
    border-radius: 9px;
}