/* Custom Animations to Replace AOS */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeInUp {
    from { 
        opacity: 0; 
        transform: translateY(30px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

@keyframes fadeInLeft {
    from { 
        opacity: 0; 
        transform: translateX(-30px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}

@keyframes fadeInRight {
    from { 
        opacity: 0; 
        transform: translateX(30px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}

/* Animation Classes */
.animate-fade-in {
    animation: fadeIn 0.8s ease-out;
}

.animate-fade-up {
    animation: fadeInUp 0.8s ease-out;
}

.animate-fade-left {
    animation: fadeInLeft 0.8s ease-out;
}

.animate-fade-right {
    animation: fadeInRight 0.8s ease-out;
}

/* Simple Hero Section - Full Image Display */
.hero-section-simple {
    width: 100%;
}

.hero-slide-simple {
    width: 100%;
}

.hero-image-simple {
    width: 100%;
    height: auto;
    display: block;
}

.hero-image-link-simple {
    display: block;
    width: 100%;
}

/* Mobile Hero Section - Fixed 600px Height */
@media (max-width: 768px) {
    .hero-section-simple {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
    }
    
    .hero-slide-simple {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
    }
    
    .hero-image-link-simple {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
    }
    
    .hero-image-simple {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
        object-fit: cover !important;
    }
}

/* Shop by Categories Section - Left Aligned Title */
.shop-categories-section {
    margin-bottom: 4rem;
}

.shop-categories-header {
    text-align: left;
    margin-bottom: 3rem;
    padding: 0 20px;
    max-width: 1255px; /* 1215px + 40px padding */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (width >= 768px) {
    .shop-categories-header {
        padding: 0 20px;
    }
}

.shop-categories-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
    line-height: 1.2;
}

@media (width >= 768px) {
    .shop-categories-title {
        font-size: 1.875rem;
    }
}

@media (width >= 1024px) {
    .shop-categories-title {
        font-size: 2.25rem;
    }
}

.shop-categories-subtitle {
    font-size: 1rem;
    color: #4b5563;
    margin: 0;
    max-width: none;
}

@media (width >= 768px) {
    .shop-categories-subtitle {
        font-size: 1.125rem;
    }
}

/* Categories Grid Mobile Improvements */
.categories-grid {
    padding: 0 20px !important;
    max-width: 1255px; /* 1215px + 40px padding */
    width: 100%;
    margin: 0 auto;
}

@media (width >= 768px) {
    .categories-grid {
        padding: 0 20px !important;
    }
}

/* Mobile Category Items */
@media (width <= 767px) {
    .category-name h3 {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        padding: 4px 2px !important;
    }
    
    .category-image-container {
        margin-bottom: 6px !important;
    }
}

@media (width <= 480px) {
    .category-name h3 {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }
    
    .category-image-container {
        margin-bottom: 4px !important;
    }
}

/* Recent Products Grid - Matching Screenshot Design */

/* Product Highlights Styles */
.product-highlight-card {
    background: #fff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%) !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 500px !important;
    width: 285px !important;
}

.product-highlight-card:hover {
    box-shadow: 0 8px 24px rgb(0 0 0 / 12%) !important;
    transform: translateY(-4px) !important;
}

.product-highlight-link {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
}

/* Media Container - 400px height */
.product-highlight-card .product-media-container {
    position: relative !important;
    height: 400px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8f9fa !important;
    border-radius: 12px 12px 0 0 !important;
}

/* Background Video */
.product-highlight-card .product-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 1 !important;
}

/* Background Image */
.product-highlight-card .product-background-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 1 !important;
}

/* Bottom Positioned Feature Image */
.product-highlight-card .product-feature-image {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    background: rgb(255 255 255 / 95%) !important;
    border-radius: 12px !important;
    padding: 8px !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / 15%) !important;
}

.product-highlight-card .feature-image {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.product-highlight-card:hover .feature-image {
    transform: scale(1.05) !important;
}

/* Placeholder */
.product-highlight-card .product-image-placeholder {
    width: 100% !important;
    height: 100% !important;
    background: #f3f4f6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #9ca3af !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Product Info Section */
.product-highlight-card .product-info-section {
    flex: 1 !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background: white !important;
}

.product-highlight-card .product-title {
    font-family: Poppins, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin: 0 0 8px !important;
    line-height: 1.2 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.product-highlight-card .product-price {
    font-family: Inter, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ef4444 !important;
    margin-top: auto !important;
}

.product-video-container video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.product-highlight-card .video-error {
    align-items: center !important;
    background: #f3f4f6 !important;
    color: #9ca3af !important;
    display: flex !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: 100% !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Product Highlights Header */
.product-highlights-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 32px !important;
    max-width: 1215px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px !important;
}

.product-highlights-title h2 {
    margin: 0 !important;
}

.product-highlights-navigation {
    display: flex !important;
    gap: 12px !important;
}

.product-highlights-slider-prev,
.product-highlights-slider-next {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
    color: #6b7280 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
    position: relative !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%) !important;
}

.product-highlights-slider-prev:hover,
.product-highlights-slider-next:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border-color: #d1d5db !important;
    transform: scale(1.05) !important;
}

.product-highlights-slider-prev:disabled,
.product-highlights-slider-next:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Product Highlights Container */
.product-highlights-container {
    max-width: 1215px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    overflow: hidden !important;
}

/* Product Highlights Slider */
.product-highlights-slider {
    display: flex !important;
    gap: 24px !important;
    transition: transform 0.3s ease !important;
    width: 100% !important;
    position: relative !important;
}

.product-highlights-slider .product-highlight-card {
    flex-shrink: 0 !important;
}

/* Desktop: 5 columns, Mobile: 2 columns */
@media (width >= 1024px) {
    .product-highlights-slider .product-highlight-card {
        width: calc(20% - 19.2px) !important; /* 5 columns with gap */
    }
}

@media (width <= 1023px) {
    .product-highlights-container {
        padding: 0 16px !important;
    }
    
    .product-highlights-header {
        padding: 0 16px !important;
    }
    
    .product-highlights-slider {
        gap: 16px !important;
    }
    
    .product-highlights-slider .product-highlight-card {
        width: calc(50% - 8px) !important; /* 2 columns with gap */
    }
}

@media (width <= 767px) {
    .product-highlights-container {
        padding: 0 12px !important;
    }
    
    .product-highlights-header {
        padding: 0 12px !important;
    }
    
    .product-highlights-slider .product-highlight-card {
        width: calc(50% - 8px) !important; /* 2 columns with gap */
        height: 350px !important;
    }
    
    .product-highlight-card .product-media-container {
        height: 280px !important;
    }
    
    .product-highlight-card .product-feature-image {
        width: 60px !important;
        height: 60px !important;
        bottom: 12px !important;
    }
    
    .product-highlight-card .product-info-section {
        padding: 12px !important;
    }
    
    .product-highlight-card .product-title {
        font-size: 13px !important;
    }
    
    .product-highlight-card .product-price {
        font-size: 14px !important;
    }
}

/* Using higher specificity to override any conflicting styles */
body .recent-products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    padding: 0 !important;
    max-width: 1238px !important;
    margin: 0 auto !important;
}

body .recent-product-card {
    background: #FFF !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%) !important;
    transition: all 0.3s ease !important;
    font-family: Poppins, sans-serif !important;
    position: relative !important;
    height: 470px !important;
    display: flex !important;
    flex-direction: column !important;
}

body .recent-product-card:hover {
    box-shadow: 0 8px 24px rgb(0 0 0 / 12%) !important;
    transform: translateY(-4px) !important;
}

body .recent-product-card .product-image-container {
    position: relative !important;
    overflow: hidden !important;
    height: 253px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8f9fa !important;
}

body .recent-product-card .product-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
    border-radius: 9px !important;
    border: 1px solid #e5e7eb !important;
}

body .recent-product-card:hover .product-image {
    transform: scale(1.05) !important;
}

body .recent-product-card .product-image-placeholder {
    width: 100% !important;
    height: 100% !important;
    background: #f3f4f6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #9ca3af !important;
    font-size: 14px !important;
    border-radius: 9px !important;
}

body .recent-product-card .discount-badge {
    display: block !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: #ef4444 !important;
    color: white !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    z-index: 10 !important;
}

body .recent-product-card .product-info {
    padding: 20px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

body .recent-product-card .product-title {
    font-family: Poppins, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #3F3F3F !important;
    margin-bottom: 12px !important;
    line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
}

body .recent-product-card .product-title a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body .recent-product-card .product-title a:hover {
    color: #ff6b35 !important;
}

body .recent-product-card .product-price {
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Recent Products Price - Override WooCommerce Global Styles */
body .recent-product-card .product-price .current-price,
body .recent-product-card .current-price,
body .recent-product-card .product-price span:first-child,
body .recent-product-card .product-price ins,
body .recent-product-card .product-price ins .amount,
body .recent-product-card .product-price .amount {
    font-family: Inter, sans-serif !important;
    font-size: 17.1px !important;
    font-weight: 700 !important;
    color: #E16767 !important;
    line-height: 21px !important;
    text-decoration: none !important;
    border-bottom: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
    background: none !important;
    background-image: none !important;
    background-position: none !important;
    background-repeat: none !important;
    background-size: none !important;
}

body .recent-product-card .product-price .original-price,
body .recent-product-card .original-price,
body .recent-product-card .product-price span:last-child {
    font-family: Inter, sans-serif !important;
    font-size: 14.6px !important;
    font-weight: 700 !important;
    color: #959595 !important;
    line-height: 18px !important;
}

/* Override any WooCommerce global price styles for Recent Products */
body .recent-product-card .product-price *,
body .recent-product-card .product-price span,
body .recent-product-card .product-price .amount {
    font-family: Inter, sans-serif !important;
}

body .recent-product-card .product-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    font-size: 10.7px !important;
    line-height: 13px !important;
}

body .recent-product-card .rating-section {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body .recent-product-card .star-rating {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
}

body .recent-product-card .star {
    color: #fbbf24 !important;
    font-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}

body .recent-product-card .star.text-yellow-400 {
    color: #fbbf24 !important;
}

body .recent-product-card .star.text-gray-300 {
    color: #d1d5db !important;
}

body .recent-product-card .trust-icon {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #3b82f6 !important;
}

body .recent-product-card .trust-svg {
    width: 14px !important;
    height: 14px !important;
}

body .recent-product-card .review-count {
    font-family: Inter, sans-serif !important;
    font-weight: 400 !important;
    color: #999 !important;
    font-size: 10.7px !important;
    line-height: 13px !important;
}

body .recent-product-card .sold-count {
    font-family: Inter, sans-serif !important;
    font-weight: 400 !important;
    color: #404040 !important;
    font-size: 10.7px !important;
    line-height: 13px !important;
}

body .recent-product-card .color-options {
    display: flex !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

body .recent-product-card .color-option {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%) !important;
}

body .recent-product-card .color-option.active {
    border-color: #ff6b35 !important;
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%) !important;
}

body .recent-product-card .add-to-cart-btn {
    width: 100% !important;
    background: linear-gradient(135deg, #ffcf87 0%, #ffb03b 100%) !important;
    color: #000 !important;
    border: none !important;
    padding: 16px 20px !important;
    border-radius: 3px !important;
    font-family: Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14.8px !important;
    line-height: 18px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgb(255 176 59 / 30%) !important;
}

body .recent-product-card .add-to-cart-btn:hover {
    background: linear-gradient(135deg, #ffb03b 0%, #ffcf87 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgb(255 176 59 / 40%) !important;
}

body .recent-product-card .cart-icon {
    width: 20px !important;
    height: 20px !important;
}

/* Featured Products Header */
body .featured-products-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 32px !important;
    max-width: 1215px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px !important;
}

body .featured-products-title h2 {
    margin: 0 !important;
}

body .featured-products-navigation {
    display: flex !important;
    gap: 12px !important;
}

body .featured-slider-prev,
body .featured-slider-next {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
    color: #6b7280 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
    position: relative !important;
}

body .featured-slider-prev:hover,
body .featured-slider-next:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border-color: #d1d5db !important;
}

body .featured-slider-prev:disabled,
body .featured-slider-next:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Product Highlights Header */
body .product-highlights-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 32px !important;
    max-width: 1215px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px !important;
}

body .product-highlights-title h2 {
    margin: 0 !important;
}



body .product-highlights-slider-prev,
body .product-highlights-slider-next {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
    color: #6b7280 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
    position: relative !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%) !important;
}

body .product-highlights-slider-prev:hover,
body .product-highlights-slider-next:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border-color: #d1d5db !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 8px rgb(0 0 0 / 15%) !important;
}

body .product-highlights-slider-prev:disabled,
body .product-highlights-slider-next:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%) !important;
}

/* Product Highlights Container */
body .product-highlights-container {
    max-width: 1215px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    overflow: hidden !important;
}

/* Product Highlights Slider */
body .product-highlights-slider {
    display: flex !important;
    gap: 24px !important;
    transition: transform 0.3s ease !important;
    width: 100% !important;
    position: relative !important;
}

body .product-highlights-slider .product-highlight-card {
    flex-shrink: 0 !important;
}

/* Featured Products Container - Exact 1215px width */
body .featured-products-container {
    max-width: 1215px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    overflow: hidden !important;
}

/* Featured Products Slider - Matching Screenshot Design */
body .featured-products-slider {
    display: flex !important;
    gap: 24px !important;
    transition: transform 0.3s ease !important;
    width: 100% !important;
    position: relative !important;
}

body .featured-products-slider .featured-product-card {
    flex-shrink: 0 !important;
    width: 288px !important;
    min-width: 288px !important;
}

/* Featured Product Cards - New Design */
body .featured-product-card {
    background: #FFF !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
    font-family: Poppins, sans-serif !important;
    position: relative !important;
    height: 520px !important;
    display: flex !important;
    flex-direction: column !important;
}

body .featured-product-card:hover {
    transform: translateY(-4px) !important;
}

/* Product Image Container */
body .featured-product-card .product-image-container {
    position: relative !important;
    width: 100% !important;
    height: 240px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    padding: 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body .featured-product-card .product-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transition: transform 0.3s ease !important;
    padding: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    display: block !important;
}

/* Force proper image sizing */
body .featured-product-card .product-image-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    max-width: none !important;
    max-height: none !important;
}

/* Featured Image Quality Improvements */
.featured-image-quality {
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: optimize-contrast !important;
    image-rendering: crisp-edges !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    filter: contrast(1.1) saturate(1.1) brightness(1.02) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body .featured-product-card:hover .product-image {
    transform: scale(1.05) !important;
}

body .featured-product-card .product-image-placeholder {
    width: 100% !important;
    height: 100% !important;
    background: #f3f4f6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #6b7280 !important;
    font-size: 14px !important;
}

/* Discount Badge */
body .featured-product-card .discount-badge {
    display: block !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: #ef4444 !important;
    color: white !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    z-index: 10 !important;
}

/* Product Info */
body .featured-product-card .product-info {
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

/* Product Title */
body .featured-product-card .product-title {
    font-family: Poppins, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #3F3F3F !important;
    margin: 0 0 8px !important;
    line-height: 1.2 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body .featured-product-card .product-title a {
    text-decoration: none !important;
    color: inherit !important;
}

body .featured-product-card .product-title a:hover {
    color: #68e3f0 !important;
}

/* Product Price - Override WooCommerce Global Styles */
body .featured-product-card .product-price {
    font-family: Inter, sans-serif !important;
    margin: 0 0 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Current/Sale Price - Override WooCommerce */
body .featured-product-card .product-price .current-price,
body .featured-product-card .current-price,
body .featured-product-card .product-price span:first-child,
body .featured-product-card .product-price ins,
body .featured-product-card .product-price ins .amount,
body .featured-product-card .product-price .amount {
    font-size: clamp(16px, 2.2vw, 22px) !important;
    font-weight: 700 !important;
    color: #D52020 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    font-family: Inter, sans-serif !important;
    border-bottom: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
    background: none !important;
    background-image: none !important;
    background-position: none !important;
    background-repeat: none !important;
    background-size: none !important;
}

/* Original Price - Override WooCommerce */
body .featured-product-card .product-price .original-price,
body .featured-product-card .original-price,
body .featured-product-card .product-price span:last-child,
body .featured-product-card .product-price del {
    font-size: clamp(14px, 1.8vw, 18px) !important;
    font-weight: 700 !important;
    color: #8D8D8D !important;
    line-height: 1.2 !important;
    font-family: Inter, sans-serif !important;
}

/* Override any WooCommerce global price styles */
body .featured-product-card .product-price *,
body .featured-product-card .product-price span,
body .featured-product-card .product-price .amount {
    font-family: Inter, sans-serif !important;
}

/* Product Meta */
body .featured-product-card .product-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    color: #6b7280 !important;
}

body .featured-product-card .rating-section {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body .featured-product-card .star-rating {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

body .featured-product-card .star {
    color: #fbbf24 !important;
    font-size: 20px !important;
}

body .featured-product-card .rating-number {
    font-weight: 600 !important;
    color: #374151 !important;
}

body .featured-product-card .review-count {
    color: #6b7280 !important;
}

body .featured-product-card .sold-count {
    color: #6b7280 !important;
    font-weight: 500 !important;
}

/* Meta Divider */
body .featured-product-card .meta-divider {
    width: 1px !important;
    height: 16px !important;
    background-color: #e5e7eb !important;
    margin: 0 8px !important;
}

/* Color Options */
body .featured-product-card .color-options {
    display: flex !important;
    gap: 6px !important;
    margin-bottom: 0 !important;
}

body .featured-product-card .color-option {
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    border: 1px solid #fff !important;
    box-shadow: 0 0 0 1px #e5e7eb !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

body .featured-product-card .color-option:hover {
    transform: scale(1.1) !important;
}

body .featured-product-card .color-option.active {
    box-shadow: 0 0 0 2px #ef4444 !important;
}

/* Product Highlights Navigation - Show buttons */

/* Banner Product Section */
.banner-product-section {
    padding: 0;
    margin: 0;
}

.banner-product-container {
    display: flex;
    gap: 0;
    height: 400px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
}

/* Left Column - Banner (40%) */
.banner-column {
    flex: 0 0 40%;
    position: relative;
    overflow: hidden;
}

.banner-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
}

.banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

.placeholder-content h3 {
    font-size: 24px;
    margin: 0 0 8px;
    font-weight: 600;
}

.placeholder-content p {
    margin: 0;
    opacity: 0.8;
}

/* Right Column - Products (60%) */
.products-column {
    flex: 0 0 60%;
    background: #fff;
    padding: 0;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    height: 100%;
    gap: 1px;
    background: #e5e7eb;
}

.banner-product-item {
    background: white;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.banner-product-item:hover {
    transform: scale(1.02);
    z-index: 2;
    box-shadow: 0 8px 25px rgb(0 0 0 / 15%);
}

.product-link {
    display: flex;
    height: 100%;
    text-decoration: none;
    color: inherit;
    padding: 16px;
    align-items: center;
    gap: 12px;
}

.product-image-container {
    flex: 0 0 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f9fa;
}

.product-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.product-title {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 4px;
    line-height: 1.3;
}

.product-price {
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    margin: 0;
}

.product-price .amount {
    font-weight: 600;
    color: #1f2937;
}

.view-arrow {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 16px;
    color: #9ca3af;
    font-weight: bold;
    opacity: 0;
    transition: all 0.3s ease;
}

.banner-product-item:hover .view-arrow {
    opacity: 1;
    transform: translateX(4px);
}

.no-products {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    font-style: italic;
}

/* Mobile Responsive */
@media (width <= 768px) {
    .banner-product-container {
        flex-direction: column;
        height: auto;
    }
    
    .banner-column {
        flex: none;
        height: 200px;
    }
    
    .products-column {
        flex: none;
    }
    
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        height: 360px;
    }
    
    .product-link {
        padding: 12px;
        gap: 8px;
    }
    
    .product-image-container {
        flex: 0 0 50px;
        height: 50px;
    }
    
    .product-title {
        font-size: 12px;
    }
    
    .product-price {
        font-size: 11px;
    }
}

@media (width <= 480px) {
    .products-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 1fr);
        height: 480px;
    }
    
    .product-link {
        padding: 10px;
    }
    
    .product-image-container {
        flex: 0 0 45px;
        height: 45px;
    }
}

/* Featured Product Image Container - Strong Override */
.featured-product-card .product-image-container {
    position: relative !important;
    width: 100% !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    padding: 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.featured-product-card .product-image-container a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.featured-product-card .product-image-container .product-image,
.featured-product-card .product-image-container img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Add to Cart Button */
body .featured-product-card .add-to-cart-btn {
    width: calc(100%) !important;
    background: linear-gradient(135deg, #ffcf87 0%, #ffb03b 100%) !important;
    color: #000 !important;
    border: 1px solid #e5e7eb !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-family: Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14.8px !important;
    line-height: 18px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-shadow: 0 1px 1px rgb(255 176 59 / 30%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 5px 2px 2px !important;
}

body .featured-product-card .add-to-cart-btn:hover {
    background: linear-gradient(135deg, #ffb03b 0%, #ffcf87 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgb(255 176 59 / 40%) !important;
    color: #000 !important;
}

body .featured-product-card .add-to-cart-btn:active {
    transform: translateY(0) !important;
}

body .featured-product-card .cart-icon {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}

body .featured-products-grid .product:hover {
    box-shadow: 0 8px 24px rgb(0 0 0 / 12%) !important;
    transform: translateY(-4px) !important;
}

/* Product Image Container with Fixed Size */
body .featured-products-grid .product .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: #f8f9fa !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    width: 100% !important;
    margin: 0 !important;
}

body .featured-products-grid .product .attachment-woocommerce_thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transition: transform 0.3s ease !important;
    border-radius: 12px !important;
    padding: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

body .featured-products-grid .product:hover .attachment-woocommerce_thumbnail {
    transform: scale(1.05) !important;
}

/* Product Info Container */
body .featured-products-grid .product .woocommerce-loop-product__title {
    font-family: Poppins, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #3F3F3F !important;
    margin: 12px 20px 8px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

body .featured-products-grid .product .price {
    font-family: Inter, sans-serif !important;
    margin: 0 20px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body .featured-products-grid .product .price .amount {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #7e7171 !important;
    line-height: 21px !important;
}

body .featured-products-grid .product .price del .amount {
    font-size: 14.6px !important;
    font-weight: 700 !important;
    color: #959595 !important;
    text-decoration: line-through !important;
    line-height: 18px !important;
}

/* Add to Cart Button with Black Text */
body .featured-products-grid .product .button {
    width: calc(100% - 40px) !important;
    background: linear-gradient(135deg, #ffcf87 0%, #ffb03b 100%) !important;
    color: #000 !important;
    border: none !important;
    padding: 16px 20px !important;
    border-radius: 3px !important;
    font-family: Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14.8px !important;
    line-height: 18px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgb(255 176 59 / 30%) !important;
    margin: auto 20px 20px !important;
    text-decoration: none !important;
}

body .featured-products-grid .product .button:hover {
    background: linear-gradient(135deg, #ffb03b 0%, #ffcf87 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgb(255 176 59 / 40%) !important;
    color: #000 !important;
}

/* Discount Badge Overlay */
body .featured-products-grid .product .onsale {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: #ef4444 !important;
    color: white !important;
    padding: 6px 10px !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    z-index: 2 !important;
    margin: 0 !important;
}

/* Mobile Responsive Design for Featured Products */
@media (width <= 1279px) {
    body .featured-products-header {
        padding: 0 16px !important;
    }
    
    body .featured-products-container {
        max-width: 100% !important;
        padding: 0 16px !important;
    }
}

@media (width <= 1023px) {
    body .featured-products-header {
        padding: 0 12px !important;
    }
    
    body .featured-products-container {
        padding: 0 12px !important;
    }
    
    body .featured-product-card {
        height: 420px !important;
    }
    
    body .featured-product-card .product-image-container {
        height: 220px !important;
    }
}

@media (width <= 767px) {
    body .featured-products-header {
        padding: 0 8px !important;
        flex-direction: row !important;
        gap: 0 !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    
    body .featured-products-navigation {
        align-self: auto !important;
    }
    
    body .featured-products-container {
        padding: 0 8px !important;
    }
    
    body .featured-product-card {
        height: 400px !important;
    }
    
    body .featured-product-card .product-image-container {
        height: 200px !important;
        padding: 8px !important;
    }
    
    .featured-image-quality {
        filter: contrast(1.05) saturate(1.05) brightness(1.01) !important;
    }
    
    body .featured-product-card .product-info {
        padding: 16px !important;
    }
    
    body .featured-product-card .product-title {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }
    
    body .featured-product-card .product-price {
        margin-bottom: 10px !important;
    }
    
    /* Mobile Price Styles - Override WooCommerce */
    body .featured-product-card .product-price .current-price,
    body .featured-product-card .current-price,
    body .featured-product-card .product-price span:first-child,
    body .featured-product-card .product-price ins,
    body .featured-product-card .product-price ins .amount,
    body .featured-product-card .product-price .amount {
        font-size: clamp(14px, 4vw, 18px) !important;
        text-decoration: none !important;
        font-family: Inter, sans-serif !important;
        border-bottom: none !important;
        text-decoration-line: none !important;
        text-decoration-style: none !important;
        text-decoration-color: transparent !important;
        background: none !important;
        background-image: none !important;
        background-position: none !important;
        background-repeat: none !important;
        background-size: none !important;
    }
    
    body .featured-product-card .product-price .original-price,
    body .featured-product-card .original-price,
    body .featured-product-card .product-price span:last-child {
        font-size: clamp(12px, 3.5vw, 16px) !important;
        font-family: Inter, sans-serif !important;
    }
    
    /* Mobile Product Meta Section */
    body .featured-product-card .product-meta {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }
    
    body .featured-product-card .rating-section {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 6px !important;
    }
    
    body .featured-product-card .star {
        font-size: 16px !important;
    }
    
    body .featured-product-card .rating-number {
        font-size: 12px !important;
    }
    
    body .featured-product-card .review-count {
        font-size: 12px !important;
    }
    
    body .featured-product-card .sold-count {
        font-size: 12px !important;
    }
    
    body .featured-product-card .meta-divider {
        display: none !important;
    }
    
    body .featured-product-card .color-options {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 4px !important;
    }
    
    body .featured-product-card .color-option {
        width: 18px !important;
        height: 18px !important;
    }
    
    body .featured-product-card .add-to-cart-btn {
        padding: 8px 12px !important;
        font-size: 12px !important;
        gap: 6px !important;
        margin: 2px 1px 1px !important;
        border-radius: 6px !important;
    }
    
    body .featured-product-card .cart-icon {
        width: 16px !important;
        height: 16px !important;
    }
}

/* Extra Small Mobile (max-width: 480px) */
@media (width <= 480px) {
    body .featured-product-card .add-to-cart-btn {
        padding: 6px 10px !important;
        font-size: 11px !important;
        gap: 4px !important;
        margin: 1px !important;
        border-radius: 5px !important;
        font-weight: 600 !important;
    }
    
    body .featured-product-card .cart-icon {
        width: 14px !important;
        height: 14px !important;
    }
    
    /* Extra Small Mobile Price Styles */
    body .featured-product-card .product-price .current-price,
    body .featured-product-card .current-price,
    body .featured-product-card .product-price span:first-child,
    body .featured-product-card .product-price ins,
    body .featured-product-card .product-price ins .amount,
    body .featured-product-card .product-price .amount {
        font-size: clamp(12px, 3.8vw, 16px) !important;
    }
    
    body .featured-product-card .product-price .original-price,
    body .featured-product-card .original-price,
    body .featured-product-card .product-price span:last-child {
        font-size: clamp(10px, 3.2vw, 14px) !important;
    }
}

/* Global WooCommerce Price Overrides */

/* Override WooCommerce default price styles globally */
body .woocommerce .price,
body .woocommerce div.product p.price,
body .woocommerce div.product span.price,
body .woocommerce ul.products li.product .price,
body .woocommerce ul.products li.product .price .amount,
body .woocommerce ul.products li.product .price del .amount,
body .woocommerce ul.products li.product .price ins .amount {
    font-family: Inter, sans-serif !important;
}

/* Remove underline from sale prices globally */
body .woocommerce .price ins,
body .woocommerce .price ins .amount,
body .woocommerce div.product p.price ins,
body .woocommerce div.product span.price ins,
body .woocommerce ul.products li.product .price ins,
body .woocommerce ul.products li.product .price ins .amount,
body .woocommerce .price .amount,
body .woocommerce div.product p.price .amount,
body .woocommerce div.product span.price .amount,
body .woocommerce ul.products li.product .price .amount {
    text-decoration: none !important;
    border-bottom: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
    background: none !important;
    background-image: none !important;
    background-position: none !important;
    background-repeat: none !important;
    background-size: none !important;
}

/* Remove any underline from all price elements */
body .woocommerce .price *,
body .woocommerce div.product p.price *,
body .woocommerce div.product span.price *,
body .woocommerce ul.products li.product .price * {
    text-decoration: none !important;
    border-bottom: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
}

/* Ensure our custom price styles override WooCommerce */
body .featured-product-card .product-price,
body .recent-product-card .product-price {
    font-family: Inter, sans-serif !important;
}

body .featured-product-card .product-price *,
body .recent-product-card .product-price * {
    font-family: Inter, sans-serif !important;
}

/* Mobile Responsive Design for Recent Products */
@media (width <= 1023px) {
    body .recent-products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
    
    body .recent-product-card {
        height: 420px !important;
    }
    
    body .recent-product-card .product-image-container {
        height: 200px !important;
    }
}

@media (width <= 767px) {
    body .recent-products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
    
    body .recent-product-card {
        height: 380px !important;
    }
    
    body .recent-product-card .product-image-container {
        height: 180px !important;
    }
    
    body .recent-product-card .product-title {
        font-size: 13px !important;
        font-weight: 600 !important;
    }
    
    /* Mobile Recent Products Price Styles - Override WooCommerce */
    body .recent-product-card .product-price .current-price,
    body .recent-product-card .current-price,
    body .recent-product-card .product-price span:first-child,
    body .recent-product-card .product-price ins,
    body .recent-product-card .product-price ins .amount,
    body .recent-product-card .product-price .amount {
        font-size: 15px !important;
        text-decoration: none !important;
        font-family: Inter, sans-serif !important;
        border-bottom: none !important;
        text-decoration-line: none !important;
        text-decoration-style: none !important;
        text-decoration-color: transparent !important;
        background: none !important;
        background-image: none !important;
        background-position: none !important;
        background-repeat: none !important;
        background-size: none !important;
    }
    
    body .recent-product-card .product-price .original-price,
    body .recent-product-card .original-price,
    body .recent-product-card .product-price span:last-child {
        font-size: 13px !important;
        font-family: Inter, sans-serif !important;
    }
    
    body .recent-product-card .product-info {
        padding: 16px !important;
    }
    
    body .recent-product-card .add-to-cart-btn {
        padding: 14px 16px !important;
        font-size: 13px !important;
    }
    
    body .recent-product-card .cart-icon {
        width: 18px !important;
        height: 18px !important;
    }
}

/* Footer Styles */
.footer-notification {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 9999;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
    transition: transform 0.3s ease-in-out;
    max-width: 300px;
    word-wrap: break-word;
}

.newsletter-form input:focus {
    outline: none;
    border-color: #22d3ee;
    box-shadow: 0 0 0 3px rgb(34 211 238 / 10%);
}

.newsletter-form button:hover {
    background-color: #06b6d4;
}

/* Mobile Footer Menu Responsiveness */
@media (width <= 768px) {
    .footer-menu-heading {
        border-bottom: 1px solid rgb(75 85 99 / 20%);
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;
    }
    
    .footer-menu-heading:last-child {
        border-bottom: none;
    }
    
    .footer-menu-heading .menu-arrow {
        transition: transform 0.2s ease;
    }
    
    .footer-menu-heading .menu-arrow.rotate-180 {
        transform: rotate(180deg);
    }
    
    /* Initially hide menus on mobile */
    footer ul.hidden {
        display: none;
    }
    
    footer ul:not(.hidden) {
        display: block;
        animation: fade-in 0.3s ease;
    }
    
    @keyframes fade-in {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* Desktop - ensure menus are always visible */
@media (width >= 769px) {
    footer ul {
        display: block !important;
    }
    
    .menu-arrow {
        display: none;
    }
}

/* Newsletter Container - Matching Screenshot */
.newsletter-form {
    position: relative;
}

/* Newsletter Container Background */
footer .bg-white {
    background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%) !important;
    border: 1px solid rgb(229 231 235 / 30%) !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 5%), 0 2px 4px -1px rgb(0 0 0 / 2%) !important;
}

/* Logo Styling */
footer .custom-logo-wrapper img {
    max-height: 48px;
    width: auto;
}

/* Newsletter Email Input */
.newsletter-form input[type="email"] {
    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-width: 2px !important;
    transition: all 0.2s ease !important;
}

.newsletter-form input[type="email"]:focus {
    border-color: #22d3ee !important;
    box-shadow: 0 0 0 3px rgb(34 211 238 / 10%) !important;
    background-color: #fff !important;
}

.newsletter-form input[type="email"]::placeholder {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

/* Subscribe Button */
.newsletter-form button[type="submit"] {
    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.025em !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%) !important;
}

.newsletter-form button[type="submit"]:hover {
    box-shadow: 0 4px 6px rgb(0 0 0 / 15%) !important;
    transform: translateY(-1px) !important;
}

.newsletter-form button[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}

/* Newsletter Description Text */
footer .text-gray-600 {
    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    color: #4b5563 !important;
    line-height: 1.6 !important;
}

/* Newsletter Container Mobile Responsive */
@media (width <= 768px) {
    footer .bg-white.rounded-2xl {
        margin-bottom: 2rem;
        padding: 1.5rem !important;
    }
    
    .newsletter-form input[type="email"] {
        font-size: 16px !important; /* Prevents zoom on iOS */
        padding: 12px 16px !important;
        padding-right: 48px !important;
    }
    
    .newsletter-form button[type="submit"] {
        padding: 12px 24px !important;
        font-size: 16px !important;
    }
}

/* Logo Text Styling */
footer .text-black {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 700 !important;
}

footer .text-cyan-400 {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 500 !important;
}

/* Footer Privacy Menu Styles */

/* Footer Privacy Menu - Horizontal Layout */
footer .footer-privacy-menu,
footer ul.footer-privacy-menu,
footer .menu-footer-privacy-container ul,
footer .menu-footer-privacy-container .menu {
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

footer .footer-privacy-menu li,
footer ul.footer-privacy-menu li,
footer .menu-footer-privacy-container ul li,
footer .menu-footer-privacy-container .menu li {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

footer .footer-privacy-menu li:not(:last-child)::after,
footer ul.footer-privacy-menu li:not(:last-child)::after,
footer .menu-footer-privacy-container ul li:not(:last-child)::after,
footer .menu-footer-privacy-container .menu li:not(:last-child)::after {
    content: '|' !important;
    color: #4b5563 !important;
    margin: 0 0.75rem !important;
    font-size: 0.875rem !important;
}

footer .footer-privacy-menu li a,
footer ul.footer-privacy-menu li a,
footer .menu-footer-privacy-container ul li a,
footer .menu-footer-privacy-container .menu li a {
    color: #9ca3af !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    white-space: nowrap !important;
    display: inline !important;
}

footer .footer-privacy-menu li a:hover,
footer ul.footer-privacy-menu li a:hover,
footer .menu-footer-privacy-container ul li a:hover,
footer .menu-footer-privacy-container .menu li a:hover {
    color: #22d3ee !important;
}

/* Custom width classes for footer columns */
.w-3\/10 {
    width: 30%;
}

@media (width <= 768px) {
    .w-3\/10 {
        width: 100%;
    }
}

    color: #22d3ee;

/* Social Media Icons Responsive */
@media (width <= 768px) {
    footer .grid.grid-cols-1.md\:grid-cols-3 {
        gap: 1rem;
        text-align: center;
    }
    
    footer .flex.justify-center.md\:justify-end {
        justify-content: center !important;
        flex-wrap: wrap;
    }
    
    footer .flex.flex-wrap.justify-center.space-x-4.text-sm {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* Footer Logo Responsive */
@media (width <= 640px) {
    footer .w-10.h-10 {
        width: 2rem;
        height: 2rem;
    }
    
    footer .text-2xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

/* Footer Links Hover Effects */
footer a:hover {
    color: #22d3ee;
    transition: color 0.2s ease;
}

/* Newsletter Success/Error States */
.newsletter-form.success input {
    border-color: #10b981;
}

.newsletter-form.error input {
    border-color: #ef4444;
}

/* Copyright Section Responsive */
@media (width <= 640px) {
    footer .border-t {
        margin-top: 2rem;
        padding-top: 1.5rem;
    }
}

/* ============================================================================
   FEATURE PRODUCT SECTION STYLES
   ============================================================================ */

/* Feature Product Section Container */
.feature-products-container {
    position: relative;
}

/* Desktop Feature Product Cards */
.feature-product-card {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
    overflow: hidden;
    transition: all 0.3s ease;
}

.feature-product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgb(0 0 0 / 15%);
}

/* Video Container */
.feature-product-card .video-container {
    position: relative;
    background: #111827;
    overflow: hidden;
}

.feature-product-card .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.feature-product-card:hover .video-container video {
    transform: scale(1.05);
}

/* Play Button Overlay */
.feature-product-card .video-container .absolute {
    transition: opacity 0.3s ease;
}

.feature-product-card .video-container:hover .absolute {
    opacity: 1;
}

/* Product Info */
.feature-product-card .p-6 h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.feature-product-card .p-6 .text-2xl {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
}

/* Buy Now Button */
.feature-product-card .bg-gradient-to-r {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.feature-product-card .bg-gradient-to-r:hover {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgb(239 68 68 / 30%);
}

/* Mobile Feature Product Cards */
.feature-product-card-mobile {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
    overflow: hidden;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.feature-product-card-mobile:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgb(0 0 0 / 15%);
}

/* Mobile Video Container */
.feature-product-card-mobile .video-container {
    position: relative;
    background: #111827;
    overflow: hidden;
}

.feature-product-card-mobile .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.feature-product-card-mobile:hover .video-container video {
    transform: scale(1.05);
}

/* Mobile Product Info */
.feature-product-card-mobile .p-4 h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.feature-product-card-mobile .p-4 .text-xl {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.75rem;
}

/* Mobile Buy Now Button */
.feature-product-card-mobile .bg-gradient-to-r {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    font-size: 0.875rem;
}

.feature-product-card-mobile .bg-gradient-to-r:hover {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgb(239 68 68 / 30%);
}

/* Mobile Scrolling Container */
.feature-products-scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.feature-products-scroll::-webkit-scrollbar {
    display: none;
}

/* Scroll Indicator */
.feature-products-scroll + div {
    margin-top: 1rem;
}

.feature-products-scroll + div .inline-flex {
    color: #6b7280;
    font-size: 0.875rem;
}

.feature-products-scroll + div svg {
    width: 1rem;
    height: 1rem;
    color: #6b7280;
}

/* Responsive Adjustments */
@media (width <= 768px) {
    .feature-products-container {
        margin: 0 -1rem;
    }
    
    .feature-products-scroll {
        padding: 0 1rem;
    }
    
    .feature-product-card-mobile {
        width: 280px;
        min-width: 280px;
    }
}

@media (width <= 480px) {
    .feature-product-card-mobile {
        width: 260px;
        min-width: 260px;
    }
    
    .feature-product-card-mobile .p-4 h3 {
        font-size: 1rem;
    }
    
    .feature-product-card-mobile .p-4 .text-xl {
        font-size: 1.125rem;
    }
}

/* Touch Scrolling Enhancement */
@media (hover: none) and (pointer: coarse) {
    .feature-products-scroll {
        scroll-snap-type: x mandatory;
    }
    
    .feature-product-card-mobile {
        scroll-snap-align: start;
    }
}

/* Smooth Scrolling for Desktop */
@media (hover: hover) and (pointer: fine) {
    .feature-products-scroll {
        scroll-behavior: smooth;
    }
}

/* ============================================================================
   PRODUCT VIDEOS SECTION STYLES
   ============================================================================ */

/* Product Videos Scroll Container */
.product-videos-scroll {
    display: flex;
    overflow-x: auto;
    gap: 1.5rem;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
}

.product-videos-scroll::-webkit-scrollbar {
    display: none;
}

/* Product Video Item */
.product-video-item {
    position: relative;
    flex-shrink: 0;
    width: 300px;
    height: 400px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Product Video - Make more specific to avoid conflicts */
.product-videos-scroll .product-video {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 0;
    transition: transform 0.3s ease;
}

/* Review Date Styling - Small and Mobile Responsive */
.review-date {
    font-size: 10px !important;
    line-height: 1.2;
    opacity: 0.8;
}

@media (width >= 640px) {
    .review-date {
        font-size: 12px !important;
    }
}

@media (width >= 768px) {
    .review-date {
        font-size: 13px !important;
    }
}

@media (width >= 1024px) {
    .review-date {
        font-size: 14px !important;
    }
}

/* Review Image Styling - Smaller and Responsive */
.review-image img {
    max-width: 8rem !important;
    height: auto;
    object-fit: cover;
}

@media (width <= 640px) {
    .review-image img {
        max-width: 6rem !important;
    }
}

@media (width >= 768px) {
    .review-image img {
        max-width: 10rem !important;
    }
}

.product-video-item:hover .product-video {
    transform: scale(1.05);
}

/* Buy Now Container */
.buy-now-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0;
}

/* Buy Now Button */
.buy-now-button {
    background: #3b82f6;
    color: white;
    text-decoration: none;
    font-weight: 700;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    text-align: center;
    transition: all 0.3s ease;
    display: inline-block;
    min-width: 60px;
    font-size: 0.75rem;
}

.buy-now-button:hover {
    background: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(59 130 246 / 30%);
}

/* Responsive Design */
@media (width <= 768px) {
    .product-video-item {
        width: 250px;
        height: 333px;
    }
    
    .product-videos-scroll .product-video {
        height: 291px;
    }
    
    .buy-now-button {
        padding: 0.25rem 0.625rem;
        font-size: 0.625rem;
        min-width: 50px;
    }
}

/* Touch Scrolling Enhancement */
@media (hover: none) and (pointer: coarse) {
    .product-videos-scroll {
        scroll-snap-type: x mandatory;
    }
    
    .product-video-item {
        scroll-snap-align: start;
    }
}

/* ============================================================================
   BIG BANNER SECTION STYLES
   ============================================================================ */

.big-banner-section {
    position: relative;
    overflow: hidden;
}

.big-banner-section img {
    transition: transform 0.3s ease;
    width: 100%;
    height: auto;
    display: block;
}

.big-banner-section:hover img {
    transform: scale(1.02);
}

.big-banner-section a {
    display: block;
    text-decoration: none;
}

.big-banner-section a:hover {
    text-decoration: none;
}

/* Responsive adjustments */
@media (width <= 768px) {
    .big-banner-section img {
        object-fit: cover;
        max-height: 60vh;
    }
}

@media (width >= 769px) {
    .big-banner-section img {
        object-fit: cover;
        max-height: 80vh;
    }
}

/* ============================================================================
   CATEGORIES SECTION STYLES
   ============================================================================ */
.categories-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.category-card {
    background: white;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    transition: all 0.3s ease;
    height: 100%;
}

.category-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
}

.category-content {
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.category-header {
    margin-bottom: 1rem;
}

.category-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.category-description {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.5;
    margin: 0;
}

.category-image-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.category-image {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 0.5rem;
}

.category-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.category-link:hover {
    text-decoration: none;
    color: inherit;
}

/* Mobile Styles */
@media (width <= 768px) {
    .categories-container {
        display: flex;
        overflow-x: auto;
        gap: 1rem;
        padding: 0.5rem 0;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .categories-container::-webkit-scrollbar {
        display: none;
    }
    
    .category-card {
        flex-shrink: 0;
        width: 280px;
        scroll-snap-align: start;
    }
    
    .category-content {
        padding: 1rem;
    }
    
    .category-title {
        font-size: 1.125rem;
    }
    
    .category-description {
        font-size: 0.8rem;
    }
    
    .category-image-container {
        min-height: 150px;
    }
}

/* Touch scrolling enhancements for mobile */
@media (hover: none) and (pointer: coarse) {
    .categories-container {
        scroll-snap-type: x mandatory;
    }
    
    .category-card {
        scroll-snap-align: start;
    }
}

/* ============================================================================
   BIG BANNER 2 SECTION STYLES
   ============================================================================ */
.big-banner-2-section {
    position: relative;
    width: 100%;
}

.big-banner-2-image {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center;
}

.big-banner-2-section a {
    display: block;
    text-decoration: none;
}

/* Featured In Section Styling */
.featured-in-section {
    position: relative;
    overflow: hidden;
}



.featured-in-subtitle {
    font-weight: 500;
    letter-spacing: 0.025em;
}

.featured-in-title {
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.1;
}

.featured-brand-logo {
    transition: transform 0.3s ease, opacity 0.3s ease;
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.featured-brand-logo:hover {
    transform: scale(1.05);
    opacity: 0.8;
}

.featured-brand-image {
    max-width: 200px;
    height: auto;
    object-fit: contain;
    filter: brightness(0) saturate(100%);
    transition: filter 0.3s ease;
}

.featured-brand-logo:hover .featured-brand-image {
    filter: brightness(0.8) saturate(100%);
}

/* Responsive logo sizing */
@media (width <= 768px) {
    .featured-brand-image {
        max-width: 150px;
    }
}

@media (width <= 480px) {
    .featured-brand-image {
        max-width: 120px;
    }
}

/* Full width design - remove container margins */
.featured-in-section .w-full {
    width: 100%;
    max-width: none;
}

/* Responsive spacing for full width */
.featured-in-section .text-center {
    padding-left: 0;
    padding-right: 0;
}

@media (width >= 768px) {
    .featured-in-section .text-center {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (width >= 1024px) {
    .featured-in-section .text-center {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Animation Keyframes */
@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slide-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slide-left {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slide-right {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes zoom-in {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        transform: translate3d(0, -8px, 0);
    }

    70% {
        transform: translate3d(0, -4px, 0);
    }

    90% {
        transform: translate3d(0, -2px, 0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

/* Responsive styles for Big Banner 2 */
@media (width <= 768px) {
    .big-banner-2-section img {
        object-fit: cover;
        height: auto;
        max-height: none;
    }
}

@media (width >= 769px) {
    .big-banner-2-section img {
        object-fit: cover;
        height: auto;
        max-height: none;
    }
}

/* Category Banner Styles */
.category-banner-container {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 0.75rem 0.75rem 0 0;
    position: relative;
}

.category-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.category-card:hover .category-banner-image {
    transform: scale(1.05);
}

.category-banner-link {
    display: block;
    text-decoration: none;
    height: 100%;
}

.category-banner-link:hover {
    text-decoration: none;
}

/* Adjust category content when banner is present */
.category-card:has(.category-banner-container) .category-content {
    padding-top: 1rem;
}

/* Mobile responsive for category banners */
@media (width <= 768px) {
    .category-banner-container {
        height: 80px;
    }
    
    .category-card:has(.category-banner-container) .category-content {
        padding-top: 0.75rem;
    }
}

/* ============================================================================
   SHOP ARCHIVE PAGE STYLES
   ============================================================================ */

/* Shop Archive Container */
.shop-archive-container {
    background: #f9fafb;
}

/* Top Categories Banner Section */
.categories-banner-section {
    border-bottom: 1px solid #e5e7eb;
}

.categories-scroll {
    display: flex;
    overflow-x: auto;
    gap: 2rem;
    padding: 0.5rem 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.categories-scroll::-webkit-scrollbar {
    display: none;
}

.category-banner-item {
    flex-shrink: 0;
    padding: 0.75rem 1.5rem;
    background: #f3f4f6;
    border-radius: 2rem;
    text-decoration: none;
    color: #6b7280;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.category-banner-item:hover {
    background: #e5e7eb;
    color: #374151;
}

.category-banner-item.active {
    background: #3b82f6;
    color: white;
}

/* Archive Title Section */
.archive-title-section {
    background: white;
}

.archive-title-section h1 {
    margin: 0;
    color: #1f2937;
}

/* Filter and Products Section */
.filter-products-section {
    min-height: 80vh;
}

/* Filters Sidebar */
.filters-sidebar {
    position: sticky;
    top: 2rem;
    align-self: flex-start;
    transition: all 0.3s ease;
}

.filters-panel {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
}

.filters-header h3 {
    color: #1f2937;
    font-weight: 600;
    margin: 0;
}

.filter-section {
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 1.5rem;
}

.filter-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.filter-section h4 {
    color: #374151;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

/* Filter Bar */
.filter-bar {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
}

.sort-section select {
    background: white;
    border: 1px solid #d1d5db;
    color: #374151;
    font-size: 0.875rem;
}

.product-count {
    color: #6b7280;
    font-size: 0.875rem;
    white-space: nowrap;
}

/* Products Grid */
.products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (width >= 768px) {
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}

@media (width >= 1024px) {
    .products-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }
}

/* Product Card */
.product-card {
    background: white;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: transform 0.2s ease;
}

.product-card:hover {
    transform: translateY(-2px);
}

/* Product Image Container */
.product-image-container {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
}

.product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-card:hover .product-image {
    transform: scale(1.05);
}

.product-image-placeholder {
    width: 100%;
    height: 100%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    font-size: 0.875rem;
}

/* Special Labels */
.special-labels {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.special-label {
    background: #ef4444;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Product Info */
.product-info {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.product-title {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1f2937;
}

.product-title a {
    text-decoration: none;
    color: inherit;
}

.product-title a:hover {
    color: #3b82f6;
}

.product-type {
    margin: 0;
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
}

/* Product Price */
.product-price {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.25rem 0;
}

.current-price {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
}

.original-price {
    font-size: 0.875rem;
    color: #9ca3af;
    text-decoration: line-through;
}

/* Add to Cart Button */
.add-to-cart-btn {
    background: #3b82f6;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 0.5rem;
}

.add-to-cart-btn:hover {
    background: #2563eb;
    transform: translateY(-1px);
}

.add-to-cart-btn:active {
    transform: translateY(0);
}

.sold-out-btn {
    background: #9ca3af;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: not-allowed;
    margin-top: 0.5rem;
}

/* Mobile Filter Toggle */
.filter-toggle button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Mobile Filter Popup */
#mobile-filter-popup {
    z-index: 9999;
    display: none;
}

#mobile-filter-popup:not(.hidden) {
    display: block;
}

#mobile-filter-popup .absolute {
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

#mobile-filter-popup:not(.hidden) .absolute {
    transform: translateX(0);
}

/* Responsive Adjustments */
@media (width <= 1023px) {
    .filters-sidebar {
        position: static;
        margin-bottom: 2rem;
    }
    
    .shop-layout {
        flex-direction: column;
    }
}

@media (width <= 767px) {
    .categories-scroll {
        gap: 1rem;
    }
    
    .category-banner-item {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }
    
    .archive-title-section h1 {
        font-size: 1.875rem;
    }
    
    .products-grid {
        gap: 1rem;
    }
    
    .product-info {
        padding: 0.75rem;
    }
    
    .filter-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    .sort-section {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
}

/* ============================================================================
   NEW SHOP ARCHIVE PAGE STYLES - MATCHING SCREENSHOT DESIGN
   ============================================================================ */

/* Shop Archive New Container */
.shop-archive-new {
    background: #f9fafb;
}

/* Top Categories Banner Section */
.top-categories-banner {
    border-bottom: 1px solid #e5e7eb;
    min-height: 80px;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    background: white !important;
    width: 100% !important;
    overflow: visible !important;
}

.categories-horizontal-scroll {
    display: flex !important;
    overflow-x: auto;
    gap: 2rem;
    padding: 0.5rem 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 11 !important;
}

.categories-horizontal-scroll::-webkit-scrollbar {
    display: none;
}

.category-item {
    flex-shrink: 0;
    padding: 0.75rem 1.5rem;
    background: #f3f4f6;
    border-radius: 2rem;
    text-decoration: none;
    color: #6b7280;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.category-item:hover {
    background: #e5e7eb;
    color: #374151;
}

.category-item.active {
    background: #3b82f6;
    color: white;
}

/* Filter and Sort Section */
.filter-sort-section {
    background: white;
}

.filter-sort-bar {
    align-items: center;
}

.filter-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 0;
}

.filter-toggle-btn:hover {
    color: #1f2937;
}

.sort-dropdown {
    background: white;
    border: 1px solid #d1d5db;
    color: #374151;
    font-size: 0.875rem;
    min-width: 140px;
}

/* Main Content Section */
.main-content-section {
    min-height: 80vh;
}

.content-layout {
    gap: 2rem;
}

.filters-sidebar.hidden {
    display: none;
}



/* Products Grid New */
.products-grid-new {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

@media (width >= 768px) {
    .products-grid-new {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}

@media (width >= 1024px) {
    .products-grid-new {
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }
}

/* Product Item New - No Borders, No Shadows */
.product-item-new {
    background: white;
    border-radius: 0;
    overflow: hidden;
    transition: transform 0.2s ease;

    /* No borders, no shadows, no card design */
}

.product-item-new:hover {
    transform: translateY(-2px);
}

/* Product Image Wrapper */
.product-image-wrapper {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    background: white;
}

.product-image-new {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-item-new:hover .product-image-new {
    transform: scale(1.05);
}

.product-image-placeholder-new {
    width: 100%;
    height: 100%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    font-size: 0.875rem;
}

/* Special Labels New */
.special-labels-new {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.special-label-new {
    background: #ef4444;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Product Info New */
.product-info-new {
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: white;
}

.product-title-new {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1f2937;
}

.product-title-new a {
    text-decoration: none;
    color: inherit;
}

.product-title-new a:hover {
    color: #3b82f6;
}

.product-type-new {
    margin: 0;
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
}

/* Product Price New */
.product-price-new {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.25rem 0;
}

.current-price-new {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
}

.original-price-new {
    font-size: 0.875rem;
    color: #9ca3af;
    text-decoration: line-through;
}

/* Add Button New */
.add-button-new {
    background: #3b82f6;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 0.5rem;
    width: 100%;
}

.add-button-new:hover {
    background: #2563eb;
    transform: translateY(-1px);
}

.add-button-new:active {
    transform: translateY(0);
}

.sold-out-button-new {
    background: #9ca3af;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: not-allowed;
    margin-top: 0.5rem;
    width: 100%;
}

/* Responsive Design */
@media (width <= 1023px) {
    .filters-sidebar {
        position: static;
        margin-bottom: 2rem;
    }
    
    .content-layout {
        flex-direction: column;
    }
    
    .filters-sidebar.hidden {
        display: none;
    }
}

@media (width <= 767px) {
    .categories-horizontal-scroll {
        gap: 1rem;
    }
    
    .category-item {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }
    
    .filter-sort-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    .sort-section {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        justify-content: space-between;
    }
    
    .products-grid-new {
        gap: 1.5rem;
    }
    
    .product-info-new {
        padding: 0.75rem 0;
    }
}

/* Pagination */
.pagination {
    margin-top: 2rem;
}

.pagination-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.5rem;
}

.pagination-list li {
    margin: 0;
}

.pagination-list a,
.pagination-list span {
    display: inline-block;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    text-decoration: none;
    color: #374151;
    background: white;
    transition: all 0.2s ease;
}

.pagination-list a:hover {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.pagination-list .current {
    background: #3b82f6;
    color: white;
    border-color: #3b82f6;
}

/* Full Width Image Banner Section */
.full-width-banner-section {
    width: 100%;
    margin: 0;
    padding: 0;
}

.full-width-banner-section img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

/* Single Product Page - Quantity and Action Section Improved */
.quantity-action-section {
    max-width: 300px !important;
    width: 100% !important;
    margin: 0 !important;
}

.quantity-action-section .quantity-selector {
    display: flex !important;
    justify-content: flex-start !important;
    margin-bottom: 16px !important;
}

.quantity-action-section .quantity-selector .flex {
    border: 2px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: white !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 5%) !important;
}

.quantity-action-section .quantity-selector button {
    border: none !important;
    background: #f9fafb !important;
    color: #374151 !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    min-width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.quantity-action-section .quantity-selector button:hover {
    background: #e5e7eb !important;
    color: #111827 !important;
}

.quantity-action-section .quantity-selector input {
    border: none !important;
    background: white !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #111827 !important;
    min-width: 60px !important;
    height: 44px !important;
    font-size: 16px !important;
}

.quantity-action-section .quantity-selector input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.quantity-action-section .add-to-cart-btn {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 16px !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
}

/* Mobile Responsive Design for Quantity Section */
@media (width <= 768px) {
    .quantity-action-section {
        max-width: 320px !important;
        padding: 0 16px !important;
    }
    
    .quantity-action-section .add-to-cart-btn {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
}

@media (width <= 480px) {
    .quantity-action-section {
        max-width: 280px !important;
        padding: 0 12px !important;
    }
    
    .quantity-action-section .add-to-cart-btn {
        padding: 10px 16px !important;
        font-size: 13px !important;
    }
}

/* Review Image Styling - Smaller and Responsive */
.review-image img {
    max-width: 8rem !important;
    height: auto;
    object-fit: cover;
}

@media (width <= 640px) {
    .review-image img {
        max-width: 6rem !important;
    }
}

@media (width >= 768px) {
    .review-image img {
        max-width: 10rem !important;
    }
}

/* User Manual Section Styling - Mobile Responsive */
.product-user-manual-section {
    margin-bottom: 4rem;
}

.product-user-manual-section .section-header h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.product-user-manual-section .user-manual-content {
    padding: 2rem;
    margin: 0 1rem;
}

.product-user-manual-section .manual-icon {
    width: 6rem;
    height: 6rem;
}

.product-user-manual-section .manual-icon svg {
    width: 3rem;
    height: 3rem;
}

.product-user-manual-section .manual-title {
    font-size: 1.5rem;
    line-height: 2rem;
}

.product-user-manual-section .download-button {
    padding: 1rem 2rem;
    font-size: 1.125rem;
}

/* Mobile Responsive Adjustments */
@media (width >= 640px) {
    .product-user-manual-section .section-header h2 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    
    .product-user-manual-section .user-manual-content {
        padding: 3rem;
        margin: 0 2rem;
    }
    
    .product-user-manual-section .manual-icon {
        width: 6rem;
        height: 6rem;
    }
    
    .product-user-manual-section .manual-icon svg {
        width: 3rem;
        height: 3rem;
    }
}

@media (width >= 768px) {
    .product-user-manual-section .section-header h2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    
    .product-user-manual-section .user-manual-content {
        padding: 3rem;
        margin: 0 2rem;
    }
    
    .product-user-manual-section .manual-icon {
        width: 6rem;
        height: 6rem;
    }
    
    .product-user-manual-section .manual-icon svg {
        width: 3rem;
        height: 3rem;
    }
    
    .product-user-manual-section .manual-title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .product-user-manual-section .download-button {
        padding: 1.5rem 3rem;
        font-size: 1.25rem;
    }
}

@media (width >= 1024px) {
    .product-user-manual-section .section-header h2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    
    .product-user-manual-section .user-manual-content {
        padding: 3rem;
        margin: 0 2rem;
    }
    
    .product-user-manual-section .manual-icon {
        width: 6rem;
        height: 6rem;
    }
    
    .product-user-manual-section .manual-icon svg {
        width: 3rem;
        height: 3rem;
    }
    
    .product-user-manual-section .manual-title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .product-user-manual-section .download-button {
        padding: 1.5rem 3rem;
        font-size: 1.25rem;
    }
}

/* Video Section - Pure CSS Animations */
.video-section {
    opacity: 1 !important;
    transform: none !important;
}

.video-section .video-element {
    opacity: 1 !important;
    transform: none !important;
    animation: fadeIn 0.8s ease-out;
}

.video-section video {
    opacity: 1 !important;
    transform: none !important;
    display: block !important;
}

.video-section .video-container {
    opacity: 1 !important;
    transform: none !important;
}

.video-section .video-wrapper {
    opacity: 1 !important;
    transform: none !important;
}

.video-section .video-loading-state {
    opacity: 1 !important;
    transform: none !important;
}

.video-section .video-error-state {
    opacity: 1 !important;
    transform: none !important;
}

/* Product Videos */
.product-videos-scroll .product-video {
    opacity: 1 !important;
    transform: none !important;
    animation: fadeIn 0.8s ease-out;
}

/* Ensure all video elements are visible */
video {
    opacity: 1 !important;
    transform: none !important;
    display: block !important;
}

.video-container video,
.video-wrapper video,
.product-video {
    opacity: 1 !important;
    transform: none !important;
    display: block !important;
}

/* Categories Section - Simple Category Items with Thumbnails */
.simple-category-item {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: white !important;
    transition: all 0.3s ease;
    padding: 12px;
    border-radius: 12px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
}

.simple-category-item:hover {
    transform: translateY(-4px);
    box-shadow: none !important;
    color: white !important;
}

.category-thumbnail {
    width: 80px;
    height: 80px;
    margin-bottom: 12px;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.category-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.simple-category-item:hover .category-image {
    transform: scale(1.05);
}

.category-name {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 1.3;
    color: white !important;
    background-color: #2a5ddb !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(42, 93, 219, 0.3) !important;
    border: none !important;
    text-decoration: none !important;
    min-width: 80px !important;
}

.simple-category-item:hover .category-name {
    background-color: #1e4bb8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(42, 93, 219, 0.4) !important;
}

/* Responsive adjustments for categories */
@media (width >= 768px) {
    .simple-category-item {
        padding: 24px;
        margin: 0;
        width: auto;
        min-width: 140px;
        flex-shrink: 0;
        flex: 0 0 auto;
    }
    
    .category-thumbnail {
        width: 120px;
        height: 120px;
        margin-bottom: 20px;
    }
    
    .category-name {
        font-size: 16px;
        font-weight: 600;
        color: white !important;
        padding: 10px 20px !important;
        min-width: 100px !important;
    }
}

/* Categories Carousel Styles */
.categories-carousel-container {
    position: relative;
    width: 100%;
    overflow: visible;
    min-height: 300px;
}

.categories-carousel-track {
    position: relative;
    width: 100%;
}

.category-carousel-item {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-align: center;
    padding: 20px 0;
    width: 100%;
    min-height: 280px;
}

.category-carousel-item:first-child {
    display: block;
    opacity: 1;
}

/* Make category thumbnails full width in the section */
.category-carousel-item .category-thumbnail {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-carousel-item .category-image {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.categories-carousel-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.carousel-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.carousel-dot:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.carousel-dot.active {
    background-color: #2a5ddb;
    transform: scale(1.2);
}

/* Mobile-specific carousel adjustments */
@media (width < 768px) {
    .category-carousel-item {
        padding: 16px 0;
    }
    
    .categories-carousel-dots {
        margin-top: 16px;
    }
    
    .carousel-dot {
        width: 10px;
        height: 10px;
    }
}
}

/* Large screens */
@media (width >= 1024px) {
    .simple-category-item {
        padding: 28px;
        min-width: 160px;
        flex: 0 0 auto;
    }
    
    .category-thumbnail {
        width: 140px;
        height: 140px;
        margin-bottom: 24px;
    }
    
    .category-name {
        font-size: 18px;
        padding: 12px 24px !important;
        min-width: 120px !important;
    }
}

/* Extra large screens */
@media (width >= 1280px) {
    .simple-category-item {
        padding: 32px;
        min-width: 180px;
        flex: 0 0 auto;
    }
    
    .category-thumbnail {
        width: 300px;
        height: 300px;
        margin-bottom: 2px;
    }
    
    .category-name {
        font-size: 20px;
        padding: 14px 28px !important;
        min-width: 140px !important;
    }
}

/* Categories Section - Simple Category Items with Thumbnails */

/* Animated Background Objects */
.categories-section {
    position: relative;
    overflow: hidden;
}

/* Floating Music Icon 1 */
.categories-section::after {
    content: '🎵';
    position: absolute;
    top: 20%;
    left: -40px;
    font-size: 50px;
    opacity: 0.2;
    animation: floatMusic1 15s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
}

/* Floating Music Icon 2 */
.categories-section::before {
    content: '🎶';
    position: absolute;
    top: 60%;
    right: -40px;
    font-size: 45px;
    opacity: 0.2;
    animation: floatMusic2 18s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
}

/* Additional floating music objects */
.categories-section .floating-star {
    position: absolute;
    font-size: 40px;
    opacity: 0.2;
    pointer-events: none;
    z-index: 1;
}

.categories-section .floating-star:nth-child(1) {
    content: '🎼';
    top: 15%;
    left: 15%;
    animation: floatMusic3 20s ease-in-out infinite;
}

.categories-section .floating-star:nth-child(2) {
    content: '🎵';
    top: 75%;
    left: 20%;
    animation: floatMusic4 16s ease-in-out infinite;
}

.categories-section .floating-star:nth-child(3) {
    content: '🎶';
    top: 40%;
    right: 20%;
    animation: floatMusic5 22s ease-in-out infinite;
}

/* Animation Keyframes for Music Icons */
@keyframes floatMusic1 {
    0%, 100% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateX(30px) translateY(-20px) rotate(180deg);
    }
}

@keyframes floatMusic2 {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-25px) rotate(360deg);
    }
}

@keyframes floatMusic3 {
    0%, 100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
    33% {
        transform: translateY(-15px) translateX(20px) rotate(120deg);
    }
    66% {
        transform: translateY(10px) translateX(-15px) rotate(240deg);
    }
}

@keyframes floatMusic4 {
    0%, 100% {
        transform: translateY(0px) translateX(0px) scale(1);
    }
    50% {
        transform: translateY(-20px) translateX(25px) scale(1.1);
    }
}

@keyframes floatMusic5 {
    0%, 100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
    25% {
        transform: translateY(-20px) translateX(-20px) rotate(90deg);
    }
    50% {
        transform: translateY(-35px) translateX(0px) rotate(180deg);
    }
    75% {
        transform: translateY(-20px) translateX(20px) rotate(270deg);
    }
}

/* Footer margin override */
.mt-16 {
    margin-top: 0rem !important;
}

/* Custom Cart Count Badge Override */
#cart-count {
    position: absolute !important;
    top: -.3rem !important;
    right: -.1rem !important;
    background-color: #2563eb !important;
    color: #fff !important;
    font-size: .7rem !important;
    border-radius: 5px !important;
    width: 1rem !important;
    height: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    z-index: 10 !important;
}

/* Mobile cart count badge override */
@media (max-width: 768px) {
    #cart-count {
        top: -.3rem !important;
        right: -.1rem !important;
        font-size: .7rem !important;
        width: 1rem !important;
        height: 1rem !important;
        border-radius: 5px !important;
    }
}

/* Recent Products Section Styling - Matching Screenshot Design */
.recent-products-section {
    background: #f1f5f9 !important; /* Light blue-grey background like screenshot */
    position: relative !important;
    overflow: hidden !important;
    min-height: 500px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.recent-products-carousel {
    position: relative !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    min-height: 450px !important;
    display: block !important;
    visibility: visible !important;
}

.recent-product-item {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    opacity: 0 !important;
    transition: opacity 0.5s ease-in-out !important;
    text-align: center !important;
    /* No card background - clean design like screenshot */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.recent-product-item:first-child {
    opacity: 1 !important;
}

.recent-product-item.active {
    opacity: 1 !important;
    z-index: 10 !important;
}

.product-image-area {
    margin-bottom: 2rem !important;
    position: relative !important;
    height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

.product-main-image {
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
    border-radius: 8px !important;
    transition: transform 0.3s ease !important;
    display: block !important;
}

.product-main-image:hover {
    transform: scale(1.02) !important;
}

.product-image-placeholder {
    width: 100% !important;
    max-width: 300px !important;
    height: 200px !important;
    margin: 0 auto !important;
    display: flex !important;
    gap: 1rem !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

.placeholder-main {
    width: 200px !important;
    height: 150px !important;
    background: #e2e8f0 !important;
    border-radius: 8px !important;
    display: block !important;
}

.placeholder-thumb {
    width: 80px !important;
    height: 60px !important;
    background: #cbd5e1 !important;
    border-radius: 6px !important;
    display: block !important;
}

.product-info {
    text-align: center !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.product-title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin-bottom: 1rem !important;
    line-height: 1.3 !important;
    display: block !important;
}

.product-price {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #2563eb !important;
    margin-bottom: 1.5rem !important;
    text-align: left !important; /* Price aligned to LEFT like screenshot */
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

.buy-now-button {
    display: inline-block !important;
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    color: white !important;
    padding: 0.75rem 2rem !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3) !important;
    border: none !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 300px !important;
}

.buy-now-button:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4) !important;
    color: white !important;
}

.buy-now-button:active {
    transform: translateY(0) !important;
}

.recent-products-dots {
    margin-top: 2rem !important;
    display: flex !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.recent-products-dots button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background: #d1d5db !important;
    display: block !important;
}

.recent-products-dots button:hover {
    background: #9ca3af !important;
    transform: scale(1.2) !important;
}

.recent-products-dots button.bg-blue-600 {
    background: #2563eb !important;
    transform: scale(1.2) !important;
}

/* Debug styles - make sure everything is visible */
.recent-products-section * {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .recent-products-carousel {
        max-width: 100% !important;
        min-height: 400px !important;
    }
    
    .product-title {
        font-size: 1.25rem !important;
    }
    
    .product-price {
        font-size: 1.125rem !important;
    }
    
    .buy-now-button {
        padding: 0.625rem 1.5rem !important;
        font-size: 0.875rem !important;
    }
}

@media (max-width: 480px) {
    .product-main-image,
    .product-image-placeholder {
        max-width: 250px !important;
    }
    
    .placeholder-main {
        width: 150px !important;
        height: 120px !important;
    }
    
    .placeholder-thumb {
        width: 60px !important;
        height: 45px !important;
    }
    
    .product-title {
        font-size: 1.125rem !important;
    }
    
    .product-price {
        font-size: 1rem !important;
    }
    
    .buy-now-button {
        padding: 0.5rem 1.25rem !important;
        font-size: 0.8rem !important;
    }
}

/* ============================================================================
   NEW RECENT PRODUCTS SECTION - MATCHING SCREENSHOT DESIGN
   ============================================================================ */

/* Recent Products Section - New Design */
.recent-products-section-new {
    background: #ffffff !important; /* White background for clean look */
    position: relative !important;
    overflow: hidden !important;
    min-height: 600px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Single Product Carousel Container */
.single-product-carousel {
    position: relative !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    min-height: 500px !important;
    display: block !important;
    visibility: visible !important;
}

/* Single Product Item */
.single-product-item {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    opacity: 0 !important;
    transition: opacity 0.5s ease-in-out !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 2rem 0 !important;
}

.single-product-item:first-child {
    opacity: 1 !important;
}

.single-product-item.active {
    opacity: 1 !important;
    z-index: 10 !important;
}

/* Product Title Container */
.product-title-container {
    margin-bottom: 2rem !important;
    text-align: center !important;
}

.product-main-title {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* Product Image Container */
.product-image-container {
    margin-bottom: 2rem !important;
    position: relative !important;
    height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

.product-main-image {
    width: 100% !important;
    max-width: 400px !important;
    height: auto !important;
    max-height: 250px !important;
    border-radius: 12px !important;
    transition: transform 0.3s ease !important;
    display: block !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    object-fit: contain !important;
}

.product-main-image:hover {
    transform: scale(1.02) !important;
}

/* Sample Product Placeholder */
.sample-product-placeholder {
    width: 100% !important;
    max-width: 400px !important;
    height: 250px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #e5e7eb !important;
    border-radius: 12px !important;
    border: 2px dashed #9ca3af !important;
}

.placeholder-text {
    font-size: 1.125rem !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}

/* Carousel Navigation Dots */
.carousel-dots {
    margin: 2rem 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.carousel-dots .dot {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #d1d5db !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: block !important;
    border: none !important;
}

.carousel-dots .dot:hover {
    background: #9ca3af !important;
    transform: scale(1.2) !important;
}

.carousel-dots .dot.active {
    background: #1f2937 !important;
    transform: scale(1.2) !important;
}

/* Buy Now Container */
.buy-now-container {
    margin-top: 2rem !important;
    text-align: center !important;
}

/* Buy Now Button with Integrated Price */
.buy-now-button-integrated {
    display: inline-block !important;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
    color: white !important;
    padding: 1rem 2.5rem !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3) !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 1.125rem !important;
    letter-spacing: 0.025em !important;
    min-width: 280px !important;
}

.buy-now-button-integrated:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4) !important;
    color: white !important;
}

.buy-now-button-integrated:active {
    transform: translateY(0) !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .recent-products-section-new {
        min-height: 500px !important;
    }
    
    .single-product-carousel {
        max-width: 100% !important;
        min-height: 450px !important;
    }
    
    .product-main-title {
        font-size: 1.5rem !important;
        max-width: 400px !important;
    }
    
    .product-image-container {
        height: 200px !important;
    }
    
    .product-main-image {
        max-width: 300px !important;
        max-height: 200px !important;
    }
    
    .sample-product-placeholder {
        max-width: 300px !important;
        height: 200px !important;
    }
    
    .buy-now-button-integrated {
        padding: 0.875rem 2rem !important;
        font-size: 1rem !important;
        min-width: 250px !important;
    }
}

@media (max-width: 480px) {
    .product-main-title {
        font-size: 1.25rem !important;
        max-width: 300px !important;
    }
    
    .product-image-container {
        height: 180px !important;
    }
    
    .product-main-image {
        max-width: 250px !important;
        max-height: 180px !important;
    }
    
    .sample-product-placeholder {
        max-width: 250px !important;
        height: 180px !important;
    }
    
    .buy-now-button-integrated {
        padding: 0.75rem 1.5rem !important;
        font-size: 0.875rem !important;
        min-width: 220px !important;
    }
}

/* Debug styles - make sure everything is visible */
.recent-products-section-new * {
    visibility: visible !important;
    opacity: 1 !important;
}