/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_tanishq_IBD_sg/cartridge/client/default/scss/search.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: calc($diameter / 2);
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: calc($diameter / 2);
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: calc($diameter / 2);
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: calc($diameter / 2);
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: calc($diameter / 2);
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: calc($diameter / 2);
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: calc($diameter / 2);
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: calc($diameter / 2);
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: calc($diameter / 2);
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: calc($diameter / 2);
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: calc($diameter / 2);
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: calc($diameter / 2);
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: calc($diameter / 2);
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: calc($diameter / 2);
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #821e91), color-stop(25%, #821e91), color-stop(25%, #edd134), color-stop(50%, yellow), color-stop(50%, #edd134), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e5cd1), color-stop(50%, #0e5cd1), color-stop(50%, #e20b0b), to(#e20b0b));
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg); }

.category-tile {
  position: relative; }
  .category-tile h1,
  .category-tile h2 {
    font-size: 1.75rem;
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    color: #fff; }
  .category-tile::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%); }

@media (max-width: 767.98px) {
  #sortby-custom-select {
    position: relative; } }

.skull-select {
  height: 2.625rem;
  line-height: 2.625rem;
  width: 11.25rem;
  background-color: #fff; }
  @media (max-width: 767.98px) {
    .skull-select {
      position: relative;
      display: none !important; } }

.skull-select select {
  position: absolute;
  z-index: 8;
  height: 2.75rem;
  line-height: 1.5625rem;
  width: 100%;
  color: #832729;
  padding-left: 0.625rem;
  border: 0;
  border-radius: 0;
  display: inline-block;
  display: block;
  font-size: 0.875rem;
  font-family: "nunito_sansbold";
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-transform: uppercase; }
  .skull-select select.sorybyoption {
    width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  @media (min-width: 768px) {
    .skull-select select {
      z-index: 1; } }

.skull-select .skull-select-mask {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0); }
  @media (min-width: 768px) {
    .skull-select .skull-select-mask {
      z-index: 2; } }

.skull-select::after {
  position: absolute;
  z-index: 0;
  display: block;
  content: "";
  top: 1.25rem;
  right: 1.25rem;
  height: 0.625rem;
  width: 0.625rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border-top: #832729 1px solid;
  border-left: #832729 1px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.skull-select.active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 27px; }

#skull-mask {
  display: none !important;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
    #skull-mask {
      background: rgba(255, 255, 255, 0.1); } }

.skull-list,
.option-values-sort {
  position: fixed;
  padding: 0;
  width: 100%;
  left: 0 !important;
  bottom: 0;
  overflow-y: auto;
  z-index: 9;
  border-radius: 0.625rem 0.625rem 0 0;
  background: #fff;
  height: auto;
  top: auto !important; }
  @media (min-width: 768px) {
    .skull-list,
    .option-values-sort {
      position: absolute;
      top: 60px !important;
      bottom: auto;
      width: 100%;
      border: 1px solid #832729;
      -webkit-box-shadow: 0 0 10px #83272930;
              box-shadow: 0 0 10px #83272930;
      border-radius: 0.3125rem;
      color: #000; } }

.skull-list ul,
.skull-list li {
  list-style: none;
  padding: 0;
  margin: 0; }

.skull-list ul {
  padding: 10px;
  margin-bottom: 70px; }

.skull-list li {
  position: relative;
  padding: 0.3125rem 0.625rem;
  padding-right: 10px !important;
  background: #fff;
  font-size: 0.875rem;
  font-family: "nunito_sansbold";
  font-family: "nunito_sansregular";
  font-weight: 800;
  text-transform: uppercase; }

.skull-list li label {
  display: block; }

.skull-list li label .icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer; }

.skull-list li label .icon-radio {
  float: left;
  position: relative;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #BDBDBD;
  border-radius: 50%;
  outline: none;
  margin-right: 0.625rem; }
  @media (min-width: 768px) {
    .skull-list li label .icon-radio {
      display: none; } }

.skull-list li label .icon-radio::after {
  content: '';
  inset: 0.25rem;
  background: #9e9e9e;
  border-radius: 50%;
  position: absolute; }

.skull-list li.checked {
  color: #832729; }

.skull-list li.checked .icon-radio {
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border: #832729 1px solid;
  border-radius: 50%; }

.skull-list li.checked .icon-radio::after {
  position: absolute;
  z-index: 0;
  display: block;
  content: "";
  top: 0.28125rem;
  left: 0.28125rem;
  height: 0.5625rem;
  width: 0.5625rem;
  background: #832729;
  border-radius: 0.3125rem;
  border: 0; }

.skull-list li:active {
  background: rgba(0, 0, 0, 0.025); }

.skull-list li:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.skull-list li:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.skull-list ::-webkit-scrollbar {
  width: 0.1875rem;
  margin-right: 0.125rem; }

.skull-list ::-webkit-scrollbar:horizontal {
  height: 0.1875rem;
  margin-bottom: 0.125rem; }

.skull-list ::-webkit-scrollbar-track {
  border-radius: 0.125rem; }

.skull-list ::-webkit-scrollbar-track-piece {
  background-color: #fff;
  border-radius: 0.125rem; }

.skull-list ::-webkit-scrollbar-thumb {
  width: 2px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.25); }

.skull-list ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.25); }

@media (min-width: 768px) {
  .skull-list li:first-child {
    display: none; } }

.sort-option .default-option::after {
  display: none; }

#sortby-custom-select.active .skull-select::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

/* stylelint-disable */
.irs {
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.75rem;
  font-family: Arial, sans-serif; }

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important; }

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0; }

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0; }

.irs-handle {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
  z-index: 1; }

.irs-handle.type_last {
  z-index: 2; }

.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default; }

.irs-min {
  left: 0; }

.irs-max {
  right: 0; }

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap; }

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px; }

.irs-with-grid .irs-grid {
  display: block; }

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000; }

.irs-grid-pol.small {
  height: 4px; }

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 0.5625rem;
  line-height: 0.5625rem;
  padding: 0 3px;
  color: #000; }

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: #000;
  z-index: 2; }

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed; }

.irs-disabled {
  opacity: 0.4; }

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important; }

.irs--round {
  height: 50px; }

.irs--round.irs-with-grid {
  height: 65px; }

.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px; }

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa; }

.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px; }

.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5); }

.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); }

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff; }

.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 0.875rem;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 0.875rem;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px; }

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa; }

.irs--round .irs-grid {
  height: 25px; }

.irs--round .irs-grid-pol {
  background-color: #dedede; }

.irs--round .irs-grid-text {
  color: silver;
  font-size: 0.8125rem; }

/* stylelint-enable */
/* stylelint-disable */
.irs--round .irs-bar {
  background-color: #832729; }

.irs--round .irs-handle {
  top: 28px;
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  background-color: #832729;
  -webkit-box-shadow: 0 1px 3px #000;
          box-shadow: 0 1px 3px #000; }

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #832729;
  cursor: pointer; }

.irs-from,
.irs-to,
.irs-min,
.irs-max,
.irs-single {
  display: none; }

/* stylelint-enable */
.modal.modal-left .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: 100%; }

.modal.modal-left .modal-content {
  height: 100%;
  border-radius: 0;
  border: none; }

.modal.modal-left .modal-header {
  padding: 16px 12px 16px 25px;
  max-height: 54px;
  background-color: #f9f9f9; }
  .modal.modal-left .modal-header .close-modal {
    background: transparent;
    border: none;
    padding: 14px;
    position: absolute;
    right: 0;
    top: 0; }

.modal.modal-left .modal-title {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: #222;
  text-transform: uppercase; }
  .modal.modal-left .modal-title .close {
    padding: 0;
    margin: -4px 0 0; }

.modal.modal-left .modal-body {
  padding: 0 0 100px;
  overflow-y: auto;
  height: 100%; }

.modal.modal-left .modal-footer {
  position: fixed;
  bottom: 0;
  padding: 0;
  width: 100%;
  background: #fff;
  border-radius: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.modal.modal-left .modal-footer > :not(:last-child) {
  width: 100%;
  margin-right: 0; }

.modal.modal-left .modal-footer > :not(:first-child) {
  width: 100%;
  margin-left: 0; }

@media (min-width: 768px) {
  .modal.modal-left .modal-dialog {
    width: 19.5rem; } }

.modal.modal-left.fade .modal-dialog {
  left: 0;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out; }
  @media (min-width: 768px) {
    .modal.modal-left.fade .modal-dialog {
      left: -19.5rem; } }

.modal.modal-left.fade.show .modal-dialog {
  left: 0; }

.filter-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 768px) {
    .filter-section {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

@media (min-width: 768px) {
  .full-width {
    width: calc(100% - 15px); } }

.filter-button {
  border: none;
  background-color: transparent;
  padding: 0;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filter-button .svg-sprite {
    margin-right: 12px; }
  .filter-button span {
    color: #222; }
  @media (min-width: 768px) {
    .filter-button {
      margin-right: 20px; } }

.filter-container .refinements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
  max-width: 100%; }

.filter-container .collapsible-xl {
  background-color: #fff; }
  .filter-container .collapsible-xl.card {
    border: none; }
  .filter-container .collapsible-xl .card-header {
    padding: 1rem;
    border: 0;
    border-bottom: 1px solid #dee2e6; }
  .filter-container .collapsible-xl .card-body {
    padding: 0 1rem;
    display: none; }
  .filter-container .collapsible-xl ul {
    padding: 0; }
  .filter-container .collapsible-xl button.filter-title,
  .filter-container .collapsible-xl button.filter-option {
    font-family: "nunito_sansregular";
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-align: left;
    background: transparent;
    border: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .filter-container .collapsible-xl button.filter-title .checkbox-container {
    margin-right: 16px; }
  .filter-container .collapsible-xl button.filter-title .filter-expand-icon {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }
  .filter-container .collapsible-xl button.filter-option .checkbox-container {
    margin-right: 16px; }
  .filter-container .collapsible-xl a {
    text-decoration: none; }
  .filter-container .collapsible-xl:last-child .card-header {
    border-bottom: none; }
  .filter-container .collapsible-xl.active .card-header {
    border-bottom: none; }
  .filter-container .collapsible-xl.active .card-body {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6; }
  .filter-container .collapsible-xl.active:last-child .card-body {
    border-bottom: none; }
  .filter-container .collapsible-xl.active button.filter-title .filter-expand-icon {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  .filter-container .collapsible-xl .title::after {
    content: ""; }

body.filter-loading .modal-backdrop {
  background-color: transparent; }

body.filter-loading .filters-modal {
  z-index: 99; }

.filter-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.filter-slider-container {
  width: 100%;
  /* Full width by default */
  overflow: auto;
  /* Natural scrollbar for mobile */
  position: relative;
  padding: 15px 0 10px; }

.filter-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /* Allows the slides to be in a row */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  /* Add smooth transition effect */ }

.filter-slide {
  padding: 10px;
  text-align: center; }

.filter-slider-prev-button,
.filter-slider-next-button {
  position: relative;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: none; }

@media (min-width: 768px) {
  .filter-slider-prev-button,
  .filter-slider-next-button {
    opacity: 0;
    display: block; }
  .filter-slider-container {
    overflow: hidden;
    /* Hidden overflow for desktop */
    padding: 0 10px; }
  .show-button {
    opacity: 1; } }

.floating-bar-active .filter-slider-container {
  padding: 15px 0 10px;
  margin-bottom: -10px; }

@media (min-width: 768px) {
  .floating-bar-active .filter-slider-container {
    padding: 0 10px;
    margin-bottom: auto; } }

.price-filter-container .price-min-container,
.price-filter-container .text-label,
.price-filter-container .price-max-container {
  display: inline-block; }

.price-filter-container .text-label {
  padding: 0 8px;
  color: #cecece; }

.price-filter-container .price-min-container,
.price-filter-container .price-max-container {
  max-width: 42%;
  position: relative; }
  .price-filter-container .price-min-container input,
  .price-filter-container .price-max-container input {
    font-size: 0.8125rem;
    max-width: 100%;
    border: 1px solid #cecece;
    border-radius: 0;
    height: 50px;
    padding-left: 20px; }
    .price-filter-container .price-min-container input:focus, .price-filter-container .price-min-container input:hover, .price-filter-container .price-min-container input:active,
    .price-filter-container .price-max-container input:focus,
    .price-filter-container .price-max-container input:hover,
    .price-filter-container .price-max-container input:active {
      border: 1px solid #cecece;
      border-radius: 0; }
  .price-filter-container .price-min-container::before,
  .price-filter-container .price-max-container::before {
    position: absolute;
    content: "₹";
    top: 50%;
    font-size: 0.8125rem;
    color: #999;
    left: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.price-filter-container[data-currency="dollar"] .price-min-container::before,
.price-filter-container[data-currency="dollar"] .price-max-container::before {
  content: "$"; }

.price-range-container .price-range-labels {
  position: relative;
  height: 30px; }
  .price-range-container .price-range-labels .min-label,
  .price-range-container .price-range-labels .max-label {
    font-size: 0.75rem;
    color: #222;
    position: absolute; }
    .price-range-container .price-range-labels .min-label::before,
    .price-range-container .price-range-labels .max-label::before {
      position: absolute;
      content: "₹";
      left: -8px; }
  .price-range-container .price-range-labels .min-label {
    left: 9px; }
  .price-range-container .price-range-labels .max-label {
    right: 0; }

.price-range-container[data-currency="dollar"] .price-range-labels .min-label::before,
.price-range-container[data-currency="dollar"] .price-range-labels .max-label::before {
  content: "$"; }

.header-bar {
  background-color: #fff;
  border-bottom: 0.063em solid transparent; }
  .header-bar button.close {
    padding-top: 0.39rem;
    font-family: "nunito_sansbold";
    padding-left: 3rem;
    color: #832729;
    float: left;
    font-size: 1rem;
    opacity: 1; }
  .header-bar .fa.fa-close::before {
    font-size: 1.25em; }
  @media (max-width: 767.98px) {
    .header-bar {
      padding: 2rem 1rem 2.438rem; } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .collapsible-custom {
    padding-top: 0.65rem;
    font-size: 0.7rem; } }

@media (min-width: 1024px) and (max-width: 1049.98px) {
  .collapsible-custom {
    padding-top: 0.59rem;
    font-size: 0.9rem; } }

@media (min-width: 768px) {
  .collapsible-custom {
    color: #832729;
    width: inherit;
    padding-right: 0;
    padding-left: 0;
    line-height: 2.5rem;
    font-size: 0.875rem; }
    .collapsible-custom span::after {
      float: right;
      padding-left: 1.3rem;
      content: "\f107";
      font-family: FontAwesome;
      color: #832729;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .collapsible-custom.active:focus {
      border: 1px solid #000; }
    .collapsible-custom.active span::after {
      content: "\f106";
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; } }

@media (max-width: 1023.98px) {
  .refinement-main-block {
    display: contents; } }

.refinements > .card {
  margin: 0; }
  @media (min-width: 768px) {
    .refinements > .card .card-body {
      /* width */
      /* Track */
      /* Handle */
      /* Handle on hover */ }
      .refinements > .card .card-body::-webkit-scrollbar {
        width: 0.375rem; }
      .refinements > .card .card-body::-webkit-scrollbar-track {
        background: #fff; }
      .refinements > .card .card-body::-webkit-scrollbar-thumb {
        background-color: #832729;
        border-radius: 0.5rem; }
      .refinements > .card .card-body::-webkit-scrollbar-thumb:hover {
        background-color: #832729; } }

@media (min-width: 768px) {
  .refinements .card {
    border: 0; }
    .refinements .card.active h2 img {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .refinements .card h2 img {
      float: right;
      margin-top: 0; } }

.refinements ul {
  overflow: auto;
  margin: 0; }
  .refinements ul li {
    padding: 0.625rem 0; }

.refinements li {
  list-style-type: none;
  padding-left: 0; }
  .refinements li.color-attribute {
    display: inline-block;
    padding-left: 0; }
    .refinements li.color-attribute button {
      padding: 0; }
  .refinements li.disabled {
    opacity: 0.5; }

@media (max-width: 575.98px) {
  .refinements {
    padding: 0; } }

.refinements .card-header h2 {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 0; }

.secondary-bar {
  width: 100%;
  bottom: 0; }
  .secondary-bar .filter-modal-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .secondary-bar button.apply,
  .secondary-bar button.reset {
    border-radius: 0;
    border-color: #832729;
    width: 100%;
    text-transform: capitalize;
    height: 3rem !important;
    font-size: 0.875rem !important;
    padding: 0 5px !important; }
  .secondary-bar button.apply,
  .secondary-bar button.apply:active,
  .secondary-bar button.apply:hover,
  .secondary-bar button.apply:active {
    color: #fff;
    background-color: #832729; }
  .secondary-bar button.reset,
  .secondary-bar button.reset:active,
  .secondary-bar button.reset:hover,
  .secondary-bar button.reset:active {
    color: #832729;
    background-color: #fff; }

.refinement-header {
  overflow: auto; }

.disabled {
  pointer-events: none; }

.sort-by-d #sortby-custom-select .sorybyoption {
  border: none;
  outline: none; }

@media (min-width: 768px) {
  .sort-by-d {
    position: relative;
    width: 100%;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 2.25rem; }
    .sort-by-d .sort-by-text {
      color: #222;
      font-size: 0.875rem;
      line-height: 1.1875rem;
      margin-right: 8px;
      white-space: nowrap; }
    .sort-by-d .custom-select {
      background: transparent;
      text-align: right;
      color: #832729;
      right: 0;
      top: 0.1rem;
      border: 0.0625rem solid #832729;
      border-radius: 0.3125rem;
      opacity: 1;
      width: 17.0625rem;
      height: 3.75rem;
      position: absolute; }
    .sort-by-d .custom-select:focus {
      -webkit-box-shadow: none;
              box-shadow: none; } }

.grid-header-next {
  max-width: 100%;
  margin: auto;
  padding: 1rem 0 0;
  position: relative; }
  @media (min-width: 768px) {
    .grid-header-next {
      padding: 1rem 0; } }
  .grid-header-next .sortby,
  .grid-header-next .filter-section {
    padding: 0; }
  .grid-header-next .sortby {
    position: relative;
    z-index: 99; }
  @media (min-width: 768px) {
    .grid-header-next .sortby {
      position: static;
      z-index: unset; } }

.sort-by-custom-select-container {
  position: relative;
  z-index: 99; }

.tab-pane#product-search-results > .grid-header.d-md-none {
  border: 0.031rem solid #832729;
  z-index: 2;
  background: #fff;
  margin-bottom: 0; }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .tab-pane#product-search-results > .grid-header.d-md-none {
      margin-right: -1.8em;
      margin-left: -1.84em; } }

@media (max-width: 767.98px) {
  .tab-pane#product-search-results > .grid-header {
    position: fixed;
    top: 7.2rem;
    width: 100%; }
    .tab-pane#product-search-results > .grid-header.filter-position {
      top: 11.2rem; }
      .tab-pane#product-search-results > .grid-header.filter-position.addtop {
        top: 7.2rem; } }

@media (max-width: 767.98px) {
  .tab-pane#product-search-results > .filter-bar {
    position: fixed;
    top: 10rem;
    background: #fff;
    width: 100%;
    z-index: 1;
    padding-bottom: 0;
    margin-left: 0;
    left: 0; }
    .tab-pane#product-search-results > .filter-bar.filter-position {
      top: 14rem; }
      .tab-pane#product-search-results > .filter-bar.filter-position.addtop {
        top: 10rem; } }

@media (max-width: 1023.98px) {
  .tab-pane#product-search-results .notification-handler {
    top: 7.375rem; } }

.tab-pane .btn-outline-primary:active:focus,
.tab-pane .btn-outline-primary.active:focus,
.tab-pane .show > .btn-outline-primary.dropdown-toggle:focus,
.tab-pane .btn:focus,
.tab-pane .btn.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0; }

.grid-header,
.content-grid-header {
  margin-bottom: 1em; }
  .grid-header .btn-primary:active,
  .grid-header .btn-primary.active,
  .grid-header .show > .btn-primary.dropdown-toggle,
  .content-grid-header .btn-primary:active,
  .content-grid-header .btn-primary.active,
  .content-grid-header .show > .btn-primary.dropdown-toggle {
    color: #832729;
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .grid-header .btn-outline-primary:active:focus,
  .grid-header .btn-outline-primary.active:focus,
  .grid-header .show > .btn-outline-primary.dropdown-toggle:focus,
  .grid-header .btn:focus,
  .grid-header .btn.focus,
  .content-grid-header .btn-outline-primary:active:focus,
  .content-grid-header .btn-outline-primary.active:focus,
  .content-grid-header .show > .btn-outline-primary.dropdown-toggle:focus,
  .content-grid-header .btn:focus,
  .content-grid-header .btn.focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  @media (max-width: 767.98px) {
    .grid-header button.filter-results,
    .grid-header button.filter-results:focus,
    .grid-header button.sort-results,
    .grid-header button.sort-result:focus,
    .content-grid-header button.filter-results,
    .content-grid-header button.filter-results:focus,
    .content-grid-header button.sort-results,
    .content-grid-header button.sort-result:focus {
      -webkit-box-shadow: none;
              box-shadow: none;
      border-left: 0.0625rem solid #832729bd;
      font-family: "nunito_sansextrabold";
      font-weight: 800;
      border-right: 0;
      border-radius: 0;
      border-top: 0;
      border-bottom: 0;
      background-color: #fff;
      color: #832729;
      display: block;
      width: 100%; }
    .grid-header button.sort-results,
    .content-grid-header button.sort-results {
      padding-top: 0.6rem; } }
  @media (max-width: 575.98px) {
    .grid-header .result-count,
    .content-grid-header .result-count {
      padding-bottom: 0.938em; } }
  .grid-header select,
  .content-grid-header select {
    width: 100%; }

.result-count {
  font-size: 0.875rem; }

.search-banner {
  background-image: url("../images/search.jpg");
  background-position-y: 40%; }

.search-keywords {
  font-weight: bold; }

.floating-bar-container {
  background-color: #fff;
  clear: both;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .floating-bar-container .floating-bar-content {
    margin: 0 auto; }
  .floating-bar-container.active {
    position: fixed;
    width: 100%;
    top: 60px;
    left: 0;
    z-index: 9;
    margin: 0 auto;
    -webkit-box-shadow: 0 0.1875rem 0.5rem #5d5d5d26;
            box-shadow: 0 0.1875rem 0.5rem #5d5d5d26; }
    @media (min-width: 768px) {
      .floating-bar-container.active {
        top: 119px; } }
    @media (min-width: 1024px) {
      .floating-bar-container.active {
        top: 76px; } }

body.floating-bar-active.search-bar-expanded .floating-bar-container.active {
  top: 119px;
  padding-bottom: 10px; }

body.floating-bar-active .grid-header-next {
  padding: 1rem 0; }

@media (min-width: 768px) {
  body.floating-bar-active .grid-header-next {
    padding: 0.8rem 0; } }

.filter-container {
  max-width: 100%;
  padding: 0; }
  @media (min-width: 768px) {
    .filter-container {
      position: relative;
      z-index: 8; } }
  .filter-container.position-fixed {
    top: 115px;
    z-index: 9; }
    @media (min-width: 1024px) {
      .filter-container.position-fixed {
        top: 75px; } }
  .filter-container .filter-shade {
    -webkit-box-shadow: 0 0.1875rem 0.5rem #5d5d5d26;
            box-shadow: 0 0.1875rem 0.5rem #5d5d5d26; }
    @media (min-width: 768px) and (max-width: 1023.98px) {
      .filter-container .filter-shade {
        z-index: 8;
        background: white;
        top: 7.2rem; } }
    @media (min-width: 1024px) {
      .filter-container .filter-shade {
        z-index: 8;
        background: white;
        top: 4.6rem; } }

.filter-bar ul {
  margin-bottom: 0;
  padding: 0; }

.filter-bar li {
  list-style: none;
  margin-left: 0.3125em;
  margin-right: 0.3125em; }
  .filter-bar li.filter-value {
    border: 0.03125rem solid #832729;
    padding: 0.3125rem 0.9375rem;
    position: relative; }
    .filter-bar li.filter-value:first-child {
      margin-left: 0; }
    .filter-bar li.filter-value:last-child {
      margin-right: 0; }
    .filter-bar li.filter-value span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      background-color: #fff; }
    .filter-bar li.filter-value button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: none;
      padding: 0;
      color: #222; }
      .filter-bar li.filter-value button::after {
        content: "\f00d";
        font: normal normal normal 0.875rem/1 FontAwesome;
        text-rendering: auto;
        position: relative;
        right: -12px;
        padding-top: 0.125rem;
        display: none; }
    .filter-bar li.filter-value.selected {
      background-color: #f2e9e9; }
      .filter-bar li.filter-value.selected button {
        padding: 0 0.625rem 0 0;
        background-color: #f2e9e9; }
        .filter-bar li.filter-value.selected button span {
          background-color: #f2e9e9; }
        .filter-bar li.filter-value.selected button::after {
          display: block; }
    @media (min-width: 768px) {
      .filter-bar li.filter-value:first-child {
        margin-left: 5px; }
      .filter-bar li.filter-value:last-child {
        margin-right: 5px; } }
  .filter-bar li.swatch-filter {
    font-size: 1.38em;
    position: relative;
    margin-top: 0.25rem; }
    .filter-bar li.swatch-filter button {
      width: 100%;
      height: 100%;
      display: block;
      border: none; }
      .filter-bar li.swatch-filter button::before {
        content: "";
        background-color: white;
        width: 0.8em;
        height: 0.8em;
        border-radius: 0.4em;
        position: absolute;
        left: 0.5em;
        top: 0.5em; }
      .filter-bar li.swatch-filter button::after {
        content: "\f057";
        font: normal normal normal 0.875rem/1 FontAwesome;
        display: inline;
        text-rendering: auto;
        position: absolute;
        left: 0.18em;
        top: 0.12em;
        font-size: 1.5em; }

.sort-by-mobile-container {
  position: absolute;
  top: 0;
  right: 0; }
  .sort-by-mobile-container .sort-results {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase; }
  .sort-by-mobile-container .sort-by {
    margin-right: 12px; }
  @media (min-width: 768px) {
    .sort-by-mobile-container {
      display: none; } }

@media (max-width: 575.98px) {
  .tab-content {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 575.98px) {
  .product-grid {
    padding-top: 0.938em; }
    .product-grid .col-6 {
      padding-left: 0.625rem;
      padding-right: 0.625rem; } }

.search-tips {
  text-align: left;
  margin-top: 1.875rem; }

.category-item {
  margin-bottom: 0.938rem; }

.show-more,
.show-more-content {
  padding: 0.938em;
  clear: both; }

.swatch-mark.color-value[data-selected=true]::after {
  color: #000;
  content: '\f058';
  display: table-caption;
  font-family: 'FontAwesome';
  font-size: 1.625em;
  left: 0.295em;
  position: absolute; }

.swatch-mark.color-value.selected::after {
  background: #fff;
  border-radius: 50%;
  color: #000;
  content: '\f058';
  display: table-caption;
  font-family: 'FontAwesome';
  font-size: 1.625em;
  height: 0.75em;
  left: 0.31em;
  line-height: 0.8em;
  position: absolute;
  top: 0.35em;
  width: 0.8em; }

.search-nav {
  border-bottom: 0.063em solid #ccc; }
  @media (max-width: 767.98px) {
    .search-nav {
      margin-bottom: 0;
      border-bottom: 0; } }
  .search-nav .nav-tabs-wrapper {
    padding: 0; }
    @media (max-width: 575.98px) {
      .search-nav .nav-tabs-wrapper {
        width: 100%; } }
    .search-nav .nav-tabs-wrapper .nav-tabs {
      border-bottom: 0 none; }
  .search-nav .nav-link:focus {
    background-color: #f9f9f9; }

.product-options .quantity {
  position: absolute;
  bottom: 0;
  right: 0; }

.no-result-found-root {
  background-color: #fff; }
  @media (max-width: 767.98px) {
    .no-result-found-root {
      margin-bottom: 3rem; } }
  @media (min-width: 768px) {
    .no-result-found-root {
      margin-bottom: 5rem; } }
  @media (max-width: 767.98px) {
    .no-result-found-root .no-result-found-col-two {
      margin-top: 2rem; } }
  .no-result-found-root .no-result-found-col-two ul {
    list-style-type: none; }
  .no-result-found-root .no-result-found-col-two li::before {
    content: "-";
    color: #000;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }
  .no-result-found-root .no-result-found-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .no-result-found-root ul {
    padding-left: 0.875rem;
    margin-bottom: 3rem; }
    @media (min-width: 768px) and (max-width: 1023.98px) {
      .no-result-found-root ul {
        margin-bottom: 1rem; } }
  .no-result-found-root .no-result-oops {
    text-align: left;
    font: normal normal 800 2.5rem/3.375rem "nunito_sansregular";
    letter-spacing: 0.1rem;
    color: #832729;
    opacity: 1; }
    @media (min-width: 768px) and (max-width: 1023.98px) {
      .no-result-found-root .no-result-oops {
        font-size: 1.875rem; } }
    @media (max-width: 767.98px) {
      .no-result-found-root .no-result-oops {
        font-size: 1.25rem; } }
  @media (min-width: 768px) and (max-width: 1023.98px) {
    .no-result-found-root .not-found-with-msg,
    .no-result-found-root ul li.no-result-found-guides {
      line-height: 1.9rem; } }
  @media (max-width: 1023.98px) {
    .no-result-found-root .not-found-with-msg,
    .no-result-found-root ul li.no-result-found-guides {
      font: normal normal normal 0.75rem/1.875rem "nunito_sansregular"; } }
  @media (min-width: 768px) {
    .no-result-found-root .not-found-with-msg,
    .no-result-found-root ul li.no-result-found-guides {
      font: normal normal normal 0.8125rem/1.75rem "nunito_sansregular"; } }
  .no-result-found-root .not-found-with-msg {
    text-align: left;
    font: normal normal 600 1.5625rem/3.125rem "nunito_sansregular";
    letter-spacing: 0.0938rem;
    color: #000;
    opacity: 1; }
    @media (max-width: 1023.98px) {
      .no-result-found-root .not-found-with-msg {
        font-size: 1rem;
        line-height: 1.5rem; } }
  .no-result-found-root .no-result-found-guides {
    text-align: left;
    letter-spacing: 0.0325rem;
    color: #000;
    opacity: 1; }
  .no-result-found-root #redirect-to-shopping-page {
    background: #832729 0% 0% no-repeat padding-box;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    opacity: 1;
    color: #fff;
    top: 36.125rem;
    left: 47.875rem; }
    @media (max-width: 767.98px) {
      .no-result-found-root #redirect-to-shopping-page {
        height: 2.75rem;
        width: 11.25rem;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font: normal normal bold 0.813rem/1.625rem "nunito_sansregular"; } }
    .no-result-found-root #redirect-to-shopping-page img {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    @media (min-width: 768px) {
      .no-result-found-root #redirect-to-shopping-page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 13.563rem;
        height: 3.125rem; }
        .no-result-found-root #redirect-to-shopping-page img {
          display: none; } }
  .no-result-found-root #no-result-found-img {
    opacity: 0.44;
    max-width: 100%; }

.skull-select select {
  width: auto; }

.bottom-region {
  margin-left: -0.938rem;
  margin-right: -0.938rem; }
  .bottom-region .mx-4 {
    margin: 0 !important;
    margin-bottom: 0.625rem !important; }
  .bottom-region .accordion {
    margin: 0 !important;
    padding: 0 !important; }

#maincontent .search-results .tab-content.col-12 {
  padding-left: 0;
  padding-right: 0; }

.store-appointment-livecall-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .store-appointment-livecall-container .section {
    padding: 6px 4px;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    border-right: 1px solid #dbdbdb; }
    .store-appointment-livecall-container .section:first-child {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .store-appointment-livecall-container .section:last-child {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      border-right: none; }
  .store-appointment-livecall-container .link {
    font: normal normal normal 0.75rem/1rem "nunito_sansregular";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    .store-appointment-livecall-container .link span {
      color: #222;
      white-space: nowrap; }
    .store-appointment-livecall-container .link img,
    .store-appointment-livecall-container .link .svg-sprite {
      min-width: 26px;
      height: 24px;
      margin-bottom: 5px; }
  @media (min-width: 768px) {
    .store-appointment-livecall-container {
      top: 12px; }
      .store-appointment-livecall-container .section {
        padding: 0 16px;
        margin: 5px 0; }
        .store-appointment-livecall-container .section:first-child {
          padding-left: 0; }
        .store-appointment-livecall-container .section:last-child {
          padding-right: 0; }
      .store-appointment-livecall-container .link {
        font: normal normal normal 0.875rem/1.1875rem "nunito_sansregular";
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .store-appointment-livecall-container .link img,
        .store-appointment-livecall-container .link .svg-sprite {
          margin-bottom: 0;
          margin-right: 5px; } }

.festive-store-appointment .store-appointment-livecall-container .section {
  border-right: 1px solid #dbdbdb; }

@media (min-width: 768px) {
  .festive-store-appointment .store-appointment-livecall-container .section {
    padding-right: 16px; } }

.festive-store-appointment,
.festive-button-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0; }

.no-results-found-section #redirect-to-shopping-page {
  width: 100%; }

.quick-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  margin-left: 1rem;
  margin-top: 1rem;
  overflow-x: auto;
  padding: 0 0rem 1rem 0; }
  @media (max-width: 767.98px) {
    .quick-filters {
      padding: 0 3rem 1rem 0;
      -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
      margin-top: 30px !important;
      margin-left: 5px !important;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 100% !important;
      max-width: 100% !important; } }

.quick-filter-value {
  font-family: Verlag-book, sans-serif;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #832729;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 16px;
  white-space: nowrap;
  background: #fff;
  overflow: initial;
  padding: 0.6875rem 0.95rem;
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: 1px solid #e0e0e0; }

.quick-filter-value.selected {
  background-color: #832729;
  color: white; }

@media (max-width: 787px) {
  .productName {
    width: 58% !important;
    font-size: 12px !important;
    line-height: 16px !important; } }

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 17px;
  margin-right: 10px;
  margin-top: 7px; }
  @media (max-width: 767.98px) {
    .switch {
      width: 30px; } }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 15px; }

.slider::before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%; }

.slider.filter-selected {
  background-color: #832729; }
  .slider.filter-selected::before {
    right: 2px;
    left: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.slider.filter-unselected::before {
  -webkit-transform: translateX(-1px);
          transform: translateX(-1px); }

.filter-toggle-avail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  padding-left: 5px; }
  @media (min-width: 600px) and (max-width: 991px) {
    .filter-toggle-avail {
      /* stylelint-disable-line */
      padding-left: 0; } }
  @media (max-width: 767.98px) {
    .filter-toggle-avail {
      padding-left: 16px;
      padding-right: 16px; } }
  .filter-toggle-avail .title-text {
    /* stylelint-disable-line */
    font-size: 14px;
    color: #000; }
    @media (max-width: 767.98px) {
      .filter-toggle-avail .title-text {
        color: #832729; } }

/* Optional styling */
.slider.round {
  border-radius: 34px; }

.slider.round::before {
  border-radius: 50%; }

.refinement-bar {
  background-color: white;
  overflow: auto; }
  .refinement-bar ul {
    padding-left: 0; }
  .refinement-bar .btn-outline-primary:active:focus,
  .refinement-bar .btn-outline-primary.active:focus,
  .refinement-bar .show > .btn-outline-primary.dropdown-toggle:focus,
  .refinement-bar .show > .btn-primary.dropdown-toggle:focus,
  .refinement-bar .btn:focus,
  .refinement-bar .btn.focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .refinement-bar .close:hover {
    opacity: 1; }
  .refinement-bar .border-remove:focus {
    outline: none; }
  @media (max-width: 767.98px) {
    .refinement-bar {
      background-color: #fff;
      -webkit-box-shadow: 0 0.313em 0.938em rgba(0, 0, 0, 0.5);
              box-shadow: 0 0.313em 0.938em rgba(0, 0, 0, 0.5);
      display: none;
      left: 0;
      position: fixed;
      height: 100%;
      width: 100%;
      z-index: 99; } }
  @media (max-width: 575.98px) {
    .refinement-bar {
      position: fixed; } }
  @media (min-width: 768px) {
    .refinement-bar {
      display: block !important;
      overflow: visible; } }

.filter-header {
  margin-left: calc($grid-gutter-width / 2 * -1);
  margin-right: calc($grid-gutter-width / 2 * -1); }
  .filter-header .header-bar img {
    float: left;
    margin-right: -1rem; }

.header-bar {
  background-color: #fff;
  border-bottom: 0.063em solid transparent; }
  .header-bar button.close {
    padding-left: 0;
    float: initial; }
  .header-bar .custom-text {
    padding-top: 0;
    font-family: "nunito_sansbold";
    padding-left: 0.938rem;
    color: #832729;
    float: left;
    font-size: 1rem;
    opacity: 1;
    text-transform: uppercase; }
  .header-bar .fa.fa-close::before {
    font-size: 1.25em; }
  @media (max-width: 767.98px) {
    .header-bar {
      padding: 2rem 1rem 2.438rem; } }

li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  li button span.checkbox-square {
    margin-right: 0.625rem;
    border: 0.063rem solid #832729;
    position: relative;
    display: block;
    float: left;
    height: 0.875rem;
    width: 0.938rem;
    background-color: #fff; }
    @media (min-width: 768px) {
      li button span.checkbox-square {
        scale: 1.1;
        margin-top: 0.18rem;
        border-radius: 0.125rem; } }

i.fa-check-square {
  color: #832729;
  margin-top: 0.18rem;
  scale: 1.4;
  padding-left: 0.188rem;
  padding-right: 0.638rem; }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .container.fiter-container div.collapsible-xl button.title {
    font-size: 0.7rem;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0; } }

@media (min-width: 1024px) and (max-width: 1049.98px) {
  .container.fiter-container div.collapsible-xl button.title {
    font-size: 0.875rem;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0; } }

@media (min-width: 768px) {
  .container.fiter-container div.collapsible-xl .col-md-2 {
    padding-right: 0; }
  .container.fiter-container div.collapsible-xl button.title {
    text-align: right;
    line-height: 2.5rem;
    color: #832729;
    border: 1px solid transparent;
    padding: 0 0.9375rem;
    border-radius: 0.3125rem;
    font-size: 0.875rem; }
    .container.fiter-container div.collapsible-xl button.title span {
      margin-right: 1.5rem; }
  .container.fiter-container div.collapsible-xl .title::after {
    content: "\f107";
    float: right;
    font-family: FontAwesome;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .container.fiter-container div.collapsible-xl.active button.title {
    border: 1px solid #000; }
    .container.fiter-container div.collapsible-xl.active button.title::after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .container.fiter-container div.collapsible-xl.active .card-body {
    display: block;
    max-height: 20.125rem;
    overflow-y: auto;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .container.fiter-container div.collapsible-xl.active .card-body::-webkit-scrollbar {
      width: 5px; }
    .container.fiter-container div.collapsible-xl.active .card-body::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 5px transparent;
              box-shadow: inset 0 0 5px transparent;
      border-radius: 10px; }
    .container.fiter-container div.collapsible-xl.active .card-body::-webkit-scrollbar-thumb {
      background: #832729;
      border-radius: 2px; }
    .container.fiter-container div.collapsible-xl.active .card-body::-webkit-scrollbar-thumb:hover {
      background: #832729; } }

@media (max-width: 1023.98px) {
  .container.fiter-container div.collapsible-xl button.title {
    padding: 0 0.625rem; } }

@media (max-width: 767.98px) {
  .container.fiter-container div.collapsible-xl button.title {
    text-align: left;
    border: 0.019rem solid #832729;
    color: #832729;
    border-radius: 0;
    margin-bottom: -0.25rem;
    text-decoration: none;
    background-color: #fff; } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .collapsible-custom {
    padding-top: 0.65rem;
    font-size: 0.7rem; } }

@media (min-width: 1024px) and (max-width: 1049.98px) {
  .collapsible-custom {
    padding-top: 0.59rem;
    font-size: 0.9rem; } }

@media (min-width: 768px) {
  .collapsible-custom {
    color: #832729;
    width: inherit;
    padding-right: 0;
    padding-left: 0;
    line-height: 2.5rem;
    font-size: 0.875rem; }
    .collapsible-custom span::after {
      float: right;
      padding-left: 1.3rem;
      content: "\f107";
      font-family: FontAwesome;
      color: #832729;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .collapsible-custom.active:focus {
      border: 1px solid #000; }
    .collapsible-custom.active span::after {
      content: "\f106";
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; } }

@media (max-width: 767.98px) {
  #see-more-filters-m {
    border: 0.0225rem solid #832729;
    border-top: 0 none;
    padding: 0 0 0.625rem 0;
    width: 100%; } }

#see-more-filters-m .card-body > .content {
  border: 0; }

#see-more-filters-m .card-body {
  display: none !important; }

#see-more-filters-m .refinement.open .card-body,
#see-more-filters-m .refinement.open .content {
  display: block !important; }

#see-more-filters-m .refinement.open .title::after {
  content: "\f068"; }

#see-more-filters-m .card-header {
  padding-top: 0.4375rem;
  padding-bottom: 0; }
  #see-more-filters-m .card-header .seemore-inner-title {
    line-height: normal;
    height: auto; }

#see-more-filters-m .card-body {
  padding-top: 11px; }

.seemore-mobile .collapsible-custom-m.title::after {
  content: "\f067" !important; }

.seemore-mobile.seemore-open .see-more-filters-m {
  display: block !important; }

.seemore-mobile.seemore-open .collapsible-custom-m.title::after {
  content: "\f068" !important; }

.seemore-mobile.active .card-body,
.seemore-mobile.active .content {
  display: none; }

#see-more-filters {
  width: 15rem;
  display: none;
  left: -3.8rem; }
  @media (min-width: 600px) and (max-width: 991px) {
    #see-more-filters {
      /* stylelint-disable-line */
      left: 0; } }
  @media (min-width: 1024px) {
    #see-more-filters .title-seemore.refinment-button:focus-visible > span {
      border: 1px solid #832729 !important; } }
  @media (min-width: 768px) {
    #see-more-filters {
      max-height: 20.125rem;
      overflow-y: auto;
      overflow-x: hidden;
      /* width */
      /* Track */
      /* Handle */
      /* Handle on hover */ }
      #see-more-filters .card .card-header {
        padding: 0; }
        #see-more-filters .card .card-header .collapsible-custom,
        #see-more-filters .card .card-header .collapsible-custom:hover {
          color: #832729; }
        #see-more-filters .card .card-header .title {
          color: #000;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          line-height: auto;
          border: 0 !important; }
      #see-more-filters .card .card-body {
        width: 15rem;
        margin-bottom: -1.5rem;
        position: relative;
        margin-top: 0;
        border: 0;
        padding-bottom: 0;
        background-color: transparent;
        top: -1rem;
        padding-top: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: 0; }
        #see-more-filters .card .card-body ul {
          margin: 0.625rem 0; }
      #see-more-filters::-webkit-scrollbar {
        width: 0.375rem; }
      #see-more-filters::-webkit-scrollbar-track {
        background: #fff; }
      #see-more-filters::-webkit-scrollbar-thumb {
        background-color: #832729;
        border-radius: 0.5rem; }
      #see-more-filters::-webkit-scrollbar-thumb:hover {
        background-color: #832729; } }

@media (max-width: 767.98px) {
  #see-more-filters-m > .card .card-header button.title {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    text-align: left;
    color: #832729;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }

@media (max-width: 767.98px) {
  #see-more-filters-m > .card .card-body {
    border: 0; } }

div.refinement {
  background-color: #fff; }

@media (max-width: 1023.98px) {
  .refinement-main-block {
    display: contents; } }

.refinements .card-body {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

@media (max-width: 1023.98px) {
  .refinements .card-body {
    width: 100%; } }

.refinements button {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 0.625rem;
  outline: 0; }
  @media (max-width: 1023.98px) {
    .refinements button {
      padding: 0 0.5625rem; } }

.refinements.active button {
  border: 1px solid #832729; }

.refinements .btn:hover {
  color: #832729; }

@media (min-width: 768px) {
  .refinements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: auto;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .refinements .card {
      border: 0; }
      .refinements .card.active h2 img {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
      .refinements .card h2 img {
        float: right;
        margin-top: 0; }
      .refinements .card .card-header {
        font-family: "nunito_sansregular";
        font-size: 0.875rem;
        padding-left: 0;
        padding-right: 0;
        background-color: white;
        border: 0;
        color: #832729; }
      .refinements .card .card-body {
        border: 0.063rem solid #832729;
        z-index: 11;
        background: #fff;
        position: absolute;
        top: 4rem;
        min-width: 12rem;
        font-family: "nunito_sanssemibold";
        border-radius: 0.1875rem;
        padding: 0.625rem;
        -webkit-box-shadow: 0 0 15px #83272933;
                box-shadow: 0 0 15px #83272933;
        display: none; } }

@media (min-width: 1024px) {
  .refinements {
    max-width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.refinements .header,
.refinements .values {
  padding: 0.313em 0; }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .refinements .header li,
    .refinements .values li {
      display: inline-block; } }

.refinements .header {
  font-size: 1.125em;
  color: #444; }

.refinements ul {
  overflow: auto;
  margin: 0; }
  .refinements ul li {
    padding-left: 0.063rem; }
    @media (min-width: 768px) {
      .refinements ul li {
        padding: 0.3125rem 0; } }
    .refinements ul li button {
      border: none;
      color: var(--skin-link-color-1);
      background-color: transparent; }

.refinements li {
  list-style-type: none;
  padding-left: 0; }
  .refinements li.color-attribute {
    display: inline-block;
    padding-left: 0; }
    .refinements li.color-attribute button {
      padding: 0; }
  .refinements li.disabled {
    opacity: 0.5; }

@media (max-width: 575.98px) {
  .refinements {
    padding: 0; } }

.refinements .card-header h2 {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 0; }

.secondary-bar {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1em;
  overflow: auto;
  color: #832729; }
  .secondary-bar button.reset,
  .secondary-bar button.reset:active,
  .secondary-bar button.reset:hover,
  .secondary-bar button.reset:active {
    color: #832729 !important;
    background-color: #fff !important;
    border-color: #832729 !important; }
    @media (max-width: 767.98px) {
      .secondary-bar button.reset,
      .secondary-bar button.reset:active,
      .secondary-bar button.reset:hover,
      .secondary-bar button.reset:active {
        float: left;
        width: 48%; } }
  @media (max-width: 767.98px) {
    .secondary-bar button.apply {
      float: right;
      width: 48%; } }
  @media (max-width: 575.98px) {
    .secondary-bar button.apply {
      width: 5.375rem; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .secondary-bar {
      padding: 0.938em 2.813em; } }
  @media (max-width: 575.98px) {
    .secondary-bar {
      padding: 0.938em; } }
  @media (max-width: 767.98px) {
    .secondary-bar {
      position: relative;
      margin: 0;
      padding: 0;
      margin-top: 0.5rem;
      background-color: transparent; }
      .secondary-bar .filter-action-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        padding: 20px 0; }
        .secondary-bar .filter-action-btn .close {
          font-size: 1rem;
          opacity: 1 !important;
          font-family: "nunito_sansregular";
          color: #fff !important;
          background-color: #832729 !important;
          border-color: #832729 !important;
          padding: 0.375rem 0.938rem;
          border: 0.025rem solid;
          float: right;
          width: 48%;
          text-shadow: none;
          line-height: inherit;
          font-weight: inherit; } }
  @media (min-width: 768px) {
    .secondary-bar {
      max-width: 100%;
      margin: auto;
      padding-left: 0.625rem;
      padding-right: 0.3125rem; }
      .secondary-bar button.reset {
        padding-top: 0;
        border: 0;
        font-family: "nunito_sanssemibold";
        float: right;
        font-size: 0.75rem;
        text-decoration: underline;
        color: #832729 !important;
        background-color: #fff !important;
        border-color: #832729 !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        width: auto;
        position: absolute;
        right: 0;
        bottom: 0; } }
  .secondary-bar .filter-bar secondary-bar {
    position: relative; }

.refinement-header {
  overflow: auto; }

.disabled {
  pointer-events: none; }

.sort-by-d #sortby-custom-select .sorybyoption {
  border: none;
  outline: none; }

@media (min-width: 768px) and (max-width: 1023.98px) {
  .sort-by-d {
    left: -4rem; } }

@media (min-width: 768px) {
  .sort-by-d {
    color: #832729;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 17.063rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: -22px;
    background: #fff;
    height: 3.75rem;
    border-radius: 0.375rem;
    position: relative; }
    .sort-by-d .sort-by-text {
      color: #832729;
      font-family: "satoshi Variable", sans-serif;
      padding: 0;
      margin: 0;
      font-size: 18px !important;
      width: 5.3125rem;
      padding-left: 0.9375rem;
      text-align: center;
      line-height: 16px !important;
      font-weight: 400;
      padding-top: 0.1875rem; }
    .sort-by-d .custom-select {
      font-family: "nunito_sanssemibold";
      background: transparent;
      text-align: right;
      color: #832729;
      right: 0;
      top: 0.1rem;
      border: 0.0625rem solid #832729;
      border-radius: 0.3125rem;
      opacity: 1;
      width: 17.0625rem;
      height: 3.75rem;
      position: absolute; }
    .sort-by-d .custom-select:focus {
      -webkit-box-shadow: none;
              box-shadow: none; } }

.grid-header-next {
  max-width: 100%;
  margin: auto;
  position: relative;
  z-index: 1; }
  @media (min-width: 768px) {
    .grid-header-next {
      margin-bottom: 2rem; } }
  @media (min-width: 1024px) {
    .grid-header-next .sortby {
      padding: 0px 13px 0px 0px;
      /* stylelint-disable-line length-zero-no-unit */ } }

@media (max-width: 1023.98px) {
  .tab-pane#product-search-results > .grid-header {
    margin-top: 0 !important; } }

.tab-pane#product-search-results > .grid-header.d-md-none {
  border: 0.031rem solid #832729;
  z-index: 3;
  background: #fff;
  margin-bottom: 0; }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .tab-pane#product-search-results > .grid-header.d-md-none {
      margin-right: -1.8em;
      margin-left: -1.84em; } }

@media (max-width: 1023.98px) {
  .tab-pane#product-search-results > .grid-header .sort-results {
    height: 100%; } }

@media (max-width: 767.98px) {
  .tab-pane#product-search-results > .grid-header {
    position: fixed;
    top: 92.2vh;
    height: 65px !important;
    width: 100%;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    left: 5px;
    z-index: 10;
    background: #fff; }
    .tab-pane#product-search-results > .grid-header.filter-position {
      top: 11.2rem; }
      .tab-pane#product-search-results > .grid-header.filter-position.addtop {
        top: 7.2rem;
        left: 5px; } }

@media (max-width: 767.98px) {
  .tab-pane#product-search-results > .filter-bar {
    position: fixed;
    top: 10rem;
    background: #fff;
    width: 100%;
    z-index: 1;
    padding-bottom: 0;
    margin-left: 0;
    left: 0; }
    .tab-pane#product-search-results > .filter-bar.filter-position {
      top: 14rem; }
      .tab-pane#product-search-results > .filter-bar.filter-position.addtop {
        top: 10rem; } }

@media (max-width: 1023.98px) {
  .tab-pane#product-search-results .notification-handler {
    top: 7.375rem; } }

.tab-pane .btn-outline-primary:active:focus,
.tab-pane .btn-outline-primary.active:focus,
.tab-pane .show > .btn-outline-primary.dropdown-toggle:focus,
.tab-pane .btn:focus,
.tab-pane .btn.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0; }

.grid-header,
.content-grid-header {
  margin-bottom: 1em; }
  .grid-header .btn-primary:active,
  .grid-header .btn-primary.active,
  .grid-header .show > .btn-primary.dropdown-toggle,
  .content-grid-header .btn-primary:active,
  .content-grid-header .btn-primary.active,
  .content-grid-header .show > .btn-primary.dropdown-toggle {
    color: #832729;
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .grid-header .btn-outline-primary:active:focus,
  .grid-header .btn-outline-primary.active:focus,
  .grid-header .show > .btn-outline-primary.dropdown-toggle:focus,
  .grid-header .btn:focus,
  .grid-header .btn.focus,
  .content-grid-header .btn-outline-primary:active:focus,
  .content-grid-header .btn-outline-primary.active:focus,
  .content-grid-header .show > .btn-outline-primary.dropdown-toggle:focus,
  .content-grid-header .btn:focus,
  .content-grid-header .btn.focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  @media (max-width: 767.98px) {
    .grid-header button.filter-results,
    .grid-header button.filter-results:focus,
    .grid-header button.sort-results,
    .grid-header button.sort-result:focus,
    .content-grid-header button.filter-results,
    .content-grid-header button.filter-results:focus,
    .content-grid-header button.sort-results,
    .content-grid-header button.sort-result:focus {
      -webkit-box-shadow: none;
              box-shadow: none;
      border-left: 0.0625rem solid #832729bd;
      font-family: "nunito_sansextrabold";
      font-weight: 800;
      border-right: 0;
      border-radius: 0;
      border-top: 0;
      border-bottom: 0;
      background-color: #fff;
      color: #832729;
      display: block;
      width: 100%; }
    .grid-header button.sort-results,
    .content-grid-header button.sort-results {
      padding-top: 0.6rem; } }
  @media (max-width: 575.98px) {
    .grid-header .result-count,
    .content-grid-header .result-count {
      padding-bottom: 0.938em; } }
  .grid-header select,
  .content-grid-header select {
    width: 100%; }

.result-count {
  font-size: 0.875rem; }

.refinement button {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

@media (min-width: 768px) {
  .refinement {
    margin-bottom: 0; } }

@media (max-width: 767.98px) {
  .refinement.card {
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 0; }
  .refinement .card-header {
    border-bottom: 0 none;
    padding: 0.563rem 1rem; }
    .refinement .card-header button.title {
      height: 2.688rem;
      padding-top: 0; }
    .refinement .card-header button span {
      font-size: 0.875rem; }
  .refinement .card-body {
    padding: 0 1rem; }
    .refinement .card-body > ul {
      border: 0.0225rem solid #832729;
      border-top: 0 none;
      border-bottom-left-radius: 0.625rem;
      border-bottom-right-radius: 0.625rem;
      border-left: 0.025rem solid #707070;
      border-bottom: 0.025rem solid #707070;
      border-right: 0.025rem solid #707070;
      position: relative;
      top: -0.313rem; } }

.refinement a {
  text-decoration: none; }

.refinement.refinement-category li {
  margin-left: 0.938em;
  display: block; }

.refinement.refinement-category > ul > li {
  margin-left: 0; }

.search-banner {
  background-image: url("../images/search.jpg");
  background-position-y: 40%; }

.search-keywords {
  font-weight: bold; }

.fiter-container {
  max-width: 100%; }
  .fiter-container.position-fixed {
    top: 115px;
    z-index: 9; }
    @media (min-width: 1024px) {
      .fiter-container.position-fixed {
        top: 75px; } }
  .fiter-container .filter-shade {
    -webkit-box-shadow: 0 0.1875rem 0.5rem #5d5d5d26;
            box-shadow: 0 0.1875rem 0.5rem #5d5d5d26; }
    @media (min-width: 768px) and (max-width: 1023.98px) {
      .fiter-container .filter-shade {
        z-index: 8;
        background: white;
        top: 7.2rem; } }
    @media (min-width: 1024px) {
      .fiter-container .filter-shade {
        z-index: 8;
        background: white;
        top: 0;
        position: relative; } }

.fiter-container .refinement-bar {
  max-width: 100%; }
  @media (max-width: 767.98px) {
    .fiter-container .refinement-bar .container {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 125px; } }
  @media (min-width: 768px) {
    .fiter-container .refinement-bar {
      padding-left: 0;
      padding-right: 0; } }

@media (min-width: 576px) {
  .filter-bar {
    top: 10.1rem;
    background: #fff;
    position: sticky;
    z-index: 2;
    padding: 0; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  .filter-bar {
    margin-left: -3em;
    margin-right: -1em; } }

.filter-bar ul {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-padding-start: 0;
          padding-inline-start: 0; }

.filter-bar li {
  list-style: none;
  float: left;
  margin-left: 0.3125em;
  margin-right: 0.3125em; }
  .filter-bar li:first-child {
    margin-left: 0; }
  .filter-bar li.filter-value {
    border: 0.01875rem solid #832729;
    padding: 0 0.3125em;
    border-radius: 0.875rem;
    position: relative;
    margin-top: 0.2rem; }
    .filter-bar li.filter-value span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
      .filter-bar li.filter-value span::after {
        color: #832729;
        content: "\00d7";
        cursor: pointer;
        font-size: 1.2rem;
        font-weight: lighter;
        height: 20px;
        line-height: 19px;
        margin-left: 2rem;
        text-align: center;
        width: 20px;
        display: block; }
    .filter-bar li.filter-value button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: none;
      padding: 0.125rem 0.5rem !important; }
      @media (max-width: 767.98px) {
        .filter-bar li.filter-value button {
          color: #000;
          font-size: 0.75rem; } }
      @media (min-width: 768px) {
        .filter-bar li.filter-value button {
          color: #832729;
          font-size: 0.875rem; } }
      .filter-bar li.filter-value button::after {
        content: "\f00d";
        font: normal normal normal 0.875rem/1 FontAwesome;
        text-rendering: auto;
        position: relative;
        right: -1.375rem;
        padding-top: 0.125rem; }
  .filter-bar li.swatch-filter {
    font-size: 1.38em;
    position: relative;
    margin-top: 0.25rem; }
    .filter-bar li.swatch-filter button {
      width: 100%;
      height: 100%;
      display: block;
      border: none; }
      .filter-bar li.swatch-filter button::before {
        content: "";
        background-color: white;
        width: 0.8em;
        height: 0.8em;
        border-radius: 0.4em;
        position: absolute;
        left: 0.5em;
        top: 0.5em; }
      .filter-bar li.swatch-filter button::after {
        content: "\f057";
        font: normal normal normal 0.875rem/1 FontAwesome;
        display: inline;
        text-rendering: auto;
        position: absolute;
        left: 0.18em;
        top: 0.12em;
        font-size: 1.5em; }

@media (max-width: 575.98px) {
  .tab-content {
    padding-left: 0;
    padding-right: 0; } }

.search-tips {
  text-align: left;
  margin-top: 1.875rem; }

.category-item {
  margin-bottom: 0.938rem; }

.show-more,
.show-more-content {
  padding: 0.938em;
  clear: both; }

.swatch-mark.color-value[data-selected=true]::after {
  color: #000;
  content: '\f058';
  display: table-caption;
  font-family: 'FontAwesome';
  font-size: 1.625em;
  left: 0.295em;
  position: absolute; }

.swatch-mark.color-value.selected::after {
  background: #fff;
  border-radius: 50%;
  color: #000;
  content: '\f058';
  display: table-caption;
  font-family: 'FontAwesome';
  font-size: 1.625em;
  height: 0.75em;
  left: 0.31em;
  line-height: 0.8em;
  position: absolute;
  top: 0.35em;
  width: 0.8em; }

.search-nav {
  border-bottom: 0.063em solid #ccc; }
  @media (max-width: 767.98px) {
    .search-nav {
      margin-bottom: 0;
      border-bottom: 0; } }
  .search-nav .nav-tabs-wrapper {
    padding: 0; }
    @media (max-width: 575.98px) {
      .search-nav .nav-tabs-wrapper {
        width: 100%; } }
    .search-nav .nav-tabs-wrapper .nav-tabs {
      border-bottom: 0 none; }
  .search-nav .nav-link:focus {
    background-color: #f9f9f9; }

.product-options .quantity {
  position: absolute;
  bottom: 0;
  right: 0; }

.no-result-found-root {
  background-color: #fff; }
  @media (max-width: 767.98px) {
    .no-result-found-root {
      margin-bottom: 3rem; } }
  @media (min-width: 768px) {
    .no-result-found-root {
      margin-bottom: 5rem; } }
  @media (max-width: 767.98px) {
    .no-result-found-root .no-result-found-col-two {
      margin-top: 2rem; } }
  .no-result-found-root .no-result-found-col-two ul {
    list-style-type: none; }
  .no-result-found-root .no-result-found-col-two li::before {
    content: "-";
    color: #000;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }
  .no-result-found-root .no-result-found-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .no-result-found-root ul {
    padding-left: 0.875rem;
    margin-bottom: 3rem; }
    @media (min-width: 768px) and (max-width: 1023.98px) {
      .no-result-found-root ul {
        margin-bottom: 1rem; } }
  .no-result-found-root .no-result-oops {
    text-align: left;
    font: normal normal 800 2.5rem/3.375rem "nunito_sansregular";
    letter-spacing: 0.1rem;
    color: #832729;
    opacity: 1; }
    @media (min-width: 768px) and (max-width: 1023.98px) {
      .no-result-found-root .no-result-oops {
        font-size: 1.875rem; } }
    @media (max-width: 767.98px) {
      .no-result-found-root .no-result-oops {
        font-size: 1.25rem; } }
  @media (min-width: 768px) and (max-width: 1023.98px) {
    .no-result-found-root .not-found-with-msg,
    .no-result-found-root ul li.no-result-found-guides {
      line-height: 1.9rem; } }
  @media (max-width: 1023.98px) {
    .no-result-found-root .not-found-with-msg,
    .no-result-found-root ul li.no-result-found-guides {
      font: normal normal normal 0.75rem/1.875rem "nunito_sansregular"; } }
  @media (min-width: 768px) {
    .no-result-found-root .not-found-with-msg,
    .no-result-found-root ul li.no-result-found-guides {
      font: normal normal normal 0.8125rem/1.75rem "nunito_sansregular"; } }
  .no-result-found-root .not-found-with-msg {
    text-align: left;
    font: normal normal 600 1.5625rem/3.125rem "nunito_sansregular";
    letter-spacing: 0.0938rem;
    color: #000;
    opacity: 1; }
    @media (max-width: 1023.98px) {
      .no-result-found-root .not-found-with-msg {
        font-size: 1rem;
        line-height: 1.5rem; } }
  .no-result-found-root .no-result-found-guides {
    text-align: left;
    letter-spacing: 0.0325rem;
    color: #000;
    opacity: 1; }
  .no-result-found-root #redirect-to-shopping-page {
    background: #832729 0% 0% no-repeat padding-box;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    opacity: 1;
    color: #fff;
    top: 36.125rem;
    left: 47.875rem; }
    @media (max-width: 767.98px) {
      .no-result-found-root #redirect-to-shopping-page {
        height: 2.75rem;
        width: 11.25rem;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font: normal normal bold 0.813rem/1.625rem "nunito_sansregular"; } }
    .no-result-found-root #redirect-to-shopping-page img {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    @media (min-width: 768px) {
      .no-result-found-root #redirect-to-shopping-page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 13.563rem;
        height: 3.125rem; }
        .no-result-found-root #redirect-to-shopping-page img {
          display: none; } }
  .no-result-found-root #no-result-found-img {
    opacity: 0.44;
    max-width: 100%; }

.skull-select select {
  width: auto; }

.bottom-region {
  margin-left: -0.938rem;
  margin-right: -0.938rem; }
  .bottom-region .mx-4 {
    margin: 0 !important;
    margin-bottom: 0.625rem !important; }
  .bottom-region .accordion {
    margin: 0 !important;
    padding: 0 !important; }

#maincontent .search-results .tab-content.col-12 {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 767.98px) {
    #maincontent .search-results .tab-content.col-12 {
      padding-top: 0px; } }

@media (max-width: 767.98px) {
  .mobileHeaderSearch {
    margin-bottom: -25px !important; } }

@media (min-width: 1024px) {
  .fiter-container.position-fixed {
    top: 75px; } }

.grid-header-next.quick-filters-plp {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0px;
  /* stylelint-disable-line length-zero-no-unit */ }
  @media (max-width: 767.98px) {
    .grid-header-next.quick-filters-plp {
      padding: 0px;
      /* stylelint-disable-line length-zero-no-unit */
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 0px;
      /* stylelint-disable-line length-zero-no-unit */
      z-index: auto; } }
  @media (min-width: 768px) {
    .grid-header-next.quick-filters-plp {
      gap: 75px; } }

/* ===== Quick Filters: + when idle, ✕ when selected ===== */
.refinements2.quick-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  /* Selected state => burgundy border/text + X */ }
  .refinements2.quick-filters .quick-filter-value {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 16px;
    border-radius: 8px;
    border: 1px solid #CFCFCF;
    /* grey */
    background: #fff;
    color: #575757;
    /* grey text */
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: border-color .15s ease, color .15s ease, background .15s ease;
    transition: border-color .15s ease, color .15s ease, background .15s ease;
    /* the + / x symbol */
    /* hover feedback (optional) */ }
    .refinements2.quick-filters .quick-filter-value .qf-label {
      pointer-events: none; }
    .refinements2.quick-filters .quick-filter-value::after {
      content: "+";
      display: inline-block;
      margin-left: 10px;
      font-weight: 200;
      line-height: 1;
      color: #0000008A;
      /* grey + */
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px); }
    @media (hover: hover) {
      .refinements2.quick-filters .quick-filter-value:hover {
        border-color: #BDBDBD; } }
  .refinements2.quick-filters .quick-filter-value.selected,
  .refinements2.quick-filters .quick-filter-value[aria-pressed="true"] {
    border-color: #832729;
    color: #832729;
    background: #fff;
    /* white like your screenshot */ }
    .refinements2.quick-filters .quick-filter-value.selected::after,
    .refinements2.quick-filters .quick-filter-value[aria-pressed="true"]::after {
      content: "\00D7";
      /* × */
      color: #832729;
      font-weight: 200;
      font-size: 30px;
      margin-top: 3px;
      margin-left: 8px;
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px); }

/* hide on tablet/mobile */
@media (max-width: 991.98px) {
  #leftDrawer,
  #leftDrawerOverlay {
    display: none !important; }
  .quick-filters__show-more {
    display: none !important; }
  .quick-filters__list {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    /* hide scrollbar: WebKit */
    /* hide scrollbar: Firefox */
    scrollbar-width: none; }
    .quick-filters__list::-webkit-scrollbar {
      display: none; } }

/* overlay for the remaining 70% area (optional) */
.left-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .25s ease, visibility .25s ease;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 1049; }

/* the drawer itself */
.desktop-left-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 30vw;
  /* left 30% */
  max-width: 560px;
  /* optional cap */
  height: 100vh;
  /* full height */
  background: #fff;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.18);
          box-shadow: 0 0 24px rgba(0, 0, 0, 0.18);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform .35s ease;
  transition: -webkit-transform .35s ease;
  transition: transform .35s ease;
  transition: transform .35s ease, -webkit-transform .35s ease;
  z-index: 1050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.desktop-left-popup .drawer-content {
  overflow: auto;
  padding: 24px;
  height: 100%; }

.desktop-left-popup .drawer-close {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 28px;
  line-height: 1;
  border: 0;
  background: transparent;
  cursor: pointer; }

/* Make button content align nicely */
.title.refinment-button.third3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

/* Arrow base style */
.title.refinment-button.third3 .filter-arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  position: relative; }

/* Simple chevron using border (you can swap this for an SVG if needed) */
.title.refinment-button.third3 .filter-arrow::before {
  content: '';
  border-style: solid;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  /* arrow pointing down by default */ }

/* CLOSED state → arrow UP */
.title.refinment-button.third3[aria-expanded="false"] .filter-arrow::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  /* up */ }

/* OPEN state → arrow DOWN */
.title.refinment-button.third3[aria-expanded="true"] .filter-arrow::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  /* down */ }

/* ===== Brand & base ===== */
:root {
  --plp-brand: #832729;
  /* your brand red */
  --plp-text: #2b2b2b;
  --plp-muted: #777;
  --plp-border: #e9e9e9;
  --plp-bg: #ffffff; }

@media (max-width: 787px) {
  .mobileFilter {
    padding-right: 0px !important; }
  .product-name {
    width: 58% !important; }
  #product-search-results {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .plpHeadingMobile {
    font-size: 20px !important;
    line-height: 30px !important;
    font-weight: 500 !important; }
  .filterModalCompare {
    width: 100% !important;
    height: 100vh !important; }
  .link {
    max-width: 170% !important; }
  .applied-summary-bar {
    bottom: 75px !important; }
  .modal-footer {
    bottom: 0px !important; } }

/* ===== Drawer container tweaks ===== */
@media (min-width: 992px) {
  #exampleModalCompare1 .modal-dialog {
    /* already left-docked & animated in your CSS */
    -webkit-box-shadow: 2px 0 12px rgba(0, 0, 0, 0.12);
            box-shadow: 2px 0 12px rgba(0, 0, 0, 0.12); }
  .filtersPart {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 4px;
    scrollbar-width: auto;
    scrollbar-color: #832729 #e9e9e9;
    scrollbar-color: auto; }
    .filtersPart scrollbar-button-start,
    .filtersPart scrollbar-button-end,
    .filtersPart scrollbar-button-up,
    .filtersPart scrollbar-button-down,
    .filtersPart -moz-scrollbar-button-start,
    .filtersPart -moz-scrollbar-button-end {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      height: 0 !important;
      width: 0 !important; }
    .filtersPart::-webkit-scrollbar {
      width: 4px !important; }
    .filtersPart::-webkit-scrollbar-track {
      background: #e9e9e9;
      border-radius: 999px;
      margin: 8px 0; }
    .filtersPart::-webkit-scrollbar-thumb {
      background: #832729;
      border-radius: 999px;
      min-height: 40px; }
    .filtersPart::-webkit-scrollbar-thumb:hover {
      background: #6f2122; }
    .filtersPart::-webkit-scrollbar-button {
      display: none !important;
      width: 0 !important;
      height: 0 !important; }
  /* thin brand line on the right (as in the screenshot) */
  #exampleModalCompare1 .modal-content {
    position: relative;
    background: var(--plp-bg); } }

/* ===== Header: “Filters (xxxx Results)” + CLEAR ALL ===== */
#exampleModalCompare1 .modal-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 15px;
  border-bottom: 1px solid var(--plp-border); }

#exampleModalCompare1 .modal-title,
#exampleModalCompare1 .drawer-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--plp-text);
  letter-spacing: .2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px; }

/* optional filter icon before the title (appears only if you add .drawer-title) */
/* “CLEAR ALL” link on the right (add <a class="clear-all"> if not already) */
#exampleModalCompare1 .clear-all {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400 !important;
  color: var(--plp-brand);
  text-transform: uppercase;
  letter-spacing: .3px;
  cursor: pointer; }

#exampleModalCompare1 .clear-all:hover {
  opacity: .9; }

/* close “X” visual alignment */
#exampleModalCompare1 .close {
  margin-left: 12px;
  opacity: .6; }

#exampleModalCompare1 .close:hover {
  opacity: 1; }

/* ===== Body / list (accordion-style cards) ===== */
#exampleModalCompare1 .modal-body {
  padding: 0;
  /* list should butt against edges like screenshot */
  background: var(--plp-bg); }

/* each refinement row card */
#exampleModalCompare1 .card.refinement,
#exampleModalCompare1 .card.see-more-items,
#exampleModalCompare1 .card.seemore-mobile {
  border: 0;
  border-radius: 0;
  margin: 0;
  position: relative; }

.drawer-hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.drawer-hdr .drawer-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.filter-popup-close {
  font-size: 24px;
  line-height: 1;
  color: #832729;
  text-decoration: none; }

#exampleModalCompare1 .card.refinement::after,
#exampleModalCompare1 .card.see-more-items::after,
#exampleModalCompare1 .card.seemore-mobile::after {
  content: "";
  display: block;
  width: 80%;
  margin-left: auto;
  /* center horizontally */
  margin-right: auto;
  /* no top/bottom spacing */
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid var(--plp-border); }

/* header row of each card: tall, centered text, divider to the right */
#exampleModalCompare1 .card.refinement .card-header,
#exampleModalCompare1 .card.see-more-items .card-header,
#exampleModalCompare1 .card.seemore-mobile .card-header {
  padding: 16px 25px;
  background: #fff;
  border: 0; }

/* the clickable title */
#exampleModalCompare1 .refinment-button,
#exampleModalCompare1 .title,
#exampleModalCompare1 .title-seemore {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* text left, chevron right */
  padding: 0;
  font-family: 'Gambetta-Variable';
  color: var(--plp-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: .2px;
  background: transparent;
  border: 0;
  text-transform: none; }

/* right chevron (down by default) */
#exampleModalCompare1 .refinment-button::after,
#exampleModalCompare1 .title::after,
#exampleModalCompare1 .title-seemore::after {
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 12px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/12px 12px;
  -webkit-transform: rotate(0deg) scale(2);
          transform: rotate(0deg) scale(2);
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease; }

/* when expanded, rotate chevron up */
#exampleModalCompare1 .refinment-button[aria-expanded="true"]::after,
#exampleModalCompare1 .title[aria-expanded="true"]::after,
#exampleModalCompare1 .title-seemore[aria-expanded="true"]::after {
  -webkit-transform: rotate(180deg) scale(2);
          transform: rotate(180deg) scale(2); }

/* body of each refinement group */
#exampleModalCompare1 .card.refinement .card-body,
#exampleModalCompare1 .card.see-more-items .card-body,
#exampleModalCompare1 .card.seemore-mobile .card-body {
  padding: 6px 20px 18px;
  background: #fff; }

/* subtle row hover */
@media (hover: hover) {
  #exampleModalCompare1 .card.refinement .card-header:hover {
    background: #fafafa; } }

/* ===== Sticky bottom bars ===== */
/* summary strip: “7 Filters Applied   View” (add .applied-summary-bar if present) */
#exampleModalCompare1 .applied-summary-bar {
  position: sticky;
  /* sits above footer when scrolled */
  bottom: 64px;
  /* footer height ≈ 64px */
  z-index: 2;
  background: var(--plp-brand);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 16px;
  font: 700 16px/18px "satoshi Variable", sans-serif !important; }

/* footer with Cancel / Apply buttons */
#exampleModalCompare1 .modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  background: #fff;
  border-top: 1px solid var(--plp-border);
  padding: 10px 12px;
  gap: 10px;
  -webkit-box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.08);
          box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.08); }

/* button styling to match screenshot proportions */
#exampleModalCompare1 .modal-footer .btn {
  min-height: 40px;
  font-size: 13px;
  border-radius: 8px;
  padding: 0 14px; }

#exampleModalCompare1 .modal-footer .delete-list-no-button {
  /* Cancel */
  background: #fff;
  color: var(--plp-text);
  border: 1px solid var(--plp-border); }

#exampleModalCompare1 .modal-footer .remove-all {
  /* Apply All */
  background: var(--plp-brand);
  color: #fff;
  border: 1px solid var(--plp-brand); }

[dir="rtl"] #exampleModalCompare1 .card.refinement .card-body ul {
  text-align: justify; }

/* Container: align items into rows with spacing */
#exampleModalCompare1 .card.refinement .card-body ul.values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 12px;
  border: none !important;
  padding: 0;
  margin: 0; }

/* Each li reset */
#exampleModalCompare1 .card.refinement .card-body ul.values li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0; }

/* Style the button like a pill */
#exampleModalCompare1 .card.refinement .card-body ul.values li button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 14px;
  height: 32px !important;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #f4f4f4;
  color: #2b2b2b;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: "satoshi Variable", sans-serif;
  cursor: pointer;
  white-space: nowrap; }

/* Hide the old checkbox square span */
#exampleModalCompare1 .card.refinement .card-body ul.values li button .checkbox-square {
  display: none; }

/* Selected state (Bootstrap usually toggles `selected` class, 
   if not, you can also add `[aria-pressed="true"]` or JS toggle) */
#exampleModalCompare1 .card.refinement .card-body ul.values li button.active,
#exampleModalCompare1 .card.refinement .card-body ul.values li button.selected {
  background: #832729;
  border-color: #832729;
  color: #fff;
  font-weight: 600; }

#exampleModalCompare1 .drawer-hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--plp-border, #e9e9e9); }

#exampleModalCompare1 .drawer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-right: auto;
  color: var(--plp-text, #2b2b2b);
  font-size: 16px;
  line-height: 1.2; }

#exampleModalCompare1 .drawer-title .muted {
  font-weight: 500;
  color: #8a5a5a; }

#exampleModalCompare1 .filter-ic {
  width: 24px;
  height: 24px;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5h18l-7 8v5l-4 2v-7L3 5z' stroke='%23832729' stroke-width='1.8' fill='none'/%3E%3C/svg%3E") no-repeat center/contain; }

#exampleModalCompare1 .clear-all {
  color: var(--plp-brand, #832729);
  font-weight: 400;
  letter-spacing: .3px;
  text-transform: uppercase;
  font-size: 12px; }

#exampleModalCompare1 .clear-all:hover {
  opacity: .9;
  text-decoration: none; }

/* ===== Top summary strip: "7 Filters Applied   View" ===== */
#exampleModalCompare1 .applied-summary-bar {
  position: sticky;
  /* sits above footer while scrolling */
  bottom: 85px;
  /* ≈ footer height */
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px 35px;
  background: var(--plp-brand, #832729);
  color: #fff;
  font-size: 16px;
  font-weight: 700; }

#exampleModalCompare1 .applied-summary-bar a,
#exampleModalCompare1 .applied-summary-bar .view-link {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0%;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 700; }

/* ===== Bottom footer: Cancel (ghost) + Apply All (filled) ===== */
#exampleModalCompare1 .modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  gap: 16px;
  padding: 14px 16px;
  background: #fff;
  border-top: 1px solid var(--plp-border, #e9e9e9);
  -webkit-box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.08);
          box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.08); }

#exampleModalCompare1 .modal-footer .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  height: 48px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  padding: 0; }

/* Ghost button = Cancel */
#exampleModalCompare1 .modal-footer .delete-list-no-button {
  background: #fff;
  color: var(--plp-brand, #832729);
  border: 2px solid var(--plp-brand, #832729);
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0%; }

/* Filled button = Apply All */
#exampleModalCompare1 .modal-footer .remove-all {
  background: var(--plp-brand, #832729);
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0%;
  border: 2px solid var(--plp-brand, #832729); }

/* Optional hover feedback */
@media (hover: hover) {
  #exampleModalCompare1 .modal-footer .delete-list-no-button:hover {
    background: #f9f9f9; }
  #exampleModalCompare1 .modal-footer .remove-all:hover {
    -webkit-filter: brightness(0.95);
            filter: brightness(0.95); } }

/* Selected item inside the dropdown list */
.option-values-sort .option-value[aria-selected="true"] .label {
  color: #832729;
  /* black */
  font-weight: 700;
  /* bolder */ }

/* Text shown on the trigger (current sort) */
.custom-plp-dropdown .selected-value-sort {
  color: #832729;
  /* black */
  font-weight: 700;
  /* bolder */ }

.nores-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 56px 16px 88px; }
  .nores-wrap .nores-card {
    text-align: center;
    max-width: 620px;
    width: 100%;
    margin: 0 auto; }
  .nores-wrap .nores-illus {
    width: 158px;
    height: auto;
    margin: 0 auto 16px;
    opacity: .95;
    display: block; }
  .nores-wrap .nores-title {
    margin: 0 0 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: .2px;
    color: #2b2b2b; }
    .nores-wrap .nores-title .query-string {
      font-weight: 400; }
  .nores-wrap .nores-sub {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: #777; }
  .nores-wrap .nores-divider {
    margin: 18px auto 12px;
    width: 420px;
    max-width: 80%;
    border: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.08); }
  .nores-wrap .nores-links {
    margin-top: 4px; }
    .nores-wrap .nores-links .nores-links-label {
      display: inline-block;
      margin-right: 8px;
      font-size: 14px;
      color: #999; }
  .nores-wrap .nores-chips {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 8px 0 0;
    list-style: none; }
    .nores-wrap .nores-chips .chip {
      display: inline-block;
      padding: 1px 12px;
      font-size: 12px;
      line-height: 1;
      color: #2b2b2b;
      text-decoration: none;
      background: #fff;
      border: 1px solid #e5e5e5;
      border-radius: 5px !important;
      -webkit-transition: -webkit-box-shadow .2s ease, -webkit-transform .04s ease;
      transition: -webkit-box-shadow .2s ease, -webkit-transform .04s ease;
      transition: box-shadow .2s ease, transform .04s ease;
      transition: box-shadow .2s ease, transform .04s ease, -webkit-box-shadow .2s ease, -webkit-transform .04s ease; }
      .nores-wrap .nores-chips .chip:hover {
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); }
      .nores-wrap .nores-chips .chip:active {
        -webkit-transform: translateY(1px);
                transform: translateY(1px); }
  @media (max-width: 575.98px) {
    .nores-wrap {
      padding: 40px 14px 56px; }
      .nores-wrap .nores-illus {
        width: 130px;
        margin-bottom: 12px; }
      .nores-wrap .nores-title {
        font-size: 16px; }
      .nores-wrap .nores-sub {
        font-size: 12px; }
      .nores-wrap .nores-chips .chip {
        padding: 6px 10px;
        font-size: 12px; } }

#exampleModalCompare1 .card.refinement > .card-body {
  display: none; }

.option-values .option-value.active,
.option-values .option-value[aria-selected="true"] {
  font-weight: 600; }

.nores-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 56px 16px 88px; }
  .nores-wrap .nores-card {
    text-align: center;
    max-width: 620px;
    width: 100%;
    margin: 0 auto; }
  .nores-wrap .nores-illus {
    width: 157px;
    height: auto;
    margin: 0 auto 16px;
    opacity: .95;
    display: block; }
  .nores-wrap .nores-title {
    margin: 0 0 8px;
    font: 400 20px/24px "Gambetta-Variable", sans-serif;
    letter-spacing: .2px;
    color: #000000CC;
    white-space: nowrap; }
  .nores-wrap .query-string {
    font-weight: 400; }
  .nores-wrap .nores-sub {
    margin: 0;
    font: 400 16px/20px "satoshi Variable", sans-serif !important;
    color: #0000008A; }
  .nores-wrap .nores-divider {
    margin: 18px auto 12px;
    width: 230px;
    max-width: 80%;
    border: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.08); }
  .nores-wrap .nores-links {
    margin-top: 4px; }
    .nores-wrap .nores-links .nores-links-label {
      display: inline-block;
      margin-right: 8px;
      font: 400 14px/16px "satoshi Variable", sans-serif !important;
      color: #0000008A; }
  .nores-wrap .nores-chips {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 8px 0 0;
    list-style: none; }
    .nores-wrap .nores-chips .chip {
      display: inline-block;
      padding: 6px 12px;
      font: 400 14px/16px "satoshi Variable", sans-serif !important;
      color: #2b2b2b;
      text-decoration: none;
      background: #fff;
      border: 1px solid #e5e5e5;
      border-radius: 999px;
      -webkit-transition: -webkit-box-shadow .2s ease, -webkit-transform .04s ease;
      transition: -webkit-box-shadow .2s ease, -webkit-transform .04s ease;
      transition: box-shadow .2s ease, transform .04s ease;
      transition: box-shadow .2s ease, transform .04s ease, -webkit-box-shadow .2s ease, -webkit-transform .04s ease; }
      .nores-wrap .nores-chips .chip:hover {
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); }
      .nores-wrap .nores-chips .chip:active {
        -webkit-transform: translateY(1px);
                transform: translateY(1px); }
  @media (max-width: 575.98px) {
    .nores-wrap {
      padding: 40px 14px 56px; }
      .nores-wrap .nores-illus {
        width: 130px;
        margin-bottom: 12px; }
      .nores-wrap .nores-title {
        font-size: 16px; }
      .nores-wrap .nores-sub {
        font-size: 12px; }
      .nores-wrap .nores-chips .chip {
        padding: 6px 10px;
        font-size: 12px; } }

/* Base appearance (same as before) */
.showing-pill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: .35rem;
  padding: .35rem .6rem;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  font-size: .875rem;
  line-height: 1.2;
  background: #fff;
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  z-index: 5; }

.showing-pill-noSearch {
  background: transparent !important; }

.showing-pill .showing-label {
  font-weight: 600; }

.showing-pill .dash, .showing-pill .of {
  opacity: .7; }

/* Fixed state */
.showing-pill.is-fixed {
  position: fixed;
  top: 70px;
  /* ← your stop line */
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1100;
  /* above grid/cards; below sticky header if any */ }

/* Spacer to avoid layout jump while pill is fixed */
.showing-pill-spacer {
  height: 0; }

.showing-pill-spacer.active {
  height: 32px; }

/* match pill height; adjust if needed */
.showing-label {
  font-weight: 700;
  font-size: 18px;
  line-height: 16px;
  color: #832729;
  /* brand burgundy */ }

.showing-values {
  font-weight: 500;
  font-size: 18px;
  line-height: 16px;
  color: #832729; }

.showing-values .slash {
  margin: 0 .25rem;
  opacity: .8; }

@media (max-width: 767.98px) {
  .showing-pill {
    padding: .4rem .75rem;
    font-size: .9rem;
    margin-left: 25% !important; } }

/* ===== Manual Min/Max Price ===== */
.price-manual {
  margin-top: 12px; }
  .price-manual .price-manual__label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #2b2b2b; }
  .price-manual .price-manual__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-bottom: 8px; }
  .price-manual .price-manual__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #000; }
    .price-manual .price-manual__field .price-manual__currency {
      font-size: 16px;
      font-weight: 600;
      color: #777777; }
    .price-manual .price-manual__field .price-manual__input {
      border: 0;
      border-bottom: 1px solid #999;
      background: transparent;
      text-align: left;
      width: 60px;
      text-align: center;
      font-size: 10px;
      line-height: 16px;
      font-family: "satoshi Variable", sans-serif;
      font-weight: 500;
      color: #000000;
      outline: none; }
      .price-manual .price-manual__field .price-manual__input:focus {
        border-color: #832729; }
  .price-manual .price-manual__sep {
    font-size: 12px;
    line-height: 16px;
    font-family: 'satoshi Variable';
    font-weight: 500;
    color: #000;
    margin-top: 4px; }

/* ===== Dual range slider ===== */
.price-range {
  position: relative;
  height: 32px;
  margin: 10px 0;
  /* base gray line */
  /* burgundy filled track */
  /* sliders overlap, only thumbs clickable */
  /* track reset */
  /* thumb styles */
  /* focus glow */ }
  .price-range::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 4px;
    background: #ccc;
    border-radius: 2px; }
  .price-range .price-range__track {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 6px;
    background: #832729;
    border-radius: 3px;
    left: 0;
    right: 0;
    pointer-events: none; }
  .price-range .price-range__input {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: absolute;
    width: 100%;
    height: 32px;
    margin: 0;
    background: none;
    pointer-events: none;
    /* only thumbs work */ }
  .price-range .price-range__input::-webkit-slider-runnable-track {
    height: 4px;
    background: transparent; }
  .price-range .price-range__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #832729;
    border: 0;
    cursor: pointer;
    margin-top: -8px;
    /* center */ }
  .price-range .price-range__input::-moz-range-thumb {
    pointer-events: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #832729;
    border: 0;
    cursor: pointer; }
  .price-range .price-range__input:focus-visible::-webkit-slider-thumb {
    outline: 2px solid rgba(131, 39, 41, 0.3); }

.price-range::before {
  background: #ccc;
  /* full width */ }

.price-range .price-range__track {
  background: #832729;
  /* only between handles */ }

/* hide utility for chips */
.is-hidden {
  display: none !important; }

/* container layout: chips + Show More at the end */
.refinements2.quick-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* keeps one line; let it wrap if you prefer */ }

.quick-filters__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden; }

/* “+ Show More” button (your exact type specs) */
.quick-filters__show-more {
  margin-left: auto;
  /* push to right like screenshot */
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  text-decoration: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-underline-offset: 6px;
  text-decoration-thickness: 0%;
  color: #6B6B6B;
  /* tweak as needed */ }

.filtersDesktop {
  font-family: 'satoshi Variable' !important; }

.quick-filters__show-more {
  font-family: 'satoshi Variable' !important; }

.sort-by-text {
  font-family: 'satoshi Variable' !important; }

.selected-value-sort {
  font-family: 'satoshi Variable' !important; }

/* pill look (use yours or keep this clean one) */
.refinements2.quick-filters .quick-filter-value {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 14px;
  border-radius: 8px;
  font-family: 'satoshi Variable';
  border: 1px solid #212020;
  background: #fff;
  color: #575757;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  -webkit-transition: border-color .15s ease, color .15s ease, background .15s ease;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
  /* + sign when idle */ }
  .refinements2.quick-filters .quick-filter-value::after {
    content: "+";
    margin-left: 8px;
    font-weight: 200;
    color: #0000008A;
    font-size: 27px;
    margin-top: 4px; }

/* selected state: burgundy border/text + × (as in screenshot) */
.refinements2.quick-filters .quick-filter-value.selected,
.refinements2.quick-filters .quick-filter-value[aria-pressed="true"] {
  border-color: #832729;
  color: #832729;
  background: #fff; }
  .refinements2.quick-filters .quick-filter-value.selected::after,
  .refinements2.quick-filters .quick-filter-value[aria-pressed="true"]::after {
    content: "\00D7";
    /* × */
    color: #832729;
    font-weight: 200;
    font-size: 26px !important; }

/* a11y focus */
.refinements2.quick-filters .quick-filter-value:focus-visible,
.quick-filters__show-more:focus-visible {
  outline: 2px solid #832729;
  outline-offset: 2px; }

/* open state */
.desktop-left-popup.open {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.left-popup-overlay.show {
  opacity: 1;
  visibility: visible; }

@media (max-width: 767px) {
  .priceMobilePLP {
    margin-top: 5px !important; }
  .countdesignMobilePLP {
    margin-top: 0px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 14px !important; }
  .breadcrumMobile {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 14px !important; }
  .breadcrumMobileh5 {
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 14px !important; } }

.nores-related {
  margin-top: 2rem;
  text-align: center; }
  .nores-related .nores-related-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem; }
  .nores-related .nores-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.5rem;
    padding: 0;
    margin: 0;
    list-style: none; }
    .nores-related .nores-related-grid li {
      border-radius: 8px;
      overflow: hidden;
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
      .nores-related .nores-related-grid li:hover {
        -webkit-transform: translateY(-4px);
                transform: translateY(-4px); }
      .nores-related .nores-related-grid li a {
        display: block;
        text-decoration: none;
        color: #222; }
        .nores-related .nores-related-grid li a img {
          height: 321px;
          border-radius: 10px;
          -o-object-fit: cover;
             object-fit: cover;
          display: block; }
        .nores-related .nores-related-grid li a span {
          display: block;
          padding: 0.75rem;
          font-size: 1rem;
          font-weight: 500; }

.search-results-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 38px; }

.search-results-count {
  font-size: 16px; }

@media (max-width: 787px) {
  .productName {
    width: 58% !important;
    font-size: 12px !important;
    line-height: 16px !important; }
  .search-results-title {
    font-size: 20px;
    line-height: 26px; } }

[dir="rtl"] .filterModalCompare {
  margin-right: 0; }

[dir="rtl"] .sort-header .sort-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

[dir="rtl"] .sort-header .filterDesktopImagetobechanged {
  margin-left: 0 !important; }


/*# sourceMappingURL=default\css\search.css.map*/