/* Mobile pricing cards - horizontal scroll only fix
   Prevents vertical scrolling and makes cards more compact */

@media (max-width: 768px) {
    /* Pricing container - FORCE FIXED HEIGHT */
    .pricing-swiper {
        overflow: hidden !important;
        height: 550px !important; /* Fixed height to prevent vertical scrolling */
        max-height: 550px !important;
        padding: 10px 0 40px !important;
    }
    
    /* Control slide dimensions - FORCE FIXED HEIGHT */
    .pricing-swiper .swiper-slide {
        height: 510px !important; /* Fixed height to match swiper height minus padding */
        overflow: hidden !important; /* HIDE overflow completely */
        padding: 0 !important;
        display: flex;
        align-items: flex-start;
    }
    
    /* Make pricing cards more compact - FORCE FIXED HEIGHT */
    .pricing-swiper .pricing-card {
        max-height: 510px !important; /* Match slide height */
        height: 510px !important;
        overflow: hidden !important; /* HIDE overflow completely */
        padding: 12px !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Card header */
    .pricing-swiper .card-header {
        padding: 10px 0 !important;
    }
    
    /* Price font size */
    .pricing-swiper .price-amount {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }
    
    /* Make features list extremely compact */
    .pricing-swiper .features-list {
        margin: 0 !important;
        padding: 5px 0 !important;
        max-height: 330px !important;
        overflow: hidden !important;
    }
    
    .pricing-swiper .features-list li {
        padding: 3px 0 !important;
        margin-bottom: 0 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
    
    /* Highlighted features */
    .pricing-swiper .features-list li strong {
        font-size: 12px !important;
    }
    
    /* Hide scrollbar */
    .pricing-swiper::-webkit-scrollbar {
        display: none !important;
    }
    
    /* Make pagination more visible and horizontal-scroll focused */
    .pricing-swiper .swiper-pagination {
        bottom: 10px !important;
    }
    
    .pricing-swiper .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        margin: 0 5px !important;
    }
    
    /* Force horizontal swipe with visual indicator */
    .pricing-swiper::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8));
        z-index: 1;
        pointer-events: none;
    }
    
    /* Card content - strictly control dimensions */
    .pricing-swiper .card-content {
        padding: 5px 5px !important;
        max-height: 380px !important;
        overflow: hidden !important;
    }
    
    /* Button styling - make more compact */
    .pricing-swiper .cta-button {
        margin-top: 5px !important;
        padding: 8px 10px !important;
        font-size: 14px !important;
    }
    
    /* Improve spacing between title and price */
    .pricing-swiper .card-header h3 {
        margin-bottom: 5px !important;
    }
    
    /* Prevent vertical scrolling through touch events */
    .swiper-wrapper {
        touch-action: pan-x !important;
    }
}