@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=Onest:wght@400;500;600;700&display=swap&subset=cyrillic');
:root {
  --background-primary: #0a1c21;
  --background-secondary: #11292f;
  --background-brand: #1d5865;
  --background-transparent-primary: rgba(17, 41, 47, 0.6);
  --content-primary: #ece5d8;
  --content-secondary: #a9b7b5;
  --content-brand: #c9a463;
  --border-brand: #b48f50;
  --border-secondary: #2f4a50;
  --base-primary: #11292f;
  --brand-accent: #b48f50;
  --brand-add-accent: #dcc08a;
  --backround-primary: #0a1c21;
  --backround-secondary: #11292f;
}
body { font-family: "Onest", "Manrope", sans-serif; background-color: #0a1c21; }
h1, h2, h3, .title, .title.title--1, .title.title--2, .title.title--3 {
  font-family: "PT Serif", "Prata", serif;
  font-weight: 700;
  letter-spacing: 0;
}
.title.title--1 { text-transform: none; }
.btn, button.btn, a.btn { border-radius: 2px; letter-spacing: 0.06em; }

.header.fixed-top { background-image: linear-gradient(#0a1c21 0%, rgba(10, 28, 33, 0.9) 60%, rgba(10, 28, 33, 0) 100%); }

.main-section { position: relative; }
.main-section::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 28, 33, 0.62) 0%, rgba(10, 28, 33, 0.3) 45%, rgba(10, 28, 33, 0.93) 100%); pointer-events: none; z-index: 1; }
.main-section > * { position: relative; z-index: 2; }

.btn.btn-primary { background-color: #c9a463; border-color: #c9a463; color: #0a1c21; }
.btn.btn-primary:hover { background-color: #dcc08a; border-color: #dcc08a; color: #0a1c21; }
.btn.btn-outline-secondary { background-color: transparent; border-color: #c9a463; color: #ece5d8; }
.btn.btn-secondary { color: #c9a463; }

.catalog-card__price { background-color: #11292f; color: #ece5d8; border-top: 1px solid #b48f50; }
.catalog-card { border-radius: 0; }