.elementor-46212 .elementor-element.elementor-element-c7e31d7{--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 20px;--row-gap:0px;--column-gap:20px;}.elementor-46212 .elementor-element.elementor-element-50884f7{width:var( --container-widget-width, 27% );max-width:27%;--container-widget-width:27%;--container-widget-flex-grow:0;}.elementor-46212 .elementor-element.elementor-element-50884f7 > .elementor-widget-container{background-color:#1A1A1A;padding:20px 0px 0px 13px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FAA2FA66;border-radius:12px 12px 12px 12px;}.elementor-46212 .elementor-element.elementor-element-50884f7.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-46212 .elementor-element.elementor-element-86a63ca{--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-46212 .elementor-element.elementor-element-86a63ca.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-46212 .elementor-element.elementor-element-290ab4a{--display:flex;--flex-direction:row-reverse;--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-reverse;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-46212 .elementor-element.elementor-element-f52f560 > .elementor-widget-container{background-color:var( --e-global-color-a32426f );margin:-6px 0px 0px 0px;}.elementor-46212 .elementor-element.elementor-element-f52f560:hover .elementor-widget-container{background-color:var( --e-global-color-a32426f );}.elementor-46212 .elementor-element.elementor-element-f52f560.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-46212 .elementor-element.elementor-element-04adeb4 > .elementor-widget-container{border-style:none;}.elementor-46212 .elementor-element.elementor-element-9ed55f1{width:100%;max-width:100%;}.elementor-46212 .elementor-element.elementor-element-9ed55f1 > .elementor-widget-container{margin:0px 0px -25px 0px;}.elementor-46212 .elementor-element.elementor-element-9ed55f1.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-46212 .elementor-element.elementor-element-2ace709 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-46212 .elementor-element.elementor-element-86a63ca{--width:72%;}}@media(max-width:1280px){.elementor-46212 .elementor-element.elementor-element-c7e31d7{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-46212 .elementor-element.elementor-element-50884f7{width:var( --container-widget-width, 293.175px );max-width:293.175px;--container-widget-width:293.175px;--container-widget-flex-grow:0;}.elementor-46212 .elementor-element.elementor-element-50884f7 > .elementor-widget-container{padding:20px 0px 0px 10px;}}@media(max-width:1024px){.elementor-46212 .elementor-element.elementor-element-c7e31d7{--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 10px;--row-gap:0px;--column-gap:10px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46212 .elementor-element.elementor-element-50884f7{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-46212 .elementor-element.elementor-element-50884f7.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-46212 .elementor-element.elementor-element-50884f7 > .elementor-widget-container{border-width:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-46212 .elementor-element.elementor-element-86a63ca{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-46212 .elementor-element.elementor-element-86a63ca.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-46212 .elementor-element.elementor-element-290ab4a{--margin-top:0px;--margin-bottom:-5px;--margin-left:0px;--margin-right:0px;}.elementor-46212 .elementor-element.elementor-element-9ed55f1 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-46212 .elementor-element.elementor-element-2ace709 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:880px){.elementor-46212 .elementor-element.elementor-element-50884f7{--container-widget-width:0px;--container-widget-flex-grow:0;width:var( --container-widget-width, 0px );max-width:0px;}.elementor-46212 .elementor-element.elementor-element-290ab4a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46212 .elementor-element.elementor-element-9ed55f1 > .elementor-widget-container{margin:5px 0px -10px 0px;}}@media(max-width:767px){.elementor-46212 .elementor-element.elementor-element-c7e31d7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46212 .elementor-element.elementor-element-50884f7{width:100%;max-width:100%;}.elementor-46212 .elementor-element.elementor-element-50884f7 > .elementor-widget-container{padding:0px 0px 0px 0px;border-width:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-46212 .elementor-element.elementor-element-50884f7.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-46212 .elementor-element.elementor-element-86a63ca{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46212 .elementor-element.elementor-element-290ab4a{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46212 .elementor-element.elementor-element-f52f560 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46212 .elementor-element.elementor-element-f52f560.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-46212 .elementor-element.elementor-element-04adeb4.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-46212 .elementor-element.elementor-element-9ed55f1 > .elementor-widget-container{margin:10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-46212 .elementor-element.elementor-element-9ed55f1.elementor-element{--align-self:flex-start;}.elementor-46212 .elementor-element.elementor-element-2ace709 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-46212 .elementor-element.elementor-element-2ace709.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-46212 .elementor-element.elementor-element-2ace709{z-index:0;}}@media(max-width:1024px) and (min-width:768px){.elementor-46212 .elementor-element.elementor-element-c7e31d7{--width:1600px;}.elementor-46212 .elementor-element.elementor-element-86a63ca{--width:100%;}}/* Start custom CSS for yith_wcan_filters, class: .elementor-element-50884f7 *//* Default state: plus-circle (closed) */
#y .filter-title.collapsable.closed::before {
    font-family: "Font Awesome 5 Free" !important; /* Font Awesome font family */
    content: "\f055" !important; /* Font Awesome Plus Circle icon */
    font-style: normal !important;
    color: #faa2fa; /* Icon color for closed state */
    padding-right: 17px;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.3s ease transform 0.3s ease !important; /* Smooth hover effects */
}

#y .filter-title.collapsable.closed:hover::before { 
    color: #63c4cb !important; /* Icon hover color */
}

/* Closed title styles */
#y .filter-title.collapsable.closed {
    color: white;
    font-family: Georgia, serif;
    font-style: italic;
    text-transform: lowercase;
    font-weight: 100;
    font-size: 24px;
    text-shadow: 0px 8px 4px black;
    letter-spacing: 1px !important;
   transition: color 0.3s ease transform 0.3s ease !important; /* Smooth hover effects */
   padding-bottom: 10px !important;
   padding-bottom: 10px !important;
}

#y .filter-title.collapsable.closed:hover {
    color: #63c4cb !important; /* Title hover color */
}

/* Opened state: minus-circle */
#y .filter-title.collapsable.opened::before {
    font-family: "Font Awesome 5 Free";
    content: "\f056" !important; /* Font Awesome Minus Circle icon */
    font-style: normal !important;
    color: #63c4cb !important; /* Icon color for opened state */
    padding-right: 17px;
    font-weight: 600;
    font-size: 16px;
    text-shadow: 0px 12px 6px black;
    transition: color 0.3s ease transform 0.3s ease !important; /* Smooth hover effects */
}

/* Opened title styles */
#y .filter-title.collapsable.opened {
    font-family: Georgia, serif;
    font-style: italic;
    text-transform: lowercase;
    font-weight: 100;
    font-size: 24px;
    text-shadow: 0px 12px 6px black;
    letter-spacing: 1px !important;
    color: #63c4cb !important; /* Opened title color */
   transition: color 0.3s ease transform 0.3s ease !important; /* Smooth hover effects */
   padding-bottom: 10px !important;
   padding-bottom: 10px !important;
}

#y .filter-title.collapsable.opened:hover {
    color: #63c4cb !important;
}

#y .filter-title::after { 
    display: none !important; 
}

#y .term-label {
    font-size: 12px !important; 
    color: white !important;
    font-family: Georgia !important;
    font-weight: 600;
    text-shadow: 2px 2px 1px black;
    letter-spacing: 1px;
    white-space: nowrap !important; /* Prevents wrapping to a new line */
}

#y .term-label small.item-count {
    color: #faa2fa;
    display: visible !important;
    margin-left: 2px;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: .5px;
}

#y a {
    display: grid !important; /* Set the parent container to use grid */
    place-items: center !important; /* Centers all child elements horizontally and vertically */
}

#y .term-image:hover {
    border: solid 2px #faa2fa !important;
    padding: 0px !important;
}


#y .filter-item.color.active .term-image {
  border: solid 2px #faa2fa !important;
  padding: 0px !important;
}


/* Hover state */
#y .term-color:hover {
  border: 2px solid #faa2fa !important;
  padding: 0px !important;
}

#y li.filter-item.color.active .single-color {
  border: 2px solid #faa2fa !important;
  padding: 0px !important;
}

#y a::after {
    margin-left: 50px !important; 
    margin-top: -155px !important;
    position: relative !important; 
    background-color: #faa2fa !important;
}

@media (max-width: 990px) {
    #y {
        width: 0 !important;
        box-shadow: 0 0 0 0 transparent !important;
        border: none !important;
    }
}

#y {
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.5);
    border-radius: 12px !important;
}

@media (min-width: 991px) {
    .elementor-widget-yith_wcan_mobile_modal_opener {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for yith_wcan_reset_button, class: .elementor-element-f52f560 */#r .btn.btn-primary.yith-wcan-reset-filters.reset-filters {
    color: #63c4cb !important; /* Text color */
    background-color: transparent !important; /* Transparent background */
    border: none !important; /* Removes any border */
    font-family: Georgia, !important; /* Georgia font */
    font-size: 16px !important; /* Optional: Adjust font size if needed */
    cursor: pointer !important; /* Ensures it looks clickable */
    text-transform: lowercase !important; /* Optional: Keeps text as-is */
    font-style: italic;
    font-weight: 600 !important;
    text-shadow: 0px 12px 6px black;
    
}

#r .btn.btn-primary.yith-wcan-reset-filters.reset-filters:hover {
    color: white !important;
}/* End custom CSS */
/* Start custom CSS for yith_wcan_mobile_modal_opener, class: .elementor-element-04adeb4 */.yith-wcan-filters-opener {
    background-color: transparent !important; /* Red background */
    color: #63c4cb !important; /* Optional: White text for contrast */
    border: none; /* Optional: Remove border for cleaner look */
    transition: background-color 0.3s ease; /* Smooth transition */
    font-family: Georgia;
    text-transform: lowercase;
    font-style: italic;
    font-size: 16px;
    text-shadow: 0px 12px 6px black;
}

/* Optional hover effect */
.yith-wcan-filters-opener:hover {
    background-color: none !important; /* Darker red on hover */
    color: white !important; /* Keep text white on hover */
}

.filter-icon {
    margin-right: 10px !important;
}/* End custom CSS */
/* Start custom CSS for yith_wcan_active_filters_labels, class: .elementor-element-9ed55f1 */#yfilter .yith-wcan-active-filters h4 {
    display: none !important; /* Completely hides the title */
}

#yfilter .woocommerce-Price-amount.amount {
    color: white !important; /* Makes the entire price white */
}

#yfilter .active-filter b {
    color: #faa2fa !important; /* Change the text color to blue */
    text-shadow: 0px 12px 6px black;
    font-size: 18px;
    font-family: Georgia;
     font-style: italic; /* Make the text italic */
    text-transform: lowercase; /* Convert the text to lowercase */
    margin-right: -8px;
}

#yfilter .active-filter a {
    border: none !important;
    font-size: 18px;
    font-weight: 600 !important;
    text-shadow: 0px 12px 6px black;
    text-transform: capitalize; 
}

#yfilter .active-filter {
    border: none !important;
    padding-right: 15px;
   
}

#yfilter a.active-filter-label::after {
    transform: scale(.85) !important;
    background: #faa2fa !important;
}

#yfilter a.active-filter-label::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  content: "\f00d"; /* For example, Font Awesome's "times" icon */
  color: black !important;
}/* End custom CSS */
/* Start custom CSS for wd_archive_products, class: .elementor-element-2ace709 *//*=================================*/
/* "Load More" Button              */
/*=================================*/
#arch .btn.wd-load-more {
    border: 1px solid #faa2fa !important;
    border-radius: 4px;
    background: #1a1a1a !important;
    color: white !important;
    font-family: Georgia !important;
    font-size: 16px !important;
    font-style: italic;
    text-transform: lowercase;
    text-shadow: 0px 12px 6px black !important;
    box-shadow: 0px 12px 6px black !important;
    transition: border-color 0.3s ease, background 0.3s ease, color 0.3s ease;
}
#arch .btn.wd-load-more:hover {
    background: #1a1a1a !important;
    color: #faa2fa !important;
    transition: border-color 0.3s ease, background 0.3s ease, color 0.3s ease !important;
}

/* Hide Load More Loader */
#arch .btn.wd-load-more.wd-load-more-loader {
    visibility: hidden !important;
}
#arch .wd-sticky-loader.wd-content-loader {
    display: none !important;
}

/*=================================*/
/* Quick View & Add-to-Cart Icons  */
/*=================================*/
/* Quick View Icon */
#arch .quick-view.wd-style-icon > a:before {
    font-size: 20px;
    color: white !important;
    text-decoration: none;
    transition: color 0.3s ease !important;
}
#arch .quick-view.wd-style-icon > a:hover:before {
    color: #faa2fa !important;
}

/* Add to Cart Icon */
#arch .wd-add-btn.wd-action-btn.wd-style-icon.wd-add-cart-icon > a:before {
    font-size: 21px;
    transition: color 0.3s ease !important;
}
#arch .wd-add-btn.wd-action-btn.wd-style-icon.wd-add-cart-icon > a:hover:before {
    color: #faa2fa !important;
}

/*=================================*/
/* Wishlist Button (Heart Icon)    */
/*=================================*/
/* Default State */
#arch .wd-wishlist-btn.wd-style-icon > a:before {
    font-size: 20px !important;
    color: #FF84FF !important;
    font-weight: bold;
    transition: color 0.3s ease !important;
}
/* Hover State (Before Click) */
#arch .wd-wishlist-btn.wd-style-icon > a:hover:before {
    color: #FF84FF;
}
/* Filled Heart (After Click) */
#arch .wd-wishlist-btn .added:before {
    content: "\f004";
    font-family: "Font Awesome 5 Free";
    font-weight: 900 !important;
    color: #FF84FF !important;
}

/*=================================*/
/* Buttons Container & Ordering    */
/*=================================*/
#arch .wrapp-buttons {
    display: flex !important;
    flex-direction: column !important;
    top: 0;
    margin-right: -4px !important;
    z-index: 1;
    pointer-events: none;
}
#arch .wd-buttons {
    border-radius: 0px !important;
    background-color: transparent !important;
    box-shadow: none;
    flex-direction: column-reverse !important;
    align-self: flex-end !important;
    z-index: 2;
    pointer-events: auto;
    gap: 8px;
    transition: all 0.3s ease !important;
}

/* Re-order Buttons */
#arch .wd-wishlist-btn {
    order: 3 !important; /* Wishlist first */
}
#arch .quick-view {
    order: 1 !important; /* Quick View second */
}
#arch .wd-add-btn {
    order: 2 !important; /* Add to Cart third */
}

/*=================================*/
/* Images & Product Elements       */
/*=================================*/
#arch img {
    z-index: 1;
    transform: scale(1.2);
}
#arch .product-element-top {
    border-radius: 12px; /* Smooth, rounded edges */
}

/* Labels & Shadows */
#arch .wd-product .product-labels .onsale,
#arch .product-grid-item .product-labels.labels-rounded-sm .featured.product-label {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2),
                0px 1px 3px rgba(0, 0, 0, 0.1);
}
#arch .wd-product:hover .product-labels .onsale,
#arch .product-grid-item:hover .product-labels.labels-rounded-sm .featured.product-label {
    display: none !important;
}

/*=================================*/
/* Wishlist Entities Title         */
/*=================================*/
#arch .wd-entities-title {
    max-width: 185px !important;
    align-self: center;
    margin-top: -20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7e31d7 */.mobile-only {
    background-color: #63c4cb !important; /* Pink background */
    color: black !important; /* Black text color */
    font-family: Georgia, serif !important; /* Georgia font */
    text-transform: lowercase !important; /* Lowercase text */
    font-style: italic !important; /* Italic text */
    font-weight: 600 !important; /* 600 weight */
    text-align: center !important; /* Optional: Center the text */
}

a.close-button {
    color: black !important;
    font-weight: 600 !important;
    padding-bottom: 7px !important;
    font-family: Georgia !important;
}/* End custom CSS */