.elementor-4539 .elementor-element.elementor-element-15f0158b{--display:flex;--min-height:60vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.58;--margin-top:-101px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4539 .elementor-element.elementor-element-15f0158b:not(.elementor-motion-effects-element-type-background), .elementor-4539 .elementor-element.elementor-element-15f0158b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://myorocollection.com/wp-content/uploads/2026/07/Gemini_Generated_Image_oltonjoltonjolto-1.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-4539 .elementor-element.elementor-element-15f0158b::before, .elementor-4539 .elementor-element.elementor-element-15f0158b > .elementor-background-video-container::before, .elementor-4539 .elementor-element.elementor-element-15f0158b > .e-con-inner > .elementor-background-video-container::before, .elementor-4539 .elementor-element.elementor-element-15f0158b > .elementor-background-slideshow::before, .elementor-4539 .elementor-element.elementor-element-15f0158b > .e-con-inner > .elementor-background-slideshow::before, .elementor-4539 .elementor-element.elementor-element-15f0158b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-4539 .elementor-element.elementor-element-6d600bc1 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:60px;font-weight:600;text-transform:uppercase;text-decoration:none;line-height:59px;letter-spacing:-1px;color:#D5D5D5;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4539 .elementor-element.elementor-element-dd7351d{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-4539 .elementor-element.elementor-element-dd7351d .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-4539 .elementor-element.elementor-element-dd7351d .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-4539 .elementor-element.elementor-element-69164447 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:25px;font-weight:400;text-transform:capitalize;text-decoration:none;line-height:41px;letter-spacing:2px;color:var( --e-global-color-secondary );}.elementor-4539 .elementor-element.elementor-element-7b5ec993{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4539 .elementor-element.elementor-element-7b5ec993:not(.elementor-motion-effects-element-type-background), .elementor-4539 .elementor-element.elementor-element-7b5ec993 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-4539 .elementor-element.elementor-element-3369034a{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#F4EFE6;--border-color:#F4EFE6;box-shadow:0px 0px 20px 0px rgba(202.3, 202.3, 202.3, 0.49);--padding-top:100px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4539 .elementor-element.elementor-element-51c36a2e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:23px;font-weight:400;text-transform:none;text-decoration:none;letter-spacing:0.5px;color:#070707;}.elementor-4539 .elementor-element.elementor-element-7d22692d{--divider-border-style:solid;--divider-color:#C5C5C5;--divider-border-width:1px;}.elementor-4539 .elementor-element.elementor-element-7d22692d .elementor-divider-separator{width:100%;}.elementor-4539 .elementor-element.elementor-element-7d22692d .elementor-divider{padding-block-start:7px;padding-block-end:7px;}.elementor-4539 .elementor-element.elementor-element-7dc6bd12 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4539 .elementor-element.elementor-element-7dc6bd12 h2.wl_filter_title{color:#1F1B1B;}.elementor-4539 .elementor-element.elementor-element-40ade0a6 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4539 .elementor-element.elementor-element-2a4d7451 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4539 .elementor-element.elementor-element-26e0f08f .woolentor_slider_range.ui-slider{background-color:#464646;}.elementor-4539 .elementor-element.elementor-element-26e0f08f .woolentor_slider_range .ui-slider-range.ui-widget-header.ui-corner-all{background-color:var( --e-global-color-secondary );}.elementor-4539 .elementor-element.elementor-element-26e0f08f .woolentor_slider_range .ui-slider-handle.ui-state-default.ui-corner-all{background-color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-e71396c );}.elementor-4539 .elementor-element.elementor-element-26e0f08f .woolentor-filter-wrap .wl_price_filter form button{background-color:#111111FA;color:#FFFFFF;}.elementor-4539 .elementor-element.elementor-element-26e0f08f > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4539 .elementor-element.elementor-element-26e0f08f .woolentor_price_label{color:var( --e-global-color-text );}.elementor-4539 .elementor-element.elementor-element-3406bf0a > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4539 .elementor-element.elementor-element-609b1406{--display:flex;--padding-top:100px;--padding-bottom:50px;--padding-left:50px;--padding-right:0px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-product-grid-luxury{gap:25px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-luxury-card .woolentor-sale-indicator{width:48px;height:48px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-product-stars{gap:2px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-product-actions .woolentor-cart-btn:hover{background-color:var( --e-global-color-secondary );background:var( --e-global-color-secondary );}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-luxury-card .woolentor-cart-btn::before{background-color:var( --e-global-color-secondary );background:var( --e-global-color-secondary );}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-product-actions .woolentor-cart-btn svg{width:18px;height:18px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-luxury-card .woolentor-cart-arrow{font-size:18px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-quick-actions .woolentor-quick-action svg{width:18px;height:18px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-quick-actions .woolentor-quick-action{font-size:18px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-pagination{justify-content:center;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-pagination ul li a{color:#727272;background-color:var( --e-global-color-e71396c );}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-pagination ul li a:hover{color:#727272;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-pagination ul li span:not(.dots){color:#727272;background-color:var( --e-global-color-e71396c );border-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4539 .elementor-element.elementor-element-3369034a{--width:30%;}.elementor-4539 .elementor-element.elementor-element-609b1406{--width:70%;}}@media(max-width:1366px){.elementor-4539 .elementor-element.elementor-element-15f0158b{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-4539 .elementor-element.elementor-element-6d600bc1 .elementor-heading-title{font-size:56px;line-height:22px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4539 .elementor-element.elementor-element-69164447 .elementor-heading-title{font-size:28px;line-height:22px;letter-spacing:0.5px;}.elementor-4539 .elementor-element.elementor-element-7b5ec993{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4539 .elementor-element.elementor-element-3369034a{--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:20px;}.elementor-4539 .elementor-element.elementor-element-609b1406{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-4539 .elementor-element.elementor-element-15f0158b{--min-height:50vh;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-4539 .elementor-element.elementor-element-6d600bc1 .elementor-heading-title{font-size:35px;line-height:15px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4539 .elementor-element.elementor-element-69164447 .elementor-heading-title{font-size:35px;line-height:15px;}.elementor-4539 .elementor-element.elementor-element-3369034a{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:10px;}.elementor-4539 .elementor-element.elementor-element-51c36a2e .elementor-heading-title{font-size:21px;}.elementor-4539 .elementor-element.elementor-element-609b1406{--padding-top:30px;--padding-bottom:20px;--padding-left:30px;--padding-right:10px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-product-grid-luxury{gap:20px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-luxury-card .woolentor-sale-indicator{width:20px;height:30px;}}@media(max-width:767px){.elementor-4539 .elementor-element.elementor-element-15f0158b{--min-height:40vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-4539 .elementor-element.elementor-element-6d600bc1 .elementor-heading-title{font-size:30px;line-height:30px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4539 .elementor-element.elementor-element-69164447 .elementor-heading-title{font-size:21px;line-height:30px;}.elementor-4539 .elementor-element.elementor-element-7b5ec993{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4539 .elementor-element.elementor-element-3369034a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4539 .elementor-element.elementor-element-609b1406{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-product-grid-luxury{gap:15px;}.elementor-4539 .elementor-element.elementor-element-396ab561 .woolentor-luxury-card .woolentor-sale-indicator{width:15px;height:30px;}}@media(max-width:1366px) and (min-width:768px){.elementor-4539 .elementor-element.elementor-element-7b5ec993{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-313f0b9d *//* Hide mobile element blocks on desktop monitors */
.mobile-filter-bar-container {
    display: none;
    width: 100%;
}

@media (max-width: 767px) {
    /* 1. Hide the loose filters from rendering out in the open on mobile */
    div:not(#mobile-filters-append-target) > .elementor-widget-wl-product-filter {
        display: none !important;
    }

    .mobile-filter-bar-container {
        display: block !important;
        margin-bottom: 20px;
    }

    /* Minimalist Action Row Style (Matches image 16095.jpg) */
    .mobile-action-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fdfbf7; 
        border-top: 1px solid #eae5dd;
        border-bottom: 1px solid #eae5dd;
        padding: 12px 15px;
    }

    .action-bar-btn {
        background: transparent;
        border: none;
        color: #464646;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
        display: flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
    }

    .action-bar-text {
        color: #8a857c;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

    /* Collapsible Drawer Styles */
    .mobile-drawer-content {
        display: none;
        background: #fdfbf7;
        border-bottom: 1px solid #eae5dd;
        padding: 20px 15px;
    }
    
    .mobile-drawer-content.is-active {
        display: block !important;
    }

    .drawer-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eae5dd;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .drawer-header h3 {
        margin: 0;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    #close-drawer-btn {
        background: transparent;
        border: none;
        font-size: 24px;
        cursor: pointer;
    }

    /* Force visibility ON once the filters are inside the drawer wrapper */
    #mobile-filters-append-target .elementor-widget-wl-product-filter {
        display: block !important;
        margin-bottom: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wl-product-filter, class: .elementor-element-7dc6bd12 *//* 1. Ensure the links align properly and make space for the radio circle */
.categorynew .woolentor-filter-wrap ul li a {
    display: flex !important;
    align-items: center;
    position: relative;
    padding-left: 28px !important; /* Space for the circle */
    text-decoration: none;
}

/* 2. Create the "Unchecked" Radio Button Circle */
.categorynew .woolentor-filter-wrap ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #e0dcd5; /* Pale gray/beige border matching image_00acbc.png */
    border-radius: 50%;
    background-color: transparent;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

/* 3. Handle Active/Selected State (The dark inner dot) */
/* WooLentor usually applies an "active" class to the selected category li or a. 
   Adjust '.active' below if WooLentor uses a different class name (like '.current-cat') */
.categorynew .woolentor-filter-wrap ul li.active a::before,
.categorynew .woolentor-filter-wrap ul li a.active::before {
    border-color: #000000; /* Dark outer ring */
    background-color: #ffffff; /* White background inside */
    box-shadow: inset 0 0 0 3px #ffffff, inset 0 0 0 7px #000000; /* Creates the inner black dot effect */
}

/* 4. Optional: Subtle hover effect */
.categorynew .woolentor-filter-wrap ul li a:hover::before {
    border-color: #a0a0a0;
}/* End custom CSS */
/* Start custom CSS for wl-product-filter, class: .elementor-element-40ade0a6 *//* 1. Ensure the gender links align properly and make space for the checkbox */
.categorymf .woolentor-filter-wrap ul li a {
    display: flex !important;
    align-items: center;
    position: relative;
    padding-left: 28px !important; /* Space for the checkbox box */
    text-decoration: none;
}

/* 2. Create the "Unchecked" Square Box */
.categorymf .woolentor-filter-wrap ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #e0dcd5; /* Light border matching your design style */
    border-radius: 3px; /* Slightly rounded corners for a modern square checkbox */
    background-color: transparent;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

/* 3. Create the Hidden Checkmark Element */
.categorymf .woolentor-filter-wrap ul li a::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 45%;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0; /* Creates an L shape for the checkmark */
    transform: translateY(-50%) rotate(45deg); /* Rotates it into a checkmark */
    opacity: 0; /* Hidden by default */
    transition: opacity 0.15s ease-in-out;
}

/* 4. Active/Selected State: Fill the square black and display the white checkmark */
.categorymf .woolentor-filter-wrap ul li.active a::before,
.categorymf .woolentor-filter-wrap ul li a.active::before {
    border-color: #000000;
    background-color: #000000; /* Fills the box with black */
}

.categorymf .woolentor-filter-wrap ul li.active a::after,
.categorymf .woolentor-filter-wrap ul li a.active::after {
    opacity: 1; /* Shows the white checkmark inside the black box */
}

/* 5. Optional: Subtle hover effect */
.categorymf .woolentor-filter-wrap ul li a:hover::before {
    border-color: #a0a0a0;
}/* End custom CSS */
/* Start custom CSS for wl-product-filter, class: .elementor-element-7c1c531c *//* 1. Align the brand links and make space for the checkbox */
.categorybrand .woolentor-filter-wrap ul li a {
    display: flex !important;
    align-items: center;
    position: relative;
    padding-left: 28px !important; /* Space for the brand checkbox box */
    text-decoration: none;
}

/* 2. Create the "Unchecked" Box (Matching the style in image_00b7de.png) */
.categorybrand .woolentor-filter-wrap ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 1.5px solid #d3ceca; /* Subtle grey/beige border from image_00b7de.png */
    border-radius: 2px; /* Soft square corners */
    background-color: transparent;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

/* 3. Create the Hidden Checkmark */
.categorybrand .woolentor-filter-wrap ul li a::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 45%;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: translateY(-50%) rotate(45deg);
    opacity: 0; /* Hidden until item is active/clicked */
    transition: opacity 0.15s ease-in-out;
}

/* 4. Active/Selected State: Fills the checkbox black and shows the checkmark */
.categorybrand .woolentor-filter-wrap ul li.active a::before,
.categorybrand .woolentor-filter-wrap ul li a.active::before {
    border-color: #000000;
    background-color: #000000;
}

.categorybrand .woolentor-filter-wrap ul li.active a::after,
.categorybrand .woolentor-filter-wrap ul li a.active::after {
    opacity: 1;
}

/* 5. Hover state for responsiveness */
.categorybrand .woolentor-filter-wrap ul li a:hover::before {
    border-color: #a0a0a0;
}/* End custom CSS */
/* Start custom CSS for wl-product-filter, class: .elementor-element-3406bf0a *//* 1. Align the year links and make space for the checkbox */
.categoryyear .woolentor-filter-wrap ul li a {
    display: flex !important;
    align-items: center;
    position: relative;
    padding-left: 28px !important; /* Space for the checkbox box */
    text-decoration: none;
}

/* 2. Create the "Unchecked" Box */
.categoryyear .woolentor-filter-wrap ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 1.5px solid #d3ceca; /* Matching your clean checkbox border look */
    border-radius: 2px; /* Soft square corners */
    background-color: transparent;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

/* 3. Create the Hidden Checkmark */
.categoryyear .woolentor-filter-wrap ul li a::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 45%;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: translateY(-50%) rotate(45deg);
    opacity: 0; /* Hidden until clicked/active */
    transition: opacity 0.15s ease-in-out;
}

/* 4. Active/Selected State: Fills the checkbox black and shows the checkmark */
.categoryyear .woolentor-filter-wrap ul li.active a::before,
.categoryyear .woolentor-filter-wrap ul li a.active::before {
    border-color: #000000;
    background-color: #000000;
}

.categoryyear .woolentor-filter-wrap ul li.active a::after,
.categoryyear .woolentor-filter-wrap ul li a.active::after {
    opacity: 1;
}

/* 5. Hover state */
.categoryyear .woolentor-filter-wrap ul li a:hover::before {
    border-color: #a0a0a0;
}/* End custom CSS */