.elementor-24886 .elementor-element.elementor-element-2b57b99{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-24886 .elementor-element.elementor-element-64b14b9 img{max-width:1158px;}.elementor-24886 .elementor-element.elementor-element-808c69a{--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-24886 .elementor-element.elementor-element-ac84e7a{--display:flex;}.elementor-24886 .elementor-element.elementor-element-da9800a img{border-radius:25px 25px 25px 25px;}.elementor-24886 .elementor-element.elementor-element-8efa48a{--display:flex;}.elementor-24886 .elementor-element.elementor-element-04e75ca img{border-radius:25px 25px 25px 25px;}.elementor-24886 .elementor-element.elementor-element-9009dab{--display:flex;}.elementor-24886 .elementor-element.elementor-element-934e0de img{border-radius:25px 25px 25px 25px;}.elementor-24886 .elementor-element.elementor-element-4d42ebb img{max-width:1158px;}.elementor-24886 .elementor-element.elementor-element-9b87893 .elementor-button{background-color:#000000;}.elementor-24886 .elementor-element.elementor-element-b378051{--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-24886 .elementor-element.elementor-element-122a70c{--display:flex;}.elementor-24886 .elementor-element.elementor-element-fc2451d{--display:flex;}.elementor-24886 .elementor-element.elementor-element-45e05a2{--display:flex;}.elementor-24886 .elementor-element.elementor-element-83f5dcb{--display:flex;}.elementor-24886 .elementor-element.elementor-element-9b2a5d7{--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-24886 .elementor-element.elementor-element-df5fce8{--display:flex;}.elementor-24886 .elementor-element.elementor-element-aad5c1d{--display:flex;}.elementor-24886 .elementor-element.elementor-element-c05f99f{--display:flex;}.elementor-24886 .elementor-element.elementor-element-d8590a8{--display:flex;}@media(max-width:768px){.elementor-24886 .elementor-element.elementor-element-2b57b99{--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-24886 .elementor-element.elementor-element-64b14b9 img{max-width:100%;}.elementor-24886 .elementor-element.elementor-element-808c69a{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-24886 .elementor-element.elementor-element-ac84e7a{--width:32%;}.elementor-24886 .elementor-element.elementor-element-da9800a img{border-radius:0px 0px 0px 0px;}.elementor-24886 .elementor-element.elementor-element-8efa48a{--width:32%;}.elementor-24886 .elementor-element.elementor-element-04e75ca img{border-radius:0px 0px 0px 0px;}.elementor-24886 .elementor-element.elementor-element-9009dab{--width:32%;}.elementor-24886 .elementor-element.elementor-element-934e0de img{border-radius:0px 0px 0px 0px;}.elementor-24886 .elementor-element.elementor-element-4d42ebb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:0px 0px 0px 0px;}.elementor-24886 .elementor-element.elementor-element-4d42ebb img{border-radius:0px 0px 0px 0px;}.elementor-24886 .elementor-element.elementor-element-9b87893 .elementor-button{padding:10px 40px 10px 40px;}.elementor-24886 .elementor-element.elementor-element-b378051{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-24886 .elementor-element.elementor-element-122a70c{--width:32%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24886 .elementor-element.elementor-element-fc2451d{--width:32%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24886 .elementor-element.elementor-element-45e05a2{--width:32%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24886 .elementor-element.elementor-element-83f5dcb{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24886 .elementor-element.elementor-element-9b2a5d7{--gap:12px 5px;--row-gap:12px;--column-gap:5px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24886 .elementor-element.elementor-element-df5fce8{--width:49%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24886 .elementor-element.elementor-element-aad5c1d{--width:49%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24886 .elementor-element.elementor-element-c05f99f{--width:49%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24886 .elementor-element.elementor-element-d8590a8{--width:49%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:769px){.elementor-24886 .elementor-element.elementor-element-2b57b99{--content-width:1160px;}}/* Start custom CSS *//* =========================================================
   ROSEZ PARIS — PREMIUM / LUXURY UI OVERRIDE
   ---------------------------------------------------------
   No HTML changes required
   Elementor + Woodmart + Unlimited Elements + Owl + Swiper
   ========================================================= */


/* =========================================================
   01. DESIGN SYSTEM
   ========================================================= */

:root {
    --rz-bg: #fbfaf8;
    --rz-surface: #ffffff;
    --rz-surface-soft: #f7f5f2;

    --rz-text: #171717;
    --rz-text-soft: #5f5f5f;
    --rz-muted: #96938f;

    --rz-accent: #ad8759;
    --rz-accent-dark: #8e6b43;

    --rz-border: rgba(20, 20, 20, 0.08);
    --rz-border-hover: rgba(20, 20, 20, 0.16);

    --rz-shadow:
        0 2px 4px rgba(0, 0, 0, 0.02),
        0 12px 30px rgba(0, 0, 0, 0.045);

    --rz-shadow-hover:
        0 6px 15px rgba(0, 0, 0, 0.05),
        0 22px 50px rgba(0, 0, 0, 0.09);

    --rz-radius-sm: 12px;
    --rz-radius: 18px;
    --rz-radius-lg: 24px;

    --rz-transition:
        300ms cubic-bezier(.22, .61, .36, 1);
}


/* =========================================================
   02. GLOBAL IMAGE QUALITY
   Only images belonging to this page
   ========================================================= */

:is(
    .elementor-element-64b14b9,
    .elementor-element-d4a915c,
    .elementor-element-7d2feee,
    .elementor-element-4d42ebb,
    .elementor-element-888836e,
    .elementor-element-e470e34,
    .elementor-element-284c3fd,
    .elementor-element-5f062e6
) img {
    display: block;
    width: 100%;
    max-width: 100%;
}


/* =========================================================
   03. MAIN HERO BANNER
   ========================================================= */

.elementor-element-64b14b9 {
    position: relative;
    overflow: hidden;
    border-radius: var(--rz-radius-lg);
    margin-bottom: clamp(22px, 3vw, 42px);
    background: var(--rz-surface-soft);
    box-shadow: var(--rz-shadow);
    isolation: isolate;
}

.elementor-element-64b14b9 img {
    width: 100%;
    height: auto;
    transition:
        transform 1s cubic-bezier(.22, .61, .36, 1),
        filter var(--rz-transition);
    will-change: transform;
}

@media (hover: hover) {
    .elementor-element-64b14b9:hover img {
        transform: scale(1.018);
    }
}


/* =========================================================
   04. HIM / HER CATEGORY BLOCK
   ========================================================= */

.elementor-element-8897a3a {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(10px, 1.5vw, 20px) !important;

    width: 100% !important;
    margin-bottom: clamp(28px, 4vw, 52px);
}

.elementor-element-8897a3a > .e-con {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;

    overflow: hidden;
    border-radius: var(--rz-radius);
    background: var(--rz-surface-soft);

    box-shadow: var(--rz-shadow);
    transition:
        transform var(--rz-transition),
        box-shadow var(--rz-transition);
}

.elementor-element-8897a3a .elementor-widget-image {
    overflow: hidden;
    border-radius: inherit;
}

.elementor-element-8897a3a img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;

    transition:
        transform 650ms cubic-bezier(.22, .61, .36, 1),
        filter var(--rz-transition);
}

@media (hover: hover) {
    .elementor-element-8897a3a > .e-con:hover {
        transform: translateY(-4px);
        box-shadow: var(--rz-shadow-hover);
    }

    .elementor-element-8897a3a > .e-con:hover img {
        transform: scale(1.035);
    }
}


/* =========================================================
   05. UNLIMITED ELEMENTS PRODUCT CAROUSELS
   b08967c / 4cce134 / 07f9440
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) {
    position: relative;
    margin-block: clamp(18px, 3vw, 38px);
}


/* -------------------------
   Owl viewport
   ------------------------- */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .owl-stage-outer {
    padding-top: 8px;
    padding-bottom: 22px;
}


/* -------------------------
   Equal height products
   ------------------------- */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .owl-item {
    display: flex !important;
    height: auto !important;
    align-items: stretch !important;
}


/* -------------------------
   Product card
   ------------------------- */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .ue-woo-item {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column;

    padding: 9px 9px 12px !important;

    background: var(--rz-surface) !important;

    border: 1px solid var(--rz-border) !important;
    border-radius: var(--rz-radius) !important;

    box-shadow: var(--rz-shadow);

    overflow: hidden !important;

    transition:
        transform var(--rz-transition),
        border-color var(--rz-transition),
        box-shadow var(--rz-transition) !important;
}

@media (hover: hover) {
    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .ue-woo-item:hover {
        transform: translateY(-6px);
        border-color: var(--rz-border-hover) !important;
        box-shadow: var(--rz-shadow-hover);
    }
}


/* =========================================================
   06. PRODUCT IMAGE AREA
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_image_carousel_placeholder {
    position: relative;

    width: 100%;
    aspect-ratio: 3 / 4;

    overflow: hidden !important;

    border-radius: 13px !important;

    background:
        linear-gradient(
            145deg,
            #faf9f7 0%,
            #f4f1ed 100%
        ) !important;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_image_carousel_placeholder > a {
    display: block;
    width: 100%;
    height: 100%;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_product_image {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_product_image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    transition:
        transform 650ms cubic-bezier(.22, .61, .36, 1) !important;
}

@media (hover: hover) {
    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .ue-woo-item:hover .uc_product_image img {
        transform: scale(1.035);
    }
}


/* =========================================================
   07. PRODUCT CONTENT
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_image_carousel_content {
    display: flex !important;
    flex: 1 1 auto;

    padding: 15px 5px 2px !important;

    background: transparent !important;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_image_carousel_content_inside {
    display: flex !important;
    flex-direction: column !important;

    width: 100%;
    height: 100%;
}


/* =========================================================
   08. PRODUCT PRICES
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_prices {
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;

    gap: 4px 8px;

    direction: ltr;

    min-height: 24px;
    margin-bottom: 9px !important;

    line-height: 1.2;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_prices > div {
    display: inline-flex !important;
    align-items: baseline;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_regular_price {
    color: var(--rz-muted) !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    opacity: .85;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_price {
    color: var(--rz-text) !important;

    font-size: clamp(15px, 1.25vw, 18px) !important;
    font-weight: 700 !important;

    letter-spacing: -.02em;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .woocommerce-Price-currencySymbol {
    margin-right: 3px;
    font-size: .72em;
    font-weight: 600;
}


/* =========================================================
   09. PRODUCT TITLE
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_post_title {
    display: -webkit-box;

    min-height: 43px;

    margin: 0 0 12px !important;

    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    font-size: 14px !important;
    line-height: 1.48 !important;
    font-weight: 600 !important;

    letter-spacing: -.01em;

    text-align: center;

    unicode-bidi: plaintext;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_post_title a {
    color: var(--rz-text) !important;
    text-decoration: none !important;

    transition: color var(--rz-transition);
}

@media (hover: hover) {
    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc_post_title a:hover {
        color: var(--rz-accent-dark) !important;
    }
}


/* =========================================================
   10. REMOVE CLUTTERED PRODUCT EXCERPT
   The current text is truncated anyway.
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_post_intro {
    display: none !important;
}


/* =========================================================
   11. ADD TO CART BUTTON
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc_buttons {
    width: 100%;
    margin-top: auto !important;
    padding-top: 2px;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc-button-addcart {
    position: relative;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    min-height: 43px;

    padding: 10px 15px !important;

    border: 1px solid var(--rz-text) !important;
    border-radius: 999px !important;

    outline: none;

    background: var(--rz-text) !important;
    color: #fff !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    letter-spacing: .08em;

    cursor: pointer;

    transition:
        background-color var(--rz-transition),
        color var(--rz-transition),
        border-color var(--rz-transition),
        transform var(--rz-transition),
        box-shadow var(--rz-transition) !important;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .uc-button-addcart .ue-inner-btn-wrapper {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 6px;
}

@media (hover: hover) {
    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc-button-addcart:hover {
        background: var(--rz-accent-dark) !important;
        border-color: var(--rz-accent-dark) !important;

        transform: translateY(-1px);

        box-shadow:
            0 8px 18px rgba(85, 61, 35, .16);
    }
}


/* =========================================================
   12. SALE BADGES
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .ue_woocommerce_product_carousel_sale_label {
    top: 10px !important;
    left: 10px !important;

    min-width: auto !important;
    min-height: 28px;

    padding: 5px 10px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background: rgba(20, 20, 20, .92) !important;
    color: #fff !important;

    box-shadow:
        0 4px 14px rgba(0, 0, 0, .12);

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
    letter-spacing: .04em;

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    z-index: 5 !important;
}


/* =========================================================
   13. OUT OF STOCK BADGE
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .ue_woocommerce_product_grid_out_of_stock_label {
    top: 10px !important;
    left: 10px !important;

    padding: 7px 10px !important;

    border: 1px solid rgba(255,255,255,.55);
    border-radius: 999px !important;

    background: rgba(255, 255, 255, .92) !important;
    color: var(--rz-text) !important;

    box-shadow:
        0 4px 14px rgba(0,0,0,.08);

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
    letter-spacing: .06em;
    text-transform: uppercase;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    z-index: 5 !important;
}


/* =========================================================
   14. OWL CAROUSEL ARROWS
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .owl-nav .owl-prev,
:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .owl-nav .owl-next {
    top: 36% !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 42px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid var(--rz-border) !important;
    border-radius: 50% !important;

    background: rgba(255, 255, 255, .94) !important;
    color: var(--rz-text) !important;

    box-shadow:
        0 5px 20px rgba(0, 0, 0, .10);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    transform: translateY(-50%);

    transition:
        background-color var(--rz-transition),
        color var(--rz-transition),
        transform var(--rz-transition),
        box-shadow var(--rz-transition) !important;

    z-index: 20;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .owl-nav .owl-prev {
    left: 10px !important;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .owl-nav .owl-next {
    right: 10px !important;
}

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) .owl-nav button i {
    font-size: 13px;
}

@media (hover: hover) {
    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .owl-nav .owl-prev:hover,

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .owl-nav .owl-next:hover {
        background: var(--rz-text) !important;
        color: #fff !important;

        box-shadow:
            0 8px 24px rgba(0,0,0,.16);
    }
}


/* =========================================================
   15. VIEW ALL BUTTON
   ========================================================= */

.elementor-element-9b87893 {
    margin-top: 12px;
    margin-bottom: clamp(34px, 5vw, 64px);

    text-align: center;
}

.elementor-element-9b87893 .elementor-button {
    position: relative;

    min-width: 165px;

    padding: 13px 25px !important;

    border: 1px solid var(--rz-text) !important;
    border-radius: 999px !important;

    background: transparent !important;
    color: var(--rz-text) !important;

    box-shadow: none !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: .16em;

    overflow: hidden;

    transition:
        background-color var(--rz-transition),
        color var(--rz-transition),
        transform var(--rz-transition),
        box-shadow var(--rz-transition) !important;
}

@media (hover: hover) {
    .elementor-element-9b87893 .elementor-button:hover {
        background: var(--rz-text) !important;
        color: #fff !important;

        transform: translateY(-2px);

        box-shadow:
            0 10px 25px rgba(0,0,0,.11) !important;
    }
}


/* =========================================================
   16. MOBILE PROMO BANNER
   ========================================================= */

.elementor-element-4d42ebb {
    overflow: hidden;
    border-radius: var(--rz-radius);
    margin-block: 25px;

    box-shadow: var(--rz-shadow);
}

.elementor-element-4d42ebb img {
    width: 100%;
    transition: transform 650ms cubic-bezier(.22,.61,.36,1);
}


/* =========================================================
   17. WOODMART PRODUCT GRIDS
   c3ecf97 + d7d2774
   ========================================================= */

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) {
    margin-block: clamp(25px, 4vw, 55px);
}


/* Main cards */

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .wd-product .product-wrapper {
    height: 100%;

    padding: 9px 9px 13px !important;

    border: 1px solid var(--rz-border) !important;
    border-radius: var(--rz-radius) !important;

    background: var(--rz-surface) !important;

    box-shadow: var(--rz-shadow);

    overflow: hidden;

    transition:
        transform var(--rz-transition),
        border-color var(--rz-transition),
        box-shadow var(--rz-transition) !important;
}

@media (hover: hover) {
    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .wd-product:hover .product-wrapper {
        transform: translateY(-6px);

        border-color: var(--rz-border-hover) !important;

        box-shadow: var(--rz-shadow-hover);
    }
}


/* Product image */

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .product-element-top {
    aspect-ratio: 3 / 4;

    border-radius: 13px !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            #faf9f7,
            #f4f1ed
        ) !important;
}

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .product-image-link {
    display: block;
    width: 100%;
    height: 100%;
}

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .product-element-top img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;
}


/* Product bottom */

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .product-element-bottom {
    padding: 14px 5px 2px !important;

    text-align: center;
}


/* Product title */

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .wd-entities-title {
    min-height: 42px;

    margin-bottom: 9px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.48 !important;

    letter-spacing: -.01em;
}

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .wd-entities-title a {
    color: var(--rz-text) !important;

    transition: color var(--rz-transition);
}

@media (hover: hover) {
    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .wd-entities-title a:hover {
        color: var(--rz-accent-dark) !important;
    }
}


/* Price */

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .wrap-price {
    margin-top: auto;
}

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .price {
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;

    gap: 5px 8px;

    direction: ltr;

    color: var(--rz-text) !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    letter-spacing: -.02em;
}

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .price del {
    color: var(--rz-muted) !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    opacity: .8 !important;
}

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .price ins {
    color: var(--rz-text) !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


/* =========================================================
   18. WOODMART SALE LABEL
   ========================================================= */

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .product-labels {
    top: 10px !important;
    left: 10px !important;
}

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .product-label {
    min-width: auto !important;
    min-height: 28px !important;

    padding: 6px 10px !important;

    border-radius: 999px !important;

    background: rgba(20,20,20,.92) !important;
    color: #fff !important;

    box-shadow:
        0 4px 14px rgba(0,0,0,.12);

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    backdrop-filter: blur(5px);
}


/* =========================================================
   19. WOODMART ADD TO CART
   ========================================================= */

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .wd-add-btn a {
    min-height: 42px;

    display: flex !important;
    align-items: center;
    justify-content: center;

    padding-inline: 15px !important;

    border: 1px solid var(--rz-text) !important;
    border-radius: 999px !important;

    background: var(--rz-text) !important;
    color: #fff !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    letter-spacing: .05em;

    transition:
        background var(--rz-transition),
        border-color var(--rz-transition),
        transform var(--rz-transition) !important;
}

@media (hover: hover) {
    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .wd-add-btn a:hover {
        background: var(--rz-accent-dark) !important;
        border-color: var(--rz-accent-dark) !important;

        transform: translateY(-1px);
    }
}


/* =========================================================
   20. WOODMART WISHLIST / QUICK VIEW
   ========================================================= */

:is(
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774
) .wd-buttons {
    top: 10px !important;
    right: 10px !important;

    overflow: hidden;

    border: 1px solid var(--rz-border);
    border-radius: 999px !important;

    background: rgba(255,255,255,.92) !important;

    box-shadow:
        0 4px 16px rgba(0,0,0,.08);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


/* =========================================================
   21. BRANDS / SWIPER CAROUSEL
   ========================================================= */

.elementor-element-a3b05c8 {
    margin-block: clamp(20px, 4vw, 45px);

    overflow: hidden;
}

.elementor-element-a3b05c8 .swiper {
    padding-block: 8px 16px;
}

.elementor-element-a3b05c8 .swiper-slide-inner {
    height: clamp(78px, 8vw, 105px);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 15px;

    border: 1px solid var(--rz-border);
    border-radius: var(--rz-radius-sm);

    background: #fff;

    transition:
        transform var(--rz-transition),
        border-color var(--rz-transition),
        box-shadow var(--rz-transition);
}

.elementor-element-a3b05c8 .swiper-slide-image {
    display: block;

    width: auto !important;
    max-width: 100% !important;
    max-height: 58px !important;

    object-fit: contain;

    opacity: .76;

    filter: grayscale(100%);

    transition:
        opacity var(--rz-transition),
        filter var(--rz-transition),
        transform var(--rz-transition);
}

@media (hover: hover) {
    .elementor-element-a3b05c8 .swiper-slide-inner:hover {
        transform: translateY(-3px);

        border-color: var(--rz-border-hover);

        box-shadow: var(--rz-shadow);
    }

    .elementor-element-a3b05c8 .swiper-slide-inner:hover img {
        filter: grayscale(0%);
        opacity: 1;

        transform: scale(1.04);
    }
}


/* =========================================================
   22. BRAND STRIP IMAGE
   ========================================================= */

.elementor-element-888836e {
    margin: 30px 0 14px;

    overflow: hidden;
    border-radius: var(--rz-radius-sm);
}

.elementor-element-888836e img {
    width: 100%;
    height: auto;
}


/* =========================================================
   23. MOBILE THREE VERTICAL CATEGORY CARDS
   ========================================================= */

@media (max-width: 767px) {

    .elementor-element-b378051 {
        display: grid !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 8px !important;

        width: 100% !important;

        margin: 24px 0 32px;
        padding: 0 !important;
    }

    .elementor-element-b378051 > .e-con {
        width: 100% !important;
        min-width: 0 !important;

        padding: 0 !important;

        overflow: hidden;

        border-radius: 13px;

        background: var(--rz-surface-soft);

        box-shadow:
            0 5px 20px rgba(0,0,0,.055);
    }

    .elementor-element-b378051 img {
        width: 100%;

        aspect-ratio: 640 / 1244;

        object-fit: cover;

        border-radius: 13px;
    }
}


/* =========================================================
   24. TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .products {
        --wd-col-md: 3 !important;
        --wd-gap-md: 14px !important;
    }

    .elementor-element-64b14b9 {
        border-radius: 20px;
    }

    .elementor-element-8897a3a {
        gap: 14px !important;
    }
}


/* =========================================================
   25. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    :root {
        --rz-radius: 15px;
        --rz-radius-lg: 17px;
    }


    /* Hero */

    .elementor-element-64b14b9 {
        margin-bottom: 22px;

        border-radius: var(--rz-radius-lg);
    }


    /* Him / Her */

    .elementor-element-8897a3a {
        gap: 8px !important;

        margin-bottom: 25px;
    }

    .elementor-element-8897a3a > .e-con {
        border-radius: 14px;
    }


    /* Product carousel */

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) {
        margin-block: 16px 28px;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .ue-woo-item {
        padding: 7px 7px 10px !important;

        border-radius: 14px !important;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc_image_carousel_placeholder {
        border-radius: 11px !important;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc_image_carousel_content {
        padding: 11px 3px 1px !important;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc_post_title {
        min-height: 39px;

        margin-bottom: 9px !important;

        font-size: 12.5px !important;
        line-height: 1.48 !important;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc_price {
        font-size: 15px !important;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc_regular_price {
        font-size: 10.5px !important;
    }


    /* Add button */

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc-button-addcart {
        min-height: 39px;

        padding: 8px 10px !important;

        font-size: 10px !important;
        letter-spacing: .04em;
    }


    /* Sale label */

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .ue_woocommerce_product_carousel_sale_label {
        top: 7px !important;
        left: 7px !important;

        min-height: 24px;

        padding: 5px 7px !important;

        font-size: 8px !important;
    }


    /* Owl navigation */

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .owl-nav .owl-prev,
    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .owl-nav .owl-next {
        width: 34px !important;
        height: 34px !important;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .owl-nav .owl-prev {
        left: 5px !important;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .owl-nav .owl-next {
        right: 5px !important;
    }


    /* Woodmart */

    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .products {
        --wd-col-sm: 2 !important;
        --wd-gap-sm: 10px !important;
    }

    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .wd-product .product-wrapper {
        padding: 7px 7px 10px !important;

        border-radius: 14px !important;
    }

    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .product-element-top {
        border-radius: 11px !important;
    }

    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .product-element-bottom {
        padding: 11px 3px 2px !important;
    }

    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .wd-entities-title {
        min-height: 39px;

        font-size: 12.5px !important;
    }

    :is(
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774
    ) .price {
        font-size: 15px !important;
    }
}


/* =========================================================
   26. VERY SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc_post_title {
        font-size: 12px !important;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc_price {
        font-size: 14px !important;
    }

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440
    ) .uc-button-addcart {
        min-height: 37px;

        font-size: 9.5px !important;
    }
}


/* =========================================================
   27. ACCESSIBILITY / KEYBOARD
   ========================================================= */

:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440,
    .elementor-element-c3ecf97,
    .elementor-element-d7d2774,
    .elementor-element-9b87893
) a:focus-visible,
:is(
    .elementor-element-b08967c,
    .elementor-element-4cce134,
    .elementor-element-07f9440
) button:focus-visible {
    outline: 2px solid var(--rz-accent) !important;
    outline-offset: 3px;
}


/* =========================================================
   28. REDUCED MOTION ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440,
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774,
        .elementor-element-8897a3a,
        .elementor-element-64b14b9,
        .elementor-element-a3b05c8
    ) *,
    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440,
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774,
        .elementor-element-8897a3a,
        .elementor-element-64b14b9,
        .elementor-element-a3b05c8
    ) *::before,
    :is(
        .elementor-element-b08967c,
        .elementor-element-4cce134,
        .elementor-element-07f9440,
        .elementor-element-c3ecf97,
        .elementor-element-d7d2774,
        .elementor-element-8897a3a,
        .elementor-element-64b14b9,
        .elementor-element-a3b05c8
    ) *::after {
        scroll-behavior: auto !important;

        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;

        transition-duration: .01ms !important;
    }
}
 .uc_image_carousel_content_inside{
     min-height: 0px !important;
 }
 
 .elementor-widget-image a {
    display: block !important;
}/* End custom CSS */