/* Завантаження — тонка смужка зверху, як на інших Nuxt-сайтах студії (13.11.2026) */
#au-loadbar { position: fixed; top: 0; left: 0; height: 3px; width: 0; z-index: 100500; pointer-events: none;
  background: linear-gradient(90deg, #056ab2, #4aa3e8 60%, #ffe4b5); box-shadow: 0 0 6px rgba(5,106,178,.5);
  animation: au-bar 2.4s cubic-bezier(.1,.6,.3,1) forwards; transition: opacity .35s ease .15s; }
#au-loadbar.done { width: 100% !important; animation: none; opacity: 0; transition: width .2s ease, opacity .35s ease .2s; }
#au-loadbar.go { animation: au-bar 2.4s cubic-bezier(.1,.6,.3,1) forwards; opacity: 1; }
@keyframes au-bar { 0% { width: 0 } 100% { width: 85% } }






/* SEO-текст і FAQ унизу головної (нове, у стилі сайту) */
.au-seo-faq { padding-top: 40px; padding-bottom: 60px; }
.au-seo { max-width: 900px; margin: 0 auto 40px; }
.au-seo h2 { margin-bottom: 20px; }
.au-faq { max-width: 900px; margin: 0 auto; }
.au-faq h2 { margin-bottom: 24px; }
.au-faq-item { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.au-faq-item summary { cursor: pointer; list-style: none; position: relative; padding: 18px 40px 18px 0; font-weight: 700; font-size: 18px; }
.au-faq-item summary::-webkit-details-marker { display: none; }
.au-faq-item summary::after { content: '+'; position: absolute; right: 8px; top: 12px; font-size: 28px; line-height: 1; transition: transform .2s; }
.au-faq-item[open] summary::after { transform: rotate(45deg); }
.au-faq-answer { padding: 0 0 18px; }
.au-404 { padding: 40px 0 80px; }
.au-seo-faq .au-seo, .au-seo-faq .au-seo p, .au-seo-faq .au-faq-item summary, .au-seo-faq .au-faq-answer, .au-seo-faq .au-faq-answer p { color: #fff !important; }
.au-seo-faq a { color: #fde3b1; }
.au-faq-item { border-bottom-color: rgba(255, 255, 255, .25); }

/* Сучасна сторінка музею (13.11.2026) */
.au-museum { background: #ffe4b5; padding: 24px 0 64px; font-family: 'MuseoSans', Arial, sans-serif; color: #1d2b4f; }
.au-m-wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px; }
.au-m-crumbs { font-size: 14px; margin-bottom: 20px; }
.au-m-crumbs a { color: #056ab2; }
.au-m-crumbs span[itemprop="child"]::before { content: ' / '; color: #8a7a60; }
.au-m-hero { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: center; }
.au-m-photo { border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 3; background: #f2cfa4; box-shadow: 0 24px 60px rgba(16, 61, 148, .18); }
.au-m-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.au-m-kicker { display: inline-block; padding: 6px 14px; border-radius: 999px; background: #056ab2; color: #fff; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.au-m-info h1 { font-family: 'MuseoSansBold', Arial, sans-serif; color: #103d94; font-size: 40px; line-height: 1.15; margin: 16px 0 18px; }
.au-m-addr { display: flex; gap: 10px; align-items: flex-start; font-size: 17px; margin: 0 0 24px; }
.au-m-addr svg { flex: 0 0 22px; width: 22px; height: 22px; fill: #056ab2; margin-top: 1px; }
.au-m-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.au-m-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border-radius: 999px; border: 2px solid #056ab2; background: transparent; color: #056ab2; font: inherit; font-family: 'MuseoSansBold', Arial, sans-serif; font-size: 16px; cursor: pointer; text-decoration: none !important; transition: background .2s, color .2s; }
.au-m-btn-main { background: #056ab2; color: #fff !important; }
.au-m-btn.done::after { content: ' ✓'; }
.au-m-count { display: inline-flex; align-items: baseline; gap: 8px; color: #1d2b4f !important; text-decoration: none !important; font-size: 16px; }
.au-m-count b { font-family: 'MuseoSansBold', Arial, sans-serif; font-size: 34px; color: #103d94; }
.au-m-about { margin: 56px auto 0; max-width: 820px; background: #fff8ea; border-radius: 24px; padding: 36px 40px; box-shadow: 0 10px 30px rgba(16, 61, 148, .08); }
.au-m-about h2, .au-m-block h2 { font-family: 'MuseoSansBold', Arial, sans-serif; color: #103d94; font-size: 28px; margin: 0 0 18px; }
.au-m-text, .au-m-text p { font-size: 17px; line-height: 1.7; color: #1d2b4f; }
.au-m-text p:last-child { margin-bottom: 0; }
.au-m-block { margin-top: 64px; }
.au-m-tours { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.au-m-tour { position: relative; display: block; border-radius: 20px; overflow: hidden; aspect-ratio: 16 / 10; }
.au-m-tour img { width: 100%; height: 100%; object-fit: cover; }
.au-m-tour span { position: absolute; left: 16px; bottom: 16px; padding: 8px 16px; border-radius: 999px; background: #fff; color: #056ab2; font-family: 'MuseoSansBold', Arial, sans-serif; }
.au-m-works { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.au-m-work { display: flex; flex-direction: column; background: #fff8ea; border-radius: 20px; overflow: hidden; text-decoration: none !important; color: #1d2b4f !important; box-shadow: 0 6px 20px rgba(16, 61, 148, .08); transition: transform .2s, box-shadow .2s; }
.au-m-work-img { display: block; aspect-ratio: 1; background: #f2cfa4; overflow: hidden; }
.au-m-work-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.au-m-work-cap { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px 18px; font-size: 14px; }
.au-m-work-cap b { font-family: 'MuseoSansBold', Arial, sans-serif; font-size: 16px; line-height: 1.3; color: #103d94; font-weight: normal; }
.au-m-work-cap i { font-style: normal; color: #8a7a60; }
.au-m-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 64px; padding-top: 24px; border-top: 1px solid rgba(16, 61, 148, .15); font-family: 'MuseoSansBold', Arial, sans-serif; }
.au-m-nav a { color: #056ab2; }
@media (hover: hover) {
  .au-m-btn:hover { background: #056ab2; color: #fff; }
  .au-m-btn-main:hover { background: #103d94; border-color: #103d94; }
  .au-m-work:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(16, 61, 148, .16); }
  .au-m-work:hover .au-m-work-img img { transform: scale(1.04); }
}
@media (max-width: 1100px) { .au-m-works { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 860px) {
  .au-m-hero { grid-template-columns: 1fr; gap: 24px; }
  .au-m-info h1 { font-size: 28px; }
  .au-m-about { padding: 24px 20px; margin-top: 40px; }
  .au-m-block { margin-top: 44px; }
  .au-m-works { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .au-m-work-cap { padding: 10px 12px 14px; }
  .au-m-work-cap b { font-size: 14px; }
  .au-m-btn { flex: 1 1 auto; }
  .au-m-nav { font-size: 14px; flex-wrap: wrap; }
}

/* ===== Телефон (13.11.2026, правки Дмитра) ===== */

/* Головна: точки слайдера першого екрана */
.main-page-slider-top .slick-dots { position: absolute; left: 0; right: 0; bottom: 70px; display: flex !important; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; z-index: 20; }
.main-page-slider-top .slick-dots li { margin: 0; }
.main-page-slider-top .slick-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .45); font-size: 0; cursor: pointer; }
.main-page-slider-top .slick-dots .slick-active button { background: #ffe4b5; transform: scale(1.25); }

/* Текст про проєкт під слайдером (на місці блоку спадщини) */
.au-about { padding: 70px 0 40px; position: relative; z-index: 2; }
.au-about .au-seo { max-width: 900px; margin: 0 auto; color: #1d2b4f; font-size: 18px; line-height: 1.65; }
.au-about .au-seo h2 { color: #056ab2; margin-bottom: 18px; }
.au-about .au-seo p { color: #1d2b4f; }

/* «Відвідай віртуально» */
.au-virtual-lead { max-width: 760px; margin: -10px auto 36px; text-align: center; color: #fff; font-size: 18px; line-height: 1.55; }
.au-virtual .card { position: relative; }
.au-vr-badge { position: absolute; top: 16px; right: 16px; z-index: 5; padding: 6px 12px; border-radius: 999px; background: #ffe4b5; color: #103d94; font-family: 'MuseoSansBold', Arial, sans-serif; font-size: 13px; letter-spacing: .04em; }

/* Цитати: компактно, перемикаються */
.au-quotes { padding: 20px 0 10px !important; }
.au-quotes .item { padding: 90px 60px 80px !important; }
.au-quotes .testimonials-text { font-size: 26px; }
.au-quotes .slick-list { padding: 20px 0 !important; }
.au-quotes .slick-dots { display: flex !important; justify-content: center; gap: 10px; margin: 6px 0 0; padding: 0; list-style: none; }
.au-quotes .slick-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(5, 106, 178, .3); font-size: 0; cursor: pointer; }
.au-quotes .slick-dots .slick-active button { background: #056ab2; }

/* Підвал: «Створено єМузей» — читабельно */
.footer .au-copy, .footer .au-copy a { color: rgba(255, 255, 255, .8) !important; }
.footer .au-copy a { text-decoration: underline; }

@media (max-width: 680px) {
  /* кнопка меню поверх тексту — суцільна, щоб не зливалася з заголовками */
  #menu-toggle { background-color: #056ab2; border-radius: 50%; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }

  /* Головна: три фото меншими «віялом», банер з кнопкою й точками — в один екран */
  .main-page-slider-top-container .main-slide .container-exhibit { position: relative; height: clamp(210px, calc(100svh - 440px), 340px); margin: 8px 16px 0; }
  .main-page-slider-top-container .main-slide .container-exhibit .card { display: block !important; position: absolute !important; margin: 0 !important; max-width: none !important; min-height: 0 !important; border-width: 6px !important; border-radius: 22px; overflow: hidden; box-shadow: 0 10px 24px rgba(0, 0, 0, .22); }
  .main-page-slider-top-container .main-slide .container-exhibit .card .img-container { height: 100% !important; min-height: 0 !important; width: 100%; background-size: cover; background-position: center; border-radius: 16px; }
  .main-page-slider-top-container .main-slide .container-exhibit .card-catalog-item1 { left: 0; top: 7%; width: 58% !important; height: 86% !important; z-index: 3; }
  .main-page-slider-top-container .main-slide .container-exhibit .card-catalog-item2 { right: 0; top: 0; width: 46% !important; height: 50% !important; z-index: 2; }
  .main-page-slider-top-container .main-slide .container-exhibit .card-catalog-item3 { right: 5%; bottom: 0; width: 44% !important; height: 46% !important; z-index: 4; }
  .main-page-slider-top-container .main-slide .top-info-container h1, .main-page-slider-top-container .main-slide .top-info-container .h1 { font-size: 1.7rem; margin: 0; }
  .main-page-slider-top-container .btn-first-screen-container { margin: 14px 0 64px !important; }
  .main-page-slider-top .slick-dots { bottom: 26px; }
  .main-page-slider-top .slick-arrow { display: none !important; }

  .au-about { padding: 50px 0 20px; }
  .au-about .au-seo { font-size: 16px; }

  /* «Відвідай віртуально»: картки — слайдер пальцем */
  .au-virtual-lead { font-size: 16px; margin: -6px 0 22px; }
  .au-virtual .row { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 10px; gap: 12px; }
  .au-virtual .row::-webkit-scrollbar { display: none; }
  .au-virtual .col-card { flex: 0 0 82%; max-width: 82%; padding: 0; scroll-snap-align: center; }
  .au-virtual .col-card .card { margin-bottom: 0; }

  .au-quotes .item { padding: 64px 22px 56px !important; }
  .au-quotes .testimonials-text { font-size: 18px; }
  .au-quotes .name { font-size: 14px; }

  /* «Смаки»: плитки категорій — ширші, нижчі, менші проміжки */
  .food-tags-main .row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
  .food-tags-main .row > .col { padding: 0; max-width: none; width: auto; min-width: 0; }
  .food-tags-main .row { overflow: visible; }
  .food-tags-main .food-tag { height: 104px; margin-bottom: 0; padding: 10px 8px; font-size: 15px; line-height: 18px; border-radius: 16px; transform: none !important; }
  .food-tags-main .food-tag:before { width: 44px; height: 44px; background-size: 40px; margin-top: 2px; margin-bottom: 6px; }

  /* «Смаки»: популярні страви у дві колонки */
  .top-dishes .over-wrap .row { margin: 0 -6px; }
  .top-dishes .over-wrap .row > .col-md-4 { flex: 0 0 50%; max-width: 50%; padding: 0 6px; }
  .top-dishes .food-item-ava { height: 120px !important; }
  .top-dishes .food-item .card { margin-bottom: 8px !important; }
  .top-dishes .food-item .h3 { font-size: 16px; line-height: 1.25; margin-bottom: 4px; }
  .top-dishes .food-item .item-author-name { font-size: 12px; }
  .top-dishes .food-item .title { padding-bottom: 0 !important; }

  /* Сторінка страви: три фото — слайдер пальцем */
  .food-avatar-wrap .gallery { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 10px; margin: 0 -16px; padding: 0 16px 8px; }
  .food-avatar-wrap .gallery::-webkit-scrollbar { display: none; }
  .food-avatar-wrap .gallery > .row { display: contents; }
  .food-avatar-wrap .gallery > .food-avatar, .food-avatar-wrap .gallery > .row > .col-6 { flex: 0 0 86%; max-width: 86%; padding: 0; scroll-snap-align: center; transform: none !important; }
  .food-avatar-wrap .gallery > .row > .col-6 .food-avatar { height: 100%; min-height: 200px; margin: 0; transform: none !important; }
  .food-avatar-wrap .gallery > .food-avatar img { width: 100%; height: 100%; object-fit: cover; }

  /* Сторінка страви: інгредієнти компактніше */
  .recipe li { padding: 5px 12px; font-size: 15px; line-height: 1.35; border-radius: 12px; margin-bottom: 2px; }
  .recipe ul { padding-left: 0; }

  /* Сторінка страви: «Інші страви» — слайдер, по 2 картки в ряд */
  .orange-text-wave2 .mb-5 { margin-bottom: 12px !important; }
  .orange-text-wave2 .over-wrap .row { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 10px; margin: 0 -16px; padding: 0 16px 8px; }
  .orange-text-wave2 .over-wrap .row::-webkit-scrollbar { display: none; }
  .orange-text-wave2 .over-wrap .row > .col-md-4 { flex: 0 0 calc(50% - 26px); max-width: calc(50% - 26px); padding: 0; scroll-snap-align: start; }
  .orange-text-wave2 .food-item-ava { height: 120px !important; }
  .orange-text-wave2 .food-item .card { margin-bottom: 8px !important; border-width: 4px !important; border-radius: 14px !important; }
  .orange-text-wave2 .food-item .h3, .orange-text-wave2 .food-item h3 { font-size: 16px; line-height: 1.25; margin-bottom: 4px; }
  .orange-text-wave2 .food-item .item-author-name, .orange-text-wave2 .food-item p { font-size: 12px; }
  .orange-text-wave2 .food-item .title { padding-bottom: 0 !important; }

  /* Меню — компактніше */
  .main-menu { width: 86vw; max-width: 360px; padding-top: 14px; overflow-y: auto; }
  .main-menu .logo-menu { margin: 0 0 12px 84px; }
  .main-menu .logo-menu img { width: 120px !important; }
  .main-menu .menu-close { top: 18px; left: 16px; }
  .main-menu-top > li > a, .main-menu-top > li > span { padding: 9px 22px; font-size: 1rem; line-height: 1.25rem; }
  .main-menu-top > li > a:before, .main-menu-top > li > span:before { width: 28px; height: 28px; margin-top: -4px; background-size: 14px auto; }
  .main-menu .main-menu-list a { padding: 8px 22px 8px 34px; }

  /* ===== Авангард і артефакти на телефоні (13.11.2026) ===== */
  /* Шапка списку: компактніша, підзаголовок не ховається під хвилею */
  .catalog-list-header-wrap > p:first-child { display: none; }
  .catalog-list-header-wrap h1 { font-size: 1.65rem !important; line-height: 1.2 !important; margin: 0 0 8px !important; }
  .catalog-list-header-wrap p { font-size: 15px; line-height: 1.35; margin: 0; opacity: .9; }
  .catalog-list-header .top-info-container { padding-top: 0 !important; padding-bottom: 70px !important; min-height: 0 !important; }
  .section-filter-btn { margin-top: .5rem; padding: 12px; font-size: 13px; }
  /* Сітка робіт: дві рівні колонки, фото згори, підпис під ним */
  .masonry-grid { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr); width: auto !important; gap: 12px; height: auto !important; margin: 0 !important; }
  .masonry-grid .grid-item { position: static !important; left: auto !important; top: auto !important; width: auto !important; padding: 0 !important; transform: none !important; }
  .masonry-grid .card-catalog-item { display: flex; flex-direction: column; height: 100% !important; min-height: 0; margin: 0; border: 3px solid #fff !important; border-radius: 16px; background: #fff !important; box-shadow: 0 4px 14px rgba(0,0,0,.1); }
  .masonry-grid .image-wrapper { order: -1; position: static; flex: 0 0 150px; height: 150px !important; overflow: hidden; border-radius: 13px 13px 0 0; }
  .masonry-grid .image-wrapper img { position: static; width: 100%; height: 100%; object-fit: cover; display: block; }
  .masonry-grid .card-catalog-item .caption { position: static; padding: 8px 10px 10px; background: #fff !important; color: #6b7a8c; font-size: 12px; line-height: 1.3; flex: 1; }
  .masonry-grid .card-catalog-item .caption .title { margin-bottom: 3px; color: #046bb5; font: 14px/1.25 'MuseoSansBold', Arial, sans-serif; overflow-wrap: normal; word-break: normal; hyphens: auto; -webkit-hyphens: auto; }
  .masonry-grid .card-catalog-item .caption .item-author { height: auto; color: #8a8a8a; margin-top: 2px; }
  .masonry-grid .item-author-name { font-size: 12px !important; line-height: 1.3 !important; }
  /* Сторінка роботи: шапка без зайвої висоти, стрілки поверх фото */
  .product-header .top-info-container { padding: 0 0 46px !important; min-height: 0 !important; }
  .product-header .path-page p { font-size: 1.25rem; line-height: 1.3; margin: 0; }
  .product-header .path-page p a { color: #fff; }
  .section-exhibit { padding-top: 6px !important; }
  .path-exhibit { font-size: 13px; line-height: 1.4; margin-bottom: 10px !important; }
  .path-exhibit strong { font-weight: 700; }
  .exhibit-thmb { position: relative; margin: 0 -16px 14px !important; padding: 0 !important; }
  .exhibit-thmb-wrap, .exhibit-thmb figure { margin: 0 !important; }
  .exhibit-thmb img { width: 100%; height: auto; max-height: 62svh; object-fit: contain; display: block; background: #f3ead9; }
  .exhibit-pagination { position: absolute !important; top: 50% !important; bottom: auto !important; z-index: 5; width: 40px !important; height: 40px !important; margin-top: -20px; border-radius: 50%;
    background-color: rgba(255,255,255,.85) !important; background-size: 14px !important; background-position: center !important; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
  .exhibit-left { left: 10px !important; right: auto !important; }
  .exhibit-right { right: 10px !important; left: auto !important; }
  .exhibit-about-wrap h2, .exhibit-about-wrap h2 p { font-size: 1.35rem !important; line-height: 1.25 !important; }
  .exhibit-about-desc { font-size: 14px; }
}

/* ===== Гра «Знайди страву» на столі «Смаків» (13.11.2026) ===== */
.page-31:has(.food-btn:hover) .next-section { opacity: 0; pointer-events: none; }
.au-fg-start { position: absolute; z-index: 16; right: 16px; bottom: 34px; display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 18px 11px 14px; border: 0; border-radius: 40px; background: #ffe4b5; color: #046bb5; font: 15px/1.1 'MuseoSansBold', Arial, sans-serif;
  box-shadow: 0 6px 18px rgba(0,0,0,.28); cursor: pointer; animation: au-fg-pulse 2.4s ease-in-out infinite; }
.au-fg-ico { font-size: 18px; }
@keyframes au-fg-pulse { 0%,100% { transform: scale(1) } 50% { transform: scale(1.05) } }
body.au-fg-on { overflow: hidden; }
body.au-fg-on .food-img-interactive { background: linear-gradient(#0b4a1d, #1f6e2c 45%, #f1ede4 78%); }
body.au-fg-on .au-fg-start, body.au-fg-on .next-section, body.au-fg-on #menu-toggle, body.au-fg-on .share-fixed, body.au-fg-on .powered-by, body.au-fg-on .logo-inner { opacity: 0 !important; pointer-events: none; }
body.au-fg-on .food-container .food-btn:not(.au-fg-dish) { display: none; }
body.au-fg-on .food-btn > div { display: none !important; }
body.au-fg-on .food-container .food-btn.au-fg-dish:after { background-color: rgba(255,255,255,.55); border-radius: 100px; transform: scale(.9); }
body.au-fg-on .food-btn:hover:before { transform: none; }
.top-food-img { transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.food-btn.au-fg-ok:after { background-color: rgba(76,200,110,.95) !important; transform: scale(1.35) !important; }
.food-btn.au-fg-bad { animation: au-fg-shake .4s; }
.food-btn.au-fg-bad:after { background-color: rgba(230,60,60,.85) !important; transform: scale(1.2) !important; }
.food-btn.au-fg-show:after { background-color: rgba(255,228,181,1) !important; transform: scale(1.5) !important; animation: au-fg-blink .4s 3; }
@keyframes au-fg-shake { 0%,100% { translate: 0 } 25% { translate: -6px } 75% { translate: 6px } }
@keyframes au-fg-blink { 50% { opacity: .3 } }
.au-fg-hud { position: fixed; z-index: 3000; left: 10px; right: 10px; top: 10px; max-width: 520px; margin: 0 auto; padding: 10px 14px 12px;
  border-radius: 18px; background: rgba(4,107,181,.94); color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.3);
  transform: translateY(-140%); transition: transform .35s ease; }
.au-fg-hud.show { transform: none; }
.au-fg-row { display: flex; align-items: center; gap: 12px; font-size: 13px; }
.au-fg-lives { color: #ffb3b3; letter-spacing: 2px; font-size: 15px; }
.au-fg-score { margin-left: auto; font-family: 'MuseoSansBold', Arial, sans-serif; }
.au-fg-x { border: 0; background: rgba(255,255,255,.18); color: #fff; width: 28px; height: 28px; border-radius: 50%; font-size: 13px; line-height: 28px; padding: 0; }
.au-fg-ask { margin: 6px 0 8px; font-size: 21px; line-height: 1.2; color: #ffe4b5; font-family: 'MuseoSansBold', Arial, sans-serif; }
.au-fg-ask small { font-size: 14px; color: #fff; font-family: inherit; opacity: .85; }
.au-fg-ask.pop { animation: au-fg-pop .35s ease; }
@keyframes au-fg-pop { 0% { transform: scale(.9); opacity: .3 } 100% { transform: none; opacity: 1 } }
.au-fg-bar { height: 6px; border-radius: 6px; background: rgba(255,255,255,.25); overflow: hidden; }
.au-fg-bar i { display: block; height: 100%; background: #ffe4b5; border-radius: 6px; transition: width .1s linear; }
.au-fg-bar i.low { background: #ff8a7a; }
.au-fg-toast { position: absolute; left: 50%; top: 100%; margin-top: 10px; transform: translate(-50%, -6px); opacity: 0; padding: 7px 16px; border-radius: 30px;
  background: #fff; color: #046bb5; font: 15px 'MuseoSansBold', Arial, sans-serif; white-space: nowrap; box-shadow: 0 4px 14px rgba(0,0,0,.25); transition: all .2s; pointer-events: none; }
.au-fg-toast.show { opacity: 1; transform: translate(-50%, 0); }
.au-fg-toast.good { background: #4cc86e; color: #fff; }
.au-fg-toast.bad { background: #e65050; color: #fff; }
.au-fg-panel { position: fixed; inset: 0; z-index: 3001; display: flex; align-items: center; justify-content: center; padding: 16px;
  background: rgba(2,40,80,.45); opacity: 0; pointer-events: none; transition: opacity .25s; }
.au-fg-panel.show { opacity: 1; pointer-events: auto; }
.au-fg-card { width: 100%; max-width: 380px; max-height: 92vh; overflow: auto; padding: 22px 22px 16px; border-radius: 22px; background: #fff; color: #333; text-align: center; box-shadow: 0 16px 40px rgba(0,0,0,.35); }
.au-fg-card h3 { color: #046bb5; font-size: 22px; margin: 4px 0 8px; }
.au-fg-card p { font-size: 15px; line-height: 1.45; margin: 0 0 10px; }
.au-fg-big { font-size: 42px; line-height: 1; }
.au-fg-total { font: 44px/1 'MuseoSansBold', Arial, sans-serif !important; color: #046bb5; margin: 6px 0 !important; }
.au-fg-best { color: #c47a00; }
.au-fg-sub { font-size: 13px !important; color: #777; margin-top: 6px !important; }
.au-fg-list { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-bottom: 14px; }
.au-fg-list a { padding: 5px 11px; border-radius: 20px; background: #eef5fb; color: #046bb5; font-size: 13px; text-decoration: none; }
.au-fg-card .au-fg-go { display: block; width: 100%; margin: 6px 0 4px; }
.au-fg-link { border: 0; background: none; color: #046bb5; font-size: 14px; padding: 8px; text-decoration: underline; }
@media (max-width: 680px) {
  .au-fg-start { right: 12px; bottom: 30px; padding: 10px 14px 10px 12px; font-size: 14px; }
  .page-31 .next-section { left: 22px; margin-left: 0; }
}

/* Тест після статті спадщини (au-quiz.js) */
html.au-qz-lock, html.au-qz-lock body { overflow: hidden }
.au-qz { position: fixed; inset: 0; z-index: 10000; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(16, 61, 148, .55) }
.au-qz.show { display: flex }
.au-qz-card { position: relative; width: 100%; max-width: 620px; max-height: calc(100vh - 32px); overflow: auto; background: #fff8ea; border-radius: 28px; padding: 32px 32px 28px; color: #1d2b4f; box-shadow: 0 20px 60px rgba(0, 0, 0, .25) }
.au-qz-x { position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: #ffe4b5; color: #103d94; font-size: 16px; cursor: pointer }
.au-qz-step { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #056ab2 }
.au-qz-bar { height: 6px; border-radius: 3px; background: #f2cfa4; overflow: hidden; margin: 0 48px 20px 0 }
.au-qz-bar i { display: block; height: 100%; background: #056ab2; transition: width .3s }
.au-qz-q { margin: 0 0 18px; font-size: 22px; line-height: 1.3; font-weight: 700; color: #103d94 }
.au-qz-opts { display: grid; gap: 10px }
.au-qz-opt { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; padding: 12px 14px; border: 2px solid #f2cfa4; border-radius: 16px; background: #fff; color: #1d2b4f; font: inherit; font-size: 16px; line-height: 1.35; cursor: pointer }
.au-qz-opt b { flex: 0 0 30px; height: 30px; border-radius: 50%; background: #ffe4b5; color: #103d94; display: flex; align-items: center; justify-content: center; font-size: 14px }
.au-qz-opt:disabled { cursor: default }
.au-qz-opt.ok { border-color: #2e9d5b; background: #e8f6ec }
.au-qz-opt.ok b { background: #2e9d5b; color: #fff }
.au-qz-opt.bad { border-color: #d24b3e; background: #fbeae7 }
.au-qz-opt.bad b { background: #d24b3e; color: #fff }
.au-qz-fb p { margin: 16px 0 0; font-size: 16px }
.au-qz-fb p.ok { color: #2e7d4c; font-weight: 700 }
.au-qz-fb p.bad { color: #b23a2f }
.au-qz-fb p.bad b { color: #1d2b4f }
.au-qz-btn { display: inline-block; margin-top: 18px; padding: 13px 28px; border: 0; border-radius: 30px; background: #056ab2; color: #fff; font: inherit; font-weight: 700; font-size: 16px; cursor: pointer }
.au-qz-link { display: block; margin: 12px auto 0; border: 0; background: none; color: #056ab2; font: inherit; text-decoration: underline; cursor: pointer }
.au-qz-score { font-size: 72px; font-weight: 800; color: #103d94; line-height: 1; margin: 10px 0 }
.au-qz-score small { font-size: 32px; color: #8a7a60 }
.au-qz-g { font-size: 18px; margin: 0 }
.au-qz-body:has(.au-qz-score) { text-align: center }
@media (hover: hover) {
  .au-qz-opt:not(:disabled):hover { border-color: #056ab2 }
  .au-qz-btn:hover { background: #046bb5 }
}
@media (max-width: 680px) {
  .au-qz { padding: 0; align-items: flex-end }
  .au-qz-card { max-width: none; border-radius: 24px 24px 0 0; padding: 24px 18px calc(20px + env(safe-area-inset-bottom)); max-height: 92vh }
  .au-qz-q { font-size: 19px }
  .au-qz-opt { font-size: 15px; padding: 11px 12px }
  .au-qz-btn { width: 100% }
}

/* 13.11 (Дмитро): рівні відступи «Відвідай віртуально» на компʼютері, цитати не вилазять, крапки слайдерів — одне коло */
.main-page-slider-top .slick-dots button::before, .au-quotes .slick-dots button::before { display: none !important; content: none !important; }
.au-quotes { max-width: 1020px !important; }
.au-quotes .item { max-width: none !important; margin: 0 !important; }
@media (min-width: 681px) {
  .au-virtual h2.text-center { margin: 0 auto 18px !important; padding: 0 !important; }
  .au-virtual-lead { margin: 0 auto 44px !important; max-width: 760px; }
  .au-virtual .row { display: flex; flex-wrap: nowrap; justify-content: center; gap: 32px; max-width: 1180px; margin: 0 auto !important; padding: 0 24px; }
  .au-virtual .col-card { flex: 1 1 0; max-width: 360px; min-width: 0; padding: 0 !important; margin: 0 !important; transform: none !important; }
  .au-virtual .col-card .card { margin: 0 !important; top: 0 !important; transform: none !important; }
}
@media (min-width: 681px) {
  /* крапки першого екрана — у ряд зі стрілками, а не на хвилі */
  .main-page-slider-top .slick-dots { left: auto !important; right: 200px !important; bottom: 230px !important; justify-content: flex-end; }
}
a.test-btn.au-quiz-open { display: inline-block; overflow: hidden; color: #ffe4b5 !important; text-decoration: none !important; }

/* «Музеї» — компактна сучасна сітка (au-museums.js) */
.museum-list.grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; height: auto !important; max-width: 1180px; margin: 0 auto; }
.museum-list.grid .card.au-mu { position: relative !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0; border-radius: 24px; overflow: hidden; background: #fff8ea; box-shadow: 0 8px 24px rgba(16, 61, 148, .10); cursor: pointer; transition: transform .2s, box-shadow .2s; }
.museum-list.grid .card.au-mu .flex-row { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; height: 100%; margin: 0 !important; }
.au-mu .flex-col { width: 100% !important; max-width: none !important; flex: none !important; padding: 0 !important; order: 0 !important; }
.au-mu .col-pic { position: relative; aspect-ratio: 4 / 3; height: auto !important; min-height: 0 !important; background-size: cover; background-position: center; }
.au-mu .col-text { flex: 1 1 auto !important; display: flex; }
.au-mu .museum-caption { display: flex; flex-direction: column; gap: 8px; width: 100%; padding: 18px 20px 20px !important; }
.au-mu .museum-caption .title { margin: 0 !important; }
.au-mu .museum-caption .title a { font-size: 19px; line-height: 1.25; font-weight: 700; color: #103d94; text-decoration: none; }
.au-mu .museum-caption .addr { margin: 0 !important; font-size: 14px; line-height: 1.35; color: #5d6b8a; padding-left: 22px !important; background-size: 14px auto !important; background-position: 0 2px !important; min-height: 0 !important; }
.au-mu .museum-caption .desc { margin: 0 !important; }
.au-mu .museum-caption .desc p { margin: 0; font-size: 14px; line-height: 1.5; color: #1d2b4f; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.au-mu-more { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 700; color: #056ab2; }
.au-mu-city { position: absolute; left: 14px; top: 14px; z-index: 2; padding: 5px 12px; border-radius: 20px; background: rgba(255, 248, 234, .94); color: #103d94; font-size: 13px; font-weight: 700; }
.au-mu .col-pic .virtual-link.au-mu-tour { position: absolute !important; right: 14px; top: 14px; left: auto !important; bottom: auto !important; transform: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 5px 12px 5px 30px !important; border-radius: 20px; background: #056ab2 url(/images/vr.svg) no-repeat 9px center / 16px auto !important; color: #fff !important; font-size: 13px !important; font-weight: 700; line-height: 1.4 !important; text-transform: none !important; z-index: 2; }
.au-mu .col-pic .virtual-link.au-mu-tour::before, .au-mu .col-pic .virtual-link.au-mu-tour::after { display: none !important; }
.au-mu-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 1180px; margin: 0 auto 28px; }
.au-mu-chips button { padding: 9px 18px; border: 2px solid #f2cfa4; border-radius: 30px; background: #fff8ea; color: #103d94; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.au-mu-chips button i { font-style: normal; color: #8a7a60; font-weight: 400; margin-left: 2px; }
.au-mu-chips button.on { background: #056ab2; border-color: #056ab2; color: #fff; }
.au-mu-chips button.on i { color: #ffe4b5; }
.au-mu-fbtn, .au-mu-sheet { display: none; }
@media (hover: hover) {
  .museum-list.grid .card.au-mu:hover { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(16, 61, 148, .18); }
  .au-mu-chips button:not(.on):hover { border-color: #056ab2; }
}
@media (max-width: 1100px) { .museum-list.grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
@media (max-width: 680px) {
  .museum-list-header h1 { font-size: 2rem !important; margin-bottom: 8px !important; }
  .museum-list-header p:not(:first-child) { font-size: 14px !important; line-height: 1.45 !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
  .page-locations .section-catalog { padding-top: 6px !important; }
  .museum-list.grid { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-bottom: 70px; }
  .museum-list.grid .card.au-mu { border-radius: 18px; box-shadow: 0 4px 14px rgba(16, 61, 148, .10); }
  .museum-list.grid .card.au-mu .flex-row { flex-direction: row !important; }
  .museum-list.grid .card.au-mu .col-text { flex: 1 1 auto !important; width: auto !important; min-width: 0; }
  .museum-list-header-section { min-height: 0 !important; max-height: none !important; height: auto !important; padding-bottom: 40px !important; }
  .au-mu .col-pic { flex: 0 0 116px !important; width: 116px !important; aspect-ratio: auto; min-height: 128px !important; }
  .au-mu-city { display: none; }
  .au-mu .col-pic .virtual-link.au-mu-tour { left: 6px !important; right: 6px; top: auto; bottom: 6px !important; padding: 3px 6px 3px 24px !important; font-size: 11px !important; background-position: 6px center !important; background-size: 14px auto !important; text-align: center; }
  .au-mu .museum-caption { padding: 12px 14px !important; gap: 4px; }
  .au-mu .museum-caption .title a { font-size: 16px; }
  .au-mu .museum-caption .addr { font-size: 12.5px; padding-left: 18px !important; background-size: 12px auto !important; }
  .au-mu .museum-caption .desc p { font-size: 13px; line-height: 1.4; -webkit-line-clamp: 2; }
  .au-mu-more { display: none; }
  .page-locations > .au-mu-chips, .section-catalog .au-mu-chips:not(.au-mu-chips-sheet) { display: none; }
  .au-mu-fbtn { display: flex; align-items: center; gap: 2px; position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 900; transform: translate(-50%, 120px); padding: 12px 22px 12px 44px; border: 0; border-radius: 30px; background: #103d94 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffe4b5' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E") no-repeat 16px center / 20px; color: #fff; font: inherit; font-size: 15px; font-weight: 700; box-shadow: 0 8px 22px rgba(16, 61, 148, .35); transition: transform .25s; }
  .au-mu-fbtn.in { transform: translate(-50%, 0); }
  .au-mu-fbtn b { font-weight: 700; color: #ffe4b5; }
  .au-mu-sheet { display: block; position: fixed; inset: 0; z-index: 10000; background: rgba(16, 61, 148, 0); pointer-events: none; transition: background .25s; }
  .au-mu-sheet.show { background: rgba(16, 61, 148, .45); pointer-events: auto; }
  .au-mu-sheet-in { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 18px calc(18px + env(safe-area-inset-bottom)); background: #fff8ea; border-radius: 24px 24px 0 0; transform: translateY(100%); transition: transform .28s ease; }
  .au-mu-sheet.show .au-mu-sheet-in { transform: none; }
  .au-mu-grab { display: block; width: 40px; height: 4px; border-radius: 2px; background: #f2cfa4; margin: 0 auto 10px; }
  .au-mu-sheet-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; color: #103d94; font-size: 18px; }
  .au-mu-sx { width: 34px; height: 34px; border: 0; border-radius: 50%; background: #ffe4b5; color: #103d94; }
  .au-mu-chips-sheet { justify-content: flex-start; margin: 0 0 18px; }
  .au-mu-show { width: 100%; padding: 14px; border: 0; border-radius: 30px; background: #056ab2; color: #fff; font: inherit; font-weight: 700; font-size: 16px; }
}

/* 13.11 (Дмитро): плитки категорій страв на компʼютері — нижчі, у ряд */
@media (min-width: 681px) {
  .food-tags-light { padding: 12px 0 0 !important; }
  .food-tags-light .row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0 !important; }
  .food-tags-light .row > .col { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; }
  .food-tags-light .food-tag { display: flex !important; align-items: center; gap: 10px; height: auto !important; margin: 0 !important; padding: 10px 20px 10px 12px !important; border-radius: 40px !important; font-size: 16px !important; line-height: 1.2 !important; transform: none !important; white-space: nowrap; }
  .food-tags-light .food-tag:before { flex: 0 0 38px; width: 38px !important; height: 38px !important; margin: 0 !important; background-size: 30px !important; }
  .food-page-spot4 { padding-top: 0 !important; padding-bottom: 10px !important; min-height: 0 !important; }
}

/* Сторінки регіонів: компактніше, кнопка «Читати рецепт», «Інші регіони» — кнопочки */
.area-inside .food-list-slider-component .food-slider-desc-link { width: auto !important; flex: 0 0 auto; align-items: center !important; padding-left: 20px; }
.area-inside .food-list-slider-component .food-slider-desc-link-text::before { display: none !important; }
.area-inside .food-list-slider-component .food-slider-desc-link-text span { width: auto !important; padding: 11px 22px !important; border: 0 !important; border-radius: 30px; background: #056ab2; color: #fff !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; white-space: nowrap; box-shadow: 0 6px 16px rgba(5, 106, 178, .25); transition: background .2s; }
.area-inside .food-list-slider-component .food-slider-desc-link-text span::after { content: ' →'; }
.area-inside .food-list-slider-component .food-slider-desc-text { flex: 1 1 auto; width: auto !important; height: auto !important; max-height: 150px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.area-inside .food-list-slider-component .food-slider-desc { display: flex; align-items: center; }
.more-regions-container .row { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 !important; }
.more-regions-container .region-item-col { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; transform: none !important; }
.more-regions-container .region-item { position: relative; width: auto !important; height: auto !important; border: 2px solid #f2cfa4 !important; border-radius: 30px !important; background: #fff8ea !important; transition: border-color .2s; }
.more-regions-container .region-item a { display: block; position: static !important; padding: 9px 18px !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 700; color: #103d94 !important; text-decoration: none; transform: none !important; }
.more-regions-container .region-item a::after { content: ''; position: absolute; inset: 0; }
.more-regions-container h3 { margin-bottom: 14px !important; }
.more-regions-container { padding-top: 10px !important; padding-bottom: 30px !important; min-height: 0 !important; }
@media (hover: hover) {
  .area-inside .food-list-slider-component .food-slider-desc-link-text span:hover { background: #103d94; }
  .more-regions-container .region-item:hover { border-color: #056ab2 !important; }
}
@media (min-width: 681px) {
  .area-inside .section-areas-info, .area-inside .section-body { padding-top: 0 !important; }
  .area-inside .section-areas-info-title { margin-bottom: 14px !important; }
  .area-inside .region-page-slider-title h3 { margin: 18px 0 10px !important; }
}
.main-menu .main-menu-list .au-menu-sub { padding: 18px 80px 6px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 228, 181, .6); }
@media (max-width: 768px) { .main-menu .main-menu-list .au-menu-sub { padding: 14px 40px 4px 80px; } }
@media (max-width: 680px) { .main-menu .main-menu-list .au-menu-sub { padding: 12px 22px 4px 34px; } }
/* лапки цитат не обрізаються краєм слайдера */
.testimonials .item:before { top: 6px !important; }
.testimonials .item:after { bottom: 6px !important; }
.testimonials .slick-dots button::before, .testimonials .slick-dots li button::before { display: none !important; }
.testimonials .slick-dots { display: flex !important; justify-content: center; gap: 10px; margin: 6px 0 0; padding: 0; list-style: none; }
.testimonials .slick-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(5, 106, 178, .3); font-size: 0; }
.testimonials .slick-dots .slick-active button { background: #056ab2; }
.main-menu .main-menu-list .back { float: none !important; margin: 0 0 8px 34px; }
@media (min-width: 769px) { .main-menu .main-menu-list .back { display: none !important; } }
/* «Музеї»: адреса з маленькою іконкою, назва без зайвих відступів */
.au-mu .museum-caption .title { font-size: inherit !important; line-height: 1.25 !important; }
.au-mu .museum-caption .title a { display: block; }
.au-mu .museum-caption .addr { position: relative; padding-left: 20px !important; }
.au-mu .museum-caption .addr:before { position: absolute !important; left: 0; top: 2px; width: 15px !important; height: 15px !important; margin: 0 !important; background-size: 15px !important; }
.museum-list.grid .card.au-mu .col-pic { align-self: stretch; }
@media (max-width: 680px) {
  .au-mu .museum-caption .addr { padding-left: 17px !important; }
  .au-mu .museum-caption .addr:before { width: 13px !important; height: 13px !important; background-size: 13px !important; top: 1px; }
  .museum-list-header-section .museum-list-header { padding: 0 !important; }
}
.museum-list.grid .card.au-mu { min-height: 0 !important; }
.more-regions-container .region-item-col { margin: 0 !important; }
@media (max-width: 680px) {
  .more-regions-container .row { justify-content: center; gap: 8px; }
  .more-regions-container h3 { text-align: center; }
  .area-inside .food-list-slider-component .museum-caption { padding: 16px 18px !important; }
  .area-inside .food-list-slider-component .museum-caption .title { font-size: 20px !important; line-height: 1.25 !important; margin-bottom: 8px !important; }
  .area-inside .food-list-slider-component .food-slider-desc-text { -webkit-line-clamp: 3; font-size: 14px; }
  .area-inside .food-list-slider-component .flex-col.col-pic { min-height: 170px !important; height: 170px !important; }
  .area-inside .section-areas-info-text { font-size: 15px !important; line-height: 1.55 !important; }
}
.more-regions-container .region-item { margin: 0 !important; }
@media (max-width: 680px) {
  .area-inside .food-list-slider-component .food-slider-desc { margin: 0 !important; min-height: 0 !important; height: auto !important; padding: 0 !important; }
  .area-inside .food-list-slider-component .museum-caption, .area-inside .food-list-slider-component .col-text { height: auto !important; min-height: 0 !important; }
}
.main-menu-top > li > .menu-link > a.au-menu-head { color: inherit; text-decoration: none; padding: 0 !important; display: inline; }
.main-menu-top > li > .menu-link > a.au-menu-head::before { display: none !important; }

/* «Нематеріальна спадщина України»: п'ять форм кружечками замість «Віртуальних турів» (13.11.2026) */
.au-intro-full { max-width: 900px; float: none; }
@media (min-width: 768px) { .vstup-wrap2:has(.au-intro-full) { margin-left: 0 !important; } .vstup-wrap2 .au-intro-full { margin-left: 0 !important; } }
.au-forms { padding: 70px 0 90px; text-align: center; }
.au-forms h2 { color: #17355d; margin: 0 auto 44px; }
.au-forms-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 36px 28px; max-width: 1200px; margin: 0 auto; }
.au-forms .au-form { width: 196px; display: flex; flex-direction: column; align-items: center; text-decoration: none !important; color: #17355d; }
.au-forms .au-form-pic { width: 180px; height: 180px; border-radius: 50%; background-color: #f3e7cf; background-size: 175% auto; background-position: center 45%; background-repeat: no-repeat;
  border: 6px solid #fff; box-shadow: 0 10px 28px rgba(23, 53, 93, .16); transition: transform .25s ease, box-shadow .25s ease; }
.au-forms .au-form em { font-style: normal; font-weight: 700; font-size: 14px; letter-spacing: .1em; color: #d69a2d; margin: 16px 0 4px; }
.au-forms .au-form b { font-size: 17px; line-height: 1.3; font-weight: 700; }
@media (hover: hover) {
  .au-forms .au-form:hover .au-form-pic { transform: translateY(-6px) scale(1.03); box-shadow: 0 16px 34px rgba(23, 53, 93, .24); }
}
@media (max-width: 767px) {
  .au-forms { padding: 40px 0 56px; }
  .au-forms h2 { margin-bottom: 26px; font-size: 26px; }
  .au-forms-row { gap: 26px 14px; padding: 0 12px; }
  .au-forms .au-form { width: calc(50% - 7px); }
  .au-forms .au-form-pic { width: 136px; height: 136px; border-width: 4px; }
  .au-forms .au-form b { font-size: 15px; }
  .au-forms .au-form:last-child { width: 100%; }
}

/* «Артефакти-символи» (13.11.2026): шапка з трьома предметами праворуч, назви карток під фото */
.au-arts-head .catalog-list-header-wrap { max-width: 54%; position: relative; z-index: 2; }
@media (min-width: 992px) { .au-arts-head .header-wrap { padding-bottom: 90px !important; } .au-arts-head h1 { font-size: 44px !important; line-height: 1.12 !important; } }
.au-arts-head .top-info-container { position: relative; }
.au-ah { position: absolute; right: 0; top: -10px; width: 40%; max-width: 520px; height: 290px; z-index: 1; }
.au-ah-pic { position: absolute; display: block; border-radius: 22px; overflow: hidden; border: 6px solid #fff; background: #fff;
  box-shadow: 0 18px 40px rgba(6, 30, 70, .35); transition: transform .3s ease; }
.au-ah-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.au-ah-1 { width: 54%; height: 82%; left: 23%; top: 0; z-index: 3; }
.au-ah-2 { width: 36%; height: 64%; left: 0; top: 22%; transform: rotate(-6deg); z-index: 2; }
.au-ah-3 { width: 36%; height: 64%; right: 0; top: 18%; transform: rotate(6deg); z-index: 2; }
@media (hover: hover) {
  .au-ah-pic:hover { transform: translateY(-6px) rotate(0); z-index: 4; }
}
@media (max-width: 991px) {
  .au-arts-head .catalog-list-header-wrap { max-width: none; }
  .au-ah { position: relative; right: auto; top: auto; transform: none; width: 100%; max-width: 360px; height: 190px; margin: 18px auto 10px; }
}

.au-art-grid .card-catalog-item { display: flex !important; flex-direction: column !important; background: #fff; border-radius: 18px; overflow: hidden;
  box-shadow: 0 8px 24px rgba(23, 53, 93, .10); text-decoration: none !important; }
.au-art-grid .card-catalog-item .image-wrapper { border-radius: 0 !important; margin: 0 !important; }
.au-art-grid .card-catalog-item .image-wrapper { height: auto !important; padding: 0 !important; overflow: hidden; }
.au-art-grid .card-catalog-item .image-wrapper img { position: static !important; width: 100% !important; height: auto !important; min-height: 120px; object-fit: cover; transition: transform .5s ease; }
.au-art-grid .card-catalog-item .caption { position: static !important; display: block !important; background: #fff !important; color: #17355d !important;
  padding: 14px 18px 16px !important; width: auto !important; }
.au-art-grid .card-catalog-item .caption .title { font-size: 17px !important; line-height: 1.3 !important; font-weight: 700; max-width: none; margin-bottom: 4px; }
.au-art-grid .card-catalog-item .caption > div:nth-child(2) { color: #d69a2d; font-weight: 700; font-size: 14px; }
.au-art-grid .card-catalog-item .caption .item-author { display: none; }
.au-art-grid .card-catalog-item:before, .au-art-grid .card-catalog-item:after { display: none !important; }
@media (hover: hover) {
  .au-art-grid .card-catalog-item:hover .image-wrapper img { transform: scale(1.04); }
}
@media (max-width: 767px) {
  .au-art-grid .card-catalog-item .caption { padding: 10px 12px 12px !important; }
  .au-art-grid .card-catalog-item .caption .title { font-size: 14px !important; }
  .au-art-grid .card-catalog-item .caption > div:nth-child(2) { font-size: 12px; }
}
.au-art-grid .card-catalog-item { min-height: 0 !important; border-radius: 18px !important; }

/* «Нематеріальна спадщина України», перший блок (13.11.2026): гасло великим заголовком зліва, текст справа */
.vstup-wrap:has(.au-intro-full) > h2:empty { display: none; }
.vstup-wrap:has(.au-intro-full) > p { font-family: inherit; font-size: 40px !important; line-height: 1.15 !important; font-weight: 700; color: #fff; margin: 0 0 24px; }
.vstup-wrap:has(.au-intro-full) .vstup-wrap2 { margin: 0 !important; }
@media (min-width: 992px) {
  .vstup-wrap:has(.au-intro-full) { display: grid; grid-template-columns: 5fr 7fr; gap: 60px; align-items: center; }
  .vstup-wrap:has(.au-intro-full) > p { margin: 0; font-size: 46px !important; }
}
@media (max-width: 767px) {
  .vstup-wrap:has(.au-intro-full) > p { font-size: 28px !important; }
}

.au-art-grid .card-catalog-item .image-wrapper { order: 1 !important; }
.au-art-grid .card-catalog-item .caption { order: 2 !important; }
@media (max-width: 767px) {
  .vstup-wrap:has(.au-intro-full) { padding-top: 40px; }
}

/* «Архітектура України» /architecture (13.11.2026): кружечки по центру на телефоні */
@media (max-width: 767px) {
  .au-arch .block-wrap-container { display: flex; justify-content: center; }
  .au-arch .hight-col { text-align: center; margin-bottom: 30px; }
}

/* Сторінка картини чи артефакту (13.11.2026): синя шапка вища, лого й «Меню» не налазять на хвилю */
@media (min-width: 768px) {
  section.product-header { height: 250px !important; }
  section.product-header .wave12 { top: auto !important; bottom: -2px !important; }
}

/* Шапка театрів, церков, музеїв просто неба (13.11.2026): компактніша */
@media (min-width: 768px) {
  .museum-list-header-section { padding-bottom: 30px !important; }
  .museum-list-header-section .museum-list-header { padding-top: 24px !important; padding-bottom: 24px !important; }
  .museum-list-header-section h1 { font-size: 36px !important; line-height: 1.15 !important; margin-bottom: 14px !important; }
  .museum-list-header-section .col-md-7 > p:not(:first-child) { font-size: 16px !important; line-height: 1.55 !important; max-width: 640px; }
  .museum-list-header-section .museum-list-header-link, .museum-list-header-section .museum-list-header-link:before { width: 160px !important; height: 160px !important; }
  .museum-list-header-section .museum-list-header-link { margin-bottom: 3rem !important; }
  .museum-list-header-section .museum-list-header-link a.h2 { font-size: 22px !important; white-space: nowrap; }
}

/* Меню на компʼютері (13.11.2026): плашки основних розділів з картинками праворуч */
.au-menu-tiles { display: none; }
@media (min-width: 1100px) {
  .au-menu-tiles { display: none; position: absolute; left: 620px; width: min(980px, calc(100vw - 700px)); top: 50%; transform: translateY(-50%); grid-template-columns: repeat(3, 1fr); gap: 22px; z-index: 5; transition: opacity .25s ease; }
  .main-menu.active .au-menu-tiles { display: grid; animation: au-mt-in .35s ease .15s both; }
  @keyframes au-mt-in { from { opacity: 0; transform: translateY(calc(-50% + 14px)); } to { opacity: 1; transform: translateY(-50%); } }
  .main-menu:has(.main-menu-top > li:hover > .main-menu-list) .au-menu-tiles, .main-menu:has(.main-menu-list.active) .au-menu-tiles { visibility: hidden; pointer-events: none; }
  .au-mt { position: relative; display: block; height: 0; padding-bottom: 82%; border-radius: 22px; overflow: hidden; text-decoration: none !important; box-shadow: 0 14px 34px rgba(0, 10, 50, .35); }
  .au-mt-pic { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform .5s ease; }
  .au-mt:after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 30, 80, 0) 30%, rgba(8, 24, 70, .92) 100%); }
  .au-mt-text { position: absolute; left: 20px; right: 20px; bottom: 16px; z-index: 2; color: #fff; }
  .au-mt-text b { display: block; font-size: 20px; line-height: 1.2; color: #ffe4b5; }
  .au-mt-text small { display: block; font-size: 13px; opacity: .9; margin-top: 4px; }
  .au-mt:hover .au-mt-pic { transform: scale(1.06); }
}

/* «Нематеріальна спадщина України»: декоративна лінія не виходить за хвилю (13.11.2026) */
.vstup.spot2:has(.au-intro-full):before, .vstup.spot2:has(.au-intro-full):after { display: none !important; }

/* Фільтри «Модернізму» й «Артефактів» (13.11.2026): білі округлі поля з тінню */
#product-filter-form .form-filter-col { border-bottom: 0 !important; background: #fff; border-radius: 999px; box-shadow: 0 6px 18px rgba(23, 53, 93, .10); padding: 4px 10px 4px 16px; min-height: 50px; display: flex; align-items: center; transition: box-shadow .2s ease; }
#product-filter-form .form-filter-col > .row { flex: 1; margin: 0; flex-wrap: nowrap; }
#product-filter-form .form-filter-col > .row > [class*="col-"] { padding: 0 4px; }
#product-filter-form .form-filter-col > .row > [class*="col-"] + [class*="col-"] { border-left: 1px solid #e6dcc8; }
#product-filter-form .form-filter-col .form-group { width: 100%; padding: 0 !important; margin: 0 !important; }
#product-filter-form .select2-container { width: 100% !important; }
#product-filter-form .select2-selection { border: 0 !important; background: transparent !important; box-shadow: none !important; height: 42px !important; display: flex !important; align-items: center; }
#product-filter-form .select2-selection__rendered { color: #17355d !important; font-weight: 600; font-size: 15px; padding-left: 4px !important; }
#product-filter-form .select2-selection__arrow b { border-color: #d69a2d transparent transparent !important; }
@media (hover: hover) { #product-filter-form .form-filter-col:hover { box-shadow: 0 8px 24px rgba(23, 53, 93, .18); } }
.select2-dropdown { border: 0 !important; border-radius: 16px !important; overflow: hidden; box-shadow: 0 14px 34px rgba(23, 53, 93, .2) !important; }
.select2-results__option--highlighted[aria-selected] { background: #046bb5 !important; }

/* Картини й предмети (13.11.2026): не зберегти правою кнопкою, не перетягнути, водяний знак на сторінці картини */
.exhibit-thmb img, figure.zoom img, .au-art-grid img, .au-ah img { -webkit-user-drag: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; pointer-events: none; }
.exhibit-thmb .exhibit-thmb-wrap { position: relative; }
figure.zoom { position: relative; -webkit-touch-callout: none; user-select: none; }
figure.zoom:after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 4; opacity: .28;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='200'%3E%3Ctext x='150' y='105' fill='white' stroke='rgba(0,0,0,.35)' stroke-width='.6' font-family='Arial,sans-serif' font-size='20' font-weight='700' text-anchor='middle' transform='rotate(-28 150 100)'%3E© Автентична Україна%3C/text%3E%3C/svg%3E");
  background-repeat: repeat; background-size: 300px 200px; }

/* Головна: декоративні лінії FAQ не виходять на жовтий фон (13.11.2026) */
.au-seo-faq.spot2:before, .au-seo-faq.spot2:after { display: none !important; }

/* Головна, текст про проєкт (13.11.2026): заголовок зліва, текст справа */
@media (min-width: 992px) {
  .au-about .au-seo { max-width: 1180px; display: grid; grid-template-columns: 5fr 7fr; column-gap: 60px; row-gap: 0; align-items: start; }
  .au-about .au-seo > h2 { grid-column: 1; grid-row: 1 / span 20; font-size: 42px; line-height: 1.15; margin: 0; }
  .au-about .au-seo > :not(h2) { grid-column: 2; }
  .au-about .au-seo > p:first-of-type { margin-top: 6px; }
}

/* Футер (13.11.2026): щільніше, новий знак Мінкульту як у Реєстрі */
.footer { padding-top: 70px !important; padding-bottom: 30px !important; }
.footer h4 { font-size: 20px !important; }
.footer .logos-list { margin-top: 16px !important; }
.footer .logo-footer img { max-width: 220px !important; }
.footer .au-mk { display: flex !important; align-items: center; gap: 14px; color: #fff; font-size: 15px; line-height: 1.25; font-weight: 500; text-align: left; }
.footer .au-mk img { width: 32px !important; height: 56px !important; flex: none; margin: 0 !important; display: block; }
.footer .au-mk i { display: block; width: 1px; height: 52px; background: rgba(255,255,255,.7); flex: none; }
@media (min-width: 992px) {
  .footer .row { align-items: center; }
}

@media (min-width: 768px) {
  #product-filter-form { display: flex !important; flex-wrap: wrap; gap: 14px; margin: 0 !important; }
  #product-filter-form > [class*="col-"] { flex: 1 1 180px; max-width: none !important; padding: 0 !important; }
  #product-filter-form > [class*="col-"]:first-child { flex: 1.7 1 300px; }
  section.product-header .path-page { display: none; }
}

/* Перемикач мови в шапці (13.11.2026): видно одразу, не лише в меню */
.au-lang { position: fixed; top: 22px; right: 28px; z-index: 6; display: flex; gap: 2px; padding: 3px; border-radius: 999px; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .55); backdrop-filter: blur(4px); }
.au-lang a, .au-lang span { display: block; min-width: 38px; padding: 6px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; line-height: 1; text-align: center; color: #fff !important; text-decoration: none !important; letter-spacing: .04em; }
.au-lang span.on { background: #ffe4b5; color: #17355d !important; }
@media (hover: hover) { .au-lang a:hover { background: rgba(255, 255, 255, .22); } }
@media (max-width: 991px) { .au-lang { top: 18px; right: 14px; } }
body.au-fg-on .au-lang, .main-menu.active ~ .au-lang { opacity: 0; pointer-events: none; }

/* Віртуальний тур: власна панорама (Pannellum) */
.street-view .au-pano { width: 100%; height: 100vh; height: 100dvh; min-height: 420px; background: #0d2a4a; }
.street-view .au-pano .pnlm-load-box { background: rgba(5, 106, 178, .8); border-radius: 14px; }
.street-view .au-pano .pnlm-controls-container { top: auto; bottom: 72px; left: auto; right: 16px; }
.au-pano-hint { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 3; pointer-events: none; padding: 10px 18px; border-radius: 999px; background: rgba(0, 0, 0, .55); color: #fff; font-size: 15px; white-space: nowrap; transition: opacity .4s; }
.au-pano-hint.off { opacity: 0; }
.au-pano .pnlm-hotspot-base.au-arrow { width: 84px; height: 64px; margin: -32px 0 0 -42px; background: none; border: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; perspective: 220px; }
.au-pano .pnlm-hotspot-base.au-arrow svg { width: 72px; height: 54px; display: block; flex: none; transform: rotateX(42deg); filter: drop-shadow(0 3px 3px rgba(0,0,0,.45)); transition: transform .15s; }
.au-pano .pnlm-hotspot-base.au-arrow span { display: none; }
@media (hover: hover) { .au-pano .pnlm-hotspot-base.au-arrow:hover svg { transform: rotateX(42deg) scale(1.15); } }

/* «Музеї» (13.11.2026): компактна шапка, щоб одразу було видно фільтри й перший ряд музеїв */
@media (min-width: 768px) {
  body:has(.museum-list.grid) .museum-list-header-section { min-height: 0 !important; padding-bottom: 64px !important; }
  body:has(.museum-list.grid) .museum-list-header-section .museum-list-header { padding-top: 12px !important; padding-bottom: 0 !important; }
  body:has(.museum-list.grid) .museum-list-header-section .col-md-7 > p:not(:first-child) { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-width: 760px; }
  .section-body:has(.museum-list.grid) { padding-top: 8px !important; }
  .section-body .au-mu-chips { margin-bottom: 22px; }
}

/* Тур: компактна шапка й лого, «Усі тури», назва, перелік панорам, карта (13.11.2026, Дмитро) */
.street-view-page .blue-header.street-view-header { height: 64px!important; }
.street-view-page .logo-inner.logo-inner-small { top: 5px!important; width: 78px!important; }
.street-view-page .logo-inner.logo-inner-small img { width: 78px!important; height: auto!important; }
.street-view-page .street-view { position: relative; margin-top: -64px!important; }
.au-tour-back { position: absolute; z-index: 5; top: 84px; left: 88px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; background: #fff; color: #056ab2!important; font-weight: 600; font-size: 15px; line-height: 1; text-decoration: none!important; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.au-tour-back span { font-size: 18px; }
.au-tour-name { position: absolute; z-index: 4; top: 84px; left: 222px; right: 290px; margin: 0; padding: 7px 0; color: #fff; font-size: 20px!important; line-height: 1.25; font-weight: 600; text-transform: none!important; text-shadow: 0 1px 6px rgba(0,0,0,.7); pointer-events: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.au-tour-strip { position: absolute; z-index: 4; left: 0; right: 0; bottom: 0; display: flex; gap: 8px; padding: 10px 84px 12px; overflow-x: auto; background: linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0)); scrollbar-width: thin; }
.au-tour-tile { flex: none; width: 128px; padding: 0; border: 2px solid transparent; border-radius: 10px; background: rgba(0,0,0,.4); color: #fff; cursor: pointer; overflow: hidden; text-align: left; }
.au-tour-tile img { display: block; width: 100%; height: 64px; object-fit: cover; }
.au-tour-tile span { display: block; padding: 4px 7px 5px; font-size: 12px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.au-tour-tile:first-child { margin-left: auto; }
.au-tour-tile:last-child { margin-right: auto; }
.au-tour-tile.on { border-color: #ffc400; background: rgba(5,106,178,.9); }
.au-has-strip .au-pano-hint { bottom: 136px; }
.au-tour-map { position: absolute; z-index: 5; top: 84px; right: 16px; width: 250px; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.3); }
.au-tour-map-in { height: 180px; }
.au-tour-map.closed .au-tour-map-in { display: none; }
.au-tour-map-tog { display: none; width: 100%; padding: 8px 12px; border: 0; background: #fff; color: #056ab2; font-weight: 600; font-size: 14px; cursor: pointer; }
.au-tour-map .leaflet-control-attribution { font-size: 9px; }
.au-tour-full { position: absolute; z-index: 5; right: 16px; width: 40px; height: 40px; border: 0; border-radius: 10px; background: rgba(0,0,0,.55); cursor: pointer; display: flex; align-items: center; justify-content: center; bottom: 24px; }
.au-has-strip .au-tour-full { bottom: 140px; }
.au-tour-full svg { width: 22px; height: 22px; }
.au-has-strip .au-pano .pnlm-controls-container { bottom: 188px; }
.street-view:fullscreen, .street-view.au-fs { background: #000; }
.street-view:fullscreen .au-pano, .street-view.au-fs .au-pano { height: 100vh; height: 100dvh; }
.street-view.au-fs { position: fixed; inset: 0; z-index: 2000; }
@media (max-width: 767px) {
  .street-view-page .blue-header.street-view-header { height: 84px!important; }
  .street-view-page .street-view { margin-top: -84px!important; }
  .street-view-page .logo-inner.logo-inner-small { top: 14px!important; width: 80px!important; }
  .street-view-page .logo-inner.logo-inner-small img { width: 80px!important; }
  .au-tour-back { top: 96px; left: 12px; padding: 8px 13px; font-size: 14px; }
  .au-tour-name { top: 138px; left: 12px; right: 12px; font-size: 16px!important; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .au-tour-map { top: 96px; right: 12px; width: 110px; }
  .au-tour-map:not(.closed) { width: 220px; }
  .au-tour-map-in { height: 150px; }
  .au-tour-map-tog { display: block; }
  .au-tour-strip { padding-left: 12px; padding-right: 12px; }
  .au-tour-tile { width: 104px; }
  .au-tour-tile img { height: 52px; }
  .au-has-strip .au-tour-full { bottom: 120px; }
  .au-has-strip .au-pano-hint { bottom: 122px; white-space: normal; text-align: center; max-width: 80%; }
}

/* Перемикач «Дизайн 1 / Дизайн 2» у меню (13.11.2026, Дмитро) */
.main-menu .au-design { display: inline-flex; gap: 4px; padding: 4px; margin: 28px 0 0 0; border: 1px solid rgba(255, 200, 0, .7); border-radius: 999px; font-size: 15px; }
.main-menu .au-design a, .main-menu .au-design span { padding: 7px 16px; border-radius: 999px; line-height: 1.2; color: #fff !important; text-decoration: none !important; }
.main-menu .au-design .on { background: #ffc800; color: #0a2b5a !important; font-weight: 700; }
@media (hover: hover) { .main-menu .au-design a:hover { background: rgba(255, 200, 0, .2); } }