/* ==========================================================================
   Fonte Da Vida - Pricing/Calculator Tablet Styles
   ========================================================================== */
@media (max-width: 1024px) {
    .pricing-layout { grid-template-columns: 1fr; }
    
    .templates-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* True Full Page Sidebar Overlay pushing everything visually */
    .summary-column {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100vh;
        height: 100dvh; /* For mobile browsers */
        background: var(--surface-1);
        z-index: 99999; /* Covers everything including navbar */
        transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        box-shadow: -10px 0 50px rgba(0,0,0,0.5);
        margin: 0;
        padding: 0;
    }

    .summary-column.active {
        right: 0;
    }

    .receipt-card {
        border-radius: 0;
        border: none;
        box-shadow: none;
        height: 100%;
        flex: 1;
        max-height: 100vh !important;
    }
    
    .receipt-body {
        flex: 1; /* allow scrolling inside the drawer */
    }

    .close-mobile-cart {
        display: block; /* Show close button in mobile overlay */
    }

    /* Show Sticky Toggle Bar on Mobile */
    .mobile-summary-bar { display: flex; }
    
    .interactive-pricing { padding-bottom: 100px; /* Space for sticky bar */ }
}