 <!-- CORREÇÃO: CSS para evitar zoom e scroll -->
    <style>
        /* PREVINE ZOOM EM CAMPOS DE INPUT NO MOBILE */
        input, 
        textarea, 
        select {
            font-size: 16px !important;
        }
        
        /* BLOQUEIA SCROLL DA PÁGINA QUANDO DRAWER ESTÁ ABERTO */
        body.drawer-open {
            overflow: hidden !important;
            position: fixed !important;
            width: 100% !important;
            height: 100% !important;
            top: 0 !important;
            left: 0 !important;
        }
        
        /* DRAWER PANEL - SCROLL ISOLADO */
        #drawer-panel {
            display: flex;
            flex-direction: column;
            height: 100vh;
            height: 100dvh;
            max-height: 100vh;
            max-height: 100dvh;
            overflow: hidden;
            position: fixed;
            top: 0;
            right: 0;
            z-index: 80;
            width: 100%;
            max-width: 480px;
            background: white;
            box-shadow: -4px 0 20px rgba(0,0,0,0.15);
            transform: translateX(100%);
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        #drawer-panel.closed {
            transform: translateX(100%);
        }
        
        #drawer-panel:not(.closed) {
            transform: translateX(0);
        }
        
        /* Container de itens do drawer com scroll independente */
        #drawer-items {
            flex: 1;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
            padding: 20px;
            min-height: 0;
        }
        
        /* Footer do drawer fixo */
        #drawer-footer {
            flex-shrink: 0;
            border-top: 1px solid #e5e7eb;
            padding: 16px 20px;
            background: white;
        }
        
        /* Header do drawer fixo */
        #drawer-panel > div:first-child {
            flex-shrink: 0;
            padding: 16px 20px;
            border-bottom: 1px solid #e5e7eb;
        }
        
        /* Overlay */
        #drawer-overlay {
            position: fixed;
            inset: 0;
            z-index: 70;
            background: rgba(0,0,0,0.4);
            opacity: 0;
            transition: opacity 0.3s ease;
            display: none;
        }
        
        #drawer-overlay:not(.hidden) {
            display: block;
        }
        
        #drawer-overlay.visible {
            opacity: 1;
        }
        
        /* CORREÇÃO: Força fonte 16px nos inputs no mobile */
        @media (max-width: 768px) {
            input, 
            textarea, 
            select,
            #buyer-name,
            #buyer-phone {
                font-size: 16px !important;
            }
            
            #buyer-name,
            #buyer-phone {
                padding: 12px 16px !important;
            }
            
            #buyer-form label {
                font-size: 13px !important;
            }
        }