@media (max-width: 767px) {
  .collection-page .breadcrumb-shop .breadcrumb {
    margin-bottom: 10px; } }

.collection-page #filter_result .filter-item__dropdown {
  padding: 10px;
  display: flex !important;
  flex-wrap: wrap;
  gap: .5rem; }
  .collection-page #filter_result .filter-item__dropdown .render-value-active {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: .8rem; }
    @media (max-width: 767px) {
      .collection-page #filter_result .filter-item__dropdown .render-value-active {
        font-size: .7rem; } }
    .collection-page #filter_result .filter-item__dropdown .render-value-active:not(.reload) {
      border: 1px solid #DbDbDb;
      border-radius: 999px;
      display: inline-flex;
      padding: 2.5px 10px;
      gap: .5rem; }
    .collection-page #filter_result .filter-item__dropdown .render-value-active.reload {
      color: #F30;
      font-size: 120%;
      padding: 2.5px 10px; }
    .collection-page #filter_result .filter-item__dropdown .render-value-active svg {
      width: 16px;
      height: 16px; }

.collection-page .cusCol .cusCol-wrap {
  display: grid;
  grid-template-columns: 20% 1fr;
  align-items: flex-start;
  gap: 1rem; }
  @media (max-width: 1024px) {
    .collection-page .cusCol .cusCol-wrap {
      grid-template-columns: 1fr; } }
  .collection-page .cusCol .cusCol-wrap > * {
    min-width: 0; }
    .collection-page .cusCol .cusCol-wrap > * .container {
      width: auto !important;
      margin: 0 !important;
      padding: 0 !important; }
  @media (max-width: 1024px) {
    .collection-page .cusCol .cusCol-wrap .cusCol-left {
      position: fixed;
      inset: 0;
      z-index: 999999999;
      transition: all .5s;
      opacity: 0;
      visibility: hidden; }
      .collection-page .cusCol .cusCol-wrap .cusCol-left.active {
        opacity: 1;
        visibility: visible; }
        .collection-page .cusCol .cusCol-wrap .cusCol-left.active .collection-page__top {
          transform: none; }
      .collection-page .cusCol .cusCol-wrap .cusCol-left .cusCol-left-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1; }
      .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        max-width: 300px;
        width: 100%;
        background: #FFF;
        z-index: 2;
        max-height: 100vh;
        overflow: auto;
        transition: all .5s;
        transform: translateX(100%); } }
  .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .filter-overlay {
    display: none; }
  .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list {
    flex-direction: column;
    background: #FFF;
    padding: 0 5px; }
    @media (max-width: 1024px) {
      .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list {
        margin: 0 !important; } }
    .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item {
      border-bottom: 1px solid #CCC;
      z-index: inherit; }
      .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item:first-child {
        display: none !important; }
      .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item:last-child {
        border: none; }
      @media (max-width: 1024px) {
        .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item {
          margin-right: 0; } }
      .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item.active .filter-item__title .btn-toggle__filter i {
        transform: rotate(-180deg); }
      .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item.active .filter-item__dropdown {
        opacity: 1;
        visibility: visible;
        height: inherit; }
      .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__title {
        padding-bottom: 5px; }
        .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__title .btn-toggle__filter {
          padding-top: 5px;
          border: none;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-weight: bold;
          font-size: 1.15rem; }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__title .btn-toggle__filter i {
            transform: rotate(0); }
      .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown {
        opacity: 0;
        visibility: hidden;
        height: 0;
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        min-width: auto;
        width: auto;
        box-shadow: none;
        z-index: inherit; }
        .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown:before {
          display: none; }
        .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown [hidden] {
          display: none !important; }
        .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range {
          padding: 10px; }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .priceRange-input {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin-bottom: 20px; }
            .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .priceRange-input > * {
              min-width: 0; }
            .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .priceRange-input input {
              padding: 5px 10px;
              border: 1px solid #DbDbDb;
              border-radius: 5px;
              pointer-events: none;
              font-size: 14px; }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range #priceRange {
            height: 5px;
            border: none;
            margin: 15px 0; }
            .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range #priceRange .noUi-base {
              background: transparent;
              border: none;
              border-radius: 15px;
              cursor: pointer; }
              .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range #priceRange .noUi-base .noUi-connects {
                background: transparent; }
                .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range #priceRange .noUi-base .noUi-connects .noUi-connect {
                  background: #e02027; }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-target .noUi-base .noUi-tooltip {
            bottom: -35px;
            color: #e02027;
            border: none;
            outline: none;
            font-weight: bold; }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-lower, .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-upper {
            background: #e02027;
            border-radius: 20px;
            width: 15px;
            height: 15px;
            outline: none;
            right: -10px;
            cursor: pointer;
            top: -5px;
            box-shadow: 0 2px 4px rgba(40, 40, 40, 0.2);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-upper {
            right: 0; }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-lower.noUi-active,
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-upper.noUi-active {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2); }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-lower::before, .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-lower::after,
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-upper::before, .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-upper::after {
            display: none; }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-lower .noUi-touch-area,
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top-range .noUi-handle.noUi-handle-upper .noUi-touch-area {
            width: 15px;
            height: 15px;
            background: #FFF;
            transform: scale(0.6);
            border-radius: 999px;
            margin-top: -1px;
            margin-left: -1px; }
        .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top {
          display: grid;
          grid-template-columns: 1fr 1fr;
          text-align: center;
          padding-bottom: 10px;
          z-index: inherit; }
          @media (min-width: 1024px) {
            .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top {
              display: block;
              text-align: start; } }
          @media (max-width: 1024px) {
            .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top {
              padding-right: 0; } }
          .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top .filter-list__item {
            position: relative; }
            @media (min-width: 1024px) {
              .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top .filter-list__item {
                padding-left: 20px; } }
            .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top .filter-list__item:has(.active) a:before {
              background: #e02027;
              border-color: #e02027; }
            .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top .filter-list__item:has(.active) a:after {
              z-index: 2;
              color: #FFF;
              opacity: 1;
              visibility: visible;
              filter: brightness(0) invert(1); }
            .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top .filter-list__item a {
              font-size: 80%; }
              @media (min-width: 1024px) {
                .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top .filter-list__item a {
                  padding: 0 5px;
                  border: none;
                  font-size: 100%; } }
              @media (min-width: 1024px) {
                .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top .filter-list__item a:before {
                  content: "";
                  position: absolute;
                  left: 0;
                  top: 50%;
                  transform: translateY(-50%);
                  width: 14px;
                  aspect-ratio: 1;
                  border: 1px solid #CCC;
                  z-index: 1; }
                .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__top .filter-list__item a:after {
                  content: "";
                  position: absolute;
                  left: 0px;
                  top: 50%;
                  transform: translateY(-50%);
                  width: 15px;
                  aspect-ratio: 1;
                  background-image: url('data:image/svg+xml,<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12.4545L9.375 17L19 7" stroke="%2382869E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                  background-size: cover;
                  opacity: 0;
                  visibility: hidden; } }
        .collection-page .cusCol .cusCol-wrap .cusCol-left .collection-page__top .coll-filter .coll-filter__list .filter-item .filter-item__dropdown .filter-dropdown__bottom {
          display: none; }
  @media (max-width: 767px) {
    .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head {
      margin-top: 10px; } }
  .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container {
    flex-wrap: wrap; }
    .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .page_head {
      display: flex;
      align-items: center;
      gap: .5rem;
      margin-bottom: 1rem; }
      @media (max-width: 767px) {
        .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .page_head {
          flex-direction: column;
          align-items: flex-start; } }
      .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .page_head * {
        font-size: 24px;
        font-weight: bold; }
      .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .page_head h1 {
        display: block !important;
        margin: 0;
        color: #000; }
      .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .page_head .count-pd:before {
        content: "("; }
      .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .page_head .count-pd:after {
        content: ")"; }
    .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .coll-often {
      width: 100%;
      margin-bottom: 1rem; }
      @media (max-width: 767px) {
        .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .coll-often {
          margin-top: 0;
          margin-bottom: 10px; } }
      .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .coll-often h5 {
        font-size: 1rem;
        font-weight: bold;
        margin-bottom: 1rem;
        color: #000; }
      .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .coll-often a {
        border-radius: 5px; }
    .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags {
      width: 100%;
      display: flex !important;
      align-items: center;
      gap: 1rem; }
      @media (max-width: 767px) {
        .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags {
          background: #FFF;
          padding: 5px; } }
      .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags > span {
        font-weight: bold;
        font-size: 1rem;
        color: #000; }
        @media (max-width: 767px) {
          .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags > span:not(.custom-dropdown) {
            display: none; } }
        @media (max-width: 767px) {
          .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags > span.custom-dropdown {
            font-weight: normal;
            font-size: 13px; } }
        .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags > span.custom-dropdown select {
          -webkit-appearance: none;
          -moz-appearance: none;
          background: transparent;
          background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
          background-repeat: no-repeat;
          background-position-x: 100%;
          background-position-y: 2.5px;
          padding-right: 30px; }
      .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags .sort-fake {
        display: flex;
        gap: 1rem;
        margin: 0;
        padding: 0; }
        @media (max-width: 1024px) {
          .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags .sort-fake {
            display: none; } }
        .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags .sort-fake li {
          padding: 5px 10px;
          border: 1px solid #DbDbDb;
          border-radius: 5px;
          background: #FFF; }
          .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags .sort-fake li.active {
            border-color: #e02027; }
      @media (min-width: 1024px) {
        .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags .custom-dropdown {
          display: none; } }
      .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags .custom-dropdown select {
        background: transparent; }
      @media (min-width: 1024px) {
        .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags #filter-mobile-btn {
          display: none; } }
      @media (max-width: 767px) {
        .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags #filter-mobile-btn {
          margin-left: auto;
          padding-left: 10px;
          border-left: 1px solid #DbDbDb;
          font-size: 13px;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 5px; }
          .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags #filter-mobile-btn svg {
            width: 18px;
            height: 18px;
            fill: #000;
            color: #000; }
            .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags #filter-mobile-btn svg * {
              fill: #000;
              color: #000; }
          .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__head .container .browse-tags #filter-mobile-btn img {
            filter: brightness(0);
            max-width: 18px; } }
  @media (max-width: 767px) {
    .collection-page .cusCol .cusCol-wrap .cusCol-right .collection-page__product {
      margin-top: 5px !important; } }