/* Mobile View Optimization for Tour Cards */
@media screen and (max-width: 479px) {

    /* Prevent horizontal scroll globally */
    body,
    html {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }

    /* Force 2-column grid with tighter spacing */
    .page-tours {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-column-gap: 8px !important;
        grid-row-gap: 15px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Card Container - Reverted to flat */
    .home-tour-block {
        display: block !important;
        height: 100% !important;
        /* Reverted border-radius and shadow */
    }

    /* Reset item width/margin */
    .page-tours .collection-item {
        width: 100% !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        /* Reverted from visible */
        border-radius: 12px;
    }

    /* Adjust Card Text */
    .page-tours .h3.gold.semibold {
        font-size: 13px !important;
        line-height: 1.2 !important;
        margin-top: 4px !important;
        margin-bottom: 2px !important;
        white-space: normal !important;
        height: auto !important;
        max-height: 34px;
        overflow: hidden;
    }

    /* Adjust Detail Text */
    .page-tours .text-block.price-text,
    .page-tours .text-block._2,
    .page-tours .text-block {
        font-size: 11px !important;
        line-height: 1.3 !important;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    /* Category Icon (Top Badge) - Scoped */
    .page-tours .image-3 {
        width: 40px !important;
        height: 40px !important;
        margin-right: 0 !important;
    }

    /* Detail Icons (User, Euro, etc) - Scoped and Updated to 19px */
    .page-tours .image.euro,
    .page-tours .image,
    .page-tours .image-2 {
        width: 19px !important;
        height: 19px !important;
        margin-right: 3px !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Adjust Inner Blocks Spacing */
    .page-tours .div-block-2 {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 2px !important;
        margin-top: 2px !important;
        height: auto !important;
        min-height: 20px;
    }

    /* Adjust Main Image */
    .page-tours .home-tour-block-image {
        height: 110px !important;
        object-fit: cover !important;
        width: 100% !important;
    }

    /* Container for Details */
    .page-tours .home-tour-block-text {
        padding: 4px !important;
    }

    /* Reverted Badge Positioning */
    .page-tours .div-block-4 {
        /* No absolute positioning needed if we revert to standard flow/layout */
        /* If original layout used absolute, we might need to check. But assuming standard was flow or simpler absolute */
        /* Based on previous state, it seemed to just rely on parent's padding or default placement */
        /* Removing the specific top/left 6px overrides */
    }
}