/* Add custom CSS styles below */ 
:root {
    --main-color: #000;
    --secondary-color: #FAF3E1;
    --white-color: white;
    --sup-color: #FF6D1F;
    --black-color: black;
    --linear-color: linear-gradient(180deg, rgba(195,166,134,0.9304096638655462) 6%, rgba(195,166,134,1) 17%, rgba(177,148,115,1) 74%);
    
}
body {
    background-color: var(--secondary-color) !important;
}
/*** header ***/
.top-navbar .s-search-input {
    background-color: #fff !important;
}
.fixed-header{
  box-shadow: 1px 1px 10px #000 !important;
}
#mainnav{
  background: #f5e7c6 !important;
}
.navbar-brand img {
    max-height: 5rem !important;
}
custom-main-menu{
    display: flex !important;
    justify-content: center !important;
  align-items: center !important;
}
/*** header ***/
/** silder block ***/


section.s-block.s-block--photos-slider {
    margin-top: 0;
}

section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}

section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}

/** End silder block ***/




/** banners blocks ***/

section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}

.banner--fixed img {
    border-radius: 0 !important;
}

/** End banners ***/

/** category ****/
section:nth-of-type(2) .grid{
    gap: 0px !important;
    grid-template-columns: repeat(6,minmax(0,1fr));
}

section:nth-of-type(2) .grid a{
    background:transparent;
  height: 240px !important;
}
section:nth-of-type(2) .grid a .lazy__bg {
    background-size: cover !important;
}
section:nth-of-type(2) .banner-entry:first-child {
    grid-row: span 1/span 1; 
}
.banner-entry:nth-child(odd) {
    transform: translateY(15px);
}

.banner-entry:nth-child(even) {
    transform: translateY(-15px);
}

.banner-entry {
    transition: transform 0.3s ease;
}

.banner-entry:hover {
    transform: translateY(0);
}
@media(max-width:768px){
   section:nth-of-type(2) .grid{
    grid-template-columns: repeat(3,minmax(0,1fr));
} 
  section:nth-of-type(2) .grid a{
    background:transparent;
  height: 140px !important;
}
  .banner-entry:nth-child(even) {
    transform: translateY(-5px);
}
}
/** titles style ***/
a.s-slider-block__display-all {
    background: var(--main-color);
    color: var(--white-color);
    padding: 7px 15px;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out;
}
.s-slider-block__display-all:hover {
    background: var(--secondary-color);
}

.s-products-slider-wrapper .s-slider-nav-arrow {
    background-color: var(--secondary-color);
        opacity: 1;
}

.s-products-slider-wrapper .s-slider-nav-arrow svg {
    fill: var(--main-color);
}



/** product code */

.s-product-card-entry {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.s-product-card-entry * {
    justify-content: center;
    text-align: center;
}
.s-products-slider-card.swiper-slide {
    padding-block: 7px;
}
.s-product-card-content-sub *{
  color: #991b1b !important;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  cursor: pointer;
  position: relative;
  padding: 10px 24px;
  font-size: 18px;
  color: rgb(193, 163, 98);
  border: 2px solid rgb(193, 163, 98);
  border-radius: 34px;
  background-color: transparent;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
  overflow: hidden;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: inherit;
  scale: 0;
  z-index: -1;
  background-color: rgb(193, 163, 98);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover::before {
  scale: 6;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover {
  color: #000;
  scale: 1.1;
  border: 2px solid #000;
  box-shadow: 0 0px 20px rgba(193, 163, 98,0.4);
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:active {
  scale: 1;
}
.s-product-card-image {
    background-color: transparent;
}
.s-product-card-image-contain {
    object-fit: cover !important;
}


.s-products-slider-card.swiper-slide {
    transition: transform 0.3s ease ;  
}

.s-products-slider-card.swiper-slide:hover {

    transform: translateY(-7px);  
}

.s-products-slider-card.swiper-slide {
    padding-top: 20px;
}



/*** quick buy ****/

salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout {
    background: #4dc247;
    border-radius: 12px;
}
salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout * {
    color: white;
}


/** features code ***/

.s-block--features__item:nth-of-type(1),
.s-block--features__item:nth-of-type(3){
  background:#f5e7c6 !important;
}
@media(max-width:768px){
  .s-block--features__item{
  background:#f5e7c6 !important;
}
}


/** footer **/ 

.store-footer__inner {
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(245, 231, 198, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

@media (max-width: 992px) {
    .store-footer__inner * {
        justify-content: center;
        text-align: center;
    }
}