.elementor-11380 .elementor-element.elementor-element-adad3f2{--display:flex;}.elementor-11380 .elementor-element.elementor-element-707d0f6{--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:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:-3px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11380 .elementor-element.elementor-element-707d0f6:not(.elementor-motion-effects-element-type-background), .elementor-11380 .elementor-element.elementor-element-707d0f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-11380 .elementor-element.elementor-element-00a46c7{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ECECEC;--border-color:#ECECEC;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11380 .elementor-element.elementor-element-00a46c7:not(.elementor-motion-effects-element-type-background), .elementor-11380 .elementor-element.elementor-element-00a46c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11380 .elementor-element.elementor-element-00a46c7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11380 .elementor-element.elementor-element-a0b7aff{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ECECEC;--border-color:#ECECEC;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11380 .elementor-element.elementor-element-a0b7aff:not(.elementor-motion-effects-element-type-background), .elementor-11380 .elementor-element.elementor-element-a0b7aff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11380 .elementor-element.elementor-element-a0b7aff.e-con{--flex-grow:1;--flex-shrink:0;}body.elementor-page-11380:not(.elementor-motion-effects-element-type-background), body.elementor-page-11380 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-11380 .elementor-element.elementor-element-00a46c7{--width:25%;}.elementor-11380 .elementor-element.elementor-element-a0b7aff{--width:75%;}}
/* ========================================== */
/* BREADCRUMB & PAGE TITLE INSPIRE SPACING    */
/* ========================================== */

/* 1. Tighten Breadcrumb Spacing */
.woolentor-breadcrumbs,
.woocommerce-breadcrumb {
    font-size: 13px !important;
    color: #6b7280 !important; 
    font-weight: 500 !important;
    margin-bottom: 6px !important; 
    text-transform: capitalize !important;
    line-height: 1 !important;
}

.woolentor-breadcrumbs a,
.woocommerce-breadcrumb a {
    color: #6b7280 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woolentor-breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
    color: #111111 !important;
}

/* 2. Tighten Title Spacing & Adjust Size */
.ts-custom-header-title {
    font-size: 24px !important; 
    font-weight: 700 !important;
    color: #4b5563 !important; 
    margin: 0 0 15px 0 !important; 
    display: flex !important;
    align-items: center !important;
    gap: 8px !important; 
    line-height: 1.2 !important;
}

/* 3. Override Elementor's Default Widget Gaps */
.elementor-widget-shortcode,
.elementor-widget-woolentor-breadcrumbs {
    margin-bottom: 0 !important;
}

/* Ensures mobile stays compact */
@media (max-width: 767px) {
    .ts-custom-header-title {
        font-size: 20px !important;
        margin: 0 0 10px 0 !important;
    }
}


/* ==================================================== */
/* 1. TYPOGRAPHY (Plus Jakarta Sans) & FAILSAFE HIDERS  */
/* ==================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap');

.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.elementor-11380 .elementor-element.elementor-element-0ab8e16 {
    width: 100% !important;
    display: block !important;
}

/* Failsafe to hide author/date if Elementor Full Width missed it */
.page-title, .post-meta, .entry-meta { display: none !important; }

/* ==================================================== */
/* 2. RESPONSIVE GRID (4 on Desktop, 2 on Mobile)       */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
}
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products::before,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products::after {
    display: none !important; /* Removes Woo's broken floats */
}
@media (max-width: 767px) {
    .elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}

/* ==================================================== */
/* 3. CARD BORDERS & CENTERING (REDESIGNED)             */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    border: 1px solid #eaeaea !important; 
    border-radius: 12px !important; 
    background: #ffffff !important;
    box-shadow: none !important;
    padding-bottom: 20px !important; 
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* ==================================================== */
/* 4. THE NUCLEAR ICON & BUTTON ANNIHILATOR             */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .button,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product a.added_to_cart,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product a.compare,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product a.yith-wcqv-button,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .woosc-btn,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .woosq-btn,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .woosw-btn,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .tinv-wraper,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .product-action,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .ht-product-action,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .wl-product-action,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .action-buttons,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .quick-view,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product-action-wrap {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================== */
/* 5. BULLETPROOF IMAGE WRAPPER & HOVER ZOOM            */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background: #ffffff !important;
    position: relative !important;
    /* This traps the zoomed image so it cannot cover the title */
    overflow: hidden !important; 
}

.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product img {
    aspect-ratio: 3 / 4 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    padding: 20px !important;
    margin: 0 !important;
    background: #ffffff !important;
    display: block !important;
    /* Reverted to the stable, simpler animation */
    transition: transform 0.4s ease !important; 
}

/* The Zoom Hover Effect */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product:hover img {
    transform: scale(1.08) !important; 
}

/* ==================================================== */
/* 6. PRODUCT TITLES                                    */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    padding: 0 10px !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
}

/* ==================================================== */
/* 7. INSPIRA PRICING (Grey Old, Red New)               */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .price {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 10px !important;
    margin-bottom: 0 !important;
}
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .price del {
    color: #999999 !important;
    font-size: 13px !important;
    text-decoration: line-through !important;
}
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .price ins {
    color: #ff3b30 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* ==================================================== */
/* 8. SALE BADGE (Green Pill on the Left)               */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .onsale {
    background-color: #22c55e !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    right: auto !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    z-index: 9 !important;
}

/* ==================================================== */
/* 9. PREVENT EMPTY CONTAINER COLLAPSE                  */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce {
    width: 100% !important;
    min-height: 500px !important; 
    display: block !important;
}
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce-info,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce-no-products-found {
    width: 100% !important;
    background-color: #f9fafb !important;
    border-top: 3px solid #ff3b30 !important;
    color: #4b5563 !important;
    padding: 30px 20px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
    box-shadow: none !important;
}
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce-ordering {
    float: right !important;
    margin-bottom: 20px !important;
}

/* ==================================================== */
/* 10. ASTRA THEME CATEGORY ASSASSIN                    */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce ul.products li.product .ast-woo-product-category {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    z-index: -999 !important;
}
/* ==================================================== */
/* 11. MINIMALIST AJAX PAGINATION (REFERENCE DESIGN)    */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce-pagination,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce nav.woocommerce-pagination {
    margin-top: 40px !important;
    width: 100% !important;
}
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce nav.woocommerce-pagination ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    border: none !important;
    padding: 0 !important;
}
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce nav.woocommerce-pagination ul li a,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce nav.woocommerce-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: none !important; 
    color: #333333 !important; 
    background: transparent !important; 
}
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce nav.woocommerce-pagination ul li a:hover {
    color: #000000 !important;
    background: #f0f0f0 !important; 
}
/* The Active Current Page (Solid Black Pill) */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #000000 !important; 
    color: #ffffff !important; 
}
/* Previous & Next Arrows */
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce nav.woocommerce-pagination ul li a.next,
.elementor-11380 .elementor-element.elementor-element-0ab8e16 .woocommerce nav.woocommerce-pagination ul li a.prev {
    font-size: 16px !important;
    background: transparent !important;
}
@media (max-width: 767px) {
    .elementor-11380 .elementor-element.elementor-element-a0b7aff {
        width: 100% !important;
        flex: none !important;
    }
}
/* 1. EMPTY CATEGORY (Inspira Red Box)                  */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-a0b7aff .woocommerce-info,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .wl-empty-message {
    background-color: #ffecec !important; 
    color: #d9534f !important; 
    border: none !important;
    border-radius: 8px !important;
    padding: 18px 25px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}
.elementor-11380 .elementor-element.elementor-element-a0b7aff .woocommerce-info::before {
    color: #d9534f !important;
}

/* ==================================================== */
/* 2. FIX THE SQUISHED LAYOUT (Force Vertical Stack)    */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-a0b7aff .wl-product-grid-inner,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .ht-product-inner,
.elementor-11380 .elementor-element.elementor-element-a0b7aff li.product {
    display: block !important; 
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    padding: 0 0 20px 0 !important;
    background: #ffffff !important;
    text-align: center !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* ==================================================== */
/* 3. FORCE 3:4 IMAGE RATIO                             */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-a0b7aff .ht-product-image-wrap,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .wl-product-image {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    background: #ffffff !important;
    position: relative !important;
}
.elementor-11380 .elementor-element.elementor-element-a0b7aff .ht-product-image-wrap img,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .wl-product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; 
    padding: 20px !important;
}

/* ==================================================== */
/* 4. DESTROY THE ICONS (Heart, Eye, Refresh)           */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-a0b7aff .ht-product-action,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .wl-product-action,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .ht-product-action-inner {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
}

/* ==================================================== */
/* 5. ALIGN THE TEXT PROPERLY                           */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-a0b7aff .ht-product-content,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .wl-product-content {
    padding: 15px 10px 0 10px !important;
    display: block !important;
}
.elementor-11380 .elementor-element.elementor-element-a0b7aff .ht-product-title,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .wl-product-title,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-bottom: 8px !important;
}

/* ==================================================== */
/* 6. INSPIRA PRICE (Red) & BADGE (Green)               */
/* ==================================================== */
.elementor-11380 .elementor-element.elementor-element-a0b7aff .price {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
}
.elementor-11380 .elementor-element.elementor-element-a0b7aff .price del,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .price del .amount {
    color: #999999 !important;
    font-size: 13px !important;
    text-decoration: line-through !important;
}
.elementor-11380 .elementor-element.elementor-element-a0b7aff .price ins,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .price ins .amount,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .price > span.woocommerce-Price-amount {
    color: #ff3b30 !important; 
    font-weight: 700 !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

.elementor-11380 .elementor-element.elementor-element-a0b7aff .ht-product-label,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .wl-onsale,
.elementor-11380 .elementor-element.elementor-element-a0b7aff .onsale {
    background-color: #22c55e !important; 
    color: #ffffff !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    right: auto !important;
    border: none !important;
    line-height: 1 !important;
    box-shadow: none !important;
}
/* ==================================================== */
/* 1. GLOBAL FULL-PAGE BACKGROUND                       */
/* ==================================================== */
/* Forces the actual website body to be colored edge-to-edge */
body, html {
    background-color: #f3f4f6 !important; /* Replace this hex code with your exact background color */
}