.elementor-1176 .elementor-element.elementor-element-327727c{--display:flex;--min-height:400px;--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:0px;--padding-right:0px;}.elementor-1176 .elementor-element.elementor-element-327727c:not(.elementor-motion-effects-element-type-background), .elementor-1176 .elementor-element.elementor-element-327727c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFCE50;background-image:url("https://karokimya.com/wp-content/uploads/2025/12/products.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1176 .elementor-element.elementor-element-327727c::before, .elementor-1176 .elementor-element.elementor-element-327727c > .elementor-background-video-container::before, .elementor-1176 .elementor-element.elementor-element-327727c > .e-con-inner > .elementor-background-video-container::before, .elementor-1176 .elementor-element.elementor-element-327727c > .elementor-background-slideshow::before, .elementor-1176 .elementor-element.elementor-element-327727c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1176 .elementor-element.elementor-element-327727c > .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-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1176 .elementor-element.elementor-element-bdddb09{text-align:center;}.elementor-1176 .elementor-element.elementor-element-bdddb09 .elementor-heading-title{font-family:"Peyda", Sans-serif;font-size:44px;font-weight:600;color:#FFFFFF;}.elementor-1176 .elementor-element.elementor-element-5d75844{--display:flex;--margin-top:80px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1176 .elementor-element.elementor-element-31d49c0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1176 .elementor-element.elementor-element-31d49c0 .woocommerce .woocommerce-loop-category__title{color:#FFFFFF;font-family:"Commissioner", Sans-serif;font-size:20px;font-weight:600;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1176 .elementor-element.elementor-element-327727c{--min-height:250px;}.elementor-1176 .elementor-element.elementor-element-bdddb09 .elementor-heading-title{font-size:36px;}}@media(max-width:767px){.elementor-1176 .elementor-element.elementor-element-327727c{--min-height:150px;}.elementor-1176 .elementor-element.elementor-element-bdddb09 .elementor-heading-title{font-size:20px;}.elementor-1176 .elementor-element.elementor-element-31d49c0 .woocommerce .woocommerce-loop-category__title{font-size:18px;}}/* Start custom CSS for wc-categories, class: .elementor-element-31d49c0 */ul.products li.product-category .woocommerce-loop-category__title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;

    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;

    color: #fff !important;
    font-size: 22px;
    z-index: 5;
}
/* */

ul.products li.product {
    position: relative !important;
    overflow: hidden;
    height: 380px !important; 
    border-radius: 0; 
}

ul.products li.product img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .4s cubic-bezier(.785,.135,.15,.86),
               border-radius .4s cubic-bezier(.785,.135,.15,.86);
    border-radius: 0 !important; 
}


ul.products li.product::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #000;
    opacity: .35;
    transition: all .5s;
    z-index: 2;
}


ul.products li.product::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #DAA316 30%, #1C5AE0 100%);
    opacity: 0.15;
    transition: all .4s;
    z-index: 3;
}


ul.products li.product .woocommerce-loop-product__title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: 0;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    color: #fff;
    pointer-events: none;
    background: none !important;
}


ul.products li.product:hover {
    border-radius: 90px 0 90px 0; 
}

ul.products li.product:hover img {
    transform: scale(1.08);
    border-radius: 60px 0 60px 0 !important;
}

ul.products li.product:hover::before {
    opacity: .75;
}

ul.products li.product:hover::after {
    opacity: .25;
}
ul.products li.product,
ul.products li.product img,
ul.products li.product::before,
ul.products li.product::after {
    transition: all .5s cubic-bezier(.25, .46, .45, .94) !important;
}
ul.products li.product-category .count {
    display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Thin.woff2') format('woff2'),
		url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-ExtraLight.woff2') format('woff2'),
		url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Light.woff2') format('woff2'),
		url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Light.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Regular.woff2') format('woff2'),
		url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Medium.woff2') format('woff2'),
		url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-SemiBold.woff2') format('woff2'),
		url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Bold.woff2') format('woff2'),
		url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-ExtraBold.woff2') format('woff2'),
		url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Peyda';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Black.woff2') format('woff2'),
		url('https://karokimya.com/wp-content/uploads/2025/12/PeydaWebFaNum-Black.woff') format('woff');
}
/* End Custom Fonts CSS */