/* DEFINE FONTS */
@font-face {
    font-family: RBno3;
    src: url("../fonts/RBNo3-1/RBNo3.1-Book.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: RBno3;
    font-weight: bold;
    src: url("../fonts/RBNo3-1/RBNo3.1-Bold.otf") format("opentype");
    font-display: swap;
}
@font-face { 
    font-family: RBno3;
    font-weight: 300;
    src: url("../fonts/RBNo3-1/RBNo3.1-Light.otf") format("opentype");
    font-display: swap;
}
/* END OF DEFINE FONTS */
/*.head-logo{*/
/*    height: 95px;*/
/*    top: -60px;*/
/*}*/
/*@media only screen and (max-width: 768px){*/
/*    .head-logo{*/
/*        height: 70px;*/
/*        top: -19px;*/
/*    }*/
/*}*/


.category-product-img{
    position: relative;
}
.licitacijabox{
    position: absolute;
    margin: 0 auto;
    bottom: 0px;
    width: 100%;
    background: #ffffff96;
    padding: 5px 0px;
}
.licitacijabox p{
    padding-bottom: 10px;
    font-weight: bold;
    background: #9bba41;
    color: white;
    position: absolute;
    top: -150px;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 12px;
}
.licitacijabox p:nth-child(2) {
    font-weight: bold;
    background: #6a6a6a;
    color: white;
    position: absolute;
    top: -115px;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 12px;
}
@media (max-width: 768px) {
    .licitacijabox{
        display: block;
        position: relative;
    }
    .licitacijabox p{
        padding-bottom: 10px;
        font-weight: bold;
        background: #9bba41;
        color: white;
        position: absolute;
        top: -150px;
        padding: 8px 10px;
        border-radius: 10px;
        font-size: 12px;
    }
    .licitacijabox p:nth-child(2) {
        font-weight: bold;
        background: #6a6a6a;
        color: white;
        position: absolute;
        top: -115px;
        padding: 8px 10px;
        border-radius: 10px;
        font-size: 12px;
    }
    .js-countdown .font-size-30{
        font-size: 1rem;
    }
}
.currentbid{
    position: relative;
}
.currentbid:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(
            120deg,
            rgba(255,255,255, 0) 30%,
            rgba(255,255,255, .8),
            rgba(255,255,255, 0) 70%
    );
    top: 0;
    left: -100px;
    animation: shine 4s infinite linear; /* Animation */
}

@keyframes shine {
    0% {left: -100px}
    20% {left: 100%}
    100% {left: 100%}
}
.licitirajbox{
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.licitirajbox .rounded-circle{
    width: 40px !important;
    height: 40px;
    font-size: 28px;
    font-weight: 500;
    background: #abcf37;
    color: white;
    cursor: pointer;
}
.licitirajbox .rounded-circle:hover{
    background: #64a543;
}
.licitirajbox span.price{
    font-weight: bold;
}
.licitirajbox span.info{
    display: block;
    font-size: 12px;
    margin-bottom: -10px;
}
.licitirajbtn{
    background: #abcf37;
    color: white;
    padding: 5px 50px;
    border-radius: 20px;
    margin: 10px auto;
    text-transform: uppercase;
    font-size: 18px;
}
#buttontotop {
    display: inline-block;
    background: linear-gradient(135deg, rgb(58, 165, 96), rgb(183, 230, 108));
    box-shadow: rgba(58, 165, 96, 0.5) 0px 4px 24px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 30px;
    padding: 5px;
    position: fixed;
    bottom: 55px;
    right: 120px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#buttontotop::after {
    content: "\e907";
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}
#buttontotop:hover {
    cursor: pointer;
    background-color: #333;
}
#buttontotop:active {
    background-color: #555;
}
#buttontotop.show {
    opacity: 1;
    visibility: visible;
}
.collapse.show #navBar{
    display: block !important;
}

@media (max-width: 768px) {
    #buttontotop{
        right: inherit;
        left: 10px;
        bottom: 30px;
    }
    .page_product #buttontotop{
        bottom: 105px;
    }
    .mainheader{
        display: none;
    }
    .middleheader{
        border-top: 0px !important;
    }
    .header-basket{
        height: inherit !important;
    }
    .header-basket img{
        height: 22px;
    }
    .js-focus-state{
        margin: 0px !important;
    }
   .js-focus-state .searchfield .input-group-append{
        border-radius: 0px 20px 20px 0px;
    }
    .searhboxarea, .searchfield .form-control:focus{
        border-radius: 20px 0px 0px 20px !important;
    }
    #searchInfo{
        margin-left: 5% !important;
        width: 80% !important;
    }
    .searchproductlist-item .img-and-title{
        max-width: calc(100% - 70px);
    }
    .searchproductlist-item .position-relative.text-center.pr-5{
        padding-right: 0px !important;
    }
    .searchproductlist-item ins.text-secondary{
        margin-right: 0px !important;
        font-size: 16px;
    }
    .head-logo{
        height: 45px !important;
    }
}

html{
    overflow-x:hidden;
}
.cf-turnstile{
    min-height: 65px;
}
.checkout-turnstile-block{
    padding: 14px 16px;
    border: 1px solid #dfe7cf;
    border-radius: 16px;
    background: #f8fbf1;
}
.checkout-turnstile-block.is-hidden{
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    margin: 0;
    pointer-events: none;
}
.checkout-turnstile-message{
    display: none;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.4;
}
.checkout-turnstile-message.is-visible{
    display: block;
}
.checkout-turnstile-message.is-error{
    background: #fff1f1;
    color: #a12626;
    border: 1px solid #f2c7c7;
}
.checkout-turnstile-message.is-info{
    background: #eef6ff;
    color: #1f5d9c;
    border: 1px solid #c7dcf2;
}
.ordernow.is-disabled,
.ordernow:disabled{
    opacity: 0.7;
    cursor: not-allowed;
}
.prodcut-price del{
    display:inline;
    font-size: 14px;
    height: 14px;
}
.blog-detail-page img{
    max-width: 100%;
    height: initial !important;
}
#usteda{
    background: #abcf37;
    color: white;
    padding: 2px 10px;
    border-radius:2px;
    display: inline-block;
}
.specs{
    width: 100%;
}
.specs td{
    padding: 5px 10px !important;
    text-align: left !important;
    border:0px !important;
}
.specs tr td:first-child{
    border-right: 1px solid white !important;
    font-weight:bold;
}
.specs tr:nth-child(odd){
    background:whitesmoke;
}
.specs tr:nth-child(even){
    background: #eaeaea;
}
.category-product-title a, .view-type-grid-extended .category-product-title a {
    min-height: 48px !important;
    -webkit-line-clamp: 2 !important;
}
.under-hero-products .product-item .product-item__title a{
    white-space: inherit !important;
    min-height:2.2em !important;
}
.product-item .sticker{
    width: initial;
    height: initial;
}
.specinfo p{
    margin-bottom: 0px;
    font-weight: bold;
}
.specinfo{
    padding: 10px;
    background: #f5f5f5;
    margin-top: 20px;
    border-radius: 5px;
}
.hexagon{
    height: 56px
}
.hexagon i{
    line-height: 53px;
}
.inheritwidth{
    width: inherit !important;
    max-width: inherit !important;
}
.pagination-shop .current .page-link{
    background: #abcf37;
    color: white;
}
.js-pagination{
    margin-top: 25px !important;
}
.product-item__inner{
    padding: 10px !important;
}
.cl-button-holder,.cl-button-holder{
    padding: 0px;
}
.cl-button-holder .cl-product-button a.hexagon {
    right: 0px;
    left: initial;
}
.cl-button-holder{
    max-width: inherit !important;
}
.silver .hexagon{
background-color: #6a6a6a !important;
}
.imgholder-sidebanners{
    height: 80px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.imageholder{
    background-color:white;
    position:relative;
    overflow: hidden;
}
.imageholder .precolor{
    position:absolute;
    background-color:whitesmoke;
    width: 140px;
    height:200px;
    content:" ";
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
}
.imageholder img{
    position: inherit;
}
.product-image-swap{
    position: relative;
    display: block;
    overflow: hidden;
}
.product-image-swap .product-image-primary,
.product-image-swap .product-image-secondary{
    transition: opacity .25s ease;
}
.product-image-swap .product-image-secondary{
    position: absolute !important;
    inset: 0;
    opacity: 0;
    pointer-events: none;
}
.product-image-swap .product-image-primary{
    opacity: 1;
}
.brandinfo{
    margin-top: 150px;
}
.pricehead,.dekheadline{
    font-size: 14px; margin: 10px 0px 0px;
}
.dekheadline{
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: bold
}
/* sticker */
.slick-slide .link_to_product img{
    position: relative;
}
.sticker{
    position:absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 50%;
}
.category-product-img .sticker,
.product-square-item .sticker{
    width: 100%;
    height: 50%;
}
.sticker img{
    height:50px;
    width: initial !important;
    z-index: 1;
}
.position-1,.position-0{
    position:absolute;
    left:0px;
    left: 5px;
    top: 5px;
}
.position-2{
    position:absolute;
    right:0px;
}
.position-3{
    position:absolute;
    left:0px;
    bottom:0px;
}
.position-4{
    position:absolute;
    right:0px;
    bottom:0px;
}
.pagination-holder{
    max-width: 50%;
    position: absolute;
    right: 60px;
}
.secondary-menu{
    right: 0px;
    position: absolute;
}
.secondary-menu ul li{
    text-transform: uppercase;
    font-family: 'RBno3', sans-serif;
    font-size: 16px;
    font-weight: 300;
}
/*.secondary-menu:after{*/
/*    content: " ";*/
/*    width: 300%;*/
/*    height: 3px;*/
/*    background: black;*/
/*    position: absolute;*/
/*    bottom: -5px;*/
/*    left: 0px;*/
/*}*/



.tab-pane{
    position: relative;
}
.showplus:before {
    content: '+';
    color: #96BD0D;
}
.showminus:before {
    content: '-';
    color: #96BD0D;
}
.openfiltermore{
    color: #333e48;
}
.openfiltermore:hover{
    color: #96BD0D;
}
.filterselected{
    display: block;
}
.clearfix{
    clear: both;
}
.closefilter,.closeallfilters{
    background: white !important;
    border-color: #e2e2e2 !important;
    margin: 5px 5px 0px 0px;
}
.closefilter:hover,.closeallfilters:hover{
    cursor: pointer !important;
    background: #e2e2e2 !important;
    border-color: #e2e2e2 !important;
}
.closeallfilters{
    float: right;
}
.viewmorecategory{
    position: absolute;
    right: 0px;
    top: 10px;
    text-transform: uppercase;
    z-index: 2;
    font-weight: 600;
    color: #343f49;
    display: none;
}
.viewmorecategory.active{
    display: block;
}
.specialcategories:before{
    content: " ";
    position: absolute;
    background: #b1d33e;
    width: 300%;
    height: 47px;
    top: -11px;
    left: -15px;
}
.specialcategories li{
    margin-right: 35px;
}
.secondary-menu ul li:hover a{
    position: relative;
}
.secondary-menu ul li a:after{
    content: " ";
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -8px;
    left: 0px;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
    opacity:0;
}
.secondary-menu ul li:hover a:after{
    transform: scaleX(1);
    position: absolute;
    transform-origin: bottom left;
    opacity:1;
}
.promocodeprice{
    font-weight: bold;
    color: white !important;
    background: #abcf37;
    padding: 0px 5px;
}
.specialoffername{
    font-size: 20px;
    min-height: initial;
    overflow: hidden;
    width: 100%;
    height: 1.2em;
    font-weight: 400;
    color: #343f49 !important;
    white-space: nowrap;         /* Sprečava prelazak u novi red */
    text-overflow: ellipsis;
    display: block;
}
#header .card-header{
    background: none !important;
}
.card-header:first-child{
    border-radius: 0px !important;
    background: none !important;
}
#basicsAccordion .card{
    background: none;
}
.main-menu-toggler{
    background: none !important;
}
.uppercase{
    text-transform: uppercase;
}
.btn-remove-bg-hover:hover, .btn-remove-bg-hover:focus{
    background-color: #abcf37 !important;
}
.btn-remove-bg-hover .uppercase{
    margin-left: 12px;
    font-family: 'RBno3', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
#header .u-header__section .box-shadow-1{
    background: rgb(171,207,55);
    background: linear-gradient(90deg, rgb(199 238 58) 0%, rgba(150,179,66,1) 50%, rgb(198 237 57) 100%);
    position: absolute;
    width: 100%;
}
#header .u-header__section .box-shadow-1 .justify-content-between{
    position: relative;
    margin-left: 20px;
    z-index: 1;
}
#content{
    margin-top: 55px;
}
#searchClassicInvoker span{
    color: white;
}
body{
    width: 100%;
    overflow-x: hidden;
}
.header-basket{
    margin-left: 0px;
}
.header-basket i{
    color: #abcf37;
    margin-right: 10px;
}
.mainheader{
    background: #2f2f2f;
}
.mainheader .row .text-right{
    padding-right: 105px;
}
.mainheader i{
    color: #abcf37;
    font-weight: bold;
    font-size: 18px;
}
#main-menu-toggler{
    background: none !important;
}
.whitelabel{
    color: white;
    font-weight:bold;
}
.head-logo{
    width: initial !important;
    position: absolute;
    z-index:1;
}
.middleheader{
    background: #2F2F2F;
    border-top: 1px solid white;
    padding: 5px 0px;
}
.searchfield .searhboxarea{
    position: relative;
    width: 78%;
}
.search-categories .row{
    flex-flow: row wrap;
    align-items: center;
}
.search-categories h5, .search-products h5{
    padding: 15px 15px;
}
.search-categories .category{
    text-align: center;
}
.search-categories .category a{
    background: whitesmoke;
    border-radius: 5px;
    padding: 20px;
    color: #2f2f2f;
    display: block;
    font-size: 20px;
    font-weight: 500;
    height: 100%;
}
@media (max-width: 768px) {
    .search-categories .category a{
        font-size: 15px;
    }
}

.bestcategories{
    list-style:none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
}
.bestcategories li{
    background: whitesmoke;
    display: inline-block;
    padding: 5px 10px;
    margin: 2px;
    border-radius: 5px;
}
.bestcategories li a{
    color: #2e2e2e;
}
.bestcategories li:hover{
    background: #2e2e2e;
    cursor: pointer;
}
.bestcategories li:hover a{
    color: whitesmoke;
}
/* small cart */
.cartinfos{
    display: none;
    font-size: 14px;
}
.cartinfos.sticky{
    position: fixed;
    z-index: 999;
    top: 64px;
    background: white;
    width: 100%;
    margin: 0 auto;
}
.cartinfos .product-list{
    max-height: 40vh;
    overflow-y: auto;
}
.cartinfos .meter {
    height: 5px;
    position: relative;
    background: white;
    overflow: hidden;
    border: 1px solid whitesmoke;
    border-radius: 2px;
}
.cartinfos .meter span {
    display: block;
    height: 100%;
}
.cartinfos .progress {
    background-color: #b1d33e;
    -webkit-animation: progressBar 1.5s ease-in-out;
    -webkit-animation-fill-mode:both;
    -moz-animation: progressBar 1.5s ease-in-out;
    -moz-animation-fill-mode:both;
    border-radius: 4px;
}
@-webkit-keyframes progressBar {
    0% { width: 0; }
    100% { width: 100%; }
}

@-moz-keyframes progressBar {
    0% { width: 0; }
    100% { width: 100%; }
}
.opencartarea.active{
    position: relative;
}
.opencartarea.active:before{
    background: #333;
    content: " ";
    width: 41px;
    height: 65px;
    position: absolute;
    top: -15px;
    left: -11px;
}
.opencartarea.active a{
    position: relative;
    color: white !important;
}
#cartinfocontainer{
    position: relative;
}
#cartinfo{
    position: absolute;
    right: -6px;
    top: 61px;
    width: 360px;
    z-index: 2;
    background: white;
    box-shadow: 0px 10px 15px #0003;
    padding: 23px 15px 5px;
    max-height: calc(100vh - 65px);
    overflow-y: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#closeminicart,#closephoneinfo{
    color: #8c8c8c;
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
#closeminicart svg, #closephoneinfo svg{
    width: 18px;
}
.cartinfos .freeshippinginfo{
    display: block;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #000000;
}
.cartinfos .freeshipping{
    max-width: 200px;
    margin-bottom: 20px;
    color: #666666;
    font-weight: 500;
    text-align: left;
}
.cartinfos .freeshipping span{
    font-weight: bold;
    color: #000000;
}
.cartinfos .product{
    border-top: 1px solid #E1E7EB;
    padding: 10px 0px;
}
.cartinfos .product:last-child{
    border-bottom: 1px solid #E1E7EB;
}
.cartinfos .product> * {
    vertical-align:middle;
}
.cartinfos .product .remove{
    vertical-align:top;
}
.cartinfos .product .image,.cartinfos .product .nameprice,.cartinfos .product .remove{
    display: inline-block;
}
.cartinfos .product .image{
    width: 20%;
}
.cartinfos .product .nameprice{
    width: 65%;
    font-weight: 600;
    padding-left: 15px;
}
.cartinfos .product .nameprice span{
    display: block;
}
.cartinfos .product .nameprice span.rsd{
    display: inline;
}
.cartinfos .product .nameprice .price small{
    font-weight: 300;
}
.cartinfos .product .remove{
    width: 12%;
    text-align: right;
}
.cartinfos .sumcart{
    display:block;
    margin: 15px 0px 10px;
    text-align: right;
    width: 100%;
}
.cartinfos .sumcart .sumprice{
    font-size: 18px;
    font-weight: bold;
}
.cartinfos .sumcart .sumprice .rsd{
    width: inherit;
    display: inline;
}
.cartinfos .sumcart span{
    width: 49%;
    display:inline-block;
}
.cartinfos .sumcart span:first-child{
    text-align: left;
}
.cartinfos .sumcart> *{
    vertical-align:middle;
}
.cartinfos .holderfinishorder{
    margin: 25px 0px 20px;
    display: block;
    text-align: right;
}
.cartinfos .finishorder{
    color: white;
    background: #abcf37;
    font-weight: bold;
    font-size: 15px;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 15px;
}
.cartinfos .finishorder:hover{
    background-color: #64a543;
}
.checkmark__circle{stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: #7ac142;fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}
.checkmark{margin-right: 10px; border-radius: 50%;display: inline-block;stroke-width: 2;stroke: #fff;stroke-miterlimit: 10;margin: 0px;box-shadow: inset 0px 0px 0px #7ac142;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both}
.checkmark__check{transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}@keyframes stroke{100%{stroke-dashoffset: 0}}@keyframes scale{0%, 100%{transform: none}50%{transform: scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow: inset 0px 0px 0px 30px #7ac142}}
/* END OF small cart */

.cart-reminder-overlay{
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.58);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.cart-reminder-overlay.is-visible{
    display: flex;
}
.cart-reminder-modal{
    position: relative;
    width: 100%;
    max-width: 540px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.24);
    padding: 28px 24px 24px;
}
.cart-reminder-close{
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #f3f4f6;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.cart-reminder-head{
    padding-right: 44px;
    margin-bottom: 20px;
}
.cart-reminder-eyebrow{
    margin: 0 0 6px;
    color: #7b8794;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.cart-reminder-head h3{
    margin: 0;
    color: #111827;
    font-size: 28px;
    line-height: 1.2;
}
.cart-reminder-list{
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 20px;
}
.cart-reminder-item{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #e5e7eb;
}
.cart-reminder-item:last-child{
    border-bottom: 0;
}
.cart-reminder-image{
    width: 76px;
    min-width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border-radius: 8px;
    overflow: hidden;
}
.cart-reminder-image img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.cart-reminder-content{
    flex: 1;
    min-width: 0;
}
.cart-reminder-name{
    display: block;
    color: #111827;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 8px;
}
.cart-reminder-meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #4b5563;
    font-size: 14px;
}
.cart-reminder-meta strong{
    color: #111827;
    font-size: 16px;
}
.cart-reminder-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    background: #abcf37;
    color: #111827;
    font-size: 15px;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
}
.cart-reminder-button:hover{
    color: #111827;
    background: #9cc12d;
}
body.cart-reminder-open{
    overflow: hidden;
}
@media (max-width: 575px){
    .cart-reminder-overlay{
        padding: 12px;
    }
    .cart-reminder-modal{
        padding: 22px 16px 16px;
    }
    .cart-reminder-head h3{
        font-size: 22px;
    }
    .cart-reminder-item{
        gap: 12px;
    }
    .cart-reminder-image{
        width: 64px;
        min-width: 64px;
        height: 64px;
    }
    .cart-reminder-meta{
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}
/*.searchfield .searhboxarea:after{*/
/*    content: " ";*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    height: 1px;*/
/*    background-color: white;*/
/*    bottom:0px;*/
/*    left: 0px;*/
/*    transform: scaleX(1);*/
/*}*/
/*.searchfield .searhboxarea:before{*/
/*    content: " ";*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    height: 1px;*/
/*    background-color: white;*/
/*    bottom:0px;*/
/*    left: 0px;*/
/*    transform: scaleX(0);*/
/*    transform-origin: bottom right;*/
/*    transition: transform 0.25s ease-out;*/
/*    transition-delay: 0.25s;*/
/*}*/
/*.searchfield .searhboxarea:hover:after {*/
/*    opacity:0;*/
/*}*/
/*.searchfield .searhboxarea:hover:before {*/
/*    transform: scaleX(1);*/
/*    transform-origin: bottom left;*/
/*}*/
.salemix{
    padding: 10px;
}
.salemix .holder{
    border: 1px solid #e2e2e2;
    border-radius: 15px;
}
.salemix-list{
    padding: 0px;
    text-align: center;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .salemix-list {
        padding: 0px;
        text-align: center;
        margin-bottom: 10px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}
.salemix-list li{
list-style: none;
text-align: center;
line-height: 14px;
}
.salemix-list li a{
font-size: 12px;
color: #333e48;
}
.salemix-list li:last-child:after{
display: none;
}
.pricemix{
font-weight: 700;
font-size: 20px;
display: block;
text-align: center;
}
.salemix .addtocard{
width: 100%;
background-color: #abcf37;
color: #fff;
line-height: 18px;
font-size: 16px;
text-transform: uppercase;
border-radius: 30px;
padding: 0;
position: relative;
padding: 5px;
margin-bottom: 10px;
display: flex;
justify-content: center;
/* justify-items: center; */
    align-items: center;
}

.categorysaleinfo{
    background: whitesmoke;
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
}
.categorysaleinfo p{
    margin-bottom:0px;
    font-weight: bold;
}
.infocategorysale p{
    margin-bottom:0px;
}
.searchfield input{
    background: none;
    border:0px !important;
    border-bottom: 0px solid white !important;
    border-radius: 0px !important;
    padding-left: 15px !important;
    font-family: 'RBno3', sans-serif;
}

.search-btn{
    background: none !important;
    border: 0px !important;
    border-bottom: 0px solid white !important;
    border-radius: 0px !important;
}
.searchfield .form-control:focus{
    color: black;
}
.search-btn:hover span{
    color: #abcf37;
}
.searhboxarea .form-control{
    color: white;
}
.searhboxarea .form-control::placeholder {
    color: #2F2F2F;
    opacity: 1; /* Firefox */
}
.search-btn span{
    color: white;
    font-size: 28px;
}

.searhboxarea .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #2F2F2F;
}

.searhboxarea .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #2F2F2F;
}
#searchInfo{
    width: calc(100% - 127px);
    margin-left: 40px;
}
.searchproductlist-item .img-and-title h3{
    font-size: 18px;
}
#addtocard::before{
    display: none;
}
.searchproductlist-item::after{
    width: 2px;
}
.cart-table .table tbody tr:first-child td, .wishlist-table .table tbody tr:first-child td{
    padding-top: 5px;
}
.cart-table .table tbody tr td, .wishlist-table .table tbody tr td {
    padding: 0px;
}
.overhidden{
    overflow: hidden !important;
}
.js-focus-state{
    margin-left: 40px;
}
.js-focus-state .searchfield .searhboxarea,.js-focus-state .searchfield .input-group-append{
    background: white;
}
.js-focus-state .searchfield .input-group-append span{
    color: #b1cd53;
}
.korpa .d-inline-flex{
    height: 63px;
    padding: 0px 10px;
    text-align: center;
}
.header-basket .header-basket-label{
    text-align: left;
    margin-top: 5px;
    margin-left: 10px;
}
.header-basket .header-basket-label p{
    color: white;
    font-size: 16px;
    font-family: 'RBno3', sans-serif;
    display: block ruby;
}
.header-basket .header-basket-label span{
    color: white !important;
    margin-left: 0px;
    padding-top: 3px;
    font-weight: bold;
    font-size: 18px;
    display: block;
}
.header-basket .header-basket-qty{
    top: -46px;
    left: 120px;
}
.header-basket .hexagon{
    width: 38px;
    height: 42px;
    color: black;
    background-color: #abcf37;
}
.header-basket .hexagon span{
    font-size: 20px;
    text-align: center;
    width: 100%;
    margin-top: 9px;
    margin-left: -2px;
}
.specialcategories .u-header__nav-link{
    color: white;
    text-transform: none;
    position: relative;
}
.specialcategories .u-header__nav-link:before{
    content: " ";
    width: 1px;
    height: 44px;
    background: white;
    position: absolute;
    top: -10px;
    left: -15px;
}
.collection-collapse-block.open{
    margin-bottom: 15px;
}
.collection-collapse-block.open .collapse-block-title, .collection-filter .title-border{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
}
.last-seen-item h6{
    line-height: initial;
    font-size: 20px;
}
.products-group li:nth-child(4),.products-group li:nth-child(8),.products-group li:nth-child(12),.products-group li:nth-child(16),.products-group li:nth-child(20),.products-group li:nth-child(24),.products-group li:nth-child(28),.products-group li:nth-child(32){
    border-right: 0px;
}
.product-brand{
    width: 100%;
}
.padd30both{
    padding-left:30px;
    padding-right:30px;
}
.subcategoryslider{
    opacity:0;
    height: 280px;
    margin-bottom: 10px;
    padding-bottom: 40px;
}
.subcategoryslider.slick-initialized{
    opacity:1;
}
.subcatitem{
    display: inline-block;
    margin: 0px 10px;
}
.subcatitem .catimage{
    text-align: center;
}
.subcatitem .catimage img{
    max-width: 100%;
    display: inherit;
}
.subcatitem .catname{
    text-align: center;
}
footer .footer-end .container {
    max-width: 1710px !important;
    padding: 0px 30px;
}
.btn-solid{
    background: #abcf37;
    color: white;
}
.btn-solid:hover{
    background-color: #64a543;
    color: white;
}
.swal2-styled.swal2-confirm{
    background-color: #64a543 !important;
}
.swal2-footer .game-product .product-box .product-detail h4 span{
    color: black;
}
.mainheader .krilatica{
    color: #A6CE39;
    font-family: 'RBno3', sans-serif;
    padding-left: 12px;
    font-weight: 300;
}
.mainheader .text-right a{
    font-size: 16px;
    font-family: 'RBno3', sans-serif;
    position: relative;
}
.mainheader .text-right a:before{
    content: " ";
    position: absolute;
    width: 1px;
    height: 27px;
    top: 0px;
    left: -15px;
    background: white;
}
.popupinfo{
    position: absolute;
    z-index: 2;
    width: 180px;
    border: 1px solid #abcf37;
    background: white;
    padding: 10px;
    display: none;
}
.popupinfo img{
    height: 60px;
}
.popupinfo .text-left p{
    margin-bottom: 5px;
    font-size: 13px;
}
.popupinfo .name{
    font-weight: bold;
    border-bottom: 1px solid #abcf37;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}
.stickers .popupinfo{
    right:0px;
}
.menu-background-image{
    width: 100%;
    text-align: right;
}

@media only screen and (max-width: 1485px) and (min-width: 768px){
    .header-basket .header-basket-label p {
        font-size: 13px;
    }
}
@media (max-width: 768px){
    .pricehead,.dekheadline{
        text-align: center;
    }
    .subcatitem .catname{
        font-size: 12px;
        margin-top: 5px;
        line-height: 12px;
    }
    .subcategoryslider{
        margin-bottom: 10px;
        height: 150px;
    }
    #mobilebuttons{
        display: block;
        position: fixed;
        bottom: 0px;
        background: white;
        width: 100%;
        height: 85px;
        left: 0px;
        box-shadow: 0px 0px 5px #0000001c;
        z-index: 999;
        padding: 15px 5px;
    }
    .product-page-main-right #baseprice{
        text-align: center;
    }
    .product-page-main-right #usteda, .product-page-main-right h4{
        text-align: center;
    }
    .page_product #tidio-chat-iframe{
        bottom: 75px !important;
    }
    .closeallfilters{
        float: none;
    }

    .product-page-main-right{
        padding: 20px 10px;
    }
    .mobilequantity{
        width: 40%;
        display: inline-block;
    }
    .mobileaddtocart{
        display: inline;
        width: 61%;
    }
    .mobileaddtocart .product-buttons{
        display: inline-block;
        width: 55%;
    }
    .product-page-main-right #addtocard, #mobilebuttons #addtocard{
        font-size: 16px;
    }
    #mobilebuttons .mobilequantity p{
        display: none;
    }
    .product-page-main-mid h1{
        font-size: 28px;
        line-height: 28px;
    }
    .catmain .tab-content{
        margin-top: 15px;
    }
    .menu-background-image{
        display: none;
    }
    .u-header{
        margin-bottom: 40px !important;
    }
    #product-page-long-desc{
        display: none;
    }
    #sliderSyncingThumb{
        display: none;
    }
    #content{
        margin-top: 40px;
    }
    .product-page-main-left{
        margin-bottom: 0px!important;
    }
    .product-page-main-mid .mb-8{
        margin-bottom: 0px !important;
    }
    .product-page-assurences{
        display: none;
    }
    .product-page-main-mid .product-brand{
        display: none;
    }
    .product-page-main-mid .product-page-main-mid h1{
        font-size: 24px;
    }
    .brandinfo{
        margin-top: 0px;
    }
    .specialcategories:before{
        display: none;
    }
    .specialcategories .u-header__nav-link:before{
        content: " ";
        width: 1px;
        height: 34px;
        background: white;
        position: absolute;
        top: -5px;
        left: -15px;
    }
    .mainheader .text-right a:before{
        display: none;
    }
    .cart-subtotal th, .order-total th{
        display: none;
    }
    .mobilehidden{
        display: none;
    }
    .tab-content{
        margin-top: 40px;
    }
    .viewmorecategory{
        right: 10px;
        bottom: -40px;
        top: inherit;
    }
    .mainlogo{
        display: none;
    }
    .korpa .d-inline-flex{
        box-shadow: none;
    }
    .mainheader .row .text-right{
        padding-right: 10px;
    }
    .mainheader .row .text-right i{
        width: 19px;
        height: 19px;
    }
    .header-basket .header-basket-qty {
        top: -7px;
        left: 15px;
    }
    .header-basket .hexagon span{
        font-size: 11px;
        text-align: center;
        width: 100%;
        margin-top: -2px;
        margin-left: -2px;
    }
    .header-basket .hexagon{
        width: 18px;
        height: 20px;
    }
    .product-item__title a{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .cl-button-holder .cl-product-button p{
        font-size: 12px !important;
    }
    .cl-button-holder .cl-product-button a.hexagon{
        right: -1px;
    }
    .under-hero-products .products-group{
        padding: 0;
    }
    .nav-tab .nav-link{
        font-size: 0.8rem !important;
    }
    .hp-blog-slider .homepage-blog-item a h3, .homepage-youtube .hp-youtube-slider .youtube-slide .youtube-link h4{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: inherit !important;
        min-height: 2.2em !important;
    }
    .homepage-blog-item p{
        margin-bottom: 10px !important;
    }
    .homepage-youtube .hp-youtube-slider .youtube-slide .youtube-link .youtube-link-img-holder::before{
        width: 40px !important;
        height: 40px !important;
    }
    footer .footer-mid .footer-mid-left .footer-main-logo img{
        max-width:120px;
    }
    .view-type-grid .category-product, .view-type-grid-extended .category-product{
        flex: 0 50%;
        max-width: 50%;
    }
    .hexagon{
        height: 44px;
        width: 40px;
    }
    .hexagon i{
        font-size: 20px;
        line-height: 43px;
    }
    .cl-button-holder .cl-product-button a.hexagon{
        top: -2px;
    }
    .pagination-holder{
        max-width:90%;
        position: inherit;
    }
    .navbar .head-logo{
        left: 5px;
        margin-top: 8px;
    }
    #header .u-header__section .box-shadow-1 .justify-content-between{
        margin-left: 0px;
        height: 40px;
    }
    .secondary-menu{
        width: 80%;
        overflow-x: scroll;
    }
    .bg-img-hero .bg-img-hero-center .row{
        padding: 0px !important;
    }
    .bg-img-hero .bg-img-hero-center .row .align-items-center{
        padding: 0px !important;
    }
    .hero-right-banners .min-height-126{
        min-height: inherit !important;
    }
    .imgholder-sidebanners{
        height:80px;
    }
    .hero-right-banners .max-width-320{
        max-width: 260px;
    }
    .bg-img-hero{
        min-height: 133px;
    }
    .hero-right-banners{
        min-height: 124px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1100px){
    .container {
        max-width: 1100px;
    }
}
@media only screen and (max-width: 1480px) and (min-width: 1200px) {
    .cl-button-holder .cl-product-button p {
        font-size: 12px;
    }
}
.openonapp{
    display: none;
}
@media only screen and (max-width: 768px){
    .openonapp {
        display: block;
        position: fixed;
        z-index: 99999999999;
        bottom: 0px;
        background: white;
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }
    .openonapp h3{
        font-size: 20px;
        text-align: center;
    }
    .openonapp .androidapp img{
        height: 60px;
    }
    .closeopenapp{
        position: absolute; 
        right: 0px;
    }
    .closeopenapp svg{
        height: 25px;
    }
}
.salemix-image{
    position: relative;
    overflow: hidden;
}
.salemix-image > img{
    display: block;
    width: 100%;
}
.salemix-fallback-images{
    position: relative;
    height: 160px;
    padding: 18px 10px 12px;
}
.salemix-fallback-images-cart{
    width: 100px;
    height: 100px;
    padding: 14px 4px 4px;
}
.salemix-fallback-images-mini{
    width: 60px;
    height: 60px;
    padding: 8px 2px 2px;
}
.salemix-fallback-card{
    position: absolute;
    top: 40px;
    width: 74px;
    height: 74px;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 24px rgba(0,0,0,0.18);
    border: 2px solid #fff;
}
.salemix-fallback-card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.salemix-fallback-card-cart{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    top: 26px;
}
.salemix-fallback-card-mini{
    width: 26px;
    height: 26px;
    border-radius: 8px;
    top: 20px;
    border-width: 1px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.15);
}
.salemix-fallback-card-1{
    left: 12px;
    transform: rotate(-14deg);
}
.salemix-fallback-card-2{
    left: calc(50% - 15px);
    top: 70px;
    z-index: 2;
    transform: rotate(-2deg);
}
.salemix-fallback-card-3{
    right: 12px;
    transform: rotate(14deg);
}
.salemix-fallback-plus{
    position: absolute;
    z-index: 3;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    background: #b1d33d;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}
.salemix-fallback-plus-cart{
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
}
.salemix-fallback-plus-mini{
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
}
.salemix-fallback-plus-1{
    left: calc(33% - 8px);
    top: 58px;
    display: none !important;
}
.salemix-fallback-plus-2{
    right: calc(33% - 8px);
    top: 58px;
}
.salemix-fallback-images-cart .salemix-fallback-card-1{
    left: 4px;
}
.salemix-fallback-images-cart .salemix-fallback-card-2{
    left: calc(50% - 22px);
    top: 38px;
}
.salemix-fallback-images-cart .salemix-fallback-card-3{
    right: 4px;
}
.salemix-fallback-images-cart .salemix-fallback-plus-1{
    left: calc(33% - 2px);
    top: 40px;
    display: block !important;
}
.salemix-fallback-images-cart .salemix-fallback-plus-2{
    right: calc(33% - 2px);
    top: 40px;
}
.salemix-fallback-images-mini .salemix-fallback-card-1{
    left: 3px;
    top: 16px;
}
.salemix-fallback-images-mini .salemix-fallback-card-2{
    left: calc(50% - 13px);
    top: 22px;
}
.salemix-fallback-images-mini .salemix-fallback-card-3{
    right: 3px;
    top: 16px;
}
.salemix-fallback-images-mini .salemix-fallback-plus-1{
    left: calc(33% + 1px);
    top: 22px;
    display: block !important;
}
.salemix-fallback-images-mini .salemix-fallback-plus-2{
    right: calc(33% + 1px);
    top: 22px;
}
.salemix-image span{
    position: absolute;
    display: block;
    background: #b1d33d;
    color: white;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    top: 0px;
    font-size: 12px;
    left: 0px;
    right: 0px;
    padding: 5px 25px;
    border-top-left-radius:15px;
    border-top-right-radius: 15px;
}
@media only screen and (max-width: 575px) {
    .salemix-fallback-images{
        height: 138px;
    }
    .salemix-fallback-card{
        width: 62px;
        height: 62px;
    }
    .salemix-fallback-card-2{
        left: calc(50% - 31px);
    }
}
.bannerafterslider{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:16px;
    width:100%;
}
.bannerafterslider li{
    min-width:0;
    box-sizing:border-box;
    position:relative;
}
.bannerafterslider li:not(:last-child)::after{
    content:"";
    position:absolute;
    top:12px;
    right:-8px;
    width:1px;
    height:calc(100% - 24px);
    background:#8ed100;
}
.hero-right-banners{
    padding-right:0px;
}
.hero-right-banner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    height:100%;
    padding:8px 6px;
    text-decoration:none;
}
.imgholder-sidebanners{
    height:auto;
    min-height:110px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    overflow:visible;
}
.bannerafterslider li img{
    display:block;
    width:100%;
    max-width:110px;
    height:auto;
}
.hero-right-banner-title{
    display:block;
    max-width:160px;
    color:#17203a;
    font-family:'RBno3', sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.05;
    text-transform:uppercase;
    text-align:center;
}
@media only screen and (max-width: 991px) {
    .bannerafterslider{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:18px 12px;
    }
    .bannerafterslider li:nth-child(3)::after{
        display:none;
    }
    .bannerafterslider li img{
        max-width:92px;
    }
    .hero-right-banner-title{
        font-size:14px;
        max-width:120px;
    }
    .imgholder-sidebanners{
        min-height:92px;
        margin-bottom:8px;
    }
}
@media only screen and (max-width: 575px) {
    .js-pagination.u-slick__pagination.u-slick__pagination--long{
        display: none;
    }
    .bannerafterslider{
        gap: 1px 1px;
        margin-bottom: 40px !important;
    }
    .bannerafterslider li::after{
        display:none;
    }
    .bannerafterslider li{
        border-right:1px solid #8ed100;
        border-bottom:1px solid #8ed100;
    }
    .bannerafterslider li:nth-child(3n){
        border-right:none;
    }
    .bannerafterslider li:nth-child(n+4){
        border-bottom:none;
    }
    .hero-right-banner{
        padding:4px 2px;
    }
    .bannerafterslider li img{
        max-width:76px;
    }
    .hero-right-banner-title{
        font-size:11px;
        max-width:100px;
    }
    .imgholder-sidebanners{
        min-height:76px;
    }
}
@media only screen and (max-width:1300px) and (min-width: 768px) {
    #category-filters{
        position: inherit !important;
        display: block;
        width: 100%;
        z-index: 1;
        opacity: 1;
        right: 0;
        visibility: visible;
    }
}
.special-items-slider .slick-slide{
    padding: 0px 20px !important;
}
.homeslider .js-next,.homeslider .js-prev{
    top: 48%;
    background: white;
    right: 20px;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 50%;
    font-size: 22px;
    padding-top: 2px;
}
.homeslider .js-prev{
    right: initial;
    left: 20px;
    z-index: 999;
}
.specialoffer .js-next,.specialoffer .js-prev{
    top: 45% !important;
}
.homeslider .js-pagination{
    opacity: 0;
}
.homeboxmainslider .homesliderbox{
    margin-top: 10px !important;
}
@media only screen and (max-width:768px) {
    .homeslider .js-next,.homeslider .js-prev{
        top: 48%;
        background: white;
        right: 5px;
        width: 25px;
        text-align: center;
        height: 25px;
        border-radius: 50%;
        font-size: 22px;
        padding-top: 2px;
    }
    .homeslider .js-prev{
        right: initial;
        left: 5px;
        z-index: 999;
    }
}
.phonetemplate{
    display: flex;
    justify-items: center;
    align-items: center;
    gap: 2px;
}
.phonetemplate span{
    display: flex;
    border:1px solid #dddddd;
    padding: 9px 10px;
    gap: 5px;
}
.phonetemplate img{
    height: 20px;
}
.product-square .imageholder {
    width: 100%;          /* ili 100% ako želiš fluidno */
    aspect-ratio: 1 / 1;   /* zadržava savršeni kvadrat */
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.product-square .imageholder img {
    width: 100%;
    height: 100%;
    object-fit: contain;   /* ceo proizvod vidljiv */
    display: block;
}

.product-square .imageholder .precolor {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.product-square .imageholder img {
    position: relative;
    z-index: 1;
}
@media (min-width: 992px){
    .link_to_product:hover .product-image-swap.has-hover-image .product-image-primary{
        opacity: 0;
    }
    .link_to_product:hover .product-image-swap.has-hover-image .product-image-secondary{
        opacity: 1;
    }
}
.productcartitem img{
    max-width: 100%;
}