@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700;900&display=swap";:root{--primary-dark:#0d47a1;--primary:#29b6f6;--primary-glow:#29b6f699;--bg-gradient:linear-gradient(135deg, #e1f5fe 0%, #81d4fa 100%);--white:#fff;--glass-bg:#ffffff40;--glass-border:#fff6;--shadow:0 8px 32px 0 #0d47a126;--hover-shadow:0 15px 40px #29b6f666}body{background:var(--bg-gradient);color:var(--primary-dark);flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Outfit,sans-serif;display:flex;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-gradient)}::-webkit-scrollbar-thumb{background:var(--primary);border:3px solid #ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.special-text{text-transform:uppercase;background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:4px;text-shadow:0 10px 20px #29b6f633;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:900}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:24px;padding:2.5rem}.btn-custom{background:linear-gradient(45deg, var(--primary-dark), var(--primary));color:var(--white);letter-spacing:1px;z-index:1;border:none;border-radius:50px;padding:15px 40px;font-size:1.2rem;font-weight:800;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 20px #0d47a14d}.btn-custom:before{content:"";background:linear-gradient(45deg, var(--primary), var(--primary-dark));z-index:-1;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn-custom:hover{color:var(--white);transform:translateY(-5px)scale(1.05);box-shadow:0 15px 30px #29b6f699}.btn-custom:hover:before{opacity:1}.btn-otkup{box-shadow:0 8px 20px #0000001a;background:var(--white)!important;color:var(--primary-dark)!important}.btn-otkup i{color:var(--primary-dark);transition:all .3s}.btn-otkup:hover{box-shadow:0 15px 30px #0d47a166;background:var(--primary-dark)!important;color:var(--white)!important}.btn-otkup:hover i{color:var(--white)}header{z-index:1030;position:sticky;top:0}.custom-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;box-shadow:0 10px 30px #0000000d}.custom-navbar .navbar-brand{color:var(--primary-dark);letter-spacing:2px;align-items:center;gap:10px;font-size:2.2rem;font-weight:900;display:flex}.custom-navbar .navbar-brand img{border-radius:5px;width:50px;height:50px;margin-right:5px}.custom-navbar .nav-link{color:var(--primary-dark);margin:0 12px;font-weight:700;transition:all .3s;position:relative;padding:8px 16px!important}.custom-navbar .nav-link:after{content:"";background-color:var(--primary);border-radius:5px;width:0%;height:3px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.custom-navbar .nav-link:hover,.custom-navbar .nav-link.active{color:var(--primary);background-color:#29b6f61a;border-radius:12px}.custom-navbar .nav-link:hover:after,.custom-navbar .nav-link.active:after{width:60%}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:2rem 0;display:flex}.hero-title{background:linear-gradient(to right, var(--primary-dark), #000);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:5rem;font-weight:900;line-height:1.3}.hero-subtitle{color:#333;margin-bottom:3rem;font-size:1.8rem;font-weight:500}.product-card{perspective:1000px;opacity:0;animation:.8s ease-out forwards slideInUp;transform:translateY(50px)}.product-card-inner{transform-style:preserve-3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff80;border-radius:20px;height:100%;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s;overflow:hidden;box-shadow:0 10px 30px #00000014}.product-card-inner:hover{transform:translateY(-5px);box-shadow:0 15px 30px #29b6f633}.product-img-wrapper{position:relative;overflow:hidden}.product-img-wrapper img{object-fit:cover;width:100%;height:250px;transition:transform .5s}.product-card-inner:hover .product-img-wrapper img{transform:scale(1.05)}.product-price{color:var(--primary-dark);background:#29b6f61a;border-radius:10px;margin:10px 0;padding:5px 15px;font-size:2rem;font-weight:900;display:inline-block}.about-grid{grid-template-columns:repeat(2,1fr);align-items:center;gap:30px;display:grid}.about-header{text-align:center;grid-column:1/-1}.team-member{transform-style:preserve-3d;cursor:pointer;background:#fff9;border:1px solid #fffc;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.team-member:hover{background:#ffffffe6;transform:translateY(-20px)rotateY(10deg)scale(1.05);box-shadow:20px 20px 50px #0d47a133}.team-member img{border:5px solid var(--white);object-fit:cover;border-radius:50%;width:180px;height:180px;transition:all .5s;box-shadow:0 10px 25px #0000001a}.team-member:hover img{border-color:var(--primary);transform:scale(1.1)rotate(-5deg)}.form-control,.form-select{background:#ffffffb3;border:2px solid #0000;border-radius:15px;padding:15px 20px;font-size:1.1rem;transition:all .3s;box-shadow:inset 0 2px 5px #0000000d}.form-control:focus,.form-select:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 15px #29b6f64d}.upload-btn-wrapper{width:100%;display:inline-block;position:relative;overflow:hidden}.upload-btn-wrapper input[type=file]{opacity:0;cursor:pointer;height:100%;font-size:100px;position:absolute;top:0;left:0}.custom-upload-btn{border:2px dashed var(--primary);color:var(--primary-dark);background-color:#ffffffb3;border-radius:15px;transition:all .3s}.upload-btn-wrapper:hover .custom-upload-btn{background-color:var(--primary);color:var(--white)}footer{background:var(--primary-dark);color:var(--white);border-top-left-radius:30px;border-top-right-radius:30px;padding:2rem 0 1rem;box-shadow:0 -10px 30px #0000001a}footer a{color:var(--white);text-decoration:underline;transition:all .3s}footer a:hover{color:var(--primary)}.custom-toast-container{z-index:9999;flex-direction:column;gap:15px;display:flex;position:fixed;bottom:30px;right:30px}.custom-toast{background:var(--white);border-left:5px solid var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:15px;min-width:300px;max-width:450px;padding:18px 25px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;transform:translate(120%);box-shadow:0 15px 40px #00000026}.custom-toast.show{transform:translate(0)}.custom-toast.error{border-left-color:#ef5350}.custom-toast.success{border-left-color:#66bb6a}.custom-toast i{font-size:1.4rem}.custom-toast.error i{color:#ef5350}.custom-toast.success i{color:#66bb6a}.custom-toast .toast-msg{color:var(--primary-dark);font-weight:600}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;opacity:0;pointer-events:none;background:#0a1628d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.custom-modal-overlay.show{opacity:1;pointer-events:all}.custom-confirm-modal{background:var(--white);text-align:center;border-radius:24px;width:90%;max-width:450px;padding:2.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(.8);box-shadow:0 25px 60px #0006}.custom-modal-overlay.show .custom-confirm-modal{transform:scale(1)}.modal-icon-circle{width:80px;height:80px;color:var(--primary);background:#29b6f61a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2.5rem;display:flex}.modal-icon-circle.danger{color:#ef5350;background:#ef53501a}.custom-confirm-modal h4{color:var(--primary-dark);margin-bottom:1rem;font-weight:800}.custom-confirm-modal p{color:#555;margin-bottom:2rem;font-weight:500}.modal-btns{justify-content:center;gap:15px;display:flex}.btn-modal{cursor:pointer;border:none;border-radius:12px;padding:12px 25px;font-weight:700;transition:all .2s}.btn-modal-cancel{color:#64748b;background:#f1f5f9}.btn-modal-confirm{background:var(--primary-dark);color:var(--white)}.btn-modal-confirm.danger{background:#ef5350}.btn-modal:hover{filter:brightness(1.1);transform:translateY(-2px)}.bubbles-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bubble{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 30% 30%,#fffc,#ffffff1a);border-radius:50%;animation:linear infinite rise;position:absolute;bottom:-150px;box-shadow:inset 0 0 20px #ffffff80,0 0 10px #fff3}.bubble:first-child{width:120px;height:120px;animation-duration:12s;left:10%}.bubble:nth-child(2){width:60px;height:60px;animation-duration:8s;animation-delay:2s;left:20%}.bubble:nth-child(3){width:90px;height:90px;animation-duration:15s;animation-delay:4s;left:35%}.bubble:nth-child(4){width:150px;height:150px;animation-duration:20s;animation-delay:0s;left:50%}.bubble:nth-child(5){width:50px;height:50px;animation-duration:10s;animation-delay:5s;left:65%}.bubble:nth-child(6){width:110px;height:110px;animation-duration:18s;animation-delay:1s;left:80%}.bubble:nth-child(7){width:70px;height:70px;animation-duration:9s;animation-delay:3s;left:90%}@keyframes rise{0%{opacity:0;bottom:-150px;transform:translate(0)scale(1)}10%{opacity:1}50%{transform:translate(100px)scale(1.1)}90%{opacity:1}to{opacity:0;bottom:1200px;transform:translate(-150px)scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.hero-title{font-size:3.2rem!important}.hero-subtitle{font-size:1.1rem!important}.special-text{font-size:2.5rem!important}.about-grid{grid-template-columns:1fr;gap:20px}.team-member:hover{transform:translateY(-10px)scale(1.02)}#navbarNav{-webkit-backdrop-filter:blur(20px);z-index:1050;background:#fffffff7;border:1px solid #fff6;border-radius:15px;margin-top:15px;padding:15px;display:none;position:absolute;top:100%;left:10px;right:10px;box-shadow:0 10px 30px #0000001a}#navbarNav.show{animation:.3s ease-out fadeIn;display:block}.navbar-toggler{color:var(--primary-dark);background:#29b6f626;border:none;border-radius:12px;padding:6px 10px;transition:all .3s}.navbar-toggler:focus{outline:none;box-shadow:0 0 0 3px #29b6f64d}}@media (width<=768px){.custom-navbar .navbar-brand{font-size:1.6rem}.custom-navbar .navbar-brand img{width:38px;height:38px}.custom-navbar .nav-link{margin:2px 0;padding:10px 16px!important}.hero-title{text-align:center!important;font-size:2.4rem!important}.hero-subtitle{text-align:center!important;font-size:1rem!important}.hero-section .btn-custom,.hero-section .btn-otkup{text-align:center;width:100%}.hero-section .position-absolute[style*="bottom: -20px"]{white-space:nowrap;bottom:10px!important;left:50%!important;transform:translate(-50%)!important}.hero-section .gap-4{gap:1rem!important}.glass-panel{padding:1.5rem!important}.product-card-inner{border-radius:16px}.product-img-wrapper img{height:200px}.product-price{font-size:1.5rem}.special-text{letter-spacing:2px!important;font-size:2rem!important}#contactForm .btn-custom{padding:12px 20px;font-size:1rem}.upload-btn-wrapper button{font-size:.95rem}#calcRezultat h1{font-size:2.5rem}.team-member{margin-bottom:20px}.team-member img{width:130px;height:130px}.team-member:hover{transform:translateY(-8px)scale(1.02)}footer{border-radius:20px 20px 0 0}.about-grid{grid-template-columns:1fr}}@media (width<=480px){.hero-title{font-size:1.9rem!important}.hero-subtitle{font-size:.92rem!important}.special-text{letter-spacing:1px!important;font-size:1.7rem!important}.btn-custom{padding:12px 24px;font-size:1rem}.custom-navbar .navbar-brand{font-size:1.3rem}.product-img-wrapper img{height:160px}.bubble:nth-child(n+5){display:none}.bubble{opacity:.5}}.progress-wrap{cursor:pointer;z-index:10000;opacity:0;visibility:hidden;background-color:var(--white);border-radius:50px;width:46px;height:46px;transition:all .2s linear;display:block;position:fixed;bottom:30px;right:30px;transform:translateY(15px);box-shadow:inset 0 0 0 2px #29b6f633}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap:after{content:"";text-align:center;color:var(--primary-dark);cursor:pointer;z-index:1;width:46px;height:46px;font-family:"Font Awesome 6 Free";font-size:18px;font-weight:900;line-height:46px;transition:all .2s linear;display:block;position:absolute;top:0;left:0}.progress-wrap:hover:after{opacity:0}.progress-wrap:before{content:"";text-align:center;opacity:0;background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;cursor:pointer;z-index:2;-webkit-background-clip:text;background-clip:text;width:46px;height:46px;font-family:"Font Awesome 6 Free";font-size:18px;font-weight:900;line-height:46px;transition:all .2s linear;display:block;position:absolute;top:0;left:0}.progress-wrap:hover:before{opacity:1}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:var(--primary);stroke-width:4px;box-sizing:border-box;transition:all .2s linear}@media (width<=768px){.progress-wrap{bottom:20px;right:20px}}.custom-about-text{color:#333;text-shadow:1px 1px 2px #29b6f60d;font-size:1.05rem;line-height:1.8}.custom-about-title{text-transform:uppercase;letter-spacing:2px;color:var(--primary-dark);text-shadow:2px 2px 4px #0d47a126;font-weight:900;display:inline-block;position:relative}.custom-about-title:after{content:"";background:var(--primary);border-radius:2px;width:50px;height:4px;position:absolute;bottom:-8px;left:0}.nav-link-vertical{color:var(--primary-dark);border-radius:12px;align-items:center;padding:12px 20px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.nav-link-vertical:hover,.nav-link-vertical.active{color:var(--primary);background-color:#29b6f61a}@media (width>=992px){.onama-grid-layout{grid-template:"header header""nav glavni""nav dodatni""footer footer"/280px 1fr;gap:30px;max-width:1400px;margin:0 auto;padding:30px;display:grid}.onama-header{grid-area:header}.onama-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:24px;grid-area:nav;align-self:start;padding:2.5rem 1.5rem;position:sticky;top:30px}.onama-glavni{grid-area:glavni}.onama-dodatni{grid-area:dodatni}.onama-footer{grid-area:footer}}@media (width<=991px){.onama-grid-layout{flex-direction:column;gap:20px;padding:15px;display:flex}.onama-nav{display:none!important}}