@media (max-width:1360px){
    .slides {
        .slide {
            height:500px !important;
            max-width:unset !important;
        }
        a,img{
            max-width:unset !important;
            width:auto !important;
            height:100% !important ;
            display:block !important;
        }
    .caption-description {

        div {
            padding:40px !important;
            max-width: unset !important;
        }}}
        .h-list{
            flex-direction: column !important;
        }
}
@media (max-width:767px){
    #mobile_top_menu_wrapper{
    height:calc(100% - 75px) !important;
}}
.add .add-to-cart{
    margin-bottom:20px;
}
.add .product-availability-date{
    display:flex;
    gap: 8px;
}
.footer-payments{
    max-width:50% !important;
}
.footer-after{
    align-items: center;
    display:flex;
}

.feature-cms{
    .row > div:first-child{
        display:none;
    }
    .row > div:last-child{
        width:auto;
        margin:auto;
        float:unset;
    }
}


.slides {
    .caption-description {
        left: 0 !important;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: unset !important;
        place-content: center;

        div {
            padding:16px; 
            display: flex;
            flex-direction: column;
            gap: 16px;
            max-width: 1200px;
            margin: auto;
        }

        h2 {
            margin:0 !important;
            color: white;
            font-weight: 700 !important;
            letter-spacing: 3px !important;
            font-size: 36px !important;
        }

        h2,
        p {
            margin: 0 !important;
            max-width: 500px;
        }

        button {
            transition: 0.2s ease all;

            &:hover {
                background: #000;
            }
            border:none;
            background: #937863;
            color: #fff;
            display: inline-block;
            float: none !important;
            font-weight: 500;
            line-height: 20px;
            margin: 0;
            padding: 15px 15px;
            text-transform: capitalize;

        }
    }

}
.spinner{
    background-image:url("https://holzecke.ch/img/holz-ecke-szafraniec-logo-1615374125.jpg") !important;
}
.top_button{
    background-size: 45px auto !important;
    bottom:20px !important;
    right:20px !important;
    width:45px !important;
    height: 45px !important;
    background-image:url('data:image/svg+xml,.st0{fill:none;}up-to-top') !important;
    &:hover{
        opacity:0.5 !important;
    }
}
#pst_categorycmsblock{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    p{
        max-width: calc( 25% - 10px);
    }
    .pst-categorycmsblock-inner{
        display: flex;
        flex-wrap:wrap;
        gap:20px;

        max-width: calc( 55% - 10px);
        div{
            
            width:100%;
        }
    }
}


#h-container{
  max-width:1200px;
  margin:auto;
  h1{
    text-align:center;
  }
  .h-list{
      display:flex;
      flex-direction:row;
  }
  .h-wrapper{
    display:flex;
    flex-wrap:nowrap;
    .h-image,.h-text,a,img{
      height:auto;
      max-height:100%;
      max-width:100%;
    }
    a{
      display:block;
    }
    .h-image{
      max-width:600px;
      width:50%
    }
    .h-text-wrap{
      max-width:600px;
    }
    .h-text{
      
      margin:0;
      width:100%;
      padding:10px;
      max-width: 600px
    }
    
  }
}


.bestseller-wrapper {
    width: 100%;
}

.pstsubbanner-item-wrapper {
    display: none;
}

.h-list {
    padding: 12px;
    overflow: visible;
    gap: 24px;
    .h-text-wrap{
        z-index: 2;
    }
    .h-pos {
        position: relative;

        &::before {
            font-size:6rem;
            content: "2";
            top: .5rem;
            transform: translateY(50%);
            left: 0;
            opacity: 0.3;
            z-index: -1;
            position: absolute;
        }

        padding:12px;
    }

    .h-pos:first-child {
        &:before {
            content: "1" !important;
        }
    }

    .h-pos:last-child {
        &:before {
            content: "3" !important;
        }
    }
}