/* Final arrow removal fix */

/* This needs to be loaded last to ensure it overrides any other styles */
@media (min-width: 769px) {
    /* Absolutely ensure carousel arrows do not appear on desktop */
    body .pricing-carousel-arrow,
    body .pricing-carousel-left,
    body .pricing-carousel-right,
    .pricing section .pricing-carousel-arrow,
    .pricing-carousel > .pricing-carousel-arrow,
    .pricing-carousel-left,
    .pricing-carousel-right {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0px !important;
        height: 0px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        outline: none !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(100%) !important;
    }

    /* Create proper border around each pricing card */
    .pricing-card {
        border: 1px solid #e0e0e0 !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
    }
}