h1,h2,h3,h4,h5, h6 { margin:0; line-height:100%}  
h1 {font-size:2.0rem; }  
    
.select-bg-active { background: var(--primary-color) ; color:#fff; }
.select-border-active { border: 3px solid var(--primary-color) !important }
.akcent  { color: var(--primary-color) !important }
.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid var(--primary-color);
}  
    
.btn-mainback {
    background: var(--primary-color) !important ; color:#fff !important;
}
        
.col-boja {
    flex: 0 0 auto;
    width: 20%;
}.
.aroma2x1{
    height: 48px;
    width: 96px;
}    
.basket-container{
    position: relative;
        background: var(--purple-100);
}
@media screen and (max-width: 600px) {
    .boja1x1 {
        width: 32px;
        height: 32px;
        }
    .aroma2x1{
        height: 32px;
        width: 64px;
    }    
    
    .basket-container{
        position: fixed;
        width: 100%;
        z-index: 120;
        bottom: 0;
        background: var(--purple-300);
        left: 0;
    }
    .basket-back{
        display: block;
        position: fixed;
        width: 100%;
        z-index: 120;
        bottom: 0;
        left: 0;
        background: var(--primary-color);
        opacity: 0.3;
    }       
}