.layout-collections .header-banner {
  position: relative; }
  .layout-collections .header-banner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(28, 27, 27, 0.4); }
  .layout-collections .header-banner .collection-heading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    z-index: 9; }
    .layout-collections .header-banner .collection-heading h1 {
      font-size: 32px;
      font-weight: 600;
      line-height: 140%;
      color: #fff;
      margin: 0; }
    .layout-collections .header-banner .collection-heading .breadcrumb-shop {
      margin: 0 0 0px; }
      .layout-collections .header-banner .collection-heading .breadcrumb-shop .breadcrumb-arrows {
        padding: 6px 0px; }
      .layout-collections .header-banner .collection-heading .breadcrumb-shop span {
        color: #fff; }

.layout-collections .section-collection .main-container .categoryCollections-header {
  margin: 16px 0 0; }
  .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu {
    display: flex;
    flex-flow: row wrap;
    gap: 16px; }
    @media (min-width: 992px) {
      .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li {
        flex: 0 0 calc(25% - 12px);
        max-width: calc(25% - 12px); } }
    .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li a {
      display: block;
      position: relative;
      border-radius: 4px;
      overflow: hidden;
      box-shadow: 0px 5px 20px 0px rgba(4, 32, 54, 0.1); }
      .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li a::before {
        content: '';
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        height: 4px;
        background: transparent;
        z-index: 9;
        transition: .3s all ease; }
      .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li a > span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 24px;
        font-size: 20px;
        font-weight: 600;
        display: block;
        background: transparent;
        display: flex;
        flex-direction: column;
        justify-content: end;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li a.active::before, .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li a:hover::before {
        background: var(--shop-color-button); }
      .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li a.active > span, .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li a:hover > span {
        background: linear-gradient(0deg, rgba(28, 27, 27, 0.7) 0%, rgba(28, 27, 27, 0) 100%); }

.layout-collections .section-collection .main-container .wrapper-categoryCollections {
  margin: 32px 0 0; }

.layout-collections .toolbar-products {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px; }
  .layout-collections .toolbar-products .layered_filter_tags {
    display: flex;
    align-items: center;
    gap: 16px; }
    .layout-collections .toolbar-products .layered_filter_tags .filter_tags {
      border-radius: 20px;
      border: 1px solid #E5E7EB;
      background: #fff;
      padding: 6px 16px;
      display: flex;
      align-items: center; }
      .layout-collections .toolbar-products .layered_filter_tags .filter_tags .tags-title {
        padding: 2px 8px 0 0; }
      .layout-collections .toolbar-products .layered_filter_tags .filter_tags .filter_tags_remove svg {
        width: 16px;
        height: 16px; }
  .layout-collections .toolbar-products .head-title h3 {
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    line-height: 140%; }

.layout-collections .product-sort {
  position: relative; }
  .layout-collections .product-sort .title {
    position: relative;
    margin: 0; }
    .layout-collections .product-sort .title .text {
      margin-left: 15px;
      min-width: 190px;
      display: inline-block;
      padding: 6px 26px 8px 26px;
      min-height: auto;
      line-height: normal;
      border-radius: 8px;
      border: 1px solid #E5E7EB;
      font-weight: 600; }
    .layout-collections .product-sort .title .icon {
      position: absolute;
      right: 10px;
      top: calc(50% - 10px); }
      .layout-collections .product-sort .title .icon svg {
        display: block;
        width: 20px;
        height: 100%;
        margin: auto; }
  .layout-collections .product-sort .sort-by-content {
    position: absolute;
    width: 230px;
    top: calc(100% - 1px);
    right: 0;
    z-index: 9;
    background: #fff;
    border: 1px #dde1ef solid;
    padding: 10px 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: transform 0.3s ease; }
    .layout-collections .product-sort .sort-by-content li {
      position: relative;
      cursor: pointer;
      padding: 4px 10px 4px 0px; }
      .layout-collections .product-sort .sort-by-content li:before {
        content: "";
        position: absolute;
        right: 0;
        top: 10px;
        margin: auto;
        z-index: 1;
        width: 12px;
        height: 6px;
        border: 1.5px solid var(--shop-color-main);
        border-top-style: none;
        border-right-style: none;
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        -webkit-transform: rotate(-45deg) scale(0, 0);
        -moz-transform: rotate(-45deg) scale(0, 0);
        -ms-transform: rotate(-45deg) scale(0, 0);
        -o-transform: rotate(-45deg) scale(0, 0);
        transform: rotate(-45deg) scale(0, 0); }
      .layout-collections .product-sort .sort-by-content li:hover:before, .layout-collections .product-sort .sort-by-content li.active:before {
        -webkit-transform: rotate(-45deg) scale(1, 1);
        -moz-transform: rotate(-45deg) scale(1, 1);
        -ms-transform: rotate(-45deg) scale(1, 1);
        -o-transform: rotate(-45deg) scale(1, 1);
        transform: rotate(-45deg) scale(1, 1); }
  .layout-collections .product-sort:hover .sort-by-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }

.layout-collections .pagination-shop {
  margin: 17px 0 60px; }
  .layout-collections .pagination-shop .pagination {
    gap: 8px; }
    .layout-collections .pagination-shop .pagination .page-item-blog {
      cursor: pointer; }
      .layout-collections .pagination-shop .pagination .page-item-blog a {
        color: #4B5563;
        font-weight: 600;
        font-size: 13px;
        width: 36px;
        height: 36px;
        line-height: 34px;
        background: #fff;
        border-radius: 50%;
        border: 1px solid #E5E7EB;
        display: grid;
        place-items: center; }
        .layout-collections .pagination-shop .pagination .page-item-blog a.active-page, .layout-collections .pagination-shop .pagination .page-item-blog a:hover {
          background: var(--shop-color-button);
          color: #fff; }
          .layout-collections .pagination-shop .pagination .page-item-blog a.active-page svg path, .layout-collections .pagination-shop .pagination .page-item-blog a:hover svg path {
            stroke: #fff; }
      .layout-collections .pagination-shop .pagination .page-item-blog.disabled {
        pointer-events: none;
        display: none; }

/* RESPONSIVE */
@media (max-width: 991px) {
  .layout-collections .header-banner .collection-banner img {
    aspect-ratio: 1 / 1;
    height: 100%;
    object-fit: cover; }
  .layout-collections .header-banner .collection-heading {
    padding-top: 20px;
    padding-bottom: 20px; }
    .layout-collections .header-banner .collection-heading h1 {
      font-size: 25px; }
  .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px); }
    .layout-collections .section-collection .main-container .categoryCollections-header .categoryCollections-menu li a > span {
      padding: 15px;
      font-size: 16px; }
  .layout-collections .section-collection .main-container .wrapper-categoryCollections {
    margin: 20px 0 0; }
  .layout-collections .toolbar-products {
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 15px; }
    .layout-collections .toolbar-products .head-title h3 {
      font-size: 25px; }
    .layout-collections .toolbar-products .layered_filter_tags {
      gap: 8px;
      justify-content: space-between;
      width: 100%; }
  .layout-collections .pagination-shop {
    margin: 15px 0 30px; } }