/* Google Fonts */
    @import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Outfit:wght@400;600;700&display=swap');

    /* Base Card Styles */
    .premium-card {
        /* width: 320px; */
        margin: 20px auto;
        border-radius: 25px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Reduced shadow */
        backdrop-filter: blur(12px);
        overflow: hidden;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
        position: relative;
    }
    
    .premium-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15); /* Reduced hover shadow */
    }
    
    .card-img {
        height: 240px;
        overflow: hidden;
        position: relative;
    }
    
    .card-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
    
    .premium-card:hover .card-img img {
        transform: scale(1.08);
    }
    
    /* Discount Badge */
    .discount-badge {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 0.8rem;
        font-weight: 600;
        padding: 7px 14px;
        border-radius: 20px;
        z-index: 10;
    }
    
    /* Trust Badge */
    .trust-badge {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 0.75rem;
        font-weight: 600;
        padding: 5px 12px;
        border-radius: 15px;
        z-index: 10;
    }
    
    /* Product Right Buttons */
    .product-right-btn {
        position: absolute;
        top: 60px;
        right: 15px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 20;
    }
    
    .premium-card:hover .product-right-btn {
        opacity: 1;
    }
    
    .product-right-btn a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 1.2rem;
        text-decoration: none;
        transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    /* Card Body */
    .card-body {
        padding: 20px;
        text-align: center;
    }
    
    .card-title {
        font-family: 'Marcellus', serif !important;
        font-size: 1.35rem;
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .card-subtext {
        font-family: 'Outfit', sans-serif !important;
        font-size: 0.9rem;
        color: #5a4b3c;
        margin-bottom: 14px;
        line-height: 1.4;
    }
    
    .price {
        margin-bottom: 20px;
    }
    
    .price .old {
        text-decoration: line-through;
        color: #a89b83;
        font-size: 0.9rem;
        margin-right: 10px;
    }
    
    .price .new {
        font-weight: 700;
        font-size: 1.15rem;
    }
    
    .btn-cart {
        border: none;
        font-size: 0.95rem;
        font-weight: 600;
        padding: 12px 30px;
        border-radius: 30px;
        transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
        width: 100%;
    }
    
    /* Gold Card */
    .gold-card {
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 215, 0, 0.3));
        border: 1px solid rgba(255, 215, 0, 0.3);
    }
    
    .gold-card .card-img img {
        border-bottom: 2px solid #ffd700;
    }
    
    .gold-card .discount-badge {
        background: linear-gradient(135deg, #ffd700, #ffaa00);
        color: #2e1e12;
        box-shadow: 0 4px 10px rgba(255, 215, 0, 0.3);
    }
    
    .gold-card .trust-badge {
        background: rgba(255, 255, 255, 0.8);
        color: #2e1e12;
        border: 1px solid rgba(255, 215, 0, 0.4);
    }
    
    .gold-card .product-right-btn a {
        background: rgba(255, 255, 255, 0.9);
        /* border: 1px solid rgba(255, 215, 0, 0.3); */
        color: #2e1e12;
        box-shadow: 0 4px 10px rgba(255, 215, 0, 0.3);
    }
    
    .gold-card .product-right-btn a:hover {
        background: linear-gradient(135deg, #ffd700, #ffaa00);
        color: #fff;
        box-shadow: 0 6px 15px rgba(255, 215, 0, 0.4);
    }
    
    .gold-card .card-title {
        background: linear-gradient(135deg, #dcb900, #ffaa00);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .gold-card .price .new {
        background: linear-gradient(135deg, #ffd700, #ffaa00);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .gold-card .btn-cart {
        background: linear-gradient(to right, #ffd700, #ffaa00);
        color: #2e1e12;
        box-shadow: 0 4px 10px rgba(255, 215, 0, 0.3);
    }
    
    .gold-card .btn-cart:hover {
        background: linear-gradient(to right, #ffaa00, #ffd700);
        color: #fff;
        box-shadow: 0 6px 15px rgba(255, 215, 0, 0.4);
    }
    
    /* Silver Card */
    .silver-card {
        background: linear-gradient(135deg, rgba(230, 232, 235, 0.9), rgba(255, 255, 255, 0.3));
        border: 1px solid rgba(192, 192, 192, 0.4);
    }
    
    .silver-card .card-img img {
        border-bottom: 2px solid #c0c0c0;
    }
    
    .silver-card .discount-badge {
        background: linear-gradient(135deg, #c0c0c0, #e6e8eb);
        color: #2e1e12;
        box-shadow: 0 4px 10px rgba(192, 192, 192, 0.3);
    }
    
    .silver-card .trust-badge {
        background: rgba(255, 255, 255, 0.8);
        color: #2e1e12;
        border: 1px solid rgba(192, 192, 192, 0.4);
    }
    
    .silver-card .product-right-btn a {
        background: rgba(255, 255, 255, 0.9);
        /* border: 1px solid rgba(192, 192, 192, 0.3); */
        color: #2e1e12;
        box-shadow: 0 4px 10px rgba(192, 192, 192, 0.3);
    }
    
    .silver-card .product-right-btn a:hover {
        background: linear-gradient(135deg, #c0c0c0, #e6e8eb);
        color: #fff;
        box-shadow: 0 6px 15px rgba(192, 192, 192, 0.4);
    }
    
    .silver-card .card-title {
        color: #939393;
    }
    
    .silver-card .price .new {
        background: linear-gradient(135deg, #c0c0c0, #939393);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .silver-card .btn-cart {
        background: linear-gradient(to right, #c0c0c0, #e6e8eb);
        color: #2e1e12;
        box-shadow: 0 4px 10px rgba(192, 192, 192, 0.3);
    }
    
    .silver-card .btn-cart:hover {
        background: linear-gradient(to right, #e6e8eb, #c0c0c0);
        color: #fff;
        box-shadow: 0 6px 15px rgba(192, 192, 192, 0.4);
    }
    
    /* Diamond Card */
    .diamond-card {
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(185, 230, 255, 0.3));
        border: 1px solid rgba(30, 58, 138, 0.3);
    }
    
    .diamond-card .card-img img {
        border-bottom: 2px solid #b9e6ff;
    }
    
    .diamond-card .discount-badge {
        background: linear-gradient(135deg, #b9e6ff, #1e3a8a);
        color: #ffffff;
        box-shadow: 0 4px 10px rgba(30, 58, 138, 0.3);
    }
    
    .diamond-card .trust-badge {
        background: rgba(255, 255, 255, 0.8);
        color: #000;
        border: 1px solid rgba(30, 58, 138, 0.4);
    }
    
    .diamond-card .product-right-btn a {
        background: rgba(255, 255, 255, 0.9);
        /* border: 1px solid rgba(30, 58, 138, 0.3); */
        color: #1e3a8a;
        box-shadow: 0 4px 10px rgba(30, 58, 138, 0.3);
    }
    
    .diamond-card .product-right-btn a:hover {
        background: linear-gradient(135deg, #b9e6ff, #1e3a8a);
        color: #fff;
        box-shadow: 0 6px 15px rgba(30, 58, 138, 0.4);
    }
    
    .diamond-card .card-title {
        color: #1e3a8a;
    }
    
    .diamond-card .price .new {
        background: linear-gradient(135deg, #2fb5ff, #1e3a8a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .diamond-card .btn-cart {
        background: linear-gradient(to right, #b9e6ff, #1e3a8a);
        color: #ffffff;
        box-shadow: 0 4px 10px rgba(30, 58, 138, 0.3);
    }
    
    .diamond-card .btn-cart:hover {
        background: linear-gradient(to right, #1e3a8a, #b9e6ff);
        color: #fff;
        box-shadow: 0 6px 15px rgba(30, 58, 138, 0.4);
    }
    
    /* Responsive Adjustments */
    @media (max-width: 767.98px) {
        .premium-card {
            width: 100%; /* Full width on mobile */
            max-width: 320px; /* Prevent overly wide cards */
        }
    }