/* card styles */
.listing_card {
    height: 100%;
    max-width: 100%;
    position: relative;
}

.listing_card .video-cover {
    width: 100%;
    aspect-ratio: 3 / 4;
}

.listing_card a {
    display: flex;
    height: 100%;
    flex-direction: column;
    color: var(--b-c--black);
}

.listing_card .card_tag {
    line-height: 100%;
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 6px;
    background-color: var(--b-c--Lgrey);
    color: var(--b-c--white);
    font-weight: 700;
    z-index: 10;
}

.listing_card .card_tag-sale {
    background-color: var(--b-c--red);
    font: var(--param--txt--price-sale-s);
    border-radius: 4px;
}

.listing_card .card_slider {
    display: flex;
    overflow: hidden;
    height: 100%;
    margin-bottom: 15px;
}

.card_slider .slider_lent {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
}

.listing_card .card_ttl {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font: var(--param--txt--card-s);
    text-wrap: nowrap;
    white-space: nowrap;
    height: 18px;
    max-height: 18px;
    overflow: hidden;
    padding: 0 12px;
    margin-top: 2px;
    text-overflow: ellipsis;
}

.listing_card .price-cur {
    font: var(--param--txt--price-cur-s);
}

.listing_card .price-old {
    font: var(--param--txt--price-old-s);
}

.price-old {
    text-decoration: line-through;
    color: var(--b-c--grey);
}

.listing_card .card_slider,
.listing_card .swiper-wrapper {
    height: fit-content;
    position: relative;
}
.listing_card .swiper-wrapper {
    min-width: 100%;
}

.listing_card .card_slider .swiper-scrollbar {
    bottom: 0;
    left: 0; right: 0;
    width: 100%;
    height: 1px;
    background-color: transparent;
    z-index: 1;
}

.listing_card .card_slider .swiper-scrollbar-drag {
    background-color: var(--b-c--Dgrey);
}

.listing_card .swiper-pagination {
    display: flex;
    gap: 0;
    height: 100%;
    bottom: 0!important;
    top: 0!important;
}

.listing_card .swiper-pagination .swiper-pagination-bullet {
    margin: 0!important;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: transparent;
}

.listing_card .card_slider .btn-slider {
    position: absolute;
    z-index: 1;
    top: 50%;
}

.listing_card .card_slider .btn-slider-prev {left: 12px;}
.listing_card .card_slider .btn-slider-next {right: 12px;}

.card_slider .slider_lent {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
}

.listing_card .card_ttl {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font: var(--param--txt--card-s);
    text-wrap: nowrap;
    white-space: nowrap;
    height: 18px;
    max-height: 18px;
    overflow: hidden;
    padding: 0 12px;
    margin-top: 2px;
    text-overflow: ellipsis;
}

.listing_card .price-cur {
    font: var(--param--txt--price-cur-s);
}

.listing_card .price-old {
    font: var(--param--txt--price-old-s);
}

.price-old {
    text-decoration: line-through;
    color: var(--b-c--grey);
}

.listing_card .slider_img {
    height: fit-content;
    min-width: 100%;
    max-width: 100%;
    width: 100% !important;
}

.listing_card .slider_img img {
    /* max-width: none; */
    min-width: 100%;
    max-width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
}

.listing_card .card_price {
    display: flex;
    font-size: var(--fs--txt-m);
    font-weight: 600;
    gap: 10px;
    align-items: flex-end;
    padding: 0 12px;
}


.also_lent .listing_card .card_slider .swiper-scrollbar,
.also_lent .listing_card .card_slider .btn-slider,
.vitrina_slider .listing_card .card_slider .swiper-scrollbar,
.vitrina_slider .listing_card .card_slider .btn-slider {
    display: none;
}

.vitrina_slider .listing_card,
.vitrina_slider .listing_card a {
    height: fit-content;
}

.buy_container {
    display: flex;
    gap: 20px;
    margin: auto 0;
    width: 100%;
    align-items: flex-end;
    border-radius: var(--size-bradius-l);
    overflow: hidden;
}

.header_control .buy_container {
    height: 44px;
}

.buy_container .btn-buy {
    display: flex;
    width: 100%;
    justify-content: center;
    right: -50%;
    /* transition: all .6s ease; */
}

.listing_card .buy_container {
    position: absolute;
    right: 20px;
    bottom: 66px;
    width: fit-content;
    padding-left: 46px;
}

.listing_card .card_btn-like {
    position: absolute;
    top: 8px;
    right: 12px;
}

*[data-liked='1'] .btn-like svg,
*[data-liked='1'] .btn-like path {
    fill: var(--b-c--red);
    stroke: var(--b-c--red);
}

.listing_card .card_btn-buy {
    background-color: var(--b-c--black);
    border-radius: 100%;
    width: 36px;
    height: 36px;
    fill: var(--b-c--white);
    padding: 6px 6px 6px 6px;
}

/*.listing_card .counter {*/
/*    background-color: var(--b-c--Dgrey);*/
/*    color: var(--b-c--white);*/
/*}*/


/*  */
.card_top {
    /* display: grid; */
}

.buy_container .btn-buy::before {
    opacity: 0;
}
.listing_card .buy_container .counter {
    position: absolute;
    top: 0;
    left: 2px;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: left .6s ease, right .6s ease;
}

.listing_card .buy_container:has(input[value='0']) .counter {
    left: 100%; right: -100%;
    z-index: -1;
    transition: left .6s ease-in-out, right .6s cubic-bezier(0.3, 1, .3, 2);
}

.buy_container:has(input[value='0']) .btn-buy {
    position: relative;
    right: 0;
}

.buy_container:has(input[value='0']) .btn-buy::before {
    opacity: 1;
}

.listing_card .buy_container {
    position: absolute;
    right: 12px;
    bottom: 68px;
    width: fit-content;
    z-index: 10;
}

.listing_card .card_btn-like {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
}


/*  */
body:has(.shoping_card) {
    padding-top: 0;
}
.shopingcard_main {
    display: flex;
    flex-direction: column;
    margin: auto auto 68px auto;
}

.shopingcard_main .gallery {
    order: -1;
}
.card_description {
    position: relative;
    max-width: 840px;
    padding: 0 var(--padding--side);
}

/* этот блок оставляем до полной замены таблиц размеров на нормальные */
.card_description .size_table {
    background-color: var(--b-c--VLgrey);
    border-radius: var(--size-bradius-l);
    padding: 28px 16px;
    font: 400 14px/1.8 'Averta CY', sans-serif;
}

.card_description .size_table h3 {
    font: 600 18px/1.2 'Averta CY', sans-serif;
    margin-bottom: 20px;
}

.card_description .size_table table,
.card_description .size_table tbody {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    color: var(--b-c--Dgrey);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.card_description .size_table tr {
    position: relative;
    display: flex;
    width: 100%;
}

.card_description .size_table tr:first-child td:not(:first-child) {
    font-weight: 600;
}

.card_description .size_table td {
    padding: 30px 0 12px 0;
    border-bottom: 1px solid var(--b-c--grey2);
    margin-bottom: 8px;
    width: 100%;
}

.card_description .size_table td:first-child {
    padding: 0;
    position: absolute;
    top: 0px;
    color: var(--b-c--grey2);
    border: none;
}
/* Конец блока */

.size_swiper {
    overflow: hidden;
    margin-top: 32px;
}

.size_table {
    font: 400 14px/1.8 'Averta CY', sans-serif;
}

.size_table h3 {
    font: 600 18px/1.2 'Averta CY', sans-serif;
    margin-bottom: 20px;
}

.size_table table,
.size_table tbody {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    color: var(--b-c--Dgrey);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.size_table tr {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.size_table td:first-child {
    color: var(--b-c--grey2);
}

.card_description #char {
    margin-bottom: 0;
}

.card_description .description_content {
    line-height: 160%;
}

.card_name {
    font: var(--param--txt--card-name);
}

.bnpl-panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%
    /* margin-top: 30px; */
}

.bnpl-panel .bnpl-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 1200px) {
    .bnpl-panel .bnpl-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.card_bnpl-btn {
    width: 100%;
    border: 1px solid var(--b-c--Lgrey);
    font: var(--param--txt-card-bnpl);
    display: flex;
    justify-content: left;
}

.card_bnpl-btn::before {
    height: 16px;
}

.card_bnpl-btn.btn-split::before {
    content: url('data:image/svg+xml,<svg width="60" height="16" viewBox="0 0 60 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.2199 14.1734C21.7324 14.1734 20.5586 13.6361 19.6987 12.5614C18.8387 11.4752 18.4087 9.94984 18.4087 7.98539C18.4087 6.06716 18.8329 4.55337 19.6812 3.44404C20.5412 2.3347 21.773 1.78003 23.3768 1.78003C23.9346 1.78003 24.4343 1.86092 24.8759 2.0227C25.3175 2.17292 25.6778 2.34625 25.9567 2.5427V4.22404C25.6429 4.02759 25.271 3.8427 24.8411 3.66937C24.4111 3.49604 23.9578 3.40937 23.4814 3.40937C22.4587 3.40937 21.7149 3.78493 21.2501 4.53604C20.7852 5.28715 20.5528 6.43694 20.5528 7.98539C20.5528 9.48761 20.7852 10.6258 21.2501 11.4001C21.7149 12.1627 22.4238 12.5441 23.3768 12.5441C23.9346 12.5441 24.4169 12.4632 24.8236 12.3014C25.2304 12.1281 25.6081 11.9143 25.9567 11.6601V13.3414C25.6894 13.5263 25.3292 13.7112 24.8759 13.8961C24.4227 14.081 23.8707 14.1734 23.2199 14.1734Z" fill="black"/><path d="M27.269 5.28138H34.1023V14.0001H32.0279V6.91072H29.3434V14.0001H27.269V5.28138Z" fill="black"/><path d="M35.1515 12.2147C35.1515 12.2147 35.1921 12.2436 35.2735 12.3014C35.3548 12.3476 35.4711 12.3707 35.6221 12.3707C35.9592 12.3707 36.18 12.1974 36.2845 11.8507C36.3891 11.5041 36.4589 10.8685 36.4937 9.94406L36.668 5.28138H42.6123V14.0001H40.5379V6.91072H38.4287L38.3066 10.0307C38.2602 11.4752 38.08 12.5267 37.7663 13.1854C37.4525 13.8441 36.854 14.1734 35.9708 14.1734C35.7267 14.1734 35.5292 14.1445 35.3781 14.0867C35.227 14.029 35.1515 14.0001 35.1515 14.0001V12.2147Z" fill="black"/><path d="M44.3604 5.28138H46.3825V10.6721L49.59 5.28138H51.3855V14.0001H49.3634V8.60939L46.1559 14.0001H44.3604V5.28138Z" fill="black"/><path d="M59.5598 6.91072H57.1193V14.0001H55.0449V6.91072H52.6045V5.28138H59.5598V6.91072Z" fill="black"/><g clip-path="url(%23clip0_12850_8660)"><path d="M11.3308 6.17429L11.2542 6.07267C15.1632 2.99863 14.7289 2.54134 14.7289 2.54134C14.3457 2.13486 13.9369 1.77918 13.5025 1.47432C12.8893 1.04243 12.225 0.686758 11.5097 0.458111C8.54591 -0.608908 5.02007 0.229464 2.89945 2.54134C0.0634519 5.56456 0.0123531 10.3661 2.8739 13.4402C5.88875 16.6666 11.0242 16.8699 14.269 13.8975L14.3201 13.8467L14.3712 13.7959L14.3968 13.7704C14.4479 13.7196 14.499 13.6688 14.5245 13.618C15.4443 12.4494 14.0646 9.27372 11.3308 6.17429ZM13.8347 13.0337C13.6303 13.2369 12.7616 13.2623 11.3564 12.5256C10.0533 11.8397 8.59701 10.671 7.21733 9.24832C6.98738 9.42616 10.8198 6.42834 10.641 6.58077C11.8418 7.95265 12.8638 9.45156 13.4003 10.6964C14.0391 12.1445 14.0135 12.8559 13.8347 13.0337Z" fill="black"/></g><defs><clipPath id="clip0_12850_8660"><rect width="16.0909" height="16" fill="white" transform="translate(0.75)"/></clipPath></defs></svg>');
}
.card_bnpl-btn.btn-dolyame::before {
    content: url('data:image/svg+xml,<svg width="100" height="16" viewBox="0 0 56 9" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_78922_1676)"><path d="M9.93925 0.5H8.60443V7.26887H9.93925V0.5Z" fill="black"/><path d="M7.07111 0.878764H5.73629V7.64749H7.07111V0.878764Z" fill="black"/><path d="M4.20296 1.30162H2.86814V8.07162H4.20296V1.30162Z" fill="black"/><path d="M1.33482 1.72917H0L5.08626e-06 8.5H1.33482L1.33482 1.72917Z" fill="black"/><path d="M45.194 4.10631L43.0447 1.71671H41.7882V7.24948H43.1001V3.71946L45.0623 5.81088H45.3047L47.2332 3.71946V7.24948H48.5451V1.71671H47.2886L45.194 4.10631Z" fill="black"/><path d="M54.795 1.71671L51.5435 5.3128V1.71671H50.2316V7.24948H51.4335L54.685 3.65338V7.24948H55.9969V1.71671H54.795Z" fill="black"/><path d="M34.7222 3.74122C34.7222 4.62211 35.2039 5.31603 35.9433 5.60697L34.5568 7.24948H36.1625L37.4238 5.75527H38.7886V7.24948H40.1005V1.71671H36.7606C35.5154 1.71671 34.7222 2.56858 34.7222 3.74122ZM38.7895 2.93528V4.57134H37.0039C36.4082 4.57134 36.0886 4.23929 36.0886 3.75251C36.0886 3.26572 36.4194 2.93367 37.0039 2.93367L38.7895 2.93528Z" fill="black"/><path d="M28.626 2.82326C28.5457 4.72608 28.1443 5.95433 27.3583 5.95433H27.1616V7.28252L27.3712 7.2938C28.9472 7.38165 29.8183 5.99866 29.9612 2.978H32.0341V7.24948H33.3436V1.71671H28.6702L28.626 2.82326Z" fill="black"/><path d="M23.6877 1.6394C21.9134 1.6394 20.6369 2.86765 20.6369 4.48276C20.6369 6.15347 22.0258 7.3382 23.6877 7.3382C25.4187 7.3382 26.7635 6.08738 26.7635 4.48276C26.7635 2.87813 25.4187 1.6394 23.6877 1.6394ZM23.6877 6.01001C22.685 6.01001 22.0017 5.3572 22.0017 4.48276C22.0017 3.58655 22.6858 2.95147 23.6877 2.95147C24.6897 2.95147 25.3962 3.61557 25.3962 4.48276C25.3962 5.34995 24.6801 6.01001 23.6877 6.01001Z" fill="black"/><path d="M19.2456 1.72714H14.6155L14.5713 2.8337C14.5055 4.42784 14.0896 5.94381 13.3036 5.96558L12.9399 5.97686V8.50002L14.263 8.49736V7.25024H18.8594V8.49736H20.1937V5.96558H19.2456V1.72714ZM17.9337 5.96558H15.1341C15.6078 5.24668 15.8615 4.20621 15.9057 2.98924H17.9337V5.96558Z" fill="black"/></g><defs><clipPath id="clip0_78922_1676"><rect width="56" height="8" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
}

.card_bnpl-btn img {
    height: 14px;
    width: auto;
    margin: auto 10px auto 0;
}

.card_marketing {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.delivery_panel {
    padding: 10px 16px;
    border-radius: var(--size-bradius-m);
    border: 1px solid var(--b-c--Lgrey);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.delivery_type {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.delivery_type::before {
    width: 24px;
    height: 24px;
}
.delivery_type.type-courier::before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9297 8.49123V5.12281C15.9297 4.5027 15.427 4 14.8069 4H2.45606C1.83595 4 1.33325 4.5027 1.33325 5.12281V17.4737C1.33325 18.0938 1.83595 18.5965 2.45606 18.5965H3.57887M15.9297 8.49123V14.1053M15.9297 8.49123H20.421L22.6666 13.5439V17.4737C22.6666 18.0938 22.1639 18.5965 21.5438 18.5965H20.421M3.57887 18.5965C3.57887 19.8367 4.58426 20.8421 5.82448 20.8421C7.0647 20.8421 8.07009 19.8367 8.07009 18.5965M3.57887 18.5965C3.57887 17.3563 4.58426 16.3509 5.82448 16.3509C7.0647 16.3509 8.07009 17.3563 8.07009 18.5965M20.421 18.5965C20.421 19.8367 19.4156 20.8421 18.1754 20.8421C16.9351 20.8421 15.9297 19.8367 15.9297 18.5965M20.421 18.5965C20.421 17.3563 19.4156 16.3509 18.1754 16.3509C16.9351 16.3509 15.9297 17.3563 15.9297 18.5965M15.9297 18.5965H8.07009" stroke="%23202020" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.delivery_type.type-postomat::before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 10.1818C20 16.5455 12 22 12 22C12 22 4 16.5455 4 10.1818C4 8.01187 4.84285 5.93079 6.34315 4.3964C7.84344 2.86201 9.87827 2 12 2C14.1217 2 16.1566 2.86201 17.6569 4.3964C19.1571 5.93079 20 8.01187 20 10.1818Z" stroke="%23202020" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12.9091C13.4728 12.9091 14.6667 11.688 14.6667 10.1818C14.6667 8.67559 13.4728 7.45455 12 7.45455C10.5272 7.45455 9.33333 8.67559 9.33333 10.1818C9.33333 11.688 10.5272 12.9091 12 12.9091Z" stroke="%23202020" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.delivery_type-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.delivery_type-details, .delivery_type-advantage {
    font: var(--fs--txt-s);
    line-height: 100%;
}
.delivery_type-details {
    color: var(--b-c--grey);
    max-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.delivery_type-details span {
    color: var(--b-c--Dgrey);
    padding-left: 4px;
}
.delivery_type-advantage {
    color: var(--b-c--green);
}


.gallery {
    position: relative;
}

.gallery .gallery_video {
    position: fixed;
    right: 11px;
    z-index: 888;
}

.gallery .gallery_btns-main {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0px;
    z-index: 2;
}

.gallery .gallery_btns-sub {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 4px;
    position: absolute;
    bottom: 20px;
    left: 12px;
    z-index: 2;
}

.gallery_btns-sub .card_price-info {
    margin: 0;
    line-height: 1.2;
}

.gallery .gallery_btns-main .btn {
    padding: 10px 12px;
}

.gallery_btns-main {
    bottom: 20px;
}

.gallery_video {
    bottom: 70px;
}

.gallery_video>img {
    display: none;
}

.gallery_container {
    display: none;
}

.gallery_container .swiper-slide-thumb-active {
    border: 1px solid var(--b-c--grey2);
    border-radius: var(--size-bradius-s);
    padding: 1px;
}

.gallery .gallery_pic-main {
    min-width: 100%;
}

.shopingcart_galery-main {
    display: flex;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    height: fit-content;
}

.gallery .shopingcart_galery-main .gallery_scrollbar {
    /* height: 10px; */
    width: auto;
    position: absolute;
    bottom: 12px;
    height: 2px;
    left: 12px;
    right: 12px;
    /* background-color: violet; */
    z-index: 1;
    top: auto;
}

.gallery_scrollbar .swiper-scrollbar-drag {
    background: var(--b-c--Lgrey);
}

.gallery .shopingcart_galery-main .gallery_scrollbar .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--b-c--Dgrey);
}

.shopingcart_galery-main .gallery_lent {
    display: flex;
    height: 100%;
    width: auto;
}

.shopingcart_galery-main img {
    height: 100%;
    max-width: inherit;
    width: 100%;
    /* pointer-events: none; */
}

.shopingcart_galery-main .gallery_item {
    display: flex;
}

.card_info {
    padding: var(--padding--side);
}

.shopingcart_galery-main .gallery_btn {
    position: absolute;
    top: 50%;
    z-index: 1;
}

.shopingcart_galery-main .gallery_btn-left {
    left: 20px;
}

.shopingcart_galery-main .gallery_btn-right {
    right: 20px;
}

.card_articule {
    color: var(--b-c--grey);
    font-weight: 400;
    font-size: var(--fs--txt-m);
    margin-top: 6px;
}

.card_articule::before {
    content: 'Арт. ';
}

.auth-sale {
    font: 400 var(--fs--txt-m)/1.22 'Averta CY', sans-serif;
    margin-top: 8px;
}

.card_price-info {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.card_price-info .card_price {
    display: flex;
    vertical-align: middle;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    height: 31px;
}

.card_price-info .price-cur {
    font-size: 24px;
    line-height: 100%;
    font-weight: 600;
}

.card_price-info .price-old {
    font-size: 14px;
}

.card_price-info .price-sale {
    background-color: var(--b-c--red);
    color: var(--b-c--white);
    font-size: 12px;
    line-height: 100%;
    font-weight: 700;
    padding: 6px 4px;
    border-radius: var(--size-bradius-s);
}

.price-loyalty {
    margin: auto 0 auto auto;
    font-size: 14px;
    padding: 6px;
    background-color: var(--b-c--VLgrey);
    border-radius: var(--size-bradius-s);
}

.card_description details {
    /* .card_description details:not(:last-child) { */
    border-bottom: 1px solid var(--b-c--Lgrey);
}

.card_description details:not([open]) summary h2 {
    margin-bottom: 0;
}

.card_description details summary h2 {
    margin-bottom: 10px;
}

.card_description details[open] {
    padding-bottom: 20px;
}

.presentation_preview {
    max-width: 840px;
    max-height: 420px;
    width: 100%;
    height: fit-content;
    box-shadow: var(--box-shadow);
    border-radius: var(--size-bradius-m);
    overflow: hidden;
}

.presentation_preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pres_btn-open {
    border: 1px solid var(--b-c--Dgrey);
}

.card_params {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.card_params .params_buy {
    display: flex;
    gap: 16px;
}

.card_params .params_buy .btn-grey {
    display: flex;
    width: 100%;
    justify-content: center;
}

.card_params .params_buy .counter {
    color: var(--b-c--white);
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.card_params .params_buy .counter button {
    width: 100%;
    height: 100%;
}

.cardATC_container {
    display: flex;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: var(--size-bradius-m);
    max-height: fit-content;
    margin: auto 0;
}

.cardATC_container .counter {
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    z-index: 1;
    transition: all .3s ease;
    max-width: inherit;
    justify-content: space-between;
}

.cardATC_container:has(input[value='0']) .counter {
    left: 100%; right: -100%;
}

/* Стили для кнопок подписки при недоступном товаре */
.sub-btn_container {
    display: none;
    width: 100%;
    height: 48px;
}

.cardATC_container:has(input[max="0"]) .atc-btn_container {
    display: none;
}

.cardATC_container:has(input[max="0"]) .sub-btn_container {
    display: flex;
}

.sub-btn_container .btn {
    width: 100%;
    height: 100%;
    justify-content: center;
}

/* Когда пользователь не подписан - показываем "Сообщить о поступлении", скрываем "Отписаться" */
.sub-btn_container[data-subscribed="0"] #subscribeBtn {
    display: flex;
}

.sub-btn_container[data-subscribed="0"] #unsubscribeBtn {
    display: none;
}

/* Когда пользователь подписан - показываем "Отписаться", скрываем "Сообщить о поступлении" */
.sub-btn_container[data-subscribed="1"] #subscribeBtn {
    display: none;
}

.sub-btn_container[data-subscribed="1"] #unsubscribeBtn {
    display: flex;
}

.params_list {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: scroll;
    padding-bottom: 0px;
}

.card_params .params_ttl {
    color: var(--b-c--grey);
    margin-bottom: 20px;
    font: 400 var(--fs--txt-m)/1.2 'Averta CY', sans-serif;
}

.params_ttl-value {
    color: var(--b-c--Dgrey);
}

.params_value.--selected {
    border: 1px solid var(--b-c--Dgrey);
}

.params_value:has(input:disabled) .radio-boxed_content,
.params_value.--disabled .radio-boxed_content {
    opacity: .2;
}

.params_value:hover {
    cursor: pointer;
}

li.params_value.swiper-slide:not(.--disabled) {
    order: -1;
}

.params_list span {
    display: block;
    text-wrap: nowrap;
    white-space: nowrap;
    font-size: var(--fs--txt-m);
    text-align: center;
    /* padding: 7px 17px; */
}

.params_list img {
    border-radius: var(--size-bradius-m);
}

.card_addinfo {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 36px 0;
}

.card_avaliable {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 16px 0 0;
}

.card_avaliable::-webkit-scrollbar {width: 4px;}
.card_avaliable::-webkit-scrollbar-track {background: transparent;}
.card_avaliable::-webkit-scrollbar-track:hover {background: transparent;}
.card_avaliable::-webkit-scrollbar-thumb {background: var(--b-c--grey); border-radius: 4px;}
.card_avaliable::-webkit-scrollbar-thumb:hover {background: var(--b-c--Dgrey);}

.card_avaliable h3 {
    color: var(--b-c--grey);
    margin-bottom: 20px;
    font: var(--param--txt--card-s);
}

.avaliable_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: var(--fs--txt-m);
}

.avaliabile_shop {
    display: flex;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--b-c--Lgrey);
}

.avaliable_shop-info {
    display: flex;
    flex-direction: column;
}

.avaliabile_shop .aval {
    text-wrap: nowrap;
    white-space: nowrap;
    text-align: right;
    margin: 0 0 auto auto;
    line-height: 1.375;
}

.avaliabile_shop h3 {
    margin-bottom: 8px;
    font: var(--param--txt--cart-m);
    color: var(--b-c--Dgrey);
    line-height: 1.375;
    font-weight: 700;
}

.avaliabile_shop .schedule {
    color: var(--b-c--grey);
    line-height: 1.375;
}

.aval-green {
    color: var(--b-c--green);
}

.aval-yellow {
    color: var(--b-c--yellow);
}

.aval-grey {
    color: var(--b-c--grey);
}

.avaliabile_shop .avaliable_shop-social {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-top: 12px;
}

.also_section,
.also_card {
    overflow: hidden;
}

.also_section {
    position: relative;
}

#look-section {
    margin-top: 0;
    padding-top: calc(40px + var(--padding--side));
}

.also_section h2 {
    padding-left: var(--padding--side);
}

.also_lent {
    display: flex;
    flex-wrap: nowrap;
    max-height: 400px;
    padding-bottom: 20px;
}

.also_slider {
    position: relative;
    padding-left: 12px;
}

.also_slider .btn-slider {
    display: none;
    position: absolute;
    top: 40%;
    z-index: 3;
    box-shadow: var(--box-shadow);
    /* background-color: var(--b-c--Lgrey); */
}

.also_slider .also_btn-left {
    left: -19px;
}

.also_slider .also_btn-right {
    right: -19px;
}

.characteristics_block,
.characteristics_block .characteristic_line {
    display: grid;
}

.characteristics_block {
    gap: 15px;
}

.characteristic_line {
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
}

.characteristic_line .characteristic_ttl {
    color: var(--b-c--grey)
}

.characteristic_line span {
    font-size: var(--fs--txt-m);
    font-weight: 400;
    line-height: 120%;
}

.description_files {
    padding: 40px 0 0 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.description_files .btn {
    width: 100%;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
}

#pres {
    position: relative;
    /* padding-bottom: 60px; */
}

#pres button {
    margin-top: 20px;
    width: 100%;
}
.video_popup-container, .present_popup-container {
    background-color: var(--b-c--black-80);
}

.video_popup-container .video_popup,
.present_popup-container .present_popup {
    position: relative;
    margin: auto;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.video_popup-container .video_popup {
    justify-content: center;
}
.present_popup-container .present_popup {
    justify-content: flex-start;
}
.video_popup .popup_btn-close,
.present_popup .popup_btn-close {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: var(--b-c--white);
    border-radius: 100%;
    width: 48px;
    height: 48px;
    z-index: 1;
}

.bnpl_popup-container .popup img {
    height: 24px;
}

.bnpl_popup-container .popup .ttl {
    margin: 20px 0;
}
.bnpl_popup-container .popup .popup_btn-close {
    top: 0; right: 0px;
}

.bnpl_popup-container .popup .bnpl_header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 36px;
    margin-top: 36px;
    position: relative;
}

.bnpl_btns {
    padding: 40px 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.bnpl_btns .btn {
    width: 100%;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
}

.params_buy {
    background-color: var(--b-c--white);
    position: fixed;
    z-index: 999;
    left: 0px; right: 0px;
    bottom: 60px;
    padding: 8px 12px 12px 12px;
    border-radius: 8px 8px 0 0;
}

.atc-panel {
    padding: 12px 24px;
    /* text-align: center; */
    border-radius: 8px 8px 0 0;
    background-color: var(--b-c--green-bg);
    color: var(--b-c--green);
    position: fixed;
    z-index: 995;
    left: 0px; right: 0px;
    bottom: 60px;
    display: flex;
    justify-content: center;
}

@keyframes atc-anim {
    0% {
        bottom: 60px;
    }
    25% {
        bottom: 122px;
    }
    50% {
        bottom: 122px;
    }
    100% {
        bottom: 60px;
    }
}

.atc-panel.--added {
    animation: atc-anim ease 3s;
}

.params_buy_content {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.atc-btn_container {
    background-color: var(--b-c--black);
    color: var(--b-c--white);
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: var(--size-bradius-m);
    overflow: hidden;
    height: 48px;
    gap: 22px;
    justify-content: center;
    width: 100%;
    transition: all .3s ease;
    position: relative;
    font-size: 14px;
    line-height: 100%;
}

.atc-btn_container,
.atc-btn_container span,
.atc-btn_container input {
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
}

.atc-btn_container .atc-loader {
    position: absolute;
    top: 100%;
}

.atc-btn_container:has(input.--loading) .atc-loader {
    top: calc(50% - 8px);
}

.atc-btn {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.atc-btn_container input {
    position: relative;
    width: 30px;
    text-align: center;
}

.atc-btn_container input::after {
    content: 'x';
    position: absolute;
    right: 0; left: 100%;
}

.atc-btn_container span {
    text-wrap: nowrap;
}

.atc-btn_container .btn-minus-white,
.atc-btn_container .btn-plus-white {
    width: 100%; height: 100%;
}

.atc-btn_container:has(input[value="0"]) {
    background-color: var(--b-c--black);
}

.atc-btn_container:has(input[value="0"]) input,
.atc-btn_container:has(input[value="0"]) .btn-plus-white,
.atc-btn_container:has(input[value="0"]) .btn-minus-white {
    display: none;
}

.atc-btn_container:not(:has(input[value="0"])) .atc-btn_label,
.atc-btn_container:not(:has(input[value="0"])) .price-old {
    display: none;
}

.atc-btn_container:not(:has(input[value="0"])) .price-cur {
    position: relative;
}
.atc-btn_container:not(:has(input[value="0"])) .price-cur::before {
    content: 'x';
    position: absolute;
    left: -26px;
    right: 100%;
}

.ongallery_container {
    position: fixed;
    bottom: 122px;
    left: 0px; right: 0px;
    z-index: 990;
    transition: all .3s ease;
    bottom: -100%;
    overflow: visible;
}

.params_select-color {
    background-color: var(--b-c--white);
    border-radius: 8px 8px 0 0;
    padding: 16px 12px 12px 12px;
}

.params_select-color h3 {
    font-weight: 400!important;
    text-align: center;
}

.params_select-color .params_list {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 16px;
    gap: 0;
    width: fit-content;
}

.params-color label.radio-boxed-o {
    border: 1px solid transparent;
}

.params_swiper-wrapper {overflow: hidden;}

.params_swiper-wrapper .params_scrollbar {
    height: 2px;
    margin-top: 4px;
}

.params_swiper-wrapper .swiper-scrollbar-drag {
    background-color: var(--b-c--grey);
}

.ongallery_container.--show {
    bottom: 122px;
}

.params_select-color .params_value {
    min-width: 60px;
    max-width: 60px;
}

.description_header {display: none;}

.description_header .container {
    display: flex;
    justify-content: space-between;
}

.description_header .header_control,
.header_control .btn {width: 100%;}

/* slider wide styles */
.slider_wide {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.slider_wide .slider_lent {
    display: flex;
    flex-wrap: nowrap;
}

.slider_wide picture,
.slider_wide .slider_slide {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    aspect-ratio: 215 / 466;
}

.slider_btns-wide {
    position: absolute;
    z-index: 10;
    top: calc(50% - 42px);
    left: 0;
    right: 0;
}

.slider_btns-wide .container {
    display: flex;
    justify-content: space-between;
}

.slider_btns-wide .slider_btn:nth-child(1) {
    left: var(--padding--side);
}

.slider_btns-wide .slider_btn:nth-child(2) {
    right: var(--padding--side);
}

/* .slider_wide picture {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
} */

.slider_wide .slider_img {
    min-height: 100vh;
    min-width: 100vw;
    object-fit: cover;
}

/* vitrina styles */
.vitrina {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
}

.vitrina .vitrina_slider {
    display: flex;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
    gap: 28px;
    margin: 0 20px;
}

.vitrina_slider .swiper-notification {
    display: none;
}

.vitrina_slider .slider_btns {
    display: flex;
    justify-content: center;
    gap: 18px;
}

.vitrina_slider .vitrina_lent {
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    /* gap: 12px; */
}

.vitrina_lent .vitrina_slide {
    width: calc(50% - 6px);
}

.vitrina_img picture {
    width: 100%;
    height: fit-content;
}

.vitrina_img img {
    width: 100%;
    height: auto;
}

.vitrina_img,
.banner-additional {
    transition: all .6s ease!important;
    display: flex;
    overflow: hidden;
    height: fit-content;
}

/* catalog styles */
.catalog_container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
}

.catalog_main #catalogMore {
    display: flex;
    margin: auto 0 0 0;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.catalog_main .catalog_header {
    position: sticky;
    top: -100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
    height: fit-content;
    padding: 0 var(--padding--side);
    gap: 32px;
    transition: all .6s ease;
}

.catalog_main .catalog_header.catalog_header-show {
    top: 0;
}

.catalog_header .only-mob {
    display: flex;
}

.catalog_header .catalog_control {
    display: flex;
    gap: 24px;
    padding: 0 0 12px 0;
}

.catalog_main {
    max-width: 100%;
    max-width: 100%;
    width: 100%;
}

.catalog_main .btn-lazyload {
    margin: 0 auto;
}

.catalog_main .cart-empty_message {
    margin: 40px 0 72px 0;
}

.catalog_listing {
    max-width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 12px;
}

.catalog_page .select-catalog {
    position: relative;
    border: none;
    /* background: none; */
    max-width: 24px;
    max-height: 24px;
    width: 24px;
    height: 24px;
}

.catalog_main:has(#listing_view:checked) .catalog_listing {
    grid-template-columns: minmax(120px, 1fr);
}

.catalog_listing[data-view="1"] {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
}

.catalog_listing[data-view="2"] {
    grid-template-columns: repeat(1, minmax(120px, 1fr));
}

.catalog_listing .listing_item {
    margin-bottom: 40px;
}

.catalog_vNsort {
    display: flex;
    margin: auto 0 auto auto;
    gap: 24px;
}

.select-catalog-label {
    display: flex;
}

.select-sort {
    background: url('../img/icons/Filter\ &\ sort/Sorting.svg') no-repeat var(--b-c--white);
}

.select-view {
    background: url('../img/icons/System/4\ block.svg') no-repeat var(--b-c--white);
}

.select-view,
.select-sort {
    background-position: right center;
    background-size: contain;
    color: transparent;
}

.btn-filters {
    display: flex;
    gap: 8px;
    align-items: center;
}

.catalog_page .catalog_filters {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--b-c--white);
    z-index: 9999;
    /* padding: 20px var(--padding--side) 60px var(--padding--side); */
    transition: all .3s ease;
}

.catalog_page .catalog_filters.catalog_filters-hide {
    left: -120%;
}

.catalog_page .catalog_filters form {
    display: flex;
    flex-direction: column;
    /* margin-top: 40px; */
    max-width: 100%;
    max-height: 95svh;
    overflow-y: scroll;
    padding: var(--padding--side) var(--padding--side) 110px var(--padding--side);
}

.catalog_filters .filters_block {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.catalog_filters .filters_header {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 15px;
    box-shadow: var(--box-shadow);
}

.filters_header .btn-close {
    position: absolute;
    top: 15px;
    right: 12px;
}

.filters_block label:has(input[type="checkbox"]:checked) {
    order: -2;
}

.filters_block label.disabled:has(input[type="checkbox"]:checked) {
    order: -1;
}

.filters_block label.disabled:has(input[type="checkbox"]) {
    order: 1;
    opacity: .35;
}

.filters_block label.not-match:has(input[type="checkbox"]) {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.filters_block label.disabled input[type="checkbox"] {
    pointer-events: none;
}

.catalog_filters details {
    border-bottom: 1px solid var(--b-c--Lgrey);
}

.filter_btns {
    margin-top: 40px;
    display: flex;
    gap: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--padding--side);
    background-color: var(--b-c--white);
    box-shadow: var(--box-shadow);
    flex-wrap: wrap;
}

.price-input input {
    position: relative;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}

.price-input .field::after {
    content: ' ₽';
    position: absolute;
    bottom: 10px;
    right: 12px;
}

.price-input .field span {
    color: var(--b-c--grey);
}

.filter_btns .btn {
    width: 100%;
    transition: all .3s ease;
}
/*
.catalog_filters:not(:has(input[type = "checkbox"]:checked)) .filter_btns {
    opacity: 0;
} */

#categoriesFilter summary span {
    color: var(--b-c--grey);
    font: var(--param--txt-card-bnpl);
}

.catalog_header {
    position: relative;
    background-color: var(--b-c--white);
    z-index: 20;
}

.catalog_header .catalog_popup-view {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    top: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: var(--b-c--white);
    box-shadow: 0px 2px 8px 0px #00000014;
    z-index: -1;
    transition: all .3s ease;
}

.catalog_header .catalog_popup-view.popup_view-closed {
    top: -200%;
    z-index: -1;
    opacity: 0;
}

.catalog_accordeon h3 {
    font: 600 18px/1.2 'Averta CY', sans-serif;
}

/* cart */
.cart_total {
    display: flex;
    flex-direction: column;
    top: auto;
    bottom: 0;
    margin-bottom: 28px;
    gap: 12px;
}

.cart_details .cart_stash .ttl {
    margin: 60px 0 12px;
}

#cartPage main {
    min-height: 100vh;
}

.cart_alert {
    padding: 6px;
    text-align: center;
    color: var(--b-c--grey);
    background-color: var(--b-c--Lgrey);
    border-radius: 8px;
    margin-top: 26px;
}

.cart_alert p {
    font: 400 var(--fs--txt-s)/1.2 'Averta CY', sans-serif;
}

.cart_alert[data-color="red"] {
    color: var(--b-c--red);
    background-color: #FFEEF0;
}

.cart_alert[data-color="yellow"] {
    color: var(--b-c--yellow);
    background-color: var();
}

.cart_alert[data-color="green"] {
    color: var(--b-c--green);
    background-color: var();
}

.cart_stash {
    margin-bottom: 80px;
}

.cart_container {
    position: relative;
    padding-bottom: 120px;
}

.cart_stash .cart_clear {
    width: 100%;
    text-align: left;
    color: var(--b-c--grey);
    border-bottom: 1px solid var(--b-c--Lgrey);
    margin-bottom: 20px;
    padding: 10px 0 10px 0;
    justify-content: flex-start;
}

.cart_stash .stash_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
}

.cart_info {
    display: flex;
    flex-direction: column;
    /* gap: 60px; */
}

.cart_info h3 {
    margin-bottom: 20px;
    /* margin-top: 60px; */
    font-size: var(--fs--ttl--sub);
    font-weight: 600;
}

.cart_info .btn {
    display: flex;
    justify-content: center;
}

.cart_info .submit_phone {
    margin: 20px 0 20px 0;
}

/* карточка товара в корзине */
.stash_card {
    position: relative;
    display: grid;
    grid-template-columns: 82px calc(100% - 102px);
    gap: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--b-c--Lgrey);
    max-width: 100%;
}

.stash_item:last-child .stash_card {
    border: none;
}

.stash_card .card_view {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    max-height: fit-content;
}

.stash_card .card_pic-container {
    position: relative;
}

.stash_card .stash-item_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.stash-item_info .stash-item_name {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.stash_card h3 {
    font-weight: 400;
    font-size: var(--fs--txt-m);
    color: var(--b-c--Dgrey);
}

.stash_art {
    color: var(--b-c--grey);
    font: 400 max(12px, var(--fs--txt-s))/1 'Averta CY', sans-serif;
}

.stash-item_params {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

.popup .stash_item {
    border-bottom: none;
}

.stash_item .sale {
    position: absolute;
    z-index: 5;
    top: 4px;
    left: 4px;
    border-radius: var(--size-bradius-s);
    background-color: var(--b-c--red);
    color: var(--b-c--white);
    font: var(--param--txt--sale-s);
    padding: 4px;
}
.stash_price {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

.stash_price .price_cur {
    font: var(--param--txt--price-cur-s);
    color: var(--b-c--Dgrey);
}

.stash_price .price_old {
    font: var(--param--txt--price-old-m);
    font-weight: 400;
    text-decoration: line-through;
    color: var(--b-c--grey);
    order: -1;
}

.stash_item .stash_info a {
    color: var(--b-c--Dgrey);
}

.stash_item .stash_control {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

.stash_item .counter {
    background-color: var(--b-c--VLgrey);
    margin: auto auto auto 0;
}

.cart_data_block {
    margin: 0 0 56px 0;
}

.cart_info.--noauth .cart_data_block,
.cart_info.--noauth + .cart_submit {
    display: none;
}


.stash_item:has(.card_pic-container[data-soldout="true"]) .card_pic-container::before,
.stash_item:not(:has(.card_pic-container[data-delta="0"])) .card_pic-container::before {
    background-color: var(--b-c--black-30);
    color: var(--b-c--white);
    font: 600 14px/1 'Averta-CY', sans-serif;
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.stash_item:not(:has(.card_pic-container[data-delta="0"])) .card_pic-container::before {
    content: "Стало меньше на " attr(data-delta);
    padding: 20%;
}

.stash_item:has(.card_pic-container[data-soldout="true"]) .sale,
.stash_item:has(.card_pic-container[data-soldout="true"]) .btn-plus,
.stash_item:has(.card_pic-container[data-soldout="true"]) .stash_price {
    display: none;
}

.stash_item:has(.card_pic-container[data-soldout="true"]) .card_pic-container::before {
    content: 'Раскупили';
    padding: 0;
}

.stash_select-wrapper {position: relative;}
.stash_select {
    display: flex;
    flex-wrap: nowrap;
    border-radius: 8px;
    border: 1px solid var(--b-c--Lgrey);
    width: 100%;
    color: var(--b-c--Dgrey);
    padding: 0 12px 0 16px;
    height: 36px;
    align-items: center;
    justify-content: space-between;
}

.stash_select.--disabled {
    color: var(--b-c--grey);
    pointer-events: none;
}

.stash_select:not(.--disabled):hover {
    cursor: pointer;
    border: 1px solid var(--b-c--grey);
}

.stash_select::after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 9L11.9293 14.9293C11.9683 14.9683 12.0317 14.9683 12.0707 14.9293L18 9' stroke='%23202020' stroke-width='1.2' stroke-linecap='round'/%3e%3c/svg%3e");
    content: var(--ico--arrow-24-d);
    width: 24px;
    height: 24px;
}

.stash_select.--open::after {
    transform: rotate(-180deg);
}

.stash_select.--disabled::after {
    opacity: .5;;
}

.stash_select .select_value {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stash_select li {
    cursor: pointer;
    min-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: var(--padding--input-adaptive);
    padding-right: 28px;
    font-size: var(--fs--txt-m);
}

.stash_select li.--selected {
    display: none;
    border-top: 0px;
}

.stash_select.--open {
    border: 1px solid var(--b-c--Dgrey);
    counter-reset: vals;
}

.stash_select .select_options-wrapper,
.stash_select.--open .select_options-wrapper {
    position: absolute;
    top: 36px;
    left: 0; right: 0;
    background-color: var(--b-c--white);
    padding: 8px 0 0 0;
    overflow: hidden;
    z-index: 10;
}
.stash_select .select_options-wrapper {
    height: 0px;
    transition: all .3s ease;
}

.stash_select.--open .select_options-wrapper {
    height: auto;
    z-index: 11;
}

.stash_select.--open li:not(.--selected):hover {
    background-color: var(--b-c--VLgrey);
}

.stash_select li span {
    font-size: var(--fs--txt-m);
}

.select_options {
    border: 1px solid var(--b-c--Lgrey);
    border-radius: var(--size-bradius-m);
}

#soldoutTtl {
    scroll-margin: 80px 0 0 0;
}

.soldout-panel-na {
    padding: 12px 24px;
    border-radius: 8px 8px 0 0;
    background-color: var(--b-c--grey-satan);
    color: var(--b-c--white);
    position: fixed;
    z-index: 995;
    left: 0px; right: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
}

@keyframes soldout-anim {
    0% {
        bottom: 0px;
    }
    25% {
        bottom: 64px;
    }
    50% {
        bottom: 64px;
    }
    100% {
        bottom: 0px;
    }
}

.soldout-panel-na.--added {
    animation: soldout-anim 3s ease;
}

.soldout-panel_content {
    display: flex;
    max-width: 300px;
}
.soldout-panel_content span {
    text-align: center;
    font: 400 14px/16px 'Averta CY', sans-serif;
}

.cart-notif_zone {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cart-notif {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
    width: 100%;
    font: 400 14px/16px 'Averta CY', sans-serif;
    padding: 10px 12px;
    border-radius: var(--size-bradius-m);
}

.cart-notif-succ {
    background-color: var(--b-c--green-bg);
    color: var(--b-c--green);
}

.cart-notif-err {
    background-color: var(--b-c--red-bg);
    color: var(--b-c--red-error);
}
.cart-notif-err .txt-underline {
    border-bottom: 1px solid var(--b-c--red-error);
}

.cart-notif-delivery::before {width: 18px; height: 18px;}
.cart-notif-delivery.cart-notif-succ::before {
    content: var(--ico--cartdel-green);
}
.cart-notif-delivery.cart-notif-err::before {
    content: var(--ico--cartdel-red);
}

button.cart-notif {
    margin-bottom: 24px;
}

/*  */

.cart_data_block {
    margin: 0 0 56px 0;
}

.cart_data_block.cart_delivery {
    margin: 0 0 48px 0;
}

.cart_delivery .cart_data_block {
    margin: 0 0 40px 0;
}

.cart_delivery .form_col,
.cart_delivery .form_row {
    gap: 12px;
}

.cart_details .CDB-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: stretch;
}

.cart_details .CDB-grid>* {
    width: 100%;
    min-width: 100%;
}

.cart_data_block .submit_phone label {
    width: 100%;
}

.cart_data_block .sub {
    font-weight: 400;
    font-size: var(--fs--txt-l);
}

.cart_delivery-time label {
    width: fit-content;
}

.cart_data_block .radio-boxed_content {
    display: flex;
    /* align-items: center; */
    width: 100%;
    height: 100%;
    justify-content: center;
}

.cart_delivery-type .tariff_price {
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.cart_delivery-PVZ .form_col {
    gap: 24px;
}

.cart_submit {
    display: flex;
    margin-top: 20px;
}

.cart_submit button {
    width: 100%;
}

.card-alternate {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
    max-height: min-content;
    flex-shrink: 1;
    color: var(--b-c--Dgrey);
}

.card-alternate img {
    display: block;
    max-height: min-content;
    max-width: 25%;
    width: 100%;
    height: 100%;
}

.card-alternate .sale {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 1px 4px 2px 4px;
    font-weight: 600;
    font-size: 12px;
    color: var(--b-c--white);
    background-color: var(--b-c--red);
}

.card-alternate .card_info {
    display: flex;
    flex-direction: column;
    padding: 0px var(--padding--side) 20px 0px;
    max-height: min-content;
    width: 100%;
}

.card-alternate .card_ttl {
    font: 400 14px/1.2 "Averta CY", sans-serif;
    margin: 0 0 0 0;

}

.card-alternate .card_price {
    font: 400 14px/1.2 "Averta CY", sans-serif;
    margin: 0 0 12px 0;
}

.card-alternate .price-old {
    color: var(--b-c--grey);
    text-decoration: line-through;
}

.card-alternate .price-cur {
    font-weight: 600;
}

.card-alternate .card_param {
    font-size: var(--fs--txt--s);
    color: var(--b-c--grey);
    margin: 0;
}

/*.counter {*/
/*    display: flex;*/
/*    max-width: fit-content;*/
/*    background-color: var(--b-c--VLgrey);*/
/*    border-radius: var(--size-bradius-l);*/
/*}*/

.header_control .counter {
    border-radius: var(--size-bradius-m);
    color: unset;
    padding: unset;
    height: 100%;
}

.header_control .counter button {
    padding: 5px 10px;
    /*color: transparent;*/
    position: relative;
    /*width: 30px;*/
}

/* .counter button:last-child::before,
.counter button:first-child::before {
    position: absolute;
    top: 0px; bottom: 0;
    left: 0; right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.counter button:last-child::before {
    content: url('/img/icons/Poduct/Plus.svg');
}
.counter button:first-child::before {
    content: url('/img/icons/Poduct/Minus.svg');
} */

.counter input[type='number'] {
    max-width: 20px;
    text-align: center;
}

.submit_phone {
    display: flex;
    margin: 40px 0 20px 0;
    gap: 10px;
}

.submit_phone-auth {
    gap: 20px;
}

.code_form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}

.code_form.--code-error::before {
    content: 'Неверный код';
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--b-c--red-error);
}

.code_inputs {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin: auto;
}

.code_inputs input[type='number'] {
    max-width: 40px;
}

.code_inputs:hover input[type='number'] {
    border-bottom: 1px solid var(--b-c--Dgrey);
}

.cart-stash {
    position: relative;
}

.cartstat_btns {
    display: flex;
    margin-top: 20px;
    gap: 10px;
}

.cartstat_btns .btn {
    padding: 12px 17px;
    display: flex;
    width: 100%;
    justify-content: center;
}

.cart-empty_message {
    padding: calc(var(--padding--side) * 5) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.cart-empty .btn {
    width: fit-content;
    margin: auto;
}

.cart-empty_message .emoji-64 {
    width: 52px; height: 52px;
}

.cart-empty_message .ttl {
    margin: 28px auto 8px 0;
}

.cart-empty_message .txt {
    margin: 0 auto 28px auto;
}

.cart_getter-another {
    background-color: var(--b-c--VLgrey);
    padding: 16px 30px 30px 32px;
    margin-top: 40px;
    border-radius: 8px;
}

.client_city {
    display: flex;
    border-bottom: 1px solid var(--b-c--grey2);
}

.client_city .input-underline {
    border-bottom: none;
}

.client_city:focus {
    border-bottom: 1px solid var(--b-c--grey);
}

#sendOrder {
    width: 100%;
    margin-top: 30px;
}

/* blog page */
.gallery_section,
.blog_page {
    display: flex;
    flex-wrap: wrap;
}

/* .gallery_section .gallery_sizer, */
.blog_page .blog_post {
    position: relative;
    display: block;
    width: calc(50% - 6px);
    margin-bottom: 12px;
}

/* .gallery_section .gallery_sizer {
    position: relative;
    display: block;
    width: calc(25% - 6px);
    height: 0px;
} */

.gallery_section .gall-o-block {
    /* margin-bottom: 6px;
    width: calc(48% - 16px); */
    overflow: hidden;
    object-fit: cover;
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;
    transition: all .6s ease;
}

.gallery_section {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2.1fr);
    /* grid-template-rows: repeat(8, .18fr); */
}

.gallery_section:has(+.gallery_section) {
    margin-bottom: 12px;
}

.gall-o-block:nth-child(1) {
    grid-area: 1 / 1 / 5 / 2;
}

.gall-o-block:nth-child(2) {
    grid-area: 1 / 2 / 5 / 3;
}

.gall-o-block:nth-child(3) {
    grid-area: 5 / 1 / 9 / 2;
}

.gall-o-block:nth-child(4) {
    grid-area: 5 / 2 / 9 / 3;
}

.gall-o-block:nth-child(5) {
    /* display: none; */
    grid-area: 9 / 1 / 11 / 3;
}

.gall-o-block:nth-child(6) {
    /* display: none; */
    grid-area: 11 / 1 / 13 / 3;
}

.gall-o-block:nth-child(7) {
    /* display: none; */
    grid-area: 13 / 1 / 14 / 3;
}

/* blog page */
.blog_page {
    display: flex;
    flex-wrap: wrap;
}

.blog_page .blog_post {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(50% - 6px);
    gap: 12px;
    margin-bottom: 20px;
}

.blog_post img {
    overflow: hidden;
    transition: all .6s ease;
    border-radius: 8px;
}

@media (hover: hover) {
    .blog_post:hover img {
        border-radius: 32px;
    }
}

.blog_post .blog_cover-txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--b-c--Dgrey);
    gap: 4px;
}
.blog_post .blog_cover-txt h3 {
    font: var(--ts-blogcard-ttl);
}
.blog_post .blog_cover-txt span {
    font: var(--ts-blogcard-dt);
    color: var(--b-c--grey);
}


.blogpage_cover {
    transition: all .6s ease;
    position: relative;
    display: block;
}

.blogpage_cover img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 320px;
    object-fit: cover;
    z-index: -1;
    overflow: hidden;
}

.blogpage_cover .blog_dt {
    text-align: center;
    margin-top: 12px;
    font: var(--ts-blogpost-d);
}

.blogpage_cover .blog_dt span {
    font-size: 70%;
}

.blogpage_ttl-main {
    font: var(--ts-blogpost-ttl);
    letter-spacing: -4%;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 24px;
}

.blogpage_content section {
    margin-bottom: 52px;
    position: relative;
}

.blogpage_content .blogpage_ttl-sec,
.blogpage_content h2 {
    font: var(--ts-blogpost-ttl-sub);
    margin-bottom: 52px;
    text-align: center;
}

.blogpage_content .blogpage_pics {
    display: flex;
    gap: 8px;
    max-width: 100%;
    margin-bottom: 32px;
}

.blogpage_content .blogpage_pics div {
    border-radius: 20px;
    overflow: hidden;
}

.blogpage_content .blogpage_pics-wrap {
    flex-wrap: wrap;
}
.blogpage_content .blogpage_pics-nowrap {
    flex-wrap: nowrap;
}
.blogpage_content .blogpage_subcontainer {
    max-width: 634px;
    margin-top: 0; margin-bottom: 52px;
    margin-left: auto; margin-right: auto;
}

.blogpage_another {
    margin-top: 88px;
}

.blogpage_another .blog_page a {
    width: calc(49% - 9px);
}

.blogpage_btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.blogpage_btns .btn {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

/* profile */
.profile_nav {
    display: none;
}

.profile_info .profile_kids h3 {
    margin-bottom: 0;
}

.profile_kids {
    gap: 8px;
}

.profile_kids .kid_block {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--b-c--VLgrey);
    padding: 12px 12px 12px 12px;
    border-radius: 8px;
}

.profile_kids .kid_block .btn-close {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18M6 6L18 18' stroke='%23202020' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
}
.profile_kids .kid_block .btn-close::before {content: none;}

.profile_kids .kid_gender {
    order: -1;
    display: flex;
    gap: 24px;
}

.form_col-main,
.form_row-profile {
    gap: 30px;
}

.bonuses_block-main {
    border-bottom: 1px solid var(--b-c--Lgrey);
    padding-bottom: 20px;
}

.bonuses_block .col {
    justify-content: flex-start;
}

.bonuses_block .col h3 {
    margin: 0;
    font-weight: 600;
}

.bonuses_card {
    position: relative;
    background-color: var(--b-c--VLgrey);
    display: flex;
    flex-direction: column;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 28px;
}

.bonuses_card::after {
    content: ' ';
    background-image: url('../img/bonus_deco.svg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
}

.bonuses_card .bonuses_lvl {
    margin-top: 80px;
    font-size: 62px;
    line-height: 100%;
    letter-spacing: -0.08em;
}

.bonuses_card .bonuses_balance {
    font-family: Averta CY;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.19px;
    text-align: left;
}

.bonuses_block .bonuses_string {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 12px;
}

.bonuses_block {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

.profile_info .submit_phone .input-underline {
    width: 100%;
}

.profile_info h3 {
    font: var(--param--ttl--sub);
    margin-bottom: 24px;
}

.profile_info form > .form_col {
    margin-bottom: 50px;
}

/* profile orders history */
.history_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.history_grid .history_order {
    position: relative;
    background-color: var(--b-c--VLgrey);
    padding: 12px;
    color: var(--b-c--black);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.first {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.history_order .history_num {
    font-weight: 600;
    display: flex;
    flex-direction: column;
    flex: 1 1 70%;
}

.history_order .history_stat {
    flex: 0 0 30%;
    text-align: right;
    font-weight: bold;
}

.history_grid .history_nav {
    grid-column: span 2;
}

.history_order .history_sum {
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid var(--b-c--Lgrey);
    margin-top: 8px;
}

.history_stat.stat-grey {
    color: var(--b-c--grey);
}

.history_stat.stat-red {
    color: var(--b-c--red);
}

.history_stat.stat-green {
    color: var(--b-c--green);
}

.history_btn,
a.history_btn {
    display: block;
    /* margin: 40px auto auto auto; */
    margin-top: 40px;
}

.order_info .btns-row .btn {
    width: 100%;
}

.profile_info.order_info .ttl {
    margin-bottom: 8px;
}

.order_info .order_info-main {
    margin: 40px 0 48px 0;
}

.order_block-grey {
    background-color: var(--b-c--VLgrey);
    padding: 12px 16px 20px 16px;
    border-radius: 8px;
}

.order_card {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
    color: var(--b-c--Dgrey);
}

.order_string {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 12px;
}

.order_string:has(input[type='checkbox']:checked) span:last-child {
    color: var(--b-c--red);
}

.order_string:has(input[type='checkbox']:checked) span:last-child::before {
    content: '– ';
}

.order_string.use-loyalty label {
    margin: auto auto auto 10px;
}

.order_string-total {
    font-weight: 600;
    font-size: 120%;
}

.order_info .info_item,
.order_info .info_item-track {
    display: flex;
    margin-bottom: 12px;
    position: relative;
}
.order_info .info_item-track_url {
    display: block;
    margin-top: -12px;
    margin-bottom: 12px;
}

.order_info .info_item-track_url a {
    color: #000;
    text-decoration: none;
}

.info_item-track.--copied::after {
    background-color: var(--b-c--white);
    content: 'Скопировано!';
    position: absolute;
    /* top: -10px; */
    /* right: 0; */
    left: 0px;
    bottom: 5px;
    line-height: 1.8;
    width: 170px;
}

.info_item-track.--copied .item_txt {
    position: relative;
    color: transparent;
}


.order_info .info_item {
    flex-direction: column;
}

.order_info .info_item .item_ttl {
    color: var(--b-c--grey);
}

/* profile returns */
.return_row .btn {
    margin: 0 0 auto auto;
    text-align: center;
}

.return_block-btns,
.return_block {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}

.return_block-btns {
    gap: 20px;
    margin-top: 20px;
}

.return_block-btns .radio-boxed-m {
    min-height: 60px;
}

.return_block-btns .radio-boxed-m .radio-boxed_content {
    margin: var(--padding--side) 0;
}

.return_block h3 {
    margin-bottom: 20px;
}

.return_block.return_details > h3 {
    margin-bottom: 8px;
}

.return_block.return_download button {
    min-width: 100%;
}

.return_block .agreement {
    margin-top: 10px;
}

.returnable_product {
    display: flex;
    max-height: 100px;
    gap: 10px;
}

.returnable_product-card {
    position: relative;
    display: flex;
}

.returnable_product input {
    align-self: start;
}

.returnable_product .returnable_product-info {
    display: flex;
    flex-direction: column;
    /* justify-content: space-around; */
}

.return_product-param {
    color: var(--b-c--grey);
}

.return_product-price {
    margin: 0 auto auto 0;
    font-size: 14px;
    color: var(--b-c--Dgrey);
}

.return_product-price .price_cur {
    font-weight: 600;
}

.return_product-price .price_old {
    color: var(--b-c--grey);
    text-decoration: line-through;
}

.returnable_product-card .returnable_product-sale {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--b-c--red);
    color: var(--b-c--white);
    font-size: 10px;
    font-weight: 700;
    padding: 1px 4px 2px 4px;
}

.return_order_block {
    display: block;
    padding: 20px;
    background-color: var(--b-c--VLgrey);
    border-radius: 8px;
    max-width: 100%;
    /* max-height: 200px; */
    font: 400 16px/1.2 'Averta CY', sans-serif;
}

.return_order_block img {
    display: auto;
    max-height: 100px;
}

.return_order_block .row {
    gap: 12px;
    justify-content: space-between;
    text-wrap: nowrap;
    overflow: hidden;
}

.return_order_block .row:last-child {
    justify-content: left;
}

.return_order_block .return_ord_num {
    font: 600 18px/1.2 'Averta CY', sans-serif;
    color: var(--b-c--Dgrey);
}

.return_order_block .return_ord_dt {
    /* font: var(--param--txt--price-old-s); */
    color: var(--b-c--Dgrey);
}

.return_order_block .return_ord_sum {
    color: var(--b-c--Dgrey);
}

.return_order_block .return_ord_status {
    font: 400 18px/1.2 'Averta CY', sans-serif;
}

.return_history {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.return_header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}

.return_header .row:nth-child(1) {
    border-bottom: 1px solid var(--b-c--Lgrey);
}

.return_submit {
    gap: 24px;
}

.auth_container {
    max-width: 420px;
    margin: 120px auto 0 auto;
}

.reg_container {
    max-width: 420px;
    margin: 40px auto 0 auto;
}

.reg_container>.form_col {
    gap: 60px;
}

.reg_container h1,
.auth_container h1 {
    font-size: 32px;
    margin: auto;
    text-align: left;
}

.reg_container h1 {
    margin-bottom: 40px;
}

.auth_link {
    display: block;
    font-size: var(--fs--txt-m);
    color: var(--b-c--Dgrey);
    width: 100%;
    text-align: center;
    margin-top: 8px;
}

.reg_container .submit_phone {
    margin: 0 0 0 0;
}

.reg_container .reg_kids {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    flex-direction: column;
}

.reg_container .auth_link {
    margin-top: 20px;
}

.reg-warn {
    position: relative;
    color: var(--b-c--red-error);
    background-color: var(--b-c--red-bg);
    padding: 12px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    text-align: center;
    position: fixed;
    bottom: -100px;
    z-index: 8;
}

@keyframes warn-anim {
    0% {
        bottom: -100px;
    }
    20% {
        bottom: -100px;
    }
    40% {
        bottom: 64px;
    }
    60% {
        bottom: 64px;
    }
    100% {
        bottom: -100px;
    }
}

.reg-warn.--added {
    animation: warn-anim 6s ease;
}

.reg-warn p {
    font: 400 14px/1.2 'Avertz CY', sans-serif;
}

#reg_fio {scroll-margin-top: 100vh;}

#agreementDoc {
    padding: 0 8px 0 20px;
    position: relative;
    /* overflow-x:; */
}

#agreementDoc .form_row {
    margin-top: 30px;
}

#agreementDoc .swiper-slide {
    min-height: fit-content;
}
#agreementDoc .swiper-scrollbar {
    top: 0; bottom: 0;
    height: 100%;
    width: 2px;
    right: 0;
}

#favoritePage .catalog_listing .listing_item {
    position: relative;
    transition: all 1s ease;
}

#favoritePage .catalog_listing .listing_item.--removing {
    animation: removing 1s ease;
}

.favorites_header {
    position: sticky;
    top: -100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
    height: fit-content;
    padding: 0;
    gap: 32px;
    transition: all .6s ease;
    background-color: var(--b-c--white);
    z-index: 20;
}

.catalog_main .favorites_header.favorites_header-show {
    top: 0;
}

.favorites_header .ttl {
    margin-bottom: 0;
}

.favorites_header .row {
    justify-content: space-between;
    border-bottom: 1px solid var(--b-c--grey);
    padding-bottom: 4px;
    align-items: center;
}

.favorites_header .row .btn-txt {
    /* display: flex; */
    min-height: 100%;
    text-align: center;
}

/*.stash_select {*/
/*    position: relative;*/
/*    display: block;*/
/*    border-radius: 8px;*/
/*    border: 1px solid var(--b-c--Lgrey);*/
/*    width: 100%;*/
/*    color: var(--b-c--Dgrey);*/
/*}*/

/*.stash_select::after {*/
/*    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 9L11.9293 14.9293C11.9683 14.9683 12.0317 14.9683 12.0707 14.9293L18 9' stroke='%23202020' stroke-width='1.2' stroke-linecap='round'/%3e%3c/svg%3e");*/
/*    position: absolute;*/
/*    right: 8px;*/
/*    top: 3px;*/
/*}*/

.stash_select.--no-options::after {
    content: ' ';
}

/*.stash_select li {*/
/*    display: none;*/
/*    cursor: pointer;*/
/*    min-width: 150px;*/
/*    padding: var(--padding--input-adaptive);*/
/*    padding-right: 28px;*/
/*    font-size: var(--fs--txt-m);*/
/*}*/

/*.stash_select li.--selected,*/
/*.stash_select.--open li:first-child {*/
/*    display: block;*/
/*    border-top: 0px;*/
/*}*/

.stash_select.--open {
    counter-reset: vals;
}

/*.stash_select.--open li:not(:first-child) {*/
/*    display: block;*/
/*    background-color: var(--b-c--white);*/

/*    position: absolute;*/
/*    left: -2px;*/
/*    right: -2px;*/
/*    z-index: 1;*/
/*    box-shadow: var(--box-shadow);*/
/*}*/

.stash_select.--open li:not(:first-child):hover {
    background-color: var(--b-c--VLgrey);
}

.stash_select li span {
    font-size: var(--fs--txt-m);
}

.search-params-container {
    position: relative;
    margin-bottom: 16px;
    background-color: var(--b-c--VLgrey);
    padding: 10px 12px;
    border-radius: 8px;
}

.search-params-container input::placeholder {
    color: var(--b-c--grey2);
}

.search-params-container::after {
    content: url('/assets/img/icons/System/Search.svg');
    position: absolute;
    right: 8px;
    top: 8px;
    opacity: .2;
}

.search-params-container:has(button)::after {
    content: '';
}

.search-params-container button {
    position: absolute;
    /* position: relative; */
    top: 12px;
    right: 0px;
    z-index: 2;
    width: 14px;
    height: 14px;
    margin: auto 15px auto auto;
    background-image: url('/assets/img/icons/Navigation/Close.svg');
    background-size: cover;
    display: block;
}

.show-params-filter {
    background-color: var(--b-c--white);
    padding-top: 16px;
    color: var(--b-c--Dgrey);
}

.show-params-filter:hover {
    color: var(--b-c--grey)
}

.catalog_accordeon .filters_block {
    max-height: calc(16 * 16px);
    overflow: hidden;
}

.catalog_accordeon.--scroll .filters_block {
    overflow-y: scroll;
    scroll-behavior: none;
}

@keyframes removing {
    0% {
        top: 0;
        opacity: 1;
    }

    100% {
        top: -100%;
        opacity: 0;
    }
}

/* bonuspage */
.bonuspage .ttl {
    margin-bottom: 0;
}

.bonuspage .row {
    flex-direction: column;
}

.bonuspage section.col {
    margin-bottom: 52px;
    justify-content: start;
}

.bonuspage .card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-width: 320px;
}

.bonuspage .card span {
    position: absolute;
    color: var(--b-c--white);
}

.bonuspage .card .card_lvl {
    left: 12px; bottom: 12px;
    font: 400 14px/1.2 'Averta CY', sans-serif;
}

.bonuspage .card .card_bonus {
    left: 12px; top: 12px;
    font: 400 52px/1 'Averta CY', sans-serif;
}

.bonuspage_hero {
    position: relative;
    margin-bottom: 60px;
}

.bonuspage_hero .col {
    position: absolute;
    top: 35%;
    right: 0;
    left: 0;
    /* align-items: center; */
    text-align: center;
    gap: 28vw;
}

.bonuspage_hero .ttl {
    color: var(--b-c--white);
    font: 600 32px/1 'Averta CY', sans-serif;
    text-align: center;
    max-width: 272px;
    margin: auto;
}

.bonuspage_hero img {width: 100%;}

.bonuspage details {
    border-bottom: 1px solid var(--b-c--Lgrey);
}

.bonuspage details[open] {
    padding-bottom: 12px;
}

.bonuspage_qrzone {
    justify-content: start;
    padding: 20px 12px;
    gap: 20px;
    background-color: var(--b-c--Lgrey);
    border-radius: 12px;
    max-width: 850px;
    margin: 20px auto auto auto;
}

.bonuspage_qrzone .col:last-child {
    margin: auto auto auto 0;
}

.bonuspage .qr {
    max-width: 83px;
}

.btn_container-fixed {
    bottom: 62px;
    left: 0px;
    right: 0px;
    z-index: 999;
    background-color: var(--b-c--white);
    padding: 10px 12px 12px 12px;
    position: fixed;
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: none;
    outline: none;
    transition: all 3s ease;
}

.btn_container-fixed.--hidden {
    bottom: -64px;
}


.b2b_page .b2bpage_hero .col {
    text-align: center;
    margin: 20px 0 50px 0;
}

.b2bpage_hero picture,
.b2bpage_hero img {
    width: 100%;
}

.b2b_page .col {
    justify-content: flex-start;
}

.b2b-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 32px;
}

.b2b-grid li:nth-child(1) {
    grid-area: 1 / 1 / 4 / 2;
}

.b2b-grid li:nth-child(2) {
    grid-area: 1 / 2 / 4 / 3;
}

.b2b-grid li:nth-child(3) {
    grid-area: 4 / 1 / 9 / 3;
}

.b2b_page .emoji-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 28px;
}

.b2b_page .emoji-list li {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    align-items: center;
}

.b2b_page .emoji-list img {
    max-width: 36px;
}

.b2b_page .b2b_contactas {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.b2b_page .b2b_links {
    display: flex;
    flex-direction: row;
    gap: 28px;
    justify-content: center;
}

.b2b_page .b2b_contactas a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: var(--b-c--Dgrey);
    gap: 4px;
}

.b2b_contactas a span:nth-child(1) {
    font: 400 22px/1 'Averta CY', sans-serif;
}

.b2b_contactas a span:nth-child(2) {
    font: 400 14px/14px 'Averta CY', sans-serif;
}

.b2b_marketing .row {
    flex-direction: column;
}

.b2b_marketing .col {
    gap: 8px;
}

.b2b_marketing ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.b2b_marketing h3 {
    margin-bottom: 0;
    font: 600 16px/1.2 'Averta CY', sans-serif;
}

.b2b_page .b2b_form {
    background-color: var(--b-c--VLgrey);
    border-radius: 8px;
    padding: 20px 12px;
    display: flex;
    gap: 23px;
    flex-direction: column;
}

.popup_form-repay {
    position: relative;
}

.popup_form-repay .form_col {
    gap: 16px;
    margin-top: 40px;
}

.popup_form-repay.--error::before {
    content: 'Необходимо выбрать';
    color: var(--b-c--red-error);
    position: absolute;
    top: 0;
}

.popup_form-repay .btn {
    margin-top: 40px;
}

#PVZ_popup .popup {
    padding: 0;
    border-radius: 0;
    margin: 0;
    height: 100%;
    max-width: 100%;
    width: 100%;
}

#PVZ_popup .popup_btn-close {
    top: 0;
    right: 0;
    padding: 30px;
    z-index: 9999;
    background-size: 12px;
}

#PVZ_popup .popup_ttl {
    padding: 17px;
    text-align: center;
    border-bottom: 1px solid var(--b-c--VLgrey);
}

.PVZ_search {
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.PVZ_map {
    position: relative;
    height: 100%;
    width: 100%;
}

.PVZ_result {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--b-c--white);
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all .3s ease;
    z-index: 999;
    border-radius: 12px 12px 0 0;
}

.PVZ_info-details,
.PVZ_info {
    display: flex;
    gap: 8px;
    flex-direction: column;
    position: relative;
}

.PVZ_result.--hide {
    bottom: -100%;
}

.PVZ_result .btn {
    margin: 0;
}

.PVZ_result .PVZ_info-details {
    padding-bottom: 16px;
}

.PVZ_result-wrapper:not(:has(.PVZ_result.--hide)) {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #000000d5;
    z-index: 999;
}

.PVZ_ttl {
    font: 600 22px/26px "Averta CY", sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 0 12px 0;
}

.PVZ_ttl::after {
    height: 24px;
    width: auto;
}

.PVZ_list-wrapper {
    margin: 0 !important;
}

.PVZ_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.PVZ_listitem {
    position: relative;
    display: flex !important;
    flex-direction: column;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--b-c--Lgrey);
    gap: 4px;
    height: fit-content !important;
}

.PVZ_listitem::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 18L15 12L9 6" stroke="%23202020" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
}

.PVZ_listitem::after {
    order: -1;
}

.PVZ_listitem .PVZ_adress {
    padding: 8px 0;
}

.PVZ_list .txt-labeled,
.PVZ_result-wrapper .txt-labeled {
    display: inline;
}

.PVZ_list .txt-label,
.PVZ_result-wrapper .txt-label {
    font: inherit;
    margin-right: 4px;
}

.PVZ_search .search_form input {
    width: 100%;
    padding-right: 24px;
}

.PVZ_search .search_suggestions {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background-color: var(--b-c--white);
    box-shadow: var(--box-shadow);
    font: var(--fs--txt-s);
    position: absolute;
    z-index: 100;
    top: calc(100% - 16px);
    left: 12px;
    right: 12px;
    overflow: hidden;
    transition: all .5s ease;
    height: fit-content;
}

.PVZ_search .search_suggestions:hover {
    cursor: pointer;
}

.PVZ_search .search_suggestion {
    padding: 10px 16px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PVZ_search .search_suggestion:hover {
    background-color: var(--b-c--VLgrey);
    cursor: pointer;
}

.PVZ_search .search_suggestions.--hide {
    bottom: 0px;
    height: 0px;
    opacity: 0;
    display: none;
}

@keyframes hideSearch {
    0% {
        top: 100%;
        bottom: auto;
    }

    70% {
        height: 0px !important;
        top: 100%;
        bottom: 0px;
    }

    100% {
        height: 0px !important;
        top: 100%;
        bottom: 0%;
        display: none;
    }
}


/* это на прод можно не нести, сделано для демо */
.PVZ_map button,
.PVZ_map img {
    height: 100%;
    width: 100%;
}

.PVZ_map img {
    object-fit: cover;
}

.PVZ_map button::after {
    content: 'Кликни меня';
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000014;
    font: 600 34px/34px "Averta CY", sans-serif;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.PVZ_map button:hover::after {
    display: none;
}

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

/* promo pages css */
.promo_info-container {
    padding-top: 40px;
}

.promo_info {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
}

.promo_info .ttl-promo {
    margin-bottom: 16px;
}

.promo-info .promo_CTA {
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr;
}

.promo_CTA-btn {
    background-color: var(--b-c--white);
    box-shadow: var(--box-shadow);
    position: fixed;
    bottom: 60px;
    left: 0;
    right: 0;
    padding: 10px 12px 14px 12px;
    z-index: 999;
}

.promo_CTA-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.promo_CTA-promocode button::before {
    content: "Промокод";
    color: var(--b-c--grey);
    transition: all .5s ease;
}

.promo_CTA-promocode button::after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 15H4C3.46957 15 2.96086 14.7893 2.58579 14.4142C2.21071 14.0391 2 13.5304 2 13V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V5M11 9H20C21.1046 9 22 9.89543 22 11V20C22 21.1046 21.1046 22 20 22H11C9.89543 22 9 21.1046 9 20V11C9 9.89543 9.89543 9 11 9Z" stroke="%23202020" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 0 0 auto;
}

.promo_CTA-promocode button {
    display: flex;
    align-items: center;
    width: 100%;
    line-height: 160%;
    border: 1px solid var(--b-c--Lgrey);
    transition: border .3s ease;
}

.promo_CTA-promocode button:hover {
    border: 1px solid var(--b-c--Dgrey);
}

.promo_CTA-promocode button.--copied {
    /* color: transparent; */
    animation: copiedMain 3s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.promo_CTA-promocode button.--copied::before {
    animation: copied 3s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

@keyframes copied {
    15% {
        color: transparent;
    }

    16% {
        content: 'Скопировано!';
    }

    30% {
        content: 'Скопировано!';
        color: var(--b-c--grey);
    }

    75% {
        content: 'Скопировано!';
        color: transparent;
    }

    76% {
        content: 'Промокод';
    }

    100% {
        content: 'Промокод';
    }
}

@keyframes copiedMain {
    15% {
        color: transparent;
    }

    75% {
        color: transparent;
    }
}

.promo_info-body {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.promo_info-body h3 {
    font: var(--param--ttl--subpromo);
    color: var(--b-c--Dgrey);
    margin: 0 0 12px 0;
}

.promo_info-body p {
    line-height: 1.4;
}

.promo_info-body ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}

.promo_info-body ul li::before {
    content: '•';
    display: inline-block;
    padding: 0 6px;
}

.promo_info-body a {
    color: var(--b-c--Dgrey);
    border-bottom: 1px solid var(--b-c--Dgrey);
}

.promo_info-body a:hover {
    color: var(--b-c--grey);
    border-bottom: 1px solid var(--b-c--grey);
}

.promo_banner {
    margin: 0 auto 0 auto;
}

.promo_banner img {
    width: 100%;
    height: auto;
}

.promo_list {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 48px;
    column-gap: 12px;
}
.promo_card-container,
.promo_preview {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    color: var(--b-c--Dgrey);
}

.promo_cover {
    overflow: hidden;
    border-radius: 12px;
    transition: all .5s ease;
}

.promo_cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.promo_preview h3 {
    color: var(--b-c--Dgrey);
    line-height: 100%;
}

.promo_preview span {
    color: var(--b-c--grey);
}

.promo_cover:hover {
    border-radius: 12px;
}
.flash-points {
    position: relative;
    margin-left: 16px;
    color: var(--b-c--Dgrey);
    border-bottom: 1px solid var(--b-c--Dgrey);
    transition: all .3s ease;
    overflow: visible;
}


.flash-points:hover {
    color: var(--b-c--grey);
    border-bottom: 1px solid var(--b-c--grey);
}

.flash-points::before {
    content: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.91454 1.47473L3.04959 7.15015L6.69748 8.1276L5.08434 12.5267L10.9493 6.85122L7.30139 5.87377L8.91454 1.47473Z" stroke="%23202020" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    width: 14px;
    height: 14px;
    left: -16px;
    bottom: 4px;
}

.order_string:has(.flash-points) {
    margin-top: 0;
}




#deliveryPage .container {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}

#deliveryPage .ttl-sub {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px;
}

.delivery_region {
    position: fixed;
    top: 0;
    left: 0; right: 0;
    z-index: 990;
    bottom: 0px;
    z-index: 1000;
    background-color: var(--b-c--white);
    width: 100%;
    overflow-y: scroll;
    padding: 0 var(--padding--side);
    padding-top: 64px;
}

.delivery_region .region_header {
    position: fixed; top: 0;
    left: 0; right: 0;
    background-color: var(--b-c--white);
    z-index: 999;
    display: flex;
    align-items: center;
    padding: 15px 40px;
    text-align: center;
    justify-content: center;
}

.region_header span {
    font-weight: 600;
    font-size: 16px;
    text-wrap: nowrap;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.delivery_infoblock {
    margin-bottom: 24px;
}

.delivery_infoblock:has(.table-grey) {
    margin-bottom: 40px;
}


.delivery_infoblock .table-grey {
    margin-top: 20px;
    margin-bottom: 12px;
}

#deliveryPage .tkControl-list {
    width: fit-content;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 40px;
    position: sticky;
    top: 0;
}

#deliveryPage .tkBtn {
    padding: 8px 12px;
    border: 1px solid var(--b-c--Lgrey);
    border-radius: 8px;
    line-height: 100%;
    font-size: 14px;
}

#deliveryPage .tkBtn.--active {
    border: 1px solid var(--b-c--Dgrey);
}

#deliveryPage .deliveryBtn {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

#deliveryPage .deliveryBtn::after {
    content: var(--ico--nav-r-18);
}

@media (min-width: 310px) {
    .filter_btns {
        flex-wrap: nowrap;
    }

    .bnpl_btns,
    .description_files {
        gap: 10px;
        flex-wrap: nowrap;
    }

    .blogpage_btns {
        flex-wrap: nowrap;
    }
}

@media (min-width: 430px) {
    /* карточка в корзине */
    .stash-item_params {
        display: grid;
        grid-template-columns: repeat(2, minmax(60px, 1fr));
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .cart_details .ttl {
        margin-bottom: 24px;
    }
}

@media (min-width: 600px) {
    .catalog_page .catalog_header {
        padding: 12px 0 0 0;
    }

    .catalog_main .ttl {
        padding: 0;
    }

    .catalog_main .cart-empty_message {
        margin: 108px 0 72px 0;
    }

    /* slider wide styles */
    .slider_wide {
        width: 100%;
        height: auto;
    }

    /*
     * swiper-bundle подключается после этого файла: у .swiper-wrapper / .swiper-slide задано height:100%,
     * из‑за чего блок раздувается (пустота под баннером). Принудительно высота по контенту слайда.
     */
    .slider_wide .swiper-wrapper {
        height: auto !important;
    }

    .slider_wide .swiper-slide {
        height: auto !important;
    }

    .slider_wide picture,
    .slider_wide .slider_slide {
        min-height: 0;
        max-height: none;
        height: auto;
        aspect-ratio: 480/179;
    }

    .slider_wide .slider_img {
        display: block;
        width: 100%;
        height: auto;
        min-height: 0 !important;
        min-width: 100%;
        max-height: none;
        object-fit: cover;
    }

    .vitrina {
        max-width: 1440px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 12px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    :nth-child(odd of .vitrina) .vitrina_img {
        order: 2;
    }

    :nth-child(even of .vitrina) .vitrina_img {
        order: -1;
    }

    .vitrina .vitrina_slider {
        padding: 0;
    }

    .gallery_section .gallery_sizer,
    .blog_page .blog_post {
        width: calc(33% - 6px);
    }

    .blog_post .blog_cover-txt {
        padding: 16px;
    }

    .blogpage_cover .blogpage_cover-txt {
        padding: 0 16px 21px 16px;
    }

    .blogpage_cover .blogpage_ttl-main {
        font-weight: 500;
        font-size: 42px;
    }

    .bonuses_block {
        grid-template-columns: 1fr 1fr;
        gap: 100px;
    }

    .history_grid {
        grid-template-columns: 1fr 1fr;
    }

    .characteristics_block {
        grid-template-columns: 1fr 1fr;
        row-gap: 25px;
        column-gap: 80px;
    }

    .characteristic_line {
        gap: 30px;
    }

    .shopingcard_main {
        gap: 40px;
        padding: 10px var(--padding--side);
        max-width: 1440px;
        margin: auto;
    }

    .gallery {
        display: flex;
        gap: 20px;
        max-width: 100%;
    }

    .gallery .gallery_list {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-width: 80px;
        max-width: calc(100% / 6);
        max-height: 750px;
        flex-shrink: 0;
    }

    .gallery .gallery_video {
        width: 96px;
        position: relative;
        bottom: 0;
    }

    .gallery .gallery_video img {
        display: block;
    }

    .gallery .gallery_video .btn-video {
        position: absolute;
        z-index: 1;
        top: calc(50% - 24px);
        left: calc(50% - 24px);
        background-color: var(--b-c--white);
        border-radius: 100%;
        padding: 12px;
    }


    .gallery .gallery_video .btn-video::before {
        content: var(--ico--play-filled);
    }

    .btn-video path {
        stroke: var(--b-c--white);
    }

    .gallery_container {
        position: relative;
        display: flex;
        height: 600px;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
        margin: 20px auto auto 0;
        padding: 60px 0;
    }

    .gallery_container .gallery_lent {
        /* position: absolute; */
        display: flex;
        flex-direction: column;
        /* gap: 20px; */
        /* opacity: 0; */
    }

    .gallery_container .gallery_item {
        width: 96px;
        height: 128px;
        object-fit: cover;
    }

    .gallery_container .gallery_lent img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .gallery_container .gallery_btn {
        position: absolute;
        /* position: relative; */
        z-index: 2;
        background-color: var(--b-c--white);
    }

    .gallery_container .gallery_btn-top {
        width: 100%;
        padding: 10px 30px 20px;
        /* margin: 0 auto auto auto; */
        top: 0;
    }

    .gallery_container .gallery_btn-bottom {
        width: 100%;
        padding: 20px 30px 10px;
        /* margin: auto auto 0 auto; */
        bottom: 0;
    }

    .gallery_btns-main {
        bottom: inherit;
        top: 20px;
    }

    .card_description {
        display: flex;
        flex-direction: column;
        padding-top: 60px;
    }

    .card_description details {
        margin-bottom: 60px;
        /* border: none; */
        scroll-margin-top: 90px;
    }

    .size_table h3 {
        font: 600 22px/1.2 'Averta CY', sans-serif;
        margin-bottom: 28px;
    }

    .card_description .size_table {
        width: 50%;
        padding: 28px;
        font: 400 16px/1.8 'Averta CY', sans-serif;
    }

    .bnpl-info {
        margin: 40px 0 0 0;
    }

    .bnpl_popup-container .popup .bnpl_header {
        margin-bottom: 20px;
    }

    .description_summary {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .description_summary .description_links {
        display: flex;
        gap: 32px;
        align-items: center;
    }

    .description_links a {
        color: var(--b-c--grey);
        font-size: 16px;
    }

    .description_links a:hover {
        color: var(--b-c--Dgrey);
    }


    .description_files {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 20px 0 0 0;
        width: 100%;
    }

    .card_info {
        padding: 0;
    }

    .card_price .price-loyalty {
        margin: auto auto auto 10px;
    }

    .return_block-btns {
        flex-direction: row;
    }

    #pres button {
        margin: 36px auto 0 0;
        width: auto;
    }

    .card_price-info .btn-dolyame {
        width: auto;
        max-width: fit-content;
        min-width: inherit;
    }

    .catalog_page .catalog_filters form {
        padding: 0 20px;
    }

    .auth_container h1 {
        font-size: 27px;
        text-align: left;
    }

    .form_row-profile {
        gap: 12px;
    }

    .profile_kids .kid_block {
        gap: 40px;
    }

    .profile_kids .btn-brdr {
        max-width: fit-content;
        margin-top: 32px;
    }

    .cart_data_block .submit_phone {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cart_delivery-PVZ .form_row,
    .cart_pyment-type .form_row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .return_block.return_download button {
        min-width: inherit;
    }

    .reg_container .form_col {
        background-color: var(--b-c--white);
    }
    .reg_container .submit-col {
        position: relative;
    }

    .reg-warn {
        position: absolute;
        z-index: -1;
        bottom: calc(100% + 100px);
        left: 0;
        width: calc(50vw - var(--padding--side) - 225px);
        max-width: 420px;
    }

    @keyframes warn-anim {
        0% {
            left: 0;
        }
        30% {
            left: calc(100% + 30px);
        }
        60% {
            left: calc(100% + 30px);
        }
        100% {
            left: 0;
        }
    }

    /* .reg-warn.--added {
        animation: none;
    } */

    .cart_data_block {
        margin: 0 0 88px 0;
    }

    .cart_data_block:last-child {
        margin: 0px;
    }

    .cart-empty_message .ttl {
        margin: 28px auto 16px 0;
    }

    .cart-empty_message .emoji-64 {
        width: 64px; height: 64px;
    }

    /*  */
    .cart_details .CDB-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    /* карточка в корзине */
    /* .stash_item:has(.card_pic-container[data-soldout="true"]) .card_pic-container::before,
    .stash_item:not(:has(.card_pic-container[data-delta="0"])) .card_pic-container::before {
        font-weight: 500;
        font-size: 16px;
    } */
    /*  */
    .bonuspage section.col {
        margin-bottom: 56px;
    }

    .bonuspage .row {
        flex-direction: row;
        gap: 60px;
    }

    .bonuspage_hero .col {
        color: var(--b-c--black);
        top: 25%;
        left: auto;
        right: 2%;
        gap: 36px;
    }

    .bonuspage_hero .ttl {
        color: var(--b-c--black);
    }

    section:has(.bonuspage_qrzone) .ttl {
        text-align: center;
    }

    .bonuspage .qr {
        max-width: 172px;
    }

    .btn_container-fixed {
        display: none;
    }


    .b2b-grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(1, minmax(1px, 6px));
    }

    .b2b-grid li:nth-child(1) {
        grid-area: 1 / 7 / 8 / 10;
    }

    .b2b-grid li:nth-child(2) {
        grid-area: 1 / 10 / 8 / 13;
    }

    .b2b-grid li:nth-child(3) {
        grid-area: 1 / 1 / 14 / 7;
    }

    .b2b-grid li:nth-child(4) {
        grid-area: 13 / 1 / 20 / 4;
    }

    .b2b-grid li:nth-child(5) {
        grid-area: 13 / 4 / 20 / 7;
    }

    .b2b-grid li:nth-child(6) {
        grid-area: 8 / 7 / 20 / 13;
    }

    .b2b-grid li:nth-child(7) {
        grid-area: 20 / 1 / 29 / 5;
    }

    .b2b-grid li:nth-child(8) {
        grid-area: 20 / 5 / 29 / 9;
    }

    .b2b-grid li:nth-child(9) {
        grid-area: 20 / 9 / 29 / 13;
    }

    .b2b_page .emoji-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* grid-template-rows: 1fr 1fr; */
        grid-row-gap: 34px;
        grid-column-gap: 10%;
    }

    .emoji-list li:nth-child(1) {
        grid-area: 1 / 1 / 2 / 2;
    }

    .emoji-list li:nth-child(2) {
        grid-area: 2 / 1 / 3 / 2;
    }

    .emoji-list li:nth-child(3) {
        grid-area: 1 / 2 / 2 / 3;
    }

    .emoji-list li:nth-child(4) {
        grid-area: 2 / 2 / 3 / 3;
    }

    .b2b_page .emoji-list li {
        gap: 20px;
    }

    .b2b_page .emoji-list img {
        max-width: 60px;
    }

    .b2b_page .b2b_contactas {
        justify-content: center;
        flex-direction: row;
        gap: 40px;
    }

    .b2b_page .b2b_links {
        display: flex;
        flex-direction: row;
        gap: 28px;
        justify-content: center;
    }

    .b2b_page .b2b_contactas a {
        flex-direction: row;
        gap: 8px;
        align-items: end;
    }

    .b2b_page .b2b_form {
        padding: 30px 20px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .b2b_page .b2b_form>* {
        min-width: 48%;
    }

    .blogpage_another .blog_page a {
        width: calc(25% - 9px);
    }

    /* promo page css */

    .promo-info .promo_CTA {
        margin-top: 48px;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .promo_CTA-btn {
        box-shadow: none;
        position: static;
        height: 100%;
        padding: 0;
    }

    .promo_CTA-btn a {
        height: 100%;
    }

    .promo_CTA-promocode button::after {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 600px) {
    .history_grid .card-alternate {
        border-bottom: 1px solid var(--b-c--Lgrey);
        padding-bottom: 12px;
    }

    .b2b_marketing .ttl {
        text-align: center;
    }

    body:has(.promo_CTA) .menu-panel {
        box-shadow: none;
        border-top: 1px solid var(--b-c--VLgrey);
    }
}

@media (max-width: 769px) {
    .params_list.params-color .params_value {
        max-width: 60px;
    }

    #deliveryPage .delivery_region h2 {
        display: none;
    }
    
    .catalog_listing[data-view="1"] .listing_card .btn-slider {display: none!important;}

}

@media (min-width: 769px) {
    .vitrina {
        padding-left: 40px;
        padding-right: 40px;
    }

    .also_lent {
        overflow: inherit;
        max-height: fit-content;
    }
    .card_params {
        gap: 40px;
    }

    .params_list {
        overflow: inherit;
    }

    .params_list.params-size {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .params-size .radio-boxed-s {
        padding: 12px 24px;
        border-radius: var(--size-bradius-l);
        width: 100%;
        justify-content: center;
    }

    .also_slider .btn-slider:not(.swiper-button-lock) {
        display: block;
    }

    .params_value label {
        width: 100%;
        text-align: center;
    }

    .bonuspage .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 120px;
    }

    .bonuspage_hero .col {
        right: 5%;
    }

    .bonuspage_hero .ttl {
        max-width: 333px;
        font: 600 44px/1 'Averta CY', sans-serif;
    }

    .bonuspage_qrzone {
        display: flex;
        padding: 20px 20px;
        gap: 60px;
        margin-top: 40px;
    }

    .b2b_marketing .row {
        flex-direction: row;
        gap: 10%;
    }

    .b2b_marketing ul {
        gap: 28px;
    }

    .b2b_marketing h3 {
        margin-bottom: 0;
        font: 600 20px/1.2 'Averta CY', sans-serif;
    }

    .b2bpage_hero {
        position: relative;
        margin-bottom: 100px;
    }

    .b2bpage_hero .col {
        position: absolute;
        top: 30%;
        left: 10%;
        max-width: 304px;
        align-items: center;
    }

    .b2b_marketing .ttl {
        text-align: center;
        max-width: 305px;
        gap: 32px;
        align-items: center;
    }

    .b2bpage_hero h1 {
        display: block;
        color: var(--b-c--white);
        font: 600 44px/1 'Averta CY', sans-serif;
    }

    .b2b_page .b2b_form {
        padding: 40px 40px;
    }

    /* promo page css */
    .promo-info .btn-back {
        margin-top: 28px;
    }
    .promo_info-container {
        padding-top: 48px;
    }

    .promo_info {
        grid-template-columns: repeat(2, 1fr);
        gap: 42px;
    }

    .promo_info-heading {
        position: sticky;
        height: fit-content;
        top: 100px;
    }

    .promo_info .ttl-promo {
        margin-bottom: 20px;
    }

    .promo_info-body {
        gap: 60px;
    }

    .promo_info-body h3 {
        margin: 0 0 20px 0;
    }

    .promo_info-body ul {
        gap: 12px;
        margin-bottom: 12px;
    }

    .promo_list {
        grid-template-columns: 1fr 1fr;
    }

    .profile_kids {
        gap: 32px;
    }

    .cart-empty_message {
        padding: 0;
        justify-content: center;
        text-align: left;
        align-items: baseline;
    }

    .cart-empty .btn {
        margin: auto auto auto 0;
    }
    .cart-empty_message .txt {
        margin: 0 auto 28px 0;
    }
}

@media (max-width: 1023px) {
    .catalog_main.catalog_main:has(#listing_view:not(:checked)) .listing_card .card_ttl {
        text-wrap: wrap;
        white-space: break-spaces;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 36px;
        max-height: 36px;
    }

    .catalog_main:has(#listing_view:not(:checked)) .listing_card .buy_container {bottom: 52px;}

    .catalog_main:has(#listing_view:not(:checked)) .listing_card .swiper-scrollbar {
        right: 104px;
        width: calc(100% - 104px);
    }

    .catalog_main:has(#listing_view:not(:checked)) .listing_card:has(input[value='0']) .swiper-scrollbar {
        right: 60px;
        width: calc(100% - 60px);
    }

    .listing_card .swiper-pagination {
        display: none;
        z-index: -1000!important;
    }

    .mainmenu_link.--sub a {
        pointer-events: none;
        width: 100%;
    }

    .only-desc {
        display: none !important;
    }

    .PVZ_list-wrapper {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .catalog_main .catalog_header {
        flex-direction: row;
        gap: 24px;
        flex-wrap: nowrap;
        max-width: 100%;
    }
    .catalog_main .catalog_header.catalog_header-show {
        top: 80px;
    }
    .listing_card .buy_container {
        padding-left: 38px;
    }

    .listing_card .card_ttl {
        height: auto;
        max-height: 18px;
        margin-top: 4px;
    }

    .listing_card .card_tag {
        padding: 7px 8px;
    }
    .listing_card .card_slider .swiper-scrollbar {
        display: none;
    }
    .listing_card .card_slider .btn-slider {
        display: none;
    }

    .catalog_page .catalog_main > .ttl {
        position: absolute;
        display: flex;
        top: 0;
        z-index: 362;
        width: auto;
    }

    .catalog_page:not(:has(.catalog_filters)) .catalog_main > .ttl {
        position: relative;
    }

    .catalog_page {
        position: relative;
        gap: 0;
    }

    .catalog_vNsort {
        display: flex;
        margin: auto 0 auto auto;
        gap: 24px;
    }

    .catalog_page .catalog_filters {
        position: static;
        z-index: 1;
        overflow: hidden;
    }

    .catalog_page .catalog_filters form {
        overflow: inherit;
        max-height: none;
        padding-left: 0;
    }

    .catalog_container {
        gap: 40px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }

    .catalog_listing {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }

    .catalog_main:has(#listing_view:checked) .catalog_listing {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }

    .view-toggler {
        display: none!important;
    }

    .catalog_listing[data-view="1"] {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }

    .catalog_listing[data-view="2"] {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }

    .filter_btns {
        padding: 0;
        position: static;
        flex-direction: column;
        box-shadow: none;
    }
    .filter_btns .btn {
        width: 100%;
        height: 50px;
    }

    .shopingcart_galery-main .gallery_lent {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .gallery .gallery_video {
        width: 100%;
        right: 0;
    }

    .gallery .gallery_video::before {
        content: ' ';
        position: absolute;
        top: 0; bottom: 0;
        left: 0; right: 0;
        background-color: var(--b-c--black-30);
    }

    .gallery .shopingcart_galery-main .gallery_scrollbar {
        display: none;
    }

    .shopingcart_galery-main .gallery_btn {
        pointer-events: none;
        display: none;
    }

    #soldoutTtl {
        scroll-margin: 100px 0 0 0;
    }

    .card_price-info .price-sale {
        padding: 7px 8px;
        font-size: 14px;
        font-weight: 500;
    }

    .card_articule {color: var(--b-c--Dgrey);}
    .card_articule::before {color: var(--b-c--grey);}

    .bnpl-panel {
        margin-top: 40px;
    }

    @keyframes atc-anim {
        0% {
            top: 0px;
        }
        25% {
            top: 80px;
        }
        50% {
            top: 80px;
        }
        100% {
            top: 0px;
        }
    }
    .soldout-panel-na.--added {
        animation: atc-anim 3s ease;
    }

    .soldout-panel-na,
    .atc-panel {
        top: 0px; bottom: auto;
        right: max(calc((100vw - 1440px)/2 + var(--padding--side)), var(--padding--side));
        left: auto;
        border-radius: 0 0 8px 8px;
    }

    .soldout-panel-na { width: 430px;}

    .video_popup .popup_btn-close,
    .present_popup .popup_btn-close {
        top: 0;
        right: calc(50% - 460px);
    }

    .card_info {
        max-width: 400px;
        width: 100%;
    }

    .card-alternate .card_info {
        padding: 0px 20px 20px 0px;
    }

    .shopingcard_main {
        display: grid;
        grid-template-columns: 2fr 1fr;
        max-width: none;
        padding: 0;
        position: relative;
    }

    .shopingcard_main .card_info {
        margin-top: 30px;
        position: sticky;
        height: fit-content;
        top: 20px;
        margin-right: max(calc((100vw - 1440px)/2 + var(--padding--side)), var(--padding--side));
        max-width: calc(100% - max(calc((100vw - 1440px)/2 + var(--padding--side)), var(--padding--side)));
    }

    .shopingcard_main .dropdown_container .dropdown_options {
        right: inherit;
    }

    .gallery {
        flex-direction: column;
    }

    .gallery .gallery_btns-sub {
        top: 24px;
        right: 24px;
        left: auto; bottom: auto;
    }

    .ongallery_container {
        position: sticky;
        bottom: 28px;
        right: auto;
        margin: auto;
        height: 0px;
        display: flex;
        align-items: start;
    }

    .params_select-color {
        position: relative;
        width: fit-content;
        max-width: 600px;
        margin: auto;
        height: 150px;
        bottom: 150px;
        border-radius: var(--size-bradius-l);
    }

    .params_swiper-wrapper {
        padding: 1px;
        margin: 0;
    }

    .params_swiper-wrapper .btn-slider {
        position: absolute;
        top: 50%;
        z-index: 10;
    }

    .params_swiper-wrapper .btn-slider-prev {
        left: -52px;
    }
    .params_swiper-wrapper .btn-slider-next {
        right: -52px;
    }

    .card_params {
        margin-top: 28px;
    }

    .card_addinfo {
        margin: 28px 0 40px 0;
    }

    .card_params .params_buy {
        position: static;
        gap: 12px;
        padding: 0;
        border: inherit;
        box-shadow: none;
    }

    .atc-btn .price-cur,
    .atc-btn .price-old {
        display: none;
    }

    .sub-btn_container {
        height: 52px;
    }

    .atc-btn_container {
        background-color: var(--b-c--black);
        height: 52px;
    }

    .atc-btn_container,
    .atc-btn_container span,
    .atc-btn_container input {
        font-size: 16px;
        font-weight: 400;
    }

    .atc-btn {
        position: absolute;
        top: 0; bottom: 0;
        left: 0; right: 0;
        z-index: 1;
    }

    .atc-btn:hover,
    .atc-btn_container:hover {
        background-color: var(--b-c--Dgrey);
    }

    .atc-btn_container:not(:has(input[value='0'])) .atc-btn {
        left: 100%; right: -100%;
    }

    .card_bnpl-btn {
        flex-direction: column;
        font-size: 14px;
    }

    .card_bnpl-btn::before {
        margin: auto;
    }

    .bnpl_btns .btn {
        height: 54px;
    }

    .card_description {
        padding: 0;
        margin-left: max(calc((100vw - 1440px)/2 + var(--padding--side)), var(--padding--side));
    }

    .description_header {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        background-color: var(--b-c--white);
        align-items: center;
        padding: 10px 0;
        z-index: 10;
        transition: all .5s ease;
        bottom: 0;
        top: auto;
        box-shadow: var(--box-shadow);
    }

    .description_header .buy_container {
        max-width: 460px;
    }

    .description_header .header_info {
        display: flex;
        justify-content: space-between;
        max-height: 60px;
    }

    .description_header img {
        max-height: 100%;
    }

    .description_header.--description-hidden {
        top: auto !important;
        bottom: -1000px !important;
    }

    .description_header .header_product {
        display: flex;
        gap: 20px;
        font-size: 18px;
    }

    .description_header .product_info {
        margin: auto auto auto 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .description_header h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        text-wrap: nowrap;
        max-width: 300px;
        font: 300 14px/20px 'Averta CY', sans-serif;
    }

    .description_header .header_control {
        max-width: 320px;
        display: flex;
        width: fit-content;
    }

    .description_header .header_control .btn {
        margin: auto 0;
    }

    .description_header .card_price-info {
        margin: auto auto 0 0;
    }

    .description_header .card_price-info .price-cur {
        font-size: 16px;
    }

    .description_header .card_price-info .price-loyalty.loyalty-points,
    .description_header .card_price-info .price-sale {
        font-size: 12px;
        line-height: 100%;
        padding: 4px;
    }

    .description_header .card_price-info .price-old {
        font-size: 14px;
    }

    .description_header .description_links {
        display: flex;
        gap: 20px;
        margin: auto 20px auto auto;
        color: var(--b-c--grey);
    }

    .also_slider {
        padding: 0;
        margin: 0 max(calc((100vw - 1440px)/2 + var(--padding--side)), var(--padding--side));;
    }

    #look-section {
        padding: 68px 0 0 0;
    }

    .also_section {
        margin-top: 68px;
        margin-bottom: 0;
    }

    .also_section h2 {
        padding: 0 max(calc((100vw - 1440px)/2 + var(--padding--side)), var(--padding--side));;
    }

    .size_swiper {
        margin-top: 40px;
    }

    .catalog_main .favorites_header {
        flex-direction: row;
        gap: 24px;
        flex-wrap: nowrap;
        max-width: 100%;
    }
    
    .catalog_main .favorites_header.favorites_header-show {
        top: 80px;
    }

    .favorites_header .row {
        justify-content: flex-end;
        border-bottom: none;
        flex-direction: row-reverse;
    }

    #cartPage .btn-back {
        margin-top: 28px;
    }

    .cart_details {
        max-width: calc(100% - 430px - min(8vw, 8%));
        min-height: 1000px;
    }

    .cart_stash {
        position: absolute;
        width: 100%;
        max-width: 430px;
        top: 0;
        right: var(--padding--side);
        display: flex;
        flex-direction: column;
        /* gap: 28px; */
    }

    .cart_stash .cart_total {
        order: -1;
    }

    .cart_stash .cart_total .field_promocode {
        margin-top: 0;
        padding-top: 0;
    }

    .cart_stash .cart_total .cart_submit {
        display: none;
    }

    .cart_stash .cart_total .cart_alert {
        order: 5;
        margin: 28px 0;
    }

    .cart_total {
        margin-bottom: 28px;
    }

    #PVZ_popup .popup {
        border-radius: 12px;
        overflow: hidden;
        /* margin: 100px auto auto auto; */
        margin: auto;
        height: 660px;
        max-width: calc(1440px - var(--padding--side)*2);
        display: grid;
        grid-template-columns: 1.5fr 1fr;
    }

    #PVZ_popup .popup_btn-close {
        top: 0;
        right: 0;
        padding: 30px;
    }

    #PVZ_popup .popup_ttl {
        padding: 28px 0px 12px 0px;
        text-align: left;
        border-bottom: none;
    }

    .PVZ_search {
        padding: 0;
        gap: 2px;
        margin-bottom: 34px;
    }

    .PVZ_map {
        order: -1;
        z-index: 2;
    }

    .PVZ_result {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        padding: 30px 40px 0px 40px;
        gap: 16px;
        z-index: 1;
    }

    #PVZ_popup .PVZ_result .popup_btn-close {
        /* display: none; */
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 6L5 12M5 12L11 18M5 12L18 12" stroke="%23202020" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        left: 20px;
        right: auto;
        top: 15px;
        z-index: 1;
    }

    .PVZ_info {
        padding: 0 40px;
        gap: 2px;
        max-height: 660px;
    }

    .PVZ_info .PVZ_info {
        padding: 0;
        gap: 16px;
    }

    .PVZ_result.--hide {
        /* bottom: 0; */
        right: 100%;
        left: -100%;
    }

    .PVZ_result .btn {
        margin: 0;
    }

    .PVZ_result .PVZ_ttl {
        font: 600 22px/26px "Averta CY", sans-serif;
        gap: 26px;
        padding-left: 35px;
    }

    .PVZ_result .PVZ_ttl::after {
        position: relative;
        left: -35px;
    }

    .cart_delivery-type .PVZ_info {
        padding: 0;
        gap: 16px;
        padding-bottom: 12px;
    }

    .cart_delivery-type .PVZ_info-details {
        flex-direction: row;
        gap: 32px;
    }

    .PVZ_result-wrapper:not(:has(.PVZ_result.--hide)) {
        position: static;
        background-color: transparent;
    }

    /* это на прод можно не нести, сделано для демо */
    .PVZ_map button:hover::after {
        content: 'Кликни меня';
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #00000014;
        font: 600 34px/34px "Averta CY", sans-serif;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

    .PVZ_map button::after {
        display: none;
    }

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

    .gallery_section {
        grid-template-columns: repeat(4, 1fr);
    }

    .gall-o-block:nth-child(1) {
        grid-area: 1 / 1 / 2 / 2;
    }

    .gall-o-block:nth-child(2) {
        grid-area: 1 / 2 / 2 / 3;
    }

    .gall-o-block:nth-child(3) {
        grid-area: 1 / 3 / 2 / 4;
    }

    .gall-o-block:nth-child(4) {
        grid-area: 1 / 4 / 2 / 5;
    }

    .gall-o-block:nth-child(5) {
        display: block;
        grid-area: 2 / 1 / 3 / 3;
    }

    .gall-o-block:nth-child(6) {
        display: block;
        grid-area: 2 / 3 / 3 / 5;
    }

    .gall-o-block:nth-child(7) {
        display: block;
        grid-area: 3 / 1 / 4 / 5;
    }

    .vitrina {
        padding-left: 60px;
        padding-right: 60px;
    }

    .blogpage_cover .blogpage_cover-txt {
        padding: 40px;
    }

    .blogpage_cover .blogpage_ttl-main {
        font-weight: 600;
        font-size: 52px;
    }

    .profile_container {
        margin-top: 40px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
    }

    .profile_container:has(.bonuses_block) {
        grid-template-columns: 1fr 4fr;
    }

    .profile_info {
        margin: 0 0 auto var(--padding--side);
    }

    .profile_nav {
        display: flex;
        border-right: 1px solid var(--b-c--Lgrey);
    }

    .profile_nav-list {
        gap: 30px;
        display: flex;
        flex-direction: column;
        margin: 60px auto auto 0;
    }

    .profile_nav-list * {
        color: var(--b-c--Dgrey);
    }

    .bonuses_card .bonuses_lvl {
        font-size: 80px;
    }

    .return_block-btns {
        gap: 20px;
        margin-top: 20px;
    }

    .return_block-btns .radio-boxed-m {
        width: 100%;
    }

    .return_block-btns .radio-boxed-m .radio-boxed_content {
        margin: 20px 0;
    }

    .listing_card .buy_container:has(.counter input[value="0"]) {
        opacity: 0;
        transition: all .6s ease;
    }

    .listing_card:has(.counter input[value="0"]):hover .buy_container {
        opacity: 1;
    }

    .bonuspage_hero .col {
        right: 10%;
    }

    .bonuspage .qr {
        max-width: 268px;
    }

    .bonuspage_qrzone {
        padding: 40px 40px;
    }

    .promo_list {
        row-gap: 60px;
    }
    .promo_cover {
        border-radius: 0;
    }
    .promo_preview {
        grid-template-columns: 1fr 200px;
        gap: 0;
    }
    .promo_preview span {
        text-align: center  ;
    }

    #deliveryPage .container {
        display: grid;
        grid-template-columns: minmax(400px, 10fr) minmax(630px, 16fr);
        grid-template-columns: 10fr 16fr;
        grid-template-columns: minmax(33%, 400px) minmax(66%, 630px);
        gap: 40px;
        overflow: inherit;
    }

    .delivery_regions {
        max-width: 630px;
        display: flex;
        flex-direction: column;
        padding-top: 40px;
    }

    .delivery_region {
        position: static;
        padding: 0;
        overflow: auto;
    }

    #deliveryPage .deliveryBtn {
        gap: 80px;
        color: var(--b-c--grey);
    }

    #deliveryPage .deliveryBtn::after {
        content: ' ';
    }

    #deliveryPage .deliveryBtn.--active {
        color: var(--b-c--Dgrey);
    }

    #deliveryPage .tkBtn {
        padding: 16px 20px;
        border-radius: 12px;
        font-size: 16px;
    }
    /* blog */
    .delivery_main {
        border-right: 1px solid var(--b-c--Lgrey);
        padding-right: 12px;
        height: fit-content;
        position: sticky;
        top: 82px;
    }
    .blog_post .blog_cover-txt {gap: 6px;}
    .blog_post .blog_cover-txt span {color: var(--b-c--Dgrey);}

    .blogpage_cover {
        max-width: 1440px;
        margin: auto;
        padding: 0 var(--padding--side);
    }

    .blogpage_cover img {
        max-height: 508px;
        border-radius: 20px;
    }

    .blogpage_cover .blog_dt {margin-top: 16px;}
    .blogpage_ttl-main {margin-bottom: 40px;}

    .blogpage_content section {
        margin-top: 100px;
        margin-bottom: 100px;
        margin-left: 0;
        margin-right: 0;
    }

    .blogpage_content .blogpage_ttl-sec,
    .blogpage_content h2 {
        margin-bottom: 20px;
    }

    .blogpage_content .blogpage_pics {
        gap: 12px;
        margin-top: 48px;
        margin-bottom: 48px;
        margin-left: 0;
        margin-right: 0;
    }

    .blogpage_content .blogpage_pics-wrap {
        flex-wrap: nowrap;
    }

    .blogpage_content div:not(.blogpage_subcontainer):has(.blogpage_pics:nth-child(2)) .blogpage_pics,
    .blogpage_content section:not(.blogpage_subcontainer):has(.blogpage_pics:nth-child(2)) .blogpage_pics {
        margin-top: 100px;
    }

    .blogpage_content .blogpage_subcontainer {margin: 100px auto;}

    .blogpage_btns {
        max-width: 800px;
        margin: auto;
    }
}

@media (min-width: 1440px) {
    .vitrina {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (hover: hover) {
    .banner-additional:hover,
    .vitrina_img:hover,
    .gallery_section .gall-o-block:hover {
        border-radius: 32px;
        cursor: pointer;
    }
}

/* --- Fix Swiper flickering on iOS Safari for absolutely positioned elements in also_section --- */
.also_section .swiper-slide,
.also_section .swiper-slide * {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    will-change: transform;
}
/* --- End fix --- */

/* Маркетинговая полоска + sticky catalog_header: mobile-first — только высота баннера; на десктопе +80px под шапку */
body.hb-mkt-possible:not(.hb-mkt-dismissed) .catalog_main .catalog_header.catalog_header-show {
    top: var(--hb-mkt-bar-height, 36px);
}

@media (min-width: 1024px) {
    body.hb-mkt-possible:not(.hb-mkt-dismissed) .catalog_main .catalog_header.catalog_header-show {
        top: calc(80px + var(--hb-mkt-bar-height, 36px));
    }
}