*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#333;background-color:#d6eef8;background-image:url(/images/products/Blue-BG-Web.jpg);background-repeat:repeat;background-size:auto;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,Arial Narrow,sans-serif;color:#27aae1;line-height:1.2;font-weight:400;letter-spacing:.02em}h1{font-size:60px}h2{font-size:48px}h3{font-size:36px}h4{font-size:28px}h5{font-size:22px}h6{font-size:18px}p{margin-bottom:1em}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.section{padding:60px 0}.section--white{background:#fff}.section--light{background:#ffffffd9}.section--blue{background:#27aae1;color:#fff}.section--blue h2,.section--blue h3{color:#fff}.section--pink{background:#c36;color:#fff}.section--pink h2,.section--pink h3{color:#fff}.section--pink .section-text{color:#ffffffe6}.text-center{text-align:center}.grid{display:grid;gap:30px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-block;font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em;padding:14px 36px;border-radius:50px;transition:all .3s ease;cursor:pointer;text-align:center;border:2px solid transparent;line-height:1.4}.btn--primary{background:#c36;color:#fff;border-color:#c36}.btn--primary:hover{background:#cc1b59;border-color:#cc1b59;transform:translateY(-2px);box-shadow:0 4px 15px #cc336659}.btn--secondary{background:#27aae1;color:#fff;border-color:#27aae1}.btn--secondary:hover{background:#1d8ebf;border-color:#1d8ebf;transform:translateY(-2px);box-shadow:0 4px 15px #27aae159}.btn--outline{background:transparent;color:#c36;border-color:#c36}.btn--outline:hover{background:#c36;color:#fff;transform:translateY(-2px)}.btn--white{background:#fff;color:#c36;border-color:#fff}.btn--white:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff59}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.card-image{width:100%;aspect-ratio:1 / 1;object-fit:cover}.card-body{padding:24px}.card-body h3{margin-bottom:12px}.card-body p{font-size:14px;color:#666;line-height:1.6}.hero{background-image:url(/images/products/Blue-BG-Web.jpg);background-repeat:repeat;background-size:auto;padding:80px 0;position:relative;overflow:hidden}.hero .container{display:flex;align-items:center;gap:40px}.hero-text{flex:1;min-width:0}.hero-text h2{font-family:Bebas Neue,sans-serif;font-weight:400;color:#fff;font-size:64px;margin-bottom:16px;text-shadow:1px 1px 3px rgba(0,0,0,.15)}.hero-text p{font-family:Bebas Neue,sans-serif;color:#cc1b59;font-weight:400;font-size:24px;line-height:1.7;margin-bottom:24px;max-width:520px}.hero-image{flex:0 0 480px;text-align:center}.hero-image img{max-width:100%;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.2))}.site-header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000000f}.header-inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-logo img{width:160px;height:auto}.header-nav{display:flex;align-items:center;gap:32px}.nav-link{font-family:Bebas Neue,sans-serif;font-size:18px;font-weight:400;letter-spacing:.02em;color:#555;padding:6px 0;position:relative;transition:color .25s ease;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:#c36;border-radius:1px;transition:width .25s ease}.nav-link:hover,.nav-link.active{color:#c36}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-social{display:flex;align-items:center;gap:16px}.social-icon{display:flex;align-items:center;justify-content:center;color:#27aae1;transition:color .25s ease,transform .25s ease}.social-icon:hover{color:#c36;transform:scale(1.15)}.social-icon--footer{color:#ffffffd9}.social-icon--footer:hover{color:#fff}.header-border{height:10px;background:#de99bf}.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;z-index:1001}.hamburger span{display:block;width:26px;height:3px;background:#333;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.mobile-nav{display:none;flex-direction:column;background:#fff;padding:20px;border-top:1px solid #eeeeee}.mobile-nav.open{display:flex}.mobile-nav-link{font-family:Bebas Neue,sans-serif;font-size:20px;font-weight:400;letter-spacing:.02em;color:#333;padding:14px 0;border-bottom:1px solid #f0f0f0;transition:color .2s ease}.mobile-nav-link:hover,.mobile-nav-link.active{color:#c36}.mobile-social{display:flex;gap:12px;padding-top:20px;justify-content:center}.site-footer{margin-top:40px}.footer-bg{background-image:url(/images/products/footer-background.png);background-size:cover;background-position:center top;background-repeat:no-repeat;padding:80px 0 30px;position:relative}.footer-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#27aae1bf,#1978a5d9);z-index:0}.footer-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:40px}.footer-about{display:flex;align-items:flex-start;gap:24px}.footer-mascot{flex-shrink:0;width:140px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.footer-description{color:#fff;font-size:14px;line-height:1.7}.footer-contact h3{font-family:Bebas Neue,sans-serif;color:#fff;font-size:30px;margin-bottom:20px;letter-spacing:.02em}.footer-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;color:#fff;font-size:14px;line-height:1.6}.footer-contact-item svg{flex-shrink:0;margin-top:2px;fill:#fff}.footer-contact-item a{color:#fff;text-decoration:none;transition:opacity .2s ease}.footer-contact-item a:hover{opacity:.8;text-decoration:underline}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.25)}.footer-social{display:flex;justify-content:center;gap:14px;margin-bottom:16px}.footer-copyright{color:#fffc;font-size:13px}@media(max-width:1024px){h1{font-size:48px}h2{font-size:40px}h3{font-size:30px}.hero-text h2{font-size:52px}.hero-image{flex:0 0 300px}.grid-4{grid-template-columns:repeat(2,1fr)}.header-nav{gap:20px}.nav-link{font-size:16px}.header-social{gap:12px}}@media(max-width:768px){h1{font-size:40px}h2{font-size:34px}h3{font-size:26px}.section{padding:40px 0}.header-nav,.header-social{display:none}.hamburger{display:flex}.header-logo img{width:130px}.hero .container{flex-direction:column;text-align:center}.hero-text h2{font-size:42px}.hero-text p{max-width:100%}.hero-image{flex:none;width:280px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-about{flex-direction:column;align-items:center;text-align:center}.footer-mascot{width:120px}}@media(max-width:480px){h1{font-size:34px}h2{font-size:28px}.hero{padding:50px 0}.hero-text h2{font-size:36px}.hero-image{width:220px}.btn{padding:12px 28px;font-size:13px}.container{padding:0 16px}}