@media (min-width: 1200px) {
    .index-container .container {
        max-width: 1280px !important;
    }
}
        .index-container .hero-banner {
            background-color: #6c5ce7;
            color: white;
            padding: 100px 0;
            margin-bottom: 30px;
            position: relative;
            overflow: hidden;
        }
        
        .index-container .hero-banner::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 70%);
            transform: rotate(30deg);
            animation: index-container pulse 15s infinite linear;
        }
        
        .index-container .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
        }
        
        .index-container .featured-title {
            text-align: center;
            margin: 50px 0 30px;
            position: relative;
        }
        
        .index-container .featured-title::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: #6c5ce7;
            margin: 15px auto;
            border-radius: 2px;
        }
        
        .index-container .product-card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            margin-bottom: 30px;
            transition: all 0.3s ease;
        }
        
        .index-container .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
        }
.index-container .card-title{height: 52px;overflow: hidden;font-weight:600;}
.index-container .original-price{text-decoration: line-through;color:#999;font-weight: 400;padding-left: 5px;font-size: 16px;}
.index-container .text-primary{font-size:20px;font-weight: 600;}
        
        .index-container .product-img {
            object-fit: cover;
            transition: transform 0.5s ease;
			padding:30px;
        }
        
        .index-container .product-card:hover .product-img {
            transform: scale(1.05);
        }
        
        .index-container .badge-trending {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #ff7675;
			color:#fff;
			    z-index: 1010;
            animation: index-container pulse 2s infinite;
        }
        
        .index-container .blog-section {
            background: #f8f9fa;
            padding: 60px 0;
            margin-top: 50px;
        }
        
        .index-container .blog-card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        
        .index-container .blog-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
.index-container .blog-card .card-img{padding:20px;}
.index-container .blog-card .card-text{height: 70px;overflow: hidden;}
        
        .index-container .policy-box {
            text-align: center;
            padding: 30px 15px;
            border-radius: 10px;
			background: #fcfcfc;
            transition: all 0.3s ease;
			margin-bottom:30px;
        }
        
        .index-container .policy-box:hover {
            background: #f1f1f1;
            transform: scale(1.03);
        }
        
        .index-container .policy-icon {
            font-size: 2.5rem;
            margin-bottom: 15px;
            color: #6c5ce7;
        }
        
        @keyframes index-container pulse {
            0% { transform: rotate(30deg) scale(1); opacity: 0.8; }
            50% { transform: rotate(30deg) scale(1.2); opacity: 0.4; }
            100% { transform: rotate(30deg) scale(1); opacity: 0.8; }
        }
        
        .index-container .btn-purple {
            background: #6c5ce7;
            color: white;
            padding: 10px 25px;
            border-radius: 30px;
            transition: all 0.3s ease;
        }
        
        .index-container .btn-purple:hover {
            background: #5649c0;
            color: white;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(108, 92, 231, 0.4);
        }