.collection_mix .grid_mix_3{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}
.collection_mix .grid_mix_3 .collection_box_1{grid-column:1/4;grid-row:1/3}
.collection_mix .grid_mix_3 .collection_box_1 .collection-content{--bs-aspect-ratio:100%}
.collection_mix .grid_mix_3 .collection_box_2{grid-column:4/6;grid-row:1/2}
.collection_mix .grid_mix_3 .collection_box_2 .collection-content{--bs-aspect-ratio:calc((3 / 4 * 100%) - (var(--gap) / 4))}
.collection_mix .grid_mix_3 .collection_box_3{grid-column:4/6;grid-row:2/3}
.collection_mix .grid_mix_3 .collection_box_3 .collection-content{--bs-aspect-ratio:calc((3 / 4 * 100%) - (var(--gap) / 4))}
.collection_mix .grid_mix_4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}
.collection_mix .grid_mix_4 .collection_box_1{grid-column:1/3;grid-row:1/3}
.collection_mix .grid_mix_4 .collection_box_1 .collection-content{--bs-aspect-ratio:100%}
.collection_mix .grid_mix_4 .collection_box_2{grid-column:3/5;grid-row:1/2}
.collection_mix .grid_mix_4 .collection_box_2 .collection-content{--bs-aspect-ratio:calc((1 / 2 * 100%) - (var(--gap) / 2))}
.collection_mix .grid_mix_4 .collection_box_3{grid-column:3/4;grid-row:2/3}
.collection_mix .grid_mix_4 .collection_box_3 .collection-content{--bs-aspect-ratio:100%}
.collection_mix .grid_mix_4 .collection_box_4{grid-column:4/5;grid-row:2/3}
.collection_mix .grid_mix_4 .collection_box_4 .collection-content{--bs-aspect-ratio:100%}
.collection_mix .grid_mix_5{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.collection_mix .grid_mix_5 .collection_box_1{grid-column:1/3;grid-row:1/3}
.collection_mix .grid_mix_5 .collection_box_1 .collection-content,.collection_mix .grid_mix_5 .collection_box_2 .collection-content,.collection_mix .grid_mix_5 .collection_box_3 .collection-content,.collection_mix .grid_mix_5 .collection_box_4 .collection-content,.collection_mix .grid_mix_5 .collection_box_5 .collection-content{--bs-aspect-ratio:100%}
.collection_mix .grid_mix_5 .collection_box_2{grid-column:3/4;grid-row:1/2}
.collection_mix .grid_mix_5 .collection_box_3{grid-column:4/5;grid-row:1/2}
.collection_mix .grid_mix_5 .collection_box_4{grid-column:3/4;grid-row:2/3}
.collection_mix .grid_mix_5 .collection_box_5{grid-column:4/5;grid-row:2/3}
@media screen and (max-width:767.98px){
.collection_mix .grid_mix_4{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(2,1fr)}
.collection_mix .grid_mix_4.collection_mix_mobile .item-grid-box{display:flex;flex-direction:column}
.collection_mix .grid_mix_4 .collection_box_1{grid-column:1/3;grid-row:1/3}
.collection_mix .grid_mix_4 .collection_box_2{grid-column:1/3;grid-row:3/4}
.collection_mix .grid_mix_4 .collection_box_3{grid-column:1/2;grid-row:4/5}
.collection_mix .grid_mix_4 .collection_box_4{grid-column:2/3;grid-row:4/5}
.collection_mix .grid_mix_5{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
.collection_mix .grid_mix_5.collection_mix_mobile{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto}
.collection_mix .grid_mix_5.collection_mix_mobile .item-grid-box{display:flex;flex-direction:column}
.collection_mix .grid_mix_5 .collection_box_1{grid-column:1/3;grid-row:1/3}
.collection_mix .grid_mix_5 .collection_box_2{grid-column:1/2;grid-row:3/4}
.collection_mix .grid_mix_5 .collection_box_3{grid-column:2/3;grid-row:3/4}
.collection_mix .grid_mix_5 .collection_box_4{grid-column:1/2;grid-row:4/5}
.collection_mix .grid_mix_5 .collection_box_5{grid-column:2/3;grid-row:4/5}
.collection_mix .grid_mix_3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto)}
.collection_mix .grid_mix_3 .collection_box_1{grid-column:1/3;grid-row:1/2}
.collection_mix .grid_mix_3 .collection_box_2{grid-column:1/3;grid-row:2/3;aspect-ratio:2/1}
.collection_mix .grid_mix_3 .collection_box_3{grid-column:1/3;grid-row:3/4;aspect-ratio:2/1}
.collection_mix .grid_mix_3.collection_mix_mobile .collection_box_2{grid-column:1/3;grid-row:2/3;aspect-ratio:unset}
.collection_mix .grid_mix_3.collection_mix_mobile .collection_box_3{grid-column:1/3;grid-row:3/4;aspect-ratio:unset}
.collection_mix .grid_mix_3.collection_mix_mobile .collection_box_2 .collection-content.collection_content_wapper,.collection_mix .grid_mix_3.collection_mix_mobile .collection_box_3 .collection-content.collection_content_wapper{aspect-ratio:2/1}
.collection_mix .grid_mix_3.collection_mix_mobile .item-grid-box{display:flex;flex-direction:column}
.grid-collection{row-gap:calc(var(--gap));column-gap:var(--gap)}
}
.ratio-1x1{--bs-aspect-ratio:100%}
.ratio-1x2{--bs-aspect-ratio:200%}
.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}
.ratio-2x3{--bs-aspect-ratio:calc(3 / 2 * 100%)}
.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}
.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}
.ratio-2x1{--bs-aspect-ratio:calc(1 / 2 * 100%)}
.ratio-3x1{--bs-aspect-ratio:calc(1 / 3 * 100%)}
.ratio-3x2{--bs-aspect-ratio:calc(2 / 3 * 100%)}
.ratio-3x4{--bs-aspect-ratio:calc(4 / 3 * 100%)}
.ratio-4x1{--bs-aspect-ratio:calc(1 / 4 * 100%)}
.ratio-2x1-gap{--bs-aspect-ratio:calc((1 / 2 * 100%) - (var(--gap) / 2))}
.ratio-4x3-gap{--bs-aspect-ratio:calc((3 / 4 * 100%) - (var(--gap) / 4))}
.grid-collection {column-gap: var(--space_between_columns);row-gap: var(--space_between_rows);display: grid}