.glue-finder-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:inherit}.glue-finder-header{text-align:center;margin-bottom:40px}.glue-finder-title{font-size:32px;margin-bottom:15px}.glue-finder-subtitle{font-size:18px;color:#555;max-width:600px;margin:0 auto}.filter-section{margin-bottom:30px;padding:25px;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-header h3{margin:0;font-size:20px;font-weight:600}.filter-switcher{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s}.filter-switcher:hover{background:#f0f0f0;transform:rotate(45deg)}.filter-switcher svg{width:16px;height:16px}.material-selectors{display:flex;align-items:center;gap:20px}.material-group{flex:1}.material-group label{display:block;margin-bottom:8px;font-weight:500;font-size:16px}.material-group select{width:100%;border:1px solid #ddd;border-radius:5px;font-size:16px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.material-icon{font-weight:700;font-size:18px;color:#555}.loading-spinner{display:flex;justify-content:center;padding:40px 0}.spinner{border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top:5px solid #000;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-more-container{display:flex;justify-content:center;margin:30px 0}.filter-more-btn{background:#000;color:#fff;border:none;border-radius:5px;padding:14px 28px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.filter-more-btn:hover{opacity:.9}.filter-more-btn:disabled{opacity:.5;cursor:not-allowed}.filter-selector-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 5px 20px #0003;border-radius:8px;padding:20px;z-index:100;width:90%;max-width:400px}.filter-selector-heading{font-weight:700;margin-bottom:15px;font-size:18px}.filter-selector-dropdown .filter-option{padding:14px 16px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.filter-selector-dropdown .filter-option:hover{background:#f8f8f8}.filter-selector-dropdown .filter-option:last-child{border-bottom:none}.close-selector{position:absolute;top:15px;right:15px;cursor:pointer;font-size:20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5}.close-selector:hover{background:#eee}.button-filter-group,.applicator-options{display:flex;flex-wrap:wrap;gap:10px}.button-filter-group .filter-option{flex:1;min-width:120px;padding:12px 15px;background:#fff;border:1px solid #6f6f6f;border-radius:5px;text-align:center;cursor:pointer;transition:all .2s;font-size:15px;color:#6f6f6f}.button-filter-group .filter-option:hover{border-color:#000;background:#fff;color:#000}.applicator-options{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.applicator-options .filter-option{display:flex;flex-direction:column;align-items:center;justify-content:start;flex-basis:15%;color:#000;font-family:DIN,sans-serif;font-weight:700;font-size:1.4rem;text-transform:uppercase;padding:15px 10px;background:#b5b5b5;border:1px solid #8E8E8E;border-radius:5px;cursor:pointer;transition:all .2s}.applicator-options .filter-option:hover{background-color:#686868;color:#fff}.applicator-options .filter-option img{width:70px;height:70px;margin-bottom:10px;opacity:.8}.applicator-options .filter-option:hover img{opacity:1}.filter-option.active{background:#000!important;color:#fff!important;border-color:#000!important}.filter-switcher-dropdown{background:#fff;box-shadow:0 5px 20px #0003;border-radius:8px;overflow:hidden;width:250px;max-width:calc(100vw - 40px);z-index:1000}.switcher-option{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid #eee;cursor:pointer}.switcher-option:hover{background:#f8f8f8}.switcher-option:last-child{border-bottom:none}.switcher-option svg{width:16px;height:16px;flex-shrink:0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px;margin-top:30px}.product-card{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s;padding:7px}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.product-image-container{height:200px;background:#f9f9f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image{width:100%;height:100%;object-fit:contain}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.placeholder-svg{width:60%;height:60%;opacity:.5}.product-title{padding:7px;margin:0;font-size:1.3rem;text-align:center;color:#000;font-weight:400}.product-vendor{padding:0 15px;margin:0 0 5px;font-size:14px;color:#777}.product-price{padding:0 15px 15px;font-weight:500}.price--sale .price__regular{color:#e32c2b;margin-right:8px}.price--sale .price__compare{text-decoration:line-through;color:#777;font-size:14px}.product-form{padding:0 15px 15px}.product-add-button{width:100%;padding:12px;border:none;border-radius:5px;background:#000;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s}.product-add-button:hover{opacity:.9}.no-results{padding:40px 20px;background:#f8f8f8;border-radius:8px;text-align:center;margin-top:20px}.no-results p{font-size:18px;margin-bottom:20px}.no-results button{background:#000;color:#fff;border:none;padding:12px 25px;border-radius:5px;font-size:16px;cursor:pointer}.notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:#000c;color:#fff;padding:12px 25px;border-radius:5px;z-index:1000;transition:transform .3s ease-out;font-size:16px}.notification.show{transform:translate(-50%) translateY(0)}@media (max-width: 768px){.material-selectors{flex-direction:column;gap:15px}.material-icon{align-self:center}.button-filter-group{flex-direction:column}.applicator-options{gap:10px}.applicator-options .filter-option{width:calc(33.33% - 10px)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.filter-section{padding:15px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/gluefinder.css.map */