/* Add custom CSS styles below */ 
@media (max-width: 767px) {
  .mt-8 {
    margin-top: 0px !important;
  }
}

button.header-btn.header-signInBtn.px-2.hdi-btn-left.hidden.lg\:-order-1.lg\:mx-2 {
    border: 2px solid #fff;
}
.header-is-dark .top-navbar .s-search-input {
    border: 2px solid #fff;
}
.s-search-input::placeholder {
  color: #FFF !important; 
}

  .s-block.s-block--fixed-banner.wide-placeholder > .container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; 
    padding-right: 0px;
    padding-left: 0px;
  }
  .banner--fixed img {
    border-radius: 0px !important;
   
}
.footer-hide-social-title .store-footer .footer-social-item a {
     border-width: 0px;
}
body.footer-hide-social-title .store-footer .footer-social-item a {
    height: 70px;
    width: 70px;
}
a.text-white.hover\:text-primary.transition-colors.px-2.text-base.lg\:text-lg.whitespace-nowrap.inline-block {
    margin-left: calc(1.5rem * (1 - 0));
}
.s-block--features__item {
  display: flex;
  flex-direction: column; /* stack icon, h4, p vertically */
  align-items: center;    /* horizontal center */
  text-align: center;     /* center text inside h4 and p */
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div p{
display: none;
}
#app.f-icon-gradient .feature-icon{
    background: black !important;
}

.s-block--features__item .feature-icon {
    height: 5rem;
    width: 5rem;
}

.s-block--features__item {
    padding: 1rem;
}

.s-block--features__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  cursor: pointer;
}

/* create background as a pseudo-element */
.s-block--features__item::before {
  content: "";
  position: absolute;
  top: 55px; /* where the background should start (adjust until it’s halfway on icon) */
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(56, 51, 48, 0.06);
  border-radius: 12px;
  z-index: 0;
}

/* keep content above background */
.s-block--features__item .feature-icon,
.s-block--features__item h4,
.s-block--features__item p {
  position: relative;
  z-index: 1;
}
.s-block--features__item {
 background-color: white; 
}
.header-logo-wrapper {
    padding: 15px;
}

salla-search.hdr-srch {
  max-width: 100% !important;
}

.store-footer .icon-contact {
    height: 70px;
    width: 70px;
}

.footer-list {
  display: flex !important;    /* use flexbox */
  flex-direction: column;      /* stack vertically */
  gap: 1rem;                 /* spacing between links */
}

.footer-list__item {
  margin: 0 !important;        /* reset extra margins */
}