[href]:focus {
  outline: none !important; }

[href] {
  text-decoration: none !important; }

.divRow {
  width: 100%; }

.d-flex {
  display: flex;
  justify-content: center;
  align-items: center; }

.d-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.d-flex-jfc {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12,
.lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12,
.md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12,
.sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12,
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 576px) {
  .sm-1 {
    width: calc(100% / 12); }
  .sm-2 {
    width: calc(100% / 12 * 2); }
  .sm-3 {
    width: calc(100% / 12 * 3); }
  .sm-4 {
    width: calc(100% / 12 * 4); }
  .sm-5 {
    width: calc(100% / 12 * 5); }
  .sm-6 {
    width: calc(100% / 12 * 6); }
  .sm-7 {
    width: calc(100% / 12 * 7); }
  .sm-8 {
    width: calc(100% / 12 * 8); }
  .sm-9 {
    width: calc(100% / 12 * 9); }
  .sm-10 {
    width: calc(100% / 12 * 10); }
  .sm-11 {
    width: calc(100% / 12 * 11); }
  .sm-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 768px) {
  .md-1 {
    width: calc(100% / 12); }
  .md-2 {
    width: calc(100% / 12 * 2); }
  .md-3 {
    width: calc(100% / 12 * 3); }
  .md-4 {
    width: calc(100% / 12 * 4); }
  .md-5 {
    width: calc(100% / 12 * 5); }
  .md-6 {
    width: calc(100% / 12 * 6); }
  .md-7 {
    width: calc(100% / 12 * 7); }
  .md-8 {
    width: calc(100% / 12 * 8); }
  .md-9 {
    width: calc(100% / 12 * 9); }
  .md-10 {
    width: calc(100% / 12 * 10); }
  .md-11 {
    width: calc(100% / 12 * 11); }
  .md-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 992px) {
  .lg-1 {
    width: calc(100% / 12); }
  .lg-2 {
    width: calc(100% / 12 * 2); }
  .lg-3 {
    width: calc(100% / 12 * 3); }
  .lg-4 {
    width: calc(100% / 12 * 4); }
  .lg-5 {
    width: calc(100% / 12 * 5); }
  .lg-6 {
    width: calc(100% / 12 * 6); }
  .lg-7 {
    width: calc(100% / 12 * 7); }
  .lg-8 {
    width: calc(100% / 12 * 8); }
  .lg-9 {
    width: calc(100% / 12 * 9); }
  .lg-10 {
    width: calc(100% / 12 * 10); }
  .lg-11 {
    width: calc(100% / 12 * 11); }
  .lg-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 1200px) {
  .xl-1 {
    width: calc(100% / 12); }
  .xl-2 {
    width: calc(100% / 12 * 2); }
  .xl-3 {
    width: calc(100% / 12 * 3); }
  .xl-4 {
    width: calc(100% / 12 * 4); }
  .xl-5 {
    width: calc(100% / 12 * 5); }
  .xl-6 {
    width: calc(100% / 12 * 6); }
  .xl-7 {
    width: calc(100% / 12 * 7); }
  .xl-8 {
    width: calc(100% / 12 * 8); }
  .xl-9 {
    width: calc(100% / 12 * 9); }
  .xl-10 {
    width: calc(100% / 12 * 10); }
  .xl-11 {
    width: calc(100% / 12 * 11); }
  .xl-12 {
    width: calc(100% / 12 * 12); } }

@media (max-width: 551px) {
  .xs-1 {
    width: calc(100% / 12); }
  .xs-2 {
    width: calc(100% / 12 * 2); }
  .xs-3 {
    width: calc(100% / 12 * 3); }
  .xs-4 {
    width: calc(100% / 12 * 4); }
  .xs-5 {
    width: calc(100% / 12 * 5); }
  .xs-6 {
    width: calc(100% / 12 * 6); }
  .xs-7 {
    width: calc(100% / 12 * 7); }
  .xs-8 {
    width: calc(100% / 12 * 8); }
  .xs-9 {
    width: calc(100% / 12 * 9); }
  .xs-10 {
    width: calc(100% / 12 * 10); }
  .xs-11 {
    width: calc(100% / 12 * 11); }
  .xs-12 {
    width: calc(100% / 12 * 12); } }

#product-listing-container {
  padding: 0; }

.title-content {
  display: grid;
  grid-template-columns: fit-content(calc(100% - 760px)) auto;
  gap: 32px;
  align-items: center; }
  @media (max-width: 1100px) {
    .title-content {
      grid-template-columns: auto;
      gap: 24px; }
      .title-content .title-banner-container {
        grid-row: 1; } }
  .title-content:has(.title-banner-container:empty) .title-container {
    grid-column: 1 / -1; }
  .title-content:has(.title-banner-container:empty) .title-banner-container {
    display: none; }
  .title-content .desktop_banner, .title-content .mobile_banner {
    min-height: 90px;
    width: 100%;
    max-width: 728px;
    margin-left: auto; }
    @media (max-width: 1100px) {
      .title-content .desktop_banner, .title-content .mobile_banner {
        margin-left: unset; } }
  @media (max-width: 767px) {
    .title-content .desktop_banner {
      display: none; } }
  .title-content .mobile_banner {
    display: none; }
    @media (max-width: 767px) {
      .title-content .mobile_banner {
        display: block; } }

@media (max-width: 991px) {
  #main-content ol.breadcrumbs {
    padding: 0;
    margin-bottom: 15px; } }

.description-content h1, .description-content h2 {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

#main-content .pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  margin: 40px 0 50px 0;
  gap: 0; }
  @media (max-width: 767px) {
    #main-content .pagination {
      justify-content: center; } }
  #main-content .pagination .pagination-list {
    padding: 0;
    margin: 0;
    border-radius: 0;
    display: flex;
    overflow: hidden; }
    #main-content .pagination .pagination-list::before, #main-content .pagination .pagination-list::after {
      display: none; }
  #main-content .pagination .pagination-item {
    margin: 0;
    border: 1px solid #DEE2E7; }
    #main-content .pagination .pagination-item .pagination-link {
      width: auto;
      height: auto;
      color: #000;
      padding: 10px 15px;
      border: none;
      font-size: 15px;
      font-style: normal;
      font-weight: 700;
      line-height: 18.19px;
      border-radius: 0; }
    #main-content .pagination .pagination-item.pagination-item--previous .icon {
      position: relative;
      left: 5px; }
    #main-content .pagination .pagination-item.pagination-item--next .icon {
      position: relative;
      left: -5px; }
    #main-content .pagination .pagination-item.pagination-item--previous, #main-content .pagination .pagination-item.pagination-item--next {
      background: #FFF; }
    #main-content .pagination .pagination-item.pagination-item--current, #main-content .pagination .pagination-item:hover {
      border-radius: 0;
      border-color: #931821; }
      #main-content .pagination .pagination-item.pagination-item--current .pagination-link, #main-content .pagination .pagination-item:hover .pagination-link {
        border-radius: 0;
        background: #931821;
        color: #fff; }
    @media (max-width: 767px) {
      #main-content .pagination .pagination-item .pagination-link {
        font-size: 12px;
        line-height: 14px;
        padding: 5px 8px; }
      #main-content .pagination .pagination-item.pagination-item--current .pagination-link {
        padding: 5px 10px; } }
  #main-content .pagination div.pagination-item {
    border-radius: 0;
    background: #fff;
    overflow: hidden; }
    #main-content .pagination div.pagination-item .pagination-link {
      display: inline-flex; }
      #main-content .pagination div.pagination-item .pagination-link svg {
        fill: #051B34; }
      @media (max-width: 767px) {
        #main-content .pagination div.pagination-item .pagination-link {
          gap: 2px;
          font-size: 10px;
          display: flex;
          align-items: center; }
          #main-content .pagination div.pagination-item .pagination-link .icon {
            width: 13px;
            height: 13px; }
            #main-content .pagination div.pagination-item .pagination-link .icon svg {
              width: 100%;
              height: 100%; } }
    #main-content .pagination div.pagination-item:hover .pagination-link {
      color: #fff; }
      #main-content .pagination div.pagination-item:hover .pagination-link svg {
        fill: #fff; }

.category-subcategories {
  display: none; }

.toggle-description {
  display: none; }

@media (max-width: 767px) {
  .description-content {
    display: block;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out; } }

@media (max-width: 767px) {
  .description-overlay {
    background: linear-gradient(180deg, transparent 20%, white 90%);
    position: absolute;
    width: 100%;
    transition: 650ms;
    left: 0;
    height: 4em; }
  .description-content {
    max-height: 4em; }
  .description-content p {
    line-height: 1.5em; }
  .toggle-description {
    display: block;
    margin-top: 4px;
    padding: 4px 0;
    z-index: 9;
    position: relative; } }