:root{--navy:#07304c;--blue:#0c6eb5;--cyan:#19bdd4;--pale:#effbff;--border:#cdebf3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fcff;color:var(--navy);font:16px/1.55 Arial,sans-serif}.water{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 85% 10%,#21d6ee38,transparent 28%),radial-gradient(circle at 10% 52%,#258ff523,transparent 28%),linear-gradient(#faffff,#e9f9ff 55%,#f9fdff)}.water:after{content:"";position:absolute;left:-10%;top:45%;width:120%;height:230px;border-radius:50%;background:#ffffff80;animation:wave 18s ease-in-out infinite}@keyframes wave{50%{transform:translateX(4%) rotate(3deg)}}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px max(5vw,20px);border-bottom:1px solid #fff;background:#ffffffe6;backdrop-filter:blur(15px)}a{color:var(--blue);text-decoration:none}.brand{font-size:21px;font-weight:900;color:var(--navy)}nav{display:flex;gap:28px}nav a{font-weight:700;color:var(--navy)}.cart,.pill{border:1px solid var(--border);border-radius:999px;background:#fff;padding:10px 16px}.cart b{border-radius:50%;background:#9eeaf2;padding:3px 8px}main{position:relative}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;max-width:1240px;margin:auto;padding:60px 25px}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:28px 0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero p{max-width:650px;font-size:19px;color:#5e7482}.hero img{width:100%;height:560px;object-fit:cover;border:14px solid #ffffffb8;border-radius:40px;box-shadow:0 25px 70px #07517a24}.btn{display:inline-block;border:0;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue));color:#fff;padding:13px 24px;font-weight:800;cursor:pointer}.btn.small{padding:9px 15px}.btn.outline{background:#fff;border:1px solid var(--border);color:var(--navy)}section{max-width:1240px;margin:auto;padding:80px 25px}.overline{font-weight:900;letter-spacing:.16em;color:#119bb3}section h2{font-size:clamp(36px,5vw,58px);line-height:1;margin:12px 0 35px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.products article{overflow:hidden;border:1px solid var(--border);border-radius:28px;background:#ffffffd6;box-shadow:0 20px 55px #07517a12}.products article img{width:100%;aspect-ratio:4/5;object-fit:cover}.inside{padding:21px}.inside h3{font-size:21px;margin:0}.inside strong,.detail strong{display:block;font-size:25px;margin:10px 0}.inside del{display:block;color:#8396a1}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.therapy{display:grid;grid-template-columns:1fr 1fr;max-width:1190px;padding:0;overflow:hidden;border-radius:40px;background:var(--navy);color:#fff}.therapy img{width:100%;height:100%;min-height:500px;object-fit:cover}.therapy>div{padding:60px}.therapy strong{display:block;font-size:30px;margin:25px 0}.science{text-align:center}.science p{max-width:800px;margin:auto;color:#5e7482}footer{margin-top:70px;padding:50px max(5vw,20px);background:#041f33;color:#fff}footer a{color:#8ae7f3}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1100px;margin:60px auto;padding:25px}.detail>img{width:100%;max-height:650px;object-fit:cover;border-radius:35px}.detail h1{font-size:48px}.narrow,.installer{max-width:760px;margin:60px auto;padding:20px}.installer{min-height:90vh;display:grid;place-items:center}.panel{width:100%;padding:30px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 20px 50px #07517a12}label{display:block;margin:15px 0;font-weight:700}input,textarea,select{width:100%;margin-top:5px;padding:12px;border:1px solid #b9dce5;border-radius:10px;background:#fff;font:inherit}textarea{min-height:90px}.error,.success{padding:12px;border-radius:10px}.error{background:#ffe5e5;color:#9a1520}.success{background:#e4faed;color:#116634}.cartrow{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--border)}.cartrow img,.thumb{width:64px;height:64px;object-fit:cover;border-radius:10px}.cartrow>div{flex:1}.qr{display:block;width:min(280px,100%);margin:20px auto}.hint,small{display:block;color:#6a7f8c}.admin{background:#eef6f9}.adminnav{position:fixed;inset:0 auto 0 0;width:245px;padding:26px 18px;background:#062f4c;color:#fff}.adminnav a{display:block;padding:11px 13px;border-radius:9px;color:#d8f5fb}.adminnav a:hover{background:#ffffff14}.adminnav .brand{margin-bottom:24px;color:#fff}.adminmain{margin-left:245px;padding:40px;max-width:1500px}.adminhead{display:flex;justify-content:space-between;align-items:center}.tablewrap{overflow:auto;border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse}th,td{padding:14px;text-align:left;border-bottom:1px solid #e2edf1}td select{min-width:140px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wide{grid-column:1/-1}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.admin h1{font-size:36px}
@media(max-width:850px){nav{display:none}.hero,.therapy,.detail{grid-template-columns:1fr}.hero{padding-top:40px}.hero img{height:430px}.products{grid-template-columns:1fr 1fr}.therapy{border-radius:0}.adminnav{position:static;width:auto}.adminmain{margin:0;padding:20px}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:520px){.products{grid-template-columns:1fr}.hero h1{font-size:48px}.hero img{height:400px}.therapy>div{padding:35px}.detail h1{font-size:36px}}
