/* Add custom CSS styles below */ 
html,
body,
#app,
.app-inner,
main#main-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

@media (min-width: 1024px) {
    .s-block-trust-store-features__grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(4, 1fr) !important;
}

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  .lg\:col-span-2 {
        grid-column: span 1;
    }
}

[class*="s-block"] salla-dilka-features,
salla-dilka-features {
  --tw-aspect: 1 / 1 !important;
}

.navbar-brand img {
    max-height: 2.5rem !important;
    width: 90px !important;
}
.s-slider-block__display-all {
    color: #000000 !important;
}

.s-button-primary-outline {
    background-color: #DE6A8C !important;
    border-color: #DE6A8C !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.s-button-primary-outline:hover {
    background-color: transparent !important;
    border-color: #DE6A8C !important;
    color: #DE6A8C !important;
}

#bcio-popups > div:nth-child(1) > div > div:nth-child(2) > button,
#bcio-popups > div:nth-child(2){
  background-color: #DE6A8C !important;;
}
@media (max-width: 1050px) {
  

html,
body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}
section,
main,
.container,
.s-block,
[class*="section"],
[class*="container"] {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

  }

#mainnav > div > div > div > div.flex.items-center.justify-end.my-2\.5 > salla-cart-summary > a > p {
  display: none !important;
}