html { scroll-behavior: smooth; }

.faq-a { max-height: 0; overflow: hidden; transition: max-height .28s ease; }
.modal-overlay { position: fixed; inset: 0; background: rgba(5, 12, 26, .88); display: none; align-items: center; justify-content: center; padding: 30px; z-index: 200; overflow: auto; }
.modal-overlay.open { display: flex; }
.modal-slide { position: absolute; inset: 0; opacity: 0; transform: scale(.98); transition: opacity .25s ease, transform .25s ease; display: grid; place-items: center; }
.modal-slide.active { opacity: 1; transform: scale(1); position: relative; }
.modal-slide img { width: 100%; height: auto; max-height: 420px; object-fit: contain; border-radius: 24px; box-shadow: 0 30px 55px rgba(0,0,0,.35); }
.prod-wa {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #0f1b2e;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 11px;
    border-radius: 7px;
    flex: 1;
}