@font-face {
    font-family: montserrat;
    src: url(../font/Montserrat/Montserrat-VariableFont_wght.ttf);
}
@font-face {
    font-family: italic-montserrat;
    src: url(../font/Montserrat/Montserrat-Italic-VariableFont_wght.ttf);
}
html{font-family:montserrat , system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}   
header{display: flex;flex-wrap: wrap; justify-content: space-between;flex-wrap: wrap;gap: 12px 0;}
body > img{
    max-width: 650px;
}
main {
    min-height: 100vw;
}
.action {
    display: flex;
    align-items: center;
    overflow-x: auto;
    gap: 8px;
}
html body .action.large > a{
    background: none;
    border: unset;
    height: auto;
}
.action.large > a > img {
    width: auto;
    min-height: 84px;
}
.action button,.action a{
    font-size: inherit;
    border: 1px solid #aaaaaa;
    background: #000000;
    color: #ffffff;
    height: 40px;
    display: inline-flex;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 16px;
}
.action > button > span,.action > a > span{
    color: #ffffff;
    font-weight: 500;
    font-family: sans-serif;
    font-size: 18px;
}
.action > button > svg,
.action > button > img,
.action > a > svg,
.action > a > img{
    width: 40px;
    height: 40px;
    filter: invert(1);
}
nav.breadcrumb{padding-left: 8px;padding-right: 8px;margin-bottom: 6px;}nav.breadcrumb, nav.breadcrumb>a{display: flex;align-items: center;}nav.breadcrumb>a{font-weight: 600;opacity: 0.5;}nav.breadcrumb>a>img,nav.breadcrumb>a>svg{width: 24px;height: 24px;}nav.breadcrumb>a:any-link{color: #000000;opacity: 1;}nav.breadcrumb>a:any-link:hover{opacity: 0.5;}nav.breadcrumb>a:any-link::after{content: ">";margin-right: 7px;margin-left: 5px;transform: translate(0,-1px);} 

/* ХЛЕБНЫЕ КРОШКИ */
.list > a{
   margin-bottom: 10px;
   display: flex;
   align-items: center;
   width: 450px;
   background: #000000;
   max-width: 100vw;
   min-height: 40px;
   position: relative;
}
.list > a:has(img , svg) > span{
    padding-right: 45px;
}
main.list > a{
    display: flex;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-right: 12px;
}
main.list > a > b{
    color: #ffffff;
    font-size: 24px;
}
main.list > a > span{
    padding-left: 12px;
    color: #aaaaaa;
}
.list > a > span {
   color: #ffffff;
   max-width: calc(350px - 50px);
   font-weight: 500;
   font-size: 20px;
   padding-top: 12px;
   padding-bottom: 12px;
   padding-left: 12px;
}
.list > a > img{
   width: 40px;
   height: 40px;
   filter: invert(1);
   position: absolute;
   right: 10px;
}
/* ПРОЧЕЕ ПЕРЕЧИСЛЕНИЕ */
main.description{
    width: max-content;
    margin: 0 auto;
    max-width: calc(100vw - 16px);
}
main.description > p {
    white-space: pre-line;
}
/* ГЛАВНОЕ ОПИСАНИЕ */
footer{
   min-height: 34px;
   display: flex;
   align-items: center;
   padding-left: 12px;
   padding-right: 12px;
   background: #000000;
   color: #ffffff;
   padding-top: 12px;
   padding-bottom: 12px;
}
/* ПОДВАЛ */

@media screen and (max-width:650px){ 
    header{flex-direction: column;align-items: center;margin-top: 4px;gap: 8px;margin-bottom: 13px;}
    main.list > a{
        width: calc(100vw - 24px);
    }
}
/* МОБИЛЬНАЯ ВЕРСИЯ */
@media screen and (min-width:651px){ 
   header{padding-top: 8px;padding-bottom: 7px;padding-left: 12px;padding-right: 13px;max-width: calc(100vw - 25px);}
   div.list > a{
        width: 100%;
        max-width: 650px;
        border-radius: 16px;
   }
   main.list{
    margin: 0 auto;
    width:max-content
   }
   main.list > a {
    border-radius: 16px;
   }
}
/* ДЕСКТОП ВЕРСИЯ */