@charset "utf-8";
html, body{font-family: 'Montserrat', sans-serif; font-size: 17px; line-height: 1.47059; font-weight: 400; background-color: #ffffff; color: var(--black); font-style: normal;background-repeat: repeat-y;background-size: 100%;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5)), url(https://www.oddoigracke.rs/oddo-tossit/img/bg.webp);background-position: center;}
.headerBehind{height: 44px;}
:root {--default: #b06339; --black: #020203; --white: #f2f3f3;}
*:focus {outline: none;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.h1 {font-size: 38px;color: var(--default);font-weight: 400;line-height: 1;margin: 30px 0 60px 0;padding: 0;text-align: center;display: grid;position: relative;}
h1.category-title{font-size: 38px;color: var(--default);font-weight: 400;line-height: 1;margin: 0 0 35px 0;padding: 0;text-align: center;display: grid;position: relative;}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit;}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 20px 0;}
p:last-child{margin: auto;}
input:focus {outline:none;}
strong{color: #1d1d1f;}
body.doNotScroll{overflow:hidden; height:100vh;}
.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;}
.nonMobile{display: block;}
.mobile {display:none;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 3.5px rgba(0, 0, 0, 0.3);border-radius: 2.8px;}
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.4);border-radius: 1.4px;}
::-webkit-scrollbar {height: 2.8px;width: 5.6px;}
.pageContent a {color: var(--default);text-decoration: underline;}

.nav{display: flex;justify-content: center;padding: 20px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);}
.nav .nav-logo{width: 170px;}


h2.box-title{text-align: center;margin-top: 70px;font-size: 25px;font-weight: 600;}

.product-box.second{display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;}

.product-box{display: flex;gap: 20px;flex-wrap: wrap;margin: 50px 0;}
.product-box .product{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);border-radius: 5px;width: calc((100% - 60px) / 4);background: rgba(255, 255, 255, 0.5);}
.product-box .product.second{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);border-radius: 5px;width: 30%;}
.product-box .product .product-img{border: 1px solid #edbe1a;border-radius: 5px 5px 0 0;}


.product .product-content{padding: 15px;}
.product .product-content .price{text-align: center;margin-top: 55px;font-size: 20px;}
.product .product-content .product-btn{text-align: center;width: 75%;background: #edbe1a;color: #fff;border-radius: 5px;padding: 5px;}

.product-box.second{display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;}

footer{background: #000;padding: 50px;}
.footer-holder{display: flex;flex-direction: column;align-items: center;}
.footer-link{color: #fff;font-size: 25px;display: flex;gap: 30px;margin-top: 30px;}
.footer-logo{width: 170px;}
p.signature{font-size: 15px;color: #fff;margin-top: 30px;}


.mobile-banner{display: none;}