.elementor-25048 .elementor-element.elementor-element-243bba4{--display:flex;--min-height:500px;--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;--justify-content:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-25048 .elementor-element.elementor-element-243bba4:not(.elementor-motion-effects-element-type-background), .elementor-25048 .elementor-element.elementor-element-243bba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oukecnc.com/wp-content/uploads/2025/12/Rectangle-346241760.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25048 .elementor-element.elementor-element-243bba4::before, .elementor-25048 .elementor-element.elementor-element-243bba4 > .elementor-background-video-container::before, .elementor-25048 .elementor-element.elementor-element-243bba4 > .e-con-inner > .elementor-background-video-container::before, .elementor-25048 .elementor-element.elementor-element-243bba4 > .elementor-background-slideshow::before, .elementor-25048 .elementor-element.elementor-element-243bba4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25048 .elementor-element.elementor-element-243bba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000066 0%, #000000 100%);}.elementor-25048 .elementor-element.elementor-element-589fd90{--display:flex;}.elementor-25048 .elementor-element.elementor-element-a9b01dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-25048 .elementor-element.elementor-element-a9b01dd .elementor-heading-title{font-size:var( --e-global-typography-5a34043-font-size );font-weight:var( --e-global-typography-5a34043-font-weight );line-height:var( --e-global-typography-5a34043-line-height );color:#FFFFFF;}.elementor-25048 .elementor-element.elementor-element-1fbe99d .elementor-heading-title{font-family:var( --e-global-typography-38ff217-font-family ), Sans-serif;font-size:var( --e-global-typography-38ff217-font-size );font-weight:var( --e-global-typography-38ff217-font-weight );line-height:var( --e-global-typography-38ff217-line-height );color:#FFFFFF;}body:not(.rtl) .elementor-25048 .elementor-element.elementor-element-7db29b9{left:0px;}body.rtl .elementor-25048 .elementor-element.elementor-element-7db29b9{right:0px;}.elementor-25048 .elementor-element.elementor-element-7db29b9{bottom:-80%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-25048 .elementor-element.elementor-element-7db29b9 .elementor-icon-list-item:not(:last-child):after{content:"";height:60%;border-color:#ddd;}.elementor-25048 .elementor-element.elementor-element-7db29b9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-25048 .elementor-element.elementor-element-7db29b9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-25048 .elementor-element.elementor-element-7db29b9 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-25048 .elementor-element.elementor-element-7db29b9 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-25048 .elementor-element.elementor-element-7db29b9 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-25048 .elementor-element.elementor-element-7db29b9 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-25048 .elementor-element.elementor-element-fb691cc{--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-25048 .elementor-element.elementor-element-fb691cc:not(.elementor-motion-effects-element-type-background), .elementor-25048 .elementor-element.elementor-element-fb691cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-25048 .elementor-element.elementor-element-1c718c1{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-25048 .elementor-element.elementor-element-3019e17{--display:flex;}.elementor-25048 .elementor-element.elementor-element-3909fa4 .e-search-submit{background-color:#02010100;border-style:solid;border-width:0px 0px 1px 0px;border-color:#DDDDDD;}.elementor-25048 .elementor-element.elementor-element-3909fa4{background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:50px 50px 50px 50px;border-radius:16px 16px 16px 16px;--e-search-results-columns:1;--e-search-input-padding-block-start:0px;--e-search-input-padding-inline-start:0px;--e-search-input-padding-block-end:0px;--e-search-input-padding-inline-end:0px;--e-search-submit-margin-inline-start:0px;--e-search-submit-icon-gap:0px;--e-search-icon-submit-color:#FFFFFF00;--e-search-submit-padding:10px 10px 10px 10px;--e-search-input-and-results-gap:20px;}.elementor-25048 .elementor-element.elementor-element-3909fa4 .e-search-input{border-style:solid;border-width:0px 0px 1px 0px;border-color:#DDDDDD;}.elementor-25048 .elementor-element.elementor-element-3909fa4 .e-search-results-container > div{border-style:solid;}.elementor-25048 .elementor-element.elementor-element-24adc22 .elementor-button{background-color:#DC7A29;fill:#FFFFFF;color:#FFFFFF;}.elementor-25048 .elementor-element.elementor-element-24adc22 .elementor-button-content-wrapper{flex-direction:row;}.elementor-25048 .elementor-element.elementor-element-fece132{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25048 .elementor-element.elementor-element-817d5f8{--grid-columns:3;width:100%;max-width:100%;}.elementor-25048 .elementor-element.elementor-element-817d5f8 .elementor-pagination{text-align:center;margin-top:40px;}body:not(.rtl) .elementor-25048 .elementor-element.elementor-element-817d5f8 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-25048 .elementor-element.elementor-element-817d5f8 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-25048 .elementor-element.elementor-element-817d5f8 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-25048 .elementor-element.elementor-element-817d5f8 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-25048 .elementor-element.elementor-element-a9b01dd .elementor-heading-title{font-size:var( --e-global-typography-5a34043-font-size );line-height:var( --e-global-typography-5a34043-line-height );}.elementor-25048 .elementor-element.elementor-element-1fbe99d .elementor-heading-title{font-size:var( --e-global-typography-38ff217-font-size );line-height:var( --e-global-typography-38ff217-line-height );}.elementor-25048 .elementor-element.elementor-element-817d5f8{--grid-columns:2;}}@media(max-width:767px){.elementor-25048 .elementor-element.elementor-element-243bba4{--min-height:400px;}.elementor-25048 .elementor-element.elementor-element-a9b01dd .elementor-heading-title{font-size:var( --e-global-typography-5a34043-font-size );line-height:var( --e-global-typography-5a34043-line-height );}.elementor-25048 .elementor-element.elementor-element-1fbe99d .elementor-heading-title{font-size:var( --e-global-typography-38ff217-font-size );line-height:var( --e-global-typography-38ff217-line-height );}.elementor-25048 .elementor-element.elementor-element-fb691cc{--padding-top:40px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-25048 .elementor-element.elementor-element-3909fa4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:20px 20px 20px 20px;}.elementor-25048 .elementor-element.elementor-element-24adc22{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;z-index:99;}.elementor-25048 .elementor-element.elementor-element-24adc22 .elementor-button{padding:10px 20px 10px 20px;}.elementor-25048 .elementor-element.elementor-element-817d5f8{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:10px;}.elementor-25048 .elementor-element.elementor-element-817d5f8 .elementor-pagination{margin-top:20px;}}@media(min-width:1025px){.elementor-25048 .elementor-element.elementor-element-243bba4:not(.elementor-motion-effects-element-type-background), .elementor-25048 .elementor-element.elementor-element-243bba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for icon-list, class: .elementor-element-7db29b9 */.elementor-25048 .elementor-element.elementor-element-7db29b9 a .elementor-icon-list-text{
    color: #fff8;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1c718c1 */.category-group {
    display: none;
}

.category-group.active {
    display: block;
}

/* product-switch */
.product-switch {
    padding: 12px;
    background-color: #fff;
    border-radius: 24px;
}

@media (max-width:798px) {
    .product-switch {
        padding: 24px 20px 4px 20px;
        border-radius: 14px 14px 0 0;
    }
}

.product-switch .switch-btn {
    border-radius: 24px;
    border: unset;
    color: #333333FF;
    padding: 22px 24px;
}

@media (max-width:798px) {
    .product-switch .switch-btn {
        font-size: 14px;
        padding: 12px 14px;
        border-radius: 14px;
    }
}

.product-switch .switch-btn:hover,
.product-switch .switch-btn.active {
    background: #DC7A29FF;
    color: #fff;
}


/* sidebar */
.product-sidebar {
    background-color: #fff;
    padding: 32px;
    border-radius: 24px;
}

@media (max-width:798px) {
    .product-sidebar {
        padding: 20px;
        border-radius: 0 0 14px 14px;
        height: calc(70vh - 74px);
        overflow: scroll;
    }
}


/* title */
.product-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 24px;
}

.product-title-wrapper h4 {
    font-size: clamp(1.2rem, 1.5vw, 30px);
    margin: 0;
}


/* categories */
#product-categories ul {
    padding: 0;
    list-style: none;
}

#product-categories ul li {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
}

@media (max-width:798px) {
    #product-categories ul li {
        align-items: center;
        white-space: nowrap;
        gap: 10px;
        padding: 5px 0;
    }
}

#product-categories ul li.selected > .term-row {
    background: #DC7A29FF;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
}

#product-categories ul li.selected > .term-row svg {
    fill: #fff;
}

#product-categories ul li:not(.selected):hover {
    color: #DC7A29FF;
    z-index: 10;
}

#product-categories ul li:not(.selected):hover path {
    stroke: #DC7A29FF;
}


/* 子菜单 */
#product-categories ul li ul {
    display: none;
    margin-top: 10px;
    border-radius: 24px;
    background-color: #FAFAFAFF;
    width: 100%;
    padding: 18px;
    color: #000;
}

@media (max-width:798px) {
    #product-categories ul li ul {
        width: 100%;
        padding: 10px;
        font-size: .8rem;
    }
}

#product-categories ul li ul li {
    padding: 5px 0;
    border-bottom: #fff0;
}

#product-categories ul li ul li .term-toggle {
    display: none;
}

#product-categories ul li ul li:has(> ul) .term-toggle {
    display: block;
}


/* term row */
.term-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s;
}

.term-row .term-name {
    flex-grow: 1;
}

.term-row .toggle-icon {
    transition: transform 0.3s ease;
}

.term-row .toggle-icon svg {
    width: 1em;
    height: 1em;
}


/* open 状态 */
.has-children.open .toggle-icon {
    transform: rotate(180deg);
}

#product-categories li.open > ul {
    display: block;
}


/* mobile close */
.mobile-close {
    display: none;
}

@media(max-width:798px) {
    .mobile-close {
        display: block;
        position: absolute;
        top: 30px;
        right: 20px;
    }
}


/* mobile filter */
@media(max-width:798px) {
    .mobile_filter {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 99;
        height: 70vh;
        overflow: scroll;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
    }

    .mobile_filter .product-wrapper {
        opacity: 0;
        transform: translateY(100%);
        transition: all 0.3s;
    }

    .mobile_filter.active {
        pointer-events: all;
        opacity: 1;
    }

    .mobile_filter.active .product-wrapper {
        opacity: 1;
        transform: translateY(0%);
    }
}


/* mask */
@media (max-width: 798px) {
    .product-mask {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0);
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease;
    }

    .product-mask.active {
        opacity: 1;
        pointer-events: auto;
    }
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-3909fa4 */.search-fea-img img{
    aspect-ratio: 1;
    object-fit: cover;
}
.elementor-25048 .elementor-element.elementor-element-3909fa4 nav.elementor-pagination{
    margin-top: 0px;
    padding-top: 0px;
    border-top: unsetunset;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fece132 */.selected-filters:has(.selected-item){
    margin-bottom:20px;
}
.selected-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.selected-item {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 13px;
    cursor: default;
}

.selected-item.brand {
    background: #DC7A29;
    color: #fff;
    order:1;
}

.selected-item.type {
    background: #e5e5e5;
    color: #333;
    order:2;
}

.selected-item .remove {
    margin-left: 6px;
    font-size: 14px;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-817d5f8 */.single-line a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:0 20px;
}

    .featured-image img,
    .gallery-image img{
        aspect-ratio: 1.5;
        object-fit: cover;
    }
    .gallery-image{
        display: flex;
    }
    .e-loop-item{
        transition: all 0.3s;
        border-radius: 8px;
        overflow: hidden;
    }
    .e-loop-item:hover{
        transform: translateY(-10px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .e-loop-item:has(.featured-image) .gallery-image{
        display: none;
    }

	.page-numbers{
		--size:55px;
		width: var(--size);
		height: var(--size);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
		background: #fff;
		svg{
		    display: block;
		}

		&:hover:not(span),
		&.current{ 
			background: #DC7A29;
			color: #fff;
		}
		
		@media(max-width:798px){
		   --size:30px; 
		}
	}
	
	
	.loop-product .elementor-grid:has(.noresult){
	        grid-template-columns: 1fr;
	}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb691cc */@media(max-width:798px){
    .elementor-25048 .elementor-element.elementor-element-fb691cc:has(.mobile_filter.active){
        z-index: 9999;
    }
}/* End custom CSS */