:root{--black:#1a1a1a;--dark-gray:#282c34;--gray:#333;--medium-gray:#414345;--light-gray:#767676;--lighter-gray:#ccc;--lightest-gray:#eaeaea;--bg-light:#f9f9f9;--bg-white:#fff;--accent:#1a73e8;--accent-dark:#0d47a1;--accent-light:#64b5f6;--gold:#1e88e5;--blue:#1a73e8;--red:#2563eb;--green:#0288d1;--green-light:#4fc3f7;--gradient-primary:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);--gradient-dark:linear-gradient(135deg,var(--black) 0%,var(--medium-gray) 100%);--gradient-green:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent) 100%);--text-primary:var(--black);--text-secondary:var(--gray);--text-light:var(--light-gray);--text-lighter:var(--lighter-gray);--text-white:var(--bg-white);--navbar-bg:var(--black);--footer-bg:var(--black);--footer-text:var(--lighter-gray);--footer-title:var(--accent);--link-hover:var(--accent);--button-hover:var(--accent-dark);--hero-bg:var(--gradient-dark);--hero-text:var(--bg-white)}:not(.navbar):not(.navbar *):not(.navbar.scrolled):after,:not(.navbar):not(.navbar *):not(.navbar.scrolled):before{background:#0000!important;border:none!important}body [class*=content] h1+:before,body [class*=content] h1:after,body [class*=header] h1:after,body [class*=hero] h1+:before,body [class*=hero] h1:after,body h1:after{background:none!important;border:none!important;content:none!important;display:none!important;height:0!important;opacity:0!important;position:static!important;visibility:hidden!important;width:0!important}body,html{height:100%!important;margin:0!important;min-height:100%!important;overflow-x:hidden;padding:0!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-light);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding-bottom:0!important;position:relative}body>:not(#root):not(script):not(noscript),body>div:not(#root),body>iframe{display:none!important;height:0!important;left:0!important;margin:0!important;opacity:0!important;padding:0!important;position:absolute!important;top:0!important;visibility:hidden!important;width:0!important;z-index:-9999!important}#root{display:flex;flex-direction:column;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0}a,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}a{text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent)}[class*=subtitle]:after,[class*=title]:after,h1:after,h2:after,h3:after,h4:after,h5:after,h6:after{border:none!important;content:none!important;display:none!important}:root{--container-padding:24px;--mobile-container-padding:16px}.container{padding:0 var(--container-padding)}h1{font-size:clamp(24px,5vw,36px)}h2{font-size:clamp(20px,4vw,32px)}h3{font-size:clamp(18px,3vw,28px)}a,li,p{font-size:clamp(16px,2vw,18px);line-height:1.6}img{display:block;height:auto;max-width:100%}.button,[role=button],button{min-height:44px;min-width:44px;padding:12px 24px}@media (max-width:768px){.container{padding:0 16px;padding:0 var(--mobile-container-padding)}.row{flex-direction:column}.col{margin:16px 0;width:100%}section{padding:32px 0}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 20px}}@media (min-width:1025px){.container{padding:0 24px;padding:0 var(--container-padding)}}.App{display:flex;flex-direction:column;margin-bottom:0;min-height:100vh;padding-bottom:0;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}main{flex:1 1}#google_translate_element,.goog-te-banner-frame,.goog-te-combo,.goog-te-gadget,.goog-te-gadget-simple,.goog-te-menu-frame,.goog-te-menu-value,.skiptranslate{display:none!important}body{position:static!important;top:0!important}.goog-te-banner-frame.skiptranslate,iframe[src*="translate.googleapis.com"]{display:none!important}body.goog-te-ck-bg,body.goog-te-ck-en{position:static!important;top:0!important}@media (max-width:960px){.nav-menu-backdrop{background:#00000080;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2}.nav-menu-backdrop.active{display:block}}@media (max-width:480px){.container{padding:0 15px}}.subtitle,.title,[class*=subtitle],[class*=title],h1,h2,h3,h4,h5,h6{border:none!important;text-decoration:none!important}.subtitle:after,.subtitle:before,.title:after,.title:before,[class*=subtitle]:after,[class*=subtitle]:before,[class*=title]:after,[class*=title]:before,h1:after,h1:before,h2:after,h2:before,h3:after,h3:before,h4:after,h4:before,h5:after,h5:before,h6:after,h6:before{background:none!important;border:none!important;content:none!important;display:none!important;height:0!important;opacity:0!important;visibility:hidden!important;width:0!important}.container{padding:0 24px;width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.col{flex:1 1;padding:0 12px}@media (max-width:768px){.row{flex-direction:column;margin:0}.col{margin-bottom:24px;padding:0;width:100%}.container{padding:0 16px}section{padding:32px 0}.section-padding{padding:24px 0}img{height:auto;width:100%}.text-center-mobile{text-align:center}.button,[role=button],button{min-height:44px;min-width:44px;padding:12px 24px}input,select,textarea{margin-bottom:16px;width:100%}ol,ul{padding-left:20px}.stack>*+*{margin-top:16px}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 20px}.col{flex:0 0 50%;max-width:50%}}@media (min-width:1025px){.container{padding:0 24px}.col{flex:0 0 33.333%;max-width:33.333%}}.navbar-new{background:#fff!important;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;height:80px;left:0;position:fixed;top:0;z-index:999}.navbar-new,.navbar-new-container{align-items:center;display:flex;width:100%}.navbar-new-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.navbar-new-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:15px;text-decoration:none}.logo-subtitle,.logo-title,.nav-link,.navbar-new-logo{color:#000!important;filter:none!important;text-shadow:none!important}.nav-link{transition:color .3s}.nav-link:hover{color:#1a73e8!important}.hamburger span{background:#000!important}@media screen and (max-width:960px){.navbar-new-container{justify-content:space-between;padding:0 16px}.navbar-new-logo{left:50%;position:absolute;transform:translateX(-50%)}.nav-logo-img{height:70px}.logo-text{display:none}.mobile-spacer{display:block;width:30px}.navbar-right{gap:10px}.menu-icon,.navbar-right{align-items:center;display:flex}.menu-icon{cursor:pointer;height:40px;justify-content:center;position:relative;width:40px;z-index:10}.hamburger span{background:#000!important;height:3px}.nav-menu{background:#fff!important;border-left:1px solid #e5e7eb;box-shadow:-8px 0 32px #00000026;display:flex;flex-direction:column;height:100vh;padding-top:80px;position:fixed;right:-300px;top:0;width:250px}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{right:0;z-index:1}.nav-item{height:60px;width:100%}.nav-link{color:#000!important;display:table;padding:1.5rem;text-align:left;width:100%}}body:not(.home-page) .App main{margin-top:80px}.navbar{align-items:center;display:flex;height:80px;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.navbar,.navbar.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#fff!important;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014}.navbar-container{justify-content:space-between;max-width:1200px;padding:0 24px;width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#333;font-size:1.5rem;font-weight:700;gap:15px;text-decoration:none;text-shadow:none}.nav-logo-img{filter:none;height:80px}.nav-menu{list-style:none;margin:0;padding:0;text-align:center}.nav-item,.nav-menu{align-items:center;display:flex}.nav-item{height:80px}.nav-link{align-items:center;color:#333;display:flex;font-size:1.1rem;height:100%;padding:0 1rem;text-decoration:none;text-shadow:none;transition:all .3s ease}.nav-link:hover{color:#60a5fa}.menu-icon,.mobile-spacer{display:none}.navbar-right{align-items:center;display:flex;gap:20px}.hamburger{cursor:pointer;height:20px;position:relative;width:30px}.hamburger span{background:#333;border-radius:3px;display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.open span:first-child{top:8px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){left:-60px;opacity:0}.hamburger.open span:nth-child(3){top:8px;transform:rotate(-45deg)}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-title{color:#333;font-size:1.4rem;font-weight:700;margin:0;text-shadow:none}.logo-subtitle{color:#555;font-size:1.1rem;font-weight:500;margin:0;text-shadow:none}@media screen and (max-width:960px){.navbar-container{justify-content:space-between}.navbar-logo{left:50%;position:absolute;transform:translateX(-50%)}.nav-logo-img{height:70px;object-fit:contain;width:auto}.logo-text{display:none}.mobile-spacer{display:block;width:30px}.navbar-right{gap:10px}.menu-icon,.navbar-right{align-items:center;display:flex}.menu-icon{cursor:pointer;height:40px;justify-content:center;position:relative;width:40px;z-index:10}.hamburger span{background:#000!important;height:3px}.nav-menu{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fff!important;border-left:1px solid #fff3;box-shadow:-8px 0 32px #00000026;display:flex;flex-direction:column;height:100vh;padding-top:80px;position:fixed;right:-300px;top:0;width:250px}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{right:0;z-index:1}.nav-item{height:60px;width:100%}.nav-link{color:#000!important;display:table;padding:1.5rem;text-align:left;width:100%}.navbar:not(.scrolled) .hamburger span{background:#000!important;text-shadow:none!important}}@media screen and (max-width:480px){.logo-title{font-size:1.2rem}.logo-subtitle{font-size:1rem;font-weight:500}}.navbar.scrolled .logo-subtitle,.navbar.scrolled .logo-title,.navbar.scrolled .nav-link,.navbar.scrolled .navbar-logo{color:#333;text-shadow:none}.navbar.scrolled .nav-link:hover{color:#1a73e8}.navbar.scrolled .hamburger span{background:#333}@media screen and (max-width:960px){.navbar:not(.scrolled) .hamburger span,.navbar:not(.scrolled) .logo-subtitle,.navbar:not(.scrolled) .logo-title,.navbar:not(.scrolled) .nav-link,.navbar:not(.scrolled) .navbar-logo{color:#000!important;text-shadow:none!important}}.home-modern{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}.container-modern{margin:0 auto;max-width:1200px;padding:0 24px}.hero-modern{align-items:center;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-video{object-fit:cover;z-index:1}.hero-overlay,.hero-video{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:#0009;z-index:2}.hero-modern:before{background:linear-gradient(135deg,#3b82f61a,#93c5fd33);border-radius:0 0 0 100px;content:"";height:100%;position:absolute;right:0;top:0;width:50%;z-index:3}.hero-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:120px 24px 80px;position:relative;z-index:4}.hero-content-modern{position:relative;z-index:5}.hero-title{color:#fff;display:flex;flex-direction:column;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px}.hero-title,.title-line{text-shadow:2px 2px 4px #000000b3}.title-line{color:#f8fafc;font-weight:600}.title-emphasis{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.7));font-weight:900;text-shadow:none}.hero-subtitle{color:#e2e8f0;font-size:1.25rem;line-height:1.6;margin-bottom:40px;max-width:500px;text-shadow:1px 1px 3px #000000b3}.hero-actions{align-items:center;display:flex;gap:16px}.btn-primary-modern{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 20px #3b82f64d;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-primary-modern:hover{box-shadow:0 8px 30px #3b82f666;transform:translateY(-2px)}.btn-secondary-modern{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f8fafce6;border:2px solid #e2e8f0cc;border-radius:12px;color:#334155;font-size:1rem;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-secondary-modern:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 20px #0003;transform:translateY(-1px)}.btn-icon{transition:transform .3s ease}.btn-primary-modern:hover .btn-icon{transform:translateX(4px)}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #f1f5f9cc;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px}.card-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.stat-item{text-align:center}.stat-number{color:#3b82f6;margin-bottom:8px}.stat-label{color:#64748b;font-size:.95rem}.products-modern{background:#f8fafc;padding:100px 0}.section-header{margin-bottom:80px}.section-header h2{color:#0f172a;font-size:2.5rem;font-weight:700;margin-bottom:16px}.section-header p{color:#64748b;font-size:1.125rem;margin:0 auto;max-width:600px}.products-grid-modern{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:80px}.products-actions{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:800px;padding:0 20px}.search-wrapper-inline{flex:1 1;max-width:400px}.home-search{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}.search-input-container{align-items:center;display:flex;position:relative}.search-input-modern{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000000a;font-size:1rem;padding:16px 55px 16px 20px;transition:all .3s ease;width:100%}.search-input-modern:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-btn-modern{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;transition:all .3s ease;width:36px}.search-btn-modern:hover{background:#2563eb;transform:scale(1.05)}.product-card-modern{background:#fff;border:1px solid #f1f5f9;border-radius:20px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.product-card-modern:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-8px)}.product-card-modern:hover .product-image-wrapper img{transform:scale(1.1)}.product-card-modern:hover .product-overlay-text{text-shadow:2px 2px 4px #000000e6,0 0 12px #ffffffb3;text-shadow:2px 2px 4px #000000e6,0 0 12px var(--glow-color,#ffffffb3);transform:translateY(-3px) scale(1.02)}.product-card-modern:hover .overlay-metallic .product-overlay-text{--glow-color:#9e9e9ecc}.product-card-modern:hover .overlay-glass .product-overlay-text{--glow-color:#6c757dcc}.product-card-modern:hover .overlay-steel .product-overlay-text{--glow-color:#343a40cc}.product-card-modern:hover .product-overlay-modern{opacity:1;z-index:3}.featured-card{position:relative}.featured-badge-modern{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px;position:absolute;right:16px;top:16px;z-index:2}.product-image-wrapper{height:250px;overflow:hidden;position:relative}.product-image-wrapper img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card-modern:hover .product-cta{transform:translateY(0)}.product-info{padding:32px}.product-info h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:8px}.product-info p{color:#64748b;line-height:1.6}.section-footer{text-align:center}.btn-outline-modern{align-items:center;background:#0000;border:2px solid #3b82f6;border-radius:12px;color:#3b82f6;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:16px 28px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-outline-modern:hover{background:#3b82f6;box-shadow:0 4px 20px #3b82f64d;color:#fff;transform:translateY(-1px)}.features-modern{background:linear-gradient(180deg,#fff,#f8fafc);padding:100px 0;position:relative}.features-modern:before{background-image:radial-gradient(#3b82f60d 1px,#0000 0);background-size:20px 20px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.features-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(3,1fr)}.feature-card-modern{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 8px 30px #0000001a;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.feature-card-modern:hover{box-shadow:0 15px 35px #3b82f626;transform:translateY(-5px)}.feature-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;box-shadow:0 10px 20px #3b82f626;color:#3b82f6;height:64px;margin:0 auto 24px;position:relative;transition:all .3s ease;width:64px;z-index:2}.feature-card-modern:hover .feature-icon{box-shadow:0 15px 25px #3b82f640;transform:scale(1.1)}.feature-card-modern h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:16px}.feature-card-modern p{color:#64748b;line-height:1.6}.contact-modern{background:#f8fafc;padding:100px 0}.contact-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.contact-info h2{color:#0f172a;font-size:2.5rem;font-weight:700;margin-bottom:16px}.contact-info p{color:#64748b;font-size:1.125rem;margin-bottom:40px}.contact-actions{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.contact-phone{align-items:center;color:#0f172a;display:flex;font-size:1.125rem;font-weight:600;gap:12px;text-decoration:none;transition:color .3s ease}.contact-phone:hover{color:#3b82f6}.phone-icon{font-size:1.25rem}.contact-map{border-radius:16px;box-shadow:0 20px 60px #0000001a;overflow:hidden}@media (max-width:1024px){.hero-container{gap:60px;grid-template-columns:1fr;text-align:center}.products-grid-modern{grid-template-columns:repeat(2,1fr)}.features-grid{gap:32px;grid-template-columns:1fr}.contact-content{gap:60px;grid-template-columns:1fr}}@media (max-width:768px){.hero-modern{min-height:80vh}.hero-container{gap:40px;grid-template-columns:1fr;padding:80px 24px 40px}.hero-title{font-size:2.5rem;text-align:center}.hero-subtitle{font-size:1.1rem;margin-left:auto;margin-right:auto;text-align:center}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.btn-primary-modern,.btn-secondary-modern{justify-content:center;padding:14px 24px;width:100%}.hero-card{padding:24px}.card-stats{gap:24px}.stat-number{font-size:2rem}.products-grid-modern{gap:24px;grid-template-columns:1fr}.ogradni-card{order:1}.metizni-card{order:2}.mrezhi-card{order:3}.products-actions{flex-direction:column;gap:24px}.search-wrapper-inline{width:100%}.section-header{margin-bottom:40px}.section-header h2{font-size:2rem}.features-grid{gap:24px;grid-template-columns:1fr}.contact-content{gap:40px;grid-template-columns:1fr}.contact-info{text-align:center}.contact-actions{align-items:center;flex-direction:column;gap:16px}}@media (min-width:769px) and (max-width:1024px){.hero-container{gap:40px;padding:100px 24px 60px}.hero-title{font-size:3rem}.features-grid,.products-grid-modern{grid-template-columns:repeat(2,1fr)}.contact-content{gap:40px}}@media (max-width:480px){.container-modern{padding:0 16px}.hero-container{padding:60px 16px 30px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-card{padding:20px}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.feature-card-modern{padding:20px}.feature-card-modern h3{font-size:1.2rem}.feature-card-modern p{font-size:.95rem}.btn-primary-modern,.btn-secondary-modern{padding:14px 24px}}@media (max-width:768px){.btn-outline-modern,.btn-primary-modern,.btn-secondary-modern,.contact-phone{min-height:44px}.hero-video{object-position:center}.contact-modern,.features-modern,.products-modern{padding:60px 0}.feature-card-modern p,.hero-subtitle,.section-header p{margin-left:auto;margin-right:auto;max-width:65ch}.contact-map iframe{height:250px}}:root{--accent:#ff8c00;--accent-dark:#e67e22;--accent-light:#ffce54;--gradient-primary:linear-gradient(135deg,#ff8c00,#e67e22)}.about{background-color:#fff;color:#333;color:var(--text);font-family:Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.about-section{padding:2rem 0;position:relative;transform:translateY(30px)}.about-section,.about-section:before{opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1);transition:var(--transition)}.about-section:before{background:linear-gradient(45deg,#ff8c00 -100%,#0000 50%);background:linear-gradient(45deg,var(--accent) -100%,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.about-section.animate-in{opacity:1;transform:translateY(0)}.about-section.animate-in:before{opacity:.05}.about-section:nth-child(2n){background-color:#fff}.image-container{display:block!important}.image-container:before{background:linear-gradient(45deg,#ff8c00 -100%,#0000 50%)}.image-container img{display:block!important;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}.overlay-content h3{color:#ff8c00}.section-number{background:#f39c121a;border-radius:30px;color:#ff8c00;color:var(--accent);display:inline-block;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;padding:.5rem 1rem;transform:translateZ(20px);transition:all .6s cubic-bezier(.16,1,.3,1);transition:var(--transition)}.animate-in .section-number{animation:numberPop .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes numberPop{0%{opacity:0;transform:scale(.8) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(20px)}}.section-text h2{font-size:2.8rem;line-height:1.2}.section-text h2:after{background:linear-gradient(135deg,#ff8c00,#e67e22);background:var(--gradient-primary);border-radius:2px;height:4px;width:60px}.section-text p{color:#767676;color:var(--text-light);font-size:1.1rem;line-height:1.8}.feature-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.feature-item{align-items:center;animation:slideInFeature .6s ease-out forwards;background:#fff;border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 10px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1rem;opacity:0;padding:1rem;transform:translateX(-10px);transition:all .3s ease;transition:var(--transition-fast)}.animate-in .feature-item:first-child{animation-delay:.8s}.animate-in .feature-item:nth-child(2){animation-delay:1s}.feature-item:hover{box-shadow:0 5px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateX(5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#ff8c00,#e67e22);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.feature-item span{color:#333;color:var(--text);font-weight:500}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:2rem}.stat-box{animation:popInStat .6s ease-out forwards;background:#fff;border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 10px #0000000d;box-shadow:var(--shadow-sm);opacity:0;padding:2rem 1.5rem;text-align:center;transform:scale(.9);transition:all .3s ease;transition:var(--transition-fast)}.animate-in .stat-box:first-child{animation-delay:.8s}.animate-in .stat-box:nth-child(2){animation-delay:1s}.stat-box:hover{box-shadow:0 5px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px) scale(1)}.stat-number{color:#ff8c00;color:var(--accent);display:block;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#767676;color:var(--text-light);font-size:.9rem;font-weight:500}.vision-points{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.vision-point{animation:slideInVision .6s ease-out forwards;background:#fff;border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 10px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;opacity:0;padding:1.5rem;transform:translateY(20px);transition:all .3s ease;transition:var(--transition-fast)}.animate-in .vision-point:first-child{animation-delay:.8s}.animate-in .vision-point:nth-child(2){animation-delay:1s}.animate-in .vision-point:nth-child(3){animation-delay:1.2s}.vision-point:hover{box-shadow:0 5px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.point-icon{align-items:center;background:linear-gradient(135deg,#ffce54,#ff8c00);background:linear-gradient(135deg,var(--accent-light) 0,var(--accent) 100%);border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.point-text h4{color:#1a1a1a;color:var(--primary);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.point-text p{color:#767676;color:var(--text-light);font-size:1rem;margin:0}@keyframes slideInFeature{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes popInStat{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInVision{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.section-content{gap:3rem}.image-container{height:350px}}@media (max-width:900px){.section-content,.section-content.reverse{gap:2rem;grid-template-columns:1fr;min-height:auto}.section-content .section-text,.section-content.reverse .section-text{transform:translateY(20px)}.section-content .section-image,.section-content.reverse .section-image{transform:translateY(20px) scale(.9)}.animate-in .section-image,.animate-in .section-text{transform:translateY(0) scale(1)}.image-container{height:300px}}@media (max-width:768px){.about{padding-top:1rem}.about-section{padding:1.5rem 0}.section-text h2{font-size:2.2rem}.section-text p{font-size:1rem}.image-container{height:250px}.section-1 .section-content,.section-2 .section-content,.section-3 .section-content{display:flex;flex-direction:column}.section-1 .section-content .section-text,.section-2 .section-content .section-text,.section-3 .section-content .section-text{order:-1}}@media (max-width:480px){.about-section{padding:1rem 0}.section-text h2{font-size:1.8rem}.vision-points{gap:1rem}.vision-point{flex-direction:column;padding:1.5rem 1rem;text-align:center}.point-icon{font-size:1.5rem;height:50px;width:50px}.image-container{height:200px}}.about-section,.image-container,.section-image,.section-text{will-change:transform,opacity}.hero-banner{background-color:#edf5ff;margin-top:0;padding:2rem 1rem;position:relative;text-align:center;width:100%}.hero-content{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:center;max-width:1000px}.brand-logo{margin-bottom:0}.brand-logo img{display:block!important;height:auto;width:90px}.brand-text{display:flex;flex-direction:column;text-align:left}.brand-name{color:#176bd3;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:0 0 .5rem}.brand-slogan{color:#4a5568;font-size:1.2rem;font-style:italic;font-weight:400;line-height:1.3;margin:0}.about-section .section-image{opacity:1!important}.about-section .image-container{opacity:1!important;transform:none!important}.about-section .image-container img{opacity:1!important;visibility:visible!important}@media (max-width:768px){.hero-banner{padding:1.5rem 1rem}.hero-content{flex-direction:column;gap:1rem}.brand-text{text-align:center}.brand-logo img{width:70px}.brand-name{font-size:2rem}.brand-slogan{font-size:1rem}}.branding-container,.slogan-container{display:none}.about{padding-top:0}.about-section.section-1{margin-top:0}:root{--accent:#2563eb;--light:#f9f9f9;--transition:all 0.3s ease}.projects-header{width:100%}.products{background-color:#f9f9f9;background-color:var(--light);color:#333;color:var(--text);font-family:Segoe UI,Roboto,sans-serif;padding:0 0 4rem}.products h1{color:#000;font-size:2.5rem;margin-bottom:2rem;padding-bottom:15px;position:relative;text-align:center}.products h1:after{background-color:#2563eb;background-color:var(--accent);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.products p,.products-subtitle{color:#333;color:var(--text);font-size:1.2rem;line-height:1.6;margin-bottom:2rem;text-align:center}.search-container{align-items:center;display:flex;justify-content:center;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:500px;width:100%}.products-search{font-family:Segoe UI,Roboto,sans-serif;width:100%}.search-input{border:2px solid #eaeaea;border-radius:30px 0 0 30px;flex:1 1;font-size:1rem;outline:none;padding:12px 15px;transition:all .3s ease}.search-input:focus{border-color:#2563eb;border-color:var(--accent)}.search-button{background-color:#2563eb;background-color:var(--accent);border:none;border-radius:0 30px 30px 0;color:#fff;cursor:pointer;padding:12px 20px;transition:all .3s ease}.search-button:hover{background-color:#1d4ed8}.search-icon{font-size:1.1rem}@media (max-width:767px){.search-container{max-width:90%}}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:3rem}@media (max-width:767px){.featured{margin-bottom:5px;margin-top:5px}}.product-card{background-color:#fff;border:1px solid #eaeaea;border:1px solid var(--gray);border-radius:8px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.featured{box-shadow:0 8px 25px #00000026;transform:scale(1.1);z-index:2}.featured:hover{box-shadow:0 15px 30px #0000002e;transform:translateY(-5px) scale(1.1)}.featured-badge{background-color:#2563eb;background-color:var(--accent);border-radius:20px;box-shadow:0 3px 10px #0003;color:#fff;font-size:.85rem;font-weight:600;padding:5px 12px;position:absolute;right:15px;top:15px;z-index:3}.product-card img{height:200px;object-fit:cover;width:100%}.featured img{height:220px}.product-card-content{padding:1.5rem}.featured .product-card-content{padding:1.6rem}.product-card h2{font-size:1.4rem;margin-bottom:.5rem}.featured h2,.product-card h2{color:#1a1a1a;color:var(--primary)}.featured h2{font-size:1.5rem;font-weight:700;margin-bottom:.7rem}.product-card p{color:#333;color:var(--text);font-size:1rem;margin-bottom:1.5rem;text-align:left}.featured p{font-size:1.05rem;line-height:1.7}.product-card a{background-color:#2563eb;background-color:var(--accent);border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.5rem 1.2rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.featured a{font-size:1.05rem;padding:.6rem 1.3rem}.product-card a:hover{background-color:#1d4ed8;transform:translateY(-2px)}.highlighted{border:2px solid #2563eb;border:2px solid var(--accent);box-shadow:0 5px 15px #2563eb33}.product-detail{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem;padding:2rem}@media (min-width:768px){.product-detail{flex-direction:row}}.product-main-image{border-radius:8px;box-shadow:0 5px 15px #0000001a;height:auto;max-width:500px;object-fit:cover;width:100%}.product-info{flex:1 1}.product-info h2{color:#1a1a1a;color:var(--primary);font-size:2rem;margin-bottom:1rem;padding-bottom:10px;position:relative}.product-info h2:after{background-color:#2563eb;background-color:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.product-info h3{color:#333;color:var(--secondary);font-size:1.3rem;margin:1.5rem 0 .5rem}.product-info p{font-size:1.05rem;line-height:1.7;margin-bottom:1rem;text-align:left}.product-info ul{margin-bottom:1.5rem;padding-left:1.5rem}.product-info li{color:#333;color:var(--text);font-size:1.1rem;margin-bottom:.5rem;padding-left:5px;position:relative}.product-variants{margin-bottom:3rem}.product-variants h2{color:#1a1a1a;color:var(--primary);font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:10px;position:relative;text-align:center}.product-variants h2:after{background-color:#2563eb;background-color:var(--accent);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.variants-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.variant-card{background-color:#fff;border:1px solid #eaeaea;border:1px solid var(--gray);border-radius:8px;box-shadow:0 3px 10px #0000000d;overflow:hidden;transition:transform .3s ease}.variant-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.variant-card img{height:180px;object-fit:cover;width:100%}.variant-card h3{color:#1a1a1a;color:var(--primary);font-size:1.3rem;padding:1rem 1rem .5rem}.variant-card p{color:#333;color:var(--text);font-size:1rem;padding:0 1rem 1rem;text-align:left}.product-contact{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0000000d;padding:2rem;text-align:center}.product-contact h2{color:#1a1a1a;color:var(--primary);font-size:1.6rem;margin-bottom:1rem}.contact-button{background-color:#2563eb;background-color:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.contact-button:hover{background-color:#1d4ed8;box-shadow:0 8px 25px #00000040;transform:translateY(-3px)}.product-category{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin-bottom:40px;padding:25px}.product-category h2{border-bottom:2px solid #2563eb;border-bottom:2px solid var(--accent);color:#1a1a1a;color:var(--primary);font-size:1.6rem;margin-bottom:20px;padding-bottom:10px}.product-slideshow{align-items:center;display:flex;justify-content:center;margin:0 auto 25px;max-width:600px;position:relative;width:100%}.slideshow-image{border-radius:8px;display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.slideshow-nav{align-items:center;background-color:#ffffffb3;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#1a1a1a;color:var(--primary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:2}.slideshow-nav:hover{background-color:#2563eb;background-color:var(--accent);color:#fff}.slideshow-nav.prev{left:10px}.slideshow-nav.next{right:10px}.product-description{margin:0 auto;max-width:90%}.product-description ul{padding-left:20px}.product-description li{font-size:1.05rem;line-height:1.5;margin-bottom:10px}.product-description strong{color:#1a1a1a;color:var(--primary);font-weight:600}@media (max-width:768px){.slideshow-nav{font-size:1.2rem;height:35px;width:35px}.product-category{padding:15px}.product-description li{font-size:.95rem}}.modern-design{background-color:#f8f9fa;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.product-header{margin-bottom:2rem;padding:2rem 0;position:relative;text-align:center}.product-subtitle{font-size:1.2rem;margin-top:.5rem}.product-hero{border-radius:12px;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;overflow:hidden}.product-hero-image-container{height:400px;overflow:hidden;position:relative;width:100%}.product-hero-image{height:100%;object-fit:cover;transition:transform .8s ease;width:100%}.product-hero-image-container:hover .product-hero-image{transform:scale(1.05)}.product-hero-overlay{align-items:flex-end;background:linear-gradient(180deg,#0003 0,#000000b3);box-sizing:border-box;color:#fff;display:flex;height:100%;left:0;padding:2rem;position:absolute;top:0;width:100%}.product-hero-text h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.product-hero-text p{font-size:1.2rem;line-height:1.6;max-width:600px;text-shadow:0 1px 2px #0003}.product-category-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.category-nav-item{align-items:center;border-radius:50px;box-shadow:0 4px 10px #0000001a;color:#fff;display:flex;font-weight:500;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s ease}.category-nav-item:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-3px)}.category-icon{font-size:1.5rem;margin-right:.5rem}.product-category-modern{background-color:#fff;border-radius:12px;border-top:5px solid;box-shadow:0 8px 25px #00000014;margin-bottom:3rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-category-modern:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.category-header{align-items:center;color:#fff;display:flex;padding:1.5rem}.category-header h2{font-size:1.6rem;margin:0 0 0 .5rem}.category-header .category-icon{font-size:2rem}.product-slideshow-modern{align-items:center;background-color:#f8f9fa;display:flex;padding:1rem;position:relative}.slideshow-container{flex-grow:1;margin:0 auto;max-width:700px;position:relative}.slideshow-image-modern{border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block;height:auto;max-height:450px;object-fit:contain;width:100%}.slideshow-counter{background-color:#000000b3;border-radius:20px;bottom:10px;color:#fff;font-size:.9rem;font-weight:500;padding:5px 10px;position:absolute;right:10px}.slideshow-nav-modern{align-items:center;background-color:#fff;border:none;border-radius:50%;box-shadow:0 4px 10px #0000001a;color:#333;cursor:pointer;display:flex;font-size:1.5rem;height:45px;justify-content:center;margin:0 1rem;transition:all .3s ease;width:45px;z-index:2}.slideshow-nav-modern:hover{box-shadow:0 6px 15px #00000026;transform:scale(1.1)}.slideshow-nav-modern:focus{outline:none}.product-description-modern{padding:1.5rem 2rem 2rem}.product-description-modern ul{margin:0;padding-left:1.5rem}.product-description-modern li{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;position:relative}.product-description-modern li:before{background-color:#2563eb;background-color:var(--accent);border-radius:50%;content:"";height:8px;left:-18px;position:absolute;top:10px;width:8px}.product-description-modern strong{color:#333;font-weight:600}.product-contact-modern{background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #00000014;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.product-contact-modern h2{color:#333;font-size:2rem;margin-bottom:1rem}.product-contact-modern p{color:#666;font-size:1.1rem;margin:0 auto 2rem;max-width:700px}.contact-button-modern{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 15px #2563eb4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.contact-button-modern:hover{background-color:#1d4ed8;box-shadow:0 8px 20px #2563eb66;transform:translateY(-3px)}.contact-button-modern:after{display:none}.ultra-modern{--transition-fast:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--transition-medium:all 0.5s cubic-bezier(0.25,0.8,0.25,1);--transition-slow:all 0.8s cubic-bezier(0.25,0.8,0.25,1);--shadow-small:0 2px 5px #0000001a;--shadow-medium:0 5px 15px #0000001a;--shadow-large:0 10px 30px #0000001f;background-color:#f8f9fa;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.product-header-ultra{margin-bottom:3rem;padding:3rem 0 2rem;position:relative;text-align:center}.product-header-ultra h1{color:#333;display:inline-block;font-size:2.8rem;margin-bottom:.8rem;position:relative}.animated-underline{animation:gradient-shift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#3b82f6,#2563eb);background:linear-gradient(to right,var(--accent),#3b82f6,var(--accent));background-size:200% 100%;height:3px;margin:15px auto 30px;width:100px}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.product-subtitle{color:#666;font-size:1.3rem;font-weight:300}.product-hero-ultra{border-radius:16px;box-shadow:var(--shadow-large);margin-bottom:4rem;opacity:0;overflow:hidden;transform:translateY(30px);transition:var(--transition-medium)}.product-hero-ultra.animate{opacity:1;transform:translateY(0)}.product-hero-image-container-ultra{height:450px;overflow:hidden;position:relative;width:100%}.product-hero-image-ultra{height:100%;object-fit:cover;transition:var(--transition-slow);width:100%}.product-hero-image-container-ultra:hover .product-hero-image-ultra{transform:scale(1.05)}.product-hero-overlay-ultra{align-items:flex-end;background:linear-gradient(180deg,#0000001a 0,#000c);box-sizing:border-box;color:#fff;display:flex;height:100%;left:0;padding:3rem;position:absolute;top:0;width:100%}.product-hero-text-ultra{max-width:650px}.product-hero-text-ultra h2{animation:fade-in-up 1s .3s both;font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.product-hero-text-ultra p{animation:fade-in-up 1s .6s both;font-size:1.3rem;line-height:1.7;margin-bottom:2rem;text-shadow:0 2px 5px #0000004d}.cta-button{animation:fade-in-up 1s .9s both;background-color:#2563eb;background-color:var(--accent);border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:.8rem 1.8rem;text-decoration:none;transition:var(--transition-fast)}.cta-button:hover{background-color:#1d4ed8;box-shadow:0 8px 25px #00000040;transform:translateY(-3px)}.product-category-nav-ultra{background-color:#fff;border-radius:16px;box-shadow:var(--shadow-medium);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:4rem;padding:1.5rem}.category-nav-item-ultra{align-items:center;background-color:#f8f9fa;border:2px solid #0000;border-radius:50px;color:#000;display:flex;font-weight:500;overflow:hidden;padding:.9rem 1.8rem;position:relative;text-decoration:none;transition:var(--transition-fast)}.category-nav-item-ultra:before{background-color:var(--category-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition-fast);z-index:-1}.category-nav-item-ultra:hover{border-color:var(--category-color);box-shadow:0 6px 15px #00000026;color:#fff;transform:translateY(-3px)}.category-nav-item-ultra:hover:after,.category-nav-item-ultra:hover:before{opacity:1}.category-icon-ultra{font-size:1.5rem;margin-right:.8rem}.category-name-ultra{font-size:1.1rem}.product-category-ultra{background-color:#fff;border-radius:16px;border-top:5px solid var(--category-color);box-shadow:var(--shadow-medium);margin-bottom:4rem;overflow:hidden;scroll-margin-top:30px;transform:translateY(0);transition:var(--transition-medium)}.product-category-ultra:hover{box-shadow:var(--shadow-large);transform:translateY(-5px) scale(calc(1 + var(--active)*.01))}.category-header-ultra{align-items:center;background-color:var(--category-color);color:#fff;display:flex;overflow:hidden;padding:1.5rem 2rem;position:relative}.category-header-ultra:after{background:linear-gradient(90deg,#0000,#ffffff1a);content:"";height:100%;position:absolute;right:0;top:0;transform:skewX(-45deg) translateX(100%);transition:var(--transition-slow);width:400px}.product-category-ultra:hover .category-header-ultra:after{transform:skewX(-45deg) translateX(0)}.category-header-ultra h2{font-size:1.6rem;font-weight:600;margin:0 0 0 1rem;text-shadow:0 1px 3px #0003}.category-icon-ultra{filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));font-size:2rem}.product-gallery-ultra{background-color:#f8f9fa;border-bottom:1px solid #eee;padding:1.5rem}.gallery-main-image{background-color:#fff;border-radius:12px;box-shadow:var(--shadow-small);margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.main-showcase-image{cursor:zoom-in;display:block;height:auto;max-height:450px;object-fit:contain;padding:1.5rem;transition:var(--transition-fast);width:100%}.main-showcase-image:hover{transform:scale(1.03)}.gallery-nav,.gallery-nav.next,.gallery-nav.prev{display:none}.image-caption{background-color:#0009;bottom:0;color:#fff;font-size:1rem;font-weight:500;left:0;opacity:0;padding:10px 20px;position:absolute;right:0;text-align:center;transform:translateY(100%);transition:var(--transition-fast)}.gallery-main-image:hover .image-caption{opacity:1;transform:translateY(0)}.gallery-thumbnails{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.thumbnail{border:2px solid #0000;border-radius:5px;cursor:pointer;height:70px;margin:0 5px;overflow:hidden;position:relative;transition:all .3s ease;width:70px}.thumbnail:hover{box-shadow:0 5px 10px #0000001a;transform:translateY(-3px)}.thumbnail.active{border-color:#2563eb;border-color:var(--accent);box-shadow:0 5px 10px #2563eb33}.thumbnail img{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.thumbnail:hover img{transform:scale(1.1)}.thumbnail-active-indicator{display:none}.product-description-ultra{padding:2rem}.product-description-ultra ul{list-style-type:none;margin:0;padding-left:1.5rem}.product-description-ultra li{border-left:3px solid #0000;font-size:1.1rem;line-height:1.6;margin-bottom:.8rem;padding-left:1.5rem;position:relative;transition:var(--transition-fast)}.product-description-ultra li:hover{background-color:#0000000d;background-color:rgba(var(--category-color-rgb,0,0,0),.05);border-left-color:var(--category-color);padding-left:2rem}.product-description-ultra li:before{background-color:var(--category-color);border-radius:50%;content:"";height:12px;left:-10px;position:absolute;top:10px;transform:scale(0);transition:var(--transition-fast);width:12px}.product-description-ultra li:hover:before{transform:scale(1)}.product-description-ultra strong{color:var(--category-color);font-weight:600}.product-contact-ultra{background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #0000000d;margin-top:60px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.product-contact-ultra:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#3b82f6,#2563eb);background:linear-gradient(to right,var(--accent),#3b82f6,var(--accent));content:"";height:5px;left:0;position:absolute;top:0;width:100%}.product-contact-ultra h2{color:#1a1a1a;color:var(--primary);font-size:2rem;margin-bottom:15px}.product-contact-ultra p{color:#767676;color:var(--text-light);font-size:1.1rem;margin:0 auto 30px;max-width:700px}.contact-button-ultra{background-color:#2563eb;background-color:var(--accent);border:none;border-radius:30px;box-shadow:0 5px 15px #2563eb4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 30px;position:relative;transition:all .3s ease}.contact-button-ultra:after{background:linear-gradient(90deg,#0000 0,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.contact-button-ultra:hover{box-shadow:0 8px 20px #2563eb66;transform:translateY(-3px)}.contact-button-ultra:hover:after{left:100%}.lightbox{align-items:center;animation:fade-in .3s forwards;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{animation:scale-in .3s forwards;max-height:90%;max-width:90%;position:relative;transform:scale(.9)}@keyframes scale-in{0%{transform:scale(.9)}to{transform:scale(1)}}.lightbox-content img{border-radius:4px;box-shadow:0 5px 30px #0000004d;display:block;margin:0 auto;max-height:90vh;max-width:100%}.lightbox-close{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:var(--transition-fast);width:50px}.lightbox-close:hover{background-color:#fff6;transform:rotate(90deg)}@media (max-width:1024px){.product-hero-text-ultra h2{font-size:2.5rem}.product-hero-image-container-ultra{height:400px}.product-gallery-ultra{padding:1rem}.gallery-nav{font-size:1.3rem;height:40px;width:40px}.thumbnail{height:70px;width:70px}}@media (max-width:768px){.product-header-ultra h1{font-size:2.2rem}.product-subtitle{font-size:1.1rem}.product-hero-image-container-ultra{height:350px}.product-hero-text-ultra h2{font-size:2rem}.product-hero-text-ultra p{font-size:1.1rem}.category-nav-item-ultra{font-size:.9rem;padding:.7rem 1.4rem}.category-icon-ultra{font-size:1.3rem;margin-right:.5rem}.product-contact-ultra h2{font-size:1.8rem}.product-contact-ultra p{font-size:1rem}.contact-button-ultra{font-size:1.1rem;padding:.8rem 2rem}.thumbnail{height:60px;width:60px}}@media (max-width:576px){.product-hero-image-container-ultra{height:300px}.product-hero-overlay-ultra{padding:1.5rem}.product-hero-text-ultra h2{font-size:1.8rem}.product-hero-text-ultra p{font-size:1rem;margin-bottom:1.5rem}.cta-button{font-size:1rem;padding:.7rem 1.5rem}.gallery-main-image{margin-bottom:.5rem}.gallery-nav{font-size:1.1rem;height:35px;width:35px}.thumbnail{height:50px;width:50px}.product-description-ultra li{font-size:.95rem}}.ogradni-sistemi-page{--surface:#fff;--surface-alt:#f8f9fa;--text-primary:#212529;--text-secondary:#495057;--text-tertiary:#6c757d;--border-light:#00000014;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000017;--shadow-lg:0 16px 48px #0000001f;--brand:var(--accent,#2563eb);--brand-light:#2563eb1a;--brand-medium:#2563eb99;--brand-dark:#1d4ed8;--surface-depth:0;background-color:var(--surface-alt);color-scheme:light;font-family:Montserrat,Segoe UI,Roboto,sans-serif;overflow-x:hidden;position:relative}.ogradni-sistemi-page .main-heading{margin:0 auto;max-width:1200px;opacity:0;padding:5rem 0 3rem;text-align:center;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.ogradni-sistemi-page .main-heading.animate{opacity:1;transform:translateY(0)}.ogradni-sistemi-page .main-heading h1{color:var(--text-primary);font-size:3.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem;position:relative}.ogradni-sistemi-page .main-heading p{color:var(--text-secondary);font-size:1.3rem;font-weight:400;line-height:1.5;margin:0 auto 1.5rem;max-width:800px}.ogradni-sistemi-page .heading-underline{background:linear-gradient(to right,var(--brand),var(--brand-light));border-radius:100px;height:5px;margin:.8rem auto 0;overflow:hidden;position:relative;width:120px}.ogradni-sistemi-page .heading-underline:after{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#fff,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%;opacity:0}20%{opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.ogradni-sistemi-page .hero-content,.ogradni-sistemi-page .hero-content h2,.ogradni-sistemi-page .hero-content p,.ogradni-sistemi-page .hero-image,.ogradni-sistemi-page .hero-image-container,.ogradni-sistemi-page .hero-overlay,.ogradni-sistemi-page .hero-section{display:none}.ogradni-sistemi-page .category-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:8px;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem auto 4rem;max-width:1200px;padding:1.5rem;position:sticky;top:0;z-index:100}.ogradni-sistemi-page .category-nav-item{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;outline:none;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.ogradni-sistemi-page .category-nav-item:before{background:#0000;background:var(--category-gradient,#0000);content:"";height:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:height .3s ease;z-index:0}.ogradni-sistemi-page .category-nav-item:hover{box-shadow:var(--shadow-md);color:var(--brand);color:var(--category-color,var(--brand));transform:translateY(-5px)}.ogradni-sistemi-page .category-nav-item:hover:before{height:5px;opacity:1}.ogradni-sistemi-page .category-nav-item.active{background-color:#fff;border-bottom:3px solid var(--category-color,var(--brand));box-shadow:0 10px 20px #0000001a;color:var(--brand);color:var(--category-color,var(--brand));transform:translateY(-5px)}.ogradni-sistemi-page .category-nav-item.active:before{height:5px;opacity:1}.ogradni-sistemi-page .category-icon{align-items:center;display:inline-flex;justify-content:center;min-width:22px;z-index:1}.ogradni-sistemi-page .category-name{font-size:1.1rem;z-index:1}.ogradni-sistemi-page .category-nav.scrolled{background-color:#fffffffa;box-shadow:var(--shadow-md)}.ogradni-sistemi-page .product-category{background-color:#fff;border-radius:12px;box-shadow:var(--shadow-md);margin:0 auto 5rem;max-width:1200px;opacity:0;overflow:hidden;scroll-margin-top:100px;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.ogradni-sistemi-page .product-category.visible{opacity:1;transform:translateY(0)}.ogradni-sistemi-page .product-category.active{box-shadow:0 15px 40px #00000026;transform:translateY(-5px) scale(1.02)}.ogradni-sistemi-page .category-header{background:linear-gradient(to right,rgba(var(--brand),.05),rgba(var(--brand),.1));background:linear-gradient(to right,rgba(var(--category-color,var(--brand)),.05),rgba(var(--category-color,var(--brand)),.1));background-color:#fff;border-bottom:1px solid var(--border-light);padding:2.5rem 2rem;text-align:center}.ogradni-sistemi-page .category-header h2{color:var(--brand);color:var(--category-color,var(--brand));font-size:2.2rem;font-weight:700;margin-bottom:.75rem}.ogradni-sistemi-page .category-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:700px}.ogradni-sistemi-page .gallery-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;padding:2rem}@media (min-width:768px){.ogradni-sistemi-page .gallery-container{grid-template-columns:3fr 1fr;padding:3rem}}.ogradni-sistemi-page .gallery-main{aspect-ratio:16/9;background-color:#f8f9fa;border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.ogradni-sistemi-page .main-image{cursor:pointer;height:100%;object-fit:contain;object-position:center;transition:transform .5s ease;width:100%}.ogradni-sistemi-page .gallery-main:hover .main-image{transform:scale(1.05)}.ogradni-sistemi-page .image-info{align-items:center;background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;opacity:0;padding:1rem;position:absolute;transition:opacity .3s ease;width:100%}.ogradni-sistemi-page .gallery-main:hover .image-info{opacity:1}.ogradni-sistemi-page .image-counter{align-items:center;display:flex;font-size:1rem;font-weight:600}.ogradni-sistemi-page .image-counter .current{color:#fff;font-size:1.25rem}.ogradni-sistemi-page .image-counter .separator{margin:0 .35rem;opacity:.7}.ogradni-sistemi-page .image-counter .total{opacity:.7}.ogradni-sistemi-page .image-caption{font-size:.9rem;opacity:.9}.ogradni-sistemi-page .gallery-thumbnails{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:400px;overflow-y:auto;padding-right:.5rem}.ogradni-sistemi-page .thumbnail{aspect-ratio:1;border-radius:8px;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.ogradni-sistemi-page .thumbnail img{height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;width:100%}.ogradni-sistemi-page .thumbnail:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.ogradni-sistemi-page .thumbnail:hover img{transform:scale(1.1)}.ogradni-sistemi-page .thumbnail.active{box-shadow:0 8px 16px #00000026;transform:scale(1.1);z-index:1}.ogradni-sistemi-page .thumbnail-active-indicator{animation:slideInRight .3s ease forwards;background:var(--brand);background:var(--category-color,var(--brand));bottom:0;height:4px;left:0;position:absolute;transform-origin:left;width:100%}@keyframes slideInRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ogradni-sistemi-page .product-specs{padding:0 2rem 3rem}.ogradni-sistemi-page .product-specs h3{color:var(--text-primary);display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;position:relative}.ogradni-sistemi-page .product-specs h3:after{background-color:var(--brand);background-color:var(--category-color,var(--brand));border-radius:3px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.ogradni-sistemi-page .product-specs ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;padding:0}.ogradni-sistemi-page .product-specs li{background-color:var(--surface-alt);border-radius:8px;color:var(--text-secondary);font-size:1rem;line-height:1.4;padding:1rem 1rem 1rem 2rem;position:relative;transition:all .3s ease}.ogradni-sistemi-page .product-specs li:before{background-color:var(--brand);background-color:var(--category-color,var(--brand));border-radius:50%;content:"";height:8px;left:.75rem;position:absolute;top:1.1rem;width:8px}.ogradni-sistemi-page .product-specs li:hover{background-color:#fff;box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateX(5px)}.ogradni-sistemi-page .contact-section{background-color:#fff;border-radius:12px;box-shadow:var(--shadow-md);margin:0 auto 5rem;max-width:1000px;overflow:hidden;padding:3rem;position:relative;text-align:center;z-index:1}.ogradni-sistemi-page .contact-section:before{background:linear-gradient(to right,var(--brand),var(--brand-dark));content:"";height:6px;left:0;position:absolute;top:0;width:100%;z-index:1}.ogradni-sistemi-page .contact-section h2{color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}.ogradni-sistemi-page .contact-section p{color:var(--text-secondary);font-size:1.15rem;line-height:1.6;margin:0 auto 2rem;max-width:700px}.ogradni-sistemi-page .contact-button{background:linear-gradient(135deg,var(--brand),var(--brand-dark));border-radius:50px;box-shadow:0 5px 15px #2563eb4d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease}.ogradni-sistemi-page .contact-button:hover{box-shadow:0 8px 25px #2563eb66;transform:translateY(-5px)}.ogradni-sistemi-page .contact-button:after{background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transform:scale(.5);transition:transform .4s ease,opacity .4s ease;width:200%}.ogradni-sistemi-page .contact-button:hover:after{opacity:1;transform:scale(1)}.ogradni-sistemi-page .lightbox{align-items:center;animation:fadeIn .3s ease forwards;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:9999}@keyframes fadeIn{to{opacity:1}}.ogradni-sistemi-page .lightbox-content{animation:scaleIn .3s ease forwards;max-height:90%;max-width:90%;position:relative;transform:scale(.9)}@keyframes scaleIn{to{transform:scale(1)}}.ogradni-sistemi-page .lightbox-content img{border-radius:4px;box-shadow:0 5px 30px #0000004d;max-height:90vh;max-width:100%;object-fit:contain}.ogradni-sistemi-page .lightbox-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:-40px;transition:all .3s ease;width:36px}.ogradni-sistemi-page .lightbox-close:hover{background:#ffffff4d;transform:rotate(90deg)}@media (max-width:1024px){.ogradni-sistemi-page .main-heading h1{font-size:2.8rem}.ogradni-sistemi-page .hero-content h2{font-size:2.4rem}.ogradni-sistemi-page .category-header h2{font-size:2rem}}@media (max-width:768px){.ogradni-sistemi-page .main-heading{padding:3rem 1rem 2rem}.ogradni-sistemi-page .main-heading h1{font-size:2.4rem}.ogradni-sistemi-page .hero-section{height:50vh}.ogradni-sistemi-page .hero-content h2{font-size:2rem}.ogradni-sistemi-page .hero-content p{font-size:1.1rem}.ogradni-sistemi-page .category-nav{margin:1rem auto 3rem;padding:1rem}.ogradni-sistemi-page .category-nav-item{padding:.75rem 1rem;width:calc(50% - .5rem)}.ogradni-sistemi-page .gallery-thumbnails{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.ogradni-sistemi-page .product-specs ul{grid-template-columns:1fr}.ogradni-sistemi-page .contact-section{padding:2rem 1.5rem}.ogradni-sistemi-page .contact-section h2{font-size:1.8rem}}@media (max-width:576px){.ogradni-sistemi-page .main-heading h1{font-size:2rem}.ogradni-sistemi-page .main-heading p{font-size:1.1rem}.ogradni-sistemi-page .hero-content h2{font-size:1.7rem}.ogradni-sistemi-page .hero-content p{font-size:1rem}.ogradni-sistemi-page .category-nav-item{width:100%}.ogradni-sistemi-page .category-header h2{font-size:1.7rem}.ogradni-sistemi-page .contact-button{width:100%}}.product-card-new{height:260px;max-height:260px;min-height:260px}.product-image-container{display:flex;flex:1 1 auto;height:100%;min-height:0}.product-card-new img{display:block}.product-card-new img,.product-card-new[href="/products/metizni-izdeliya"] img{object-position:center}.product-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.product-card-new:hover .product-overlay{opacity:1}.product-button{background-color:#2563ebe6;border:2px solid #fff;border-radius:30px;box-shadow:0 4px 12px #2563eb4d;color:#fff;font-size:15px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 30px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.25,.8,.25,1);z-index:1}.product-button:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;transition:width .4s cubic-bezier(.25,.8,.25,1);width:0;z-index:-1}.product-card-new:hover .product-button{background-color:#2563eb;border-color:#fff;box-shadow:0 8px 25px #2563eb80;transform:scale(1.1)}.product-card-new:hover .product-button:before{width:100%}.product-card-new:hover .product-button{color:#2563eb;font-weight:700}.product-card-new.featured{box-shadow:0 8px 20px #00000026;transform:scale(1.05)}.product-card-new.featured:hover{box-shadow:0 15px 30px #0003;transform:scale(1.1)}.product-text-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.product-overlay-text{background:none;border:none;font-size:1.8rem;font-weight:800;letter-spacing:1px;margin:0;padding:20px;position:relative;text-align:center;text-transform:uppercase;transform:translateY(0);transition:all .3s ease;z-index:2}.overlay-gradient .product-overlay-text{color:#fff;text-shadow:1px 1px 3px #000c,0 0 8px #2563eb99}.overlay-neon .product-overlay-text{color:#fff;text-shadow:1px 1px 3px #000c,0 0 8px #00bcd499}.overlay-metallic .product-overlay-text{color:#fff;text-shadow:1px 1px 3px #000c,0 0 8px #9e9e9e99}.overlay-glass .product-overlay-text{color:#fff;text-shadow:1px 1px 3px #000c,0 0 8px #6c757d99}.overlay-shadow .product-overlay-text{color:#fff;text-shadow:1px 1px 3px #000c,0 0 8px #6610f299}.overlay-steel .product-overlay-text{color:#fff;text-shadow:1px 1px 3px #000c,0 0 8px #343a4099}.overlay-construction .product-overlay-text{color:#fff;text-shadow:1px 1px 3px #000c,0 0 8px #ffc10799}.product-card-new:hover .product-image-container img{transform:scale(1.1)}.product-card-new:hover .product-overlay-text{text-shadow:2px 2px 4px #000000e6,0 0 12px #ffffffb3;text-shadow:2px 2px 4px #000000e6,0 0 12px var(--glow-color,#ffffffb3);transform:translateY(-3px) scale(1.02)}.product-card-new:hover .overlay-gradient .product-overlay-text{--glow-color:#2563ebcc}.product-card-new:hover .overlay-neon .product-overlay-text{--glow-color:#00bcd4cc}.product-card-new:hover .overlay-metallic .product-overlay-text{--glow-color:#9e9e9ecc}.product-card-new:hover .overlay-glass .product-overlay-text{--glow-color:#6c757dcc}.product-card-new:hover .overlay-shadow .product-overlay-text{--glow-color:#6610f2cc}.product-card-new:hover .overlay-steel .product-overlay-text{--glow-color:#343a40cc}.product-card-new:hover .overlay-construction .product-overlay-text{--glow-color:#ffc107cc}.product-card-new:hover .product-overlay{z-index:3}@media (max-width:768px){.product-overlay-text{font-size:1.4rem;padding:15px}}@media (max-width:480px){.product-overlay-text{font-size:1.2rem;padding:10px}}.modern-design .navbar .logo-title,.modern-design .navbar .navbar-logo,.ogradni-sistemi-page .navbar .logo-title,.ogradni-sistemi-page .navbar .navbar-logo,.products .navbar .logo-title,.products .navbar .navbar-logo,.ultra-modern .navbar .logo-title,.ultra-modern .navbar .navbar-logo,[class*=product] .navbar .logo-title,[class*=product] .navbar .navbar-logo{color:#333!important;text-shadow:none!important}.modern-design .navbar .logo-subtitle,.ogradni-sistemi-page .navbar .logo-subtitle,.products .navbar .logo-subtitle,.ultra-modern .navbar .logo-subtitle,[class*=product] .navbar .logo-subtitle{color:#555!important;text-shadow:none!important}.modern-design .navbar .nav-link,.ogradni-sistemi-page .navbar .nav-link,.products .navbar .nav-link,.ultra-modern .navbar .nav-link,[class*=product] .navbar .nav-link{color:#333!important;text-shadow:none!important}.modern-design .navbar .nav-link:hover,.ogradni-sistemi-page .navbar .nav-link:hover,.products .navbar .nav-link:hover,.ultra-modern .navbar .nav-link:hover,[class*=product] .navbar .nav-link:hover{color:#1a73e8!important}.modern-design .navbar .hamburger span,.ogradni-sistemi-page .navbar .hamburger span,.products .navbar .hamburger span,.ultra-modern .navbar .hamburger span,[class*=product] .navbar .hamburger span{background:#333!important}.modern-design .navbar.scrolled .logo-title,.modern-design .navbar.scrolled .navbar-logo,.ogradni-sistemi-page .navbar.scrolled .logo-title,.ogradni-sistemi-page .navbar.scrolled .navbar-logo,.products .navbar.scrolled .logo-title,.products .navbar.scrolled .navbar-logo,.ultra-modern .navbar.scrolled .logo-title,.ultra-modern .navbar.scrolled .navbar-logo,[class*=product] .navbar.scrolled .logo-title,[class*=product] .navbar.scrolled .navbar-logo{color:#333!important;text-shadow:none!important}.modern-design .navbar.scrolled .logo-subtitle,.ogradni-sistemi-page .navbar.scrolled .logo-subtitle,.products .navbar.scrolled .logo-subtitle,.ultra-modern .navbar.scrolled .logo-subtitle,[class*=product] .navbar.scrolled .logo-subtitle{color:#555!important;text-shadow:none!important}.modern-design .navbar.scrolled .nav-link,.ogradni-sistemi-page .navbar.scrolled .nav-link,.products .navbar.scrolled .nav-link,.ultra-modern .navbar.scrolled .nav-link,[class*=product] .navbar.scrolled .nav-link{color:#333!important;text-shadow:none!important}.modern-design .navbar.scrolled .nav-link:hover,.ogradni-sistemi-page .navbar.scrolled .nav-link:hover,.products .navbar.scrolled .nav-link:hover,.ultra-modern .navbar.scrolled .nav-link:hover,[class*=product] .navbar.scrolled .nav-link:hover{color:#1a73e8!important}.modern-design .navbar.scrolled .hamburger span,.ogradni-sistemi-page .navbar.scrolled .hamburger span,.products .navbar.scrolled .hamburger span,.ultra-modern .navbar.scrolled .hamburger span,[class*=product] .navbar.scrolled .hamburger span{background:#333!important}@media (max-width:768px){.products{padding:0 0 2rem}.products h1{font-size:1.8rem;margin-bottom:1.5rem}.products-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.ogradni-card{order:1}.metizni-card{order:2}.mrezhi-card{order:3}.armaturni-card{order:4}.trubi-card{order:5}.fiksatori-card{order:6}.kofrazhi-card{order:7}.drugi-card{order:8}.armaturna-stomana-card{order:9}.armopaketi-card{order:10}.product-card-new.featured{box-shadow:0 2px 8px #0000001a;scale:1;transform:none}.product-card-new.featured:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px) scale(1)}.product-card-new{height:auto;margin:0}.product-image-container{height:250px}.product-overlay-text{font-size:1.2rem;padding:.5rem 1rem}.product-button{font-size:.9rem;padding:.5rem 1rem}.featured-badge{font-size:.8rem;padding:4px 10px}.search-container{margin-bottom:1.5rem;max-width:100%;padding:0 1rem}.product-detail{flex-direction:column;padding:1rem}.product-main-image{margin-bottom:1rem;width:100%}.product-info{width:100%}}@media (min-width:769px) and (max-width:1024px){.products-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.product-image-container{height:280px}}@media (max-width:480px){.products h1{font-size:1.5rem}.product-image-container{height:200px}.product-overlay-text{font-size:1rem}.product-button{font-size:.8rem;padding:.4rem .8rem}.featured-badge{font-size:.7rem;padding:3px 8px}}.product-card-new{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.product-image-container{overflow:hidden;position:relative;width:100%}.product-card-new img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}@media (max-width:768px){.nav-link,.product-button,.product-card-new,[role=button],button{min-height:44px;min-width:44px}.products-grid>*+*{margin-top:1rem}}.product-overlay-modern{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.product-card-new:hover .product-overlay-modern{opacity:1;z-index:3}.product-cta{background:#fff;border-radius:8px;color:#0f172a;font-weight:600;padding:12px 24px;transform:translateY(20px);transition:transform .3s ease}.product-card-new:hover .product-cta{transform:translateY(0)}.product-button.product-cta{background-color:#fff;border:none;border-radius:8px;box-shadow:none;color:#0f172a;font-weight:600;letter-spacing:normal;padding:12px 24px;text-transform:none;transform:translateY(20px);transition:transform .3s ease}.product-card-new:hover .product-button.product-cta{background-color:#fff;box-shadow:none;color:#0f172a;transform:translateY(0)}.product-button.product-cta:before{display:none}.product-overlay.product-overlay-modern{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0006;opacity:0;transition:opacity .3s ease}.product-button.product-cta{border:none!important;border-radius:8px!important;letter-spacing:normal!important;padding:12px 24px!important;text-transform:none!important;transform:translateY(20px)!important;transition:transform .3s ease!important}.product-button.product-cta,.product-card-new:hover .product-button.product-cta{background-color:#fff!important;box-shadow:none!important;color:#0f172a!important;font-weight:600!important}.product-card-new:hover .product-button.product-cta{transform:translateY(0)!important}.product-button.product-cta:before{display:none!important}:root{--primary:#1a1a1a;--secondary:#333;--accent:#06c;--accent-dark:#0052a3;--accent-light:#4d94ff;--light:#fff;--gray:#eaeaea;--text:#333;--text-light:#767676;--gradient-primary:linear-gradient(135deg,#06c,#0052a3);--gradient-dark:linear-gradient(135deg,#232526,#414345);--shadow-sm:0 2px 10px #0000000d;--shadow-md:0 5px 20px #0000001a;--shadow-lg:0 10px 30px #00000026;--shadow-xl:0 20px 40px #0000001a;--radius:12px;--transition:all 0.6s cubic-bezier(0.16,1,0.3,1);--transition-fast:all 0.3s ease}.projects{background-color:#fff;color:#333;color:var(--text);font-family:Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;padding-top:0}.container{margin:0 auto;max-width:1200px;padding:0 20px}.project-section{padding:2rem 0;position:relative;transform:translateY(30px)}.project-section,.project-section:before{opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1);transition:var(--transition)}.project-section:before{background:linear-gradient(45deg,#06c -100%,#0000 50%);background:linear-gradient(45deg,var(--accent) -100%,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.project-section.animate-in{opacity:1;transform:translateY(0)}.project-section.animate-in:before{opacity:.05}.project-section:nth-child(2n){background-color:#fff}.section-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;min-height:400px;position:relative;z-index:1}.section-content.reverse{direction:rtl}.section-content.reverse>*{direction:ltr}.section-image{opacity:0;position:relative;transition:all .6s cubic-bezier(.16,1,.3,1);transition:var(--transition);transition-delay:.2s}.section-1 .section-image{transform:translateX(100px) scale(.9)}.section-2 .section-image,.section-3 .section-image{transform:translateX(-100px) scale(.9)}.animate-in .section-image{opacity:1;transform:translateX(0) scale(1)}.image-container{background-color:#f7f7f7;border-radius:12px;border-radius:var(--radius);box-shadow:0 20px 40px #0000001a;box-shadow:var(--shadow-xl);height:350px;overflow:hidden;perspective:1000px;position:relative;transform-style:preserve-3d;width:100%}.image-container,.image-container:before{transition:all .6s cubic-bezier(.16,1,.3,1);transition:var(--transition)}.image-container:before{background:linear-gradient(45deg,#06c -100%,#0000 50%);background:linear-gradient(45deg,var(--accent) -100%,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:translateZ(20px);z-index:2}.image-container:hover:before{opacity:.15;transform:translateZ(30px)}.image-container:hover{box-shadow:0 30px 60px #00000026;transform:translateY(-10px) scale(1.02) rotateX(2deg)}.image-container img{height:100%;object-fit:contain;opacity:0;padding:10px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%}.image-container img.loaded{opacity:1}.image-container:hover img{transform:scale(1.05) translateZ(10px)}.image-overlay{background:linear-gradient(0deg,#000c 0,#0006 50%,#0000);bottom:0;color:#fff;left:0;opacity:0;padding:2rem;position:absolute;right:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1);transition:var(--transition);z-index:3}.image-container:hover .image-overlay{opacity:1;transform:translateY(0)}.overlay-content h3{color:#06c;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.overlay-content p{font-size:1rem;margin:0;opacity:.9}.section-text{opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1);transition:var(--transition);transition-delay:.4s}.section-1 .section-text{transform:translateX(100px) translateY(20px)}.section-2 .section-text{transform:translateX(-100px) translateY(20px)}.section-3 .section-text{transform:translateX(100px) translateY(20px)}.animate-in .section-text{opacity:1;transform:translateX(0) translateY(0)}.text-content{max-width:500px;perspective:1000px;transform-style:preserve-3d}.section-text h2{color:#1a1a1a;color:var(--primary);display:inline-block;font-size:2rem;font-weight:700;margin-bottom:1.5rem;position:relative}.section-text h2:after{background:#06c;background:var(--accent);bottom:-10px;content:"";height:3px;left:0;position:absolute;transition:width .5s ease;width:50px}.section-text:hover h2:after{width:100%}.section-text p{color:#333;color:var(--text);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.project-links{margin-top:1.5rem}.project-btn{background-color:#06c;background-color:var(--accent);border:none;border-radius:30px;box-shadow:0 5px 15px #0066cc4d;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.8rem 1.8rem;text-decoration:none;transition:all .3s ease;transition:var(--transition-fast)}.project-btn:hover{background-color:#0052a3;background-color:var(--accent-dark);box-shadow:0 7px 20px #06c6;transform:translateY(-2px)}.projects-footer{background:#fff;margin-top:2rem;padding:3rem 2rem;text-align:center}.projects-footer p{color:#333;color:var(--text);font-size:1.2rem;margin:0 auto;max-width:700px}.projects-header{background:linear-gradient(135deg,#0066cc0d,#0066cc26)}.projects-header h1{color:#1a1a1a;color:var(--primary)}.project-section.section-1{padding-top:.5rem}.hero-banner{display:none}@media (max-width:1100px){.section-content{gap:2rem}.image-container{height:300px}}@media (max-width:900px){.section-2 .section-content,.section-3 .section-content,.section-content{gap:2rem;grid-template-columns:1fr}.section-2 .section-content .section-text,.section-3 .section-content .section-text,.section-content .section-text{order:1}.section-2 .section-content .section-image,.section-3 .section-content .section-image,.section-content .section-image{order:2}.animate-in .section-text,.section-2 .animate-in .section-text,.section-3 .animate-in .section-text{transform:translateX(0) translateY(0)}.image-container{height:350px}}@media (max-width:768px){.projects{padding-top:0}.project-section{padding:2rem 0}.section-text h2{font-size:1.8rem}.section-text p{font-size:.95rem}.image-container{height:280px}.projects-header h1{font-size:1.9rem}.brand-text{margin-top:.5rem}.brand-logo img{width:80px}.brand-name{font-size:2.5rem}}@media (max-width:480px){.project-section{padding:1.5rem 0}.section-text h2{font-size:1.6rem}.image-container{height:230px}.projects-header h1{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.image-container:hover img{transform:none}}.image-loader{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#f7f7f7 50%,#f0f0f0);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes loading{0%{background-position:0 0}to{background-position:-200% 0}}.project-section:nth-of-type(3) .image-container img{object-position:center;padding:20px}.project-section:nth-of-type(4) .image-container img{background-color:#fff;object-position:center}.project-section:nth-of-type(5) .image-container img{padding:15px}.project-section:nth-of-type(6) .image-container img{background-color:#fff;padding:20px}.contact{min-height:100vh;overflow-x:hidden;width:100%}.projects-header{background:#e8f1f8;padding:2rem 0;text-align:center}.projects-header h1{color:#000;font-size:2.3rem;font-weight:800;margin:0;text-transform:uppercase}@media (max-width:768px){.projects-header h1{font-size:1.9rem}}@media (max-width:480px){.projects-header h1{font-size:1.6rem}}.contact .hero-section{align-items:center;background:#edf5ff;color:#333;display:flex;height:15vh;justify-content:center;overflow:hidden;padding-left:0;position:relative;text-align:center}.contact .hero-section:before{display:none}.contact .hero-content{animation:fade-in-up .8s ease-out;padding:0;position:static;text-align:center;width:100%;z-index:1}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact .hero-content h1{color:#176bd3;font-size:2.4rem;font-weight:700;letter-spacing:1px;margin-bottom:.4rem}.contact .hero-content p{color:#e2e8f0;font-size:1.1rem;font-weight:400;text-shadow:1px 1px 4px #0000004d}.contact .main-content{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background-blend-mode:overlay;background-image:url(/static/media/steel.7bc5fbbee3661297172b.webp),linear-gradient(135deg,#f8fafcf7,#e2e8f0f7);background-position:50%,50%;background-size:cover,cover;min-height:85vh;padding:1rem 0;position:relative}.contact .main-content:before{background:linear-gradient(45deg,#1e3a8a08,#1d4ed80f 50%,#3b82f608);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.contact .container{height:100%;margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.contact-layout-compact{grid-gap:1.5rem;align-items:stretch;animation:slide-in .6s ease-out .2s both;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title-compact{border-bottom:3px solid #2563eb;color:#1e293b;font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin:0 0 1rem;padding-bottom:.4rem;position:relative}.section-title-compact:after{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:30%}.maps-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #2563eb14;border-radius:12px;box-shadow:0 10px 30px #2563eb1f;display:flex;flex-direction:column;height:100%;padding:1.2rem;transition:all .3s ease}.maps-section:hover{box-shadow:0 15px 40px #2563eb2e;transform:translateY(-2px)}.maps-compact{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.interactive-map-compact{border-radius:10px;box-shadow:0 6px 16px #2563eb26;overflow:hidden;transition:all .3s ease}.interactive-map-compact:hover{box-shadow:0 8px 20px #2563eb33;transform:translateY(-1px)}.interactive-map-compact iframe{border:none;border-radius:10px;height:170px;width:100%}.waze-compact{align-items:center;background:#3cf;border:2px solid #0000;border-radius:10px;display:flex;flex-direction:column;height:170px;justify-content:center;overflow:hidden;padding:0;position:relative;text-decoration:none;transition:all .3s ease}.waze-compact:before{background:linear-gradient(135deg,#0000000d,#0003);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.waze-compact:hover{border-color:#2563eb;box-shadow:0 8px 25px #2563eb33;transform:translateY(-3px)}.waze-compact:hover:before{opacity:1}.waze-img-container{align-items:center;display:flex;height:calc(100% - 30px);justify-content:center;left:0;position:absolute;top:0;width:100%}.waze-img{height:70%;object-fit:contain;position:relative;width:70%;z-index:1}.waze-text{bottom:10px;color:#fff;font-size:1rem;font-weight:600;position:absolute;text-align:center;text-shadow:0 1px 3px #00000080;width:100%;z-index:2}.address-info{background:#2563eb08;border-left:4px solid #2563eb;border-radius:8px;margin-top:0;padding:.8rem}.address-info p{color:#475569;font-size:.85rem;line-height:1.4;margin:.3rem 0}.address-info p:first-child{color:#1e293b;font-weight:600}.address-main-text{display:block;width:100%}.address-main-text strong{font-weight:600}@media (max-width:768px){.address-info{border-left:none;border-top:4px solid #2563eb;justify-content:center;margin-left:auto;margin-right:auto;max-width:90%;padding:1rem}.address-container,.address-info{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.address-info p{margin:.5rem 0;text-align:center;width:100%}.address-main-text{text-align:center!important;width:100%}.address-main-text strong{display:inline-block}.address-main-text strong,.address-note{text-align:center;width:100%}}.address-note{color:#64748b;font-size:.8rem;font-style:italic}.transport-section{background:#fffffff2;border:2px solid #2563eb26;border-radius:12px;margin-top:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.transport-section:before{background:linear-gradient(90deg,#2563eb,#3b82f6);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.transport-section:hover{background:#fff;border-color:#2563eb40;box-shadow:0 8px 25px #2563eb33;transform:translateY(-2px)}.transport-title{border-bottom:2px solid #2563eb1a;color:#000!important;font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin:0 0 1rem;padding-bottom:.5rem;text-align:center}.transport-title:before{content:"🚛 ";font-size:2.2rem}.transport-info{display:flex;flex-direction:column;gap:.8rem}.transport-info p{color:#000;font-size:1.1rem;font-weight:600;line-height:1.5;margin:0;text-align:center}.transport-info p:first-child{color:#000;font-size:1.3rem;font-weight:700;margin-bottom:.8rem}.transport-contact{color:#000;font-size:1.1rem;font-weight:600;margin-top:.5rem;text-align:center}.contact-info-compact{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #2563eb14;border-radius:12px;box-shadow:0 10px 30px #2563eb1f;display:flex;flex-direction:column;height:100%;padding:1.2rem;transition:all .3s ease}.contact-info-compact:hover{box-shadow:0 15px 40px #2563eb2e;transform:translateY(-2px)}.contact-item-horizontal{align-items:flex-start;background:linear-gradient(135deg,#2563eb05,#3b82f60d);border:1px solid #0000;border-radius:10px;display:flex;gap:1.2rem;justify-content:space-between;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.contact-item-horizontal:before{background:linear-gradient(180deg,#2563eb,#3b82f6);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.contact-item-horizontal:hover{background:linear-gradient(135deg,#2563eb0f,#3b82f61a);border-color:#2563eb33;box-shadow:0 6px 20px #2563eb26;transform:translateY(-2px)}.contact-item-horizontal:hover:before{opacity:1}.transport-horizontal{background:linear-gradient(135deg,#2563eb14,#3b82f61f);border:2px dashed #2563eb}.contact-label{flex:1 1}.contact-label strong{color:#1e293b;font-size:1.15rem;font-weight:700;letter-spacing:.3px;line-height:1.2}.contact-info-right{flex:1 1;text-align:right}.contact-info-right p{color:#1e293b;font-size:.95rem;font-weight:500;line-height:1.4;margin:.3rem 0}.contact-info-right p:first-child{color:#2563eb;font-weight:600}.email-link{background:linear-gradient(135deg,#2563eb0d,#3b82f614);border:1px solid #0000;border-radius:6px;color:#2563eb;cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin:.3rem 0;overflow:visible;padding:.5rem .8rem;position:relative;text-decoration:none;transition:all .3s ease;-webkit-user-select:text;user-select:text;word-break:break-word}.email-link:before{background:linear-gradient(180deg,#2563eb,#3b82f6);content:"";height:100%;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;width:3px}.email-link:hover{background:linear-gradient(135deg,#2563eb1f,#3b82f626);border-color:#2563eb4d;box-shadow:0 4px 12px #2563eb33;transform:translateX(-3px)}.email-link:hover:before{opacity:1}.email-link:focus{outline:2px solid #2563eb;outline-offset:2px}.social-media-section{border-top:2px solid #2563eb1a;margin-top:auto;padding-top:1.2rem}.social-media-section h3{color:#1e293b;font-size:1rem;font-weight:600;letter-spacing:.3px;margin:0 0 .8rem}.social-simple{display:flex;gap:.8rem}.social-btn{background:#2563eb;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;gap:.5rem;padding:.7rem 1rem;transition:all .3s ease}.social-btn:before{transition:left .5s ease}.social-btn:hover{box-shadow:0 8px 25px #2563eb66;transform:translateY(-3px)}.facebook-btn{background:linear-gradient(135deg,#1877f2,#4267b2)}.facebook-btn:hover{background:linear-gradient(135deg,#166fe5,#365899);box-shadow:0 8px 25px #1877f266}.instagram-btn{background:linear-gradient(135deg,#e1306c,#fd5949,#fccc63)}.instagram-btn:hover{background:linear-gradient(135deg,#d12456,#fc4438,#fbba4c);box-shadow:0 8px 25px #e1306c66}.team-section-compact{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #2563eb14;border-radius:12px;box-shadow:0 10px 30px #2563eb1f;display:flex;flex-direction:column;height:100%;padding:1.2rem;transition:all .3s ease}.team-section-compact:hover{box-shadow:0 15px 40px #2563eb2e;transform:translateY(-2px)}.team-member-horizontal{align-items:flex-start;background:#fffffff2;border-radius:8px;display:flex;gap:1.2rem;justify-content:space-between;margin-bottom:.5rem;overflow:visible;padding:1rem;position:relative;transition:all .3s ease;width:100%}.team-member-horizontal:before{background:linear-gradient(180deg,#2563eb,#3b82f6);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.team-member-horizontal:hover{background:linear-gradient(135deg,#2563eb0f,#3b82f61a);border-color:#2563eb33;box-shadow:0 6px 20px #2563eb26;transform:translateY(-2px)}.team-member-horizontal:hover:before{opacity:1}.member-name-role{flex:1 1}.member-name-role h3{color:#1e293b;font-size:1.15rem;font-weight:700;letter-spacing:.3px;line-height:1.2;margin:0}.member-name-role .role{color:#2563eb;font-size:.9rem;font-style:italic;font-weight:500;margin:.3rem 0 0}.member-contacts-right{flex:1 1;overflow:visible;text-align:right;word-break:break-word}.member-contacts-right p:first-child{color:#2563eb;font-weight:600}@media screen and (max-width:1200px){.contact-layout-compact{gap:1.2rem;grid-template-columns:1fr 1fr}.team-section-compact{grid-column:1/-1;margin-top:1.5rem}.team-grid-new{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}.team-member-horizontal{align-items:flex-start;flex-direction:column;gap:.6rem}.member-contacts-right{text-align:left}.contact-item-horizontal{align-items:flex-start;flex-direction:column;gap:.6rem}.contact-info-right{text-align:left}}@media screen and (max-width:768px){.contact-layout-compact{display:flex;flex-direction:column;gap:1rem;grid-template-columns:1fr}.team-section-compact{order:1}.contact-info-compact{order:2}.maps-section{order:3}.contact .hero-section{height:12vh;justify-content:center;padding:0}.contact .hero-content{position:static;text-align:center;width:100%}.contact .hero-content h1{font-size:1.8rem;text-align:center}.contact .hero-content p{font-size:1rem}.contact .main-content{min-height:88vh;padding:1rem 0}.section-title-compact{font-size:1.2rem;text-align:center}.contact-info-compact,.maps-section,.team-section-compact{padding:1rem}.transport-section{margin-top:1rem;padding:1.2rem}.transport-title{font-size:1.8rem}.transport-info p{font-size:1rem}.transport-info p:first-child{font-size:1.1rem}.transport-contact{font-size:1rem}.maps-compact{grid-template-columns:1fr}.waze-compact{height:auto;min-height:120px;padding:.75rem}.waze-img-container{height:100%;position:relative;width:100%}.waze-img{height:auto!important;max-width:50%!important;position:relative;width:50%!important}.waze-text{bottom:10px;color:#fff;font-size:1.2rem;font-weight:600;left:0;position:absolute;right:0;text-align:center;text-shadow:0 1px 3px #00000080}.team-member-horizontal{flex-direction:column;padding:1rem}.member-contacts-right{margin-top:.5rem;text-align:left}.contact-item-horizontal{flex-direction:column;padding:1rem}.contact-info-right{margin-top:.5rem}.social-simple{flex-direction:column;gap:.5rem}.social-btn{padding:.8rem;width:100%}}@media screen and (max-width:576px){.contact .hero-section{height:10vh;padding-left:0}.contact .hero-content{left:30px}.contact .hero-content h1{font-size:1.8rem;letter-spacing:.5px}.contact .hero-content p{font-size:.95rem}.contact .main-content{min-height:90vh;padding:.8rem 0}.section-title-compact{font-size:1.1rem}.contact-info-compact,.maps-section,.team-section-compact{border-radius:10px;padding:.8rem}.transport-section{margin-top:.8rem;padding:1rem}.transport-title{font-size:2.6rem}.transport-info p{font-size:.95rem}.transport-info p:first-child{font-size:1rem}.transport-contact{font-size:.9rem}.interactive-map-compact iframe{height:120px}.waze-compact{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:120px;padding:.5rem}.waze-img-container{height:100%;margin-bottom:.2rem}.waze-img{height:auto;max-width:50%;width:50%}.member-name-role h3{font-size:1rem}.member-contacts-right p,.member-name-role .role{font-size:.85rem}.contact-label strong{font-size:1rem}.contact-info-right p{font-size:.85rem}.email-link{font-size:.8rem;padding:.4rem .6rem}.social-btn{font-size:.8rem;padding:.6rem .8rem}.contact-item-horizontal,.team-member-horizontal{padding:.7rem}}@media (max-width:768px){.contact-layout-compact{display:flex;flex-direction:column;gap:1rem;grid-template-columns:1fr}.team-section-compact{order:1}.contact-info-compact{order:2}.maps-section{order:3}.contact .hero-section{height:12vh;padding:0 1rem}.contact .hero-content{left:1rem}.contact .hero-content h1{font-size:1.8rem}.maps-compact{grid-template-columns:1fr}.interactive-map-compact iframe{height:200px}.waze-compact{height:auto;min-height:120px;padding:.75rem}.team-member-horizontal{flex-direction:column;padding:1rem}.member-contacts-right{margin-top:.5rem;text-align:left}.contact-item-horizontal{flex-direction:column;padding:1rem}.contact-info-right{margin-top:.5rem}.social-simple{flex-direction:column;gap:.5rem}.social-btn{padding:.8rem;width:100%}}@media (min-width:769px) and (max-width:1024px){.contact-layout-compact{grid-template-columns:1fr 1fr}.maps-section{grid-column:1/-1}.maps-compact{grid-template-columns:2fr 1fr}}@media (max-width:480px){.contact .hero-content h1{font-size:1.5rem}.section-title-compact{font-size:1.2rem}.member-name-role h3{font-size:1.1rem}.member-name-role .role{font-size:.9rem}.contact-label strong{font-size:1rem}.contact-info-right p,.email-link,.social-btn{font-size:.9rem}}@media (max-width:768px){.contact-item-horizontal,.social-btn,.team-member-horizontal,.waze-compact{min-height:44px}.contact-info-compact,.maps-section,.team-section-compact{padding:1rem}input,select,textarea{font-size:16px;margin-bottom:1rem;padding:.8rem;width:100%}.contact-info-compact,.maps-section,.team-section-compact{margin-bottom:1rem}.waze-img{height:100%!important;margin:0;max-height:none;max-width:100%!important;width:100%!important}}.phone-link{color:#2563eb;display:inline-block;position:relative;text-decoration:none;transition:color .2s ease;white-space:nowrap}.phone-link:focus,.phone-link:hover{color:#1e40af;text-decoration:underline}.email-text{color:#2563eb;white-space:nowrap}.team-grid-new{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr}.member-contacts-right p{color:#1e293b;font-size:.9rem;font-weight:500;line-height:1.4;margin:.2rem 0;white-space:nowrap}@media screen and (max-width:768px){.waze-img-container{height:100%;position:relative;width:100%}.waze-img{height:auto!important;max-width:50%!important;position:relative;width:50%!important}}:root{--text-primary:#0f172a;--border-light:#e2e8f0}.contact2{background:linear-gradient(135deg,#fff,#f8fafc 50%,#e2e8f0);background:linear-gradient(135deg,var(--bg-primary) 0,#f8fafc 50%,#e2e8f0 100%);color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-top:80px}.main-modern{max-width:1200px;padding:2rem 1rem;padding:var(--space-2xl) var(--space-lg)}.contact-grid{grid-gap:1rem;grid-gap:var(--space-lg);gap:1rem;gap:var(--space-lg);margin-bottom:2rem}.contact-card{background:#ffffffd9;border:2px solid #e2e8f0;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--space-xl);transition:.3s ease}@media screen and (max-width:767px){.contact2{padding-top:70px}.main-modern{padding:1rem;padding:var(--space-lg)}.contact-grid{grid-template-columns:1fr}.contact-card{grid-column:span 1}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZ9hiA.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hiA.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-orange-400:#fb923c;--color-orange-500:#f59e0b;--color-orange-600:#d97706;--color-red-500:#3b82f6;--color-red-600:#2563eb;--color-red-700:#1d4ed8;--color-green-500:#10b981;--color-green-600:#059669;--bg-primary:#fff;--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--bg-overlay:#ffffff1a;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-accent:var(--color-primary-600);--text-on-primary:#fff;--border-light:var(--color-gray-200);--border-medium:var(--color-gray-300);--border-primary:var(--color-primary-200);--border-primary-hover:var(--color-primary-300);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.6;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-primary:0 3px 15px #3b82f626;--shadow-primary-lg:0 15px 30px #3b82f633;--focus-ring:0 0 0 3px var(--color-primary-200);--focus-ring-offset:2px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--container-max-width:1200px;--grid-columns:12;--grid-gap:var(--space-lg);--grid-gap-sm:var(--space-md)}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--color-gray-900);--bg-secondary:var(--color-gray-800);--bg-tertiary:var(--color-gray-700);--bg-card:#1e293bd9;--bg-card-hover:#1e293bf2;--bg-overlay:#0003;--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-accent:var(--color-primary-400);--text-on-primary:var(--color-gray-900);--border-light:var(--color-gray-700);--border-medium:var(--color-gray-600);--border-primary:var(--color-primary-700);--border-primary-hover:var(--color-primary-600);--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;--shadow-primary:0 3px 15px #3b82f64d;--shadow-primary-lg:0 15px 30px #3b82f666;--focus-ring:0 0 0 3px var(--color-primary-600)}}.dark-mode{--bg-primary:var(--color-gray-900);--bg-secondary:var(--color-gray-800);--bg-tertiary:var(--color-gray-700);--bg-card:#1e293bd9;--bg-card-hover:#1e293bf2;--bg-overlay:#0003;--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-accent:var(--color-primary-400);--text-on-primary:var(--color-gray-900);--border-light:var(--color-gray-700);--border-medium:var(--color-gray-600);--border-primary:var(--color-primary-700);--border-primary-hover:var(--color-primary-600);--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;--shadow-primary:0 3px 15px #3b82f64d;--shadow-primary-lg:0 15px 30px #3b82f666;--focus-ring:0 0 0 3px var(--color-primary-600)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible:focus{box-shadow:0 0 0 3px #bfdbfe;box-shadow:var(--focus-ring);outline:none;outline-offset:2px;outline-offset:var(--focus-ring-offset)}@media (prefers-contrast:high){:root{--border-light:var(--color-gray-400);--border-medium:var(--color-gray-500);--shadow-sm:0 2px 4px 0 #0000004d;--shadow-md:0 4px 8px 0 #0000004d}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-normal:0s;--transition-slow:0s}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}.contact2{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);color:var(--text-primary);font-family:var(--font-family-sans);min-height:100vh;overflow-x:hidden;padding-top:0;position:relative;width:100%}.contact2:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--border-light);content:"";height:80px;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:998}.hero-dark{align-items:flex-end;background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);color:#fff;display:flex;height:160px;margin-bottom:var(--space-xl);margin-top:0;overflow:hidden;padding-bottom:0;padding-top:80px;position:relative;width:100%}.hero-dark:before{background:radial-gradient(circle at 30% 20%,#3b82f633 0,#0000 60%),radial-gradient(circle at 70% 80%,#93c5fd26 0,#0000 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--space-lg) var(--space-lg) var(--space-lg);position:relative;text-align:center;width:100%;z-index:2}.hero-dark h1{color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;text-shadow:2px 2px 4px #0000004d}.hero-dark p{color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin:0}.animated-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.floating-shapes{height:100%;position:relative;width:100%}.shape{animation:float 40s linear infinite;background:linear-gradient(45deg,#3b82f60a,#93c5fd14);border-radius:var(--radius-full);position:absolute}.shape-1{animation-delay:0s;height:80px;left:-2%;top:20%;width:80px}.shape-2{animation-delay:-15s;height:50px;right:-2%;top:70%;width:50px}.shape-3{animation-delay:-25s;height:30px;left:95%;top:45%;width:30px}@keyframes float{0%{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.1;transform:translateY(-15px) rotate(180deg)}to{opacity:.3;transform:translateY(0) rotate(1turn)}}.mouse-follower{background:radial-gradient(circle,var(--color-primary-500),var(--color-primary-300));border-radius:var(--radius-full);height:6px;mix-blend-mode:multiply;opacity:.5;pointer-events:none;position:fixed;transition:var(--transition-fast);width:6px;z-index:9999}.main-modern{margin:0 auto;max-width:var(--container-max-width);padding:var(--space-xl) var(--space-lg);position:relative;z-index:1}.section-header{margin-bottom:var(--space-lg);text-align:center}.section-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-sm) 0}.contact-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(12,1fr);margin-bottom:var(--space-2xl)}.contact-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;grid-column:span 3;outline:none;overflow:hidden;padding:var(--space-lg);position:relative}.contact-card,.contact-card:before{transition:var(--transition-normal)}.contact-card:before{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.contact-card.active:before,.contact-card:hover:before{opacity:.4}.contact-card.active,.contact-card:focus,.contact-card:hover{border-color:var(--border-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.contact-card:focus{box-shadow:var(--focus-ring),var(--shadow-lg)}.card-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;height:36px;justify-content:center;margin-bottom:var(--space-md);position:relative;width:36px;z-index:2}.card-icon .icon-emoji{filter:grayscale(1) brightness(0) invert(1);font-size:16px}.card-content{position:relative;z-index:2}.card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-md) 0}.contact-methods{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-method{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-primary);display:flex;font-size:var(--font-size-xs);gap:var(--space-sm);padding:var(--space-sm);text-decoration:none;transition:var(--transition-normal)}.contact-method:focus,.contact-method:hover{background:var(--color-primary-50);border-color:var(--border-primary);box-shadow:var(--shadow-sm);transform:translateX(2px)}.contact-method:focus{box-shadow:var(--focus-ring);outline:none}.contact-method.primary{background:var(--color-primary-50);border-color:var(--border-primary)}.method-icon{flex-shrink:0;font-size:var(--font-size-sm)}.method-details{flex:1 1}.method-label{color:var(--text-secondary);display:block;font-size:10px;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.method-value{color:var(--text-primary);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.location-info{display:flex;flex-direction:column;gap:var(--space-md)}.address{align-items:flex-start;display:flex;gap:var(--space-sm)}.address-icon{color:var(--text-accent);flex-shrink:0;font-size:var(--font-size-sm);margin-top:2px}.address-details{flex:1 1}.address-main{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:2px}.address-detail{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.nav-btn,.navigation-buttons{display:flex;gap:var(--space-xs)}.nav-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-size:10px;font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-sm);text-decoration:none;transition:var(--transition-normal)}.map-icon-img{height:24px;object-fit:contain;width:24px}.nav-btn.google span{font-size:200%}.nav-btn:focus,.nav-btn:hover{background:var(--color-primary-50);border-color:var(--border-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.nav-btn:focus{box-shadow:var(--focus-ring);outline:none}.nav-btn.google:hover{border-color:#4285f4;box-shadow:0 2px 8px #4285f433}.nav-btn.waze{background:#3cf;border-color:#00a6d6;color:#fff}.nav-btn.waze:hover{background:#00a6d6;border-color:#09c;box-shadow:0 2px 8px #33ccff4d;color:#fff}.nav-btn.waze:focus{box-shadow:0 0 0 3px #33ccff80;color:#fff}.transport-message{align-items:flex-start;background:var(--color-orange-50);border:2px solid var(--color-orange-200);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-md)}.transport-icon{color:var(--color-orange-500);flex-shrink:0;font-size:var(--font-size-lg)}.transport-text{flex:1 1}.transport-title{color:var(--color-orange-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:2px}.transport-subtitle{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.map-section{margin-bottom:var(--space-2xl)}.map-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);transition:var(--transition-normal)}.map-container:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.map-container iframe{border:0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:200px;width:100%}.team-section{margin-bottom:var(--space-2xl)}.team-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.team-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);outline:none;overflow:hidden;position:relative;transition:var(--transition-normal)}.team-card:focus,.team-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px) rotateY(1deg)}.team-card:focus{box-shadow:var(--focus-ring),var(--shadow-lg)}.team-card-inner{padding:var(--space-lg);position:relative;z-index:2}.team-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-on-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:56px;justify-content:center;margin:0 auto var(--space-md);width:56px}.avatar-initial{text-shadow:1px 1px 2px #0003}.team-info{margin-bottom:var(--space-md);text-align:center}.team-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-xs) 0}.team-role{color:var(--color-primary-600);font-size:var(--font-size-sm);font-style:italic;font-weight:var(--font-weight-medium);margin:0}.team-contacts{flex-direction:column}.team-contact,.team-contacts{display:flex;gap:var(--space-sm)}.team-contact{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm);text-decoration:none;transition:var(--transition-normal)}.team-contact:focus,.team-contact:hover{background:var(--color-primary-50);border-color:var(--border-primary);box-shadow:var(--shadow-sm);transform:translateX(2px)}.team-contact:focus{box-shadow:var(--focus-ring);outline:none}.contact-icon{flex-shrink:0;font-size:var(--font-size-sm)}.team-card-glow{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));bottom:0;height:2px;left:0;opacity:.6;position:absolute;transition:var(--transition-normal);width:100%}.team-card:hover .team-card-glow{height:100%;opacity:.03}.social-section{margin-bottom:var(--space-xl)}.social-buttons{gap:var(--space-md);margin:0 auto;max-width:500px}.social-btn,.social-buttons{display:flex;justify-content:center}.social-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1 1;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-sm);overflow:hidden;padding:var(--space-lg);position:relative;text-decoration:none;transition:var(--transition-normal)}.social-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-slow);width:100%}.social-btn:hover:before{left:100%}.social-text{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.social-btn.facebook{background:#1877f2;border-color:#1565c0;color:#fff}.social-btn.facebook:focus,.social-btn.facebook:hover{background:#1565c0;box-shadow:0 8px 20px #1877f24d;transform:translateY(-3px)}.social-btn.facebook:focus{box-shadow:0 0 0 3px #1877f280,0 8px 20px #1877f24d;outline:none}.social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#bc1888;color:#fff}.social-btn.instagram:focus,.social-btn.instagram:hover{background:linear-gradient(45deg,#e6683c,#dc2743 25%,#cc2366 50%,#bc1888 75%,#8a3ab9);box-shadow:0 8px 20px #e1306c4d;transform:translateY(-3px)}.social-btn.instagram:focus{box-shadow:0 0 0 3px #e1306c80,0 8px 20px #e1306c4d;outline:none}.social-icon-bg{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:80px}.social-icon{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.social-content{flex:1 1;text-align:left}.social-name{color:#fff;display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:2px}.social-handle{color:#fffc;display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.social-arrow{color:#fff;flex-shrink:0;font-size:var(--font-size-base);opacity:.8;transition:var(--transition-normal)}.social-btn:hover .social-arrow{opacity:1;transform:translateX(2px)}@media screen and (min-width:992px){.contact-card{grid-column:span 3}}@media screen and (max-width:991px) and (min-width:768px){.contact-card{grid-column:span 6}.main-modern{padding:var(--space-lg)}.social-buttons{flex-direction:column;max-width:350px}}@media screen and (max-width:767px){.contact2{padding-top:0}.contact2:before{height:70px}.hero-dark{height:130px;margin-bottom:var(--space-lg);margin-top:0;padding-top:70px}.hero-content{padding:0 var(--space-md) var(--space-md) var(--space-md)}.hero-dark h1{font-size:var(--font-size-xl)}.main-modern{padding:var(--space-md)}.contact-grid{gap:var(--space-sm);grid-template-columns:1fr}.contact-card{grid-column:span 1;padding:var(--space-md)}.team-grid{gap:var(--space-sm);grid-template-columns:1fr}.social-buttons{flex-direction:column;gap:var(--space-sm)}.navigation-buttons{flex-direction:column;gap:var(--space-xs)}.section-header h2{font-size:var(--font-size-xl)}.shape{display:none}.map-container iframe{height:180px}}@media screen and (max-width:480px){.hero-dark{height:110px;padding-top:70px}.hero-content{padding:0 var(--space-sm) var(--space-sm) var(--space-sm)}.hero-dark h1{font-size:var(--font-size-lg)}.contact-card,.map-container,.team-card-inner{padding:var(--space-sm)}.card-title{font-size:var(--font-size-base)}.section-header h2{font-size:var(--font-size-lg)}.main-modern{padding:var(--space-sm)}}@media (prefers-color-scheme:dark){.contact2:before{background:#0f172af2;border-bottom-color:var(--color-gray-700)}.card-icon .icon-emoji{filter:grayscale(1) brightness(0) invert(1)}.nav-btn.waze{background:#09c;border-color:#007aa3;color:#fff}.nav-btn.waze:hover{background:#007aa3;border-color:#006b8a;color:#fff}}.dark-mode .contact2:before{background:#0f172af2;border-bottom-color:var(--color-gray-700)}.dark-mode .card-icon .icon-emoji{filter:grayscale(1) brightness(0) invert(1)}.dark-mode .nav-btn.waze{background:#09c;border-color:#007aa3;color:#fff}.dark-mode .nav-btn.waze:hover{background:#007aa3;border-color:#006b8a;color:#fff}@media (prefers-contrast:high){.contact-card,.map-container,.social-btn,.team-card{border-width:3px}.nav-btn.waze{background:#06c;color:#fff}}@media (prefers-reduced-motion:reduce){.shape{animation:none}.mouse-follower{display:none}}.footer{background-color:#1a1a1a;bottom:0;color:#fff;left:0;margin-bottom:0;padding:2rem 0 0;position:relative;right:0;width:100%}.footer-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.footer-section h3{color:#ff8c00;font-size:1.2rem;margin-bottom:1rem}.footer-section p{color:#ccc;line-height:1.6;margin-bottom:.3rem}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-item{align-items:center;color:#ccc;display:flex;gap:8px;padding:5px 0;text-decoration:none;transition:all .3s ease}.contact-item:hover{color:#ff8c00;transform:translateX(3px)}.contact-icon{align-items:center;display:flex;font-weight:600;min-width:70px}.contact-item.phone{background-color:initial;border:1px solid #333;border-radius:4px;margin:5px 0;padding:8px 12px;transition:all .3s ease}.contact-item.phone:hover{background-color:#ff8c001a;border-color:#ff8c00;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.3rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#ff8c00}.social-links{display:flex;gap:1rem}.social-links.centered{align-items:center;display:flex;flex-direction:column;gap:.8rem}.social-links a{color:#ccc;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#ff8c00}.social-icon{align-items:center;background-color:initial;border-radius:50%;display:inline-flex;height:45px;justify-content:center;padding:5px;text-decoration:none!important;transition:all .3s ease;width:45px}.social-icon:hover{box-shadow:0 4px 15px #0003;transform:translateY(-3px) scale(1.1)}.social-icon-img{border-radius:50%;height:100%;object-fit:contain;transition:all .3s ease;width:100%}.social-icon:hover .social-icon-img{filter:brightness(1.1)}.map-icon-img{height:24px!important;margin-right:8px;object-fit:contain!important;transition:all .3s ease;width:24px!important}.map-button.google-maps:before,.map-button.waze:before{content:none}@media screen and (max-width:768px){.map-button{justify-content:center;padding:10px}.map-icon-img{height:24px!important;width:24px!important}.contact-info{align-items:center}.contact-item{justify-content:flex-start;max-width:300px;width:80%}}.map-links{display:flex;flex-direction:column;gap:.8rem;margin-top:.3rem}.map-button{align-items:center;background-color:#1a1a1a;border:none;border-radius:0;color:#ccc;display:flex;font-weight:500;min-width:160px;padding:6px 10px;text-decoration:none;transition:all .2s ease}.map-button:hover{background-color:#2c2c2c;color:#ff8c00}.map-emoji{color:#ccc;font-size:1.3rem}.map-button:hover .map-emoji{color:#ff8c00}.google-maps{background-color:#1a1a1a}.google-maps:hover{background-color:#2c2c2c}.waze{background-color:#1a1a1a}.waze:hover{background-color:#2c2c2c}.footer-bottom{background:#1a1a1a;border-top:1px solid #333;margin-top:2rem;padding:1rem 0;text-align:center}.footer-logo{filter:brightness(0) invert(1);height:auto;margin-bottom:.8rem;max-width:200px}.footer-bottom p{color:#ccc;font-size:.9rem;margin-bottom:0;padding-bottom:0}@media screen and (max-width:768px){.footer{padding:1.5rem 0 0}.footer-container{gap:1rem;grid-template-columns:1fr;text-align:center}.footer-logo{max-width:150px}.social-links{justify-content:center}.map-links{align-items:center}.map-button{max-width:300px;width:80%}.footer-bottom{margin-top:1.5rem;padding:.8rem 0}.address-in-map-section{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:300px;text-align:center;width:80%}.address-text-container{text-align:center;width:100%}.address-text-container span{display:inline-block;text-align:center;width:100%}.address-wrapper{display:flex;justify-content:center;width:100%}}.address-section{display:flex;flex-direction:column;width:100%}.address-wrapper{display:flex;justify-content:center;margin-bottom:15px;order:1;width:100%}.maps-wrapper{order:2}.address-in-map-section{align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:4px;display:flex;flex-direction:column;padding:8px 12px;text-align:center;transition:all .3s ease;width:100%}.address-in-map-section:hover{background-color:#ff8c001a;border-color:#ff8c00;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.address-in-map-section .contact-icon{margin-bottom:5px}.address-text-container{text-align:center;width:100%}.address-text-container span{display:inline-block;text-align:center;width:100%}@media screen and (max-width:768px){.address-wrapper{display:flex;justify-content:center;width:100%}.address-in-map-section{margin:0 auto;max-width:300px;width:80%}.address-in-map-section,.address-text-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.address-text-container{width:100%}.address-text-container span{display:block;text-align:center;width:100%}}
/*# sourceMappingURL=main.713449a8.css.map*/