/* Kartvizit sayfaları (kart deposu, tools/gen_card_site.py): Tur 15 değerleriyle, kartın petrol aksanı. */
.page-card a { color: var(--card-accent); }
.page-card a:hover { color: #B5E4EC; }
.page-card :focus-visible { outline-color: var(--card-accent); }
.page-card .lang > a, .page-card .foot-nav a, .page-card .crumbs a, .page-card .mark { color: inherit; }
.page-card .foot-nav a { color: var(--ink); }
.hero-card::after { background: radial-gradient(ellipse at center, rgba(127,208,223,0.16), transparent 68%); }
.page-card .step-no { border-color: var(--card-accent); color: var(--card-accent); }
.page-card .card-accent { border-color: rgba(127,208,223,0.35); }
.page-card .card-accent h3 { color: var(--card-accent); }
.page-card .summary { border-left-color: var(--card-accent); }
.strip { margin-top: 36px; display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; }
.strip figure { margin: 0; flex: 0 0 180px; scroll-snap-align: start; }
.strip img { display: block; width: 180px; height: auto; border-radius: 14px; border: 1px solid var(--line); }
.strip figcaption { margin-top: 10px; font-size: 14px; color: var(--body); display: flex; align-items: center; gap: 8px; }
.tier { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; }
.tier-free { background: var(--surface); border: 1px solid var(--line); color: var(--muted); }
.tier-pro { background: #8F5400; color: #FFFFFF; }
.promises { margin-top: 36px; display: grid; grid-template-columns: 1fr; gap: 16px; }
.card-promise { background: var(--card); border-color: var(--card-line); }
.card-promise h3 { color: var(--card-ink); }
.card-promise p { color: var(--card-body); }
.pair-cards { align-items: start; }
@media (min-width: 720px) {
  .promises { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Card page hero badge: larger than the family pages, clear space a quarter of its height. */
.page-card .store-badge { display: inline-block; padding: 12px; }
.page-card .store-badge img { height: 48px; }