/* Happy Kids - estilos principais responsivos */
*{box-sizing:border-box}
html{scroll-behavior:smooth;width:100%;overflow-x:hidden}
body{margin:0;padding:0 0 92px;background:#fff;color:#242424;font-family:Arial,Helvetica,sans-serif;line-height:1.45;overflow-x:hidden}
.page{width:100%;max-width:520px;margin:0 auto;background:#fff;min-height:100vh;position:relative}
img{max-width:100%;height:auto}
.carousel{position:relative;width:100%;max-width:520px;margin:0 auto 18px;overflow:hidden;background:#fff}
.carousel .badge{position:absolute;z-index:5;top:12px;left:12px;border-radius:22px;padding:8px 13px;background:#e8f5ff;color:#0871c9;font-weight:700;font-size:13px;box-shadow:0 2px 8px #00000012}
.carousel-track{display:flex;width:100%;transition:transform .35s ease;will-change:transform}
.carousel-track img{display:block;flex:0 0 100%;width:100%;max-width:100%;height:auto;object-fit:contain}
.carousel .nav{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:#ffffffeb;color:#222;font-size:20px;box-shadow:0 2px 10px #0002;cursor:pointer}
.carousel .nav.prev{left:10px}.carousel .nav.next{right:10px}
.tag{display:table;margin:14px auto 8px;padding:7px 13px;border-radius:22px;background:#eaffb9;color:#365500;font-size:13px;font-weight:700}
h1{font-size:30px;line-height:1.12;text-align:center;margin:12px 18px 14px;font-weight:800}
h1 span{color:#83bd00}
.page>p{text-align:center;font-size:16px;margin:0 auto 20px;padding:0 20px;max-width:480px}
.buy-box{width:calc(100% - 28px);max-width:420px;margin:18px auto 28px}
.buy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:13px 18px;border-radius:28px;background:linear-gradient(90deg,#c76cf3,#ec43a2);color:#fff!important;text-decoration:none;font-weight:800;text-align:center;box-shadow:0 7px 18px #e94ca744}
.bottom-buy{z-index:9999}
.video-wrapper{width:100%;max-width:360px;margin:18px auto;overflow:hidden}
.video-wrapper vturb-smartplayer{display:block;width:100%;max-width:360px;margin:0 auto}
.video-wrapper .vturb-player-placeholder{width:100%}
.benefits-container,.how-container,.details-container,.reviews-container,.faq-container,.footer-container{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}
@media(min-width:700px){.page{box-shadow:0 0 26px #0000000a}.carousel{border-radius:0}}
@media(max-width:640px){body{padding-bottom:100px}h1{font-size:27px}.carousel .badge{top:9px;left:9px;font-size:12px}.carousel .nav{width:32px;height:32px}}