/*SPECIAL*/
.product .flag:not(.flag-special-release) {
    grid-column: 1;
}


.product .flag-special-release {
    grid-column: 3;
    grid-row: 1;
    max-width: max-content;
}

.product .flags {
    align-items: start;
    display: grid;
    grid-template-columns: auto 1fr auto;
}

@media (max-width: 1260px) {
    .product .flags {
        width: calc(100% + 14px);
    }
}

@media (min-width: 1261px) {
    .product .flags {
        width: calc(100% + 40px);
    }
}

.product .flag:not(.flag-special-release) {
    grid-column: 1;
}

.flag {
    max-width: none;
}