.elementor-7 .elementor-element.elementor-element-dbf1cb1{--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-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-7 .elementor-element.elementor-element-6bb3456 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-weight:600;color:#1B1B1B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-00cbbe6{font-family:"Lexend", Sans-serif;font-weight:300;color:#1B1B1B;}.elementor-7 .elementor-element.elementor-element-f655ff8{--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-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-1bc8d54{--grid-columns:4;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-1bc8d54{--grid-columns:2;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-dbf1cb1{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-6bb3456{text-align:center;}.elementor-7 .elementor-element.elementor-element-6bb3456 .elementor-heading-title{font-size:32px;}.elementor-7 .elementor-element.elementor-element-00cbbe6{text-align:center;font-size:15px;}.elementor-7 .elementor-element.elementor-element-00cbbe6 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-1bc8d54{--grid-columns:2;}}/* Start custom CSS for html, class: .elementor-element-ae03654 *//* Product search filter */
.product-search-wrapper {
    margin-bottom: 20px;
    width: 100%;
    font-family: 'Lexend', sans-serif;
}

.product-search-input {
    width: 100%;
    padding: 14px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'Lexend', sans-serif;
    outline: none;
    transition: border-color 0.2s ease;
}

.product-search-input:focus {
    border-color: #0034FF;
}
```

In your Elementor shop template, drag a **Shortcode** widget above the Loop Grid and enter:
```
[product_search_filter]/* End custom CSS */