/* stylesheet for the template basket-short */
/* стилевой файл для шаблона basket-short*/
.basket-short { width: 225px; height: 116px; margin-top: 50px; background: #f2f2f2; }
.basket-short a { display: flex; flex-direction: row; align-items: flex-start; text-decoration: none; color: #000; padding: 20px; gap: 10px }
.basket-short a div:first-child { flex: 0 0 50px ; }
.basket-short a div:last-child { flex: 0 0 100% ; }
.basket-short a div em { display: block; font-size: 18px; text-transform: uppercase; font-style: normal; }
.basket-short a span:nth-child(1) { display: block; padding: 50px 0px 0px 81px; font-size: 18px; }
.basket-short a span.rubl { display: block; font-size: 32px; color: #bb0000; padding: 0px 0px 0px 0px; }
.basket-short a svg { width: 50px; height: 50px; }


.basket-hover {
    display: none;
    position: absolute;
    z-index: 1000;
    right: 0px;
    padding-top: 10px;
}

.basket-hover>div {
    padding: 20px;
    background: white;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    overflow: auto;
    width: 300px;
    max-height: 400px;
}

.basket-short:hover .basket-hover {
    display: block;
}

.basket-short:hover .basket-hover h3 {
    font-size: 16px !important; color: #030303 !important; text-transform: uppercase; vertical-align: top;
}

.basket-short .basket-hover > div > a {
    background: #bb0000 !important;
    color: white !important;
    padding: 5px 10px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}

.basket-hover .basket-item { display: flex; width: 100%; flex-wrap: nowrap; gap: 10px; border-bottom: 1px solid #f2f2f2; margin-top: 10px; padding-bottom: 10px; }
.basket-hover .basket-item .left { flex: 0 0 50px; }
.basket-hover .basket-item .left img { background-repeat: no-repeat; background-position: center; background-size: contain; width: 50px; height: 50px; }
.basket-hover .basket-item .right { flex: 1 1; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 5px; }
.basket-hover .basket-item .right div,
.basket-hover .basket-item .right a { font-size: 16px !important; color: #030303 !important; text-transform: uppercase; vertical-align: top; }

/* stylesheet for the template main-leftmenu */
/* стилевой файл для шаблона main-leftmenu*/

.pubs-list { padding-top: 20px; width: 103%; margin-left: -3%; }
.pubs-list .text-item {padding-left: 3%;}
.pubs-list .novelty-item { width: 33.333333%; padding-bottom: 50px;  }
.pubs-list .novelty-item>a>.img>span { font-size: 18px; }

@media only screen and (max-width: 768px) { 
    .pubs-list {
        margin-left: 0px;
        width: 100%;
    }
}


/* stylesheet for the template item */
/* стилевой файл для шаблона texts.item*/
.text-item {
    font-size: 16px;
    line-height: 22px;
}

@media only screen and (max-width: 450px) {
    .text-item table.mobile-blocks tr td {
        display: block;
        padding-bottom: 5px;
    }
    
    .text-item table.mobile-blocks tr td:last-child {
        font-weight: bold;
    }
    
    .text-item table.mobile-blocks tr {
        display: block;
        padding-bottom: 10px;
    }
    
    .text-item img { max-width: 100% !important; }
}