/* ============================================================
   Адаптивная вёрстка — мобильная версия
   ============================================================ */

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

/* === Общие === */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}
* {
    box-sizing: border-box !important;
}
/* Запрет переполнения flex-элементов */
div, span, a, p, section, article, main, footer, header, nav {
    min-width: 0 !important;
}
.desktop_title { display: none !important; }
.mobile_title { display: block !important; }

/* Перенос длинных слов */
span, p, div, a, .text, .entry .text {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* === Шапка === */
header { width: 100% !important; }
header .frame {
    width: 100% !important;
    height: 44px !important;
    padding: 0 10px !important;
    gap: 10px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}
header .navbar { display: none !important; }
header .tools .language_switch { display: none !important; }
header .underline { display: none !important; }

/* Бургер-меню */
header .burger {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    gap: 4px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}
header .burger span {
    display: block !important;
    width: 16px !important;
    height: 2px !important;
    background: #081024 !important;
    border-radius: 1px !important;
}

/* Логотип */
header .logo {
    width: auto !important;
    height: 24px !important;
    gap: 4px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
}
header .logo img:first-child { width: 24px !important; height: 24px !important; }
header .logo img:last-child { width: 40px !important; height: auto !important; }

/* Инструменты */
header .tools {
    display: flex !important;
    gap: 15px !important;
    margin-left: auto !important;
    align-items: center !important;
    width: auto !important;
}
header .tools > img { width: 24px !important; height: 24px !important; }

/* === Мобильное меню === */
#mobile_menu {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 0 !important;
    left: -100% !important;
    width: 75vw !important;
    max-width: 300px !important;
    height: 100vh !important;
    background: #fff !important;
    z-index: 1000 !important;
    padding: 60px 20px 20px !important;
    gap: 8px !important;
    transition: left 0.25s ease !important;
    box-shadow: 2px 0 15px rgba(0,0,0,0.15) !important;
    overflow-y: auto !important;
}
#mobile_menu.active { left: 0 !important; }
#mobile_menu a {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 2.2 !important;
    color: #081024 !important;
    text-decoration: none !important;
}
#mobile_menu a.active_link {
    font-weight: 700 !important;
    border-bottom: 2px solid #081024 !important;
    width: fit-content !important;
}
#mobile_menu .language_switch {
    margin-top: 20px !important;
    font-size: 14px !important;
}

/* === Главный баннер === */
.head_frame {
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    padding: 20px 10px !important;
    gap: 20px !important;
    background: #081024 !important;
    display: flex !important;
    flex-direction: column !important;
}
.head_frame > .frame_a {
    width: 100% !important;
    gap: 15px !important;
    margin: 0 !important;
    margin-right: 0 !important;
}

/* Заголовок баннера */
.head_frame > .frame_a > .title {
    width: 100% !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -1.25px !important;
    color: #fff !important;
    text-align: left !important;
    text-transform: none !important;
}

/* Кнопки категорий: сетка 2 колонки */
.head_frame > .frame_a > .buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
}
.head_frame > .frame_a > .buttons > div {
    width: 100% !important;
    height: 40px !important;
    padding: 0 12px 0 0 !important;
    gap: 8px !important;
    border-radius: 30px !important;
    background: #152b60 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
.head_frame > .frame_a > .buttons > div:hover {
    background: #152b60 !important;
    color: #fff !important;
}
.head_frame > .frame_a > .buttons > div > img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    object-fit: cover !important;
}
.head_frame > .frame_a > .buttons > div > span {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #fff !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* === Аукционы (на главной) === */
.head_frame > .frame_b {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    width: 100% !important;
    margin: 0 !important;
    align-items: flex-start !important;
}
.head_frame > .frame_b > .control { display: none !important; }

.auctions_mobile_title {
    display: block !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    letter-spacing: -1.5px !important;
    color: #fff !important;
}

/* Горизонтальная прокрутка */
.head_frame > .frame_b > .auctions {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    width: calc(100% + 10px) !important;
    margin-right: -10px !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    flex-basis: auto !important;
}
.head_frame > .frame_b > .auctions::-webkit-scrollbar { display: none !important; }

/* Карточка аукциона */
.head_frame > .frame_b .auction {
    display: flex !important;
    flex-direction: column !important;
    width: 60vw !important;
    min-width: 60vw !important;
    max-width: 225px !important;
    height: auto !important;
    flex-shrink: 0 !important;
    gap: 10px !important;
}
.head_frame > .frame_b .auction > img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2/3 !important;
    object-fit: cover !important;
    order: -1 !important;
    border-radius: 6px !important;
}
.head_frame > .frame_b .auction > .frame {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 6px !important;
    background: transparent !important;
    flex-basis: auto !important;
}
.head_frame > .frame_b .auction .date {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    opacity: 0.7 !important;
    color: #fff !important;
    width: auto !important;
}
.head_frame > .frame_b .auction .title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #fff !important;
    margin: 0 !important;
    white-space: normal !important;
}
.head_frame > .frame_b .auction .extra { display: none !important; }
.head_frame > .frame_b .auction .price {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -0.5px !important;
    color: #fff !important;
}
.head_frame > .frame_b .auction .btn {
    width: 100% !important;
    height: 44px !important;
    padding: 0 10px !important;
    border-radius: 30px !important;
    background: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #081024 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: auto !important;
}

/* === Секции === */
main {
    padding: 0 !important;
}
main > div {
    padding: 30px 10px !important;
    width: 100% !important;
}

/* Заголовки секций */
main .frame_head {
    flex-direction: column !important;
    gap: 5px !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
}
main .frame_head > .subtext {
    display: block !important;
    flex-basis: auto !important;
    font-size: 13px !important;
    opacity: 0.5 !important;
}
main .frame_head > .title {
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -1.5px !important;
    color: #081024 !important;
    flex-basis: auto !important;
    max-width: 100% !important;
    word-break: break-word !important;
}
main .frame_head > .slider_control { display: none !important; }

main .frame_content,
main .frame_content.full {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* === Новые работы === */
.new_works .frame_content {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.new_works .frame_content .art {
    width: 100% !important;
    height: auto !important;
    gap: 8px !important;
}
.new_works .frame_content .art #photo {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
    transition: none !important;
    border-radius: 6px !important;
}
/* Сброс десктопных вариантов высоты */
.new_works .frame_content .art.wide #photo,
.new_works .frame_content .art.focus #photo,
.new_works .frame_content .art.wide.focus #photo {
    height: auto !important;
    aspect-ratio: 3/4 !important;
}

/* Информация — всегда видна на мобильном */
.new_works .frame_content .art .after {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: none !important;
}

/* Автор/год */
.new_works .frame_content .art .label_a {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    opacity: 1 !important;
}
.new_works .frame_content .art .label_a span {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    opacity: 0.4 !important;
    color: #081024 !important;
}

/* Название/цена */
.new_works .frame_content .art .label_b {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    width: 100% !important;
    gap: 10px !important;
}
.new_works .frame_content .art .label_b #name {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    color: #081024 !important;
    flex: 1 !important;
    max-width: none !important;
}
.new_works .frame_content .art .label_b #price {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    color: #081024 !important;
    text-align: right !important;
    min-width: auto !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.new_works .frame_content .art #button { display: none !important; }

/* === Галерея === */
.gallery .frame_content {
    display: flex !important;
    flex-direction: column !important;
}
.gallery .frame_content hr {
    width: 100% !important;
    height: 0 !important;
    background: none !important;
    border: none !important;
    border-top: 1px solid rgba(8,16,36,0.2) !important;
    margin: 0 !important;
}
.gallery .frame_content > div {
    width: 100% !important;
    height: auto !important;
    min-height: 55px !important;
    padding: 14px 0 !important;
    background: transparent !important;
    color: #081024 !important;
}
.gallery .frame_content > div:hover {
    background: transparent !important;
    color: #081024 !important;
}
.gallery .frame_content > div > div {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
.gallery .frame_content > div .index { display: none !important; }
.gallery .frame_content > div .preview {
    display: none !important;
    position: static !important;
    height: 0 !important;
    overflow: hidden !important;
}
.gallery .frame_content > div .text {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    opacity: 0.6 !important;
    color: #081024 !important;
    flex: 1 !important;
    width: auto !important;
}
.gallery .frame_content > div:hover .text {
    font-size: 16px !important;
    opacity: 0.6 !important;
    width: auto !important;
    margin-right: 0 !important;
}
.gallery .frame_content > div .arrow {
    width: 24px !important;
    height: 24px !important;
    opacity: 0.5 !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    filter: none !important;
}
.gallery .frame_content > div:hover .arrow { filter: none !important; }

/* === О нас (на главной) === */
.about .frame_content {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    width: 100% !important;
}
.about .frame_content .photos {
    display: block !important;
    width: calc(100% + 20px) !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    padding: 0 !important;
    padding-left: 0 !important;
    order: -1 !important;
}
.about .frame_content .photos img:first-child {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 6/5 !important;
    object-fit: cover !important;
}
.about .frame_content .photos img:not(:first-child) { display: none !important; }

.about .frame_content .text_a {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #081024 !important;
    width: 100% !important;
    text-indent: 0 !important;
}
.about .frame_content .text_b {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #081024 !important;
    width: 100% !important;
    padding-left: 0 !important;
}
.about .frame_content .button {
    width: 100% !important;
    height: 50px !important;
    padding: 0 15px !important;
    border-radius: 30px !important;
    background: #081024 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
}
.about .frame_content .button span {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #fff !important;
}
.about .frame_content .button img {
    width: 14px !important;
    height: 14px !important;
    filter: invert(1) !important;
}
/* Фотографии */
.about .frame_content .photos {
    display: block !important;
    width: calc(100% + 20px) !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    padding: 0 !important;
    padding-left: 0 !important;
    order: -1 !important;
}

/* === Расположение === */
.location {
    padding: 40px 10px !important;
    background: #081024 !important;
    width: 100% !important;
}
.location .frame_head {
    margin-bottom: 20px !important;
    max-width: 100% !important;
}
.location .frame_head > .title {
    color: #fff !important;
    font-weight: 500 !important;
}
.location .frame_content {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    padding-left: 0 !important;
}
.location .frame_content .entry {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.location .frame_content .entry .label {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    opacity: 0.6 !important;
    color: #fff !important;
}
.location .frame_content .entry .text {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.3px !important;
    color: #fff !important;
    text-transform: none !important;
    word-break: break-word !important;
}
.location .frame_content .map {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4/3 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}
.location .frame_content .map img,
.location .frame_content .map > * {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Цвет текста на тёмном фоне */
.location .frame_head > .subtext {
    color: #fff !important;
    opacity: 0.5 !important;
}

/* === Форма связи === */
.contact {
    padding: 40px 10px !important;
    background: #081024 !important;
    width: 100% !important;
}
.contact .frame_head {
    margin-bottom: 20px !important;
    max-width: 100% !important;
}
.contact .frame_head > .title {
    color: #fff !important;
    font-size: 32px !important;
}
.contact .frame_head > .subtext {
    color: #fff !important;
    opacity: 0.5 !important;
}
.contact .frame_content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    padding-left: 0 !important;
}
.contact .frame_content form {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    width: 100% !important;
}
/* Поля формы */
.contact .frame_content form > input,
.contact .frame_content form > textarea {
    width: 100% !important;
    padding: 16px 10px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #fff !important;
    color-scheme: dark !important;
}
.contact .frame_content form > textarea {
    height: 100px !important;
    resize: none !important;
}
.contact .frame_content form > input::placeholder,
.contact .frame_content form > textarea::placeholder {
    color: rgba(255,255,255,0.5) !important;
    opacity: 1 !important;
}
.contact .frame_content form .rules {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-top: 15px !important;
    border: none !important;
}
.contact .frame_content form .rules input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}
.contact .frame_content form .rules span {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #fff !important;
}
.contact .frame_content form .rules a {
    color: #fff !important;
    text-decoration: underline !important;
}
.contact .frame_content form #submit {
    width: 100% !important;
    height: 50px !important;
    padding: 0 10px !important;
    border-radius: 30px !important;
    background: #fff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 20px !important;
}
.contact .frame_content form #submit span {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #081024 !important;
    text-transform: none !important;
}
.contact .frame_content form #submit img {
    width: 12px !important;
    height: 11px !important;
}

/* === Вопросы и ответы === */
.faq {
    padding: 30px 10px !important;
    background: #efefef !important;
    width: 100% !important;
}
.faq .frame_head {
    margin-bottom: 15px !important;
    max-width: 100% !important;
}
.faq .frame_head > .title {
    color: #081024 !important;
}
.faq .frame_head > .subtext {
    color: #081024 !important;
    opacity: 0.5 !important;
}
.faq .frame_content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    padding-left: 0 !important;
}
.faq .frame_content hr {
    width: 100% !important;
    border-top: 1px solid rgba(8,16,36,0.15) !important;
    margin: 0 !important;
}
/* === Аккордеон (FAQ, выставки) === */
/* Аккордеон: max-height подобран под 3 строки вопроса (16px * 1.3 * 3 + padding).
   Ответ (.c) скрыт через opacity:0 когда закрыт. */
.accordeon_ui > .entry {
    padding: 14px 0 !important;
    gap: 12px !important;
    max-height: 95px !important;
    overflow: hidden !important;
    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1) !important;
}
.accordeon_ui > .entry.open {
    max-height: 800px !important;
    overflow: visible !important;
    transition: max-height 0.4s linear !important;
}
.accordeon_ui > .entry > .t {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 15px !important;
    width: 100% !important;
}
.accordeon_ui > .entry > .t span,
.accordeon_ui > .entry > .t > div {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.3px !important;
    color: inherit !important;
    flex: 1 !important;
    min-width: 0 !important;
}
.accordeon_ui > .entry > .t img {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}
/* Ответ: скрыт когда закрыт */
.accordeon_ui > .entry > .c {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    width: 100% !important;
    opacity: 0 !important;
    transition: opacity 0.1s cubic-bezier(0, 1, 0, 1) !important;
    overflow: hidden !important;
}
.accordeon_ui > .entry.open > .c {
    opacity: 0.7 !important;
    transition: opacity 0.3s ease-in !important;
    overflow: visible !important;
}

/* Специфика FAQ */
.faq .frame_content {
    padding-left: 0 !important;
    max-width: 100% !important;
}
.faq .frame_content hr {
    width: 100% !important;
    border-top: 1px solid rgba(8,16,36,0.15) !important;
    margin: 0 !important;
}
.faq .frame_content .entry .c {
    width: 100% !important;
    color: #081024 !important;
}

/* === Подвал === */
footer {
    width: 100% !important;
    padding: 25px 10px !important;
    gap: 25px !important;
}
footer > .frame_a {
    flex-direction: column !important;
    gap: 25px !important;
    width: 100% !important;
    margin-right: 0 !important;
    align-items: stretch !important;
}

/* Рассылка */
footer > .frame_a > form.frame_a {
    width: 100% !important;
    gap: 10px !important;
}
footer > .frame_a > form.frame_a > span {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    color: #fff !important;
}
footer > .frame_a > form.frame_a > .frame {
    width: 100% !important;
    height: 36px !important;
}
footer > .frame_a > form.frame_a > .frame input {
    flex: 1 !important;
    font-size: 14px !important;
}
footer > .frame_a > form.frame_a > .frame button {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
}
footer > .frame_a > form.frame_a .rules {
    gap: 8px !important;
}
footer > .frame_a > form.frame_a .rules span {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* Колонки навигации */
footer > .frame_a > .frame_b {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
    width: 100% !important;
}
footer > .frame_a > .frame_b > div {
    min-width: 0 !important;
    flex: 1 1 120px !important;
    gap: 8px !important;
}
footer > .frame_a > .frame_b > div > span:first-child {
    font-size: 14px !important;
    opacity: 0.4 !important;
    margin-bottom: 4px !important;
}
footer > .frame_a > .frame_b > div > a,
footer > .frame_a > .frame_b > div > span:not(:first-child) {
    font-size: 13px !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
}

/* Нижняя часть подвала */
footer > .frame_b {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    width: 100% !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}
footer > .frame_b .logo {
    width: auto !important;
    height: 30px !important;
    gap: 4px !important;
}
footer > .frame_b .logo img:first-child { width: 30px !important; height: 30px !important; }
footer > .frame_b .logo img:last-child { width: 50px !important; height: auto !important; }
footer > .frame_b > a {
    font-size: 12px !important;
    line-height: 1.3 !important;
    opacity: 0.7 !important;
    text-align: right !important;
}

/* === Боковые панели === */
/* На мобильном — на всю ширину */
.nav {
    width: 100vw !important;
    right: -100vw !important;
}
.nav.active {
    right: 0 !important;
}
.nav > .head {
    width: 100% !important;
    padding: 20px 15px 15px !important;
    height: auto !important;
}
.nav > .head > .title {
    font-size: 28px !important;
    line-height: 1.1 !important;
}
.nav > .head > .exit {
    width: 24px !important;
    height: 24px !important;
}
.nav > .body {
    margin: 0 15px !important;
}
.nav > .after {
    padding: 15px !important;
    padding-top: 0 !important;
}
.nav > .after.active {
    padding-top: 15px !important;
    gap: 15px !important;
}

/* Панель поиска */
#nav_search > .head > .search {
    width: 100% !important;
}
#nav_search > .head > .search > #search_input {
    font-size: 16px !important;
}

/* Элементы (избранное, корзина, результаты) */
.nav.items .entry {
    flex-direction: column !important;
    gap: 10px !important;
}
.nav.items .entry > .frame_l {
    width: 100% !important;
    height: auto !important;
    max-height: 250px !important;
    overflow: hidden !important;
}
.nav.items .entry > .frame_l > :first-child {
    width: 100% !important;
    height: auto !important;
    max-height: 250px !important;
    object-fit: cover !important;
}
.nav.items .entry > .frame_r {
    width: 100% !important;
}
.nav.items .entry > .frame_r #name {
    font-size: 15px !important;
}
.nav.items .entry > .frame_r #price {
    width: auto !important;
    font-size: 15px !important;
}

/* Формы (вход, регистрация, восстановление) */
.nav.form > .body > .hint {
    width: 100% !important;
}
.nav.form > .body > .form > input {
    width: 100% !important;
}
.nav.form > .body > .form > button {
    width: 100% !important;
}

/* Всплывающее уведомление */
#alert_popup {
    width: 90vw !important;
    max-width: 400px !important;
}

/* Кнопка чата */
#floatingChattBtn {
    bottom: 15px !important;
    right: 15px !important;
    width: 44px !important;
    height: 44px !important;
}

} /* === конец max-width: 768px === */

/* === Десктоп: скрыть мобильные элементы === */
@media screen and (min-width: 769px) {
    header .burger { display: none !important; }
    #mobile_menu { display: none !important; }
    .mobile_title { display: none !important; }
    .auctions_mobile_title { display: none !important; }
}

/* ============================================================
   Остальные страницы
   ============================================================ */
@media screen and (max-width: 768px) {

/* === Каталог === */
/* Шапка каталога */
body:has(.cat_bbl) .head_frame,
body:has(.collection) .head_frame {
    padding: 15px 10px !important;
    gap: 20px !important;
    background: var(--color-gray) !important;
}
body:has(.cat_bbl) .head_frame .title,
body:has(.collection) .head_frame .title {
    font-size: 28px !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
}
body:has(.cat_bbl) .head_frame .cat_bbl.bubbles {
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    max-width: 100% !important;
    padding-bottom: 4px !important;
}
body:has(.cat_bbl) .head_frame .cat_bbl.bubbles::-webkit-scrollbar {
    display: none !important;
}
body:has(.cat_bbl) .head_frame .cat_bbl.bubbles > div {
    font-size: 13px !important;
    padding: 6px 12px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
    border: 1px solid var(--color-dark) !important;
    background: transparent !important;
    color: var(--color-dark) !important;
}
body:has(.cat_bbl) .head_frame .cat_bbl.bubbles > div.active {
    background: var(--color-dark) !important;
    color: var(--color-font-light) !important;
}
body:has(.cat_bbl) .head_frame .filter_bbl.bubbles {
    flex-wrap: wrap !important;
    gap: 6px !important;
    overflow-x: visible !important;
}
body:has(.cat_bbl) .head_frame .filter_bbl.bubbles > div {
    font-size: 13px !important;
    padding: 6px 10px !important;
}
body:has(.cat_bbl) .head_frame .categories {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
}
body:has(.cat_bbl) .head_frame .categories > .cat_bbl {
    width: 100% !important;
    min-width: 0 !important;
}
body:has(.cat_bbl) .head_frame .categories > .sort-options {
    width: 100% !important;
    margin: 0 !important;
    order: 3 !important;
}
body:has(.cat_bbl) .head_frame .categories > .sort-options select {
    width: 100% !important;
    font-size: 13px !important;
    padding: 8px 10px !important;
    border-radius: 20px !important;
    min-width: auto !important;
}
body:has(.cat_bbl) .head_frame #filter_window {
    right: auto !important;
    left: 0 !important;
    width: 80vw !important;
    max-width: 300px !important;
}
body:has(.cat_bbl) .head_frame #filter_window .title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}
body:has(.cat_bbl) .head_frame #filter_window .choices > div > span {
    font-size: 13px !important;
}
body:has(.cat_bbl) .head_frame .filter_btn > span {
    font-size: 14px !important;
}
/* Сетка каталога */
body:has(.collection) main {
    padding: 0 10px !important;
}
body:has(.collection) main .collection {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 15px 0 30px !important;
}
body:has(.collection) main .collection .frame_left {
    flex-basis: auto !important;
}
body:has(.collection) main .collection .frame_left #author {
    font-size: 20px !important;
    max-width: 100% !important;
}
body:has(.collection) main .collection .frame_right {
    flex-basis: auto !important;
    gap: 12px 8px !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
}
body:has(.collection) .more_btn {
    flex-direction: column !important;
    padding: 0 10px 30px !important;
}
body:has(.collection) .more_btn > div {
    flex-basis: auto !important;
    width: 100% !important;
    font-size: 14px !important;
}

/* === Страница товара === */
body:has(.frame > .frame_l > .extra) main > .frame {
    flex-direction: column-reverse !important;
    gap: 25px !important;
    padding: 20px 10px !important;
    min-height: auto !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_l {
    flex-basis: auto !important;
    width: 100% !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_l #label {
    font-size: 26px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.8px !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_l > .extra > * :first-child {
    width: auto !important;
    min-width: 50px !important;
    font-size: 13px !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_l > .extra > * :last-child {
    font-size: 16px !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_l > #price {
    font-size: 24px !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_l > #desc {
    font-size: 13px !important;
    line-height: 1.4 !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_l > .after {
    flex-wrap: wrap !important;
    gap: 8px !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_l > .after > .button {
    width: 100% !important;
    flex: 1 !important;
    font-size: 14px !important;
    padding: 12px 10px !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_r {
    flex-direction: column !important;
    width: 100% !important;
    gap: 8px !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_r > #preview {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_r > .column_r {
    flex-direction: row !important;
    overflow-x: auto !important;
    gap: 6px !important;
    scrollbar-width: none !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_r > .column_r::-webkit-scrollbar {
    display: none !important;
}
body:has(.frame > .frame_l > .extra) main > .frame > .frame_r > .column_r > * {
    width: 70px !important;
    height: 55px !important;
    flex-shrink: 0 !important;
    object-fit: cover !important;
}

/* Похожие работы */
body:has(.frame > .frame_l > .extra) main > .works > .content {
    height: auto !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    padding-bottom: 5px !important;
}
body:has(.frame > .frame_l > .extra) main > .works > .content > .art_card {
    width: 200px !important;
    min-width: 200px !important;
}
body:has(.frame > .frame_l > .extra) main > .works > .content > .art_card > #photo {
    width: 200px !important;
}
body:has(.frame > .frame_l > .extra) main {
    gap: 50px !important;
}

/* === Страница «О нас» === */
body:has(.exibition) .head_frame {
    position: relative !important;
    z-index: auto !important;
}
body:has(.exibition) .head_frame > img {
    width: 100% !important;
    height: auto !important;
}
body:has(.exibition) main {
    margin-top: 0 !important;
}
/* Текст — сброс отступов */
body:has(.exibition) main .about .frame_content > .text {
    font-size: 18px !important;
    text-indent: 0 !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}
body:has(.exibition) main .about .frame_content > .frame {
    padding-left: 0 !important;
    flex-direction: column !important;
    gap: 15px !important;
}
body:has(.exibition) main .about .frame_content > .frame > .frame_l {
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}
body:has(.exibition) main .about .frame_content > .frame > .frame_l > img {
    width: 100% !important;
    height: auto !important;
}
body:has(.exibition) main .about .frame_content > .frame > .frame_r {
    width: 100% !important;
}
body:has(.exibition) main .about .frame_content > .frame > .frame_r > img {
    width: 100% !important;
    height: auto !important;
}

/* Выставки — год и текст */
body:has(.exibition) main .exibition .frame_content {
    padding: 0 10px !important;
}
body:has(.exibition) main .exibition .frame_content > .entry > .t > div {
    gap: 10px !important;
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
}
body:has(.exibition) main .exibition .frame_content > .entry > .t > div > .y {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    width: auto !important;
    min-width: 35px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    opacity: 0.4 !important;
}
body:has(.exibition) main .exibition .frame_content > .entry > .t > div > .l {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
    flex: 1 !important;
    min-width: 0 !important;
    word-break: break-word !important;
}
body:has(.exibition) main .exibition .frame_content > .entry > .c {
    flex-direction: column !important;
    margin-left: 0 !important;
    gap: 10px !important;
}
body:has(.exibition) main .exibition .frame_content > .entry > .c > .text {
    width: 100% !important;
}
body:has(.exibition) main .exibition .frame_content > .entry > .c > .image {
    width: 100% !important;
    height: auto !important;
}

/* Книги — на всю ширину */
body:has(.exibition) main .books .frame_content {
    padding: 10px !important;
    gap: 10px !important;
    flex-direction: column !important;
}
body:has(.exibition) main .books .frame_content .card {
    width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
    padding: 15px !important;
}
body:has(.exibition) main .books .frame_content .card > .title {
    font-size: 17px !important;
    line-height: 1.2 !important;
}
body:has(.exibition) main .books .frame_content .card > .desc {
    font-size: 14px !important;
    line-height: 1.3 !important;
}
body:has(.exibition) main .books .frame_content .space {
    display: none !important;
}

/* Кнопка «Сотрудничество» */
#colaborate_btn {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 30px 10px !important;
    align-items: center !important;
}
#colaborate_btn > span {
    font-size: clamp(20px, 6vw, 32px) !important;
    letter-spacing: -0.5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    line-height: 1.1 !important;
    max-width: 100% !important;
}
#colaborate_btn > img {
    width: 50px !important;
    height: 50px !important;
}

/* === Страница аукционов === */
/* Текущие аукционы */
.current > .frame_content {
    flex-direction: column !important;
    gap: 15px !important;
    padding: 0 10px !important;
}
.current > .frame_content > div {
    width: 100% !important;
}
.current > .frame_content > div > :first-child {
    flex-basis: auto !important;
    width: 100% !important;
    height: auto !important;
}
.current .entry .button span {
    font-size: 14px !important;
}

/* Анонсы аукционов */
.anonce > .frame_head > .title {
    font-size: 28px !important;
    letter-spacing: -0.8px !important;
}
.anonce > .frame_content {
    padding: 0 10px !important;
}
.anonce > .frame_content > div {
    flex-direction: column !important;
    gap: 15px !important;
}
.anonce #date {
    width: auto !important;
    font-size: 14px !important;
}
.anonce .frame {
    flex-direction: column !important;
}
.anonce .frame > img {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
}
.anonce .description {
    width: 100% !important;
    gap: 15px !important;
    height: auto !important;
}
.anonce .description > #title {
    font-size: 22px !important;
    line-height: 1.1 !important;
}
.anonce .description > .bottom {
    gap: 8px !important;
}
.anonce .description > .bottom > div > :first-child {
    font-size: 13px !important;
}
.anonce .description > .bottom > div > :last-child {
    font-size: 14px !important;
}
.anonce .button {
    width: 100% !important;
    font-size: 14px !important;
}

/* Прошедшие аукционы */
.past .frame_content {
    height: auto !important;
    padding: 0 10px !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}
.past .entry {
    width: calc(50% - 8px) !important;
    flex-shrink: 0 !important;
}
.past .entry > img,
.past .entry > :first-child {
    width: 100% !important;
    height: auto !important;
}
.past .entry > span {
    font-size: 14px !important;
}

/* === Страница сотрудничества === */
body:has(.contact:first-child) main .contact > .frame_head > .title {
    font-size: 28px !important;
    max-width: 100% !important;
    line-height: 1.1 !important;
    letter-spacing: -0.8px !important;
}

/* === Страница помощи === */
/* Сброс отступа FAQ */
body:has(main > .faq:first-child) main .faq .frame_content {
    padding-left: 0 !important;
    max-width: 100% !important;
}
body:has(main > .faq:first-child) main .faq .frame_content .entry .c {
    width: 100% !important;
}
/* Сброс отступа формы */
body:has(main > .faq:first-child) main .contact .frame_content {
    padding-left: 0 !important;
    max-width: 100% !important;
}
body:has(main > .faq:first-child) main .contact .frame_content form {
    width: 100% !important;
}
body:has(main > .faq:first-child) main .contact .frame_content form > #submit {
    width: 100% !important;
}

/* === Карточка товара === */
.art_card {
    width: calc(50% - 5px) !important;
    min-width: calc(50% - 5px) !important;
    flex-shrink: 0 !important;
}
.art_card.wide {
    width: 100% !important;
    min-width: 100% !important;
}
.art_card > #photo {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
}
.art_card.wide > #photo {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4/3 !important;
}
.art_card > .after > .label > #price {
    min-width: auto !important;
}

} /* === конец остальных страниц === */