/* --- RESET --- */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;color:#fff;background:#0d0d0d;line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;color:#00faff;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* --- HEADER --- */
.header{position:fixed;width:100%;top:0;left:0;background:rgba(13,13,13,0.85);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;}
.header .logo{font-weight:800;font-size:1.8rem;color:#00faff;}
.header nav a{margin-left:20px;font-weight:600;transition:0.3s;}
.header nav a:hover{color:#0ff;}

/* --- HERO --- */
.hero{position:relative;height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.hero-inner{position:relative;z-index:2;}
.hero h1{font-size:3rem;margin-bottom:20px;text-shadow:0 0 20px #00faff;}
.hero span{color:#00faff;text-shadow:0 0 20px #0ff;}
.btn-hero{display:inline-block;padding:15px 30px;margin-top:30px;background:#00faff;color:#000;font-weight:700;border-radius:8px;transition:0.3s;box-shadow:0 0 20px #00faff;}
.btn-hero:hover{background:#0ff;box-shadow:0 0 40px #0ff;}

/* --- PARTICLES --- */
#particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

/* --- SEKCJE --- */
.section{padding:100px 0;position:relative;z-index:1;}
.section.dark{background:#111;}
.section-title{font-size:2.5rem;text-align:center;margin-bottom:40px;color:#00faff;text-shadow:0 0 20px #0ff;}

/* --- COOLING SECTION --- */
.cooling-section{position:relative;overflow:hidden;}
#water-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.cooling-desc{font-size:1.2rem;text-align:center;margin-bottom:30px;}
.cooling-gallery{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px;}
.cooling-gallery img{width:300px;border-radius:10px;transition:0.3s;box-shadow:0 0 20px #00faff;}
.cooling-gallery img:hover{transform:scale(1.05);box-shadow:0 0 40px #0ff;}

/* --- RECOMMENDED --- */
.recommended .card{background:#111;border:1px solid #00faff;padding:25px;border-radius:10px;text-align:center;transition:0.3s;box-shadow:0 0 10px #00faff;}
.recommended .card:hover{box-shadow:0 0 30px #0ff,0 0 60px #00faff;}
.small-btn{display:inline-block;padding:10px 20px;background:#00faff;color:#000;border-radius:6px;margin-top:15px;transition:0.3s;box-shadow:0 0 10px #00faff;}
.small-btn:hover{background:#0ff;box-shadow:0 0 20px #0ff;}

/* --- KONFIGURATOR --- */
.config-box{background:#111;padding:30px;border-radius:10px;max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:15px;box-shadow:0 0 20px #00faff;}
label{font-weight:600;}
select,input,textarea{width:100%;padding:12px;border-radius:6px;border:none;background:#222;color:#fff;}
.btn-cta{padding:12px 25px;background:#00faff;color:#000;border:none;font-weight:700;border-radius:8px;cursor:pointer;margin-top:10px;box-shadow:0 0 20px #00faff;}
.btn-cta:hover{background:#0ff;box-shadow:0 0 40px #0ff;}

/* --- GALERIA REALIZACJI --- */
.gallery{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.gallery img{width:300px;border-radius:10px;transition:0.3s;box-shadow:0 0 15px #00faff;}
.gallery img:hover{transform:scale(1.05);box-shadow:0 0 40px #0ff;}

/* --- KONTAKT --- */
.contact-box{margin-bottom:20px;}
.contact-form input, .contact-form textarea{margin-bottom:10px;}

/* --- FOOTER --- */
footer{padding:20px;background:#111;text-align:center;font-size:0.9rem;box-shadow:0 -5px 20px #00faff;}

/* --- ANIMACJE SCROLL --- */
.section, .hero-inner, .recommended .card, .gallery img, .config-box{opacity:0;transform:translateY(50px);transition:1s;}
.section.visible, .hero-inner.visible, .recommended .card.visible, .gallery img.visible, .config-box.visible{opacity:1;transform:translateY(0);}