/* Add custom CSS styles below */ 
.parent-image {
height: 60px !important;
    width: 75px !important;
    object-fit: contain;
    padding-bottom: 0;
}

.image-section{
    padding-bottom: 0;  
}

.price-section {
    padding: 0 !important;    
}

.price-section span {
  font-size: 1rem !important;
}

.custom-fixed-banner .banner-content{
    gap: 25px;
}

.s-block--testimonials{
    margin-bottom: 4rem;
}

.custom-fixed-banner{
  height: 85vh;
}

.color-swatch span{
  text-align: center;
  color:#fff;
}

.color-swatch.bg-white span{
  color: #000 !important;
}

.form-label{
  font-size: 1.25rem !important;
}

hr{
display: none !important;
}

section.flex.p-5.sm\:pb-0.rounded-md.rounded-b-none{
  padding: 10px !important;
  border: 1px solid #555555;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.store-footer__inner > div > div:not(:first-child) {
    display: none;
}

.store-footer__inner{
  padding: 0.25rem 0rem;
}

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6{
  gap: 0;
}

.store-footer h3{
  margin:0;
}

.option-card input{
  visibility: hidden;
}
.option-card.selected input {
  visibility: visible;
}
@media screen and (max-width: 576px) {
    .custom-fixed-banner {
        height: 50vh;
    }
    
    .custom-store-features
 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.custom-store-features h2{
    margin-bottom: 2.5rem;
}

.category-banner {
height:150px !important;
}

.category-banner h1{
  margin-bottom:1.5rem;
}

.category-products .my-16{
  margin-bottom:1rem !important;
    margin-top:1rem !important;
}

.s-product-card-fit-height .s-product-card-image {
    height: 15rem !important;
    max-height: 20rem !important;
}

.s-product-options-option-container,.s-product-options-wrapper{
  margin-bottom:0.75rem !important;
}

.grid.grid-cols-4.sm\:grid-cols-3.md\:grid-cols-4.gap-4{
  gap: 0.25rem !important;
}

.image-section span{
  margin-bottom:0rem !important;
    margin-top:0rem !important;
}

#karzoun-widget-send-button{
    bottom: 65px;
    left: 5px;
    right: unset;
}

section.flex.p-5.sm\:pb-0.rounded-md.rounded-b-none{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


[lang="en"] #karzoun-widget-send-button{
    left: unset;
    right: 10px;
}

img[alt="hat-french-g"] {
margin: 20px 0px;
}

}