/* Line-clamp compatibility fixes - Comprehensive Override */
.line-clamp-fix {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: var(--lines, 2) !important;
    -moz-line-clamp: var(--lines, 2) !important;
    line-clamp: var(--lines, 2) !important;
    -webkit-box-orient: vertical !important;
    -moz-box-orient: vertical !important;
    box-orient: vertical !important;
    overflow: hidden !important;
}

/* Specific fixes for existing classes with !important to override minified CSS */
.regular-section .product-card .card-title {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2 !important;
    -moz-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    -moz-box-orient: vertical !important;
    box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

.regular-section .product-card .card-desc {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 3 !important;
    -moz-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    -moz-box-orient: vertical !important;
    box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

.recent-added-name {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2 !important;
    -moz-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    -moz-box-orient: vertical !important;
    box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

.best-selling-name {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2 !important;
    -moz-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    -moz-box-orient: vertical !important;
    box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

/* Additional common selectors that might use line-clamp */
.product-card .card-title,
.product-card .card-desc,
.card-title,
.card-desc {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: box !important;
    -webkit-line-clamp: 2 !important;
    -moz-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    -moz-box-orient: vertical !important;
    box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

/* Fallback for browsers that don't support line-clamp */
@supports not (-webkit-line-clamp: 1) {
    .regular-section .product-card .card-title,
    .regular-section .product-card .card-desc,
    .recent-added-name,
    .best-selling-name,
    .product-card .card-title,
    .product-card .card-desc {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: box !important;
        max-height: 3em !important;
        line-height: 1.5em !important;
        overflow: hidden !important;
        position: relative !important;
    }
    
    .regular-section .product-card .card-title::after,
    .recent-added-name::after,
    .best-selling-name::after,
    .product-card .card-title::after {
        content: "..." !important;
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
        padding-left: 40px !important;
        background: linear-gradient(to right, transparent, #fff 50%) !important;
    }
}