.cio-plp-grid {
  padding: 20px 0; }

.cio-plp {
  /* FILTER FACETS STYLES */
  /* ******************* */
  /* PRODUCT TILE STYLES */
  /* ******************* */ }
  .cio-plp .cio-collapsible-wrapper .cio-collapsible-is-open {
    border-bottom: 1px solid var(--color-black); }
  .cio-plp .cio-filters-container {
    padding: 20px 0; }
  .cio-plp .cio-slider-input:has(input:invalid) {
    border-color: var(--color-red);
    color: var(--color-red); }
  .cio-plp .cio-slider-input input:invalid {
    color: var(--color-red); }
  .cio-plp .cio-collapsible-wrapper {
    border-bottom: 1px solid var(--color-black); }
    .cio-plp .cio-collapsible-wrapper .cio-collapsible-inner > :last-child {
      padding-bottom: 15px; }
    .cio-plp .cio-collapsible-wrapper .cio-collapsible-inner .cio-filter-ranged-slider {
      padding-bottom: 30px; }
  .cio-plp .cio-product-card {
    margin-bottom: rem(32); }
  .cio-plp .cio-item-name {
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-size: 1rem;
    line-height: 150%;
    text-decoration: none;
    margin-top: 0; }
  .cio-plp .cio-product-tile {
    text-decoration: none; }
    .cio-plp .cio-product-tile a {
      text-decoration: none; }
  .cio-plp .cio-price-block {
    margin-top: rem(22); }
  .cio-plp .cio-add-to-cart-button {
    font-size: 0.6875rem;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    position: relative;
    background-color: var(--color-black);
    color: var(--color-white);
    border: 1px solid transparent;
    border-radius: 3.125rem;
    padding: 0.8125rem 2.325rem;
    border: none;
    width: 8.5856rem;
    text-decoration: none;
    line-height: 1.5;
    margin-top: rem(22); }
    .cio-plp .cio-add-to-cart-button:hover {
      background-color: var(--skin-primary-color-invert);
      color: var(--color-black);
      border-color: transparent; }
  .cio-plp .cio-groups-breadcrumbs {
    margin-bottom: 2px; }
    .cio-plp .cio-groups-breadcrumbs span:has(button.cio-groups-crumb) {
      display: block;
      font-size: 0; }
    .cio-plp .cio-groups-breadcrumbs span button.cio-groups-crumb {
      font-size: .875rem;
      display: inline-block; }
    .cio-plp .cio-groups-breadcrumbs span.cio-groups-crumb {
      display: block; }
  .cio-plp .cio-filters {
    gap: .9375rem;
    margin-top: .9375rem; }
  .cio-plp .cio-checkbox {
    border-radius: 0;
    border: 2px solid black; }
  .cio-plp .cio-filter-header {
    line-height: 1.5rem;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-size: 1rem;
    font-weight: normal;
    text-transform: none;
    padding: 0 0 1rem;
    margin-bottom: 0;
    position: relative; }
    .cio-plp .cio-filter-header .cio-arrow {
      border: none;
      transform: rotate(0deg);
      width: 1.875rem;
      height: 1.875rem; }
    .cio-plp .cio-filter-header .cio-arrow-up {
      content: '';
      background-image: url("../../images/icons/plus.svg");
      background-repeat: no-repeat;
      background-size: 1rem;
      background-position: center; }
    .cio-plp .cio-filter-header .cio-arrow-down {
      content: '';
      background-image: url("../../images/icons/minus.svg");
      background-repeat: no-repeat;
      background-size: 0.75rem;
      background-position: center; }
  .cio-plp .cio-filter-groups-options-list ul {
    padding-left: 10px; }
  .cio-plp .cio-filter-groups-options-list .cio-groups-crumb {
    font-size: 0.875rem;
    font-family: "SuisseIntl-Regular", sans-serif;
    line-height: 1.25rem;
    padding: 2px 0; }
    .cio-plp .cio-filter-groups-options-list .cio-groups-crumb:hover:not(span) {
      background-color: transparent; }
    .cio-plp .cio-filter-groups-options-list .cio-groups-crumb:not([type="button"]) {
      font-family: "SuisseIntl-SemiBold", sans-serif; }
  .cio-plp .cio-filter-multiple-option {
    font-family: "SuisseIntl-Medium", sans-serif;
    font-size: 0.875rem;
    line-height: 1.5rem; }
    .cio-plp .cio-filter-multiple-option:hover {
      background-color: transparent; }
    .cio-plp .cio-filter-multiple-option label {
      padding: 2px 4px;
      margin-bottom: 0; }
  .cio-plp .cio-filter-option-name {
    font-family: "SuisseIntl-Regular", sans-serif; }
    .cio-plp .cio-filter-option-name:hover {
      background-color: transparent; }
  .cio-plp .cio-filter-header {
    border-bottom: none;
    color: black; }
  .cio-plp .cio-filter-option-count {
    display: none; }
  .cio-plp .cio-see-all {
    font-size: 0.875rem;
    font-family: "SuisseIntl-Regular", sans-serif;
    text-decoration-style: solid;
    padding: .20rem .25rem;
    color: black; }
  .cio-plp .cio-item-name {
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-size: 1rem;
    line-height: 150%;
    text-decoration: none;
    margin-top: 0; }
  .cio-plp .cio-product-tile {
    text-decoration: none; }
    .cio-plp .cio-product-tile a {
      text-decoration: none; }
  .cio-plp .cio-add-to-cart-button {
    font-size: 0.6875rem;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    position: relative;
    background-color: var(--color-black);
    color: var(--color-white);
    border: 1px solid transparent;
    border-radius: 3.125rem;
    padding: 0.8125rem 2.325rem;
    border: none;
    width: 8.5856rem;
    text-decoration: none;
    line-height: 1.5; }
    .cio-plp .cio-add-to-cart-button:hover {
      background-color: var(--skin-primary-color-invert);
      color: var(--color-black);
      border-color: transparent; }
  @media (max-width: 768px) {
    .cio-plp .cio-products-header-wrapper {
      gap: 1.25rem; }
      .cio-plp .cio-products-header-wrapper .cio-filters-modal-button {
        flex: 1;
        display: inline-block;
        font-weight: 400;
        color: var(--color-white);
        text-align: center;
        vertical-align: middle;
        -moz-user-select: none;
        user-select: none;
        background-image: none;
        background-size: auto;
        background-color: var(--color-black);
        border: 1px solid transparent;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 3.125rem;
        height: 3.125rem;
        min-width: 6rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
        .cio-plp .cio-products-header-wrapper .cio-filters-modal-button svg {
          display: none; } }
  .cio-plp .cio-plp-sort {
    border: 1px solid var(--color-black);
    border-radius: 3.125rem; }
    @media (max-width: 768px) {
      .cio-plp .cio-plp-sort {
        flex: 1; }
        .cio-plp .cio-plp-sort button {
          display: inline-block;
          font-weight: 400;
          color: var(--color-white);
          text-align: center;
          vertical-align: middle;
          -moz-user-select: none;
          user-select: none;
          background-image: none;
          background-size: auto;
          background-color: var(--color-black);
          border: 1px solid transparent;
          padding: 0.375rem 0.75rem;
          font-size: 1rem;
          line-height: 1.5;
          min-width: auto;
          transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
          .cio-plp .cio-plp-sort button svg {
            display: none; } }
    .cio-plp .cio-plp-sort:focus-within {
      border: 1px solid var(--color-accent); }
    .cio-plp .cio-plp-sort label:hover {
      background-color: var(--color-accent);
      color: black; }
    .cio-plp .cio-plp-sort label span {
      font-family: "SuisseIntl-Medium", sans-serif;
      font-size: 0.875rem;
      padding: 0; }
      .cio-plp .cio-plp-sort label span:before {
        display: none; }
    .cio-plp .cio-plp-sort label input:checked + span {
      font-family: "SuisseIntl-SemiBold", sans-serif; }
    .cio-plp .cio-plp-sort .arrow-down {
      display: none; }
    .cio-plp .cio-plp-sort .arrow-up {
      display: none; }
    .cio-plp .cio-plp-sort .collapsible {
      font-family: "SuisseIntl-Medium", sans-serif;
      letter-spacing: 0.25px;
      background-image: url(../../images/icons/caret-down.svg);
      background-size: 1.125rem;
      background-repeat: no-repeat;
      background-position: calc(100% - 6px);
      border-bottom: 0;
      padding-right: 2rem;
      font-size: 0.875rem;
      font-weight: 400;
      border-radius: 3.125rem; }
      @media (max-width: 768px) {
        .cio-plp .cio-plp-sort .collapsible {
          padding-right: 0.75rem;
          height: 3.125rem; } }
      .cio-plp .cio-plp-sort .collapsible:focus {
        border-color: var(--color-accent);
        box-shadow: var(--util-box-shadow); }
      .cio-plp .cio-plp-sort .collapsible .cio-plp-sort-button-label, .cio-plp .cio-plp-sort .collapsible .cio-plp-sort-button-label span {
        font-family: "SuisseIntl-Medium", sans-serif;
        font-size: 0.875rem; }
      .cio-plp .cio-plp-sort .collapsible .cio-plp-sort-button-label .cio-large-screen-only, .cio-plp .cio-plp-sort .collapsible .cio-plp-sort-button-label .cio-mobile-only {
        display: none; }
    .cio-plp .cio-plp-sort .cio-mobile-modal-right {
      padding: 0; }
      .cio-plp .cio-plp-sort .cio-mobile-modal-right label {
        padding: 10px 20px;
        margin: 0;
        display: block; }
        .cio-plp .cio-plp-sort .cio-mobile-modal-right label:has(input:checked) {
          font-weight: "SuisseIntl-SemiBold", sans-serif;
          background-color: var(--color-accent); }
    .cio-plp .cio-plp-sort .cio-mobile-modal-content {
      padding-top: 20px; }
    .cio-plp .cio-plp-sort .collapsible-content {
      top: 2.6rem;
      padding: 0;
      z-index: 1;
      box-shadow: var(--util-box-shadow); }
      .cio-plp .cio-plp-sort .collapsible-content label {
        font-family: "SuisseIntl-Medium", sans-serif;
        font-size: 0.875rem;
        padding: 5px 10px;
        margin: 0; }
    @media (max-width: 768px) {
      .cio-plp .cio-plp-sort .cio-mobile-modal-right .cio-mobile-modal-content {
        padding: 0; } }
  .cio-plp .cio-product-tiles-container {
    grid-template-columns: repeat(3, 1fr); }

.cio-product-card .swatches-wrapper {
  display: flex;
  flex-flow: row wrap;
  padding: rem(15) 0 0; }

.cio-product-card .swatch-wrapper {
  display: block;
  width: rem(30);
  height: rem(30);
  border-radius: 50%;
  margin-right: rem(8); }
  .cio-product-card .swatch-wrapper.selected {
    border: 2px solid #6ffb38; }
    .cio-product-card .swatch-wrapper.selected a.swatch-link.swatch-circle-white {
      border: none; }

.cio-product-card a.swatch-link {
  display: block;
  width: rem(22);
  height: rem(22);
  border-radius: 50%;
  margin: auto auto; }
  .cio-product-card a.swatch-link.swatch-circle-white {
    border: 3px solid #979797; }

.cio-image-container {
  margin-bottom: rem(20); }

/*# sourceMappingURL=plp-ui.css.map*/