#footer-logo img {
    max-width: 180px; /* Регулюйте під свій логотип */
    margin-bottom: 15px;
}

.footer-slogan {
    font-style: italic;
    color: #777;
    font-size: 14px;
    margin-bottom: 20px;
}

.footer-custom h5 {
    color: #003366; /* Темно-синій для заголовків */
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-custom ul li {
    margin-bottom: 12px;
}

.footer-custom ul li a {
    color: #555;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.footer-custom ul li a:hover {
    color: #00AEEF; /* Блакитний акцент при наведенні */
}

.copyright {
    font-size: 12px;
    color: #aaa;
    margin-top: 20px;
    text-transform: uppercase;
}

/* Прибираємо старі крапочки на фоні, якщо вони були */
footer {
    background-image: none !important;
}
/* Основний блок футера */
.footer-custom {
    padding: 60px 0 30px;
    background-color: #ffffff; /* Чистий білий для контрасту */
    border-top: 1px solid #f0f0f0;
}

/* Центрування контейнера */
.footer-custom .container {
    max-width: 1140px; /* Стандартна ширина для балансу */
    margin: 0 auto;
}

/* Вирівнювання рядка */
.footer-custom .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Центруємо всі три колонки разом */
}

/* Налаштування для кожної з 3-х колонок */
.footer-custom .col-sm-4 {
    padding: 0 30px; /* Додаємо відступи між колонками */
}

/* Стилі для лівої частини з лого */
.footer-brand {
    text-align: left;
}

#footer-logo img {
    max-width: 200px; /* Обмежуємо розмір логотипа */
    height: auto;
    margin-bottom: 10px;
}

.footer-slogan {
    font-size: 13px;
    color: #999;
    font-style: italic;
    margin: 0;
}

/* Стилі для заголовків меню */
.footer-custom h5 {
    color: #003366; /* Ваш темно-синій */
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

/* Стилі для посилань */
.footer-custom ul li {
    margin-bottom: 10px;
}

.footer-custom ul li a {
    color: #666;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s;
}

.footer-custom ul li a:hover {
    color: #33a9e0; /* Блакитний при наведенні */
    padding-left: 3px;
}

/* Лінія та копірайт */
.footer-custom hr {
    border-top: 1px solid #f0f0f0;
    margin: 40px 0 20px;
}

.copyright {
    color: #bbb;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Адаптація для мобільних */
@media (max-width: 767px) {
    .footer-custom .col-sm-4 {
        text-align: center;
        margin-bottom: 30px;
        width: 100%;
    }
    .footer-brand {
        text-align: center;
    }
}

-------
хедер-
-------

/* --- ПОВНИЙ КОД ДЛЯ ОНОВЛЕНОГО ХЕДЕРА --- */

/* Контейнер хедера */
.header-custom {
    padding-top: 50px;
    padding-bottom: 25px; /* Відступ знизу до блоку категорій */
    background: #ffffff !important;
    border-bottom: 1px solid #f0f0f0;
}

/* Вирівнювання елементів в один ряд (Flexbox) */
.header-flex-row {
    display: flex !important;
    align-items: center; /* Центрування по вертикалі відносно лого */
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px; /* Додатковий відступ від лого/пошуку до категорій */
}

/* Скидання стандартних налаштувань колонок UniShop */
.logo-column, .search-column, .right-column {
    float: none !important;
    display: block;
}

/* Логотип */
#logo {
    margin: 0 !important;
}

#logo img {
    max-height: 75px;
    width: auto;
}

/* Пошук (id="div_search") */
.search-column #search .input-lg {
    border: 1px solid #e5e5e5 !important;
    border-radius: 25px !important; /* Сучасні закруглені краї */
    height: 45px;
    box-shadow: none !important;
}

.search-column #search .btn-lg {
    background: transparent !important;
    color: #003366 !important;
    border: none !important;
}

/* Блок Контакти + Кошик */
.right-column {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Телефон */
#phone {
    text-align: right;
    margin-right: 25px;
    color: #333;
    font-weight: 700;
    font-size: 15px;
}

#phone i {
    color: #00AEEF; /* Блакитний акцент як у PSYDYE */
    margin-right: 5px;
}

.delivery-time {
    font-size: 11px;
    color: #999;
    font-weight: normal;
    display: block;
}

/* Кошик (Круглий стиль) */
.header-cart-block #cart > .btn-lg {
    background: #f8f9fa !important;
    border: 1px solid #eee !important;
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #003366 !important;
    position: relative;
    padding: 0;
}

#cart-total {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #00AEEF !important;
    color: #fff;
    font-size: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* --- АДАПТИВНІСТЬ ДЛЯ МОБІЛЬНИХ --- */
@media (max-width: 767px) {
    .header-flex-row {
        flex-direction: column;
        text-align: center;
    }
    .logo-column, .search-column, .right-column {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .right-column {
        justify-content: center;
    }
    #phone {
        margin-right: 15px;
    }
}


--------
категоріі
-----------

/* --- СТИЛІЗАЦІЯ БІЧНОГО МЕНЮ КАТЕГОРІЙ --- */

/* Контейнер списку */
.list-group {
    border: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; /* Легка тінь замість рамок */
    border-radius: 8px !important;
    overflow: hidden;
}

/* Загальний стиль посилань */
a.list-group-item {
    border: none !important; /* Прибираємо лінії між пунктами */
    color: #444 !important;
    font-size: 14px;
    padding: 12px 20px !important;
    background: #fff !important;
    transition: all 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Активна категорія (вибрана зараз) */
a.list-group-item.active, 
a.list-group-item.active:hover, 
a.list-group-item.active:focus {
    background-color: #f0f7ff !important; /* Дуже світлий блакитний фон */
    color: #003366 !important; /* Ваш темно-синій */
    font-weight: 700;
    border-left: 4px solid #00AEEF !important; /* Блакитна риска зліва */
}

/* Ефект при наведенні курсору */
a.list-group-item:hover {
    background-color: #f9f9f9 !important;
    color: #03759e !important;
    padding-left: 25px !important; /* Ефект "висування" тексту */
}

/* Підкатегорії (ті, що з тире "-" попереду) */
a.list-group-item[href*="path"] {
    font-size: 13px;
    color: #777 !important;
    padding-left: 35px !important;
}

/* Прибираємо фон цифр (+20грн) усередині опцій */
.product-info .option label span, 
.product-options-group label span {
    background: transparent !important; /* Прибираємо сірий фон */
    background-color: transparent !important;
    color: #666 !important;             /* Колір самих цифр */
    padding: 0 !important;
    margin-left: 5px !important;
    border: none !important;
    box-shadow: none !important;
}

/* Якщо цифри загорнуті в b або інший тег */
.product-info .option label b {
    background: transparent !important;
}

/* Колір цифр при наведенні */
a.list-group-item:hover .badge {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Заголовок блоку (якщо є) */
.list-group-heading {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #003366;
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
}

----
картки в категоріях
-----
/* --- ПАНЕЛЬ СОРТУВАННЯ (ЗОВНІШНІЙ ВИГЛЯД) --- */
.category-info .row {
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 10px;
    padding: 8px 15px !important;
    margin-bottom: 30px !important;
    display: flex;
    align-items: center;
}

/* Приховуємо блок "Показати кількість" */
.category-info .col-md-2.col-sm-2.col-xs-12:last-child {
    display: none !important;
}

/* Стилізація кнопок вибору вигляду (сітка/список), якщо вони є */
#list-view, #grid-view {
    background: #f8f9fa;
    border: 1px solid #eee;
    color: #888;
    border-radius: 4px;
    margin-right: 5px;
}

#list-view.active, #grid-view.active {
    background: #00AEEF;
    color: #fff;
    border-color: #00AEEF;
}

/* Самі випадаючі списки */
.category-info label {
    font-size: 13px;
    font-weight: 600;
    color: #777;
    margin-right: 8px;
}

#input-sort {
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px !important;
    background: #fff;
    padding: 5px 10px;
    font-size: 13px;
    color: #444;
    cursor: pointer;
    transition: 0.3s;
}

#input-sort:focus {
    border-color: #00AEEF !important;
    outline: none;
}

/* --- ФІНАЛЬНІ ПРАВКИ КАРТОК ТОВАРУ --- */

/* Зірочки рейтингу (робимо їх чистішими) */
.rating .fa-star {
    color: #ffc107 !important; /* Насичений золотий */
    font-size: 12px;
}

.rating .fa-star-o {
    color: #ddd !important; /* Сірі порожні зірочки */
}

/* Опис товару (текст під назвою) */
.product-thumb .caption p {
    font-size: 12px;
    color: #888;
    line-height: 1.5;
    margin-top: 10px;
    height: 55px; /* Обмежуємо висоту опису для рівності */
    overflow: hidden;
}

/* Кнопки кошика та швидкого перегляду */
.product-thumb .button-group button {
    border: none;
    transition: 0.3s ease;
}

/* Стікери (Лідер продаж і т.д.) */
.product-thumb .stickers-ready .sticker {
    background: rgba(0, 174, 239, 0.1) !important;
    color: #00AEEF !important;
    font-weight: 700;
    font-size: 10px;
    border-radius: 4px;
    padding: 3px 8px;
    text-transform: uppercase;
}
/* --- АКЦЕНТ НА ЦІНУ ТА КНОПКИ --- */

.product-thumb .price {
    color: #003366 !important; /* Темно-синій для максимальної чіткості */
    font-size: 22px !important; /* Значно збільшений розмір */
    font-weight: 900 !important; /* Максимальна жирність */
    margin: 15px 0 !important;
    display: block;
    line-height: 1;
}

/* Додаємо валюті "грн" трохи менший розмір, щоб виділити число */
.product-thumb .price::after {
    /* Якщо у вас грн йде окремим текстом, цей селектор можна підправити */
}

/* Робимо назву товару трохи менш кричущою, щоб ціна домінувала */
.product-thumb h4 a {
    font-size: 14px !important;
    height: 38px;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Додамо розділювальну лінію перед кнопками, щоб відокремити зону покупки */
.product-thumb .button-group {
    border-top: 1px solid #f2f2f2;
    padding-top: 15px;
    margin-top: auto;
}

/* Кнопка кошика — робимо текст всередині чіткішим */
.product-thumb .button-group button:first-child {
    font-size: 13px !important;
    letter-spacing: 0px;
}

/* Ефект для ціни при наведенні на картку */
.product-thumb:hover .price {
    color: #00AEEF !important; /* Змінюється на блакитний при наведенні */
    transition: color 0.3s ease;
}

------
картка товара 
-------

/* --- ОСНОВНА СТРУКТУРА КАРТКИ --- */
.product-info {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

/* Збільшуємо зону фото */
.product-info > .left, 
.product-info .col-sm-8 {
    flex: 1 1 500px !important;
}

.product-info #image-main {
    width: 100% !important;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
    padding: 10px;
}

/* Права колонка з даними */
.product-info > .right, 
.product-info .col-sm-4 {
    flex: 1 1 350px !important;
    display: flex;
    flex-direction: column;
}

/* --- ЦІНА ТА АКЦЕНТИ --- */
.product-price-group .price {
    font-size: 38px !important;
    font-weight: 900 !important;
    color: #003366 !important;
    margin: 15px 0 25px 0 !important;
    line-height: 1;
}

/* --- ОПЦІЇ (РОЗМІРИ, КОЛЬОРИ) ЯК КНОПКИ --- */
.product-options-group {
    margin-bottom: 25px;
}

.product-options-group b {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

.product-options-group label {
    display: inline-block !important;
    padding: 8px 15px !important;
    margin: 0 6px 8px 0 !important;
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #555 !important;
    transition: 0.2s;
}

.product-options-group label:hover {
    border-color: #00AEEF !important;
    color: #00AEEF !important;
}

/* Стиль вибраної опції */
.product-options-group input[type="radio"]:checked + label,
.product-options-group input[type="checkbox"]:checked + label {
    background: #e0f7ff !important;
    border-color: #00AEEF !important;
    color: #003366 !important;
    box-shadow: inset 0 0 0 1px #00AEEF;
}

/* Приховуємо стандартні радіо-точки */
.product-options-group input[type="radio"],
.product-options-group input[type="checkbox"] {
    display: none !important;
}

/* --- КНОПКИ КУПІВЛІ --- */
.product-action-group {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

#button-cart {
    background: #00AEEF !important;
    height: 48px;
    border-radius: 8px !important;
    font-weight: 700;
    text-transform: uppercase;
    flex-grow: 2;
}

.btn-quick-order {
    height: 48px;
    border-radius: 8px !important;
    font-weight: 600;
    background: #f8f9fa !important;
    border: 1px solid #ddd !important;
    color: #333 !important;
    flex-grow: 1;
}




.advantage-item {
    background: #fcfcfc;
    border: 1px dotted #ccc;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
}

/* Робимо так, щоб обидва блоки пошуку виглядали однаково і не ламали JS */
#div_search, #div_search2 {
    position: relative;
    z-index: 100;
}

#search {
    width: 100%;
}

-----
опціі
------
/* Збільшуємо розмір картинки в опціях */
.product-thumb .option .img, 
#product .option .img,
.option-image img {
    width: 100px !important;
    height: 100px !important;
    border: 2px solid #eee;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    object-fit: cover; /* Щоб картинка не розтягувалася, якщо пропорції інші */
}

/* Ефект при наведенні та активна опція */
.product-thumb .option .img:hover, 
#product .option .img.selected,
.option-image input:checked + img {
    border-color: #337ab7; /* Колір вашої теми */
    box-shadow: 0 0 5px rgba(51, 122, 183, 0.5);
    transform: scale(1.05);
}

/* Стилізація тексту поруч із картинкою або назви опції */
.option-image {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
}

.option-image span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #444;
    font-weight: 600;
    max-width: 100px; /* Щоб текст не розповзався ширше картинки */
    line-height: 1.2;
}

/* Приховуємо стандартні радіо-кнопки, якщо вони заважають */
.option-image input[type="radio"], 
.option-image input[type="checkbox"] {
    display: none;
}

--------
текст
------


/* 2. Текст всередині кнопок-опцій */
.option label, 
.option label span,
.option input[type="radio"]:checked + label,
.option label.selected {
    font-size: 14px !important; /* Однаковий розмір */
    font-weight: 400 !important;
    line-height: 1.2 !important;
}



/* Візуальне полегшення кнопок */
.option label {
    display: inline-block !important;
    padding: 8px 16px !important;
    margin: 0 6px 6px 0 !important;
    background: #fff !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    cursor: pointer;
    transition: border-color 0.2s;
}

.option input[type="radio"]:checked + label,
.option label.selected {
    border-color: #3b82f6 !important;
    background: #f0f7ff !important;
    color: #1e40af !important;
}



/* Стилізація сторінки повернення */
.returns-policy-container {
    max-width: 900px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.6;
    color: #444;
}

.policy-block {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

.policy-block h3 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
    color: #003366; /* Ваш фірмовий синій */
    display: flex;
    align-items: center;
}

.policy-block h3 i {
    margin-right: 12px;
    color: #00AEEF; /* Блакитний акцент */
}

.check-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.check-list li::before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #28a745;
}

.info-note {
    background: #f8f9fa;
    padding: 15px;
    border-left: 4px solid #00AEEF;
    margin-top: 15px;
}

.warning-box {
    background: #fff5f5;
    padding: 15px;
    border: 1px dashed #ebaca2;
    border-radius: 6px;
    color: #c53030;
    margin: 15px 0;
}

.danger-text {
    font-weight: 600;
    color: #c53030;
    font-size: 13px;
}

.contact-methods {
    display: flex;
    gap: 20px;
    margin: 15px 0;
    flex-wrap: wrap;
}

.contact-methods span {
    background: #eef2f7;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 500;
}

/* Доповнення для сторінки доставки */
.shipping-grid {
    display: flex;
    gap: 15px;
    margin-top: 15px;
}

.shipping-item {
    flex: 1;
    background: #f0f7ff;
    border: 1px solid #d1e9ff;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
}

.price-limit {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #003366;
}

.post-service {
    font-size: 14px;
    color: #555;
}

.payment-option {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
}

.payment-option:last-child { border-bottom: none; }

.payment-option h4 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.small-list {
    font-size: 13px;
    color: #666;
    padding-left: 20px;
}

.faq-item strong {
    display: block;
    margin-bottom: 5px;
    color: #003366;
}

@media (max-width: 767px) {
    .shipping-grid { flex-direction: column; }
}

/* --- СТИЛІ ДЛЯ СТОРІНКИ "ПРО НАС" --- */
.about-us-container {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.about-header h1 {
    font-size: 28px;
    font-weight: 700;
    color: #003366;
    margin-bottom: 10px;
}

.about-header .lead {
    color: #666;
    font-size: 16px;
    margin-bottom: 40px;
}

/* Сітка переваг */
.about-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 30px 0;
}

.feature-item {
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 25px;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.2s;
}

.feature-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.feature-item i {
    font-size: 30px;
    color: #00AEEF;
    margin-bottom: 15px;
}

.feature-item h4 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.feature-item p {
    font-size: 13px;
    color: #777;
    line-height: 1.5;
}

/* Контактний блок внизу */
.about-contacts {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
}

.about-contacts ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.about-contacts li {
    font-size: 14px;
    font-weight: 500;
}

.about-contacts i {
    color: #00AEEF;
    margin-right: 5px;
}

/* Адаптивність */
@media (max-width: 767px) {
    .about-features { grid-template-columns: 1fr; }
    .about-contacts ul { flex-direction: column; gap: 10px; }
}

/* --- ЄДИНИЙ ТА ОСТАТОЧНИЙ СТИЛЬ ДЛЯ ОПИСУ ТОВАРУ --- */
#tab-description, 
#tab-description p, 
#tab-description span, 
#tab-description div, 
#tab-description li {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important; /* Встановлюємо бажані 16px */
    line-height: 1.6 !important;
    color: #444 !important;
    background: none !important;
}

/* Прибираємо колір фону, який міг приїхати з Word */
#tab-description * {
    background-color: transparent !important;
}

/* Контейнер блоків (Доставка/Оплата) */
.simplecheckout-right-column {
    background: #fcfcfc !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* Заголовки блоків (ПОКУПЕЦЬ, ДОСТАВКА і т.д.) */
.checkout-heading {
    background: #003366 !important; /* Ваш темно-синій */
    color: #ffffff !important;
    padding: 12px 15px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

/* Поля вводу */
.simplecheckout-block-content input.form-control, 
.simplecheckout-block-content select.form-control {
    height: 42px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

/* Кнопка "Оформити замовлення" */
#simplecheckout_button_confirm {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: #28a745 !important; /* Приємний зелений */
    color: #ffffff !important;
    font-size: 16px !important; /* Оптимальний розмір */
    font-weight: 600 !important;
    padding: 0 40px !important; /* Відступи по боках */
    height: 50px !important;     /* Фіксована комфортна висота */
    line-height: 50px !important; /* Центрування тексту */
    border: none !important;
    border-radius: 30px !important; /* Округлі краї для сучасного вигляду */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.2) !important;
}

#simplecheckout_button_confirm:hover {
    background-color: #218838 !important;
    box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3) !important;
    transform: translateY(-1px);
}

#simplecheckout_button_confirm:active {
    transform: translateY(1px);
}

/* Центрування блоку з кнопкою */
.simplecheckout-button-right {
    text-align: center !important; /* Кнопка по центру виглядає краще */
    padding-top: 30px !important;
    clear: both;
}

/* Стилізація радіо-кнопок (Доставка/Оплата) */
.simplecheckout-block-content input[type="radio"] {
    margin-right: 10px !important;
    vertical-align: middle;
}

/* Кнопка купити - виправлення наведення */
#button-cart {
    background: #00AEEF !important;
    color: #ffffff !important; /* Текст завжди білий */
    border: none !important;
    transition: all 0.3s ease !important;
}

#button-cart:hover {
    background: #008ec4 !important; /* Темніший відтінок блакитного */
    color: #ffffff !important;      /* Текст залишається білим */
    opacity: 1 !important;
}

/* Приховати зелену кнопку, якщо з'явився блок з інструкцією оплати */
#payment_bank_transfer + .simplecheckout-button-right #simplecheckout_button_confirm,
#payment_bank_transfer ~ .simplecheckout-button-right #simplecheckout_button_confirm,
.simple-content #button-confirm ~ #simplecheckout_button_confirm {
    display: none !important;
}

/* Додатково для впевненості: якщо відображається ID підтвердження */
#payment_confirmation:not(:empty) ~ .simplecheckout-button-right #simplecheckout_button_confirm {
    display: none !important;
}
/* Робимо синю кнопку головною та вирівнюємо її */
#button-confirm {
    float: none !important;      /* Прибираємо зміщення вбік */
    display: block !important;
    margin: 20px 0 20px auto !important; /* Притискаємо вправо, як було у зеленої */
    background-color: #003366 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 12px 35px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    min-width: 250px;
}

/* Якщо хочете по центру на мобільних */
@media (max-width: 768px) {
    #button-confirm {
        margin: 20px auto !important;
    }
}