.order-done__warning
{
	display: flex;
}

.order-done__warning-icon
{
	display: inline-block;
	background: url(../images/info-icon.png) no-repeat;
	background-size: contain;
	width: 65px;
	height: 65px;
	margin-right: 10px;
	position: relative;
	top: 8px;
}

.order-done__warning-message
{
	font-size: 18px;
	display: inline-block;
	color: #a94442;
	padding-left: 10px;
}

.order-done__pay-arrow
{
	display: inline-block;
	background: url('../images/order-arrow.png') no-repeat;
	width: 100px;
	height: 40px;
	background-size: contain;
	margin-left: 30px;
}

.section-name
{
	margin-bottom: 30px;
}

.text-red
{
	color: #cc0000;
}

.letter-section
{
	border-bottom: 1px solid #efefef;
	padding: 20px 0 10px 40px;
	position: relative;
}

.letter-section > a
{
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 10px;
}

.letter-section:before
{
	content: attr(data-letter);
	font-size: 26px;
	color: #FFB755 ! important;
	display: inline-block;
	width: 30px;
	text-align: center;
	position: absolute;
	left: -4px;
	top: 7px;
	font-weight: 600;
}

.force-pay-order
{
	border: 0;
	position: fixed;
	width: 100%;
	padding: 20px;
	text-align: center;
	color: #000;
	background: #FFB755;
	font-size: 16px;
	text-transform: uppercase;
	z-index: 10;
	font-weight: 600;
}

.force-pay-order:hover
{
	background: #db9850;
}

.switch-to-retail
{
	border: 0;
	position: fixed;
	width: 100%;
	padding: 20px;
	text-align: center;
	color: #fff;
	background: #009846;
	font-size: 16px;
	text-transform: uppercase;
	z-index: 10;
	font-weight: 600;
	bottom: 0;
}

.switch-to-retail:hover
{
	color: #fff;
	text-decoration: none;
	background: #007339;
}

.pagination
{
	margin-bottom: 30px;
}

.pay-animation
{
	animation: payAnimationFrames ease 0.3s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: payAnimationFrames ease 0.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: payAnimationFrames ease 0.3s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: payAnimationFrames ease 0.3s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: payAnimationFrames ease 0.3s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
}

/* ОБЪЕДИНЕННЫЙ МЕДИА-ЗАПРОС ДЛЯ ПЛАНШЕТОВ И ТЕЛЕФОНОВ */
@media screen and (max-width: 767px)
{
	.letter-section > a
	{
		display: block;
	}

	.switch-to-retail
	{
		display: none;
	}

	.force-pay-order
	{
		bottom: 0;
	}

	/* ИСПРАВЛЕННОЕ МОБИЛЬНОЕ МЕНЮ */
	.slicknav_menu
	{
		position: fixed;
		width: 100%;
		z-index: 1000;
		top: 0;
		left: 0;
		display: block !important;
	}

	.slicknav_nav
	{
		max-height: 70vh;
		overflow-y: auto;
	}

	.slicknav_menu + header
	{
		padding-top: 55px;
	}
	
	/* Гарантируем, что меню всегда видно */
	.slicknav_btn {
		z-index: 1001;
	}
	
	/* Скрываем десктопное меню */
	.main-menu {
		display: none !important;
	}
	
	.cart-item-price
	{
		margin-top: 30px;
	}
}

@media screen and (max-width: 445px)
{
	.cart-item-price
	{
		margin-top: 30px;
	}
}

@media screen and (max-width: 992px)
{
	.cart-remove-wrapper
	{
		text-align: left !important;
	}

	.cart-item
	{
		margin-bottom: 20px;
		border-bottom: 1px solid #ffb963;
		padding-bottom: 15px;
	}

	.top-contacts .phone
	{
		font-size: 34px;
	}

	.top-contacts .address
	{
		font-size: 12px;
	}
}

@media screen and (min-width: 768px)
{
	.force-pay-order-form + header
	{
		padding-top: 90px;
	}

	.main-menu .dropdown-menu .menu-footer
	{
		display: block;
		clear: both;
		background: #FFB755;
		color: #565656;
		margin: 20px -15px -15px -15px;
		padding: 15px;
		text-transform: uppercase;
		font-weight: 600;
	}

	.main-menu .dropdown-menu
	{
		width: 640px;
		padding: 15px;
		column-count: initial;
		border-radius: 0;
		top: 100px;
	}

	.main-menu .dropdown-menu:after,
	.main-menu .dropdown-menu:before
	{
		content: '';
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		left: 0;
	}

	.main-menu .dropdown-menu:after
	{
		top: -20px;
		border-color: transparent transparent #fff transparent;
		border-width: 10px;
		left: 37px;
	}

	.main-menu .dropdown-menu:before
	{
		top: -22px;
		border-color: transparent transparent #FFB755 transparent;
		border-width: 11px;
		left: 36px;
	}

	.main-menu .dropdown-menu .menu-item
	{
		padding: 7px 10px;
		float: left;
		width: 200px;
		text-align: left;
	}

	.main-menu .dropdown-menu .menu-item .menu-link
	{
		display: block;
		padding: 6px 0 6px 30px;
		position: relative;
	}

	.main-menu .dropdown-menu .menu-item .menu-link.big-letter
	{
		/* padding-left: 0; */
	}

	.main-menu .dropdown-menu .menu-item .menu-link.big-letter:before
	{
		content: attr(data-letter);
		font-size: 21px;
		color: #FFB755 ! important;
		display: inline-block;
		width: 30px;
		text-align: center;
		position: absolute;
		left: -4px;
		top: -2px;
	}
}

@media screen and (min-width: 992px)
{
	.main-menu .dropdown-menu
	{
		width: 800px;
	}

	.main-menu .dropdown-menu .menu-item
	{
		width: 250px;
	}
}

/* ИСПРАВЛЕНИЕ ДЛЯ ОЧЕНЬ МАЛЕНЬКИХ ЭКРАНОВ */
@media screen and (max-width: 480px) {
    .logo {
        max-width: 200px !important;
        height: auto !important;
        display: block;
        margin: 0 auto !important;
    }
    
    .top-contacts .phone {
        font-size: 24px !important;
    }
    
    .top-contacts {
        text-align: center !important;
    }
    
    .slicknav_menu {
        font-size: 14px;
    }
}

@keyframes payAnimationFrames
{
	0% {
		transform:  translate(0px, 0px)  ;
	}
	50% {
		transform:  translate(38px, -11px)  ;
	}
	100% {
		transform:  translate(0px, 0px)  ;
	}
}

@-moz-keyframes payAnimationFrames
{
	0% {
		-moz-transform:  translate(0px, 0px);
	}
	50% {
		-moz-transform:  translate(38px, -11px);
	}
	100% {
		-moz-transform:  translate(0px, 0px);
	}
}

@-webkit-keyframes payAnimationFrames
{
	0% {
		-webkit-transform:  translate(0px, 0px);
	}
	50% {
		-webkit-transform:  translate(38px, -11px);
	}
	100% {
		-webkit-transform:  translate(0px, 0px);
	}
}

@-o-keyframes payAnimationFrames
{
	0% {
		-o-transform:  translate(0px, 0px);
	}
	50% {
		-o-transform:  translate(38px, -11px);
	}
	100% {
		-o-transform:  translate(0px, 0px);
	}
}

@-ms-keyframes payAnimationFrames
{
	0% {
		-ms-transform:  translate(0px, 0px);
	}
	0% {
		-ms-transform:  translate(38px, -11px);
	}
	100% {
		-ms-transform:  translate(0px, 0px);
	}
}

/* MOBILE FIXES */
@media (max-width: 767px) {
    /* Центрирование логотипа */
    .col-xs-12.col-sm-5.col-md-4 {
        position: relative !important;
        height: 80px !important;
        text-align: center !important;
    }
    
    .navbar-brand {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    .logo.img-responsive {
        max-width: 180px !important;
        height: auto !important;
        margin: 0 auto !important;
    }
    
    /* Активация мобильного меню */
    .slicknav_menu {
        display: block !important;
        background: #333 !important;
        z-index: 9999 !important;
    }
    
    .slicknav_btn {
        background: #e74c3c !important;
        margin: 10px 0 !important;
    }
    
    /* Скрытие десктопного меню на мобильных */
    .main-menu {
        display: none !important;
    }
}

/* Дополнительные breakpoints */
@media (max-width: 480px) {
    .logo.img-responsive {
        max-width: 150px !important;
    }
}
/* ULTIMATE MOBILE MENU FIX */
@media (max-width: 767px) {
    #mobile-menu-container {
        display: block !important;
        position: relative !important;
        z-index: 99999 !important;
        width: 100% !important;
    }
    
    .slicknav_menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #333 !important;
        position: relative !important;
        z-index: 99999 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .slicknav_btn {
        display: block !important;
        visibility: visible !important;
        background: #e74c3c !important;
        margin: 8px 10px !important;
        padding: 10px 15px !important;
        color: white !important;
        cursor: pointer !important;
        border: none !important;
        border-radius: 4px !important;
        font-size: 16px !important;
        text-decoration: none !important;
        float: none !important;
    }
    
    .slicknav_menutxt {
        color: white !important;
        font-weight: bold !important;
    }
    
    /* Скрываем десктопное меню */
    .main-menu {
        display: none !important;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .slicknav_menu {
        background: #222 !important;
    }
    
    .slicknav_btn {
        margin: 5px 8px !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
    }
}
/* MOBILE MENU FIX - FINAL VERSION */
@media (max-width: 767px) {
    /* Скрываем десктопное меню */
    .main-menu {
        display: none !important;
    }
    
    /* Настраиваем SlickNav меню */
    .slicknav_menu {
        display: block !important;
        background: #000 !important; /* ЧЕРНЫЙ цвет */
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 999999 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Кнопка гамбургера - только иконка справа */
    .slicknav_btn {
        display: block !important;
        background: transparent !important;
        margin: 0 !important;
        padding: 15px !important;
        float: right !important;
        border: none !important;
        cursor: pointer !important;
    }
    
    /* Скрываем текст "МЕНЮ" */
    .slicknav_menutxt {
        display: none !important;
    }
    
    /* Стили для иконок гамбургера */
    .slicknav_icon-bar {
        background: #fff !important;
        height: 3px !important;
        margin: 5px 0 !important;
        border-radius: 1px !important;
    }
    
    /* Выпадающее меню - ЧЕРНОЕ */
    .slicknav_nav {
        background: #000 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Ссылки в меню - БЕЛЫЕ */
    .slicknav_nav a {
        color: #fff !important;
        padding: 12px 15px !important;
        border-bottom: 1px solid #333 !important;
        text-decoration: none !important;
    }
    
    /* Активные/ховер состояния */
    .slicknav_nav a:hover,
    .slicknav_nav .slicknav_row:hover {
        background: #333 !important;
        color: #fff !important;
    }
    
    /* Стрелки для подменю */
    .slicknav_arrow {
        float: right !important;
        color: #fff !important;
    }
    
    /* Подменю - тоже ЧЕРНОЕ */
    .slicknav_nav ul {
        background: #111 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Добавляем отступ для контента под фиксированным меню */
    body {
        padding-top: 50px !important;
    }
    
    /* Центрирование логотипа */
    .col-xs-12.col-sm-5.col-md-4 {
        position: relative !important;
        height: 80px !important;
        text-align: center !important;
    }
    
    .navbar-brand {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    .logo.img-responsive {
        max-width: 180px !important;
        height: auto !important;
        margin: 0 auto !important;
    }
}

/* Скрываем мобильное меню на десктопе */
@media (min-width: 768px) {
    .slicknav_menu {
        display: none !important;
    }
    
    .main-menu {
        display: block !important;
    }
    
    body {
        padding-top: 0 !important;
    }
}

/* FIX FOR MOBILE MENU ARROW POSITION - TEXT NEAR */
@media (max-width: 767px) {
    .slicknav_arrow {
        float: none !important;
        display: inline-block !important;
        margin-left: 8px !important;
        margin-right: 0 !important;
        font-size: 12px !important;
        position: static !important;
        transform: none !important;
    }
    
    /* Убираем flex выравнивание - возвращаем обычный поток */
    .slicknav_nav .slicknav_item,
    .slicknav_nav .slicknav_row {
        display: block !important; /* Возвращаем block */
        justify-content: normal !important;
        padding: 12px 15px !important;
        margin: 0 !important;
        text-align: left !important;
    }
    
    /* Текст и стрелка в одной строке */
    .slicknav_nav .slicknav_item a,
    .slicknav_nav .slicknav_row a {
        display: inline !important; /* Делаем inline чтобы текст и стрелка были в одной строке */
        text-align: left !important;
    }
    
    /* Стрелка сразу после текста */
    .slicknav_parent .slicknav_item {
        white-space: nowrap !important; /* Запрещаем перенос строк */
    }
    
    /* Убираем все лишние отступы */
    .slicknav_nav a {
        padding: 0 !important;
        margin: 0 !important;
    }
}
/* MOBILE MENU FONT SIZE FIX - DROPDOWN ONLY */
@media (max-width: 767px) {
    .slicknav_nav a {
        font-size: 16px !important; /* Увеличиваем размер шрифта в выпадающем меню */
        line-height: 1.4 !important; /* Увеличиваем межстрочный интервал */
        padding: 14px 15px !important; /* Увеличиваем отступы для удобства тапа */
    }
    
    .slicknav_nav .slicknav_item,
    .slicknav_nav .slicknav_row {
        padding: 14px 15px !important; /* Увеличиваем отступы пунктов меню */
    }
    
    /* Кнопку гамбургера НЕ меняем - оставляем как есть */
}

/* MOBILE MENU - REMOVE ALL OUTLINES AND BORDERS */
@media (max-width: 767px) {
    .slicknav_nav a:hover,
    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav a:focus,
    .slicknav_nav .slicknav_row:focus,
    .slicknav_nav a:active,
    .slicknav_nav .slicknav_row:active {
        background: #222 !important;
        color: #fff !important;
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
        border-radius: 0 !important;
    }
    
    /* Убираем обводку у всех элементов меню */
    .slicknav_nav *:focus,
    .slicknav_nav *:active {
        outline: none !important;
        border: none !important;
    }
    
    /* Убираем любые рамки у ссылок */
    .slicknav_nav a {
        border: none !important;
        outline: none !important;
    }
    
    /* Убираем рамки у строк */
    .slicknav_row {
        border: none !important;
        outline: none !important;
    }
}
/* Исправление русских букв в каталоге НА ВСЕХ УСТРОЙСТВАХ */
.alphabet li,
.catalog-alphabet a,
.letter-nav span,
.catalog-index .alphabet a {
    font-family: "Ubuntu", sans-serif !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

/* Отступ для поиска под корзиной */
.search-form {
    margin-top: 80px !important;
}

/* На мобильных убираем отступ */
@media (max-width: 767px) {
    .search-form {
        margin-top: 0 !important;
    }
}
/* ПОКАЗЫВАЕМ ПОИСК НА МОБИЛЬНЫХ */
@media (max-width: 767px) {
    .search-form {
        display: flex !important;
        align-items: center !important;
        margin-top: 15px !important;
        background: #fafafa !important;
        padding: 4px 10px 4px 40px !important;
        border-radius: 4px !important;
        border-bottom: 1px solid #d9d9d9 !important;
        width: 100% !important;
        height: 36px !important;
        box-sizing: border-box !important;
        position: relative !important;
    }
    
    .search-input {
        flex: 1 !important;
        height: 28px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border: none !important;
        background: transparent !important;
        line-height: 28px !important;
        margin: 0 !important;
        /* ДОБАВИЛ ДЛЯ ЦЕНТРИРОВАНИЯ: */
        align-self: center !important;     /* ← ВЫРАВНИВАНИЕ ВНУТРИ FLEX */
        position: relative !important;
        top: 0 !important;                 /* ← СБРОС СМЕЩЕНИЯ */
    }
    
    .search-input::placeholder {
        line-height: 28px !important;
        color: #666 !important;
        /* ДОБАВИЛ ДЛЯ ЦЕНТРИРОВАНИЯ ПОДСКАЗКИ: */
        position: relative !important;
        top: 0 !important;                 /* ← СБРОС СМЕЩЕНИЯ */
    }
    
    .icon-search {
        position: absolute !important;
        left: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 2 !important;
    }
}
/* Стили для блока правообладателей */
.copyright-notice {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.rights-notice {
    font-size: 12px;
    line-height: 1.4;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

.rights-notice p {
    margin-bottom: 10px;
}

.rights-notice strong {
    color: #333;
}