:root{--mf-black: #000;--mf-white: #fff;--mf-gray-50: #f9fafb;--mf-gray-100: #f3f4f6;--mf-gray-200: #e5e7eb;--mf-gray-300: #d1d5db;--mf-gray-400: #9ca3af;--mf-gray-500: #6b7280;--mf-gray-600: #4b5563;--mf-gray-700: #374151;--mf-radius: 8px;--mf-radius-lg: 16px;--mf-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--mf-shadow-lg: 0 10px 25px -5px rgba(0,0,0,.15), 0 8px 10px -6px rgba(0,0,0,.1);--mf-transition: .2s cubic-bezier(.4, 0, .2, 1)}.mf3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.mf3-bar{display:flex;align-items:center;gap:12px;padding:20px 0;margin-bottom:10px}.mf3-title{flex-shrink:0;padding-right:16px}.mf3-title__model{font-size:14px;font-weight:500;color:var(--mf-gray-600)}.mf3-bar--mobile{display:none;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 768px){.mf3-bar--desktop{display:none!important}.mf3-bar--mobile{display:grid!important}}.mf3-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:var(--mf-white);border:2px solid var(--mf-gray-200);border-radius:var(--mf-radius);font-size:14px;font-weight:600;color:var(--mf-gray-700);cursor:pointer;white-space:nowrap;transition:all var(--mf-transition)}.mf3-btn:hover{border-color:var(--mf-black);background:var(--mf-gray-50)}.mf3-btn svg{flex-shrink:0;opacity:.5;transition:transform var(--mf-transition)}.mf3-dropdown.is-open .mf3-btn svg{transform:rotate(180deg)}.mf3-btn--casetype{gap:10px}.mf3-btn__img{width:24px;height:32px;object-fit:contain;border-radius:4px}.mf3-btn__img--sm{width:20px;height:26px;object-fit:contain}.mf3-btn--mobile{justify-content:center;font-size:13px;padding:14px 12px;min-width:0;width:100%}.mf3-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--mf-black);color:var(--mf-white);font-size:11px;font-weight:700;border-radius:11px}.mf3-dropdown{position:relative}.mf3-dropdown--right .mf3-panel{left:auto;right:0}.mf3-panel{position:absolute;top:calc(100% + 10px);left:0;z-index:100;background:var(--mf-white);border:1px solid var(--mf-gray-200);border-radius:var(--mf-radius-lg);box-shadow:var(--mf-shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all var(--mf-transition)}.mf3-dropdown.is-open .mf3-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.mf3-panel--model{width:320px;max-height:480px;display:flex;flex-direction:column;overflow:hidden}.mf3-search{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--mf-gray-200);background:var(--mf-gray-50);border-radius:var(--mf-radius-lg) var(--mf-radius-lg) 0 0}.mf3-search svg{color:var(--mf-gray-400);flex-shrink:0}.mf3-search input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:var(--mf-gray-700)}.mf3-search input::placeholder{color:var(--mf-gray-400)}.mf3-search--modal{padding:16px 20px}.mf3-model-list{flex:1;overflow-y:auto;max-height:400px}.mf3-brand{padding:12px 18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;background:var(--mf-gray-100);color:var(--mf-gray-500);position:sticky;top:0}.mf3-model-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:none;border:none;font-size:14px;color:var(--mf-gray-700);cursor:pointer;text-align:left;transition:all var(--mf-transition);border-bottom:1px solid var(--mf-gray-100)}.mf3-model-item:hover{background:var(--mf-gray-50)}.mf3-model-item.is-active{background:var(--mf-gray-100);font-weight:600}.mf3-model-item__dot{display:none}.mf3-model-item__name{flex:1}.mf3-model-item__sel{font-size:10px;font-weight:800;color:#059669;text-transform:uppercase;letter-spacing:.5px;background:#d1fae5;padding:3px 8px;border-radius:4px}.mf3-panel--casetype{width:240px;padding:10px}.mf3-casetype-item{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;background:none;border:none;border-radius:var(--mf-radius);font-size:14px;color:var(--mf-gray-700);cursor:pointer;text-align:left;transition:all var(--mf-transition)}.mf3-casetype-item:hover{background:var(--mf-gray-100)}.mf3-casetype-item.is-active{background:var(--mf-gray-200);font-weight:600}.mf3-casetype-item img{width:32px;height:42px;object-fit:contain;border-radius:6px}.mf3-panel--sort{width:220px;padding:10px}.mf3-sort-item{display:block;width:100%;padding:12px 16px;background:none;border:none;border-radius:var(--mf-radius);font-size:14px;color:var(--mf-gray-700);cursor:pointer;text-align:left;transition:all var(--mf-transition)}.mf3-sort-item:hover{background:var(--mf-gray-100)}.mf3-sort-item.is-active{background:var(--mf-gray-200);font-weight:600}.mf3-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--mf-transition)}.mf3-modal.is-open{opacity:1;visibility:visible}.mf3-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mf3-modal__content{position:relative;width:100%;max-width:520px;max-height:90vh;margin:20px;background:var(--mf-white);border-radius:var(--mf-radius-lg);display:flex;flex-direction:column;transform:translateY(30px) scale(.95);transition:transform var(--mf-transition);box-shadow:var(--mf-shadow-lg);overflow:hidden}.mf3-modal.is-open .mf3-modal__content{transform:translateY(0) scale(1)}.mf3-modal__content--sm{max-width:380px}@media (max-width: 768px){.mf3-modal{align-items:flex-end}.mf3-modal__content{max-width:100%;max-height:90vh;margin:0;border-radius:24px 24px 0 0}}.mf3-modal__header{display:flex;align-items:center;padding:18px 24px;border-bottom:1px solid var(--mf-gray-200);background:var(--mf-white)}.mf3-modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--mf-gray-100);border:none;border-radius:50%;cursor:pointer;transition:all var(--mf-transition)}.mf3-modal__close:hover{background:var(--mf-gray-200)}.mf3-modal__title{flex:1;text-align:center;font-size:16px;font-weight:700;letter-spacing:.5px;color:var(--mf-black);padding-right:40px}.mf3-modal__body{flex:1;overflow-y:auto;padding:24px}.mf3-modal__body--nopad{padding:0}.mf3-modal__footer{padding:18px 24px;border-top:1px solid var(--mf-gray-200);background:var(--mf-gray-50)}.mf3-section{margin-bottom:32px}.mf3-section:last-child{margin-bottom:0}.mf3-section__title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mf-black);margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--mf-gray-200)}.mf3-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 14px}@media (max-width: 480px){.mf3-colors{grid-template-columns:repeat(4,1fr);gap:16px 12px}}.mf3-color{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.mf3-color input{display:none}.mf3-color__swatch{width:44px;height:44px;border-radius:50%;border:3px solid transparent;box-shadow:0 0 0 1px var(--mf-gray-300);transition:all var(--mf-transition);position:relative}.mf3-color:hover .mf3-color__swatch{transform:scale(1.1);box-shadow:0 0 0 2px var(--mf-gray-400)}.mf3-color.is-active .mf3-color__swatch{border-color:var(--mf-black);box-shadow:0 0 0 2px var(--mf-white),0 0 0 5px var(--mf-black);transform:scale(1.05)}.mf3-color__label{font-size:11px;font-weight:500;color:var(--mf-gray-600);text-align:center;line-height:1.3;max-width:64px}.mf3-tags{display:flex;flex-wrap:wrap;gap:10px}.mf3-tag{padding:10px 18px;background:var(--mf-white);border:2px solid var(--mf-gray-300);border-radius:25px;font-size:13px;font-weight:600;color:var(--mf-gray-700);cursor:pointer;transition:all var(--mf-transition)}.mf3-tag:hover{border-color:var(--mf-black);background:var(--mf-gray-50)}.mf3-tag.is-active{background:var(--mf-black);color:var(--mf-white);border-color:var(--mf-black)}.mf3-apply{display:block;width:100%;padding:16px 24px;background:var(--mf-black);color:var(--mf-white);border:none;border-radius:var(--mf-radius);font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all var(--mf-transition)}.mf3-apply:hover{background:var(--mf-gray-700);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.mf3-apply:active{transform:translateY(0)}.mf3-casetype-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:10px}.mf3-casetype-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 14px;background:var(--mf-white);border:2px solid var(--mf-gray-200);border-radius:var(--mf-radius-lg);cursor:pointer;transition:all var(--mf-transition)}.mf3-casetype-card:hover{border-color:var(--mf-gray-400);background:var(--mf-gray-50)}.mf3-casetype-card.is-active{border-color:var(--mf-black);background:var(--mf-gray-100)}.mf3-casetype-card img{width:52px;height:70px;object-fit:contain}.mf3-casetype-card span{font-size:13px;font-weight:600;text-align:center;color:var(--mf-gray-700)}.mf3-sort-row{display:flex;align-items:center;width:100%;padding:18px 24px;background:none;border:none;border-bottom:1px solid var(--mf-gray-200);font-size:15px;color:var(--mf-gray-700);cursor:pointer;text-align:left;transition:all var(--mf-transition)}.mf3-sort-row:last-child{border-bottom:none}.mf3-sort-row:hover{background:var(--mf-gray-50)}.mf3-sort-row.is-active{font-weight:700;background:var(--mf-gray-100);color:var(--mf-black)}.mf3-sort-row.is-active:after{content:"\2713";margin-left:auto;color:#059669;font-weight:700;font-size:18px}.mf3-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999;display:flex;align-items:center;justify-content:center;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all var(--mf-transition)}.mf3-loading.is-visible{opacity:1;visibility:visible}.mf3-spinner{width:48px;height:48px;border:4px solid var(--mf-gray-200);border-top-color:var(--mf-black);border-radius:50%;animation:mf3spin .8s linear infinite}@keyframes mf3spin{to{transform:rotate(360deg)}}.mf3-empty{padding:40px 24px;text-align:center;color:var(--mf-gray-500);font-size:14px}.mf3-model-list::-webkit-scrollbar,.mf3-modal__body::-webkit-scrollbar{width:6px}.mf3-model-list::-webkit-scrollbar-track,.mf3-modal__body::-webkit-scrollbar-track{background:var(--mf-gray-100);border-radius:3px}.mf3-model-list::-webkit-scrollbar-thumb,.mf3-modal__body::-webkit-scrollbar-thumb{background:var(--mf-gray-300);border-radius:3px}.mf3-model-list::-webkit-scrollbar-thumb:hover,.mf3-modal__body::-webkit-scrollbar-thumb:hover{background:var(--mf-gray-400)}.filter-group,.filters-container,.facet-filters,.collection-filters{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mega-filter.css.map */