header{
    padding: 0!important;
    z-index: 10!important;
}
.gim-fixit-header{
    position: fixed;
    top: var(--height-admin-header);
    right: 0;
    left: 0;
    z-index: 10;
    height: fit-content;
    transition-duration: 0.7s;
    background: var(--white);
    transition-duration: 0.3s;
}
.gim-fixit-header.hide{
    transform: translateY(-100%);
}
.gim-fixit-header__content{
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}
.gim-sandvich{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0;
    background: transparent;
    border: none;
    outline: none;
    width: 40px;
    padding: 0;
}
.gim-sandvich--line{
    width: 100%;
    height: 3px;
    background: var(--black);
    transition-duration: 0.3s;
}
.gim-sandvich--line:nth-child(2){
    width: 80%;
}
.gim-sandvich:hover .gim-sandvich--line:nth-child(2){
    width: 100%;
}
.gim-fixit-header__content-logo{
    width: 70px;
    height: 25px;
    transition-duration: 0.3s;
}
.gim-fixit-header__content-logo:hover{
    opacity: 0.5;
}
.gim-fixit-header__content-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.gim-fixit-header__content-btns{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
}
.gim-only-table{
    display: none!important;
}
.gim-fixit-header__content-menu{
    display: none;
}

@media screen and (min-width: 768px) {
    .gim-only-table{
        display: block!important;
    }
    .gim-fixit-header__content-logo{
        width: 90px;
        height: 33px;
    }
    .gim-fixit-header__content-btns{
        flex-direction: row;
        gap: 20px;
    }
}
@media screen and (min-width: 1200px) {
    .gim-fixit-header__content-menu{
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .gim-sandvich{
        display: none;
    }
}
@media screen and (min-width: 1600px){
    .gim-fixit-header__content-logo{
        width: 120px;
        height: 43px;
    }
}

body{
    --height-header: 74px;
    --height-admin-header:0px;
    --height-second-header:0px;
}
.gim-main{
    margin-top: calc( var(--height-header) + var(--height-second-header));
}

.gim-second-header{
    display: none;
    top: calc( var(--height-header) + var(--height-admin-header));
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--white);
    border-top: 1px solid var(--gray-medium);
    border-bottom: 1px solid var(--gray-medium);
    z-index: 2;
    transition-duration: 0.3s;
}
.gim-second-header.hide{
    transform: translateY(-100%);
}
.gim-second-header-menu{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.gim-second-header-menu__item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.gim-second-header-menu__item-a{
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.gim-second-header-menu__item:hover .gim-second-header-menu__item-a{
    color: var(--Yellow, #E29856);
}
.gim-second-header-menu__item:first-child{
    justify-content: flex-start;
}
.gim-second-header-menu__item:first-child .gim-second-header-menu__item-a{
    text-align: left;
}
.gim-second-header-menu__item:last-child .gim-second-header-menu__item-a{
    text-align: right;
}

/* Dropdown styles */
.gim-dropdown-container {
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    width: 100vw;
    background: white;
    display: none;
    padding: 50px 0 30px 0;
    z-index: 100;
}

.gim-dropdown-content {
    display: flex;
}

.gim-dropdown-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.gim-dropdown-column .gim-link--extra-large{
    margin-bottom: 10px;
}
.gim-dropdown-column .gim-link:hover{
    color: var(--Yellow, #E29856);
}
.menu-custom-item{
    display: none;
    transition-duration: 0.3s;
    text-decoration: none;
}
.menu-custom-item:hover{
    opacity: 0.5;
}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1200px) {
    .gim-second-header{
        display: block;
    }
    body{
        --height-second-header:64px;
    }
}
@media screen and (min-width: 1600px){
    .menu-custom-item{
        display: flex;
        flex-direction: column;
        width: 290px;
        flex-shrink: 0;
        gap: 15px;
    }
    .menu-custom-item__img{
        position: relative;
        display: block;
    }
    .menu-custom-item__img img{
        width: 100%;
        height: 256px;
        object-fit: cover;
    }
    .menu-custom-item__type{
        position: absolute;
        top: 10px;
        left: 10px;
        border: 1px solid var(--white);
        color: var(--white);
        padding: 5px 10px;
        text-transform: uppercase;
    }
    .menu-custom-item__date{
        position: absolute;
        bottom: 10px;
        left: 10px;
        color: white;
    }
}

.gim-mobile-menu{
    opacity: 0;
    position: fixed;
    top: var(--height-admin-header);
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(100lvh - var(--height-admin-header));
    width: 100lvw;
    overflow:auto;
    background: var(--white);
    z-index: 100;
    transition-duration: 0.3s;
    pointer-events: none;
}
.gim-mobile-menu.active{
    display: block;
    pointer-events: auto;
    opacity: 1;
}
.gim-mobile-menu__content{
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 15px 0;
}
.gim-mobile-menu__content-first-menu{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.gim-mobile-menu__content-header-btns{
    display: flex;
    gap: 20px;
    align-items: center;
}
.gim-mobile-menu__content-header{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.gim-sandvich--close{
    display: block;
    background: transparent;
    border: none;
    outline: none;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2240%22%20height%3D%222.4%22%20transform%3D%22translate(4.7998%2032.8)%20rotate(-45)%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20width%3D%221%22%20height%3D%222.4%22%20transform%3D%22translate(19.5%2019.2)%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20width%3D%2240%22%20height%3D%222.4%22%20transform%3D%22translate(6.3999%204.79999)%20rotate(45)%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.gim-alert-btn{
    display: block;
    background: transparent;
    border: none;
    outline: none;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9%2026.8612V25.4697H11.2487V14.442C11.2487%2012.6237%2011.8238%2011.0249%2012.9742%209.64544C14.1245%208.26599%2015.5828%207.40696%2017.3491%207.06836C17.3491%207.06836%2018.1965%206.99999%2018.7406%207C19.2846%207.00001%2020.1321%207.06839%2020.1321%207.06839C21.8984%207.40792%2023.3567%208.26738%2024.507%209.64683C25.6573%2011.0263%2026.2325%2012.6251%2026.2325%2014.4434V25.4683H28.4811V26.8598L9%2026.8612ZM18.7364%2030.5C18.1167%2030.5%2017.5879%2030.2797%2017.1501%2029.839C16.7122%2029.3984%2016.4933%2028.8696%2016.4933%2028.2527H20.9879C20.9879%2028.8743%2020.7675%2029.404%2020.3269%2029.8418C19.8853%2030.2797%2019.3552%2030.5%2018.7364%2030.5ZM12.6402%2025.4697H24.8423V14.4434C24.8423%2012.7522%2024.2482%2011.3125%2023.0598%2010.1241C21.8715%208.93577%2020.4317%208.34205%2018.7406%208.34298C17.0494%208.34391%2015.6097%208.93762%2014.4213%2010.1241C13.233%2011.3106%2012.6393%2012.7504%2012.6402%2014.4434V25.4697Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
}
.gim-search-btn{
    display: block;
    background: transparent;
    border: none;
    outline: none;
    width: 26px;
    height: 26px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M17.3952%2017.412L21.9831%2022M19.6843%2012.3422C19.6843%2016.9494%2015.9494%2020.6843%2011.3422%2020.6843C6.73491%2020.6843%203%2016.9494%203%2012.3422C3%207.73491%206.73491%204%2011.3422%204C15.9494%204%2019.6843%207.73491%2019.6843%2012.3422Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E");
}
.gim-slabovidenie-btn{
    display: block;
    background: transparent;
    border: none;
    outline: none;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M22%2019C22%2019.7956%2021.6839%2020.5587%2021.1213%2021.1213C20.5587%2021.6839%2019.7956%2022%2019%2022C18.2044%2022%2017.4413%2021.6839%2016.8787%2021.1213C16.3161%2020.5587%2016%2019.7956%2016%2019C16%2018.2044%2016.3161%2017.4413%2016.8787%2016.8787C17.4413%2016.3161%2018.2044%2016%2019%2016C19.7956%2016%2020.5587%2016.3161%2021.1213%2016.8787C21.6839%2017.4413%2022%2018.2044%2022%2019Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M9%2019C10.6%2014.903%2014.336%2012%2019%2012C23.664%2012%2027.4%2014.903%2029%2019C27.4%2023.097%2023.664%2026%2019%2026C14.336%2026%2010.6%2023.097%209%2019Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
}
.gim-search-btn, .gim-slabovidenie-btn{
    transition-duration: 0.3s;
}
.gim-search-btn:hover, .gim-slabovidenie-btn:hover{
    opacity: 0.5;
}
.mobile-search-form{
    position: relative;
    width: 100%;
}
.mobile-search-form .search-input{
    border: 1px solid var(--black);
    color: var(--black);
}
.mobile-search-form .search-button{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M17.3952%2017.412L21.9831%2022M19.6843%2012.3422C19.6843%2016.9494%2015.9494%2020.6843%2011.3422%2020.6843C6.73491%2020.6843%203%2016.9494%203%2012.3422C3%207.73491%206.73491%204%2011.3422%204C15.9494%204%2019.6843%207.73491%2019.6843%2012.3422Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E");
}
@media screen and (min-width: 768px) {
    .gim-mobile-menu__content-first-menu{
        flex-direction: row;
        justify-content: space-between;
    }
    .gim-only-mobile{
        display: none;
    }
}
@media screen and (min-width: 1200px) {

}
@media screen and (min-width: 1600px){
    
}

.gim-mobile-menu__content-second-menu{
    display: flex;
    flex-direction: column;
    gap: 0;
}
.gim-mobile-menu__content-second-menu-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 0;
}
.gim-mobile-menu__content-second-menu-item:not(:first-child){
    border-top: 1px solid var(--gray);
}
.gim-mobile-menu__content-second-menu-item-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gim-mobile-menu__content-second-menu-item-arrow{
    display: block;
    background: transparent;
    border: none;
    outline: none;
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2018%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9%201C9%200.447715%208.55228%200%208%200C7.44772%200%207%200.447715%207%201H9ZM7.29289%2016.7071C7.68342%2017.0976%208.31658%2017.0976%208.70711%2016.7071L15.0711%2010.3431C15.4616%209.95262%2015.4616%209.31946%2015.0711%208.92893C14.6805%208.53841%2014.0474%208.53841%2013.6569%208.92893L8%2014.5858L2.34315%208.92893C1.95262%208.53841%201.31946%208.53841%200.928932%208.92893C0.538408%209.31946%200.538408%209.95262%200.928932%2010.3431L7.29289%2016.7071ZM8%201H7L7%2016H8H9V1H8Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
    transition-duration: 0.3s;
}
.gim-mobile-menu__content-second-menu-item.active .gim-mobile-menu__content-second-menu-item-arrow{
    rotate: -180deg;
}
.gim-mobile-menu__content-second-menu-item-dropdown{
    display: none;
    padding-top: 10px;
}
.gim-mobile-menu__content-second-menu-item-dropdown-inner{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.gim-mobile-menu__content-second-menu-item-dropdown-inner-item{
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1200px) {

}
@media screen and (min-width: 1600px){
    
}


.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    display: none;
    z-index: 1000;
}

.search-form {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.search-input-container{
    display: flex;
    align-items: center;
    width: 300px;
    position: relative;
}
.search-input-container form{
    position: relative;
    width: 100%;
}
.search-input{
    width: 100%;
    padding: 13px 66px 13px 20px;
    border: 1px solid var(--white, #FFF);
    background: transparent;
    color: var(--white, #FFF);
    text-align: left;
    font-family: 'FranzGrotesque Regular', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    outline: none;
    transition-duration: 0.3s;
}

.search-button {
    position: absolute;
    top: 13px;
    right: 20px;
    z-index: 2;
    background: none;
    border: none;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M17.3952%2017.412L21.9831%2022M19.6843%2012.3422C19.6843%2016.9494%2015.9494%2020.6843%2011.3422%2020.6843C6.73491%2020.6843%203%2016.9494%203%2012.3422C3%207.73491%206.73491%204%2011.3422%204C15.9494%204%2019.6843%207.73491%2019.6843%2012.3422Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E");
    transition-duration: 0.3s;
}

.close-button {
    position: absolute;
    top: -50px;
    right: 0;
    background: none;
    border: none;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0.635696%202.05026C0.245172%201.65974%200.245171%201.02657%200.635696%200.636049C1.02622%200.245525%201.65938%200.245525%202.04991%200.636049L13.3636%2011.9498C13.7541%2012.3403%2013.7541%2012.9734%2013.3636%2013.364C12.9731%2013.7545%2012.3399%2013.7545%2011.9494%2013.364L0.635696%202.05026Z%22%20fill%3D%22white%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M2.04988%2013.364C1.65936%2013.7545%201.02619%2013.7545%200.635667%2013.364C0.245142%2012.9734%200.245142%2012.3403%200.635667%2011.9497L11.9494%200.636033C12.3399%200.245509%2012.9731%200.245508%2013.3636%200.636033C13.7541%201.02656%2013.7541%201.65972%2013.3636%202.05025L2.04988%2013.364Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
    transition-duration: 0.3s;
}

.search-button:hover,
.close-button:hover {
    scale: 1.1;
}
@media screen and (min-width: 768px) {
    .search-input-container{
        width: 600px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }
    .close-button{
        position: static;
        flex-shrink: 0;
    }
}
@media screen and (min-width: 1200px) {

}
@media screen and (min-width: 1600px){
    
}


.alerts-popup{
    display: flex;
    text-align: left;
    opacity: 0;
    pointer-events: none;
    transition-duration: 0.3s;
    z-index: 100;
    position: fixed;
    top: 80px;
    right: 100px;
    flex-direction: column;
    gap: 20px;
    background: var(--gray);
    border: 1px solid var(--gray-medium);
    border-radius: 20px;
    padding: 20px;
    max-width: 469px;
    max-height: calc(100% - 150px);
    overflow-y: auto;
}
.alerts-popup.active{
    opacity: 1;
    pointer-events: auto;
}

/*.alerts-popup__title{
    color: var(--black, #000);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: 130%;
}*/
.alerts-popup__close{
    position: absolute;
    height: 60px;
    width: 60px;
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M0.636184%202.05026C0.24566%201.65974%200.24566%201.02657%200.636184%200.636049C1.02671%200.245525%201.65987%200.245525%202.0504%200.636049L13.3641%2011.9498C13.7546%2012.3403%2013.7546%2012.9734%2013.3641%2013.364C12.9736%2013.7545%2012.3404%2013.7545%2011.9499%2013.364L0.636184%202.05026Z%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M2.05037%2013.364C1.65984%2013.7545%201.02668%2013.7545%200.636155%2013.364C0.245631%2012.9734%200.245631%2012.3403%200.636155%2011.9497L11.9499%200.636033C12.3404%200.245509%2012.9736%200.245508%2013.3641%200.636033C13.7546%201.02656%2013.7546%201.65972%2013.3641%202.05025L2.05037%2013.364Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: center;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
}
.alerts-popup__close:hover{
    opacity: 0.5;
    cursor: pointer;
}
.alerts-popup__items{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.alerts-popup__item{
    display: flex;
    width: 100%;
    gap: 5px;
    padding: 20px;
    background: var(--gray);
    border-radius: 18px;
    border: 1px solid var(--gray-medium);
}
.alerts-popup__icons{
    flex-shrink: 0;
}
.alerts-popup__icons img{
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.alerts-popup__item-wrap{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/*.alerts-popup__item-name{
    color: var(--black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-align: left;
}*/
.alerts-popup__item-text{
    color: var(--black, #000);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
    text-align: left;
}
.alerts-popup__item-link{
    text-decoration: none;
    color: var(--dark-red, #D00B0B)!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    transition-duration: 0.3s;
    text-align: left;
}
.alerts-popup__item-link:hover{
    opacity: 0.5;
}
.alert-popup-btn{
    position: relative;
    width: 38px;
    height: 38px;
    display: block;
    /*background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9%2026.8612V25.4697H11.2487V14.442C11.2487%2012.6237%2011.8238%2011.0249%2012.9742%209.64544C14.1245%208.26599%2015.5828%207.40696%2017.3491%207.06836C17.3491%207.06836%2018.1965%206.99999%2018.7406%207C19.2846%207.00001%2020.1321%207.06839%2020.1321%207.06839C21.8984%207.40792%2023.3567%208.26738%2024.507%209.64683C25.6573%2011.0263%2026.2325%2012.6251%2026.2325%2014.4434V25.4683H28.4811V26.8598L9%2026.8612ZM18.7364%2030.5C18.1167%2030.5%2017.5879%2030.2797%2017.1501%2029.839C16.7122%2029.3984%2016.4933%2028.8696%2016.4933%2028.2527H20.9879C20.9879%2028.8743%2020.7675%2029.404%2020.3269%2029.8418C19.8853%2030.2797%2019.3552%2030.5%2018.7364%2030.5ZM12.6402%2025.4697H24.8423V14.4434C24.8423%2012.7522%2024.2482%2011.3125%2023.0598%2010.1241C21.8715%208.93577%2020.4317%208.34205%2018.7406%208.34298C17.0494%208.34391%2015.6097%208.93762%2014.4213%2010.1241C13.233%2011.3106%2012.6393%2012.7504%2012.6402%2014.4434V25.4697Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;*/
    border-radius: 50%;
    transition-duration: 0.3s;
}
.alert-popup-btn:before{
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 38px;
    height: 38px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9%2026.8612V25.4697H11.2487V14.442C11.2487%2012.6237%2011.8238%2011.0249%2012.9742%209.64544C14.1245%208.26599%2015.5828%207.40696%2017.3491%207.06836C17.3491%207.06836%2018.1965%206.99999%2018.7406%207C19.2846%207.00001%2020.1321%207.06839%2020.1321%207.06839C21.8984%207.40792%2023.3567%208.26738%2024.507%209.64683C25.6573%2011.0263%2026.2325%2012.6251%2026.2325%2014.4434V25.4683H28.4811V26.8598L9%2026.8612ZM18.7364%2030.5C18.1167%2030.5%2017.5879%2030.2797%2017.1501%2029.839C16.7122%2029.3984%2016.4933%2028.8696%2016.4933%2028.2527H20.9879C20.9879%2028.8743%2020.7675%2029.404%2020.3269%2029.8418C19.8853%2030.2797%2019.3552%2030.5%2018.7364%2030.5ZM12.6402%2025.4697H24.8423V14.4434C24.8423%2012.7522%2024.2482%2011.3125%2023.0598%2010.1241C21.8715%208.93577%2020.4317%208.34205%2018.7406%208.34298C17.0494%208.34391%2015.6097%208.93762%2014.4213%2010.1241C13.233%2011.3106%2012.6393%2012.7504%2012.6402%2014.4434V25.4697Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
}
.alert-popup-btn:hover{
    cursor: pointer;
}
/*.white .alert-popup-btn{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9%2026.8612V25.4697H11.2487V14.442C11.2487%2012.6237%2011.8238%2011.0249%2012.9742%209.64544C14.1245%208.26599%2015.5828%207.40696%2017.3491%207.06836C17.3491%207.06836%2018.1965%206.99999%2018.7406%207C19.2846%207.00001%2020.1321%207.06839%2020.1321%207.06839C21.8984%207.40792%2023.3567%208.26738%2024.507%209.64683C25.6573%2011.0263%2026.2325%2012.6251%2026.2325%2014.4434V25.4683H28.4811V26.8598L9%2026.8612ZM18.7364%2030.5C18.1167%2030.5%2017.5879%2030.2797%2017.1501%2029.839C16.7122%2029.3984%2016.4933%2028.8696%2016.4933%2028.2527H20.9879C20.9879%2028.8743%2020.7675%2029.404%2020.3269%2029.8418C19.8853%2030.2797%2019.3552%2030.5%2018.7364%2030.5ZM12.6402%2025.4697H24.8423V14.4434C24.8423%2012.7522%2024.2482%2011.3125%2023.0598%2010.1241C21.8715%208.93577%2020.4317%208.34205%2018.7406%208.34298C17.0494%208.34391%2015.6097%208.93762%2014.4213%2010.1241C13.233%2011.3106%2012.6393%2012.7504%2012.6402%2014.4434V25.4697Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
}
.white .alert-popup-btn[notifications]{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9%2026.8612V25.4697H11.2487V14.442C11.2487%2012.6237%2011.8238%2011.0249%2012.9742%209.64544C14.1245%208.26599%2015.5828%207.40696%2017.3491%207.06836C17.3491%207.06836%2018.1965%206.99999%2018.7406%207C19.2846%207.00001%2020.1321%207.06839%2020.1321%207.06839C21.8984%207.40792%2023.3567%208.26738%2024.507%209.64683C25.6573%2011.0263%2026.2325%2012.6251%2026.2325%2014.4434V25.4683H28.4811V26.8598L9%2026.8612ZM18.7364%2030.5C18.1167%2030.5%2017.5879%2030.2797%2017.1501%2029.839C16.7122%2029.3984%2016.4933%2028.8696%2016.4933%2028.2527H20.9879C20.9879%2028.8743%2020.7675%2029.404%2020.3269%2029.8418C19.8853%2030.2797%2019.3552%2030.5%2018.7364%2030.5ZM12.6402%2025.4697H24.8423V14.4434C24.8423%2012.7522%2024.2482%2011.3125%2023.0598%2010.1241C21.8715%208.93577%2020.4317%208.34205%2018.7406%208.34298C17.0494%208.34391%2015.6097%208.93762%2014.4213%2010.1241C13.233%2011.3106%2012.6393%2012.7504%2012.6402%2014.4434V25.4697Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
}*/
.alert-popup-btn[notifications]{
    background-color: #D00B0B;
    border-radius: 50%;
}
.alert-popup-btn[notifications]:before{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M9%2026.8612V25.4697H11.2487V14.442C11.2487%2012.6237%2011.8238%2011.0249%2012.9742%209.64544C14.1245%208.26599%2015.5828%207.40696%2017.3491%207.06836C17.3491%207.06836%2018.1965%206.99999%2018.7406%207C19.2846%207.00001%2020.1321%207.06839%2020.1321%207.06839C21.8984%207.40792%2023.3567%208.26738%2024.507%209.64683C25.6573%2011.0263%2026.2325%2012.6251%2026.2325%2014.4434V25.4683H28.4811V26.8598L9%2026.8612ZM18.7364%2030.5C18.1167%2030.5%2017.5879%2030.2797%2017.1501%2029.839C16.7122%2029.3984%2016.4933%2028.8696%2016.4933%2028.2527H20.9879C20.9879%2028.8743%2020.7675%2029.404%2020.3269%2029.8418C19.8853%2030.2797%2019.3552%2030.5%2018.7364%2030.5ZM12.6402%2025.4697H24.8423V14.4434C24.8423%2012.7522%2024.2482%2011.3125%2023.0598%2010.1241C21.8715%208.93577%2020.4317%208.34205%2018.7406%208.34298C17.0494%208.34391%2015.6097%208.93762%2014.4213%2010.1241C13.233%2011.3106%2012.6393%2012.7504%2012.6402%2014.4434V25.4697Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
    animation: alert 2s ease-in-out infinite;
}
@keyframes alert {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    75% { transform: rotate(5deg); }
}
.alert-popup-btn[notifications]:after{
    content: attr(notifications);
    position: absolute;
    top: -2px;
    right: -2px;
    width: 17px;
    height: 17px;
    padding-bottom: 2px;
    background: white;
    border: 1px solid #D00B0B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black, #000);  
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}
@media screen and (max-width: 768px) {
    .alerts-popup.active {
        top: 80px;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        max-width: max-content;
    }
    .top_menu .alert-popup-btn, .top_menu .alerts-popup{
        display: none;
    }
}







/*Блок с магазином*/
.gim-shops{
    padding: var(--block-padding) 0;
}
.gim-shops-title{
    display: flex;
    justify-content: center;
}
.gim-shops-title a{
    display: none;
}
.gim-shops-title .gim-h2{
    margin-bottom: 0;
}
.gim-shops{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.gim-shops-btn{
    width: 100%;
    display: flex;
    justify-content: center;
}
.gim-shops-items{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.gim-shops-item{
    --padding: 50px;
}
.gim-shops-item__title{
    position: relative;
    padding-bottom: var(--padding);
    height: 240px;
    width: 100%;
}
.gim-shops-item__bg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.gim-shops-item__bg img, .gim-shops-item__bg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gim-shops-item__content{
    position: relative;
    color: white;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    height: 100%;
}
.gim-shops-item__slider{
    margin-top: calc(var(--padding) * -1);
    margin-right: -20px;
    margin-left: -20px;
}
.gim-shops-item__slider .f-carousel__nav{
    display: none;
}
.gim-shops-item__slider--slide{
    width: fit-content;
    padding: 0px 10px;
    text-decoration: none;
}
.gim-shops-item__slider--slide-content{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 260px;
    transition-duration: 0.3s;
}
.gim-shops-item__slider--slide-content:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background: var(--white);
    opacity: 0;
    transition-duration: 0.3s;
    z-index: 1;
    pointer-events: none;
}
.gim-shops-item__slider--slide-content:hover:before{
    opacity: 0.5;
}
.gim-shops-items--video .gim-shops-item__slider--slide-content:before{
    content: none;
}
.gim-shops-item__slider--slide-content img{
    height: 220px!important;
    width: 100%!important;
    object-fit: cover!important;
    pointer-events: none;
}
.gim-shops-item__slider--slide-content-wrap{
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
}
.gim-shops-item__slider--slide-content-video{
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
}
.gim-shops-item__slider--slide-content-video:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    opacity: 0;
    transition-duration: 0.3s;
    z-index: 1;
    pointer-events: none;
}
.gim-shops-item__slider--slide:hover .gim-shops-item__slider--slide-content-video:before{
    opacity: 0.5;
}
.gim-shops-item__slider--slide-content-video iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.gim-shops-item__slider .is-horizontal .f-carousel__nav .f-button{
    transition-duration: 0.3s;
}
.gim-shops-item__slider .is-horizontal .f-carousel__nav .f-button:hover{
    opacity: 0.5;
}
.gim-shops-item__slider .is-horizontal .f-carousel__nav .f-button.is-next{
    right: -50px;
    border: 0px solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M1%207.95044C0.447715%207.95044%200%208.39815%200%208.95044C0%209.50272%200.447715%209.95044%201%209.95044V7.95044ZM16.7071%209.65755C17.0976%209.26702%2017.0976%208.63386%2016.7071%208.24333L10.3431%201.87937C9.95262%201.48885%209.31946%201.48885%208.92893%201.87937C8.53841%202.2699%208.53841%202.90306%208.92893%203.29359L14.5858%208.95044L8.92893%2014.6073C8.53841%2014.9978%208.53841%2015.631%208.92893%2016.0215C9.31946%2016.412%209.95262%2016.412%2010.3431%2016.0215L16.7071%209.65755ZM1%208.95044V9.95044H16V8.95044V7.95044H1V8.95044Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
}
.gim-shops-item__slider .is-horizontal .f-carousel__nav .f-button.is-next svg{
    display: none;
}
.gim-shops-item__slider .is-horizontal .f-carousel__nav .f-button.is-prev{
    left: -50px;
    border: 0px solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M17%207.9502C17.5523%207.9502%2018%208.39791%2018%208.9502C18%209.50248%2017.5523%209.9502%2017%209.9502V7.9502ZM1.29289%209.6573C0.902369%209.26678%200.902369%208.63361%201.29289%208.24309L7.65685%201.87913C8.04738%201.4886%208.68054%201.4886%209.07107%201.87913C9.46159%202.26965%209.46159%202.90282%209.07107%203.29334L3.41421%208.9502L9.07107%2014.607C9.46159%2014.9976%209.46159%2015.6307%209.07107%2016.0213C8.68054%2016.4118%208.04738%2016.4118%207.65685%2016.0213L1.29289%209.6573ZM17%208.9502V9.9502H2V8.9502V7.9502H17V8.9502Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
}
.gim-shops-item__slider .is-horizontal .f-carousel__nav .f-button.is-prev svg{
    display: none;
}
@media screen and (min-width: 768px) {
    .gim-shops-title{
        justify-content: space-between;
    }
    .gim-shops-title a{
        display: block;
    }
    .gim-shops-btn{
        display: none;
    }
    .gim-shops{
        gap: 40px;
    }
    .gim-shops-items{
        gap: 70px;
    }
    .gim-shops-item__slider{
        margin-top: calc(var(--padding) * -1);
        margin-right: 50px;
        margin-left: 50px;
    }
    .gim-shops-item__slider--slide{
        width: calc(100% / 2);
        padding: 0px 15px;
    }
    .gim-shops-item__slider--slide-content{
        width: 100%;
    }
    .gim-shops-item__slider .f-carousel__nav{
        display: block;
    }
}
@media screen and (min-width: 1200px) {
    .gim-shops-items--video .gim-shops-item__slider--slide{
        width: calc(100% / 2);
    }
    .gim-shops-item__slider--slide{
        width: calc(100% / 3);
    }
    .gim-shops-item__title{
        height: 300px;
    }
}
@media screen and (min-width: 1600px){
    .gim-shops-item__title{
        height: 380px;
    }
    .gim-shops{
        gap: 50px;
    }
    .gim-shops-items{
        gap: 150px;
    }
    .gim-shops-item__slider--slide{
        width: calc(100% / 4);
    }
    .gim-shops-items--video .gim-shops-item__slider--slide{
        width: calc(100% / 3);
    }
}

/*Блок с клубом друзей*/
.gim-friends-club{
    padding: var(--block-padding) 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.gim-friends-club--text{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.gim-friends-club--card{
    perspective: 2000px;
}

.gim-friends-club--card-img{
    position: relative;
    transform-style: preserve-3d;
    transform: rotateY(15deg) rotateX(45deg) rotateZ(340deg) scale(0.9);
    max-width: 400px;
    margin: 0 auto;
    transition: transform 0.5s ease-in-out;
    will-change: transform; /* оптимизация анимации */
}

.gim-friends-club--card-img.in-view {
    transform: rotateY(0deg) rotateX(0deg) rotateZ(360deg);
}

.gim-friends-club--card-img img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.gim-friends-club--card-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    border-radius: 16px;
    transform: translateZ(-4px);
}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1200px) {
    .gim-friends-club {
        flex-direction: row;
        align-items: center;
    }
    .gim-friends-club--text {
        flex: 1;
        align-items: flex-start;
        text-align: left;
    }
    .gim-friends-club--card {
        flex: 1;
    }
}
@media screen and (min-width: 1600px){
    .gim-friends-club{
        gap: 50px;
    }
    .gim-friends-club--card-img {
        max-width: 600px;
    }
}




/*Мини баннеры*/
.gim-special{
    display: grid;
    grid-template-columns: 1fr;
    padding: var(--block-padding) 0;
    gap: 20px;
}
.gim-special.gim-special--solo{
    grid-template-columns: 1fr!important;
}
.gim-special.gim-special--solo .gim-regular{
    display: none;
}
.gim-special__item{
    display: flex;
    flex-direction: flex-start;
    align-items: center;
    gap: 10px;
    border-radius: 110px;
    background: var(--gray, #F0F0F0);
    transition-duration: 0.4s;
    padding: 10px;
    text-decoration: none;
}
.gim-special__item-img{
    overflow: hidden;
    border-radius: 50px;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    transition-duration: 0.4s;
}
.gim-special__item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gim-special__item:hover, .gim-special__item:hover .gim-special__item-img{
    border-radius: 0!important;
}
.gim-special__item-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media screen and (min-width: 768px) {
    .gim-special{
        gap: 30px;
    }
    .gim-special__item{
        gap: 30px;
        padding: 20px;
    }
    .gim-special__item-img{
        width: 130px;
        height: 130px;
        border-radius: 65px;
    }
    .gim-special.gim-special--solo .gim-regular{
        display: block;
    }
    .gim-special.gim-special--solo{
        border-radius: 200px;
    }
    .gim-special.gim-special--solo .gim-special__item-img{
        height: 170px;
        width: 170px;
        border-radius: 85px;
    }
}
@media screen and (min-width: 1200px) {
    .gim-special.gim-special--solo{
        border-radius: 150px;
    }
    .gim-special.gim-special--solo .gim-special__item-img{
        height: 130px;
        width: 130px;
        border-radius: 65px;
    }
}
@media screen and (min-width: 1600px){
    .gim-special{
        gap: 50px;
        grid-template-columns: 1fr 1fr;
    }
    .gim-special__item{
        border-radius: 200px;
        padding: 30px;
    }
    .gim-special__item-img{
        width: 200px;
        height: 200px;
        border-radius: 100px;
    }
    .gim-special__item-text{
        gap: 30px;
    }
    .gim-special.gim-special--solo{
        border-radius: 200px;
    }
    .gim-special.gim-special--solo .gim-special__item-img{
        height: 200px;
        width: 200px;
        border-radius: 100px;
    }
}

/*Блок детского гима*/
.gim-kids-block{
    padding: var(--block-padding) 0;
}
.gim-kids-block .gim-h2{
    margin-bottom: var(--miniblock-padding);
}
.gim-kids-block--items{
    display: flex;
    gap: 20px;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}
.gim-kids-block--item{
    height: 270px;
    width: 290px;
    background: var(--black);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.gim-kids-block--item:hover .gim-kids-block--item-main-img{
    scale: 1.2;
}
.gim-kids-block--item img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.gim-kids-block--item-inner{
    display: flex;
    height: 100%;
    overflow: hidden;
    width: fit-content;
    position: relative;
}
#meseum-zanatia-kids .gim-kids-block--item-inner{
    background: #e29856;
}
#abonements-kids .gim-kids-block--item-inner{
    background: #1e43a5;
}
#kruzki-kids .gim-kids-block--item-inner{
    background: #299bd2;
}

#kruzki-kids:after{
    content: "";
    z-index: 6;
    width: 150px;
    height: 150px;
    position: absolute;
    top: -50px;
    right: -90px;
    background: var(--Yellow, #E29856);
    border-radius: 100%;
    transition-duration: 0.5s;
}
#kruzki-kids:before{
    content: "";
    z-index: 6;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 20%;
    top: 60%;
    background: #1E43A5;
    border-radius: 100%;
    transition-duration: 0.3s;
}
#kruzki-kids:hover:after, #kruzki-kids:hover:before{
    scale: 1.1;    
}
.gim-kids-block--item-upper-img{
    z-index: 1;
}
.gim-kids-block--item-main-img{
    position: relative!important;
    height: 100%important;
    width: autoimportant;
    z-index: 2;
    transition-duration: 0.3s;
}
.gim-kids-block--item-down-img{
    z-index: 4;
}
#kruzki-kids .gim-kids-block--item-main-2-img{
    z-index: 5;
    transition-duration: 0.3s;
}
#kruzki-kids:hover .gim-kids-block--item-main-img{
    scale: 1.05;
}
#kruzki-kids:hover .gim-kids-block--item-main-2-img{
    rotate: -25deg;
    transform: translateX(40px) translateY(-50px);
}
.gim-kids-block--item-inner .gim-h3{
    position: absolute;
    top: 40px;
    color: white;
    width: 100%;
    text-align: center;
    padding: 0 20px;
    z-index: 6;
}
@media screen and (min-width: 768px) {
    .gim-kids-block--items{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .gim-kids-block--item:first-child{
        grid-column: span 2;
    }
    .gim-kids-block--item{
        width: auto;
        height: 290px;
    }
    #kruzki-kids:after{
        width: 200px;
        height: 200px;
        top: -50px;
        right: -90px;
    }
    #kruzki-kids:before{
        width: 100px;
        height: 100px;
        left: 20%;
        top: 60%;
    }
}
@media screen and (min-width: 1200px) {
    .gim-kids-block--items{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .gim-kids-block--item:first-child{
        grid-column: span 1;
    }
}
@media screen and (min-width: 1600px){
    .gim-kids-block--item{
        height: 400px;
    }
}