/* Автоматично генериран, филтриран CSS — 2026-09-25 12:50:17
 * Източник: /home/webbg/knigoman.bg/tpl/css/main.min.css
 * Страница:  https://knigoman.bg/
 * ⚠️ Не съдържа правила за JS-добавени класове/състояния — тествай преди употреба! */

@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@keyframes nprogress-spinner{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
* { box-sizing: border-box; }
.blog-home__grid { --blog-ink: #1A1A1A;
    --blog-muted: #656565;
    --blog-paper: #FAF8F5;
    --blog-surface: #FFFFFF;
    --blog-border: #eee;
    --blog-burgundy: #7B2D3E;
    --blog-burgundy-soft: rgba(123, 45, 62, 0.07);
    --blog-teal: #1C7C74;
    --blog-teal-soft: rgba(28, 124, 116, 0.1);
margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px; }
.blog-related-card { background: var(--blog-surface);
    border: 1px solid var(--blog-border);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column; }
.blog-related-card__title a { color: inherit;
    text-decoration: none; }
.blog-related-card__thumb img { width: 100%;
    height: 140px;
    object-fit: cover;
    display: block; }
.blog-related-card__body { padding: 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
.blog-related-card__title { font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.4; }
.blog-related-card__title a:hover { color: var(--blog-burgundy); }
.blog-related-card__excerpt { font-size: 13px;
    color: var(--blog-muted);
    line-height: 1.6;
    margin: 0 0 12px;
    flex-grow: 1; }
.blog-card-category { margin: 0 0 5px 0; }
.blog-card-category a i { margin: 0 5px 0 0; }
.blog-card-category a { font-size: 12px; color:#333; }
@media (max-width: 620px) {
  .blog-home__grid { grid-template-columns: 1fr; }
}
:root { --co-primary: #2563eb;
    --co-primary-hover: #1d4ed8;
    --co-success: #10b981;
    --co-success-hover: #059669;
    --co-bg-card: #ffffff;
    --co-bg-sidebar: #f8fafc;
    --co-border: #e2e8f0;
    --co-text-main: #1e293b;
    --co-text-muted: #64748b;
    --co-danger: #ef4444;
    --co-radius: 12px;
    --co-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); }
.author-home-card { border: 1px solid #eeeeee;
    padding: 15px;
    transition: all 0.2s ease;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-direction: column;
    justify-content: space-between; }
    .login-username{  
    font-size: 34px;
    font-weight: 400;}
.author-home-card h4 { font-family: 'Roboto Condensed', sans-serif;margin: 0 0 5px 0; }
.author-home-card a { color: #000; }
.author-home-card p { font-size: 13px;
    color: #757575;
    margin: 0 0 5px 0;
    font-family: 'Roboto Condensed'; }
.saas-badge { display: flex;
    align-items: center;
    border-radius: 6px;
    gap:10px;
    font-size: 12px;

    margin: 5px 0 10px 0;
    color: #475569; }
.saas-badge.budget { color: #ad003b; }
.item.book-vip { border: 1px solid #eab308 !important;
    position: relative;
    
    border-radius: 10px; }
.badge-vip { position: absolute;
    background: linear-gradient(135deg, #ffd86b, #d99a00);
    color: #fff;
    margin: 10px 0 0 0;
    right: 10px;
    top: 0;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
    
        box-shadow: 0 5px 9px rgb(0 0 0 / 22%);
    text-shadow: 1px 1px #c18e0f; }
.badge-vip i { color: #fff;
   margin-right: 5px; }
.wanted-books-container { width: 100%;
    margin-top: 20px;
    font-family: sans-serif; }
.col-title { display: flex; gap: 5px;flex-direction: column;width:100%; }
.col-cover { display:flex;    gap: 10px; }
.book-date { font-size: 13px;
            color: #666666;
        margin: 0 0 5px 0;
    font-family: 'Roboto Condensed'; }
        .steps h3{    font-family: Roboto Condensed;
    color: #3e3e3e;
    font-weight: 300;
    font-size: 17px;
    margin: 5px 0 0 0;}
    .steps h3 span{font-weight: 400;}
.custom-modal-overlay { position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px); }
.custom-modal-content { background: #fff;
    width: 95%;
    max-width: 550px;
    padding: 20px;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
.modal-close-btn { position: absolute;
    top: -7px;
    right: -5px;
    width: 30px;
    height: 30px;
    display: flex;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    color: #000000;
    font-size: 21px;
    transition: color 0.2s;
    align-items: center;
    justify-content: center; }
.modal-close-btn:hover { color: #213659; }
.modal-body-flex { display: flex;
    gap: 20px;
    align-items: flex-start; }
.modal-cover-container { flex: 0 0 115px; }
.modal-info-container { width: 100%;
       display: flex;
    flex-direction: column; }
.modal-user { display: flex; gap: 8px; margin-bottom: 15px; font-size: 13px;align-items: center; }
@media (max-width: 480px) {
  .modal-body-flex { flex-direction: column; }
}
.main-title-fav{font-size:16px;
    font-family: Roboto Condensed;
    color: #343147;
    margin: 50px 0 35px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column;}
.main-title-fav p{padding: 0; margin: 0;}
 .main-title-login{font-size: 35px;
    font-weight: 600;
    font-family: Roboto Condensed;
    color: #343147;
    margin: 30px 0 35px 0;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
   }
.add-new {
    font-size: 14px;
    display: flex;
    font-weight: 400;
    gap: 10px;
    align-items: center;
    text-align: center;
}
.add-new a:hover{opacity: 0.8; color: #fff;}
.add-book {
    font-size: 14px;
    color: #ffffff;
    padding: 13px 15px;
    font-weight: 400;
    border-radius: 10px;
    border: 1px solid #ad003b;
    background: #ad003b;
    width: 100%;
    min-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.add-book i, .search-book i{color: #fff;}
.in-cart{    background: #5e1818!important;
    border: 1px solid #5e1818!important;}
.search-book {
font-size: 14px;
    color: #ffffff;
    padding: 13px 15px;
    font-weight: 400;
    border-radius: 10px;
    border: 1px solid #3F51B5;
    width: 100%;
    min-width: 160px;
    background: #3f51b5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
 .main-title{font-size: 40px;
    font-weight: 600;
    font-family: Roboto Condensed;
    color: #343147;
    margin: 0px 0 0 0;
    text-transform: uppercase;
}
.main-title span{display:block; color:#D85A30;}
.main-title-up{font-size: 13px;
    font-weight: 300;
    font-family: Roboto Condensed;
    color: #565656;
    margin: 10px 0 5px 0;}
 .main-subtitle{font-size: 18px;
    font-weight: 300;
    font-family: Roboto Condensed;
    color: #565656;
    margin: 10px 0 5px 0;}
 .main-btn{display:inline-block;vertical-align:top}.main-btn a{background:#9C3;font-size:16px;box-shadow:0 1px 1px 0 #0000007a;color:#fff;display:inline-block;text-shadow:1px 1px #4f7d19;text-decoration:none;padding:10px 20px;transition:all .2s ease-in-out}.main-btn a:hover{background:#78c320}
  .avatar65{  
    border-radius: 50%;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 48%);
    width: 85px;
    height: 85px;
        padding: 3px;
    background: linear-gradient(135deg, #702374, #b92283, #ff7c35);
}
.avatar100 {
    border-radius: 50%;
    width: 89px;
    height: 89px;
    padding: 3px;
    background: #fff;
}
.custom-table-body { margin: 35px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px; }
.custom-table-row { border: 1px solid #eeeeee;
    padding: 15px;
    transition: all 0.2s ease;
    position: relative;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-direction: column;
    justify-content: space-between; }
.custom-table-row:hover { box-shadow: 0 15px 30px 0 #dcdce5; }
.custom-table-row-content { display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px; }
.book-thumbnail { height: auto;
    object-fit: cover;
    border-radius: 4px;
  
    display: block; }
.open-book-modal-btn { background: #fafafa;
    border: 1px solid #fafafa;
    padding: 5px 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px; }
.no-cover-placeholder { width: 100%;
    min-width: 65px;
    min-height: 100px;
    max-width: 65px;
    height: 100%;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #aaa;
    font-size: 1.5rem; }
.book-title { font-family: 'Roboto Condensed', sans-serif;
    line-height: 20px;
    font-size: 16px; }
@media (max-width: 768px) {
  .custom-table-body { grid-template-columns: 1fr; }
}
.srch-filters a { cursor: pointer;
    background: #343147;
    padding: 10px;
    color: #fff;
    transition: all .3s;
    border-radius: 10px; }
.srch-filters a i { color: #fff; }
.srch-filters a:hover { background: #000;
    color: #fff; }
:root { --primary-color: #3897f0;
    --background-color: #f0f2f5;
    --card-background: #ffffff;
    --border-color: #e3e3e3;
    --text-color: #262626;
    --secondary-text: #333;
    --unread-color: #ff3860;
    --outgoing-bubble: #e2f0ff;
    --incoming-bubble: #efefef;
    --unread-indicator: #44b700; }
@keyframes pulse{
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}
/* cookies */
.cookie-consent-popup {
    /* Фиксирано позициониране за целия екран */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; 
    /* Скрит по подразбиране */
    display: none; 
    /* Добавяме транзиция за по-плавно появяване (по желание) */
    transition: background-color 0.3s ease-in-out;
}
.cookie-consent-popup.show {
    /* Показва овърлея */
    display: flex;
    /* Тъмен, полупрозрачен фон за овърлея */
    background-color: rgba(0, 0, 0, 0.3); 
    /* Центрира съдържанието */
    align-items: flex-end;
       justify-content: center;
}
.popup-content-cookie {
    /* Позиционираме съдържанието на попъпа в средата */
    background-color: #333; /* Фонът на съдържанието е по-тъмен */
    color: #fff;
    padding: 25px 35px; /* Увеличени отстояния за по-добър вид */
    border-radius: 8px; /* Добавен лек бордюр */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); /* По-изразена сянка */
    /* Използваме flexbox за подреждане на елементите вътре */
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 600px; /* Намаляваме максималната ширина, за да изглежда по-скоро като модал */
    width: 90%;
    gap: 20px;
    /* Добавяме анимация за появяване на съдържанието (по желание) */
    /* animation: fadeIn 0.5s ease-out; */
    line-height: 20px;
}
.popup-content-cookie a{
        color: #bbc5ff;
}
.popup-content-cookie a:hover{
        color: #eff1ff;
}
#acceptCookiesBtn{
        background: #2196F3;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 15px 25px;
    cursor: pointer;
}
.popup-content-cookie h3{color: #fff;}
.popup-content-cookie p {
    margin: 10px 0 0 0;
    font-size: 14px;
    flex-grow: 1; /* Позволява на текста да заема място */
}
/* @keyframes fadeIn{
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
} */
@media (max-width: 768px) {
  .popup-content-cookie { flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px; }
  .popup-content-cookie p { margin: 10px 0 15px 0; }
}
.cityname-followers { margin: 3px 0 0 0;
    color: #6e6e6e;
    font-size: 12px; }
.wrap-user-listing { max-width: 95%;
    width: 1140px;
    margin: 25px auto 80px auto;
    text-align: center;
    overflow: hidden; }
.user a { color: #000; }
.user-listing .user { flex-shrink: 0;
    width: 115px;
    text-align: center;
    font-size: 13px;
    scroll-snap-align: start; }
.user-listing-wrapper { position: relative; 
    display: flex; 
    align-items: center; 
    padding: 0 40px; }
.button-home-follow {
    padding: 7px 15px;
    background-color: #f5f5f5;
    color: #ad003b;
    border: none;
    margin: 10px auto;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    transition: all 0.3s;
    min-width: 80px;
    display: block;
}
    .button-home-follow:hover {
    background-color: #fdf0f0;
}

.scroll-btn { background: #fafafa;
    border: none;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    font-size: 14px;
    cursor: pointer;
    color: #000; }
.scroll-btn:hover { opacity: 1;
    background-color: #eee; }
.prev-btn { left: 0; }
.next-btn { right: 0; }
.user-listing { display: flex; 
    flex-wrap: nowrap; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -webkit-overflow-scrolling: touch;
    gap: 30px;
    
    
    &::-webkit-scrollbar {
        display: none;
    }
    
    -ms-overflow-style: none;  
    
    scrollbar-width: none; 
    
    padding-left: 0;
    
    
    cursor: grab; 
    
    user-select: none; 
    -webkit-user-select: none;
    
    scroll-snap-type: x mandatory; }
.avatar-home { width: 63px;
    height: 63px;
    position: relative;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #702374, #b92283, #ff7c35);
    padding: 3px;
    transition: all .3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
.avatar-home img { width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    padding: 3px;
    background: #fff; }
.avatar-home:hover { background: linear-gradient(180deg, #9a2660, #faa0c5, #ffac7f); }
.autosuggest { position: relative; }
.imauthor-book { position: absolute;
    background: url(/tpl/images/author-badge.png) no-repeat;
    font-size: 13px;
    text-indent: -9999px;
    width: 97px;
    height: 96px;
    margin: -5px 0 0 -5px;
    color: #fff;
    padding: 5px;
    font-family: Roboto Condensed;
    z-index: 99; }
@keyframes pulse-animation{
    0% {
      box-shadow: 0 0 0 0px rgba(231, 0, 0, 1);
      margin: -28px 0 0 24px;
    }
    100% {
      box-shadow: 0 0 0 10px rgba(238, 0, 0, 0);
      margin: -33px 0 0 24px;
    }
  }
@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.user-name { vertical-align: middle;
        max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
       text-align: center;
    display: inline-block;
    margin: 0 0 0 5px; }
a i { color: #000; }
a { color:#3f51b5;text-decoration:none }
a:hover { color:#102ed1; }
fieldset li:last-child { border-bottom:0 }
select::-ms-expand { display:none }
body { transition:background-color .5s;margin:0;padding:0;font-family:'Arial', Helvetica,sans-serif;background:#fafafa;box-sizing: border-box; }
a, a:active, a:focus { outline:none !important }
html { -webkit-text-size-adjust:100% }
input, select { -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0 }
input:focus, select:focus, button:focus { outline:0 }
select.minimal { background-image:linear-gradient(45deg,transparent 50%,#ad003b 50%),linear-gradient(135deg,#ad003b 50%,transparent 50%),linear-gradient(to right,#fff,#fff);background-position:calc(100% - 15px) calc(1em + 1px), calc(100% - 10px) calc(1em + 1px), calc(100% - 27px) 5px;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat }
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
select.minimal:focus { background-image:linear-gradient(45deg,#ad003b 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#ad003b 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 10px) calc(1em + 1px), calc(100% - 15px) calc(1em + 1px), calc(100% - 27px) 5px;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:#ccc;outline:0 }
select:-moz-focusring { color:transparent;text-shadow:0 0 0 #000 }
::-webkit-scrollbar { -webkit-appearance:none }
::-webkit-scrollbar:vertical { width:10px }
::-webkit-scrollbar:horizontal { height:10px }
::-webkit-scrollbar-thumb { background-color:rgba(200,200,200,.5);border-radius:0;border:1px solid #d2d2d2 }
::-webkit-scrollbar-track { border-radius:0;background-color:#f3f3f3 }
@keyframes slidein{from{margin-top:15px}to{margin-top:0}}
.view-lib { color: #6a696e;
    font-size: 14px;
    display: flex;
    gap: 10px; }
.view-lib a { color: #343147;
    font-size: 14px;
    text-decoration: none;
    margin: 0;
    font-family: 'Roboto Condensed'; }
.view-lib a:hover { text-decoration:underline; color: #000; }
.srch { font-family: 'Roboto', sans-serif;
    color: #000;
    text-align: center;
    padding: 1px 2px 0 2px;
    text-decoration: none;
    vertical-align: top;
    transition: color linear .15s;
    max-width: 100%;
    width: 1140px;
    margin: 5px auto 0 auto;
    position: relative; }
.srch:hover { cursor:pointer }
.search_field { z-index: 9;
    cursor: default;
    position: absolute;
    background: #343147;
    width: 100%;
    left: 0;
    text-align: left;
    padding: 5px 0;
    border-radius: 10px; }
input[type="search"] 
 .srch-input-main::-webkit-input-placeholder { color:#8e98ac }
.srch-input-main { border: none;
    width: 100%;
    padding: 10px 0 10px 5px;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    font-family: Roboto Condensed;
    background: #ebedf1; }
.search-big { background-color: #ebedf1;
    display: flex;
    border-radius: 10px;
    padding: 10px 10px 10px 15px;
    align-items: center;
    gap: 10px;; }
.srch a { display:inline-block;font-size:18px !important }
.srch a:hover { color:#c15353;text-decoration:none !important }
@font-face{font-family:'Pattaya';font-style:normal;font-weight:400;src:local('Pattaya'),local('Pattaya-Regular'),url(../fonts/pataya_bg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Pattaya';font-style:normal;font-weight:400;src:local('Pattaya'),local('Pattaya-Regular'),url(../fonts/pataya_en.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
.search-title { font-size: 22px;
    color: #000;
    font-family: Roboto Condensed;
    
    padding: 0px 0 15px 0;
    border-bottom: 1px solid #e9e9e9;
display: flex;
    align-items: center;
    justify-content: space-between; }
h1, h2, h3, h4 { margin:0;padding:0;color:#363230;font-weight:normal }
h3 i { color:#ded4c7;margin:0;font-size:13px }
.title-home { font-size:22px;line-height:1.387em;font-family:'Roboto Condensed',sans-serif;font-weight:300;text-align:center;text-transform:uppercase;margin:30px auto 50px auto;display:inline-block;padding:0 10px 10px 10px;border-bottom:3px double #e2e2e2 }
.wrap { max-width:95%;width:1140px;margin:0 auto; }
.wrap-swap { max-width:95%;width:1140px;margin:100px auto 0 auto; }
.wrap-swap-vip { max-width: 1450px;
    width: 95%;
    
    margin: 100px auto 0 auto; }
.home-tabs-header { display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px auto;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 1140px;
    padding: 15px;
    border-radius: 10px;
    background: #F2F2F2;
    background: radial-gradient(circle, rgb(239 239 239) 0%, rgb(245 245 245) 50%); }
.home-tabs-nav { display: flex; gap: 8px; align-items: center; }
.rating-full i { color: #ffce39; }
.rating-empty i { color: #ccc; }
.user-rating { font-size: 14px;
    font-weight: 600; }
.head-box { max-width: 95%;
    width: 1140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0; }
.wrap-box { max-width:95%;width:1140px;margin:0 auto }
.logo { display: flex;
    align-items: center; }
.logo i { vertical-align:top;line-height:28px;display:inline-block;margin:0 10px 0 0;color:#000;padding:0 9px 0 5px;    font-size: 20px; }
@-moz-document url-prefix(){.logo{margin:7px 0 0 0}}
.user-log { font-size:20px;display:inline-block;margin:0;text-align:center;padding: 0;text-decoration:none;vertical-align:top;transition:color linear .15s }
.user-log a { padding:0 5px 0 10px;text-decoration:none; }
.user-log a:hover { color:#c15353;text-decoration:none !important }
.user-log span { font-size: 13px;    color: #343147; }
.lazy-main { min-height:222px;background:#fafafa;text-indent:100%;white-space:nowrap;overflow:hidden }
.scrollTop { position:fixed;right:10px;border-radius:3px;z-index:99999;font-weight:600;bottom:110px;background-color:rgba(0,0,0,.5);padding:5px 7px;opacity:0;transition:all .4s ease-in-out 0s }
.scrollTop a { font-size:16px;text-decoration:none;color:#fff }
.add-fav { position:absolute;background:#fff;margin:-29px 0 0 12px;float:right;cursor:pointer;border-radius:50%;padding:7px 7px 0 7px }
.del-fav{position:absolute;background:#fff;margin:-29px 0 0 12px;float:right;cursor:pointer;color:#d22020;border-radius:50%;padding:7px 7px 0 7px}
.avatar { position: relative;
    margin: 5px 0 10px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
.btn-login-head { padding: 7px 5px;
    border-radius: 50px;
    transition: all .3s ease-in-out;
    font-size: 13px; }
.btn-login-head:hover { background: #ebedf1; }
.btn-login-head i { margin-right: 5px; }
.avatar a { font-size:12px;color:#757575;text-decoration:none }
.avatar a:hover { color:#000; }
.avatar img { vertical-align:middle;width:20px;max-width:20px;height:auto;border:0 none;border-radius:50% }
@keyframes gradient{
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }
.filter { padding: 10px;
    display: flex;
    gap: 10px;
    box-sizing: border-box;
    justify-content: space-between; }
.fixedratioswap { display: flex;
    margin: 40px auto 10px auto;
    max-width: 1140px;
    width: 95%;
    border: 1px solid #eeeeee;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff; }
.fixedratiologin {
    padding: 25px 0 0px 0;
    margin: 0;
}
.filter select { width: 100%;
    padding: 10px 25px 10px 10px;
    height: 39px;
    font-size: 12px;
    color: #333;
    display: inline-block;
    background-color: #fff;
    border-radius: 10px; }
@keyframes fadeInModal{
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
.cl { clear:both }
section p { color:#555;font-size:15px;line-height:22px }
input[type=radio]:checked { background:#57926c }
input[type=checkbox]:checked { background:#c74343 }
section p { color:#464646;font-size:14px;padding:0;margin:0 }
.line-foot-lite { border-top:1px solid #eee;margin:20px 0 5px 0;padding:15px 0 0 0;text-align:center }
.line-foot-lite a { color:#737373;font-size:12px;margin:0 10px }
.fixedratio { padding:65px 0 0 0;
   margin:0 }
div.column { max-width:100%;padding:0;margin:0 auto }
.main-title { font-size: 40px;
    font-weight: 600;
    font-family: Roboto Condensed;
    color: #343147;
    margin: 0px 0 0 0;
    text-transform: uppercase; }
.main-title span { display:block; color:#D85A30; }
.main-title-up { font-size: 13px;
    font-weight: 300;
    font-family: Roboto Condensed;
    color: #565656;
    margin: 10px 0 5px 0; }
.main-subtitle { font-size: 18px;
    font-weight: 300;
    font-family: Roboto Condensed;
    color: #565656;
    margin: 10px 0 5px 0; }
.foot-janr { list-style-type:none;margin:0;padding:0;position:relative;text-align:left;line-height:21px }
.foot-janr li { display:inline-block;width:19%;text-align:left;vertical-align:top }
.foot-janr li a { text-decoration:none;font-size:14px;margin:4px 0;display:inline-block;color:#000;font-family:Roboto Condensed }
.foot-janr li a:hover { color:#333;text-decoration:underline }
.foot-janr li a::before { font-family:'Font Awesome 5 Pro';content:"\f02d";display:inline-block;padding:0 8px 2px 0;vertical-align:middle;font-size:12px;color:#179e9e }
.foot-city { list-style-type:none;margin:0;padding:0;position:relative;text-align:left;line-height:21px }
.foot-city li { display:inline-block;width:19%;text-align:left }
.foot-city li a { text-decoration:none;font-size:14px;margin:4px 0;font-weight:300;display:inline-block;color:#000;font-family:Roboto Condensed }
.foot-city li a:hover { color:#333;text-decoration:underline }
.foot-city li a span { font-weight:400 }
.foot-city li a::before { content:"\f606";font-family:'Font Awesome 5 Pro';display:inline-block;padding-right:6px;vertical-align:middle;font-size:11px;color:#0e7f80;font-weight:300 }
@-webkit-keyframes rotateWord{0%{opacity:0}5%{opacity:0;-webkit-transform:translateY(-15px)}10%{opacity:1;-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(0)}25%{opacity:0;-webkit-transform:translateY(10px)}80%{opacity:0}100%{opacity:0}}
.cat-list { width:100%;padding:10px 0 60px 0;margin-top:80px;background:#fff }
.city-list { width:100%;padding:10px 0 60px 0 }
.footer-lite { background: #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 50%);width:100%;display:block;padding:28px 0 30px 0;margin-top:70px;border-top:1px solid #eee }
.social-icons { margin: 10px 0 0 0;
    display: flex;
    gap: 20px; }
.social-icons a { color:#333 !important; }
.foot-left { width: 100%;
    display: flex;
    gap: 30px;
    justify-content: space-between; }
.foot-cats-lite { display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px; }
.wrap-foot { max-width: 95%;
    width: 1140px;
    margin: 0 auto;
display: flex; }
.footer-pay p { font-size: 12px;
    margin: 15px 0;
    line-height: 19px;
    color: #333; }
.footer-payments { display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
.foot-cats-lite a i { font-size:18px; }
.foot-cats-lite a { color:#333;text-decoration:none;font-size:12px }
.topfilter { padding: 20px 0 5px 0; }
.menu { display: flex;
    align-items: center;
    justify-content: flex-end;
        gap: 10px; }
@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0.4);box-shadow:0 0 0 0 rgba(255,255,255,0.4)}70%{-moz-box-shadow:0 0 0 10px rgba(255,255,255,0);box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.item { transition:all .3s ease-in-out;width:100%;margin:0 auto; }
.booklist { position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #eee;
    transition: all .3s ease-in-out; }
.booklist:hover { cursor:pointer;box-shadow:0 15px 30px 0 #dcdce5 }
.booklist .bimg { border-radius: 7px;  width: 100%;height: auto;opacity:1;transition:all .1s ease-in-out }
.booklist:hover .add-fav { color:#0d7979 }
.booklist:hover .price { color: #2c632f; }
.book-txt a { font-size:13px;color:#383838;text-decoration:none }
.booklist:hover .book-txt a { color:#000;text-decoration:none }
.book-txt { vertical-align:top;font-weight:300;margin:5px 0 0 0;display:inline-block;font-size:14px;color:#383838;width:100%;height:48px;overflow:hidden;text-transform:uppercase }
.book-author { font-weight: 300;
    margin: 5px 0 0 0;
    display: inline-block;
    font-size: 12px;
    color: #757575;
    overflow: hidden;
    height: 15px; }
.book-author a { color:#757575; }
.book-author a:hover { color:#e87619 }
.bimg { margin:0 0 10px 0 }
.green-container { display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;padding-top:10px;margin-top:5px;border-top: 1px solid #ececec; }
.green-container>div { text-align:center;padding:8px 0 }
.change-sale { color: #0e0e0e;
    font-size: 13px;
   
    display: flex;
    
    width: 100%;
    gap: 10px;
    border-radius: 5px;
  
    justify-content: center;
    align-items: center; }
.price { color: #ad003b;
    font-size: 13px;
    transition: all .1s ease-in-out;
    font-weight: bold;
    border-radius: 5px; }
.change2 { color: #000;
    font-size: 13px;
    margin-top: 5px;
    padding: 18px 0 8px 0;
    border-top: 1px solid #e3e3e3;
    display: flex;
    gap: 10px;
    justify-content: center; }
.booklist .change2 { transition:all .1s ease-in-out }
.booklist:hover .change2 { color:#ad003b; }
@media screen and (max-width:1100px) {
  .wrap-user-listing { overflow-x: auto; }
}
@media screen and (max-width:980px) {
  .foot-janr li { width:32% }
  .foot-city li { width:32% }
}
@media screen and (max-width:740px) {
     .steps h3{font-size:14px;}
  .wrap-swap { margin: 60px auto 0 auto; }
  .wrap-swap-vip { margin: 60px auto 0 auto; }
         

        .add-new {
    width: 100%;
    margin:25px 0 0 0;
    justify-content: center;
}
     
        .avatar65 {
    width: 65px;
    height: 65px;
}
.main-title-login {
    flex-direction: column;
            margin: 10px 0 15px 0;
}
}
@media screen and (max-width:685px) {
  .user-listing .user { margin-right: 0px; }
  .user-listing { gap: 0px; }
  
  .menu ul.active { display:none }
  .menu ul { z-index:99;width:100%;box-sizing:border-box;padding:0px 18px 10px 18px }
  .menu li { text-align:left;margin:5px 0 5px 0;float:none;display:block;padding:0 0 10px 0 }
  .menu a { display:block }
  .menu a:hover { text-decoration:none }
}
@media screen and (max-width:768px) {
  .foot-left { margin-top: 35px;  flex-direction: column;
    align-items: flex-start; }
}
@media screen and (max-width:710px) {
  .srch { float:none }
}
@media screen and (max-width:640px) {
  .foot-janr li { width:49% }
  .foot-city li { width:49% }
  .main-title { font-size:28px; }
  .item:hover { background:0 }
  .fixedratio { padding:30px 0 0 0; }
}
@media screen and (max-width:550px) {
  .footer-payments { flex-direction: column; }
  .fixedratioswap { flex-direction: column;
    gap: 20px;
        margin: 15px auto 10px auto; }
  .filter { flex-direction: column; }
  .search-title { font-size: 18px; }
  .main-subtitle { font-size:14px }
}
@media screen and (max-width:450px) {
  .user-name { max-width: 80px; }
}
@media screen and (max-width:410px) {
  .foot-janr li { width:100% }
  .foot-city li { width:100% }
}
@media screen and (max-width:395px) {
  .item { width:100% }
}
@media screen and (max-width:340px) {
  .item { width:100% }
  .menu ul:after { right:22px }
  .booklist { width:200px;margin:0 auto }
  .book-txt { height:auto;margin:5px 0 }
}
@media screen and (max-width:334px) {
  .logo { width:25px;overflow:hidden }
}

/* ==================================== menu ======================================= */
 h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    color: #363230;
    font-weight: normal;
}
 .msg-log{display:inline-block;text-align:center;text-decoration:none;vertical-align:top;transition:color linear .15s}
 .msg-log a{font-size:18px !important;text-decoration:none;margin:0 9px 0 9px;display:inline-block}
 .msg-log a:hover{color:#c15353;text-decoration:none !important}

 .pulsemsg {
    animation: pulse-animation 1s infinite;
  }
  @keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px rgba(231, 0, 0, 1);
      margin: -28px 0 0 24px;
    }
    100% {
      box-shadow: 0 0 0 10px rgba(238, 0, 0, 0);
      margin: -33px 0 0 24px;
    }
  }
  .titleh4 {
    text-align: left;
    margin: 0px 0 0px 15px;
    font-weight: 400;
    font-family: 'Roboto Condensed';
    font-size: 13px;
    text-transform: uppercase;
    width: 250px;
    color: #676767;
}
.fb-log {
    display: none;
    margin: 0;
}
.fb-log span{color:#000;margin:0 0 0 10px;text-shadow:1px 1px #fff}
.fb-log{display:none;margin:0}.fb-log a{color:#ad003b;padding:6px 0;text-decoration:none;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}
.user-reg{float:left;margin:1px 0 0 0;font-family:'Roboto',sans-serif;color:#ad003b;text-align:center;padding:2px 2px;text-decoration:none;-moz-border-radius:3px;border-radius:3px;vertical-align:top;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}.user-reg a{font-family:'Roboto',sans-serif;color:#ad003b;padding:3px 10px;font-size:16px !important;text-decoration:none;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}.user-reg a:hover{color:#c15353 !important;text-decoration:none !important}

  .fav-tooltip{position:absolute;text-shadow:1px 1px #540505;margin:-29px 0 0 18px;background:#e62e04;border:0;border-radius:2px;color:#fff;padding:1px 5px;display:none;font-family:'Arial',helvetica,arial,sans-serif;font-size:10px;-webkit-font-smoothing:subpixel-antialiased;line-height:1.3;min-height:13px}
   .cart-badge{    display: inline-block;
    position: absolute;
    background: #e62e04;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 3px;
    text-shadow: 1px 1px #540505;
    font-family: 'Arial', helvetica, arial, sans-serif;
    line-height: 1.3;
    top: -5px;
    right: -5px;}
    
  .msg-num {
    position: absolute;
    text-shadow: 1px 1px #540505;
    margin: -28px 0 0 24px;
    background: #e62e04;
    border: 0;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    padding: 1px 5px;
    display: block;
    font-family: 'Arial', helvetica, arial, sans-serif;
    font-size: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.3;
    min-height: 13px;
}
.slidemenu {
    display: none;
}
.sidenav {
    display: none;
}
.avatar-head {
    border-radius: 50%;
}
.notification-dot {
    background: #df1717;
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    vertical-align: top;
}
/* header dot menu desktop */
/* Основен контейнер */
.dotmenu-container {
    position: relative;
    display: inline-block;
}
/* Бутонът с трите точки */
.dotmenu-trigger {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    padding: 8px;
    color: inherit;
}
/* Падащото меню */
.dotmenu-dropdown {
    display: none; /* Скрито по подразбиране */
    position: absolute;
    right: 0; /* Подравняване вдясно спрямо бутона */
    top: 100%; /* Появява се точно под бутона */
    background-color: #fff;
    min-width: 220px;
        margin: 16px 0 0 0;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    z-index: 1000;
    padding: 5px 0;
}
/* Класът, който JS ще добавя за показване */
.dotmenu-dropdown.dotmenu-show {
    display: block;
}
/* Елементите (линковете) в менюто */
.dotmenu-item a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}
.dotmenu-item a i{    margin: 0 4px;}
/* Ефект при посочване с мишката */
.dotmenu-item a:hover {
    background-color: #f5f5f5;
}
/* Бутон (Иконата с трите точки) */
/* В твоя главен CSS файл */
.btn-dropdown-toggle {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    padding: 0 15px;
    font-size: 25px;
    line-height: 1;
}
/* Дропдаун меню */
.dropdown-menu {
    position: absolute;
    top: 100%; /* Показва се точно под бутона */
    right: 0;
    z-index: 1000;
    list-style: none;
    padding: 5px 0;
    margin: 15px 0 0;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    min-width: 180px;
    display: none; /* ⭐ СКРИТО ПО ПОДРАЗБИРАНЕ ⭐ */
}
/* Елементи на менюто */
.dropdown-menu li a {
    display: block;
    padding: 8px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}
.dropdown-menu li a:hover {
    background-color: #f5f5f5;
}
.dropdown-menu i {
    margin-right: 8px;
}
.fav-log{position:relative; font-size:18px;display:inline-block;margin:0 3px;text-align:center;padding:1px 0;text-decoration:none;-moz-border-radius:3px;border-radius:3px;vertical-align:top;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}
        .fav-log a{font-family:'Roboto',sans-serif;color:#ad003b;padding:3px 5px;font-size:19px !important;text-decoration:none !important;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:color linear .15s}
        .fav-log a:hover{color:#c15353 !important}
@media (max-width: 768px) {
 /* Container за иконата и менюто */
.msg-actions-dropdown {
    position: relative;
    display: inline-block;
    margin-left: auto; /* Позиционира го отдясно на хедъра */
}

}

@media screen and (max-width:685px) {

.login-username {    font-size: 24px;}
         .mob-hide{display: none;}
        .shop-btn{display: none;}.all-books-btn i{display:inline-block}.submenu-mob{margin:5px 0 5px 0;float:none;border-bottom:1px solid #e2e2e2;padding:0 0 10px 0;text-shadow:1px 1px #fff}.desk{display:none}.mob{display:inline-block;width:100%;text-align:left}.mob li{padding:5px 0 !important}.mob i{margin-right:10px}.all-books-btn{margin:0 0 !important;padding:5px 0 !important}.all-books-btn span{color:#000;margin:0 0 0 10px;text-shadow:1px 1px #fff}.all-books-btn a{text-shadow:none;padding:0}.tabs-user ul li input[type=password]{width:100%;float:none;padding:10px 0}.my-book-btn{width:260px;padding:0 15px}.my-book-btn a i{margin-right: 10px;}.my-book-btn a{padding:8px 0;color:#0e7f80 !important;font-size:14px;box-sizing:border-box;text-align:center;width:100%;border-radius:15px;text-decoration:none;border:2px solid #179e9e;line-height:18px;font-weight:500;font-family:Roboto Condensed;margin:15px 0 5px 0}.my-book-btn a:hover{text-decoration:none !important;background:0;color:#0e7f80 !important}.mob .add-book-btn{margin-bottom:15px;display:block}.add-book-btn a{width:260px;border-radius:15px;margin:10px 0 0 0;text-align:center;display:block;padding:10px 0;background:#c15353;text-shadow:none;color:#fff !important}.tabs-user-input-price{width:100px !important}.upload-btn-box{width:100%;margin:10px 0}.label-title{width:100%}.tabs-user ul li textarea{padding:0}.pagging{margin:35px 0 30px 0}.msg-delete{width:77px;text-align:right;float:right;display:inline-block;margin:0}.msg-delete a{color:#ad003b}.blog-container{grid-template-columns:repeat(2,1fr)}.user-reg{padding:0 2px}
       .add-book-title{font-size:18px !important}
        .sidenav{display:block}
        .desc-user-book{padding:0;overflow: hidden;}.msg-send-book{padding:10px}.fb-main{display:inline-block !important;background:#4267b2;color:#fff !important;padding:3px 0;width:49%;text-align:center;margin:10px 0 0 0;border-radius:3px}.ins-main{display:inline-block !important;background:#8c407b;color:#fff !important;padding:3px 0;text-align:center;width:49%;border-radius:3px;margin:10px 0 0 0}.tabs-user ul li:hover{background:0}.tabs-user ul li label{width:100%}.tabs-user ul li input[type=text]{width:100%;float:none;padding:10px 8px;box-sizing:border-box}.tabs-user ul li select{float:none;width:100%}.tabs-user ul li textarea{float:none;width:100%}.listing{max-width:95%;width:1140px;margin:0 auto;float:none}.left-sidebar{max-width:100%;width:100%;float:none;margin-bottom:15px;border:0;border-bottom:1px solid #eee}.page{display:block}.fb-log{padding:2px 0 !important;margin:0 0 !important}.exit-log{padding:1px 0}.book-container{grid-template-columns:repeat(3,1fr)}.msg-num{margin:-30px 0 0 23px}
        .menu-avatar{margin:10px 0 20px 0;font-size:16px;width:300px}.menu-avatar a{color:#000;text-align:center;font-size:16px}.menu-avatar img{display:block;margin:0 auto 0 auto}
        .slidemenu{font-size: 18px;cursor:pointer;display:inline-block;margin:1px 5px 0 5px}
        .sidenav{box-shadow:0 3px 70px rgb(0 0 0 / 20%);display:block;height:100%;width:0;position:fixed;z-index:99999;top:0;right:0;background-color:#f7f7f7;overflow-x:hidden;transition:.5s;padding-top:0}
        .sidenav a{min-width:250px;text-decoration:none;display:block;transition:.3s}
        .sidenav a:hover{color:#000}
        .sidenav .closebtn{          color: #000;
        text-align: right;
        margin: 5px 10px 0 0;
        font-size: 36px;}
        .menu ul.active{display:none}
        .menu ul{z-index:99;width:100%;box-sizing:border-box;padding:0px 18px 10px 18px}
        .menu li{text-align:left;margin:5px 0 5px 0;float:none;display:block;padding:0 0 10px 0}
        .menu a{display:block}
        .menu a:hover{text-decoration:none}
        .toggle-nav{padding:2px 10px 12px 10px;font-size:20px !important;float:right;display:inline-block;color:#000 !important;font-size:20px;transition:color linear .15s}
        .toggle-nav:hover,.toggle-nav.active{text-decoration:none;color:#66a992}
    }