/* Add custom CSS styles below */ 
/* ---------- START my-cats-section styles (updated for mobile partial 3rd) ---------- */
.checkout-step .customer-additional-information-step,.checkout-step .title-address-step~#shipping_method_fields .shipping-companies-step {
    border-top: 1px solid #cecece;
    padding-top: 20px;
    display: none;
}

.my-cats-section{ padding:60px 0; background:transparent; }
.my-cats-section .mx-wrapper{ max-width:1200px; margin:0 auto; padding:0 19px 0 0; text-align:center; direction:rtl; box-sizing:border-box; }

/* Title + decorative line + dot */
.my-cats-section .section-title h2{
  font-size:32px;
  margin:0 0 12px;
  font-weight:700;
  line-height:1;
}
.my-cats-section .section-title .decor{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:8px;
}
.my-cats-section .section-title .decor .line{
  width:90px;
  height:3px;
  background:#b38aa9;
  display:inline-block;
  border-radius:3px;
}
.my-cats-section .section-title .decor .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#b38aa9;
  display:inline-block;
}

/* row with arrows + track */
.my-cats-section .cats-row{ display:block; align-items:center; gap:12px; margin-top:34px; justify-content:center; }

.my-cats-section .cats-arrow:active{ transform:scale(.98); }

/* track */
.my-cats-section .cats-track{
  display:flex;
  gap:28px;
  overflow:hidden; /* desktop default */
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding:6px 2px;
  align-items:flex-start;
  /* enable snapping if browser supports */
  scroll-snap-type: x proximity;
}

/* each category item (desktop) */
.my-cats-section .cat-item{
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  align-items:center;
  flex: 0 0 170px; /* desktop size */
  width:170px;
  box-sizing:border-box;
  scroll-snap-align:start;
}
.my-cats-section .cat-thumb{
  width:100%;
  aspect-ratio:1/1;
  border-radius:50%;
  background-size:cover;
  background-position:center;
  box-shadow:0 6px 18px rgba(24,24,24,0.08);
  display:block;
  border:6px solid #fff;
}
.my-cats-section .cat-title{
  margin-top:14px;
  font-size:15px;
  font-weight:600;
}

/* ticker (black bar) */
.my-cats-section .cats-ticker{
  margin-top:0px;
  background:#0b0b0b;
  color:#fff;
  padding:5px 0;
  overflow:hidden;
  position:relative;
  direction:ltr;
}
.my-cats-section .cats-ticker .ticker-track{
  display:flex;
  gap:40px;
  white-space:nowrap;
  align-items:center;
  will-change:transform;
  animation:scrollTicker 18s linear infinite;
}
.my-cats-section .cats-ticker .ticker-item{
  font-weight:700;
  font-size:15px;
  padding:0 6px;
}

/* hide native scrollbar on webkit */
.my-cats-section .cats-track::-webkit-scrollbar{ display:none; }

/* responsive: tablet */
@media (max-width: 900px){
  .my-cats-section .cat-item{ flex: 0 0 140px; width:140px; }
  .my-cats-section .cat-thumb{ width:100%; aspect-ratio:1/1; }
}

/* responsive: mobile - show 2 full + partial 3rd and bigger thumbs */
@media (max-width: 768px){
  .my-cats-section{ padding:30px 0; }
  .my-cats-section .section-title h2{ font-size:22px; }
  .my-cats-section .cats-row{ gap:6px; }
  .my-cats-section .cats-arrow{ display:none; } /* hide arrows on mobile */

  /* make track horizontally scrollable so we can show partial item */
  .my-cats-section .cats-track{
    overflow-x:auto;
    padding:10px 18px 18px 18px; /* extra right padding so 3rd is partially visible */
    gap:14px;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type: x mandatory; /* strong snap for mobile */
  }

  /* each item becomes percentage-based to show 2 items fully + partial 3rd */
  /* 44% chosen so: 44% + gap + 44% = ~two full items, then the next starts partially */
  .my-cats-section .cat-item{
    flex: 0 0 44%;
    width:44%;
  }

  /* make the circle larger relative to available width */
  .my-cats-section .cat-thumb{
    width:100%;
    aspect-ratio:1/1;
    border-width:6px;
  }

  .my-cats-section .cat-title{ font-size:14px; margin-top:10px; }

  /* ticker tweaks */
  .my-cats-section .cats-ticker .ticker-track{ animation-duration:5s; font-size:13px; }
}

/* ticker animation - duplicated content should be placed twice */
@keyframes scrollTicker{
  0%{ transform:translateX(0%); }
  100%{ transform:translateX(-50%); } /* move half because we'll duplicate content in JS */
}

/* small fixes to match site container if needed */
.my-cats-section .mx-wrapper{ max-width:1200px; }
/* ---------- END my-cats-section styles (updated) ---------- */

.shipping-companies-step { display: none !important; }

/* عناصر إضافية عامة لو ظهرت بعناوين او حاويات تانية */
.checkout-shipping-method,
.checkout-delivery-options,
.shipping-methods {
  display: none !important;
}



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

.mx-wrapper {
    display: none;
}
.my-cats-section {
    padding: 0px 0;
}


body:not(.product-index):not(.product-single):after{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background:white url(https://i.ibb.co/2YKcMwRW/LOGO-Auroza-1.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
    animation-name: fade-in;
    animation-duration: 1.5s;
    transform: scale(0);
    border: none;
     
}

   @keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    75% {
        opacity: 1;
        transform: scale(1)
    }

    85% {
        opacity: .5;
        transform: scale(1)
    }

    99% {
        opacity: .2;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(.1)
    }
}



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

 .navbar-brand img {
  max-height: 5rem;
  width: auto;
  max-width: 100px;
   animation-name: scale;
  animation-duration: 7s;
  animation-timing-function: linear;
    animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes scale {
    0% {
        
        transform: scale(1.0);
    }

    10% {
       
        transform: scale(1.1);
    }
    20% {
       
        transform: scale(0.95);
    }
    30% {
       
        transform: scale(1.0);
    }
    40% {
       
        transform: scale(1.1);
    }
    50% {
       
        transform: scale(1.0);
    }
 
    60% {
       
        transform: scale(1.1);
    }
    70% {
       
        transform: scale(1.0);
    }
      80% {
       
        transform: scale(0.95);
    }
      90% {
       
        transform: scale(1.1);
    }

  
    100% {
        
        transform: scale(1.0);
    }
}


/******************************************/
.store-footer a h3:nth-child(1)::before {
  text-align: center;
  content: "";
  display: block;
  height: 50px;
  width: 50px;
  margin: auto auto 20px;
  background-image: url(https://i.ibb.co/2YKcMwRW/LOGO-Auroza-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color:transparent;
background-color: #fff;
    border-radius: 25px;

animation: footerLogo 2s ease-in-out infinite;
 
}

@keyframes footerLogo {
  0% {
    transform: scale(1.4); 
  }
  50% {
    transform: scale(1.6); 
  }
  100% {
    transform: scale(1.4);
  }
}



/* Add custom CSS styles below */ 
body {
  background-color:#Fff ;
}

:root{--color-primary:#9b3658 }


.shadow-default {
    --tw-shadow: none !important;
}
/*banner main*/
section:nth-of-type(1).s-block.s-block--photos-slider {
    margin-top: 0rem;
}

 section:nth-of-type(1) .s-slider-block__title-nav {
    display: flex !important ;
}
 .s-slider-block__title-nav {
    display: none !important ;
}
 salla-slider.photos-slider .swiper-slide {
    width: 100%;
    padding:0 ;
  margin:0 ;
}


[dir=rtl] .carousel-slider .swiper {
    padding-left: 0;
    padding-right: 0;
}
[dir=rtl] salla-slider.photos-slider .swiper {
    padding-left: 0;
    padding-right: 0;

}
salla-slider.photos-slider .swiper:where([dir="ltr"], [dir="ltr"] *) {
    padding-right: 0 ;
    padding-left: 0;
}
.rounded-md,salla-slider.photos-slider .swiper-slide {
    border-radius: 0;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 2rem;
}

/*grid section*/
body.index section:nth-of-type(3) .s-block__title {
    justify-content: center;
}
.right-side {
    padding-left: 0 !important;
}
body.index section:nth-of-type(3) .right-side h2 {
    font-size: 30px;
}

body.index section:nth-of-type(3) {
    margin-top: 1rem !important;
    max-width:90%;
}
 .md\:grid-cols-3 {
    grid-template-columns: repeat(5,minmax(0,1fr));
 gap: 0.75rem !important;

}
.banner-entry {
    height: 190px;
    background-color: transparent;
    border-radius: 15px !important;
}

a.banner-entry.square-photos:hover {
    transform: scale(1.1);
    transition: 3s ease-in-out;
}
.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: 1;
}
.lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}


/*product*/

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
 border-radius: 10px;
  color:#fff;
  background-color:#9b3658;
   border:none;
}

.s-product-card-entry {
    background-color:#fff;
    box-shadow: 0px 0px 10px #33333317;
    border-radius: 8px;
    border:2px solid #9b3658;
}
salla-products-slider.s-products-slider-wrapper.hydrated .swiper {
    padding: 1rem 0;
}
.s-product-card-image {
    padding: 1rem !important;
    background-color: #fff;

}
.s-product-card-image img.loaded {
    background-color: #fff;
    border-radius: 10px;
}

.s-product-card-content-title {
    text-align: center;
}
.s-product-card-content-sub {
    justify-content: center;
}

section.s-block.s-block--features.container {
    max-width: 80%;
}
.s-block--features__item {
    background-color: #F4EBEA;
    border: 1px solid #9b3658;
    border-radius: 20px;
}
.feature-icon {
    background-color: #9b3658 !important;
}
.feature-icon i {
    color: #fff !important;
}
.s-reviews-testimonial {
    border: 2px solid #9b3658;
    border-radius: 10px;
}

/*footer*/
/*footer*/
.store-footer__inner,.store-footer {
    background-color: #000000 !important;
    color: #fff;
}

.copyright-text p {
    color: #fff ;
}


@media(max-width: 768px){

body.index section:nth-of-type(3) {
    max-width: 98%;
}
 .md\:grid-cols-3 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
 .banner-entry {
    height: 140px;
}
a.banner-entry.square-photos:nth-child(5) {
    left: -56%;
}
.cats-ticker {
    padding: 0 !important;
}
  section.s-block.s-block--features.container {
    max-width: 94%;
}

.swiper-slide {
    width: 50%;
}
footer.store-footer {
    text-align: center;
}
.store-footer a,.s-social-list {
    justify-content: center;
}
span.text-sm.copyright-text img {
    margin: auto;
}
.store-footer__inner .flex.gap-4 {
    justify-content: center;
}

}