@charset "utf-8";
html, body{font-family: "Montserrat", sans-serif; font-weight:500; color:#2d2b2b; font-size:16px;  line-height:1.2; word-wrap:break-word; background:#f8f8f8; position:relative; scroll-behavior: smooth;}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
h1::after{}
.h1{font-size:calc(36vw/19.2); line-height:calc(40vw/19.2); margin:0 0 calc(100vw/19.2) 0; padding:0; color:#2d2b2b; font-weight:800; text-align:center;}
h1 span{display: block; font-size: calc(18vw/19.2); line-height: calc(22vw/19.2); font-weight: 400; margin: calc(10vw/19.2) 0 0 0;}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:0 0 calc(25vw/19.2) 0; padding:0;}
h2::after{}
.h2{font-size:calc(30vw/19.2); line-height:calc(32vw/19.2); margin:calc(30vw/19.2) 0; padding:0; color:#2d2b2b; font-weight:600;}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 20px 0;}
p:last-child{margin:0;}
textarea{resize:none;}
input:focus {outline:none;}
.source{font-family:'Source Sans Pro',sans-serif;}
.toggleMenu{display:none; background:#000; color:#fff; font-size: calc(80vw/19.2); padding: calc(50vw/19.2); position:fixed; top:calc(50vw/19.2); left:calc(50vw/19.2); cursor:pointer; z-index:6;}
.toggleMenu.invert {background:#fff; color:#333;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.underline{text-decoration:underline;}
.centerText{text-align:center;}
.rightText{text-align:right;}
.justify{text-align: justify;}
.nonMobile{display:block ;}
.mobile{display: none !important;}
/* .white{color:white;} */
.relative{position:relative;}
.whiteBg{background:#fff;}
.bold{font-weight:700;}

.hamburgerHolder {
    display: none;
}

.apetitBlog.box.mobilni {
    display: none !important;
}
.apetitSale.box.mobilni {
    display: none !important;
}

header{padding:24px 0; color:#fff;background: #8cb063;}
header.bg {
    background: #8BB062;
}
header .loginHolder {
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 13px;
}
header .loginHolder a.korisnickiNalogMobile {
    display: none;
}
header .searchHolder {
    position: relative;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 6px 10px;
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .searchHolder input {
    border: none;
    background: none;
    color: #fff;
    width: 100%;
}
header .searchHolder input::placeholder {
    color: #fff;
}
header .searchHolder button {
    background: none;
    border: none;
    font-size: 18px;
    padding: 0;
}
header .menuCartHolder{position: relative;}
header .menuCartHolder .shop-cart{position: absolute;top: 5px;right: 6px;background: #ec3f2e;border-radius: 50%;padding: 0px 5px;font-size: 13px;}

header .headerFlexHolder {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
header .menuCartHolder .cartHolder {
    display: flex;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 7px 13px;
    align-items: center;
    gap: 10px;
}

.attentionHolder {
    display: flex;
    background: #749153;
    justify-content: center;
    gap: 10px;
    align-items: center;
    color: #fff;
    padding: 13px 0px;
}
.attentionHolder img {
    width: auto;
}
.attentionHolder p {
    margin: 0;
}

header .menuCartHolder .menuHolder{line-height: calc(24vw/19.2); display: block; float: left; margin: 0 5px 0 0;}
.mainMenuHolder {
    background: #F4EFE9;
}
.mainMenuHolder .mobileDisplay{
    display: none;
}
.subcategoryInfo .mobileFilters {
    display: none;
}
.nav{margin: 0; padding: 0; list-style: none; position:relative; z-index:2;display: flex;gap:20px;justify-content: center;}
.nav>li{position: relative;}
.nav>li .fa-caret-down{display:none;}
.nav>li:last-child{margin:0;}
.nav>li:hover .subcategories {
    display: flex;
    flex-wrap: wrap;
    width: 745px;
    background: #fff;
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
    padding: 20px;
    gap: 0 40px;
}
.nav>li>a.hover span{
    color: #fff;
    background: #8BB062;
}
.nav>li>a {
    display: block;
    margin: 0;
    text-align: center;
    line-height: 30px;
    padding: 8px 0 13px 0;
    color: #31393D;
}
.nav>li>a span {
    padding: 0 20px;
    display: block;
    border-radius: 100px;
}

.nav>li>a.active, .nav>li>a:hover{color:#84c346;}
.subcategories{margin: 0; padding: 0; list-style: none; color: #fff; display: none; position:absolute;border: 1px solid #5B6A71;align-items: center;}
.subcategories>li {
    width: calc(calc(100% - 80px) / 3);
    font-size: 14px;
    line-height: 25px;
    color: #31393D;
    text-align: left;
}
.subcategories>li a {
    display: flex;
    gap: 10px;
    align-items: center;
}
.subcategories>li>a:hover{color:#84c346;}
.pageText{padding:0 0 calc(150vw/19.2) 0;}
.pageBanner{text-align: center;}
.pageBanner h1 {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    padding: 50px;
    margin: 0;
}

.mainBannerHolder{/*background-image:url(https://www.apetit.rs/img/apetit-shop-logo.png), url(https://www.apetit.rs/img/header-bg.jpg); background-position:50% 50%, 50% 50%; background-repeat:no-repeat, no-repeat;*/ height:66vh; position:relative;}
.mainBannerHolder .contactHolder {
    padding: 0;
    position: absolute;
    color: #2D483F;
    top: 50%;
    font-size: 60px;
    max-width: 25%;
    font-weight: 700;
    transform: translateY(-50%);
    line-height: 1.25;
}
.mainBannerHolder .scrollDown{position: absolute; bottom: 0; left: 50%; padding: 50px; color: #fff; transform: translate(-50%, 0);}
.newMainBannerHolder{background-image: url(https://www.apetit.rs/img/main-banner.jpg);position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: white;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
/*.newMainBannerHolder{background-image: url(https://www.apetit.rs/img/BF-25-1.png);position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: white;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}*/

img.banner-action {
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0;
    padding-top: 80px;
    z-index: 1;
}

.smallMenu {
    background: #B6A591;
}
.smallMenu .flexHolder {
    display: flex;
    flex-flow: wrap;
    text-align: center;
    color: #fff;
    justify-content: center;
    gap: 20px;
    padding: 30px 0 50px 0;
}
.smallMenu .flexHolder .item img {
    width: 110px;
    padding: 24px 20px;
    aspect-ratio: 1 / 1;
    transition: all 0.2s linear 0s;
}
.smallMenu .flexHolder .item div {
    width: 110px;
    height: 110px;
    background: #fff;
    border-radius: 50%;
    padding: 24px 20px;
    box-shadow: 0px 5px 17px -8px #000000;
    margin: 0 auto 14px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.smallMenu .flexHolder .item:hover div img {
    opacity: 0.5;
}
.pageSpecHolder{
    position: relative;
}
.pageSpecHolder h1 {
    font-weight: 700;
    font-size: 27px;
    padding: 0;
    margin: 25px 0 20px 0;
}
.pageSpecHolder::after {
    content: "";
    position: absolute;
    background-image: url(https://apetit.rs/img/logo-pozadina.svg);
    width: 282px;
    height: 287px;
    top: 60px;
    right: 70px;
    z-index: 999;
    background-size: auto;
    background-repeat: no-repeat;
}

/* Breadcrumb steps */
.breadcrumbSteps{list-style:none; overflow:hidden; font-size:16px; font-weight:300; line-height:18px; margin:0 0 30px 0; padding:0;}
.breadcrumbSteps li{float:left; width:calc(100%/3);}
.breadcrumbSteps li a{color:#231f20; background:#d1d2d4; text-decoration:none; padding:10px 0 10px 50px; position:relative; display:block; float:left; font-size:14px; font-weight:600; width:100%;}
.breadcrumbSteps li a:after{content:" "; display:block; width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:30px solid #d1d2d4; position:absolute; top:50%; margin-top:-50px; left:100%; z-index:1;}
/*.breadcrumbSteps li:first-child a:after{border-left:30px solid #d1d2d4;}*/
.breadcrumbSteps li a:before{content:" "; display:block; width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:30px solid white; position:absolute; top:50%; margin-top:-50px; margin-left:3px; left:100%; z-index:1;}
/*.breadcrumbSteps li:first-child a{padding-left:20px; background:#d1d2d4; color:#231f20;}*/
.breadcrumbSteps li.marked a{background:#a0d039;}
.breadcrumbSteps li.marked a:after{border-left:30px solid #a0d039;}
.breadcrumbSteps li.marked:first-child a:after{border-left:30px solid #a0d039;}
.breadcrumbSteps li:last-child a{width:92%;}

/* Izaberite način plaćanja */
#nacinPlacanjaForm input[type="radio"] {width: auto; margin:10px 20px 10px 2px;}
#nacinPlacanjaForm p:not(.naslov):not(:last-of-type) {
    display: flex;
    align-items: center;
}
#nacinPlacanjaForm p label{
    display: flex;
    align-items: center;
}
#nacinPlacanjaForm input{float:left;}
#nacinPlacanjaForm .nacinPlacanjaIcon{display:inline-block; float:left; margin-right:5px; width: auto;}
#nacinPlacanjaForm .acceptedCardsIcon{width: 45px;}
#nacinPlacanjaForm .naslov{
    font-size: 15px;
    font-weight: 700;
    color: #2D483F;
    text-align: center;
    max-width: 85%;
    margin: 0 auto 20px auto;}
#nacinPlacanjaForm button{
    border-radius: 100px;
    border: none;
    background: #8BB062;
    color: #fff;
    text-transform: capitalize;
    padding: 7px 23px;
    margin-top: 20px;
}
.registerPage .formsHolder .item #adresaIsporukeForm .naslov {
    font-size: 15px;
    font-weight: 700;
    color: #2D483F;
    text-align: center;
    max-width: 85%;
    margin: 0 auto 20px auto;
}

/* Adresa isporuke */
#adresaIsporukeForm button{
    border-radius: 100px;
    border: none;
    background: #8BB062;
    color: #fff;
    text-transform: capitalize;
    padding: 7px 23px;
    margin-left: auto;
    display: table;
    margin-top: 20px;
}
#nacinPlacanjaForm p:not(.naslov):not(:last-of-type) {
    display: flex;
    align-items: center;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.registerPage .formsHolder .item p:last-of-type label:first-of-type {
    margin-right: 10px;
}
.izmeniNalog, .izmeniLozinku{float:right; color:white; font-weight:700; font-size:13px; background:#c00; padding:5px 15px;}
#wfCartPay{width: 40%;
    background: #2D483F;
    color: #fff;
    border-radius: 10px;
    height: 36px;
    text-align: center;
    margin: 0 auto;
    display: table;}
#adresaIsporukeForm input#store {position: absolute;float: left;width: 18px;height: 18px;}
#adresaIsporukeForm label[for="store"] {font-size: 12px;margin-left: 20px;}
.finalOrderBlock {
    background: #f4efe9;
    padding: 15px;
    border-radius: 25px;
}

#boxes{margin:0 0 calc(100vw/19.2) 0;}
#boxes .row{margin-bottom:calc(20vw/19.2);}
#boxes .row:last-child{margin:0;}
#boxes .box{height:calc(420vw/19.2); background-size:cover; text-align:center; font-size:calc(30vw/19.2); display:table; width:100%; color:#fff;}
.box.payment{background:url(https://www.apetit.rs/img/box1.jpg) 50% 50%;}
.box.delivery{background:url(https://www.apetit.rs/img/box2.jpg) 50% 50%;}
.box.walkerService{background:url(https://www.apetit.rs/img/box3.jpg) 50% 50%;}
.box.apetitTeam.remake{background:url(https://www.apetit.rs/img/apetit-loyality-box.jpg) 50% 20%;}
.box.apetitStars{background:url(https://www.apetit.rs/img/box4.jpg) 50% 50%;}
.box.apetitBlog{background:url(https://www.apetit.rs/img/box5.jpg) 50% 50%;}
.box.apetitSale{background:url(https://www.apetit.rs/img/box6.jpg) 50% 50%;}
.box .textHolder{vertical-align:middle; display:table-cell;}
.box a, .box p{text-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);}
.box .button{font-size:calc(18vw/19.2); color:#fff; padding:calc(10vw/19.2) calc(30vw/19.2); border-radius:calc(30vw/19.2);}
.box .button.lightBlue{background:#40A0B1;}
.box .button.blue{background:#2D82E8;}
.box .button.pink{background:#FF7BAC;}
.box .button.green{background:#A5A825;}
.box .button.red{background:#B22C2C;}
.box .button.darkGreen{background:#85BB65;}

#newsletterHolder{margin: 0 0 calc(100vw/19.2) 0; text-align:center;}
#newsletterHolder .title{font-size: calc(28vw/19.2); line-height: calc(50vw/19.2); margin: 0 0 calc(40vw/19.2) 0; position: relative;}
#newsletterHolder form{border-bottom: 1px solid #333; padding: calc(15vw/19.2) 0; display: table; margin: 0 auto 20px auto; min-width: 50%; max-width: 500px; width: 100%;}
#newsletterHolder form input{border: none; background: none; width: calc(100% - 100px); float: left; height: 30px; line-height: 30px;}
#newsletterHolder form button{width: 100px; float: right; border: none; padding: 0; margin: 0; height: 30px; background:#ddd;}
#pageNewsletterMsg{}

#zigHolder{text-align: center; padding: calc(100vw/19.2) 0; margin: 0;}
#zigHolder .zig{display:inline; width:100%; max-width:150px;}

#rollBannerHolder{margin:0 0 calc(100vw/19.2) 0;}
#rollBannerHolder .rollBanner{background: #fff; border: 1px solid #000; height:calc(340vw/19.2); text-align:center; line-height:calc(340vw/19.2);}

.load-more-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.load-more-holder #load-more-btn {
    background: #8BB062;
    color: #fff;
    border: none;
    padding: 14px 24px;
    border-radius: 100px;
    margin: 18px 0 45px 0;
}

#saleHolder{}
#saleHolder .clear{display:none;}
#saleHolder .mainTitle {
    margin: 42px 0;
    color: #31393D;
    font-size: 30px;
    font-weight: 600;
}
#product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    width:100%;
}
.newProductsHolder .itemProduct {
    width: calc(calc(100% - 66px) / 4);
    background: #fff;
    border: 1px solid rgb(49 57 61 / 25%);
    border-radius: 5px;
    overflow: hidden;
    padding: 15px 25px;
    position: relative;
}
.newProductsHolder .itemProduct .productPreviewHolder {
    height: 100%;
    display: flex;
    flex-flow: column;
}
.newProductsHolder .itemProduct .productPreviewHolder > a img{
    transition: .3s all;
}
.newProductsHolder .itemProduct .productPreviewHolder > a:hover img{
    transform: scale(1.1);
}
.newProductsHolder .itemProduct .productPreviewHolder .tabletHolder {
    height: 100%;
    display: flex;
    flex-flow: column;
}
.newProductsHolder .itemProduct .productPreviewHolder h2 {
    color: #31393D;
    margin: 12px 0 20px 0;
    font-weight: 600;
    display: flex;
    flex-flow: column;
}
.newProductsHolder .itemProduct .productPreviewHolder h2 span {
    font-weight: 400;
    display: block;
    margin-top: 5px;
}
.newProductsHolder .itemProduct .productPreviewHolder h2 a:hover {
    text-decoration: underline;
}
.newProductsHolder .itemProduct .productPreviewHolder .saleMark {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: #EC3F2F;
    border-bottom-left-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 7px 5px 10px;
}
.newProductsHolder .itemProduct .productPreviewHolder .black-friday-mark{position: absolute;top: 5px;left: 5px;text-align: center;background: #8cb063;color: #fff;font-weight: 600;border-radius: 100px;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;font-size: 14px;}
.newProductsHolder .itemProduct .productPreviewHolder .infoHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    margin-top: auto;
}
.newProductsHolder .itemProduct .productPreviewHolder .infoHolder .pricesHolder {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: auto;
    flex-flow: column;
}
.newProductsHolder .itemProduct .productPreviewHolder .infoHolder .pricesHolder .price {
    margin: 0;
    color: #2d483f;
    font-weight: bold;
    font-size: 20px;
    background: #4e8d3d3d;
    border-radius: 25px;
    padding: 5px 15px;
}

.newProductsHolder .itemProduct .productPreviewHolder .infoHolder .buyButton {
    width: 100%;
    margin-top: 10px;
    font-weight: 700;
    color: #fff;
    background: #2D483F;
    text-align: center;
    border-radius: 10px;
    padding: 10px 0;
}
@keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(-5px); }
  80% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

.buyButton.shake {
  animation: shake 0.4s ease;
  background: #8BB062 !important;
}
.newProductsHolder .itemProduct .productPreviewHolder .infoHolder .pricesHolder .oldPrice {
    font-size: 16px;
    font-weight: 300;
    color: #5B6A71;
    text-decoration: line-through;
}

.topProductInfoHolder .productSlider .sliderBackground {
    background: #F4EFE9;
    border-radius: 5px;
}

.topProductInfoHolder .productSlider #productSlider {
    padding: 0 12.5% 30px 12.5%;
}

.topProductInfoHolder .productSlider #productSlider .owl-stage{display: flex;}
.topProductInfoHolder .productSlider #productSlider .owl-controls{position: unset;}
.topProductInfoHolder .productSlider #productSlider .owl-prev {
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(-50%);
}
.topProductInfoHolder .productSlider .sliderBackground .mainTitle {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 25px 0;
    text-align: center;
    padding-top: 25px;
}
.topProductInfoHolder .productSlider #productSlider .owl-next {
    position: absolute;
    top: 50%;
    right: 6%;
    transform: translateY(-50%);
}
.topProductInfoHolder .productSlider #productSlider .owl-prev,.topProductInfoHolder .productSlider #productSlider .owl-next{
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background: #8BB062;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
}
.productSlider .itemProduct {
    width: 100%;
    background: #fff;
    border: 1px solid rgb(49 57 61 / 25%);
    border-radius: 5px;
    overflow: hidden;
    padding: 15px 25px;
    position: relative;
    height: 100%;
}
.productSlider .itemProduct .productPreviewHolder {
    height: 100%;
    display: flex;
    flex-flow: column;
}
.productSlider .itemProduct .productPreviewHolder .tabletHolder{
    height: 100%;
    display: flex;
    flex-flow: column;
}
.productSlider .itemProduct .productPreviewHolder h2 {
    color: #31393D;
    margin: 12px 0 20px 0;
    font-weight: 600;
    display: flex;
    flex-flow: column;
}
.productSlider .itemProduct .productPreviewHolder h2 span{
    font-weight: 400;
}
.productSlider .itemProduct .productPreviewHolder .saleMark {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: #EC3F2F;
    border-bottom-left-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 7px 5px 10px;
}
.productSlider .itemProduct .productPreviewHolder .infoHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    margin-top: auto;
}
.productSlider .itemProduct .productPreviewHolder .infoHolder .pricesHolder {
    display: flex;
    gap: 10px;
    align-items: center;
}
.productSlider .itemProduct .productPreviewHolder .infoHolder .pricesHolder .price {
    margin: 0;
    color: #8BB062;
    font-weight: 800;
}

.productSlider .itemProduct .productPreviewHolder .infoHolder .buyButton {
    width: 100%;
    margin-top: 10px;
    font-weight: 700;
    color: #fff;
    background: #2D483F;
    text-align: center;
    border-radius: 10px;
    padding: 10px 0;
}
.productSlider .itemProduct .productPreviewHolder .infoHolder .pricesHolder .oldPrice {
    font-size: 14px;
    font-weight: 300;
    color: #5B6A71;
    text-decoration: line-through;
}

.breadCrumbs * {
    line-height: 20px;
}
.breadCrumbs {
    font-size: 12px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding-top: 20px;
}
.breadCrumbs img {
    height: 14px;
}

/* Blog */
.blogContent h1{
    font-size: 27px;
    font-weight: 700;
    margin: 40px 0 30px 0;
}
.blogContent .blogText{font-size:15px;}
.blogContent .blogText a{text-decoration:underline;}
.blogContent .blogText a:hover{color:#84c447;}
.modMain h1{
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    padding: 20px 0 25px 0;
    color: #31393D;
}
/* Blog 1*/
.blogText h2{font-size: calc(30vw/19.2);}
.blogBigHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.blogBigHolder .blogHolder {
    width: calc(calc(100% - 25px) / 2);
    height: 100%;
}
.blogBigHolder .blogHolder a {
    height: 100%;
    display: block;
}
.blogBigHolder .blogHolder a img{
    min-height: calc(100% - 65px);
    object-fit: cover;
}
.blogBigHolder .blogHolder {
    border-radius: 20px;
    overflow: hidden;
}
.blogBigHolder .blogHolder .sliderText {
    background: #F4EFE9;
    text-align: center;
    padding: 18px 40px 26px 40px;
    font-weight: 700;
    font-size: 18px;
}
.blogTextHolder{
    padding-top: 20px;
}
.blogTextHolder .imageBlogHolder .blogImg {
    height: 488px;
    overflow: hidden;
    border-radius: 15px;
}
.blogTextHolder .imageBlogHolder img {
    object-fit: cover;
    height: 100%;
}

.blogContent .blogFlexHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 70px;
    margin-bottom: 60px;
}
.blogContent .blogFlexHolder .blogText {
    width: calc(60% - 35px);
}
.blogContent .blogFlexHolder .listedBlogs {
    width: calc(40% - 35px);
    padding: 20px;
    border: 1px solid rgb(91 106 113 / 25%);
    border-radius: 10px;
    align-self:flex-start;
}
.blogContent .blogFlexHolder .listedBlogs .blogHolder {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}
.blogContent .blogFlexHolder .listedBlogs .blogHolder .sliderText {
    background: #F4EFE9;
    text-align: center;
    padding: 18px 40px 26px 40px;
    font-weight: 700;
    font-size: 18px;
}
.blogContent .blogFlexHolder .listedBlogs .button {
    display: table;
    margin: 0 auto;
    padding: 10px 20px;
    background: #C7E095;
    font-size: 14px;
    border-radius: 100px;
}
.blogContent .blogFlexHolder .listedBlogs .title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #5B6A71;
}

/* Blog Star */
.blogStarBody{background:#fff;}
.blogStarBody .modMain{padding:calc(300vw/19.2) 0 0 0;}
body.blogStarBody header {color: #000; position: fixed;}
body.blogStarBody header.bg {background: rgba(255,255,255,0.9);}
body.blogStarBody header .searchHolder input {border-bottom: 1px solid #000;}
.blogStarContentHolder{background:#f2f2f2; padding:calc(50vw/19.2) 0;}
.blogStarContentHolder .blogImg{margin:calc(-150vw/19.2) 0 0 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);}
.blogStarContent{}
.blogStarContent .blogStarText{}
.blogStarContent .blogStarText a{text-decoration:underline;}
.blogStarContent .blogStarText a:hover{color:#84c447;}
.blogStarBody h1{overflow:hidden; font-size: calc(25vw/19.2); margin: 0 0 calc(25vw/19.2) 0; line-height:calc(40vw/19.2);}
.blogStarBody h1 .titleBlogStar{float: left; display: initial; font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0;}
.titleBlogStarLogo{display: inline-block; height: calc(40vw/19.2); width: auto; margin: 0 0 0 calc(20vw/19.2); float: left;}
.imageFBCommentsHolder{position: initial; height: 100%; min-height: 100%; max-height: 100%;}
.fb-comments{position:absolute !important; bottom:0; background:#fff;}

/* Product */
.topProductInfoHolder .itemProductHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 50px;
    border-bottom: 1px solid #000;
    padding-top: 10px;
}
.topProductInfoHolder .itemProductHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.topProductInfoHolder .itemProductHolder .black-friday-mark{position: absolute;top: 30px;left: 10px;text-align: center;background: #8cb063;color: #fff;font-weight: 600;border-radius: 100px;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;font-size: 17px;}
.topProductInfoHolder .itemProductHolder .itemProduct:first-of-type {
    width: calc(50% - 120px);
    position: relative;
}

.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type {
    width: 50%;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .productBrendHolder {
    width: 150px;
    margin-bottom: 20px;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type h1 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
}
.topProductInfoHolder{background-color: #fff;}
.topProductInfoHolder h1{}
.topProductInfoHolder h1 .verzijaProizvoda{display: inline; margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit;}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .selectVersionHolder{margin-bottom: 25px;}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .selectVersionHolder .selectVersion {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .selectVersionHolder .selectVersion input{display: none;}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .selectVersionHolder .selectVersion label {
    display: inline-block;
    background: #F4EFE9;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 25px;
    border: 1px solid #000;
    width: max-content;
    text-align: center;
    font-size: 18px;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .selectVersionHolder .selectVersion label:hover {
    background: #8BB062;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .selectVersionHolder .selectVersion input:checked + label {
    background: #C7E095;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .selectVersionHolder .selectVersion input:checked + label:hover {
    background: #8BB062;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 60px;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .pricesHolder {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder {
    display: flex;
    align-items: center;
    gap: 20px;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .quantity {
    background: #F4EFE9;
    border-radius: 50px;
    width: 140px;
    display: flex;
    padding: 10px 13px;
    flex-wrap: wrap;
    border: 1px solid #000;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .quantity input#minus1, .topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .quantity input#add1 {
    background: #8BB062;
    border: none;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 26px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .quantity input#qty {
    width: 30px;
    font-size: 20px;
    padding: 0;
    margin: 0;
    height: 26px;
    text-align: center;
    margin: 0 auto;
    background:none;
    border: none;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .priceBuyHolder .buyHolder .buyButton {
    background: #8BB062;
    align-self: stretch;
    font-size: 20px;
    font-weight: 700;
    color: #F4EFE9;
    border-radius: 70px;
    padding: 10px 40px;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava {
    display: flex;
    align-items: center;
    height: 30px;
    position: relative;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava #autodostava {
    margin-right: 10px;
    accent-color: #8bb062;
    width: 15px;
    height: 15px;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava .autodostava{
    font-weight: 400;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava .lista {
    margin-left: auto;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava .lista {
    display: none;
}

.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava .lista #period{
    background: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    position: relative;
    z-index: 8;
    height: 32px;
    margin: 0;
    border: 1px solid #CBCDCE;
    padding: 5px 15px;
    display: flex;
    align-items: center;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .orderByPhone {
    height: 30px;
    margin-bottom: 15px;
    line-height: 30px;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .importantLinks {
    display: flex;
    gap: 20px;
}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .importantLinks a {
    background: #F4EFE9;
    padding: 0 15px;
    line-height: 29px;
    font-weight: 400;
    border-radius: 50px;
}


.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava .lista.prikazano{display: block;}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava .autodostavaOpis{position: absolute; display: none; background: #333; padding: calc(30vw/19.2); border-radius: 5px; width: calc(290vw/19.2); color: #fff; font-size: calc(15vw/19.2); line-height: calc(21vw/19.2);left: calc(-301vw / 19.2);top: 6px;;}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava .autodostavaOpis a{color:#84c346;}
.topProductInfoHolder .itemProductHolder .itemProduct:last-of-type .poljeAutodostava .autodostavaOpis .zatvori{color:#fff; cursor:pointer; font-size:calc(20vw/19.2); line-height:calc(22vw/19.2); font-weight:bold; position:absolute; right:calc(20vw/19.2); top:calc(10vw/19.2);}
.topProductInfoHolder .productDescription{padding-top: 20px;max-width: 60%;}
.topProductInfoHolder .productDescription a{text-decoration:underline;}
.topProductInfoHolder .productDescription h2 {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 20px 0;
}
.topProductInfoHolder .productDescription {
    padding-top: 20px;
    font-size: 15px;
    font-weight: 400;
}

.topProductInfoHolder .oftenBought {
    background: rgb(45 72 63 / 25%);
    padding: 30px 0 25px 0;
    margin-bottom: 60px;
    margin-top: 50px;
}
.topProductInfoHolder .oftenBought .mainTitle {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 25px 0;
    text-align: center;
}
.productBody{background: #fff;}

/* Prijava / registracija */
form.registrationForm input {display:block; margin-bottom:10px; background:none;border: 1px solid #888;border-top: none;padding: 5px 15px; color: #fff;}
form.loginForm input {display: block;margin-bottom: 10px;background: none;border: 1px solid #888;border-top: none;padding: 5px 15px; color: #fff;}
button.greenButton {display: block;margin: 0px 55px;padding: 5px 25px;border-radius: 15px;color: #fff;background: #84C346;border: none;}


.registerPage h1 {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin: 35px 0 45px 0;
}
.registerPage .formsHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.registerPage .formsHolder .item {
    width: calc(calc(100% - 25px) / 2);
    border: 1px solid #000;
    border-radius: 25px;
    padding: 20px 25px;
    align-self: flex-start;
}
.registerPage .formsHolder .item .greenInfo {
    font-size: 15px;
    font-weight: 700;
    color: #2D483F;
    text-align: center;
    max-width: 85%;
    margin: 0 auto 20px auto;
}
.registerPage .formsHolder .item input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #5B6A71;
    line-height: 29px;
    padding: 6px 10px;
    font-size: 14px;
    margin-bottom: 10px;
}
.registerPage .formsHolder .item input:last-of-type {
    margin-bottom: 20px;
}
.registerPage .formsHolder .item input::placeholder{
    text-transform: capitalize;
}
.registerPage .formsHolder .item .insideItemHolder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.registerPage .formsHolder .item #shopPrijava {
    border-radius: 100px;
    border: none;
    background: #8BB062;
    color: #fff;
    text-transform: capitalize;
    padding: 7px 23px;
    margin-left: auto;
    display: table;
}

.registerPage .formsHolder .item .insideItemHolder #shopRegistracija {
    border-radius: 100px;
    border: none;
    background: #8BB062;
    color: #fff;
    text-transform: capitalize;
    padding: 7px 23px;
}
.registerPage .formsHolder .item p {
    margin: 0;
}



/* Category */
.subcategoryInfo h1 {
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.subcategoryInfo {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
}
.subcategoryInfo.brandInfoHolder{
    padding-top: 20px;
    padding-bottom: 20px;
}
.subcategoriesHolder{margin: 0 0 50px 0; list-style: none; padding: 0; text-align: center; font-size:14px; line-height:1.4;}
.subcategoriesHolder>li{display: inline-block; margin: 5px; padding: 10px 15px; background: #fff;}
.featuredBannerCat{margin-bottom: 40px;}
.categoryDescription{color: #333333; font-size: calc(20vw/19.2); font-weight:400;}
.categoryBanner{margin: calc(150vw/19.2) 0 0 0;}
.subcategoryDescription{}
.filterHolder .filterItem{margin: 0 calc(30vw/19.2) 0 0; display: inline-block;}
.filterHolder .filterItem:last-child{margin:0;}
.filterHolder .filterItem label{display: block; text-align: left; color: #84c346;}
.filterHolder .filterItem select{background: transparent; border: 1px solid #fff; padding: calc(10vw/19.2); float: left; min-width: calc(150vw/19.2);}
.filterMarka{z-index: 3}
.filterCena{z-index: 2;display: flex;gap: 10px;}
.filterPoStrani{z-index: 1}
.categoryHolder .newProductsHolder {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
    width: calc(80% - 24px);
    align-self: flex-start;
}
.newProductsHolder{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
.categoryHolder .filterHolder .kategorijeFilterHolder {
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin-bottom: 30px;
}
.categoryHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding-top: 20px;
}
.categoryHolder .filterHolder {
    width: 20%;
    font-size: 14px;
}
.categoryHolder .filterHolder .closeFiltersMobile{
    display: none;
}
.categoryHolder .filterHolder .brendoviFilterHolder{
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin-bottom: 30px;
}
.categoryHolder .filterHolder .brendoviFilterHolder .itemTitle {
    color: #8BB062;
    font-weight: 700;
}

.priceBuyHolder .pricesHolder img{width: auto;}

/* Korpa */
.topCartPage{
    background: #fff;
}
.topCartPage h1 {
    font-size: 25px;
    font-weight: 700;
    margin: 55px 0 25px 0;
}
.topCartPage .cart_holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.topCartPage .cart_holder .products_holder {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
}
.topCartPage .cart_holder .products_holder .product_items {
    border: 1px solid #000;
    border-radius: 25px;
    width: 100%;
}
.topCartPage .cart_holder .products_holder .cart_row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product {
    width: 100%;
    display: flex;
}
.topCartPage .cart_holder .cart_total_holder {
    width: 35%;
    align-self: flex-start;
    position: sticky;
    top: 100px;
    display: flex;
    flex-flow: column;
    padding: 20px 20px 30px 20px;
    border: 1px solid #000;
    border-radius: 25px;
}
.topCartPage .cart_holder .cart_total_holder .cart_footer{
    display: flex;
    justify-content: space-between;
    font-size: 17px;
}
.topCartPage .cart_holder .cart_total_holder .cart_footer:first-of-type{
    margin-bottom: 10px;
}
.topCartPage .cart_holder .cart_total_holder h2 {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 30px 0;
}
.topCartPage .cart_holder .products_holder .cart_row .freeDeliveryText {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #C7E095;
    border-radius: 100px;
    padding: 18px;
    font-size: 15px;
}
.topCartPage .cart_holder .products_holder .cart_row .freeDeliveryText img {
    width: auto;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_slika {
    padding: 10px;
    align-self: flex-end;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_slika img {
    width: 162px;
    object-fit: contain;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product {
    width: calc(100% - 34px);
    display: flex;
    margin: 0 auto;
    padding: 20px 0;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product:not(:last-of-type) {
    border-bottom: 1px solid #000;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija {
    width: 50%;
    font-size: 17px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija2 {
    display: flex;
    width: calc(50% - 182px);
    flex-flow: column;
    text-align: right;
    justify-content: space-between;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija2 .cart_product_delete {
    display: flex;
    gap: 10px;
    align-items: center;
    width: max-content;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija2 .cart_product_delete img {
    width: auto;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija2 .cart_span_izbaci{
    margin-left: auto;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija2 .cart_span_ukupno{
    font-size: 17px;
}
#korpa .update_dugme {background:url("https://www.apetit.rs/img/dodaj.jpg") no-repeat scroll 0 0 transparent; border:medium none; height:25px; margin:0; padding:0; width:25px;}
#korpa .delete_dugme {background:url("https://www.apetit.rs/img/izbaci.jpg") no-repeat scroll 0 0 transparent; border:medium none; height:25px; margin:0; padding:0; width:25px;}
#korpa {color:#666; font-size:12px;}
#korpa a {color:#666; font-size:12px; font-weight:bold;}
.naruci {background:#F1116A; border:0 none; border-radius:5px; color:#fff; cursor:pointer; display:block; font-size:12px; font-weight:bold; height:30px; overflow:hidden; text-align:center; width:167px;}
.nastavi, .isprazniKorpu {background-color:#F1116A; border:0 none; border-radius:5px 5px 5px 5px; color:#fff; cursor:pointer; display:block; float:right; font-size:12px; height:25px; margin:0 0 0 15px; overflow:hidden; text-align:center; width:100px;}
.ukupanIznos {color:#333; font-size:16px; line-height:20px; font-weight:bold;}
#korpa .nastavi a, #korpa .naruci a {color:#fff; font-size:12px; line-height:30px; font-weight:bold;}
.narucimin {color:#F11069; float:right; font-size:14px; font-weight:bold; margin:5px 0;}
#korpa .cena {color:#666; font-size:16px;}
.cart_header {font-size: calc(19vw/19.2); overflow: hidden; text-align: left; margin: 0 0 20px 0;}

.topCartPage .cart_holder .cart_total_holder .voucher_holder {
    display: flex;
    place-content: end;
    margin-top: 10px;
    flex-flow: wrap;
    margin-top: 30px;
    margin-bottom: 30px;
}
.topCartPage .cart_holder .cart_total_holder .voucher_holder .voucherText {
    display: flex;
    align-items: center;
    background: #C7E095;
    border-radius: 100px;
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 300;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
}
.topCartPage .cart_holder .cart_total_holder .voucher_holder #voucher_code {
    width: 65%;
    margin-right: auto;
    border-radius: 100px;
    border: 1px solid #000;
    padding: 8px 16px;
    font-weight: 300;
    font-size: 15px;
}
.topCartPage .cart_holder .cart_total_holder .voucher_holder #voucher_code_button {
    border-radius: 100px;
    border: none;
    width: max-content;
    padding: 0px 17px;
    color: #fff;
    background: #8BB062;
}
.topCartPage .cart_holder .cart_total_holder #cart_next {
    width: 40%;
    background: #2D483F;
    color: #fff;
    border-radius: 10px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
}
.voucher_holder .attention {
    margin-right: auto;
}
.voucher_holder .attention span {
    margin-right: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    color: #84c447;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_komada {
    background: #F4EFE9;
    border-radius: 50px;
    width: 140px;
    display: flex;
    padding: 10px 13px;
    flex-wrap: wrap;
    border: 1px solid #000;
    flex-flow: row-reverse;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_komada .cart_product_inc, .topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_komada .cart_product_dec {
    background: #8BB062;
    border: none;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 26px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_komada .cart_product_qty {
    width: 30px;
    font-size: 20px;
    padding: 0;
    margin: 0;
    height: 26px;
    text-align: center;
    margin: 0 auto;
    background: none;
    border: none;
}
.topCartPage .cart_holder .products_holder .cartFooterNaruci a {
    font-size: 15px;
    font-weight: 300;
    border: 1px solid #000;
    border-radius: 100px;
    align-self: normal;
    display: flex;
    align-items: center;
    padding: 17px 12px;
    margin-top: 20px;
}

.topCartPage .cart_holder .products_holder .cart_row #cart_empty {
    font-size: 15px;
    font-weight: 300;
    border: 1px solid #000;
    border-radius: 100px;
    align-self: normal;
    display: flex;
    align-items: center;
    padding: 0 12px;
}


.emptyCartLogo{width: calc(300vw/19.2); margin: calc(100vw/19.2) auto;}
#order {display:none; margin:40px 0 25px 0;}
.cart_holder #cart_order {background:#84C447; border:0 none; cursor:pointer; display:block; font-size:12px; font-weight:bold; height:30px; overflow:hidden; text-align:center; width:167px; margin:0 0 25px 150px; float:left;}

.cart_holder_small {
    padding: 10px;
    border: 1px solid #000;
    border-radius: 25px;
    width: 100%;
}
.cart_holder_small .cart_header{font-size: calc(16vw/19.2); font-weight: 700;}
.cart_holder_small .cart_span_proizvod{width:56%;}
.cart_holder_small .cart_span_ukupno{width:12%;}
.cart_holder_small .cart_span_komada{width:12%;}
.cart_holder_small .cart_span_cenakom{width:20%;}
.cart_holder_small .cart_product{font-size:calc(18vw/19.2);}
.fontSize{font-size:14px; line-height:24px;}

/* Walker */
body.walkerBody header{position:fixed; border:none;}
.modMainWalker{background:url(https://www.apetit.rs/img/apetit-walker-bg.jpg) no-repeat 50% 0 /cover; padding:calc(200vw/19.2) 0 calc(150vw/19.2) 0; color:#fff;}
.postaniteDeoTima{background: #2D82E8;height: 50px;line-height: 50px;text-align: center;padding: 0 30px;border-radius: 25px;width: auto;margin: 30px auto;display: table;font-size: 16px;cursor: pointer;}
#postaniteDeoTimaForm{display:none; width:100%; max-width:500px; margin: 0 auto;}
#postaniteDeoTimaForm input{width: 100%; border: 1px solid #fff; background:rgba(0,0,0,0.6); padding: 5px 10px; font-size: 16px; line-height: 30px; margin: 0 0 10px 0;}
#postaniteDeoTimaForm button{background: #2D82E8; height: 50px; line-height: 50px; text-align: center; padding: 0 30px; border-radius: 25px; width: auto; margin: 0 auto; display: table; font-size: 16px; cursor: pointer; border: none;}

/* Posao */
.modMainJob{background:url(https://www.apetit.rs/img/apetit-tim-bg.jpg) no-repeat 50% 0 /cover; padding:calc(200vw/19.2) 0 calc(150vw/19.2) 0; color:#fff;}
#applicationForm{width:100%; max-width:500px; margin: 0 auto;}
#applicationForm input{width: 100%; border: 1px solid #fff; background:rgba(0,0,0,0.6); padding: 5px 10px; font-size: 16px; line-height: 30px; margin: 0 0 10px 0;}
#applicationForm button{background: #2D82E8; height: 50px; line-height: 50px; text-align: center; padding: 0 30px; border-radius: 25px; width: auto; margin: 0 auto; display: table; font-size: 16px; cursor: pointer; border: none;}
#applicationForm #terms {width: 30px;}
.ctaFormWrapper .mainTitle{font-size: 24px;text-align: center;margin-bottom: 24px;}
.ctaFormWrapper {margin: 100px 0;zoom: 1.3;display: flex;}
.tyJobHolder p:first-of-type{font-size: 23px;}
.tyJobHolder{width: 100%;max-width: 500px;margin: 0 auto;text-align: center;background: radial-gradient(#ffffff40, transparent);padding: 50px 0;}

/* Vaš nalog */
.userContactInformation{margin: 0 0 50px 0;}
.table>thead>tr{background: #333; color: #fff;}
.table>thead>tr>th{border-bottom:2px solid #ddd; vertical-align:bottom; padding:8px;}
.table td{padding:8px; border-top:1px solid #ddd;}
.table-striped>tbody>tr:nth-of-type(2n){background-color:#fff;}
.table-striped>tbody>tr:nth-of-type(2n+1){background-color:#f9f9f9;}
.tabelaPorudzbina>tbody>tr:hover {background-color:#bababa; color:#fff;}
.tabelaPorudzbina>tbody>tr{cursor:pointer;}
.pass_success{display:none; padding:10px 20px; color:#044406; background-color:#B7FBB9; margin:0 0 20px 0 !important; float:right; border-radius:3px; width: 100%;}
.pass_fail{display:none; padding:10px 20px; color:#D8000C; background-color:#FFBABA; margin:0 0 20px 0 !important; float:right; border-radius:3px; width: 100%;}

/* Brend */
.moduleMainTitle {position:absolute; left:0; right:0; top:-700px; width:600px; margin:0 auto;}
.modBrendoviMain{background:#fff;}
.modBrendoviMain h1 {
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    padding: 20px 0 25px 0;
}
.modBrendoviMain .brendList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.modBrendoviMain .brendList .brendItem{
    width: calc(calc(100% - 100px) / 6);
    padding: 20px;
    border: 1px solid rgb(91 106 113 / 25%);
    border-radius: 10px;
}

.modBrendoviMain .brendList .brendItem img {
    filter: grayscale(1);
}
.modBrendMain{background:#fff;}

/* Pretraga */
.pretragaMainTitle{width:70%; margin:0 auto calc(150vw/19.2) auto;}
.resultHolder{color: #84c346; font-size: calc(20vw/19.2); line-height: calc(24vw/19.2); margin: 0;}
.resultHolder span{color: #999; font-size: calc(16vw/19.2); font-style: italic;}

/* Akcije */
.topAkcijePage{padding:calc(300vw/19.2) 0 calc(50vw/19.2) 0;}
.akcijeMainTitle{width:60%; margin:0 auto calc(150vw/19.2) auto;}
.akcijaKategorije{width: calc(300vw/19.2); background: transparent; border: 1px solid #fff; padding: calc(10vw/19.2); color: #fff; margin: 0 auto; display: block;}
.akcijaKategorije.dark{background:black; margin-top:calc(50vw/19.2);}
.izdvojeniProizvod{float:left; width:24%; margin:0 calc(4%/3) 3% 0; background:#fff; padding:0 0 calc(30vw/19.2) 0; position:relative;}
.izdvojeniProizvod:hover::before{opacity:1; top:-2px;}
.izdvojeniProizvod:hover::after{opacity:1; bottom:-2px;}
.izdvojeniProizvod::before{position:absolute; content:""; width:50%; height:4px; background:#35b1ef; top:15px; left:50%; transform:translateX(-50%); opacity:0; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.izdvojeniProizvod::after{position:absolute; content:""; width:50%; height:4px; background:#35b1ef; bottom:15px; left:50%; transform:translateX(-50%); opacity:0; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.izdvojeniProizvod:nth-of-type(4n){margin:0 0 3% 0;}
.izdvojeniProizvod:hover{-webkit-box-shadow:0 0 33px 6px rgba(0,0,0,0.19); -moz-box-shadow:0 0 33px 6px rgba(0,0,0,0.19); box-shadow:0 0 33px 6px rgba(0,0,0,0.19);}
.izdvojeniProizvod .iconSale{width: 70px; position: absolute; right: 10px; top: 10px;}
.izdvojeniProizvod .thumb{width: 80%; margin: 0 auto; padding: 5% 0;}
.izdvojeniProizvod .title{width: 80%; margin: 0 auto calc(20vw/19.2) auto; text-align: center; font-size: calc(16vw/19.2); line-height: calc(19vw/19.2); height: calc(60vw/19.2); color: #2d2b2b;}
.izdvojeniProizvod .price{width: 80%; margin: 0 auto; text-align: center; font-size: calc(16vw/19.2); line-height: calc(20vw/19.2); color: #2d2b2b;}

.sectionTitle {padding: 0; text-transform: uppercase; color: white; margin: 0 0 30px 0; font-size: 25px;}

/* p.sliderText {position:absolute; top:50%; color:#fff; text-align:center; font-weight:500; font-size:calc(40vw/19.2); width:90%; transform:translateY(-50%); left: 5%; right: 5%; line-height: calc(40vw/19.2);} */

/* Galerija */
.gallery{overflow: hidden; padding: 0 0 120px 0;}
.gallery-holder{overflow: hidden;}
.gallery-single{height: 250px; width: 16%; float: left; background-size: cover; background-repeat: no-repeat; background-position: center; margin: 2%; border: 10px solid #fff;}

/* Kategorije select */
.catHolder{float:right; margin:0 0 calc(40vw/19.2) calc(40vw/19.2); position:relative; z-index:1;}
.catHolder .title{
    background: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    position: relative;
    z-index: 8;
    height: 32px;
    margin: 0;
    border: 1px solid #CBCDCE;
    padding: 5px 15px;
    display: flex;
    align-items: center;
}
.catHolder .title .text{float:left;}
.catHolder .title .fa{float:right; font-size:calc(16vw/19.2); line-height:calc(40vw/19.2); margin:0 0 0 calc(20vw/19.2);}
.catHolder .dropMenuCat{position:absolute; top:0; right:0; left:0; background:#fff; padding:calc(60vw/19.2) calc(20vw/19.2) calc(20vw/19.2) calc(20vw/19.2); z-index:7; border-radius:10px; display:none;}
.catHolder .dropMenuCat .item{font-size:calc(15vw/19.2); line-height:calc(15vw/19.2); margin:0 0 calc(20vw/19.2) 0; cursor:pointer;}
.catHolder .dropMenuCat .item:last-child{margin:0;}

/* Broj proizvoda po strani */
.productNumberHolder{float:right; margin:0 0 calc(40vw/19.2) calc(40vw/19.2); position:relative; z-index:1;}
.productNumberHolder .title{background:#fff; border-radius:4px; text-align:center; padding:0 calc(30vw/14.4); font-size:calc(16vw/19.2); line-height:calc(40vw/19.2); margin:0; cursor:pointer; width:100%; height:calc(40vw/19.2); position:relative; z-index:8;}
.productNumberHolder .title .text{float:left;}
.productNumberHolder .title .fa{float:right; font-size:calc(16vw/19.2); line-height:calc(40vw/19.2); margin:0 0 0 calc(20vw/19.2);}
.productNumberHolder .dropMenuNumbers{position:absolute; top:0; right:0; left:0; background:#fff; padding:calc(60vw/19.2) calc(20vw/19.2) calc(20vw/19.2) calc(20vw/19.2); z-index:7; border-radius:10px; display:none;}
.productNumberHolder .dropMenuNumbers .item{font-size:calc(15vw/19.2); line-height:calc(15vw/19.2); margin:0 0 calc(20vw/19.2) 0; cursor:pointer;}
.productNumberHolder .dropMenuNumbers .item:last-child{margin:0;}

/* Sortiranje */
/* .filterCena .sortHolder:first-of-type{display: none;} */
.sortHolder{position:relative; z-index:1;min-width: 169px;}
.sortHolder .title {
    background: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    position: relative;
    z-index: 8;
    height: 32px;
    margin: 0;
    border: 1px solid #CBCDCE;
    padding: 5px 15px;
    display: flex;
    align-items: center;
}
.sortHolder .title .text{float:left;}
.sortHolder .title .fa {
    margin: 0 0 0 auto;
    padding-left: 20px;
}
.sortHolder .dropMenuSort{position:absolute; top:0; right:0; left:0; background:#fff; padding:48px 16px 16px 16px; z-index:7; border-radius:10px; display:none;box-shadow: 0px 20px 35px -12px;}
.sortHolder .dropMenuSort .item{cursor:pointer;}
.sortHolder .dropMenuSort .item:last-child{margin:0;}
.sortHolder .dropMenuSort .item a {
    display: block;
    width: 100%;
    height: 100%;
    transition: .3s all;
    margin-bottom: 5px;
    padding: 3px;
}
.sortHolder .dropMenuSort .item a:hover {
    background: #ededed;
}
h1.searchTitle {
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    padding: 20px 0 25px 0;
}
/* Brend */
.brendHolder{position:relative; z-index:1;}
.brendHolder .title{    
    background: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    position: relative;
    z-index: 8;
    height: 32px;
    margin: 0;
    border: 1px solid #CBCDCE;
    padding: 5px 15px;
    display: flex;
    min-width: 150px;
    justify-content: space-between;
    align-items: center;}
.brendHolder .title .text{float:left;}
.brendHolder .title .fa{float:right; font-size:calc(16vw/19.2); line-height:calc(40vw/19.2); margin:0 0 0 calc(20vw/19.2);}
.brendHolder .dropMenuBrend{position:absolute; top:0; right:0; left:0; background:#fff; padding:calc(60vw/19.2) calc(20vw/19.2) calc(20vw/19.2) calc(20vw/19.2); z-index:7; border-radius:10px; display:none;}
.brendHolder .dropMenuBrend .item{font-size:calc(15vw/19.2); line-height:calc(15vw/19.2); margin:0 0 calc(20vw/19.2) 0; cursor:pointer;}
.brendHolder .dropMenuBrend .item:last-child{margin:0;}

.modBrendMain .brendInfoHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 70px;
    padding-top: 20px;
}
.modBrendMain .brendInfoHolder .item {
    width: calc(70% - 35px);
}
.modBrendMain .brendInfoHolder .item h1 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 20px;
}
.modBrendMain .brendInfoHolder .item .brendDescription {
    font-size: 15px;
    font-weight: 400;
}
.modBrendMain .brendInfoHolder img {
    width: calc(30% - 35px);
    object-fit: contain;
}


/*----------------- paging ---------------*/
.paging {font-size:calc(16vw/19.2); color:#333; margin:0 0 0 calc(30vw/19.2); float:right; clear:both; height:calc(40vw/19.2);}
.paging .page-info{display:inline-block; margin:0 10px;}
.paging .fa{margin:0 3px; background:#ddd; width:20px; height:20px; line-height:20px; border-radius:50%; text-align:center; color:inherit;}
.page-select {padding:2px; font-size:12px; width:45px; border:1px solid #ccc; margin-left:10px;}
.clear {clear:both; font-size:0; height:0; line-height:0; margin:0; padding:0;}

footer {background: #2D483F;color: #fff;}
footer .logoFooterHolder {
    padding: 30px 0;
    background: #f8f8f8;
}
footer .logoFooterHolder img {
    width: auto;
    margin: 0 auto;
}
footer .paymentIconsHolder {
    text-align: center;
    display: flex;
    align-items: center;
    padding: 20px 0;
    justify-content: space-between;
}
footer .socialIconsHolder{background:#1c1b1b; padding:calc(70vw/19.2) 0; margin:0 0 calc(100vw/19.2) 0;}
footer .socialIconsHolder .socialIcons{width:calc(200vw/19.2); margin:0 auto; overflow:hidden;}
footer .socialIconsHolder .socialIcons .socialIcon{width:calc(100%/3); display:block; float:left;}
footer .paymentIconsHolder a{display:block;}
footer .whiteBg{background:#fff;}
footer .paymentIconsHolder img{display:inline-block; width:auto;}
footer .footerNewsletter{border-bottom: 1px solid #333; padding:calc(15vw/19.2) 0;}
footer .footerNewsletter input{border: none; background: none;}
footer .footerNewsletter button{border: none; background: none; float:right}
footer .footerLogo{width: auto; max-width: 100%; margin: calc(50vw/19.2) auto;}
footer .footerContent {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
}
footer .footerContent .itemFooter {
    width: calc(100% / 3);
}
footer .footerContent .itemFooter:last-of-type{
    padding:15px 25px;
    border-radius: 10px;
    box-shadow: 3px 2px 5px 0 rgb(0 0 0);
    background: #3E6256;
}
footer .footerContent .itemFooter .footerMenu {
    display: flex;
    flex-flow: column;
    gap: 10px;
}
footer .footerContent .itemFooter:first-of-type p {
    margin-bottom: 15px;
}


#newsletterMsg{margin: 10px 0 0 0; font-size: 11px;}
#backToTop {
    bottom: calc(20vw / 16.8);
    right: calc(20vw / 16.8);
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 100;
}
#fixedBanner a {
    margin-bottom: 20px;
    display: block;
}
#saleHolder .newProductsHolder{
    margin-bottom: 55px;
}

/*----------------------- popup ---------------------*/
/* .popupBack{display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#fff; z-index:9998;}
.popupCont{display:none; position:fixed; _position:absolute; height:auto; width:880px; z-index:9999; box-shadow: 0 0 5px #999; padding:30px 40px; font:12px  Arial, Helvetica, sans-serif; color:#000; background-color:#fff;}
.popupClose{right:-14px; top:-11px; position:absolute; display:block; cursor:pointer; cursor:hand;} */
.popupBack{background:#fff none repeat scroll 0 0;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998;}
.popupCont{background-color:#fff;box-shadow:0 0 5px #999;color:#000;display:none;font:12px Arial,Helvetica,sans-serif;height:auto;padding:30px 40px;position:fixed;width:450px;z-index:9999;}
.popupClose{cursor:pointer;display:block;position:absolute;right:-14px;top:-11px;}
.order_title {float:left; font:18px  Arial, Helvetica, sans-serif; color:#000;}
.order_status {float:right;}
.order_status select {padding:5px; font:bold 12px  Arial, Helvetica, sans-serif; color:#000; border: 1px solid #ACACAC; border-radius: 5px 5px 5px 5px;}
.order_status option {margin:5px 0;}

/* card paying */
.wpwl-control{height: 3em !important;}

.mauticform_wrapper { max-width: 600px; margin: 10px auto; }
.mauticform-innerform {}
.mauticform-post-success {}
.mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
.mauticform-description { margin-top: 2px; margin-bottom: 10px; }
.mauticform-error { margin-bottom: 10px; color: red; }
.mauticform-message { margin-bottom: 10px;color: green; }
.mauticform-row { display: block; margin-bottom: 20px; }
.mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; }
.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
.mauticform-errormsg { display: block; color: red; margin-top: 2px; }
.mauticform-selectbox, .mauticform-input, .mauticform-textarea {
    width: 100%;
    padding: 10px;
    background: #2D483F;
    box-shadow: inset 3px 4px 4.5px 0 rgb(0 0 0);
    border-radius: 4px;
    box-sizing: border-box;
    border: none;
}
.mauticform-checkboxgrp-row {}
.mauticform-checkboxgrp-label { font-weight: normal; }
.mauticform-checkboxgrp-checkbox {}
.mauticform-radiogrp-row {}
.mauticform-radiogrp-label { font-weight: normal; }
.mauticform-radiogrp-radio {}
.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { color: #fff;padding:7px 10px;background-color: #8BB062;border-color: #dddddd;border: none;font-size: 16px;}
.mauticform-button-wrapper .mauticform-button, .mauticform-pagebreak-wrapper .mauticform-pagebreak { display: inline-block;margin-bottom: 0;font-weight: 600;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd; opacity: 0.75; cursor: not-allowed; }
.mauticform-pagebreak-wrapper .mauticform-button-wrapper {  display: inline; }
.mauticform-field-hidden { display:none }

.cart_product.lastStep .cart_span_verzija .cart_span_komada {
    background: #F4EFE9;
    border-radius: 50px;
    width: 60px;
    display: flex;
    padding: 10px 13px;
    flex-wrap: wrap;
    border: 1px solid #000;
    flex-flow: row-reverse;
}
.cart_product.lastStep .cart_span_verzija .cart_span_komada .cart_product_inc, .cart_product.lastStep .cart_span_verzija .cart_span_komada .cart_product_dec {
    background: #8BB062;
    border: none;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 26px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.cart_product.lastStep .cart_span_verzija .cart_span_komada .cart_product_qty {
    width: 30px;
    font-size: 20px;
    padding: 0;
    margin: 0;
    height: 26px;
    text-align: center;
    margin: 0 auto;
    background: none;
    border: none;
}

.cart_product.lastStep .cart_span_slika {
    padding: 10px;
    align-self: flex-end;
}
.cart_product.lastStep .cart_span_slika img {
    width: 162px;
    object-fit: contain;
}
.cart_product.lastStep {
    width: calc(100% - 34px);
    display: flex;
    margin: 0 auto;
    padding: 20px 0;
}
.cart_product.lastStep:not(:last-of-type) {
    border-bottom: 1px solid #000;
}
.cart_product.lastStep .cart_span_verzija {
    width: 50%;
    font-size: 17px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.cart_product.lastStep .cart_span_verzija2 {
    display: flex;
    width: calc(50% - 182px);
    flex-flow: column;
    text-align: right;
    justify-content: space-between;
}
.cart_product.lastStep .cart_span_verzija2 .cart_product_delete {
    display: flex;
    gap: 10px;
    align-items: center;
    width: max-content;
}
.cart_product.lastStep .cart_span_verzija2 .cart_product_delete img {
    width: auto;
}
.cart_product.lastStep .cart_span_verzija2 .cart_span_izbaci{
    margin-left: auto;
}
.cart_product.lastStep .cart_span_verzija2 .cart_span_ukupno{
    font-size: 17px;
    width: 100%;
}

.cart_product.lastStep {
    width: 100%;
    display: flex;
}

.cart_span_verzija2 .cart_product_total{display: none;}
.topCartPage .cart_holder .products_holder .product_items .cart_product .cart_span_verzija .cart_span_ukupno {
    display: none;
}
.cart_span_verzija2 .cart_product_total{display: block;}


.notifications{position: fixed;top: 20px;right: 20px;z-index: 9999;display: flex;flex-direction: column;gap: 25px;align-items: flex-end;color: #8cb063;}

.notifications .toast{position: relative;overflow: hidden;list-style: none;border-radius: 5px;padding: 15px;background: white;box-shadow: 5px 8px 3.5px 0px rgba(0, 0, 0, 0.15);animation: show_toast 0.3s ease forwards;display: flex;align-items: center;justify-content: space-between;}
@keyframes show_toast {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.notifications .toast.hide {
  animation: hide_toast 0.3s ease forwards;
}

@keyframes hide_toast {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

.pageText .pageTextHolder {
    max-width: 600px;
    margin: 0 auto;
}

footer .itemFooterIcon{display: flex;gap: 20px;padding: 0 0 0 20px;margin-top: 30px;}
footer .itemFooterIcon .footer-icon{width: 50px;}



.newsletter-blur {
    background: rgba(18,20,22,0.80);
    backdrop-filter: blur(2.5px);
    position: fixed;
    inset: 0;
    z-index: 1001;
    display: none;
}

.newsletterpopup {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    z-index: 1002;
}

#newsletterSup {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

/* 
.newsletter-blur{background: rgba(18, 20, 22, 0.80);backdrop-filter: blur(2.5px);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1001;}
.newsletterpopup {justify-content: center;width: 100%;top: 50%;left: 50%;position: fixed;} */
.aboutUsWrapperup {position: relative}
#newsletterSup {background: #fbfaf9;}
#newsletterSup .container {text-align: center}

element.style {bottom: auto;}
/* #newsletterSup {background: #fbfaf9;width: 40%;position: absolute;background-repeat: no-repeat;background-size: cover;transition: all 0.8sease;top: 50%;position: fixed;left: 50%;transform: translate(-50%, -50%);z-index: 1002;border-radius: 10px;overflow: hidden;} */
#newsletterSup .aboutUsWrapperup .aboutUsTextHolderup {font-size: 16px;font-weight: 400;color: var(--black)}
#newsletterSup .blockTitleup {font-size: 21px;font-weight: 600;margin: 0 0 30px;text-align: center;}
#newsletterSup input {padding: 10px 45px;background: transparent;border: 1px solid black;}
#newsletterup {display: flex;place-content: center;align-items: center;margin-top: 15px;flex-wrap: wrap;}
#newsletterup .btn{margin: 0;padding: 10px 45px;}
#pageNewsletterMsgup{width: 100%;margin-top: 20px;}
.close-newsletter{position: absolute;right: 20px;top: 10px;font-size: 27px;color:#fff;}
.popup-logo{display: flex;justify-content: center;}
.headerLogoo{width: 100%;}

  .quantity input.minus {
    background: #8BB062;
    border: none;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 26px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.quantity input.plus {
    background: #8BB062;
    border: none;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 26px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}





.topProductInfoHolder .itemProductHolder .itemProduct .saleMark {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: #EC3F2F;
    border-bottom-left-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 7px 5px 10px;
}
/* Exchange Payment.js - izgled usklađen sa starim OPPWA widgetom */
.exchangePaymentBox {
    width: 100%;
    max-width: 460px;
    margin: 5px auto 0 auto;
}

#exchangePaymentForm {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.exchangePaymentRow {
    margin: 0 0 15px 0;
}

.exchangePaymentLabel {
    display: block;
    margin: 0 0 6px 0;
    color: #2d2b2b;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.exchangePaymentInput,
.exchangePaymentExpiryControl {
    width: 100%;
    height: 46px;
    box-sizing: border-box;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.exchangePaymentInput {
    display: block;
    padding: 0 13px;
    color: #2d2b2b;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.exchangePaymentInput:focus,
.exchangePaymentExpiryControl:focus-within {
    border-color: #8BB062;
    box-shadow: 0 0 0 2px rgba(139, 176, 98, 0.18);
    outline: none;
}

.exchangePaymentIframe {
    width: 100%;
    height: 46px;
    box-sizing: border-box;
    padding: 0 13px;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
    outline: none !important;
}

.exchangePaymentIframe:focus,
.exchangePaymentIframe:focus-within {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.exchangePaymentIframe iframe {
    display: block;
    width: 100% !important;
    height: 44px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.exchangePaymentColumns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 145px;
    gap: 15px;
    margin: 0 0 15px 0;
}

.exchangePaymentColumn {
    min-width: 0;
}

.exchangePaymentExpiryControl {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.exchangePaymentExpiryControl input {
    min-width: 0;
    height: 44px;
    margin: 0;
    padding: 0 4px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #2d2b2b;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.exchangePaymentExpiryControl input:focus {
    outline: none;
}

#exchange_expiry {
    width: 100%;
}

.exchangePaymentExpiryControl span {
    flex: 0 0 auto;
    color: #777;
    font-size: 17px;
    font-weight: 500;
}

.exchangePaymentError {
    display: none;
    margin: 0 0 15px 0;
    padding: 9px 11px;
    border: 1px solid #e7a3a3;
    border-radius: 3px;
    background: #fff2f2;
    color: #b00000;
    font-size: 13px;
    line-height: 18px;
}

.exchangePaymentActions {
    display: flex;
    justify-content: flex-end;
    margin-top: 2px;
}

#exchangePayButton {
    min-width: 120px;
    height: 42px;
    margin: 0;
    padding: 0 25px;
    border: 0;
    border-radius: 3px;
    background: #8BB062;
    color: #fff;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
    line-height: 42px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
}

#exchangePayButton:hover {
    background: #749153;
}

#exchangePayButton:disabled {
    opacity: 0.6;
    cursor: wait;
}