._Collections-List ._Collections-List_Item ._Collection-Action {
   --vertical-padding: 20px;
   border: unset;
   background: unset;

   padding: var(--vertical-padding) 0;
   color: var(--black);
   border-top: 2px solid var(--grey2);
}
._Collections-List ._Collections-List_Item ._Collection-Action ._Collection-Action_Marker {
   --size: 20px;
   width: var(--size);
   height: var(--size);
   display: flex;
   justify-content: center;
   align-items: center;
}
._Collections-List ._Collections-List_Item ._Collection-Action ._Collection-Action_Marker ._horizontal {
   position: absolute;
   width: var(--size);
   height: 2px;
   transition: all 0.2s ease;
}
._Collections-List ._Collections-List_Item ._Collection-Action ._Collection-Action_Marker ._vertical {
   width: 2px;
   height: var(--size);
   transition: transform 0.1s ease, opacity 0s ease;
}
._Collections-List ._Collections-List_Item ._Collection-Content {
   max-height: 0;
   overflow: hidden;
   opacity: 0;
   transition: max-height 0.4s ease, opacity 0.3s ease;
}
._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap {
   --gap: 20px;
   --columns-count: 4;
   --preview-columns-span: 1;
   padding-bottom: 30px;
   display: grid;
   grid-template-columns: repeat(var(--columns-count), 1fr);
   gap: var(--gap);
}
._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Preview {
   grid-column: span var(--preview-columns-span);
   position: relative;
   display: flex;
   flex-direction: column;
}
._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Preview ._video_preview {
   position: absolute;
   top: 0;
   left: 0;

   width: 100%;
   height: calc(100% - 46px);
   object-fit: cover;
   /* aspect-ratio: 9 / 16; */
}
._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Preview ._Collection-Link {
   position: absolute;
   left: 0;
   bottom: -1px;

   width: 100%;
   height: 48px;

   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;

   color: #fff;
   font-size: 14px;
   font-weight: 600;
   background-color: #000;
}
._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Products-Wrapper {
   grid-column: span calc(var(--columns-count) - var(--preview-columns-span));
}
._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Products {
   /* grid-column: span calc(var(--columns-count) - var(--preview-columns-span)); */
   display: grid;
   grid-template-columns: repeat(calc(var(--columns-count) - var(--preview-columns-span)), 1fr);
   gap: var(--gap);
}
@media (max-width: 1199px) {
   /* ._Collections-List
      ._Collections-List_Item
      ._Collection-Content
      ._Collection-Content_Wrap
      ._Collection-Products
      .collection-accordion-card:nth-child(3) {
      display: none;
   } */
}
@media (max-width: 575px) {
   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Products {
      display: flex;
      flex-direction: column;
   }
}
@media (max-width: 1399px) {
   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap {
      --gap: 20px;
   }
}
@media (max-width: 1199px) {
   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap {
      --columns-count: 3;
      --preview-columns-span: 1;
   }
}
@media (max-width: 991px) {
   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap {
      --columns-count: 2;
   }
   /* ._Collections-List
      ._Collections-List_Item
      ._Collection-Content
      ._Collection-Content_Wrap
      ._Collection-Products
      .collection-accordion-card:nth-child(2) {
      display: none;
   } */
}
@media (max-width: 767px) {
   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap {
      --gap: 10px;
   }
}
@media (max-width: 575px) {
   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Products-Wrapper {
      order: 1;
   }

   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Preview {
      order: 2;
   }

   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Preview ._video_preview {
      display: none;
   }

   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Preview ._Collection-Link {
      position: initial;
      color: #000;
      border: 1px solid #dddddd;
      border-color: var(--stroke_black);
      background-color: transparent;
   }

   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Preview ._Collection-Link svg {
      fill: #000;
      stroke: #000;
   }

   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap ._Collection-Products,
   ._Collections-List ._Collections-List_Item ._Collection-Content ._Collection-Content_Wrap {
      display: flex;
      flex-direction: column;
      gap: 20px;
   }
}
._Collections-List ._Collections-List_Item.active ._Collection-Action ._Collection-Action_Marker ._horizontal {
   transform: rotate(180deg);
   transition: all 0.2s ease;
}
._Collections-List ._Collections-List_Item.active ._Collection-Action ._Collection-Action_Marker ._vertical {
   opacity: 0;
   transform: rotate(90deg);
   transition: transform 0.1s 0.05s ease, opacity 0s 0.15s ease;
}
._Collections-List ._Collections-List_Item.active ._Collection-Content {
   max-height: 100%;
   opacity: 1;
}
._Collections-List ._Collections-List_Item:last-child {
   border-bottom: 2px solid var(--grey2);
}

._Collection-Products-Wrapper ._Collection-Products.row.flexbox:after,
._Collection-Products-Wrapper ._Collection-Products.row.flexbox:before {
   content: unset !important;
   display: unset !important;
}

@media (max-width: 600px) {
   ._Collection-Products-Wrapper ._Collection-Products.ajax_load .item {
      /* width: 100% !important; */
   }
}
