/* Add custom CSS styles below */ 
:root{
    --main-color : #2e0a3f;
    --white-color : #FFF;
}
/* product */
.s-product-card-content{
    text-align : center !important;
}
.s-product-card-content-sub{
    justify-content : center !important;
}
.s-block__title{
    justify-content : center;
}
/* header */
header.store-header  , header .inner {
    background: var(--main-color);
    color : var(--white-color)
}
header .sub-menu ul li{
    background: var(--main-color) !important;
    color : var(--white-color) !important; 
}
header .main-menu ul li a span:hover{
    color : var(--white-color) !important
}
.top-navbar .s-search-input {
    color: var(--white-color) !important;
}
.topnav-is-dark .top-navbar,
header .main-nav-container ,
.s-cart-summary-content b ,
.header-btn__icon ,
.sicon-menu 
{
    color: var(--white-color) !important;
}
.s-user-menu-trigger {
    background: transparent;
}
.header-btn__icon.icon ,i.header-btn__icon.sicon-user-circle{
    color : var(--white-color) !important;
    border-color : var(--white-color) !important;
}
/* hero section */
main > section.s-block--fixed-banner:first-child {
    margin-top : 0 !important;
}
main > section.s-block--fixed-banner:first-child .container{
    padding : 0 !important;
    max-width : 100% !important;
}
main > section.s-block--fixed-banner:first-child .container .banner--fixed img{
    border-radius : 0 !important;
}
/* categories */
section.s-block--banners .s-block__title{
    justify-content : center !important;
}
section.s-block--banners .s-block__title .right-side{
    padding : 0 !important;
}
section.s-block--banners .s-block__title .right-side h2{
    font-size: 2rem;
    position : relative;
    display : inline-flex;
    align-items : center;
}
section.s-block--banners .two-row .banner-entry{
    background-color : transparent !important;
}
.banner-entry{
    transition : 0.3s
}
.banner-entry:hover {
    transform : scale(0.95);
}
section.s-block--banners .grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
section.s-block--banners .two-row .banner-entry:first-child{
    grid-row: span 1 / span 1;
}
section.s-block--banners .two-row .banner-entry{
    height: 13vw !important;
}
section.s-block--banners + section.s-block--banners .grid ,
section.s-block--banners:has(+section.s-block--banners) .grid
{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
section.s-block--banners + section.s-block--banners .grid .banner-entry,
section.s-block--banners:has(+section.s-block--banners) .grid .banner-entry
{
    background-color : transparent !important;
}
/*  */
.s-block.container+.s-block--banners .grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.s-block.container+.s-block--banners .grid a{
    padding: 8rem;
}
.s-block.container+.s-block--banners .grid a:first-child{
    grid-row: span 3 / span 3;
    grid-column: span 3 / span 3;
    padding: 17rem;
}
/* footer */
.store-footer , .store-footer__inner{
    background : var(--main-color) !important;
    color : var(--white-color);
    text-align : center;
}
.store-footer .grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.store-footer .grid div:first-child {
    grid-column: span 1 / span 1 !important;
}
.store-footer__inner .container > div:first-child div , .s-social-list{
    justify-content : center;
}
.s-contacts-list-vertical {
    align-items : center;
}
.copyright-text p{
    color : var(--white-color) !important;
}

header.store-header {
    background: var(--main-color);
}



@media(max-width:1024px){
section.s-block--banners .two-row .banner-entry{
    height: 31vw !important;
}
/* fisrt section */
section.s-block--banners:has(+ section.s-block--banners) .banner-entry:first-child{
    height: 65vw !important;
    padding : 0 !important;
}
section.s-block--banners:has(+ section.s-block--banners) .banner-entry:last-child{
    height: 40vw !important;
    padding : 0 !important;
}
/* second section */
section.s-block--banners + section.s-block--banners .banner-entry:first-child{
    height: 41vw !important;
    padding : 0 !important;
}
section.s-block--banners + section.s-block--banners .banner-entry:last-child{
    height: 66vw !important;
    padding : 0 !important;
}
}
@media(max-width:992px){
section.s-block--banners .grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* second section */
section.s-block--banners + section.s-block--banners .banner-entry:first-child{
    height: 40vw !important;
    padding : 0 !important;
}
section.s-block--banners + section.s-block--banners .banner-entry:last-child{
    height: 64vw !important;
    padding : 0 !important;
}
.store-footer__inner .container > div:first-child div{
    justify-content : center;
    margin: 10px auto;
}
.s-block.container+.s-block--banners .grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.s-block.container+.s-block--banners .grid a{
    padding: 1rem;
}
.s-block.container+.s-block--banners .grid a:first-child{
    grid-row: span 2 / span 2;
    grid-column: span 2 / span 2;
    height: 49vw !important;
    padding: 0px !important;
}
.store-footer .grid{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
}
@media(max-width:600px){
section.s-block--banners .two-row .banner-entry{
    height: 31vw !important;
}
}