.catalogAdvertising{
    background-size: cover;
    background-position: center;
    display: flex;
    flex-flow: row wrap;
}
.advertisingSize-12{
    min-height: 300px;
    justify-content: center;
    background-image: url('/images/shop/imageGrid12.jpg?v=2');
}
.advertisingSize-12 .catalogAdvertisingAction{
    position: absolute;
}

/* Catalog Ads */
.catalogAdvertising .catalogAdvertisingAction {
    align-self: flex-end;
    margin: 32px;
    font-family:  var(--cci-font-title);
    font-weight: 700;
    line-height: 0.84;
    letter-spacing: -0.4px;
    color:#fff;
    z-index: 997;
}

.catalogAdvertising .catalogAdvertisingText {
    align-self: flex-start;
    padding: 32px;
    /*    font-size: 64px; */
    font-family:  var(--cci-font-title);
    font-weight: 700;
    line-height: 0.84;
    letter-spacing: -0.4px;
    color:#fff;
}
.catalogAdvertising .catalogAdvertisingText_centered {
    align-self: center;
    align-items:center;
    text-align:center;
    padding: 12px 32px 0 32px;
    /*  font-size: 64px; */
    font-family:  var(--cci-font-title);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 0.84;
    letter-spacing: -0.4px;
    color:#fff;
}
.catalogAdvertising .catalogAdvertisingText_centered .catalogAdvertisingAction {
    margin: 16px 0 0 0;
    font-family:  var(--cci-font-title);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 0.84;
    letter-spacing: -0.4px;
    color:#fff;
}
.catalogAdvertising .noSelect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.catalogAdvertising .black{
    color: #000000 !important;
}

.catalogAdvertising .red {
    color:#fa5f55;
}
.catalogAdvertising .yellow {
    color:#fac364;
}
.catalogAdvertising .purple {
    color:#6d4fbe;
}
.catalogAdvertising .green {
    color:#91c164;
}
.catalogAdvertising .highlight {
    background-color: #6d4fbe;
    padding: 0 12px 0 12px;
}

@media screen and (min-width: 320px) {
    /*
    минимальный размер + (максимальный - минимальный) *
    ((100vw - минимальный размер экрана) - (максимальный размер экрана - минимальный размер экрана)))
    */
    .catalogAdvertising .catalogAdvertisingAction {
        font-size: calc(18px + (32 - 18) * ((100vw - 320px) / (1920 - 320)));
    }

    .catalogAdvertising .catalogAdvertisingText, .catalogAdvertising .catalogAdvertisingText_centered  {
        font-size: calc(32px + (64 - 32) * ((100vw - 320px) / (1920 - 320)));
    }
}