.wr-spg{--wr-spg-accent:#ff4081;--wr-spg-cols:3;--wr-spg-check-size:13px;width:calc(100% - 40px);max-width:1390px;margin-inline:auto;color:#171717;font-family:Arial,sans-serif}.wr-spg *{box-sizing:border-box}.wr-spg a{color:inherit;text-decoration:none}.wr-spg__form{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.wr-spg__sidebar{display:flex;flex-direction:column;gap:14px}.wr-spg__filter{border:1px solid #dedede;border-radius:6px;background:#fff;overflow:hidden}.wr-spg__filter-head{width:100%;min-height:58px;padding:0 20px;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;color:#111;cursor:pointer}.wr-spg__filter-head strong{font-size:13px}.wr-spg__filter-head span{width:8px;height:8px;border-right:2px solid var(--wr-spg-accent);border-bottom:2px solid var(--wr-spg-accent);transform:rotate(45deg) translate(-2px,2px);transition:.2s}.wr-spg__filter.is-open .wr-spg__filter-head span{transform:rotate(225deg)}.wr-spg__filter-body{display:none;padding:0 20px 18px}.wr-spg__filter.is-open .wr-spg__filter-body{display:block}.wr-spg__checks label{min-height:28px;display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer}.wr-spg__checks input{width:var(--wr-spg-check-size);height:var(--wr-spg-check-size);margin:0;accent-color:var(--wr-spg-accent)}.wr-spg__checks input:checked+span{color:var(--wr-spg-accent);font-weight:700}.wr-spg__apply{min-height:46px;border:0;border-radius:4px;background:var(--wr-spg-accent);color:#fff;font-weight:700;cursor:pointer}.wr-spg__toolbar{min-height:58px;margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.wr-spg__toolbar p{margin:0;color:#555;font-size:12px;line-height:1.4}.wr-spg__toolbar label{display:flex;align-items:center;gap:12px;color:#666;font-size:12px}.wr-spg__toolbar select{width:170px;height:48px;padding:0 36px 0 16px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#666}.wr-spg__grid{display:grid;grid-template-columns:repeat(var(--wr-spg-cols),minmax(0,1fr));gap:30px 24px}.wr-spg__pagination{margin-top:36px;display:flex;justify-content:center;gap:8px}.wr-spg__pagination .page-numbers{min-width:36px;height:36px;padding:0 8px;border:1px solid var(--wr-spg-accent);border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.wr-spg__pagination .current{border-color:var(--wr-spg-accent);background:var(--wr-spg-accent);color:#fff}.wr-spg__mobile-filter,.wr-spg__close{display:none}
@media(max-width:1024px){.wr-spg{width:calc(100% - 32px);--wr-spg-cols:2}.wr-spg__form{grid-template-columns:230px minmax(0,1fr);gap:20px}}
@media(max-width:767px){.wr-spg{width:calc(100% - 24px);--wr-spg-cols:2;--wr-spg-check-size:14px}.wr-spg__mobile-filter{min-height:44px;margin-bottom:16px;padding:0 20px;border:1px solid var(--wr-spg-accent);display:inline-flex;align-items:center;background:#fff;color:var(--wr-spg-accent);font-weight:700}.wr-spg__form{display:block}.wr-spg__sidebar{position:fixed;z-index:99999;inset:0 auto 0 0;width:min(360px,88vw);padding:56px 16px 24px;background:#fff;overflow:auto;transform:translateX(-105%);transition:transform .25s ease;box-shadow:15px 0 35px rgba(0,0,0,.12)}.wr-spg.is-filter-open .wr-spg__sidebar{transform:none}.wr-spg__close{position:absolute;top:12px;right:16px;width:36px;height:36px;border:0;display:block;background:transparent;font-size:28px}.wr-spg__toolbar{align-items:center}.wr-spg__toolbar select{width:150px}.wr-spg__grid{gap:24px 12px}}
@media(max-width:479px){.wr-spg__toolbar label{font-size:0}.wr-spg__toolbar select{width:145px;font-size:11px}}

@media(max-width:767px) {
  .wr-spg .wr-spg__mobile-filter,
  .wr-spg .wr-spg__mobile-filter:hover,
  .wr-spg .wr-spg__mobile-filter:focus,
  .wr-spg .wr-spg__mobile-filter:active {
    position:static!important;
    float:none!important;
    width:auto!important;
    min-width:96px;
    min-height:48px;
    margin:0!important;
    padding:0 20px!important;
    border:1px solid var(--wr-spg-accent)!important;
    border-radius:4px!important;
    display:inline-flex!important;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    background:var(--wr-spg-accent)!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    line-height:1;
    text-transform:uppercase;
    cursor:pointer;
  }
  .wr-spg .wr-spg__mobile-filter::before,
  .wr-spg .wr-spg__mobile-filter::after {
    content:none!important;
    display:none!important;
  }
  .wr-spg .wr-spg__toolbar {
    justify-content:flex-start;
  }
  .wr-spg .wr-spg__toolbar>label {
    margin-left:auto;
  }
}
@media(max-width:479px) {
  .wr-spg .wr-spg__toolbar {
    flex-wrap:wrap;
    gap:12px;
  }
  .wr-spg .wr-spg__toolbar>p {
    order:3;
    flex:0 0 100%;
  }
}

.wr-spg.is-without-filters .wr-spg__form {
  grid-template-columns:minmax(0,1fr);
}

/* Beaux sets white text on every button. Filter headings are white buttons. */
.wr-spg .wr-spg__filter-head,
.wr-spg .wr-spg__filter-head strong {
  color:#111!important;
  text-transform:none;
}
.wr-spg .wr-spg__filter-head {
  position:relative;
  min-height:0;
  padding:27px 24px!important;
  border-bottom:0!important;
}
.wr-spg .wr-spg__filter.has-separators.is-open .wr-spg__filter-head::after {
  content:""!important;
  position:absolute;
  right:24px;
  bottom:0;
  left:24px;
  display:block!important;
  height:1px;
  background:#dedede;
}

/* Do not let the theme stretch filter sections to the product-grid height. */
.wr-spg .wr-spg__sidebar {
  display:block!important;
  align-self:start;
  height:auto!important;
  min-height:0!important;
}
.wr-spg .wr-spg__filter {
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  flex:0 0 auto!important;
  margin:0 0 14px!important;
  padding:0!important;
  align-items:initial!important;
  justify-content:initial!important;
}
.wr-spg .wr-spg__filter-body {
  display:none!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  flex:0 0 auto!important;
  align-items:initial!important;
  justify-content:initial!important;
  padding:27px 24px!important;
}
.wr-spg .wr-spg__filter.is-open .wr-spg__filter-body {
  display:block!important;
}
.wr-spg .wr-spg__checks label {
  display:flex!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  flex:0 0 auto!important;
  align-self:auto!important;
  margin:0!important;
  padding:0!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  font-family:Inter,sans-serif;
  font-size:12.64px;
  font-weight:400;
  font-style:normal;
  line-height:1.4;
  letter-spacing:0;
  gap:10px!important;
  color:#555!important;
}
.wr-spg .wr-spg__checks label span {
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
}
.wr-spg .wr-spg__checks label+label {
  margin-top:12px!important;
}
.wr-spg .wr-spg__checks label input[type="checkbox"] {
  width:var(--wr-spg-check-size)!important;
  min-width:var(--wr-spg-check-size)!important;
  height:var(--wr-spg-check-size)!important;
  border-radius:2px!important;
  margin:2px 0 0!important;
  padding:0!important;
  flex:0 0 var(--wr-spg-check-size)!important;
  accent-color:var(--wr-spg-accent);
}
.wr-spg .wr-spg__checks label input[type="checkbox"]:checked+span {
  color:var(--wr-spg-accent)!important;
  font-weight:400!important;
}

/* Beaux adds its global button highlight on hover/focus. */
.wr-spg .wr-spg__filter-head,
.wr-spg .wr-spg__filter-head:hover,
.wr-spg .wr-spg__filter-head:focus,
.wr-spg .wr-spg__filter-head:focus-visible,
.wr-spg .wr-spg__filter-head:active {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none;
}

.wr-spg .wr-spg__scent-group {
  width:calc(100% - 24px);
  margin-left:24px;
  border-bottom:0;
}
.wr-spg .wr-spg__scent-group:last-child { border-bottom:0; }
.wr-spg .wr-spg__scent-line {
  position:relative;
  width:100%;
  min-height:0;
  margin:0;
  padding:16px 0!important;
  border:0;
  border-bottom:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  font-size:16px;
  font-weight:400;
  text-transform:none;
  text-align:left;
}
.wr-spg .wr-spg__scent-line span,
.wr-spg .wr-spg__scent-list label,
.wr-spg .wr-spg__scent-list label span {
  text-transform:none;
}
.wr-spg .wr-spg__filter.has-separators .wr-spg__scent-line::after {
  content:""!important;
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  display:block!important;
  height:1px;
  background:#dedede;
}
.wr-spg .wr-spg__filter.has-separators .wr-spg__scent-group:last-child .wr-spg__scent-line::after {
  content:none!important;
  display:none!important;
}
.wr-spg .wr-spg__scent-list {
  display:none;
  margin-top:0!important;
  padding:24px 0 27px 10px;
}
.wr-spg .wr-spg__scent-line i {
  width:0;
  height:0;
  margin-right:0;
  border-right:5px solid transparent;
  border-bottom:6px solid #111;
  border-left:5px solid transparent;
  transform:none;
  transition:none;
}
.wr-spg .wr-spg__scent-group.is-open .wr-spg__scent-line i { transform:rotate(180deg); }
.wr-spg .wr-spg__scent-group.is-open .wr-spg__scent-line { margin-bottom:24px!important; }
.wr-spg .wr-spg__scent-group.is-open .wr-spg__scent-list { display:block; }

/* Scent options must open immediately. Neutralize theme/Elementor fades and delays. */
.wr-spg .wr-spg__scent-group,
.wr-spg .wr-spg__scent-group *,
.wr-spg .wr-spg__scent-line,
.wr-spg .wr-spg__scent-list,
.wr-spg .wr-spg__scent-list * {
  animation:none!important;
  animation-delay:0s!important;
  transition:none!important;
  transition-delay:0s!important;
}
.wr-spg .wr-spg__scent-group.is-open .wr-spg__scent-list {
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

.wr-spg .wr-spg__scents {
  position:relative;
  padding:0 24px!important;
}
.wr-spg .wr-spg__scents::before {
  content:none;
  display:none;
}

.wr-spg .wr-spg__filter-head>span {
  width:0;
  height:0;
  border:0;
  border-top:6px solid var(--wr-spg-accent);
  border-right:5px solid transparent;
  border-left:5px solid transparent;
  transform:none;
}
.wr-spg .wr-spg__filter.is-open .wr-spg__filter-head>span {
  transform:rotate(180deg);
}

/*
 * Beaux applies its generic form/button rules after Elementor widget assets on
 * archive templates. Keep those rules from changing the product-grid layout.
 */
.wr-spg .wr-spg__filter-head,
.wr-spg .wr-spg__scent-line,
.wr-spg .wr-spg__apply,
.wr-spg .wr-spg__mobile-filter,
.wr-spg .wr-spg__close {
  float:none!important;
  margin:0!important;
  box-shadow:none!important;
}

.wr-spg .wr-spg__mobile-filter,
.wr-spg .wr-spg__close {
  display:none!important;
}

.wr-spg .wr-spg__filter-head {
  width:100%!important;
  text-align:left!important;
  text-transform:none!important;
}

.wr-spg .wr-spg__scent-line {
  width:100%!important;
  text-transform:none!important;
}

.wr-spg .wr-spg__apply,
.wr-spg .wr-spg__apply:hover,
.wr-spg .wr-spg__apply:focus,
.wr-spg .wr-spg__apply:active {
  width:auto!important;
  min-height:46px;
  padding:0 30px!important;
  border:0!important;
  border-radius:4px!important;
  background:var(--wr-spg-accent)!important;
  color:#fff!important;
  line-height:1!important;
  text-transform:uppercase!important;
}

.wr-spg .wr-spg__results {
  min-width:0;
}

.wr-spg .wr-spg__toolbar>p {
  flex:0 0 auto;
}

.wr-spg .wr-spg__toolbar>label {
  width:auto!important;
  min-width:0;
  margin:0!important;
  padding:0!important;
  float:none!important;
  flex:0 0 auto;
  white-space:nowrap;
}

.wr-spg .wr-spg__toolbar select {
  width:170px!important;
  min-width:170px;
  margin:0!important;
  padding:0 36px 0 16px!important;
  float:none!important;
  flex:0 0 170px;
  text-indent:0;
}

@media(max-width:767px) {
  .wr-spg .wr-spg__mobile-filter {
    display:inline-flex!important;
  }

  .wr-spg .wr-spg__close {
    display:block!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:#171717!important;
    line-height:36px!important;
    text-transform:none!important;
  }

  .wr-spg .wr-spg__toolbar select {
    width:150px!important;
    min-width:150px;
    flex-basis:150px;
  }
}

@media(max-width:479px) {
  .wr-spg .wr-spg__toolbar select {
    width:145px!important;
    min-width:145px;
    flex-basis:145px;
  }
}