/* Add custom CSS styles below */
.container{
padding-left:0!important;
padding-right:0!important;
width:100%!important;
}
.header-components {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    
    --tw-bg-opacity: 1;
    background-color: #014a3b;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    background-color: #014a3b;
    --tw-text-opacity: 1;
    color: white;
}
.fixed-pinned.header-components, .fixed-pinned .inner {
    background-color: #014a3b;
}

i.sicon-search.text-xl.lg\:text-sm {
    color: white;
}
a.s-cart-summary-wrapper {
    color: white;
}
button.header-icon-button {
    color: white;
}
.inner {
    background: #014a3b;
}
.menu-title {
    color: aliceblue;
}
#mainnav .main-menu a {
    color: #F8BD3A;
}
button, input, optgroup, select, textarea {
    color: white;
}
.main-menu .sub-menu {
background-color: #014a3b;
}
button, input, optgroup, select, textarea {
color: black;
}
.menu-fixed-bar {
background-color: #014a3b;
}
.product-entry__image img {
  transition: transform 0.3s ease-in-out;
}

.product-entry__image img:hover {
  transform: translateY(-10px);
}
.s-button-btn {

border: green;
}

.s-button-btn:hover {
  transform: translateY(-5px);
}

.s-button-btn::after {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: bold;
  color: green;
  background-color: #007bff;
  padding: 5px 10px;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
}

.s-button-btn:hover::after {
  transform: translate(-10px, -50%);
}
salla-button .s-button-btn {
    border-radius: 100px;
}
salla-button button {
    height: 30px;
}
.product-entry {
transition: transform 0.3s ease-in-out;
    border-radius: 100px;
   
 
  }

.product-entry:hover {
  transform: translateY(-10px);
}
.product-entry .btn--wishlist {
position: inherit;
}
.promotion-badge {
padding-left: 2rem;
}
.s-button-wide {
    width: 100%;
}

.promotion-badge {
position: inherit;
}
.product-fixed-bar .product-form {
    display: inline;
 }
 .hydrated .product-fixed-bar {
    --tw-translate-y: -100px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.product-fixed-bar {
    position: relative;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: contents;
    width: 100%;
    }
    .object-contain {
    -o-object-fit: contain;
    object-fit: scale-down;
}
salla-slider .slide--one-fourth {
    width: 100%;
    max-width:200px;
        padding-left: .625rem;
    padding-right: .625rem;

}
button, input, optgroup, select, textarea {
    color: green;
}

body.font-amazon-ember .btn--add-to-cart {
    padding-top: 3px;
    padding-bottom: 30px;
}
salla-slider.details-slider.s-slider-vertical .swiper-wrapper {

    block-size: 300px;
}

button, textarea {
    color: white;
}
.s-button-primary {
    background-color: #f8bd3a;
    color: #014a3b;
 --color-primary-dark: #f8bd3a;
}
salla-button .s-button-btn {
    --color-primary: #014a3b;
    --color-primary-dark: white;
    --color-primary-light: #f6f9f7;
    --color-primary-reverse: #f8bd3a;
}

salla-button .s-button-btn {
border-radius: 20px;

}
.slide--cat-entry {
color: #014a3b;
border-width: 8px;
border-block-color: #014a3b;
border-radius: 20px;
box-sizing: content-box;


}
.slide--cat-entry {
  animation: slide-right 10s ease-in-out infinite;
}

body.product-single {
    padding-bottom: 0px;
}

}
.s-block {
    margin-top: 4ram;
 
}
.s-block {
    margin-top: 0;

}
.s-slider-block__title h2 {

    margin-top: 1rem;
   
}
.object-cover {

    border-end-end-radius: 10px;
    border-end-start-radius: 10px;
}

.s-block--features__item {
border-width: 0px;
}

body .s-slider-nav-arrow {
 
  border-radius: 50px; 
}
@keyframes slide-right {
  0% {
    transform: translateX(0%);
  }
  30% {
    transform: translateX(70%); 
  }
  50% {
    transform: translateX(70%); 
  }
  70% {
    transform: translateX(100%); 
  }
  90% {
    transform: translateX(200%); 
  }
  100% {
    transform: translateX(30%); 
  }