/* Fonts */
@import url(fonts/Quattrocento_Sans/stylesheet.css);

/* ============================================================
   БАЗОВЫЕ СБРОСЫ И ТИПОГРАФИКА
   ============================================================ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding:0px; margin:0px;
}
html { height:auto }
body { text-align:center }
table { border:0px; width:100%; border-collapse:collapse; }
a, object { outline:none; }
td { vertical-align:top; }
th { text-align:left; vertical-align:top }
img { border:none; max-width: 100%; height: auto; }
h1 { font-size:130% }
h2 { font-size:120% }
h3 { font-size:110% }
h4 { font-size:110% }
p { padding:0px 0px 10px 0px; }
textarea .inputbox { width:300px; height:100px; margin:0px 0px 5px 0px; }
select { height:auto; margin:0px 0px 2px 0px; vertical-align:middle }
ul { list-style:disc; margin:0px 0px 0px 15px; }
ol { margin:0px 0px 0px 15px; }
.width { width:100% }
.main { margin:auto; text-align:left }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block; overflow:hidden}

body, input, label { color:#282828; font:normal 12px/17px Arial, Helvetica, sans-serif; }
input, select { color:#939393; margin-top:0px; font-size:12px; line-height:normal; padding:4px 5px 4px 5px; }
textarea { max-width:550px; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none }
fieldset { padding:0; margin:0; }
fieldset td { padding:2px 0 2px 0; }
h3 { line-height:1.2em; color:#333; }
h2 { line-height:1.2em; color:#333; }
h6 { font:bold 12px Arial, Helvetica, sans-serif; }

h1.h1 {
	letter-spacing: 0;
	background: none;
	font-weight: normal;
	font-size: 18px;
	font-family: 'Quattrocento Sans', sans-serif !important;
	color: black;
	margin: 12px 0px 0px 0px;
	padding: 0px 0 10px 0;
	text-transform: uppercase;
	position: relative;
	z-index: 99;
	border-bottom: none;
}

/* ============================================================
   КОНТЕНТ: ARTICLE, CONTENTPANE, HEADINGS
   ============================================================ */
.article-decor { padding:0px 0px 12px 0px; }
.article_separator { display:block; line-height:1px; padding:0; margin:0; height:1px; font-size:1px; }
.column_separator { padding:0px 0px 0px 12px !important; }
.article_column { padding:0px; }
.contentpane { padding:0px 0px 10px 0px; }
.contentpane img { display:block; float:right; }
.contentpaneopen h3 { overflow:hidden; }
.contentpaneopen h3 img { margin:0px 3px 0px 0px !important; float:left; }
.contentpaneopen ul, .article-indent ul { list-style:none; margin:0px 0px 0px 15px; }
.contentpaneopen ul li, .article-indent ul li { padding:0px 0px 6px 10px; background:url(../images/listMarker.gif) no-repeat 0 8px; }
.contentdescription img { margin:0px 20px 0px 0px; }
.contentpaneopen img { margin:0px 15px 0px 0px; }

table.pollstableborder { background:#fff; }
#poll .contentpane { border:none; margin:5px; padding:5px 10px; }
.contentpaneopen { padding:0; margin:0px; border-collapse:collapse; }
.contentheading {
	letter-spacing:0; background:none;
	font:normal 18px/1.2em Arial, Helvetica, sans-serif;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#000; margin:0; padding:0px 0 10px 0;
	text-transform:uppercase; position:relative; z-index:99; border-bottom:none;
}
.componentheading {
	letter-spacing:0; background:none;
	font:normal 18px/1.2em Arial, Helvetica, sans-serif;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#000; margin:0 0 20px; padding:0px 0 10px 0;
	text-transform:uppercase; position:relative; z-index:99; border-bottom:none;
}
.contentpane .componentheading { background:none; }
.contentpaneopen p { padding:0px 0px 10px 0px; }
td.buttonheading { padding:10px 10px 0px 0px !important; background:url(../images/title-bg1.gif) left top repeat-x; }
.buttonheading img { padding:0; margin:0; }
span.contentheading { font-weight:normal; display:block; padding:15px 0; margin:0px 0px 15px 0px; }

/* ============================================================
   ABOUT, DELIVERY, FAQS, ACCORDION
   ============================================================ */
.about { padding:14px 28px 0 0; border-top:none; margin-top:-1px; }
.about h2 { font:bold 12px/21px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0; margin:0; }
.about p { margin:0; padding:19px 0 0 0; color:#9a9999; font:normal 12px/18px Arial, Helvetica, sans-serif; }
.about p.p1-top { padding-top:23px; }
.about ul { list-style-type:none; margin:0 0 -12px 0; padding:20px 0 0 0; }
.about ul li { color:#9a9999; font:normal 12px/18px Arial, Helvetica, sans-serif; background:url(../images/listMarker.gif) no-repeat 0 6px; padding:0 0 0 20px; margin-bottom:13px; }
.about ul li strong { color:#333; font-weight:bold; }

.delivery { padding:14px 28px 0 0; border-top:none; margin-top:-1px; }
.delivery h2 { font:bold 12px/21px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; padding:0; margin:0; }
.delivery p { margin:0; padding:19px 0 0 0; color:#9a9999; font:normal 12px/18px Arial, Helvetica, sans-serif; }
.delivery ul { list-style-type:none; margin:0 0 0px 0; padding:19px 0 8px 0; }
.delivery ul li { color:#9a9999; font:normal 12px/18px Arial, Helvetica, sans-serif; background:url(../images/listMarker.gif) no-repeat 0 6px; padding:0 0 0 20px; margin-bottom:13px; }
.delivery ul li strong { color:#333; }

.FAQS { padding:14px 0px 0 0; width:100%; border-top:none; margin-top:-1px; }
.FAQS h2 { font:bold 12px/21px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; padding:0; margin:0 0 14px 0; }

dl#accordion { border:1px solid #e5e5e5; border-bottom:none; list-style-type:none; padding-left:0px; margin: 0; width:696px; overflow:hidden; position:relative; }
dl#accordion dt { margin:0; padding:0px; position:relative; display:block; border-bottom:1px solid #e5e5e5; box-shadow: 0 0 30px #fafafa inset; -moz-box-shadow: 0 0 30px #fafafa inset; -webkit-box-shadow: 0 0 30px #fafafa inset; background:#fff; }
dl#accordion .bg { padding: 0 10px 0 38px; overflow:hidden; margin:0px 0 1px 0; }
dl#accordion dt span { background: url(../images/sub-plus.gif) 10px center no-repeat ; padding:0; color:#7c7c7c!important; font-size: 12px; font-weight: normal; font-family: 'Oswald', sans-serif; text-transform:none; line-height:43px; cursor:pointer; margin:0; display:block; height:1%; }
dl#accordion dt.active span { z-index:1; background: url(../images/sub-minus.gif) 10px center no-repeat ; color:#000 !important; }
dl#accordion dd { background:none; display:none; margin:0; padding:0; overflow:hidden; border-bottom:1px solid #e5e5e5; }
dl#accordion dd .indent { background:#f7f7f7; padding:15px 20px 5px 17px; min-height:55px; margin:0; }
dl#accordion dd .indent p { display:inline-block; margin:0px; color:#9a9999; font:normal 12px/18px Arial, Helvetica, sans-serif; background:url(../images/accordionMarker.gif) left 6px no-repeat; padding-left:20px; }

/* ============================================================
   ITEM INFO / BUTTONS / READMORE
   ============================================================ */
.iteminfo { padding:0px 0px 6px 0px; margin:0px 0px 15px 0px; }
.modifydate { border-top:1px dotted #2b2b2b; font-size:11px; margin:10px 0 0 0; padding:10px 0; text-decoration:none !important; }
.createdby { display:block; text-transform:none; }
.createdate { line-height:11px; font-size:11px; margin:0px 0px 5px 0px; padding:0px 0px 10px 0px; display:block; border-bottom:1px dotted #2b2b2b; }
div.small { display:block; font-size:11px; font-weight:normal; margin:0; padding:0px 0px 7px 0px; white-space:nowrap; line-height:11px; }

#acymodifyform { overflow:hidden; }
#acymodifyform legend { margin-left:10px; border:1px solid #e5e5e5; width:150px; text-align:center; padding:2px 0; }
#acymodifyform .button { width:120px; }
.acymailing_footer { display:none; }
td.width .button { float:none; }
p#com-form-login-remember .inputbox { width:14px!important; height:14px!important; padding:0!important; vertical-align:middle; }
.calendar .button { float:none; display:table-cell; }

.button, .validate, div.blank a {
	background:url(../images/button1.gif) left top no-repeat;
	border:none; float:left; color:#909294;
	font:bold 11px/1.2em Arial, Helvetica, sans-serif;
	padding:0px 0px 1px 0px; margin:0px 11px 0px 0px;
	height:30px; width:90px; text-align:center;
	text-decoration:none; text-transform:uppercase;
	display:block; cursor:pointer; vertical-align:middle;
}
a.button { height:21px; padding-top:3px; }
.button:hover, .validate:hover, .modal-button:hover, .readmore a:hover, div.blank a:hover { background:#333; color:#FFF; }
.ask_seller.nobutton { float:right; height:20px; padding-left:20px; margin-top:24px; margin-right:-11px; background:url(../images/virtuemart/no-button-bg.png) left top no-repeat; }
.nobutton .button, .contentpane .nobutton .button { background:url(../images/virtuemart/nonebutton.gif) right center no-repeat; padding:0 7px 0 0px; color:#ee0000; border:none !important; font-size:12px; line-height:17px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; float:none; width:auto; display:inline-block; text-decoration:underline; text-transform:none; }
.nobutton .button:hover { text-decoration:none; }
.modal-button, .readmore a, div.blank a { float:left; padding:2px 5px 2px 5px; height:auto; }
.modal-button { margin-right:10px; }
#editor-xtd-buttons { padding:5px 0px 5px 10px; overflow:hidden; width:300px; float:left; }
#editor-xtd-buttons .readmore { display:inline; }
.blank { margin:5px 0px 0px 0px; }
div.blank a { width:114px; background:#000; }

div.readmore { overflow:hidden; margin:0; padding:0; }
div a.readon { background:none; border:none; color:#af784c; display:inline-block; font:bold 12px/14px Arial, Helvetica, sans-serif; padding:0; width:auto; text-align:center; }

.blog_more { padding:0px 0px 10px 0px; }
.blog_more h2 { font-size:12px; padding:0; }
.blog_more ul { margin:10px 0px 0px 15px; }
.blog_more ul li { padding:0 !important; }
.blog_more a { text-decoration:underline }
.blog_more a:hover { text-decoration:none; }

/* ============================================================
   PAGENAV / SEARCH / ARCHIVE / POLL
   ============================================================ */
.pagenav { font-size:12px; font-weight:normal }
a.pagenav { font-weight:normal; padding:0px 2px; margin:0px 2px 0px 0px; text-decoration:none }
a.pagenav:hover { text-decoration:underline }
.pagination_nav { font-size:12px; padding:10px 20px 0px 27px; }
.pagination_nav div { padding:5px 0; }
.pagination { margin-top:10px; margin-bottom:10px; }
.pagination li { padding:0; }
.pagination_result { padding:5px 0px 0px 0px; line-height:16px; }
.pagination span { padding:0px 10px 0px 0px; }
.pagination strong span { padding:0px 6px; font-weight:normal; }

.searchArea { border:1px solid #ebebeb; padding:10px; padding-top:20px; background:#fff; margin-top:-1px; }
.searchArea td { vertical-align:middle; }
#limit { width:50px; }
#ordering { width:auto!important; }
.sectiontableentry1 td, .sectiontableentry0 td, .sectiontableentry2 td { padding-bottom:5px; padding-top:5px; }
#search_searchword { font:normal 12px/14px Arial, Helvetica, sans-serif; padding:3px 2px; vertical-align:top; }
.var1 { background:#f1f1f1; padding:5px !important; margin:10px 0px 5px 0px; }
.var2 { background:#f7f7f7; padding:5px !important; margin:10px 0px 5px 0px; }
.results { padding:0px 20px; }
.results ol li { padding:0px 0px 10px 0px; text-align:justify; }
.searchintro { padding:10px 0px 10px 20px; }
.searchintro b, .searchintro strong { color:#7c7c7c; }
.sectiontableheader { padding:10px 0px 10px 4px; background:none; color:#6f6e6e; font-weight:bold; border:none; }
span.sectiontableheader { padding:2px 0px 2px 4px; }
.sectiontableheader a { color:#000; }
.sectiontableheader strong { color:#666; }

.archiveBlock .button { display:inline-block; margin:0px 0px 0px 5px; }
ul#archive-list h4 a { font-size:12px; text-transform:none; }

dl.poll { padding:0; }
#poll h3 { font-size:120%; padding:0px 0px 10px 0px; }
dl.poll dt { font-weight:bold; padding:7px 0px 0px 0px; }
.poll .question { font:normal 13px/17px Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; padding:0px 10px 0px 0px; }
.poll-body label { font:normal 11px/18px Arial, Helvetica, sans-serif; color:#787878; }
.poll .buttons { padding:8px 0px 6px 0px; overflow:hidden; }
.poll .button { border:none; font:bold 11px/1.2em Arial, Helvetica, sans-serif; padding:0px 0px 1px 0px; margin:0 6px 0 1px; height:30px; width:90px; display:inline-block; vertical-align:top; text-transform:uppercase; }
.poll .section, .poll .section2 { overflow:hidden; padding:6px 0 0 0; width:100%; color:#000; }
.poll .radio { float:left; width:20px; }
.poll .radio input { display:block; width:16px; height:16px; padding:0; margin:0; vertical-align:middle; }
.poll .var { margin:0px 0px 0px 20px; text-align:left; }
.display { padding:0px 0px 10px 0px; }
.display select { border:1px solid #46462f; width:100px; }
.td_1, .td_2 { width:5%; text-align:center; }
.td_3 { width:90%; padding:0px 0px 0px 10px; }
#itema, #itemb, #itemc { background:#a3a3a3; padding-bottom:5px; padding-top:5px; font-weight:bold; padding-left:4px; color:#fff; }
.pollstableborder .question { padding:5px 0px 0px 85px; }

/* ============================================================
   USER FORMS / SEARCH RESULT / ERROR MESSAGES
   ============================================================ */
dl.contentpane dt { padding:10px 0px 20px 0px; }
dl.contentpane dd { width:100%; overflow:hidden; }
dl.contentpane div { vertical-align:middle; }
dl.contentpane .description { width:110px; padding:0; vertical-align:middle; }
dl.contentpane .input-field { width:160px; padding:0; vertical-align:middle; }
dl.contentpane .button-field { width:140px; padding:0; vertical-align:middle; }
#search h3 { font:normal 11px/14px Arial, Helvetica, sans-serif; text-transform:none; color:#515651; letter-spacing:0px; padding-right:6px; float:left; padding-top:2px; }
.search_result { padding:0px 20px 0px 0px; }
.search_result h3 { color:#808080; font-size:14px; }
.highlight { color:#7c7c7c; font-weight:bold; }
.adminform td { padding:0px 0px 2px 0px; }
.error { margin:0px 0px 10px 0px; }
#system-message dt.error, dt.message { display: none; }
.error dd ul { background:#573628; border-top:3px solid #670606; border-bottom:3px solid #670606; color:#fff; margin:0; padding:5px 0px 5px 5px; }
.error dd ul li { background:none !important; color:#fff !important; margin:0px 0px 0px 20px !important; }

/* ============================================================
   MODULES (module, module_text, module_menu)
   ============================================================ */
.module, .module_text, .module_menu { margin:0; margin-bottom:20px; padding:0; width:100%; background:none; border:none; border-bottom:1px solid #dedede; }
.module .boxIndent, .module_text .boxIndent, .module_menu .boxIndent { background:none; padding:10px 5px 15px 0px; position:relative; }
.container .module .boxIndent { padding:0; background:none; }
.module h3, .module_text h3, .module_menu h3, #vmMainPage h3, .title {
	letter-spacing:0; background:none;
	font:normal 18px/1.2em Arial, Helvetica, sans-serif;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#000; margin:0; padding:0px 0 10px 0;
	text-transform:uppercase; position:relative; z-index:99; border-bottom:none;
}
.related h3 { margin:0 0 0!important; padding:0 0 0!important; border:none!important; }
h5.title { background:none; font:bold 12px/21px Arial, Helvetica, sans-serif; letter-spacing:0px; text-transform:uppercase; color:#080808; border:none; padding:0; margin:0; }
.categoryName img { vertical-align:middle; display:none; }
th.title { background:none; color:#808080; }
.extra-divider td { border:none; padding:13px 0; }
.module ul { list-style:none; margin:0; }
.module ul li { font:normal 12px/19px Arial, Helvetica, sans-serif; margin:0; padding:0; vertical-align:top; }
.module li a { background:none; padding:0; margin:0; }
.module li a:hover { color:#000; text-decoration:underline; }
.module a { color:#939698; text-decoration:underline; }
.module a:hover { text-decoration:none !important; }
.count { text-decoration:underline; }

.module_menu ul { list-style:none; margin:0; }
.module_menu li { background:none; font:normal 12px/17px Arial, Helvetica, sans-serif; margin:0; padding:2px 0 4px 10px; list-style:none; width:100%; vertical-align:top; }
.module_menu li a { background:url(../images/list-marker.gif) no-repeat 0 5px; color:#F00; margin:0; padding:0 0 0 10px; text-decoration:none; }
.module_menu li a:hover, .module_menu li.active a:hover, .module_menu li.active li a:hover { text-decoration:underline; }
.module_menu li.active ul { margin:1px 0px -1px 10px; }

/* ============================================================
   USER MENU / LOGIN FORM
   ============================================================ */
#userMenu { padding:1px 22px 0 0; text-align:right; }
#userMenu ul { margin:0; }
#userMenu ul li { display:inline; padding:0 0 0 19px; margin:0; font:normal 12px/14px Arial, Helvetica, sans-serif; }
#userMenu ul li a { text-decoration:none; color:#9c9c9a; }
#userMenu ul li a:hover { text-decoration:underline; color:#fff; }

.moduletable_LoginForm { margin:0; padding:0; background:none; overflow:hidden; text-align:left; width:173px; height:27px; position:absolute; left:63px; top:45px; z-index:99; }
.moduletable_LoginForm p { color:#979796; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:none; line-height:14px; padding-top:0px; }
.moduletable_LoginForm a.login, .moduletable_LoginForm a.create { display:inline-block; width:auto; height:14px; background:none; color:#4a4a4a; text-decoration:none; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:14px; text-transform:none; }
.moduletable_LoginForm a.login:hover, .moduletable_LoginForm a.create:hover { text-decoration: none; color:#979796; }
#com-form-login .input { border:none; padding:0!important; }
#sbox-content .componentheading { margin:0; margin-left:20px; margin-top:10px; border:none; }
#com-form-login .button { float:none; margin:10px 0; }
#com-form-login { border:1px solid #dedede; border-left:none; border-right:none; padding:20px; margin:0 10px; }
#com-form-login-remember { padding:4px 0 0 0; margin:0; display:inline-block; overflow:hidden; }
#com-form-login-remember label { color:#8d8b87; font:normal 12px/18px Arial, Helvetica, sans-serif; text-transform:none; display:inline-block; text-decoration:none; cursor:pointer; margin-left:0px; }
#com-form-login-remember label:hover { text-decoration:underline; }
#com-form-login-remember input.inputbox { border:none; display:inline-block; margin:0px 3px 0px 0px; vertical-align:middle; width:14px; height:14px; padding:0; }
.moduletable_LoginForm h3 { background:none; font:normal 16px/18px Arial, Helvetica, sans-serif; font-family: 'Quattrocento Sans', sans-serif; height:18px; color:#333; text-align:left; display:block; text-transform:none; text-decoration:none; letter-spacing:0px; padding:15px 0px 1px 0; margin:0; float:none; }
.moduletable_LoginForm .boxIndent { padding:0; border:none; background:none; overflow:hidden; }
#form-login { overflow:hidden; padding-top:0px; padding-bottom:2px; }
#form-login div { display:inline-block; float:left; font-size:11px; line-height:14px; height:14px; font-family: Arial, Helvetica, sans-serif; padding:0; color:#4a4a4a; text-transform:none; margin-right:10px; }
#form-login .button { background:none!important; border:none!important; text-transform:none; font-family:Arial, Helvetica, sans-serif; margin:-2px 0 0 0px; padding:0!important; display:inline-block; height:16px; width:auto!important; position:relative; float:left; color:#4a4a4a; text-decoration:none; font-weight:normal; font-size:11px; line-height:18px!important; text-align:left; vertical-align:middle; border-bottom:none!important; outline:none; }
#form-login .button:hover { background:none!important; color:#979796; }

/* ============================================================
   STRUCTURE (body, main, main2, header, content, footer)
   ============================================================ */
.block { height:196px; }
.extra { margin: 0 auto -196px; position:relative; z-index:0; height:100%; }
html { min-height:100%; }
#body { background:url('images/body-bg.gif') center top repeat fixed; text-align:left; height:auto; padding-bottom:36px; min-width:1000px; }
div.first_top { padding-top:28px; }
#all { width:100%; height:100%!important; background:none; }
#back-top { position: fixed; bottom:50px; z-index:1; display:none; }
#back-top a { display:block; width:51px; height:52px; background:url(../images/back.gif) left top no-repeat; }
.main { width:940px; position:relative; z-index:1; background:url('images/main-bg.png') left top repeat-x; height:100%; border-bottom:1px solid #edecec; padding:0 30px; box-shadow: 0 0 2px #e4e3e1; }
.main2 { width:940px; padding:0 30px; position:relative; z-index:2; background:url('images/main2.png') left top repeat #fff; height:100%; text-align:left; margin:0 auto; box-shadow: 0 0 2px #e4e3e1; }

@media only screen and (max-width: 999px) {
	#body { min-width: 320px; }
	div.first_top { overflow: hidden; }
	.main, .main2 { width: auto; padding: 0 20px; }
	.main { background-position: 0 100%; }
}
@media only screen and (max-width: 767px) {
	#body { padding-bottom: 0; background-image: none; }
	div.first_top { padding-top: 0; }
	.main { z-index:3; padding-top: 10px; padding-bottom: 10px; background-color: #fff; }
}

/* --- HEADER --- */
#header { background:none; height: 141px; position:relative; z-index:15; margin:0; padding:0; }
#header > .phone { position: absolute; top: 24px; left: 451px; font-size: 210%; color: #7c7c7c; font-family: 'Calibri Light', Calibri, Arial, sans-serif; }
#header > .phone a { text-decoration: none; color: inherit; }
#header > .phone > span { font-weight: bold; color: #333; font-family: Calibri, Arial, sans-serif; }
#search { position:absolute; top:64px; right:244px; background:none; width:243px; height:25px; padding:0; margin:0; z-index:1; }
.currency { background:none; width:211px; height:22px; margin:0; padding:0px; position:absolute; right:244px; top:65px; z-index:100; }
#logo { position:absolute; left:0px; top:8px; font-size:0px; width:300px; height:102px; padding:0; margin:0; z-index:5; }
.w_time { position:absolute; left:210px; top:24px; padding:0; margin:0; z-index:5; }
.row { background:url('images/row-bg.png') left top no-repeat; width:226px; height:73px; position:absolute; right:0; top: 20px; }

.module_banners { overflow:hidden; width:100%; padding-bottom:4px; }
.module_banners .clr, .module_banners1 .clr { display:none; }
.banneritem_banners { margin-bottom:20px; }
.module_banners1 { width:100%; overflow:hidden; padding-top:1px; padding-bottom:11px; }
.banneritem_banners1 { float:left; margin-left:20px; }
.banneritem_banners1:first-child { margin-left:0; }
.module_slider { padding-top:7px; }

@media only screen and (max-width: 999px) {
	#header { height: auto; min-height: 141px; }
	.w_time { left: 200px; }
	#header > .phone { top: 28px; left: auto; right: 19%; width: 32%; }
	#search { top: 58px; right: 22%; width: 29%; }
	.row { width: 20%; border-right: 1px solid #e0dfdf; }
}
@media only screen and (max-width: 767px) {
	#logo { z-index:1; }
	#header > .phone { z-index:1; top: 22px; left: 200px; right: auto; width: auto; }
	.w_time { z-index:1; top: 60px; font-size: 14px; line-height: 1.25; }
	#search { z-index:1; top: auto; bottom: 25px; right: 0; width: 35%; }
	.row { z-index:1; top: 55px; border-right: none; width: auto; height: auto; background: none; }
}
@media only screen and (max-width: 639px) {
	#header { height: auto; min-height: 1px; padding-top: 145px; padding-bottom: 30px; }
	#logo { width: 172px; height: 126px; left: 0; right: 0; margin: 0 auto; }
	#header > .phone { position: relative; top: 0; left: 0; margin: 0 0 15px; text-align: center; }
	#search { left: 0; bottom: 10px; width: 100%; max-width: 320px; margin: auto; }
	.row { right: auto; left: 0; top: 20px; }
	.w_time { position: relative; left: 0; top: 0; text-align: center; }
}

/* --- CONTENT / SIDEBAR --- */
#content { padding:26px 0 25px 0; margin:0; background:none; border:none; position:relative; z-index:5; }
#left { float:left; width:212px; margin:0 28px 0 0px; padding:0; }
.container { overflow:hidden; position:relative; border-bottom:none; background:none; }
#right { float:right; width:220px; margin:0 0px 0 40px; padding-top:0px; }

@media only screen and (max-width: 999px) { #left { margin-right: 20px; } }
@media only screen and (max-width: 767px) {
	#content .wrapper, #content .container { overflow: hidden !important; }
	#content .content-indent { overflow: hidden !important; padding: 0 !important; margin: 0 auto !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
	#left { display:none !important; float: none !important; width: auto !important; margin: 0 !important; }
	#right { float:none !important; width: auto !important; }
}

/* --- FOOTER --- */
#footer { background:none; border-top:1px solid #dedede; height:99px; margin:0px; position:relative; padding:0; overflow:hidden; }
#footer .space { padding:28px 0px 0px 0px; font:normal 11px/19px Arial, Helvetica, sans-serif; color:#7e7e7e; background:none; border-top:none; min-height:34px; text-transform:none; overflow:hidden; }
#footer a { color:#7e7e7e; text-decoration:underline; }
#footer a:hover { text-decoration:none; }
.footerText div { padding-top:1px; }
#footer .footerText { padding:0; }
#footer .footerText div { display:inline-block; }
#footer .counters { position: absolute; margin-top: -39px; }
#footer .counters > div { float: left; margin-right: 7px; }
#footer .counters > div.mail { padding-top: 14px; }
@media only screen and (max-width: 999px) {
	#footer { height: auto; padding-bottom: 20px; }
	#footer .footerText div { float:none; text-align: center; }
	#footer .counters { position: relative; margin-top: 7px; clear:both; text-align: center; }
	#footer .counters > div { float: none; display: inline-block; vertical-align: bottom; }
	#footer .counters > div.mail { padding-top: 0; }
	#footer .mail p { padding-bottom: 0; }
}
@media only screen and (max-width: 767px) {
	#footer .counters > div { margin: 0; display: block; text-align: center; }
	#footer .counters > div.mail { margin-top: 10px; }
}

/* --- TOOLTIP --- */
.tool-tip { background:#ffc; border:1px solid #b4b58A; color:#000; max-width:200px; text-align:left; z-index:99!important; }
.tool-title { background:#dda; border-bottom:1px solid #b4b58A; padding:5px 10px; font-weight:bold; }
.tool-text { padding:5px 10px; }

/* --- WRAPPER / BOXES --- */
.wrapper { overflow:hidden; width:100%; }
.wrapper2 { width:100%; }
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.contact_email #contact_email_copy { margin:0; float:left; width:15px; }
.module .banners { background:none; }
.module .box, .module_menu .box, .module_text .box { background:#fff; }
.module .box .tail-bottom, .module_menu .box .tail-bottom, .module_text .box .tail-bottom { background:url(../images/box-corner-tail-bottom.gif) bottom repeat-x; }
.module .box .tail-top, .module_menu .box .tail-top, .module_text .box .tail-top { background:url(../images/box-corner-tail-top.gif) top repeat-x; }
.module .box .tail-right, .module_menu .box .tail-right, .module_text .box .tail-right { background:url(../images/box-corner-tail-right.gif) right repeat-y; }
.module .box .tail-left, .module_menu .box .tail-left, .module_text .box .tail-left { background:url(../images/box-corner-tail-left.gif) left repeat-y; }
.module .box .corner-right-bottom, .module_menu .box .corner-right-bottom, .module_text .box .corner-right-bottom { background:url(../images/box-corner-right-bottom.gif) right bottom no-repeat; }
.module .box .corner-left-bottom, .module_menu .box .corner-left-bottom, .module_text .box .corner-left-bottom { background:url(../images/box-corner-left-bottom.gif) left bottom no-repeat; }
.module .box .corner-right-top, .module_menu .box .corner-right-top, .module_text .box .corner-right-top { background:url(../images/box-corner-right-top.gif) right top no-repeat; }
.module .box .corner-left-top, .module_menu .box .corner-left-top, .module_text .box .corner-left-top { background:url(../images/box-corner-left-top.gif) left top no-repeat; width:100%; }

.paramlist_key { width:35% !important; padding-right:5px !important; }
.josForm #email { width: 147px; padding:5px 0 5px 5px; }
.validate { margin-bottom:0px; }
#josForm { padding-bottom:20px; }
.content-indent { padding:0; margin:0px; padding-bottom:0px; background:none; border:none; overflow:hidden; }
.cbButtons { margin-left:25%; }
.productTop { width:30%; }
.list li { color:#7e7c7c; }
.list h4 { padding-bottom:5px; font-family: 'Oswald', sans-serif; font-weight:normal; }
.list h4 a { color:#716d6d; text-transform:uppercase; font-size:16px; line-height:1.2em; }
.results h3 { text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#626161; border:none; padding:10px 0 10px 10px; margin-bottom:5px; font-weight:normal; }
.relative { position:relative; }
.height { font-size:0px; line-height:0px; }
#comment { padding-right:17px; width:auto; height:auto; margin-top:5px; }
.Form-indent { margin:10px 0 0 0; }
#searchForm .button { margin-top:0px; }

.article-text-indent { padding-right:0px; border-top:none; margin-top:0px; }
.article-text-indent h2 { color:#333; font:normal 12px/21px Arial, Helvetica, sans-serif; font-family: 'Oswald', sans-serif; text-transform:none; margin:0; padding:14px 0 0 0; }
.article-text-indent p { padding-top:19px; color:#9a9999; font:normal 12px/18px Arial, Helvetica, sans-serif; padding-right:10px; }

/* --- CONTACT / EMAIL FORM --- */
#component-contact { padding-top:20px; position:relative; }
.contact-width { width:228px !important; background:#fff; border:1px solid #e5e5e5; box-shadow: 0 0 25px #fbfbfb inset; -moz-box-shadow: 0 0 25px #fbfbfb inset; -webkit-box-shadow: 0 0 25px #fbfbfb inset; position:relative; border-collapse:separate !important; font-size:12px; color:#7f7f7f; }
#map_canvas { width:484px !important; height:319px !important; *height:322px !important; position:absolute; right:-20px; top:20px; overflow:hidden; margin-left:0px; }
.department dl { color:#7f7f7f; font:normal 12px/21px Arial, Helvetica, sans-serif; display:inline-block; }
.department dl a { color:#13c6d4; }
.department h3 { color:#333; font:bold 14px/21px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding:0px 0 18px 0; }
.department .col-1 { float:left; width:190px; }
.department .col-pad { padding-right:49px; }
#emailForm { margin:0px 0px 10px 0; padding-top:4px; }
#emailForm label strong { color:#7f7f7f; font:bold 12px/21px Arial, Helvetica, sans-serif; padding-left:1px; display:inline-block; padding-bottom:5px; }
.contact_email input { margin-bottom:5px; }
.inputbox { padding:1px 2px; height:21px; border:1px solid #e5e5e5; width:224px; line-height:20px!important; outline:none; }
#agreed_field.inputbox { padding:0!important; width:13px!important; height:13px!important; border:none!important; }
.sectiontableentry1 .inputbox { width:82px; height:20px; color:#000; }
#emailForm #contact_text { color:#949494; font:normal 13px/15px Arial, Helvetica, sans-serif; height:131px; overflow:auto; margin:0px 0px 10px 0px; padding:2px 4px; max-width:448px; width:448px; *height:135px; }
#emailForm .contact_area { padding-bottom:19px; }
#emailForm .pad-top { padding-top:30px; }
#emailForm .col-3 { float:left; width:457px; }
#emailForm .col-2 { float:left; width:240px; }
.line-height { display:block; line-height:14px; *line-height:1.7em; font-size:12px; float:left; padding-left:8px; }

/* --- FOOTER BLOCK --- */
#footer .footerText .footer_block { line-height: 14px; display: block; width: 940px; }
#footer .footerText .footer_block .footer_copyrights { background: url(images/footer_shadow_line.png) 0px 0px no-repeat; height: 30px; clear: both; padding-top: 7px; display: block; }
.footerText .footer_block .footer_copyrights .company { float: left; color: #9D9FAF; }
.footerText .footer_block .footer_copyrights .site_map { float: right; background: url(images/site_map_icon.png) 0px 1px no-repeat; padding: 0px 0px 0px 23px; color: #9fc5eb; height: 22px; margin: 0px 35px 0px 0px; }
.footerText .footer_block .footer_copyrights .c-hover { background: url(images/site_map_icon.png) 0px -21px no-repeat; }
.footerText .footer_block .footer_copyrights .site_map a { color: #9d9faf; }
.footerText .footer_block .footer_copyrights .c-hover a { text-decoration: none; color: #c2c3cc; }
.footerText .footer_block .footer_copyrights .developers { float: right; color: #9d9faf; background: url(images/ik_icon.png) 0px 1px no-repeat; padding: 0px 0px 0px 18px; }
.footerText .footer_block .footer_copyrights .d-hover { background: url(images/ik_icon.png) 0px -13px no-repeat; }
.footerText .footer_block .footer_copyrights .developers a { color: #9d9faf; }
.footerText .footer_block .footer_copyrights .d-hover a { text-decoration: none; color: #c2c3cc; }
@media only screen and (max-width: 999px) {
	#footer .footerText .footer_block { width: auto; }
	#footer .footerText .footer_block .footer_copyrights { height: auto; padding-top: 0; }
	.footerText .footer_block .footer_copyrights .developers { position: relative; background: none; }
	.developers:before { content:""; position: absolute; top: 1px; left: 0; width: 13px; height: 13px; background: url(images/ik_icon.png) 0 0 no-repeat; }
	.developers.d-hover:before { background-position: 0 -13px; }
	.footerText .footer_block .footer_copyrights .site_map { height: auto; min-height: 22px; margin: 10px 10px 0; }
}

/* --- ADD TO BASKET ALERT --- */
#addToBasketAllert { display: none; width: 400px; height: 165px; left: 50%; margin-left: -200px; background-color: rgb(255, 255, 255); position: fixed; z-index: 800; top: 210px; border: 2px solid #ccc; padding: 0 5px; text-align: center; border-radius:5px; -moz-border-radius:5px; box-shadow:0px 0px 20px #777; -moz-box-shadow:0px 0px 20px #777; -webkit-box-shadow:0px 0px 20px #777; }
#addToBasketAllert .addToBasketAllert-button { margin-top: 11px; }
#addToBasketAllert .addToBasketAllert-button a { font-weight: bold; font-style: normal; font-variant: normal; font-size: 11px; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: rgb(144, 146, 148); width: 90px; height: 30px; margin: 0 10px; text-decoration: none; border: 1px solid #e5e5e5; padding: 10px; }
#addToBasketAllert .addToBasketAllert-button a:hover { background: #333; border: 1px solid #333; color: #fff; }
#addToBasketAllert .addToBasketAllert-text { background-color:#FAFAD2; background-position: left 1px; background-repeat:no-repeat; border-color: #aca; border-style:dotted none; border-width:1px 0; font-weight: 900; margin:0 0 25px 0; line-height: 43px; background-image: url(/images/info.png); }
#addToBasketAllert .cbHeader { background: #ccc; padding:5px 0; margin: 5px 0 10px; font-size: 1.4em; font-weight: bold; }
#addToBasketAllert .cbCloseButton { background: url( "/images/close.gif" ) no-repeat; width: 16px; height: 16px; position:absolute; top: 9px; right:5px; cursor: pointer; }
@media only screen and (max-width: 999px) {
	#addToBasketAllert .addToBasketAllert-text { padding: 15px 50px; line-height: 1.25; }
	#addToBasketAllert { top: 110px; top: 25vh; }
}
@media only screen and (max-width: 639px) and (orientation: portrait) {
	#addToBasketAllert { width: 310px; height: auto; margin-left: -155px; box-sizing: border-box; }
	#addToBasketAllert .addToBasketAllert-text { margin-bottom: 15px; }
	#addToBasketAllert .addToBasketAllert-button a { display: block; width: auto; height: auto; margin-bottom: 10px; }
}

/* --- NASHI PREIMUSHCHESTVA --- */
.nashi_preimushestva { width: 100%; padding: 20px 0 40px 0; }
.nashi_preimushestva .np_container { padding-top: 30px; clear: both; }
.np_title { font-size: 17px; }
.nashi_preimushestva .np_left { width: 80px; min-height: 100px; float: left; }
.nashi_preimushestva .np_left img { width: 62px; }
.nashi_preimushestva .np_right { float: left; width: 620px; }
.nashi_preimushestva .npr_top { padding: 8px 0; text-transform: uppercase; color: #e98213; font-weight: bold; font-size: 17px; border-bottom: 1px solid #e98213; }
.nashi_preimushestva .npr_bottom { border-bottom: 1px dotted #e98213; padding: 16px 0; }
@media only screen and (max-width: 999px) { .nashi_preimushestva .np_right { float: none; width: auto; padding-left: 80px; } }

/* --- BLOCK BANNER HEADER --- */
.block-banner-header { width: 1000px; float: left; margin: -20px 0 15px -30px; }
.block-banner-header img { width: 100%; }
@media only screen and (max-width: 999px) { .block-banner-header { float: none; width: auto; margin-left: -20px; margin-right: -20px; } }
@media only screen and (max-width: 767px) { .block-banner-header { margin-left: -20px; margin-right: -20px; margin-top: -26px; } .block-banner-header img { position: relative; left: 50%; width: 840px; max-width: 1000%; margin-left: -390px; } }
@media only screen and (max-width: 639px) { .block-banner-header img { width: 768px; margin-left: -352px; } }

@media only screen and (max-width: 999px) { .block-text-infa { width: auto; } }
@media only screen and (max-width: 639px) { .block-ifo-item { margin-bottom: 25px; } .block-button-infa { text-align: left; } }

/* --- FILTERS --- */
@media only screen and (max-width: 999px) {
	#content .filter { width: auto; height: auto; }
	#content .filter > form { padding: 15px; }
	#content .filter > form .one { width: 30%; }
	#content .filter > form .two, #content .filter > form .three { width: 35%; margin-left: 0; }
	#content .filter > form .filterRow { padding-left: 15px; }
	#content .filter > form .one .filterRow { padding-left: 0; padding-right: 15px; }
	#content .filter > form .filterRow.mylti { display: flex; justify-content: center; padding-right: 15px; }
	#content .filter > form .filterRow select { width: 100%; }
	#content .filter > form .filterRow.mylti .filterTitle { width: 65px; }
	#content .filter > form .filterRow.mylti input { width: 30px; margin-left: 5px; margin-right: 5px; }
	#content .filter > form .filterSubmit input { display: block; margin: 0 auto; }
}
@media only screen and (max-width: 767px) {
	#content .filter { position: relative; margin-bottom: 30px; }
	#content .filter > form .one { width: 45%; background: none; }
	#content .filter > form .two, #content .filter > form .three { width: 55%; background: none; }
	#content .filter > form .filterRow.mylti .filterTitle { width: 75px; }
	#content .filter > form .filterRow.mylti input { width: 14%; }
	#content .filter > form .filterSubmit { position: absolute; left: 25%; bottom: 36px; transform: translateX(-50%); }
	div.catalog-sort-block select { margin-top: 4px; }
	div.catalog-sort-block .sort-order { margin-top: 3px; }
}
@media only screen and (max-width: 639px) {
	#content .filter > form .one, #content .filter > form .two, #content .filter > form .three { float: none; width: auto; padding: 0; margin-bottom: 10px; }
	#content .filter > form .one .filterRow { padding: 0; margin-bottom: 10px; }
	#content .filter > form .filterRow select { margin:0; }
	#content .filter > form .filterRow.mylti { justify-content: space-between; padding:0; }
	#content .filter > form .filterRow.mylti input { flex-grow: 1; }
	#content .filter > form .filterSubmit { position: relative; left: 0; bottom: auto; margin: 0 auto; transform: none; }
}
@media only screen and (max-width: 639px) and (orientation:portrait) {
	div.catalog-sort-block { padding-left: 15px; }
	div.catalog-sort-block .sort-name { display: none; }
	div.catalog-sort-block .sort-select { width: 50%; }
	div.catalog-sort-block select { width: 100%; margin-left: 0; }
}

.bx-touch #fancybox-left span { left: 20px; }
.bx-touch #fancybox-right span { left: auto; right: 20px; }

/* ============================================================
   ГЛАВНАЯ СТРАНИЦА: HERO, КАТЕГОРИИ, ПРЕИМУЩЕСТВА
   ============================================================ */
.hero-block {
	padding: 40px 20px;
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	text-align: center;
	margin-bottom: 20px;
	border-radius: 8px;
}
.hero-title { font-size: 2.5em; margin-bottom: 15px; color: #2c3e50; font-family: 'Quattrocento Sans', sans-serif; text-transform: uppercase; }
.hero-subtitle { font-size: 0.7em; color: #555; text-transform: none; }
.hero-description { font-size: 1.2em; color: #555; max-width: 700px; margin: 0 auto 30px; padding-bottom: 0; }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-bottom: 30px; }
.btn-main { padding: 15px 40px; background: #e74c3c; color: #fff; border-radius: 5px; text-decoration: none; font-size: 1.1em; display: inline-block; transition: 0.3s; border: none; cursor: pointer; }
.btn-main:hover { background: #c0392b; color: #fff; text-decoration: none; }
.btn-second { padding: 15px 40px; background: transparent; color: #2c3e50; border: 2px solid #2c3e50; border-radius: 5px; text-decoration: none; font-size: 1.1em; display: inline-block; transition: 0.3s; cursor: pointer; }
.btn-second:hover { background: #2c3e50; color: #fff; text-decoration: none; }
.hero-benefits { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.benefit-item { background: rgba(255, 255, 255, 0.8); padding: 15px 25px; border-radius: 10px; min-width: 150px; }
.benefit-icon { font-size: 1.5em; display: block; }
.benefit-label { font-size: 0.9em; }

.categories-block, .brands-block, .advantages-block { padding: 40px 20px; }
.brands-block { background: #f8f9fa; margin: 0 -20px; padding-left: 20px; padding-right: 20px; }
.section-title { text-align: center; margin-bottom: 30px; font-size: 2em; color: #2c3e50; font-family: 'Quattrocento Sans', sans-serif; text-transform: uppercase; }

.advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; }
.advantage-item { text-align: center; padding: 25px; border: 1px solid #e0e0e0; border-radius: 10px; transition: 0.3s; background: #fafafa; }
.advantage-item:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transform: translateY(-3px); }
.advantage-icon { font-size: 3em; display: block; margin-bottom: 15px; }
.advantage-title { font-size: 1.1em; margin-bottom: 10px; color: #2c3e50; }
.advantage-text { font-size: 0.95em; color: #666; margin: 0; padding-bottom: 0; }

/* ============================================================
   КАТЕГОРИИ: СОВРЕМЕННЫЕ ПЛИТКИ
   ============================================================ */
.category-grid-modern { margin: 20px 0; }
.category-grid-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; list-style: none; padding: 0; margin: 0; }
.category-grid-item { background: #fff; border: 1px solid #e9ecef; border-radius: 12px; padding: 20px 10px; text-align: center; transition: all 0.2s ease-in-out; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
.category-grid-item:hover { border-color: #d0d7de; box-shadow: 0 6px 12px rgba(0,0,0,0.05); transform: translateY(-3px); }
.category-grid-link { display: block; text-decoration: none; color: #333; }
.category-grid-image { display: block; margin-bottom: 12px; }
.category-grid-image img { max-width: 100%; height: 120px; object-fit: contain; }
.category-grid-name { display: block; font-size: 1.1em; font-weight: 600; color: #1a1a1a; line-height: 1.3; margin-bottom: 4px; }
.category-grid-count { display: block; font-size: 0.85em; color: #6c757d; }

/* Старый шаблон .category-grid (на случай если используется) */
.category-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; gap: 20px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; }
.category-grid .category-item { background: #fff !important; border: 1px solid #e9ecef !important; border-radius: 12px !important; padding: 20px 10px !important; text-align: center !important; transition: all 0.2s ease-in-out !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important; list-style: none !important; margin: 0 !important; width: auto !important; float: none !important; }
.category-grid .category-item:hover { border-color: #d0d7de !important; box-shadow: 0 6px 12px rgba(0,0,0,0.05) !important; transform: translateY(-3px) !important; }
.category-grid .category-item a { display: block !important; text-decoration: none !important; color: #333 !important; }
.category-grid .category-image { display: block !important; margin-bottom: 12px !important; }
.category-grid .category-image img { max-width: 100% !important; height: 120px !important; object-fit: contain !important; }
.category-grid .category-item h3 { display: block !important; font-size: 1.1em !important; font-weight: 600 !important; color: #1a1a1a !important; line-height: 1.3 !important; margin: 0 0 4px 0 !important; padding: 0 !important; }
.category-grid .category-count { display: block !important; font-size: 0.85em !important; color: #6c757d !important; }

/* ============================================================
   АДАПТИВНОСТЬ ДЛЯ ГЛАВНОЙ И КАТЕГОРИЙ
   ============================================================ */
@media only screen and (max-width: 999px) {
	.hero-title { font-size: 2.2em; }
	.btn-main, .btn-second { padding: 12px 30px; font-size: 1em; width: 45%; }
	.advantages-grid { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
	.hero-block { padding: 30px 15px; }
	.hero-title { font-size: 1.8em; }
	.hero-subtitle { font-size: 0.65em; }
	.hero-description { font-size: 1em; }
	.btn-main, .btn-second { padding: 12px 25px; font-size: 0.95em; width: 80%; margin: 5px auto; }
	.hero-benefits { gap: 15px; }
	.benefit-item { padding: 10px 15px; min-width: auto; flex: 1 1 40%; }
	.categories-block, .brands-block, .advantages-block { padding: 30px 15px; }
	.brands-block { margin: 0 -15px; padding-left: 15px; padding-right: 15px; }
	.section-title { font-size: 1.5em; }
	.advantages-grid { grid-template-columns: 1fr 1fr; gap: 15px; }
	.advantage-item { padding: 20px 15px; }
	.advantage-icon { font-size: 2.5em; }
	.advantage-title { font-size: 1em; }
	.advantage-text { font-size: 0.85em; }
}
@media only screen and (max-width: 480px) {
	.hero-title { font-size: 1.5em; }
	.btn-main, .btn-second { width: 100%; padding: 12px 20px; font-size: 0.9em; }
	.hero-benefits .benefit-item { flex: 1 1 100%; padding: 10px; }
	.advantages-grid { grid-template-columns: 1fr; gap: 15px; }
	.advantage-item { padding: 20px; display: flex; align-items: center; text-align: left; gap: 15px; }
	.advantage-icon { font-size: 2em; margin-bottom: 0; flex-shrink: 0; width: 40px; }
	.advantage-title { font-size: 0.95em; margin-bottom: 5px; }
	.advantage-text { font-size: 0.85em; }
}

/* Принудительно 2 колонки на телефонах */
@media only screen and (max-width: 768px) {
	.category-grid-list, .category-grid-modern .category-grid-list, .categories-block .category-grid-list { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; }
	.category-grid-item, .category-grid-modern .category-grid-item, .categories-block .category-grid-item { padding: 15px 8px !important; min-height: auto !important; }
	.category-grid-image img, .category-grid-modern .category-grid-image img, .categories-block .category-grid-image img { height: 80px !important; width: auto !important; max-width: 100% !important; }
	.category-grid-name, .category-grid-modern .category-grid-name, .categories-block .category-grid-name { font-size: 0.9em !important; }
	.category-grid-count, .category-grid-modern .category-grid-count, .categories-block .category-grid-count { font-size: 0.75em !important; }
	.category-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; }
	.category-grid .category-item { padding: 15px 8px !important; }
	.category-grid .category-image img { height: 80px !important; }
	.category-grid .category-item h3 { font-size: 0.95em !important; }
}
@media only screen and (max-width: 480px) {
	.category-grid-list, .category-grid-modern .category-grid-list, .categories-block .category-grid-list { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
	.category-grid-item, .category-grid-modern .category-grid-item, .categories-block .category-grid-item { padding: 10px 5px !important; border-radius: 8px !important; }
	.category-grid-image img, .category-grid-modern .category-grid-image img, .categories-block .category-grid-image img { height: 60px !important; }
	.category-grid-name, .category-grid-modern .category-grid-name, .categories-block .category-grid-name { font-size: 0.8em !important; }
	.category-grid-count, .category-grid-modern .category-grid-count, .categories-block .category-grid-count { font-size: 0.7em !important; }
	.category-grid { gap: 10px !important; }
	.category-grid .category-item { padding: 12px 5px !important; border-radius: 8px !important; }
	.category-grid .category-image img { height: 60px !important; }
	.category-grid .category-item h3 { font-size: 0.85em !important; }
	.category-grid .category-count { font-size: 0.75em !important; }
}

/* ============================================================
   МОБИЛЬНОЕ ВЫЕЗЖАЮЩЕЕ МЕНЮ (ШТОРКА СЛЕВА)
   ============================================================ */
.mobile-burger-button { display: none; position: fixed; top: 15px; right: 15px; width: 44px; height: 44px; background: #e74c3c; border: none; border-radius: 4px; cursor: pointer; z-index: 99999; flex-direction: column; justify-content: center; align-items: center; gap: 5px; padding: 0; }
.mobile-burger-button span { display: block; width: 22px; height: 3px; background: #fff; border-radius: 2px; }

.mobile-burger-container { position: fixed !important; top: 0; left: -100% !important; right: auto !important; width: 100%; max-width: 320px; height: 100%; background: #fff; z-index: 100000; box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1) !important; transition: left 0.3s ease-in-out !important; overflow-y: auto; padding: 60px 0 20px 0; box-sizing: border-box; }
.mobile-burger-container.is-open { left: 0 !important; right: auto !important; }
.burger-menu-close-btn { position: absolute; top: 10px; right: 15px !important; left: auto !important; background: none; border: none; font-size: 38px; color: #333; cursor: pointer; line-height: 1; padding: 5px; }
body.lock-scroll { overflow: hidden !important; }

@media screen and (max-width: 768px) { .mobile-burger-button { display: flex; } }

.burger-menu-content { padding: 10px 0; }
.burger-menu-list { list-style: none; padding: 0; margin: 0; }
.burger-menu-item { border-bottom: 1px solid #eef2f5; background: #fff; }
.burger-menu-link-row { display: flex; justify-content: space-between; align-items: center; }
.burger-menu-link { display: block; padding: 15px 20px; color: #333; text-decoration: none; font-size: 16px; font-weight: 500; flex-grow: 1; }
.burger-menu-link.active { color: #e74c3c; font-weight: 600; }
.burger-menu-arrow { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-left: 1px solid #f5f7f8; }
.burger-menu-arrow::before { content: ''; width: 8px; height: 8px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(45deg); transition: transform 0.2s ease; }
.burger-menu-submenu { display: none; list-style: none; padding: 0; margin: 0; background: #f9fafb; }
.burger-menu-submenu .burger-menu-link { padding: 12px 20px 12px 35px; font-size: 15px; color: #555; }
.burger-menu-item.is-open .burger-menu-submenu { display: block; }
.burger-menu-item.is-open .burger-menu-arrow::before { transform: rotate(-135deg); }
.burger-menu-item--contacts { padding: 25px 20px; text-align: center; background: #fff; border-bottom: none; }
.burger-menu-phone { font-size: 18px; font-weight: 700; color: #2c3e50; text-decoration: none; display: block; margin-bottom: 15px; }
.burger-menu-callback-btn { background: #e74c3c; color: #fff; border: none; padding: 12px; width: 100%; border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; }
.burger-menu-socials { display: flex; justify-content: center; gap: 20px; }
.burger-social-link { font-size: 14px; color: #7f8c8d; text-decoration: none; font-weight: 500; }
.topmenu_trg, #topmenu { display: none !important; }

/* ============================================================
   НОВАЯ МОБИЛЬНАЯ ШАПКА
   ============================================================ */
.mobile-fixed-header { display: none; }

@media screen and (max-width: 768px) {
	#header, .block-banner-header, #left { display: none !important; }
	#all { padding-top: 115px !important; }
	.mobile-fixed-header { display: block !important; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 9999; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); box-sizing: border-box; }
	.mobile-header-top-row { display: flex; justify-content: space-between; align-items: center; height: 56px; padding: 0 15px; border-bottom: 1px solid #f0f0f0; }
	.mobile-burger-button { display: flex !important; position: static !important; background: none !important; width: 34px; height: 34px; gap: 5px; }
	.mobile-burger-button span { background: #333 !important; width: 22px; height: 2px; }
	.mobile-mini-logo a { font-size: 16px; font-weight: 800; color: #e74c3c; text-decoration: none; letter-spacing: 1px; }
	.mobile-basket-btn { display: flex; align-items: center; text-decoration: none; position: relative; width: 34px; height: 34px; justify-content: center; }
	.mobile-basket-icon { font-size: 22px; }
	.mobile-basket-count { position: absolute; top: -2px; right: -4px; background: #e74c3c; color: #fff; font-size: 11px; font-weight: 700; border-radius: 10px; padding: 1px 6px; min-width: 10px; text-align: center; line-height: 12px; }
	.mobile-header-search-row { padding: 8px 15px; background: #fcfcfc; }
	.mobile-search-form form { display: flex; background: #fff; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; height: 36px; }
	.mobile-search-form input { flex-grow: 1; border: none; padding: 0 12px; font-size: 14px; color: #333; outline: none; background: transparent; }
	.mobile-search-form button { background: none; border: none; padding: 0 12px; font-size: 16px; cursor: pointer; color: #666; }
}

.mobile-mini-logo { display: flex !important; justify-content: center !important; align-items: center !important; flex-grow: 1 !important; height: 56px !important; overflow: hidden !important; }
.mobile-mini-logo a { display: block !important; width: 60px !important; height: 38px !important; overflow: hidden !important; position: relative !important; }
.mobile-logo-img { display: block !important; width: 60px !important; height: auto !important; position: absolute !important; top: 0 !important; left: 0 !important; }

/* ============================================================
   МОБИЛЬНАЯ СЕТКА КАТАЛОГА ТОВАРОВ (СТРАНИЦА КАТЕГОРИИ)
   ============================================================ */
@media screen and (max-width: 768px) {
	.catalog-section, .catalog-section-grid-container { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; padding: 4px !important; margin: 0 auto !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; }
	.catalog-section > br { display: none !important; }
	.catalog-section .catalog-section-item, div.catalog-section-item { background: #fff !important; border: 1px solid #e9ecef !important; border-radius: 12px !important; padding: 10px 6px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px 0 !important; min-height: 310px !important; display: flex !important; flex-direction: column !important; float: none !important; }
	.catalog-section-item-block { border: none !important; padding: 0 !important; margin: 0 !important; min-height: auto !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; width: 100% !important; box-sizing: border-box !important; background: transparent !important; }
	.catalog-item-image-part, .catalog-item-info-part, .catalog-item-cart-part, .PriceBlockContainer { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; box-sizing: border-box !important; }
	.catalog-section-item table, .catalog-section-item table tbody, .catalog-section-item table tr, .catalog-section-item table tr td, .catalog-section-item td, .catalog-section-item-block td { display: block !important; width: 100% !important; max-width: 100% !important; border: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; float: none !important; box-shadow: none !important; }
	.catalog-section-item .ProductImageContainer, div.ProductImageContainer { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; height: 130px !important; margin: 0 auto 10px auto !important; padding: 0 !important; border: none !important; background: transparent !important; float: none !important; overflow: hidden !important; }
	.catalog-section-item .ProductImageContainer img, div.ProductImageContainer img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 110px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; transform: none !important; }
	.catalog-section-item .productPropertys, div.productPropertys { padding: 0 !important; width: 100% !important; height: auto !important; min-height: 34px !important; margin: 0 0 8px 0 !important; text-align: center !important; overflow: hidden !important; }
	.catalog-section-item a.productName, div.productPropertys a.productName { font-size: 13px !important; line-height: 1.35 !important; color: #2c3e50 !important; text-transform: none !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; text-align: center !important; }
	.catalog-section-item .ProductDescription, .catalog-section-item .productDetails, div.productDetails { display: none !important; }
	.catalog-item-cart-part { margin-top: auto !important; }
	.catalog-item-cart-part div.PriceContainer, div.PriceContainer { text-align: center !important; margin-bottom: 10px !important; padding: 0 !important; width: 100% !important; }
	.catalog-item-cart-part div.PriceContainer span.productPrice, .catalog-item-cart-part div.PriceContainer span.productPrice-offer, div.PriceContainer span.productPrice, div.PriceContainer span.productPrice-offer { font-size: 15px !important; font-weight: 700 !important; color: #e74c3c !important; font-family: Arial, Helvetica, sans-serif !important; display: block !important; text-align: center !important; }
	.catalog-section-item form { display: block !important; width: 100% !important; }
	.catalog-item-cart-part span.quantity, span.quantity, td.catalog-section-item-cart span.quantity { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; background: #f8f9fa !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; padding: 4px 6px !important; margin: 0 auto 10px auto !important; width: 100% !important; box-sizing: border-box !important; float: none !important; overflow: hidden !important; }
	.catalog-item-cart-part span.quantity .quantity_box, span.quantity .quantity_box { font-size: 10px !important; white-space: nowrap !important; color: #64748b !important; }
	.catalog-item-cart-part span.quantity .inputboxquantity, span.quantity .inputboxquantity, td.catalog-section-item-cart span.quantity .inputboxquantity { width: 24px !important; height: 24px !important; line-height: 24px !important; border: none !important; background: transparent !important; text-align: center !important; font-size: 12px !important; font-weight: 600 !important; color: #334155 !important; padding: 0 !important; margin: 0 2px !important; }
	.quantity_box_button_up::before, .quantity_box_button_up::after, td.catalog-section-item-cart span.quantity .quantity_box_button_up::before, td.catalog-section-item-cart span.quantity .quantity_box_button_up::after { content: "" !important; position: absolute !important; background-color: #334155 !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; }
	.quantity_box_button_up::before, td.catalog-section-item-cart span.quantity .quantity_box_button_up::before { width: 10px !important; height: 2px !important; }
	.quantity_box_button_up::after, td.catalog-section-item-cart span.quantity .quantity_box_button_up::after { width: 2px !important; height: 10px !important; }
	.quantity_box_button_down::before, td.catalog-section-item-cart span.quantity .quantity_box_button_down::before { content: "" !important; position: absolute !important; background-color: #334155 !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 10px !important; height: 2px !important; }
	.catalog-item-cart-part .ispolniteli-block, .ispolniteli-block { display: none !important; }
	.catalog-item-cart-part .addtocart_button, .addtocart_button, td.catalog-section-item-cart .addtocart_button { display: block !important; width: 100% !important; height: 38px !important; line-height: 38px !important; background: #e74c3c !important; color: #fff !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; text-align: center !important; border: none !important; border-radius: 6px !important; margin: 0 !important; box-sizing: border-box !important; float: none !important; }
	.catalog-item-cart-part .addtocart_button:active, .addtocart_button:active { transform: scale(0.98) !important; background: #c0392b !important; }
}

/* ============================================================
   КАРТОЧКА ТОВАРА (НОВАЯ, С ТАБЛИЦЕЙ ХАРАКТЕРИСТИК)
   ============================================================ */
.product-page { max-width: 1200px; margin: 0 auto; padding: 20px; background: #fff; font-family: Arial, sans-serif; color: #1a1a1a; }
.product-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 40px; }

.product-gallery { display: flex; flex-direction: column; gap: 15px; }
.product-gallery-main { background: #f9f9f9; border-radius: 16px; padding: 20px; text-align: center; min-height: 400px; display: flex; align-items: center; justify-content: center; }
.product-gallery-main img { max-width: 100%; max-height: 400px; width: auto; height: auto; object-fit: contain; }
.product-gallery-thumbs { display: flex; gap: 10px; flex-wrap: wrap; }
.product-gallery-thumbs a { display: block; width: 80px; height: 80px; border: 1px solid #e9ecef; border-radius: 8px; padding: 5px; background: #fff; }
.product-gallery-thumbs img { width: 100%; height: 100%; object-fit: contain; }

.product-info { display: flex; flex-direction: column; gap: 20px; }
.product-title { font-size: 1.8em; font-weight: 600; color: #1a1a1a; line-height: 1.3; margin: 0; }

.product-price-block { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px; background: #f8f9fa; border-radius: 12px; }
.product-price { font-size: 2em; font-weight: 700; color: #e74c3c; }
.product-price small { font-size: 0.5em; font-weight: 400; color: #6c757d; }

.product-quantity { display: flex; align-items: center; gap: 10px; }
.qty-label { font-size: 0.9em; color: #6c757d; }
.qty-controls { display: flex; align-items: center; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 4px; }
.qty-btn { width: 32px; height: 32px; border: none; background: #f1f5f9; border-radius: 6px; font-size: 18px; font-weight: 600; color: #334155; cursor: pointer; }
.qty-btn:hover { background: #e2e8f0; }
.qty-input { width: 40px; border: none; background: transparent; text-align: center; font-size: 15px; font-weight: 600; color: #334155; }

.product-offers { display: flex; flex-direction: column; gap: 10px; padding: 15px; background: #f8f9fa; border-radius: 12px; }
.offers-row { display: flex; align-items: center; gap: 10px; }
.offers-row label { font-size: 0.95em; color: #334155; cursor: pointer; }

.product-actions { margin-top: 5px; }
.btn-cart { width: 100%; height: 52px; background: #e74c3c; color: #fff; border: none; border-radius: 10px; font-size: 1.1em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: background 0.2s; }
.btn-cart:hover { background: #c0392b; }
.btn-cart.hidden { display: none; }

.product-description { font-size: 0.95em; line-height: 1.6; color: #495057; }
.product-delivery { font-size: 0.9em; color: #6c757d; padding: 15px; background: #f8f9fa; border-radius: 12px; }

.product-properties { margin-top: 20px; }
.properties-title { font-size: 1.5em; font-weight: 600; color: #1a1a1a; margin-bottom: 20px; }
.properties-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.properties-table tr { border-bottom: 1px solid #f0f0f0; }
.properties-table tr:last-child { border-bottom: none; }
.properties-table td { padding: 15px 20px; font-size: 0.95em; }
.prop-name { width: 40%; color: #6c757d; background: #fafafa; }
.prop-value { color: #1a1a1a; font-weight: 500; }

.related-products { margin-top: 50px; padding-top: 30px; border-top: 1px solid #f0f0f0; }
.related-title { font-size: 1.4em; font-weight: 600; color: #1a1a1a; margin-bottom: 20px; }

@media (max-width: 768px) {
	.product-layout { grid-template-columns: 1fr; gap: 20px; }
	.product-gallery-main { min-height: 250px; }
	.product-title { font-size: 1.4em; }
	.product-price-block { flex-direction: column; align-items: flex-start; gap: 15px; padding: 15px; }
	.product-price { font-size: 1.6em; }
	.product-quantity { width: 100%; justify-content: space-between; }
	.btn-cart { height: 48px; font-size: 1em; }
	.properties-table td { padding: 12px 15px; font-size: 0.9em; }
	.prop-name { width: 50%; }
}