/* Add custom CSS styles below */ 
:root {
    --main-color: #f1e1e0;
    --second-color: #7e4580;
    --white-color: #fff;
}

.top-navbar {
       background-color: var(--main-color) ;
}

.main-nav-container i.header-btn__icon.sicon-user-circle,
.main-nav-container i.header-btn__icon.icon.sicon-shopping-bag{
    background-color: var(--second-color) !important;
    color: var(--white-color) ;
}
 .main-nav-container  span.s-cart-summary-count {
    background-color:var(--white-color) !important;
    border: 1px solid var(--second-color) !important;
    color: var(--second-color) !important;
}
.main-nav-container 
i.sicon-menu.text-primary.text-2xl {
    padding: 5px;
    background-color: var(--second-color) ;
    border-radius: 50px;
    color: var(--white-color) !important;
}

.main-nav-container  b.s-cart-summary-total {
color: var(--second-color)!important;
}

/**header**/

/**slider.photos**/
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
  padding-top: 0 !important;
}
body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--photos-slider{
    margin-top:0 !important;  
}
.home-slider.photos-slider .swiper-wrapper.s-slider-swiper-wrapper .swiper-slide.swiper-slide{
    width:100% !important;
    padding:0 !important;
}

.home-slider.photos-slider .swiper.s-slider-container.swiper-initialized.swiper-horizontal {
    padding-inline:0;  
}
 .home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}
salla-slider.photos-slider .swiper-slide{
  border-radius: 0 !important;
}

 salla-slider.photos-slider .swiper-slide img.w-full.object-contain.rounded-md{
    border-radius: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    max-width:unset !important ;
    padding-inline: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder
img {
    border-radius: 0 !important;
}

/**slider.photos**/
/**grid**/
 .banner-entry:first-child {
    grid-area: 1 / 1 / 1 / 1 !important;

}
.s-block.s-block--banners.container .banner-entry.square-photos {
  height: 300px;
}
.banner-entry.square-photos {
  background-color: transparent;
}

/**grid **/

/**product**/
.s-slider-block__title-right h2 {
  padding: 15px 12px;
  background-color: var(--second-color);
  color: white;
  border-radius: 8px !important; ;

}
.s-slider-block__title-right {
}

 custom-salla-product-card {
    border:1px solid #e5e7eb;
    transition:0.5s !important;
}
custom-salla-product-card:hover{
transform:translateY(-10px);
box-shadow: 3px 3px 5px 4px #ddd !important;
border:1px solid   var(--second-color);  
}
.s-product-card-image {
  background-color: #f2e0e1 !important;
}
.swiper.s-slider-container.swiper-initialized {
  padding-block: 20px;
}
.swiper.s-slider-container.swiper-initialized {
  padding-block: 20px;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  background-color: var(--second-color) !important;
  color: white !important;;
}
.s-products-list-wrapper.s-products-list-vertical-cards {
  padding: 15px 12px;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
  padding-top: 20px !important;
}

.s-slider-next.s-slider-nav-arrow,
.s-slider-prev.s-slider-nav-arrow {
  background-color: var(--second-color) !important;
}
.s-slider-nav-arrow svg {
  width: 22px;
  fill: #fff !important;
}
/**footer**/
.store-footer__inner {
  background-color: var(--main-color)!important;
}
 .store-footer__inner h3 {
   color: var(--second-color) !important;
}
.store-footer {
  background-color: var(--second-color) !important;
}
footer .text-gray-400.mb-2\.5.md\:mb-0 {
  color: white !important;
}
footer a[href*=instagram] {
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
color:white;

}
footer a[href*=tiktok] {
   background:black;
    color:white;
}
footer a[href*=snapchat] {
    background:yellow;
    color:black;

}
footer a[href*="snapchat"],
footer a[href*="tiktok"]{
  transition: 0.3s
}

footer a[href*="snapchat"]:hover,
footer a[href*="tiktok"]:hover{
  scale: 1.2
}
/**footer**/


@media (max-width: 992px){

.store-footer * {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important; 
}
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;;
}

.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8  .banner-entry.square-photos {
  height: 100px !important; 
}

.s-slider-block__title-right h2 {
  font-size: 16px;
  
}
.s-slider-block__title {
 align-content:center !important;;
  justify-content: center !important;;
}
.s-slider-block__title .s-slider-block__title-right {
  padding-left: 10px
}
#photos-0-slider > div:nth-child(2) {
  padding-top: 0 !important;
}
}