/**
 * LOCKED. Agents must not edit this file.
 * Общий CSS сайта. Подключается последним, перекрывает шаблон и компоненты.
 * Правки только вручную.
 */

/* All */
.categories .cat-tile__img {
    grid-area: tile;
    align-self: end;
    justify-self: end;
    width: 55%;
    height: 75%;
    margin: 0 1.525rem .825rem 0;
    -o-object-position: right bottom;
    object-position: right bottom;
}
.cat-tile.categories__tile[data-sort="400"] img, .cat-tile.categories__tile[data-sort="500"] img, .cat-tile.categories__tile[data-sort="600"] img {
    grid-area: tile;
    align-self: end;
    justify-self: end;
    width: 60%;
    height: 60%;
    margin: 0 1.025rem .825rem 0;
    -o-object-position: right bottom;
    object-position: right bottom;
}
.cat-tile.categories__tile[data-sort="900"] img {
    grid-area: tile;
    align-self: end;
    justify-self: end;
    width: 55%;
    height: 65%;
    margin: 0 1.525rem 1.225rem 0;
    -o-object-position: right bottom;
    object-position: right bottom;
}
.promo-strip__cta {
    border-radius: var(--radius-btn);
}
.header__search {
    min-height: 2.925rem;
    padding-inline: 1rem;
}
.header__cart-btn {
    padding-block: 0.9rem;
}
.tabs__item {
    border-radius: var(--radius-media);
}
html body .product-popup-overlay, html body .order-popup-overlay, html body .city-overlay, html body .mega-menu-overlay, html body .page-catalog__filter-backdrop, html body .page-configurator__overlay:not(.page-configurator__overlay--error), html body .reviews-lightbox, html body .pc-quiz::backdrop, html body .warranty-dialog::backdrop {
    background: color-mix(in srgb, var(--c-primary) 15%, #00000040) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.order-popup__inner, .product-popup {
    border-radius: var(--radius-card);
}
.product__price-pay {
    border-radius: var(--radius-media);
}
.filter {
    min-width: 13.75rem;
    max-width: 20rem;
    border-radius: var(--radius-card);
}
.filter.is-open .filter__header {
    border-radius: 16px 16px 0 0;
}
.filter__header {
    gap: .25rem;
    padding: 1rem 1.2rem;
}
.filter__body {
    padding: 1.2rem;
}
.price-input__field {
    padding: .7rem 1rem;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    font-size: 0.9rem;
}
.checkbox__box {
    border-radius: .325rem;
}
.checkbox__box:after {
    border-radius: .1625rem;
}
.promo-strip__banner {
    border-radius: var(--radius-card) !important;
}
.social-card__logo-box {
    height: 3.5rem;
}
.catalog-card--small .catalog-card__info {
    border-bottom: 0px solid var(--c-border);
}
.catalog-card__subtitle {
    line-height: 1.1;
    font-size: .65rem;
}
body.page-configurator-active .catalog-card__info-btn {
    width: 20px;
    height: 20px;
}
section.editorial.is-revealed {
    padding-top: calc(0.3 * var(--gap-sections));
}
.dark-promo {
    padding-block: calc(1 * var(--gap-sections));
}
.cart-items, .order-form, .cart-help {
    box-shadow: 0px 0px 20px 0px #0000000a;
}
.news--promo .news__text-group {
    max-width: 34rem;
}

/* End All */

/* ----------------------------------------------------------------------------------------------------------------------------------------*/

/* Desktop */
@media (min-width: 64em) {
    .categories__grid {
        grid-template-columns: 1fr 1fr 1fr 9.75rem 7.8125rem 7.8125rem 7.8125rem;
    }
    .categories .categories__tall .cat-tile__img {
        width: 80%;
        height: 75%;
        -o-object-position: center bottom;
        object-position: center bottom;
        margin: 0 0.825rem 0.825rem 0;
    }
    .categories .cat-tile__title {
        font-size: 0.95rem;
        line-height: 1.25;
    }
    .product__sidebar {
        width: 17.75rem;
    }
    .product__gallery {
        width: 35.375rem;
        flex-shrink: 0;
    }
    .product__main-photo {
        width: 28rem;
        height: 28rem;
    }
    .page-catalog__layout {
        display: grid;
        grid-template-columns: 18rem 1fr;
        gap: 1.5rem;
    }
    .catalog-card .catalog-card__subtitle {
        font-size: 0.925rem;
    }
    .trade-calc__title {
        font-size: 2rem;
    }
    .trade-calc {
        align-items: center;
    }
    .trade-calc__estimate {
        padding: 0.5rem 0;
    }
    .trade-calc__sidebar {
        margin-top: 1.5rem;
    }
}
@media (min-width: 75em) {
    .product__sidebar {
        width: 23vw;
    }
    .product__gallery {
        width: 45vw;
        flex-shrink: 0;
    }
    .product__main-photo {
        width: 35vw;
        height: 35vw;
    }
    .page-catalog__layout {
        display: grid;
        grid-template-columns: 18rem 1fr;
        gap: 1.5rem;
    }
    .product__specs {
        width: 23vw;
        flex-shrink: 0;
    }
    .header__address {
        color: var(--c-text-light);
        font-weight: 400;
    }
    .header__contact {
        font-weight: 500;
    }
    .trade-calc__sidebar {
        flex-basis: 28.125rem;
        max-width: 28.125rem;
    }
    .cta-form__form {
        top: 2.847007%;
        width: 66.298106%;
        gap: 2rem;
    }
    .articles__grid--duo {
        grid-template-columns: 25.875rem 1fr;
    }
    .articles__grid--duo-rev {
        grid-template-columns: 1fr 25.875rem;
    }
}
@media (min-width: 1450px) {
    .product__sidebar {
        width: 20.75rem;
    }
    .product__gallery {
        width: 40.375rem;
        flex-shrink: 0;
    }
    .product__main-photo {
        width: 33rem;
        height: 30rem;
    }
    .page-catalog__layout {
        display: grid;
        grid-template-columns: 20rem 1fr;
        gap: 1.5rem;
    }
    .product__specs {
        width: 21.0625rem;
        flex-shrink: 0;
    }
}
@media (min-width: 1024px) and (max-width: 1280px) {
    .product, .product__layout {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .product .product__layout {
        flex-direction: row;
        align-items: stretch;
        gap: 1.5rem;
    }
    .product .product__main {
        flex-direction: row;
        flex: 1;
        min-width: 0;
        gap: 1.5rem;
    }
    .product .product__primary, .product .product__main {
        display: flex;
    }
}
/* End Desktop */

/* ----------------------------------------------------------------------------------------------------------------------------------------*/

/* Mobile */
@media (max-width: 63.99em) {
    .promo-strip__banner {
        border-radius: var(--radius-media) !important;
    }
    html body .wrapper .hero__content {
        padding: 1.25rem 3rem 3rem 1rem !important;
    }
    button.button.button--small.header__btn, a.button.button--secondary.button--small.header__btn {
       max-height: 42px;
    }
    .catalog-card .button {
        padding: 0.675rem 1rem;
    }
    .hero__title {
        font-size: 1.575rem;
    }
    .hero__subtitle {
        font-size: 1rem;
    }
    .categories .cat-tile.categories__tile[data-sort="100"] img {
        margin: 0 1rem .225rem 0;
    }
    .categories .cat-tile.categories__tile[data-sort="200"] img {
        margin: 0 1rem .425rem 0;
    }
    .categories .cat-tile.categories__tile[data-sort="300"] img {
        width: 50%;
        height: 80%;
        margin: 0 1rem .825rem 0;
    }
    .categories .cat-tile.categories__tile[data-sort="400"] img {
        width: 60%;
        height: 65%;
        margin: 0 1rem .825rem 0;
    }
    .categories .cat-tile.categories__tile[data-sort="500"] img {
        width: 60%;
        height: 70%;
        margin: 0 1rem 1.125rem 0;
    }
    .categories .cat-tile.categories__tile[data-sort="600"] img {
        width: 60%;
        height: 68%;
        margin: 0 1rem 0.825rem 0;
    }
    .categories .cat-tile.categories__tall[data-sort="700"] img {
        width: 60%;
        height: 70%;
        margin: 0 -1rem .825rem 0;
    }
    .categories .cat-tile.categories__tile[data-sort="800"] img {
        width: 55%;
        height: 65%;
        margin: 0 1rem .825rem 0;
    }
    .categories .cat-tile.categories__tile[data-sort="900"] img {
        width: 55%;
        height: 62%;
        margin: 0 1rem 0.525rem 0;
    }
    .categories .cat-tile.categories__tile[data-sort="1000"] img {
        width: 50%;
        height: 65%;
        margin: 0 1rem 1.225rem 0;
    }
    .categories .cat-tile.categories__accent[data-sort="1100"] img {
        width: 50%;
        height: 75%;
        margin: 0 1rem -0.425rem 0;
    }
    html body .hero .hero__slide {
        aspect-ratio: 4 / 3;
    }
    .hero__texts {
        gap: 1rem;
    }
    .trade-calc__title {
        font-size: 1.5rem;
    }
    .tabs--row .tabs__item:first-child {
        grid-column: 1 / -2;
        font-size: 3.25vw;
    }
}
/* End Mobile */