#facetedSearch-navList {
  padding: 4px 0 0 0;
  position: relative; }
  #facetedSearch-navList:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    border-radius: 5px 5px 0 0; }
  #facetedSearch-navList .accordion {
    border: none;
    margin-bottom: 0; }
  #facetedSearch-navList .navList-action--checkbox:before {
    height: 14px !important;
    width: 14px !important; }
  #facetedSearch-navList .accordion-block {
    border-bottom: 1px #DFE2E5 solid;
    padding-left: 20px;
    padding-right: 14px;
    margin: 0; }
    #facetedSearch-navList .accordion-block .navlist-item a {
      font-size: 14px;
      line-height: 22px;
      color: #1F2937;
      outline: transparent !important; }
      #facetedSearch-navList .accordion-block .navlist-item a:hover, #facetedSearch-navList .accordion-block .navlist-item a:active, #facetedSearch-navList .accordion-block .navlist-item a:focus {
        text-decoration: underline; }
  #facetedSearch-navList .accordion-title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #1F2937; }
  #facetedSearch-navList .accordion-navigation .indicator {
    transition: transform 0.25s ease-in-out; }
    #facetedSearch-navList .accordion-navigation .indicator svg {
      width: 12px;
      height: 8px; }
  #facetedSearch-navList .accordion-navigation.is-open .indicator {
    transform: rotate(180deg); }
  #facetedSearch-navList .accordion-content {
    padding: 7px 0 27px 0; }
  #facetedSearch-navList .facetedSearch-clearLink {
    display: none; }
  #facetedSearch-navList button {
    margin: 0 !important;
    padding: 15px 0;
    box-shadow: none !important;
    outline: transparent !important; }
    #facetedSearch-navList button:hover .accordion-title, #facetedSearch-navList button:active .accordion-title, #facetedSearch-navList button:focus .accordion-title {
      text-decoration: underline; }
  #facetedSearch-navList .navList-action {
    padding-left: 25px; }
  #facetedSearch-navList .navList-action--checkbox {
    margin-bottom: 0; }
    #facetedSearch-navList .navList-action--checkbox:before {
      border-radius: 2px;
      outline: 1px #DFE2E5 solid;
      background-color: #fff;
      height: 18px;
      width: 18px;
      border: none; }
    #facetedSearch-navList .navList-action--checkbox:after {
      display: none; }
    #facetedSearch-navList .navList-action--checkbox span {
      color: #7E8A96; }
    #facetedSearch-navList .navList-action--checkbox.is-selected:before {
      outline: 1px #001489 solid;
      background-color: #001489;
      background-image: url("../icons/check.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 85%; }

@media screen and (max-width: 1023px) {
  #facetedSearch {
    padding: 36px 20px 0 20px;
    background-color: #fff; }
  .facetedSearch-toggle {
    display: none; }
  .facetedSearch-navList, .facetedSearch-refineFilters {
    display: block;
    max-width: 100%; }
  #facetedSearch-navList button {
    padding: 12px 0;
    border: none;
    border-bottom: 1px #DFE2E5 solid; }
    #facetedSearch-navList button.is-open {
      border-bottom: none; }
  #facetedSearch-navList .accordion-title {
    padding: 0; }
  #facetedSearch-navList .accordion-block {
    border: none; }
    #facetedSearch-navList .accordion-block .navList-item a span {
      color: #7E8A96; }
  #facetedSearch-navList .accordion-content.is-open {
    border-top: none;
    border-bottom: 1px #DFE2E5 solid; }
  #facetedSearch-navList {
    border: none;
    border-top: 1px #DFE2E5 solid;
    padding: 0;
    box-shadow: none; }
    #facetedSearch-navList:before {
      display: none; }
    #facetedSearch-navList .accordion-block {
      padding-left: 0;
      padding-right: 0; }
    #facetedSearch-navList button.is-open {
      padding-top: 20px !important; }
  .sidebarBlock {
    margin: 0;
    background-color: #fff;
    width: calc(100vw - 45px);
    padding: 20px; }
    .sidebarBlock + .sidebarBlock {
      margin: 0 !important; } }

@media screen and (max-width: 1023px) {
  .facetedSearch-refineFilters {
    margin-bottom: 20px; } }

#filter-modal-close {
  display: none;
  position: fixed;
  transform: translatex(-45px);
  transition: left 0.25s ease-in-out;
  top: 0;
  height: 45px;
  width: 45px;
  padding: 0;
  background-color: #FCC002;
  outline: transparent !important;
  border: none;
  border-radius: 0;
  z-index: 5; }
  #filter-modal-close img {
    width: 23px;
    height: 23px; }
  @media screen and (max-width: 1023px) {
    #filter-modal-close {
      display: block;
      right: 100%; } }

.category-controls {
  display: grid;
  grid-template-columns: 180px auto;
  align-items: center;
  margin: 25px 0; }
  @media screen and (min-width: 1024px) {
    .category-controls {
      margin: 0 0 25px; } }
  .category-controls .category-list-left p {
    margin: 0;
    line-height: 16px; }
  .category-controls .category-list-right {
    text-align: right; }
    .category-controls .category-list-right .actionBar {
      margin: 0; }
      .category-controls .category-list-right .actionBar .form-field {
        margin: 0; }
    .category-controls .category-list-right .category-column-control {
      position: relative; }
      .category-controls .category-list-right .category-column-control .icon {
        width: 11px;
        height: 9px;
        position: relative;
        top: -1px;
        margin-right: 6px; }
    .category-controls .category-list-right .actionBar, .category-controls .category-list-right .category-column-control, .category-controls .category-list-right .category-limit-control {
      display: inline-block;
      vertical-align: middle; }
    .category-controls .category-list-right .form-select.form-select--small {
      color: #1F2937; }
    .category-controls .category-list-right .category-limit-control label, .category-controls .category-list-right .category-limit-control select {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
    .category-controls .category-list-right .category-limit-control label {
      margin: 0;
      font-size: 12px;
      line-height: 13px;
      color: #1F2937;
      padding-right: 10px; }
    .category-controls .category-list-right .category-limit-control select {
      border: 1px #BEC4CA solid;
      font-size: 14px;
      color: #1F2937;
      line-height: 16px;
      border-radius: 4px;
      padding: 10px 30px 10px 12px;
      height: auto;
      font-weight: 500;
      outline: transparent !important;
      appearance: none;
      -webkit-appearance: none;
      position: relative;
      background: url("../icons/atf-chev-down.svg");
      background-size: 11px;
      background-repeat: no-repeat;
      background-position: calc(100% - 10px) center; }
      .category-controls .category-list-right .category-limit-control select:focus, .category-controls .category-list-right .category-limit-control select:hover {
        border-color: #7F89C4; }
    @media screen and (max-width: 1023px) {
      .category-controls .category-list-right .category-limit-control {
        display: none; } }
  .category-controls #show-columns-modal {
    text-align: left;
    margin: 0;
    width: 225px;
    border: none;
    position: absolute;
    top: calc(100% + 5px);
    left: auto;
    right: 0 !important;
    z-index: 4;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.15); }
    .category-controls #show-columns-modal input[type="checkbox"] {
      height: 14px;
      width: 14px;
      margin-right: 7px; }
  .category-controls .form-field.sort-by {
    border: none;
    margin-left: 30px !important; }
    .category-controls .form-field.sort-by select {
      border: 1px #BEC4CA solid;
      font-size: 14px;
      line-height: 16px;
      border-radius: 4px;
      padding: 11px 15px;
      height: auto;
      font-weight: 500;
      appearance: none;
      -webkit-appearance: none;
      position: relative;
      background: url("../icons/atf-chev-down.svg");
      background-size: 11px;
      background-repeat: no-repeat;
      background-position: calc(100% - 10px) center; }
    .category-controls .form-field.sort-by label {
      color: #1F2937;
      font-size: 12px;
      font-weight: normal;
      padding-left: 0;
      padding-right: 10px; }
  .category-controls #show-columns {
    border: 1px #DFE2E5 solid;
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 16px;
    color: #1F2937;
    border-radius: 4px;
    margin-left: 30px; }
    .category-controls #show-columns img {
      width: 11px;
      height: auto;
      margin-right: 5px;
      position: relative;
      top: -1px; }
    .category-controls #show-columns:focus, .category-controls #show-columns:active, .category-controls #show-columns:hover {
      border-color: #7F89C4;
      outline: transparent !important;
      box-shadow: none; }
    @media screen and (max-width: 1023px) {
      .category-controls #show-columns {
        display: none; } }
  @media screen and (max-width: 1023px) {
    .category-controls .category-list-left > p, .category-controls .category-list-left > span {
      display: none; } }
  @media screen and (max-width: 479px) {
    .category-controls {
      grid-template-columns: 50px auto;
      margin: 15px 0; }
      .category-controls .category-list-left button {
        padding: 10px;
        color: #001489;
        border-color: #001489;
        border-radius: 5px; }
      .category-controls .form-field.sort-by select {
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 5px; } }

.filter-open {
  display: none;
  border: 2px #001489 solid;
  border-radius: 5px;
  padding: 10px 10px;
  font-size: 14px;
  line-height: 16px;
  color: #001489;
  width: 80px; }
  .filter-open svg {
    height: 12px;
    width: 12px;
    display: inline-block;
    vertical-align: middle; }
  @media screen and (max-width: 1023px) {
    .filter-open {
      display: inline-block; } }

.atf-category-header {
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  background: linear-gradient(137.07deg, #F8F9FA 0%, #E2F2FF 102.24%); }
  .atf-category-header img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: auto;
    max-width: none;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .atf-category-header img {
        display: none; } }
  .atf-category-header .header-content {
    width: 1320px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    z-index: 2; }
    .atf-category-header .header-content .pagination-stats-wrap {
      font-weight: 500;
      color: #1F2937; }
  .atf-category-header h1 {
    font-size: 60px;
    line-height: 1em;
    font-weight: bold;
    color: #001489;
    margin-top: 38px; }
  .atf-category-header .header-pagination {
    display: none; }
  @media screen and (max-width: 767px) {
    .atf-category-header {
      text-align: center;
      background: #fff;
      height: auto;
      border-bottom: 1px #DFE2E5 solid; }
      .atf-category-header .breadcrumbs {
        display: none; }
      .atf-category-header .header-pagination {
        display: block;
        text-align: center; }
        .atf-category-header .header-pagination span {
          font-size: 12px;
          font-weight: 500;
          color: #1F2937; }
      .atf-category-header h1 {
        font-size: 12px;
        line-height: 16px;
        font-weight: normal;
        color: #4B5563;
        margin: 4px 0 0 0; } }

.type-category .container {
  padding: 0;
  width: 1920px;
  max-width: 100%;
  margin: 0 auto; }

.type-category ol.breadcrumbs {
  padding-top: 0 !important; }

.page.atf-plp {
  padding: 25px 0 0 0;
  width: 1280px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 200px auto;
  grid-gap: 0 40px;
  grid-template-areas: 'sidebar listing'; }
  .page.atf-plp .page-sidebar, .page.atf-plp .page-content {
    padding: 0;
    width: 100%; }
  .page.atf-plp .page-sidebar {
    grid-area: sidebar; }
    .page.atf-plp .page-sidebar h2 {
      font-size: 18px;
      line-height: 28px;
      color: #1F2937;
      font-weight: 500;
      margin-bottom: 30px; }
      @media screen and (min-width: 1024px) {
        .page.atf-plp .page-sidebar h2 {
          padding-top: 31px; } }
  .page.atf-plp .page-content {
    grid-area: listing; }
  .page.atf-plp .productList {
    margin: 0; }
  .page.atf-plp .listItem {
    margin: 0; }
    .page.atf-plp .listItem .product-title p {
      font-size: 14px; }

.product-grid {
  display: grid;
  gap: 0px;
  background-color: transparent;
  margin: 20px 0 74px 0;
  overflow-x: auto; }
  .product-grid .product-row,
  .product-grid .header-row {
    display: contents; }
  .product-grid .column-data[aria-hidden="true"], .product-grid .column-heading[aria-hidden="true"] {
    display: none; }
  .product-grid .column-data.product, .product-grid .column-heading.product {
    padding-left: 8px; }
    .product-grid .column-data.product.highlight a, .product-grid .column-heading.product.highlight a {
      text-decoration: underline; }
    .product-grid .column-data.product a, .product-grid .column-heading.product a {
      text-decoration: none; }
      .product-grid .column-data.product a:focus, .product-grid .column-data.product a:hover, .product-grid .column-heading.product a:focus, .product-grid .column-heading.product a:hover {
        text-decoration: underline; }
  .product-grid .column-data[data-row="0"], .product-grid .column-heading[data-row="0"] {
    border-top: 1px #DFE2E5 solid; }
  .product-grid .column-header {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #DFE2E5;
    padding: 10px 10px 10px 0;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    color: #1F2937;
    font-weight: bold;
    text-align: left; }
    .product-grid .column-header[aria-hidden="true"] {
      display: none; }
  .product-grid .column-data {
    border-bottom: 1px #DFE2E5 solid;
    font-size: 14px;
    line-height: 16px;
    padding: 11px 8px 11px 0;
    display: grid;
    align-items: center;
    color: #000;
    text-align: left; }
    .product-grid .column-data .mobile-heading {
      display: none; }
    .product-grid .column-data.highlight {
      background-color: #F3FAFF;
      cursor: pointer; }
    .product-grid .column-data.product-name {
      font-weight: 500;
      min-width: 165px;
      grid-template-columns: 27px auto;
      grid-gap: 5px; }
      .product-grid .column-data.product-name a {
        color: #000; }
      .product-grid .column-data.product-name img {
        width: 27px;
        height: auto;
        margin-right: 4px; }
  .product-grid .column-data.product-name {
    text-align: left;
    justify-content: flex-start; }
  .product-grid .column-data.product-name a {
    color: #333;
    font-weight: bold;
    text-decoration: none; }
  .product-grid .column-data.product-name a:hover {
    text-decoration: underline; }

@media screen and (max-width: 1023px) {
  .page.atf-plp {
    display: block;
    padding-top: 0; }
    .page.atf-plp .filter-open {
      display: inline-block; }
    .page.atf-plp .page-sidebar {
      position: fixed;
      left: -100vw;
      top: 0;
      height: 100vh;
      background-color: transparent;
      z-index: 4; }
      .page.atf-plp .page-sidebar nav {
        width: calc(100vw - 45px);
        background-color: #fff;
        height: 100vh;
        overflow: auto; }
    .page.atf-plp #facetedSearch {
      padding: 36px 20px 0 20px;
      background-color: #fff; }
    .page.atf-plp .facetedSearch-toggle {
      display: none; }
    .page.atf-plp .facetedSearch-navList, .page.atf-plp .facetedSearch-refineFilters {
      display: block;
      max-width: 100%; }
    .page.atf-plp #facetedSearch-navList button {
      padding: 12px 0;
      border: none;
      border-bottom: 1px #DFE2E5 solid; }
      .page.atf-plp #facetedSearch-navList button.is-open {
        border-bottom: none; }
    .page.atf-plp #facetedSearch-navList .accordion-title {
      padding: 0; }
    .page.atf-plp #facetedSearch-navList .accordion-block {
      border: none; }
      .page.atf-plp #facetedSearch-navList .accordion-block .navList-item a span {
        color: #7E8A96; }
    .page.atf-plp #facetedSearch-navList .accordion-content.is-open {
      border-top: none;
      border-bottom: 1px #DFE2E5 solid; }
  #facetedSearch-navList {
    border: none;
    border-top: 1px #DFE2E5 solid;
    padding: 0;
    box-shadow: none; }
    #facetedSearch-navList:before {
      display: none; }
    #facetedSearch-navList .accordion-block {
      padding-left: 0;
      padding-right: 0; }
    #facetedSearch-navList button.is-open {
      padding-top: 20px !important; }
  .sidebarBlock {
    margin: 0;
    background-color: #fff;
    width: calc(100vw - 45px);
    padding: 20px; }
    .sidebarBlock + .sidebarBlock {
      margin: 0 !important; }
  .page.atf-plp .product-grid {
    display: block !important;
    overflow: visible; }
    .page.atf-plp .product-grid .product-row {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-gap: 1px;
      margin-bottom: 40px;
      width: calc(100% - 2px);
      margin-left: 1px;
      margin-top: 1px;
      border-bottom: 1px solid #DFE2E5;
      border-right: 1px solid #DFE2E5; } }
    @media screen and (max-width: 1023px) and (max-width: 768px) {
      .page.atf-plp .product-grid .product-row {
        border-right: none; } }
    @media screen and (max-width: 1023px) and (max-width: 579px) {
      .page.atf-plp .product-grid .product-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media screen and (max-width: 1023px) {
      .page.atf-plp .product-grid .product-row:after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: -20px;
        height: 0px;
        display: block;
        width: calc(100% + 40px);
        border-top: 1px solid #DFE2E5; }
    .page.atf-plp .product-grid .header-row {
      display: none; }
    .page.atf-plp .product-grid .column-data {
      border: none;
      display: block;
      padding: 10px 12px;
      font-weight: 500;
      outline: 1px solid #DFE2E5;
      line-height: 20px; }
      .page.atf-plp .product-grid .column-data.product-name {
        grid-column: span 2;
        display: grid;
        grid-template-columns: 80px auto;
        gap: 12px;
        align-items: start;
        outline: none; } }
      @media screen and (max-width: 1023px) and (max-width: 768px) {
        .page.atf-plp .product-grid .column-data.product-name {
          grid-column: 1 / -1;
          padding-inline: 0; } }

@media screen and (max-width: 1023px) {
        .page.atf-plp .product-grid .column-data.product-name .productList-image {
          width: 80px; }
          .page.atf-plp .product-grid .column-data.product-name .productList-image img {
            width: 80px;
            aspect-ratio: 1;
            object-fit: contain;
            border: 1px #DFE2E5 solid;
            overflow: hidden;
            border-radius: 4px;
            margin-bottom: 10px; }
      .page.atf-plp .product-grid .column-data .mobile-heading {
        display: block;
        margin: 0 0 4px 0;
        font-size: 9px;
        font-weight: bold;
        letter-spacing: 1.75px;
        line-height: 10px;
        color: #4B5563;
        text-transform: uppercase; } }
      @media screen and (max-width: 1023px) and (max-width: 768px) {
        .page.atf-plp .product-grid .column-data .mobile-heading {
          margin-top: 8px; } }

.page.atf-plp .pagination-list {
  text-align: right; }

@media screen and (max-width: 579px) {
  .page.atf-plp .product-grid > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: none; }
  .body {
    margin-bottom: 40px !important; }
  .pagination .pagination-list {
    position: relative;
    padding: 17px 0;
    margin-bottom: 0; }
    .pagination .pagination-list:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: -20px;
      width: calc(100% + 40px);
      border-top: 1px #DFE2E5 solid; } }