/* Add custom CSS styles below */ 
/*Hero*/
section:nth-child(4){
margin: unset;
}
section:nth-child(4) > div{
padding: unset;
max-width: unset;
}
section:nth-child(4) > div > a > img{
border-radius: unset;
}
/**/

/*Banner*/
section:nth-child(5) > div{
max-width: 550px;
}

@media screen and (min-width: 1280px){
section:nth-child(8) > div , section:nth-child(10) > div , section:nth-child(12) > div{
max-width: 1500px;
}
}
/**/

/*Categories*/
section.s-block.s-block--banners.container > div > a:nth-child(1){
grid-row: unset;
}
section.s-block.s-block--banners.container > div{
gap: 0.75rem;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media screen and (min-width: 600px) and (max-width: 1000px){
section.s-block.s-block--banners.container > div{
gap: 0.75rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}}
@media screen and (max-width: 599px){
section.s-block.s-block--banners.container > div{
gap: 0.5rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}}
/**/

body , img , a{
background-color: transparent !important;
}

/*Footer*/
footer > div.store-footer__inner{
background-color: #B4833E !important;
color: #FFF;
}
footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p{
font-size: 18px;
font-weight: 700;
}
/**/