.elementor-17 .elementor-element.elementor-element-2626351{--display:flex;--min-height:100vh;--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-03d8ad4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-17 .elementor-element.elementor-element-0f1dfff{--display:flex;--min-height:100vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-6b37bc1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-17 .elementor-element.elementor-element-a9d9f40{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-81c3553{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-54b181b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-17 .elementor-element.elementor-element-7853428.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-17 .elementor-element.elementor-element-7853428 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-weight:800;color:#9DC88D;}.elementor-17 .elementor-element.elementor-element-bdaaa12{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-bdaaa12.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-17 .elementor-element.elementor-element-bdaaa12 .elementor-heading-title{color:var( --e-global-color-ba3f625 );}.elementor-17 .elementor-element.elementor-element-a10ccf9.xpro-widget-bg-overlay:before{transition:background 0.3s;}
                    .elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button.from-left::before,
                    .elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button.from-right::before,
                    .elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button.from-top::before,
                    .elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button.from-bottom::before,
                    .elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button.expand-vertical::before,
                    .elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button.expand-horizontal::before,
                    .elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button.expand-circular::before,
                    .elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button.reveal-radial::before
                {background-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button{background-color:var( --e-global-color-secondary );padding:12px 30px 12px 30px;border-radius:6px;font-family:"Outfit", Sans-serif;font-weight:600;text-decoration:none;}.elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button:hover{background-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-97850bf.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button-container{text-align:center;}.elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button i{font-size:14px;margin-left:10px;}.elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-custom-button svg{width:14px;height:14px;margin-left:10px;}.elementor-17 .elementor-element.elementor-element-97850bf .tahefobu-icon-button-wrapper{position:relative;top:3px;}.elementor-17 .elementor-element.elementor-element-6767eb1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-0bc7c3a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-17 .elementor-element.elementor-element-35616fc{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-a3d309f.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-a10ccf9 *//* Desktop - 3 kolom */
.homepage-product .woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Tablet - 2 kolom */
@media (max-width: 768px) {
    .homepage-product .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

/* Mobile - 1 kolom */
@media (max-width: 480px) {
    .homepage-product .woocommerce ul.products {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

/* Pastikan card nya tidak stretch */
.homepage-product .woocommerce ul.products li.product {
    width: 100%;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a9d9f40 *//* =========================================
   BACKGROUND SECTION 3: PREMIUM SUMMER GLOW
   ========================================= */

.elementor-17 .elementor-element.elementor-element-a9d9f40 {
    /* 1. Set Padding agar lega 
    
    /* 2. Base Color: Off-white yang sangat bersih (bukan putih murni) */
    background-color: #F9FAFB;
    
    /* 3. MESH GRADIENT (Teknik Premium)
       Kita menumpuk beberapa layer gradient transparan untuk efek 'Glow' */
    background-image: 
        /* Glow Biru (Blue Mistral) dari Kiri Atas - Kesan 'Science & Fresh' */
        radial-gradient(
            circle at 0% 0%, 
            rgba(163, 223, 241, 0.4) 0%, 
            transparent 60%
        ),
        
        /* Glow Orange (Orange Zephir) dari Kanan Bawah - Kesan 'Summer Warmth' */
        radial-gradient(
            circle at 100% 100%, 
            rgba(254, 228, 184, 0.5) 0%, 
            transparent 50%
        ),
        
        /* Sentuhan kecil Pink (Pink Lemonade) sangat samar di kanan atas 
           untuk dimensi ekstra (opsional, tapi bikin terlihat mahal) */
        radial-gradient(
            circle at 90% 10%, 
            rgba(241, 143, 184, 0.08) 0%, 
            transparent 40%
        );

    /* Pastikan background tidak berulang */
    background-repeat: no-repeat;
    background-attachment: scroll; /* Atau 'fixed' jika ingin efek parallax */
}/* End custom CSS */