:root{--main-color: #15823E;--main-color-dark: #10622f;--secondary-color: #8DD26F;--secondary-color-dark: #6fa459;--background-color: #FFFFFF;--text-color: #333;--tetriary-color: #F0F8F4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway,sans-serif;max-width:1700px;line-height:1.6;margin:0 auto}h1{font-size:60px;font-weight:700}h1 span{color:var(--main-color)}h2{font-size:30px;font-weight:500;color:var(--main-color)}h3{font-weight:400;font-size:18px;line-height:1.8}p{color:var(--text-color);font-weight:500}.buttons{display:flex;gap:40px;justify-content:center;align-items:center;padding:0 6px}.button-primary{padding:15px 25px;border-radius:12px;border:none;background-color:var(--main-color);color:#fff;font-weight:700;cursor:pointer;transition:.3s ease background-color;box-shadow:0 1px 3px #0000001f;width:fit-content;text-align:center}.button-primary:hover{background-color:var(--main-color-dark)}.button-secondary{padding:15px 25px;border-radius:12px;cursor:pointer;color:var(--main-color);border:2px solid var(--main-color);font-weight:700;width:fit-content;text-align:center;transition:.3s ease background-color,.3s ease color}.naslovna-hero .naslovna-hero-content .buttons .button-secondary{color:#fff}.button-secondary:hover{background-color:#fff}.naslovna-hero .naslovna-hero-content .buttons .button-secondary:hover{color:var(--text-color)}.form-button{background-color:var(--main-color);color:#fff;font-family:Raleway,sans-serif;font-size:16px;font-weight:700;padding:15px 25px;cursor:pointer;border-radius:12px;transition:.3s ease}a.button-primary{text-decoration:none}.form-button:hover{background-color:var(--main-color-dark)}.kvalifikacije{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:0 60px;justify-content:center;margin-bottom:80px}.kvalifikacije div{display:flex;flex-direction:column;align-items:center;text-align:center}.kvalifikacije div h3{color:var(--main-color);font-size:24px}.kvalifikacije div .img{width:70px;height:70px;padding:12px;border-radius:50%;background-color:var(--secondary-color);color:#fff}.cta{padding:0 60px;display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:80px}.newsletter{position:relative;width:100%;height:50vh;display:flex;flex-direction:column;justify-content:center;padding:0 60px;margin-bottom:0}.newsletter-content h2{color:#fff}.newsletter-content{z-index:2;color:#fff}.newsletter .newsletter-content .form{display:flex;justify-content:space-between;padding-right:80px;margin-top:12px;flex-direction:row!important}.newsletter .newsletter-content .form form{display:flex;align-items:center}.newsletter .newsletter-content .form form input{padding:17px 15px;border-top-left-radius:12px;border-bottom-left-radius:12px;outline:none;border:none;font-family:Raleway,sans-serif;opacity:.9;font-size:16px}.newsletter .newsletter-content .form form button{border:none;outline:none;border-radius:unset;padding:17px 25px!important;border-top-right-radius:12px;border-bottom-right-radius:12px}.form-submitted{margin-right:80px;margin-top:10px;padding:20px;border-radius:12px;background-color:#8ad78a99;color:#fff;justify-self:flex-end;width:fit-content}.proizvodi-container,.projekti-container{padding:20px 60px;display:flex;flex-direction:column;margin-bottom:80px}.proizvodi-container .button-primary{align-self:center}.section-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.section-title h3{color:var(--main-color);font-size:24px}.proizvodi-container .proizvodi{padding:20px 0;display:flex;width:90%;overflow:auto;justify-self:center;align-self:center;z-index:6;gap:16px;margin-bottom:40px}.proizvodi-container .proizvodi .proizvodi-card{display:flex;flex-direction:column;z-index:1;min-width:300px;border:1px solid black;border:1px solid rgba(211,211,211,.2);border-radius:12px;padding:10px;box-shadow:0 2px 8px #0000000a;transition:.3s ease}.proizvodi-container .proizvodi .proizvodi-card:hover{transform:scale(1.02)}.proizvodi-container .proizvodi .proizvodi-card h3{font-size:20px;padding:6px 0;color:var(--main-color)}.proizvodi-container .proizvodi .proizvodi-card p{padding:6px 0}.proizvodi-container .proizvodi .proizvodi-card a{display:flex;gap:6px;text-decoration:none;color:var(--main-color);margin:10px 0;width:fit-content;transition:.3s ease}.proizvodi-container .proizvodi .proizvodi-card a:hover{color:var(--main-color-dark)}.proizvodi-container .proizvodi .proizvodi-card .image{width:100%;height:auto}.proizvodi-container .proizvodi .proizvodi-card .image img{width:100%;height:100%;object-fit:cover}.section-title2{text-align:center}.section-title2 h2{margin-bottom:20px;position:relative}.section-title2 h2:after{content:"";position:absolute;left:25%;bottom:-10px;height:3px;width:50%;background:linear-gradient(90deg,var(--main-color),var(--secondary-color));border-radius:20px}.projekti-container{display:flex;flex-direction:column;align-items:center}.projekti-container .section-title{display:flex;width:100%;justify-content:space-between}.projekti-container .projekti{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));width:100%;margin-top:20px;gap:20px;margin-bottom:30px}.projekti-container button{align-self:center;justify-self:center;margin:0 auto}.projekti-container .projekti .projekt-card{transition:.3s ease;cursor:pointer}.projekti-container .projekti .projekt-card:hover{transform:scale(1.01)}.projekti-container .projekti .projekt-card .image{width:100%;height:300px}.projekti-container .projekti .projekt-card .image img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 2px 8px #0000000a}.projekti-container .projekti .projekt-card h3{color:var(--main-color);margin:6px 0;font-size:24px}.projekti-container .projekti .projekt-card p{margin-bottom:10px}.projekti-container .projekti .projekt-card a{display:flex;text-decoration:none;color:var(--main-color);transition:.3s ease}.projekti-container .projekti .projekt-card a:hover{color:var(--main-color-dark)}.company-details{margin-top:60px;margin-bottom:20px}footer{padding:20px 60px;display:flex;gap:50px;flex-wrap:wrap}footer .logo-svg{width:250px;margin-right:100px}footer .logo-footer h3{margin-bottom:30px}footer .logo-footer-container,footer .footer-links,footer .footer-social{flex:1 0 160px}footer .footer-links{display:flex;flex-direction:column}footer .footer-links h3,footer .footer-social h3{margin-bottom:12px;font-weight:600}footer .footer-links a{margin-bottom:10px;border:1px solid transparent;text-decoration:none;color:var(--text-color);font-weight:450;transition:.3s ease}footer .footer-links a:hover{color:var(--main-color);border-bottom:1px solid var(--main-color)}footer .footer-social{display:flex;flex-direction:column}footer .footer-social .socials{display:flex;gap:20px}footer .footer-social .socials .social-icon{padding:6px;border-radius:50%;background-color:var(--main-color);transition:.3s ease}footer .footer-social .socials .social-icon:hover{background-color:var(--secondary-color-dark)}@media (max-width:800px){h2{font-size:22px}h3,.section-title h3{font-size:16px}}@media (max-width: 760px){.newsletter .newsletter-content .form{flex-direction:column!important}}@media (max-width: 600px){footer{padding:20px 10px}.cta{padding:0 10px}.cta h3,.cta h2{text-align:center}.newsletter{padding:0 10px}.newsletter .newsletter-content .form{padding-right:unset}}@media (max-width: 500px){.section-title{flex-direction:column;gap:20px}.section-title h2{position:relative}.section-title h2:after{content:"";position:absolute;left:25%;bottom:-14px;height:3px;width:50%;background:linear-gradient(90deg,var(--main-color),var(--secondary-color));border-radius:20px}.navbar .logo .logo-svg{width:100px}footer .logo-svg{width:100px;margin-right:unset}.projekti-container .projekti .projekt-card h3{font-size:20px}}@media (max-width:470px){.proizvodi-container .proizvodi{width:100%}}@media (max-width:450px){.newsletter .newsletter-content .form,.newsletter .newsletter-content .form form input,.proizvodi-container .proizvodi .proizvodi-card{width:100%}.projekti-container .projekti{grid-template-columns:1fr}}@media (max-width:320px){.kvalifikacije{grid-template-columns:1fr}}@media (max-width: 360px){.button-primary,.button-secondary{padding:10px}}.list-element li a{text-decoration:none;color:var(--main-color);font-weight:500;transition:.3s ease}.naslovna-hero{width:100%;height:80vh;position:relative;display:flex;margin-bottom:40px}.naslovna-hero .naslovna-hero-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;z-index:2}.naslovna-hero .naslovna-hero-content h1,.naslovna-hero .naslovna-hero-content h3{color:#fff;text-align:center}.container{display:flex;padding:0 60px;justify-content:space-between;gap:50px;margin-bottom:80px}.container .left{flex:1;padding:20px 0}.container .left h2,.container .left h3{margin-bottom:20px}.container .right .image{width:600px}.container .right .image img{width:100%;height:auto;object-fit:cover;border-radius:12px}.container .left button{width:200px}.naslovna-reviews h2:after{content:"";position:absolute;left:45%;bottom:-5px;height:3px;width:10%;background:linear-gradient(90deg,var(--main-color),var(--secondary-color));border-radius:20px}.reviews-container{display:flex;gap:20px!important;flex-wrap:wrap}.naslovna-diy{margin-bottom:80px;display:flex;justify-content:center;align-items:center;height:70vh;position:relative;width:100%;overflow:hidden}.naslovna-diy .overlay-image-cta{position:absolute;width:100%;height:100%;left:0;right:0;bottom:0;top:0;z-index:1}.naslovna-diy .overlay-image-cta img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.naslovna-diy .naslovna-diy-content{z-index:2;padding:0 100px;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.naslovna-diy .naslovna-diy-content h2{color:#fff;text-align:center;margin-bottom:12px}.naslovna-diy .naslovna-diy-content h3{padding:0 100px;margin-bottom:20px}@media (max-width:1050px){.naslovna-hero .naslovna-hero-content h1{font-size:40px}.naslovna-hero .naslovna-hero-content h3{padding:0 60px}.container{flex-direction:column}.container .right{display:flex;justify-content:center}.container .left{display:flex;flex-direction:column;justify-content:center;align-items:center}.container .left h3{text-align:center}}@media (max-width:830px){.naslovna-hero .naslovna-hero-content h1{font-size:30px}.naslovna-diy .naslovna-diy-content{padding:0 10px}}@media (max-width: 650px){.naslovna-diy .naslovna-diy-content h3{padding:0 10px}}@media (max-width: 600px){.container,.kvalifikacije,.naslovna-reviews{padding:0 10px}.container .right img{width:100%}.proizvodi-container,.projekti-container{padding:20px 10px}.naslovna-reviews h2:after{content:"";position:absolute;left:2 5%;bottom:-5px;height:3px;width:50%;background:linear-gradient(90deg,var(--main-color),var(--secondary-color));border-radius:20px}}@media (max-width: 500px){.naslovna-hero .naslovna-hero-content h3{padding:0}}.testimonial-container{display:flex;align-items:center;justify-content:center;padding:2rem}.testimonial-card{position:relative;background-color:var(--tetriary-color);border-radius:12px;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #dcfce7}.quote-icon{position:absolute;top:-1rem;left:2rem;background-color:#16a34a;border-radius:50%;padding:.75rem;box-shadow:0 10px 15px -3px #0000001a}.quote-icon svg{width:1.5rem;height:1.5rem;color:#fff;fill:currentColor}.testimonial-content{padding-top:1.5rem}.testimonial-text{color:#374151;font-size:1.125rem;line-height:1.75;margin-bottom:1.5rem;font-weight:500;font-style:italic;margin:0 0 1.5rem}.customer-info{display:flex;align-items:center}.customer-avatar{width:3rem;height:3rem;background:linear-gradient(135deg,#4ade80,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;margin-right:1rem}.customer-details{display:flex;flex-direction:column}.customer-name{font-weight:600;color:#111827;margin-bottom:.25rem}.customer-location{color:#6b7280;font-size:.875rem}.decorative-circle-large{position:absolute;top:1rem;right:1rem;width:4rem;height:4rem;border:4px solid #86efac;border-radius:50%;opacity:.1}.decorative-circle-small{position:absolute;bottom:1rem;right:2rem;width:2rem;height:2rem;background-color:#86efac;border-radius:50%;opacity:.1}@media (max-width: 768px){.testimonial-container{padding:1rem}.testimonial-card{padding:1.5rem}.testimonial-text{font-size:1rem}}.contact-container{min-height:100vh;background-color:#f9fafb;padding:2rem 1rem}.contact-wrapper{max-width:1280px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.contact-grid{grid-template-columns:1fr 1fr}}.form-card,.info-card,.map-card,.social-card{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.card-header{padding:1.5rem 1.5rem 1rem}.card-content{padding:0 1.5rem 1.5rem}.card-title{font-size:1.5rem;font-weight:700;color:#15823e;margin:0 0 .5rem}.card-description{color:#6b7280;margin:0}.form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#374151}.input-wrapper{position:relative}.input-icon,.textarea-icon{position:absolute;left:.75rem;top:.75rem;width:1rem;height:1rem;color:#9ca3af}.form-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus{outline:none;border-color:#15823e;box-shadow:0 0 0 3px #15823e1a}.form-textarea{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;min-height:120px;resize:vertical;font-family:inherit;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-textarea:focus{outline:none;border-color:#15823e;box-shadow:0 0 0 3px #15823e1a}.checkbox-wrapper{display:flex;align-items:flex-start;gap:.75rem}.form-checkbox{margin-top:.25rem;width:1rem;height:1rem;accent-color:#15823E}.checkbox-label{font-size:.875rem;color:#6b7280;line-height:1.5}.privacy-link{color:#15823e;font-weight:500;text-decoration:none}.privacy-link:hover{text-decoration:underline}.submit-button{width:100%;background-color:#15823e;color:#fff;padding:.75rem;font-size:1rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease-in-out}.submit-button:hover:not(:disabled){background-color:#15823ee6}.submit-button:disabled{opacity:.5;cursor:not-allowed}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:1.5rem}.contact-item:last-child{margin-bottom:0}.contact-icon-wrapper{flex-shrink:0}.contact-icon{width:3rem;height:3rem;background-color:#15823e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.contact-details{flex:1}.contact-title{font-weight:600;color:#111827;margin:0 0 .25rem}a.contact-value{text-decoration:none}.contact-value{color:#15823e;font-weight:500;margin:0 0 .25rem}.contact-value:hover{color:var(--main-color-dark)}.contact-subtitle{font-size:.875rem;color:#6b7280;margin:0}.map-title,.social-title{font-size:1.125rem;font-weight:600;color:#15823e;margin:0}.map-container{aspect-ratio:16 / 9;background-color:#e5e7eb;border-radius:.5rem;overflow:hidden;margin-bottom:.75rem}.map-image{width:100%;height:100%;object-fit:cover}.map-description,.social-description{font-size:.875rem;color:#6b7280;margin:0}.social-links{display:flex;gap:1rem;margin-bottom:.75rem}.social-link{width:3rem;height:3rem;background-color:#15823e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background-color .15s ease-in-out}.social-link:hover{background-color:#15823ee6}.hvala-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.hvala-content{background:#f0fdf4;border:2px solid #15823E;padding:2rem 3rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.hvala-content h1{margin-top:1rem;font-size:2rem;color:#15823e}.hvala-content p{margin:.5rem 0 1.5rem;color:#444}.home-button{display:inline-block;background-color:#15823e;color:#fff;padding:.7rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;transition:background .3s}.home-button:hover{background-color:#126d34}.additional-info a{text-decoration:none;color:var(--main-color)}.kontakt-hero{width:100%;height:70vh;position:relative;display:flex;margin-bottom:40px}.overlay-image{position:absolute;width:100%;height:100%;left:0;right:0;bottom:0;top:0;z-index:1}.overlay-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.kontakt-hero .kontakt-hero-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;z-index:2}.kontakt-hero .kontakt-hero-content h1,.kontakt-hero .kontakt-hero-content h3{color:#fff;text-align:center}.kontakt-hero .kontakt-hero-content h1{font-size:30px}.DIY-hero{margin-top:30px;padding:0 60px;display:flex;gap:50px;margin-bottom:80px;justify-content:space-between}.DIY-hero .DIY-hero-left h2{margin:40px 0 20px}.DIY-hero .DIY-hero-left h3{margin-bottom:20px}.DIY-hero .DIY-hero-right .image{width:700px}.DIY-hero .DIY-hero-right .image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.why-diy{padding:0 60px;margin-bottom:80px;display:flex;flex-direction:column;align-items:center}.why-diy .section-title{display:flex;width:100%;justify-content:space-between}.why-diy .card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;width:100%;margin-top:20px;margin-bottom:80px}.why-diy .materijali{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.alat-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;padding:0;transition:.3s ease}.alat-card:hover{transform:scale(1.01)}.alat-card .image{width:100%;height:200px}.alat-card .image img{width:100%;height:100%;object-fit:contain;border-radius:12px}.alat-card .opis{padding:12px 10px;text-align:center;width:100%}.alat-card .opis h3{font-size:20px;font-weight:500;color:var(--text-color);margin-bottom:6px}.alat-card .opis p{color:var(--text-color);font-size:14px}.materijali-head{margin-bottom:30px}.prednosti{display:flex;flex-direction:column;align-items:center;margin-bottom:80px}.prednosti h2{text-align:center;padding:0 60px}.prednosti h3:not(.prednosti .prednosti-card-container .prednosti-card h3){margin-bottom:20px;text-align:center}.prednosti .prednosti-card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:50px;width:100%;padding:0 60px}.prednosti .prednosti-card-container .prednosti-card{padding:20px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:var(--tetriary-color);border-radius:12px}.prednosti .prednosti-card-container .prednosti-card .image{color:#fff;width:50px;height:50px;padding:10px;background-color:var(--secondary-color);border-radius:50%}.prednosti .prednosti-card-container .prednosti-card h3{color:var(--main-color);font-size:24px;font-weight:500}.prednosti .prednosti-card-container .prednosti-card h3,.prednosti .prednosti-card-container .prednosti-card p{text-align:center}.prednosti .prednosti-card-container .prednosti-card span{font-size:14px;font-weight:300;color:#aaa}.prednosti .prednosti-card-container .prednosti-card p{margin-bottom:20px}.vodic{margin:0 80px 80px;font-family:Raleway,sans-serif}.vodic-title{text-align:center}.vodic-subtitle{text-align:center;margin-bottom:20px}.vodic .vodic-container{background-color:var(--tetriary-color);padding:20px 40px;border-radius:12px}.vodic .vodic-container h2{color:var(--text-color);font-size:24px}.vodic .vodic-container h3{font-size:18px}.margin{margin-bottom:20px;font-size:14px;color:#939393}.vodic .vodic-container .surface-picker{display:flex;margin-bottom:12px}.vodic .vodic-container .surface-picker .surface{flex:1;text-align:center;font-weight:500;cursor:pointer;padding:12px;transition:.3s ease color;border-radius:12px;color:var(--text-color)}.vodic .vodic-container .surface-picker .surface:hover{color:var(--main-color)}.vodic .vodic-container .surface-picker .surface.surface-active{background-color:#fff}.tips{margin-bottom:40px;background-color:#8dd26f4d;padding:20px;border-radius:12px}.tips h3{color:var(--main-color)}.accordion{font-family:Raleway,sans-serif}.accordion button{width:100%;text-align:left;border:none;outline:none;background-color:transparent;cursor:pointer;font-size:18px;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-family:Raleway,sans-serif;margin-bottom:20px;border-bottom:1px solid rgba(211,211,211,.4);padding-bottom:10px}.accordion .accordion-content{display:flex;margin-bottom:20px;gap:20px;flex-wrap:wrap}.accordion .accordion-content .accordion-step{flex:1;flex-basis:300px;font-size:16px;display:flex;flex-direction:column;align-items:center}.accordion .accordion-content .accordion-step img{max-width:300px;width:100%;height:auto;object-fit:cover;mix-blend-mode:multiply}.accordion .accordion-content .accordion-step p{margin-bottom:10px}.faq-accordion{margin-top:40px;padding-top:20px;font-family:Raleway,sans-serif}.faq-accordion h2{font-size:24px;margin-bottom:20px;color:var(--text-color);font-weight:500}.faq-item{margin-bottom:12px;border-bottom:1px solid #ccc}.faq-question{background:none;border:none;width:100%;text-align:left;font-weight:600;font-size:16px;padding:10px 0;cursor:pointer;display:flex;justify-content:space-between;color:var(--text-color);font-family:Raleway,sans-serif;font-weight:500}.faq-answer{padding:0 0 10px;color:#444;font-size:15px}@media (max-width:1200px){.DIY-hero{flex-direction:column}.DIY-hero .DIY-hero-right{display:flex;justify-content:center}.DIY-hero .DIY-hero-left{display:flex;flex-direction:column;align-items:center}.DIY-hero .DIY-hero-left h2,.DIY-hero .DIY-hero-left h3{text-align:center}.why-diy .card-container{display:flex;overflow:auto;gap:50px}.why-diy .card-container .alat-card{min-width:300px;margin-top:10px;height:300px;padding:10px}}@media (max-width: 800px){.vodic{margin:0 20px 80px}}@media (max-width: 600px){.DIY-hero .DIY-hero-right .image{width:100%}.DIY-hero{padding:0 10px;margin-top:0}.why-diy,.prednosti .prednosti-card-container,.prednosti h2,.prednosti h3{padding:0 10px}.DIY-hero .DIY-hero-left h2{margin-top:20px}.DIY-hero .DIY-hero-left h2{font-size:30px}.why-diy .card-container .alat-card{padding:6px}}@media (max-width: 550px){.vodic .vodic-container h2,.vodic .vodic-container p,.vodic .vodic-container h3{text-align:center}}@media (max-width: 500px){.vodic{margin:0 0 80px}.vodic .vodic-container{padding:10px}}@media (max-width: 450px){.prednosti .prednosti-card-container{grid-template-columns:1fr;padding:0 20px}.vodic .vodic-container .surface-picker{flex-direction:column}}.onama-hero{margin-top:30px;padding:0 60px;display:flex;gap:50px;margin-bottom:80px;justify-content:space-between}.onama-hero .onama-hero-left h2{margin:40px 0 20px}.onama-hero .onama-hero-left h3{margin-bottom:20px}.onama-hero .onama-hero-right .image{width:700px}.onama-hero .onama-hero-right .image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.onama-sell{position:relative;width:100%;height:60vh;margin-bottom:80px;display:flex;justify-content:center;align-items:start}.onama-sell .overlay-image-onama{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:-1}.onama-sell .overlay-image-onama img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.onama-sell .onama-sell-content{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 200px}.onama-sell .onama-sell-content h2{margin-bottom:20px}.onama-sell .onama-sell-content h2,.onama-sell .onama-sell-content h3{color:#fff;text-align:center}.onama-sell .onama-sell-content h3{margin-bottom:20px}.onama-sell .onama-sell-content h2 span{color:var(--main-color)}.proces{margin-bottom:80px;display:flex;flex-direction:column;align-items:center}.proces h2{position:relative;margin-bottom:20px}.proces h3:not(.proces-grid .proces-item h3){margin-bottom:40px}.proces h2:after{content:"";position:absolute;left:25%;bottom:-10px;height:3px;width:50%;background:linear-gradient(90deg,var(--main-color),var(--secondary-color));border-radius:20px}.proces .proces-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:16px;width:100%!important}.proces .proces-grid .proces-item{display:flex;flex-direction:column;align-items:center!important;text-align:center!important}.proces .proces-grid .proces-item .img{width:50px;height:50px;padding:12px;border-radius:50%;background-color:var(--secondary-color);color:#fff}.proces .proces-grid .proces-item h3{color:var(--main-color);font-weight:500}@media (max-width:1200px){.onama-hero{flex-direction:column}.onama-hero .onama-hero-right{display:flex;justify-content:center}.onama-hero .onama-hero-left{display:flex;flex-direction:column;align-items:center}.onama-hero .onama-hero-left h2,.onama-hero .onama-hero-left h3{text-align:center}}@media (max-width: 990px){.onama-sell .onama-sell-content{padding:0 20px}}@media (max-width: 600px){.onama-hero .onama-hero-right .image{width:100%}.onama-hero{padding:0 10px;margin-top:0}.onama-hero .onama-hero-left h2{margin-top:20px}.onama-hero .onama-hero-left h2{font-size:30px}}.proizvod-hero{margin-top:30px;padding:0 60px;display:flex;flex-direction:row-reverse;gap:50px;margin-bottom:80px;justify-content:space-between}.proizvod-hero .proizvod-hero-left h2{margin:40px 0 20px}.proizvod-hero .proizvod-hero-left h3{margin-bottom:20px}.proizvod-hero .proizvod-hero-right .image{width:700px}.proizvod-hero .proizvod-hero-right .image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.proizvod-hero .proizvod-hero-right .images img{width:150px;height:auto;object-fit:cover;cursor:pointer;transition:.3s ease;mix-blend-mode:multiply}.proizvod-hero .proizvod-hero-right .images img:hover{transform:scale(1.03)}.proizvod-specs{margin:0 60px 80px;background-color:var(--tetriary-color);padding:20px;border-radius:12px}.proizvod-specs h2{margin-bottom:20px}.specs-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.specs-container .spec{width:100%;display:flex;gap:10px}.specs-container .spec .image{background-color:var(--secondary-color);width:60px;height:60px;padding:12px;border-radius:50%;color:#fff}.proizvod-diy-hero{margin-top:30px;padding:0 60px;display:flex;flex-direction:row-reverse;gap:50px;margin-bottom:80px;justify-content:space-between}.proizvod-diy-hero .proizvod-diy-hero-left h2{margin:40px 0 20px}.proizvod-diy-hero .proizvod-diy-hero-left h3{margin-bottom:20px}.proizvod-diy-hero .proizvod-diy-hero-right .image{width:700px}.proizvod-diy-hero .proizvod-diy-hero-right .image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.proizvod-diy-hero .checkboxes{margin-bottom:20px}.proizvod-diy-hero .checkboxes p{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.proizvod-diy-hero .checkboxes .check{background-color:var(--secondary-color);width:20px;height:20px;padding:4px;border-radius:50%;color:#fff}@media (max-width:1200px){.proizvod-hero{flex-direction:column-reverse}.proizvod-hero .proizvod-hero-right{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.proizvod-hero .proizvod-hero-right{display:flex;justify-content:center}.proizvod-hero .proizvod-hero-left{display:flex;flex-direction:column;align-items:center}.proizvod-hero .proizvod-hero-left h2,.proizvod-hero .proizvod-hero-left h3{text-align:center}.proizvod-diy-hero{flex-direction:column}.proizvod-diy-hero .proizvod-diy-hero-right{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.proizvod-diy-hero .proizvod-diy-hero-right{display:flex;justify-content:center}.proizvod-diy-hero .proizvod-diy-hero-left{display:flex;flex-direction:column;align-items:center}.proizvod-diy-hero .proizvod-diy-hero-left h2,.proizvod-diy-hero .proizvod-diy-hero-left h3{text-align:center}}@media (max-width: 700px){.proizvod-specs{margin:0 10px 80px}}@media (max-width: 600px){.proizvod-hero .proizvod-hero-right .image{width:100%}.proizvod-hero{padding:0 10px;margin-top:0}.proizvod-hero .proizvod-hero-left h2{margin-top:20px}.proizvod-hero .proizvod-hero-left h2{font-size:30px}.proizvod-diy-hero .checkboxes p{display:flex;flex-direction:column;justify-content:center;align-items:center}.proizvod-diy-hero .proizvod-diy-hero-right .image{width:100%}.proizvod-diy-hero{padding:0 10px;margin-top:0}.proizvod-diy-hero .checkboxes{padding:0 10px}.proizvod-diy-hero .checkboxes p{text-align:center}.proizvod-diy-hero .proizvod-diy-hero-left h2{margin-top:20px}.proizvod-diy-hero .proizvod-diy-hero-left h2{font-size:30px}}@media (max-width:400px){.proizvod-hero .proizvod-hero-right .images img{width:100px}}.proizvodi-hero{margin-top:30px;padding:0 60px;display:flex;gap:50px;margin-bottom:80px;justify-content:space-between}.proizvodi-hero .proizvodi-hero-left h2{margin:40px 0 20px}.proizvodi-hero .proizvodi-hero-left h3{margin-bottom:20px}.proizvodi-hero .proizvodi-hero-right .image{width:700px}.proizvodi-hero .proizvodi-hero-right .image img{width:100%;min-height:500px;height:100%;object-fit:cover;border-radius:12px}.proizvodi-listing{padding:0 60px;display:flex;width:100%;gap:20px}.proizvodi-listing .section-tt{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.proizvodi-listing .section-tt .icon{color:var(--main-color);transition:.3s ease color;cursor:pointer;display:none}.proizvodi-listing .section-tt .icon:hover{color:var(--main-color-dark)}.proizvodi-listing .section-tt h3{color:var(--main-color);font-size:28px}.proizvodi-listing .proizvodi{width:100%}.proizvodi-listing .proizvodi .proizvodi-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:12px}.proizvodi-listing .proizvodi .proizvodi-container .proizvodi-card{width:100%;padding:0 10px}.proizvodi-listing .proizvodi .proizvodi-container .proizvodi-card .image{width:100%;height:auto}.proizvodi-listing .proizvodi .proizvodi-container .proizvodi-card h3{color:var(--main-color);font-size:22px;font-weight:500}.proizvodi-listing .proizvodi .proizvodi-container .proizvodi-card a{color:var(--main-color);text-decoration:none;display:flex;align-items:center;margin-top:10px;transition:.3s ease color}.proizvodi-listing .proizvodi .proizvodi-container .proizvodi-card a:hover{color:var(--main-color-dark)}.proizvodi-listing .proizvodi .proizvodi-container .proizvodi-card .image img{width:100%;height:100%;object-fit:cover}@media (max-width:1200px){.proizvodi-hero{flex-direction:column}.proizvodi-hero .proizvodi-hero-right{display:flex;justify-content:center}.proizvodi-hero .proizvodi-hero-left{display:flex;flex-direction:column;align-items:center}.proizvodi-hero .proizvodi-hero-left h2,.proizvodi-hero .proizvodi-hero-left h3{text-align:center}}@media (max-width: 960px){.proizvodi-listing .proizvodi{width:100%}.proizvodi-listing .section-tt .icon{display:block}}@media (max-width: 600px){.proizvodi-hero .proizvodi-hero-right .image{width:100%}.proizvodi-hero{padding:0 10px;margin-top:0}.proizvodi-hero .proizvodi-hero-left h2{margin-top:20px}.proizvodi-hero .proizvodi-hero-left h2{font-size:30px}.proizvodi-listing{padding:0 10px}.proizvodi-listing .section-tt h3{font-size:24px}}.stats-container{width:100%;margin:0 0 80px}.stats-card{position:relative;background-color:#f9fafb;border-radius:12px;padding:48px;width:100%}.main-heading{text-align:center;font-size:32px;font-weight:700;color:var(--main-color);margin-bottom:48px;margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:48px;font-weight:500;color:var(--main-color);margin-bottom:8px;line-height:1}.stat-label{color:var(--text-color);font-size:16px;line-height:1.4}.stat-number{font-size:2rem;font-weight:700;transition:transform .3s ease}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.main-heading{font-size:28px}.stat-number{font-size:40px}}@media (max-width: 768px){.stats-card{padding:32px 24px}.stats-grid{grid-template-columns:1fr;gap:24px}.main-heading{font-size:24px;margin-bottom:32px}.stat-number{font-size:36px}.stat-label{font-size:14px}}@media (max-width: 480px){.main-heading{font-size:20px}.stat-number{font-size:32px}}.projekti-hero{margin-top:30px;padding:0 60px;display:flex;gap:50px;margin-bottom:20px;justify-content:space-between}.projekti-hero .projekti-hero-left h2{margin:40px 0 20px}.projekti-hero .projekti-hero-left h3{margin-bottom:20px}.projekti-hero .projekti-hero-right .image{width:700px}.projekti-hero .projekti-hero-right .image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.naslovna-reviews{padding:0 60px;margin-bottom:80px}.naslovna-reviews h2{text-align:center;margin-bottom:20px;position:relative}.naslovna-reviews h2:after{content:"";position:absolute;left:35%;bottom:-5px;height:3px;width:30%;background:linear-gradient(90deg,var(--main-color),var(--secondary-color));border-radius:20px}.reviews-container{display:flex;gap:50px;flex-wrap:wrap}.reviews-container .review{background-color:var(--tetriary-color);padding:20px 40px;border-radius:20px;flex:1 0 300px}.reviews-container .review .quote{width:100%;display:flex;justify-content:space-between;font-size:30px;color:var(--main-color)}.reviews-container .review .text{margin-bottom:12px}.reviews-container .review .name{text-align:center}.reviews-container .review .name{font-size:14px}.reviews-container .review .name strong{color:var(--main-color);font-size:16px}@media (max-width:1200px){.projekti-hero{flex-direction:column}.projekti-hero .projekti-hero-right{display:flex;justify-content:center}.projekti-hero .projekti-hero-left{display:flex;flex-direction:column;align-items:center}.projekti-hero .projekti-hero-left h2,.projekti-hero .projekti-hero-left h3{text-align:center}}@media (max-width: 600px){.projekti-hero .projekti-hero-right .image{width:100%}.projekti-hero{padding:0 10px;margin-top:0}.naslovna-reviews{padding:0 10px}.projekti-hero .projekti-hero-left h2{margin-top:20px}.projekti-hero .projekti-hero-left h2{font-size:30px}}@media (max-width: 450px){.naslovna-reviews .reviews-container .review{flex:unset;width:100%}}@media (max-width: 400px){.naslovna-reviews .reviews-container .review{padding:20px}.naslovna-reviews .reviews-container .review .text{text-align:center}}@media (max-width: 330px){.naslovna-reviews .reviews-container .review{padding:5px}}.project-gallery-wrapper{margin:1rem 0;overflow:hidden}.project-gallery{display:flex;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem 0;scrollbar-width:none;justify-content:center;flex-wrap:wrap}.project-gallery::-webkit-scrollbar{display:none}.gallery-thumbnail{height:80px;cursor:pointer;transition:transform .2s}.gallery-thumbnail:hover{transform:scale(1.05)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999}.lightbox img{max-width:90%;max-height:90%;border-radius:6px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:3rem;border:none;color:#fff;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 1rem;-webkit-user-select:none;user-select:none}.lightbox-nav.left{left:20px}.lightbox-nav.right{right:20px}.swipe-instru{position:absolute;bottom:5%;color:#b8b8b8;font-size:14px}@media (min-width:981px){.swipe-instru{display:none}}@media (max-width:980px){.lightbox-nav{display:none}.swipe-instru{display:block}}@media (max-width:450px){.swipe-instru{bottom:25%}}.projekt-hero{margin-top:30px;padding:0 60px;display:flex;gap:50px;margin-bottom:20px;justify-content:space-between}.projekt-hero .projekt-hero-left h2{margin:40px 0 20px}.projekt-hero .projekt-hero-left h3{margin-bottom:20px}.projekt-hero .projekt-hero-right .image{width:700px;height:500px}.projekt-hero .projekt-hero-right .image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.projekt-hero .projekt-hero-left .karakt p{margin-bottom:8px}.projekt-hero .projekt-hero-left .karakt p a{color:var(--main-color);text-decoration:none;transition:.3s ease color}.projekt-hero .projekt-hero-left .karakt p a:hover{color:var(--main-color-dark)}.projekt-challenges{margin-bottom:80px;padding:0 60px;display:flex}.projekt-challenges .challenge,.projekt-challenges .solution{flex:1;padding:10px}.projekt-challenges .solution h3,.projekt-challenges .challenge h3{font-weight:600;margin-bottom:10px}.projekt-challenges .solution h2,.projekt-challenges .challenge h2{margin-bottom:8px}.projekt-challenges .challenge .subtext,.projekt-challenges .solution .subtext{margin-bottom:40px}.projekt-challenges a{color:var(--main-color);text-decoration:none;font-weight:500;transition:.3s ease color}.projekt-challenges a:hover{color:var(--main-color-dark)}.projekt-steps{display:flex;flex-direction:column;padding:0 60px;margin-bottom:80px;gap:30px}.projekt-steps .step{display:flex}.projekt-steps .step.alternate{flex-direction:row-reverse}.projekt-steps .step .step-left,.projekt-steps .step .step-right{flex:1}.projekt-steps .step .step-right{display:flex;justify-content:center}.projekt-steps .step .step-right .image{width:100%}.projekt-steps .step .step-right .image img{width:100%;height:100%;object-fit:contain;border-radius:12px}.projekt-steps .step .step-left{display:flex;flex-direction:column;justify-content:center}.projekt-steps .step .step-left.alternate{align-items:end}.projekt-steps .step .step-left .step-number{display:flex;align-items:center;gap:20px;margin-bottom:12px}.projekt-steps .step .step-left .step-number.alternate{flex-direction:row-reverse}.projekt-steps .step .step-left .step-number span{background-color:var(--secondary-color);width:50px;height:50px;font-size:30px;border-radius:50%;display:flex;justify-content:center;font-weight:700;color:#fff}.projekt-steps .step .step-left .step-number h3{font-size:24px;font-weight:700}.projekt-steps .step .step-left .step-text h3.alternate{text-align:end}.projekt-steps .step .step-left .step-text{display:flex;flex-direction:column}.projekt-steps .step .step-left .step-text h3{font-weight:700}.projekt-steps .step .step-left .step-text.alternate{align-items:end}.projekt-steps .step .step-left .step-text p.alternate{text-align:end}.beforeAndAfter{padding:0 60px;margin-bottom:80px;display:flex;flex-direction:column;align-items:center}.beforeAndAfter h2,.beforeAndAfter h3{text-align:center}.beforeAndAfter h3{margin-bottom:12px}.beforeAndAfter .image-container{display:flex;gap:20px;width:100%;margin-bottom:20px}.beforeAndAfter .image-container .image{width:100%;flex:1}.beforeAndAfter .image-container img{width:100%;height:100%;object-fit:cover}.review-projekt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin:0 60px 80px;border-radius:12px;background-color:var(--tetriary-color)}.review-projekt .text{text-align:center}.review-projekt .quotes{width:100%;display:flex;justify-content:space-between;color:var(--main-color);margin-bottom:12px}.review-projekt .text p{margin-bottom:14px;font-weight:900}.review-projekt .name h3{font-weight:500}.review-projekt .name h3 span{font-size:14px}@media (max-width:1200px){.projekt-hero{flex-direction:column}.projekt-hero .projekt-hero-right{display:flex;justify-content:center}.projekt-hero .projekt-hero-left{display:flex;flex-direction:column;align-items:center}.projekt-hero .projekt-hero-left h2,.projekt-hero .projekt-hero-left h3{text-align:center}}@media (max-width:800px){.projekt-challenges{flex-direction:column;gap:60px}}@media (max-width:700px){.projekt-steps .step,.projekt-steps .step.alternate{flex-direction:column;gap:20px}.beforeAndAfter .image-container{flex-direction:column;gap:10px}}@media (max-width: 600px){.projekt-hero .projekt-hero-right .image{width:100%}.review-projekt{margin:0 10px 80px}.projekt-steps{padding:0 10px}.projekt-hero{padding:0 10px;margin-top:0}.projekt-hero .projekt-hero-left h2{margin-top:20px}.projekt-hero .projekt-hero-left h2{font-size:30px}.projekt-gallery,.projekt-challenges,.beforeAndAfter{padding:0 10px}}@media (max-width: 500px){.projekt-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:5px}.projekt-steps .step .step-left .step-number,.projekt-steps .step .step-left.alternate .step-number.alternate{justify-content:center;width:100%;gap:5px}.projekt-steps .step .step-left.alternate .step-number.alternate{flex-direction:row}.projekt-steps .step .step-left .step-text h3,.projekt-steps .step .step-left .step-text p,.projekt-steps .step .step-left.alternate .step-text.alternate h3,.projekt-steps .step .step-left.alternate .step-text.alternate p{text-align:center;width:100%}.projekt-gallery img{height:100px}}.logo-svg{width:150px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 60px}.navbar .nav-links{display:flex;gap:50px}.navbar .nav-links a{text-decoration:none;text-transform:uppercase;font-weight:500;color:var(--text-color);transition:.3s ease color,.3s ease border-bottom;border-bottom:1px solid transparent}.navbar .nav-links a:hover{color:var(--main-color);border-bottom:1px solid var(--main-color)}.navbar .menu{transition:.3s ease;cursor:pointer;display:none}.navbar .menu:hover{color:var(--main-color)}@media (max-width:1010px){.navbar .nav-links{display:none}.navbar .menu{display:block}}@media (max-width:450px){.navbar{padding:12px 10px}}.sidebar{position:fixed;top:0;right:-100%;width:270px;height:100vh;background-color:var(--background-color);box-shadow:-2px 0 5px #0003;transition:right .3s ease;padding:20px;display:flex;flex-direction:column;z-index:1000}.sidebar.open{right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.sidebar-links{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.sidebar-links a{text-decoration:none;font-weight:500;font-size:18px;color:var(--text-color);transition:color .3s ease}.sidebar-links a:hover{color:var(--main-color)}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-color)}.overlay{position:fixed;top:0;left:0;height:100%;width:100%;background:#0000004d;z-index:999}.footer-social h3{font-size:16px;margin-bottom:10px;color:var(--text-color)}.socials{display:flex;gap:15px}.social-icon{background-color:var(--secondary-color);padding:8px;border-radius:50%;color:#fff}.cookie-consent-banner{position:fixed;bottom:0;width:100%;background:#333;color:#fff;padding:1.5rem 1rem;box-shadow:0 -2px 10px #0000001a;z-index:1000;text-align:center}.cookie-consent-banner p{color:#fff}.cookie-consent-buttons{margin-top:1rem;display:flex;gap:.75rem;justify-content:center;align-items:end;flex-wrap:wrap}.cookie-consent-buttons button{background-color:#28a745;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-weight:600}.cookie-consent-buttons button:nth-child(2){background:transparent;border:1px solid rgb(124,124,124);padding:.6rem 1.2rem}.cookie-consent-buttons a{color:#fff;text-decoration:none;font-size:12px}.cookie-policy-page{padding:3rem 1rem;color:var(--text-color)}.cookie-policy-page .container{max-width:800px;margin:0 auto;display:flex;flex-direction:column}.cookie-policy-page h1{font-size:2rem;margin-bottom:1rem}.cookie-policy-page h2{font-size:1.4rem;margin-top:2rem;color:#15823e}.cookie-policy-page ul{list-style:disc;padding-left:1.5rem}.cookie-policy-page a{color:#15823e;text-decoration:underline}.terms-container{max-width:900px;margin:0 auto;padding:2rem;color:var(--text-color);line-height:1.7}.terms-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--main-color)}.terms-date{font-size:.9rem;color:#666;margin-bottom:2rem}section{margin-bottom:2rem}section h2{font-size:1.3rem;color:var(--main-color);margin-bottom:.5rem}ul{padding-left:1.5rem}ul li{margin-bottom:.3rem}@media (max-width: 768px){.terms-container{padding:1.2rem}.terms-title{font-size:1.6rem}section h2{font-size:1.1rem}}.not-found{max-width:1700px;width:100dvw;overflow:hidden;height:80dvh;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.not-found h1{text-align:center;margin-bottom:10px;color:var(--main-color);font-weight:600}.not-found p{text-align:center}@media (max-width:650px){.not-found h1{font-size:30px}}