.dsn-product-filter{font-family:inherit;position:relative;min-height:400px}.dsn-product-filter .fade-in{animation:dsnFadeIn 0.3s ease-in-out forwards}@keyframes dsnFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dsn-pf-loading-init{display:flex;justify-content:center;align-items:center;padding:60px 0}.dsn-pf-spinner{width:40px;height:40px;border:3px solid var(--dsn-gray-200);border-top:3px solid var(--dsn-blue);border-radius:50%;animation:dsnSpin 1s linear infinite}@keyframes dsnSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dsn-product-filter .hz-filter-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.dsn-product-filter .hz-search-bar{display:flex;align-items:center;background:#fff;border:1px solid var(--dsn-gray-200);border-radius:8px;padding:6px 16px;flex:1;min-width:250px;max-width:600px}@media(max-width:849px){.dsn-product-filter .hz-search-bar{max-width:100%}}.dsn-product-filter .hz-search-icon{font-size:16px;color:var(--dsn-gray-500);margin-right:8px;display:flex;align-items:center;justify-content:center}.dsn-product-filter .hz-search-bar input{border:none;background:#fff0;width:100%;outline:none;box-shadow:none;font-size:14px;margin-bottom:0}.dsn-product-filter .hz-toolbar-right{display:flex;align-items:center;gap:16px}.dsn-product-filter .hz-results-count{font-size:14px;color:var(--dsn-text-mid);margin-left:auto}.dsn-pf-mobile-filter-trigger{display:none;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--dsn-gray-200);border-radius:8px;font-size:14px;font-weight:500;color:var(--dsn-text-mid);cursor:pointer;transition:all 0.2s}.dsn-pf-mobile-filter-trigger:hover{border-color:var(--dsn-blue);background:var(--dsn-gray-50)}.dsn-pf-mobile-filter-trigger svg{width:18px;height:18px}.hz-categories-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;position:relative;z-index:30}.hz-categories-container .hz-cat-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--dsn-gray-200);border-radius:100px;font-size:14px;font-weight:500;color:var(--dsn-text-mid);cursor:pointer;transition:all 0.2s}.hz-categories-container .hz-cat-pill:hover{border-color:var(--dsn-blue)}.hz-categories-container .hz-cat-pill.active{background:var(--dsn-blue-light);border-color:var(--dsn-blue);color:var(--dsn-blue)}.hz-categories-container .hz-cat-pill .count{font-size:12px;color:var(--dsn-gray-500);background:#f0f6fb;padding:2px 8px;border-radius:100px}.hz-categories-container .hz-cat-pill.active>.count{background:#fff}.hz-categories-container .hz-cat-pill.has-children{position:relative;padding-right:36px}.hz-categories-container .btn-arrow-down{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#fff0;border:none;color:var(--dsn-gray-400);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all 0.3s ease;font-size:10px;padding:0;z-index:5}.hz-categories-container .btn-arrow-down:hover{background:var(--dsn-gray-100);color:var(--dsn-text-mid)}.hz-categories-container .btn-arrow-down.active-arrow{transform:translateY(-50%) rotate(180deg)}.hz-categories-container .cat-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:280px;max-width:min(92vw, 340px);background:#fff;border:1px solid var(--dsn-gray-200);border-radius:12px;box-shadow:0 16px 40px rgb(15 23 42 / .1);z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top left;transition:opacity 0.22s ease,transform 0.22s ease,visibility 0.22s;display:flex;flex-direction:column;overflow:hidden}.hz-categories-container .cat-dropdown .cs-search{padding:10px;border-bottom:1px solid var(--dsn-gray-100)}.hz-categories-container .cat-dropdown .cat-options{max-height:240px;overflow-y:auto;padding:8px}.cat-drop-search,.hz-categories-container .cat-drop-search{margin-bottom:0;font-size:13px;border:1px solid var(--dsn-gray-200);border-radius:8px;padding:8px 10px}.hz-categories-container .cat-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.hz-categories-container .cat-child-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;font-size:14px;font-weight:500;color:var(--dsn-text-mid)}.hz-categories-container .cat-child-item .cat-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hz-categories-container .cat-child-item .count{background:var(--dsn-gray-100);color:var(--dsn-gray-500);font-size:11px;padding:2px 8px;border-radius:100px;line-height:1;transition:all 0.2s;flex-shrink:0}.hz-categories-container .cat-child-item:hover{background:var(--dsn-gray-50);color:var(--dsn-gray-800)}.hz-categories-container .cat-child-item.active{background:var(--dsn-blue-light);color:var(--dsn-blue)}.hz-categories-container .cat-child-item.active .count{background:#fff}.hz-dropdowns-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;position:relative;z-index:20}.hz-dropdowns-row .custom-select{position:relative;min-width:180px}.hz-dropdowns-row .cs-trigger{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border:1px solid var(--dsn-gray-200);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;user-select:none;transition:all 0.2s}.hz-dropdowns-row .cs-trigger:hover,.hz-dropdowns-row .cs-trigger.active{border-color:var(--dsn-blue)}.hz-dropdowns-row .cs-arrow{font-size:10px;display:inline-flex;transition:transform 0.3s ease}.hz-dropdowns-row .cs-trigger.active .cs-arrow{transform:rotate(180deg)}.hz-dropdowns-row .cs-badge{display:none;background:var(--dsn-blue);color:#fff;font-size:11px;padding:2px 6px;border-radius:100px;margin-left:8px;line-height:1;height:18px;vertical-align:middle;align-items:center;justify-content:center;margin-bottom:3px;min-width:18px}.hz-dropdowns-row .cs-badge.show{display:inline-flex}.hz-dropdowns-row .cs-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:250px;background:#fff;border:1px solid var(--dsn-gray-200);border-radius:8px;box-shadow:0 10px 30px rgb(0 0 0 / .05);z-index:10000;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all 0.2s}.hz-dropdowns-row .cs-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.hz-dropdowns-row .cs-search{padding:12px;border-bottom:1px solid var(--dsn-gray-200)}.hz-dropdowns-row .drop-search{width:100%;padding:8px 12px;border:1px solid var(--dsn-gray-200);border-radius:6px;font-size:13px;outline:none;margin-bottom:0}.hz-dropdowns-row .cs-options{max-height:250px;overflow-y:auto;padding:8px 0}.hz-dropdowns-row .cs-option{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background 0.2s;font-weight:400}.hz-dropdowns-row .cs-option:hover{background:var(--dsn-blue-light)}.hz-dropdowns-row .cs-option.disabled{opacity:.4;pointer-events:none}.hz-dropdowns-row .cs-option-badge{margin-left:auto;background:var(--dsn-gray-200);color:var(--dsn-gray-500);font-size:11px;padding:0 6px;border-radius:100px;font-weight:600}.hz-dropdowns-row .filter-checkbox{display:none}.hz-dropdowns-row .checkbox-custom{margin-right:12px}.hz-dropdowns-row .cs-label{font-size:14px;color:var(--dsn-text-mid)}.dsn-product-filter .products-grid-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1200px){.dsn-product-filter .products-grid-inner{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.dsn-product-filter .products-grid-inner{grid-template-columns:repeat(2,1fr)}}.dsn-product-filter .products-grid-inner.list-view{grid-template-columns:1fr}.dsn-product-filter .products-grid-inner.list-view .product-card{display:flex;flex-direction:row;height:auto}.dsn-product-filter .products-grid-inner.list-view .product-card .product-image{width:40%;height:auto;min-height:200px;border-right:1px solid var(--dsn-gray-200);border-bottom:none;flex-shrink:0;max-width:200px;padding-top:initial}.dsn-product-filter .product-card{background:#fff;border:1px solid var(--dsn-gray-200);border-radius:12px;overflow:hidden;transition:all 0.3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column}.dsn-product-filter .product-card:hover{box-shadow:0 15px 35px rgb(0 174 239 / .1);border-color:rgb(0 174 239 / .3)}.dsn-product-filter .product-image{display:flex;align-items:center;justify-content:center;font-size:64px;border-bottom:1px solid var(--dsn-gray-200);overflow:hidden;padding-top:100%;position:relative}.dsn-pf-product-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.dsn-product-filter .product-card:hover .dsn-pf-product-img{animation:dsnBottleShake 0.6s ease-in-out 1}@keyframes dsnBottleShake{0%,100%{transform:rotate(0deg) translateX(0)}15%{transform:rotate(-4deg) translateX(-2px)}30%{transform:rotate(3deg) translateX(2px)}45%{transform:rotate(-2deg) translateX(-1px)}60%{transform:rotate(2deg) translateX(1px)}75%{transform:rotate(-1deg) translateX(0)}}.dsn-product-filter .product-info{padding:20px;flex:1;display:flex;flex-direction:column}.dsn-product-filter .product-name{font-weight:600;font-size:1.1rem;margin-bottom:8px;color:var(--dsn-text-dark)}.dsn-product-filter .product-short-description{color:var(--dsn-text-mid);font-size:13px;margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dsn-product-filter .product-label{font-size:11px;font-weight:600;color:var(--dsn-blue);display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.dsn-product-filter .product-label span{background:var(--dsn-blue-light);padding:4px 8px;border-radius:100px}.dsn-product-filter .skeleton-pulse{animation:dsnPulse 1.5s ease-in-out infinite}@keyframes dsnPulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.dsn-product-filter .zero-state{text-align:center;padding:60px 20px;background:#fff;border:1px dashed var(--dsn-gray-500);border-radius:12px;grid-column:1 / -1}.dsn-product-filter .zero-state-icon{font-size:48px;margin-bottom:16px}.dsn-product-filter .dsn-pagination-wrap{display:flex;flex-direction:column;align-items:center;margin-top:40px}.dsn-product-filter .dsn-progress-text{font-size:15px;font-weight:500;color:var(--dsn-text-mid);margin-bottom:12px}.dsn-product-filter .dsn-progress-bar{width:260px;height:6px;background:var(--dsn-gray-200);border-radius:6px;margin-bottom:32px;overflow:hidden}.dsn-product-filter .dsn-progress-fill{height:100%;background:var(--dsn-blue);border-radius:6px;transition:width 0.4s ease}.dsn-product-filter .dsn-btn-load-more{display:inline-flex;align-items:center;background:var(--dsn-blue);color:#fff;border:none;padding:14px 40px;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.dsn-product-filter .dsn-btn-load-more svg{margin-right:10px}.dsn-product-filter .dsn-btn-load-more:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgb(0 174 239 / .45)}.dsn-product-filter .dsn-pagination-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.dsn-product-filter .page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--dsn-gray-200);border-radius:8px;cursor:pointer;font-weight:500;transition:all 0.2s}.dsn-product-filter .page-btn:hover:not([disabled]){border-color:var(--dsn-blue);color:var(--dsn-blue)}.dsn-product-filter .page-btn.active{background:var(--dsn-blue);color:#fff;border-color:var(--dsn-blue)}.dsn-product-filter .page-btn[disabled]{opacity:.5;cursor:not-allowed}.dsn-product-filter .page-dots{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--dsn-gray-500);font-weight:500}.dsn-product-filter .dsn-load-more{padding:6px 32px;border-radius:100px;cursor:pointer}.dsn-product-filter .btn-outline{background:#fff0;border:1px solid var(--dsn-blue);color:var(--dsn-blue);border-radius:8px;cursor:pointer;transition:all 0.2s;line-height:unset;min-height:unset;padding:6px 32px}.dsn-product-filter .btn-outline:hover{background:var(--dsn-blue-light)}.checkbox-custom{width:18px;height:18px;border:2px solid var(--dsn-gray-200);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;flex-shrink:0}.cs-option input:checked~.checkbox-custom{background:var(--dsn-blue);border-color:var(--dsn-blue)}.checkbox-custom::after{content:'';width:10px;height:10px;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4.5L3.5 7L9 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;display:none}.cs-option input:checked~.checkbox-custom::after{display:block}button.view-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#fff0;color:var(--dsn-gray-500);border-radius:6px;cursor:pointer;margin-bottom:0}button.view-toggle:last-of-type{margin-right:0}button.view-toggle.active{background:var(--dsn-blue-light);color:var(--dsn-blue)}button.view-toggle svg{width:24px;height:24px;min-width:24px}.dsn-pf-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .4);backdrop-filter:blur(2px);z-index:99999;opacity:0;visibility:hidden;transition:all 0.3s ease}.dsn-pf-sidebar-overlay.active{opacity:1;visibility:visible}.dsn-pf-sidebar{position:fixed;top:0;left:-100%;width:320px;max-width:85%;height:100%;background:#fff;z-index:100000;box-shadow:20px 0 50px rgb(0 0 0 / .1);transition:transform 0.4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.dsn-pf-sidebar.active{transform:translateX(100vw)}.dsn-pf-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--dsn-gray-100)}.dsn-pf-sidebar-title{font-size:18px;font-weight:700;color:var(--dsn-text-dark)}.dsn-pf-sidebar-close{background:var(--dsn-gray-100);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dsn-text-mid);transition:all 0.2s}.dsn-pf-sidebar-close:hover{background:var(--dsn-gray-200);color:var(--dsn-text-dark)}.dsn-pf-sidebar-body{flex:1;overflow-y:auto;padding:20px}.dsn-pf-sidebar-body .hz-categories-container,.dsn-pf-sidebar-body .hz-dropdowns-row{display:flex!important;flex-direction:column;gap:12px;margin-bottom:30px;opacity:1!important;visibility:visible!important;transform:none!important}.dsn-pf-sidebar-body .hz-cat-pill{width:100%;justify-content:space-between;border-radius:14px}.dsn-pf-sidebar-body .hz-cat-pill .cat-name{min-width:0}.dsn-pf-sidebar-body .hz-cat-pill.has-children{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:4px;row-gap:0;padding:8px 12px 8px 14px;border-radius:14px}.dsn-pf-sidebar-body .hz-cat-pill.has-children>.cat-name{grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsn-pf-sidebar-body .hz-cat-pill.has-children>.count{grid-column:2}.dsn-pf-sidebar-body .hz-cat-pill.has-children>.btn-arrow-down{position:static;transform:none;width:25px;height:25px;color:var(--dsn-text-mid);margin-bottom:0;margin-right:0}.dsn-pf-sidebar-body .hz-cat-pill.has-children>.btn-arrow-down.active-arrow{transform:rotate(180deg)}.dsn-pf-sidebar-body .hz-cat-pill.has-children>.cat-dropdown:not(.open){border:none}.dsn-pf-sidebar-body .hz-cat-pill.has-children>.cat-dropdown.open{grid-column:1 / -1;margin-top:8px;margin-bottom:2px}.dsn-pf-sidebar-body .custom-select{width:100%}.dsn-pf-sidebar-body .cs-trigger{width:100%}.dsn-pf-sidebar-body .cs-dropdown,.dsn-pf-sidebar-body .cat-dropdown{position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;border:1px solid var(--dsn-gray-100);border-radius:12px;background:#fff;max-height:0;overflow:hidden;transition:max-height 0.3s ease,margin-top 0.2s ease}.dsn-pf-sidebar-body .cs-dropdown.open,.dsn-pf-sidebar-body .cat-dropdown.open{max-height:380px}.dsn-pf-sidebar-body .cat-dropdown .cs-search{padding:10px}.dsn-pf-sidebar-body .cat-dropdown .cat-options{padding:8px;max-height:260px}@media (max-width:849px){.dsn-product-filter .hz-categories-container,.dsn-product-filter .hz-dropdowns-row{display:none}.dsn-pf-mobile-filter-trigger{display:flex}.dsn-product-filter .hz-filter-toolbar{flex-direction:column;align-items:stretch}.dsn-product-filter .hz-toolbar-right{justify-content:space-between}body.dsn-pf-lock-scroll{overflow:hidden}}#dsnClearFiltersBtn{padding:10px 20px;font-size:14px;border-color:#dcbfbf;background-color:#ffe8e8;color:var(--dsn-text-mid);display:inline-flex}#dsnClearFiltersBtn:hover{background-color:#ffc0c0}