/* Вариант «Шоурум» — оверрайд поверх styles.css. Работает на всех страницах. */
@font-face {
  font-family: "Onest";
  src: url("assets/fonts/onest-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Onest";
  src: url("assets/fonts/onest-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Montserrat";
  src: url("assets/fonts/montserrat-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Montserrat";
  src: url("assets/fonts/montserrat-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body { font-family: "Onest", system-ui, sans-serif; }

.hero-section h1,
.section-head h1,
.section-head h2 { font-weight: 800; letter-spacing: -.02em; }
.motto { font-weight: 800; letter-spacing: -.01em; }
.eyebrow { letter-spacing: .24em; }

/* карточки-подиумы только в каталоге главной (#productGrid), карусель «смотрите также» не трогаем */
#productGrid { gap: 14px clamp(14px, 1.8vw, 22px); }
#productGrid .product-card {
  position: relative;
  background: #fff;
  border: 1px solid #ECEDEF;
  border-radius: 18px;
  padding: 20px 12px 14px;
  min-height: auto;
  box-shadow: 0 10px 24px rgba(23, 25, 28, .06);
  transition: transform .2s ease, box-shadow .2s ease;
}
#productGrid .product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(23, 25, 28, .13);
}
#productGrid .product-card::after {
  content: "";
  position: absolute;
  top: 14px; right: 14px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(244, 122, 18, .15);
}
#productGrid .product-card__image { border: 0; box-shadow: 0 8px 18px rgba(23, 25, 28, .14); }
#productGrid .product-card:hover .product-card__image { border: 0; transform: none; box-shadow: 0 12px 24px rgba(23, 25, 28, .2); }

/* лента работ как витринная полка */
.work-strip {
  border: 1px solid #ECEDEF;
  border-radius: 16px;
  background: #fff;
  padding-inline: 10px;
}

/* карточки фактов/галерея на страницах — чуть мягче тени для шоурум-настроения */
.detail-highlights div,
.gallery button,
.proof-item,
.contact-item { box-shadow: 0 12px 28px rgba(23, 25, 28, .08); }