/* Prime Loft — Properties All search rail. Source: properties-all-bar-embed.html (bundle). */
#plv-hero, #plv-bar, #plv-listing, #plv-resultsrow, .filter_type_list{
  --plv-a:#1F3A5F;
  --plv-ink:#212121;
  --plv-ink-2:#303030;
  --plv-mut:#838383;
  /* the same muted grey the Sort prefix uses; #838383 on white is 3.9:1 and
     fails AA, so anything that has to be READ takes this one */
  --plv-mut-aa:#6F6F6F;
  --plv-faint:#acacac;
  /* hover tint (whole row / whole pill) and the stronger "chosen" fill */
  --plv-tint:#F4F7FB;
  --plv-tint-on:#EEF2F7;
  --plv-line:#eeeeee;
  --plv-line-2:#e0e0e0;
  --plv-ease:cubic-bezier(.23,1,.32,1);
}

/* ===========================================================================
   1. HERO — design-system values, not invented ones
   The legacy block is a two-column "title left / content right" layout whose
   right column ships display:none, so the lead paragraph never rendered. The
   block becomes a plain column and the lead comes back at the same 18/1.5/500
   the rest of the site uses.
   =========================================================================== */
#plv-hero .title-left---content-right{
  display:block !important;
  width:100% !important; max-width:none !important; margin:0 !important;
}
#plv-hero .inner-container._652px{max-width:none !important; width:auto !important;}
#plv-hero .inner-container._750px{
  display:block !important; width:auto !important; max-width:640px !important;
  margin:16px 0 0 !important;
}
#plv-hero h1{font-size:56px; line-height:1.115; font-weight:500; letter-spacing:-.02em; margin:0;}
#plv-hero p{font-size:18px; line-height:1.5; font-weight:500; color:var(--plv-mut); margin:0;}

/* ===========================================================================
   2. SEARCH RAIL
   =========================================================================== */
#plv-bar{
  padding:12px !important;
  /* 16px to the results row, the /projects value; the legacy wrap carries 32 */
  margin-bottom:16px !important;
  /* the legacy wrap carries min-height:74, which held the rail 6px taller
     than 12 + 44 + 12 once the controls became pills */
  min-height:0 !important;
  border-radius:20px !important;
  transition:border-color 200ms var(--plv-ease), box-shadow 200ms var(--plv-ease);
}
#plv-bar:focus-within{border-color:#cfcfcf; box-shadow:0 6px 24px rgba(16,24,40,.06);}
#plv-bar .form-block{width:100%; margin:0;}
#plv-bar .form-2{
  display:flex !important; align-items:center;
  justify-content:flex-start !important; gap:8px; width:100%;
}
/* the hairlines went with the dead space: pills separate themselves */
#plv-bar .divider-vertical{display:none !important;}

/* Search field takes every pixel the pills do not need. There is no fixed
   ceiling: the pills are flex:0 0 auto, so they claim their content width
   first (widest case = all four filters chosen with long values) and the
   field fills the rest, down to a floor of 180. That is the "max width by
   formula" — flex computes it per breakpoint instead of a guessed number.
   The 24px margin is the standing gap between the two groups. */
#plv-bar .input-wrapper{
  display:flex !important; align-items:center; gap:10px;
  flex:1 1 auto; min-width:180px; max-width:none; margin-right:24px;
  height:44px; padding:0 16px; border-radius:999px;
  background:#f9f9f9; border:1px solid var(--plv-line);
  transition:background-color 160ms var(--plv-ease), border-color 160ms var(--plv-ease);
}
#plv-bar .input-wrapper:focus-within{background:#fff; border-color:var(--plv-line-2);}
/* the magnifier ships position:absolute at left:0 with the input padded
   around it; inside a flex pill it can simply lead the row */
#plv-bar .input-icon-wrapper{
  position:static !important; order:-1; flex:0 0 16px;
  width:16px; height:16px; align-items:center; justify-content:center;
}
#plv-bar .input-icon-wrapper .icon-font-rounded{color:var(--plv-mut); font-size:16px; line-height:1;}
#plv-bar .jb-search-input{
  flex:1 1 auto; min-width:0; width:auto !important;
  height:auto !important; padding:0 !important; margin:0 !important;
  border:0 !important; background:transparent !important;
  font-size:16px; font-weight:500; color:var(--plv-ink);
}
#plv-bar .jb-search-input::placeholder{color:var(--plv-faint);}
#plv-bar .jb-search-input:focus{outline:none;}

/* Filter pills, grouped on the right. */
#plv-bar .plv-pills{display:flex; align-items:center; gap:8px; flex:0 0 auto;}
#plv-bar .filter_type_dropdown{width:auto !important; flex:0 0 auto;}
#plv-bar .filter_type_toggle{
  display:flex !important; align-items:center; gap:9px;
  width:auto !important; height:44px; padding:0 15px !important;
  border:1px solid transparent; border-radius:999px; background:transparent;
  font-size:14px; font-weight:500; color:var(--plv-mut-aa); /* 4.6:1; the labels were 3.9:1 */
  white-space:nowrap; min-width:0; cursor:pointer;
  transition:background-color 160ms var(--plv-ease), border-color 160ms var(--plv-ease),
             transform 140ms var(--plv-ease);
}
#plv-bar .filter_type_toggle:active{transform:scale(.97);}
/* One hover colour for every control and every option row on the page: a
   subtle accent tint, never a grey. It always paints the WHOLE row / pill,
   never just the words. */
@media (hover:hover) and (pointer:fine){
  #plv-bar .filter_type_toggle:hover{background:var(--plv-tint);}
}
/* No flex gap in here: the gap would also land between the label and the
   colon, printing "Location : Bangkok". The icon carries its own margin
   instead, so the value can sit tight against the label. */
#plv-bar .filter_type_toggle .flex-start{display:flex; align-items:center; gap:0; min-width:0;}
#plv-bar .properties-dropdown-icon{width:18px; height:18px; flex:0 0 18px; opacity:.7; margin-right:9px;}
/* the caret is drawn the way the Sort pill and /map draw it, with borders
   rather than the icon font, so the two bars match down to the chevron */
#plv-bar .filter_type_toggle .text-titles{display:none !important;}
#plv-bar .filter_type_toggle::after{
  content:''; width:7px; height:7px; flex:0 0 7px; margin-left:1px;
  border-right:1.6px solid var(--plv-mut-aa); border-bottom:1.6px solid var(--plv-mut-aa);
  transform:translateY(-2px) rotate(45deg);
  transition:transform 200ms var(--plv-ease), border-color 200ms var(--plv-ease);
}
#plv-bar .w--open .filter_type_toggle{background:var(--plv-tint); border-color:var(--plv-line-2);}
#plv-bar .w--open .filter_type_toggle::after{
  transform:translateY(1px) rotate(225deg); border-color:var(--plv-a);
}

/* Chosen. Same device as "Sort: Recommended" in the row below — the label
   stays put and the value carries the weight and the accent. */
#plv-bar .filter_type_toggle.plv-on{background:var(--plv-tint-on); color:var(--plv-a);}
#plv-bar .filter_type_toggle.plv-on .properties-dropdown-icon{opacity:1;}
#plv-bar .filter_type_toggle.plv-on::after{border-color:var(--plv-a);}
#plv-bar .plv-pv{
  font-weight:600; color:var(--plv-a); min-width:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
#plv-bar .plv-pv::before{content:':\00a0'; font-weight:500;}
#plv-bar .plv-pcount{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:18px; height:18px; padding:0 5px; margin-left:8px; border-radius:999px;
  background:var(--plv-a); color:#fff;
  font-size:11px; font-weight:700; line-height:1;
  font-variant-numeric:tabular-nums;
}

/* Clear all — the fill is already the site accent; the dark border sitting on
   top of a dark fill was just noise. */
#plv-bar [fs-list-element="clear"]{
  border-color:transparent !important;
  transition:background-color 200ms var(--plv-ease), transform 140ms var(--plv-ease);
}
#plv-bar [fs-list-element="clear"]:active{transform:scale(.97);}
@media (hover:hover) and (pointer:fine){
  #plv-bar [fs-list-element="clear"]:hover{background-color:#162B47 !important;}
}

/* ===========================================================================
   3. DROPDOWN PANELS — the shared component (plv-dropdowns) draws the card,
   the section label and the option pills for every panel on this page and on
   Home. Nothing about their look is decided here.
   =========================================================================== */

/* ===========================================================================
   4. MORE PANEL
   Single column with an internal scroll. A two-column grid needs the district
   list to span the other rows, and a spanning grid item inflates every row it
   covers — beds ended up 220px tall for 32px of pills and the price sliders
   were pushed clean out of the panel.

   No Clear / Apply footer: every filter applies the moment it is clicked, and
   Clear filters already sits in the results row.
   =========================================================================== */
.filter_type_list.is-more .wrapper-districts-new.more{
  display:block !important; height:auto !important;
  max-height:min(74vh, 560px); overflow-y:auto; overscroll-behavior:contain;
}

/* Beds, baths and districts are lists INSIDE the card, not cards of their own.
   height:auto is load-bearing: the Webflow stylesheet gives .filter_options a
   fixed height (it is a scrolling options box by default). It cannot be found
   by walking document.styleSheets, because the site CSS is served
   cross-origin and cssRules throws, so it is overridden blind. */
.filter_type_list.is-more .filter_options{
  height:auto !important; max-height:none !important; overflow:visible !important;
  box-shadow:none !important; border:0 !important; padding:0 !important;
}
/* 71 chips would otherwise turn the panel into a 1800px scroll.
   The scroller also ran straight into the heading of the next section: its
   own bottom edge was the only separation, and a half-visible chip row read
   as part of PRICE. It gets its own bottom margin and a hairline. */
.filter_type_list.is-more .filter_options.is-districts:not(.bedrooms):not(.bathrooms){
  max-height:170px !important; overflow-y:auto !important; padding:2px !important;
  margin-bottom:22px !important; padding-bottom:10px !important;
  border-bottom:1px solid var(--plv-line);
  overscroll-behavior:contain;
  scrollbar-width:thin; scrollbar-color:#dcdcdc transparent;
}
.filter_type_list.is-more .filter_options.is-districts::-webkit-scrollbar{width:6px;}
.filter_type_list.is-more .filter_options.is-districts::-webkit-scrollbar-track{background:transparent; margin:6px 0;}
.filter_type_list.is-more .filter_options.is-districts::-webkit-scrollbar-thumb{background:#dcdcdc; border-radius:999px;}

/* District search. Chips are hidden with a class, never with inline display,
   so this composes with the legacy city-based district script that writes
   element.style.display on the same rows. */
.plv-dsearch{
  width:100%; height:44px; margin:0 0 10px;
  border:1px solid var(--plv-line-2); border-radius:10px;
  padding:0 14px 0 36px; font:400 14px/1 Manrope, Arial, sans-serif; color:var(--plv-ink);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23acacac' stroke-width='1.9' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.6-3.6'/></svg>") 12px center/15px no-repeat;
  transition:border-color 160ms var(--plv-ease);
}
.plv-dsearch:focus{outline:none; border-color:var(--plv-a);}
.plv-dsearch::placeholder{color:var(--plv-faint);}
.plv-dhide{display:none !important;}
.plv-dcount{color:var(--plv-faint); font-weight:500; letter-spacing:0; text-transform:none;}
.plv-dempty{padding:8px 2px; font-size:13px; color:var(--plv-faint);}

/* Price. The number boxes are Finsweet's own range inputs, which ship
   display:none — they already carry fs-list-field="price" with greater-equal /
   less-equal, so showing them costs no new wiring. */
.fs-rangeslider_wrapper-2{padding:12px 9px !important;}
.fs-rangeslider_fill-2{background:var(--plv-a) !important;}
.fs-rangeslider_handle-left-2, .fs-rangeslider_handle-right-2{
  background:#fff !important; border:5px solid var(--plv-a) !important;
  width:18px !important; height:18px !important;
  box-shadow:0 1px 4px rgba(16,24,40,.22) !important;
}
.fs-rangeslider_track-2{background:var(--plv-line) !important;}
/* The label above the handle repaints on every frame of a drag, so it stays —
   it is half of what makes the slider feel live; the number boxes below are
   the other half (see buildPrice). */
.fs-rangeslider_handle-text-2{
  display:block !important;
  font-size:12px !important; font-weight:600 !important; color:var(--plv-ink) !important;
  font-variant-numeric:tabular-nums;
}
.plv-price-inputs{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:2px 0 6px;}
.filter_type_list.is-more .fs-rangeslider_input-2{
  display:block !important; width:100% !important; height:42px !important;
  border:1px solid var(--plv-line-2) !important; border-radius:8px !important;
  padding:0 12px !important; margin:0 !important;
  font:500 14px/1 Manrope, Arial, sans-serif !important; color:var(--plv-ink) !important;
  background:#fff !important; font-variant-numeric:tabular-nums;
  position:static !important; opacity:1 !important; pointer-events:auto !important;
}
.filter_type_list.is-more .fs-rangeslider_input-2:focus{outline:none; border-color:var(--plv-a) !important;}

/* ===========================================================================
   5. RESULTS ROW — one row at every width (client, 2026-09-16)
   Count, Sort and Clear used to stack into three 44px rows on a phone. They
   are one line now, and the same component as the row under the /projects
   search card: the count on the left, Sort as a bordered pill, Clear only
   while something is actually filtered.
   =========================================================================== */
#plv-resultsrow{
  display:flex !important; align-items:center; flex-wrap:nowrap; gap:8px;
  /* the legacy row is a column below 768 — that is what stacked the three
     controls on a phone */
  flex-direction:row !important; justify-content:flex-start !important;
  padding:0; margin:0; min-width:0;
}
#plv-listing .div-block-4{gap:24px !important;}
/* The "Filtering by:" chip row is gone for good (client, 2026-08-14): every
   active filter is already named on its own pill. Finsweet still renders into
   the box; it is only hidden. */
#plv-listing .filter_tags{display:none !important;}
/* The legacy wording ("Result 67 · Showing 1–12 of 67") stays in the DOM —
   Finsweet writes the numbers into it — but the reader gets .plv-count, the
   same "67 properties" the /projects row prints. */
#plv-resultsrow .filter_results_wrapper{display:none !important;}
.plv-count{
  margin-right:auto; min-width:0;
  font-size:14px; font-weight:500; color:var(--plv-mut); white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.plv-count b{font-weight:700; color:var(--plv-ink);}

/* Sort sits outside the search card, so — per the design system — it carries
   a #e0e0e0 border; the borderless pill is reserved for controls INSIDE the
   card, where the card is their edge. */
#plv-resultsrow [fs-list-element="sort-trigger"]{margin-left:0; flex:0 1 auto; min-width:0;}
#plv-resultsrow [fs-list-element="sort-trigger"] .filter_type_toggle{
  display:inline-flex !important; align-items:center; gap:0;
  height:44px; padding:0 16px !important; max-width:100%; box-sizing:border-box;
  background:#fff; border:1px solid var(--plv-line-2); border-radius:999px;
  font-size:14px !important; font-weight:500;
  color:var(--plv-mut-aa) !important; white-space:nowrap; cursor:pointer;
  transition:border-color 160ms var(--plv-ease), transform 140ms var(--plv-ease);
}
#plv-resultsrow [fs-list-element="sort-trigger"] .filter_type_toggle:active{transform:scale(.97);}
#plv-resultsrow [fs-list-element="dropdown-label"]{
  font-weight:600; color:var(--plv-a); min-width:0; overflow:hidden; text-overflow:ellipsis;
}
/* the prefix is written by initSort() in the page language */
#plv-resultsrow [fs-list-element="dropdown-label"]::before{
  content:attr(data-plv-prefix); font-weight:500; color:var(--plv-mut-aa);
}
/* /map draws the caret with borders rather than an icon font. */
#plv-resultsrow [fs-list-element="sort-trigger"] .text-titles{display:none;}
#plv-resultsrow [fs-list-element="sort-trigger"] .filter_type_toggle::after{
  content:''; width:7px; height:7px; margin-left:10px; flex:0 0 7px;
  border-right:1.6px solid var(--plv-mut-aa); border-bottom:1.6px solid var(--plv-mut-aa);
  transform:translateY(-2px) rotate(45deg);
  transition:transform 200ms var(--plv-ease), border-color 200ms var(--plv-ease);
}
#plv-resultsrow .w--open .filter_type_toggle{border-color:var(--plv-a);}
#plv-resultsrow .w--open .filter_type_toggle::after{
  transform:translateY(1px) rotate(225deg); border-color:var(--plv-a);
}
@media (hover:hover) and (pointer:fine){
  #plv-resultsrow [fs-list-element="sort-trigger"] .filter_type_toggle:hover{border-color:var(--plv-a);}
}
.filter_type_list.is-sorting{padding-top:8px !important;}
.filter_type_list.is-sorting .filter_dropdown_link{
  display:block; padding:9px 10px !important; border-radius:8px;
  font-size:13px !important; font-weight:500; color:var(--plv-ink) !important;
  transition:background-color 160ms var(--plv-ease), color 160ms var(--plv-ease);
}
.filter_type_list.is-sorting .filter_dropdown_link.is-on{
  background:var(--plv-tint-on); font-weight:600; color:var(--plv-a) !important;
}
@media (hover:hover) and (pointer:fine){
  .filter_type_list.is-sorting .filter_dropdown_link:hover{background:var(--plv-tint);}
}

/* Clear — present only while something is filtered (the row toggles
   .plv-active from paintPills). Tinted, the /projects Clear value for value. */
#plv-resultsrow [fs-list-element="clear"]{display:none !important;}
#plv-resultsrow.plv-active [fs-list-element="clear"]{
  display:inline-flex !important; align-items:center; justify-content:center; gap:7px;
  height:44px; padding:0 16px !important; margin:0 !important; box-sizing:border-box; flex:0 0 auto;
  background-color:var(--plv-tint-on) !important; color:var(--plv-a) !important;
  border:1px solid #cfdae7 !important; border-radius:999px !important;
  font-size:14px !important; font-weight:600 !important; white-space:nowrap;
  transition:background-color 180ms var(--plv-ease), border-color 180ms var(--plv-ease),
             color 180ms var(--plv-ease), transform 140ms var(--plv-ease);
}
#plv-resultsrow.plv-active [fs-list-element="clear"] *{color:inherit !important; font-size:inherit !important; font-weight:inherit !important;}
#plv-resultsrow.plv-active [fs-list-element="clear"]::before{
  content:''; width:13px; height:13px; flex:0 0 13px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M4 4l8 8M12 4l-8 8'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M4 4l8 8M12 4l-8 8'/></svg>") center/contain no-repeat;
}
#plv-resultsrow [fs-list-element="clear"]:active{transform:scale(.97);}
@media (hover:hover) and (pointer:fine){
  #plv-resultsrow.plv-active [fs-list-element="clear"]:hover{
    background-color:var(--plv-a) !important; border-color:var(--plv-a) !important; color:#fff !important;
  }
}
/* 390px: still one row. The Sort label gives way to an icon and Clear to a
   round button — the /projects row does exactly the same. */
@media (max-width:479px){
  #plv-resultsrow [fs-list-element="dropdown-label"]::before{
    content:''; display:inline-block; width:16px; height:16px; margin-right:7px; vertical-align:-3px;
    background:var(--plv-mut-aa); -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 3v10M2.5 5.5 5 3l2.5 2.5M11 13V3M8.5 10.5 11 13l2.5-2.5'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 3v10M2.5 5.5 5 3l2.5 2.5M11 13V3M8.5 10.5 11 13l2.5-2.5'/></svg>") center/contain no-repeat;
  }
  #plv-resultsrow [fs-list-element="sort-trigger"] .filter_type_toggle{padding:0 14px !important;}
  #plv-resultsrow.plv-active [fs-list-element="clear"]{width:44px; padding:0 !important;}
  #plv-resultsrow.plv-active [fs-list-element="clear"] > *{display:none !important;}
  #plv-resultsrow.plv-active [fs-list-element="clear"]::before{width:14px; height:14px; flex-basis:14px;}
}

/* ===========================================================================
   6. SECTION RHYTHM — the site token, so the seams match every other page
   The extra bottom room clears the floating view switch.
   =========================================================================== */
#plv-listing{
  padding-top:40px !important;
  padding-bottom:calc(var(--sections--paddings--pd-default, 80px) + 40px) !important;
}
/* Tablet and phone. Below 1100 the legacy form turns into a column, and the
   rail follows it: the filters stop being a cluster of content-width pills
   and become full-width controls with the caret on the far edge.
   Never flex-wrap the legacy form itself — wrapping a COLUMN lays items out
   sideways in new columns, which once pushed this page out to 2597px. */
@media (max-width:1100px){
  #plv-bar{padding:14px !important;}
  #plv-bar .form-2{flex-direction:column !important; align-items:stretch; gap:10px;}
  #plv-bar .input-wrapper{flex:0 0 auto; width:100%; max-width:none; margin-right:0; height:48px;}
  /* One row of four even on a 768 tablet: a two-by-two grid would put the
     second row between a pill and its panel, and a mouse on its way down
     would open the wrong one. */
  #plv-bar .plv-pills{
    display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px;
    width:100%; margin-left:0; position:relative;
  }
  #plv-bar .filter_type_dropdown{position:static !important; width:auto !important; min-width:0;}
  #plv-bar .filter_type_toggle{
    width:100% !important; height:48px; padding:0 16px !important;
    justify-content:space-between; background:#fff; border-color:var(--plv-line-2);
  }
  #plv-bar .filter_type_toggle.plv-on{border-color:transparent;}
  #plv-bar .filter_type_toggle .flex-start{flex:1 1 auto; overflow:hidden;}
  #plv-bar .filter_type_toggle [data-label]{flex:0 0 auto;}
  #plv-bar .filter_type_toggle::after{margin-left:12px;}
  #plv-bar .plv-pv{max-width:none;}
  /* The panel hangs under the whole group at the group's width, so it lines
     up with the card rather than with whichever pill opened it. */
  #plv-bar .filter_type_list{
    left:0 !important; right:0 !important; top:100% !important;
    width:auto !important; min-width:0 !important; z-index:40;
  }
  #plv-bar .filter_type_list > .filter_options,
  #plv-bar .filter_type_list.is-more > .wrapper-districts-new.more{
    width:100% !important; min-width:0 !important; max-width:none !important;
  }
}
@media (max-width:767px){
  #plv-listing{
    padding-top:28px !important;
    padding-bottom:calc(var(--sections--paddings--pd-small, 64px) + 36px) !important;
  }
  #plv-hero h1{font-size:36px;}
  #plv-hero p{font-size:16px;}
  /* one full-width pill per row; the shared component opens the panel under
     its own row, in the flow */
  #plv-bar .plv-pills{display:flex; flex-direction:column; position:static;}
  #plv-bar .filter_type_dropdown{position:relative !important; width:100% !important;}
}
@media (max-width:991px) and (min-width:768px){
  #plv-hero h1{font-size:44px;}
}

/* ===========================================================================
   7. REDUCED MOTION
   =========================================================================== */
@media (prefers-reduced-motion:reduce){
  #plv-bar,
  #plv-bar .input-wrapper,
  #plv-bar .filter_type_toggle,
  #plv-bar .filter_type_toggle::after,
  #plv-bar [fs-list-element="clear"],
  #plv-resultsrow [fs-list-element="sort-trigger"] .filter_type_toggle,
  .plv-dsearch{transition:none !important;}
  #plv-bar [fs-list-element="clear"]:active,
  #plv-bar .filter_type_toggle:active,
  #plv-resultsrow [fs-list-element="sort-trigger"] .filter_type_toggle:active{transform:none;}
}