.elementor-9119 .elementor-element.elementor-element-efd6b0d{--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;}.elementor-9119 .elementor-element.elementor-element-6f2a3d1{--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;}.elementor-9119 .elementor-element.elementor-element-f2217f8{text-align:start;}.elementor-9119 .elementor-element.elementor-element-f2217f8 img{width:100%;height:34px;object-fit:contain;object-position:center center;}.elementor-9119 .elementor-element.elementor-element-f5eda7f{--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;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu .elementor-item{font-family:"Montserrat Alternates", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor2 );fill:var( --e-global-color-astglobalcolor2 );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main .elementor-item:hover, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main .elementor-item.highlighted, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main .elementor-item:focus{color:#324A6D;fill:#324A6D;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#324A6D;}.elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-framed .elementor-item:before, .elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-framed .elementor-item:after{border-color:#324A6D;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#324A6D;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#324A6D;}.elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#324A6D;}.elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-underline .elementor-item:after, .elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-overline .elementor-item:before, .elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-double-line .elementor-item:before, .elementor-9119 .elementor-element.elementor-element-486137e .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-9119 .elementor-element.elementor-element-486137e{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown a, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-menu-toggle{color:var( --e-global-color-astglobalcolor3 );fill:var( --e-global-color-astglobalcolor3 );}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown a:hover, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown a:focus, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown .elementor-item, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-9119 .elementor-element.elementor-element-486137e div.elementor-menu-toggle{color:var( --e-global-color-astglobalcolor3 );}.elementor-9119 .elementor-element.elementor-element-486137e div.elementor-menu-toggle svg{fill:var( --e-global-color-astglobalcolor3 );}.elementor-9119 .elementor-element.elementor-element-5e9dad2{--display:flex;--min-height:100px;--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;}.elementor-9119 .elementor-element.elementor-element-31fc38d{--display:flex;}.elementor-9119 .elementor-element.elementor-element-c0e472d.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-9119 .elementor-element.elementor-element-c0e472d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-9119 .elementor-element.elementor-element-c0e472d.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:17px;}.elementor-9119 .elementor-element.elementor-element-c0e472d.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-9119 .elementor-element.elementor-element-b0ba010{--display:flex;}.elementor-9119 .elementor-element.elementor-element-1be813c{--display:flex;}.elementor-9119 .elementor-element.elementor-element-d857ec2{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;}.elementor-9119 .elementor-element.elementor-element-d857ec2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9119 .elementor-element.elementor-element-d857ec2.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor1 );}.elementor-9119 .elementor-element.elementor-element-2d5f8ba{--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-9119 .elementor-element.elementor-element-cec30dd{--display:flex;}.elementor-9119 .elementor-element.elementor-element-942c843{--display:flex;}.elementor-9119 .elementor-element.elementor-element-98e2f49{--display:flex;}.elementor-9119 .elementor-element.elementor-element-e88fdce{--display:flex;}.elementor-9119 .elementor-element.elementor-element-9b81c8b{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-9119 .elementor-element.elementor-element-f7101bc{--display:flex;}.elementor-9119 .elementor-element.elementor-element-0d233c5{--display:flex;}.elementor-9119 .elementor-element.elementor-element-419b3ae{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;}.elementor-9119 .elementor-element.elementor-element-8cafff0{--display:flex;}.elementor-9119 .elementor-element.elementor-element-b9aea8c{--display:flex;}.elementor-9119 .elementor-element.elementor-element-b39b0d2{--display:flex;}.elementor-9119 .elementor-element.elementor-element-44692b1{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-9119 .elementor-element.elementor-element-c35ceb8{--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-9119 .elementor-element.elementor-element-42a3353{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-9119 .elementor-element.elementor-element-f48d15a{--grid-columns:3;}@media(min-width:768px){.elementor-9119 .elementor-element.elementor-element-6f2a3d1{--width:33.3333%;}.elementor-9119 .elementor-element.elementor-element-f5eda7f{--width:66.6666%;}}@media(max-width:1024px){.elementor-9119 .elementor-element.elementor-element-f2217f8 img{height:27px;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown .elementor-item, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-9119 .elementor-element.elementor-element-c0e472d.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-9119 .elementor-element.elementor-element-f48d15a{--grid-columns:2;}}@media(max-width:767px){.elementor-9119 .elementor-element.elementor-element-f2217f8 img{height:20px;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-9119 .elementor-element.elementor-element-486137e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-9119 .elementor-element.elementor-element-486137e{--nav-menu-icon-size:20px;}.elementor-9119 .elementor-element.elementor-element-c0e472d.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-9119 .elementor-element.elementor-element-d857ec2{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;}.elementor-9119 .elementor-element.elementor-element-f48d15a{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-5e9dad2 */@media (max-width: 767px) { /* 1. Kunci container utama tab tetap horizontal */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs, .elementor-9119 .elementor-element.elementor-element-5e9dad2 div[class*="e-n-tabs"] { display: flex !important; flex-direction: row !important; align-items: flex-start !important; flex-wrap: nowrap !important; overflow: visible !important; } /* 2. Menu kiri mengecil pas 22% dan sticky menempel rapi */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-heading, .elementor-9119 .elementor-element.elementor-element-5e9dad2 div[class*="e-n-tabs-heading"] { display: flex !important; flex-direction: column !important; width: 22% !important; min-width: 22% !important; max-width: 22% !important; flex-basis: 22% !important; height: auto !important; max-height: none !important; overflow: visible !important; position: sticky !important; top: 10px; } /* 3. Sesuaikan ukuran tombol menu kiri */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-heading button, .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-heading .e-n-tabs-heading-title { width: 100% !important; min-width: 0 !important; padding: 12px 2px !important; font-size: 11px !important; display: block !important; } /* 4. AREA PRODUK KANAN: Pas 78% tanpa batasan tinggi kaku */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content, .elementor-9119 .elementor-element.elementor-element-5e9dad2 div[class*="e-n-tabs-content"] { width: 78% !important; min-width: 78% !important; max-width: 78% !important; flex-basis: 78% !important; padding: 0 4px !important; margin: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; } /* 5. Bersihkan internal container */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content .elementor-widget-woocommerce-products, .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content .woocommerce, .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content .e-con, .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content .e-container { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important; } /* 6. Grid produk flexbox 2 kolom rapat minimalis */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content ul.products { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding: 0 0 140px 0 !important; /* Ruang dorong ekstra agar baris terakhir lolos dari menu hitam HP */ margin: 0 !important; overflow: visible !important; } /* 7. KARTU PRODUK: Padat, presisi, dan dipaksa melar ke bawah demi memuat tombol */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content ul.products li.product { width: calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; float: none !important; margin: 0 0 8px 0 !important; background: #ffffff; padding: 10px 8px 14px 8px !important; /* Ditambah padding bawah (14px) agar tombol punya space */ border-radius: 8px; box-sizing: border-box !important; min-height: 240px !important; /* Kunci tinggi minimum kartu agar seragam dan tombol tidak amblas */ } /* 8. FOTO PRODUK: Geser paling atas, beri jarak konsisten */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content ul.products li.product img { max-height: 70px !important; width: auto !important; margin: 4px auto 8px auto !important; padding-top: 4px !important; object-fit: contain !important; display: block !important; order: -1 !important; } /* 9. TEKS KATEGORI MINOR (Tulisan "Buah" di dalam kartu) */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content ul.products li.product .woocommerce-loop-product__category { font-size: 10px !important; color: #888888 !important; margin-bottom: 2px !important; display: block !important; } /* 10. JUDUL PRODUK: Font disesuaikan agar tidak terlalu memakan spasi vertikal */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content ul.products li.product h2, .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content ul.products li.product .woocommerce-loop-product__title { min-height: 34px !important; font-size: 12px !important; line-height: 1.2 !important; margin-bottom: 4px !important; } /* 11. HARGA PRODUK */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content ul.products li.product .price { font-size: 12px !important; margin-bottom: 12px !important; /* Beri jarak ke tombol di bawahnya */ display: block !important; } /* 12. TOMBOL BELI: Muncul penuh secara absolut di dasar kartu */ .elementor-9119 .elementor-element.elementor-element-5e9dad2 .e-n-tabs-content ul.products li.product .button { margin-top: auto !important; display: block !important; width: 100% !important; white-space: nowrap !important; padding: 8px 2px !important; font-size: 11px !important; text-align: center !important; } }/* End custom CSS */