/* Add custom CSS styles below */ 
/*
ul#splide03-list li {
    width: 314px !important;
}*/

body {
    overflow-x: hidden !important;
}
.products-list-container, .s-products-list-vertical-cards {
    grid-template-columns: repeat(auto-fill,minmax(249px,4fr));
    grid-gap: 20px;
}
/*section3*/

section.home-block.home-block--square-images .col-md-4 {
    max-width: 24.333333% !important;
}

section.home-block.home-block--square-images .banner--square figure {
    height: 300px !important;
    padding-top: 0;
    background-color: #fff;
}
section.home-block.home-block--square-images:nth-of-type(5) {
    margin-top: -5%;
}
.home-block--bg {
    background: transparent !important;
}

/*banner*/

section:nth-of-type(7).home-block.home-block--fixed-banner .container,section:nth-of-type(11).home-block.home-block--fixed-banner .container {
    width: 100%;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}


/*testimonials*/
section.home-block.home-block--bg.home-block--testimonials {
    background-color: #EEE8DE !important;
}
.color-danger {
    color: #C7A562 !important;
}
.price-wrapper>small {
    color: red !important;
}

/*footer*/
footer.footer {
    background-image: url(https://i.ibb.co/DDjnhdC/Frame-1820548120.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f4f0ec;
}

.footer__bottom {
    background-color: transparent !important;
}

@media(max-width: 768px){
section.home-block.home-block--square-images .banner--square figure {
    height: 200px!important;
}

section.home-block.home-block--square-images .col-md-4 {
    max-width:48.333333%!important;
    padding: 0 5px !important;
}
section.home-block.home-block--square-images:nth-of-type(5) {
    margin-top: -15%;
}
}

.footer .col-md-8.col-sm-12 {
    display: flex;
    justify-content: center;
}
.image-eman {
    width: 90px;
    height: 90px;
}


/*****/
.divtop {
    display: flex;
    padding: 1rem;
    color: #fff !important;
    justify-content: space-around;
    width: 100%; 
    overflow: hidden; 
    position: relative;
}

.slider-heading {
  white-space: nowrap;
  display: inline-block;
  position: relative;
  animation: slideIn 15s linear infinite;
}

@keyframes slideIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* ===== Viola Flower - Premium look (draft) ===== */
:root{--vf-plum:#3a1450;--vf-plum2:#6b2f8c;--vf-gold:#c9a24a;--vf-gold2:#f3dc9a}

/* Animated news ticker */
body::before{
  content:"✦  شحن سريع لجميع مناطق المملكة   ✦   تخفيضات 11.11: خصم 11% على جميع المنتجات حتى 13 نوفمبر   ✦   جديد: الزيوت البريميوم 125 مل   ✦   منتجات طبيعية من مصنع زهرة فيولا   ✦   دفع آمن بكل الطرق   ✦   شحن سريع لجميع مناطق المملكة   ✦   تخفيضات 11.11: خصم 11% على جميع المنتجات حتى 13 نوفمبر   ✦   جديد: الزيوت البريميوم 125 مل   ✦   منتجات طبيعية من مصنع زهرة فيولا   ✦   دفع آمن بكل الطرق   ✦";
  display:block;direction:rtl;white-space:nowrap;overflow:hidden;
  padding:9px 0;font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--vf-gold2);
  background:linear-gradient(90deg,var(--vf-plum),var(--vf-plum2),var(--vf-plum));background-size:200% 100%;
  border-bottom:2px solid var(--vf-gold);
  animation:vfTicker 38s linear infinite,vfBg 8s ease-in-out infinite,vfGlow 2.6s ease-in-out infinite;
}
body:hover::before{animation-play-state:paused}
@keyframes vfTicker{from{text-indent:-100%}to{text-indent:260%}}
@keyframes vfBg{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes vfGlow{0%,100%{text-shadow:0 0 2px rgba(243,220,154,.25)}50%{text-shadow:0 0 10px rgba(243,220,154,.95)}}

/* Section titles: gold accent */
.s-block__title h2,.section-title,.home-block h2{position:relative;letter-spacing:.3px}
.s-block__title h2::after,.section-title::after{content:"";display:block;width:54px;height:3px;margin:8px auto 0;border-radius:3px;background:linear-gradient(90deg,var(--vf-gold),var(--vf-gold2));animation:vfPulse 3s ease-in-out infinite}
@keyframes vfPulse{0%,100%{opacity:.55;width:42px}50%{opacity:1;width:74px}}

/* Banners: smooth zoom + soft shadow */
.home-block--fixed-banner a,.home-block--main-slider .swiper-slide,.home-block--square-images figure{overflow:hidden;display:block}
.home-block--fixed-banner img,.home-block--square-images img{transition:transform .7s ease,filter .7s ease}
.home-block--fixed-banner a:hover img,.home-block--square-images a:hover img{transform:scale(1.035);filter:brightness(1.05)}

/* Product cards: lift + gold border on hover */
.s-product-card-entry,.product-entry{border-radius:14px;transition:transform .35s ease,box-shadow .35s ease}
.s-product-card-entry:hover,.product-entry:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(58,20,80,.18),0 0 0 1px var(--vf-gold)}
.s-product-card-image img{transition:transform .6s ease}
.s-product-card-entry:hover .s-product-card-image img{transform:scale(1.06)}

/* Add-to-cart buttons: shimmer */
.s-button-solid,.s-button-primary{position:relative;overflow:hidden}
.s-button-solid::after,.s-button-primary::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);animation:vfShine 4.5s ease-in-out infinite}
@keyframes vfShine{0%,60%{left:-70%}100%{left:130%}}

@media (max-width:640px){body::before{font-size:12.5px;padding:7px 0;animation-duration:30s,8s,2.6s}}
@media (prefers-reduced-motion:reduce){body::before,.s-button-solid::after,.s-button-primary::after,.s-block__title h2::after{animation:none!important}}

/* ===== 11.11 - Viola Flower ===== */
#v1111{
  background:linear-gradient(90deg,#4B1D4F,#6b2a70,#4B1D4F);
  color:#fff;text-align:center;padding:9px 12px;font-size:15px;
  border-bottom:2px solid #B8892F;position:relative;z-index:9999;
  font-family:inherit;letter-spacing:.2px;
}
#v1111 b{color:#E6C168}
#v1111 .v1111-t{
  display:inline-block;background:#B8892F;color:#fff;font-weight:800;
  padding:1px 10px;border-radius:6px;margin-inline-start:4px;direction:ltr;
  font-variant-numeric:tabular-nums;
}
@media (max-width:640px){#v1111{font-size:12.5px;padding:7px 8px}}
/* HIDE-OLD-STRIP: old black strip hidden for 11.11 */
html body div.divtop{display:none !important;height:0 !important;overflow:hidden !important}