/*
 * Theme "nanprotex-kurumsal" — Option 1: light corporate gray, orange accents. CSS only (ornament);
 * colours come from theme.json tokens (--pf-*). Manrope is loaded from Google Fonts here; on the
 * platform the three woff2 files listed in theme.json are self-hosted via @font-face.
 */
:root {
  --pf-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --pf-font-display: var(--pf-font-body);
}
h3 { font-weight: 700; }
.pf-btn, .pf-search, .pf-stepper, .pf-pill > span { border-radius: var(--pf-radius-sm); }
.pf-btn { padding-inline: 22px; }

/* Topline: soft gray band, not black */
.pf-topline { background: var(--pf-color-surface-alt); color: var(--pf-color-text-2); }

/* Hero split: copy on bg, art on a soft gray rounded well; orange emphasis line */
.pf-hero--split .pf-hero__well { background: linear-gradient(180deg, var(--pf-color-surface-alt), #dde1e6); }
.pf-hero--split .pf-hero__label { background: var(--pf-color-text); color: var(--pf-color-bg); border: 0; }
.pf-hero__em { position: relative; }
.pf-hero__em::after { content: ""; position: absolute; left: 0; right: 0; bottom: .04em; height: .14em; background: var(--pf-color-accent-soft); z-index: -1; }

/* Facts strip: orange figures on a white card row */
.pf-facts--strip .pf-facts__list { background: var(--pf-color-surface); border: 1px solid var(--pf-color-border); border-radius: var(--pf-radius-lg); padding: 22px 26px; }
.pf-facts__title { color: var(--pf-color-accent); }

/* Category tiles: lead tile tinted orange-soft */
.pf-cats--tiles-lead .pf-cats__item:first-child .pf-cats__tile { background: var(--pf-color-accent-soft); border-color: transparent; }

/* Process numbered: cards with a top orange rule */
.pf-steps--numbered .pf-steps__item { border-top: 4px solid var(--pf-color-accent); }

/* Buy box: subtle shadow for the quote panel */
.pf-buybox { box-shadow: 0 10px 30px rgba(30, 35, 41, .06); }