/* LF responsive + safety fixes (loaded after design.css) */
.stage .drop{display:none!important}
image-slot{pointer-events:none!important}
.dots button i svg{display:none}
@media (max-width:640px){
.btn{max-width:100%;white-space:normal}
.btn .t{height:auto;text-align:center}
.btn .t span:nth-child(2){display:none}
.btn:hover .t span:nth-child(1){transform:none}
.why .after .btn{width:100%;justify-content:center;padding-left:18px;padding-right:18px}
.hero .cd span{white-space:normal;line-height:1.15;text-overflow:clip}
.dots button{flex-direction:column;gap:7px;padding:10px 6px}
.dots button span{white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.15}
.faq .qa .ans p{padding:0 0 22px 50px}
}
@media (max-width:480px){
.form .deal{flex-wrap:wrap;justify-content:center;gap:6px 12px}
.form .deal .save{margin-left:0}
}
@media (max-width:400px){
.nav .wrap{gap:8px}
.nav .logo{font-size:16px}
}
@media (max-width:360px){
.nav .logo{font-size:15px}
.dots button span{font-size:15px}
.btn{padding-left:16px;padding-right:16px}
.hero .cd span{display:block}
.hero .cd{justify-content:space-between;padding:6px 6px 6px 12px}
}