.navbar{background:#1a1a1a;padding:1rem 0;box-shadow:0 2px 20px #00000026;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;left:0;right:0;min-height:80px}.nav-container{max-width:1200px;margin:0 auto;padding:0;display:flex;justify-content:space-between;align-items:center;position:relative;width:100%}.nav-logo-section{display:flex;align-items:center;gap:4rem;z-index:1001;flex:1}.nav-logo{text-decoration:none;flex-shrink:0}.nav-logo-img{height:55px;width:auto;max-width:220px;object-fit:contain;transition:all .3s ease;filter:brightness(1);vertical-align:middle}.nav-logo:hover .nav-logo-img{transform:scale(1.05);filter:brightness(1.1)}.nav-logo h2{color:#93e193;margin:0;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;text-decoration:none;transition:color .3s ease}.nav-logo:hover h2{color:#7bc17b}.nav-info-grid{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 4rem;font-size:.85rem;line-height:1.2;align-items:start}.nav-info-row{display:contents}.nav-phone{color:#93e193;text-decoration:none;font-weight:600;transition:color .3s ease}.nav-phone:hover{color:#7bc17b}.nav-address{color:#ccc;font-size:.8rem;font-weight:400;text-decoration:none;transition:color .3s ease;display:flex;flex-direction:column;line-height:1.2}.nav-address:hover{color:#93e193}.address-street,.address-city{display:block}.address-city{padding-left:1.2em}.nav-social-info{display:flex;flex-direction:column;gap:.1rem;font-size:.8rem;line-height:1.2;justify-content:center}.nav-instagram{color:#93e193;text-decoration:none;font-weight:700;transition:color .3s ease;display:flex;align-items:center;gap:.4rem;font-size:1rem;line-height:1.2;align-self:flex-start;margin-top:0}.nav-instagram:hover{color:#7bc17b}.nav-instagram svg,.nav-instagram img{flex-shrink:0}.nav-menu{display:flex;gap:1.5rem;align-items:center;list-style:none}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.7rem 1.2rem;border-radius:8px;transition:all .3s ease;position:relative;font-size:.95rem;white-space:nowrap}.nav-link:hover{background:#93e193;color:#1a1a1a;transform:translateY(-2px)}.nav-link.active{background:#93e193;color:#1a1a1a;box-shadow:0 4px 15px #93e1934d}.nav-dropdown{position:relative}.dropdown-toggle:after{content:"";margin-left:.5rem}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:#2c2c2c;border:1px solid #444;border-radius:8px;box-shadow:0 8px 25px #0000004d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;min-width:200px}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}@media (min-width: 769px){.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}}.dropdown-item{display:block;width:100%;padding:.8rem 1.2rem;background:transparent;border:none;color:#e0e0e0;text-align:left;cursor:pointer;transition:all .3s ease;font-size:.95rem;border-bottom:1px solid #444;outline:none}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#93e193;color:#1a1a1a}.dropdown-item:focus{outline:none;background:#93e193;color:#1a1a1a}.dropdown-item:active{outline:none;background:#7bc17b;color:#1a1a1a}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem;z-index:10004}.nav-toggle span{width:25px;height:3px;background:#93e193;margin:3px 0;transition:.3s;border-radius:2px}.nav-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media (max-width: 1130px){.nav-logo-section{gap:4rem}.nav-info-grid{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.nav-phone{order:1}.nav-address{order:2}.nav-instagram:first-of-type{order:3}.nav-instagram:last-of-type{order:4}.nav-link{font-size:clamp(.9rem,1.5vw,1rem);padding:clamp(.6rem,1.2vw,.8rem) clamp(1rem,2vw,1.5rem)}.dropdown-toggle{font-size:clamp(.9rem,1.5vw,1rem)}.nav-logo h2{font-size:clamp(1.3rem,2.5vw,1.5rem)}}@media (max-width: 1130px){.nav-logo-section{gap:3rem}.nav-link{font-size:clamp(.85rem,1.8vw,.95rem);padding:clamp(.5rem,1vw,.7rem) clamp(.8rem,1.8vw,1.2rem)}.dropdown-toggle{font-size:clamp(.85rem,1.8vw,.95rem)}.nav-logo h2{font-size:clamp(1.2rem,2.2vw,1.4rem)}.nav-info-grid{gap:.4rem}.nav-phone,.nav-address{font-size:clamp(.7rem,1.5vw,.8rem)}.nav-instagram{font-size:clamp(.65rem,1.4vw,.75rem)}.nav-instagram svg{width:clamp(14px,2vw,16px);height:clamp(14px,2vw,16px)}}@media (max-width: 900px){.nav-logo-section{gap:2.5rem}.nav-link{font-size:clamp(.8rem,2vw,.9rem);padding:clamp(.4rem,.8vw,.6rem) clamp(.6rem,1.5vw,1rem)}.dropdown-toggle{font-size:clamp(.8rem,2vw,.9rem)}.nav-logo h2{font-size:clamp(1.1rem,2vw,1.3rem)}.dropdown-menu{min-width:clamp(160px,20vw,180px)}.dropdown-item{padding:clamp(.6rem,1.2vw,.8rem) clamp(.8rem,1.5vw,1rem);font-size:clamp(.8rem,1.8vw,.9rem)}}@media (max-width: 820px){.nav-logo-section{gap:2rem}.nav-link{font-size:clamp(.75rem,2.2vw,.85rem);padding:clamp(.3rem,.6vw,.5rem) clamp(.5rem,1.2vw,.8rem)}.dropdown-toggle{font-size:clamp(.75rem,2.2vw,.85rem)}.nav-logo h2{font-size:clamp(1rem,1.8vw,1.2rem)}.nav-info-grid{gap:.3rem}}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-logo-img{height:44px;max-width:170px}.nav-info-grid{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.nav-info-row{justify-content:flex-start;gap:.8rem}.nav-phone{order:1}.nav-address{order:2}.nav-instagram:first-of-type{order:3}.nav-instagram:last-of-type{order:4}.nav-instagram{display:flex;align-items:center;font-size:.75rem}.nav-instagram svg{width:16px;height:16px}.nav-phone,.nav-address{font-size:.75rem}.nav-address{display:flex;flex-direction:column;line-height:1.1}.nav-address:hover{color:#93e193}.address-street,.address-city{display:block;font-size:.75rem}.address-city{padding-left:1.2em}.nav-logo-section{gap:.8rem}.nav-toggle{display:flex}.nav-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#1a1a1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:left .3s ease;z-index:10001;transform:translateY(-10vh)}.nav-menu.active{left:0}body.menu-open{overflow:hidden;position:fixed;width:100%}body.menu-open .back-to-top,body.menu-open .scroll-to-top,body.menu-open [class*=back-to-top],body.menu-open [class*=scroll-top]{display:none!important}.nav-link{font-size:1.2rem;padding:1rem 2rem;border-radius:10px;min-width:200px;text-align:center}.nav-link:hover,.nav-link.active{transform:scale(1.05)}.nav-dropdown{position:relative;width:100%;text-align:center;margin:1rem 0}.dropdown-toggle{width:100%;min-width:200px;justify-content:center;position:relative;display:flex;align-items:center}.dropdown-toggle:after{content:"";margin-left:.5rem;transition:transform .3s ease;will-change:transform}.dropdown-toggle:not(.dropdown-active):not(.active){background:transparent!important;color:#fff!important}.dropdown-toggle.dropdown-active{background:#93e193;color:#1a1a1a}.dropdown-toggle.active:not(.dropdown-active){background:#93e193;color:#1a1a1a}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin:.5rem auto 0;width:85%;max-width:280px;background:#3a3a3af2;border:1px solid #555;border-radius:12px;box-shadow:0 4px 20px #0006;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:opacity,max-height;z-index:10002}.dropdown-menu.show{opacity:1;max-height:240px;margin-bottom:.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#93e193 rgba(255,255,255,.1);z-index:10002}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#93e193;border-radius:3px;transition:background .3s ease}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#7bc17b}.dropdown-menu{pointer-events:auto;z-index:10002}.dropdown-menu:not(.show){pointer-events:none}.dropdown-menu.show{pointer-events:auto!important;z-index:10002!important}.dropdown-item{pointer-events:auto!important;cursor:pointer!important;background:#3a3a3af2;border:1px solid transparent}.dropdown-item{padding:1.2rem 1.5rem;font-size:1.1rem;text-align:center;border-bottom:1px solid #555;transition:all .3s ease;font-weight:500}.dropdown-item:last-child{border-bottom:none;border-radius:0 0 12px 12px}.dropdown-item:first-child{border-radius:12px 12px 0 0}.dropdown-item:active{background:#93e193!important;color:#1a1a1a!important}.dropdown-item{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation;cursor:pointer!important;border:none;outline:none;user-select:none;-webkit-user-select:none;background:transparent;color:#e0e0e0;transition:all .2s ease}.dropdown-item{background:#3a3a3af2;border:1px solid #555;margin:2px 0}.dropdown-item:hover{background:#93e1931a;color:#93e193}}@media (max-width: 812px) and (orientation: landscape){.dropdown-item{font-size:.9rem;padding:.2rem .6rem}.nav-menu{gap:.2rem}.dropdown-menu.show{opacity:1;max-height:100px;margin-bottom:.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#93e193 rgba(255,255,255,.1);z-index:10003}}@media (max-width: 480px){.nav-container{padding:0 .5rem}.nav-logo-img{height:38px;max-width:130px}.nav-info-grid{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.nav-phone{order:1}.nav-address{order:2}.nav-instagram:first-of-type{order:3}.nav-instagram:last-of-type{order:4}.nav-instagram{display:none}.nav-phone,.nav-address{font-size:.7rem}.nav-address{display:flex;flex-direction:column;line-height:1}.nav-address:hover{color:#93e193}.address-street,.address-city{display:block;font-size:.7rem}.address-city{padding-left:1.7em}.nav-logo-section{gap:1rem}.nav-logo h2{font-size:1.1rem}.nav-link{font-size:1.1rem;padding:.8rem 1.5rem;min-width:180px}.dropdown-item{padding:1rem 1.2rem;font-size:1rem}.dropdown-menu{margin-top:.3rem}.dropdown-toggle{font-size:1.1rem}.nav-instagram{display:flex!important;align-items:center;font-size:.7rem}.nav-instagram svg{width:14px;height:14px}}.footer{background:#1a1a1a;color:#fff;margin-top:auto;width:100%}.footer-content{padding:2.5rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.footer-section h3{color:#93e193;margin-bottom:.8rem;font-size:1.5rem;font-weight:700}.footer-section h4{color:#93e193;margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.footer-section p{color:#ccc;line-height:1.5;margin-bottom:1rem;font-size:.95rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a,.footer-section ul li{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#93e193}.footer-product-link{background:none;border:none;color:#ccc;font-size:.95rem;padding:.25rem 0;cursor:pointer;text-align:left;width:100%;transition:all .3s ease;font-family:inherit;outline:none}.footer-product-link:hover{color:#93e193;transform:translate(5px)}.footer-product-link:focus{outline:none;color:#ccc}.footer-product-link:active{outline:none;color:#ccc;transform:translate(3px)}.social-links{display:flex;flex-direction:column;gap:.8rem}.social-links a{color:#ccc;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .3s ease;font-size:.95rem}.social-links a:hover{color:#93e193}.social-links a span{font-size:1.2rem}.contact-info{display:flex;flex-direction:column;gap:.8rem}.contact-info-item{display:flex;align-items:flex-start;gap:.8rem;line-height:1.5}.contact-icon{font-size:1.1rem;min-width:20px;flex-shrink:0}.contact-info-item span{color:#fff;font-size:.95rem}.contact-info-item a{color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;word-break:break-all}.contact-info-item a:hover{color:#93e193;text-decoration:underline}.footer-address-link{display:flex;flex-direction:column;gap:.1rem;line-height:1.3}.footer-address-link .street{font-weight:500}.footer-address-link .city{font-size:.9rem}.email-list{display:flex;flex-direction:column;gap:.4rem}.email-list a{color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;word-break:break-all}.email-list a:hover{color:#93e193;text-decoration:underline}.contact-info p{margin-bottom:.6rem;color:#ccc;font-size:.9rem}.footer-bottom{background:#1a1a1a;padding:1rem 0;border-top:1px solid #333}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-bottom p{color:#999;margin:0;font-size:.9rem}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom-content{flex-direction:column;text-align:center;gap:1rem}.social-links{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}}.footer-social{display:flex;align-items:center;gap:1rem}.social-label{color:#999;font-size:.9rem;margin-right:.5rem}.footer-social-link{width:35px;height:35px;min-width:35px;min-height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;font-size:1.1rem;transition:all .3s ease;border:2px solid transparent;flex-shrink:0;aspect-ratio:1 / 1}.footer-social-link.facebook{color:#1877f2;background:#1877f21a;border-color:#1877f24d}.footer-social-link.facebook:hover{background:#1877f2;color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #1877f266}.footer-social-link.instagram{color:#e4405f;background:#e4405f1a;border-color:#e4405f4d}.footer-social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #e4405f66}.footer-social-link.tiktok{color:#ff0050;background:#ff00501a;border-color:#ff00504d}.footer-social-link.tiktok:hover{background:#ff0050;color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #ff005066}.footer-social-link.youtube{color:red;background:#ff00001a;border-color:#ff00004d}.footer-social-link.youtube:hover{background:red;color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #f006}@media (max-width: 768px){.footer-bottom-content{flex-direction:column;text-align:center;gap:1rem}.footer-social{justify-content:center;gap:.8rem}.footer-social-link{width:32px;height:32px;min-width:32px;min-height:32px;font-size:1rem;aspect-ratio:1 / 1}.social-label{margin-bottom:.5rem;display:block;width:100%}.contact-info-item{align-items:flex-start;gap:.6rem}.contact-info-item a{font-size:.9rem;word-break:break-word}.contact-icon{font-size:1rem}}.back-to-top-floating{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:#93e193;color:#1a1a1a;border:none;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #93e1934d;transition:all .3s ease;z-index:1000;opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top-floating.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top-floating:hover{background:#7bc17b;transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px #93e19380}.back-to-top-floating:active{transform:translateY(-1px) scale(1.05)}@media (max-width: 768px){.back-to-top-floating{width:45px;height:45px;bottom:20px;right:20px;font-size:1.3rem}}@media (max-width: 480px){.back-to-top-floating{width:40px;height:40px;bottom:15px;right:15px;font-size:1.2rem}}.home{width:100%}.hero{background:url(/images/novi-salon.jpeg) center 40% / cover no-repeat;color:#fff;padding:clamp(4rem,8vh,8rem) 0 clamp(3rem,6vh,6rem);text-align:center;position:relative;overflow:hidden;height:clamp(700px,100vh,900px);display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:#0009;z-index:0}.hero-content{position:relative;z-index:2;max-width:1000px;margin:0 auto;padding:0 1rem}.hero-content h1{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:4rem;margin-top:5rem;color:#93e193;font-weight:700;text-shadow:3px 3px 6px rgba(0,0,0,.8);animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);margin-bottom:1.5rem;color:#fff;font-weight:300;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:fadeInUp 1s ease-out .2s both}.hero-description{font-size:clamp(1rem,2.5vw,1.3rem);margin-bottom:2rem;color:#fff;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8;text-shadow:1px 1px 3px rgba(0,0,0,.8);animation:fadeInUp 1s ease-out .4s both}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both;margin-top:4rem}.hero-btn-primary{background:#93e193!important;color:#1a1a1a!important;font-weight:700!important;font-size:1.1rem!important;padding:1.2rem 2.5rem!important;border-radius:10px!important;box-shadow:0 8px 25px #93e19366!important;text-transform:uppercase;letter-spacing:1px;border:none!important;text-decoration:none!important;outline:none!important;position:relative;z-index:10}.hero-btn-primary:hover{background:#7bc17b!important;color:#1a1a1a!important;transform:translateY(-3px)!important;box-shadow:0 12px 35px #93e19399!important;text-decoration:none!important}.hero-btn-primary:focus,.hero-btn-primary:active{outline:none!important;text-decoration:none!important}.hero-btn-secondary{background:transparent!important;color:#93e193!important;border:3px solid #93e193!important;font-weight:700!important;font-size:1.1rem!important;padding:1.2rem 2.5rem!important;border-radius:10px!important;text-transform:uppercase;letter-spacing:1px;text-decoration:none!important;outline:none!important;position:relative;z-index:10}.hero-btn-secondary:hover{background:#93e193!important;color:#1a1a1a!important;transform:translateY(-3px)!important;box-shadow:0 8px 25px #93e19366!important;text-decoration:none!important}.hero-btn-secondary:focus,.hero-btn-secondary:active{outline:none!important;text-decoration:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.features h2{text-align:center;margin-bottom:clamp(2rem,6vh,4rem);font-size:clamp(2rem,5vw,2.5rem);color:#93e193}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,4vw,3rem);max-width:1200px;margin:0 auto;padding:0 1rem}.feature{text-align:center;padding:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(135deg,#6b7a6f,#2c2c2c);border-radius:15px;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:none}.feature:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#93e193,#7bc17b)}.feature:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.feature h3{font-size:clamp(1.3rem,3vw,1.6rem);margin-bottom:1rem;color:#93e193}.feature p{color:#ccc;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.services-preview{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.services-preview h2{text-align:center;margin-bottom:clamp(2rem,6vh,4rem);font-size:clamp(2rem,5vw,2.5rem);color:#93e193}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(1.5rem,4vw,3rem);max-width:1200px;margin:0 auto;padding:0 1rem}.service-card{padding:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(135deg,#6b7a6f,#2c2c2c);border-radius:15px;text-align:center;transition:all .3s ease;position:relative;border:none;display:flex;flex-direction:column;align-items:center}.service-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #93e19326}.service-card h3{color:#93e193;margin-bottom:1rem;font-size:clamp(1.2rem,3vw,1.4rem);font-weight:600}.service-card p{color:#ccc;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.service-image{width:100%;height:200px;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;transition:all .3s ease}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.service-card:hover .service-image img{transform:scale(1.1)}@media (max-width: 768px){.services-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:2rem}.service-image{height:180px}.hero{padding:3rem 0 2rem;height:clamp(500px,90vh,650px)}.hero-content{padding:0 1.5rem;width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.hero-content h1{font-size:clamp(2rem,8vw,3rem);margin-bottom:2rem}.hero-description{font-size:clamp(.9rem,4vw,1.1rem);margin-bottom:1.5rem;max-width:90%}.hero-buttons{margin-top:2.5rem}}@media (max-width: 1024px) and (min-width: 769px){.services-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.hero-buttons{gap:.8rem}.hero-buttons .btn{flex:1;min-width:140px;max-width:200px}.features-grid{grid-template-columns:1fr;gap:1.5rem}.services-grid{grid-template-columns:1fr;gap:1rem}.hero{height:clamp(650px,95vh,750px)}}@media (max-width: 480px){.hero-buttons{flex-direction:column;align-items:center;gap:1rem}.hero-buttons .btn{width:100%;max-width:280px}.hero{height:clamp(500px,100vh,650px);padding:2rem 0 3rem;min-height:100vh;box-sizing:border-box}.hero-content h1{font-size:clamp(1.8rem,9vw,2.5rem);margin-bottom:1.5rem}.hero-description{font-size:clamp(.85rem,4.5vw,1rem);margin-bottom:1rem;line-height:1.5}.hero-buttons{margin-top:1.5rem;width:100%;max-width:400px}}.o-nama{width:100%}.page-hero{background:transparent;color:#fff;padding:6rem 2rem 4rem;text-align:center}.page-hero h1{font-size:3rem;color:#93e193;margin-bottom:1rem}.page-hero p{font-size:1.2rem;color:#ccc;max-width:600px;margin:0 auto}.about-content{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,6vw,4rem);align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.about-text h2{font-size:2.5rem;color:#93e193;margin-bottom:2rem}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#ccc}.about-image{border-radius:15px;overflow:hidden;box-shadow:0 15px 35px #0000004d}.about-image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .3s ease}.about-image:hover img{transform:scale(1.05)}.placeholder-image{background:#f0f0f0;height:400px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.2rem}.values{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.values h2{text-align:center;font-size:clamp(2rem,5vw,2.5rem);color:#93e193;margin-bottom:clamp(2rem,6vh,4rem)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,4vw,3rem);max-width:1400px;margin:0 auto;padding:0 1rem}@media (min-width: 1200px){.values-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.values-grid{grid-template-columns:repeat(2,1fr)}}.value-item{text-align:center;padding:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(135deg,#6b7a6f,#2c2c2c);border-radius:15px;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:1px solid #444}.value-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#93e193,#7bc17b)}.value-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.value-item h3{font-size:clamp(1.3rem,3vw,1.6rem);margin-bottom:1rem;color:#93e193}.value-item p{color:#ccc;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.process{padding:clamp(4rem,8vh,6rem) 0;background:transparent;margin-bottom:0}.process h2{text-align:center;font-size:clamp(2rem,5vw,2.5rem);color:#93e193;margin-bottom:clamp(2rem,6vh,4rem)}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(1rem,3vw,2rem);max-width:1400px;margin:0 auto;padding:0 1rem}@media (max-width: 1024px){.process-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1.5rem,4vw,3rem)}}.step{text-align:center;padding:2rem 1rem}.step-number{width:60px;height:60px;background:#93e193;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{color:#93e193;margin-bottom:1rem;font-size:1.3rem}.step p{color:#ccc;line-height:1.6}@media (max-width: 768px){.page-hero h1{font-size:2rem}.about-grid{grid-template-columns:1fr;gap:2rem}.about-image{order:-1}.about-image img{aspect-ratio:3/2;min-height:280px;object-fit:cover;object-position:center}.placeholder-image{height:250px}.process-steps{grid-template-columns:1fr}}.showroom-section{padding:clamp(3rem,8vh,6rem) 0;background:transparent}.showroom-content{display:grid;grid-template-columns:1fr .8fr;gap:clamp(2rem,6vw,4rem);align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.showroom-info h2{font-size:clamp(2rem,5vw,2.5rem);color:#93e193;margin-bottom:1.5rem}.showroom-info p{color:#e0e0e0;line-height:1.7;margin-bottom:1.5rem;font-size:clamp(.9rem,2vw,1rem)}.showroom-info ul{list-style:none;padding:0;margin:2rem 0}.showroom-info li:before{content:"✓";color:#93e193;font-weight:700;margin-right:.5rem}.showroom-info ul li{color:#ccc;margin-bottom:.8rem;font-size:clamp(.9rem,2vw,1rem)}.showroom-image{border-radius:15px;overflow:hidden;box-shadow:0 15px 35px #0000004d}.showroom-image img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .3s ease}.showroom-image:hover img{transform:scale(1.05)}@media (max-width: 768px){.showroom-content{grid-template-columns:1fr;gap:2rem}.showroom-info{order:1}.showroom-image{order:2}}.workshop-section{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.workshop-content{display:flex;flex-direction:column;gap:clamp(2rem,6vw,4rem);align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.workshop-image{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.workshop-image img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}.workshop-image:hover img{transform:scale(1.05)}.container h2{text-align:center;font-size:clamp(2rem,5vw,2.5rem);color:#93e193;margin-bottom:1.5rem}.workshop-info p{color:#e0e0e0;line-height:1.7;margin-bottom:1.5rem}.workshop-info ul{list-style:none;padding:0;margin:2rem 0}.workshop-info li{color:#e0e0e0;padding:.5rem 0;font-size:1.1rem}.workshop-info li:before{content:"✓";color:#93e193;font-weight:700;margin-right:.5rem}@media (max-width: 768px){.workshop-content{gap:2rem}.workshop-image{order:-1}}.experience{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.experience h2{text-align:center;font-size:clamp(2rem,5vw,2.5rem);color:#93e193;margin-bottom:clamp(2rem,5vw,3rem)}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,4vw,2rem);max-width:1200px;margin:0 auto}.experience-item{background:linear-gradient(135deg,#6b7a6f,#2c2c2c);padding:clamp(1.5rem,4vw,2rem);border-radius:15px;text-align:center;border:1px solid rgba(147,225,147,.2);transition:all .3s ease;position:relative;overflow:hidden}.experience-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,225,147,.1),transparent);transition:left .5s ease}.experience-item:hover:before{left:100%}.experience-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #93e19333;border-color:#93e193}.experience-number{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;background:linear-gradient(45deg,#93e193,#f4d03f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.experience-item h3{color:#e0e0e0;font-size:1.3rem;margin-bottom:.5rem;font-weight:600}.experience-item p{color:#b0b0b0;font-size:1rem;line-height:1.5}@media (max-width: 768px){.experience-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.experience-number{font-size:2.5rem}}.proizvodi{width:100%}.products-grid{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.product-category{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,4rem);align-items:center;margin-bottom:clamp(3rem,8vh,6rem);max-width:1200px;margin-left:auto;margin-right:auto;padding:0 2rem}.product-category.reverse{direction:rtl}.product-category.reverse>*{direction:ltr}.product-info h2{font-size:2.2rem;color:#93e193;margin-bottom:1.5rem}.product-info p{font-size:1.1rem;line-height:1.8;color:#ccc;margin-bottom:2rem}.features-list{list-style:none;padding:0}.features-list li{padding:.5rem 0;color:#e0e0e0;font-size:1rem}.placeholder-image{background:#f0f0f0;height:350px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.5rem}.materials{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.materials h2{text-align:center;font-size:clamp(2rem,5vw,2.5rem);color:#93e193;margin-bottom:clamp(2rem,6vh,4rem)}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,4vw,3rem);max-width:1200px;margin:0 auto;padding:0 1rem}.material-item{text-align:center;padding:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(135deg,#6b7a6f,#2c2c2c);border-radius:15px;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:1px solid #444}.material-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#93e193,#7bc17b)}.material-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.material-item h3{font-size:clamp(1.3rem,3vw,1.6rem);margin-bottom:1rem;color:#93e193}.material-item p{color:#ccc;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.cta{padding:clamp(4rem,8vh,6rem) 0;background:transparent;color:#fff;text-align:center;margin-bottom:0}.cta h2{font-size:2.5rem;color:#93e193;margin-bottom:1rem}.cta p{font-size:1.2rem;margin-bottom:2rem;color:#ccc}.btn{padding:1rem 2rem;text-decoration:none;border-radius:5px;font-weight:700;transition:all .3s ease;display:inline-block}@media (max-width: 768px){.product-category{grid-template-columns:1fr;gap:2rem}.product-category.reverse{direction:ltr}.placeholder-image{height:250px;font-size:1.2rem}.product-info h2{font-size:1.8rem}}.carousel{position:relative;width:100%;max-width:600px;margin:0 auto;background:linear-gradient(135deg,#6b7a6f,#2c2c2c);border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.carousel-container{position:relative;width:100%;display:flex;align-items:center}.carousel-slide{width:100%;height:450px;display:block}.carousel-image{width:100%;height:100%;display:flex;align-items:center;overflow:hidden;justify-content:center}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,#6b7a6f,#2c2c2c);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e0e0e0;text-align:center;padding:2rem;border:2px dashed #555}.placeholder-image h4{color:#93e193;margin-bottom:1rem;font-size:1.5rem}.placeholder-image p{color:#ccc;font-size:1rem;line-height:1.6}.carousel-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.carousel-info{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#6b7a6f,#2c2c2c);border-radius:8px;border:1px solid #444;text-align:center}.carousel-info h4{color:#93e193;margin-bottom:.5rem;font-size:1.3rem}.carousel-info p{color:#e0e0e0;line-height:1.6;margin:0}.carousel-placeholder{height:300px;background:#3a3a3a;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.2rem;border:2px dashed #555;border-radius:10px;margin:2rem 0}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#93e193e6;color:#1a1a1a;border:none;width:50px;height:50px;border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:2;display:flex;align-items:center;justify-content:center}.carousel-container.modal-open .carousel-button{opacity:0;pointer-events:none;visibility:hidden}.carousel-button:hover{background:#93e193;transform:translateY(-50%) scale(1.1);box-shadow:0 5px 15px #93e19366}.carousel-button-prev{left:15px}.carousel-button-next{right:15px}.carousel-dots{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:#0000001a}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid #666;background:transparent;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:#93e193;border-color:#93e193;box-shadow:0 0 10px #93e19380}.carousel-dot:hover{border-color:#93e193;transform:scale(1.2)}.carousel-counter{position:absolute;top:15px;right:15px;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}@media (max-width: 768px){.carousel-slide{height:350px}.carousel-button{width:40px;height:40px;font-size:1rem}.carousel-button-prev{left:10px}.carousel-button-next{right:10px}.placeholder-image{padding:1rem}.placeholder-image h4{font-size:1.3rem}.carousel-counter{top:10px;right:10px;padding:.3rem .8rem;font-size:.8rem}}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000f2!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-overlay~*{pointer-events:none}.modal-content{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:999999}.modal-image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:90vw;max-height:90vh}.modal-image{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px #00000080;display:block}.modal-info{margin-top:1rem;color:#fff;text-align:center}.modal-info h3{color:#93e193;font-size:1.5rem;margin-bottom:.5rem}.modal-info p{color:#e0e0e0;line-height:1.6;margin-bottom:.5rem}.modal-counter{color:#aaa;font-size:.9rem}.modal-close{position:fixed!important;top:20px!important;right:20px!important;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1000000!important}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-button{position:fixed!important;top:50%!important;transform:translateY(-50%)!important;background:#93e193e6;color:#1a1a1a;border:none;width:70px;height:70px;border-radius:50%;font-size:1.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:1000000!important;display:flex;align-items:center;justify-content:center}.modal-button:hover{background:#93e193;transform:translateY(-50%) scale(1.1)!important;box-shadow:0 10px 20px #93e19366}.modal-prev{left:30px!important}.modal-next{right:30px!important}@media (max-width: 768px){.modal-button{width:50px!important;height:50px!important;font-size:1.4rem!important}.modal-prev{left:15px!important}.modal-next{right:15px!important}.modal-close{width:40px!important;height:40px!important;font-size:1.2rem!important;top:15px!important;right:15px!important}.modal-image{max-width:95vw!important;max-height:60vh!important}.modal-image-container{max-width:95vw!important;max-height:85vh!important}}@media (max-width: 480px){.carousel-slide{height:300px}.carousel-placeholder{height:200px;font-size:1rem}}.kontakt{width:100%}.contact-content{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.contact-info-centered{max-width:1000px;margin:0 auto;padding:0 1rem}.contact-grid-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:clamp(2.5rem,5vw,4rem);margin-top:2.5rem;justify-items:center}.contact-info-centered h2{font-size:clamp(2rem,5vw,2.8rem);color:#93e193;margin-bottom:2.5rem;text-align:center;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.contact-item{margin-bottom:2.5rem;width:100%;max-width:400px;text-align:center;padding:1.5rem;background:#0003;border-radius:12px;border:1px solid rgba(147,225,147,.2);transition:all .3s ease}.contact-item:hover{transform:translateY(-3px);border-color:#93e19366;box-shadow:0 8px 25px #0000004d}.contact-item h3{font-size:1.4rem;color:#93e193;margin-bottom:1.2rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.8rem}.contact-item p{color:#e0e0e0;line-height:1.7;font-size:1rem}.contact-item a{color:#93e193;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;display:inline-block;padding:.3rem 0;border-bottom:2px solid transparent}.contact-item a:hover{color:#7bc17b;border-bottom-color:#93e193;transform:translateY(-1px)}.contact-item strong{color:#93e193;font-weight:600;font-size:1.1rem}.contact-item small{color:#aaa;font-size:.9rem;font-style:italic;margin-top:.5rem;display:block}.contact-emails{display:flex;flex-direction:column;gap:.8rem;align-items:center}.contact-emails a{color:#93e193;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;display:inline-block;padding:.3rem 0;border-bottom:2px solid transparent}.contact-emails a:hover{color:#7bc17b;border-bottom-color:#93e193;transform:translateY(-1px)}.contact-emails small{margin-top:.5rem;text-align:center}.social-section-centered{display:flex;justify-content:center;margin-top:3rem;margin-bottom:2rem}.social-centered{max-width:500px;width:100%}.working-hours{margin-top:1rem}.hours-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid #444}.hours-row:last-child{border-bottom:none}.hours-row.closed{opacity:.7}.hours-row .day{color:#e0e0e0;font-weight:500}.hours-row .time{color:#93e193;font-weight:600}.hours-row.closed .time{color:#999}.social-media{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.social-link{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;border-radius:8px;transition:all .3s ease;text-decoration:none;font-weight:500;border:2px solid transparent}.social-link span{font-size:1.3rem}.social-link.facebook{color:#1877f2;border-color:#1877f2;background:linear-gradient(135deg,#6b7a6f,#2c2c2c)}.social-link.facebook:hover{background:#1877f2;color:#fff;transform:translateY(-2px)}.social-link.instagram{color:#e4405f;border-color:#e4405f;background:linear-gradient(135deg,#6b7a6f,#2c2c2c)}.social-link.instagram:hover{background:#e4405f;color:#fff;transform:translateY(-2px)}.social-link.tiktok{color:#ff0050;border-color:#ff0050;background:linear-gradient(135deg,#6b7a6f,#2c2c2c)}.social-link.tiktok:hover{background:#ff0050;color:#fff;transform:translateY(-2px)}.social-link.youtube{color:red;border-color:red;background:linear-gradient(135deg,#6b7a6f,#2c2c2c)}.social-link.youtube:hover{background:red;color:#fff;transform:translateY(-2px)}.contact-form h2{font-size:2.2rem;color:#93e193;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid #555;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;background:linear-gradient(135deg,#6b7a6f,#2c2c2c);color:#e0e0e0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#93e193;box-shadow:0 0 0 3px #93e1931a}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group textarea{resize:vertical;min-height:120px}.btn{padding:1rem 2rem;text-decoration:none;border-radius:5px;font-weight:700;transition:all .3s ease;display:inline-block;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:#93e193;color:#93e193}.btn-primary:hover{background:#7bc17b}.btn:disabled{background:#666!important;cursor:not-allowed;transform:none!important}.btn:disabled:hover{background:#666!important;transform:none!important}.form-status{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;text-align:center}.form-status.success{background:#22c55e1a;border:1px solid #22c55e;color:#22c55e}.form-status.error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.benefits{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.benefits h2{text-align:center;font-size:clamp(2rem,5vw,2.5rem);color:#93e193;margin-bottom:clamp(2rem,6vh,4rem)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,4vw,3rem);max-width:1400px;margin:0 auto;padding:0 1rem}@media (min-width: 1200px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}.benefit-item{text-align:center;padding:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(135deg,#6b7a6f,#2c2c2c);border-radius:15px;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:1px solid #444}.benefit-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#93e193,#7bc17b)}.benefit-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.benefit-item h3{font-size:clamp(1.3rem,3vw,1.6rem);margin-bottom:1rem;color:#93e193}.benefit-item p{color:#ccc;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.map-section{padding:6rem 2rem;background:linear-gradient(135deg,#6b7a6f,#2c2c2c)}.map-section h2{text-align:center;font-size:2.5rem;color:#93e193;margin-bottom:3rem}.map-section{padding:clamp(4rem,8vh,6rem) 0;background:transparent}.map-container{background:linear-gradient(135deg,#6b7a6f,#2c2c2c);border-radius:12px;overflow:hidden;border:2px solid #444;box-shadow:0 8px 25px #0000004d}.map-container iframe{width:100%;height:400px;border:none;display:block}.map-address{padding:2rem;background:linear-gradient(135deg,#6b7a6f,#2c2c2c);border-top:1px solid #444}.map-address h3{color:#93e193;font-size:1.3rem;margin-bottom:1rem}.map-address p{color:#e0e0e0;line-height:1.6;margin-bottom:.5rem}.map-address strong{color:#93e193}.map-address a{color:#e0e0e0;text-decoration:none;transition:all .3s ease}.map-address a:hover{color:#93e193;text-decoration:underline}.map-address a strong{color:#93e193}.map-address small{color:#aaa}@media (max-width: 768px){.map-container iframe{height:300px}.map-address{padding:1.5rem}}@media (max-width: 768px){.contact-info-centered{max-width:100%;padding:0 1rem}.contact-grid-simple{grid-template-columns:1fr;gap:2rem;margin-top:2rem}.contact-item{max-width:100%;padding:1.2rem}.contact-item h3{font-size:1.3rem;flex-direction:column;gap:.5rem}.contact-item a{font-size:1rem;word-break:break-all}.hours-row{padding:.6rem 0;flex-wrap:nowrap}.hours-row .day{font-size:.9rem;white-space:nowrap;min-width:fit-content}.hours-row .time{font-size:.9rem;white-space:nowrap;text-align:right}}@media (max-width: 480px){.contact-info-centered h2{font-size:1.8rem;margin-bottom:2rem}.contact-item{padding:1rem;margin-bottom:1.5rem}.contact-item h3{font-size:1.2rem}.contact-item p{font-size:.95rem}}.page-hero{background:transparent;color:#fff;padding:clamp(4rem,8vh,6rem) 0 clamp(3rem,6vh,4rem);text-align:center}.page-hero h1{font-size:clamp(2.5rem,6vw,3rem);color:#93e193;margin-bottom:1rem}.page-hero p{font-size:clamp(1rem,3vw,1.2rem);color:#ccc;max-width:600px;margin:0 auto}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:2rem}.form-group input,.form-group select,.form-group textarea{padding:.8rem;font-size:16px}.map-placeholder{height:250px}.map-placeholder p{font-size:1.2rem}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#e0e0e0;background:#1a1a1a;overflow-x:hidden}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;min-height:calc(100vh - 160px);background:linear-gradient(135deg,#6b7a6f,#2c2c2c)}html{scroll-padding-top:100px}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}@media (min-width: 576px){.container{padding:0 2rem}}@media (min-width: 768px){.container{padding:0 2rem}}@media (min-width: 1200px){.container{padding:0 2rem}}.page-hero,.features,.services-preview,.about-content,.values,.process,.products-grid,.materials,.cta,.contact-content,.benefits,.map-section,.gallery-filters,.gallery-grid,.gallery-info,.gallery-cta{width:100%}.page-hero .container,.features .container,.services-preview .container,.about-content .container,.values .container,.process .container,.products-grid .container,.materials .container,.cta .container,.contact-content .container,.benefits .container,.map-section .container,.gallery-filters .container,.gallery-grid .container,.gallery-info .container,.gallery-cta .container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}h4{font-size:clamp(1.1rem,2.5vw,1.5rem)}p{margin-bottom:1rem;font-size:clamp(.9rem,2vw,1.1rem)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}img{max-width:100%;height:auto;display:block}.btn{display:inline-block;padding:1rem 2rem;border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;line-height:1;text-decoration:none!important;min-width:150px;outline:none;position:relative;z-index:1}.btn-primary{background:#93e193!important;color:#1a1a1a!important;text-decoration:none!important}.btn-primary:hover{background:#7bc17b!important;color:#1a1a1a!important;transform:translateY(-2px);box-shadow:0 4px 15px #93e1934d;text-decoration:none!important}.btn-primary:focus,.btn-primary:active{outline:none!important;text-decoration:none!important}.btn-secondary{background:transparent!important;color:#93e193!important;border:2px solid #93e193!important;text-decoration:none!important}.btn-secondary:hover{background:#93e193!important;color:#1a1a1a!important;transform:translateY(-2px);text-decoration:none!important}.btn-secondary:focus,.btn-secondary:active{outline:none!important;text-decoration:none!important}@media (max-width: 768px){.btn{padding:.8rem 1.5rem;min-width:120px;font-size:.9rem}}button:focus,input:focus,select:focus,textarea:focus,.btn:focus{outline:2px solid #93e193;outline-offset:3px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#93e193;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7bc17b}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.section{padding:clamp(3rem,6vh,6rem) 0}.section-alt{background:transparent;color:#e0e0e0}.section-dark{background:transparent;color:#fff}section{width:100%}.page-hero{padding:clamp(4rem,8vh,6rem) 0 clamp(2rem,4vh,4rem)}.hero{padding:clamp(4rem,8vh,8rem) 0 clamp(3rem,6vh,6rem)}.home,.o-nama,.proizvodi,.galerija,.kontakt{width:100%}