:root{--green:#b6d63c;--green-dark:#78931d;--dark:#17211d;--dark-2:#202c26;--text:#34413b;--muted:#75817b;--light:#f5f7f5;--border:#e2e8e4;--white:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}img{max-width:100%;height:auto}a{transition:all .25s ease}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.section-label{display:inline-block;margin-bottom:15px;color:#81908a;font-size:11px;font-weight:800;letter-spacing:2px}.final-cta-content .section-label{color:var(--green)}@media (max-width:1000px){.turnkey-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.container{width:min(100% - 30px,1180px)}.turnkey-section{padding:75px 0}.turnkey-grid{grid-template-columns:1fr}}:root{--dark:#17211d;--dark-2:#202c26;--green:#b6d63c;--green-light:#eaf2c9;--green-dark:#718b19;--text:#202b25;--muted:#5f6c64;--white:#ffffff;--border:#e3e9e5;--background:#f4f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",Arial,sans-serif;background:var(--background) !important;color:var(--text)}.sun-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;border-radius:22px;background:rgba(182,214,60,.12);color:var(--green);font-size:31px;animation:floatingSun 3s ease-in-out infinite}@keyframes floatingSun{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes resultAppear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}:root{--sv-dark:#17211d;--sv-dark-2:#203029;--sv-green:#b6d63c;--sv-green-dark:#78931d;--sv-text:#202b25;--sv-muted:#5f6c64;--sv-border:#e4e9e6}.sv-logo{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:var(--sv-dark);text-decoration:none}.sv-sun-core{position:relative;z-index:2;width:23px;height:23px;border-radius:50%;background:linear-gradient( 135deg,#d8f267,#8eae22 );box-shadow:0 0 0 5px rgba(182,214,60,.10),0 0 18px rgba(182,214,60,.45);animation:svSunPulse 3s ease-in-out infinite}@keyframes svSunPulse{0%,100%{box-shadow:0 0 0 5px rgba(182,214,60,.10),0 0 18px rgba(182,214,60,.35)}50%{box-shadow:0 0 0 8px rgba(182,214,60,.07),0 0 28px rgba(182,214,60,.55)}}.sv-menu{display:flex;align-items:center;gap:30px;height:100%}.sv-phone-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(182,214,60,.12);color:var(--sv-green)}.sv-phone-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width:1050px){.sv-menu{gap:12px}}@media (max-width:850px){.sv-menu{position:absolute;top:70px;left:15px;right:15px;height:auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--sv-border);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 20px 50px rgba(23,33,29,.14);backdrop-filter:blur(15px)}.sv-menu.open{display:flex;animation:svMenuOpen .25s ease forwards}@keyframes svMenuOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:480px){.sv-sun-core{width:21px;height:21px}}@media (max-width:850px){.sv-menu{position:absolute;top:calc(100%+10px);left:15px;right:15px;z-index:10000;display:none;height:auto;padding:10px;flex-direction:column;align-items:stretch;gap:5px;border:1px solid #e1e7e3;border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 20px 50px rgba(23,33,29,.16);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.sv-menu.open{display:flex;animation:svMobileMenuOpen .22s ease-out}@keyframes svMobileMenuOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}.sv-logo{display:flex;align-items:center;gap:13px;color:#17211d;text-decoration:none}@keyframes svSunEnergy{0%,100%{transform:scale(1);box-shadow:0 0 0 7px rgba(182,214,60,.10),0 0 24px rgba(182,214,60,.40)}45%{transform:scale(1.10);box-shadow:0 0 0 10px rgba(182,214,60,.08),0 0 38px rgba(182,214,60,.72)}60%{transform:scale(1.04);box-shadow:0 0 0 8px rgba(182,214,60,.09),0 0 30px rgba(182,214,60,.55)}}@keyframes svEnergyBeam{0%,100%{opacity:.35;transform:scaleX(.72);box-shadow:0 0 4px rgba(182,214,60,.15)}35%{opacity:.75;transform:scaleX(.88);box-shadow:0 0 8px rgba(182,214,60,.35)}52%{opacity:1;transform:scaleX(1.08);box-shadow:0 0 12px rgba(182,214,60,.65)}70%{opacity:.65;transform:scaleX(.94);box-shadow:0 0 7px rgba(182,214,60,.30)}}@media (max-width:480px){.sv-logo{gap:9px}}.sv-slider{--sv-green:#8bc900;--sv-green-dark:#6ea600;--sv-dark:#18211c;position:relative;width:100%;height:min(680px,calc(100vh - 120px));min-height:520px;overflow:hidden;background:#18211c}.sv-slides{position:absolute;inset:0}.sv-slide{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .8s ease,visibility .8s ease}.sv-slide.active{opacity:1;visibility:visible;z-index:2}.sv-slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s cubic-bezier(.2,.7,.2,1)}.sv-slide.active .sv-slide-image{transform:scale(1)}.sv-slide-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient( 90deg,rgba(7,19,11,.88) 0%,rgba(7,19,11,.68) 32%,rgba(7,19,11,.30) 62%,rgba(7,19,11,.08) 100% )}.sv-slide-overlay::after{content:"";position:absolute;inset:0;background:linear-gradient( 0deg,rgba(5,15,8,.45),transparent 45% )}.sv-slide .container{position:relative;z-index:3;height:100%;display:flex;align-items:center}.sv-slide-content{max-width:680px;padding-bottom:45px;color:#fff}.sv-slide-label{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#b7e95a;font-size:13px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;opacity:0;transform:translateY(20px)}.sv-slide.active .sv-slide-label{animation:svSlideUp .7s .15s cubic-bezier(.2,.7,.2,1) forwards}.sv-sun-mini{position:relative;width:11px;height:11px;display:inline-block;border-radius:50%;background:var(--sv-green);box-shadow:0 0 15px rgba(139,201,0,.9)}.sv-sun-mini::before{content:"";position:absolute;inset:-5px;border:1px solid rgba(139,201,0,.55);border-radius:50%;animation:svMiniSun 2s infinite}.sv-slide h1{margin:0 0 18px;max-width:700px;color:#fff;font-size:clamp(22px,3vw,45px);line-height:1.03;font-weight:800;letter-spacing:-2.8px;opacity:0;transform:translateY(35px)}.sv-slide h1 span{display:inline;color:#a9df32}.sv-slide.active h1{animation:svSlideUp .8s .25s cubic-bezier(.2,.7,.2,1) forwards}.sv-slide h2{margin:0 0 18px;max-width:700px;color:#fff;font-size:clamp(42px,5vw,70px);line-height:1.03;font-weight:800;letter-spacing:-2.8px;opacity:0;transform:translateY(35px)}.sv-slide h2 span{display:inline;color:#a9df32}.sv-slide.active h2{animation:svSlideUp .8s .25s cubic-bezier(.2,.7,.2,1) forwards}.sv-slide p{max-width:610px;margin:0 0 27px;color:rgba(255,255,255,.88);font-size:16px;line-height:1.7;font-weight:400;opacity:0;transform:translateY(30px)}.sv-slide.active p{animation:svSlideUp .8s .38s cubic-bezier(.2,.7,.2,1) forwards}.sv-slide-buttons{display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(25px)}.sv-slide.active .sv-slide-buttons{animation:svSlideUp .8s .5s cubic-bezier(.2,.7,.2,1) forwards}.sv-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 23px;color:#fff;background:linear-gradient( 135deg,#94d313,#71ad00 );border-radius:11px;text-decoration:none;font-size:14px;font-weight:750;box-shadow:0 12px 30px rgba(139,201,0,.25);transition:transform .25s ease,box-shadow .25s ease}.sv-btn-primary i{transition:transform .25s ease}.sv-btn-primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 17px 35px rgba(139,201,0,.38)}.sv-btn-primary:hover i{transform:translateX(4px)}.sv-btn-light{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 21px;color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.30);border-radius:11px;text-decoration:none;font-size:14px;font-weight:650;backdrop-filter:blur(8px);transition:background .25s ease,border-color .25s ease,transform .25s ease}.sv-btn-light:hover{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.55);transform:translateY(-3px)}.sv-slider-controls{position:absolute;z-index:10;left:0;right:0;bottom:0;padding:0 0 28px}.sv-controls-inner{display:flex;align-items:center;gap:20px}.sv-dots{display:flex;align-items:center;gap:9px}.sv-dot{position:relative;width:38px;height:4px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.30);overflow:hidden;cursor:pointer;transition:width .3s ease,background .3s ease}.sv-dot span{position:absolute;left:0;top:0;bottom:0;width:0;background:#a9df32;border-radius:inherit}.sv-dot.active{width:65px;background:rgba(255,255,255,.30)}.sv-dot.active span{animation:svDotProgress 5s linear forwards}.sv-progress{width:100px;height:1px;background:rgba(255,255,255,.20)}.sv-progress-bar{width:0;height:100%;background:rgba(255,255,255,.65)}.sv-arrows{display:flex;gap:7px;margin-left:auto}.sv-arrow{width:43px;height:43px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.25);border-radius:50%;backdrop-filter:blur(8px);cursor:pointer;transition:background .25s ease,transform .25s ease,border-color .25s ease}.sv-arrow:hover{color:#fff;background:var(--sv-green);border-color:var(--sv-green);transform:translateY(-2px)}.sv-slider-glow{position:absolute;z-index:2;width:500px;height:500px;left:-250px;bottom:-400px;border-radius:50%;background:radial-gradient( circle,rgba(139,201,0,.25),transparent 68% );pointer-events:none}@keyframes svSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes svDotProgress{from{width:0}to{width:100%}}@keyframes svMiniSun{0%,100%{transform:scale(.8);opacity:.4}50%{transform:scale(1.25);opacity:0}}@media (max-width:991.98px){.sv-slider{height:570px;min-height:570px}.sv-slide-overlay{background:linear-gradient( 90deg,rgba(7,19,11,.88),rgba(7,19,11,.40) )}.sv-slide-content{max-width:610px;padding:0 15px 45px}.sv-slide h1{font-size:clamp(40px,7vw,58px)}.sv-slide p{font-size:15px;line-height:1.6}}@media (max-width:575.98px){.sv-slider{height:650px;min-height:650px}.sv-slide-image{object-position:63% center}.sv-slide-overlay{background:linear-gradient( 180deg,rgba(7,19,11,.40) 0%,rgba(7,19,11,.62) 35%,rgba(7,19,11,.92) 100% )}.sv-slide .container{align-items:flex-end}.sv-slide-content{width:100%;max-width:100%;padding:0 15px 90px}.sv-slide-label{margin-bottom:13px;font-size:11px;letter-spacing:1.4px}.sv-slide h1{margin-bottom:15px;font-size:42px;line-height:1.04;letter-spacing:-1.8px}.sv-slide p{margin-bottom:20px;font-size:14px;line-height:1.55}.sv-slide-buttons{flex-wrap:wrap;gap:8px}.sv-btn-primary,.sv-btn-light{min-height:47px;padding:0 17px;font-size:13px}.sv-slider-controls{padding:0 15px 17px}.sv-controls-inner{gap:12px}.sv-progress{display:none}.sv-dot{width:25px}.sv-dot.active{width:45px}.sv-arrow{width:38px;height:38px;font-size:13px}}@media (prefers-reduced-motion:reduce){.sv-slide-image,.sv-slide,.sv-slide-content,.sv-slide-label,.sv-slide h1,.sv-slide p,.sv-slide-buttons,.sv-dot span{animation:none !important;transition:none !important}}.sv-stats{position:relative;padding:75px 0 80px;background:#fff;overflow:hidden}.sv-stats::before{content:"";position:absolute;width:500px;height:500px;top:-300px;right:-200px;border-radius:50%;background:radial-gradient( circle,rgba(139,201,0,.07),transparent 70% );pointer-events:none}.sv-stat-card{position:relative;height:100%;min-height:255px;padding:27px 27px 25px;background:#fff;border:1px solid #e9eee8;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(26,45,27,.045);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}.sv-stat-card:hover{transform:translateY(-7px);border-color:rgba(139,201,0,.35);box-shadow:0 20px 45px rgba(26,45,27,.10)}.sv-stat-top{display:flex;align-items:center;gap:15px;margin-bottom:22px}.sv-stat-icon{position:relative;width:49px;height:49px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#78ae00;background:#f1f8e6;border:1px solid #e1efc8;border-radius:14px;font-size:20px;transition:background .3s ease,color .3s ease,transform .3s ease}.sv-stat-card:hover .sv-stat-icon{color:#fff;background:var(--sunvolt-green,#8bc900);transform:rotate(-3deg) scale(1.04);box-shadow:0 8px 20px rgba(139,201,0,.25)}.sv-stat-line{height:1px;flex:1;background:linear-gradient( 90deg,#e3e9e2,transparent )}.sv-stat-number{display:flex;align-items:baseline;min-height:57px;margin-bottom:9px;color:#1b251e;font-size:48px;line-height:1;font-weight:800;letter-spacing:-2.5px}.sv-stat-plus{margin-left:5px;color:#8bc900;font-size:26px;font-weight:800;letter-spacing:-1px}.sv-stat-unit{margin-left:8px;color:#79ad00;font-size:15px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.sv-stat-card h3{margin:0 0 9px;color:#263028;font-size:16px;line-height:1.35;font-weight:750}.sv-stat-card p{max-width:290px;margin:0;color:#707970;font-size:13px;line-height:1.6}.sv-stat-sun{position:absolute;right:-25px;bottom:-28px;width:115px;height:115px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient( circle,rgba(139,201,0,.11),rgba(139,201,0,.025) 60%,transparent 70% );color:rgba(139,201,0,.13);font-size:52px;transform:rotate(-15deg);transition:transform .6s cubic-bezier(.2,.7,.2,1),color .4s ease}.sv-stat-card:hover .sv-stat-sun{transform:rotate(8deg) scale(1.15);color:rgba(139,201,0,.22)}.sv-stat-card-energy{background:linear-gradient( 145deg,#fbfdf9,#f4f9ed )}.sv-stat-card-energy .sv-stat-number{color:#648e00}.sv-stat-card-energy .sv-stat-icon{background:#eaf6d5;border-color:#d5eab5}.sv-counter{display:inline-block;min-width:1ch;font-variant-numeric:tabular-nums}.sv-stat-card{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}.sv-stat-card.sv-stat-ready{opacity:0;transform:translateY(25px)}.sv-stat-card.sv-stat-visible{opacity:1;transform:translateY(0)}.sv-stat-card:nth-child(1).sv-stat-visible{transition-delay:.05s}.sv-stat-card:nth-child(2).sv-stat-visible{transition-delay:.12s}.sv-stat-card:nth-child(3).sv-stat-visible{transition-delay:.19s}.sv-stat-card:nth-child(4).sv-stat-visible{transition-delay:.26s}.sv-stat-card:nth-child(1).sv-stat-visible{transition-delay:.05s}.sv-stat-card:nth-child(2).sv-stat-visible{transition-delay:.12s}.sv-stat-card:nth-child(3).sv-stat-visible{transition-delay:.19s}.sv-stat-card:nth-child(4).sv-stat-visible{transition-delay:.26s}@media (max-width:1199.98px){.sv-stat-card{padding:24px}.sv-stat-number{font-size:43px}}@media (max-width:991.98px){.sv-stats{padding:60px 0}}@media (max-width:575.98px){.sv-stats{padding:45px 0 55px}.sv-stat-card{min-height:220px;padding:22px}.sv-stat-number{font-size:42px;letter-spacing:-2px}.sv-stat-card h3{font-size:15px}.sv-stat-card p{font-size:12.5px}}.sv-why-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#17231b;isolation:isolate}.sv-why-bg{position:absolute;inset:0;z-index:-3;background-image:url("../img/solar-pro-solarni-paneli-kuca.webp");background-size:cover;background-position:center 58%;transform:scale(1.05);animation:svWhyZoom 14s ease-out forwards}.sv-why-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient( 90deg,rgba(9,24,14,.94) 0%,rgba(9,24,14,.82) 30%,rgba(9,24,14,.52) 58%,rgba(9,24,14,.20) 100% )}.sv-why-overlay::after{content:"";position:absolute;inset:0;background:linear-gradient( 0deg,rgba(5,16,9,.55),transparent 50% )}.sv-why-sun{position:absolute;z-index:-1;width:430px;height:430px;right:5%;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient( circle,rgba(157,223,35,.19) 0%,rgba(139,201,0,.09) 28%,rgba(139,201,0,.025) 52%,transparent 72% );filter:blur(2px);animation:svWhySunPulse 5s ease-in-out infinite}.sv-why-sun::before{content:"";position:absolute;inset:105px;border-radius:50%;background:radial-gradient( circle,rgba(194,239,92,.20),transparent 70% );filter:blur(15px)}.sv-why-rays{position:absolute;z-index:-1;width:500px;height:500px;right:2%;top:50%;transform:translateY(-50%);border:1px solid rgba(170,225,70,.10);border-radius:50%;animation:svWhyRotate 30s linear infinite}.sv-why-rays::before,.sv-why-rays::after{content:"";position:absolute;inset:35px;border:1px solid rgba(170,225,70,.07);border-radius:50%}.sv-why-rays::after{inset:75px}.sv-why-content{position:relative;z-index:3;max-width:680px;padding:80px 0;color:#fff}.sv-why-label{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#b5e75b;font-size:12px;line-height:1;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;opacity:0;animation:svWhyContent .7s .1s cubic-bezier(.2,.7,.2,1) forwards}.sv-why-dot{position:relative;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#9cda2b;box-shadow:0 0 14px rgba(156,218,43,.85)}.sv-why-dot::before{content:"";position:absolute;inset:-5px;border:1px solid rgba(156,218,43,.5);border-radius:50%;animation:svWhyDot 2s infinite}.sv-why-content h2{margin:0 0 20px;max-width:680px;color:#fff;font-size:clamp(40px,5vw,64px);line-height:1.05;font-weight:800;letter-spacing:-2.6px;opacity:0;animation:svWhyContent .8s .2s cubic-bezier(.2,.7,.2,1) forwards}.sv-why-content h2 span{display:block;color:#a8df35}.sv-why-content>p{max-width:600px;margin:0 0 28px;color:rgba(255,255,255,.83);font-size:16px;line-height:1.7;opacity:0;animation:svWhyContent .8s .32s cubic-bezier(.2,.7,.2,1) forwards}.sv-why-buttons{display:flex;align-items:center;gap:11px;opacity:0;animation:svWhyContent .8s .44s cubic-bezier(.2,.7,.2,1) forwards}.sv-why-btn-primary{display:inline-flex;align-items:center;gap:16px;min-height:53px;padding:0 7px 0 21px;color:#fff;background:linear-gradient( 135deg,#96d51b,#72ad00 );border-radius:11px;text-decoration:none;font-size:14px;font-weight:750;box-shadow:0 12px 30px rgba(139,201,0,.25);transition:transform .25s ease,box-shadow .25s ease}.sv-why-btn-primary span{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.16);transition:transform .25s ease}.sv-why-btn-primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 17px 35px rgba(139,201,0,.38)}.sv-why-btn-primary:hover span{transform:translateX(3px)}.sv-why-btn-outline{display:inline-flex;align-items:center;gap:9px;min-height:53px;padding:0 20px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);border-radius:11px;text-decoration:none;font-size:14px;font-weight:650;backdrop-filter:blur(8px);transition:background .25s ease,border-color .25s ease,transform .25s ease}.sv-why-btn-outline:hover{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);transform:translateY(-3px)}.sv-why-benefits{display:flex;align-items:center;gap:25px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);opacity:0;animation:svWhyContent .8s .56s cubic-bezier(.2,.7,.2,1) forwards}.sv-why-benefit{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font-size:12px;font-weight:600}.sv-why-benefit i{color:#a6dc38;font-size:16px}.sv-why-scroll{position:absolute;left:50%;bottom:17px;width:22px;height:34px;border:1px solid rgba(255,255,255,.35);border-radius:15px;transform:translateX(-50%);opacity:.65}.sv-why-scroll span{position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:5px;background:#a7df35;transform:translateX(-50%);animation:svWhyScroll 1.8s ease-in-out infinite}@keyframes svWhyZoom{from{transform:scale(1.05)}to{transform:scale(1)}}@keyframes svWhySunPulse{0%,100%{transform:translateY(-50%) scale(.92);opacity:.65}50%{transform:translateY(-50%) scale(1.06);opacity:1}}@keyframes svWhyRotate{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes svWhyContent{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes svWhyDot{0%,100%{transform:scale(.8);opacity:.4}50%{transform:scale(1.25);opacity:0}}@keyframes svWhyScroll{0%{transform:translate(-50%,0);opacity:0}30%{opacity:1}70%{opacity:1}100%{transform:translate(-50%,10px);opacity:0}}@media (max-width:991.98px){.sv-why-hero{min-height:530px}.sv-why-content{padding:70px 15px}.sv-why-sun{right:-120px}.sv-why-rays{right:-160px}}@media (max-width:575.98px){.sv-why-hero{min-height:650px;align-items:flex-end}.sv-why-bg{background-position:64% center}.sv-why-overlay{background:linear-gradient( 180deg,rgba(7,20,12,.30) 0%,rgba(7,20,12,.55) 32%,rgba(7,20,12,.94) 78%,rgba(7,20,12,.98) 100% )}.sv-why-content{width:100%;padding:50px 15px 70px}.sv-why-label{margin-bottom:13px;font-size:10px;letter-spacing:1.4px}.sv-why-content h2{margin-bottom:15px;font-size:40px;line-height:1.05;letter-spacing:-1.8px}.sv-why-content>p{margin-bottom:20px;font-size:14px;line-height:1.6}.sv-why-buttons{flex-wrap:wrap;gap:8px}.sv-why-btn-primary,.sv-why-btn-outline{min-height:48px;font-size:13px}.sv-why-btn-primary{padding-left:17px}.sv-why-btn-primary span{width:35px;height:35px}.sv-why-benefits{gap:12px;margin-top:25px;padding-top:16px}.sv-why-benefit{font-size:10px;gap:5px}.sv-why-benefit i{font-size:14px}.sv-why-sun{width:280px;height:280px;right:-150px;top:20%}.sv-why-rays{width:320px;height:320px;right:-170px;top:20%}}@media (prefers-reduced-motion:reduce){.sv-why-bg,.sv-why-sun,.sv-why-rays,.sv-why-dot::before,.sv-why-scroll span,.sv-why-content,.sv-why-label,.sv-why-content h2,.sv-why-content>p,.sv-why-buttons,.sv-why-benefits{animation:none !important;transition:none !important}}.sv-energy-intro{position:relative;overflow:hidden;padding:105px 0 110px;background:#fff;isolation:isolate}.sv-energy-canvas{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.9}.sv-energy-canvas::before{content:"";position:absolute;inset:0;background-image:linear-gradient( rgba(139,201,0,.045) 1px,transparent 1px ),linear-gradient( 90deg,rgba(139,201,0,.045) 1px,transparent 1px );background-size:70px 70px;mask-image:radial-gradient( ellipse at 70% 50%,black 0%,transparent 68% );-webkit-mask-image:radial-gradient( ellipse at 70% 50%,black 0%,transparent 68% )}.sv-energy-line{position:absolute;height:1px;width:550px;background:linear-gradient( 90deg,transparent,rgba(139,201,0,.18),rgba(139,201,0,.55),transparent );opacity:.55;transform-origin:left center}.line-1{right:-80px;top:28%;transform:rotate(-17deg);animation:svEnergyLine 7s ease-in-out infinite}.line-2{right:5%;top:48%;width:430px;transform:rotate(13deg);animation:svEnergyLine 9s 1s ease-in-out infinite}.line-3{right:-100px;top:68%;width:500px;transform:rotate(-8deg);animation:svEnergyLine 8s 2s ease-in-out infinite}.line-4{right:14%;top:83%;width:350px;transform:rotate(18deg);animation:svEnergyLine 10s 1.5s ease-in-out infinite}.sv-energy-orbit{position:absolute;border:1px solid rgba(139,201,0,.08);border-radius:50%;transform:rotate(-18deg)}.orbit-1{width:520px;height:180px;right:-40px;top:18%;animation:svOrbit 18s linear infinite}.orbit-2{width:420px;height:140px;right:30px;top:29%;animation:svOrbit 14s linear infinite reverse}.sv-energy-pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:#91ce17;box-shadow:0 0 0 5px rgba(139,201,0,.08),0 0 20px rgba(139,201,0,.45);opacity:0}.pulse-1{right:22%;top:31%;animation:svEnergyPulse 5s 0s linear infinite}.pulse-2{right:11%;top:51%;animation:svEnergyPulse 6s 1.5s linear infinite}.pulse-3{right:28%;top:72%;animation:svEnergyPulse 7s 3s linear infinite}.sv-energy-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:90px;align-items:center}.sv-energy-heading{position:relative;max-width:650px}.sv-section-label{display:flex;align-items:center;gap:10px;margin-bottom:19px;color:#79ae00;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.sv-label-dot{position:relative;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#8bc900;box-shadow:0 0 12px rgba(139,201,0,.55)}.sv-label-dot::before{content:"";position:absolute;inset:-5px;border:1px solid rgba(139,201,0,.3);border-radius:50%;animation:svLabelPulse 2s infinite}.sv-energy-heading h2{margin:0;color:#1c2720;font-size:clamp(38px,4.4vw,61px);line-height:1.08;font-weight:800;letter-spacing:-2.6px}.sv-energy-heading h2 span{display:block;margin-top:5px;color:#7fb900}.sv-heading-line{width:100px;height:3px;margin-top:28px;overflow:hidden;border-radius:5px;background:#edf3e5}.sv-heading-line span{display:block;width:45px;height:100%;border-radius:inherit;background:#8bc900;animation:svHeadingLine 3s ease-in-out infinite}.sv-energy-text{position:relative;max-width:570px;padding-left:35px;border-left:1px solid #e5ebe2}.sv-energy-text::before{content:"";position:absolute;left:-2px;top:25px;width:3px;height:60px;border-radius:5px;background:#8bc900}.sv-energy-text p{margin:0 0 17px;color:#68736b;font-size:14px;line-height:1.75}.sv-energy-text .sv-energy-lead{color:#354038;font-size:16px;line-height:1.75;font-weight:500}.sv-energy-flow{display:flex;align-items:center;margin-top:32px;padding:17px 18px;background:rgba(255,255,255,.72);border:1px solid #e8eee4;border-radius:15px;box-shadow:0 10px 35px rgba(32,55,34,.045);backdrop-filter:blur(8px)}.sv-flow-item{display:flex;align-items:center;gap:9px;color:#435046;font-size:11px;font-weight:700;white-space:nowrap}.sv-flow-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#79ae00;background:#f0f7e5;border-radius:10px;font-size:15px}.sv-flow-line{position:relative;flex:1;min-width:20px;height:1px;margin:0 9px;background:#dfe8d9;overflow:hidden}.sv-flow-line span{position:absolute;left:-20px;top:-2px;width:5px;height:5px;border-radius:50%;background:#8bc900;box-shadow:0 0 8px rgba(139,201,0,.5);animation:svFlowMove 2.2s linear infinite}.sv-flow-line:nth-of-type(2) span{animation-delay:.7s}@keyframes svEnergyLine{0%,100%{opacity:.25;transform:translateX(0) rotate(-17deg)}50%{opacity:.75;transform:translateX(-35px) rotate(-17deg)}}@keyframes svOrbit{from{transform:rotate(-18deg) scale(1)}50%{opacity:.7}to{transform:rotate(342deg) scale(1.03)}}@keyframes svEnergyPulse{0%{transform:translateX(0) scale(.5);opacity:0}15%{opacity:1}70%{opacity:.8}100%{transform:translateX(-180px) scale(1);opacity:0}}@keyframes svLabelPulse{0%,100%{transform:scale(.8);opacity:.4}50%{transform:scale(1.2);opacity:0}}@keyframes svHeadingLine{0%,100%{transform:translateX(-45px)}50%{transform:translateX(100px)}}@keyframes svFlowMove{from{left:-10px;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100%+10px);opacity:0}}@media (max-width:991.98px){.sv-energy-intro{padding:75px 0 80px}.sv-energy-grid{grid-template-columns:1fr;gap:45px}.sv-energy-heading{max-width:700px}.sv-energy-text{max-width:700px}.sv-energy-canvas{opacity:.7}}@media (max-width:575.98px){.sv-energy-intro{padding:60px 0 65px}.sv-energy-grid{gap:32px}.sv-section-label{margin-bottom:14px;font-size:10px;letter-spacing:1.4px}.sv-energy-heading h2{font-size:39px;letter-spacing:-1.8px}.sv-heading-line{margin-top:22px}.sv-energy-text{padding-left:22px}.sv-energy-text .sv-energy-lead{font-size:14px}.sv-energy-text p{font-size:13px;line-height:1.65}.sv-energy-flow{align-items:flex-start;padding:13px 10px;overflow:hidden}.sv-flow-item{flex-direction:column;gap:5px;font-size:9px;text-align:center}.sv-flow-icon{width:32px;height:32px}.sv-flow-line{margin:16px 5px 0;min-width:15px}.sv-energy-orbit{right:-250px}.sv-energy-line{right:-250px}}@media (prefers-reduced-motion:reduce){.sv-energy-line,.sv-energy-orbit,.sv-energy-pulse,.sv-label-dot::before,.sv-heading-line span,.sv-flow-line span{animation:none !important}}.sv-benefits{position:relative;overflow:hidden;padding:105px 0 115px;background:#fff;isolation:isolate}.sv-benefits-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.sv-benefits-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient( rgba(139,201,0,.035) 1px,transparent 1px ),linear-gradient( 90deg,rgba(139,201,0,.035) 1px,transparent 1px );background-size:70px 70px;mask-image:radial-gradient( ellipse at 50% 45%,black,transparent 72% );-webkit-mask-image:radial-gradient( ellipse at 50% 45%,black,transparent 72% )}.orbit-a{width:700px;height:260px;left:-280px;top:25%;transform:rotate(-18deg);animation:svBenefitOrbit 20s linear infinite}.orbit-b{width:600px;height:220px;right:-260px;bottom:12%;transform:rotate(18deg);animation:svBenefitOrbit 24s linear infinite reverse}.sv-benefits-heading{max-width:760px;margin:0 auto 58px;text-align:center}.sv-benefits-heading .sv-section-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;color:#79ae00;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.sv-benefits-heading .sv-label-dot{width:8px;height:8px;border-radius:50%;background:#8bc900;box-shadow:0 0 12px rgba(139,201,0,.55)}.sv-benefits-heading h2{margin:0 0 17px;color:#1d2821;font-size:clamp(38px,4.3vw,58px);line-height:1.08;font-weight:800;letter-spacing:-2.5px}.sv-benefits-heading h2 span{color:#80ba05}.sv-benefits-heading p{max-width:620px;margin:0 auto;color:#707a73;font-size:15px;line-height:1.7}.sv-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sv-benefit-card{position:relative;min-height:290px;padding:28px 27px 25px;background:rgba(255,255,255,.88);border:1px solid #e8eee5;border-radius:17px;box-shadow:0 8px 30px rgba(27,48,29,.035);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}.sv-benefit-card::before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient( circle,rgba(139,201,0,.09),transparent 70% );transition:transform .5s ease}.sv-benefit-card:hover{transform:translateY(-7px);border-color:rgba(139,201,0,.35);box-shadow:0 20px 45px rgba(27,48,29,.09)}.sv-benefit-card:hover::before{transform:scale(1.45)}.sv-benefit-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.sv-benefit-icon{position:relative;width:53px;height:53px;display:flex;align-items:center;justify-content:center;color:#7db500;background:#f0f7e6;border:1px solid #e3efcf;border-radius:14px;font-size:22px;overflow:visible;transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.sv-benefit-card:hover .sv-benefit-icon{transform:translateY(-2px) rotate(-3deg);background:#e8f5d4;box-shadow:0 8px 22px rgba(139,201,0,.15)}.sv-icon-pulse{position:absolute;inset:-5px;border:1px solid rgba(139,201,0,.35);border-radius:17px;opacity:0}.sv-benefit-card:hover .sv-icon-pulse{animation:svIconPulse 1.8s ease-out infinite}.sv-benefit-number{color:#cbd3c9;font-size:11px;font-weight:800;letter-spacing:1px;transition:color .3s ease}.sv-benefit-card:hover .sv-benefit-number{color:#91c91c}.sv-benefit-card h3{position:relative;margin:0 0 12px;color:#263229;font-size:19px;line-height:1.3;font-weight:750;letter-spacing:-.35px}.sv-benefit-card p{position:relative;margin:0;color:#737c75;font-size:13px;line-height:1.7}.sv-benefit-line{position:absolute;left:27px;right:27px;bottom:0;height:2px;overflow:hidden;background:#edf1eb}.sv-benefit-line span{display:block;width:45px;height:100%;background:#8bc900;transform:translateX(-60px);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.sv-benefit-card:hover .sv-benefit-line span{transform:translateX(380px)}@keyframes svBenefitOrbit{from{transform:rotate(-18deg)}to{transform:rotate(342deg)}}@keyframes svBenefitPulse{0%{transform:translateX(0) scale(.5);opacity:0}15%{opacity:.7}75%{opacity:.5}100%{transform:translateX(180px);opacity:0}}@keyframes svIconPulse{0%{transform:scale(.85);opacity:.65}100%{transform:scale(1.25);opacity:0}}@media (max-width:991.98px){.sv-benefits{padding:80px 0 90px}.sv-benefits-heading{margin-bottom:42px}.sv-benefits-grid{grid-template-columns:repeat(2,1fr)}.sv-benefit-card{min-height:275px}}@media (max-width:575.98px){.sv-benefits{padding:65px 0 70px}.sv-benefits-heading{margin-bottom:32px;padding:0 8px}.sv-benefits-heading .sv-section-label{margin-bottom:14px;font-size:10px;letter-spacing:1.4px}.sv-benefits-heading h2{font-size:38px;letter-spacing:-1.8px}.sv-benefits-heading p{font-size:13px;line-height:1.65}.sv-benefits-grid{grid-template-columns:1fr;gap:12px}.sv-benefit-card{min-height:auto;padding:22px 21px 23px;border-radius:15px}.sv-benefit-top{margin-bottom:19px}.sv-benefit-icon{width:47px;height:47px;border-radius:12px;font-size:19px}.sv-benefit-card h3{font-size:17px;margin-bottom:9px}.sv-benefit-card p{font-size:12.5px;line-height:1.65}.sv-benefit-line{left:21px;right:21px}}@media (prefers-reduced-motion:reduce){.sv-icon-pulse{animation:none !important}}.sv-how{position:relative;overflow:hidden;padding:110px 0 105px;background:#17221c;color:#fff;isolation:isolate}.sv-how-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.sv-how-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient( rgba(139,201,0,.035) 1px,transparent 1px ),linear-gradient( 90deg,rgba(139,201,0,.035) 1px,transparent 1px );background-size:75px 75px;mask-image:radial-gradient( ellipse at 65% 45%,black,transparent 75% );-webkit-mask-image:radial-gradient( ellipse at 65% 45%,black,transparent 75% )}.sv-how-glow{position:absolute;width:650px;height:650px;right:-250px;top:-200px;border-radius:50%;background:radial-gradient( circle,rgba(139,201,0,.11) 0%,rgba(139,201,0,.035) 35%,transparent 70% );animation:svHowGlow 8s ease-in-out infinite}.sv-how-orbit{position:absolute;border:1px solid rgba(139,201,0,.08);border-radius:50%}.how-orbit-1{width:850px;height:300px;right:-350px;top:18%;transform:rotate(-15deg);animation:svHowOrbit 20s linear infinite}.how-orbit-2{width:650px;height:230px;left:-300px;bottom:8%;transform:rotate(15deg);animation:svHowOrbit 25s linear infinite reverse}.sv-how-heading{max-width:780px;margin:0 auto 65px;text-align:center}.sv-how-heading .sv-section-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;color:#9bd52a;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.sv-how-heading .sv-label-dot{width:8px;height:8px;border-radius:50%;background:#91ce17;box-shadow:0 0 14px rgba(145,206,23,.65)}.sv-how-heading h2{margin:0 0 18px;color:#fff;font-size:clamp(39px,4.5vw,62px);line-height:1.06;font-weight:800;letter-spacing:-2.6px}.sv-how-heading h2 span{display:block;color:#91ce17}.sv-how-heading p{max-width:650px;margin:auto;color:#aeb9b1;font-size:15px;line-height:1.75}.sv-how-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:70px;align-items:center}.sv-how-image{position:relative;min-height:510px;overflow:hidden;border-radius:25px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.25)}.sv-how-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.sv-how-image:hover img{transform:scale(1.045)}.sv-image-overlay{position:absolute;inset:0;background:linear-gradient( 135deg,rgba(17,31,23,.05),rgba(17,31,23,.1) 40%,rgba(10,20,14,.72) )}.sv-sun-core{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:rgba(145,206,23,.92);box-shadow:0 0 35px rgba(145,206,23,.6);font-size:24px;animation:svSunPulse 3s ease-in-out infinite}.sv-image-caption{position:absolute;left:25px;bottom:25px;display:flex;align-items:center;gap:9px;color:#fff;font-size:10px;font-weight:800;letter-spacing:1.4px}.sv-image-caption strong{margin-left:4px;padding-left:12px;border-left:1px solid rgba(255,255,255,.35);color:#b9dc72;font-size:9px}.sv-caption-dot{width:7px;height:7px;border-radius:50%;background:#91ce17;box-shadow:0 0 12px rgba(145,206,23,.8)}.sv-how-content{position:relative}.sv-how-content::before{content:"";position:absolute;left:18px;top:22px;bottom:22px;width:1px;background:linear-gradient( to bottom,transparent,rgba(145,206,23,.3),transparent )}.sv-how-step{position:relative;display:grid;grid-template-columns:38px 1fr;gap:20px;margin-bottom:32px;opacity:.62;transition:opacity .35s ease,transform .35s ease}.sv-how-step:last-child{margin-bottom:0}.sv-how-step:hover,.sv-how-step.active{opacity:1;transform:translateX(5px)}.sv-step-number{position:relative;z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#17221c;color:#78857b;font-size:10px;font-weight:800;transition:background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.sv-how-step.active .sv-step-number,.sv-how-step:hover .sv-step-number{color:#17221c;background:#91ce17;border-color:#91ce17;box-shadow:0 0 0 6px rgba(145,206,23,.08),0 0 20px rgba(145,206,23,.25)}.sv-how-step h3{margin:0 0 7px;color:#fff;font-size:18px;line-height:1.3;font-weight:750;letter-spacing:-.3px}.sv-how-step p{max-width:480px;margin:0;color:#9daaa1;font-size:13px;line-height:1.7}.sv-energy-flow-large{display:flex;align-items:center;margin-top:72px;padding:24px 25px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}.sv-flow-large-item{display:flex;flex-direction:column;align-items:center;min-width:100px;text-align:center}.sv-flow-large-icon{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:1px solid rgba(145,206,23,.18);border-radius:14px;color:#91ce17;background:rgba(145,206,23,.07);font-size:19px;transition:transform .35s ease,background .35s ease}.sv-flow-large-item:hover .sv-flow-large-icon{transform:translateY(-4px);background:rgba(145,206,23,.14)}.sv-flow-large-item strong{color:#e8eee9;font-size:11px;font-weight:700}.sv-flow-large-item small{margin-top:3px;color:#77847a;font-size:9px}.sv-flow-large-line{position:relative;flex:1;height:1px;margin:0 5px 34px;background:rgba(255,255,255,.12);overflow:hidden}.sv-flow-large-line span{position:absolute;left:-20px;top:-2px;width:6px;height:5px;border-radius:50%;background:#91ce17;box-shadow:0 0 10px rgba(145,206,23,.8);animation:svEnergyTravel 2.2s linear infinite}.sv-flow-large-line:nth-of-type(2) span{animation-delay:.4s}.sv-flow-large-line:nth-of-type(3) span{animation-delay:.8s}.sv-flow-large-line:nth-of-type(4) span{animation-delay:1.2s}.sv-how-bottom{display:flex;align-items:center;gap:18px;margin-top:25px;padding:18px 20px;border:1px solid rgba(145,206,23,.13);border-radius:16px;background:rgba(145,206,23,.045)}.sv-how-bottom-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;color:#17221c;background:#91ce17;font-size:17px}.sv-how-bottom div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.sv-how-bottom strong{color:#eaf1eb;font-size:13px}.sv-how-bottom span{color:#8c998f;font-size:11px}.sv-how-button{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border-radius:9px;color:#17221c;background:#91ce17;font-size:11px;font-weight:800;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.sv-how-button:hover{color:#17221c;transform:translateY(-2px);box-shadow:0 8px 22px rgba(145,206,23,.25)}@keyframes svEnergyTravel{0%{left:-10px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100%+10px);opacity:0}}@keyframes svSunPulse{0%,100%{transform:scale(1);box-shadow:0 0 30px rgba(145,206,23,.5)}50%{transform:scale(1.07);box-shadow:0 0 48px rgba(145,206,23,.75)}}@keyframes svHowGlow{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes svHowOrbit{from{transform:rotate(-15deg)}to{transform:rotate(345deg)}}@media (max-width:991.98px){.sv-how{padding:85px 0 90px}.sv-how-main{grid-template-columns:1fr;gap:50px}.sv-how-image{min-height:450px}.sv-how-content{max-width:700px;margin:auto}.sv-energy-flow-large{overflow-x:auto}}@media (max-width:575.98px){.sv-how{padding:65px 0 70px}.sv-how-heading{margin-bottom:38px}.sv-how-heading h2{font-size:39px;letter-spacing:-1.8px}.sv-how-heading p{font-size:13px}.sv-how-image{min-height:350px;border-radius:18px}.sv-image-caption{left:17px;bottom:17px;flex-wrap:wrap;max-width:240px}.sv-image-caption strong{display:none}.sv-how-main{gap:38px}.sv-how-content::before{left:16px}.sv-how-step{position:relative;display:grid;grid-template-columns:38px 1fr;gap:20px;margin-bottom:32px;opacity:.74;transform:translateX(0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.sv-how-step:last-child{margin-bottom:0}.sv-how-step.active{opacity:1;transform:translateX(5px)}.sv-step-number{position:relative;z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(23,34,28,.7);color:#657168;font-size:10px;font-weight:800;transition:color .5s ease,background .5s ease,border-color .5s ease,box-shadow .5s ease,transform .5s ease}.sv-how-step.active .sv-step-number{color:#17221c;background:#91ce17;border-color:#91ce17;transform:scale(1.08);box-shadow:0 0 0 6px rgba(145,206,23,.07),0 0 24px rgba(145,206,23,.3)}.sv-how-step.active .sv-step-number::after{content:"";position:absolute;inset:-6px;border:1px solid rgba(145,206,23,.45);border-radius:50%;animation:svStepPulse 1.8s ease-out forwards}.sv-how-step h3{margin:0 0 7px;color:#fff;font-size:18px;line-height:1.3;font-weight:750;letter-spacing:-.3px;transition:color .5s ease,transform .5s ease}.sv-how-step:not(.active) h3{color:rgba(255,255,255,.88)}.sv-how-step.active h3{color:#fff;transform:translateX(2px)}.sv-how-step p{max-width:480px;margin:0;color:#a0aca4;font-size:13px;line-height:1.7;transition:color .5s ease}.sv-how-step.active p{color:#c1cbc5}.sv-how-content::before{content:"";position:absolute;left:18px;top:22px;bottom:22px;width:1px;background:linear-gradient( to bottom,transparent,rgba(145,206,23,.28),transparent )}@keyframes svStepPulse{0%{opacity:.75;transform:scale(.85)}100%{opacity:0;transform:scale(1.35)}}.sv-energy-flow-large{margin-top:45px;padding:18px 12px;border-radius:15px;overflow-x:auto;scrollbar-width:none}.sv-energy-flow-large::-webkit-scrollbar{display:none}.sv-flow-large-item{min-width:72px}.sv-flow-large-icon{width:40px;height:40px;border-radius:11px;font-size:16px}.sv-flow-large-item strong{font-size:9px}.sv-flow-large-item small{font-size:8px}.sv-flow-large-line{min-width:20px;margin-bottom:31px}.sv-how-bottom{align-items:flex-start;flex-wrap:wrap;padding:16px}.sv-how-bottom div:nth-child(2){max-width:calc(100% - 62px)}.sv-how-bottom strong{font-size:12px}.sv-how-bottom span{font-size:10px}.sv-how-button{width:100%;justify-content:center;margin-top:5px}.sv-how-orbit{opacity:.4}}@media (prefers-reduced-motion:reduce){.sv-how-glow,.sv-how-orbit,.sv-sun-core,.sv-flow-large-line span{animation:none !important}}.sv-benefits{position:relative;overflow:hidden;padding:110px 0 105px;background:#fff;isolation:isolate}.sv-benefits-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.sv-benefits-photo{position:absolute;inset:-30px;background-image:url("../img/solar-pro-solarni-paneli-kuca.webp");background-size:cover;background-position:center 55%;opacity:.17;filter:saturate(.75);transform:scale(1.04);animation:svBenefitsPhoto 16s ease-in-out infinite alternate}.sv-benefits-white{position:absolute;inset:0;background:linear-gradient( 90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 38%,rgba(255,255,255,.86) 65%,rgba(255,255,255,.96) 100% );backdrop-filter:blur(1px)}.sv-benefits-grid-bg{position:absolute;inset:0;background-image:linear-gradient( rgba(110,160,20,.045) 1px,transparent 1px ),linear-gradient( 90deg,rgba(110,160,20,.045) 1px,transparent 1px );background-size:65px 65px;mask-image:radial-gradient( ellipse at center,black 0%,transparent 78% );-webkit-mask-image:radial-gradient( ellipse at center,black 0%,transparent 78% )}.sv-energy-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#8bc900;box-shadow:0 0 12px rgba(139,201,0,.5);opacity:0}.particle-1{left:9%;top:30%;animation:svEnergyParticle 7s linear infinite}.particle-2{left:25%;top:78%;animation:svEnergyParticle 8s 1.5s linear infinite}.particle-3{right:14%;top:22%;animation:svEnergyParticle 6.5s 2.5s linear infinite}.particle-4{right:28%;bottom:18%;animation:svEnergyParticle 8s 3.5s linear infinite}.particle-5{left:52%;top:12%;animation:svEnergyParticle 7s 4s linear infinite}.sv-solar-ring{position:absolute;border-radius:50%;border:1px solid rgba(139,201,0,.08)}.ring-1{width:650px;height:650px;right:-420px;top:-300px;animation:svRingRotate 30s linear infinite}.ring-2{width:430px;height:430px;left:-270px;bottom:-230px;animation:svRingRotate 24s linear infinite reverse}.sv-benefits-heading{position:relative;max-width:790px;margin:0 auto 60px;text-align:center}.sv-section-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;color:#78ac00;font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.sv-label-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#8bc900;box-shadow:0 0 14px rgba(139,201,0,.55);animation:svDotPulse 2.5s ease-in-out infinite}.sv-benefits-heading h2{margin:0 0 17px;color:#1c2820;font-size:clamp(40px,4.4vw,59px);line-height:1.06;font-weight:800;letter-spacing:-2.7px}.sv-benefits-heading h2 span{color:#82b900}.sv-benefits-heading p{max-width:620px;margin:0 auto;color:#707a73;font-size:14px;line-height:1.75}.sv-energy-status{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:23px;color:#a2aaa4;font-size:8px;font-weight:800;letter-spacing:1.7px}.sv-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.sv-benefit-card{position:relative;min-height:300px;padding:27px 27px 24px;overflow:hidden;border:1px solid rgba(224,231,221,.95);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 8px 30px rgba(28,45,31,.045);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease,background .4s ease}.sv-benefit-card:hover{transform:translateY(-8px);border-color:rgba(139,201,0,.4);background:rgba(255,255,255,.94);box-shadow:0 22px 50px rgba(28,45,31,.11)}.sv-benefit-card::before{content:"";position:absolute;width:220px;height:220px;top:-130px;right:-110px;border-radius:50%;background:radial-gradient( circle,rgba(139,201,0,.13),transparent 70% );transition:transform .7s ease}.sv-benefit-card:hover::before{transform:scale(1.6)}.sv-benefit-top{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.sv-benefit-icon{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:#78ae00;background:linear-gradient( 145deg,#f3f9e9,#eaf4dc );border:1px solid #dfebcf;border-radius:14px;font-size:21px;transition:transform .4s ease,box-shadow .4s ease}.sv-benefit-card:hover .sv-benefit-icon{transform:translateY(-3px) rotate(-4deg);box-shadow:0 10px 25px rgba(139,201,0,.18)}.sv-icon-pulse{position:absolute;inset:-5px;border:1px solid rgba(139,201,0,.4);border-radius:17px;opacity:0}.sv-benefit-card:hover .sv-icon-pulse{animation:svIconPulse 1.8s ease-out infinite}.sv-benefit-number{color:#c8d0c8;font-size:10px;font-weight:800;letter-spacing:1px;transition:color .3s ease}.sv-benefit-card:hover .sv-benefit-number{color:#88bf08}.sv-benefit-card h3{position:relative;margin:0 0 11px;color:#253128;font-size:18px;line-height:1.3;font-weight:750;letter-spacing:-.35px}.sv-benefit-card p{position:relative;margin:0;color:#727c74;font-size:12.5px;line-height:1.7}.sv-benefit-footer{position:absolute;left:27px;right:27px;bottom:23px;display:flex;align-items:center;justify-content:space-between;color:#b0b8b1;font-size:11px;font-weight:800;letter-spacing:1.2px;transition:color .35s ease}.sv-benefit-footer i{color:#b7c2b9;font-size:13px;transition:color .35s ease,transform .35s ease}.sv-benefit-card:hover .sv-benefit-footer{color:#86b900}.sv-benefit-card:hover .sv-benefit-footer i{color:#86b900;transform:translate(2px,-2px)}.sv-benefit-line{position:absolute;left:27px;right:27px;bottom:0;height:2px;overflow:hidden;background:#edf1eb}.sv-benefit-line span{position:absolute;left:0;top:0;width:60px;height:100%;background:#8bc900;transform:translateX(-80px)}.sv-benefit-card:hover .sv-benefit-line span{animation:svBenefitEnergyLine .8s ease-out forwards}.sv-benefits-bottom{display:flex;align-items:center;gap:15px;margin-top:25px;padding:16px 19px;border:1px solid rgba(139,201,0,.14);border-radius:15px;background:rgba(255,255,255,.62);backdrop-filter:blur(8px)}.sv-bottom-sun{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:11px;color:#fff;background:#8bc900;box-shadow:0 6px 18px rgba(139,201,0,.2);animation:svBottomSun 3s ease-in-out infinite}.sv-benefits-bottom div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.sv-benefits-bottom strong{color:#263329;font-size:16px;font-weight:800}.sv-benefits-bottom span{color:#7a847c;font-size:14px}.sv-bottom-arrow{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#82b900;border:1px solid #e0ebd2;border-radius:10px;transition:transform .3s ease,background .3s ease}.sv-benefits-bottom:hover .sv-bottom-arrow{transform:translateX(4px);background:#f0f7e7}@keyframes svBenefitsPhoto{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-8px,-4px,0)}}@keyframes svEnergyParticle{0%{transform:translate(0,30px) scale(.5);opacity:0}15%{opacity:.45}75%{opacity:.3}100%{transform:translate(120px,-100px) scale(1);opacity:0}}@keyframes svRingRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes svDotPulse{0%,100%{box-shadow:0 0 8px rgba(139,201,0,.35)}50%{box-shadow:0 0 18px rgba(139,201,0,.7)}}@keyframes svIconPulse{0%{transform:scale(.85);opacity:.65}100%{transform:scale(1.25);opacity:0}}@keyframes svBenefitEnergyLine{0%{transform:translateX(-80px)}100%{transform:translateX(420px)}}@keyframes svBottomSun{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@media (max-width:991.98px){.sv-benefits{padding:85px 0 90px}.sv-benefits-grid{grid-template-columns:repeat(2,1fr)}.sv-benefits-heading{margin-bottom:45px}}@media (max-width:575.98px){.sv-benefits{padding:65px 0 70px}.sv-benefits-photo{background-position:58% center;opacity:.12}.sv-benefits-white{background:rgba(255,255,255,.94)}.sv-benefits-heading{margin-bottom:35px}.sv-benefits-heading h2{font-size:38px;letter-spacing:-1.9px}.sv-benefits-heading p{font-size:13px}.sv-energy-status{margin-top:18px;font-size:7px}.sv-benefits-grid{grid-template-columns:1fr;gap:12px}.sv-benefit-card{min-height:265px;padding:22px 21px 23px;border-radius:15px}.sv-benefit-top{margin-bottom:21px}.sv-benefit-icon{width:47px;height:47px;border-radius:12px;font-size:19px}.sv-benefit-card h3{font-size:17px}.sv-benefit-card p{font-size:12px}.sv-benefit-footer{left:21px;right:21px;bottom:20px}.sv-benefit-line{left:21px;right:21px}.sv-benefits-bottom{align-items:flex-start;padding:15px}.sv-bottom-sun{width:38px;height:38px}.sv-benefits-bottom strong{font-size:11px}.sv-benefits-bottom span{font-size:9px;line-height:1.5}.sv-bottom-arrow{display:none}.sv-solar-ring{opacity:.5}}@media (prefers-reduced-motion:reduce){.sv-benefits-photo,.sv-energy-particle,.sv-solar-ring,.sv-label-dot,.sv-icon-pulse,.sv-bottom-sun{animation:none !important}}:root{--sv-green:#9be51f;--sv-green-dark:#7dbd12;--sv-bg:#09110d;--sv-card:rgba(12,23,17,.78);--sv-border:rgba(176,230,86,.18);--sv-text:#ffffff;--sv-muted:#9ca89f}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#fff;color:#fff}.turnkey-section{position:relative;overflow:hidden;padding:105px 0 110px;background:var(--sv-bg);isolation:isolate}.turnkey-bg{position:absolute;inset:0;z-index:-4;background:linear-gradient( 180deg,rgba(4,11,8,.78),rgba(4,12,8,.91) ),url("../img/homekey.webp") center / cover no-repeat;transform:scale(1.035);animation:svBgMove 18s ease-in-out infinite alternate}.turnkey-section::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient( circle at 50% 15%,rgba(155,229,31,.08),transparent 34% ),linear-gradient( 90deg,rgba(3,12,8,.88),rgba(3,12,8,.58),rgba(3,12,8,.88) )}.turnkey-grid-bg{position:absolute;inset:0;z-index:-2;opacity:.32;background-image:linear-gradient(rgba(155,229,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(155,229,31,.035) 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(circle at center,#000,transparent 82%);-webkit-mask-image:radial-gradient(circle at center,#000,transparent 82%)}.turnkey-orbit{position:absolute;border:1px solid rgba(155,229,31,.10);border-radius:50%;pointer-events:none}.turnkey-orbit.one{width:650px;height:650px;left:-430px;top:-330px;animation:svOrbit 28s linear infinite}.turnkey-orbit.two{width:560px;height:560px;right:-390px;bottom:-330px;animation:svOrbit 34s linear infinite reverse}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.section-heading{max-width:780px;margin:0 auto 62px;text-align:center}.section-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;color:#82c500;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.section-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sv-green);box-shadow:0 0 18px rgba(155,229,31,.7);animation:svPulse 2s ease-in-out infinite}.section-heading h2{margin:0 0 19px;font-size:clamp(39px,5vw,64px);line-height:1.02;letter-spacing:-2.8px;font-weight:800}.section-heading h2 span{color:#82c500}.section-heading p{max-width:670px;margin:auto;color:#aeb8b1;font-size:14px;line-height:1.75}.turnkey-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px 28px}.turnkey-grid::before{content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:linear-gradient( 90deg,transparent,rgba(155,229,31,.48),rgba(155,229,31,.48),transparent );opacity:.45}.turnkey-step{position:relative;min-height:260px;padding:28px 27px 29px;border:1px solid var(--sv-border);border-radius:18px;background:linear-gradient( 145deg,rgba(20,34,26,.88),rgba(7,17,12,.74) );backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.22);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s ease,box-shadow .45s ease,background .45s ease;overflow:hidden}.turnkey-step::before{content:"";position:absolute;width:180px;height:180px;right:-100px;top:-100px;border-radius:50%;background:radial-gradient( circle,rgba(155,229,31,.13),transparent 70% );transition:transform .7s ease}.turnkey-step:hover{transform:translateY(-8px);border-color:rgba(155,229,31,.42);background:linear-gradient( 145deg,rgba(22,39,27,.94),rgba(8,19,13,.88) );box-shadow:0 25px 60px rgba(0,0,0,.32),0 0 35px rgba(155,229,31,.06)}.turnkey-step:hover::before{transform:scale(1.6)}.turnkey-number{position:relative;z-index:2;width:47px;height:47px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;border:1px solid rgba(155,229,31,.35);border-radius:50%;color:var(--sv-green);background:rgba(155,229,31,.055);font-size:12px;font-weight:800;box-shadow:0 0 0 rgba(155,229,31,0);transition:.45s ease}.turnkey-step:hover .turnkey-number{color:#081009;background:var(--sv-green);box-shadow:0 0 0 7px rgba(155,229,31,.07),0 0 28px rgba(155,229,31,.28)}.turnkey-icon{position:absolute;top:28px;right:27px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;color:#9bdc27;background:rgba(255,255,255,.035);font-size:19px;transition:.45s ease}.turnkey-step:hover .turnkey-icon{transform:rotate(-7deg) scale(1.06);border-color:rgba(155,229,31,.28);background:rgba(155,229,31,.08)}.turnkey-step h3{position:relative;margin:0 0 10px;color:#fff;font-size:19px;line-height:1.25;letter-spacing:-.35px;font-weight:750}.turnkey-step h3::after{content:"";display:block;width:26px;height:2px;margin-top:12px;background:var(--sv-green);transition:width .4s ease}.turnkey-step:hover h3::after{width:55px}.turnkey-step p{position:relative;max-width:330px;margin:0;color:var(--sv-muted);font-size:12.5px;line-height:1.72}.turnkey-energy{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:var(--sv-green);box-shadow:0 0 8px var(--sv-green),0 0 22px rgba(155,229,31,.65);opacity:.9;pointer-events:none}.turnkey-energy.a{left:4%;top:calc(50% - 3px);animation:svEnergyA 6s linear infinite}.turnkey-energy.b{left:37%;top:calc(50% - 3px);animation:svEnergyB 6s linear infinite}.turnkey-energy.c{left:70%;top:calc(50% - 3px);animation:svEnergyC 6s linear infinite}.turnkey-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--sv-green);opacity:0}.p1{left:14%;top:20%;animation:svParticle 7s 0s linear infinite}.p2{left:76%;top:28%;animation:svParticle 8s 2s linear infinite}.p3{left:62%;top:76%;animation:svParticle 6.5s 3s linear infinite}.p4{left:31%;top:70%;animation:svParticle 8s 4s linear infinite}@keyframes svBgMove{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-8px,-5px,0)}}@keyframes svOrbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svPulse{0%,100%{box-shadow:0 0 8px rgba(155,229,31,.35)}50%{box-shadow:0 0 22px rgba(155,229,31,.8)}}@keyframes svParticle{0%{transform:translate(0,30px) scale(.5);opacity:0}15%{opacity:.45}75%{opacity:.2}100%{transform:translate(110px,-90px) scale(1);opacity:0}}@keyframes svEnergyA{0%{left:4%;opacity:0}8%{opacity:1}31%{left:31%;opacity:1}34%{opacity:0}100%{left:31%;opacity:0}}@keyframes svEnergyB{0%,34%{left:31%;opacity:0}40%{opacity:1}64%{left:64%;opacity:1}67%{opacity:0}100%{left:64%;opacity:0}}@keyframes svEnergyC{0%,67%{left:64%;opacity:0}73%{opacity:1}96%{left:96%;opacity:1}100%{left:96%;opacity:0}}@media (max-width:991px){.turnkey-section{padding:85px 0 90px}.turnkey-grid{grid-template-columns:repeat(2,1fr)}.turnkey-grid::before{display:none}.turnkey-energy{display:none}}@media (max-width:575px){.turnkey-section{padding:65px 0 70px}.container{width:min(100% - 28px,1180px)}.section-heading{margin-bottom:38px}.section-heading h2{font-size:38px;letter-spacing:-1.8px}.section-heading p{font-size:13px}.turnkey-grid{grid-template-columns:1fr;gap:13px}.turnkey-step{min-height:235px;padding:23px 21px 24px;border-radius:15px}.turnkey-number{width:43px;height:43px;margin-bottom:23px}.turnkey-icon{top:23px;right:21px}.turnkey-step h3{font-size:17px}.turnkey-step p{font-size:12px}.turnkey-bg{background-position:58% center}}@media (prefers-reduced-motion:reduce){.turnkey-bg,.turnkey-orbit,.turnkey-energy,.turnkey-particle,.section-label::before{animation:none !important}.turnkey-step{transition:none}}.sv-documentation-section{position:relative;overflow:hidden;padding:115px 0;background:#ffffff;isolation:isolate}.sv-doc-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.sv-doc-grid{position:absolute;width:700px;height:700px;right:-300px;top:-250px;opacity:.35;background-image:linear-gradient( rgba(126,180,35,.045) 1px,transparent 1px ),linear-gradient( 90deg,rgba(126,180,35,.045) 1px,transparent 1px );background-size:55px 55px;transform:rotate(10deg)}.sv-doc-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.sv-doc-glow.glow-1{width:400px;height:400px;right:5%;top:10%;background:rgba(155,229,31,.055);animation:svDocGlow 7s ease-in-out infinite}.sv-doc-glow.glow-2{width:300px;height:300px;left:-150px;bottom:-100px;background:rgba(155,229,31,.035);animation:svDocGlow 9s ease-in-out infinite reverse}.sv-documentation-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:80px}.sv-section-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;color:#719f19;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.sv-label-dot{width:8px;height:8px;border-radius:50%;background:#9be51f;box-shadow:0 0 0 5px rgba(155,229,31,.10),0 0 18px rgba(155,229,31,.45);animation:svDocPulse 2.2s ease-in-out infinite}.sv-documentation-content h2{max-width:650px;margin:0;color:#17211c;font-size:clamp(40px,4.5vw,62px);line-height:1.04;letter-spacing:-2.7px;font-weight:800}.sv-documentation-content h2 span{color:#80bd1d}.sv-doc-line{width:52px;height:3px;margin:25px 0 27px;border-radius:20px;background:#9be51f;box-shadow:0 0 15px rgba(155,229,31,.25)}.sv-documentation-content p{max-width:590px;margin:0 0 18px;color:#69736d;font-size:14px;line-height:1.8}.sv-documentation-content .sv-doc-lead{color:#424b46;font-size:15px}.sv-document-points{display:grid;gap:10px;margin-top:30px;max-width:570px}.sv-document-point{display:flex;align-items:center;gap:15px;padding:13px 16px;border:1px solid rgba(20,35,27,.07);border-radius:13px;background:rgba(255,255,255,.78);box-shadow:0 8px 25px rgba(19,35,25,.035);transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.sv-document-point:hover{transform:translateX(7px);border-color:rgba(155,229,31,.28);box-shadow:0 12px 30px rgba(19,35,25,.07)}.sv-check{flex:0 0 auto;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#72a91b;background:rgba(155,229,31,.12);font-size:17px;transition:.4s ease}.sv-document-point:hover .sv-check{color:#ffffff;background:#8dcc1d;transform:scale(1.06) rotate(3deg)}.sv-document-point strong{display:block;margin-bottom:2px;color:#202a24;font-size:13px;font-weight:750}.sv-document-point span{display:block;color:#8a938e;font-size:12px}.sv-documentation-visual{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center}.sv-doc-image-wrap{position:relative;width:100%;max-width:680px;border-radius:28px;overflow:hidden;box-shadow:0 35px 80px rgba(22,39,28,.13),0 4px 20px rgba(22,39,28,.05);transform:rotate(.3deg);animation:svDocFloat 7s ease-in-out infinite}.sv-doc-image{display:block;width:100%;height:auto;object-fit:cover}.sv-doc-image-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient( 120deg,rgba(255,255,255,.12),transparent 35%,transparent 70%,rgba(155,229,31,.05) )}.sv-energy-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sv-energy-path path{fill:none;stroke:rgba(155,229,31,.75);stroke-width:2;stroke-dasharray:8 11;filter:drop-shadow( 0 0 5px rgba(155,229,31,.45) );animation:svEnergyPath 8s linear infinite}.sv-energy-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#9be51f;box-shadow:0 0 0 6px rgba(155,229,31,.10),0 0 25px rgba(155,229,31,.8);offset-path:path( "M-30 520 C120 450 135 570 260 500 C370 435 360 300 490 300 C575 300 595 180 735 130" );animation:svEnergyMove 8s linear infinite}.sv-floating-card{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid rgba(155,229,31,.18);background:rgba(255,255,255,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(19,35,25,.13);color:#78ae1b}.sv-floating-card i{font-size:20px}.card-document{left:8%;top:13%;gap:10px;min-width:160px;padding:12px 16px;border-radius:14px;animation:svCardFloat 5s ease-in-out infinite}.card-document strong{display:block;color:#28322d;font-size:11px}.card-document span{display:block;color:#8b938f;font-size:9px}.card-calculator{right:7%;top:35%;width:53px;height:53px;border-radius:15px;animation:svCardFloat 6s .8s ease-in-out infinite}.card-check{left:15%;bottom:12%;width:52px;height:52px;border-radius:50%;animation:svCardFloat 5.5s 1.3s ease-in-out infinite}.sv-solar-status{position:absolute;right:6%;bottom:9%;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:rgba(10,20,14,.88);color:white;box-shadow:0 15px 35px rgba(0,0,0,.18);animation:svCardFloat 6s 1.5s ease-in-out infinite}.status-dot{width:8px;height:8px;border-radius:50%;background:#9be51f;box-shadow:0 0 12px #9be51f;animation:svDocPulse 2s infinite}.sv-solar-status strong{display:block;font-size:10px}.sv-solar-status span:not(.status-dot){display:block;margin-top:2px;color:#8e9992;font-size:8px}@keyframes svDocPulse{0%,100%{box-shadow:0 0 0 5px rgba(155,229,31,.08),0 0 10px rgba(155,229,31,.25)}50%{box-shadow:0 0 0 8px rgba(155,229,31,.04),0 0 25px rgba(155,229,31,.65)}}@keyframes svDocGlow{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.6}50%{transform:translate3d(-20px,15px,0) scale(1.08);opacity:1}}@keyframes svDocFloat{0%,100%{transform:rotate(.3deg) translateY(0)}50%{transform:rotate(.3deg) translateY(-8px)}}@keyframes svCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes svEnergyPath{to{stroke-dashoffset:-150}}@keyframes svEnergyMove{0%{offset-distance:0%;opacity:0}5%{opacity:1}92%{opacity:1}100%{offset-distance:100%;opacity:0}}@media (max-width:991px){.sv-documentation-section{padding:85px 0}.sv-documentation-grid{grid-template-columns:1fr;gap:55px}.sv-documentation-content{max-width:720px}.sv-documentation-visual{min-height:auto}.sv-doc-image-wrap{max-width:720px}}@media (max-width:575px){.sv-documentation-section{padding:65px 0}.sv-documentation-grid{gap:40px}.sv-documentation-content h2{font-size:38px;letter-spacing:-1.7px}.sv-documentation-content p{font-size:13px}.sv-document-points{gap:8px;margin-top:24px}.sv-document-point{padding:11px 12px;gap:11px}.sv-check{width:31px;height:31px;font-size:15px}.sv-document-point strong{font-size:11px}.sv-document-point span{font-size:9px}.sv-documentation-visual{margin-top:5px}.sv-doc-image-wrap{border-radius:18px}.card-document{left:5%;top:8%;min-width:130px;padding:9px 11px}.card-document i{font-size:16px}.card-calculator{right:5%;top:35%;width:42px;height:42px}.card-check{left:8%;bottom:10%;width:42px;height:42px}.sv-solar-status{right:4%;bottom:7%;padding:9px 11px}}@media (prefers-reduced-motion:reduce){.sv-doc-glow,.sv-doc-image-wrap,.sv-floating-card,.sv-energy-dot,.sv-energy-path path,.sv-label-dot,.status-dot{animation:none !important}}.sv-footer{position:relative;background:#06110d;color:#fff;overflow:hidden;background:linear-gradient(90deg,rgba(5,15,22,.97),rgba(5,15,22,.77)),url(../img/hero-solar-house.webp) center / cover}.sv-footer-cta{position:relative;padding:90px 0 75px;background:radial-gradient( circle at 85% 50%,rgba(155,229,31,.09),transparent 35% ),linear-gradient( 135deg,#0b1b14,#07130f );overflow:hidden;position:relative;overflow:hidden;color:#fff;background:none}.sv-footer-cta::before{content:"";position:absolute;width:500px;height:500px;right:-200px;top:-250px;border-radius:50%;border:1px solid rgba(155,229,31,.08);box-shadow:0 0 0 70px rgba(155,229,31,.018),0 0 0 140px rgba(155,229,31,.012);animation:svFooterOrbit 12s linear infinite}.sv-footer-cta::after{content:"";position:absolute;width:8px;height:8px;right:23%;top:42%;border-radius:50%;background:#9be51f;box-shadow:0 0 20px rgba(155,229,31,.9),0 0 50px rgba(155,229,31,.4);animation:svFooterPulse 2.5s ease-in-out infinite}.sv-footer-cta-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:60px}.sv-footer-cta-content{max-width:760px}.sv-footer-label{display:flex;align-items:center;gap:9px;margin-bottom:17px;color:#9be51f;font-size:10px;font-weight:800;letter-spacing:2px}.sv-footer-label span{width:7px;height:7px;border-radius:50%;background:#9be51f;box-shadow:0 0 14px rgba(155,229,31,.7);animation:svFooterPulse 2s infinite}.sv-footer-cta h2{margin:0;color:#fff;font-size:clamp(38px,4.5vw,62px);line-height:1.03;letter-spacing:-2.5px;font-weight:800}.sv-footer-cta h2 strong{display:block;color:#9be51f;font-weight:800}.sv-footer-cta p{max-width:650px;margin:22px 0 0;color:#91a099;font-size:14px;line-height:1.75}.sv-footer-cta-actions{flex:0 0 330px;display:flex;flex-direction:column;gap:13px}.sv-footer-btn{display:flex;align-items:center;justify-content:center;gap:20px;min-height:65px;padding:0 28px;border-radius:40px;background:#82bf00;color:#000;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 10px 35px rgba(255,183,24,.18);transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.sv-footer-btn i{font-size:19px;transition:transform .35s ease}.sv-footer-btn:hover{color:#10140f;background:#72ac00;transform:translateY(-3px);box-shadow:0 16px 40px rgba(255,183,24,.25)}.sv-footer-btn:hover i{transform:translate(3px,-3px)}.sv-footer-phone{display:flex;align-items:center;justify-content:center;gap:13px;min-height:62px;border:1px solid rgba(255,255,255,.25);border-radius:40px;color:#fff;text-decoration:none;transition:border-color .3s ease,background .3s ease}.sv-footer-phone:hover{color:#fff;border-color:rgba(155,229,31,.6);background:rgba(155,229,31,.06)}.sv-phone-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#9be51f;background:rgba(155,229,31,.1)}.sv-footer-phone small{display:block;margin-bottom:2px;color:#839089;font-size:9px}.sv-footer-phone span:last-child{font-size:14px;font-weight:700}.sv-footer-main{position:relative;padding:70px 0 25px;background:linear-gradient(181deg,transparent,#1d1d1d9c)}.sv-footer-main::before{content:"";position:absolute;width:700px;height:700px;left:-400px;bottom:-450px;border-radius:50%;border:1px solid rgba(155,229,31,.035);box-shadow:0 0 0 80px rgba(155,229,31,.015),0 0 0 160px rgba(155,229,31,.01)}.sv-footer-logo{display:inline-flex;align-items:center;gap:14px;margin-bottom:22px;color:#fff;text-decoration:none}.sv-logo-sun{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.sv-logo-sun::before,.sv-logo-sun::after{content:"";position:absolute;left:50%;top:50%;width:52px;height:2px;background:#9be51f;transform-origin:center;opacity:.55}.sv-logo-sun::before{transform:translate(-50%,-50%) rotate(0deg)}.sv-logo-sun::after{transform:translate(-50%,-50%) rotate(90deg)}.sv-footer-brand>p{max-width:520px;margin:0;color:#83918a;font-size:13px;line-height:1.8}.sv-footer-column h3{margin:4px 0 22px;color:#fff;font-size:13px;font-weight:800}.sv-footer-column ul{list-style:none;padding:0;margin:0}.sv-footer-column li{margin-bottom:13px}.sv-footer-column li a{position:relative;color:#829089;font-size:12px;text-decoration:none;transition:color .3s ease,padding-left .3s ease}.sv-footer-column li a:hover{color:#9be51f;padding-left:5px}.sv-contact-item{display:flex;align-items:center;gap:12px;margin-bottom:17px;color:#8b9791;text-decoration:none}.sv-contact-item:hover{color:#fff}.sv-contact-item>span{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#9be51f;background:rgba(155,229,31,.07)}.sv-contact-item div{font-size:12px}.sv-contact-item small{display:block;margin-bottom:2px;color:#56645c;font-size:8px;text-transform:uppercase;letter-spacing:1px}.sv-footer-energy{position:relative;display:flex;align-items:center;margin-top:55px;height:1px;overflow:visible}.sv-energy-line{flex:1;height:1px;background:linear-gradient( 90deg,transparent,rgba(155,229,31,.16) )}.sv-energy-line:last-of-type{background:linear-gradient( 90deg,rgba(155,229,31,.16),transparent )}.sv-energy-dot{position:relative;width:7px;height:7px;margin:0 12px;flex:0 0 7px;border-radius:50%;background:#9be51f;box-shadow:0 0 14px rgba(155,229,31,.7);animation:svFooterPulse 2s infinite}.sv-footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:22px;color:#58665f;font-size:10px}.sv-footer-bottom span{color:#46534d}.sv-footer-bottom-links{display:flex;gap:25px}.sv-footer-bottom-links a{color:#58665f;text-decoration:none;transition:color .3s ease}.sv-footer-bottom-links a:hover{color:#9be51f}.sv-footer-slogan{justify-self:end;display:flex;align-items:center;gap:8px;color:#68766e;font-size:9px;letter-spacing:1.5px}.sv-footer-slogan i{color:#9be51f;font-size:13px}@keyframes svFooterPulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes svFooterOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:991px){.sv-footer-cta-inner{align-items:flex-start;flex-direction:column;gap:35px}.sv-footer-cta-actions{width:100%;max-width:400px;flex-basis:auto}.sv-footer-bottom{grid-template-columns:1fr 1fr}.sv-footer-slogan{justify-self:end}.sv-footer-bottom-links{grid-column:1 / -1;grid-row:2}}@media (max-width:575px){.sv-footer-cta{padding:65px 0 55px}.sv-footer-cta h2{font-size:39px;letter-spacing:-1.8px}.sv-footer-cta p{font-size:12px}.sv-footer-cta-actions{max-width:none}.sv-footer-btn{min-height:58px;font-size:14px}.sv-footer-phone{min-height:56px}.sv-footer-main{padding:55px 0 20px}.sv-footer-brand{margin-bottom:15px}.sv-footer-column h3{margin-bottom:17px}.sv-footer-column li{margin-bottom:11px}.sv-footer-energy{margin-top:35px}.sv-footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.sv-footer-bottom-links{display:flex;flex-wrap:wrap;gap:15px}.sv-footer-slogan{align-self:flex-start}}.contact-section{padding:110px 20px;background:#f3f6f4;font-family:"Inter",Arial,sans-serif}.contact-container{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.contact-form-box{padding:55px;background:#ffffff;border:1px solid #e2e8e4;border-radius:24px;box-shadow:0 20px 60px rgba(24,42,34,.07)}.contact-label{display:inline-block;margin-bottom:15px;color:#7d8b84;font-size:10px;font-weight:900;letter-spacing:2px}.contact-label.light{color:#9aaa5a}.contact-form-box h2{max-width:620px;margin:0 0 18px;color:#17211d;font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-2px}.contact-form-box h2 span{display:block;color:#78931d}.contact-intro{max-width:650px;margin:0 0 40px;color:#7b8881;font-size:15px;line-height:1.7}.solar-contact-form{display:flex;flex-direction:column;gap:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#26312c;font-size:12px;font-weight:750}.optional{color:#9aa59f;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:15px 16px;border:1px solid #dce4df;border-radius:11px;outline:none;background:#fbfcfb;color:#26312c;font-family:inherit;font-size:13px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.form-group textarea{min-height:125px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#a7b0ab}.form-group input:focus,.form-group textarea:focus{border-color:#b6d63c;background:#ffffff;box-shadow:0 0 0 4px rgba(182,214,60,.12)}.input-with-unit{position:relative}.input-with-unit input{padding-right:65px}.input-with-unit>span{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#7b8881;font-size:12px;font-weight:800}.file-upload{display:flex;align-items:center;gap:13px;padding:15px;border:1px dashed #cdd8d2;border-radius:12px;background:#fafcfb;cursor:pointer;transition:border-color .25s ease,background .25s ease}.file-upload:hover{border-color:#b6d63c;background:#f7faed}.file-upload-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#edf3d5;color:#78931d;font-size:19px;font-weight:800}.file-upload-text{min-width:0;flex:1}.file-upload-text strong{display:block;color:#26312c;font-size:12px}.file-upload-text span{display:block;margin-top:2px;color:#929d97;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-arrow{color:#87938d;font-size:20px}.privacy-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.privacy-check input{width:16px;height:16px;margin-top:2px;accent-color:#8ca621}.privacy-check span{color:#87928c;font-size:10px;line-height:1.5}.contact-submit{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border:0;border-radius:11px;background:#17211d;color:#ffffff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:800;transition:transform .25s ease,background .25s ease}.contact-submit strong{color:#b6d63c;font-size:21px;transition:transform .25s ease}.contact-submit:hover{background:#26352d;transform:translateY(-2px)}.contact-submit:hover strong{transform:translateX(5px)}.form-note{margin:-5px 0 0;color:#a0aaa5;font-size:9px;text-align:center}.contact-info-box{position:relative;overflow:hidden;padding:55px 45px;background:#002334;color:#ffffff;border-radius:10px;box-shadow:0 20px 60px rgba(0,31,45,.16)}.contact-info-box h3{max-width:350px;margin:0 0 45px;color:#ffffff;font-size:32px;line-height:1.15;letter-spacing:-1px}.contact-item{display:flex;gap:20px;margin-bottom:30px}.contact-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:3px;background:rgba(255,255,255,.08);color:#ff6b2b}.contact-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-item h4{margin:3px 0 6px;color:#ffffff;font-size:16px}.contact-item a{display:block;margin-bottom:3px;color:#ffffff;text-decoration:none;font-size:15px}.contact-item a:hover{color:#b6d63c}.contact-item p{margin:0;color:#d4dde0;font-size:14px;line-height:1.6}.contact-divider{height:1px;margin:38px 0 30px;background:rgba(255,255,255,.13)}.quick-contact>span{display:block;margin-bottom:15px;color:#aab9be;font-size:11px;font-weight:700}.quick-contact a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 0;color:#ffffff;text-decoration:none}.quick-contact a:hover{color:#b6d63c}.quick-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:rgba(255,255,255,.08);color:#ff6b2b;font-size:17px}.quick-contact strong{font-size:12px}.quick-contact b{color:#5e7480;font-size:19px;transition:transform .25s ease}.quick-contact a:hover b{transform:translateX(5px);color:#b6d63c}@media (max-width:950px){.contact-container{grid-template-columns:1fr}.contact-info-box{padding:45px}}@media (max-width:650px){.contact-section{padding:70px 15px}.contact-form-box{padding:35px 23px}.contact-info-box{padding:40px 25px}.form-row{grid-template-columns:1fr}.contact-form-box h2{font-size:36px}.contact-info-box h3{font-size:29px}}.page-header-kontakt{background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/sunvolt_kontakt.webp) center center no-repeat !important;background-size:cover}.sv-inner-hero{position:relative;width:100%;min-height:510px;overflow:hidden;display:flex;align-items:center;background:#06130f;isolation:isolate}.sv-inner-hero-image{position:absolute;inset:-15px;z-index:-5;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/solarr2.webp) center center no-repeat;background-size:cover;background-size:cover;background-position:center 42%;transform:scale(1.03);animation:svHeroImageZoom 14s ease-in-out infinite alternate}.sv-inner-hero-overlay{position:absolute;inset:0;z-index:-4;background:linear-gradient( 90deg,rgba(3,15,11,.98) 0%,rgba(3,15,11,.96) 15%,rgba(3,15,11,.88) 30%,rgba(3,15,11,.67) 43%,rgba(3,15,11,.40) 54%,rgba(3,15,11,.13) 68%,rgba(3,15,11,0) 82% )}.sv-inner-hero::after{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient( 180deg,rgba(2,8,6,.05),rgba(2,8,6,.20) );pointer-events:none}.sv-inner-hero-content{position:relative;z-index:10;max-width:780px;padding:75px 0 95px}.sv-inner-label{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#9cdb17;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;opacity:0;animation:svHeroFadeUp .7s .1s ease forwards}.sv-label-dot{position:relative;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#a5e91d;box-shadow:0 0 12px rgba(165,233,29,.9)}.sv-label-dot::after{content:"";position:absolute;inset:-6px;border:1px solid rgba(165,233,29,.55);border-radius:50%;animation:svLabelPulse 2s ease-out infinite}.sv-inner-hero h1{margin:0;max-width:800px;color:#fff;font-size:clamp(48px,5.4vw,78px);font-weight:800;line-height:.98;letter-spacing:-3.5px;text-shadow:0 4px 30px rgba(0,0,0,.35);opacity:0;animation:svHeroFadeUp .8s .2s ease forwards}.sv-inner-hero h1 span{display:block;color:#9be019;text-shadow:0 0 35px rgba(130,210,0,.12)}.sv-inner-description{max-width:620px;margin:27px 0 0;color:rgba(255,255,255,.86);font-size:18px;line-height:1.65;font-weight:400;opacity:0;animation:svHeroFadeUp .8s .35s ease forwards}.sv-inner-breadcrumb{display:flex;align-items:center;gap:11px;margin-top:27px;font-size:14px;opacity:0;animation:svHeroFadeUp .8s .48s ease forwards}.sv-inner-breadcrumb a{color:rgba(255,255,255,.65);text-decoration:none;transition:color .25s ease}.sv-inner-breadcrumb a:hover{color:#a4e51c}.sv-inner-breadcrumb span{color:#9de31b}.sv-inner-breadcrumb strong{color:#fff;font-weight:500}.sv-energy-wave{position:absolute;left:0;right:0;bottom:-1px;height:220px;z-index:5;pointer-events:none}.sv-energy-wave svg{display:block;width:100%;height:100%;overflow:visible}.sv-energy-line{fill:none;stroke:url(#svEnergyGradient);stroke-width:2.2;stroke-linecap:round;filter:drop-shadow( 0 0 5px rgba(159,230,27,.75) );stroke-dasharray:1600;stroke-dashoffset:1600;animation:svEnergyDraw 4s ease-out forwards,svEnergyFlow 7s 4s ease-in-out infinite}.sv-energy-glow{fill:none;stroke:rgba(160,230,30,.28);stroke-width:10;stroke-linecap:round;filter:blur(7px);opacity:.65;stroke-dasharray:1600;stroke-dashoffset:1600;animation:svEnergyDraw 4s ease-out forwards}.sv-energy-point{fill:#fff;filter:drop-shadow( 0 0 7px #a5e91d );animation:svPointPulse 2s ease-in-out infinite;display:none}.sv-energy-point-glow{fill:rgba(170,235,40,.18);animation:svPointGlow 2s ease-in-out infinite;display:none}.sv-inner-bottom{position:absolute;left:0;right:0;bottom:0;height:80px;z-index:4;pointer-events:none;background:linear-gradient( 180deg,transparent,rgba(3,14,10,.22) )}@keyframes svHeroImageZoom{0%{transform:scale(1.03)}100%{transform:scale(1.085)}}@keyframes svHeroFadeUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes svLabelPulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.8);opacity:0}}@keyframes svEnergyDraw{to{stroke-dashoffset:0}}@keyframes svEnergyFlow{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-80}100%{stroke-dashoffset:0}}@keyframes svPointPulse{0%,100%{transform:scale(.8);opacity:.75}50%{transform:scale(1.25);opacity:1}}@keyframes svPointGlow{0%,100%{transform:scale(.7);opacity:.2}50%{transform:scale(1.25);opacity:.65}}@media (max-width:991px){.sv-inner-hero{min-height:450px}.sv-inner-hero-overlay{background:linear-gradient( 90deg,rgba(3,15,11,.97) 0%,rgba(3,15,11,.90) 30%,rgba(3,15,11,.62) 55%,rgba(3,15,11,.18) 80%,transparent 100% )}.sv-inner-hero-content{padding:65px 20px 85px}}@media (max-width:575px){.sv-inner-hero{min-height:390px}.sv-inner-hero-image{background-position:67% center}.sv-inner-hero-overlay{background:linear-gradient( 90deg,rgba(3,15,11,.97) 0%,rgba(3,15,11,.91) 42%,rgba(3,15,11,.68) 72%,rgba(3,15,11,.40) 100% )}.sv-inner-hero-content{padding:55px 20px 80px}.sv-inner-label{font-size:9px;letter-spacing:2px;margin-bottom:15px}.sv-inner-hero h1{font-size:45px;line-height:1;letter-spacing:-2px}.sv-inner-description{margin-top:20px;font-size:15px;line-height:1.55;max-width:430px}.sv-inner-breadcrumb{margin-top:20px;font-size:12px}.sv-energy-wave{height:130px}}@media (prefers-reduced-motion:reduce){.sv-inner-hero-image,.sv-inner-label,.sv-inner-hero h1,.sv-inner-description,.sv-inner-breadcrumb,.sv-energy-line,.sv-energy-glow,.sv-energy-point,.sv-energy-point-glow{animation:none !important}}.sv-lang{position:relative;z-index:9999}.sv-lang-toggle{height:44px;padding:0 14px;border:1px solid rgba(10,23,24,.12);border-radius:50px;background:#fff;color:#071316;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.sv-lang-toggle:hover{border-color:#8dcc00;box-shadow:0 8px 25px rgba(0,0,0,.08);transform:translateY(-1px)}.sv-lang-toggle .sv-lang-flag{font-size:17px;line-height:1}.sv-lang-toggle i{font-size:10px;margin-left:2px;transition:transform .25s ease}.sv-lang.open .sv-lang-toggle i{transform:rotate(180deg)}.sv-lang-menu{position:absolute;top:calc(100%+10px);right:0;min-width:175px;padding:7px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(10,23,24,.08);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.13),0 5px 15px rgba(0,0,0,.05);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.sv-lang.open .sv-lang-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.sv-lang-menu button{width:100%;padding:11px 12px;display:flex;align-items:center;gap:11px;border:0;border-radius:10px;background:transparent;color:#182124;font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease,padding-left .2s ease}.sv-lang-menu button span:first-child{width:23px;font-size:17px}.sv-lang-menu button:hover{background:rgba(141,204,0,.10);color:#70a900;padding-left:16px}.sv-lang-menu button.active{background:rgba(141,204,0,.13);color:#70a900}#google_translate_element{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;opacity:0 !important;pointer-events:none !important}body{top:0 !important}@media (max-width:991.98px){.sv-lang{width:100%}.sv-lang-toggle{width:100%;justify-content:space-between;border-radius:12px;height:48px}.sv-lang-menu{position:static;width:100%;margin-top:8px;box-shadow:none;border-radius:12px;transform:none}.sv-lang.open .sv-lang-menu{transform:none}}:root{--sunvolt-green:#8bc900;--sunvolt-green-dark:#6d9f00;--sunvolt-green-light:#a9df32;--sunvolt-dark:#18211c;--sunvolt-text:#273029;--sunvolt-muted:#697269;--sunvolt-border:#e8ece8;--sunvolt-light:#f6f8f5}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--sunvolt-text);background:#fff}.sv-topbar{min-height:38px;background:#f5f7f5;border-bottom:1px solid #edf0ed;font-size:13px}.sv-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sv-top-left,.sv-top-right{display:flex;align-items:center;gap:22px}.sv-top-item{display:flex;align-items:center;gap:7px;color:#59625c;white-space:nowrap}.sv-top-item i{color:var(--sunvolt-green);font-size:14px}.sv-top-phone{color:var(--sunvolt-green) !important;font-weight:600}.sv-social{display:flex;align-items:center;gap:13px}.sv-social a{color:#59625c;text-decoration:none;transition:color .2s ease,transform .2s ease}.sv-social a:hover{color:var(--sunvolt-green);transform:translateY(-2px)}.sv-header{position:relative;z-index:1000;width:100%;background:rgba(255,255,255,.98);border-bottom:1px solid var(--sunvolt-border);box-shadow:0 3px 15px rgba(25,40,25,.035);transition:position .35s ease,transform .35s ease,box-shadow .35s ease,background .35s ease}.sv-header.sv-fixed{position:fixed;top:0;left:0;box-shadow:0 8px 30px rgba(20,40,20,.11);animation:svHeaderDown .35s ease}@keyframes svHeaderDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}.sv-main-nav{min-height:88px;display:flex;align-items:center;transition:min-height .3s ease}.sv-header.sv-fixed .sv-main-nav{min-height:76px}.sv-logo{display:inline-flex;align-items:center;color:var(--sunvolt-dark);text-decoration:none;flex-shrink:0}.sv-logo:hover{color:var(--sunvolt-dark)}.sv-logo-sun{position:relative;width:47px;height:47px;margin-right:13px}.sv-sun-core{position:absolute;width:37px;height:37px;left:0;top:5px;border-radius:50%;background:radial-gradient( circle at 30% 25%,#e4ff91 0%,#aadd2e 20%,#8bc900 65%,#73a900 100% );box-shadow:0 0 0 7px rgba(139,201,0,.08),0 0 22px rgba(139,201,0,.30);animation:svSunPulse 3.2s ease-in-out infinite}.sv-sun-core::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);top:6px;left:9px}.sv-sun-rays{position:absolute;left:29px;top:12px;width:30px;height:25px}.sv-sun-rays span{position:absolute;height:2px;border-radius:5px;background:linear-gradient( 90deg,rgba(139,201,0,.95),rgba(139,201,0,.12) );transform-origin:left center;animation:svRay 2.8s ease-in-out infinite}.sv-sun-rays span:nth-child(1){width:25px;top:2px}.sv-sun-rays span:nth-child(2){width:31px;top:11px}.sv-sun-rays span:nth-child(3){width:23px;top:20px}.sv-logo-name{font-size:29px;font-weight:800;letter-spacing:-1.7px;line-height:1}.sv-logo-pro{margin-left:7px;margin-top:7px;font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--sunvolt-green-dark)}.sv-navigation{margin-left:auto;display:flex;align-items:center}.sv-menu{display:flex;align-items:center;gap:1px;margin:0;padding:0;list-style:none}.sv-menu>li{position:relative}.sv-menu>li>a{position:relative;display:flex;align-items:center;gap:6px;min-height:88px;padding:0 14px;color:#29322c;text-decoration:none;font-size:15px;font-weight:650;transition:color .25s ease,transform .25s ease}.sv-header.sv-fixed .sv-menu>li>a{min-height:76px}.sv-menu>li>a::after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:3px;border-radius:5px 5px 0 0;background:var(--sunvolt-green);transform:scaleX(0);opacity:0;transition:transform .3s ease,opacity .3s ease}.sv-menu>li>a:hover,.sv-menu>li.active>a{color:var(--sunvolt-green-dark)}.sv-menu>li>a:hover::after,.sv-menu>li.active>a::after{transform:scaleX(1);opacity:1}.sv-menu>li>a:hover{transform:translateY(-1px)}.sv-menu-dot{width:5px;height:5px;border-radius:50%;background:var(--sunvolt-green);opacity:0;transition:opacity .25s ease}.sv-menu>li>a:hover .sv-menu-dot,.sv-menu>li.active>a .sv-menu-dot{opacity:1}.sv-dropdown{position:absolute;top:calc(100% - 2px);left:5px;min-width:225px;padding:8px;background:#fff;border:1px solid #edf1ed;border-radius:14px;box-shadow:0 18px 45px rgba(28,50,28,.13);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.sv-menu>li:hover .sv-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.sv-dropdown a{display:flex;align-items:center;gap:11px;padding:10px 12px;color:#303830;text-decoration:none;font-size:13px;font-weight:600;border-radius:9px;transition:background .2s ease,color .2s ease,padding-left .2s ease}.sv-dropdown a i{color:var(--sunvolt-green);font-size:16px}.sv-dropdown a:hover{color:var(--sunvolt-green-dark);background:#f5faed;padding-left:16px}.sv-call{position:relative;overflow:hidden;display:flex;align-items:center;min-width:198px;min-height:56px;margin-left:20px;padding:7px 12px 7px 8px;color:#fff !important;text-decoration:none;border-radius:14px;background:linear-gradient( 135deg,#8bc900,#6ea800 );box-shadow:0 10px 24px rgba(139,201,0,.22);transition:transform .25s ease,box-shadow .25s ease}.sv-call:hover{color:#fff;transform:translateY(-2px);box-shadow:0 15px 30px rgba(139,201,0,.32)}.sv-call::before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,.25),transparent );transform:skewX(-20deg);animation:svShine 4.5s ease-in-out infinite}.sv-call-icon{position:relative;z-index:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:rgba(0,0,0,.14);font-size:17px}.sv-call-text{position:relative;z-index:1;margin-left:10px;line-height:1.1}.sv-call-label{display:block;margin-bottom:3px;font-size:10px;opacity:.82}.sv-call-number{display:block;font-size:14px;font-weight:800;letter-spacing:.2px}.sv-call-arrow{position:relative;z-index:1;margin-left:auto;padding-left:9px;font-size:21px;transition:transform .25s ease}.sv-call:hover .sv-call-arrow{transform:translateX(4px)}.sv-mobile-actions{display:none;align-items:center;gap:8px;margin-left:auto}.sv-mobile-phone{width:41px;height:41px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--sunvolt-green);border-radius:11px;box-shadow:0 7px 18px rgba(139,201,0,.23);text-decoration:none;transition:transform .2s ease}.sv-mobile-phone:hover{color:#fff;transform:translateY(-2px)}.sv-menu-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--sunvolt-dark);background:#fff;border:1px solid #e4e9e4;border-radius:11px;font-size:22px;transition:border-color .2s ease,color .2s ease}.sv-menu-button:hover{color:var(--sunvolt-green-dark);border-color:var(--sunvolt-green)}.sv-offcanvas{width:min(380px,92vw) !important;border:0 !important;box-shadow:-15px 0 50px rgba(20,40,20,.15)}.sv-offcanvas .offcanvas-header{padding:20px 22px;border-bottom:1px solid #edf1ed}.sv-offcanvas .offcanvas-body{padding:17px 22px 28px}.sv-mobile-logo{transform:scale(.85);transform-origin:left center}.sv-mobile-menu{list-style:none;padding:0;margin:5px 0 20px}.sv-mobile-menu li{border-bottom:1px solid #edf0ed}.sv-mobile-menu a{min-height:55px;display:flex;align-items:center;padding:0 3px;color:#29322c;text-decoration:none;font-size:15px;font-weight:650;transition:color .2s ease,padding-left .2s ease}.sv-mobile-menu a i:first-child{width:34px;color:var(--sunvolt-green);font-size:18px}.sv-mobile-menu a:hover{color:var(--sunvolt-green-dark);padding-left:8px}.sv-mobile-menu .active a{color:var(--sunvolt-green-dark)}.sv-mobile-sub{padding:0 0 8px 37px}.sv-mobile-sub a{min-height:38px;color:#667066;font-size:13px;font-weight:600}.sv-mobile-call{margin-top:20px}.sv-mobile-sun{position:absolute;width:250px;height:250px;right:-120px;bottom:-100px;border-radius:50%;background:radial-gradient( circle,rgba(139,201,0,.16) 0%,rgba(139,201,0,.07) 45%,transparent 70% );pointer-events:none}@keyframes svSunPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 7px rgba(139,201,0,.08),0 0 22px rgba(139,201,0,.30)}50%{transform:scale(1.055);box-shadow:0 0 0 11px rgba(139,201,0,.06),0 0 32px rgba(139,201,0,.42)}}@keyframes svRay{0%,100%{opacity:.55;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1)}}@keyframes svShine{0%{left:-100%}25%{left:140%}100%{left:140%}}@media (max-width:1199.98px){.sv-menu>li>a{padding-left:9px;padding-right:9px;font-size:14px}.sv-menu>li>a::after{left:9px;right:9px}.sv-call{min-width:180px;margin-left:10px}.sv-logo-name{font-size:27px}}@media (max-width:991.98px){.sv-topbar{display:none}.sv-main-nav{min-height:72px}.sv-header.sv-fixed .sv-main-nav{min-height:66px}.sv-navigation,.sv-desktop-call{display:none}.sv-mobile-actions{display:flex}.sv-logo-name{font-size:27px}.sv-logo-pro{font-size:9px}.sv-logo-sun{width:44px;height:44px}.sv-sun-core{width:35px;height:35px}.sv-sun-rays{left:28px;transform:scale(.85)}}@media (max-width:575.98px){.sv-main-nav{min-height:68px}.sv-logo-name{font-size:23px;letter-spacing:-1.4px}.sv-logo-pro{font-size:8px;letter-spacing:1.3px}.sv-logo-sun{width:39px;height:39px;margin-right:8px}.sv-sun-core{width:31px;height:31px}.sv-sun-rays{left:25px;top:10px;transform:scale(.72)}.sv-mobile-phone,.sv-menu-button{width:39px;height:39px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.sv-header-space{position:relative;width:100%;height:105px}.sv-header{position:absolute;top:0;left:0;width:100%;height:105px;z-index:1000;background:rgba(255,255,255,.97);transition:box-shadow .3s ease,background .3s ease,transform .3s ease}.sv-header.is-sticky{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.08);animation:svHeaderDrop .35s ease forwards}@keyframes svHeaderDrop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width:991px){.sv-header-space{height:80px}.sv-header{height:80px}}.page-header-calc{background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/sun_hero3.webp) center center no-repeat;background-size:cover}.page-header-o_nama{background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/o_nama_sunvolt.webp) center center no-repeat;background-size:cover}.sv-footer-power{position:relative;width:100%;max-width:610px;margin-top:30px;padding-top:20px}.sv-footer-power::before{content:"";position:absolute;top:0;left:0;width:72px;height:1px;background:linear-gradient( 90deg,#91d400,transparent );opacity:.75}.sv-footer-power-heading{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42)}.sv-footer-power-heading strong{color:#91d400;font-weight:700}.sv-footer-power-heading i{color:#91d400;font-size:12px}.sv-footer-power-flow{display:flex;align-items:center;width:100%;margin-top:15px}.sv-power-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.sv-power-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(145,212,0,.30);border-radius:50%;background:rgba(7,19,22,.42);color:#91d400;font-size:13px;box-shadow:0 0 0 4px rgba(145,212,0,.025);transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}.sv-power-step:hover .sv-power-icon{border-color:rgba(145,212,0,.7);box-shadow:0 0 0 5px rgba(145,212,0,.045),0 0 18px rgba(145,212,0,.12);transform:translateY(-2px)}.sv-power-step span{margin-top:6px;font-size:7px;line-height:1;font-weight:600;letter-spacing:.15em;color:rgba(255,255,255,.38)}.sv-power-connection{position:relative;flex:1;height:1px;margin:0 12px;margin-bottom:18px;background:linear-gradient( 90deg,rgba(145,212,0,.08),rgba(145,212,0,.30),rgba(145,212,0,.08) )}.sv-power-connection span{position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#a6e800;box-shadow:0 0 6px rgba(145,212,0,.9),0 0 13px rgba(145,212,0,.45);animation:svFooterEnergyFlow 2.6s ease-in-out infinite}.sv-power-connection:nth-of-type(4) span{animation-delay:1.3s}@keyframes svFooterEnergyFlow{0%{left:0;opacity:0;transform:scale(.7)}12%{opacity:1}78%{opacity:1}100%{left:calc(100% - 4px);opacity:0;transform:scale(1.1)}}.sv-footer-power-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.055)}.sv-footer-power-bottom>span{display:flex;align-items:center;gap:6px;font-size:9px;line-height:1.4;color:rgba(255,255,255,.34)}.sv-footer-power-bottom>span i{color:#91d400;font-size:11px}.sv-footer-power-bottom a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px;font-weight:600;color:rgba(255,255,255,.62);text-decoration:none;transition:color .3s ease,gap .3s ease}.sv-footer-power-bottom a i{color:#91d400;font-size:11px;transition:transform .3s ease}.sv-footer-power-bottom a:hover{color:#91d400;gap:9px}.sv-footer-power-bottom a:hover i{transform:translate(2px,-2px)}@media (max-width:767px){.sv-footer-power{max-width:100%;margin-top:25px}.sv-footer-power-flow{margin-top:14px}.sv-power-icon{width:30px;height:30px;font-size:12px}.sv-power-connection{margin-left:7px;margin-right:7px}.sv-footer-power-bottom{align-items:flex-start;flex-direction:column;gap:11px}}@media (prefers-reduced-motion:reduce){.sv-power-connection span{animation:none;opacity:.8}}.footer_info_text{color:#99e11f;font-style:italic;font-size:14px}.sv-offcanvas{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;width:320px !important;max-width:85vw !important;z-index:99999 !important;visibility:visible !important;transform:translateX(100%) !important}.sv-offcanvas.show{transform:translateX(0) !important;visibility:visible !important}.sv-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.sv-reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sv-reveal{opacity:1;transform:none;transition:none}}@media (max-width:767px){.turnkey-bg{background-image:linear-gradient(180deg,rgba(4,11,8,.78),rgba(4,12,8,.91)),url(../img/homekey-768.webp)}.sv-inner-hero-image{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/solarr2-768.webp)}.sv-inner-hero-image.hero_projekti1{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/hero_projekti1-768.webp)}.sv-inner-hero-image.hero_paketi2{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/hero_paketi2-768.webp)}.page-header-kontakt{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/sunvolt_kontakt-mobile.webp)!important}.page-header-calc{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/sun_hero3-768.webp)}.page-header-o_nama{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/o_nama_sunvolt-768.webp)}}.sv-slide-image,.sv-project-image img,.sv-about-slide img,.sv-doc-image{image-rendering:auto}.sv-slide picture,.sv-project-image picture,.sv-about-slide picture{position:absolute;inset:0;display:block;width:100%;height:100%}.sv-doc-image-wrap picture{display:block;width:100%}
/* =========================================================
   SUNVOLT PRO — MODERN TESTIMONIALS
   ========================================================= */

.sv-testimonials-section {
    position: relative;
    overflow: hidden;
}

/* ---------------------------------------------------------
   Naslov
   --------------------------------------------------------- */

.sv-testimonials-section .section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #32c36c;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.sv-testimonials-section .section-kicker::before {
    content: "";
    width: 28px;
    height: 2px;
    background: #32c36c;
    border-radius: 2px;
}

.sv-testimonials-section .section-title {
    margin: 0;
    color: #182b3a;
    font-size: clamp(30px, 3vw, 44px);
    font-weight: 800;
    letter-spacing: -1px;
}

.sv-testimonials-section .section-title span {
    color: #32c36c;
}


/* ---------------------------------------------------------
   Glavna sekcija
   --------------------------------------------------------- */

.sv-testimonial-slider {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 25px 55px 75px;
    overflow: hidden;
}


/* ---------------------------------------------------------
   Track
   --------------------------------------------------------- */

.sv-testimonial-track {
    display: flex;
    align-items: stretch;
    transition: transform .7s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}


/* ---------------------------------------------------------
   Slide
   --------------------------------------------------------- */

.sv-testimonial-slide {
    flex: 0 0 auto;
    padding: 18px 14px;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   Kartica
   --------------------------------------------------------- */

.sv-testimonial-slide .testimonial-item {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 25px 28px 30px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(247,250,248,.96)
        );

    border: 1px solid rgba(50,195,108,.13);
    border-radius: 24px;

    box-shadow:
        0 15px 45px rgba(24,43,58,.07),
        0 2px 8px rgba(24,43,58,.035);

    transition:
        transform .45s cubic-bezier(.22,.61,.36,1),
        box-shadow .45s ease,
        border-color .45s ease;
}


/* zeleni sjaj iza kartice */

.sv-testimonial-slide .testimonial-item::before {
    content: "";
    position: absolute;
    top: -70px;
    right: -70px;

    width: 170px;
    height: 170px;

    background: rgba(50,195,108,.08);
    border-radius: 50%;

    filter: blur(10px);
    pointer-events: none;
}

.sv-testimonial-slide .testimonial-item:hover {
    transform: translateY(-8px);

    border-color: rgba(50,195,108,.28);

    box-shadow:
        0 25px 60px rgba(24,43,58,.11),
        0 8px 20px rgba(50,195,108,.08);
}


/* ---------------------------------------------------------
   Slika
   --------------------------------------------------------- */

.sv-testimonial-slide .testimonial-img {
    position: relative;
    width: 94px;
    height: 94px;
    margin-bottom: 20px;
    z-index: 2;
}


/* prsten oko slike */

.sv-testimonial-slide .testimonial-img::before {
    content: "";
    position: absolute;
    inset: -7px;

    border: 2px solid rgba(50,195,108,.20);
    border-radius: 50%;

    transition:
        transform .5s ease,
        border-color .5s ease;
}

.sv-testimonial-slide .testimonial-item:hover
.testimonial-img::before {
    transform: rotate(180deg) scale(1.08);
    border-color: rgba(50,195,108,.45);
}


/* slika */

.sv-testimonial-slide .testimonial-img img {
    width: 94px;
    height: 94px;

    object-fit: cover;

    margin: 0 !important;

    border: 4px solid #fff;

    box-shadow:
        0 8px 25px rgba(24,43,58,.14);
}


/* ---------------------------------------------------------
   Quote ikonica
   --------------------------------------------------------- */

.sv-testimonial-slide .testimonial-img .btn-square {
    position: absolute;

    right: -10px;
    bottom: -5px;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 3px solid #fff;

    background: #32c36c !important;

    box-shadow:
        0 7px 18px rgba(50,195,108,.30);

    z-index: 3;

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.sv-testimonial-slide .testimonial-item:hover
.testimonial-img .btn-square {
    transform: rotate(-8deg) scale(1.1);

    box-shadow:
        0 10px 25px rgba(50,195,108,.4);
}

.sv-testimonial-slide .testimonial-img .btn-square i {
    font-size: 16px;
}


/* ---------------------------------------------------------
   Tekst
   --------------------------------------------------------- */

.sv-testimonial-slide .testimonial-text {
    position: relative;
    width: 100%;

    padding: 5px 8px 0 !important;

    background: transparent !important;
    border-radius: 0 !important;

    color: #52616b;
    font-size: 15px;
    line-height: 1.75;
}


/* zvjezdice + tip elektrane */

.sv-testimonial-slide .testimonial-text > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: 16px !important;

    color: #f5b900;
    font-size: 15px;
    letter-spacing: 1px;
}

.sv-testimonial-slide .testimonial-text > div:first-child
span {
    padding: 5px 11px;

    color: #4b5b64 !important;

    background: rgba(50,195,108,.08);

    border: 1px solid rgba(50,195,108,.12);

    border-radius: 30px;

    font-size: 12px;
    letter-spacing: .2px;
}


/* naslov komentara */

.sv-testimonial-slide .testimonial-text b {
    display: block;

    margin-bottom: 8px;

    color: #182b3a;

    font-size: 18px;
    line-height: 1.35;
    font-weight: 750;
}


/* ime */

.sv-testimonial-slide .testimonial-client-name {
    position: relative;

    margin-top: 22px !important;
    margin-bottom: 2px !important;

    color: #182b3a;

    font-size: 17px;
    font-weight: 750;
}


/* grad */

.sv-testimonial-slide .testimonial-client-name + span {
    color: #32c36c;

    font-size: 13px;
    font-weight: 600;
}


/* ---------------------------------------------------------
   Strelice
   --------------------------------------------------------- */

.sv-testimonial-prev,
.sv-testimonial-next {
    position: absolute;
    top: 50%;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid rgba(50,195,108,.15);
    border-radius: 50%;

    background: #fff;
    color: #182b3a;

    box-shadow:
        0 8px 25px rgba(24,43,58,.10);

    transform: translateY(-50%);

    z-index: 10;

    cursor: pointer;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease,
        box-shadow .3s ease;
}

.sv-testimonial-prev {
    left: 0;
}

.sv-testimonial-next {
    right: 0;
}

.sv-testimonial-prev:hover,
.sv-testimonial-next:hover {
    background: #32c36c;
    color: #fff;

    box-shadow:
        0 10px 28px rgba(50,195,108,.28);

    transform: translateY(-50%) scale(1.08);
}

.sv-testimonial-prev i,
.sv-testimonial-next i {
    font-size: 19px;
}


/* ---------------------------------------------------------
   Dots
   --------------------------------------------------------- */

.sv-testimonial-dots {
    position: absolute;

    bottom: 18px;
    left: 0;
    right: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.sv-testimonial-dot {
    width: 8px;
    height: 8px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #d7dfda;

    cursor: pointer;

    transition:
        width .35s ease,
        background .35s ease,
        transform .35s ease;
}

.sv-testimonial-dot.active {
    width: 25px;

    background: #32c36c;

    border-radius: 20px;
}


/* ---------------------------------------------------------
   Suptilna animacija ulaska
   --------------------------------------------------------- */

.sv-testimonial-slide .testimonial-item {
    animation: svTestimonialFloat 6s ease-in-out infinite;
}

.sv-testimonial-slide:nth-child(even)
.testimonial-item {
    animation-delay: -3s;
}

@keyframes svTestimonialFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .sv-testimonial-slider {
        padding: 10px 8px 65px;
    }

    .sv-testimonial-slide {
        padding: 12px 4px;
    }

    .sv-testimonial-slide .testimonial-item {
        padding: 24px 20px 27px;

        border-radius: 20px;

        animation: none;
    }

    .sv-testimonial-slide .testimonial-text {
        font-size: 14px;
        line-height: 1.65;
    }

    .sv-testimonial-slide .testimonial-text b {
        font-size: 17px;
    }

    .sv-testimonial-slide .testimonial-img,
    .sv-testimonial-slide .testimonial-img img {
        width: 82px;
        height: 82px;
    }

    .sv-testimonial-slide .testimonial-img {
        margin-bottom: 18px;
    }

    .sv-testimonial-slide .testimonial-img .btn-square {
        width: 34px;
        height: 34px;
    }

    .sv-testimonial-prev,
    .sv-testimonial-next {
        width: 40px;
        height: 40px;

        top: auto;
        bottom: 9px;

        transform: none;
    }

    .sv-testimonial-prev {
        left: 20px;
    }

    .sv-testimonial-next {
        right: 20px;
    }

    .sv-testimonial-prev:hover,
    .sv-testimonial-next:hover {
        transform: scale(1.05);
    }

    .sv-testimonial-dots {
        bottom: 23px;
    }

}
/* SunVolt Pro slider quality/performance tuning */
.sv-slide-image{object-position:center center;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.sv-slide:nth-child(1) .sv-slide-image{object-position:center center}
.sv-slide:nth-child(2) .sv-slide-image{object-position:center center}
.sv-slide:nth-child(3) .sv-slide-image{object-position:center center}
@media (max-width:1199px){.sv-slider{height:min(620px,calc(100vh - 95px));min-height:480px}}
@media (max-width:767px){
 .sv-slider{height:430px;min-height:430px}
 .sv-slide-image{transform:scale(1.025);transition:transform 6s cubic-bezier(.2,.7,.2,1)}
 .sv-slide.active .sv-slide-image{transform:scale(1)}
 .sv-slide:nth-child(1) .sv-slide-image{object-position:72% center}
 .sv-slide:nth-child(2) .sv-slide-image{object-position:50% center}
 .sv-slide:nth-child(3) .sv-slide-image{object-position:50% center}
 .sv-slide-content{max-width:100%;padding:0 0 35px}
 .sv-slide h1{font-size:clamp(30px,8vw,36px);letter-spacing:-1.8px;margin-bottom:13px}
 .sv-slide p{max-width:520px;font-size:14px;line-height:1.55;margin-bottom:20px}
 .sv-slide-buttons{gap:8px;flex-wrap:wrap}
 .sv-btn-primary,.sv-btn-light{min-height:46px;padding:0 16px;font-size:13px}
 .sv-slider-controls{padding-bottom:18px}
 .sv-progress{display:none}
 .sv-dot{width:30px}.sv-dot.active{width:52px}
 .sv-arrow{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){.sv-slide,.sv-slide-image{transition:none!important}.sv-slide.active .sv-slide-image{transform:none!important}}

.sv-testimonial-dot{position:relative;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .35s ease}.sv-testimonial-dot::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#d7dfda;transition:width .35s ease,background .35s ease,transform .35s ease}.sv-testimonial-dot.active{width:44px;height:44px;background:transparent;transform:none}.sv-testimonial-dot.active::before{width:25px;height:8px;background:#32c36c;border-radius:20px}.sv-testimonial-dots{gap:2px}
/* SunVolt Pro accessibility contrast refinement */
.sv-how-step{opacity:.86}
.sv-how-step:hover,.sv-how-step.active{opacity:1}
.sv-how-step p{color:#c4cec7}
.sv-how-heading p{color:#c4cec7}
.sv-flow-large-item small{color:#a0aca5}
.sv-how-step .sv-step-number{color:#9aa79f}
/* SunVolt Optimization 5 - smooth documentation rendering */.sv-doc-glow{animation:none!important;filter:none!important;opacity:0!important}.sv-doc-image-wrap{animation:none!important;transform:rotate(.3deg)!important}.sv-floating-card,.sv-solar-status,.sv-energy-path path,.sv-energy-dot,.sv-label-dot,.status-dot{animation:none!important}.sv-energy-dot{display:none!important}.sv-documentation-section .sv-floating-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* SunVolt Optimization 6 - high-res documentation visual + compositor-friendly motion */
.sv-documentation-section .sv-floating-card{display:none!important}
.sv-doc-image-wrap{transform:rotate(.3deg)!important;animation:none!important}
.sv-doc-image-overlay{overflow:hidden}
.sv-doc-image-overlay::after{content:"";position:absolute;top:-20%;left:-35%;width:24%;height:140%;background:linear-gradient(90deg,transparent,rgba(155,229,31,.05),rgba(255,255,255,.30),rgba(155,229,31,.07),transparent);transform:translate3d(-120%,0,0) skewX(-18deg);opacity:0;will-change:transform,opacity;animation:svDocSheen 9s cubic-bezier(.22,.7,.25,1) infinite;pointer-events:none}
@keyframes svDocSheen{0%,62%{transform:translate3d(-120%,0,0) skewX(-18deg);opacity:0}68%{opacity:.8}82%{transform:translate3d(520%,0,0) skewX(-18deg);opacity:.5}88%,100%{transform:translate3d(520%,0,0) skewX(-18deg);opacity:0}}
.sv-solar-status .status-dot{animation:svStatusPulseLite 2.8s ease-in-out infinite!important;will-change:transform,opacity}
@keyframes svStatusPulseLite{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.25);opacity:1}}
@media (prefers-reduced-motion:reduce){.sv-doc-image-overlay::after,.sv-solar-status .status-dot{animation:none!important;opacity:.9;transform:none}}

/* FINAL OPTIMIZATION 7 - O-nama contrast + responsive hero imagery */
.sv-inner-hero.page-header-o_nama h1 span{color:#5f9200;text-shadow:none}
.sv-inner-hero-image.hero_projekti1{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/hero_projekti1-1920.webp)}
@media (max-width:1199px){.sv-inner-hero-image.hero_projekti1{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/hero_projekti1-1280.webp)}}
@media (max-width:767px){.sv-inner-hero-image.hero_projekti1{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/hero_projekti1-768.webp)}}
/* =====================================================
   SUNVOLT PRO - LOKACIJE I SOLARNE ELEKTRANE
===================================================== */

.sv-locations-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0;
    color: #17382c;
    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(48, 166, 112, 0.08),
            transparent 30%
        ),
        linear-gradient(180deg, #f8fbf9 0%, #ffffff 100%);
}

.sv-locations-section::before {
    content: "";
    position: absolute;
    top: -200px;
    right: -170px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(42, 139, 93, 0.08);
    border-radius: 50%;
    pointer-events: none;
}

.sv-locations-section .sv-section-heading,
.sv-locations-section .sv-locations-layout,
.sv-locations-section .sv-seo-description {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 40px));
    margin-right: auto;
    margin-left: auto;
}


/* =====================================================
   NASLOV
===================================================== */

.sv-section-heading {
    max-width: 800px !important;
    margin-bottom: 55px;
    text-align: center;
}

.sv-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #299565;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sv-eyebrow-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #37ad73;
    box-shadow: 0 0 0 5px rgba(55, 173, 115, 0.12);
}

.sv-section-heading h2 {
    margin: 0 0 22px;
    color: #153a2c;
    font-size: clamp(31px, 4vw, 52px);
    font-weight: 800;
    letter-spacing: -1.8px;
    line-height: 1.12;
}

.sv-section-heading h2 span {
    color: #2e9c67;
}

.sv-section-heading p {
    max-width: 740px;
    margin: 0 auto;
    color: #71847a;
    font-size: 16px;
    line-height: 1.85;
}


/* =====================================================
   GLAVNI RASPORED
===================================================== */

.sv-locations-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 34px;
    align-items: stretch;
}


/* =====================================================
   LEVA KOLONA
===================================================== */

.sv-locations-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 32px;
    border: 1px solid #e2eee7;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 15px 55px rgba(25, 80, 53, 0.055);
}

.sv-location-intro {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}

.sv-location-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: #e4f5eb;
    color: #299563;
    font-size: 22px;
}

.sv-location-intro h3 {
    margin: 3px 0 6px;
    color: #17382c;
    font-size: 20px;
    font-weight: 750;
}

.sv-location-intro p {
    margin: 0;
    color: #83948a;
    font-size: 13px;
    line-height: 1.65;
}


/* =====================================================
   PRETRAGA
===================================================== */

.sv-city-search {
    position: relative;
    margin-bottom: 16px;
}

.sv-city-search > i {
    position: absolute;
    top: 50%;
    left: 17px;
    color: #80a090;
    font-size: 16px;
    transform: translateY(-50%);
    pointer-events: none;
}

.sv-city-search input {
    width: 100%;
    height: 50px;
    padding: 0 16px 0 46px;
    border: 1px solid #e1eee6;
    border-radius: 13px;
    outline: none;
    background: #f8fbf9;
    color: #244536;
    font-family: inherit;
    font-size: 13px;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.sv-city-search input::placeholder {
    color: #9aaca2;
}

.sv-city-search input:focus {
    border-color: #62b88b;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(62, 168, 111, 0.1);
}


/* =====================================================
   LISTA GRADOVA
===================================================== */

.sv-cities-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: 310px;
    padding-right: 5px;
    overflow-y: auto;
}

.sv-cities-list::-webkit-scrollbar {
    width: 4px;
}

.sv-cities-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #cfe5d8;
}

.sv-city-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 45px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #6c8175;
    font-family: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.sv-city-item:hover {
    border-color: #e0eee6;
    background: #f5faf7;
    color: #277e53;
    transform: translateX(3px);
}

.sv-city-item.active {
    border-color: #d7eddf;
    background: #eaf7ef;
    color: #218450;
    font-weight: 750;
}

.sv-city-marker {
    width: 7px;
    height: 7px;
    margin-right: 13px;
    border-radius: 50%;
    background: #b9cfc2;
    transition: background 0.25s ease;
}

.sv-city-item.active .sv-city-marker {
    background: #36ac70;
    box-shadow: 0 0 0 4px rgba(54, 172, 112, 0.12);
}

.sv-city-name {
    flex: 1;
}

.sv-city-item > i {
    color: #a4b9ac;
    font-size: 15px;
    opacity: 0;
    transform: translate(-4px, 4px);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.sv-city-item:hover > i,
.sv-city-item.active > i {
    opacity: 1;
    transform: translate(0, 0);
}

.sv-no-results {
    display: none;
    align-items: center;
    gap: 8px;
    padding: 15px 0;
    color: #a17b5c;
    font-size: 13px;
}

.sv-no-results.visible {
    display: flex;
}


/* =====================================================
   IZABRANI GRAD
===================================================== */

.sv-selected-city {
    margin-top: 23px;
    padding: 23px;
    border: 1px solid #d8eee0;
    border-radius: 18px;
    background:
        linear-gradient(
            135deg,
            rgba(233, 248, 239, 0.95),
            rgba(247, 252, 248, 0.95)
        );
}

.sv-selected-city-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 13px;
}

.sv-selected-label {
    display: block;
    margin-bottom: 5px;
    color: #7b9c89;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.sv-selected-city h3 {
    margin: 0;
    color: #1c7048;
    font-size: 23px;
    font-weight: 800;
}

.sv-selected-check {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #d3efde;
    color: #299963;
    font-size: 17px;
}

.sv-selected-city p {
    margin: 0 0 20px;
    color: #6c8978;
    font-size: 12px;
    line-height: 1.8;
}

.sv-location-cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    padding: 13px 16px;
    border-radius: 11px;
    background: #247f50;
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.sv-location-cta:hover {
    background: #196b41;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(36, 127, 80, 0.2);
    transform: translateY(-2px);
}


/* =====================================================
   MAPA
===================================================== */

.sv-map-wrapper {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dcece3;
    border-radius: 25px;
    background: #f5fbf7;
    box-shadow: 0 15px 55px rgba(25, 80, 53, 0.055);
}

.sv-map-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 22px 27px;
    border-bottom: 1px solid #dfede5;
    background: rgba(255, 255, 255, 0.68);
}

.sv-map-status {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #638373;
    font-size: 11px;
    font-weight: 700;
}

.sv-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #35ac70;
    box-shadow: 0 0 0 5px rgba(53, 172, 112, 0.12);
    animation: svLivePulse 4.5s ease-in-out infinite;
}

.sv-map-country {
    color: #9ab0a2;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.sv-map-area {
    position: relative;
    flex: 1;
    min-height: 530px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(93, 182, 132, 0.12),
            transparent 45%
        ),
        #f2faf5;
}

.sv-map-area::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.55;
    background-image:
        linear-gradient(#dceee3 1px, transparent 1px),
        linear-gradient(90deg, #dceee3 1px, transparent 1px);
    background-size: 36px 36px;
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 20%,
        #000 80%,
        transparent
    );
    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 20%,
        #000 80%,
        transparent
    );
    pointer-events: none;
}

.sv-serbia-map {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    max-width: 620px;
    height: auto;
    overflow: visible;
    transform: translate(-50%, -50%);
}

.sv-serbia-shape {
    fill: url("#svMapGradient");
    stroke: #91c7aa;
    stroke-width: 2.5;
    stroke-linejoin: round;
}

.sv-map-line {
    fill: none;
    stroke: #a8d4ba;
    stroke-width: 1.5;
    stroke-dasharray: 4 7;
    opacity: 0.65;
}


/* =====================================================
   TAČKE NA MAPI
===================================================== */

.sv-map-city {
    outline: none;
    cursor: pointer;
}

.sv-map-city:focus-visible .sv-map-point {
    stroke: #145c38;
    stroke-width: 4;
}

.sv-map-city:hover .sv-map-point,
.sv-map-city.active .sv-map-point {
    fill: #ffffff;
    stroke: #238c59;
    stroke-width: 3;
}

.sv-map-point {
    fill: #2ca66b;
    stroke: #ffffff;
    stroke-width: 2;
    transition:
        fill 0.25s ease,
        stroke 0.25s ease;
}


/*
 * Povremeni efekat kružića.
 * Nema neprekidnog agresivnog blinkanja.
 */
.sv-map-pulse {
    fill: rgba(50, 172, 111, 0.15);
    stroke: rgba(50, 172, 111, 0.2);
    stroke-width: 1;
    transform-box: fill-box;
    transform-origin: center;
    animation: svMapRipple 6s ease-out infinite;
}

/* Različita kašnjenja stvaraju prirodniji ritam */
.sv-map-city:nth-of-type(4n + 1) .sv-map-pulse {
    animation-delay: 0s;
}

.sv-map-city:nth-of-type(4n + 2) .sv-map-pulse {
    animation-delay: 1.8s;
}

.sv-map-city:nth-of-type(4n + 3) .sv-map-pulse {
    animation-delay: 3.6s;
}

.sv-map-city:nth-of-type(4n + 4) .sv-map-pulse {
    animation-delay: 5.2s;
}

.sv-map-city text {
    fill: #477c60;
    font-family: inherit;
    font-size: 11px;
    font-weight: 750;
    pointer-events: none;
}


/* =====================================================
   OPIS NA MAPI
===================================================== */

.sv-map-caption {
    position: absolute;
    right: 22px;
    bottom: 22px;
    left: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 330px;
    padding: 15px 17px;
    border: 1px solid rgba(196, 225, 208, 0.8);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 10px 30px rgba(43, 111, 73, 0.06);
    backdrop-filter: blur(10px);
}

.sv-map-caption-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #e2f5e9;
    color: #2b9c63;
    font-size: 19px;
}

.sv-map-caption strong {
    display: block;
    margin-bottom: 4px;
    color: #24563d;
    font-size: 12px;
    font-weight: 800;
}

.sv-map-caption small {
    display: block;
    color: #8aa696;
    font-size: 10px;
}


/* =====================================================
   DONJA TRAKA MAPE
===================================================== */

.sv-map-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 18px 27px;
    border-top: 1px solid #dfede5;
    background: rgba(255, 255, 255, 0.68);
}

.sv-map-legend {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #829b8c;
    font-size: 10px;
}

.sv-legend-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2ca66b;
}

.sv-map-note {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #9bb1a3;
    font-size: 10px;
}


/* =====================================================
   SEO TEKST
===================================================== */

.sv-seo-description {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin-top: 55px;
    padding: 38px 42px;
    border: 1px solid #e1eee6;
    border-radius: 23px;
    background: #ffffff;
    box-shadow: 0 12px 45px rgba(25, 80, 53, 0.04);
}

.sv-seo-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    border-radius: 18px;
    background: #e6f6ed;
    color: #299c64;
    font-size: 27px;
}

.sv-seo-text {
    min-width: 0;
}

.sv-seo-kicker {
    display: block;
    margin-bottom: 10px;
    color: #39966a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.sv-seo-text h3 {
    margin: 0 0 17px;
    color: #1c4332;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.6px;
    line-height: 1.25;
}

.sv-seo-text p {
    margin: 0 0 14px;
    color: #748c7d;
    font-size: 14px;
    line-height: 1.95;
}

.sv-seo-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.sv-seo-links a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #deeee4;
    border-radius: 10px;
    color: #37845a;
    font-size: 11px;
    font-weight: 750;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.sv-seo-links a:hover {
    border-color: #b9dfc9;
    background: #effaf3;
    transform: translateY(-2px);
}


/* =====================================================
   ANIMACIJE
===================================================== */

@keyframes svMapRipple {

    0% {
        opacity: 0;
        transform: scale(0.65);
    }

    12% {
        opacity: 0.8;
    }

    45% {
        opacity: 0.25;
        transform: scale(1.45);
    }

    62%,
    100% {
        opacity: 0;
        transform: scale(1.7);
    }

}

@keyframes svLivePulse {

    0%,
    70%,
    100% {
        opacity: 1;
    }

    82% {
        opacity: 0.35;
    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .sv-locations-section {
        padding: 80px 0;
    }

    .sv-locations-layout {
        grid-template-columns: 1fr;
    }

    .sv-locations-content {
        padding: 28px;
    }

    .sv-map-area {
        min-height: 480px;
    }

    .sv-serbia-map {
        max-width: 590px;
    }

    .sv-seo-description {
        padding: 30px;
    }

}


/* =====================================================
   MOBILNI UREĐAJI
===================================================== */

@media (max-width: 575px) {

    .sv-locations-section {
        padding: 65px 0;
    }

    .sv-locations-section .sv-section-heading,
    .sv-locations-section .sv-locations-layout,
    .sv-locations-section .sv-seo-description {
        width: calc(100% - 28px);
    }

    .sv-section-heading {
        margin-bottom: 35px;
    }

    .sv-section-heading h2 {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .sv-section-heading p {
        font-size: 14px;
        line-height: 1.75;
    }

    .sv-locations-content {
        padding: 21px;
        border-radius: 19px;
    }

    .sv-location-intro h3 {
        font-size: 18px;
    }

    .sv-map-wrapper {
        border-radius: 19px;
    }

    .sv-map-topbar {
        padding: 17px;
    }

    .sv-map-status {
        font-size: 10px;
    }

    .sv-map-country {
        font-size: 9px;
    }

    .sv-map-area {
        min-height: 365px;
    }

    .sv-serbia-map {
        width: 122%;
        max-width: none;
    }

    .sv-map-city text {
        font-size: 10px;
    }

    .sv-map-caption {
        right: 13px;
        bottom: 13px;
        left: 13px;
        padding: 12px;
    }

    .sv-map-caption strong {
        font-size: 10px;
    }

    .sv-map-caption small {
        font-size: 9px;
    }

    .sv-map-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 15px 17px;
    }

    .sv-seo-description {
        flex-direction: column;
        gap: 18px;
        margin-top: 35px;
        padding: 24px;
        border-radius: 19px;
    }

    .sv-seo-text h3 {
        font-size: 21px;
    }

    .sv-seo-text p {
        font-size: 12px;
        line-height: 1.85;
    }

    .sv-seo-links {
        flex-direction: column;
    }

    .sv-seo-links a {
        justify-content: center;
    }

}


/* =====================================================
   SMANJENO KRETANJE - PRISTUPAČNOST
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .sv-locations-section *,
    .sv-locations-section *::before,
    .sv-locations-section *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

}