/* Custom Tailwind Build for Footer */ #footer-isolation { all: initial; display: block; width: 100%; font-family: sans-serif; box-sizing: border-box; } #footer-isolation * { box-sizing: border-box; } #footer-isolation a { text-decoration: none; cursor: pointer; transition: all 0.3s ease-in-out; } #footer-isolation ul { list-style: none; padding: 0; margin: 0; } /* Utility Classes */ .tw-bg-\[\#404040\] { background-color: #404040; } .tw-bg-white { background-color: #ffffff; } .tw-text-white { color: #ffffff; } .tw-text-gray-100 { color: #f3f4f6; } .tw-text-gray-200 { color: #e5e7eb; } .tw-text-gray-300 { color: #d1d5db; } .tw-text-gray-400 { color: #9ca3af; } .tw-text-brand-500 { color: #EC5126; } .tw-text-red-600 { color: #dc2626; } .tw-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .tw-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .tw-px-4 { padding-left: 1rem; padding-right: 1rem; } .tw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .tw-pt-4 { padding-top: 1rem; } .tw-mt-4 { margin-top: 1rem; } .tw-mb-6 { margin-bottom: 1.5rem; } .tw-mb-4 { margin-bottom: 1rem; } .tw-mr-1 { margin-right: 0.25rem; } .tw-mr-2 { margin-right: 0.5rem; } .tw-mx-auto { margin-left: auto; margin-right: auto; } .tw-w-full { width: 100%; } .tw-max-w-\[1170px\] { max-width: 1170px; } .tw-h-12 { height: 3rem; } .tw-w-auto { width: auto; } .tw-w-4 { width: 1rem; } .tw-h-4 { height: 1rem; } .tw-min-w-\[18px\] { min-width: 18px; } .tw-h-\[18px\] { height: 18px; } .tw-grid { display: grid; } .tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .tw-flex { display: flex; } .tw-items-center { align-items: center; } .tw-justify-between { justify-content: space-between; } .tw-gap-8 { gap: 2rem; } .tw-gap-4 { gap: 1rem; } .tw-gap-3 { gap: 0.75rem; } .tw-space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .tw-space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .tw-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .tw-text-left { text-align: left; } .tw-text-center { text-align: center; } .tw-font-bold { font-weight: 700; } .tw-italic { font-style: italic; } .tw-leading-6 { line-height: 1.5rem; } .tw-text-\[18px\] { font-size: 18px; } .tw-text-\[14px\] { font-size: 14px; } .tw-text-\[12px\] { font-size: 12px; } .tw-text-\[10px\] { font-size: 10px; } .tw-rounded-lg { border-radius: 0.5rem; } .tw-rounded { border-radius: 0.25rem; } .tw-border-t { border-top-width: 1px; } .tw-border-gray-500 { border-color: #6b7280; } .tw-shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .tw-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tw-duration-300 { transition-duration: 300ms; } /* Hover States */ .tw-hover\:tw-text-brand-500:hover { color: #EC5126; } .tw-group:hover .tw-group-hover\:tw-text-brand-500 { color: #EC5126; } /* Responsive */ @media (min-width: 768px) { .md\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:tw-flex-row { flex-direction: row; } .md\:tw-text-left { text-align: left; } } @media (min-width: 1024px) { .lg\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } /* === PAYMENT METHODS MODERNIZATION === */ /* Скрываем старые заголовки внутри модулей, если они есть */ #HOOK_PAYMENT h3 { display: none !important; } /* Стилизация контейнера каждого метода (обычно это

) */ .payment_module { margin-bottom: 1rem !important; } /* Сама кнопка-ссылка */ .payment_module a { display: flex !important; align-items: center !important; width: 100% !important; background-color: #ffffff !important; border: 1px solid #e5e7eb !important; /* Серый бордюр */ border-radius: 0.5rem !important; /* Скругление */ padding: 1.5rem !important; text-decoration: none !important; transition: all 0.2s ease-in-out !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; font-size: 1.1rem !important; /* Крупный текст */ color: #1f2937 !important; /* Темный текст */ font-weight: 500 !important; background-image: none !important; /* Убираем старые иконки-галочки PrestaShop */ } /* Эффект при наведении */ .payment_module a:hover { border-color: #EC5126 !important; /* Ваш оранжевый бренд-цвет */ box-shadow: 0 4px 6px -1px rgba(236, 81, 38, 0.1), 0 2px 4px -1px rgba(236, 81, 38, 0.06) !important; background-color: #fff7f5 !important; /* Очень легкий оранжевый фон */ } /* Работа с иконками внутри кнопок (если есть картинки) */ .payment_module a img { margin-right: 1.5rem !important; max-height: 40px !important; /* Ограничиваем высоту логотипов */ width: auto !important; } /* Если текста нет, добавляем псевдо-стрелочку справа */ .payment_module a::after { content: "→"; margin-left: auto; color: #9ca3af; font-weight: bold; font-size: 1.5rem; } .payment_module a:hover::after { color: #EC5126; } /* Адаптивность для мобильных */ @media (max-width: 640px) { .payment_module a { padding: 1rem !important; font-size: 1rem !important; } }