/* Hakkımızda şablonu (content/about). Yalnızca tema token'ları kullanılır, her temada çalışır. */
.ab{padding-bottom:clamp(40px,6vw,88px)}
.ab-intro{display:grid;gap:clamp(28px,4.5vw,72px);align-items:center;padding-top:clamp(24px,4vw,64px);padding-bottom:clamp(32px,5vw,72px)}
.ab-text{min-width:0}
.ab-eyebrow{margin:0 0 14px;font:700 .8rem/1.2 var(--font-body),system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}
.ab-text h1{margin:0 0 clamp(16px,2.4vw,26px);font-family:var(--font-heading),system-ui,sans-serif;font-weight:600;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.1;letter-spacing:-.03em;color:var(--color-primary);text-wrap:balance}
.ab-prose{font-size:1.06rem;line-height:1.75}
.ab-prose>*+*{margin-top:1em}
.ab-prose p{max-width:62ch;margin-bottom:0}
.ab-prose .about-lead{font-size:clamp(1.15rem,1.8vw,1.35rem);line-height:1.5;color:var(--color-text)}
.ab-actions{display:flex;flex-wrap:wrap;gap:12px;margin:clamp(22px,3vw,34px) 0 0}
.ab-frame{margin:0;padding:10px;border-radius:calc(var(--radius,18px) + 10px);background:var(--color-surface);border:1px solid var(--color-line);box-shadow:0 26px 50px -30px color-mix(in srgb,var(--color-primary) 40%,transparent)}
.ab-frame img{display:block;width:100%;height:auto;max-height:min(80vh,760px);object-fit:contain;border-radius:var(--radius,18px)}
.ab-frame-logo{display:flex;justify-content:center;align-items:center;padding:clamp(32px,6vw,72px)}
.ab-frame-logo img{max-width:min(100%,360px);object-fit:contain;border-radius:0}
.ab-cards-wrap .about-cards{display:grid;gap:clamp(16px,2.4vw,28px)}
.ab-cards-wrap .about-card{position:relative;padding:clamp(24px,3vw,36px);border:1px solid var(--color-line);border-radius:calc(var(--radius,18px) + 4px);background:var(--color-surface)}
.ab-cards-wrap .about-card::before{content:"";display:block;width:44px;height:44px;margin-bottom:22px;border-radius:12px;background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface))}
.ab-cards-wrap .about-card::after{content:"";position:absolute;left:calc(clamp(24px,3vw,36px) + 13px);top:calc(clamp(24px,3vw,36px) + 13px);width:18px;height:18px;border:3px solid var(--color-accent);border-radius:50%}
.ab-cards-wrap .about-card+.about-card::after{background:var(--color-accent);border-radius:50% 50% 50% 4px}
.ab-cards-wrap .about-card h2{margin:0 0 10px;font-family:var(--font-heading),system-ui,sans-serif;font-weight:600;font-size:clamp(1.25rem,2vw,1.5rem);letter-spacing:-.02em;color:var(--color-text)}
.ab-cards-wrap .about-card p{margin:0;max-width:60ch;line-height:1.7;color:var(--color-muted)}
.ab-svc{padding-top:clamp(36px,5vw,72px)}
.ab-svc h2{margin:0 0 16px;font-family:var(--font-heading),system-ui,sans-serif;font-weight:600;font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.02em}
.ab-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.ab-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--color-line);border-radius:999px;color:var(--color-text);text-decoration:none;background:var(--color-surface);transition:background-color var(--dur,.2s) var(--ease,ease),border-color var(--dur,.2s) var(--ease,ease)}
.ab-chips a:hover,.ab-chips a:focus-visible{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}
.ab-chips .ab-all a{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}
.ab-contact{padding-top:clamp(36px,5vw,64px)}
.ab-contact-in{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;padding:clamp(20px,3vw,30px);border:1px solid var(--color-line);border-radius:calc(var(--radius,18px) + 4px);background:var(--color-surface)}
.ab-logo{display:block;width:auto;max-width:200px;height:auto;max-height:64px;object-fit:contain}
.ab-contact-text{flex:1 1 260px;min-width:0}
.ab-contact-text p{margin:0}
.ab-contact-text p+p{margin-top:6px}
.ab-hours{margin-left:12px;color:var(--color-muted)}
@media(min-width:900px){
  .ab-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .ab-cards-wrap .about-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:899px){.ab-hours{display:block;margin:4px 0 0}}
@media(prefers-reduced-motion:reduce){.ab-chips a{transition:none}}