.group:before,.group:after {
    content: " ";
    display: table
}

.group:after {
    clear: both
}

.group {
    *zoom:1}

.menu {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.menu li,.menu a {
    display: inline-block
}

.is-header-black #header {
    background-color: #222222
}

.top-navigation-contacts {
    display: none !important
}

@media(min-width: 992px) {
    .is-header-black .header-top .btn.cart-count .cart-price {
        color:#fff !important
    }

    .is-header-black .header-top .btn.cart-count:before {
        color: #fff !important
    }

    .is-header-black .navigation-buttons .click-cart a:after {
        color: #fff
    }

    .header-top {
        padding-top: 40px;
        padding-bottom: 10px
    }
}

@media(min-width: 768px) {
    .is-header-fixed.is-header-scrolling #header {
        position:relative;
        transform: translateY(0);
        transition: transform 450ms 250ms ease-out
    }
}

.p-final-price-wrapper {
    display: flex;
    min-width: 250px;
    text-align: center;
    flex-direction: column;
    margin: 0 20px;
    justify-content: space-between;
    margin-bottom: 0px !important;
    background-color: #358aff;
    border-radius: 10px;
    position: relative;
    margin-left: 0
}

.p-final-price-wrapper span.price-save {
    background-color: #2dbe3c;
    border-radius: 2px;
    box-shadow: 0 0 0 2px #fff;
    color: #fff;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 16px;
    justify-content: center;
    line-height: 1;
    padding: 4px 6px 2px !important;
    margin-right: -30px;
    animation: up_dwn-data-v-3878dae2 1s ease-in-out infinite
}

.p-final-price-wrapper strong.price-final.price-action {
    order: 1;
    background-color: red;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 5px
}

.p-final-price-wrapper span.price-standard {
    order: 3;
    background-color: #2fadda;
    color: #fff;
    margin: 0;
    padding-bottom: 10px;
    border-radius: 0 0 10px 10px;
    padding-bottom: 11px;
    position: absolute;
    bottom: 0;
    font-size: 18px !important;
    padding-left: 12px
}

.p-final-price-wrapper span.price-standard span {
    color: #fff !important
}

.p-final-price-wrapper span.price-additional {
    order: 4
}

.p-final-price-wrapper span.price-measure {
    display: none
}

.p-final-price-wrapper span.price-final-holder {
    color: #fff
}

.pr-button span.price-save {
    background-color: #2dbe3c;
    border-radius: 2px;
    box-shadow: 0 0 0 2px #fff;
    color: #fff;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 24px;
    font-size: 14px;
    justify-content: center;
    line-height: 1;
    padding: 4px 6px 2px !important;
    margin-right: -30px;
    animation: up_dwn-data-v-button 1s ease-in-out infinite
}

.p-info-wrapper .p-final-price-wrapper .price-save {
    display: block
}

strong.price-final {
    text-align: right;
    padding-right: 13px
}

.type-detail span.flag.flag-discount {
    display: none
}

.stories {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 15px;
    min-height: 64px
}

.stories>div {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    align-items: center
}

.stories .profile {
    width: 52px;
    height: 52px;
    margin: 6px;
    font-size: 18px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    box-shadow: 0 0 0 2px #fff;
    cursor: pointer;
    pointer-events: visible;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    text-transform: uppercase
}

.stories .profile:after {
    position: absolute;
    content: "";
    top: -4px;
    left: -4px;
    height: 60px;
    width: 60px;
    z-index: -1;
    background: linear-gradient(45deg, #e6bb1d 10%, red, #c731ff);
    border-radius: 50%
}

.stories .prof-name {
    font-size: 12px;
    max-width: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.image-pop {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-flex-start;
    z-index: 10
}

.image-pop .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(43,46,49,.79608)
}

.image-pop .content {
    width: 90%;
    max-width: 400px;
    z-index: 1
}

.image-pop .content .head {
    display: flex;
    align-items: center;
    color: #fff;
    margin-top: 30px;
    padding: 10px 5px;
    margin-bottom: 0;
    position: relative
}

.image-pop .content .head .close,.image-pop .content .head .image {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.image-pop .content .head .close {
    transform: rotate(45deg);
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 45px;
    font-weight: 300;
    margin-left: auto;
    cursor: pointer
}

.image-pop .content .head .image {
    width: 35px;
    height: 35px;
    background-color: #fff;
    color: gray;
    line-height: 1;
    margin-right: 15px
}

.image-pop .swipe-wr {
    display: flex;
    grid-gap: 5px;
    gap: 5px;
    margin: 8px 0
}

.image-pop .swipe-wr .swipe-item {
    flex: 1;
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg, #a1a1a1 50%, #fff 0);
    background-size: 200% 100%
}

.image-pop .swipe-wr .swipe-item.active-past {
    background: #fff
}

.image-pop .swipe-wr .swipe-item.active {
    animation: swipa-data 4s linear forwards
}

.price-buttons .pr-button {
    position: relative;
    font-size: 17px;
    font-family: "Poppins",sans-serif;
    font-weight: bolder;
    color: #000;
    letter-spacing: -0.025px;
    display: grid;
    grid-template-columns: 1fr auto;
    border: 1px solid #dadada;
    margin-bottom: 1rem;
    padding: 2rem 2rem 3rem 2rem;
    cursor: pointer
}

.price-buttons .pr-button .price__text {
    line-height: normal;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.price-buttons .pr-button .price__text .input {
    width: 25px;
    height: 25px;
    background: #fff;
    border: 2px solid #dadada;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.price-buttons .pr-button .total-price {
    font-size: 10pt;
    font-weight: 600;
    position: absolute;
    top: auto;
    left: auto;
    right: 2rem;
    bottom: 1rem
}

.price-buttons .pr-button::hover {
    position: relative;
    font-size: 17px;
    font-family: "Poppins",sans-serif;
    font-weight: bolder;
    color: #000;
    letter-spacing: -0.025px;
    display: grid;
    grid-template-columns: 1fr auto;
    background: rgba(0,79,84,.05);
    border: 1px solid #004f54;
    margin-bottom: 1rem;
    padding: 2rem 2rem 2rem 5rem;
    cursor: pointer
}

.price-buttons .pr-button .price,.price-buttons .pr-button .color__red {
    color: #d11920;
}

.price-buttons .pr-button.active {
    background: #fafafa;
    border: 2px solid #d11920
}

.price-buttons .pr-button.active .price__text {
    line-height: normal
}

.price-buttons .pr-button.active .price__text .input {
    width: 25px;
    height: 25px;
    background: #fff;
    border: 2px solid #004f54;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

.price-buttons .pr-button.active .price__text .input .input__element {
    width: 18px;
    height: 18px;
    background: #004f54;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 0;
    margin: 0
}

.p-info-wrapper .availability-value {
    letter-spacing: .32px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px
}

.view-count {
    color: #ca232c;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    bottom: 5px;
    margin-right: 5px
}

.view-count:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(https://www.mysteryking.cz/user/documents/upload/Assets/fire-flame-curved.svg);
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 4px
}

.info-wrap {
    border-top: 1px solid var(--color-tertiary)
}

.info-wrap .stars {
    width: 90px;
    height: 16px;
    margin-right: 0px;
    top: 3px
}

.info-wrap ul {
    list-style: none;
    padding-left: 10px
}

.info-wrap li {
    color: #5f6061
}

.info-wrap li:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(https://www.superbalik.cz/user/documents/upload/Assets/Shape.svg);
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 7px;
    margin-right: 5px
}

.info-wrap li.freeDelivery strong {
    color: #3dbd00
}

.info-wrap li.freeDelivery:before {
    background-image: url(https://www.superbalik.cz/user/documents/upload/Assets/delivery.png)
}

.info-wrap li.cashOnDelivery:before {
    background-image: url(https://www.superbalik.cz/user/documents/upload/Assets/cash.png)
}

.info-wrap li.guarantee:before {
    background-image: url(https://www.superbalik.cz/user/documents/upload/Assets/Path.png)
}

.info-wrap li.star:before {
    background-image: url(https://www.superbalik.cz/user/documents/upload/Assets/star.png)
}

.guarantee-bottom {
    display: flex;
    padding: 10px 20px;
    background: #f6e8c6;
    border: 1px solid #e8d7af
}

.guarantee-bottom .emblem {
    flex: 1 0 20%;
    padding-top: 13px;
    margin-right: 12px;
    max-width: 95px
}

.guarantee-bottom .text {
    max-width: 300px
}

.guarantee-bottom .text h3 {
    color: #232f3e;
    margin-bottom: 10px
}

.guarantee-bottom .text p {
    color: #5b6064
}

.payment {
    margin-bottom: 20px
}

.social-buttons-wrapper {
    margin-top: 0
}

.upsale .products .product {
    padding-left: 0;
    position: relative;
    float: none;
    width: 100%;
    min-height: 120px
}

.upsale .products .product a.image {
    flex: 1 0 15%;
    padding-right: 10px
}

.upsale .products .product .p {
    display: flex;
    padding: 10px 10px 10px
}

.upsale .products .product a.name {
    font-size: 15px;
    font-weight: 600
}

.upsale .products .product .ratings-wrapper {
    display: none
}

.upsale .products .product .availability {
    display: none
}

.upsale .products .product span.p-code {
    display: none
}

.upsale .products .product .prices {
    position: absolute;
    right: 50px;
    top: 10px
}

.upsale .products .product span.product-btn {
    display: flex;
    align-items: flex-end
}

.upsale .products .product .price.price-final {
    display: flex;
    flex-direction: column;
    font-size: 17px
}

.upsale .products .product .price.price-final span.price-standard span {
    font-size: 12px
}

.upsale .products .product .btn.btn-cart,.upsale .products .product a.btn.btn-cart,.upsale .products .product .btn.add-to-cart-button,.upsale .products .product a.btn.add-to-cart-button {
    position: relative;
    padding: 8px;
    line-height: 1;
    min-height: 20px
}

.upsale .products .product .btn.btn-cart::after,.upsale .products .product a.btn.btn-cart::after,.upsale .products .product .btn.add-to-cart-button::after,.upsale .products .product a.btn.add-to-cart-button::after {
    display: none
}

.products-related-block {
    display: none
}

@keyframes up_dwn-data-v-3878dae2 {
    0%,100% {
        transform: translateY(-20px) rotate(15deg)
    }

    50% {
        transform: translateY(-25px) rotate(15deg)
    }
}

@keyframes up_dwn-data-v-button {
    0%,100% {
        transform: translateY(-20px) rotate(5deg)
    }

    50% {
        transform: translateY(-25px) rotate(5deg)
    }
}

@keyframes swipa-data {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -100% 0
    }
}

@media(min-width: 1200px) {
    .p-info-grid .detail-availability-block {
        order:3;
        text-align: right
    }
}

@media(max-width: 768px) {
    .p-info-grid .detail-grid-item {
        width:100%;
        padding: 0 10px;
        margin-bottom: 25px
    }

    .p-info-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
        flex-direction: column
    }

    strong.first {
        left: -20px;
        top: 11px !important
    }
}

.plugin-fixed-header {
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    transition: .15s;
    transform: translateZ(0);
    box-shadow: 0 0 5px #b4b4b4;
    border-bottom: 1px solid #aaa
}

@media(min-width: 469px) {
    .plugin-fixed-header {
        top:-200px
    }
}

@media(max-width: 468px) {
    .plugin-fixed-header {
        bottom:-200px
    }
}

@media(min-width: 469px) {
    .plugin-fixed-header.active {
        top:0 !important;
        bottom: unset !important
    }
}

@media(max-width: 468px) {
    .plugin-fixed-header.active {
        bottom:0
    }
}

.plugin-fixed-header__container {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    max-width: 1220px;
    margin: 0 auto
}

@media(max-width: 468px) {
    .plugin-fixed-header__container {
        display:block;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.plugin-fixed-header__name {
    width: calc(100% - 480px);
    font-size: 20px;
    font-weight: 700
}

@media(max-width: 468px) {
    .plugin-fixed-header__name {
        display:none
    }
}

.plugin-fixed-header__image {
    width: 80px;
    height: 50px
}

@media(max-width: 468px) {
    .plugin-fixed-header__image {
        display:none
    }
}

.plugin-fixed-header__availability {
    font-size: 15px;
    padding-left: 20px;
    font-weight: 400;
    color: #454545
}

@media(max-width: 468px) {
    .plugin-fixed-header__availability {
        display:none
    }
}

.plugin-fixed-header__img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%
}

@media(max-width: 468px) {
    .plugin-fixed-header__img {
        display:none
    }
}

.plugin-fixed-header__price {
    width: 200px;
    text-align: right;
    font-size: 24px;
    font-weight: 700
}

@media(max-width: 468px) {
    .plugin-fixed-header__price {
        display:none
    }
}

.plugin-fixed-header__basket {
    width: 200px;
    text-align: right;
    padding-left: 20px
}

@media(max-width: 468px) {
    .plugin-fixed-header__basket {
        width:100%;
        padding: 0 10px
    }
}

.plugin-fixed-header__basket>button {
    width: 100% !important
}

@media(max-width: 468px) {
    .plugin-fixed-header__basket>button {
        display:block !important;
        padding: 6px 10px !important
    }
}

div.cntdwn {
    display: flex;
    background: #de1313;
    color: #fff;
    font-size: 18px;
    padding: 20px;
    padding-bottom: 4px;
    font-weight: 600;
    margin-bottom: 20px;
    max-width: 100%
}

div.cntdwn strong {
    font-size: 27px;
    margin: 0 7px;
    top: 3px;
    position: relative;
    color: #ffd400
}

.cntdwn-items {
    display: flex;
    margin-left: 10px;
    position: relative;
    top: 10px
}

.cntdwn-items .item {
    border-radius: 0
}

.cntdwn-items>div {
    margin-right: 10px
}

.shipping-options-block {
    width: 200px
}

.flag.flag-discount {
    background-color: #d11920 !important
}

.flags-extra .flag {
    width: 60px;
    height: 60px;
    font-size: 17px !important
}

.flags-extra .flag .price-standard,.flags-extra .flag .price-save {
    font-size: 15px
}

@media screen and (max-width: 400px) {
    div.cntdwn {
        display:flex;
        background: #cb0000;
        color: #fff;
        font-size: 16px;
        padding: 20px;
        padding-bottom: 4px;
        font-weight: 600;
        margin-bottom: 20px;
        max-width: 450px;
        flex-direction: column;
        line-height: 8px;
        padding-bottom: 20px
    }
}

/*# sourceMappingURL=superbalik.css.map */