/* ============================================================
   Стили статических страниц категорий и карточек товаров
   ============================================================ */

.page-main { padding: 110px 0 70px; background: var(--bg, #f6f5f2); }
.page-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(30px, 4vw, 44px); font-weight: 600; color: #1c1f24; margin: 10px 0 14px; }
.page-title--pp { font-size: clamp(26px, 3vw, 36px); }
.page-intro { max-width: 760px; color: #555a61; line-height: 1.65; margin-bottom: 28px; }
.page-sub { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 26px; font-weight: 600; color: #1c1f24; margin: 44px 0 18px; }

.products--static { margin-top: 8px; }
.p-card--link { text-decoration: none; color: inherit; display: flex; flex-direction: column; }
.p-card--link .p-card__btn { pointer-events: none; }

.page-cta { background: #fff; border: 1px solid #e7e4de; border-radius: 10px; padding: 22px 24px; margin: 36px 0 8px; display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between; }
.page-cta p { color: #555a61; max-width: 520px; }

.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { display: inline-block; padding: 8px 16px; border: 1px solid #d9d5cd; border-radius: 100px; background: #fff; color: #555a61; font-size: 14px; text-decoration: none; }
.chip:hover { border-color: #b5843c; color: #b5843c; }

/* карточка товара */
.pp { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px; margin-top: 10px; }
.pp__media { background: #fff; border: 1px solid #e7e4de; border-radius: 10px; padding: 18px; display: flex; align-items: center; justify-content: center; min-height: 320px; }
.pp__media img { max-width: 100%; max-height: 520px; object-fit: contain; }
.pp-noimg { color: #9a958c; font-size: 15px; }
.pp-desc { color: #555a61; line-height: 1.65; margin-bottom: 18px; }
.pp-props p { margin-bottom: 8px; color: #555a61; }
.pp-props span { color: #9a958c; }
.pp-props a { color: #b5843c; }
.pp-price { font-size: 28px; font-weight: 600; color: #1c1f24; margin: 18px 0; }
.pp-price--req { font-size: 20px; color: #555a61; }
.pp-form { background: #fff; border: 1px solid #e7e4de; border-radius: 10px; padding: 20px; max-width: 520px; }
.pp-contact { margin-top: 16px; color: #555a61; }
.pp-contact a { color: #b5843c; font-weight: 600; text-decoration: none; }

@media (max-width: 860px) {
    .pp { grid-template-columns: 1fr; gap: 24px; }
    .page-main { padding-top: 92px; }
}