.azwf-wrap{--azwf-border:#dbe2ea;--azwf-text:#16202a;--azwf-muted:#6b7280;--azwf-bg:#fff;--azwf-soft:#f7f8fb;--azwf-primary:#0f766e;--azwf-section-columns-desktop:1;--azwf-section-columns-mobile:1;--azwf-columns-desktop:4;--azwf-columns-mobile:1;position:relative;margin:0 0 20px;color:var(--azwf-text);font-size:14px;line-height:1.45}
.azwf-form{background:var(--azwf-bg);border:1px solid var(--azwf-border);border-radius:10px;overflow:hidden}
.azwf-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;background:var(--azwf-soft);border-bottom:1px solid var(--azwf-border)}
.azwf-title{font-weight:600;font-size:16px}
.azwf-drawer-close{display:none;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer}
.azwf-body{padding:0}
.azwf-section{border-bottom:1px solid var(--azwf-border)}
.azwf-section:last-child{border-bottom:0}
.azwf-section-title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 15px 0;background:#fff;border:0;cursor:pointer;text-align:left;color:var(--azwf-text);font-weight:600}
.azwf-section-title-inner{display:flex;align-items:center;gap:10px}
.azwf-section-icon{color:var(--azwf-primary);font-size:14px;width:16px;text-align:center}
.azwf-chevron{transition:transform .2s ease;color:var(--azwf-muted)}
.azwf-section.is-collapsed .azwf-chevron{transform:rotate(-90deg)}
.azwf-section-content{padding:0 15px 5px}
.azwf-section-content-inner{min-width:0}
.azwf-section.is-collapsed .azwf-section-content{display:none}
.azwf-has-max-height .azwf-section-content-inner{max-height:var(--azwf-section-max-height);overflow:auto;padding-right:6px;scroll-behavior:smooth;overscroll-behavior:contain}
.azwf-has-max-height .azwf-section-content-inner::-webkit-scrollbar{width:8px}
.azwf-has-max-height .azwf-section-content-inner::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
.azwf-has-max-height .azwf-section-content-inner::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}
.azwf-options{display:grid;grid-template-columns:1fr;gap:10px}
.azwf-option,.azwf-color-option{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--azwf-text);margin:0;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:#fff;min-width:0}
.azwf-option:hover,.azwf-color-option:hover{border-color:var(--azwf-border);background:var(--azwf-soft)}
.azwf-option input{margin:0;flex:0 0 auto}
.azwf-option span{flex:1 1 auto;min-width:0}
.azwf-option small,.azwf-color-option small{color:var(--azwf-muted);font-size:12px;flex:0 0 auto;margin-left:auto}
.azwf-search-inside{width:100%;height:38px;padding:0 12px;margin:0 0 10px;border:1px solid var(--azwf-border);border-radius:8px}
.azwf-orderby-field{width:100%}
.azwf-orderby-field select{width:100%;height:40px;border:1px solid var(--azwf-border);border-radius:8px;padding:0 12px;background:#fff}
.is-hidden-by-limit{display:none}
.is-hidden-by-limit.azwf-force-show{display:flex}
.azwf-show-more,.azwf-clear-all,.azwf-apply-price{border:1px solid var(--azwf-border);background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;font-weight:600}
.azwf-show-more{margin-top:10px}
.azwf-actions{padding:12px 15px;border-top:1px solid var(--azwf-border);background:var(--azwf-soft)}
.azwf-clear-all{width:100%}
.azwf-active{display:flex;flex-wrap:wrap;gap:8px;padding:10px 15px;border-bottom:1px solid var(--azwf-border)}
.azwf-active.is-empty{display:none}
.azwf-active-chip{display:inline-flex;align-items:center;gap:5px;background:#ecfeff;color:#115e59;border:0;border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px}
.azwf-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.azwf-price-fields label{display:flex;flex-direction:column;gap:4px;margin:0;color:var(--azwf-muted);font-size:12px}
.azwf-price-fields input{width:100%;height:38px;border:1px solid var(--azwf-border);border-radius:8px;padding:0 10px}
.azwf-apply-price{width:100%;background:var(--azwf-primary);border-color:var(--azwf-primary);color:#fff}
.azwf-color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.azwf-color-option input{position:absolute;opacity:0}
.azwf-color-option input:checked+.azwf-color-swatch{box-shadow:0 0 0 2px #0f172a}
.azwf-color-swatch{width:20px;height:20px;border-radius:50%;border:1px solid #d1d5db;display:inline-block}
.azwf-color-label{flex:1}
.azwf-layout-horizontal .azwf-body{display:grid;grid-template-columns:repeat(var(--azwf-section-columns-desktop),minmax(0,1fr));align-items:start}
.azwf-layout-horizontal .azwf-section{border-right:0 solid var(--azwf-border);border-bottom:0 solid var(--azwf-border)}
.azwf-layout-horizontal .azwf-section:nth-child(n){border-bottom:1px solid var(--azwf-border)}
.azwf-layout-horizontal .azwf-section:nth-child(1n){min-width:0}
.azwf-layout-horizontal .azwf-section-content{padding-top:6px}
.azwf-layout-horizontal .azwf-item-layout-list .azwf-options,.azwf-layout-horizontal .azwf-item-layout-list .azwf-color-options{grid-template-columns:1fr;align-items:start}
.azwf-layout-horizontal .azwf-item-layout-list .azwf-section-content-inner{max-height:150px;overflow:auto;padding-right:6px;scroll-behavior:smooth;overscroll-behavior:contain}
.azwf-layout-horizontal .azwf-item-layout-list .azwf-section-content-inner::-webkit-scrollbar{width:8px}
.azwf-layout-horizontal .azwf-item-layout-list .azwf-section-content-inner::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
.azwf-layout-horizontal .azwf-item-layout-list .azwf-section-content-inner::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}
.azwf-layout-horizontal .azwf-item-layout-list .azwf-show-more{display:none!important}
.azwf-layout-horizontal .azwf-item-layout-grid .azwf-options{grid-template-columns:repeat(var(--azwf-columns-desktop),minmax(0,1fr));align-items:start}
.azwf-layout-horizontal .azwf-item-layout-grid .azwf-color-options{grid-template-columns:repeat(var(--azwf-columns-desktop),minmax(0,1fr));align-items:start}
.azwf-layout-horizontal .azwf-option,.azwf-layout-horizontal .azwf-color-option{border:1px solid var(--azwf-border);background:#fff}
.azwf-layout-horizontal .azwf-item-layout-grid .azwf-option,.azwf-layout-horizontal .azwf-item-layout-grid .azwf-color-option{height:100%}
.azwf-layout-horizontal .azwf-option span,.azwf-layout-horizontal .azwf-color-label{font-weight:500}
.azwf-layout-horizontal .azwf-option small,.azwf-layout-horizontal .azwf-color-option small{padding-left:8px}
.azwf-layout-horizontal .azwf-price-box{max-width:420px}
.azwf-layout-horizontal .azwf-show-more{justify-self:start}
.azwf-layout-list .azwf-form{border-radius:0;border-left:0;border-right:0}
.azwf-style-soft .azwf-form{box-shadow:0 10px 30px rgba(15,23,42,.06);border-color:#eef2f7}
.azwf-style-bordered .azwf-form{border:2px solid #16202a}
.azwf-mobile-toggle{display:none;align-items:center;gap:8px;border:1px solid var(--azwf-border);background:#fff;border-radius:8px;padding:9px 12px;font-weight:600;cursor:pointer}
.azwf-mobile-toggle-icon{width:16px;height:12px;display:inline-block;background:linear-gradient(var(--azwf-text),var(--azwf-text)) left top/100% 2px no-repeat,linear-gradient(var(--azwf-text),var(--azwf-text)) left center/75% 2px no-repeat,linear-gradient(var(--azwf-text),var(--azwf-text)) left bottom/50% 2px no-repeat}
.azwf-drawer-overlay{display:none}
.azwf-products-loading{opacity:.45;pointer-events:none}
.azwf-form.is-loading:after{content:'Đang lọc...';display:block;padding:10px 15px;color:var(--azwf-primary);font-weight:600}
.azwf-no-scroll{overflow:hidden}
.azwf-notice{padding:12px;border:1px solid #fecaca;background:#fef2f2;border-radius:8px;color:#991b1b}
.azwf-pagination{margin-top:18px}
.azwf-pagination ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.azwf-pagination li{margin:0;padding:0}
.azwf-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 6px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:var(--azwf-text);text-decoration:none;font-weight:500;font-size:14px;transition:all .2s ease}
.azwf-pagination .page-numbers:hover{border-color:var(--azwf-primary);background:var(--azwf-primary);color:#fff;box-shadow:0 2px 8px rgba(15,118,110,.15)}
.azwf-pagination .page-numbers.current{border-color:var(--azwf-primary);background:var(--azwf-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(15,118,110,.15)}
.azwf-pagination .prev.page-numbers,.azwf-pagination .next.page-numbers{min-width:auto;width:36px;padding:0}
.azwf-pagination .prev.page-numbers:before{content:'←'}
.azwf-pagination .next.page-numbers:before{content:'→'}
.azwf-pagination span.page-numbers{border-color:#e5e7eb;background:#f9fafb;color:var(--azwf-muted);cursor:default}
.azwf-no-products{padding:20px!important;border:1px dashed var(--azwf-border)}
@media(max-width:980px){.azwf-layout-horizontal .azwf-body{grid-template-columns:repeat(2,minmax(0,1fr))}.azwf-layout-horizontal .azwf-item-layout-grid .azwf-options,.azwf-layout-horizontal .azwf-item-layout-grid .azwf-color-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.azwf-mobile-toggle{display:inline-flex;margin-bottom:12px}.azwf-layout-horizontal .azwf-body{grid-template-columns:repeat(var(--azwf-section-columns-mobile),minmax(0,1fr))}.azwf-layout-horizontal .azwf-item-layout-grid .azwf-options,.azwf-layout-horizontal .azwf-item-layout-grid .azwf-color-options{grid-template-columns:repeat(var(--azwf-columns-mobile),minmax(0,1fr))}.azwf-layout-horizontal .azwf-item-layout-list .azwf-options,.azwf-layout-horizontal .azwf-item-layout-list .azwf-color-options{grid-template-columns:1fr}.azwf-has-mobile-drawer .azwf-form{position:fixed;z-index:99999;top:0;bottom:0;left:0;width:min(88vw,360px);max-width:360px;transform:translateX(-105%);transition:transform .25s ease;box-shadow:10px 0 30px rgba(0,0,0,.16);border-radius:0;overflow:auto}.azwf-has-mobile-drawer.azwf-mobile-right .azwf-form{left:auto;right:0;transform:translateX(105%);box-shadow:-10px 0 30px rgba(0,0,0,.16)}.azwf-has-mobile-drawer.azwf-mobile-bottom .azwf-form{top:auto;left:0;right:0;width:100%;max-width:none;max-height:80vh;transform:translateY(105%);box-shadow:0 -10px 30px rgba(0,0,0,.16);border-radius:12px 12px 0 0}.azwf-has-mobile-drawer.azwf-drawer-open .azwf-form{transform:translate(0,0)}.azwf-has-mobile-drawer .azwf-drawer-overlay{display:none;position:fixed;z-index:99998;inset:0;background:rgba(15,23,42,.45)}.azwf-has-mobile-drawer.azwf-drawer-open .azwf-drawer-overlay{display:block}.azwf-has-mobile-drawer .azwf-drawer-close{display:block}.azwf-color-options{grid-template-columns:1fr}.azwf-price-fields{grid-template-columns:1fr}.azwf-pagination ul{gap:4px}.azwf-pagination .page-numbers{min-width:32px;height:32px;padding:0 4px;font-size:13px}}