.elementor-8337 .elementor-element.elementor-element-6164793{--display:flex;}.ecomus-woocommerce-elementor.ecomus-elementor-id-8345 .site-content{padding-top:42px;padding-bottom:100px;}body.elementor-page-8337 .site-content{padding-top:42px;padding-bottom:100px;}@media(max-width:1024px){.ecomus-woocommerce-elementor.ecomus-elementor-id-8345 .site-content{padding-top:31px;padding-bottom:100px;}body.elementor-page-8337 .site-content{padding-top:31px;padding-bottom:100px;}}@media(max-width:767px){.ecomus-woocommerce-elementor.ecomus-elementor-id-8345 .site-content{padding-top:22.5px;padding-bottom:75px;}body.elementor-page-8337 .site-content{padding-top:22.5px;padding-bottom:75px;}}/* Start custom CSS for container, class: .elementor-element-6164793 *//* ==========================================================================
   S.FRAGRANCE LUXURY GRID VIEW ADJUSTMENTS
   ========================================================================== */

/* 1. Product Card Container (Smooth Border & Hover) */
.elementor-8337 .elementor-element.elementor-element-6164793 .product-grid-item, 
.woocommerce ul.products li.product {
    background: #ffffff !important;
    border-radius: 12px !important; /* Matches your image's rounded look perfectly */
    padding: 12px !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Card lift shadow effect on hover */
.elementor-8337 .elementor-element.elementor-element-6164793 .product-grid-item:hover, 
.woocommerce ul.products li.product:hover {
    transform: translateY(-6px) !important;
}

/* 2. Product Title - Minimalist Luxury */
.elementor-8337 .elementor-element.elementor-element-6164793 .product-title a, 
.woocommerce-loop-product__title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #111111 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    letter-spacing: 0.3px !important;
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 6px !important;
    transition: color 0.3s ease !important;
}

/* Title hover color change to brand gold */
.elementor-8337 .elementor-element.elementor-element-6164793 .product-title a:hover {
    color: #d4af37 !important;
}

/* 3. Price Tag Styling (Matching Your Current Gold Vibe) */
.elementor-8337 .elementor-element.elementor-element-6164793 .price, 
.woocommerce ul.products li.product .price {
    font-family: 'Montserrat', sans-serif !important;
    color: #d4af37 !important; /* Premium brand gold */
    font-size: 15px !important;
    font-weight: 600 !important;
    display: block !important;
    margin-top: 4px !important;
}

/* 4. Brand/Category Text (Small Upper Gray Text) */
.elementor-8337 .elementor-element.elementor-element-6164793 .product-category, 
.woocommerce ul.products li.product .sub-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    color: #888888 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
}

/* 5. Star Ratings Alignment */
.elementor-8337 .elementor-element.elementor-element-6164793 .star-rating, 
.woocommerce .star-rating {
    font-size: 11px !important;
    color: #111111 !important; /* Sharp black stars look more modern than generic yellow */
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}/* End custom CSS */