.elementor-69 .elementor-element.elementor-element-fc926ca{margin-top:44px;margin-bottom:44px;}.elementor-69 .elementor-element.elementor-element-e533f4d{text-align:center;font-size:14px;font-weight:700;}.elementor-69 .elementor-element.elementor-element-1bfedfd{text-align:center;font-size:12px;font-weight:normal;}.elementor-69 .elementor-element.elementor-element-4461a53{--divider-border-style:solid;--divider-color:#AAAAAA;--divider-border-width:1px;}.elementor-69 .elementor-element.elementor-element-4461a53 .elementor-divider-separator{width:100%;}.elementor-69 .elementor-element.elementor-element-4461a53 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-69 .elementor-element.elementor-element-24647234 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-69 .elementor-element.elementor-element-3e381555{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-69 .elementor-element.elementor-element-d69be5d{--divider-border-style:solid;--divider-color:#AAAAAA;--divider-border-width:1px;}.elementor-69 .elementor-element.elementor-element-d69be5d .elementor-divider-separator{width:100%;}.elementor-69 .elementor-element.elementor-element-d69be5d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}body.elementor-page-69{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:480px){.elementor-69 .elementor-element.elementor-element-7ef60803{margin-top:5%;margin-bottom:5%;}.elementor-69 .elementor-element.elementor-element-3e381555{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}}/* Start custom CSS */@media (min-width: 993px) {
    .col2-set#customer_login, .col2-set.addresses {
        float: none;
        width: 50%;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (max-width: 993px) {
    .col2-set#customer_login, .col2-set.addresses {
        margin-left: 2em;
        margin-right: 2em;
    }
}
/* === Wishlist PAGE Item Remove Button Styling === */

/* --- Container Positioning (Ensure this is specific enough) --- */
/* Target specifically within the wishlist list view */
.endpoint-cgkit-wishlist ul.commercekit-wishlist-list li.product .commercekit-wishlist.mini {
    position: absolute;
    right: 8px; /* Adjust position as needed */
    top: 8px;  /* Adjust position as needed */
    z-index: 8;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    background: transparent !important;
    visibility: visible !important;
    display: block !important;
    width: auto;
    height: auto;
}

/* --- Link Styling (<a> tag) --- */
/* Prepare the link: set size, hide text, relative positioning */
.endpoint-cgkit-wishlist ul.commercekit-wishlist-list li.product .commercekit-wishlist.mini a.commercekit-remove-wishlist2.wsl-remove {
    display: block;
    width: 22px;  /* Adjust size */
    height: 22px; /* Adjust size */
    font-size: 0;
    line-height: 0;
    color: transparent;
    text-decoration: none;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative; /* Crucial for pseudo-elements */
    border: none !important;
    background: none !important;
    cursor: pointer;
    border-radius: 50%; /* Optional: Make hover background circular */
    transition: background-color 0.2s ease;
}

/* --- Override Original ::before & Create First Line of 'X' --- */
.endpoint-cgkit-wishlist ul.commercekit-wishlist-list li.product .commercekit-wishlist.mini a.commercekit-remove-wishlist2.wsl-remove::before {
    /* --- OVERRIDE Core Conflicting Styles --- */
    content: ''; /* Ensure content is set for pseudo-element */
    -webkit-mask-image: none !important; /* Remove original mask */
    mask-image: none !important;         /* Remove original mask */
    background: #777 !important;         /* Remove original background */
    /* Reset potentially inherited fixed size if needed */
    width: auto;
    height: auto;

    /* --- STYLES for the FIRST line of our 'X' --- */
    position: absolute;
    top: 50%;
    left: 15%; /* Adjust centering (relative to the <a> width) */
    width: 70%; /* Adjust line length (relative to the <a> width) */
    height: 1px; /* Line thickness */
    background-color: #777; /* Set OUR 'X' color */
    transform: translateY(-50%) rotate(45deg); /* Center vertically & rotate */
    transition: background-color 0.2s ease;
    display: block; /* Ensure it behaves like a block */
}

/* --- Create Second Line of 'X' using ::after --- */
.endpoint-cgkit-wishlist ul.commercekit-wishlist-list li.product .commercekit-wishlist.mini a.commercekit-remove-wishlist2.wsl-remove::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 15%; /* Match ::before */
    width: 70%; /* Match ::before */
    height: 1px; /* Match ::before */
    background-color: #777; /* Match ::before color */
    transform: translateY(-50%) rotate(-45deg); /* Rotate opposite direction */
    transition: background-color 0.2s ease;
    display: block; /* Ensure it behaves like a block */
}


/* --- Optional Hover State --- */
.endpoint-cgkit-wishlist ul.commercekit-wishlist-list li.product .commercekit-wishlist.mini a.commercekit-remove-wishlist2.wsl-remove:hover {
    background-color: rgba(0, 0, 0, 0.08); /* Light background on hover */
}

.endpoint-cgkit-wishlist ul.commercekit-wishlist-list li.product .commercekit-wishlist.mini a.commercekit-remove-wishlist2.wsl-remove:hover::before,
.endpoint-cgkit-wishlist ul.commercekit-wishlist-list li.product .commercekit-wishlist.mini a.commercekit-remove-wishlist2.wsl-remove:hover::after {
    background-color: #111; /* Darker 'X' on hover */
}/* End custom CSS */