.elementor-24 .elementor-element.elementor-element-a1f039d{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-576b1cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-4a4cb0b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-24 .elementor-element.elementor-element-4a4cb0b .elementor-heading-title{font-family:"Hepta Slab", Sans-serif;font-size:28px;font-weight:600;color:#000000;}.elementor-24 .elementor-element.elementor-element-78da8fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-471ffa6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-24 .elementor-element.elementor-element-4f50255{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:05px;}.elementor-24 .elementor-element.elementor-element-4f50255:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-4f50255 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tekcentricgloballlc.com/wp-content/uploads/2026/09/crossbody-bag.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-24 .elementor-element.elementor-element-b9a960c{--spacer-size:91px;}.elementor-24 .elementor-element.elementor-element-f2db353{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-24 .elementor-element.elementor-element-f2db353 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24 .elementor-element.elementor-element-b1c6d68{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:05px;}.elementor-24 .elementor-element.elementor-element-b1c6d68:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-b1c6d68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tekcentricgloballlc.com/wp-content/uploads/2026/09/handbags.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-24 .elementor-element.elementor-element-b6fac46{--spacer-size:91px;}.elementor-24 .elementor-element.elementor-element-3b16afb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-24 .elementor-element.elementor-element-3b16afb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-ca1b391{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:05px;}.elementor-24 .elementor-element.elementor-element-ca1b391:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-ca1b391 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tekcentricgloballlc.com/wp-content/uploads/2026/09/shoulder-bags.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-24 .elementor-element.elementor-element-829c464{--spacer-size:91px;}.elementor-24 .elementor-element.elementor-element-29d87db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-24 .elementor-element.elementor-element-29d87db .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-c0b2471{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-8941aaf{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-24 .elementor-element.elementor-element-8941aaf .elementor-heading-title{font-family:"Hepta Slab", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-24 .elementor-element.elementor-element-362c18e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-f20f457{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-55838ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-1e83213{text-align:center;}.elementor-24 .elementor-element.elementor-element-1e83213 .elementor-heading-title{font-family:"Hepta Slab", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-24 .elementor-element.elementor-element-49d5eea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-a98b128{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24 .elementor-element.elementor-element-0922f45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-bd9cc0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-61f208d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24 .elementor-element.elementor-element-dd046f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-4f50255{--width:33%;}.elementor-24 .elementor-element.elementor-element-b1c6d68{--width:33%;}.elementor-24 .elementor-element.elementor-element-ca1b391{--width:33%;}}@media(max-width:1024px) and (min-width:768px){.elementor-24 .elementor-element.elementor-element-a1f039d{--width:1600px;}}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-a1f039d{--min-height:551px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-a1f039d{--width:500px;--min-height:534px;}.elementor-24 .elementor-element.elementor-element-4f50255{--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-b1c6d68{--margin-top:05px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-24 .elementor-element.elementor-element-ca1b391{--margin-top:05px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-4f50255 *//* Card container setup */
.elementor-24 .elementor-element.elementor-element-4f50255 {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 28px !important;
    box-sizing: border-box !important;
    
    /* Smooth card hover transition */
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

/* Card hover effect (Sirf container thoda upar uthega) */
.elementor-24 .elementor-element.elementor-element-4f50255:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.25) !important;
}

/* Bottom dark gradient shadow (Bag se niche) */
.elementor-24 .elementor-element.elementor-element-4f50255::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 40% !important;
    background: linear-gradient(
        to top, 
        rgba(15, 15, 15, 0.92) 0%, 
        rgba(15, 15, 15, 0.6) 45%, 
        rgba(15, 15, 15, 0) 100%
    ) !important;
    pointer-events: none !important; /* Button clicks block nahi honge */
    z-index: 1 !important;
}

/* Content aur clickable button ko front par rakhna */
.elementor-24 .elementor-element.elementor-element-4f50255 > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Heading styling */
.elementor-24 .elementor-element.elementor-element-4f50255 h1, 
.elementor-24 .elementor-element.elementor-element-4f50255 h2, 
.elementor-24 .elementor-element.elementor-element-4f50255 h3, 
.elementor-24 .elementor-element.elementor-element-4f50255 .elementor-heading-title {
    color: #ffffff !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    line-height: 1.2 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Transparent outline button (Clickable & untouched) */
.elementor-24 .elementor-element.elementor-element-4f50255 .elementor-button {
    background-color: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1c6d68 *//* Card container setup */
.elementor-24 .elementor-element.elementor-element-b1c6d68 {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 28px !important;
    box-sizing: border-box !important;
    
    /* Smooth card hover transition */
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

/* Card hover effect (Sirf container thoda upar uthega) */
.elementor-24 .elementor-element.elementor-element-b1c6d68:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.25) !important;
}

/* Bottom dark gradient shadow (Bag se niche) */
.elementor-24 .elementor-element.elementor-element-b1c6d68::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 40% !important;
    background: linear-gradient(
        to top, 
        rgba(15, 15, 15, 0.92) 0%, 
        rgba(15, 15, 15, 0.6) 45%, 
        rgba(15, 15, 15, 0) 100%
    ) !important;
    pointer-events: none !important; /* Button clicks block nahi honge */
    z-index: 1 !important;
}

/* Content aur clickable button ko front par rakhna */
.elementor-24 .elementor-element.elementor-element-b1c6d68 > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Heading styling */
.elementor-24 .elementor-element.elementor-element-b1c6d68 h1, 
.elementor-24 .elementor-element.elementor-element-b1c6d68 h2, 
.elementor-24 .elementor-element.elementor-element-b1c6d68 h3, 
.elementor-24 .elementor-element.elementor-element-b1c6d68 .elementor-heading-title {
    color: #ffffff !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    line-height: 1.2 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Transparent outline button (Clickable & untouched) */
.elementor-24 .elementor-element.elementor-element-b1c6d68 .elementor-button {
    background-color: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca1b391 *//* Card container setup */
.elementor-24 .elementor-element.elementor-element-ca1b391 {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 28px !important;
    box-sizing: border-box !important;
    
    /* Smooth card hover transition */
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

/* Card hover effect (Sirf container thoda upar uthega) */
.elementor-24 .elementor-element.elementor-element-ca1b391:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.25) !important;
}

/* Bottom dark gradient shadow (Bag se niche) */
.elementor-24 .elementor-element.elementor-element-ca1b391::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 40% !important;
    background: linear-gradient(
        to top, 
        rgba(15, 15, 15, 0.92) 0%, 
        rgba(15, 15, 15, 0.6) 45%, 
        rgba(15, 15, 15, 0) 100%
    ) !important;
    pointer-events: none !important; /* Button clicks block nahi honge */
    z-index: 1 !important;
}

/* Content aur clickable button ko front par rakhna */
.elementor-24 .elementor-element.elementor-element-ca1b391 > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Heading styling */
.elementor-24 .elementor-element.elementor-element-ca1b391 h1, 
.elementor-24 .elementor-element.elementor-element-ca1b391 h2, 
.elementor-24 .elementor-element.elementor-element-ca1b391 h3, 
.elementor-24 .elementor-element.elementor-element-ca1b391 .elementor-heading-title {
    color: #ffffff !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    line-height: 1.2 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Transparent outline button (Clickable & untouched) */
.elementor-24 .elementor-element.elementor-element-ca1b391 .elementor-button {
    background-color: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3caa929 *//* Long description hide */
.elementor-24 .elementor-element.elementor-element-3caa929 .woocommerce-tabs,
.elementor-24 .elementor-element.elementor-element-3caa929 .related.products {
    display: none !important;
}

/* Gallery container */
.elementor-24 .elementor-element.elementor-element-3caa929 .woocommerce-product-gallery {
    position: relative !important;
}

/* Force show arrows */
.elementor-24 .elementor-element.elementor-element-3caa929 .flex-direction-nav {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    width: 100% !important;
    transform: translateY(-50%) !important;
    z-index: 999 !important;
    pointer-events: none !important;
}

.elementor-24 .elementor-element.elementor-element-3caa929 .flex-direction-nav li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-3caa929 .flex-direction-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: #000000 !important;
    border-radius: 50% !important;
    opacity: 0.9 !important;
    pointer-events: auto !important;
    position: absolute !important;
    cursor: pointer !important;
    text-indent: 0 !important;
    text-decoration: none !important;
}

.elementor-24 .elementor-element.elementor-element-3caa929 .flex-direction-nav .flex-prev {
    left: 12px !important;
}
.elementor-24 .elementor-element.elementor-element-3caa929 .flex-direction-nav .flex-prev::before {
    content: '❮' !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.elementor-24 .elementor-element.elementor-element-3caa929 .flex-direction-nav .flex-next {
    right: 12px !important;
}
.elementor-24 .elementor-element.elementor-element-3caa929 .flex-direction-nav .flex-next::before {
    content: '❯' !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
}
/* ===================================================
   HIDE 'ADDED TO CART' NOTICE & WOOCOMMERCE MESSAGES
   =================================================== */
.elementor-24 .elementor-element.elementor-element-3caa929 .woocommerce-message,
.elementor-24 .elementor-element.elementor-element-3caa929 .woocommerce-notices-wrapper,
.elementor-24 .elementor-element.elementor-element-3caa929 .woocommerce-info,
.elementor-24 .elementor-element.elementor-element-3caa929 .woocommerce-error {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3809ee1 *//* ===================================================
   1. GRID CONTAINER (DESKTOP & TABLET: 4 COLUMNS)
   =================================================== */
.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* Desktop & Tablet dono pe 4 columns */
    gap: 22px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products::before,
.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products::after {
    display: none !important;
}

/* ===================================================
   2. SINGLE CARD WRAPPER WITH HOVER LIFT & SHADOW
   =================================================== */
.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid #111111 !important; /* Sharp outer border */
    border-radius: 8px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    
    /* Base Shadow & Smooth Transition */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
                box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
                border-color 0.3s ease !important;
}

/* Hover State: Card Lift-up (-10px) + Deep Smooth Shadow */
.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 35px -8px rgba(0, 0, 0, 0.22) !important;
    border-color: #000000 !important;
}

/* ===================================================
   3. IMAGE AREA & HOVER ZOOM EFFECT
   =================================================== */
.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product img {
    background-color: #f3f3f3 !important;
    width: 100% !important;
    height: 280px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    display: block !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: transform 0.5s ease !important;
}

/* Hover Image Zoom */
.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product:hover img {
    transform: scale(1.05) !important;
}

/* ===================================================
   4. TITLE & PRICE (CENTERED)
   =================================================== */
.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #111111 !important;
    text-align: center !important;
    margin: 16px 12px 6px 12px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product .price {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    text-align: center !important;
    margin-bottom: 16px !important;
}

/* ===================================================
   5. FULL-WIDTH BLACK BUTTON
   =================================================== */
.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product .button {
    margin: auto 16px 16px 16px !important;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    padding: 12px 14px !important;
    border-radius: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: background-color 0.25s ease !important;
}

.elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product .button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ===================================================
   6. MOBILE RESPONSIVE (1 COLUMN)
   =================================================== */
@media (max-width: 767px) {
    .elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .elementor-24 .elementor-element.elementor-element-3809ee1 .woocommerce ul.products li.product img {
        height: 320px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90aff9d *//* ===================================================
   1. GRID CONTAINER (DESKTOP & TABLET: 4 COLUMNS)
   =================================================== */
.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* Desktop & Tablet dono pe 4 columns */
    gap: 22px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products::before,
.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products::after {
    display: none !important;
}

/* ===================================================
   2. SINGLE CARD WRAPPER WITH HOVER LIFT & SHADOW
   =================================================== */
.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid #111111 !important; /* Sharp outer border */
    border-radius: 8px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    
    /* Base Shadow & Smooth Transition */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
                box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
                border-color 0.3s ease !important;
}

/* Hover State: Card Lift-up (-10px) + Deep Smooth Shadow */
.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 35px -8px rgba(0, 0, 0, 0.22) !important;
    border-color: #000000 !important;
}

/* ===================================================
   3. IMAGE AREA & HOVER ZOOM EFFECT
   =================================================== */
.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product img {
    background-color: #f3f3f3 !important;
    width: 100% !important;
    height: 280px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    display: block !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: transform 0.5s ease !important;
}

/* Hover Image Zoom */
.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product:hover img {
    transform: scale(1.05) !important;
}

/* ===================================================
   4. TITLE & PRICE (CENTERED)
   =================================================== */
.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #111111 !important;
    text-align: center !important;
    margin: 16px 12px 6px 12px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product .price {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    text-align: center !important;
    margin-bottom: 16px !important;
}

/* ===================================================
   5. FULL-WIDTH BLACK BUTTON
   =================================================== */
.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product .button {
    margin: auto 16px 16px 16px !important;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    padding: 12px 14px !important;
    border-radius: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: background-color 0.25s ease !important;
}

.elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product .button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ===================================================
   6. MOBILE RESPONSIVE (1 COLUMN)
   =================================================== */
@media (max-width: 767px) {
    .elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .elementor-24 .elementor-element.elementor-element-90aff9d .woocommerce ul.products li.product img {
        height: 320px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41a9fbf *//* ===================================================
   1. GRID CONTAINER (DESKTOP & TABLET: 4 COLUMNS)
   =================================================== */
.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* Desktop & Tablet dono pe 4 columns */
    gap: 22px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products::before,
.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products::after {
    display: none !important;
}

/* ===================================================
   2. SINGLE CARD WRAPPER WITH HOVER LIFT & SHADOW
   =================================================== */
.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid #111111 !important; /* Sharp outer border */
    border-radius: 8px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    
    /* Base Shadow & Smooth Transition */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
                box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
                border-color 0.3s ease !important;
}

/* Hover State: Card Lift-up (-10px) + Deep Smooth Shadow */
.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 35px -8px rgba(0, 0, 0, 0.22) !important;
    border-color: #000000 !important;
}

/* ===================================================
   3. IMAGE AREA & HOVER ZOOM EFFECT
   =================================================== */
.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product img {
    background-color: #f3f3f3 !important;
    width: 100% !important;
    height: 280px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    display: block !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: transform 0.5s ease !important;
}

/* Hover Image Zoom */
.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product:hover img {
    transform: scale(1.05) !important;
}

/* ===================================================
   4. TITLE & PRICE (CENTERED)
   =================================================== */
.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #111111 !important;
    text-align: center !important;
    margin: 16px 12px 6px 12px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product .price {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    text-align: center !important;
    margin-bottom: 16px !important;
}

/* ===================================================
   5. FULL-WIDTH BLACK BUTTON
   =================================================== */
.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product .button {
    margin: auto 16px 16px 16px !important;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    padding: 12px 14px !important;
    border-radius: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: background-color 0.25s ease !important;
}

.elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product .button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ===================================================
   6. MOBILE RESPONSIVE (1 COLUMN)
   =================================================== */
@media (max-width: 767px) {
    .elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .elementor-24 .elementor-element.elementor-element-41a9fbf .woocommerce ul.products li.product img {
        height: 320px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d39c4ab *//* Container: Desktop & Tablet dono pe 4 cards */
.ecosellers-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 60px 20px;
    background: #FBF3E7;
    box-sizing: border-box;
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}

/* Base Card Styling (Sab cards ka default border ek jaisa light rahega) */
.feature-card {
    background: #ffffff;
    border: 1.5px solid rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 35px 20px;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                border-color 0.3s ease;
    cursor: pointer;
}

/* Icon Area */
.icon-svg svg {
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    color: #111111;
    display: block;
    transition: transform 0.3s ease;
}

/* Headings */
.feature-card h3 {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #111111 !important;
    line-height: 1.3;
}

/* Body Text */
.feature-card p {
    font-size: 0.9rem;
    color: #444444 !important;
    line-height: 1.55;
    margin: 0;
}

/* Hover State: Sirf hover karne par sab cards (including shipping) par black border aur lift aayega */
.feature-card:hover {
    transform: translateY(-8px);
    border-color: #111111;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.09);
}

.feature-card:hover .icon-svg svg {
    transform: scale(1.08);
}

/* Tablet Screen (4 Columns) */
@media (min-width: 768px) and (max-width: 1024px) {
    .ecosellers-features {
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
        padding: 40px 15px;
    }
    .feature-card {
        padding: 25px 12px;
    }
    .feature-card h3 {
        font-size: 1rem;
    }
    .feature-card p {
        font-size: 0.82rem;
    }
    .icon-svg svg {
        width: 38px;
        height: 38px;
    }
}

/* Mobile Screen (1 Column) */
@media (max-width: 767px) {
    .ecosellers-features {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 30px 15px;
    }
    .feature-card {
        padding: 30px 20px;
    }
}/* End custom CSS */