.elementor-216 .elementor-element.elementor-element-53a930d{--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;}.elementor-216 .elementor-element.elementor-element-53a930d:not(.elementor-motion-effects-element-type-background), .elementor-216 .elementor-element.elementor-element-53a930d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dd797de );}.elementor-216 .elementor-element.elementor-element-338bada{--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:10px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-216 .elementor-element.elementor-element-4c5977e{--display:flex;}.elementor-216 .elementor-element.elementor-element-eabc3fc > .elementor-widget-container{margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-216 .elementor-element.elementor-element-eabc3fc.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-216 .elementor-element.elementor-element-eabc3fc .woocommerce-product-gallery{--wd-gallery-gap:13px;}.elementor-216 .elementor-element.elementor-element-255f4bd{--display:flex;}.elementor-216 .elementor-element.elementor-element-4109679{--display:flex;}.elementor-216 .elementor-element.elementor-element-4109679.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-216 .elementor-element.elementor-element-06d400c.elementor-element{--flex-grow:0;--flex-shrink:0;}html .elementor-216 .elementor-element.elementor-element-06d400c .product_title{font-size:38px;color:#FFFFFF;}.elementor-216 .elementor-element.elementor-element-c976e3a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-216 .elementor-element.elementor-element-c976e3a .price, .elementor-216 .elementor-element.elementor-element-c976e3a .price del, .elementor-216 .elementor-element.elementor-element-c976e3a .amount{font-size:30px;}.elementor-216 .elementor-element.elementor-element-6bfe274.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-216 .elementor-element.elementor-element-2d3723a{--display:flex;}.elementor-216 .elementor-element.elementor-element-2d3723a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-216 .elementor-element.elementor-element-b97f16b .single_add_to_cart_button{font-family:"Arial", Sans-serif;text-transform:uppercase;}.elementor-216 .elementor-element.elementor-element-30823c9a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#1010101A;--border-color:#1010101A;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-216 .elementor-element.elementor-element-30823c9a:not(.elementor-motion-effects-element-type-background), .elementor-216 .elementor-element.elementor-element-30823c9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-216 .elementor-element.elementor-element-231a9ae .woocommerce-tabs > .wd-nav-wrapper li > a{color:var( --e-global-color-text );}.elementor-216 .elementor-element.elementor-element-231a9ae .woocommerce-tabs > .wd-nav-wrapper li:hover > a{color:var( --e-global-color-accent );}.elementor-216 .elementor-element.elementor-element-231a9ae .shop_attributes, .wd-single-attrs.wd-side-hidden .shop_attributes{--wd-attr-col:1;}.elementor-216 .elementor-element.elementor-element-56ea1f8d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#1010101A;--border-color:#1010101A;--padding-top:30px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}body.elementor-page-216:not(.elementor-motion-effects-element-type-background), body.elementor-page-216 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dd797de );}@media(max-width:1024px){.elementor-216 .elementor-element.elementor-element-53a930d{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-216 .elementor-element.elementor-element-eabc3fc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-216 .elementor-element.elementor-element-eabc3fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-216 .elementor-element.elementor-element-eabc3fc .woocommerce-product-gallery{--wd-gallery-gap:14px;}.elementor-216 .elementor-element.elementor-element-30823c9a{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-216 .elementor-element.elementor-element-338bada{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-216 .elementor-element.elementor-element-eabc3fc > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-216 .elementor-element.elementor-element-eabc3fc .woocommerce-product-gallery{--wd-gallery-gap:15px;}.elementor-216 .elementor-element.elementor-element-4109679{--width:227.96px;}.elementor-216 .elementor-element.elementor-element-06d400c{width:var( --container-widget-width, 274.991px );max-width:274.991px;--container-widget-width:274.991px;--container-widget-flex-grow:0;}.elementor-216 .elementor-element.elementor-element-c976e3a{width:var( --container-widget-width, 273.949px );max-width:273.949px;--container-widget-width:273.949px;--container-widget-flex-grow:0;}.elementor-216 .elementor-element.elementor-element-6bfe274{width:var( --container-widget-width, 229.96px );max-width:229.96px;--container-widget-width:229.96px;--container-widget-flex-grow:0;}.elementor-216 .elementor-element.elementor-element-2d3723a{--width:250.977px;}.elementor-216 .elementor-element.elementor-element-b97f16b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-216 .elementor-element.elementor-element-b97f16b .single_add_to_cart_button{font-size:9px;}}/* Start custom CSS for wd_single_product_gallery, class: .elementor-element-eabc3fc *//* ===================================================================
// 3D IMAGE & SHADOW EFFECT for Woodmart Product Gallery
// ================================================================ */

/* Creates the 3D space for the animation to happen in */
.elementor-216 .elementor-element.elementor-element-eabc3fc {
    perspective: 1500px;
}

/* Targets the main image inside the gallery */
.elementor-216 .elementor-element.elementor-element-eabc3fc .woocommerce-product-gallery__image img {
    /* This creates the cool shadow effect */
    filter: drop-shadow(0px 15px 30px rgba(0, 0, 0, 0.5)) 
            drop-shadow(0px 0px 30px rgba(255, 215, 0, 0.45)); /* This is the YELLOW GLOW */

    /* This makes the animation smooth */
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    
    /* Ensures the image keeps its shape in the 3D space */
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for wd_single_product_title, class: .elementor-element-06d400c *//**
 * YourCitySeller - Custom Product Title with Badge & Tagline
 * Designed for WoodMart Theme & WooCommerce
 * FULLY RESPONSIVE VERSION
 */

/* 1. Set up the title as a container for our new elements */
h1.product_title.entry-title.wd-entities-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Aligns badge, title, and tagline to the left */
    /* We will add a font-size here to control it on mobile later */
    font-size: 34px; /* Example desktop size, adjust if needed */
}

/* 2. Create the "50% OFF" Badge ABOVE the title */
h1.product_title.entry-title.wd-entities-title::before {
    content: 'Limited Time 50% OFF'; /* The text inside the badge */
    display: inline-block;
    order: -1; /* This ensures it always appears first (on top) */

    /* --- Badge Styling --- */
    background-color: #FFD700;
    color: #111111;
    padding: 6px 14px;
    margin-bottom: 12px; /* Space between the badge and your product title */
    border-radius: 50px;
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 700;
    font-size: 14px; /* Explicit font size for the badge */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;

    /* --- Animation --- */
    animation: ycs-badge-pulse 2.5s infinite ease-in-out;
    transform-origin: center;
}

/* 3. Create the "Ride with..." Tagline BELOW the title */
h1.product_title.entry-title.wd-entities-title::after {
    content: 'Ride with Confidence & Style.'; /* The tagline text */
    display: block;
    order: 1; /* This ensures it always appears last (at the bottom) */

    /* --- Tagline Styling --- */
    color: #FFFFFF; /* Changed to white for better contrast on dark themes */
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 17px; /* A good size relative to the title */
    font-weight: 400;
    opacity: 0.8;
    margin-top: 5px; /* Space between your product title and the tagline */
    letter-spacing: normal; /* Reset letter-spacing */
    text-transform: none; /* Reset text-transform */
}

/* 4. The animation definition for the badge's pulse effect */
@keyframes ycs-badge-pulse {
    0% { transform: scale(1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
    50% { transform: scale(1.05); box-shadow: 0 4px 15px rgba(255, 215, 0, 0.5); }
    100% { transform: scale(1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
}

/*
 * 5.  ===================================================================
 *     ✅ RESPONSIVE ADJUSTMENTS FOR MOBILE & SMALL TABLETS
 *     ===================================================================
 *     These styles will ONLY apply on screens 767px wide or smaller.
 */
@media (max-width: 767px) {

    /* Adjust the main product title font size */
    h1.product_title.entry-title.wd-entities-title {
        font-size: 26px !important; /* Make title smaller for readability */
    }

    /* Adjust the Badge for smaller screens */
    h1.product_title.entry-title.wd-entities-title::before {
        font-size: 13px; /* Slightly smaller font */
        padding: 5px 12px; /* Tighter padding */
        margin-bottom: 10px; /* Slightly less space below */
    }

    /* Adjust the Tagline for smaller screens */
    h1.product_title.entry-title.wd-entities-title::after {
        font-size: 15px; /* Noticeably smaller to fit better */
        margin-top: 4px; /* Slightly less space above */
    }

}/* End custom CSS */
/* Start custom CSS for wd_single_product_price, class: .elementor-element-c976e3a *//* ===================================================================
// DEFINITIVE CSS FOR ELEMENTOR PRO PRICE WIDGET
// Paste this entire block into Advanced > Custom CSS
// ================================================================ */

/* Style the main price container */
.elementor-216 .elementor-element.elementor-element-c976e3a p.price {
    display: flex;
    align-items: baseline;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 0; /* Prevents double margin */
}

/* --- Style the CURRENT SALE PRICE (e.g., ₹799.00) --- */
.elementor-216 .elementor-element.elementor-element-c976e3a p.price ins {
    order: -1; /* This is the trick to make the sale price appear first */
    text-decoration: none !important; /* Removes the underline */
    background: none !important; /* Removes any background color the theme might add */
}

.elementor-216 .elementor-element.elementor-element-c976e3a p.price ins .woocommerce-Price-amount {
    font-family: 'Poppins', sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    color: #FFD700; /* Eye-catching Yellow */
}

/* --- Style the CROSSED-OUT ORIGINAL PRICE (e.g., ₹1,999.00) --- */
.elementor-216 .elementor-element.elementor-element-c976e3a p.price del {
    opacity: 0.6; /* Makes it less prominent */
}

.elementor-216 .elementor-element.elementor-element-c976e3a p.price del .woocommerce-Price-amount {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF; /* Assumes a dark background. Change to #333333 for a light background. */
}/* End custom CSS */
/* Start custom CSS for wd_single_product_rating, class: .elementor-element-6bfe274 *//* Simple rating styling to match your product layout */
.woocommerce-product-rating {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 15px 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Golden stars to match your theme */
.star-rating {
    font-size: 16px;
}

.star-rating:before {
    color: #444 !important;
}

.star-rating span:before {
    color: #FFD700 !important;
}

/* Style the review link */
.woocommerce-review-link {
    color: #FFD700 !important;
    text-decoration: none;
    font-size: 13px;
    margin-left: 5px;
}

.woocommerce-review-link:hover {
    color: #FFA500 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .star-rating {
        font-size: 14px;
    }
    
    .woocommerce-review-link {
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4109679 *//*
This code forces THIS container to be full-width on mobile devices.
The '.elementor-216 .elementor-element.elementor-element-4109679' keyword targets this specific container.
*/
@media (max-width: 767px) {
  .elementor-216 .elementor-element.elementor-element-4109679 {
    width: 100% !important; /* Force full width */
    max-width: 100% !important; /* Prevent it from being limited */
    padding-left: 15px !important;  /* Add some space on the sides */
    padding-right: 15px !important; /* so content doesn't touch the edge */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-338bada */.elementor-element.elementor-element-338bada {
    /* 1. Set the dark background color */
    background-color: #1a1a1a !important; 
    
    /* 2. Create the rounded corners */
    border-radius: 15px;

    /* 3. Add generous padding for desktop */
    padding: 40px 30px !important;

    /* 4. Glowing border and shadow effect */
    box-shadow: 
        /* Inner sharp line */
        inset 0px 0px 1px 0px rgba(255, 220, 0, 0.7),
        /* Outer soft glow */
        0px 0px 25px 0px rgba(255, 220, 0, 0.35);

    background-repeat: no-repeat;
    background-size: cover;
}

/* --- Responsive: Reduce padding on small screens --- */
@media (max-width: 600px) {
    .elementor-element.elementor-element-338bada {
        padding: 12px 8px !important;  /* Much smaller padding for mobile */
        border-radius: 10px;           /* Optional: Slightly smaller radius for mobile */
    }
}/* End custom CSS */