.elementor-487 .elementor-element.elementor-element-12fc5f76{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.17;}.elementor-487 .elementor-element.elementor-element-12fc5f76:not(.elementor-motion-effects-element-type-background), .elementor-487 .elementor-element.elementor-element-12fc5f76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://batikofceylon.com/wp-content/uploads/2026/05/ChatGPT-Image-May-30-2026-11_01_15-PM.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-487 .elementor-element.elementor-element-12fc5f76::before, .elementor-487 .elementor-element.elementor-element-12fc5f76 > .elementor-background-video-container::before, .elementor-487 .elementor-element.elementor-element-12fc5f76 > .e-con-inner > .elementor-background-video-container::before, .elementor-487 .elementor-element.elementor-element-12fc5f76 > .elementor-background-slideshow::before, .elementor-487 .elementor-element.elementor-element-12fc5f76 > .e-con-inner > .elementor-background-slideshow::before, .elementor-487 .elementor-element.elementor-element-12fc5f76 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-487 .elementor-element.elementor-element-1edfbbe1 .kitify-breadcrumbs{text-align:center;}.elementor-487 .elementor-element.elementor-element-1edfbbe1 .kitify-breadcrumbs__title{order:-1;font-family:"Playfair Display", Sans-serif;font-size:64px;color:var( --e-global-color-50356c0 );}.elementor-487 .elementor-element.elementor-element-1edfbbe1 .kitify-breadcrumbs__item-link{color:var( --e-global-color-50356c0 );}.elementor-487 .elementor-element.elementor-element-1edfbbe1 .kitify-breadcrumbs__item-link:hover{color:var( --e-global-color-primary );}.elementor-487 .elementor-element.elementor-element-1edfbbe1 .kitify-breadcrumbs__item-target{color:var( --e-global-color-50356c0 );}.elementor-487 .elementor-element.elementor-element-1edfbbe1 .kitify-breadcrumbs__item-sep{color:var( --e-global-color-50356c0 );}.elementor-487 .elementor-element.elementor-element-70b5997{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:90px;--padding-left:50px;--padding-right:50px;}.elementor-487 .elementor-element.elementor-element-c89f229{--display:flex;}.elementor-487 .elementor-element.elementor-element-cf750c5 .widget .widget-title{color:#1F1717;}.elementor-487 .elementor-element.elementor-element-cf750c5  .widget .widget-title{font-family:"Playfair Display", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;}.elementor-487 .elementor-element.elementor-element-93753b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-487 .elementor-element.elementor-element-d78eb68 ul.products:not(.swiper-wrapper){margin-right:-15px;margin-left:-15px;}.elementor-487 .elementor-element.elementor-element-d78eb68 ul.products li.product{padding-right:15px;padding-left:15px;margin-bottom:20px;}.elementor-487 .elementor-element.elementor-element-d78eb68{--kitify-carousel-item-right-space:15px;--kitify-carousel-item-left-space:15px;--kitify-gcol-left-space:15px;--kitify-gcol-right-space:15px;}.elementor-487 .elementor-element.elementor-element-d78eb68 .woocommerce-loop-product__link{width:100%;}.elementor-487 .elementor-element.elementor-element-d78eb68 ul.products .product .product-item .product-item__thumbnail{border-style:none;border-radius:0px 0px 0px 0px;overflow:hidden;padding:0px 0px 0px 0px;}.elementor-487 .elementor-element.elementor-element-d78eb68 ul.products li.product .product_item--thumbnail{margin:0px 0px 0px 0px;}.elementor-487 .elementor-element.elementor-element-d78eb68 ul.products li.product .star-rating{font-size:0em;}.elementor-487 .elementor-element.elementor-element-d78eb68 ul.products .product-item{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-487 .elementor-element.elementor-element-d78eb68 ul.products .product_item--info{padding:15px 15px 15px 15px;}.elementor-487 .elementor-element.elementor-element-d78eb68 ul.products .product-item__description--info{padding:15px 15px 15px 15px;}.elementor-487 .elementor-element.elementor-element-d78eb68 .kitify-progress-bar{--kitify-progress-height:4px;--kitify-brd-radius:0px;}.elementor-487 .elementor-element.elementor-element-d78eb68 .kitify-progress-bar .stock-info{order:1;}.elementor-487 .elementor-element.elementor-element-d78eb68 .kitify-progress-bar .progress-area{order:2;}body.elementor-page-487{--kitify-doc-headerts-text-color:var( --e-global-color-50356c0 );--kitify-doc-headerts-link-color:var( --e-global-color-50356c0 );--kitify-doc-headerts-link-hover-color:var( --e-global-color-primary );margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-487 .elementor-element.elementor-element-c89f229{--width:25%;}.elementor-487 .elementor-element.elementor-element-93753b2{--width:75%;}}@media(max-width:1599px){.elementor-487 .elementor-element.elementor-element-12fc5f76{--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}}@media(min-width:1600px){.elementor-487 .elementor-element.elementor-element-12fc5f76:not(.elementor-motion-effects-element-type-background), .elementor-487 .elementor-element.elementor-element-12fc5f76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1279px){.elementor-487 .elementor-element.elementor-element-12fc5f76{--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}}@media(max-width:1024px){.elementor-487 .elementor-element.elementor-element-12fc5f76{--min-height:383px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:991px){.elementor-487 .elementor-element.elementor-element-12fc5f76{--min-height:308px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-487 .elementor-element.elementor-element-12fc5f76{--min-height:350px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-487 .elementor-element.elementor-element-12fc5f76:not(.elementor-motion-effects-element-type-background), .elementor-487 .elementor-element.elementor-element-12fc5f76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-487 .elementor-element.elementor-element-1edfbbe1 .kitify-breadcrumbs__title{font-size:24px;}.elementor-487 .elementor-element.elementor-element-70b5997{--width:100%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-487 .elementor-element.elementor-element-93753b2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for kitify-wooproducts, class: .elementor-element-d78eb68 */<style>
    /* ========================================================
       ETHEREAL PRODUCT CARDS: NATSY THEME OVERRIDE
       Targeting exact BEM classes from inspector
       ======================================================== */
    
    /* 1. RESET GRID & ALIGNMENT */
    body .product-item {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        text-align: left !important; /* Forces left alignment */
        padding: 0 !important;
        margin-bottom: 40px !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important; 
        border-radius: 0 !important; /* Force sharp corners on wrapper */
    }

    body .product-item:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    /* 2. IMAGE CONTAINER (Tall Portrait Aspect Ratio) */
    body .product-item__thumbnail {
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
        margin-bottom: 12px !important; /* Space before title */
        border-radius: 0 !important; /* Force sharp corners */
    }

    /* Force the aspect ratio on the placeholder/image */
    body .product-item__thumbnail-placeholder,
    body .product-item__thumbnail img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 2 / 3 !important; /* CHANGED: 2/3 makes the image much taller than 3/4 */
        object-fit: cover !important;
        border-radius: 0 !important; /* Force sharp corners on images */
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        margin: 0 !important;
        display: block !important;
    }

    /* Elegant Slow Zoom on Hover */
    body .product-item:hover .product-item__thumbnail-placeholder,
    body .product-item:hover .product-item__thumbnail img {
        transform: scale(1.05) !important; 
    }

    /* Hide the theme's dark overlay if it exists */
    body .product-item__thumbnail_overlay {
        display: none !important;
    }

    /* 3. REMOVE THE BROKEN WHITE BOX (BADGES) */
    body .product-item__badges,
    body .product-item__badges .onsale { 
        display: none !important;
    }

    /* 4. TITLE STYLING */
    body .product-item__description {
        text-align: left !important; /* Explicitly left align */
        padding: 15px 0 0 0 !important; /* Adds slightly more breathing room above the title */
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    body .product-item__description .woocommerce-loop-product__title,
    body .product-item__description h2,
    body .product-item__description h3,
    body .product-item__description a {
        font-family: "jost" !important; /* Changed to your luxury serif font */
        font-size: 16px !important; /* Slightly larger for elegance */
        color: #000000 !important; /* Softer, richer black/grey */
        font-weight: 500 !important; 
        padding: 0 !important;
        margin: 0 0 10px 0 !important; /* More space below title */
        text-transform: none !important;
        line-height: 1.4 !important;
        text-align: left !important;
        width: 100% !important;
        text-decoration: none !important;
        letter-spacing: 0.2px !important;
        transition: color 0.3s ease !important;
    }

    body .product-item__description a:hover {
        color: #000000 !important; /* Darkens slightly on hover */
    }

    /* 5. PRICE STYLING */
    body .product-item__description .price {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 15px !important; 
        color: #000000 !important;
        font-weight: 600 !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important; /* Cleaner, wider spacing between prices */
        justify-content: flex-start !important; 
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        width: 100% !important;
    }

    body .product-item__description .price ins,
    body .product-item__description .price > span {
        background: transparent !important;
        color: #000000 !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        order: 1 !important; /* Forces current/sale price to appear FIRST */
        letter-spacing: 0.5px !important; /* Adds a touch of luxury spacing */
    }

    body .product-item__description .price del {
        color: #b0b0b0 !important; /* Softer elegant gray */
        font-weight: 400 !important;
        font-size: 13px !important; /* Slightly smaller than active price */
        order: 2 !important; /* Forces old strikethrough price to appear SECOND */
    }

    /* 5B. RATING STYLING (NEW) */
    body .product-item__description .star-rating,
    body .product-item__description .woocommerce-product-rating,
    body .product-item__description .product-rating {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important; /* Force left alignment */
        font-size: 13px !important;
        margin: 8px 0 0 0 !important;
        gap: 5px !important;
        width: 100% !important;
        color: #f5b000 !important; /* Gold stars */
    }

    /* Numeric rating and review count styling */
    body .product-item__description .star-rating ~ span,
    body .product-item__description .woocommerce-review-link,
    body .product-item__description .rating-count,
    body .product-item__description .review-count {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 12px !important;
        color: #333333 !important;
        font-weight: 500 !important;
        margin-left: 5px !important;
    }

    /* 6. ICONS (Wishlist/Quickview) - Top Right */
    body .product-item__description--top-actions {
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        z-index: 10 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        opacity: 0 !important;
        transform: translateX(10px) !important;
        transition: all 0.3s ease !important;
    }

    body .product-item:hover .product-item__description--top-actions {
        opacity: 1 !important;
        transform: translateX(0) !important;
    }

    /* Format individual icons inside the wrapper */
    body .product-item__description--top-actions a,
    body .product-item__description--top-actions button,
    body .product-item__description--top-actions .yith-wcwl-add-to-wishlist {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        background-color: #ffffff !important;
        color: #000000 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; /* Softened shadow to match screenshot */
        margin: 0 !important;
    }

    /* 7. HOVER BUTTON (Add to Cart / Select Options) */
    /* Target the wrapper Natsy uses for the button */
    body .product-item__description--actions {
        position: absolute !important; 
        bottom: 15px !important; /* Pulls it up into the image area */
        left: 15px !important;
        right: 15px !important;
        width: calc(100% - 30px) !important;
        z-index: 10 !important;
        opacity: 0 !important;
        transform: translateY(15px) !important;
        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
        display: flex !important;
        justify-content: center !important;
    }

    body .product-item:hover .product-item__description--actions {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }

    /* Format the actual button inside the wrapper */
    body .product-item__description--actions .button,
    body .product-item__description--actions .add_to_cart_button {
        background-color: #ffffff !important;
        color: #000000 !important;
        padding: 16px 0 !important;
        width: 100% !important;
        text-align: center !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
        display: flex !important; /* Flex allows us to center the text perfectly */
        justify-content: center !important;
        align-items: center !important;
        text-decoration: none !important;
    }

    /* Kill the Shopping Bag icon the theme injects into the button */
    body .product-item__description--actions .button i,
    body .product-item__description--actions .button svg,
    body .product-item__description--actions .button::before,
    body .product-item__description--actions .button::after {
        display: none !important;
    }

    body .product-item__description--actions .button:hover {
        background-color: #f0f0f0 !important;
    }

</style>/* End custom CSS */