/* Add custom CSS styles below */ 
.matcha-categories  > div > div > a > div > div.absolute.bottom-0.left-0.right-0.p-6.text-white > h4{
	position: absolute !important;
	right: 1rem !important;
	background: #FC92B8 !important;
	bottom: 1rem !important;
	border-radius: 1rem !important;
	padding: 1rem !important;
}

.s-block--hero-slider .swiper-slide {
    min-height: unset !important;
    height: auto !important;
}
.s-block--hero-slider .swiper-slide {
    aspect-ratio: 12 / 8!important;
}
.s-block--hero-slider .home-slider__content {
    height: auto !important;
    padding-bottom: 0 !important;
}

.s-product-card-entry {
  border: 3px solid #000  !important;
  overflow: hidden !important;
}
.s-product-card-image {
  overflow: hidden;
}
.matcha-store-footer .matcha-store-footer__inner salla-social .s-social-list .s-social-link a {
background-color: black !important;
}


.s-block--slider-with-bg .slider-bg:before{
	    background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 0)) !important;
	    opacity: 0.2 !important;
}
.matcha-categories  > div > div.grid > a > div > div  > div{
	display: none !important;
}

.matcha-categories > div > div > a > div > div.absolute.bottom-0.left-0.right-0.p-6.text-white > h4 {
    display: inline-block !important;
    border: 2px solid #d4af37 !important;
    border-radius: 50px !important;
   background-color: rgba(255, 255, 255, 0.75) !important;
}



.matcha-categories > div > div > a > div > div.absolute.bottom-0.left-0.right-0.p-6.text-white >
h4{
	padding: 0.4rem !important;
	    right: 2rem !important;
	        bottom: 0.1rem !important;
}

.s-block--banners .banner__title {
    color: #000000 !important;
}




.s-product-card-image img{
	aspect-ratio: 7/8 !important;
}
.s-product-card-entry .s-product-card-image{
	    height: unset !important;
	    max-height: unset !important;
}


@media(max-width: 768px){
.s-product-card-content-title{
font-size: .75rem !important;
    line-height: 1rem !important;
    height: 3.5rem !important;
    overflow: hidden !important;
    
}
}
@media(min-width: 768px){
.s-product-card-content-title{
font-size: .85rem !important;
    line-height: 1rem !important;
    height: 3.5rem !important;
    overflow: hidden !important;
    
}
}