@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap&subset=cyrillic');
:root {
  --background-primary: #141618;
  --background-secondary: #202427;
  --background-brand: #1d6b52;
  --background-transparent-primary: rgba(32, 36, 39, 0.6);
  --content-primary: #e8ecea;
  --content-secondary: #a9b2ae;
  --content-brand: #45c495;
  --border-brand: #2fa57a;
  --border-secondary: #3e4549;
  --base-primary: #202427;
  --brand-accent: #2fa57a;
  --brand-add-accent: #6fd8b0;
  --backround-primary: #141618;
  --backround-secondary: #202427;
}
body { font-family: "Inter", "Manrope", sans-serif; background-color: #141618; }
h1, h2, h3, .title, .title.title--1, .title.title--2, .title.title--3 {
  font-family: "Playfair Display", "Prata", serif;
  letter-spacing: 0;
}
.title.title--1 { text-transform: none; }
.btn, button.btn, a.btn { border-radius: 24px; letter-spacing: 0.02em; }

.header.fixed-top { background-image: linear-gradient(#141618 0%, rgba(20, 22, 24, 0.8) 75%, rgba(20, 22, 24, 0) 100%); }

.main-section { position: relative; }
.main-section::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20, 22, 24, 0.5) 0%, rgba(20, 22, 24, 0.2) 40%, rgba(20, 22, 24, 0.94) 100%); pointer-events: none; z-index: 1; }
.main-section > * { position: relative; z-index: 2; }

.btn.btn-primary { background-color: #3dbb8c; border-color: #3dbb8c; color: #0f1a16; }
.btn.btn-primary:hover { background-color: #6fd8b0; border-color: #6fd8b0; color: #0f1a16; }
.btn.btn-outline-secondary { background-color: transparent; border-color: #3dbb8c; color: #e8ecea; }
.btn.btn-secondary { color: #45c495; }

.catalog-card__price { background-color: #202427; color: #e8ecea; border-top: 2px solid #2fa57a; }
.catalog-card { border-radius: 6px; }