/* İçerik / hata / bakım sayfaları (T-123e). BEM, ct- öneki, yalnız token. Kit: mos-kit.css + mos-layout.css. */

/* ---- Blog listesi ---- */
.ct-blog__pager { display: flex; justify-content: center; margin-top: var(--space-6); }
.ct-blog__pager .mos-pager { flex-wrap: wrap; justify-content: center; }
.ct-blog__chips { margin-bottom: var(--space-6); }

/* ---- Dinamik / yasal sayfa ---- */
.ct-doc { max-width: 820px; margin-inline: auto; }
.ct-doc__title { margin: 0 0 var(--space-5); padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-border); font-size: var(--fs-h1, 1.75rem); font-weight: var(--fw-heading, 800); line-height: 1.15; }

/* ---- Hakkımızda ---- */
.ct-about__grid { display: grid; gap: var(--space-6); align-items: center; }
.ct-about__grid--media { grid-template-columns: 1fr; }
.ct-about__img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-lg); box-shadow: var(--shadow-md, var(--shadow-sm)); }
.ct-about__text { line-height: 1.75; overflow-wrap: anywhere; }
.ct-about__welcome { max-width: 640px; margin-inline: auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--space-3); padding: var(--space-8, 40px) var(--space-4); }
.ct-about__welcome-icon { width: 72px; height: 72px; border-radius: var(--radius-btn); background: var(--color-primary-tint); color: var(--color-primary-text); display: grid; place-items: center; font-size: 2rem; }
.ct-about__welcome-title { margin: 0; font-size: var(--fs-h2, 1.5rem); font-weight: 800; }
.ct-about__welcome-text { margin: 0; color: var(--color-muted); max-width: 48ch; }
.ct-about__faq { background: var(--color-primary-tint); padding: var(--space-8, 40px) 0; margin-top: var(--space-6); }
.ct-faq { max-width: 760px; margin-inline: auto; }
.ct-faq__title { margin: 0 0 var(--space-5); text-align: center; font-size: var(--fs-h2, 1.5rem); font-weight: 800; }
.ct-faq__list { display: flex; flex-direction: column; gap: var(--space-2); }
.ct-faq__item { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; }
.ct-faq__q { display: flex; align-items: center; gap: var(--space-3); min-height: 48px; padding: var(--space-3) var(--space-4); font-weight: 700; cursor: pointer; list-style: none; }
.ct-faq__q::-webkit-details-marker { display: none; }
.ct-faq__q::after { content: "\F282"; font-family: "bootstrap-icons"; margin-left: auto; color: var(--color-muted); transition: transform var(--dur, .2s) var(--ease, ease); }
.ct-faq__item[open] .ct-faq__q::after { transform: rotate(180deg); }
.ct-faq__item[open] .ct-faq__q { color: var(--color-primary-text); background: var(--color-primary-tint); }
.ct-faq__q:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.ct-faq__q i { color: var(--color-primary-text); }
.ct-faq__a { padding: var(--space-3) var(--space-4) var(--space-4); color: var(--color-muted); line-height: 1.7; }
@media (min-width: 992px) { .ct-about__grid--media { grid-template-columns: 1fr 1fr; gap: var(--space-8, 40px); } }

/* ---- Tek sütun bilgi sayfaları (kampanya yok, mağaza hazır değil) ---- */
.ct-notice { max-width: 640px; margin-inline: auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--space-3); padding: var(--space-8, 40px) 0; }
.ct-notice__icon { font-size: 2.5rem; color: var(--color-primary-text); }
.ct-notice__title { margin: 0; font-size: var(--fs-h2, 1.5rem); font-weight: 800; }
.ct-notice__text { margin: 0; color: var(--color-muted); }
.ct-notice__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); margin-top: var(--space-3); }

/* ---- Bağımsız sayfalar (hata 500 / bakım): Layout yok ---- */
.ct-standalone { margin: 0; min-height: 100vh; background: var(--color-bg); color: var(--color-text); }
.ct-standalone .errpg { min-height: 100vh; align-items: center; }

/* ---- Hata sayfaları: düğmeler arası boşluk ---- */
.errpg__actions { gap: var(--space-3); }
.errpg__cats .blogchip { min-height: 44px; }

/* ---- Bakım ---- */
.ct-maint { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: var(--space-5) var(--gutter, var(--space-4)); background: linear-gradient(135deg, var(--color-primary-tint) 0%, var(--color-surface) 55%, var(--color-bg) 100%); }
.ct-maint__card { width: 100%; max-width: 520px; text-align: center; background: var(--color-surface); border: 1px solid var(--color-border); border-top: 4px solid var(--color-primary); border-radius: var(--radius-xl, 20px); box-shadow: var(--shadow-lg); padding: var(--space-8, 40px) var(--space-6); display: flex; flex-direction: column; align-items: center; gap: var(--space-3); }
.ct-maint__brand { margin-bottom: var(--space-3); }
.ct-maint__logo { max-height: 52px; object-fit: contain; }
.ct-maint__name { font-size: 1.5rem; font-weight: 800; color: var(--color-primary-text); }
.ct-maint__icon { width: 80px; height: 80px; border-radius: var(--radius-btn); background: var(--color-primary-tint); color: var(--color-primary-text); display: grid; place-items: center; font-size: 2.2rem; }
.ct-maint__title { margin: 0; font-size: 1.65rem; font-weight: 800; }
.ct-maint__msg { margin: var(--space-3) 0; color: var(--color-muted); line-height: 1.65; background: var(--color-primary-tint); border-left: 4px solid var(--color-primary); border-radius: 0 var(--radius-md) var(--radius-md) 0; padding: var(--space-3) var(--space-4); text-align: left; width: 100%; }
.ct-maint__dots { display: flex; justify-content: center; gap: var(--space-2); margin: var(--space-3) 0; }
.ct-maint__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--color-primary); opacity: .3; animation: ct-pulse 1.4s ease-in-out infinite; }
.ct-maint__dot:nth-child(2) { animation-delay: .22s; }
.ct-maint__dot:nth-child(3) { animation-delay: .44s; }
@keyframes ct-pulse { 0%, 80%, 100% { opacity: .3; } 40% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ct-maint__dot { animation: none; opacity: .6; } }
.errpg__count { font-variant-numeric: tabular-nums; }