.elementor-4414 .elementor-element.elementor-element-37b19082{--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-4414 .elementor-element.elementor-element-6038d502{--display:flex;--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-4414 .elementor-element.elementor-element-671bd225{--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-4414 .elementor-element.elementor-element-671bd225:not(.elementor-motion-effects-element-type-background), .elementor-4414 .elementor-element.elementor-element-671bd225 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F1E8;}.elementor-4414 .elementor-element.elementor-element-53d7ea1d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4414 .elementor-element.elementor-element-1b4e0470{padding:10px 0px 0px 0px;text-align:start;}.elementor-4414 .elementor-element.elementor-element-1b4e0470 .elementor-heading-title{font-size:20px;font-weight:700;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 [class*="ht-category-wrap"]{background-color:#FFFFFF;padding:28px 28px 28px 28px;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-4414 .elementor-element.elementor-element-3f8fc855:hover .elementor-widget-container{border-style:none;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap .ht-category-image a.ht-category-border::before{border-color:#6EC1E400;border-radius:0px 0px 0px 0px;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap-2:hover::before{border-color:#6EC1E400;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap .ht-category-image a.ht-category-border-2::before{border-color:#6EC1E400;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap .ht-category-image{margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 [class*="ht-category-wrap"] [class*="ht-category-image-"]{margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap .ht-category-image,.elementor-4414 .elementor-element.elementor-element-3f8fc855 [class*="ht-category-wrap"] [class*="ht-category-image-"]{border-style:none;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap .ht-category-content h3 a{color:#0F172A;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 [class*="ht-category-wrap"] [class*="ht-category-content-"] h3 a{color:#0F172A;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap .ht-category-content h3 a:hover{color:#FACC15;border-color:#FACC15;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 [class*="ht-category-wrap"] [class*="ht-category-content-"] h3 a:hover{color:#FACC15;border-color:#FACC15;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap .ht-category-content h3 a,.elementor-4414 .elementor-element.elementor-element-3f8fc855 [class*="ht-category-wrap"] [class*="ht-category-content-"] h3 a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:25px;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap .ht-category-content h3{margin:0px 0px 20px 0px;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 [class*="ht-category-wrap"] [class*="ht-category-content-"] h3{margin:0px 0px 20px 0px;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap [class*="ht-category-content"] span{color:var( --e-global-color-80a5280 );font-size:14px;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap [class*="ht-category-content"] span::before{background-color:var( --e-global-color-text );}.elementor-4414 .elementor-element.elementor-element-7ba0ba9f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4414 .elementor-element.elementor-element-79b538e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 20px 10px;}@media(max-width:1024px){.elementor-4414 .elementor-element.elementor-element-3f8fc855 .wl-row > [class*="col-"]{padding:0  4px;}.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-wrap .ht-category-content h3 a,.elementor-4414 .elementor-element.elementor-element-3f8fc855 [class*="ht-category-wrap"] [class*="ht-category-content-"] h3 a{font-size:15px;line-height:0em;}}@media(max-width:767px){.elementor-4414 .elementor-element.elementor-element-671bd225{--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-4414 .elementor-element.elementor-element-7ba0ba9f{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-4414 .elementor-element.elementor-element-53d7ea1d{--width:25%;}.elementor-4414 .elementor-element.elementor-element-7ba0ba9f{--width:75%;}}/* Start custom CSS for wl-category-grid, class: .elementor-element-3f8fc855 *//* =========================================================
   STYLE 4 — FORCE ALL CATEGORY TITLES LEFT
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-content-4 h3 {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;

    padding: 0 !important;

    text-align: left !important;

    transform: none !important;
}


.elementor-4414 .elementor-element.elementor-element-3f8fc855 .ht-category-content-4 h3 a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;

    padding: 0 !important;

    text-align: left !important;

    transform: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53d7ea1d *//* =========================================================
   PEMPEK TOP — CATEGORY CARD
   FINAL VISUAL
   ========================================================= */


/* =========================================================
   CATEGORY CARD
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d {
    background: #FFFDF8 !important;

    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    border-radius: 30px !important;

    padding: 28px !important;

    box-sizing: border-box !important;

    box-shadow:
        0 14px 34px rgba(15, 23, 42, 0.07) !important;

    height: auto !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


/* =========================================================
   CATEGORY HEADING
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .elementor-heading-title {
    position: relative !important;

    margin: 0 0 24px 0 !important;

    padding: 0 0 0 42px !important;

    color: #0F172A !important;

    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: left !important;
}


/* =========================================================
   CATEGORY HEADER ICON
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .elementor-heading-title::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 28px !important;
    height: 28px !important;

    transform: translateY(-50%) !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M5 7h3l2.8 13.2a2.4 2.4 0 0 0 2.35 1.9h10.7a2.4 2.4 0 0 0 2.3-1.72L29 12H9' stroke='%23F5B400' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 26.2a1.7 1.7 0 1 1-3.4 0 1.7 1.7 0 0 1 3.4 0ZM27 26.2a1.7 1.7 0 1 1-3.4 0 1.7 1.7 0 0 1 3.4 0Z' fill='%23F5B400'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   YELLOW UNDERLINE
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .elementor-heading-title::after {
    content: "" !important;

    position: absolute !important;

    left: 42px !important;
    bottom: -12px !important;

    width: 54px !important;
    height: 5px !important;

    background: #F5B400 !important;

    border-radius: 999px !important;
}


/* =========================================================
   CATEGORY WIDGET
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .elementor-widget-wl-category-grid {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   CATEGORY ROW
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row {
    display: flex !important;

    flex-direction: column !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   CATEGORY ITEM
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1 {
    width: 100% !important;
    max-width: 100% !important;

    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CATEGORY ITEM CONTENT
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .ht-category-wrap {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #FFFFFF !important;

    border: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CATEGORY ITEM INNER
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .ht-category-content-4 {
    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;

    min-height: 74px !important;

    margin: 0 !important;

    padding: 0 18px 0 78px !important;

    box-sizing: border-box !important;

    text-align: left !important;
}


/* =========================================================
   CATEGORY TEXT
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .ht-category-content-4 h3 {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


.elementor-4414 .elementor-element.elementor-element-53d7ea1d .ht-category-content-4 h3 a {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0F172A !important;

    font-family: Poppins, sans-serif !important;

    font-size: 18px !important;
    font-weight: 500 !important;

    line-height: 1.3 !important;

    text-align: left !important;

    text-decoration: none !important;
}


/* =========================================================
   CATEGORY ICON CIRCLE
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .ht-category-content-4::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    width: 56px !important;
    height: 56px !important;

    transform: translateY(-50%) !important;

    background-color: #FFFFFF !important;

    border-radius: 50% !important;

    box-shadow:
        0 6px 18px rgba(15, 23, 42, 0.08) !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 30px 30px !important;
}


/* =========================================================
   REGULAR ICON — PEMPEK REGULAR
   ONLY ICON — DO NOT CHANGE OTHER ELEMENTS
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-col-1:nth-child(1) .ht-category-content-4::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M5 16c3.6-4.1 8.4-6.2 14-5.2l7 1.5-3.8 3.7 3.8 3.7-7 1.5C13.4 22.2 8.6 20.1 5 16Z' stroke='%23F5B400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.2 13.7c1 .6 1.8 1.4 2.5 2.3-.7.9-1.5 1.7-2.5 2.3' stroke='%23F5B400' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10.2' cy='15' r='1.15' fill='%23F5B400'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   JUMBO ICON — PEMPEK JUMBO
   ONLY ICON — DO NOT CHANGE OTHER ELEMENTS
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-col-1:nth-child(2) .ht-category-content-4::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M3 16c4.5-5.1 10.7-7.3 18.1-5.5l7.4 1.8-4.2 3.7 4.2 3.7-7.4 1.8C13.7 23.3 7.5 21.1 3 16Z' stroke='%23F5B400' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.8 13.2c1.2.7 2.1 1.6 2.9 2.8-.8 1.2-1.7 2.1-2.9 2.8' stroke='%23F5B400' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='14.8' r='1.2' fill='%23F5B400'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   HAMPERS — GIFT ICON
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-col-1:nth-child(3) .ht-category-content-4::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M5 13h22v14H5V13Z' stroke='%23F5B400' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M3.5 9.5h25v4h-25v-4Z' stroke='%23F5B400' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M16 9.5v17.5' stroke='%23F5B400' stroke-width='2'/%3E%3Cpath d='M16 9.5H10.8c-2.2 0-3.5-1.2-3.5-2.8S8.6 4 10.3 4c3 0 5.7 3.2 5.7 5.5ZM16 9.5h5.2c2.2 0 3.5-1.2 3.5-2.8S23.4 4 21.7 4c-3 0-5.7 3.2-5.7 5.5Z' stroke='%23F5B400' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:not(:last-child) .ht-category-content-4 {
    border-bottom: 1px solid #E7E1D8 !important;
}


/* =========================================================
   DESKTOP CARD SIZE
   ========================================================= */

@media screen and (min-width: 1025px) {

    .elementor-4414 .elementor-element.elementor-element-53d7ea1d {
        width: 300px !important;
        max-width: 300px !important;

        margin-left: 0 !important;
        margin-right: auto !important;

        padding: 28px !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .elementor-4414 .elementor-element.elementor-element-53d7ea1d {
        width: 100% !important;
        max-width: 320px !important;

        padding: 24px !important;
    }

    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .elementor-heading-title {
        font-size: 26px !important;
    }

}


/* =========================================================
   MOBILE
   KEEP MOBILE SAFE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-4414 .elementor-element.elementor-element-53d7ea1d {
        width: 100% !important;
        max-width: 100% !important;

        padding: 20px !important;

        border-radius: 20px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .elementor-heading-title {
        margin-bottom: 18px !important;

        padding-left: 38px !important;

        font-size: 24px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .elementor-heading-title::before {
        width: 25px !important;
        height: 25px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .elementor-heading-title::after {
        left: 38px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .ht-category-content-4 {
        min-height: 64px !important;

        padding-left: 70px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .ht-category-content-4::before {
        width: 50px !important;
        height: 50px !important;

        background-size: 27px 27px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .ht-category-content-4 h3 a {
        font-size: 16px !important;
    }

}

/* =========================================================
   PEMPEK TOP — CATEGORY ICON
   ONLY REGULAR + JUMBO
   HAMPERS IS NOT TOUCHED
   ========================================================= */


.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(1)
.ht-category-content-4::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5B400' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14.5c2.2-4.8 5.7-7.2 10.5-7.2 2.8 0 4.7 1.1 5.5 3.2.8 2.2-.1 4.7-2.5 6.1-2.7 1.6-6.7 1.3-9.3-.7L4 14.5Z'/%3E%3Cpath d='M4 14.5 2.5 12l2.7-.2'/%3E%3Cpath d='M14.5 10.2c.5.8.8 1.6.8 2.5'/%3E%3Ccircle cx='17.1' cy='10.5' r='.7' fill='%23F5B400' stroke='none'/%3E%3C/svg%3E") !important;
}

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(2)
.ht-category-content-4::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5B400' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12c2.7-4.1 6.1-6.2 10.2-6.2 3.3 0 5.9 1.8 7.8 6.2-1.9 4.4-4.5 6.2-7.8 6.2C9.1 18.2 5.7 16.1 3 12Z'/%3E%3Cpath d='M3 12 1.5 9.5'/%3E%3Cpath d='M3 12 1.5 14.5'/%3E%3Cpath d='M9.5 7.5c1.1 1.3 1.7 2.8 1.7 4.5s-.6 3.2-1.7 4.5'/%3E%3Ccircle cx='16.3' cy='9.8' r='.7' fill='%23F5B400' stroke='none'/%3E%3C/svg%3E") !important;
}


/* ---------------------------------------------------------
   KEEP CATEGORY CONTENT ALIGNMENT
   --------------------------------------------------------- */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(1) .ht-category-content-4,
.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(2) .ht-category-content-4 {
    display: flex !important;

    align-items: center !important;

    gap: 18px !important;
}


/* ---------------------------------------------------------
   H3 — ICON ONLY
   --------------------------------------------------------- */

.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(1) .ht-category-content-4 h3,
.elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(2) .ht-category-content-4 h3 {
    margin: 0 !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media screen and (max-width: 767px) {

    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(1) .ht-category-content-4::before,
    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(2) .ht-category-content-4::before {
        width: 52px !important;
        height: 52px !important;

        flex-basis: 52px !important;
    }

    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(1) .ht-category-content-4,
    .elementor-4414 .elementor-element.elementor-element-53d7ea1d .wl-row > .wl-col-1:nth-child(2) .ht-category-content-4 {
        gap: 14px !important;
    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-79b538e0 *//* =========================================================
   PEMPEK TOP — ALL PRODUCTS GRID
   FULL CSS — DESKTOP / TABLET / MOBILE
   ========================================================= */


/* =========================================================
   PRODUCT GRID
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    column-gap: 24px !important;
    row-gap: 36px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 10px 0 16px 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   REMOVE WOOCOMMERCE CLEARFIX
   PENTING UNTUK CSS GRID
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4::before,
.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   PRODUCT ITEM
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 > li.product {
    display: block !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    grid-column: auto !important;
    grid-row: auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   RESET WOOCOMMERCE FIRST / LAST
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 > li.product.first,
.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 > li.product.last {
    width: auto !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    clear: none !important;
}


/* =========================================================
   PRODUCT LINK
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 > li.product > a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 0 18px 0 !important;
    padding: 0 !important;

    border-radius: 22px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product .woocommerce-loop-product__title {
    display: block !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    color: #0F172A !important;
}


/* =========================================================
   PRODUCT PRICE
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product .price {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    color: #0F172A !important;
}


.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product .price .amount {
    color: #0F172A !important;
}


/* =========================================================
   HIDE WOOCOMMERCE BUTTON
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product .button,
.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product a.button {
    display: none !important;
}


/* =========================================================
   REMOVE EXTRA PRODUCT META SPACING
   ========================================================= */

.elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product .star-rating {
    margin-top: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {

    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        column-gap: 20px !important;
        row-gap: 32px !important;

        margin-top: 10px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 > li.product {
        width: auto !important;
        margin: 0 !important;
    }


    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product img {
        border-radius: 18px !important;
        margin-bottom: 16px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product .woocommerce-loop-product__title {
        font-size: 16px !important;
        line-height: 1.35 !important;
    }


    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product .price {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        column-gap: 14px !important;
        row-gap: 28px !important;

        width: 100% !important;

        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 > li.product {
        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product img {
        width: 100% !important;
        max-width: 100% !important;

        border-radius: 16px !important;

        margin-bottom: 14px !important;
    }


    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product .woocommerce-loop-product__title {
        margin-top: 0 !important;
        margin-bottom: 7px !important;

        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }


    .elementor-4414 .elementor-element.elementor-element-79b538e0 ul.products.columns-4 li.product .price {
        margin-top: 0 !important;

        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ba0ba9f *//* =========================================================
   PEMPEK TOP — ALL PRODUCTS
   FINAL CSS
   ========================================================= */


/* ---------------------------------------------------------
   PRODUCT TITLE
   --------------------------------------------------------- */

.elementor-4414 .elementor-element.elementor-element-7ba0ba9f .woocommerce-loop-product__title {
    color: #0F172A !important;
}


/* ---------------------------------------------------------
   PRODUCT PRICE
   --------------------------------------------------------- */

.elementor-4414 .elementor-element.elementor-element-7ba0ba9f ul.products li.product .price,
.elementor-4414 .elementor-element.elementor-element-7ba0ba9f ul.products li.product .price span,
.elementor-4414 .elementor-element.elementor-element-7ba0ba9f ul.products li.product .amount {
    color: #0F172A !important;
}


/* ---------------------------------------------------------
   HIDE WOOCOMMERCE BUTTON
   --------------------------------------------------------- */

.elementor-4414 .elementor-element.elementor-element-7ba0ba9f ul.products li.product .button,
.elementor-4414 .elementor-element.elementor-element-7ba0ba9f ul.products li.product a.button {
    display: none !important;
}


/* ---------------------------------------------------------
   HIDE RESULT COUNT
   --------------------------------------------------------- */

.elementor-4414 .elementor-element.elementor-element-7ba0ba9f .woocommerce-result-count {
    display: none !important;
}


/* ---------------------------------------------------------
   HIDE SORTING
   --------------------------------------------------------- */

.elementor-4414 .elementor-element.elementor-element-7ba0ba9f .woocommerce-ordering {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-671bd225 */.elementor-4414 .elementor-element.elementor-element-671bd225 {
    overflow: visible !important;
}/* End custom CSS */