.af-filter{position:relative;margin:0 0 22px;padding:16px 20px;border:1px solid #e4e8ed;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(24,34,45,.045);color:#20252d}
.af-filter-main{display:flex;align-items:flex-end;gap:22px;min-width:0}
.af-filter-heading{display:flex;align-items:center;gap:11px;flex:0 0 285px;min-width:0}.af-filter-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#f3f5f7;border:1px solid #e7eaed;font-size:16px;flex:0 0 auto}.af-filter-heading-text{min-width:0}.af-title{font-size:19px;font-weight:750;line-height:1.15;white-space:nowrap;letter-spacing:-.2px}.af-subtitle{font-size:12px;color:#7b838d;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.af-grid{display:grid;align-items:end;gap:16px;flex:1 1 auto;min-width:0}.af-cols-1{grid-template-columns:300px}.af-cols-2{grid-template-columns:repeat(2,230px)}.af-cols-3{grid-template-columns:repeat(3,200px)}.af-cols-4{grid-template-columns:repeat(4,175px)}
.af-field{min-width:0}.af-field label{display:block;font-size:12px;font-weight:700;margin:0 0 6px;color:#3b434c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-field select{width:100%;height:44px;border:1px solid #d8dee5;border-radius:10px;padding:7px 36px 7px 13px;background:#fff;color:#252b32;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.af-field select:hover{border-color:#b9c2cb}.af-field select:focus{border-color:#8996a3;box-shadow:0 0 0 3px rgba(100,115,130,.09)}
.af-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto}.af-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;padding:10px 18px;min-height:44px;min-width:190px;background:#222a31;color:#fff;font-size:14px;font-weight:750;cursor:pointer;transition:transform .12s,opacity .12s,box-shadow .12s;box-shadow:0 2px 5px rgba(20,28,35,.08)}.af-submit:hover{opacity:.94;box-shadow:0 4px 9px rgba(20,28,35,.12)}.af-submit:active{transform:translateY(1px)}.af-submit-arrow{font-size:17px;line-height:1}.af-head-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.af-reset{font-size:13px;text-decoration:none;color:#68737e;white-space:nowrap}.af-reset:hover{text-decoration:underline}
.af-mobile-summary{display:none}
@media(max-width:1450px){.af-filter-main{gap:18px}.af-filter-heading{flex-basis:255px}.af-cols-2{grid-template-columns:repeat(2,210px)}.af-cols-3{grid-template-columns:repeat(3,175px)}.af-cols-4{grid-template-columns:repeat(4,155px)}.af-submit{min-width:175px}}
@media(max-width:900px){.af-filter-main{display:block}.af-filter-heading{margin-bottom:12px}.af-grid{width:100%}.af-cols-1,.af-cols-2,.af-cols-3,.af-cols-4{grid-template-columns:repeat(2,minmax(150px,1fr))}.af-actions{margin-top:12px;justify-content:flex-start}.af-submit{min-width:175px}}

/* v2.6.5: one-attribute category uses automatic filtering; action buttons are unnecessary. */
.af-auto-single .af-actions{display:none!important}
.af-auto-single .af-filter-main{align-items:flex-end}

/* v2.6.7: professional single-line toolbar — title first, then filter fields. */
.af-filter-heading{display:flex!important;align-items:center;flex:0 0 245px;min-width:220px;height:44px;margin:0;padding:0 4px;}
.af-filter-heading .af-title{font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:900;line-height:1.05;white-space:nowrap;letter-spacing:-.7px;color:#111111;}
.af-filter-main{align-items:center;gap:28px;}
.af-grid{align-items:end;gap:16px;}
.af-auto-single .af-grid{flex:0 0 300px;}
.af-auto-single .af-field label{margin-bottom:6px;}
@media(max-width:900px){
  .af-filter-heading{height:auto;min-width:0;flex:none;margin-bottom:10px;padding:0;}
  .af-filter-heading .af-title{font-size:22px;letter-spacing:-.4px;}
  .af-filter-main{gap:10px;}
  .af-auto-single .af-grid{flex:1 1 auto;width:100%;}
}

/* v2.6.9: branded title colors */
.af-filter-heading .af-title-black{color:#111111;}
.af-filter-heading .af-title-red{color:#e31b23;}

/* v2.6.10: prevent title from colliding with the filter control. */
.af-filter-heading{
  flex:0 0 355px !important;
  width:355px;
  min-width:355px;
  height:44px;
  padding:0 !important;
  overflow:visible;
}
.af-filter-heading .af-title{
  display:block;
  width:max-content;
  max-width:none;
  overflow:visible;
}
.af-auto-single .af-grid{
  flex:0 0 300px !important;
  width:300px;
}
@media(max-width:1450px){
  .af-filter-heading{flex-basis:350px !important;width:350px;min-width:350px;}
}
@media(max-width:900px){
  .af-filter-heading{
    flex:0 0 auto !important;
    width:auto;
    min-width:0;
    height:auto;
  }
  .af-filter-heading .af-title{width:auto;max-width:100%;white-space:normal;}
  .af-auto-single .af-grid{flex:1 1 auto !important;width:100%;}
}

/* v2.6.11: refined professional toolbar layout */
.af-filter{
  padding:18px 28px;
  border-radius:18px;
}
.af-filter-main{
  display:flex;
  align-items:center;
  gap:42px;
  min-height:70px;
}
.af-filter-heading{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
.af-filter-heading .af-title{
  font-family:Arial,Helvetica,sans-serif;
  font-size:32px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1px;
  white-space:nowrap;
}
.af-filter-heading .af-title-black{color:#111;}
.af-filter-heading .af-title-red{color:#e31b23;}
.af-grid{
  display:flex;
  align-items:flex-end;
  gap:22px;
  flex:0 0 auto;
  min-width:0;
}
.af-auto-single .af-grid{
  flex:0 0 300px !important;
  width:300px;
}
.af-field{
  width:300px;
  min-width:0;
}
.af-field label{
  font-size:13px;
  line-height:16px;
  margin:0 0 7px;
  font-weight:700;
  color:#343a40;
}
.af-field select{
  height:46px;
  border-radius:11px;
  padding:8px 40px 8px 14px;
  font-size:15px;
}
.af-actions{
  margin-left:auto;
  align-self:center;
}
@media(max-width:1100px){
  .af-filter-main{gap:28px;}
  .af-filter-heading .af-title{font-size:29px;}
  .af-field,.af-auto-single .af-grid{width:280px;flex-basis:280px !important;}
}
@media(max-width:900px){
  .af-filter{padding:18px 20px;}
  .af-filter-main{display:block;min-height:0;}
  .af-filter-heading{margin:0 0 16px !important;}
  .af-filter-heading .af-title{font-size:25px;letter-spacing:-.7px;white-space:normal;}
  .af-grid,.af-auto-single .af-grid{display:block;width:100% !important;}
  .af-field{width:100%;margin-bottom:12px;}
}

/* v2.6.13: raise the title a little more for visual alignment. */
.af-filter-heading{
  transform:translateY(-10px);
}
@media(max-width:900px){
  .af-filter-heading{transform:none;}
}


/* v2.6.14: brand-red selected filter value. */
.af-field select.af-has-value{
  color:#e31b23 !important;
  border-color:#e31b23;
}
.af-field select.af-has-value:focus{
  border-color:#e31b23;
  box-shadow:0 0 0 3px rgba(227,27,35,.10);
}
.af-field select option:checked{
  background:#e31b23;
  color:#fff;
}

/* v2.6.15: custom dropdown with brand-red hover instead of browser-blue native highlight. */
.af-select-wrap{position:relative;width:100%;}
.af-native-select{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.af-select-trigger{width:100%;height:46px;border:1px solid #d8dee5;border-radius:11px;padding:8px 40px 8px 14px;background:#fff;color:#252b32;font-size:15px;text-align:left;cursor:pointer;position:relative;transition:border-color .15s,box-shadow .15s,color .15s;}
.af-select-trigger:hover{border-color:#e31b23;}
.af-select-trigger:focus,.af-select-wrap.is-open .af-select-trigger{border-color:#e31b23;box-shadow:0 0 0 3px rgba(227,27,35,.10);outline:none;}
.af-select-trigger.af-has-value{color:#e31b23;font-weight:600;}
.af-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-55%);font-size:20px;line-height:1;color:#252b32;}
.af-select-trigger.af-has-value .af-select-chevron,.af-select-trigger:hover .af-select-chevron{color:#e31b23;}
.af-select-menu{display:none;position:absolute;z-index:9999;left:0;right:0;top:calc(100% + 3px);max-height:300px;overflow:auto;background:#fff;border:1px solid #d8dee5;border-radius:0 0 10px 10px;box-shadow:0 8px 22px rgba(20,28,35,.14);padding:3px;}
.af-select-wrap.is-open .af-select-menu{display:block;}
.af-select-option{display:block;width:100%;border:0;background:#fff;color:#20252d;text-align:left;font-size:15px;padding:9px 11px;border-radius:6px;cursor:pointer;line-height:1.2;}
.af-select-option:hover,.af-select-option:focus{background:#e31b23;color:#fff;outline:none;}
.af-select-option.is-selected{color:#e31b23;font-weight:700;background:#fff;}
.af-select-option.is-selected:hover,.af-select-option.is-selected:focus{background:#e31b23;color:#fff;}

/* v2.6.15: custom dropdown with brand-red hover instead of browser-blue native highlight. */
.af-select-wrap{position:relative;width:100%;}
.af-native-select{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.af-select-trigger{width:100%;height:46px;border:1px solid #d8dee5;border-radius:11px;padding:8px 40px 8px 14px;background:#fff;color:#252b32;font-size:15px;text-align:left;cursor:pointer;position:relative;transition:border-color .15s,box-shadow .15s,color .15s;}
.af-select-trigger:hover{border-color:#e31b23;}
.af-select-trigger:focus,.af-select-wrap.is-open .af-select-trigger{border-color:#e31b23;box-shadow:0 0 0 3px rgba(227,27,35,.10);outline:none;}
.af-select-trigger.af-has-value{color:#e31b23;font-weight:600;}
.af-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-55%);font-size:20px;line-height:1;color:#252b32;}
.af-select-trigger.af-has-value .af-select-chevron,.af-select-trigger:hover .af-select-chevron{color:#e31b23;}
.af-select-menu{display:none;position:absolute;z-index:9999;left:0;right:0;top:calc(100% + 3px);max-height:300px;overflow:auto;background:#fff;border:1px solid #d8dee5;border-radius:0 0 10px 10px;box-shadow:0 8px 22px rgba(20,28,35,.14);padding:3px;}
.af-select-wrap.is-open .af-select-menu{display:block;}
.af-select-option{display:block;width:100%;border:0;background:#fff;color:#20252d;text-align:left;font-size:15px;padding:9px 11px;border-radius:6px;cursor:pointer;line-height:1.2;}
.af-select-option:hover,.af-select-option:focus{background:#e31b23;color:#fff;outline:none;}
.af-select-option.is-selected{color:#e31b23;font-weight:700;background:#fff;}
.af-select-option.is-selected:hover,.af-select-option.is-selected:focus{background:#e31b23;color:#fff;}

/* v2.6.16: only the option under the mouse is red; selected values stay neutral. */
.af-select-trigger.af-has-value{color:#252b32 !important;font-weight:400;}
.af-select-trigger.af-has-value .af-select-chevron{color:#252b32;}
.af-select-option.is-selected{color:#20252d !important;font-weight:400;background:#fff !important;}
.af-select-option.is-selected:hover,.af-select-option.is-selected:focus{background:#e31b23 !important;color:#fff !important;}
.af-select-option:hover{background:#e31b23 !important;color:#fff !important;}