body, html {
margin: 0;
padding: 0;
height: 100%;
font-size: 10pt;
font-family: 'Roboto', sans-serif;
color: #2e2e2e;
}
/* start seleznev modification */
.description {
margin-top: 20px;
margin-bottom: 25px;
}
.description h2 {
display: none;
}
#product_teh {
width: 100%;
}
#product_teh .feature_block_name {
font-size: medium;
}
#product_teh .feature_value {
padding-left: 10px;
}
/* end seleznev modification */
/* Теги */
img {
border: 0;
}
a img {
border: 0;
}
h1, .h1, .title {
font-size: 15pt;
}
h2, .h2 {
font-size: 14pt;
}
h1, .h1, h2, .h2, h1 a, .h1 a,
h2 a, .h2 a,
.title, .title a {
color: #0071c3;
font-weight: 500;
border: 0;
font-size: 14pt;
}
h2 a:hover {
color: #1779ff;
}
h1, .h1, h2, .h2 {
margin: 0;
padding: 0 0 10px 0;
overflow: hidden;
max-height: 92px;
}
.ienlarger {
float: left;
width: 150px;
clear: none; /* Можно установить left или right по необходимости */
padding-bottom: 5px; /* Расстояние между миниатюрами. Лучше не трогать данное поле */
padding-right: 5px; /* Расстояние между миниатюрами и окружающим текстом */
}
.ienlarger a {
display:block;
text-decoration: none;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}
.ienlarger a:hover{ /* Не надо изменять тип позиционирования */
position:relative;
}
.ienlarger span img {
border: 0px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
margin-bottom: 0px; /* /Сдвигаем текст вниз от изображения */
}
.ienlarger a span { /* Для большого изображения и названия */
position: absolute;
display:none;
color: #000000; /* Текст названия */
text-decoration: none;
font-family: 'Roboto', Helvetica, sans-serif;
font-size: 13px; /* Размер шрифта названия */
background-color: #ffffff;border-radius: 4px;
box-shadow: 0 0 6px #a4a4a4;
padding: 4px 0;
font-weight: bold;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
.ienlarger img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}
.ienlarger a:hover span {
display:block;
top: 0px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
left: -253px; /* Большое изображение выскакивает влево на 90px от миниатюры */
z-index: 100;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}
.resize_thumb {
max-width: 150px; /* Вводим нужный размер миниатюры здесь */
max-height : 150px;
}
.resize_thumb1 {
max-width: 80px; /* Вводим нужный размер миниатюры здесь */
max-height : 80px;
padding: 2px 2px 2px 2px;
float: left;
}
.h1_item {
padding: 10px 0 15px 0;
font-size: 22px;
font-weight: 600;
color: #141414;
line-height: 130%
}
p {
margin: 0 0 10px 0;
padding: 0;
}
.container {
display: table;
width: 100%;
}
/* Позиционирование */
.left {
float: left;
position: relative;
}
.right {
float: right;
}
.nofloat {
clear: both;
}
.clearing {
clear: both;
height: 0;
font-size: 1px;
}
/* Цвет */
a, .blue,.blue_link a {
color: #0071c3;
border:0; text-decoration: underline;
}
.blue_link a:hover {
color: #008ff7;
border:0; text-decoration: underline;
}
a:hover {
color: #0071c3;
border:0;
text-decoration: none;
}
.gray,.gray_link a {
color: #000000;
text-shadow: 0 1px 0 #fff;
border: 0;
font-weight: 800;
text-decoration: none;
}
.d_gray {
color: #525252;
}
.red, .red_link a {
color: #0071c3;
border: 0;
}
/* Форматирование */
.mp {
margin: 0;
padding: 0;
}
.inline li {
display: inline;
}
/* Шапка сайта */
.header {
padding: 28px 50px 40px 75px;
min-width: 875px;
}
.icon_menu li {
padding-right: 15px;
}
.login_block {
text-align: right;
font-size: 10pt;
font-weight: bold;
font-style: italic;
}
/* Левая колонка */
.left_block {
width: 230px;
padding: 0 30px 0 30px;
left: 0;
float: left
}
/* Контент */
.logo {
font-size: 18pt;
font-style: italic;
margin-bottom: 60px;
}
.logo a {
text-decoration: none;
}
.logo img {
margin: 0 5px -2px 0;
}
.top_menu {
margin: 0;
padding: 0;
list-style-type: none;
}
.top_menu li {
font-size: 15px;
float: left;
line-height: 32px;
font-family: 'Roboto', sans-serif;
margin: 0 4px 0 0;
}
.top_menu li div {
#display: inline;
zoom: 1;
}
.top_menu li div div {
padding: 0 14px 0 14px;
height: 32px;
}
.top_menu li:hover, .red_li {
}
.top_menu li:hover div, .red_li div {
background: url('/images/tmlbg.png') no-repeat 0 0;
}
.top_menu li:hover div div, .red_li div div {
background: url('/images/tmrbg.png') no-repeat 100% 0;
}
.top_menu li:hover a, .red_li a {
color: #404040;
background: url('/images/tmcbg.png') repeat-x 0 0;
line-height: 32px;
display: block;
text-decoration: none;
}
/* Левое меню */
.left_menu {
list-style-type: none;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
-moz-transition: height 0.3s ease-in-out;
-webkit-transition: height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
}
.left_menu ul {
list-style-type: none;
margin-left: 0;
padding: 0;
}
.left_menu li {
padding: 0px 0 0px 0px;
margin: 0;
font-size: 15px;
}
.left_menu li a {
position: relative;
/*width: 229px;*/
line-height: 43px;
display: block;
padding: 0 0 0 20px;
font-family: 'Roboto', sans-serif;
color: #424242;
text-decoration: none;
word-break: break-word;
}
.left_menu li a:hover {
background: url('/images/citembg_2.png');
}
.left_menu_2 {
list-style-type: none;
margin: 0;
padding: 0;
background: url('/images/menudot-1.gif') no-repeat 0 0;
background
}
.left_menu_2 li {
line-height: 100%;
background-color: #555555;
background: url('/images/menudot-1.gif') no-repeat 0 0;
font-size: 13px;
margin: 0;
padding: 1px 0 0 0;
overflow: hidden;
-moz-transition: height 0.3s ease-in-out;
-webkit-transition: height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
}
.left_menu_2 li a {
padding: 0 0 0 29px;
overflow: hidden;
-moz-transition: height 0.3s ease-in-out;
-webkit-transition: height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
}
.left_menu_2 li a:hover {
background: url('/images/citembg_2.png');
}
.left_menu_3 {
list-style-type: none;
margin: 0;
padding: 0;
background: url('/images/menudot-2.gif') no-repeat 0 0 ;
}
.left_menu_3 li {
line-height: 100%;
background-color: #555555;
background: url('/images/menudot-2.gif') no-repeat 0 0 ;
font-size: 13px;
margin: 0;
padding: 1px 0 0 0;
}
.left_menu_3 li a {
padding: 0 0 0 39px;
}
.left_menu_3 li a:hover {
background: url('/images/citembg_2.png');
}
.news_list dt {
color: #a8a8a8;
font-size: 10pt;
}
.news_list dd {
margin: 2px 0 7px 30px;
}
/* Блок данных */
.main {
margin-left: 590px;
min-width: 410px;
zoom: 1;
}
.main .left_row {
padding: 0;
margin: 0 300px 0 -300px;
width: 100%;
}
.main .right_row {
width: 220px;
padding: 0 50px 0 30px;
margin-left: -300px;
}
.main_img {
height: 170px;
border-left: 4px solid #d4100b;
background: url('/images/img.jpg') no-repeat 0 0;
margin-bottom: 20px;
}
.shop_item {
width: 50%;
float: left;
text-align: center;
padding: 20px 0 20px 0;
}
/* Правый блок */
.right_block {
width: 220px;
padding-right: 50px;
float: right;
}
.tag {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 130%;
*line-height: 150%;
}
.tag a {
font-family: 'Times New Roman';
text-decoration: none;
}
.tag a:link, .tag a:hover, .tag a:visited
{
padding: 2px;
}
.tag a:hover
{
background-color: #f71909;
color: #fff;
}
.tag li {
display: inline;
margin: 0;
/*position: relative;*/
}
.contact_block dt {
color: #8a8a8a;
}
.contact_block dd {
margin: 0px 0 6px 35px;
line-height: 110%;
}
.phone {
font-size: 11pt;
}
.phone span {
font-size: 16pt;
}
.red_block {
background: #f81909 url('/images/red_grad.gif') repeat-y 0 0;
padding: 10px 18px;
position: relative;
margin-top: 30px;
}
.red_block form {
margin: 0;
}
.red_block .tl, .red_block .tr, .red_block .br, .red_block .bl {
position: absolute;
width: 10px;
height: 10px;
font-size: 1px;
}
.red_block .tl {
background: url('/images/red_block_tl.gif') no-repeat 0 0;
top: 0;
left: 0;
}
.red_block .tr {
background: url('/images/red_block_tr.gif') no-repeat 0 0;
top: 0;
right: 0;
}
.red_block .br {
background: url('/images/red_block_br.gif') no-repeat 0 0;
bottom: 0;
right: 0;
}
.red_block .bl {
background: url('/images/red_block_bl.gif') no-repeat 0 0;
bottom: 0;
left: 0;
}
.red_block .tail {
position: absolute;
width: 6px;
height: 9px;
background: url('/images/tail.gif') no-repeat 0 0;
bottom: -9px;
left: 30px;
font-size: 1px;
}
.search
{
height: 20px;
}
.search input {
border: 0;
padding: 0;
}
.survey_block form {
margin: 0px 0 0 15px;
}
.survey_block input {
border: 0;
padding: 0;
}
.survey {
font-weight: bold;
color: #fff;
line-height: 130%;
font-style: italic;
text-align: center;
font-size: 9pt;
padding: 4px 18px;
width: 184px;
}
.gray_button {
background: url('/images/gray_button_l.gif') no-repeat 0 0;
margin: 15px 0;
height: 27px;
}
.gray_button div {
background: url('/images/gray_button_r.gif') no-repeat 100% 0;
height: 27px;
float: left;
padding-right: 10px;
}
.gray_button input {
border: 0;
color: #fff;
font-family: Georgia;
height: 27px;
padding: 0 5px 3px 0;
background-color: #a8a8a8;
margin-left: 10px;
}
.footer {
height: 80px;
background-color: #eee;
clear: both;
position: relative;
margin: 60px 0px 0px 0px;
font-size: 8pt;
min-width: 940px;
}
.footer .counter {
float: left;
padding: 25px 0 0px 50px;
width: 210px;
}
.footer .copyryght {
padding: 20px 0 0 0px;
line-height: 125%;
float: left;
}
.footer .search {
float: right;
padding: 30px 40px 0 0;
}
.footer .search .text {
border: 1px solid #969696;
width: 153px;
}
.date {
color: #8a8a8a;
}
.image
{
border: 1px solid #DADADA;
}
/* Информация информационного элемента */
.is_info_block {
font-size: 9pt;
border: 1px solid #e3e3e3;
padding: 3px 10px;
margin-bottom: 30px;
position: relative;
width: 470px;
}
.is_info_block .tl,
.is_info_block .tr,
.is_info_block .br,
.is_info_block .bl {
position: absolute;
width: 5px;
height: 5px;
font-size: 1px;
}
.is_info_block .tl {
background: url('/images/gray_block_tl.png') no-repeat 0 0;
top: -1px;
left: -1px;
}
.is_info_block .tr {
background: url('/images/gray_block_tr.png') no-repeat 0 0;
top: -1px;
right: -1px;
}
.is_info_block .br {
background: url('/images/gray_block_br.png') no-repeat 0 0;
bottom: -1px;
right: -1px;
}
.is_info_block .bl {
background: url('/images/gray_block_bl.png') no-repeat 0 0;
bottom: -1px;
left: -1px;
}
/* END Информация информационного элемента */
/* Метки */
.tags {
font-style: italic;
color: #a8a8a8;
margin: 5px 15px 10px 0;
}
.tags img {
margin: 0 5px -3px 0;
text-align: left;
}
.tags a {
color: #090;
}
/* END Метки */
/* ****************** */
#error
{
margin-top: 20px;
margin-bottom: 5px;
padding: 5px 5px 5px 25px;
position: relative;
font-size: 8pt;
border-collapse: collapse;
color: #CA1D13;
background-color: #F2EDE9;
background: url('/hostcmsfiles/images/error.gif') no-repeat 5px 50%;
width: 450px;
}
#message,
#status_message {
margin-top: 20px;
margin-bottom: 5px;
padding: 5px 5px 5px 35px;
position: relative;
font-size: 8pt;
border-collapse: collapse;
color: #4ba749;
background: url('/hostcmsfiles/images/alert_triangle_red.png') no-repeat 5px 50%;
width: 450px;
}
#message p
{
margin: 0px;
padding: 0px;
}
/* Стили для форумов */
.underline {
text-decoration: underline;
}
.line-throught {
text-decoration: line-through;
}
.bbedit-toolbar, .bbedit-smileybar {
line-height: 22px;
font-size: 10px;
}
.bbedit-toolbar {
margin-bottom: 5px;
}
.bbedit-smileybar {
margin-top: 5px;
}
.bbedit-toolbar span {
padding: 4px 9px;
border: 1px solid #B2B2B2;
background-color: #F0F0F0;
cursor: pointer;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.bbedit-toolbar span.hover,
.bbedit-toolbar span:hover {
border-color: #777777;
background-color: #E5E5E5;
}
.bbedit-smileybar img {
margin-right: 3px;
cursor: pointer;
}
.bbedit-b {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat 0px 0;
}
.bbedit-i {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -60px 0;
}
.bbedit-u {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -140px 0;
}
.bbedit-s {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -120px 0;
}
.bbedit-url {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -500px 0;
}
.bbedit-img {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -380px 0;
}
.bbedit-code {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -180px 0;
}
.bbedit-quote {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -220px 0;
}
.bbedit-font {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -720px 0;
}
.bbedit-olist {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -80px 0;
}
.bbedit-ulist {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -20px 0;
}
.bbedit-sup {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -620px 0;
}
.bbedit-sub {
background: url("/hostcmsfiles/forum/editor/icons.gif") no-repeat -600px 0;
}
/* Таблица груп форумов */
.table_group_forums
{
width: 100%;
padding: 2px;
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
vertical-align: middle;
}
/*Ячейка таблицы групп форумов*/
.table_group_forums td
{
padding: 2px;
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
vertical-align: middle;
}
.table_group_title td
{
padding: 2px;
border-collapse: collapse;
empty-cells: show;
border-width: 0px;
border-color: #E3E1DA;
border-style: solid;
background-color: #EFEEEA;
color: #000000;
vertical-align: middle;
}
/*Заголовок группы форумов*/
.title_group_forums
{
font-weight: bold;
}
/*Описание группы форумов*/
.desc_group_forums
{
/*font-size: 10px;*/
}
/*Строка заголовка группы форумов*/
.row_title_group_forums
{
background-color: #EFEEEA;
color: #000000;
font-weight: bold;
}
/*Таблица идентификации пользователя*/
.table_identification
{
width: 100%;
padding: 2px;
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-style: solid;
border-color: #E3E1DA;
/*background-color: #F7F7F7;*/
}
/*Ячейка таблицы идентификации пользователя*/
.table_identification td
{
padding: 2px;
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
vertical-align: middle;
}
/*Имя залогинившегося пользователя*/
.name_users
{
color: #DB1905;
}
/*Строка заголовка таблицы идентификации пользователя*/
.row_title_identification
{
color: #000000;
background-color: #EFEEEA;
font-weight: bold;
}
/*Таблица текущего форума*/
.table_forum
{
width: 100%;
padding: 2px;
border: 0px;
}
/*Таблица добавление сообщения */
.table_forum_message
{
width: 100%;
color: #000000;
padding: 2px;
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
background-color: #EFEEEA;
}
.table_forum_message td
{
color: #000000;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
vertical-align: middle;
}
/*Ячейка таблицы текущего форума*/
.table_forum td
{
vertical-align: middle;
}
/*Строка заголовка форума*/
.row_title_forum
{
/*background-color: #F7F7F7; */
padding-top: 5px;
}
/*Таблица заголовка форума*/
.table_title_forum
{
width: 100%;
color: #000000;
}
/*Ячейка таблицы заголовка форума*/
.table_title_forum td
{
border: none;
}
/*Заголовок форума*/
.title_forum
{
color: #000000;
font-weight: bold;
}
/*Описание форума*/
.desc_forum { }
/*Таблица тем в таблице текущего форума*/
.table_themes
{
width: 100%;
/*cellpadding*/
padding: 2px;
/*cellspacing*/
border-spacing: 0px;
color: #000000;
border-collapse: collapse;
empty-cells: show;
}
/*Таблица тем в таблице текущего форума*/
.table_themes td
{
/*cellpadding*/
padding: 3px;
/*cellspacing*/
border-spacing: 0px;
color: #000000;
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
}
/*Строка имён параметров тем форума*/
.row_title_themes
{
background-color: #EFEEEA;
font-weight: bold;
/*text-align:center;*/
height: 25px;
width: 100px;
padding-left: 10px;
}
.row_title_themes td
{
color: #000000;
}
.row_title_themes_message
{
height: 25px;
width: 100px;
padding-left: 5px;
padding-right: 5px;
background-color: #EFEEEA;
}
.row_title_themes_message label
{
color:#000000;
}
/*Ячейка таблицы тем атрибут*/
.theme_td_attribute
{
width: 20px;
}
/*Ячейка таблицы тем заголовок*/
.theme_td_title
{
}
/*Ячейка таблицы тем автор*/
.theme_td_author
{
width: 120px;
}
/*Ячейка таблицы тем дата создания*/
.theme_td_create_date
{
width: 80px;
}
/*Ячейка таблицы тем количество ответов*/
.theme_td_count_answer
{
width: 50px;
}
/*Ячейка таблицы тем последнее сообщение*/
.theme_td_last_message
{
width: 120px;
}
/*Ячейка таблицы тем действие*/
.theme_td_action
{
width: 140px;
}
.color_hidden_theme
{
background-color: #ECE9DB;
}
.color_2_theme
{
background-color: #F9F9F9;
}
.current_page_link:visited
{
/*color: #6C5722;*/
}
.add_theme_table
{
width: 100%;
border-collapse: collapse;
background-color: #EFEEEA;
color: #000000;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
}
.add_theme_table td
{
background-color: #EFEEEA;
border-width: 8px;
}
/*Таблица сообщений*/
.table_messages
{
width: 100%;
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
margin-bottom: 5px;
}
/*Ячейка таблицы сообщений*/
.table_messages td
{
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
}
/*Строка темы сообщения*/
.row_title_messages
{
background-color: #EFEEEA;
font-weight: bold;
color:#000000;
}
/*Таблица темы сообщения*/
.table_title_message
{
width: 100%;
}
/*Ячейка таблицы темы сообщения*/
.table_title_message td
{
border: none;
}
/*Тема сообщения*/
.title_messages
{
color: #000000;
}
/*Имя автора сообщения*/
.author_name
{
font-weight: bold;
cursor: pointer;
}
/*Статус автора сообщения*/
.author_status
{
}
/*Ссылка на цитировать выделенное*/
.selectedquote
{
color: #0089C6;
text-decoration: underline;
cursor:pointer;
}
/*Стиль для BBcode - цитировать*/
.quotestyle
{
background-color: #EFEEEA;
border-collapse: collapse;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
padding: 5px;
}
/*Стиль для BBcode - code*/
.codestyle
{
font-family: monospace;
border-collapse: collapse;
border: 1px solid #E3E1DA;
background-color: #EFEEEA;
padding: 5px;
}
/*Таблица параметров сообщения*/
.table_message_parameters
{
width: 100%;
}
/*Ячейка таблицы параметров сообщения*/
.table_message_parameters td
{
border-width: 0px;
}
/* Таблица добавления нового сообщения */
.add_message_table
{
border: 1px solid #E3E1DA;
color: #000000;
background-color: #EFEEEA;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.add_message_table div.add_row
{
margin-bottom: 5px;
}
.add_message_table div.add_row div.row_block
{
/*width: 150px;*/
margin-right: 20px;
float: left;
}
.add_message_table div.add_row input[type=checkbox]
{
margin-bottom: -3px;
border-width: 0px;
}
/*Таблица информации об авторе*/
.table_user_info
{
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
}
/*Ячейка таблицы информации об авторе сообщения*/
.table_user_info td
{
border-collapse: collapse;
empty-cells: show;
border-width: 1px;
border-color: #E3E1DA;
border-style: solid;
}
/*Строка имени пользователя*/
.row_user_name
{
background-color: #EFEEEA;
font-weight: bold;
color: #000000;
}
/*Строка заголовка параметров пользователя*/
.row_user_parameters
{
background-color: #EFEEEA;
font-weight: bold;
color: #000000;
}
/*Таблица дополнительных параметров пользователя*/
.table_extra_properties
{
}
/*Ячейка таблицы дополнительных параметров пользователя*/
.table_extra_properties td
{
border: none;
}
/* Ячейка смайликов */
.smiles_td td
{
border: none;
}
/* Конец стилей для форума */
/* стили кабинета пользователя */
.large_input
{
font-size: 16pt;
}
.users_list
{
margin: 0px;
padding: 0px;
}
.users_list li
{
list-style-type: none;
padding: 5px 0px 11px 45px;
margin: 0px 0px 6px 0px;
background-repeat: no-repeat;
background-position: 10px 6px;
width: 230px;
}
.users_list li a:link, .users_list li a:hover, .users_list li a:visited
{
color: #666;
font-size: 14pt;
font-family: Georgia;
text-decoration: none;
+border-bottom: 1px dashed #0097E2;
border-bottom: 1px dashed #666;
}
/* Конец стилей кабинета пользователя */
.group_path a {
color: #1e79bb;
}
.path_arrow
{
background: url('/images/bullet.png') no-repeat 3px 3px;
padding: 0 6px 0 5px;
}
/* Стили для магазина */
.shop_cart_table
width: 100%;
border-spacing: 1px;
}
.shop_cart_table, .shop_cart_table td
{
empty-cells: show;
}
.shop_cart_table td {
height: 25px;
vertical-align: middle;
}
.shop_cart_table td
{
padding-bottom: 4px;
padding-top: 4px;
padding-right: 10px
padding-left: 10px
}
.shop_cart_table th
{
text-align: left;
background: #f0f0f0;
padding: 6px 20px 4px 20px;
}
.price_table_border, .price_table_border td
{
border-collapse: collapse;
empty-cells: show;
border-width:1px;
border-color: #C8C0A9;
border-style: dashed;
padding-left: 5px;
}
.hit {
width: 40px;
height: 40px;
background: url('/images/hit.png') no-repeat 0 0 !important;
background: none;
position: absolute;
left: 0;
top: 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hit.png');
}
/* Строки фильтра и сортировки */
.shop_block
{
position: relative;
background: #FFFFFF;
padding: 12px 30px 12px 30px;;
margin: 0 0 10px -30px;
width: 663px;
border-radius: 4px 4px 0 0;
color: #535353;
border-bottom: solid #eeeeee 7px;
font-size: 13px;s
}
.shop_block_2 {
margin: 15px 0 0 0;
}
.shop_block a
{
position: relative;
z-index: 2;
}
.shop_block select {
border: 1px solid #c4c4c4;
border-radius: 3px;
size: 16px;
padding: 2px;
height: 30px;
font-size: 14px;
}
.input {
color: #000;
width: 119px;
height: 35px;
text-align: center;
padding: 0;
margin: 10px 0 0;
background: #d6d6d6;
border-radius: 3px;
border: 0;
opacity: 0.9;
}
.input:hover { cursor:pointer }
.input_2 {
background: #fff;
color: #000;
width: 34px;
line-height: 28px;
font-size: 16px;
text-align: center;
border: 1px solid #c4c4c4;
}
.input_end {
width: 207px;
height: 51px;
background: url('/images/end.png') no-repeat 0 0;
border: 0;
opacity:0.9;
}
.input_end:hover {
cursor:pointer;
opacity:1;
}
textarea
{
background: #fff;
color: #000;
border: 1px solid #c4c4c4;
border-radius: 3px;
padiing: 0;
margin: 0;
}
.shop_block .gray_button input {
border-width: 0;
}
.arrow_up,
.arrow_up_gray,
.arrow_down,
.arrow_down_gray {
width: 16px;
height: 16px;
z-index: 1;
float: left;
}
.arrow_up img,
.arrow_up_gray img,
.arrow_down img,
.arrow_down_gray img {
filter: alpha(opacity=0);
}
.arrow_up
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_up.png');
}
.arrow_up_gray
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_up_gray.png');
}
.arrow_down
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_down.png');
}
.arrow_down_gray
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_down_gray.png');
}
.shop_navigation {
list-style-type: none;
margin: 0;
padding: 15px 0;
}
.shop_navigation li {
float: left;
padding-right: 10px;
}
.shop_navigation span {
margin-right: 10px;
border-bottom: 1px solid #d20a1c;
}
.shop_navigation_current span {
color: #525252;
font-weight: bold;
font-size: 11pt;
border-bottom: 1px solid #d20a1c;
}
/* END стили для магазина */
/* Для 1 - 2 - 3 списка информационных элементов */
.current_2 {
padding: 3px 8px 2px 8px;
float: left;
display: block;
margin-right: 0.3em;
background: #c9c9c9;
color: #fff;
float: left;
border: 1px solid #c9c9c9;
border-radius: 3px;
}
.page_link, .ctrl {
padding: 3px 8px 2px 8px;
float: left;
display: block;
margin-right: 0.3em;
background: #fff;
float: left;
border: 0px;
}
.page_link
{
border: 0px solid #e7e7e7;
background: #EAEAEA;
display: block;
float: left;
border-radius: 3px;
text-decoration: none;
margin: 0px 6px 0px 0px;
}
.ctrl
{
padding: 0.5em 0.5em 0.3em 0.5em;
font-size: 10px;
color: #4F3327;
}
#ShowAddComment
{
margin: 20px 0px;
font-size: 14pt;
}
/* ссылка "ответить" для комментария */
.c_u_l
{
font-weight: bold;
}
/* Ответ на комментарий */
.cr
{
display: none;
margin: 0px 0px 10px 20px;
}
/* sub-div для дерева комментариев */
.csd
{
margin-left: 20px;
}
.comment {
width: 50%;
}
.comment input[type="text"],
.comment input[type="file"],
.comment textarea {
width: 100% !important;
width: auto;
}
.comment_desc
{
border: 1px solid #e0e0e0;
border-radius: 4px;
margin: 0 0 20px 0;
padding: 20px 20px 10px 20px;
}
.comment .tl
{
position: absolute;
top: 0px;
left: 0px;
background: url('/images/tl_angle.png') repeat-x 0 0 !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tl_angle.png');
width: 8px;
height: 8px;
}
.comment .tr
{
position: absolute;
top: 0px;
right: 0px !important;
right: auto;
left: expression((parentElement.clientWidth - 8) + "px");
background: url('/images/tr_angle.png') repeat-x 0 0 !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tr_angle.png');
width: 8px;
height: 8px;
}
.comment .bl
{
position: absolute;
bottom: 0px !important;
bottom: auto;
top: expression((parentElement.clientHeight - 8) + "px");
left: 0px;
background: url('/images/bl_angle.png') repeat-x 0 0 !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl_angle.png');
width: 8px;
height: 8px;
}
.comment .br
{
position: absolute;
bottom: 0px !important;
bottom: auto;
top: expression((parentElement.clientHeight - 8) + "px");
right: 0px !important;
right: auto;
left: expression((parentElement.clientWidth - 8) + "px");
background: url('/images/br_angle.png') repeat-x 0 0 !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/br_angle.png');
width: 8px;
height: 8px;
}
.stars
{
margin: 0px;
padding: 0px;
}
.stars li
{
margin: 0px;
padding: 0px;
width: 16px;
height: 16px;
float: left;
background: url('/hostcmsfiles/images/stars_gray.gif') no-repeat 0 0;
cursor: pointer;
list-style-type: none;
}
.stars .curr
{
margin: 0px;
padding: 0px;
width: 16px;
height: 16px;
float: left;
background: none;
background: url('/hostcmsfiles/images/stars_single.gif') no-repeat 0 0;
}
.group_gallery
{
float: left;
position: relative;
padding: 7px;
margin: 0px 25px 25px 0px;
background-color: #eee;
}
.group_gallery img
{
padding: 1px;
border: 1px solid #c6bea7;
}
.group_gallery .t
{
position: absolute;
top: -4px;
left: 0px;
background: url('/images/t_fotogroup.png') no-repeat 0 0 !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/t_fotogroup.png');
width: 88px;
height: 4px;
}
.group_gallery .r
{
position: absolute;
top: 0px;
right: -4px;
background: url('/images/r_fotogroup.png') no-repeat 0 0 !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/r_fotogroup.png');
width: 4px;
height: 88px;
}
.group_gallery .b
{
position: absolute;
bottom: -4px;
right: 0px;
background: url('/images/b_fotogroup.png') no-repeat 0 0 !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/b_fotogroup.png');
width: 88px;
height: 4px;
}
.group_gallery .l
{
position: absolute;
bottom: 0px;
left: -4px;
background: url('/images/l_fotogroup.png') no-repeat 0 0 !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/l_fotogroup.png');
width: 4px;
height: 88px;
}
#captcha
{
padding: 0px;
font-size: 75%;
}
#captcha, #captcha a:link, #captcha a:hover, #captcha a:visited
{
color: #777;
}
#captcha img
{
margin-bottom: -5px;
}
/* Helpdesk */
.helpdesk_status_1
{
color: #999999;
}
.helpdesk_status_2
{
color: #000000;
}
.helpdesk_hour div, .helpdesk_wt_0, .helpdesk_wt_1, .helpdesk_wt_2
{
color: #6A6A6A;
float: left;
width: 20px;
height: 20px;
margin: 0px 1px 1px 0px;
/*border: 1px solid #777;*/
}
.helpdesk_wt_0
{
background-color: #EFEEEA;
}
.helpdesk_wt_1
{
background-color: #a6bd4a;
}
.helpdesk_wt_2
{
background-color: #DF5910;
}
.helpdesk_day
{
color: #6A6A6A;
width: 100px;
}
.helpdesk_day div
{
height: 19px;
/*border: 1px solid #e3d6cc;*/
margin: 0px 1px 1px 0px;
padding: 1px 0px 0px 5px;
}
.helpdesk_legend
{
margin: 15px 0px 0px 30px;
}
.helpdesk_hour
{
text-align: center;
}
/* /Helpdesk */
.table_border_hostcms {
border-spacing: 2px;
}
.table_border_hostcms td
{
padding: 6px 20px 5px 6px;
}
.table_border_hostcms th
{
padding: 5px 20px 5px 5px;
border-bottom: 1px solid #D20A1C;
text-align: left;
}
hr
{
border: 0;
height: 1px;
color: #dadada;
background-color: #dadada;
}
.rss_4_ie
{
width: 16px;
height: 16px;
position: absolute;
z-index:-1;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/rss/rss_2.0.png');
}
.archives_4_ie
{
width: 16px;
height: 16px;
position: absolute;
z-index:-1;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/archives.png');
}
/* Архив файлов */
.file_archive dd {
margin: 5px 0px 15px 0px;
}
.file_archive dt a {
font-weight: bold;
}
/* Стили для блогов */
.blogs_table
{
margin-bottom: 0px;
border-top: 1px solid #ccc;
}
.blogs_table .head td
{
vertical-align: bottom;
height: 16px;
}
.blogs_table td
{
height: 40px;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}
.blogs_table .rate_value
{
padding: 0px 20px;
}
.blogs_table .position
{
padding: 0px 10px;
font-weight: bold;
}
.top_comment_blogs
{
color: #0096aa;
}
.top_comment_blogs td
{
padding: 8px 10px
}
/* Ссылки управления блогами */
.links_nav_blog
{
margin: 0px 0px 13px 0px;
padding: 0px;
}
.links_nav_blog li
{
padding: 0px 15px 0px 0px;
font-size: 13pt;
list-style-type: none;
display: inline;
}
.forms_blog td {
padding: 10px 40px 10px 0;
font-size: 9pt;
border-bottom: 1px solid #ccc;
}
.forms_blog th {
font-size: 11pt;
text-align: left;
border-bottom: 1px solid #ccc;
font-weight: normal;
padding: 10px 40px 10px 0;
}
.forms_blog .checklist {
margin: 0;
padding: 0;
list-style-type: none;
}
.forms_blog .checklist li {
margin: 0;
padding: 3px 0;
}
.forms_blog div {
padding: 5px 0 0px 0;
font-style: oblique;
font-size: 8pt;
height: 16px;
}
.forms_blog div.error {
color: #f00;
}
.forms_blog div.green
{
color: #2d9e00;
}
/* Список записей блога */
.blog_date {
color: #8a8a8a;
float: right;
margin-left: -75px;
}
.blog_post_text {
margin: 5px 0px 5px 0px
}
.blog_post_text p {
margin: 4px 0px;
padding: 0px
}
.red_star {
color: #DB1905;
font-size: 9pt !important;
font-family: 'Roboto', sans-serif
}
/* jQuery lightbox */
#gallery { clear: both; }
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img { /*border: 5px solid #3e3e3e; border-width: 5px 5px 20px;*/ }
#gallery ul a:hover img { /*border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff;*/ }
#gallery ul a:hover { color: #fff; }
/* /jQuery lightbox */
/* Стили для социальных сетей */
.user_blog_table td
{
padding: 3px 3px 3px 0px;
}
.user_blog_theme_table td
{
font-size:16pt;
font-family:Georgia;
width:auto;
margin: 5px;
padding: 4px;
width:60%;
}
.user_blog_theme_table_2 a
{
font-size: 10pt;
font-weight: normal;
font-family: 'Roboto', sans-serif;
}
.user_blog_theme_table_3
{
border-bottom: 1px solid rgb(215, 199, 185);
}
.user_blog_table th {
padding: 3px 3px 3px 0px;
text-align: left;
color: #4f3327;
border-bottom: 1px solid #ccc;
}
.sns_admin_block {
border-bottom: 1px solid #d7c7b9;
padding: 6px 0px 3px 0px;
}
.sns_admin_title_block img {
border: 1px solid #b8aa9d;
padding: 1px;
margin: 0 10px 0 0;
vertical-align: middle;
}
.sns_admin_link_action_block {
line-height: 150%;
/*border-bottom: 1px solid #d7c7b9;*/
color: #8a8a8a;
font-size: 10pt;
font-family: 'Roboto', sans-serif;
}
.sns_admin_link_action_block .alert_link {
color: #e85200;
}
/* END Стили для социальных сетей */
/* Сообщения */
.messages {
font-size: 8pt;
margin-top: 15px;
margin-bottom: 15px;
}
/* .messages th {
text-align: left;
border: 1px solid #fff;
border-bottom: 1pt solid #d20a1c;
} */
.messages .avatar {
width: 65px;
padding: 5px 5px
}
.messages .actions {
padding: 0 10px
}
.msg_list td,
.messages .b_dotted {
border-bottom: 1px dotted #8a8a8a
}
.messages .user_date {
vertical-align: top;
width: 115px;
padding-right: 25px;
text-align: right
}
.messages .datetime {
white-space: nowrap;
font-size: 8pt;
color: #8a8a8a;
text-align: right
}
.messages .prev a {
color: #525252;
text-decoration: none
}
.messages .status a {
border-bottom: none;
color: #525252;
text-decoration: underline;
font-style: italic
}
#load_messages {
color: #009BE8;
text-decoration: underline;
cursor: pointer
}
#messages_list .from {
width: 140px;
padding-right: 20px;
}
#messages_list .actions {
width: 20px;
}
#message_list {
overflow: auto;
margin: 15px 0;
max-height: 500px
}
#message_list .text div {
padding: 7px 12px;
margin: 3px 5px 2px 5px;
white-space: pre-wrap;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px
}
#message_list .from .text div {
background-color: #d9edfe;
border: 1px solid #c2dff4
}
#message_list .to .text div {
background-color: #e1fbd2;
border: 1px solid #daeecf
}
#send_message textarea {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px
}
.unread_from {
background-color: #f0efeb;
}
.unread_to {
background-color: #fafafa;
}
.messages .from .user_date a {
// color: #ec8001;
color: #77c0f3;
color: #009BE8;
}
.messages .to .user_date a {
color: #7fc801;
}
.form_msg {
background: url('/hostcmsfiles/images/add.gif') no-repeat 0 0;
padding-left: 20px;
margin-bottom: 15px;
cursor: pointer;
}
.form_msg span {
border-bottom: 1px dashed #525252;
}
#form_msg {
background-color: #F0EFEB;
width: 460px;
padding: 15px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/* END Сообщения */
/* Validate */
.validate label.input_error { display:block; line-height:1.8; vertical-align:top; color: red; font-style: italic; }
.validate input.input_error { border: 1px dashed #DB1905; background-color: #FFFFD5; }
/* / Validate */
.tmain {
width: 988px;
margin: 0 auto;
}
.tgaranty {
position: absolute;
margin: 6px 0 0 264px;
}
.tmanager {
color: #171717;
border-bottom: 1px dashed #171717;
background: url('/images/manager.png') no-repeat 100% 0;
padding: 0 25px 0 0;
font-size: 13px;
font-family: 'Roboto', sans-serif;
position: absolute;
margin: 12px 0 0 770px;
text-shadow: 0 1px 0 #fff;
}
.tmenu {
position: absolute;
margin: 10px 0 0 258px;
}
.tstatus {
position: absolute;
margin: 50px 0 0 259px;
width: 723px;
}
.tcart {
float: right;
font-size: 12px;
line-height: 14px;
font-family: 'Roboto', sans-serif;
color: #000;
width: 280px;
}
.tsearch {
height: 30px;
width: 423px;
float: left;
border-radius: 4px;
background: #fff url('/images/search.png') no-repeat 98% 50%;
display: block;
float: left;
}
.text {
width: 370px;
height: 29px;
margin: 0 0 0 10px !important;
padding: 0 !important;
color: #2e2e2e;
border: 0;
display: block;
float: left;
}
.text:focus {
outline: none;
border-color: #66afe9;
box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
}
.button {
margin: 0 !important;
padding: 0 !important;
display: block;
float: left;
}
.incart_1 {
display: table;
}
.incart_2 {
float: right;
}
.tcontent_2 {
}
.tleft {
float: left;
width: 247px;
margin: 0 0 0 5px;
}
.tleft2 {
border-radius: 4px 4px 2px 2px;
padding: 0px 0 10px 0;
margin: 0px 0 20px 0;
background: #22b30a;
}
.tleft3 {
border-radius: 2px 2px 2px 2px;
padding: 62px 0 10px 0;
margin: 15px 0 20px 0;
background: #fff url('/images/cli.png') no-repeat 0 0;
}
.vk1 {
padding: 0px 0 0px 0;
margin: 15px 0 20px 0;
background: #fff ;
}
.tright {
float: right;
width: 735px;
}
.shopm {
padding: 20px 0px 20px 0px;
background: #fff;
margin: 0 6px 5px 6px;
border-radius: 10px;
}
.shopm_hot {
padding: 0px 0px 5px 0px;
margin: 0 6px 5px 6px;
border-radius: 10px;
}
.shopm_catalog {
padding: 0 30px 30px 30px;
background: #fff;
margin: 0 6px 5px 6px;
border-radius: 10px;
min-height: 1000px;
}
.shopm_catalog_2 {
padding: 30px;
background: #fff;
margin: 0 6px 5px 6px;
border-radius: 10px;
min-height: 1000px;
}
.shopm_info {
padding: 30px;
background: #fff;
margin: 0 6px 5px 6px;
border-radius: 4px;
min-height: 1000px;
}
.shop_how {
width: 680px;
margin: 0 auto;
}
.shop_how_more {
position: absolute;
margin: -15px 0 0 0;
text-align: center;
width: 723px;
}
.shopm_spec {
background: #fff;
margin: 0 6px 5px 6px;
border-radius: 4px;
padding: 4px 0;
}
.shop_spec_aten {
position: absolute;
margin: -4px 0 0 0;
text-align: center;
width: 723px;
}
.tbottom {
background: url('/images/bottom.png') repeat-x 0 0;
height: 76px;
}
.tcopy {
padding: 20px 0 0 0;
margin: 0 auto;
width: 988px;
color: #fff;
font-size: 13px;
font-family: 'Roboto', sans-serif;
}
.tcopy a {
color: #fff;
}
.catalog_item {
margin: 20px 0 0 0;
}
.catalog_item_name {
width: 530px;
line-height: 200%;
}
.catalog_item_dashed {
height: 3px;
background: #eeeeee;
position: relative;
margin: 15px 0 0 -30px;
width: 723px;
}
.catalog_item_img {
float: left;
width: 150px;
}
.catalog_item_text {
width: 370px;
float: left;
color:#808080;
font-weight: 300;
}
.catalog_item_price {
float: right;
position: relative;
width: 138px;
margin: -36px 0 0 0;
text-align: center;
}
.iprice {
color: #151515;
font-weight: 900;
font-size: 44px;
}
.iprice_c {
color: #151515;
font-weight: 900;
/* font-style: italic; */
font-size: 27px;
}
.iprice_main {
color: #151515;
font-weight: 900;
font-size: 31px;
}
.imoney {
color: #151515;
width: 113px;
/* font-style: italic; */
font-size: 14px;
margin: 0 0 0 3px;
}
.catalog_cart {
margin: 15px 0 0 0;
}
.item_left_block {
float: left;
width: 400px;
}
.item_right_block {
float: right;
width: 220px;
padding: 0 7px 0 0;
}
.item_right_block_p {
text-align: right;
padding: 0 10px 0 0;
font-weight:300;
}
.item_right_block_ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.item_right_block_ul li {
line-height: 33px;
padding: 15px 10px 0 0;
font-family: 'Roboto', sans-serif;
color: #585858;
font-size: 15px;
text-align: right;
font-weight: 300;
}
#example-two .list-wrap a {
color: #;
border: 0 !important;
}
#example-two ul { list-style: none; padding: 0; margin: 0; }
#example-two ul li a { display: block;}
#example-two .nav { overflow: hidden; }
#example-two .nav li {float: left; margin: 0 5px 0 0;}
#example-two .nav li a { margin: 3px 0px 5px 0; padding: 0; text-align: center; color: #2e2e2e; font-size: 18px;}
#example-two li a {text-decoration: none; border-bottom: 1px dashed #2e2e2e;}
.current { padding: 3px 8px 2px 8px; font-weight: bold; border: 0 !important;
float: left;
}
.endshoping {
border-radius: 4px;
padding: 7px 7px 7px 7px;
background: #f0f0f0;
color: #7e7e7e;
font-family: 'Roboto', sans-serif;
line-height: 100%;
font-size: 13px;
text-align: center;
}
.addtocart2 {
display: block;
width: 220px;
height: 35px;
background: #22b30a;
font-size: 25px;
font-family: 'Roboto', sans-serif;
text-align: center;
padding: 15px 0px 10px 0;
color: white;
border-radius: 4px;
margin: 10px 0 0 0;
}
a.addtocart2:link {
text-decoration:none;
color:#FFF;
}
a.addtocart2:visited {
text-decoration:none;
color:#FFF;
}
a.addtocart2:hover {
text-decoration:none;
color:#FFF;
background: #68c136;
}
a.addtocart2:active {
text-decoration:none;
color:#FFF;
background: #4ba518;
}
.addtocart3 {
display: block;
width: 220px;
height: 35px;
background: #828282;
font-size: 14px;
font-family: 'Roboto', sans-serif;
text-align: center;
padding: 15px 0px 10px 0;
color: white;
border-radius: 0 0 4px 4px;
}
a.addtocart3:link {
text-decoration:none;
color:#FFF;
}
a.addtocart3:visited {
text-decoration:none;
color:#FFF;
}
a.addtocart3:hover {
text-decoration:none;
color:#FFF;
background: #9a9a9a;
}
a.addtocart3:active {
text-decoration:none;
color:#FFF;
background: #525252;
}
.addcartcat {
display: block;
width: 89px;
height: 25px;
/* background: url(/images/cart.png); */
font-size: 14px;
font-family: 'Roboto', sans-serif;
background: #22b30a;
margin: auto;
text-align: center;
padding: 7px 0 0 0;
border-radius: 4px;}
a.addcartcat:link {
text-decoration:none;
color:#FFF;
}
a.addcartcat:visited {
text-decoration:none;
color:#FFF;
}
a.addcartcat:hover {
text-decoration:none;
color:#FFF;
background: #68c136;
}
a.addcartcat:active {
text-decoration:none;
color:#FFF;
background: #4ba518;
}
.addcartcat2 {
display: block;
width: 89px;
height: 25px;
/* background: url(/images/cart.png); */
font-size: 14px;
font-family: 'Roboto', sans-serif;
background: #828282;
text-align: center;
padding: 7px 0 0 0;
border-radius: 4px;
margin: auto;
}
a.addcartcat2:link {
text-decoration:none;
color:#FFF;
}
a.addcartcat2:visited {
text-decoration:none;
color:#FFF;
}
a.addcartcat2:hover {
text-decoration:none;
color:#FFF;
background: #9a9a9a;
}
a.addcartcat2:active {
text-decoration:none;
color:#FFF;
background: #525252;
}
#share42 {
display: inline-block;
padding: 6px 0 0 6px;
background: #FFF;
border: 1px solid #E9E9E9;
border-radius: 4px;
}
#share42:hover {
background: #F6F6F6;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
}
#top-link{
cursor:pointer;
display:none;
position:fixed;
left:0px;
bottom:0px;
/* прилепим кнопку к нижней части страницы,
то, что в вконтакте она сверху, это ИМХО бред */
padding-left:5px;
padding-bottom:5px;
z-index:1;
}
#top-link a{
display:block;
}
.veryhidden{
position: absolute !important;
left:-5555px !important;
}
.alert1 {
background: #fff4df;
margin: 0 0px 8px 0px;
border-radius: 5px;
border-left: 4px solid #ff9007;
padding: 14px 14px 14px 14px;
font-size: 14px;
}
.currency1 {
background: #E1E7ED ;
margin: 0 0px 11px 0px;
border-radius: 5px;
padding: 4px 8px 4px 8px;
}
.imghot {
max-height: 210px;
max-width: 210px;
opacity: 0.95;
}
.imghot:hover {
max-height: 210px;
max-width: 210px;
opacity: 1.0;
}
.spec_tov {
-webkit-box-shadow:#C5C5C5 0 1px 2px;
background-color:#FFFFFF;
background-position:initial initial;
background-repeat:initial initial;
border:1px solid #FFFFFF;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
border-top-left-radius:7px;
border-top-right-radius:7px;
box-shadow:#C5C5C5 0 1px 2px;
padding: 4px 5px 5px 5px;
position:relative;
}
.nivoSlider {
position:relative;
background:url(nivo-slider3.2/nivo-slider/demo/images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.nivoSlider a {
border:0;
display:block;
}
.cred {
background: #fff;
margin: 4px 0px 14px 0px;
border-radius: 5px;
border: 1px solid #6eb89d;
padding: 5px 6px 0px 4px;
}
.dhonishow {
overflow: hidden;
font: 10px/1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
position: relative;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
color: #00062d;
}
.dhonishow * {
list-style: none;
border: none;
padding: 0;
margin: 0;
}
.dhonishow .dhonishow-elements {
display: block;
overflow: hidden;
text-align: left;
position: relative;
}
.dhonishow .element {
position: absolute;
overflow: visible;
line-height: 1px;
padding: 0;
margin: 0;
left: 0;
top: 0;
}
.dhonishow .element * {
line-height: 1px;
}
.dhonishow .dhonishow-alt {
line-height: 16px;
text-align: left;
padding: 4px 0;
position: absolute;
bottom: 0;
width: 100%;
z-index: 100;
background: url("dhonishow-navi_background.png");
}
* html .dhonishow .dhonishow-alt,
* html .align-pagingbuttons_inside-top-right .dhonishow-paging-buttons,
* html .align-pagingbuttons_bottom-right .dhonishow-paging-buttons,
* html .align-pagingbuttons_inside-top .dhonishow-paging-buttons,
* html .align-pagingbuttons_bottom .dhonishow-paging-buttons,
* html .align-alt_inside-top .dhonishow-paging-buttons,
* html .align-alt_inside-top-right .dhonishow-paging-buttons,
* html .hide-alt_true .dhonishow-paging-buttons {
background: #fff;
}
.dhonishow .dhonishow_module_alt {
padding: 0 10em 0 7px;
display: block;
}
.dhonishow .dhonishow-paging-buttons {
position: absolute;
bottom: 0;
right: 0;
height: auto;
padding: 4px 5px 5px;
width: 10em;
z-index: 100;
}
.dhonishow .dhonishow-paging-button .dhonishow-theme-helper {}
.dhonishow .dhonishow-next-button,
.dhonishow .dhonishow-previous-button {
text-indent: -10000em;
-moz-outline: none;
cursor: pointer;
float: right;
width: 15px;
height: 15px;
margin: 0;
}
.dhonishow .dhonishow-next-button {
background: url("dhonishow-next-button.png") 50% 50% no-repeat;
margin-left: 5px;
}
* html .dhonishow .dhonishow-next-button {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/slide/src/dhonishow-next-button.png', sizingMethod='image');
}
.dhonishow .dhonishow-previous-button {
background: url("dhonishow-previous-button.png") 50% 50% no-repeat;
}
* html .dhonishow .dhonishow-previous-button {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/slide/src/dhonishow-previous-button.png', sizingMethod='image');
}
.dhonishow .dhonishow-next-button:hover {
background-image: url("dhonishow-next-button_hover.png");
}
.dhonishow .dhonishow-previous-button:hover {
background-image: url("dhonishow-previous-button_hover.png");
}
.dhonishow .dhonishow-paging {
margin-left: 5px;
float: right;
margin-top: 2px;
}
.dhonishow .error {
background: #ea2032;
text-align: center;
line-height: 18px;
padding: 1em;
font-size: 10px;
color: #fff;
}
/* Hide */
.hide-alt_true .dhonishow-alt,
.hide-buttons_true .dhonishow-paging-buttons,
.hide-paging_true .dhonishow-paging,
.hide-navigation_true .dhonishow-alt,
.hide-navigation_true .dhonishow-paging-buttons {
display: none;
}
/* Align */
/* DhoniShow alt Right ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.align-alt_inside-top-right .dhonishow_module_alt,
.align-alt_inside-bottom-right .dhonishow_module_alt,
.align-alt_bottom-right .dhonishow_module_alt {
padding: 0 7px 0 10em;
}
.align-alt_inside-top-right .dhonishow-alt,
.align-alt_inside-bottom-right .dhonishow-alt,
.align-alt_bottom-right .dhonishow-alt {
right: auto;
left: 0;
padding-right: 0;
padding-left: 5px;
}
/* DhoniShow alt Right ------------------------------------------------------*/
/* DhoniShow Paging and Buttons Left ++++++++++++++++++++++++++++++++++++++++*/
.align-pagingbuttons_inside-top .dhonishow-paging-buttons,
.align-pagingbuttons_inside-bottom .dhonishow-paging-buttons,
.align-pagingbuttons_bottom .dhonishow-paging-buttons {
right: auto;
left: 0;
width: 8em;
}
/* DhoniShow Paging and Buttons left ++++++++++++++++++++++++++++++++++++++++*/
/* DhoniShow Alt, Paging and Butons top +++++++++++++++++++++++++++++++++++++*/
.align-alt_inside-top .dhonishow-alt,
.align-alt_inside-top-right .dhonishow-alt,
.align-pagingbuttons_inside-top .dhonishow-paging-buttons,
.align-pagingbuttons_inside-top-right .dhonishow-paging-buttons {
bottom: auto;
top: 0;
}
/* DhoniShow Alt, Paging and Butons top -------------------------------------*/
/* ALIGN_INSIDE-BOTTOM IS SET */
/* DhoniShow Alt bottom +++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.align-alt_bottom .dhonishow-alt,
.align-alt_bottom-right .dhonishow-alt {
position: relative;
}
/* DhoniShow Alt bottom -----------------------------------------------------*/
.align-pagingbuttons_inside-top-right .dhonishow-paging-buttons,
.align-pagingbuttons_bottom-right .dhonishow-paging-buttons,
.align-pagingbuttons_inside-top .dhonishow-paging-buttons,
.align-pagingbuttons_bottom .dhonishow-paging-buttons,
.align-alt_inside-top .dhonishow-paging-buttons,
.align-alt_inside-top-right .dhonishow-paging-buttons,
.hide-alt_true .dhonishow-paging-buttons {
background: url("dhonishow-navi_background.png");
width: 100%;
}
.align-pagingbuttons_inside-top .dhonishow-paging-buttons .dhonishow-theme-helper,
.align-pagingbuttons_bottom .dhonishow-paging-buttons .dhonishow-theme-helper {
overflow: hidden;
width: 8em;
}
.align-alt_inside-top .align-pagingbuttons_inside-top-right .dhonishow-paging-buttons,
.align-alt_inside-top-right .align-pagingbuttons_inside-top .dhonishow-paging-buttons,
.align-alt_inside-bottom .align-pagingbuttons_bottom-right .dhonishow-paging-buttons,
.align-alt_inside-bottom-right .align-pagingbuttons_bottom .dhonishow-paging-buttons,
.align-alt_bottom-right .align-pagingbuttons_bottom .dhonishow-paging-buttons,
.align-alt_bottom .align-pagingbuttons_bottom-right .dhonishow-paging-buttons {
background: none;
width: 8em;
}
/*Buttons in the middle +++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.align-alt_inside-top-right .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_inside-top .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_inside-bottom .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_inside-bottom-right .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_bottom .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_bottom-right .align-pagingbuttons_inside-middle .dhonishow-paging-buttons {
background: none;
}
.align-pagingbuttons_inside-middle .dhonishow-paging-buttons {
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.align-pagingbuttons_inside-middle .dhonishow-paging {
display: none;
}
.align-pagingbuttons_inside-middle .dhonishow-next-button,
.align-pagingbuttons_inside-middle .dhonishow-previous-button {
float: none;
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background: url("/slide/src/dhonishow-next-button_big.png") 80% 50% no-repeat;
}
.align-pagingbuttons_inside-middle .dhonishow-previous-button {
right: auto;
left: 0;
background: url("/slide/src/dhonishow-previous-button_big.png") 20% 50% no-repeat;
}
.align-pagingbuttons_inside-middle .dhonishow-next-button:hover {
background-image: url("/slide/src/dhonishow-next-button_big_hover.png");
}
.align-pagingbuttons_inside-middle .dhonishow-previous-button:hover {
background-image: url("/slide/src/dhonishow-previous-button_big_hover.png");
}
.align-pagingbuttons_inside-top .dhonishow_module_alt,
.align-pagingbuttons_inside-top-right .dhonishow_module_alt,
.align-pagingbuttons_inside-middle .dhonishow_module_alt,
.align-pagingbuttons_bottom .dhonishow_module_alt,
.align-pagingbuttons_bottom-right .dhonishow_module_alt,
.align-alt_inside-top .dhonishow_module_alt,
.align-alt_inside-top-right .dhonishow_module_alt,
.align-alt_inside-bottom .dhonishow_module_alt,
.align-alt_inside-bottom-right .dhonishow_module_alt,
.align-alt_bottom .dhonishow_module_alt,
.align-alt_bottom-right .dhonishow_module_alt,
.hide-buttons_true .dhonishow_module_alt {
padding-right: 7px;
}
.align-alt_inside-top-right .align-pagingbuttons_inside-top .dhonishow_module_alt,
.align-alt_inside-top .align-pagingbuttons_inside-top-right .dhonishow_module_alt,
.align-alt_inside-bottom-right .align-pagingbuttons_bottom .dhonishow_module_alt,
.align-alt_inside-bottom .align-pagingbuttons_bottom-right .dhonishow_module_alt {
padding-right: 10em;
}
.align-pagingbuttons_inside-middle .dhonishow-alt {
z-index: 1000;
}
/* Effects */
.dhonishow-effect-helper {
position: relative;
overflow: hidden;
}
.effect_slide .dhonishow-elements {
position: absolute;
width: 100%;
}
/* Thumbnails */
.dhonishow .dhonishow-thumbnails {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding-top: 3px;
margin-bottom: -1px;
overflow: hidden;
width: 10%;
}
.dhonishow .dhonishow-thumbnails li {
float: left;
overflow: hidden;
margin-right: 3px;
margin-bottom: 3px;
width: 55px;
height: 55px;
position: relative;
}
.dhonishow .dhonishow-thumbnails li * {
position: absolute;
}
.dhonishow .dhonishow-thumbnails .active {
display: block;
border: 1px solid #fff;
position: relative;
width: 53px;
height: 53px;
}.dhonishow {
overflow: hidden;
font: 10px/1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
position: relative;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
color: #00062d;
}
.dhonishow * {
list-style: none;
border: none;
padding: 0;
margin: 0;
}
.dhonishow .dhonishow-elements {
display: block;
overflow: hidden;
text-align: left;
position: relative;
}
.dhonishow .element {
position: absolute;
overflow: visible;
line-height: 1px;
padding: 0;
margin: 0;
left: 0;
top: 0;
}
.dhonishow .element * {
line-height: 1px;
}
.dhonishow .dhonishow-alt {
line-height: 16px;
text-align: left;
padding: 4px 0;
position: absolute;
bottom: 0;
width: 100%;
z-index: 100;
background: url("dhonishow-navi_background.png");
}
* html .dhonishow .dhonishow-alt,
* html .align-pagingbuttons_inside-top-right .dhonishow-paging-buttons,
* html .align-pagingbuttons_bottom-right .dhonishow-paging-buttons,
* html .align-pagingbuttons_inside-top .dhonishow-paging-buttons,
* html .align-pagingbuttons_bottom .dhonishow-paging-buttons,
* html .align-alt_inside-top .dhonishow-paging-buttons,
* html .align-alt_inside-top-right .dhonishow-paging-buttons,
* html .hide-alt_true .dhonishow-paging-buttons {
background: #fff;
}
.dhonishow .dhonishow_module_alt {
padding: 0 10em 0 7px;
display: block;
}
.dhonishow .dhonishow-paging-buttons {
position: absolute;
bottom: 0;
right: 0;
height: auto;
padding: 4px 5px 5px;
width: 10em;
z-index: 100;
}
.dhonishow .dhonishow-paging-button .dhonishow-theme-helper {}
.dhonishow .dhonishow-next-button,
.dhonishow .dhonishow-previous-button {
text-indent: -10000em;
-moz-outline: none;
cursor: pointer;
float: right;
width: 15px;
height: 15px;
margin: 0;
}
.dhonishow .dhonishow-next-button {
background: url("dhonishow-next-button.png") 50% 50% no-repeat;
margin-left: 5px;
}
* html .dhonishow .dhonishow-next-button {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/slide/src/dhonishow-next-button.png', sizingMethod='image');
}
.dhonishow .dhonishow-previous-button {
background: url("dhonishow-previous-button.png") 50% 50% no-repeat;
}
* html .dhonishow .dhonishow-previous-button {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/slide/src/dhonishow-previous-button.png', sizingMethod='image');
}
.dhonishow .dhonishow-next-button:hover {
background-image: url("dhonishow-next-button_hover.png");
}
.dhonishow .dhonishow-previous-button:hover {
background-image: url("dhonishow-previous-button_hover.png");
}
.dhonishow .dhonishow-paging {
margin-left: 5px;
float: right;
margin-top: 2px;
}
.dhonishow .error {
background: #ea2032;
text-align: center;
line-height: 18px;
padding: 1em;
font-size: 10px;
color: #fff;
}
/* Hide */
.hide-alt_true .dhonishow-alt,
.hide-buttons_true .dhonishow-paging-buttons,
.hide-paging_true .dhonishow-paging,
.hide-navigation_true .dhonishow-alt,
.hide-navigation_true .dhonishow-paging-buttons {
display: none;
}
/* Align */
/* DhoniShow alt Right ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.align-alt_inside-top-right .dhonishow_module_alt,
.align-alt_inside-bottom-right .dhonishow_module_alt,
.align-alt_bottom-right .dhonishow_module_alt {
padding: 0 7px 0 10em;
}
.align-alt_inside-top-right .dhonishow-alt,
.align-alt_inside-bottom-right .dhonishow-alt,
.align-alt_bottom-right .dhonishow-alt {
right: auto;
left: 0;
padding-right: 0;
padding-left: 5px;
}
/* DhoniShow alt Right ------------------------------------------------------*/
/* DhoniShow Paging and Buttons Left ++++++++++++++++++++++++++++++++++++++++*/
.align-pagingbuttons_inside-top .dhonishow-paging-buttons,
.align-pagingbuttons_inside-bottom .dhonishow-paging-buttons,
.align-pagingbuttons_bottom .dhonishow-paging-buttons {
right: auto;
left: 0;
width: 8em;
}
/* DhoniShow Paging and Buttons left ++++++++++++++++++++++++++++++++++++++++*/
/* DhoniShow Alt, Paging and Butons top +++++++++++++++++++++++++++++++++++++*/
.align-alt_inside-top .dhonishow-alt,
.align-alt_inside-top-right .dhonishow-alt,
.align-pagingbuttons_inside-top .dhonishow-paging-buttons,
.align-pagingbuttons_inside-top-right .dhonishow-paging-buttons {
bottom: auto;
top: 0;
}
/* DhoniShow Alt, Paging and Butons top -------------------------------------*/
/* ALIGN_INSIDE-BOTTOM IS SET */
/* DhoniShow Alt bottom +++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.align-alt_bottom .dhonishow-alt,
.align-alt_bottom-right .dhonishow-alt {
position: relative;
}
/* DhoniShow Alt bottom -----------------------------------------------------*/
.align-pagingbuttons_inside-top-right .dhonishow-paging-buttons,
.align-pagingbuttons_bottom-right .dhonishow-paging-buttons,
.align-pagingbuttons_inside-top .dhonishow-paging-buttons,
.align-pagingbuttons_bottom .dhonishow-paging-buttons,
.align-alt_inside-top .dhonishow-paging-buttons,
.align-alt_inside-top-right .dhonishow-paging-buttons,
.hide-alt_true .dhonishow-paging-buttons {
background: url("dhonishow-navi_background.png");
width: 100%;
}
.align-pagingbuttons_inside-top .dhonishow-paging-buttons .dhonishow-theme-helper,
.align-pagingbuttons_bottom .dhonishow-paging-buttons .dhonishow-theme-helper {
overflow: hidden;
width: 8em;
}
.align-alt_inside-top .align-pagingbuttons_inside-top-right .dhonishow-paging-buttons,
.align-alt_inside-top-right .align-pagingbuttons_inside-top .dhonishow-paging-buttons,
.align-alt_inside-bottom .align-pagingbuttons_bottom-right .dhonishow-paging-buttons,
.align-alt_inside-bottom-right .align-pagingbuttons_bottom .dhonishow-paging-buttons,
.align-alt_bottom-right .align-pagingbuttons_bottom .dhonishow-paging-buttons,
.align-alt_bottom .align-pagingbuttons_bottom-right .dhonishow-paging-buttons {
background: none;
width: 8em;
}
/*Buttons in the middle +++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.align-alt_inside-top-right .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_inside-top .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_inside-bottom .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_inside-bottom-right .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_bottom .align-pagingbuttons_inside-middle .dhonishow-paging-buttons,
.align-alt_bottom-right .align-pagingbuttons_inside-middle .dhonishow-paging-buttons {
background: none;
}
.align-pagingbuttons_inside-middle .dhonishow-paging-buttons {
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.align-pagingbuttons_inside-middle .dhonishow-paging {
display: none;
}
.align-pagingbuttons_inside-middle .dhonishow-next-button,
.align-pagingbuttons_inside-middle .dhonishow-previous-button {
float: none;
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background: url("/slide/src/dhonishow-next-button_big.png") 80% 50% no-repeat;
}
.align-pagingbuttons_inside-middle .dhonishow-previous-button {
right: auto;
left: 0;
background: url("/slide/src/dhonishow-previous-button_big.png") 20% 50% no-repeat;
}
.align-pagingbuttons_inside-middle .dhonishow-next-button:hover {
background-image: url("/slide/src/dhonishow-next-button_big_hover.png");
}
.align-pagingbuttons_inside-middle .dhonishow-previous-button:hover {
background-image: url("/slide/src/dhonishow-previous-button_big_hover.png");
}
.align-pagingbuttons_inside-top .dhonishow_module_alt,
.align-pagingbuttons_inside-top-right .dhonishow_module_alt,
.align-pagingbuttons_inside-middle .dhonishow_module_alt,
.align-pagingbuttons_bottom .dhonishow_module_alt,
.align-pagingbuttons_bottom-right .dhonishow_module_alt,
.align-alt_inside-top .dhonishow_module_alt,
.align-alt_inside-top-right .dhonishow_module_alt,
.align-alt_inside-bottom .dhonishow_module_alt,
.align-alt_inside-bottom-right .dhonishow_module_alt,
.align-alt_bottom .dhonishow_module_alt,
.align-alt_bottom-right .dhonishow_module_alt,
.hide-buttons_true .dhonishow_module_alt {
padding-right: 7px;
}
.align-alt_inside-top-right .align-pagingbuttons_inside-top .dhonishow_module_alt,
.align-alt_inside-top .align-pagingbuttons_inside-top-right .dhonishow_module_alt,
.align-alt_inside-bottom-right .align-pagingbuttons_bottom .dhonishow_module_alt,
.align-alt_inside-bottom .align-pagingbuttons_bottom-right .dhonishow_module_alt {
padding-right: 10em;
}
.align-pagingbuttons_inside-middle .dhonishow-alt {
z-index: 1000;
}
/* Effects */
.dhonishow-effect-helper {
position: relative;
overflow: hidden;
}
.effect_slide .dhonishow-elements {
position: absolute;
width: 100%;
}
/* Thumbnails */
.dhonishow .dhonishow-thumbnails {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding-top: 3px;
margin-bottom: -1px;
overflow: hidden;
width: 100%;
}
.dhonishow .dhonishow-thumbnails li {
float: left;
overflow: hidden;
margin-right: 3px;
margin-bottom: 3px;
width: 55px;
height: 55px;
position: relative;
}
.dhonishow .dhonishow-thumbnails li * {
position: absolute;
}
.dhonishow .dhonishow-thumbnails .active {
display: block;
border: 1px solid #fff;
position: relative;
width: 53px;
height: 53px;
}
.nivoZoomHover {
position:absolute;
top:0px;
left:0px;
z-index:9;
width:100%;
height:100%;
cursor:pointer;
}
.nivoCaption {
display:none;
position:absolute;
z-index:110;
text-align:center;
background:#010101;
color:#fff;
padding:4px 0;
overflow:hidden;
}
.vertmenu {
margin: 0 20px;
font-family: 'Open Sans', sans-serif;
}
.vertmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.vertmenu ul li {
position: relative;
margin: 0;
line-height: 30px;
text-transform: uppercase;
}
.vertmenu ul li li {
padding-left:20px;
}
.vertmenu .subCat, .chka {
top: 0;
right: 0px;
position: absolute;
cursor: pointer;
}
.vertmenu .subCat.plus,
.chka:before,
.vertmenu .subCat.minus,
.subCat:checked + .chka:before {
content: '+';
font-size: 26px;
color: #1266B1;
font-weight: bold;
font-family: Courier;
}
.vertmenu .subCat.minus, .subCat:checked + .chka:before {
content: '-';
}
.vertmenu a {
color: #477AB9;
font-size: 16px;
font-weight:bold;
text-decoration:none;
}
.vertmenu ul li li a {
color: #666;
font-size: 15px;
font-weight:normal;
text-decoration:none;
}
.vertmenu a.active {
color: #00B1EC;
}
.vertmenu a:hover {
text-decoration: none;
color: #000 !important;
}
.vertmenu > ul > li ul {
display: none;
}
.vertmenu > ul > li a.active + span + ul {
display: block !important;
}
.vertmenu > ul > li .subCat:checked ~ ul {
display: block !important;
}
.vertmenu input[type=checkbox].subCat {
display:none;
}
.vertmenu ul li li a:before {
content: '\203A';
font-size: 20px;
padding-right: 6px;
color: #666;
font-weight: bold;
}
.vertmenu > ul li li a:hover:before {
color: #1266B1;
}
/* затичка для автозаполнения ИИ на топ самсунге */
input {
-webkit-text-security: none !important;
}
/* ============================================================================
ENKO — РЕДИЗАЙН КАТАЛОГУ (v2: динамічні колонки, ремонт шапки/меню/фільтра/пагінації)
Додати В КІНЕЦЬ /templates/template1/style.css.
Усе прив'язано до .catalog-page → інші сторінки не зачіпаються.
Якщо ставив попередню версію цього блоку — заміни її цією повністю.
============================================================================ */
.catalog-page{
--green:#5cb52b; --green-dark:#4ba017; --green-menu:#22b30a;
--ink:#16181d; --muted:#8a9099; --line:#e9ebef; --card:#fff;
--red:#f84147; --blue:#2196f3; --orange:#ff6a39;
--gap:8px;
}
.catalog-page *,.catalog-page *::before,.catalog-page *::after{box-sizing:border-box}
/* ─── гумовий контейнер замість 988px ─── */
.catalog-page.tmain{width:100%;max-width:1540px;margin:0 auto;padding:0 24px;overflow-x:hidden;box-sizing:border-box}
/* =====================================================================
ФУТЕР — ГЛОБАЛЬНО (не лише на каталозі): прибираємо жорсткі 988px,
через які сторінка ширша за вікно на мобільному
===================================================================== */
.tbottom{height:auto!important;min-height:76px}
.tcopy{width:auto!important;max-width:1540px;margin:0 auto;padding:18px 24px 16px!important;box-sizing:border-box}
.tcopy>div{flex-wrap:wrap;gap:10px 16px}
.tcopy img{height:28px!important;max-width:100%}
/* =====================================================================
ШАПКА — нова структура (2.xsl з бургером). ГЛОБАЛЬНО (на всіх сторінках).
.tstatus робимо «плоским» (пошук+кошик у рядок .ttop), .tmenu не чіпаємо
(ним керує jQuery-перемикач мов) — бургер+телефон згруповані в ньому.
===================================================================== */
/* ── приклеєна шапка з авто-ховаченням; ОДИН рядок на всіх ширинах (nowrap);
фон як у сторінки (#f5f5f5); елементи плавно меншають по ширині ── */
.ttop{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:14px;
position:fixed!important;top:0;left:0;right:0;z-index:60;
background:#f5f5f5;
padding:10px max(14px,calc((100% - 1540px)/2 + 24px))!important;
margin:0!important;width:auto!important;height:auto!important;float:none!important;
transition:top .26s ease,box-shadow .2s ease}
.ttop.hdr-up{top:-120px}
.ttop.hdr-scrolled{box-shadow:0 2px 12px rgba(16,18,22,.07)}
.ttop .clearing{display:none}
/* відступ під фіксовану шапку */
.catalog-page.tmain{padding-top:74px!important}
/* лого — плавно меншає по ширині */
.ttop>a:first-of-type{order:1;flex:0 0 auto;display:flex;align-items:center}
.ttop>a:first-of-type img{width:clamp(74px,11vw,150px)!important;height:auto!important;padding:0!important;display:block}
/* пошук+кошик — підняти на рівень .ttop */
.tstatus{display:contents}
/* верхнє меню (телефон+бургер+мова) — праворуч */
.tmenu{order:3;flex:0 0 auto;margin:0!important;position:static!important}
.hdr-nav{display:flex;align-items:center;gap:10px}
/* БУРГЕР + випадайка з інфо-посиланнями */
.hdr-burger{position:relative;flex:none}
.hdr-burger>summary{list-style:none;width:44px;height:44px;border:1.5px solid #e9ebef;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;background:#fff;transition:.15s}
.hdr-burger>summary::-webkit-details-marker{display:none}
.hdr-burger>summary::marker{content:""}
.hdr-burger>summary:hover{border-color:#cfd3d9}
.hdr-burger>summary>span{display:block;width:18px;height:2px;background:#16181d;border-radius:2px;transition:.2s}
.hdr-burger[open]>summary{border-color:#5cb52b;background:#f1fff0}
.hdr-burger[open]>summary>span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hdr-burger[open]>summary>span:nth-child(2){opacity:0}
.hdr-burger[open]>summary>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hdr-burger-list{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#fff;border:1px solid #e9ebef;border-radius:12px;box-shadow:0 12px 32px rgba(20,24,32,.14);padding:6px;margin:0;list-style:none;z-index:200}
.hdr-burger-list li{list-style:none;margin:0}
.hdr-burger-list a,.hdr-burger-list span{display:block;padding:11px 14px;border-radius:8px;font-size:14px;color:#2e2e2e;text-decoration:none;white-space:nowrap}
.hdr-burger-list a:hover{background:#f3f4f6;color:#16181d}
.hdr-burger-list li.active>a{color:#22b30a;font-weight:600}
/* ПОШУК — росте і стискається (flex:1, min-width:0 -> ніколи не переносить рядок) */
.tsearch{order:2;flex:1 1 0;min-width:0;position:relative!important;float:none!important;width:auto!important;height:auto!important;
background:transparent!important;border:0!important;padding:0;margin:0!important}
.tsearch>div:first-child{position:relative;display:flex;align-items:center;width:100%;background:#fff;border:1.5px solid #e9ebef;border-radius:10px;overflow:hidden;transition:.15s}
.tsearch>div:first-child:focus-within{border-color:#22b30a}
.tsearch>div:first-child::after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;opacity:.55;transition:.15s;
background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")}
.tsearch>div:first-child:hover::after{opacity:.9}
.tsearch .text{flex:1;min-width:0;width:auto!important;height:clamp(40px,4.6vw,46px)!important;margin:0 0 0 14px!important;padding:0 42px 0 0!important;border:0!important;background:transparent;font-size:16px!important}
.tsearch .text::placeholder{font-size:14px;opacity:.85}
.tsearch>div:first-child .button{display:block!important;position:absolute;right:0;top:0;width:44px;height:100%;margin:0!important;padding:0;border:0;background:transparent;opacity:0;cursor:pointer;z-index:2}
.tsearch .clearing{display:none}
/* ТЕЛЕФОН + UA/RU */
.hdr-right{display:flex;align-items:center;gap:14px;flex:none}
.hdr-phone{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#16181d;font-weight:700;font-size:16px;white-space:nowrap}
.hdr-phone svg{width:18px;height:18px;color:#4ba017;flex:none}
.hdr-phone:hover{color:#4ba017}
.hdr-lang{display:flex;gap:6px}
.hdr-lang a{border:1px solid #e9ebef;border-radius:7px;padding:5px 9px;font-weight:600;font-size:13px;color:#5b6068;text-decoration:none;transition:.15s}
.hdr-lang a:hover{background:#f3f4f6;color:#16181d}
/* КОШИК — крайній правий */
.tcart{order:4;float:none!important;width:auto!important;position:static!important;margin:0!important;flex:none}
/* ============ ПРОГРЕСИВНЕ СТИСНЕННЯ ПО ШИРИНІ (без переносу на 2 рядки) ============ */
/* немає місця для перемикача мови */
@media(max-width:1000px){ .hdr-lang{display:none} }
/* компакт: телефон і кошик стають іконками 42px, як бургер */
@media(max-width:820px){
.catalog-page.tmain{padding-top:64px!important}
.ttop{padding:9px max(12px,calc((100% - 1540px)/2 + 24px))!important}
.hdr-phone{width:42px;height:42px;justify-content:center;border:1.5px solid #e9ebef;border-radius:10px;gap:0;font-size:0;overflow:hidden}
.hdr-phone svg{width:19px;height:19px}
.hdr-burger>summary{width:42px;height:42px}
#little_cart .cart_widget{width:42px!important;height:42px!important;padding:0!important;gap:0!important;border:1.5px solid #e9ebef!important;border-radius:10px!important;display:flex!important;align-items:center;justify-content:center;position:relative}
#little_cart .cart_widget:hover{border-color:#5cb52b!important}
#little_cart .cw_text{display:none!important}
#little_cart .cw_icon,#little_cart .cw_icon svg{width:21px!important;height:21px!important}
#little_cart .cw_badge{top:-6px!important;right:-6px!important;border:2px solid #fff}
}
/* телефони: ще трохи компактніше */
@media(max-width:560px){
.ttop{padding:8px 11px!important;gap:9px}
.catalog-page.tmain{padding-top:60px!important}
.hdr-nav{gap:7px}
.hdr-phone,.hdr-burger>summary{width:40px;height:40px}
#little_cart .cart_widget{width:40px!important;height:40px!important}
}
/* вузькі телефони: менше лого, тісніше, плейсхолдер дрібніший */
@media(max-width:430px){
.ttop{gap:7px!important;padding:7px 10px!important}
.ttop>a:first-of-type img{width:70px!important}
.hdr-nav{gap:6px}
.tsearch .text{margin:0 0 0 11px!important;padding-right:36px!important}
.tsearch .text::placeholder{font-size:13px}
.tsearch>div:first-child::after{right:11px}
}
/* випадайка бургера — на всю ширину під шапкою на вузьких */
@media(max-width:820px){
.hdr-burger{position:static}
.hdr-burger-list{position:absolute;left:0;right:0;top:100%;width:auto;min-width:0;margin:7px 0 0;border-radius:0 0 12px 12px}
}
/* ── РОЗГОРНУТЕ ПОЛЕ ПОШУКУ (мобілка): тап → поле на всю ширину + хрестик ── */
.ss-clear{display:none;position:absolute;right:0;top:0;height:100%;width:42px;border:0;background:transparent;
align-items:center;justify-content:center;color:#8a9099;font-size:17px;line-height:1;cursor:pointer;z-index:3;padding:0}
.ss-clear:hover{color:#16181d}
/* прибрати блакитне фокус-обведення/підсвітку браузера на полі та кнопках пошуку */
.tsearch input,.tsearch button,.tsearch a,
.tsearch input:focus,.tsearch button:focus,.tsearch input:focus-visible,.tsearch button:focus-visible,
.tsearch_modal input:focus,.tsearch_modal button:focus,.ss-clear:focus{
outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
@media(max-width:1040px){
.ttop.search-active{gap:0!important}
.ttop.search-active>a:first-of-type,
.ttop.search-active .tmenu,
.ttop.search-active .tcart{display:none!important}
.ttop.search-active .tsearch{flex:1 1 100%!important}
.ttop.search-active .tsearch>div:first-child::after{display:none}
.ttop.search-active .tsearch>div:first-child .button{display:none!important}
.ttop.search-active .ss-clear{display:flex}
.ttop.search-active .tsearch .text{padding-right:42px!important}
}
/* =====================================================================
РОЗКЛАДКА: ліве меню + контент
===================================================================== */
.catalog-page .tcontent_2{display:grid;grid-template-columns:250px 1fr;gap:14px;align-items:start}
.catalog-page .tcontent_2>.clearing{display:none}
.catalog-page .tleft{float:none;width:auto;margin:0;min-width:0}
.catalog-page .tright{float:none;width:auto;min-width:0}
.catalog-page .tleft2{background:0!important;padding:0;margin:0;position:sticky;top:12px}
/* =====================================================================
ЛІВЕ МЕНЮ КАТЕГОРІЙ — зелена шапка + білий охайний список
===================================================================== */
.catalog-page .left_menu{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(20,24,32,.05)}
/* зелена шапка */
.catalog-page .left_menu::before{content:"Каталог товарів";display:flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:15px;padding:15px 18px;background:var(--green-menu)}
/* пункти першого рівня — білі */
.catalog-page .left_menu li{list-style:none;margin:0;padding:0;border-bottom:1px solid #f0f2f4}
.catalog-page .left_menu>li:last-child{border-bottom:0}
.catalog-page .left_menu li>a{display:flex;align-items:center;justify-content:space-between;gap:8px;
padding:12px 18px!important;color:#2e3138!important;font-size:13.5px;text-decoration:none;transition:.12s;line-height:1.3!important;font-weight:400;background:#fff!important}
.catalog-page .left_menu>li>a:hover{background:#f1fbef!important;color:var(--green-dark)!important;padding-left:21px!important;padding-right:15px!important}
/* активний пункт */
.catalog-page .left_menu li#active>a{background:#f1fbef!important;color:var(--green-dark)!important;font-weight:600;box-shadow:inset 3px 0 0 var(--green)}
/* стрілка для пунктів із підгрупами */
.catalog-page .left_menu li:has(> ul)>a::after{content:"";width:7px;height:7px;border-right:1.5px solid #c0c6cd;border-bottom:1.5px solid #c0c6cd;transform:rotate(-45deg);flex:none;transition:.12s}
.catalog-page .left_menu li>a:hover::after{border-color:var(--green)}
/* вкладені рівні — світло-сірий фон, БЕЗ крапок-картинок */
.catalog-page .left_menu_2,.catalog-page .left_menu_3,.catalog-page .left_menu_4{list-style:none;margin:0;padding:0;background:#fafbfc!important}
.catalog-page .left_menu_2 li,.catalog-page .left_menu_3 li,.catalog-page .left_menu_4 li{background:none!important;background-color:transparent!important;border-bottom:1px solid #f0f2f4}
.catalog-page .left_menu_2 li>a{padding-left:34px!important;font-size:13px;color:#6b7178!important;background:transparent!important}
.catalog-page .left_menu_3 li>a{padding-left:48px!important}
.catalog-page .left_menu_4 li>a{padding-left:62px!important}
.catalog-page .left_menu_2 li>a:hover,.catalog-page .left_menu_3 li>a:hover,.catalog-page .left_menu_4 li>a:hover{background:#f1fbef!important;color:var(--green-dark)!important}
/* банер + каталог (без білої підкладки — сітка на всю ширину колонки) */
.catalog-page .tright>.shopm:has(a[href*="instagram"]){display:none}
.catalog-page .shopm_catalog{background:transparent;border-radius:0;box-shadow:none;padding:0;margin:0;min-height:300px}
/* сторінка товару: зовнішнє обгортання прозоре (карткою є сам .ip-card) */
.catalog-page .shopm_catalog:has(.ip-card),.catalog-page .shopm_catalog_2:has(.ip-card){background:transparent;box-shadow:none;border:0;padding:0;min-height:0}
/* =====================================================================
ФІЛЬТР (shop_block) — вирівнювання в один акуратний ряд
===================================================================== */
.catalog-page .shop_block{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 20px;
width:auto!important; /* скидаємо жорсткі 663px з оригіналу */
padding:14px 16px!important;margin:0 0 14px 0!important;background:#fafbfc;border:1px solid var(--line);
border-radius:12px;border-bottom:1px solid var(--line)!important;font-size:13px;color:#5b6068;position:static}
.catalog-page .shop_block table,.catalog-page .shop_block tbody,.catalog-page .shop_block tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 18px;width:auto;border:0;margin:0;padding:0}
.catalog-page .shop_block td{display:flex!important;align-items:center;gap:6px;padding:0!important;border:0!important;white-space:nowrap;vertical-align:middle}
.catalog-page .shop_block td:empty{display:none!important}
.catalog-page .shop_block p{margin:0;display:flex;align-items:center;gap:7px}
.catalog-page .shop_block b{display:inline-flex;margin:0}
.catalog-page .shop_block select,
.catalog-page .shop_block input[type="text"]{height:38px!important;border:1px solid var(--line)!important;border-radius:9px!important;
background:#fff;font-size:13px;color:var(--ink);padding:0 12px!important;outline:none;box-shadow:none!important}
.catalog-page .shop_block select{min-width:150px;cursor:pointer}
.catalog-page .shop_block input[name="price_from"],
.catalog-page .shop_block input[name="price_to"]{width:84px!important}
.catalog-page .shop_block input[type="checkbox"]{width:16px!important;height:16px!important;accent-color:var(--green);margin:0;vertical-align:middle}
.catalog-page .shop_block .input,
.catalog-page .shop_block input[type="submit"]{height:38px!important;padding:0 22px!important;border:0!important;border-radius:9px!important;
background:var(--green-menu)!important;color:#fff!important;font-weight:600!important;font-size:13px!important;cursor:pointer;font-family:inherit;line-height:1!important}
.catalog-page .shop_block input[type="submit"]:hover{background:var(--green-dark)!important}
/* блок сортування (другий shop_block) */
.catalog-page .shop_block a{color:#5b6068;text-decoration:none;border-bottom:1px dashed #c9ccd1}
.catalog-page .shop_block a:hover{color:var(--ink);border-color:var(--green)}
/* =====================================================================
АДАПТИВ
===================================================================== */
/* на десктопі — auto-fill (динамічні колонки) */
.catalog-page .catalog_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}
@media(max-width:1040px){
.catalog-page .tcontent_2{grid-template-columns:1fr}
.catalog-page .tleft2{position:static}
.catalog-page .left_menu{position:relative;cursor:pointer}
.catalog-page .left_menu::after{content:"";position:absolute;top:19px;right:18px;width:9px;height:9px;
border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .2s}
.catalog-page .tleft2.lm-open .left_menu::after{transform:rotate(-135deg)}
.catalog-page .tleft2:not(.lm-open) .left_menu>li{display:none}
}
@media(max-width:760px){
.catalog-page .catalog_grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* лише на мобілці: прибираємо білий контейнер і бічні відступи — */
/* сітка стає в рівень із верхніми блоками по ширині */
.catalog-page .shopm_catalog{background:transparent;border-radius:0;box-shadow:none;padding:6px 0 20px;min-height:0}
}
@media(max-width:680px){
.catalog-page{--gap:8px}
.catalog-page.tmain{padding:0 10px}
.catalog-page .catalog_item_price .iprice_c{font-size:20px}
.catalog-page .addcartcat,.catalog-page .addcartcat2{height:38px;font-size:13px}
/* фільтр — стекуємо вертикально */
.catalog-page .shop_block{flex-direction:column;align-items:flex-start!important;gap:10px!important}
.catalog-page .shop_block table,.catalog-page .shop_block tbody,.catalog-page .shop_block tr{flex-direction:column;align-items:flex-start;gap:8px}
.catalog-page .shop_block select{width:100%!important;min-width:0}
.catalog-page .shop_block input[name="price_from"],
.catalog-page .shop_block input[name="price_to"]{width:70px!important}
/* сортування — переносимо */
.catalog-page .shop_block_2{font-size:12px}
.catalog-page .page_link,.catalog-page .current_2{min-width:32px;height:32px;font-size:13px;padding:0 7px}
#little_cart .cw_text{display:none}
}
.catalog-page .catalog_item{background:var(--card);border:1px solid var(--line);border-radius:12px;
padding:14px 14px 16px;margin:0;display:flex;flex-direction:column;position:relative;
transition:box-shadow .18s,border-color .18s,transform .18s}
.catalog-page .catalog_item:hover{box-shadow:0 8px 26px rgba(20,24,32,.10);border-color:#dfe3e8;transform:translateY(-3px);z-index:2}
.catalog-page .ienlarger{float:none;width:auto;padding:0;clear:none;position:relative;
aspect-ratio:1/1;background:#fff;border-radius:10px;
display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}
.catalog-page .ienlarger a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:8px}
.catalog-page .ienlarger img,
.catalog-page .ienlarger img.resize_thumb{
max-width:100%!important;max-height:100%!important;
width:auto!important;height:auto!important;
object-fit:contain;display:block;transition:transform .25s}
.catalog-page .catalog_item:hover .ienlarger img{transform:scale(1.04)}
.catalog-page .ienlarger a span{display:none!important}
/* скидаємо глобальний .resize_thumb {max-width:150px} що перебиває наш стиль */
.catalog-page .resize_thumb{max-width:100%!important;max-height:100%!important}
.catalog-page .badges{position:absolute;top:8px;left:8px;z-index:5;display:flex;flex-direction:column;gap:5px}
.catalog-page .badge{font-size:10.5px;font-weight:700;line-height:1;padding:5px 8px;border-radius:6px;color:#fff;white-space:nowrap;width:-moz-fit-content;width:fit-content}
.catalog-page .badge.best{background:#ff9800}
.catalog-page .badge.disc{background:var(--red)}
.catalog-page .catalog_item_name{width:auto;line-height:1.3;margin-bottom:6px}
.catalog-page .catalog_item_name h2{margin:0;font-size:0;font-weight:400;line-height:0}
.catalog-page .cat_title{display:block;text-decoration:none}
.catalog-page .cat_title h2 span[data-lang]{font-size:13.5px;font-weight:500;color:var(--ink);
display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:35px;line-height:1.3}
.catalog-page .cat_title:hover h2 span[data-lang]{color:var(--green-dark)}
.catalog-page .catalog_item_text{width:auto;float:none;color:var(--muted);font-weight:400;font-size:11.5px;margin-bottom:10px}
.catalog-page .catalog_item_text .meta-row{display:flex;flex-wrap:wrap;gap:4px 14px}
.catalog-page .catalog_item_text .meta-row b{color:#5b6068;font-weight:500}
.catalog-page .catalog_item_price{float:none;width:auto;position:static;text-align:left;margin:auto 0 0}
.catalog-page .price-old-row{display:flex;align-items:center;gap:7px;margin-bottom:3px}
.catalog-page .price-disc-badge{font-size:11px;font-weight:700;color:#fff;background:var(--red);padding:2px 6px;border-radius:4px}
.catalog-page .price-old{font-size:13px;text-decoration:line-through;color:var(--red)}
.catalog-page .price-now{display:flex;align-items:baseline;gap:4px}
.catalog-page .catalog_item_price .iprice_c{font-size:25px;font-weight:900;color:var(--ink);letter-spacing:-.5px}
.catalog-page .catalog_item_price .imoney{font-size:14px;font-weight:500;color:var(--ink);width:auto;margin:0}
.catalog-page .cart-disc-badge{display:block;margin-top:5px;font-size:11px;color:var(--orange)}
.catalog-page .cart-disc-badge b{background:var(--orange);color:#fff;font-weight:500;padding:2px 8px;border-radius:12px;cursor:pointer}
.catalog-page .catalog_cart{margin:12px 0 0}
.catalog-page .stock{font-size:11.5px;line-height:1.35;margin-bottom:9px;display:flex;align-items:center;gap:5px}
.catalog-page .stock .dot{width:7px;height:7px;border-radius:50%;flex:none}
.catalog-page .stock small{color:#aeb4bc;font-weight:400}
.catalog-page .stock.store{color:var(--green-dark)} .catalog-page .stock.store .dot{background:var(--green)}
.catalog-page .stock.in{color:var(--blue)} .catalog-page .stock.in .dot{background:var(--blue)}
.catalog-page .stock.delivery{color:#7c3aed} .catalog-page .stock.delivery .dot{background:#8b5cf6}
.catalog-page .stock.ask{color:#9aa0a8} .catalog-page .stock.ask .dot{background:#cfd3d9}
.catalog-page .catalog_cart .addcartcat,
.catalog-page .catalog_cart .addcartcat2{display:flex!important;align-items:center;justify-content:center;gap:7px;
width:100%;height:42px;border-radius:10px;font-size:14px;font-weight:500;font-family:inherit;
text-decoration:none;cursor:pointer;border:0;padding:0}
.catalog-page .catalog_cart a.addcartcat{background:var(--green);color:#fff}
.catalog-page .catalog_cart a.addcartcat:hover{background:var(--green-dark);color:#fff}
.catalog-page .catalog_cart a.addcartcat2{background:#eef0f3;color:#5b6068}
.catalog-page .catalog_cart a.addcartcat2:hover{background:#e3e6ea;color:#3a3f47}
.catalog-page .catalog_item_dashed,.catalog-page .catalog_item .clearing{display:none}
/* =====================================================================
ПАГІНАЦІЯ — сучасний стиль
===================================================================== */
.catalog-page .shopm_catalog div:has(> .page_link),
.catalog-page .shopm_catalog div:has(> .current_2){display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:26px 0 0!important}
.catalog-page .page_link,
.catalog-page .current_2{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;
padding:0 11px;border-radius:9px;font-size:14px;text-decoration:none!important;border:1px solid var(--line)}
.catalog-page .page_link{color:#4a4f57;background:#fff;transition:.15s}
.catalog-page .page_link:hover{border-color:var(--green);color:var(--green-dark)}
.catalog-page .current_2{background:var(--green-menu);color:#fff;border-color:var(--green-menu);font-weight:600}
.catalog-page .ctrl{font-size:12px;color:var(--muted);padding:0 6px;align-self:center}
/* =====================================================================
ВІДЖЕТ КОШИКА (79.xsl) — глобально, не лише на каталозі
===================================================================== */
#little_cart .cart_widget{display:inline-flex;align-items:center;gap:10px;text-decoration:none;
padding:6px 12px;border-radius:10px;border:1.5px solid #e9ebef;background:#fff;transition:.15s;
font-family:'Roboto',Helvetica,Arial,sans-serif}
#little_cart .cart_widget:hover{border-color:#cfd3d9}
#little_cart .cw_icon{position:relative;width:26px;height:26px;color:#16181d;flex:none}
#little_cart .cw_icon svg{width:26px;height:26px;display:block}
#little_cart .cw_badge{position:absolute;top:-7px;right:-8px;min-width:17px;height:17px;padding:0 4px;
border-radius:9px;background:#5cb52b;color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center;box-sizing:border-box}
#little_cart .cw_text{display:flex;flex-direction:column;line-height:1.15}
#little_cart .cw_label{font-size:11px;color:#8a9099}
#little_cart .cw_sum{font-size:14px;font-weight:700;color:#16181d;white-space:nowrap}
/* =====================================================================
АДАПТИВ
===================================================================== */
/* =====================================================================
ГОЛОВНА СТОРІНКА — слайдер, спецпропозиції, SEO-текст
===================================================================== */
/* слайдер промо-банерів */
.catalog-page .slider-wrapper{margin:0 0 24px;border-radius:16px;overflow:hidden;background:#f3f4f6}
.catalog-page .slider-wrapper img{display:block;width:100%;height:auto}
.catalog-page .nivoSlider{border-radius:16px;overflow:hidden}
.catalog-page .nivo-controlNav{padding:8px 0 0;text-align:center}
.catalog-page .nivo-caption{border-radius:0}
/* блок спецпропозицій */
.catalog-page .shopm_hot{background:transparent;margin:0 0 24px}
.offers_head{display:flex;align-items:center;gap:12px;margin:4px 0 16px}
.offers_title{font-size:22px;font-weight:800;color:var(--ink);margin:0;letter-spacing:-.3px}
.offers_title::before{content:"";display:inline-block;width:4px;height:22px;background:var(--green);border-radius:3px;margin-right:12px;vertical-align:-3px}
.offers_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--gap)}
.offer_card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;transition:.15s;position:relative}
.offer_card:hover{box-shadow:0 8px 24px rgba(20,24,32,.10);border-color:#e0e3e7;transform:translateY(-2px)}
.offer_imgwrap{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fff;border-radius:10px;overflow:hidden;text-decoration:none}
.offer_img{max-width:92%;max-height:92%;object-fit:contain}
.offer_badges{position:absolute;top:6px;left:6px;z-index:2;display:flex;flex-direction:column;gap:5px}
.offer_badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;color:#fff;width:fit-content}
.offer_badge.best{background:#ff9800}
.offer_badge.disc{background:#f84147}
.offer_name{display:block;margin:12px 0 0;font-size:14px;line-height:1.4;color:var(--ink);text-decoration:none;font-weight:500;
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.offer_name:hover{color:var(--green-dark)}
.offer_price{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:2px}
.offer_old{font-size:13px;color:#f84147;text-decoration:line-through}
.offer_now{font-size:22px;font-weight:900;color:var(--ink);letter-spacing:-.5px;line-height:1.1}
.offer_now small{font-size:.6em;font-weight:700;margin-left:2px}
.offer_hint{font-size:11px;color:#ff6a39;font-weight:600;margin-top:2px}
/* SEO-секція перед футером */
.catalog-page .tright>.shopm.seo-block{
background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 32px;margin:28px 0 0}
.catalog-page .tright>.shopm.seo-block h1{font-size:25px;font-weight:800;color:var(--ink);margin:0 0 14px;text-align:center;letter-spacing:-.4px;line-height:1.25}
.catalog-page .tright>.shopm.seo-block .seo-lead{font-size:16px;line-height:1.6;color:#3a3f47;margin:0 auto 12px;text-align:center;font-weight:500;max-width:820px}
.catalog-page .tright>.shopm.seo-block p{font-size:13.5px;line-height:1.7;color:#6b7178;margin:0 auto;text-align:center;max-width:880px}
.catalog-page .tright>.shopm.seo-block .seo-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 0;text-align:left}
.catalog-page .seo-feat{display:flex;align-items:flex-start;gap:11px;background:#f4f6f8;border:1px solid #eceef1;border-radius:12px;padding:14px 15px}
.catalog-page .seo-feat>svg{width:24px;height:24px;flex:none;color:#5cb52b;margin-top:1px}
.catalog-page .seo-feat b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:3px;line-height:1.25}
.catalog-page .seo-feat span{display:block;font-size:12px;line-height:1.4;color:#8a9099}
@media(max-width:760px){
.catalog-page .tright>.shopm.seo-block{padding:22px 18px;border-radius:14px}
.catalog-page .tright>.shopm.seo-block h1{font-size:20px}
.catalog-page .tright>.shopm.seo-block .seo-lead{font-size:14.5px}
.catalog-page .tright>.shopm.seo-block .seo-feats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.catalog-page .seo-feat{padding:12px}
}
@media(max-width:430px){
.catalog-page .tright>.shopm.seo-block .seo-feats{grid-template-columns:1fr}
}
/* інфо-сторінки (1.htm): контент у білій картці */
.catalog-page .shopm_catalog_2{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 30px;min-height:300px;line-height:1.7;color:#2e2e2e}
.catalog-page .shopm_catalog_2 h1,.catalog-page .shopm_catalog_2 h2{color:var(--ink)}
.catalog-page .shopm_catalog_2 a{color:var(--green-dark)}
.catalog-page .shopm_catalog_2 img{max-width:100%;height:auto}
@media(max-width:760px){
.offers_grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.offers_title{font-size:18px}
.catalog-page .slider-wrapper{margin-bottom:16px}
.catalog-page .shopm_catalog_2{padding:16px 14px}
}
/* ===== Анімація «Додано ✓» на кнопках додавання в кошик (глобально) ===== */
.cart-added{
background:#1a9008 !important;border-color:#1a9008 !important;color:#fff !important;
animation:cartPulse .42s ease;pointer-events:none;
}
.cart-added>*{color:#fff !important}
@keyframes cartPulse{0%{transform:scale(1)}40%{transform:scale(1.05)}100%{transform:scale(1)}}
.cart-added .cart-added-ico{position:relative;display:inline-block;width:16px;height:16px;margin-right:7px;flex:none}
.cart-added .cart-added-ico::after{
content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;
border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
animation:cartCheck .28s ease .05s both;
}
@keyframes cartCheck{
0%{opacity:0;transform:rotate(45deg) scale(0)}
60%{opacity:1;transform:rotate(45deg) scale(1.25)}
100%{opacity:1;transform:rotate(45deg) scale(1)}
}
/* ====================== ФУТЕР ====================== */
.tbottom{background:#f4f6f8;border-top:1px solid #e6e8ec;margin-top:44px;padding:0;color:#3a3f47}
.tbottom .footer-inner{max-width:1540px;margin:0 auto;padding:22px 24px;box-sizing:border-box}
.tbottom .footer-contacts{display:flex;flex-wrap:wrap;gap:14px 30px;padding-bottom:18px;border-bottom:1px solid #e6e8ec}
.tbottom .footer-contact{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#3a3f47;text-decoration:none}
.tbottom a.footer-contact:hover{color:#4ba017}
.tbottom .footer-contact svg{width:18px;height:18px;flex:none;color:#5cb52b}
.tbottom .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-top:18px}
.tbottom .footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:12.5px;color:#8a9099}
.tbottom .footer-legal a{color:#6b7178;text-decoration:none}
.tbottom .footer-legal a:hover{color:#4ba017;text-decoration:underline}
.tbottom .footer-pay{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tbottom .footer-pay-label{font-size:12.5px;color:#8a9099;white-space:nowrap}
.tbottom .footer-pay-icons{display:inline-flex;align-items:center;gap:7px}
.tbottom .payicon{height:30px;width:auto;display:block}
@media(max-width:760px){
.tbottom{margin-top:30px}
.tbottom .footer-inner{padding:18px 16px}
.tbottom .footer-contacts{flex-direction:column;gap:11px}
.tbottom .footer-contact{font-size:13.5px}
.tbottom .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}
.tbottom .footer-pay{gap:9px}
}
/* ====================== БОКОВА ШТОРКА КОШИКА ====================== */
#cart_drawer_overlay{position:fixed;inset:0;background:rgba(16,18,22,.45);opacity:0;visibility:hidden;transition:opacity .25s;z-index:100000}
#cart_drawer_overlay.open{opacity:1;visibility:visible}
#cart_drawer{position:fixed;top:0;right:0;height:100%;width:410px;max-width:92vw;background:#fff;box-shadow:-10px 0 40px rgba(16,18,22,.18);transform:translateX(100%);visibility:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s .28s;z-index:100001;display:flex;flex-direction:column}
#cart_drawer.open{transform:translateX(0);visibility:visible;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s 0s}
.cd-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e9ebef;flex:none}
.cd-head h2{margin:0;font-size:18px;font-weight:800;color:#16181d;display:flex;align-items:center;gap:9px}
.cd-head h2>svg{width:21px;height:21px;color:#5cb52b}
.cd-count{font-size:12px;font-weight:600;color:#8a9099}
.cd-close{width:36px;height:36px;border:0;background:#f4f6f8;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5b6068;flex:none}
.cd-close:hover{background:#e9ebef;color:#16181d}
.cd-close svg{width:18px;height:18px}
#cart_drawer_body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 16px;position:relative;min-height:0;transition:opacity .15s}
#cart_drawer_body.cd-loading{opacity:.45;pointer-events:none}
.cd-item{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #f0f2f4}
.cd-item:last-child{border-bottom:0}
.cd-thumb{width:58px;height:58px;flex:none;border:1px solid #e1e4e8;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;text-decoration:none}
.cd-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.cd-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:7px}
.cd-name{font-size:13px;line-height:1.35;color:#16181d!important;text-decoration:none;font-weight:500;word-wrap:break-word;overflow-wrap:anywhere}
.cd-name:hover{color:#4ba017!important}
.cd-meta{display:flex;flex-wrap:wrap;gap:2px 10px}
.cd-code,.cd-warr{font-size:11.5px;line-height:1.3;color:#8a9099;white-space:nowrap}
.cd-warr{color:#4ba017}
.cd-row2{display:flex;align-items:center;gap:10px;margin-top:auto}
.cd-stepper{display:inline-flex;align-items:center;border:1px solid #e3e6ea;border-radius:8px;overflow:hidden;flex:none}
.cd-stepper button{width:28px;height:28px;border:0;background:#f7f8fa;color:#16181d;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;font-family:inherit}
.cd-stepper button:hover{background:#eceef1}
.cd-qty-val{width:40px;min-width:0;height:28px;text-align:center;font-size:13px;font-weight:600;border:0;border-left:1px solid #e3e6ea;border-right:1px solid #e3e6ea;background:#fff;padding:0;color:#16181d;font-family:inherit;-moz-appearance:textfield;box-sizing:border-box}
.cd-qty-val:focus{outline:none;background:#f4faf0}
.cd-qty-val::-webkit-outer-spin-button,.cd-qty-val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cd-linesum{font-size:14px;font-weight:800;color:#16181d;white-space:nowrap;margin-left:auto}
.cd-del{border:0;background:none;cursor:pointer;color:#b8bdc4;padding:3px;display:flex;align-items:center;flex:none}
.cd-del:hover{color:#f84147}
.cd-del svg{width:16px;height:16px}
.cd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;height:100%;text-align:center;color:#8a9099;padding:30px}
.cd-empty svg{width:54px;height:54px;color:#d4d8dd}
.cd-empty b{font-size:16px;color:#16181d;font-weight:700}
.cd-empty a{margin-top:4px;color:#fff;background:#5cb52b;text-decoration:none;padding:11px 22px;border-radius:10px;font-weight:600;font-size:14px}
.cd-empty a:hover{background:#4ba017}
.cd-foot{flex:none;border-top:1px solid #e9ebef;padding:16px 18px;background:#fff}
.cd-totalrow{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px}
.cd-totalrow>span{font-size:14px;color:#6b7178}
.cd-totalrow b{font-size:22px;font-weight:900;color:#16181d}
.cd-actions{display:flex;flex-direction:column;gap:9px}
.cd-checkout{display:flex;align-items:center;justify-content:center;height:48px;background:#5cb52b;color:#fff;border:0;border-radius:11px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;font-family:inherit}
.cd-checkout:hover{background:#4ba017;color:#fff}
.cd-tocart{display:flex;align-items:center;justify-content:center;height:42px;background:#f4f6f8;color:#3a3f47;border:0;border-radius:11px;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit}
.cd-tocart:hover{background:#e9ebef;color:#16181d}
@media(max-width:760px){
/* нижній «лист»: вилазить знизу, лишає зверху затемнену зону сайту для тапа-закриття */
#cart_drawer{
top:auto;bottom:0;left:0;right:0;
width:100%;max-width:100%;height:auto;max-height:86vh;
border-radius:18px 18px 0 0;overflow:hidden;
box-shadow:0 -8px 40px rgba(16,18,22,.22);
transform:translateY(100%);
transition:transform .3s cubic-bezier(.32,.72,0,1),visibility 0s .3s;
}
#cart_drawer.open{transform:translateY(0);transition:transform .3s cubic-bezier(.32,.72,0,1),visibility 0s 0s}
/* грабер-індикатор + місце під нього */
.cd-head{padding-top:21px;position:relative}
.cd-head::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:3px;background:#d7dbe0}
.cd-foot{padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
}
/* поки шторка кошика відкрита — ховаємо віджет чату, щоб не перекривав кнопки */
body.cart-drawer-open #helpcrunch-container,
body.cart-drawer-open div[id^="helpcrunch"],
body.cart-drawer-open iframe[id*="helpcrunch"]{display:none!important}
/* ---- скелетон-лоадер шторки кошика ---- */
.cd-skeleton{padding:4px 0}
.cd-sk-item{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #f0f2f4}
.cd-sk-item:last-child{border-bottom:0}
.cd-sk-thumb{width:58px;height:58px;flex:none;border-radius:9px}
.cd-sk-lines{flex:1 1 auto;display:flex;flex-direction:column;gap:9px;padding-top:4px}
.cd-sk-line{height:11px;border-radius:5px}
.cd-sk-line.w70{width:72%}
.cd-sk-line.w45{width:46%}
.cd-sk-line.short{width:34%;height:24px;border-radius:8px;margin-top:8px}
.cd-skel{background:linear-gradient(100deg,#edeff2 28%,#f7f8fa 50%,#edeff2 72%);background-size:200% 100%;animation:cdShimmer 1.25s ease-in-out infinite}
@keyframes cdShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* позиція кошика під час збереження кількості */
.cd-item-busy{opacity:.6;transition:opacity .15s}
/* ═══════════ Сторінка-подяка (оформлене замовлення) ═══════════ */
.order-done{max-width:760px;margin:0 auto;padding:6px 0 30px;font-family:'Roboto',Helvetica,Arial,sans-serif;color:#16181d;display:flex;flex-direction:column;gap:16px}
.order-done .shop_navigation{display:none}
.order-done *{box-sizing:border-box}
.od-card{background:#fff;border:1px solid #e9ebef;border-radius:18px;box-shadow:0 6px 22px rgba(20,24,32,.05);padding:30px 34px}
/* герой */
.od-hero{text-align:center;padding:0}
.od-check{width:76px;height:76px;border-radius:50%;background:#eafbe4;display:flex;align-items:center;justify-content:center;margin:2px auto 20px;animation:odpop .4s cubic-bezier(.2,1.3,.5,1) both}
@keyframes odpop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.od-check svg{width:38px;height:38px;stroke:#4ba017;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.order-done h1{font-size:26px;font-weight:900;letter-spacing:-.01em;color:#16181d;text-align:center;margin:0 0 8px;line-height:1.2}
.od-sub{color:#4f5560;font-size:15px;line-height:1.55;margin:0 auto;max-width:460px;text-align:center}
/* номер-«квитанція» */
.od-ticket{margin:26px auto 0;max-width:360px;text-align:center;background:#f3fbef;border:2px dashed #c7e8b0;border-radius:16px;padding:16px 24px 18px;position:relative}
.od-ticket::before,.od-ticket::after{content:"";position:absolute;top:50%;width:20px;height:20px;background:#fff;border:2px dashed #c7e8b0;border-radius:50%;transform:translateY(-50%)}
.od-ticket::before{left:-11px;border-right-color:transparent;border-top-color:transparent}
.od-ticket::after{right:-11px;border-left-color:transparent;border-bottom-color:transparent}
.od-num-label{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#4ba017;opacity:.85;margin:0}
.od-num{display:block;font-size:44px;font-weight:900;color:#4ba017;line-height:1.08;margin:4px 0 0;letter-spacing:.02em;background:none;border:0;padding:0}
/* кроки «що далі» */
.od-steps{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin:30px 4px 4px;position:relative}
.od-steps::before{content:"";position:absolute;top:13px;left:12%;right:12%;height:2px;background:#eef0f2;z-index:0}
.od-step{position:relative;z-index:1;flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}
.od-dot{width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #e9ebef;display:flex;align-items:center;justify-content:center;color:#8a9099}
.od-dot svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.od-step.done .od-dot{background:#5cb52b;border-color:#5cb52b;color:#fff}
.od-step.now .od-dot{border-color:#5cb52b;color:#4ba017;box-shadow:0 0 0 4px rgba(92,181,43,.14)}
.od-step small{font-size:12px;line-height:1.35;color:#8a9099;font-weight:600;max-width:100px}
.od-step.done small,.od-step.now small{color:#16181d}
/* нотатка */
.od-note{display:flex;gap:13px;background:#f7f8fa;border:1px solid #eef0f2;border-radius:14px;padding:15px 17px;margin-top:24px;font-size:13.5px;line-height:1.65;color:#4f5560;text-align:left}
.od-note svg{width:20px;height:20px;flex:none;stroke:#4ba017;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.od-note b{color:#16181d;font-weight:700}
.od-note p{margin:0}
.od-note-hours{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0}
.od-note-hours span{white-space:nowrap}
/* кнопка друку (ПД-4 / рахунок) */
.od-payment{margin:20px 0 2px;text-align:center}
.od-payment a{display:inline-flex;align-items:center;gap:9px;background:#5cb52b;color:#fff!important;font-weight:700;font-size:15px;text-decoration:none;padding:13px 22px;border-radius:12px;transition:.15s;box-shadow:0 6px 16px rgba(92,181,43,.22)}
.od-payment a:hover{background:#4ba017}
.od-payment a img{display:none}
.od-payment .od-pay-hint{display:block;color:#8a9099;font-size:13px;margin-top:9px}
/* заголовок секції */
.od-h2{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;color:#16181d;margin:0 0 16px}
.od-h2 svg{width:19px;height:19px;stroke:#4ba017;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* дані доставки */
.od-fields{display:grid;grid-template-columns:auto 1fr;gap:11px 18px;font-size:14.5px;margin:0}
.od-fields dt{color:#8a9099;font-weight:600;white-space:nowrap;margin:0}
.od-fields dd{margin:0;color:#16181d;font-weight:500;word-break:break-word}
/* товари */
.od-items{display:flex;flex-direction:column;margin:0}
.od-item{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #eef0f2}
.od-item:first-child{border-top:0;padding-top:2px}
.od-thumb{width:64px;height:64px;border:1px solid #e9ebef;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px;flex:none}
.od-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.od-info{min-width:0}
.od-name{font-size:14.5px;font-weight:600;color:#16181d;text-decoration:none;line-height:1.35;display:block}
.od-name:hover{color:#4ba017}
.od-meta{font-size:13px;color:#8a9099;margin-top:5px}
.od-meta .od-x{color:#c2c7cf;margin:0 5px}
.od-sum{font-size:15px;font-weight:800;color:#16181d;white-space:nowrap;text-align:right}
.od-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px;padding-top:16px;border-top:2px solid #e9ebef}
.od-total-label{font-size:14px;font-weight:700;color:#4f5560}
.od-total-val{font-size:24px;font-weight:900;color:#4ba017;white-space:nowrap}
/* дії */
.od-actions{display:flex;gap:12px;flex-wrap:wrap}
.od-btn{flex:1;min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;border-radius:13px;font-size:15px;font-weight:700;text-decoration:none;transition:.15s;cursor:pointer}
.od-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.od-btn-primary{background:#5cb52b;color:#fff!important;box-shadow:0 8px 20px rgba(92,181,43,.24)}
.od-btn-primary:hover{background:#4ba017;color:#fff!important;box-shadow:0 10px 24px rgba(75,160,23,.3)}
.od-btn-ghost{background:#fff;color:#16181d!important;border:1.5px solid #e9ebef}
.od-btn-ghost:hover{border-color:#cfd4da;background:#fafbfc}
/* соцмережі */
.od-social{text-align:center;padding:8px 0 2px}
.od-social-label{display:block;font-size:13px;color:#8a9099;font-weight:600;margin-bottom:13px}
.od-social-row{display:inline-flex;gap:12px}
.od-soc{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;background:#fff;border:1px solid #e9ebef;color:#5cb52b;text-decoration:none;transition:.15s}
.od-soc:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(20,24,32,.1);color:#fff!important}
.od-soc svg{width:20px;height:20px;display:block}
.od-soc-ig:hover{background:#e1306c;color:#fff;border-color:#e1306c}
.od-soc-tg:hover{background:#229ED9;color:#fff;border-color:#229ED9}
.od-soc-yt:hover{background:#FF0000;color:#fff;border-color:#FF0000}
@media(max-width:560px){
.order-done{gap:13px}
.od-card{padding:22px 18px;border-radius:16px}
.order-done h1{font-size:21px}
.od-sub{font-size:14px}
.od-num{font-size:36px}
.od-steps{margin-top:24px}
.od-step small{font-size:11px}
.od-item{grid-template-columns:56px 1fr;grid-template-areas:"img info" "img price";column-gap:13px;row-gap:6px;align-items:start}
.od-thumb{width:56px;height:56px;grid-area:img}
.od-info{grid-area:info}
.od-sum{grid-area:price;text-align:left}
.od-total-val{font-size:21px}
.od-btn{min-width:100%}
}
@media(prefers-reduced-motion:reduce){.od-check{animation:none}}
/* Ядровий ajax-лоадер (ajax_loader.gif) при операціях з кошиком — приховати */
img[src*="ajax_loader"],[style*="ajax_loader"]{display:none !important}
/* Банер про затримки доставки */
.delay-notice{display:flex;align-items:flex-start;gap:12px;background:#fff3e0;border:1px solid #f3c98a;border-left:4px solid #f5871f;border-radius:12px;padding:13px 17px;margin:0 0 16px;font-size:14px;font-weight:500;line-height:1.5;color:#7a4310}
.delay-notice svg{width:22px;height:22px;flex:none;stroke:#f5871f;margin-top:1px}
.delay-notice b{font-weight:700}
/* ===================== ENKO MEGA-MENU ===================== */
/* іконки та шеврони пунктів першого рівня */
.catalog-page .left_menu>li>a{display:flex!important;align-items:center;gap:11px}
.lm-ic{width:21px;height:21px;flex:none;fill:none;stroke:#8a9099;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .13s,transform .18s}
.lm-chev{width:15px;height:15px;margin-left:auto;flex:none;fill:none;stroke:#b6bcc4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s,stroke .13s}
.catalog-page .left_menu>li:hover>a .lm-ic,.catalog-page .left_menu>li.has-active>a .lm-ic{stroke:var(--green-dark);transform:translateX(1px) scale(1.06)}
.catalog-page .left_menu>li:hover>a .lm-chev,.catalog-page .left_menu>li.has-active>a .lm-chev{stroke:var(--green-dark);transform:translateX(2px)}
.lm-all{display:none}
/* старий css-шеврон ховаємо на першому рівні — там тепер svg */
.catalog-page .left_menu>li.lm-top>a::after{display:none!important}
@media (min-width:1041px){
/* флайаут має виходити за межі колонки меню */
.catalog-page .left_menu::before{border-radius:13px 13px 0 0}
.catalog-page .left_menu>li:last-child>a{border-radius:0 0 13px 13px}
/* колонку меню піднімаємо над контентом лише при наведенні; сайдбар лишається sticky */
.catalog-page .tleft2:hover{z-index:50}
.catalog-page .left_menu:hover{z-index:51}
/* якір панелі — сам пункт меню; при ховері піднімаємо його над сусідами */
.catalog-page .left_menu>li.lm-top{position:relative}
.catalog-page .left_menu>li.lm-top:hover{z-index:55}
/* панель: ul другого рівня стає флайаутом (для неактивних розділів) */
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2{
position:fixed;left:-9999px;top:8px;
width:min(700px,calc(100vw - 460px));max-height:calc(100vh - 104px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
background:#fff;border:1px solid var(--line);border-radius:14px;
box-shadow:0 18px 48px rgba(20,24,32,.16);padding:20px 26px 22px;z-index:56;box-sizing:border-box;
opacity:0;visibility:hidden;
display:block!important}
/* внутрішня обгортка з колонками: щільне пакування група-під-групою, без діряв */
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 .lm-wrap{column-width:205px;column-gap:26px}
.catalog-page .left_menu>li.lm-top:not(.has-active):hover>ul.left_menu_2{opacity:1;visibility:visible}
/* верхній лінк панелі */
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2>li.lm-all{display:block;border:0!important;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--line)!important}
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2>li.lm-all>a{display:block!important;font-weight:700;font-size:14.5px;color:var(--green-dark)!important;background:none!important;padding:0!important;box-shadow:none!important;border:0!important}
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2>li.lm-all>a:hover{text-decoration:underline}
/* групи другого рівня = заголовки колонок */
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 .lm-wrap>li{break-inside:avoid;margin:0 0 16px;padding:0;border:0;display:block}
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 .lm-wrap>li>a{display:block!important;font-weight:600;font-size:13.6px;line-height:1.35!important;color:var(--ink)!important;background:none!important;padding:0 0 6px!important;box-shadow:none!important;border:0!important}
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 .lm-wrap>li>a:hover{color:var(--green-dark)!important}
/* третій рівень: список посилань (перебиваємо inline display:none) */
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 ul.left_menu_3{display:block!important;position:static;margin:0;padding:0}
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 ul.left_menu_3>li{margin:0;padding:0;border:0}
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 ul.left_menu_3>li>a{display:block!important;font-size:12.9px;line-height:1.35!important;color:#6b7178!important;padding:3px 0!important;background:none!important;box-shadow:none!important;border:0!important;transition:color .12s,transform .12s}
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 ul.left_menu_3>li>a:hover{color:var(--green-dark)!important;transform:translateX(3px)}
/* старі css-стрілки на пунктах усередині панелі — ховаємо */
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 a::after{display:none!important}
/* четвертий рівень у панелі не показуємо */
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 ul.left_menu_4{display:none!important}
}
@media (prefers-reduced-motion:reduce){
.lm-ic,.lm-chev,.catalog-page .left_menu>li.lm-top>ul.left_menu_2,
.catalog-page .left_menu>li.lm-top:not(.has-active)>ul.left_menu_2 ul.left_menu_3>li>a{transition:none!important}
}
/* =================== /ENKO MEGA-MENU ==================== */
/* ===== Плитки підрозділів: повна ієрархія до дна ===== */
.subcats{columns:280px;column-gap:14px;margin:6px 0 24px}
.subcat-card{break-inside:avoid;display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 14px;box-shadow:0 1px 3px rgba(20,24,32,.04);transition:border-color .14s,box-shadow .14s}
.subcat-card:hover{border-color:var(--green);box-shadow:0 8px 22px rgba(20,24,32,.09)}
.subcat-name{position:relative;display:block;font-weight:600;font-size:14.5px;line-height:1.3;color:var(--ink);text-decoration:none;padding-right:24px}
.subcat-name:hover{color:var(--green-dark)}
.subcat-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:#c0c6cd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .14s,transform .14s}
.subcat-name:hover .subcat-arrow{stroke:var(--green-dark);transform:translateY(-50%) translateX(3px)}
.subcat-tree{list-style:none;margin:9px 0 0;padding:0}
.subcat-tree li{margin:0;padding:0}
.subcat-tree a{display:block;font-size:12.8px;line-height:1.4;color:#6b7178;text-decoration:none;padding:3px 0;transition:color .12s,transform .12s}
.subcat-tree a:hover{color:var(--green-dark);transform:translateX(3px)}
.subcat-tree ul{list-style:none;margin:1px 0 3px 9px;padding:0 0 0 10px;border-left:2px solid #eef0f3}
.subcat-tree ul a{font-size:12.3px;color:#8a9099}
@media (max-width:560px){.subcats{columns:2;column-gap:10px}.subcat-card{padding:11px 12px;margin-bottom:10px}.subcat-name{font-size:13.5px}.subcat-tree a{font-size:12px}}
/* ==== /плитки підрозділів ==== */
/* ===== Зона схожих товарів на картці (v2) ===== */
.rel-zone{margin:22px 0 10px}
.rel-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px 14px;margin:0 0 16px;box-shadow:0 1px 3px rgba(20,24,32,.04)}
.rel-block{position:relative}
.rel-title{margin:0 0 13px;font-size:16.5px;font-weight:700;color:var(--ink)}
.rel-arrow{position:absolute;top:55%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(20,24,32,.16);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;z-index:5;transition:.14s;opacity:.95}
.rel-arrow-prev{left:-8px}
.rel-arrow-next{right:-8px}
.rel-arrow svg{width:19px;height:19px;fill:none;stroke:#3a3f46;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rel-arrow:hover{background:var(--green);border-color:var(--green)}
.rel-arrow:hover svg{stroke:#fff}
.rel-arrow.off{opacity:0;pointer-events:none}
.rel-row{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}
.rel-row::-webkit-scrollbar{display:none}
.rel-card{flex:0 0 178px;scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;transition:border-color .14s,box-shadow .14s,transform .14s}
.rel-card:hover{border-color:var(--green);box-shadow:0 8px 20px rgba(20,24,32,.09);transform:translateY(-2px)}
.rel-link{display:flex;flex-direction:column;gap:7px;text-decoration:none;flex:1}
.rel-img{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background:#fafbfc}
.rel-img img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none}
.rel-name{font-size:13px;font-weight:500;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
.rel-name h2{display:inline;margin:0;padding:0;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
.rel-name h2 span[data-lang]{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;color:inherit!important}
.rel-card:hover .rel-name{color:var(--green-dark)}
.rel-price{font-size:15px;font-weight:800;color:var(--ink)}
/* рідна цінова колонка з каталогу всередині картки */
.rel-name,.rel-name span{color:var(--ink)!important;text-decoration:none!important}
.rel-card:hover .rel-name,.rel-card:hover .rel-name span{color:var(--green-dark)!important}
.rel-pricecol{margin-top:8px;position:relative;display:block;padding-right:46px;min-height:44px}
.rel-img .badges{position:absolute;left:6px;top:6px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;z-index:2;pointer-events:none}
.rel-img .badges .badge,.rel-img .badges span{font-size:10px;line-height:1;padding:4px 6px;border-radius:6px}
.rel-pricecol .price-now{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.rel-pricecol .price-now s,.rel-pricecol .price-now .iprice_c{font-size:16px;font-weight:800;color:var(--ink)}
.rel-pricecol .price-now + .price-now .iprice_c{font-size:16px}
.rel-pricecol .price-now:first-of-type:not(:last-of-type) .iprice_c{font-size:12px;font-weight:600;color:#9aa0a8;text-decoration:line-through}
.rel-pricecol .price-now:first-of-type:not(:last-of-type) .imoney{font-size:10px;color:#9aa0a8;text-decoration:line-through}
.rel-pricecol .imoney{font-size:12px;color:#6b7178}
.rel-pricecol .price-disc-badge{display:none} /* відсоток уже на фото — біля ціни це дубль */
.rel-pricecol .cart-disc-badge{display:inline-block;font-size:9.5px;line-height:1.2;margin-top:2px}
.rel-pricecol .cat-buy-icon{position:absolute!important;right:0;bottom:0;width:38px;height:38px;display:inline-flex!important;align-items:center;justify-content:center;background:var(--green)!important;border-radius:10px;color:#fff!important;transition:.14s}
.rel-pricecol .cat-buy-icon:hover{background:var(--green-dark)!important;box-shadow:0 6px 14px rgba(92,181,43,.3)}
.rel-pricecol .cat-buy-icon svg{width:19px;height:19px;stroke:#fff}
.rel-pricecol .cat-buy-icon.ask{background:#e9ebef!important}
.rel-pricecol .cat-buy-icon.ask svg{stroke:#8a9099}
@media (max-width:560px){
.rel-block{padding:13px 13px 9px;border-radius:13px}
.rel-title{font-size:14.5px}
.rel-card{flex-basis:150px}
.rel-arrow{display:none}
}
/* ==== /зона схожих товарів ==== */