@charset "utf-8";
/* CSS Document */

@media (max-width:767px) {
	body{overflow-x: hidden;}
	.nonMobile{display:none;}
	.mobile{display: block;}
	.h1{font-size: 9vw;}
	.reverse{flex-direction: column-reverse;}
	.h1::before{right: 0%; top: unset;bottom: -15px;}
	.h1::after {top: unset; bottom: -23px;}
	.doNotScroll {overflow: hidden; height: 100vh;}

	header .navMobile {left: -100%; position: fixed; height: calc(100% - 219px);bottom: 69px; background: white; z-index: 99; transition: .3s all;visibility: hidden;overflow-x: hidden;overflow-y: auto;}
	header.small .navMobile {height: calc(100% - 209px);}
	.navMobile::-webkit-scrollbar-thumb {
		background-color: rgba(0,0,0,.25);
	}
	.navMobile::-webkit-scrollbar-track {
		background-color: rgba(0,0,0,.15);
	}
	.navMobile::-webkit-scrollbar {
		display: block !important;
		width: 4px !important;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{position: unset;}
    .headerBehind{min-height: 151px;}
	header .headerHolder .logoHolder img{ margin-top: 0;}
	.navMobile.open{left: 0;visibility: visible;}
	.navMobile .headerMenu {padding: 0;margin: 0;text-align: center;list-style: none;}
	.navMobile .headerMenu > li {width: 100%;padding: 20px;}
	.navMobile .headerMenu > li .subLinkHolder {display: block;background: #fff;left: 100%;position: absolute;top: 0;z-index: 10;width: 100%;min-height: 90vh;margin-left: 0;list-style: none;padding: 0;bottom: 0;overflow-y: scroll;overflow-x: hidden;visibility: hidden;}
	.navMobile .headerMenu > li .subLinkHolder.open{left: 0;visibility: visible;}
	.navMobile .headerMenu > li > a {width: 100%;display: block;min-height: 35px;}
	.navMobile .headerMenu > li > .arrow {position: absolute;right: 0;transform: translateY(-70%);color: #2c3e50;background-color: white;padding: 37px;color: #dfa726;}
	.navMobile .headerMenu > li .subLinkHolder >li {padding: 20px;}
	.navMobile .headerMenu > li .subLinkHolder >li > a{display: block;width: 100%;}
	.navMobile .headerMenu > li .subLinkHolder .back {position: relative;}
	.navMobile .headerMenu > li .subLinkHolder .back i{position: absolute;left: 25%;top: 50%;transform: translateY(-50%);color: #dfa726;}
	header .searchBox .randomProducts .randomProductsWrapper{margin-bottom: 84%;}

	header .searchBox .randomProducts .randomProductsWrapper .singleRandom .infoRandom > a{transform: translateY(25%);}
	header .searchBox .randomProducts .randomProductsWrapper .singleRandom .infoRandom > .productPrice{line-height: 1;transform: translateY(-25%);}

	.hamburger{margin-right: auto;}
	header .headerHolder .menuWrapper{display: none;}
	header .headerHolder .optionsWrapper .mobileUser{display: none;}
	header .headerHolder .optionsWrapper .mobileHeart{display: none;}
	header .headerTop{justify-content: center;font-size: 14px;}
	header .headerHolder{justify-content: unset; flex-direction: row;}
	header .headerHolder .logoHolder{margin-right: auto;}
	header .headerTop .headerContact{width: auto;}

	#slider .mainSwiper .swiper-wrapper{height: calc(1350vw/18);}
	#slider .mainSwiper .swiper-wrapper .swiper-slide{background-size: contain;}

	#category{width: 100%;margin-top: -30px;}
	#category .categoryHolder{width: 100%; height: 740px; flex-wrap: wrap; gap: 10px; margin: 0; margin-bottom: 50px;}
	#category .categoryHolder .categoryBig{width: 100%; height: 50%; margin: 0; padding: 0;}
	#category .categoryHolder .categoryMultiple{width: 100%; height: 50%; margin: 0; padding: 0; gap: 10px;}
	#category .categoryHolder .categoryMultiple .categoryDouble{width: 50%; height: 100%; gap: 10px;}
	#category .categoryHolder .categoryMultiple .categoryDouble .categorySmall{width: 100%; height: 50%;}
	#category .categoryHolder .categoryMultiple .categoryLong{width: 50%; height: 100%;}

	#category .categoryHolder .categoryMultiple .categoryDouble .categorySmall:first-child .categoryText{bottom: 15px;height: 45px;line-height: 15px;width: 70%;}
	#category .categoryHolder .categoryMultiple .categoryDouble .categorySmall .categoryText {line-height: 15px;width: 70%;height: 45px;}
	#category .categoryHolder .categoryMultiple .categoryLong .categoryText {line-height: 15px;width: 70%;height: 45px;}

	#leftFiltersForm{display: none;}
	#categoryHolder .productsHolder .productHolder{width: 50%;}
	#recomendedProducts .productsHolder .productHolder{width: 50%;}
	.filtertoscroll{position: absolute;transform: translateY(-105px);}

	.productsHolder .productHolder{width: calc(calc(100% - 5px)/2) !important;}

    #wf-tabs label:before{margin:0;font-size:18px}
	#wf-tabs label{transform: unset;position: unset;left: unset;font-size:16px;width: 31.54%;padding: 5px 8px;}

	#trending{margin-bottom: 30px;}
	#trending .mainTitle .mainTitleText::before{width: 20px;}
	#trending .mainTitle .mainTitleText::after{width: 20px;}
	#trending .productsHolder{padding: 0; margin: 0; gap: 5px;}
	#trending .productsHolder .productHolder{width: 45%; gap: 15px; padding: 0; margin: 0;}
	#trending .productsHolder .productHolder .productImgHolder .overlay{display: none;}
	#trending .productsHolder .loadMore{margin-top: 0px;}
	#trending .productsHolder .productHolder .productImgHolder{position: relative;}
	#trending .productsHolder .productHolder .productImgHolder .overlay-mob{display: flex; flex-direction: column; justify-content: space-around; align-items: center; background-color: #fff; position: absolute; bottom: 10px; right: 10px; padding: 5px; border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px;}
	#trending .productsHolder .productHolder .productImgHolder .overlay-mob a{display: block;}
	#trending .productsHolder .productHolder .productImgHolder .overlay-mob a i{font-size: 16px; color: #000;}

	.subcategoryItem{width: 100%;}
	.subcategoryItem .thumbHolder{background-size: contain;}

	#smallBanner{width: 100%;}
	#smallBanner .smallBannerHolder{flex-wrap: wrap; padding: 0; margin: 0;}
	#smallBanner .smallBannerHolder .singleSmallBanner{width: 100%; padding: 0; margin: 0;}

	#bestSeller{width: 100%; margin-bottom: 25px;}
	#bestSeller .mainTitle .mainTitleText::before{width: 20px;}
	#bestSeller .mainTitle .mainTitleText::after{width: 20px;}
	#bestSeller .productsHolder{padding: 0; margin: 0; gap: 5px;}
	#bestSeller .productsHolder .productHolder{width: 45%; gap: 15px; padding: 0; margin: 0;}
	#bestSeller .productsHolder .productHolder .productImgHolder{position: relative;}
	#bestSeller .productsHolder .productHolder .productImgHolder .overlay-mob{display: flex; flex-direction: column; justify-content: space-around; align-items: center; background-color: #fff; position: absolute; bottom: 10px; right: 10px; padding: 5px; border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px;}
	#bestSeller .productsHolder .productHolder .productImgHolder .overlay-mob a{display: block;}
	#bestSeller .productsHolder .productHolder .productImgHolder .overlay-mob a i{font-size: 16px; color: #000;}

	#blog .mainTitle .mainTitleText::before{width: 18px;}
	#blog .mainTitle .mainTitleText::after{width: 18px;}
	#blog .blogsHolder{display: none;}
	#blog .blogSwiper{display:flex; padding-bottom: 120px;}
	#blog .blogSwiper .swiper-wrapper{width: 100%; height: 450px;}
	#blog .blogSwiper .swiper-wrapper .swiper-slide{width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; position: relative;}
	#blog .blogSwiper .swiper-wrapper .swiper-slide .singleBlog{display: block; position: absolute; top: 90%; left: 15px;}
	#blog .blogSwiper .swiper-wrapper .swiper-slide .singleBlog h3{margin-bottom: 5px; font-size: 16px; font-weight: 600; color: #000;}
	#blog .blogSwiper .swiper-wrapper .swiper-slide .singleBlog .blogAutDate{margin-bottom: 5px; color: #878787; font-size: 14px; font-weight: 400;}
	#blog .blogSwiper .swiper-wrapper .swiper-slide .singleBlog .blogAuthor{color: #000; font-weight: 500;}
	#blog .blogSwiper .swiper-wrapper .swiper-slide .singleBlog .blogDate{color: #000; font-weight: 500;}
	#blog .blogSwiper .swiper-wrapper .swiper-slide .singleBlog .shortDescription{color: #878787; font-size: 14px; font-weight: 500;}
	#blog .blogSwiper .swiper-button-prev{height: 36px; width: 36px; border-radius: 50%; background-color: #abb1b4; color: #fff;}
	#blog .blogSwiper .swiper-button-prev::after{font-size: 16px;}
	#blog .blogSwiper .swiper-button-next{height: 36px; width: 36px; border-radius: 50%; background-color: #abb1b4; color: #fff;}
	#blog .blogSwiper .swiper-button-next::after{font-size: 16px;}

	.productInfoWrapper .productTitle{min-height: 96px;}
	#verticalSlider{transform: none;width: 80vw;position: relative;top: auto;left: auto;margin: 20px auto;}
	#verticalSlider .item a img{transform: none;width: 70px;min-width: auto;}
	.productItemImagesHolder{display: flex;flex-flow: column-reverse;}
	.productMainImageHolder{padding-left: 0;}

	.cardsHolderLeft img, .cardsHolderRight img, .cardsHolderMiddle img {width: 100%; height: 30px;}

	footer .footerHolder{display: none;}
	footer .footerHolder-mob{display: initial;}
	footer .footerHolder-mob{width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-color: #f6f6f8; padding: 30px 10px 30px 20px;}
	footer .footerHolder-mob .footer-mob-cat{width: 100%;}
	footer .footerHolder-mob .footer-mob-cat .mobile-menu{display: none;}
	footer .footerHolder-mob .footer-mob-cat .mobile-menu.open{display: initial;}
	footer .footerHolder-mob .footer-mob-cat .footerCol{width: 100%; gap: 10px; margin-bottom: 25px;}
	footer .footerHolder-mob .catName{color: #000; font-size: 16px; font-weight: 500; margin-top: 5px; position: relative;}
	footer .footerHolder-mob .footer-mob-cat h2 .plusMinus{padding-left: 65%; font-size: 24px; font-weight: 100; position: absolute; right: 20px;}
	footer .footerHolder-mob .footer-mob-cat .footerCol .logoHolder{max-width: 95px; height: auto; margin-bottom: 30px;}
	footer .footerHolder-mob .footer-mob-cat .footerCol .logoHolder img{width: 100%; height: 100%;}
	footer .footerHolder-mob .footer-mob-cat .footerCol p{color: #878787; font-size: 14px; font-weight: 500;}
	footer .footerHolder-mob .footer-mob-cat .footerCol i{font-size: 22px; margin-right: 5px; padding-top: 5px; vertical-align: top;}
	footer .footerHolder-mob .footer-mob-cat .footerCol .footAdr{display: inline-block;}
	footer .footerHolder-mob .footer-mob-cat .footerCol ul{list-style: none; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 17.5px; padding: 0; color: #878787; font-size: 14px; font-weight: 500;}
	footer .footerHolder-mob .footer-mob-cat .footerCol:last-child p{font-size: 14px; font-weight: 500;}
	footer .footerHolder-mob .footer-mob-cat .footerCol .formFields{width: 100%; display: flex; justify-content: space-between; color: #878787; border: 1px solid #000; border-radius: 25px; padding: 5px; padding-right: 2px;}
	footer .footerHolder-mob .footer-mob-cat .footerCol .formFields input{display: inline-block; border: 0 solid #000; border-radius: 25px; font-size: 14px; font-weight: 500; padding-left: 45px;}
	footer .footerHolder-mob .footer-mob-cat .footerCol .formFields .submit{display: inline-block; color: #fff; background-color: #000; font-size: 14px; font-weight: 600; border-radius: 25px; padding: 5px 10px;}
	footer .copy{margin-bottom: 100px;}
	footer .footer-mob-fix{display: flex; justify-content: space-between; align-items: center; position: fixed; bottom: 0; width: 100%; background-color: #fff; padding: 10px; z-index: 200;}
	footer .footer-mob-fix a{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
	footer .footer-mob-fix a span{font-size: 12px; color: #000;position: relative;}
	footer .footer-mob-fix a span i{font-size: 24px;}

	.cart_header{display: none;}
	.cardsHolder img{height: 5vw; margin: 4vw;}
	.cart_span_izbaci{position:absolute; bottom:0px; right:0;}
	.cart_span_proizvod{width: 100%; float: none;}
	.cart_span_proizvod img{width:100%;}
	.cart_span_cenakom, .cart_span_komada, .cart_span_ukupno{width:100%; text-align: right; line-height: 2; font-size: 4.5vw;}
	.cart_span_komada a, .cart_span_komada_p a{font-size: 4.5vw;}
	.cart_span_komada input{padding:0; font-size: 4.5vw; line-height:2;}
	.cart_product_price, .cart_product_total{font-size: 4.5vw; line-height:2;}
	.cart_product_sifra{display: none;}
	.cart_product_title{margin: 0;}
	.cart_footer{padding:15px;font-size: 4vw;}
	.cart_footer b{font-size: 7vw;}
	.cart_more{margin-bottom: 10px;}
	#cart_empty{font-size: 4vw; margin: 0 0 20px 0;}
	.naruciJosProizvoda{font-size: 4vw; float: right; margin: 0 0 20px 0;}
	.cart_order{font-size: 5vw; width: 100%; text-align: center; font-weight: 500;}
	#order{margin: 20px auto; width: 90%; padding: 0;}
	#order h2{font-weight: 700; margin: 0 0 20px 0; padding: 0; font-size: 5vw;}
	#order_form label{font-size: 4vw; line-height: 2; font-weight:500;}
	#order_form .form_tekst{font-size: 5vw;}
	#order_form button{font-size: 5vw; width: 100%; text-align: center; font-weight: 500;}
	.cart_product_delete{margin-top: 20px;}

	#productItem .productItemInfo{margin-bottom: 35px;}
	#productItem .productItemInfo .pricesHolder{text-align: right;}
	.priceHolder{place-content: end;}
	.countCart{position: absolute!important;top: -27px;right: -21px;background: #dfa726;border-radius: 50%;color: #ffffff!important;line-height: 25px;height: 25px;width: 25px;text-align: center;font-size: 15px !important;}
	.wf-cart-toast{top:15px;left:15px;right:15px;justify-content:center;}

	.cardsHolderRight{justify-content: center; height: calc(44px + 19px);}
	.cardsHolderLeft a, .cardsHolderRight a{height: 44px; margin: 0;}
	.cardsHolderLeft{margin-bottom: 5px !important;}
	.cardsHolderLeft, .cardsHolderRight, .cardsHolderMiddle{flex-basis: 100%;}
	.cartsHolder img {
		object-fit: contain;
	}

	.accept_holder .cart_order{line-height: 30px;width: 100%;}

	.page-item {padding: 2px !important;}
	.pagination .page-item .page-link{line-height: 1.1 !important;min-width: 36px;height: 36px;}



	.ErrorTextHolder .main-title-error{font-size: 30px;text-transform: uppercase;font-weight: 600;margin: 20px 0 5px 0;text-align: center;line-height: 1.4;}
	.ErrorTextHolder .title-error{font-size: 30px;text-transform: uppercase;font-weight: 600;margin: 0 0 20px 0;text-align: center;line-height: 1.4;}
	.ErrorTextHolder .error-icon{width: 50%;}
	.ErrorTextHolder .error-txt{font-size: 18px;font-weight: 500;margin-top: 20px;}

	.productImgHolder .sold-out-mark{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 11px;width: 80px;height: 80px;line-height: 80px;background: #dfa726;border-radius: 50%;text-align: center;color: #fff;opacity: 75%;}

}
@media (min-width:1268px) and (max-width:1440px){
	header .headerHolder .menuWrapper ul{font-size: 16px;}
	header .headerHolder .logoHolder img{width: 240px;}

}
@media (max-width: 1450px) {
}

@media (max-width: 767px) {
    .productImgHolder > .wf-permanent-low-price,
    .productImageHolder > .wf-permanent-low-price,
    .imageRandom > .wf-permanent-low-price {
        bottom: 0px;
        left: 7px;
        max-width: calc(100% - 14px);
        gap: 5px;
        padding: 4px 5px;
        border-radius: 4px;
        font-size: 8px;
        letter-spacing: .055em;
    }

    .wf-permanent-low-price::before {
        width: 5px;
        height: 5px;
        border-width: 1px;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .14);
    }

    .wf-permanent-low-price--product {
        margin-bottom: 15px;
        padding: 10px 14px;
        font-size: 12px;
    }

    .wf-permanent-low-price--product::before {
        width: 7px;
        height: 7px;
    }

	.productImgHolder > .wf-special-offer,
    .productImageHolder > .wf-special-offer,
    .imageRandom > .wf-special-offer {
        bottom: 0px;
        left: 7px;
        max-width: calc(100% - 14px);
        gap: 5px;
        padding: 4px 5px;
        border-radius: 4px;
        font-size: 8px;
        letter-spacing: .055em;
    }

    .wf-special-offer::before {
        width: 5px;
        height: 5px;
        border-width: 1px;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .14);
    }

    .wf-special-offer--product {
        margin-bottom: 15px;
        padding: 10px 14px;
        font-size: 12px;
    }

    .wf-special-offer--product::before {
        width: 7px;
        height: 7px;
    }
}
@media only screen and (max-width: 767px) {
    .breadcrumbHolder {
        margin-bottom: 22px;
        padding: 13px 0;
    }

    #productItem {
        margin-bottom: 38px;
    }

    #productItem .wf-product-gallery {
        margin-bottom: 25px;
        padding: 10px;
        border-radius: 14px;
        box-shadow: 0 10px 28px rgba(32, 36, 39, .06);
    }

    #productItem .wf-product-gallery #big .item {
        min-height: 330px;
    }

    #productItem .wf-product-summary {
        padding-top: 0;
    }

    #productItem .wf-product-summary h1 {
        margin: 12px 0;
        font-size: 25px;
        line-height: 1.25;
    }

    #productItem .wf-product-meta {
        gap: 6px;
        margin-bottom: 16px;
    }

    #productItem .wf-commerce-panel {
        margin-top: 15px;
        border-radius: 14px;
    }

    #productItem .wf-price-card {
        padding: 18px 17px 15px;
        text-align: left;
    }

    #productItem .wf-price-card__topline,
    #productItem .wf-price-card__main {
        align-items: flex-start;
    }

    #productItem .wf-price-card__main {
        flex-direction: column;
        gap: 14px;
    }

    #productItem .wf-price-card__amount {
        font-size: 34px;
    }

    #productItem .wf-price-card__previous {
        padding: 0;
        text-align: left;
    }

    #productItem .wf-price-card__period {
        font-size: 11px;
    }

    #productItem .wf-purchase-actions {
        padding: 0 17px 17px;
    }

    #productItem .productItemInfo .wf-add-to-cart {
        min-height: 52px;
        font-size: 14px;
    }

    #productItem .productItemInfo .productVersion {
        margin-bottom: 18px;
    }
}