@import"reset.css";
/* Верхний фон */
#wrap_top_bg {
width:100%;
background:url('../images/top_bg.jpg') repeat-x top;
}
/* Нижний фон */
#wrap_bottom_bg {
width:100%;
background:url('../images/bottom_bg.jpg') repeat-x bottom;
}
/* Страница */
#wrap {
width:962px;
margin:0 auto;
}
/* Все ссылки */
a {color: #9c0006;}
a:hover {text-decoration:none;}
/* Ссылка черного цвета, а не по умолчанию */
.black_link {color:#000;}
h1 {
font-size:22px;
font-family:"Trebuchet MS";
font-weight:normal;
margin-bottom:8px;
}
h2 {
font-size:18px;
font-family:"Trebuchet MS";
font-weight:normal;
margin-bottom:8px;
}
p{
font-size:12px;
font-family:Tahoma;
font-weight:normal;
}
.float_left {
float:left;
width:456px;
}
/* Шапка страницы */
#header {
width:962px;
overflow:hidden;
height:120px;
}
/* Логотип */
#logo {
position:relative;
left:10px;
top:15px;
width:240px;
height:90px;
display:block;
float:left;
width:260px;
}
.image {width:240px;height:90px;display: block;background: url('../images/logo.png') no-repeat;position:absolute;}
.link {font-size:18px;color:#000;font-weight:bold;} /* Стиль надписи лого ( Simpla) при отключенных картинках */
/* Основная часть заголовка */
#header_menu {
float:left;
width:700px;
font-size:12px;
font-family:Arial;
margin-top:14px;
}
/* Верхняя часть панель заголовка */
#top_panel {
width:700px;
overflow:hidden;
}
/* Вход для пользователя */
#top_panel_left {float:left;}
/* Выбор валюты */
#top_panel_right {float:right;}
/* Ссылка с иконкой входа */
#user_login_link {
background:url('../images/login_micro.gif') no-repeat left center;
padding:0 2px 0 16px;
}
#user_exit_link {
background:url('../images/exit.gif') no-repeat right center;
padding-right:26px;
margin-left: 30px;
}
/* Верхнее меню */
#top_header_menu {
border:1px solid #c8c8c8;
background:#fff;
padding:14px 0 14px 0;
text-align:center;
}
/* Ссылки в верхнем меню */
#top_header_menu li {display:inline; padding:0 16px 0 16px;}
#top_header_menu li a {color:#1e1e1e;}
#top_header_menu li .on {color:#9e9e9e;}
/* Корзина */
#cart_info {
background:url('../images/cart_micro.gif') no-repeat right center;
padding-left:450px;
}
/* Основная часть страницы */
#main_part {
width:962px;
overflow:hidden;
}
/* Левая часть страницы */
#left_side {
float:left;
width:240px;
}
/* Меню каталога */
#catalog_menu {
border:1px solid #e3e3e3;
padding:8px 30px 15px 30px;
background:#fff;
margin-bottom:10px;
}
/* Боковое меню */
#side_menu {
border:1px solid #e3e3e3;
padding:20px 30px 5px 30px;
background:#fff;
margin-bottom:14px;
}
/* Бренды */
#brands_menu {
border:1px solid #e3e3e3;
padding:10px 10px 10px 10px;
background:#fff;
margin-bottom:14px;
text-align: center;
}
#brands_menu a
{
color:#ff7200; padding: 5px;
}
/* Верхний уровень вложенности меню каталога */
ul.catalog_menu {
list-style:none;
}
ul.catalog_menu li{ /* Элемент списка */
margin-bottom:10px;
font-size:14px;
font-family:"Trebuchet MS";
color:#000;
}
ul.catalog_menu li a{ /* Ссылка */
font-size:14px;
font-family:"Trebuchet MS";
}
/* Внутренний уровень вложенности меню каталога */
ul.catalog_menu ul {
list-style:none;
margin-left:20px;
margin-bottom:10px;
margin-top:10px;
}
ul.catalog_menu ul li{ /* Элемент списка */
margin-bottom:10px;
font-size:12px;
font-family: Tahoma;
color:#000;
}
ul.catalog_menu ul li a{ /* Ссылка */
font-size:12px;
font-family:Tahoma;
}
/* Поиск */
#search {
border:1px solid #ddadaf;
padding:5px;
margin-bottom:10px;
}
#search form {
background:#ffc0cb;
padding:14px 0 14px 18px;
}
.search_input_text {
width:132px;
margin-right:6px;
}
.search_input_submit {
width:54px;
}
/* Новости */
#news {
font-family:Arial;
list-style:none;
}
#news li{
margin:20px 0 0px 0;
}
.news_date {
color:#848484;
font-size:11px;
}
.news_annotation {
margin:0px 0 6px 0;
font-size:12px;
}
/* Правая часть страницы */
#right_side {
float:left;
width:704px;
margin-left:18px;
}
/* Блок с баннером */
#catalog_image {
background:#fff;
margin-bottom:15px;
}
/* Картинка баннера */
#catalog_image img {
border:1px solid #e3e3e3;
padding:5px;
}
/* Заголовок страницы */
#page_title {
font-family:Tahoma;
padding:0 0 10px 0;
margin-bottom:16px;
border-bottom:1px dotted #bfbfbf;
overflow:hidden;
clear:both;
_height:1%;
}
/********* Список товаров *********/
/* Блок товара */
.product_block {
float:left;
width:350px;
margin-bottom:16px;
}
.product_block::after {
content:"";
display:table;
clear:both;
}
/* Блок с картинкой товара */
.product_block_img {
float:left;
}
/* Картинка товара */
.product_block_img img{
border:1px solid #e3e3e3;
padding:5px;
}
/* Описание товара */
.product_block_annotation {
float:left;
margin-left:10px;
width:320px;
}
/* Название товара */
.product_name_link {
display:block;
font-size:16px;
}
/* Название товара - хита */
.product_name_link_hit {
background:url('../images/medal.jpg') no-repeat left top;
display:block;padding:0 0 14px 24px;margin-top:2px;
}
/* Цена товара */
.price {
color:#ff0054;
font-size:15px;
font-family:Arial;
margin-left:265px;
}
/* Старая цена товара */
.old_price {
color:#a5a5a5;
font-size:18px;
font-family:Arial;
text-decoration:line-through;
}
/* В корзину */
.link_to_cart {
background: white url('../images/in_rec.png') no-repeat top;
width:100px;
height:46px;
display:block;padding-top:0px;margin-left:260px;
border:none;
cursor:auto;
}
/* Аннотация */
.product_annotation {
font-size:12px;
font-family:Tahoma;
margin-top:4px;
}
/* Хлебные крошки */
#path {
float:right;color:#848484;
text-align:right;
font-size:11px;
padding-top:6px;
width:220px;
}
#path a {
color:#848484;
font-size:11px;
font-family:Tahoma;
}
/* Блок с описанием категории */
#category_description {
padding:15px;
margin-bottom:26px;
border:1px solid #e3e3e3;
font-size:12px;
font-family:Arial;
}
/* Постраничная навигация */
#paging {
clear:both;
padding:12px 0 24px 0;
font-family:Arial;
}
#paging a{
color:#1884ff;
font-size:12px;
border:1px solid #e3e3e3;
padding:6px 10px 6px 10px;
display:block;
float:left;
margin:2px;
}
.all_pages {
border:none !important;
}
.current_page {
background:#f6f6f6;
color:#000 !important;
text-decoration:none;
}
/* Заголовок товара-хита */
#hit_header {
background:url('../images/medal.jpg') no-repeat left 3px;
font-size:16px;
padding-left:24px;
}
/* Описание товара */
#product_main {
overflow:hidden;
margin-bottom:28px;
_height:1%;
}
/* Характеристики товара */
#product_params {
margin-bottom:20px;
}
#product_params table {
border-spacing: 0px;
border-collapse: collapse;
background-color: #f5f5f5;
}
#product_params table tr td{
border: 1px solid #d0d0d0;
padding: 7px;
}
/* Характеристики товара */
#filter_params {
margin-bottom:28px;
}
#filter_params table {
border-spacing: 0px;
border-collapse: collapse;
background-color: #ffffff;
}
#filter_params table tr td{
border: 1px solid #e0e0e0;
padding: 5px;
}
#filter_params span{
padding-left: 5px;
}
/* Картинки товара */
#product_main_img {
float:left;
width:303px;
}
/* Список дополнительных картинок */
#product_main_img ul {
margin-top:4px;
}
#product_main_img ul li{
display:inline;
padding-right:8px;
}
#product_main_img ul li img{
margin-bottom:8px;
}
#product_main_img img{
border:1px solid #e3e3e3;
padding:5px;
}
/* Текст описания товара */
#product_main_description {
float:left;
width:320px;
font-size:12px;
font-family:Arial;
}
#product_main_description p {
padding-bottom:150px;
}
#product_main_description ul {
list-style:none;
}
/* Блок статей */
#articles {
background:url('../images/gray_bgd.jpg');
width:670px;
padding:22px 30px 22px 30px;
_padding:22px 0 22px 30px;
overflow:hidden;
clear:both;
margin-bottom: 30px;
}
/* Левая колонка статей */
#articles_left {
float:left;
width:300px;
}
/* Правая колонка статей */
#articles_right {
float:left;
width:310px;
margin-left:35px;
}
/* Блок статьи */
.article {
margin-bottom:24px;
}
/* Аннотация статьи */
.article_annotation {
font-size:12px;
font-family:tahoma;
color:#000;
}
/********* Подвал *********/
#footer {
height:74px;
padding-top:30px;
margin-top: 30px;
}
#syst {
float:left;
}
#syst li{
display:inline;
padding-right:2px;
}
#copyright {
float:right;
color:#969696;
font-family:Tahoma;
font-size:12px;
margin-top:12px;
}
/* ============================================================
HEADER-REDESIGN-2026 v2 (графит #15161c + латунь #C8A15A)
============================================================ */
#header{background:#15161c;border-radius:14px;height:auto;
padding:20px 28px 16px;box-sizing:border-box;width:962px;overflow:hidden;
box-shadow:0 6px 24px rgba(0,0,0,.18);margin-bottom:18px;}
/* Верхняя строка: логотип слева, аккаунт+корзина справа */
#header_top{display:flex;align-items:center;justify-content:space-between;
flex-wrap:wrap;gap:14px;}
#logo{position:static;float:none;width:auto;height:auto;margin:0;}
#logo .image{display:none;}
#logo .wordmark{font-family:Georgia,'Times New Roman',serif;font-size:28px;
font-weight:bold;letter-spacing:2px;color:#f4f0e8;text-decoration:none;display:inline-block;}
#logo .wordmark span{color:#C8A15A;margin:0 2px;}
#header_actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-left:auto;}
#top_panel_left{color:#8b8d98;font-size:12px;white-space:nowrap;}
#top_panel_left a,#top_panel_left .black_link{color:#b9bcc8;text-decoration:none;}
#top_panel_left a:hover{color:#C8A15A;}
#top_panel_left .sep{color:#4a4d5a;margin:0 8px;}
#user_login_link,#user_exit_link{background:none;padding:0;margin-left:0;}
#admin_link{color:#6d6f7a !important;}
#admin_link:hover{color:#C8A15A !important;}
#cart_info{
background:#C8A15A;color:#1a1206;border-radius:20px;
padding:7px 16px 7px 36px;font-weight:bold;font-size:12px;
display:inline-flex;align-items:center;flex-shrink:0;margin:0;white-space:nowrap;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%231a1206' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:14px center;
}
#cart_info a,#cart_info .black_link{color:#1a1206;text-decoration:underline;}
#cart_info a:hover{color:#3a2a00;}
/* Нижняя строка: меню разделов, одной строкой (перенос при нехватке места) */
#top_header_menu{border:none;background:transparent;list-style:none;
margin:16px 0 0;padding:14px 0 0;border-top:1px solid #24262f;text-align:left;
display:flex;flex-wrap:wrap;gap:2px 2px;}
#top_header_menu li{display:inline-block;padding:0;}
#top_header_menu li a,#top_header_menu li span{
display:inline-block;padding:6px 12px;color:#d8d5cc;font-size:12px;
text-transform:uppercase;letter-spacing:.4px;border-radius:8px;text-decoration:none;
transition:background .15s ease,color .15s ease;}
#top_header_menu li a:hover{background:#20222b;color:#C8A15A;}
#top_header_menu li span,#top_header_menu li .on{color:#C8A15A;background:#20222b;}
/* /HEADER-REDESIGN-2026 */
/* ============================================================
FOOTER-REDESIGN-2026
============================================================ */
#footer{height:auto;padding:28px 32px 22px;margin-top:36px;background:#15161c;
border-radius:14px;color:#b9bcc8;overflow:hidden;box-sizing:border-box;width:962px;}
#footer .foot-inner{overflow:hidden;}
#footer .foot-brand{float:left;width:330px;}
#footer .foot-wordmark{font-family:Georgia,serif;font-size:22px;font-weight:bold;
letter-spacing:2px;color:#f4f0e8;}
#footer .foot-18{display:inline-block;margin-left:10px;border:1px solid #C8A15A;
color:#C8A15A;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:bold;vertical-align:middle;}
#footer .foot-tag{color:#8b8d98;font-size:12px;margin-top:12px;line-height:1.5;max-width:300px;}
#footer .foot-col{float:left;width:180px;margin-left:40px;}
#footer .foot-col h4{color:#C8A15A;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;}
#footer .foot-col ul{list-style:none;margin:0;padding:0;}
#footer .foot-col li{display:block;margin:0 0 8px;padding:0;}
#footer .foot-col a{color:#c5c8d2;font-size:13px;text-decoration:none;}
#footer .foot-col a:hover{color:#C8A15A;}
#footer #syst{display:none;}
#footer #copyright{float:none;clear:both;color:#6d6f7a;font-family:Tahoma;font-size:11px;
margin-top:22px;padding-top:16px;border-top:1px solid #24262f;text-align:center;}
/* /FOOTER-REDESIGN-2026 */
/* ============================================================
CONTENT-REDESIGN-2026 (продолжение графит+латунь внутрь сайта)
Дозаписывается В КОНЕЦ design/default/css/style.css (после HEADER/FOOTER-REDESIGN).
Задеплоено на превью shop.migman.ru 2026-07-21. Фон НАМЕРЕННО не трогаем
(Ильяс попросил оставить исходные top_bg.jpg/bottom_bg.jpg).
============================================================ */
/* 1. Акцентный цвет ссылок: латунь вместо бордового */
a{color:#9c7a2e;}
a:hover{color:#C8A15A;}
/* 2. Цена: графит + латунное подчёркивание вместо розового */
.price{color:#15161c;font-weight:bold;border-bottom:2px solid #C8A15A;padding-bottom:1px;}
.old_price{color:#b5b5b5;font-size:13px;}
/* 3. Карточки товара и боковые блоки — скругления, тень, hover */
.product_block{border-radius:10px;transition:box-shadow .15s ease,transform .15s ease;}
.product_block:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-2px);}
.product_block_img img{border:1px solid #ececec;border-radius:8px;transition:border-color .15s ease;}
.product_block:hover .product_block_img img{border-color:#C8A15A;}
#catalog_menu,#side_menu,#brands_menu,#category_description,#product_params,#filter_params{
border:1px solid #ececec;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);
}
#product_main_img img{border:1px solid #ececec;border-radius:10px;}
/* 4. Кнопка «В корзину» — компактный латунный чип-иконка с объёмом вместо старой картинки in_rec.png */
.link_to_cart{
background-image:
url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='9'%20cy='21'%20r='1'/%3E%3Ccircle%20cx='20'%20cy='21'%20r='1'/%3E%3Cpath%20d='M1%201h4l2.68%2013.39a2%202%200%200%200%202%201.61h9.72a2%202%200%200%200%202-1.61L23%206H6'/%3E%3C/svg%3E"),
linear-gradient(180deg,#dcb978 0%,#C8A15A 55%,#b3893f 100%);
background-repeat:no-repeat,no-repeat;
background-position:center,center;
background-size:18px 18px,cover;
width:38px;height:38px;
border-radius:11px;border:1px solid #a5813f;cursor:pointer;
box-shadow:0 2px 4px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.35);
transition:filter .15s ease,box-shadow .15s ease,transform .1s ease;
}
.link_to_cart:hover{filter:brightness(1.07);box-shadow:0 3px 7px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.35);}
.link_to_cart:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.25);}
/* 5. Форма поиска — тёмная карточка вместо розовой, с иконкой-лупой и плейсхолдером */
#search{border:1px solid #ececec;border-radius:12px;overflow:hidden;padding:0;}
#search form{background:#15161c;padding:14px 16px;}
.search_input_text{
box-sizing:border-box;
background:#20222b;color:#e8e6df;border:1px solid #4a4d5a;border-radius:6px;
padding:6px 8px 6px 30px;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%238b8d98'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cline%20x1='21'%20y1='21'%20x2='16.65'%20y2='16.65'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:8px center;background-size:14px 14px;
}
.search_input_text::placeholder{color:#7d7f8a;}
.search_input_submit{
box-sizing:border-box;
background:#C8A15A;color:#15161c;border:none;border-radius:6px;
font-weight:bold;padding:6px 10px;cursor:pointer;
}
.search_input_submit:hover{filter:brightness(1.08);}
/* 6. Пагинация — латунные «пилюли» вместо голубых квадратов */
#paging a{
color:#15161c;background:#fff;border:1px solid #ececec;border-radius:20px;
transition:background .15s ease,color .15s ease,border-color .15s ease;
}
#paging a:hover{background:#C8A15A;border-color:#C8A15A;color:#15161c;}
.current_page{background:#15161c !important;color:#fff !important;border-color:#15161c !important;}
/* 7. Цена и кнопка «В корзину» в карточке товара — в одну строку */
.price_cart_row{
display:flex;align-items:center;justify-content:space-between;
gap:12px;margin:8px 0 10px;
}
.price_cart_row p{margin:0;}
.price_cart_row .price{margin-left:0;font-size:17px;}
.price_cart_row form{margin:0;flex-shrink:0;}
.price_cart_row .link_to_cart{margin-left:0;}
.price_cart_row select{max-width:130px;}
/* 8. Типографика — чуть больше воздуха в тексте описаний */
#product_main_description,#category_description,.product_annotation,.article_annotation{
line-height:1.6;
}
/* /CONTENT-REDESIGN-2026 */
/* ============================================================
PRODUCT-PAGE-SIMPLE-2026: обложка сверху на всю ширину,
цена+корзина простой строкой снизу справа под ней (без
старой side-by-side колонки с картинкой — оттуда и была каша).
============================================================ */
/* Цена + корзина — отдельная строка над обложкой, прижата вправо */
#product_price_cart_top{
justify-content:flex-end;margin:0 0 16px;width:auto;
}
#product_price_cart_top p{padding-bottom:0;}
#product_main_img{float:none;width:100%;text-align:left;}
#product_main_img > img{max-width:100%;height:auto;display:block;}
/* Мини-превью раскладок — единая сетка ровных плиток (кроп по центру,
т.к. исходники разного размера/пропорций — иначе ряд рассыпается) */
#product_main_img ul{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;}
#product_main_img ul li{display:block;padding:0;}
#product_main_img ul li a{
display:block;width:140px;height:100px;overflow:hidden;
border-radius:8px;border:1px solid #ececec;
}
#product_main_img ul li img{
width:100%;height:100%;object-fit:cover;display:block;
margin:0;padding:0;border:none;border-radius:0;
transition:transform .2s ease;
}
#product_main_img ul li a:hover img{transform:scale(1.08);}
#product_main_description{float:none;width:100%;clear:both;}
/* /PRODUCT-PAGE-SIMPLE-2026 */
/* ============================================================
BACK-TO-TOP-2026
============================================================ */
html{scroll-behavior:smooth;}
#back_to_top{
display:none;position:fixed;right:24px;bottom:24px;z-index:999;
width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;
background:#C8A15A;color:#15161c;font-size:20px;line-height:1;
align-items:center;justify-content:center;
box-shadow:0 4px 14px rgba(0,0,0,.25);
transition:filter .15s ease,transform .15s ease;
}
#back_to_top:hover{filter:brightness(1.08);transform:translateY(-2px);}
#back_to_top:active{transform:translateY(0);}
/* /BACK-TO-TOP-2026 */
/* ============================================================
UNIFIED-CONTENT-TYPOGRAPHY-2026 (ревизия 2026-08-22)
Базовый шрифт контента — Georgia 18px (новости .content-body /
.news_item_annotation, статьи .content-body / .article_annotation,
товары #product_main_description / .product_annotation).
БЫЛО: селектор "X, X *" + font-weight/font-style: normal !important
на каждый вложенный элемент. Из-за этого кнопки TinyMCE (Ж, К,
«Шрифт», «Размер») вставляли теги, но результат был не виден ни
в /admin/, ни на сайте — CSS перебивал их. Эдуарду нужна была
возможность форматировать самому (2026-08-22), поэтому база
теперь задаётся контейнеру и НАСЛЕДУЕТСЯ: любой span style /
b / strong / i / em из редактора выигрывает.
Жёстко давим только заголовочные теги h1..h6 внутри тела записи:
это импортный мусор в 12198 описаниях товаров (ими набран весь
текст), без нормализации вёрстка карточек поедет.
============================================================ */
.content-body,
#product_main_description,
.product_annotation,
.article_annotation,
.news_item_annotation,
.news_annotation {
font-family: Georgia, 'Times New Roman', serif;
font-size: 18px;
line-height: 1.6;
}
/* legacy h1..h6 внутри тела записи = обычный абзац */
.content-body h1, .content-body h2, .content-body h3,
.content-body h4, .content-body h5, .content-body h6,
#product_main_description h1, #product_main_description h2, #product_main_description h3,
#product_main_description h4, #product_main_description h5, #product_main_description h6,
.product_annotation h1, .product_annotation h2, .product_annotation h3,
.product_annotation h4, .product_annotation h5, .product_annotation h6,
.article_annotation h1, .article_annotation h2, .article_annotation h3,
.news_item_annotation h1, .news_item_annotation h2, .news_item_annotation h3 {
font-family: inherit;
font-size: inherit;
font-weight: normal;
line-height: inherit;
margin: 14px 0 6px;
display: block;
}
.content-body p, #product_main_description p {
margin: 0 0 12px;
padding: 0;
}
.content-body img, #product_main_description img,
.product_annotation img, .article_annotation img,
.news_item_annotation img, .news_annotation img {
max-width: 100% !important;
height: auto !important;
}
/* Тема с 2008 г. держит "p{font-size:12px;font-family:Tahoma}" и "h2{18px Trebuchet}"
прямо на тегах. Прямое правило на теге всегда бьёт наследование от контейнера,
поэтому весь контент, набранный (10905 полных описаний, 827 статей, 259 новостей),
падал на 12px Tahoma, а
-описания оставались 18px. Возвращаем наследование
точечно: специфичность 0,1,1 перебивает голый тег, но инлайн-стили и /
из панели TinyMCE по-прежнему выигрывают (никакого !important). */
.content-body p, .content-body li, .content-body td, .content-body div,
#product_main_description p, #product_main_description li,
#product_main_description td, #product_main_description div,
.product_annotation p, .product_annotation li, .product_annotation td, .product_annotation div,
.article_annotation p, .article_annotation li, .article_annotation td, .article_annotation div,
.news_item_annotation p, .news_item_annotation li, .news_item_annotation td, .news_item_annotation div,
.news_annotation p, .news_annotation li, .news_annotation td, .news_annotation div {
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
/* /UNIFIED-CONTENT-TYPOGRAPHY-2026 */
/* ============================================================
ADMIN-EDITOR-TYPOGRAPHY-2026 (ревизия 2026-08-22)
TinyMCE в /admin/ грузит этот же style.css как content_css, а
текст правится прямо в — классы
из блока выше туда не попадают. Поэтому дублируем базу здесь,
чтобы в редакторе был тот же Georgia 18px, что и на сайте.
Тоже без !important и без селектора "*" — иначе панель
инструментов снова перестанет работать.
============================================================ */
body.mceContentBody {
font-family: Georgia, 'Times New Roman', serif;
font-size: 18px;
line-height: 1.6;
}
body.mceContentBody h1, body.mceContentBody h2, body.mceContentBody h3,
body.mceContentBody h4, body.mceContentBody h5, body.mceContentBody h6 {
font-family: inherit;
font-size: inherit;
font-weight: normal;
line-height: inherit;
margin: 14px 0 6px;
display: block;
}
body.mceContentBody p {
margin: 0 0 12px;
padding: 0;
}
body.mceContentBody p, body.mceContentBody li,
body.mceContentBody td, body.mceContentBody div {
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
/* /ADMIN-EDITOR-TYPOGRAPHY-2026 */
/* ============================================================
AGE-GATE-2026 — окно подтверждения возраста (18+)
Показывается один раз при первом заходе; выбор запоминается в
cookie age_ok на год. Контент страницы отдаётся роботам и
пользователям полностью — окно рисуется поверх средствами CSS,
поэтому на индексацию не влияет (никакого клоакинга).
Стиль тот же, что у шапки: графит #15161c + латунь #C8A15A.
============================================================ */
#age_gate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:rgba(9,9,12,.94);padding:20px;overflow:auto;}
html.age-lock #age_gate{display:block;}
html.age-lock body{overflow:hidden;}
#age_gate .age_card{max-width:420px;margin:8vh auto 0;background:#15161c;border:1px solid rgba(200,161,90,.35);border-radius:14px;padding:34px 28px 26px;text-align:center;font-family:Georgia,'Times New Roman',serif;color:#e8e6e1;box-shadow:0 24px 70px rgba(0,0,0,.6);}
#age_gate .age_logo{font-size:19px;letter-spacing:.16em;color:#C8A15A;margin-bottom:20px;}
#age_gate .age_logo span{opacity:.6;}
#age_gate h2{font-size:25px;line-height:1.25;margin:0 0 12px;color:#fff;font-weight:normal;font-family:Georgia,'Times New Roman',serif;}
#age_gate p{font-size:15px;line-height:1.6;margin:0 0 20px;color:#a9a6a0;font-family:Georgia,'Times New Roman',serif;}
#age_gate .age_btns{margin-bottom:16px;}
#age_gate .age_yes{display:block;width:100%;box-sizing:border-box;padding:14px 18px;margin:0 0 10px;border:0;border-radius:8px;background:#C8A15A;color:#15161c;font-family:Georgia,'Times New Roman',serif;font-size:17px;cursor:pointer;text-decoration:none;}
#age_gate .age_yes:hover{background:#d8b169;}
#age_gate .age_no{display:block;padding:12px 18px;border:1px solid rgba(232,230,225,.22);border-radius:8px;color:#a9a6a0;font-size:15px;text-decoration:none;}
#age_gate .age_no:hover{border-color:rgba(232,230,225,.4);color:#e8e6e1;}
#age_gate .age_note{font-size:12px;line-height:1.5;color:#6f6c67;margin:0;}
@media (max-width:480px){#age_gate{padding:14px;}#age_gate .age_card{margin-top:6vh;padding:28px 20px 22px;}#age_gate h2{font-size:22px;}}
/* /AGE-GATE-2026 */
/* ============================================================
RESPONSIVE-2026 — адаптивный слой ДЕСКТОПНОЙ темы.
Зачем: основной индексирующий робот Яндекса
(Mozilla/5.0 (compatible; YandexBot/3.0; +http://yandex.com/bots))
не содержит в UA ни 'mobile', ни 'phone', поэтому НЕ проходит
фильтр detect_browser.php и получает именно эту тему, а не
design/mobile. До этой правки она шла без meta viewport и с
жёсткими width:962px — отсюда вердикт Вебмастера
«сайт не оптимизирован для мобильных устройств».
Блок включается ТОЛЬКО ниже 1000px, поэтому вид на десктопе
не меняется вообще. Живые телефоны по-прежнему получают
лёгкую тему design/mobile (их UA под фильтр подходит).
============================================================ */
@media (max-width:1000px){
/* --- Контейнеры: снимаем фиксированные 962px --- */
#wrap{width:auto;max-width:100%;padding:0 12px;box-sizing:border-box;}
#header,#main_part,#footer{width:auto;max-width:100%;box-sizing:border-box;}
#header{padding:16px 16px 12px;}
#footer{padding:24px 18px 18px;margin-top:24px;}
/* Картинки никогда не шире экрана */
img{max-width:100%;height:auto;}
#catalog_image img,.product_block_img img,#product_main_img img{box-sizing:border-box;}
/* --- Две колонки -> одна, контент ВЫШЕ бокового меню --- */
#main_part{display:flex;flex-direction:column;overflow:visible;}
#right_side{order:1;float:none;width:auto;max-width:100%;margin-left:0;}
#left_side{order:2;float:none;width:auto;max-width:100%;margin-top:20px;}
/* --- Читаемый кегль (12px Tahoma слишком мелко для телефона) --- */
body{font-size:15px;}
p{font-size:15px;}
ul.catalog_menu li,ul.catalog_menu li a{font-size:15px;}
ul.catalog_menu ul li,ul.catalog_menu ul li a{font-size:14px;}
.news_annotation,.product_annotation,.article_annotation{font-size:14px;}
h1{font-size:20px;}
h2{font-size:17px;}
/* --- Верхнее меню: крупнее цель нажатия --- */
#top_header_menu li a,#top_header_menu li span{font-size:14px;padding:10px 14px;}
/* --- Хлебные крошки: без float, во всю ширину --- */
#path{float:none;width:auto;max-width:100%;text-align:left;font-size:12px;margin-bottom:10px;}
#path a{font-size:12px;}
/* --- Поиск: поле и кнопка в столбик, 16px чтобы iOS не зумил --- */
#search form{padding:12px;}
.search_input_text{width:100%;margin:0 0 8px;font-size:16px;padding:10px 10px 10px 32px;}
.search_input_submit{width:100%;font-size:15px;padding:10px;}
/* --- Карточка товара в списке: картинка слева, текст справа --- */
.product_block{float:none;width:auto;max-width:100%;display:flex;gap:12px;align-items:flex-start;}
.product_block_img{float:none;flex:0 0 38%;max-width:38%;}
.product_block_img img{width:100%;}
.product_block_annotation{float:none;width:auto;margin-left:0;flex:1 1 auto;min-width:0;}
/* --- Прочие плавающие блоки --- */
.float_left{float:none;width:auto;max-width:100%;}
#articles,#articles_left,#articles_right{float:none;width:auto;max-width:100%;}
/* --- Широкие таблицы характеристик прокручиваем, а не рвём макет --- */
#product_params table,#filter_params table{display:block;overflow-x:auto;max-width:100%;}
/* --- Подвал в столбик --- */
#footer .foot-brand,#footer .foot-col{float:none;width:auto;max-width:100%;margin-left:0;margin-bottom:20px;}
#footer .foot-tag{max-width:none;}
#footer .foot-col:last-child{margin-bottom:0;}
/* --- Пагинация: крупнее цель нажатия --- */
#paging a{padding:8px 12px;display:inline-block;}
}
/* Совсем узкие экраны: карточка товара в столбик */
@media (max-width:480px){
.product_block{display:block;}
.product_block_img{max-width:100%;margin-bottom:10px;}
.product_block_img img{width:auto;max-width:100%;}
}
/* /RESPONSIVE-2026 */