/* Add custom CSS styles below */ 

:root {
    --main-color: #FEB3B5;
    --second-color: #F3D9DD;
    --third-color: #FFF;
    --font: #4B0213;
    --hover-color: #F3D9DD;
    --bg: #ffc2c5;
    --logo: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/GYjZnV/0b3cb65c-5736-4a56-9541-8795cfbca453-500x500-3HRaNb7fzaSeBmGouyvpZSdlEQMZLn8lZFDO9HEm.jpg)
}

body {
  font-family: 'Cairo', sans-serif;
  background: var(--bg);
}

body:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: var(--third-color) var(--logo) no-repeat center;
  background-size: 160px;
  animation: fade-in 1.5s;
  transform: scale(0);
  border: none;
}

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

.navbar-brand img, .main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 3.5rem;
}
.main-nav-container {
    min-height: 84px;
    background: linear-gradient(
        90deg,
        #f7b7bd 0%,
        #f8c4c8 45%,
        #f3d6d8 100%
    );;
}
.main-menu li.root-level a {
    color: var(--font) !important;
}
.s-cart-summary-total, #mainnav .sicon-menu {
    color: var(--font) !important;
}
@media only screen and (min-width: 1024px) {
    .main-menu li.root-level>a, .s-cart-summary-total {
        color: var(--third-color);
    }
}
.s-block .container {
  max-width: 100% !important;
    padding-left: 0px;
    padding-right: 0px;
}

.banner-entry { background: var(--bg) }

    .square-photos-grid--equal-2 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }


.s-block:has(img[src="https://cdn.files.salla.network/homepage/1977367955/dd776542-0745-4b90-9566-7a4c3639fbb7.webp"]) .container {
  max-width: 80% !important;
}
.banner--fixed img {
    border-radius: 0rem;
}
.s-block:not(:first-of-type),
.s-block--features__item,
.s-block--features__item:hover {
  margin-top: 30px;
}
.s-block {
  margin-top: unset;
}
.s-slider-block__title {
    place-self: center;
}
.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
}

.s-block_title, .s-slider-block_title h2 {
    place-self: center;
    color: var(--main-color);
}
.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}
.s-block_title h2, .s-slider-block_title h2
{
    font-size: 1.425rem;
    font-weight: 800;
}

    .md\:grid-cols-3 {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
    .two-row .banner-entry:first-child {
        grid-column: unset;
        grid-row: unset;
    }
/* Navbar & Footer */
.store-footer h3,
.topnav-is-dark .top-navbar {
    background-color: var(--main-color) !important;
}

.s-search-input-wrapper {
    box-shadow: var(--main-color) -1px 2px 16px;
}

.s-search-icon svg,
.store-footer a,
.store-footer p,
i.header-btn__icon.icon.sicon-shopping-bag,
i.header-btn__icon.sicon-user-circle {
    color: var(--font);
}
.s-product-card-content-sub {
    margin-bottom: 15px !important;
}

.copyright-text p,
.copyright-text p a {
    color: #FFF !important;
}


/* Buttons */
.s-button-btn {
    position: relative;
    transition: .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    outline: 0;
    overflow: hidden;
}
.s-button-btn:hover {
    color: #fff;
}
.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    color: var(--third-color);
    background: var(--main-color);
}
.s-button-element:not(:disabled):not([loading]) {
    background: linear-gradient(
        90deg,
        #f3c4c9 0%,
        #d94d70 100%
    ) !important;

    color: #5a1d2b !important;

    border-color: #d94d70 !important;
    border-radius: 6px;

    box-shadow: none;
}
.s-button-btn::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%);
    top: 0;
    left: -100px;
    opacity: .6;
}
.s-button-btn:hover::before {
    animation: 1.5s ease-out infinite shine;
}
@keyframes shine {
    0% { left: -100px; }
    60%,to { left: 100%; }
}

/* Slider */
.s-slider-block__title h2::after {
    bottom: -10px;
    height: 2px;
    width: 100%;
    position: relative;
    content: "";
    display: block;
    background-color: var(--main-color);
}
.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0 !important;
}
.s-slider-block__title-left { display: none; }

/* Cards */
.s-product-card-content-sub:hover,
.s-product-card-content-title a:hover,
.s-products-slider-card:hover {
    color: var(--hover-color);
}
.s-product-card-image img { max-width: 100%; }
.s-product-card-content { background: #FFE3E3 }
.s-product-card-content a {
    color: var(--font);
    text-align: center;
}
.s-product-card-content-sub {
    justify-content: center;
    color: var(--font);
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
    background-color: var(--hover-color) !important;
}

/* Banners */
.banner-entry {
  display: block;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  border-radius: 12px;
  overflow: hidden;
}

@media (max-width: 720px) {
  .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
  .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 .banner-entry {
      height: 100px !important;
  }
  .max-w-sm.leading-6.mb-6 {
    text-align: center;
}
  .flex.gap-4 {
    justify-content: center;
}
}

/* Footer */
.footer-is-light .store-footer,
.store-footer .contact-social ul,
.store-footer__inner {
    background: var(--main-color) !important;
}
.store-footer h3 {
  background-color: #0D0D0D !important;
  color: var(--main-color) !important;
  border-radius: 15px;
  font-weight: bold;
  padding: 0.3rem 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  width: 100%;
  text-align: center;
}
.s-menu-footer-list,
p.max-w-sm.leading-6.mb-6 {
  text-align: center;
}
.store-footer a,
.store-footer p {
    color: var(--font);
}
.store-footer .store-footer__inner:before {
    content: "";
    display: block;
    height: 110px;
    width: 110px;
    margin: auto auto 20px;
    background: var(--logo) no-repeat center / contain;
    animation: sigal 1.2s linear infinite;
    border-radius: 100%;
}
@keyframes sigal {
  0% { filter: drop-shadow(2px 4px 6px #504d46); }
  100% { filter: none; }
}
.s-slider-nav-arrow,
.header-btn__icon,
.footer-is-light .store-footer .social-link,
.store-footer a .rtl\:ml-2\.5 {
  box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}
.store-footer__inner { border-radius: 20px !important; }
.copyright-text { color: #FFF; }
.copyright-text > a { color: var(--second-color); }

/* Features */
.s-block--features__item,
.s-block--features__item:hover {
    margin-top: 20px;
    box-shadow: 0 10px 17px rgba(0,0,0,.6), 10px 10px 20px rgba(0,0,0,.2);
}
.s-block--features__item .feature-icon {
    background-color: var(--third-color);
    height: 5rem;
    width: 5rem;
}
.s-block--features__item .feature-icon i {
    color: var(--main-color);
    font-size: 60px;
}
section.s-block.s-block--features.container {
    text-align: center;
}
section.s-block.s-block--features.container:before {
    content: "مميزات المتجر";
    color: var(--main-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 2px;
}

/* Animations & performance */
@keyframes fade-in {
    0%,75% { opacity:1; transform:scale(1); }
    100% { opacity:0; transform:scale(.1); }
}
@media (prefers-reduced-motion: reduce) {
    * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* Layout Tweaks */
@media only screen and (min-width:1024px){
    .main-menu li>a {
        padding-left:.55rem!important;
        padding-right:.55rem;
    }
    salla-slider.photos-slider .swiper-slide { width:100%!important; }
}
@media (min-width:768px) {
    salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) { padding-left:0!important; }
}
@media (max-width:1024px) {
    salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
        width:100%!important;
        padding-left:0;
        padding-right:0;
    }
}
@media(min-width: 520px){
    .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
         grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Lazy load */
.lazy-container {
    content-visibility: auto;
    contain-intrinsic-size: 300px;
}
body.loading *:not(.loader) { display: none !important; }
.s-contacts-list { align-items: center; }

.flex.whitespace-nowrap.gap-4.items-center {
    display: block;
}
.s-product-card-content-sub {
    margin-bottom: 5px;
}

.sales-info {
  padding: 6px 12px;
  border-radius: 8px;
  font-weight: 700;
  animation: subtlePulse 2.5s ease-in-out infinite;
}

@keyframes subtlePulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.95;
  }
}

.store-footer, .md\:flex.items-center.justify-between.py-4.container.text-center {
    background: var(--main-color);
}

.s-block--features_item, .s-block--features_item:hover {
    box-shadow: unset;
}

.banner--fixed img, .banner-entry {
    background-color: unset !important;
}

.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    background: linear-gradient(
        180deg,
        #f9b8c0 0%,
        #f7aeb8 50%,
        #f9c3c9 100%
    );

    color: #5b1d2b;

    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 30px;

    box-shadow:
        0 5px 12px rgba(220, 90, 110, 0.25),
        inset 0 1px 2px rgba(255, 255, 255, 0.6);

    padding: 5px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media(min-width: 767px) {
.s-block:has(img[src="https://cdn.files.salla.network/homepage/248475758/0fba419b-9545-4777-99f1-8dc93c1a9e3b-original.webp"]) .container,
.s-block:has(img[src="https://cdn.files.salla.network/homepage/248475758/c43fca28-e38e-492c-8d2c-7bd21b7c2e92-original.webp"]) .container
{
    max-width: 80% !important;
}
}

.s-block__title {
    justify-content: center;
}

@media(max-width: 767px) {
    .square-photos-grid:has(div[data-bg="https://cdn.files.salla.network/homepage/248475758/f9ded000-1db8-4d06-a388-8515258d62e4-original.webp"]) .banner-entry {
        height: 120px;
    }
}

p.text-primary.flex-none.font-bold.text-sm.rtl\:md\:pl-12.ltr\:md\:pr-12 {
    color: #4b0213;
}
.navbar-brand img {
    border-radius: 50px;
    max-height: 4rem;
}

/* ===== آراء العملاء: تعليقين جنب بعض ===== */

.s-reviews-testimonials-slider .swiper-wrapper {
    display: flex !important;
}

.s-reviews-testimonials-slider .swiper-slide {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
    padding: 0 7px !important;
}

/* شكل الكارت */
.s-reviews-testimonials-slider .s-reviews-testimonial {
    width: 100% !important;
    background: #fea2a4 !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
}

/* نخلي السلايدر نفسه يخفي اللي برا */
.s-reviews-testimonials-slider .s-slider-container {
    overflow: hidden !important;
}

/* الجوال: تعليق واحد */
@media (max-width: 767px) {
    .s-reviews-testimonials-slider .swiper-slide {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}