<!DOCTYPE html>
<html lang="uk-UA">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Служба підтримки Pin Up - Контактна інформація</title>
<meta name="description" content="Зв’яжіться з технічною підтримкою Pin Up. Контакти: телефон, email, Telegram, онлайн-чат. Підтримка доступна 24/7.">
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Пін Ап",
            "item": "https://miausa.com.ua/"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Підтримка",
            "item": "https://miausa.com.ua/support"
        }
    ]
}
</script>

    <meta name="theme-color" content="#ffffff" style="user-select: auto;">
    <meta property="og:site_name" content="PIN-UP.UA" style="user-select: auto;">

<meta name="robots" content="noarchive">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
<link rel="canonical" href="https://miausa.com.ua/shop/">
<meta property="og:type" content="website">
<meta property="og:url" content="https://miausa.com.ua/">
<meta property="og:title" content="Pin UP Офіційний сайт ᐉ Казино Пін Ап Онлайн - грати в слоти на PinUP">
<meta property="og:description" content="Pin UP - ліцензійне онлайн казино в Україні ➤ Найкращі ігрові автомати ⚡➧ Вхід та реєстрація ➤ Фриспіни • Бонуси Pin UP • Промокоди ☕➧ Грати на Пін Ап казино">
<meta property="og:image" content="https://miausa.com.ua/images/bonus-sport-desk.webp">
<meta property="og:site_name" content="Пін Ап Казіно">
<meta property="og:locale" content="uk">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://miausa.com.ua/">
<meta name="twitter:title" content="Pin UP Офіційний сайт ᐉ Казино Пін Ап Онлайн">
<meta name="twitter:description" content="Pin UP - ліцензійне онлайн казино в Україні ➤ Кращі ігрові автомати ⚡➧ Вхід та реєстрація ➤ Фриспіни • Бонуси Pin UP • Промокоди ☕➧ Грати на Пін Ап казино">
<meta name="twitter:image" content="https://miausa.com.ua/images/bonus-sport-desk.webp">
<meta name="twitter:site" content="@pin_up_ua">
<meta name="twitter:creator" content="@pin_up_ua">

<!-- Telegram -->
<meta property="og:type" content="website">
<meta property="og:title" content="Пін Ап Казіно">
<meta property="og:description" content="Офіційний сайт азартних розваг із бонусами до 400%">
<meta property="og:image" content="https://miausa.com.ua/images/bonus-sport-desk.webp">
<meta property="og:url" content="https://miausa.com.ua/">
<meta name="telegram:channel" content="@pinup_casino_official">

<!-- Instagram -->
<meta property="og:type" content="website">
<meta property="og:title" content="Пін Ап Казіно | Офіційний сайт">
<meta property="og:description" content="Найкращі азартні розваги та бонуси">
<meta property="og:image" content="https://miausa.com.ua/images/bonus-sport-desk.webp">
<meta property="og:url" content="https://miausa.com.ua/">
<meta name="instagram:site" content="@pinup.ukraine">


<link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="ПінАп" />
<link rel="manifest" href="/images/site.webmanifest" />

    <meta name="msapplication-TileColor" content="#4a4a4a">
    <meta name="theme-color" content="#ddd">

    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/styles.1f18022ba96d0745.css" media="all">
    <style>
/* Стилі для головного контейнера меню */
.pinup-nav-container {
    max-width: 500px;
    margin: 20px auto;
    border: 2px solid #505050; /* Бірюзова рамка */
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
}

/* Кнопка згортання/розгортання */
.pinup-nav-toggle {
    width: 100%;
    background: #ff3b3b; /* Червоний фон кнопки */
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s ease-in-out;
}

/* Стиль іконки */
.pinup-nav-toggle::after {
    content: "▼"; /* Іконка стрілки вниз */
    font-size: 16px;
    transition: transform 0.3s ease-in-out;
}

/* При відкритті меню */
.pinup-nav-container.open .pinup-nav-toggle::after {
    transform: rotate(180deg); /* Повертаємо стрілку вгору */
}

/* Список меню */
.pinup-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
}

/* Відкриття меню */
.pinup-nav-container.open .pinup-nav-menu {
    max-height: 500px; /* Достатньо для всього списку */
}

/* Оформлення пунктів меню */
.pinup-nav-menu li {
    position: relative;
    background: #ffffff;
    color: #222222;
    padding: 14px 18px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background 0.3s ease-in-out, border 0.3s, transform 0.2s;
    counter-increment: pinup-counter;
    margin: 5px;
}

/* Нумерація перед пунктами меню */
.pinup-nav-menu li::before {
    content: counter(pinup-counter) ".";
    color: #19c8c8;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    width: 25px;
    text-align: right;
}

/* Стилі для посилань у меню */
.pinup-nav-menu li a {
    text-decoration: none;
    color: #222222;
    transition: color 0.3s ease-in-out;
}

/* Ефект при наведенні */
.pinup-nav-menu li:hover {
    background: #19c8c8; /* Бірюзовий фон */
    color: #ffffff;
}

.pinup-nav-menu li:hover a {
    color: #ffffff;
}

/* Адаптивний дизайн */
@media (max-width: 768px) {
    .pinup-nav-container {
        max-width: 100%;
    }

    .pinup-nav-toggle {
        font-size: 16px;
    }

    .pinup-nav-menu li {
        font-size: 14px;
        padding: 12px;
    }
}

      
      /* Загальні стилі для списку */
.confidential ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

/* Оформлення кожного елемента списку */
.confidential li {
    position: relative;
    background: #ffffff; /* Білий фон */
    color: #222222; /* Темний текст */
    padding: 14px 18px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 2px solid #19c8c8; /* Бірюзова обводка */
    transition: background 0.3s ease-in-out, border 0.3s, transform 0.2s;
    max-width: 800px;
}

/* Кастомний маркер у стилі Pin Up */
.confidential li::before {
    content: "✔"; /* Зірочка для стилю */
    color: #ff3b3b; /* Червоний */
    font-size: 18px;
    font-weight: bold;
}

/* Ефект при наведенні */
.confidential li:hover {
    background: #19c8c8; /* Бірюзовий фон при наведенні */
    color: #ffffff; /* Білий текст */
    border-color: #ff3b3b; /* Червона обводка */
    transform: translateY(-3px);
}

/* Адаптивний дизайн для мобільних пристроїв */
@media (max-width: 768px) {
    .confidential li {
        font-size: 14px;
        padding: 12px 14px;
        gap: 10px;
    }
}

/* Обертка всей страницы */
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Минимальная высота = 100% экрана */
}

/* Основной контент */
.content {
    flex: 1; /* Растягиваем контент, чтобы футер оставался внизу */
}

/* Футер */
.footer {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-top: 1px solid #ddd;
    width: 100%;
}
.footer a {
  color: red;
}

.pu-shell__main_navbar[_ngcontent-pu-site-c106] {
    padding-bottom: 0px !important;
}


/* Контейнер для адаптивности таблицы */
.confidential .table-container {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 20px;
}

/* Основной стиль таблицы */
.confidential table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    font-size: 16px;
}

/* Заголовки таблицы */
.confidential thead {
    background-color: #bd0000;
    color: #fff;
}

.confidential th {
    padding: 12px;
    text-align: left;
    font-weight: bold;
}

/* Строки таблицы */
.confidential td {
    padding: 10px;
    border: 1px solid #ddd;
}

/* Чередование цветов строк */
.confidential tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

/* Ховер-эффект для строк */
.confidential tbody tr:hover {
    background-color: #e2e6ea;
}

/* Медиа-запросы для адаптации */
@media (max-width: 768px) {
    .confidential table {
        font-size: 14px;
    }
    .confidential th, .confidential td {
        padding: 8px;
    }
}

/* Стилизация для кнопок внутри таблицы */
.confidential table .btn {
    padding: 5px 10px;
    font-size: 14px;
}


.confidential {
color: black;
margin: auto;

}
/* Основной контейнер */
.confidential {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

/* Заголовки */
.confidential h1, 
.confidential h2, 
.confidential h3, 
.confidential h4, 
.confidential h5, 
.confidential h6 {
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}

.confidential h1 { font-size: 2.5rem; }
.confidential h2 { font-size: 2rem; }
.confidential h3 { font-size: 1.75rem; }
.confidential h4 { font-size: 1.5rem; }
.confidential h5 { font-size: 1.25rem; }
.confidential h6 { font-size: 1rem; }

/* Абзацы */
.confidential p {
    margin-bottom: 15px;
}

/* Списки */
.confidential ul, 
.confidential ol {
    margin-bottom: 15px;
    padding-left: 20px;
}

/* Ссылки */
.confidential a {
    color: red;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.confidential a:hover {
    color: rgb(160, 0, 0);
}

/* Кнопки */
.confidential button, 
.confidential .btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1rem;
    color: #fff;
    background-color: red;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.confidential button:hover, 
.confidential .btn:hover {
    background-color: rgb(173, 0, 0);
}

/* Изображения */
.confidential img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Формы */
.confidential input, 
.confidential textarea, 
.confidential select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
}

.confidential textarea {
    min-height: 100px;
}

/* Навигация */
.confidential .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #ddd;
}

.confidential .navbar a {
    margin-right: 15px;
    font-weight: 600;
}

/* Подвал */
.confidential .footer {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-top: 1px solid #ddd;
    margin-top: 30px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .confidential {
        padding: 10px;
    }
    .confidential .navbar {
        flex-direction: column;
        align-items: flex-start;
    }
}

.footer a {
text-decoration: none;
}

        [dir] .registration-page__seo-module[data-v-495a2613] {
    padding-top: 0.625em;
    padding-right: 0.625em;
    padding-left: 0.625em;
}

.seo-module-content[data-v-7187f8e0] {
    max-height: 25em;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[dir] .seo-module-content[data-v-7187f8e0] {
    border-radius: 3px;
}

[dir] .seo-module__links[data-v-659edaba], [dir] .seo-module__text[data-v-659edaba] {
    margin-bottom: 0.625em;
}

.seo-module-header[data-v-3fc45b66] {
    display: flex;
}

.seo-module-content__header[data-v-7187f8e0] {
    flex: none;
}

.seo-module-content__header--reverse[data-v-7187f8e0] {
    flex-direction: row-reverse;
    border-radius: 3px;
    border: 1px solid #444852;
    padding: 16px 5px;

}

.seo-module-header__content[data-v-3fc45b66] {
    flex: 1 1 auto;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: 700;
    line-height: 1.14286em;
}

[dir] .seo-module-header--theme-primary--20 .seo-module-header__content[data-v-3fc45b66] {
    background-color: var(--bg);
}

[dir=ltr] .seo-module-header__after--reverse[data-v-3fc45b66] {
    margin-right: 1px;
    margin-left: 0;
}

.seo-module-header__after[data-v-3fc45b66] {
    min-width: 2.875em;
}

.seo-module-header-toggle[data-v-04d6ccac] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

[dir] .seo-module-header-toggle[data-v-04d6ccac] {
    padding: 0.625em;
}

.angle[data-v-fc0fc9ea] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

[dir] .angle[data-v-fc0fc9ea] {
    transition: transform;
    transition-duration: .2s;
}

.ico__svg[data-v-bb92a234] {
    width: auto;
    max-width: 100%;
    height: 1em;
    font-size: var(--ico-size);
    fill: currentColor;
}


.angle[data-v-fc0fc9ea] .ico__svg {
    width: 0.625em;
    min-width: 0.625em;
    height: 0.375em;
}

[dir] .seo-module-content--theme-primary--20 .seo-module-content__text[data-v-7187f8e0] {
    background-color: var(--bg);
}

.seo-module-content__scrollbar[data-v-7187f8e0] {
    flex: auto;
min-height: 0;
    padding: 15px 20px;
    background: var(--color-card-bg-1);
}

[dir] .seo-module-content__scrollbar[data-v-7187f8e0] {
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0.9375em;
}

[dir=ltr] .seo-module-content__scrollbar[data-v-7187f8e0] {
    margin-right: 2px;
}

.seo-module-links__content{
        color: #80858f;
}

[dir] .seo-module-header--theme-primary--20 .seo-module-header__after[data-v-3fc45b66], [dir] .seo-module-header--theme-primary--20 .seo-module-header__content[data-v-3fc45b66] {
    background-color: var(--bg);
}

        @media (max-width: 767px) {
            

            .pu-header__logo{
                display: block!important;
            }
        }
 @media (min-width: 767px) {
footer {

    width: calc(100% - 250px); /* Враховує ширину екрану мінус ширина сайдбару */
    position: relative; /* Забезпечує, що футер залишається на своєму місці */
    z-index: 1; /* Залишається позаду інших елементів */
    
  
}
}

/* Спільні стилі для сайдбара */
.pu-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 210px;
  height: 100%;

  color: #fff;           /* Текст білий */
  transition: transform 0.3s ease;
  transform: translateX(-100%); /* За замовчанням зсунуто за межі екрану */
  z-index: 9999;         /* Щоб було над іншим контентом */
}

/* Клас .open показує сайдбар (transform: translateX(0)) */
.pu-sidebar.open {
  transform: translateX(0);
}


/* Кнопка відкриття сайдбара (поза ним).
   За замовчанням можемо показувати її лише на мобільних,
   аби на десктопі вона не заважала. */
.open-sidebar-btn {
  display: none;  /* Схована на десктопі */
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10000;
  background: #000;
  color: #fff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  border-color: #ddd !important;
  margin-right: 15px;
}

/* На мобільних робимо сайдбар закритим (перевизначення),
   а кнопку — видимою */
@media (max-width: 768px) {
  .pu-sidebar {
    transform: translateX(-100%);
  }

  /* Щоб мобільна версія за замовчанням була "закрита",
     можна ВИДАЛИТИ або "перебити" клас open. 
     Або просто у JS, в DOMContentLoaded, прибрати open, якщо мобільний.
     Приклад нижче — найпростіший (чисто CSS-перезапис).
  */

  /* Кнопка показу сайдбара — відображається на мобі */
  .open-sidebar-btn {
    display: inline-block;
  }
}

/* Початково прихована на десктопі */
.open-sidebar-btn {
  display: none;
  position: relative; /* для псевдоелементів чи span-и */
  width: 32px;        /* ширина гамбургера */
  height: 24px;       /* висота заг. блоку */
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin-left: 20px;  /* щоб відсунути від лого, приклад */
  z-index: 10001;     /* щоб було поверх верстки */
}

/* Три горизонтальні лінії */
.open-sidebar-btn .bar {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ffffff; /* колір ліній, можна #fff / #ed2911 / #2ecc71 тощо */
  transition: 0.3s ease-in-out;
}

/* Розташування першої, другої і третьої рисок */
.open-sidebar-btn .bar:nth-child(1) {
  top: 0;   /* зверху */
}
.open-sidebar-btn .bar:nth-child(2) {
  top: 10px; /* посередині */
}
.open-sidebar-btn .bar:nth-child(3) {
  top: 20px; /* знизу */
}

/* Показувати кнопку лише на мобільному (приклад) */
@media (max-width: 992px) {
  .open-sidebar-btn {
    display: inline-block;
  }
}

@media (min-width: 992px) {
  .open-sidebar-btn {
    display: none;
  }
  .ui-sidebar-toggle__btn{
    display: none;
}

}


    </style>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const sidebar = document.querySelector('.pu-sidebar');
            
            if (sidebar) {
                // Проверяем, является ли устройство мобильным
                if (window.innerWidth <= 768) { // Например, для экранов <= 768px
                    sidebar.classList.remove('open');
                }
            }
        });
    
        // Дополнительно можно добавить слушатель изменения размера окна
        window.addEventListener('resize', function () {
            const sidebar = document.querySelector('.pu-sidebar');
            if (sidebar) {
                if (window.innerWidth <= 768) {
                    sidebar.classList.remove('open');
                }
            }
        });
    </script>

<script src="js/sidebar-toggle.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<style>
    body, html {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }
    .swiper {
        width: 100%;
        overflow: hidden;
    }
    .swiper-slide {
        width: auto; /* Автоматическая ширина слайдов */
   
    }
    .swiper-wrapper {
        display: flex;
  
    }
    .footer__comercial-item-fsps {
	height: 48px;
	margin: 25px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center
}
@media screen and (max-width:479.9px) {
	.footer__comercial-item-fsps {
		height: auto
	}
}
.footer__comercial-item-fsps img {
	display: block;
	margin: 0 auto;
    max-width: 100px;
    margin: 10px;
    border-radius: 5px;
}
@media screen and (max-width:479.9px) {
	.footer__comercial-item-fsps img {
		display: none;
	}
}

/* Гарантированное ограничение ширины контента */
.confidential {
    max-width: 100%;
    overflow-wrap: break-word; /* Разбивать длинные слова */
    word-wrap: break-word; /* Альтернативное свойство */
    word-break: break-word; /* Перенос длинных слов */
}

/* Дополнительные стили для предотвращения выхода контента за границы */
.confidential img,
.confidential table,
.confidential pre {
    max-width: 100%;
    overflow-x: auto; /* Если контент слишком широкий, появляется скролл */
}

/* Если таблицы могут выходить за границы */
.confidential .table-container {
    width: 100%;
    overflow-x: auto;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .confidential {
        padding: 10px; /* Уменьшение отступов для мобильных */
    }
}



/* Контейнер для меню */
.confidential .nav_menu {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

/* Стили для элементов списка */
.confidential .nav_menu li {
    margin-bottom: 8px;
}

/* Стили ссылок в меню */
.confidential .nav_menu a {
    display: block;
    text-decoration: none;
    color: red;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 5px;
    transition: background 0.3s ease-in-out, color 0.3s;
}

/* Эффект наведения */
.confidential .nav_menu a:hover {
    background: rgb(167, 1, 1);
    color: #fff;
}

/* Вложенные элементы (для вложенных заголовков) */
.confidential .nav_menu ul {
    list-style: none;
    padding-left: 15px;
    margin-top: 5px;
}

.confidential .nav_menu ul li a {
    font-weight: 500;
    font-size: 14px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .confidential .nav_menu {
        padding: 10px;
    }
    .confidential .nav_menu a {
        font-size: 14px;
        padding: 6px 10px;
    }
}

</style>
</head>
<body>
    <pu-root ng-version="15.2.8" ng-server-context="ssr">
        <router-outlet></router-outlet>
        <pu-shell _nghost-pu-site-c106="">
            <pu-sidebar _ngcontent-pu-site-c106="" _nghost-pu-site-c92="" class="pu-sidebar pu-sidebar open">
                <div _ngcontent-pu-site-c92="" class="pu-sidebar__main">
                    <ui-logo _ngcontent-pu-site-c92="" class="pu-sidebar__logo" _nghost-pu-site-c84=""><a href="https://miausa.com.ua/" rel="nofollow" _ngcontent-pu-site-c84="" class="logo logo_com" data-testid="logoLink"><img _ngcontent-pu-site-c84="" alt="logo" class="logo__image" src="images/logo.svg"></a></ui-logo>
                    <pu-sidebar-menu _nghost-pu-site-c77="">
                        <ui-menu-list _ngcontent-pu-site-c77="" _nghost-pu-site-c76="" class="vertical ui-menu-list">
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="casinoLink" aria-label="Казино" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#casino"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">Казино</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="liveDillerLink" aria-label="Live" class="ui-menu-list-item ui-menu-list-item_live">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#live-diller"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">Live</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="crashGames" aria-label="Crash-ігри" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#rocket"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">Crash ігри</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="tvGamesLink" aria-label="TV-ігри" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#tv-games"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">TV ігри</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="sportPokerLink" aria-label="Спортпокер" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#playing-cards"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">Спортпокер</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item pu-sidebar-menu__item_divider"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="sportsLink" aria-label="Спорт" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#sport"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">Спорт</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="liveSportLink" aria-label="Live" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#live-sport"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">Live</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="esportLink" aria-label="Кіберспорт" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#cybersport"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">Кіберспорт</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="virtualLink" aria-label="V-sport" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#v-sport"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">V-sport</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item pu-sidebar-menu__item_divider"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="pincoinsLink" aria-label="Pincoins" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#pincoins"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">Pincoins</span>
                                </a></div>
                            <div _ngcontent-pu-site-c77="" class="pu-sidebar-menu__item"><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c77="" uimenulistitem="" routerlinkactive="" data-testid="giftBoxLink" aria-label="Gift box" class="ui-menu-list-item">
                                    <ui-icon _ngcontent-pu-site-c77="" size="m" class="ui-icon"><svg class="m ui-icon-svg">
                                            <use href="images/icons.svg#gift"></use>
                                        </svg></ui-icon><span _ngcontent-pu-site-c77="">Gift box</span>
                                </a></div>
                        </ui-menu-list>
                    </pu-sidebar-menu>
                </div>
                <div _ngcontent-pu-site-c92="" class="pu-sidebar__bottom">
                    <button onclick="window.open('href', '_blank');" _ngcontent-pu-site-c92="" size="m" uibutton="" aligny="top" uitype="tertiary" class="pu-sidebar__bottom-btn ui-button ui-button_m ui-button_tertiary" data-testid="supportChatBtn">
                        <ui-icon _ngcontent-pu-site-c92="" iconname="support" class="ui-icon"><svg class="m ui-icon-svg">
                                <use href="images/icons.svg#support"></use>
                            </svg></ui-icon><span _ngcontent-pu-site-c92="" class="pu-sidebar__bottom-btn-text">24/7</span>
                    </button>
                    <button onclick="window.open('href', '_blank');" _ngcontent-pu-site-c92="" uibutton="" size="m" aligny="top" uitype="tertiary" class="pu-sidebar__bottom-btn ui-button ui-button_m ui-button_tertiary" data-testid="langSwitcherBtn"><img _ngcontent-pu-site-c92="" class="pu-sidebar__bottom-btn-icon pu-sidebar__bottom-btn-icon_country" src="images/ua.svg" alt="ua">
                        <span _ngcontent-pu-site-c92="" class="pu-sidebar__bottom-btn-text pu-sidebar__bottom-btn-text_lang pu-sidebar__bottom-btn-text_lang-icon">UK</span>
                    </button>
                    <div _ngcontent-pu-site-c92="" class="pu-sidebar__bottom-dropdowns">
                        <pu-dropdown _ngcontent-pu-site-c92="" _nghost-pu-site-c17="">
                        </pu-dropdown>
                        <pu-dropdown _ngcontent-pu-site-c92="" _nghost-pu-site-c17="">
                        </pu-dropdown>
                    </div>
                </div>
                <ui-sidebar-toggle _ngcontent-pu-site-c92="" _nghost-pu-site-c56="" class="left">
                    <div _ngcontent-pu-site-c56="" class="ui-sidebar-toggle__wrapper">  
                        <button id="closeSidebarBtn"
                        aria-label="Toggle sidebar"
                        class="ui-sidebar-toggle__btn">
                            <ui-icon _ngcontent-pu-site-c56="" iconname="double-arrows-2" class="ui-sidebar-toggle__content ui-icon"><svg class="m ui-icon-svg">
                                    <use href="images/icons.svg#double-arrows-2"></use>
                                </svg></ui-icon>
                        </button></div>
                </ui-sidebar-toggle>
            </pu-sidebar>
            <div _ngcontent-pu-site-c106="" class="pu-shell__main pu-shell__main_navbar pu-shell__main_guest-header">
                <header _ngcontent-pu-site-c106="" puheader="" _nghost-pu-site-c91="">
                    <ui-menu-list _ngcontent-pu-site-c91="" direction="horizontal" class="pu-header__menu-list horizontal ui-menu-list" _nghost-pu-site-c76=""><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c91="" uimenulistitem="" routerlinkactive="" aria-label="Акції" data-testid="promoLink" class="ui-menu-list-item">
                            <ui-icon _ngcontent-pu-site-c91="" class="ui-icon"><svg class="m ui-icon-svg">
                                    <use href="images/icons.svg#promo"></use>
                                </svg></ui-icon><span _ngcontent-pu-site-c91="">Акції</span>
                        </a><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c91="" uimenulistitem="" routerlinkactive="" aria-label="Турніри" data-testid="tournamentsLink" class="ui-menu-list-item">
                            <ui-icon _ngcontent-pu-site-c91="" class="ui-icon"><svg class="m ui-icon-svg">
                                    <use href="images/icons.svg#tournament"></use>
                                </svg></ui-icon><span _ngcontent-pu-site-c91="">Турніри</span>
                        </a><a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c91="" uimenulistitem="" routerlinkactive="" aria-label="Пін Ап бонуси" data-testid="championshipLink" class="ui-menu-list-item ui-menu-list-item_championship">
                            <ui-icon _ngcontent-pu-site-c91="" class="ui-icon"><svg class="m ui-icon-svg">
                                    <use href="images/icons.svg#star-hb"></use>
                                </svg></ui-icon><span _ngcontent-pu-site-c91="">PIN-UP бонуси</span>
                        </a>
                    </ui-menu-list>

                    <ui-logo _ngcontent-pu-site-c91="" class="pu-header__logo ng-star-inserted" _nghost-pu-site-c84="" style="display: none;">
                        <a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c84="" class="logo logo_com" data-testid="logoLink">
                            <img _ngcontent-pu-site-c84="" alt="logo" class="logo__image" src="images/logo.svg">
                        </a>
                    </ui-logo>

                    <div _ngcontent-pu-site-c91="" class="pu-header__actions">
                        
                        <a href="/go-pin-up" target="_blank" rel="nofollow" _ngcontent-pu-site-c91="" uibutton="" uitype="primary-animation" class="pu-header__login md:ui-button_m ui-button ui-button_primary-animation ui-button_s" data-testid="registrationBtn"> Реєстрація </a><button onclick="window.open('href', '_blank');" _ngcontent-pu-site-c91="" uibutton="" class="pu-header__login md:ui-button_m ui-button ui-button_s ui-button_secondary" data-testid="loginBtn" style="background-color: azure;"> Вхід </button>
                    </div>
                    <button class="open-sidebar-btn" aria-label="Open sidebar">
                        <span class="bar"></span>
                        <span class="bar"></span>
                        <span class="bar"></span>
                      </button>
                </header>
                <nav aria-label="breadcrumb">
                    <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumb">
                        <!-- Головна сторінка -->
                        <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                            <a itemprop="item" href="https://miausa.com.ua/">
                                <span itemprop="name">Пін Ап</span>
                            </a>
                            <meta itemprop="position" content="1" />
                        </li>
                        <!-- Поточна сторінка -->
                        <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                         
                            <span itemprop="name">Підтримка Pin Up</span>
                           
                            <meta itemprop="position" content="2" />
                        </li>
                    </ol>
                </nav>
                <style>.breadcrumb {
                    list-style: none;
                    display: flex;
                    gap: 10px;
                    padding: 10px 15px;
                    font-size: 14px;
                    color: #777;
                    background: #f8f9fa;
                    border-radius: 5px;
                }
                
                .breadcrumb li {
                    display: inline;
                }
                
                .breadcrumb li a {
                    text-decoration: none;
                    color: #ff3b3b; /* Червоний (брендовий колір Pin Up) */
                    font-weight: bold;
                    transition: color 0.3s ease-in-out;
                }
                
                .breadcrumb li a:hover {
                    color: #19c8c8; /* Бірюзовий при наведенні */
                }
                
                /* Додаємо роздільник між пунктами */
                .breadcrumb li:not(:last-child)::after {
                    content: "›";
                    margin-left: 8px;
                    margin-right: 8px;
                    color: #777;
                }
                </style>   
                <main class="confidential">
                  
                 
                      
                                       
                  <h1>Підтримка в Пін Ап (Pin Up Casino)</h1>
                  <section id="contact-info">

                    <p>Pin-Up – це офіційно ліцензоване онлайн-казино, яке забезпечує безпеку фінансових транзакцій та конфіденційність особистих даних гравців. У разі запитань або труднощів, служба підтримки казино готова допомогти у будь-який час.</p>
                </section>
                  <div class="pinup-nav-container">
                    <button class="pinup-nav-toggle">Меню <span></span></button>
                    <ul class="pinup-nav-menu">
                        <li><a href="#contact-info">Контактна інформація казино Pin Up</a></li>
                        <li><a href="#mission">Місія Pin Up Casino</a></li>
                        <li><a href="#available-games">Доступні ігри та провайдери</a></li>
                        <li><a href="#support">Служба підтримки Pin Up</a></li>
                        <li><a href="#faq">Часті запитання (FAQ)</a></li>
                    </ul>
                </div>
          
             
                
                    <section id="mission">
                        <h2>Місія Pin Up Casino</h2>
                        <p>Основна мета казино Pin-Up – створити чесне та безпечне ігрове середовище для гравців. <a href="https://miausa.com.ua/"><b>Pin-up Casino вход</b></a> пропонує:</p>
                        <ul>
                            <li>🎰 Великий вибір слотів, класичних автоматів та crash-ігор</li>
                            <li>🃏 Настільні ігри: рулетка, покер, блекджек, бакара</li>
                            <li>🎥 Live-казино з реальними дилерами</li>
                            <li>🏆 Регулярні турніри з грошовими призами</li>
                        </ul>
                        <p>Pin Up використовує лише ліцензійне програмне забезпечення від топових провайдерів, що гарантує чесну гру.</p>
                    </section>
                
                    <section id="available-games">
                        <h2>Доступні ігри та провайдери</h2>
                        <p>Pin-Up пропонує понад 6 000 ігор від провідних розробників:</p>
                        <ul>
                            <li>🎲 Amatic, Betsoft, BGaming, ELK Studios, Endorphina, Evoplay та інші</li>
                            <li>🔥 Популярні слоти: Leprechaun Riches, Sweet Bonanza, Razor Shark, Sugar Rush</li>
                            <li>💰 Live-ігри: Рулетка, блекджек, гральні кості</li>
                        </ul>
                    </section>
                
                    <section id="support">
                        <h2>Служба підтримки Pin Up</h2>
                        <p>Служба підтримки Pin-Up працює 24/7 та готова допомогти з будь-якими питаннями:</p>
                        <ul>
                            <li>📍 Офіс: м. Київ, вул. Соловцова Миколи, 2, оф. 38/1</li>
                            <li>📞 Телефон: 0 800 509 777</li>
                            <li>💬 Живий чат: доступний на сайті казино</li>
                            <li>📲 Telegram-чат: @Pinupuachat</li>
                            <li>📢 Офіційний канал: @Pinupukraine</li>
                            <li>📷 Instagram: @pinup.ukraine</li>
                        </ul>
                    </section>
                
                    <section id="faq">
                        <h2>Часті запитання (FAQ)</h2>
                        <p>У розділі «FAQ» на сайті Pin Up гравці можуть знайти відповіді на поширені питання:</p>
                        <ul>
                            <li>📝 Як зареєструвати акаунт?</li>
                            <li>💳 Як поповнити рахунок та вивести кошти?</li>
                            <li>🎁 Як отримати та відіграти бонуси?</li>
                            <li>🔐 Як пройти верифікацію?</li>
                            <li>⚙️ Що робити, якщо виникли технічні проблеми?</li>
                        </ul>
                    </section>
                    <script type="application/ld+json">
                        {
                          "@context": "https://schema.org",
                          "@type": "FAQPage",
                          "mainEntity": [
                            {
                              "@type": "Question",
                              "name": "Як зареєструвати акаунт у Pin Up Casino?",
                              "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Щоб зареєструвати акаунт, перейдіть на офіційний сайт, натисніть кнопку 'Реєстрація', заповніть форму з особистими даними та підтвердьте створення профілю через email або SMS."
                              }
                            },
                            {
                              "@type": "Question",
                              "name": "Як пройти верифікацію акаунту?",
                              "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Для верифікації потрібно завантажити фото паспорта або іншого документа в особистому кабінеті та дочекатися підтвердження від служби підтримки."
                              }
                            },
                            {
                              "@type": "Question",
                              "name": "Які способи поповнення рахунку доступні?",
                              "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Pin Up підтримує платежі через банківські картки, електронні гаманці, мобільні оператори та криптовалютні сервіси."
                              }
                            },
                            {
                              "@type": "Question",
                              "name": "Що робити, якщо не вдається увійти в акаунт?",
                              "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Перевірте правильність введення логіна та пароля. Якщо проблема залишається, скористайтеся функцією 'Відновлення пароля' або зверніться до служби підтримки."
                              }
                            },
                            {
                              "@type": "Question",
                              "name": "Як зв’язатися зі службою підтримки Pin Up?",
                              "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Ви можете звернутися до технічної підтримки через онлайн-чат на сайті, гарячу лінію або офіційні Telegram-канали."
                              }
                            }
                          ]
                        }
                        </script>
                        
                
                                       
                </main>

            
                
                        <footer class="footer" style="color: #000;">
                          <ul class="footer-nav">
                            <li style="margin: 15px;"><a href="/privacy-policy">Політика конфіденційності</a></li>
                            <li style="margin: 15px;"><a href="/about-us">Про нас</a></li>
                            <li style="margin: 15px;"><a href="/support">Контакти</a></li>
                            <li style="margin: 15px;"><a href="/registraciya">Реєстрація</a></li>
                        </ul>
                        <hr style="margin: 10px;">
                            <p><a href="https://miausa.com.ua/">Пін Ап</a> © 2024 Всі права дотримано.</p>
                        </footer>
                  
                    
           
            </div>
            <ui-right-sidebar-portal _ngcontent-pu-site-c106="">
            </ui-right-sidebar-portal>
        </pu-shell>
    </pu-root>
    

    <script src="js/jquery.min.js"></script>
    <script>
        function updateTimer() {
            var Now = new Date(),
                Finish = new Date();
            Finish.setHours(23);
            Finish.setMinutes(59);
            Finish.setSeconds(59);
            if (Now.getHours() === 23 && Now.getMinutes() === 59 && Now.getSeconds === 59) {
                Finish.setDate(Finish.getDate() + 1);
            }
            var sec = Math.floor((Finish.getTime() - Now.getTime()) / 1000);
            var hrs = Math.floor(sec / 3600);
            sec -= hrs * 3600;
            var min = Math.floor(sec / 60);
            sec -= min * 60;
            $(".swiper-slide .hour").html(pad(hrs));
            $(".swiper-slide .min").html(pad(min));
            $(".swiper-slide .sec").html(pad(sec));
            setTimeout(updateTimer, 200);
        }
        function pad(s) {
            s = ("00" + s).substr(-2);
            return "<span>" + s[0] + "</span><span>" + s[1] + "</span>";
        }

        $(document).ready(function() {

            updateTimer();

            $('#hide_button').on('click', function() {

                if ($('#hide_block:visible').length == 0) {
                    $('#hide_block').show();
                } else {
                    $('#hide_block').hide();
                }

            });
        });
    </script>
<!-- <div style="position:absolute;left:-6441px;width:512px;"></div>
<div style="position:absolute;left:-5779px;width:597px;"></div>
<div style="position:absolute;left:-6464px;width:513px;"></div>
<div style="position:absolute;left:-6161px;width:531px;"></div>
<div style="position:absolute;left:-6336px;width:551px;"></div>
<div style="position:absolute;left:-5992px;width:585px;"></div>
<div style="position:absolute;left:-6836px;width:474px;"></div>
-->

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const swiper = new Swiper('.swiper', {
            slidesPerView: "auto",
            spaceBetween: 16, // Промежуток между слайдами
            loop: true,
            grabCursor: true,
            centeredSlides: false, // Центрирование по желанию
        });
    });
</script>
<div class="banner-float-bar-bg">
    <div class="banner-float-bar-bg-ins">
      <div class="banner-float-bar">
        <!-- ХРЕСТИК ДЛЯ ЗАКРИТТЯ -->
        <button class="banner-close-btn" onclick="closeBanner()">×</button>
  
        <!-- ЛОГОТИП -->
        <div class="banner-float-bar-logo">
          <div class="banner-float-bar-logo-img">
            <img src="images/logo.svg" alt="Логотип">
          </div>
        </div>
  
        <!-- ТЕКСТ БОНУСУ -->
        <div class="banner-float-bar-info">
          <div class="banner-float-bar-title-wrap">
            Отримайте 200 000 + 250 FS
          </div>
        </div>
  
        <!-- КНОПКА -->
        <div class="banner-float-bar-button">
          <div class="banner-float-bar-button-wrap">
            <a class="btn btn-primary"
               target="_blank"
               rel="nofollow"
               href="/play"
               title="Отримати">
              Отримати
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <style>
    /* 
 * ОСНОВНИЙ ФОН БАНЕРА 
 * Додайте зображення в стилі пін-ап (при бажанні), 
 * замінивши URL нижче 
 */
.banner-float-bar-bg {
  position: fixed;
  bottom: -130px;
  left: 0;
  right: 0;
  top: auto;
  color: #fff;
  /* Фон-градієнт + зображення */
  background: 
    linear-gradient(
      to bottom, 
      rgba(37, 37, 54, 0.411), 
      rgba(37, 37, 54, 0.95)
    ),
    url("images/banner-pinup.webp") no-repeat center/cover;
  z-index: 9999; /* щоб банер був поверх більшості елементів */
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

/* Показати банер, якщо є клас show-banner */
.show-banner .banner-float-bar-bg {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

/* Внутрішній відступ */
.banner-float-bar-bg-ins {
  padding: 10px 0;
}

/* Головний контейнер банера: flex-верстка */
.banner-float-bar {
  margin: 0 15px;
  display: flex;
  flex-wrap: nowrap; 
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
}

/* ЛОГОТИП */
.banner-float-bar-logo {
  flex: 0 0 auto;
  margin-right: 10px;
}

.banner-float-bar-logo-img img {
  max-width: 100px;
  max-height: 80px;
  object-fit: contain;
}

/* ТЕКСТ БОНУСУ */
.banner-float-bar-info {
  flex: 1 1 auto;
  text-align: center; /* Щоб бонус був по центру і в десктоп, і в моб */
}

.banner-float-bar-title-wrap {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  /* Можна додати легку «ретро» тінь тексту */
  text-shadow: 1px 1px 2px #000;
  margin: 0 5px;
}

/* КНОПКА */
.banner-float-bar-button {
  flex: 0 0 auto;
  margin-left: 10px;
}

.banner-float-bar-button-wrap .btn {
  display: inline-block;
  text-transform: capitalize !important;
  font-size: 18px;
  line-height: 1;
  padding: 14px 30px;
  text-align: center;
  margin: 0;
  font-weight: 700;
  border-radius: .25rem;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
  border: 0;
  height: auto;
  cursor: pointer;
  /* Легка ретро-тінь для кнопки */
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.banner-float-bar-button-wrap .btn-primary {
  color: #fff;
  background-color: #ff2400;
}
.banner-float-bar-button-wrap .btn-primary:hover {
  background-color: #e30b50;
  color: #fff;
}

/* 
 * АДАПТИВ 
 * Робимо, щоб у мобільному все було одне під одним, 
 * гарно центровано 
 */
@media screen and (max-width: 768px) {
  /* Переходимо на вертикальну верстку */
  .banner-float-bar {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  /* Лого, текст, кнопка — з відступами знизу, щоби не злипалось */
  .banner-float-bar-logo, 
  .banner-float-bar-info,
  .banner-float-bar-button {
    margin: 5px 0;
  }

  /* Зменшуємо логотип */
  .banner-float-bar-logo-img img {
    max-width: 80px;
    max-height: 50px;
  }

  /* Текст робимо трохи меншим, щоби точно влізав */
  .banner-float-bar-title-wrap {
    font-size: 20px;
  }

  /* Кнопку трохи звужуємо */
  .banner-float-bar-button-wrap .btn {
    padding: 12px 20px;
    font-size: 16px;
  }
}
.banner-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: red;
  color: white;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.banner-close-btn:hover {
  background: darkred;
}

</style>         
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                let lastKnownScrollPosition = 0;
                if (window.scrollY > 100) {
                    document.body.classList.add('show-banner');
                }

                document.addEventListener("scroll", () => {
                    lastKnownScrollPosition = window.scrollY;

                    if (lastKnownScrollPosition > 100) {
                        document.body.classList.add('show-banner');
                    } else {
                        document.body.classList.remove('show-banner');
                    }
                });
            })
            function closeBanner() {
  const banner = document.querySelector('.banner-float-bar-bg');
  if (banner) {
    banner.style.display = 'none';
  }
}

        </script>
        <script>document.addEventListener("DOMContentLoaded", function () {
          const toggleButton = document.querySelector(".pinup-nav-toggle");
          const menuContainer = document.querySelector(".pinup-nav-container");
      
          toggleButton.addEventListener("click", function () {
              menuContainer.classList.toggle("open");
          });
      });
      </script>
</body></html>