@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body, .item-page, main, h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important; }

/* ============================================================
   VIP COLLECTION — единый стиль текстовых страниц (.item-page)
   Эталон: /dostavka. Перебивает inline styles через !important.
   ============================================================ */

.item-page {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    color: #313131 !important;
    line-height: 1.65 !important;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 24px 40px;
}

/* Абзацы, списки, таблицы */
.item-page p,
.item-page li,
.item-page td,
.item-page dd,
.item-page dt,
.item-page div:not([class*="vc-"]):not(.page-header):not(.content-form) {
    font-family: inherit !important;
    color: #313131 !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
    text-align: justify;
}

.item-page ul,
.item-page ol {
    padding-left: 24px !important;
    margin: 12px 0 16px !important;
}
.item-page li { margin-bottom: 6px !important; }

/* Заголовки — брендовые цвета и единый ритм */
.item-page h1,
.item-page .page-header h1,
.item-page .page-header h2 {
    font-family: inherit !important;
    color: #3d2817 !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 24px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 3px solid #f5deb3 !important;
    text-align: left !important;
}
.item-page h2 {
    font-family: inherit !important;
    color: #3d2817 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin: 28px 0 14px 0 !important;
    text-align: left !important;
    border-bottom: none !important;
}
.item-page h3 {
    font-family: inherit !important;
    color: #2c1810 !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    border-bottom: 2px solid #f5deb3 !important;
    padding-bottom: 8px !important;
    margin: 24px 0 12px 0 !important;
    text-align: left !important;
}
.item-page h4 {
    font-family: inherit !important;
    color: #3d2817 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 20px 0 10px 0 !important;
    text-align: left !important;
    border: none !important;
}

/* Ссылки */
.item-page a {
    color: #3d2817 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(61, 40, 23, 0.35);
}
.item-page a:hover {
    color: #8b1a1a !important;
    text-decoration-color: currentColor;
}

/* Красное — оставляем БРЕНДОВЫМ красным (наш wine) */
.item-page span[style*="color: #ff0000"],
.item-page span[style*="color: #FF0000"],
.item-page span[style*="color: #800000"],
.item-page span[style*="color: #C00"],
.item-page span[style*="color:#ff0000"],
.item-page span[style*="color:red"],
.item-page span[style*="color: red"],
.item-page font[color="red"],
.item-page font[color="#ff0000"],
.item-page *[style*="color: rgb(255, 0, 0)"],
.item-page *[style*="color: rgb(128, 0, 0)"] {
    color: #8b1a1a !important;
}

/* СИНЕЕ / ГОЛУБОЕ / фиолетовое — запрещено. Всё → коричневый бренд */
.item-page span[style*="color: #000080"],
.item-page span[style*="color: #0000ff"],
.item-page span[style*="color: #0000FF"],
.item-page span[style*="color: #00f"],
.item-page span[style*="color: #00F"],
.item-page span[style*="color: navy"],
.item-page span[style*="color: blue"],
.item-page span[style*="color:#000080"],
.item-page span[style*="color:#0000ff"],
.item-page span[style*="color:navy"],
.item-page span[style*="color:blue"],
.item-page font[color="blue"],
.item-page font[color="navy"],
.item-page font[color="#0000ff"],
.item-page *[style*="color: rgb(0, 0, 255)"],
.item-page *[style*="color: rgb(0, 0, 128)"] {
    color: #3d2817 !important;
}

/* Универсально: любые inline font-size игнорируются, работает только наш CSS */
.item-page p[style*="font-size"],
.item-page span[style*="font-size"],
.item-page div[style*="font-size"],
.item-page li[style*="font-size"],
.item-page h1[style*="font-size"],
.item-page h2[style*="font-size"],
.item-page h3[style*="font-size"],
.item-page h4[style*="font-size"],
.item-page h5[style*="font-size"],
.item-page h6[style*="font-size"],
.item-page font[size] {
    font-size: inherit !important;
}

/* Убираем inline font-family (arial/tahoma/helvetica) — используем наш sans-serif */
.item-page [style*="font-family"],
.item-page font[face] {
    font-family: inherit !important;
}

/* Убираем странные background-color внутри статей */
.item-page span[style*="background-color: #ffffff"],
.item-page span[style*="background-color:#ffffff"],
.item-page p[style*="background-color: #ffffff"] {
    background-color: transparent !important;
}

/* text-align:right — не пропускаем (у политики страница была вся справа) */
.item-page > div[style*="text-align: right"] > p,
.item-page p[style*="text-align: right"]:not(.text-right-keep) {
    text-align: justify !important;
}

/* text-decoration:underline у не-ссылок — убираем */
.item-page span[style*="text-decoration: underline"],
.item-page span[style*="text-decoration:underline"],
.item-page p[style*="text-decoration: underline"] {
    text-decoration: none !important;
}

/* Ссылки: только коричневый или (при акценте) красный. Никакого синего/подчёркивания дефолтного браузера.
   ИСКЛЮЧЕНИЕ: ссылки-кнопки (у них inline background) — уважаем inline color, иначе текст на цветной кнопке
   становится нечитаемым (наш случай кнопок «Связаться с нами» с #f5deb3 на #8b1a1a). */
.item-page a:not([style*="background"]):not([style*="button"]),
.item-page a:not([style*="background"]):not([style*="button"]):link,
.item-page a:not([style*="background"]):not([style*="button"]):visited {
    color: #3d2817 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(61, 40, 23, 0.4) !important;
}
.item-page a:not([style*="background"]):not([style*="button"]):hover,
.item-page a:not([style*="background"]):not([style*="button"]):focus {
    color: #8b1a1a !important;
    text-decoration-color: currentColor !important;
}
/* Ссылки-кнопки (наши бордовые/коричневые кнопки в контенте): текст бежевый, без подчёркивания */
.item-page a[style*="background: #8b1a1a"],
.item-page a[style*="background:#8b1a1a"],
.item-page a[style*="background: #3d2817"],
.item-page a[style*="background:#3d2817"],
.item-page a[style*="background:rgb(139"],
.item-page a[style*="background: rgb(139"],
.item-page a[style*="background: rgb(106"],
.item-page a[style*="background:rgb(106"] {
    color: #f5deb3 !important;
    text-decoration: none !important;
}
.item-page a[style*="background: #8b1a1a"]:hover,
.item-page a[style*="background: #3d2817"]:hover,
.item-page a[style*="background:#8b1a1a"]:hover,
.item-page a[style*="background:#3d2817"]:hover {
    color: #ffffff !important;
}

/* Изображения */
.item-page img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

/* Таблицы */
.item-page table {
    border-collapse: collapse;
    margin: 14px 0;
    width: auto;
}
.item-page table td,
.item-page table th {
    border: 1px solid #e8dec8 !important;
    padding: 8px 12px !important;
    vertical-align: top;
}
.item-page table th {
    background: #f5deb3 !important;
    color: #2c1810 !important;
    font-weight: 600;
}

/* Мобильная адаптация */
@media (max-width: 700px) {
    .item-page { padding: 12px 14px 30px; }
    .item-page h1, .item-page .page-header h1 { font-size: 22px !important; }
    .item-page h2 { font-size: 19px !important; }
    .item-page h3 { font-size: 17px !important; }
    .item-page p, .item-page li, .item-page td { font-size: 15px !important; }
}

/* ============ Главная страница (itemid-165, blog-featured) ============ */
/* Расширяем main content вправо до края шапки — крупнее «Большой чемодан» */
body.itemid-165 .mmain .lft.pull-left {
    width: auto !important;
    max-width: 260px !important;
    flex: 0 0 260px;
}
body.itemid-165 .mmain .sl.pull-right {
    width: calc(100% - 280px) !important;
    max-width: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}
body.itemid-165 .mmain main#content,
body.itemid-165 .mmain main#content.span9 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.itemid-165 .blog-featured,
body.itemid-165 .blog-featured .items-leading,
body.itemid-165 .blog-featured .leading-0 {
    width: 100% !important;
    max-width: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Скрываем только пустые <p> (не первые два — там теперь заголовки) */
body.itemid-165 .blog-featured .leading-0 > p:empty {
    display: none !important;
}
body.itemid-165 .blog-featured img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 8px;
}
/* Все параграфы статьи 14 центрированы (главная + отдельная страница /8-news/14-ne-propusti) */
body.itemid-165 .blog-featured p,
body.itemid-165 .items-leading p,
body.itemid-165 .leading-0 p {
    text-align: center !important;
}
/* 2026-09: убрано правило body.com_content.view-article .item-page p/div { text-align:center }
   — оно центрировало текст на ВСЕХ статьях (Ремонт, О компании, Контакты…), а не только на статье главной. */
/* Заголовок «Большой чемодан» + цена «10500 рублей» — размер как h3 «Новинки» (22px), жирные */
body.itemid-165 .blog-featured p span[style*="font-size: 24pt"],
body.com_content.view-article .item-page p span[style*="font-size: 24pt"] {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    display: block !important;
    text-align: center !important;
    font-family: inherit !important;
}
body.itemid-165 .blog-featured p span[style*="font-size: 18pt"],
body.com_content.view-article .item-page p span[style*="font-size: 18pt"] {
    font-size: 20px !important;
    font-weight: 600 !important;
    display: block !important;
    text-align: center !important;
    font-family: inherit !important;
}
body.itemid-165 .blog-featured p span[style*="font-size: 12pt"],
body.com_content.view-article .item-page p span[style*="font-size: 12pt"] {
    font-size: 15px !important;
    display: block !important;
    text-align: center !important;
    font-family: inherit !important;
}
/* На отдельной странице статьи item-page — расширяем max-width для картинки */
body.com_content.view-article .item-page {
    max-width: 100% !important;
}
body.com_content.view-article .item-page img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px;
}
/* Мобильная адаптация главной */
@media (max-width: 900px) {
    body.itemid-165 .mmain .lft.pull-left { max-width: 100% !important; float: none !important; }
    body.itemid-165 .mmain .sl.pull-right { width: 100% !important; float: none !important; }
    body.itemid-165 .blog-featured p span[style*="font-size: 24pt"] { font-size: 24pt !important; }
}

/* Скрываем «Информация о материале / Обновлено: ...» — блок метаданных Joomla статьи (везде) */
.item-page .article-info,
.item-page dl.article-info,
.item-page .article-info-term,
.item-page .article-info dd,
.blog-featured .article-info,
.blog-featured dl.article-info,
.blog-featured .article-info-term,
.blog-featured .article-info dd,
.blog .article-info,
.article-info,
dl.article-info { display: none !important; }
/* Даты создания / модификации отдельно */
.modifydate, .createdate, .published, dd.create, dd.modified, dd.published { display: none !important; }