/** Shopify CDN: Minification failed

Line 25:9 Unexpected "{"
Line 25:18 Expected ":"
Line 33:5 Unexpected "{"
Line 33:14 Expected ":"
Line 36:5 Unexpected "{"
Line 36:14 Expected ":"
Line 41:5 Unexpected "{"
Line 41:14 Expected ":"
Line 48:5 Unexpected "{"
Line 48:14 Expected ":"
... and 22 more hidden warnings

**/

@media only screen and (max-width: 989px) {
    .title_product_finder {
        margin-bottom: 17px;
    }
    .desc_product_finder {
        margin-bottom: 26px;
    }

    #gm-{{ section.id }} .gm__chips { 
        margin-bottom: 26px !important;
        justify-content: center;
    }
    button {
        margin: 0 auto;
    }
}
#gm-{{ section.id }} .gm-wrap { 
    padding: clamp(28px, 5vw, 56px) 0; 
}
#gm-{{ section.id }} .gm {
    position: relative;
    display: flex; 
    align-items: center;
}
#gm-{{ section.id }} .gm__title { 
    margin: 0 0 12px; 
    font-size: clamp(28px, 4.2vw, 48px); 
    line-height: 1.15; 
    font-weight: 700; 
    color: #1d1d1d; 
}
#gm-{{ section.id }} .gm__title .accent { 
    color: #f26f21; 
    padding-left: .25ch; 
}
.gm__left {
    display: flex;
    flex-direction: column;
}
.title_product_finder {
    margin-bottom: 22px;
}
.desc_product_finder {
    margin-bottom: 45px;
}

#gm-{{ section.id }} .gm__chips { 
    display: flex; 
    flex-wrap: wrap; 
    margin-bottom: 55px;
    /* gap: 15px 20px */
    gap: 15px;
    max-width: 870px;; 
}
#gm-{{ section.id }} .chip {
    appearance: none; 
    background: #fff; 
    color: rgb(var(--color-foreground));
    border: 1px solid rgb(var(--color-foreground));
    box-shadow: none;
    display: inline-flex; 
    align-items: center; 
    gap: 6px; 
    padding: 2px 15px 2px 5px;
    border-radius: 999px;
    font-size: 14px; 
    line-height: 1; 
    white-space: nowrap; 
    cursor: pointer; 
    transition: all .15s ease;
}
#gm-{{ section.id }} .chip svg { 
    opacity:.9 
}
#gm-{{ section.id }} .chip:focus-visible { 
    outline: 2px solid #f26f21; 
    outline-offset: 2px; 
}

/* state aktif (tab selected) */
#gm-{{ section.id }} .chip.is-active {
    background-color: rgba(var(--color-button), var(--alpha-button-background));
    color: rgb(var(--color-button-text));
    border: 1px solid rgb(var(--color-button));
}
#gm-{{ section.id }} .chip.is-limit { 
    animation: gm-wiggle .25s linear 2;
}
@keyframes gm-wiggle { 
    0%,100%{ 
        transform: translateX(0)} 50%{ transform: translateX(2px)
    } 
}

#gm-{{ section.id }} .gm__right { 
    display:grid; 
    place-items:center end; 
}
#gm-{{ section.id }} .gm__img { 
    width:100%; 
    height:auto; 
    object-fit:contain; 
    border-radius: clamp(16px, 2vw, 28px); 
}

@media (max-width: 990px) {
    #gm-{{ section.id }} .gm { 
        grid-template-columns: 1fr; 
    }
    #gm-{{ section.id }} .gm__right { 
        order:-1; 
    }
    #gm-{{ section.id }} .gm__img { 
        max-width:520px; 
    }
}