/**main banner**/

.art-banner-2 .art-title {
    font-size: 56px;
    color: #ffffff !important;
    height: 50px;
}
.art-banner-2-button {
    font-size: 22px;
    border: #ffffff 1px solid;
    background: #531a30;
    padding: 14px 25px;
}
.art-banner-2-button {
    font-size: 22px;
    border: #ffffff 1px solid;
    background: #531a30;
    padding: 14px 25px;
    color: azure !important;
}

.art-store-footer {
    background-color: #ffffff !important;
    color: #000000 !important;
    margin-top: 0 !important;
}

.art-banner-header {
    background: #ffffff00 !important;
}

.art-banner-2 .container {
    text-align: center;
    flex-direction: column-reverse !important;
    justify-content: end;
}

.art-banner-header {
    width: 100% !important;
    height: 69% !important;
}

/**end*/
/***/
.s-products-list-horizontal-cards, .art-categories-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}


.art-categories-grid .relative:nth-of-type(1){
  grid-column:1/3;
  grid-row:1/3
}

/***/

/***/
.art-banner .art-banner-header {
    width: 50% !important;
    height: 100% !important;
}

/***/



@media(max-width:768px) {

/*art-banner-2**/
.art-banner-2 {
    height: 40vh;
}

.art-banner-2 .art-title {
    font-size: 21px;
    color: #ffffff !important;
    height: 26px;
}



.art-banner .art-banner-header {
    width: 100% !important;
    height: 100% !important;
}
/*** end art-banner-2*/
.art-banner-header {
    width: 100% !important;
    height: 100% !important;
}

.art-banner {
  
    height: 50vh;
}
 .art-banner .art-title{
     font-size: 28px; 
    font-weight: 700 !important;
    text-align: center;
    width: 90%;
    line-height: 33px;
}
/***art-categories-grid*/
.art-categories-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.art-categories-grid .relative:nth-of-type(1) {
 grid-column: unset;

}

/**end*/
/*products**/
.tabs__item .s-products-list-wrapper{
display:flex;
overflow:auto;
    
}
.tabs__item .s-product-card-entry{
min-width:200px;
    
}

  .s-product-card-content-title a {

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




 .product-index  .s-products-list-wrapper {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
}
.product-index .s-product-card-entry {
 
    width: 48%;
    justify-content: center;
}
/****/  
}