/* Страницы для поиска (src/Pages.php): товар, подкатегория, каталог. Цвета и шрифт — из style.css витрины. */

.страница a { color: var(--золото-свет); text-decoration: none; }
.страница a:hover { color: var(--золото); }

.страница .шапка .вензель { display: inline-block; text-decoration: none; }
.страница-бренд {
    display: block;
    margin: 6px 0 4px;
    font-size: 26px;
    letter-spacing: .04em;
    color: var(--золото-свет) !important;
}
.страница-бренд .лого { color: var(--золото) !important; margin-right: .35em; text-shadow: 0 0 18px rgba(201, 162, 39, .35); }

/* ---- путь: Каталог › Книги › Магия › … ---- */
.страница-тропа {
    margin: 4px 0 22px;
    font-size: 13px;
    color: var(--тусклый);
    line-height: 1.6;
}
.страница-тропа a { color: var(--тусклый) !important; }
.страница-тропа a:hover { color: var(--золото-свет) !important; }
.страница-тропа span:last-child { color: var(--текст); }
.страница-тропа-знак { margin: 0 8px; color: var(--золото-тень); }

/* ---- товар ---- */
.страница-товар {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
    align-items: start;
}
.страница-обложка {
    width: 100%;
    height: auto;
    border: 1px solid var(--кайма);
    border-radius: var(--радиус);
    box-shadow: var(--тень);
    background: var(--фон-выше);
}
.страница-суть h1 {
    margin: 0 0 6px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--золото-свет);
}
.страница-строка { margin: 0 0 14px; font-style: italic; color: var(--тусклый); }
.страница-цена { margin: 0 0 18px; font-size: 26px; color: var(--золото); }

.страница-кнопки { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; }
.страница-купить, .страница-тг {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 999px;
    font-size: 16px;
    transition: background var(--плавно), border-color var(--плавно), color var(--плавно);
}
.страница-купить {
    background: var(--золото);
    border: 1px solid var(--золото);
    color: #120e06 !important;
}
.страница-купить:hover { background: var(--золото-свет); border-color: var(--золото-свет); }
.страница-тг { border: 1px solid var(--кайма-ярче); color: var(--золото-свет) !important; }
.страница-тг:hover { border-color: var(--золото); }

.страница-описание { line-height: 1.65; color: var(--текст); }
.страница-описание p { margin: 0 0 12px; }
.страница-описание h2, .страница-ещё h2, .страница-раздел h2 {
    margin: 24px 0 10px;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: .04em;
    color: var(--золото-свет);
}

.страница-список { margin: 0 0 14px; padding-left: 20px; line-height: 1.6; }
.страница-список li { margin: 2px 0; }
.страница-список-колонки { columns: 1; column-gap: 28px; }

/* ---- плитки: «ещё в подкатегории», страница подкатегории ---- */
.страница-ещё, .страница-раздел { margin-top: 34px; }
.страница-раздел h1 { margin: 0 0 4px; font-size: 30px; font-weight: 400; color: var(--золото-свет); }
.страница-раздел h3 { margin: 18px 0 6px; font-size: 17px; font-weight: 400; }
.страница-счёт { margin-left: 6px; font-size: 13px; color: var(--тусклый); }

.страница-сетка {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}
.страница-плитка {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--кайма);
    border-radius: var(--радиус);
    background: linear-gradient(180deg, #100c14, #0b090d);
    overflow: hidden;
    transition: border-color var(--плавно), transform var(--плавно);
}
.страница-плитка:hover { border-color: var(--золото); transform: translateY(-2px); }
.страница-плитка img { width: 100%; aspect-ratio: 646 / 542; object-fit: cover; display: block; background: var(--фон-выше); }
.страница-плитка-пусто {
    display: flex; align-items: center; justify-content: center;
    aspect-ratio: 646 / 542; font-size: 40px; color: var(--золото-тень); background: var(--фон-выше);
}
.страница-плитка-текст { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px 12px; }
.страница-плитка-имя { font-size: 15px; color: var(--золото-свет); line-height: 1.3; }
.страница-плитка-строка { font-size: 12px; color: var(--тусклый); line-height: 1.4; }
.страница-плитка-цена { margin-top: 4px; font-size: 15px; color: var(--золото); }
.страница-все { margin: 12px 0 0; text-align: right; }

.страница-соседи { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; }
.страница-соседи a {
    padding: 6px 14px;
    border: 1px solid var(--кайма);
    border-radius: 999px;
    font-size: 14px;
}
.страница-соседи a:hover { border-color: var(--золото); }

.страница-подвал { margin-top: 44px; text-align: center; font-size: 13px; color: var(--тусклый); }
.страница-подвал a { color: var(--тусклый) !important; }
.страница-подвал a:hover { color: var(--золото-свет) !important; }

@media (min-width: 760px) {
    .страница-товар { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px; }
    .страница-список-колонки { columns: 2; }
}
@media (min-width: 1100px) {
    .страница-список-колонки { columns: 3; }
}

/* ---- служебные страницы: политика, соглашение, поддержка, цены (src/Docs.php) ---- */
.страница-документ { max-width: 820px; line-height: 1.65; color: var(--текст); }
.страница-документ p { margin: 0 0 12px; }
.страница-документ h2 { margin: 26px 0 10px; }
.страница-документ h3 { margin: 16px 0 6px; font-size: 15px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; color: var(--тусклый); }
.документ-дата { font-size: 13px; font-style: italic; color: var(--тусклый); }
.документ-список { margin: 0 0 14px; padding-left: 20px; }
.документ-список li { margin: 4px 0; }
table.цены { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 15px; }
table.цены th, table.цены td { padding: 7px 10px; border-bottom: 1px solid var(--кайма); text-align: left; vertical-align: top; }
table.цены th { font-weight: 400; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--тусклый); }
table.цены td:first-child { width: 100%; }
table.цены th:not(:first-child), table.цены td:not(:first-child) { text-align: right; white-space: nowrap; }
table.цены td:not(:first-child) { color: var(--золото); }