.sticky.int{
    position: sticky;
    background-color: #F4F4F4;
    mix-blend-mode: unset;
}

.ban .title::after{
    width: 100%;
    border-radius: 8px;
}

.archive-prods{
    padding: 82px 0 94px;
}

.archive-prods .text{
    width: 863px;
}

.archive-prods .prods{
    display: grid;
    display: -moz-grid;
    display: -ms-grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(6,.4fr);
    grid-gap: 1rem;
    height: 1fr;
    /* min-height: 657px; */
}

.archive-prods .prods>*{
    display: flex;
    display: -webkit-flex;
    border-radius: 25px;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    overflow: hidden;
    box-shadow: 0 6px 8px #00000052;
}

.archive-prods .prods>*:first-child,
.archive-prods .prods>*:nth-child(7n),
.archive-prods .prods>*:nth-child(4),
.archive-prods .prods>*:nth-child(10n){
    grid-row: span 3;
}

.archive-prods .prods>*:nth-child(2),
.archive-prods .prods>*:nth-child(8n),
.archive-prods .prods>*:nth-child(6),
.archive-prods .prods>*:nth-child(12n){
    grid-row: span 4;
}

.archive-prods .prods>*:nth-child(3),
.archive-prods .prods>*:nth-child(9n),
.archive-prods .prods>*:nth-child(5),
.archive-prods .prods>*:nth-child(11n){
    grid-row: span 2;
}

.archive-prods .prods>*:nth-child(4),
.archive-prods .prods>*:nth-child(10n){
    grid-column-start: 1;
}

.archive-prods .prods>*:nth-child(5),
.archive-prods .prods>*:nth-child(11n){
    grid-column-start: 2;
}

.archive-prods .prods>*:nth-child(6),
.archive-prods .prods>*:nth-child(12n){
    grid-column-start: 3;
    grid-row: 3/7;
}

.archive-prods .prods>* img{
    width: 100%;
    height: 100%;
    /* aspect-ratio: 1/.72972; */
    object-fit: contain;
    -o-object-fit: contain;
    background-color: var(--white);
}

.archive-prods .prods>* .bottom{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 1rem;
    background-color: var(--main);
    padding: 9px 1rem;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.archive-prods .prods>*:hover .bottom{
    background-color: var(--black);
}

.archive-prods .prods>* .bottom::after{
    content: url('data:image/svg+xml;utf8,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.8151 8.71752V24.1855C32.7071 24.6375 32.6661 25.1015 32.5551 25.5555C32.0593 27.24 31.1421 28.7702 29.8901 30.0014C28.638 31.2326 27.0927 32.1241 25.4001 32.5915C25.0001 32.6845 24.5821 32.7085 24.1851 32.8145H8.72609C6.50692 32.5134 4.45225 31.4786 2.88911 29.8749C1.32597 28.2712 0.34421 26.1907 0.100088 23.9645C0.339088 19.0225 -0.215912 13.7865 0.100088 8.87852C0.359016 6.61629 1.38397 4.51069 3.00475 2.91137C4.62553 1.31206 6.74461 0.315264 9.01009 0.086518C13.8801 -0.189482 19.0101 0.302518 23.9041 0.086518C26.1432 0.315003 28.2401 1.29093 29.8568 2.85694C31.4734 4.42296 32.5155 6.48679 32.8151 8.71752ZM9.10009 2.66452C7.43591 2.86694 5.89041 3.63046 4.71842 4.82917C3.54643 6.02788 2.81795 7.5902 2.65309 9.25852C2.36209 13.9645 2.87609 18.9685 2.65309 23.7055C2.83617 25.3913 3.59382 26.9628 4.79877 28.1559C6.00372 29.349 7.58257 30.0911 9.27009 30.2575C13.9791 30.0335 18.9701 30.5575 23.6461 30.2575C25.3331 30.0912 26.9114 29.3491 28.1157 28.1561C29.32 26.9631 30.0769 25.3919 30.2591 23.7065C30.5731 18.9945 30.0261 13.9455 30.2591 9.19852C30.0763 7.50268 29.3113 5.92264 28.0944 4.72745C26.8775 3.53226 25.2839 2.79582 23.5851 2.64352C18.8581 2.36952 13.8521 2.84352 9.09709 2.66552" fill="white"/><path d="M19.5874 17.7308H9.8434C9.59446 17.6396 9.36875 17.4945 9.1824 17.3058C8.96978 17.0636 8.85472 16.7511 8.85952 16.4288C8.86432 16.1066 8.98866 15.7976 9.2084 15.5618C9.39059 15.3897 9.60694 15.2579 9.8434 15.1748H19.5874L16.7434 12.2988C16.5089 12.0557 16.3791 11.7302 16.3819 11.3923C16.3848 11.0545 16.5201 10.7313 16.7587 10.4921C16.9974 10.253 17.3203 10.117 17.6581 10.1134C17.996 10.1097 18.3217 10.2388 18.5654 10.4728C20.0654 12.2088 22.1734 13.7728 23.6144 15.5218C23.7404 15.6414 23.8408 15.7854 23.9094 15.9451C23.978 16.1047 24.0133 16.2766 24.0133 16.4503C24.0133 16.6241 23.978 16.796 23.9094 16.9556C23.8408 17.1153 23.7404 17.2592 23.6144 17.3788C22.1734 19.1258 20.0674 20.6908 18.5654 22.4278C18.3202 22.6518 17.9981 22.7727 17.666 22.7651C17.334 22.7576 17.0177 22.6223 16.7829 22.3874C16.5481 22.1525 16.413 21.836 16.4056 21.504C16.3983 21.172 16.5193 20.8499 16.7434 20.6048L19.5874 17.7308Z" fill="white"/></svg>');
    height: 33px;
}

.archive-prods .prods>* .title{
    position: relative;
    font-family: var(--beng);
    text-transform: uppercase;
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
}

@media(max-width:992px){
    .ban{
        background-position: left center !important;
    }
    .archive-prods{
        padding: 2rem 0;
    }
}

@media(max-width:768px){
    .archive-prods .prods{
        min-height: unset;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
    }
    .archive-prods .prods>*:first-child,
    .archive-prods .prods>*:nth-child(7n),
    .archive-prods .prods>*:nth-child(4),
    .archive-prods .prods>*:nth-child(10n),
    .archive-prods .prods>*:nth-child(2),
    .archive-prods .prods>*:nth-child(8n),
    .archive-prods .prods>*:nth-child(6),
    .archive-prods .prods>*:nth-child(12n),
    .archive-prods .prods>*:nth-child(3),
    .archive-prods .prods>*:nth-child(9n),
    .archive-prods .prods>*:nth-child(5),
    .archive-prods .prods>*:nth-child(11n),
    .archive-prods .prods>*:nth-child(4),
    .archive-prods .prods>*:nth-child(10n),
    .archive-prods .prods>*:nth-child(5),
    .archive-prods .prods>*:nth-child(11n),
    .archive-prods .prods>*:nth-child(6),
    .archive-prods .prods>*:nth-child(12n){
        grid-column: span 1;
        grid-row: span 1;
        grid-column-start: unset;
    }
    .archive-prods .prods>*{
        aspect-ratio: 1/.87027;
    }
}

@media(max-width:575px){
    .archive-prods .prods{
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -ms-flex-direction: column;
    }
    .archive-prods .prods>*:first-child,
    .archive-prods .prods>*:nth-child(7n),
    .archive-prods .prods>*:nth-child(4),
    .archive-prods .prods>*:nth-child(10n),
    .archive-prods .prods>*:nth-child(2),
    .archive-prods .prods>*:nth-child(8n),
    .archive-prods .prods>*:nth-child(6),
    .archive-prods .prods>*:nth-child(12n),
    .archive-prods .prods>*:nth-child(3),
    .archive-prods .prods>*:nth-child(9n),
    .archive-prods .prods>*:nth-child(5),
    .archive-prods .prods>*:nth-child(11n),
    .archive-prods .prods>*:nth-child(4),
    .archive-prods .prods>*:nth-child(10n),
    .archive-prods .prods>*:nth-child(5),
    .archive-prods .prods>*:nth-child(11n),
    .archive-prods .prods>*:nth-child(6),
    .archive-prods .prods>*:nth-child(12n){
        grid-column: unset;
        grid-row: unset;
    }
}