@import "flypage.css";

div.part-webshop h1.component-heading {
    font-size: 36px;
    line-height:44px;
    color: var(--lblue);
    text-transform: uppercase;
    position: relative;
}

div.part-webshop .pager-bottom.top-pagination {
    display:none;
}

div.part-webshop .ws_sorting {
    display:none;
}

div.part-webshop .ws-cat-item.index .wsp-img,
div.part-webshop .ws-cat-item.result .wsp-img,
div.part-webshop .ws-cat-item.list .wsp-img {
    padding-top:66%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    position:relative;
    z-index:2;
}

div.part-webshop .ws-cat-item .wsp-img-bg {
    position:absolute;
    top:0;
    right:0;
    left:0;
    padding-top:66%;
    z-index:1;
    overflow:hidden;
}

div.part-webshop .ws-cat-item .wsp-img-bg span {
    display: block;
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

div.part-webshop .component-body {
    display:flex;
    flex-wrap:wrap;
    
}

div.part-webshop .component-body > p a.btn {
    margin-top:0;
    margin-left:20px;
}

div.part-webshop .ws-cat-item.index,
div.part-webshop .ws-cat-item.result,
div.part-webshop .ws-cat-item.list {
    order:2;
    width:370px;
    margin-left:10px;
    margin-right:10px;
    background-color:#ffffff;
    margin-bottom:20px;
}

div.part-webshop .ws-cat-item.result,
div.part-webshop .ws-cat-item.list {
    width:370px;
}

div.part-webshop.index div.clear,
div.part-webshop.result div.clear,
div.part-webshop.list div.clear {
    display:none;
}

div.part-webshop a.wsp-box,
div.part-webshop a.wsp-box > span,
div.part-webshop a.wsp-box > span > span {
    display:block;
}

div.part-webshop a.wsp-box {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:100%;
}

div.part-webshop .wsp-cont {
    padding:20px 20px 40px 20px;
}

div.part-webshop .wsp-cont * {
    text-align:left !important;
}

div.part-webshop .wsp-categ {
    color:var(--lblue);
    display:block;
    padding-right:30px;
    position:relative;
}

div.part-webshop .wsp-categ .wsimglist {
    position:absolute;
    top:0;
    right:0;
    z-index:3;
}

div.part-webshop .wsp-categ .wsimglist span {
    opacity:0;
    position:absolute;
    z-index:5;
    padding:5px 10px;
    pointer-events:none;
    display:block;
    top:10px;
    right:10px;
    background-color:rgba(255,255,255,0.85);
    border-radius:3px;
    box-shadow:10px 10px 10px rgba(0,0,0,0.2);
    transition:0.3s;
}

div.part-webshop .wsp-categ .wsimglist:hover span {
    opacity:1;
}

div.part-webshop .wsp-categ .wsimglist img {
    max-width:20px;
    max-height:20px;
}

div.part-webshop .wsp-title {
    font-family:'PTSansBold';
    font-size:24px;
    line-height:32px;
    display:block;
}

div.part-webshop.index .wsp-desc *,
div.part-webshop.result .wsp-desc *,
div.part-webshop.list .wsp-desc * {
    margin:0;
    display:none;
}

div.part-webshop.index .wsp-desc p:first-child,
div.part-webshop.result .wsp-desc p:first-child,
div.part-webshop.list .wsp-desc p:first-child {
    display:block;
    max-height:50px;
    overflow:hidden;
}

div.part-webshop.index .wsp-desc p strong,
div.part-webshop.result .wsp-desc p strong,
div.part-webshop.list .wsp-desc p strong,
div.part-webshop.index .wsp-desc p span,
div.part-webshop.result .wsp-desc p span,
div.part-webshop.list .wsp-desc p span {
    display:inline;
    font-family:'PTSansRegular';
}

div.part-webshop .wsp-footer > span {
    display:block;
}

div.part-webshop .wsp-oldprice {
    padding:5px 20px;
    margin-left:40px;
    color:var(--dblue);
    border-top-left-radius:20px;
    font-size:12px;
    line-height:20px;
    text-transform:uppercase;
    background-color:#e0e0e0;
    text-align:right;
    float:right;
}

div.part-webshop .wsp-footer {
    min-height:60px;
    background-color:#f0f0f0;
}

div.part-webshop .wsp-data {
    padding:0 20px;
    background-color:var(--dblue);
    clear:both;
}

div.part-webshop .wsp-data * {
    color:#ffffff;
}

div.part-webshop .wsp-data > span {
    display:block;
}

div.part-webshop .wsp-data .wsp-space {
    padding-top:20px;
    padding-bottom:20px;
    float:left;
    background-repeat:no-repeat;
    background-position:0 center;
    background-image:url('../gfx/team.svg');
    padding-left:30px;
    font-size:20px;
    line-height:20px;
}

div.part-webshop .wsp-data .wsp-price {
    padding-top:20px;
    padding-bottom:20px;
    float:right;
    font-family:'PTSansBold';
    font-size:20px;
    line-height:20px;
}

div.part-webshop .wsp-data .wsp-price.noprice {
    font-family:'PTSansRegular';
    font-size:12px;
    text-transform:uppercase;
}

div.part-webshop .wsp-data::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

div.part-webshop .wsp-oktato {
    position:absolute;
    z-index:2;
    top:10px;
    left:10px;
    border-radius:50%;
    width:64px;
    height:64px;
    border:solid 3px var(--lblue);
}

div.part-webshop .wsp-oktato ul.wsimglist {
    border-radius:50%;
    width:58px;
    height:58px;
    border:solid 3px #ffffff;
}

div.part-webshop .wsp-oktato ul.wsimglist li {
    position:relative;
    background-color:#ffffff;
    border-radius:50%;
    width:52px;
    height:52px;
}

div.part-webshop .wsp-oktato ul.wsimglist li img {
    border-radius:26px;
    display:block;
    width:100%;
    height:100%;
    max-height:100%;
}

div.part-webshop .wsp-oktato ul.wsimglist li span {
    position:absolute;
    z-index:3;
    opacity:0;
    transition:0.3s;
    white-space:nowrap;
    top:calc(100% - 10px);
    left:calc(100% - 10px);
    background-color:rgba(255,255,255,0.7);
    padding:5px 10px;
    border-radius:3px;
    box-shadow:10px 10px 10px rgba(0,0,0,0.2);
    pointer-events:none;
}

div.part-webshop .wsp-oktato:hover ul.wsimglist li span {
    opacity:1;
}


@media only screen and (min-width:1324px) and (max-width:1653px) {
    div.part-webshop .ws-cat-item.index {
        width:298px;
    }
    
    div.part-webshop .ws-cat-item.result,
    div.part-webshop .ws-cat-item.list {
        width:298px;
    }
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    div.part-webshop .ws-cat-item.index {
        width:343px;
    }
    
    div.part-webshop .ws-cat-item.result,
    div.part-webshop .ws-cat-item.list {
        width:303px;
    }
}

@media only screen and (min-width:640px) and (max-width:993px) {
    div.part-webshop .ws-cat-item.index {
        width:292px;
    }
    
    div.part-webshop .ws-cat-item.result,
    div.part-webshop .ws-cat-item.list {
        width:292px;
    }
}

@media only screen and (max-width:639px) {

    div.part-webshop .ws-cat-item.index,
    div.part-webshop .ws-cat-item.result,
    div.part-webshop .ws-cat-item.list {
        flex-basis:100%;
        margin-left:0;
        margin-right:0;
    }
}