.elementor-4179 .elementor-element.elementor-element-16320cc > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:space-between;align-items:space-between;}.elementor-4179 .elementor-element.elementor-element-16320cc{margin:-40px -15px -0px 0px;}.elementor-bc-flex-widget .elementor-4179 .elementor-element.elementor-element-26514c6.elementor-column .elementor-widget-wrap{align-items:space-between;}.elementor-4179 .elementor-element.elementor-element-26514c6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:space-between;align-items:space-between;}.elementor-4179 .elementor-element.elementor-element-26514c6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-4179 .elementor-element.elementor-element-26514c6 > .elementor-element-populated{border-style:none;}.elementor-4179 .elementor-element.elementor-element-dda0b24{z-index:0;}.elementor-4179 .elementor-element.elementor-element-c93ff97 .title-after_title{color:#FFAA01;}.elementor-4179 .elementor-element.elementor-element-4d96c62{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4179 .elementor-element.elementor-element-4d96c62 .elementor-divider-separator{width:100%;}.elementor-4179 .elementor-element.elementor-element-4d96c62 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4179 .elementor-element.elementor-element-047e708:not(.elementor-motion-effects-element-type-background), .elementor-4179 .elementor-element.elementor-element-047e708 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#967969;}.elementor-4179 .elementor-element.elementor-element-047e708 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4179 .elementor-element.elementor-element-047e708{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4179 .elementor-element.elementor-element-3e5ffc8{--spacer-size:50px;}.elementor-4179 .elementor-element.elementor-element-5af0517{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-4179 .elementor-element.elementor-element-5af0517 .swiper-slide > .elementor-element{height:100%;}.elementor-4179 .elementor-element.elementor-element-24401eb4{margin:0px 0px 80px 0px;}.elementor-4179 .elementor-element.elementor-element-2e211cf9 > .elementor-element-populated{margin:10px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;}.elementor-4179 .elementor-element.elementor-element-4d42fb49 .tabs-design-simple .products-tabs-title li.wd-active a, .elementor-4179 .elementor-element.elementor-element-4d42fb49 .tabs-design-simple .products-tabs-title li:hover a, .elementor-4179 .elementor-element.elementor-element-4d42fb49 .tabs-design-simple .owl-nav > div:hover, .elementor-4179 .elementor-element.elementor-element-4d42fb49 .tabs-design-simple .wrap-loading-arrow > div:not(.disabled):hover{color:#f4a51c;}.elementor-4179 .elementor-element.elementor-element-4d42fb49 .tabs-design-simple .tabs-name{border-color:#f4a51c;}.elementor-4179 .elementor-element.elementor-element-4d42fb49 .tabs-design-default .products-tabs-title .tab-label:after, .elementor-4179 .elementor-element.elementor-element-4d42fb49 .tabs-design-alt .products-tabs-title .tab-label:after{background-color:#f4a51c;}.elementor-4179 .elementor-element.elementor-element-06fbeea{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-4179 .elementor-element.elementor-element-06fbeea .swiper-slide > .elementor-element{height:100%;}.elementor-4179 .elementor-element.elementor-element-44fdcbae{margin:0px 0px 45px 0px;}.elementor-4179 .elementor-element.elementor-element-410f51b8 .box-with-text{color:#f4a51c;}.elementor-4179 .elementor-element.elementor-element-36320a5e .box-with-text{color:#f4a51c;}.elementor-4179 .elementor-element.elementor-element-1e86eded .box-with-text{color:#f4a51c;}.elementor-4179 .elementor-element.elementor-element-7fd77011 .box-with-text{color:#f4a51c;}.elementor-4179 .elementor-element.elementor-element-79569333 .title{font-size:22px;font-weight:600;}@media(min-width:768px){.elementor-4179 .elementor-element.elementor-element-26514c6{width:100%;}.elementor-4179 .elementor-element.elementor-element-2e211cf9{width:58%;}.elementor-4179 .elementor-element.elementor-element-193b9870{width:42%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4179 .elementor-element.elementor-element-2e211cf9{width:100%;}.elementor-4179 .elementor-element.elementor-element-3a05dae3{width:50%;}.elementor-4179 .elementor-element.elementor-element-2f7547e4{width:50%;}.elementor-4179 .elementor-element.elementor-element-b903330{width:50%;}.elementor-4179 .elementor-element.elementor-element-2b4d1c23{width:50%;}}@media(max-width:1024px){.elementor-4179 .elementor-element.elementor-element-5af0517{--swiper-slides-to-display:2;}.elementor-4179 .elementor-element.elementor-element-24401eb4{margin:0px 0px 60px 0px;}.elementor-4179 .elementor-element.elementor-element-06fbeea{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-4179 .elementor-element.elementor-element-16320cc{margin:-51px -15px 0px 29px;}.elementor-4179 .elementor-element.elementor-element-0392964{grid-column:span 7;}.elementor-4179 .elementor-element.elementor-element-0392964 img{max-width:100%;height:500px;}.elementor-4179 .elementor-element.elementor-element-5af0517{--swiper-slides-to-display:1;}.elementor-4179 .elementor-element.elementor-element-24401eb4{margin:0px 0px 40px 0px;}.elementor-4179 .elementor-element.elementor-element-06fbeea{--swiper-slides-to-display:1;}.elementor-4179 .elementor-element.elementor-element-3a05dae3{width:100%;}.elementor-4179 .elementor-element.elementor-element-2f7547e4{width:100%;}.elementor-4179 .elementor-element.elementor-element-b903330{width:100%;}.elementor-4179 .elementor-element.elementor-element-2b4d1c23{width:100%;}}/* Start custom CSS for wd_product_categories, class: .elementor-element-dda0b24 *//* ========================================== RYQO BENTO CATEGORY GRID ========================================== */ .elementor-4179 .elementor-element.elementor-element-dda0b24 { background: #eef1f4 !important; padding: 30px !important; border-radius: 30px !important; overflow: hidden !important; } /* GRID */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; grid-template-rows: 230px 180px 230px !important; gap: 16px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* RESET WOOCOMMERCE */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category { position: relative !important; display: block !important; width: auto !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; overflow: hidden !important; background: #ffffff !important; border-radius: 22px !important; box-sizing: border-box !important; transition: transform .35s ease, box-shadow .35s ease !important; } /* ========================================== LAYOUT ========================================== */ /* First two large cards */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(1) { grid-column: 1 / span 3 !important; grid-row: 1 !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(2) { grid-column: 4 / span 3 !important; grid-row: 1 !important; } /* Middle three cards */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(3) { grid-column: 1 / span 2 !important; grid-row: 2 !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(4) { grid-column: 3 / span 2 !important; grid-row: 2 !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(5) { grid-column: 5 / span 2 !important; grid-row: 2 !important; } /* Last card */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(6) { grid-column: 1 / span 6 !important; grid-row: 3 !important; } /* ========================================== IMAGE ========================================== */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category img { position: absolute !important; top: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain !important; margin: 0 !important; padding: 10px !important; border: 0 !important; transition: transform .6s cubic-bezier(.2,.8,.2,1) !important; } /* ========================================== GRADIENT OVER IMAGE ========================================== */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; background: linear-gradient( 90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.75) 28%, rgba(255,255,255,.15) 65%, rgba(255,255,255,0) 100% ) !important; } /* ========================================== TITLE ========================================== */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category .woocommerce-loop-category__title { position: absolute !important; left: 24px !important; right: auto !important; bottom: 25px !important; z-index: 5 !important; margin: 0 !important; padding: 0 !important; font-size: 22px !important; line-height: 1.25 !important; font-weight: 800 !important; color: #111111 !important; text-align: left !important; background: transparent !important; } /* Hide count */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category .woocommerce-loop-category__title .count { display: none !important; } /* ========================================== HOVER ========================================== */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:hover { transform: translateY(-6px) !important; box-shadow: 0 20px 45px rgba(0,0,0,.14) !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:hover img { transform: scale(1.08) !important; } /* ========================================== ACID LIME ACCENT ========================================== */ .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category::before { content: "" !important; position: absolute !important; left: 24px !important; bottom: 17px !important; width: 0 !important; height: 4px !important; z-index: 6 !important; background: #c6ff00 !important; border-radius: 10px !important; transition: width .35s ease !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:hover::before { width: 42px !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:hover .woocommerce-loop-category__title { color: #111111 !important; } /* ========================================== TABLET ========================================== */ @media (max-width: 1024px) { .elementor-4179 .elementor-element.elementor-element-dda0b24 { padding: 20px !important; border-radius: 24px !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products { grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: repeat(3, 190px) !important; gap: 14px !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(n) { grid-column: span 1 !important; grid-row: auto !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(1), .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(2) { grid-column: span 1 !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(6) { grid-column: span 2 !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category .woocommerce-loop-category__title { left: 18px !important; bottom: 18px !important; font-size: 18px !important; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .elementor-4179 .elementor-element.elementor-element-dda0b24 { padding: 12px !important; border-radius: 18px !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products { grid-template-columns: 1fr 1fr !important; grid-template-rows: repeat(3, 160px) !important; gap: 10px !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(n) { grid-column: span 1 !important; grid-row: auto !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category:nth-child(6) { grid-column: span 2 !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category { border-radius: 16px !important; } .elementor-4179 .elementor-element.elementor-element-dda0b24 ul.products li.product-category .woocommerce-loop-category__title { left: 13px !important; bottom: 14px !important; font-size: 15px !important; } }/* End custom CSS */ /* Start custom CSS for wd_products, class: .elementor-element-efcd3d0 *//* ========================================== RYQO BENTO CATEGORY GRID ========================================== */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 { background: #eef1f4 !important; padding: 30px !important; border-radius: 30px !important; overflow: hidden !important; } /* GRID */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; grid-template-rows: 230px 180px 230px !important; gap: 16px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* RESET WOOCOMMERCE */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category { position: relative !important; display: block !important; width: auto !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; overflow: hidden !important; background: #ffffff !important; border-radius: 22px !important; box-sizing: border-box !important; transition: transform .35s ease, box-shadow .35s ease !important; } /* ========================================== LAYOUT ========================================== */ /* First two large cards */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(1) { grid-column: 1 / span 3 !important; grid-row: 1 !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(2) { grid-column: 4 / span 3 !important; grid-row: 1 !important; } /* Middle three cards */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(3) { grid-column: 1 / span 2 !important; grid-row: 2 !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(4) { grid-column: 3 / span 2 !important; grid-row: 2 !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(5) { grid-column: 5 / span 2 !important; grid-row: 2 !important; } /* Last card */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(6) { grid-column: 1 / span 6 !important; grid-row: 3 !important; } /* ========================================== IMAGE ========================================== */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category img { position: absolute !important; top: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain !important; margin: 0 !important; padding: 10px !important; border: 0 !important; transition: transform .6s cubic-bezier(.2,.8,.2,1) !important; } /* ========================================== GRADIENT OVER IMAGE ========================================== */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; background: linear-gradient( 90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.75) 28%, rgba(255,255,255,.15) 65%, rgba(255,255,255,0) 100% ) !important; } /* ========================================== TITLE ========================================== */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category .woocommerce-loop-category__title { position: absolute !important; left: 24px !important; right: auto !important; bottom: 25px !important; z-index: 5 !important; margin: 0 !important; padding: 0 !important; font-size: 22px !important; line-height: 1.25 !important; font-weight: 800 !important; color: #111111 !important; text-align: left !important; background: transparent !important; } /* Hide count */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category .woocommerce-loop-category__title .count { display: none !important; } /* ========================================== HOVER ========================================== */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:hover { transform: translateY(-6px) !important; box-shadow: 0 20px 45px rgba(0,0,0,.14) !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:hover img { transform: scale(1.08) !important; } /* ========================================== ACID LIME ACCENT ========================================== */ .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category::before { content: "" !important; position: absolute !important; left: 24px !important; bottom: 17px !important; width: 0 !important; height: 4px !important; z-index: 6 !important; background: #c6ff00 !important; border-radius: 10px !important; transition: width .35s ease !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:hover::before { width: 42px !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:hover .woocommerce-loop-category__title { color: #111111 !important; } /* ========================================== TABLET ========================================== */ @media (max-width: 1024px) { .elementor-4179 .elementor-element.elementor-element-efcd3d0 { padding: 20px !important; border-radius: 24px !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products { grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: repeat(3, 190px) !important; gap: 14px !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(n) { grid-column: span 1 !important; grid-row: auto !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(1), .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(2) { grid-column: span 1 !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(6) { grid-column: span 2 !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category .woocommerce-loop-category__title { left: 18px !important; bottom: 18px !important; font-size: 18px !important; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .elementor-4179 .elementor-element.elementor-element-efcd3d0 { padding: 12px !important; border-radius: 18px !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products { grid-template-columns: 1fr 1fr !important; grid-template-rows: repeat(3, 160px) !important; gap: 10px !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(n) { grid-column: span 1 !important; grid-row: auto !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category:nth-child(6) { grid-column: span 2 !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category { border-radius: 16px !important; } .elementor-4179 .elementor-element.elementor-element-efcd3d0 ul.products li.product-category .woocommerce-loop-category__title { left: 13px !important; bottom: 14px !important; font-size: 15px !important; } }/* End custom CSS */