﻿/* nPuan Market Hukuk P4 RC1 - 05.10.2026 */
.np-legal-page{background:#f7f8fb;color:#21232a;min-height:100vh}
.np-legal-hero{background:linear-gradient(135deg,#17191f 0%,#262932 100%);color:#fff;padding:42px 0 34px}
.np-legal-hero .container{max-width:1180px}
.np-legal-back{display:inline-flex;align-items:center;color:#d9dce6;font-size:14px;margin-bottom:24px;text-decoration:none}
.np-legal-back:hover{color:#fff}
.np-legal-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.11em;color:#c9a348;margin-bottom:9px}
.np-legal-hero h1{font-size:34px;line-height:1.18;margin:0 0 12px;color:#fff}
.np-legal-hero p{max-width:800px;margin:0;color:#d8dbe3;font-size:16px;line-height:1.65}
.np-legal-version{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.np-legal-version span{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.06);font-size:12px;color:#e8e9ed}
.np-legal-content{padding:34px 0 56px}
.np-legal-content .container{max-width:1180px}
.np-legal-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.np-legal-toc{position:sticky;top:18px;background:#fff;border:1px solid #e7e9ef;border-radius:16px;padding:18px;box-shadow:0 8px 30px rgba(25,30,45,.04);max-height:calc(100vh - 36px);overflow:auto}
.np-legal-toc>strong{display:block;font-size:14px;margin-bottom:10px;color:#17191f}
.np-legal-toc a{display:flex;gap:10px;align-items:flex-start;padding:8px 5px;color:#555b69;text-decoration:none;font-size:12.5px;line-height:1.35;border-radius:8px}
.np-legal-toc a:hover{background:#f6f7fa;color:#111}
.np-legal-toc a span{flex:0 0 24px;height:24px;border-radius:7px;background:#f0f1f4;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#777}
.np-legal-card{background:#fff;border:1px solid #e7e9ef;border-radius:18px;padding:30px;box-shadow:0 8px 34px rgba(25,30,45,.05)}
.np-legal-notice{border-left:4px solid #c9a348;background:#fbf8ef;border-radius:10px;padding:14px 16px;margin-bottom:26px}
.np-legal-notice strong{display:block;margin-bottom:3px}
.np-legal-notice p{margin:0!important;color:#575341!important}
.np-legal-section{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:27px 0;border-top:1px solid #edf0f4;scroll-margin-top:20px}
.np-legal-section:first-of-type{border-top:0}
.np-legal-section-no{width:38px;height:38px;border-radius:11px;background:#17191f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.np-legal-section h2,.np-legal-accept-box h2{font-size:20px;line-height:1.35;margin:3px 0 14px;color:#17191f}
.np-legal-section p,.np-legal-accept-box p{font-size:14.5px;line-height:1.78;color:#4a4f5a;margin:0 0 10px}
.np-legal-section p:last-child{margin-bottom:0}
.np-legal-accept-box{margin-top:24px;padding:20px;border:1px solid #eadfbf;background:#fffaf0;border-radius:14px}
.np-legal-accept-box h2{margin-top:0}
.np-legal-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid #edf0f4;color:#888d98;font-size:11px;word-break:break-all}
.np-kcm-general-legal{margin:16px 0 4px;padding:15px 16px;border:1px solid #e2d3a8;background:#fffaf0;border-radius:13px}
.np-kcm-general-legal .np-kcm-legal-title{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;color:#7b6323;margin-bottom:10px}
.np-kcm-general-legal .np-kcm-legal-row{display:flex;align-items:flex-start;gap:8px}
.np-kcm-general-legal .np-kcm-legal-check{display:block;flex:1;min-width:0}
.np-kcm-general-legal .np-kcm-legal-check input{margin-right:7px;vertical-align:middle}
.np-kcm-general-legal .np-kcm-legal-check label{font-size:13.5px;line-height:1.5;color:#36383e;cursor:pointer}
.np-kcm-general-legal a{font-size:12.5px;font-weight:700;color:#7c641f;text-decoration:underline;white-space:nowrap;margin-top:2px}
.np-kcm-general-legal small{display:block;margin-top:8px;color:#777b84;font-size:11.5px;line-height:1.45}
@media(max-width:991px){
  .np-legal-hero{padding:28px 0 24px}
  .np-legal-hero h1{font-size:27px}
  .np-legal-grid{grid-template-columns:1fr}
  .np-legal-toc{position:static;max-height:none;display:none}
  .np-legal-card{padding:20px 17px;border-radius:14px}
  .np-legal-content{padding:20px 0 38px}
  .np-legal-section{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:22px 0}
  .np-legal-section-no{width:32px;height:32px;border-radius:9px;font-size:12px}
  .np-legal-section h2,.np-legal-accept-box h2{font-size:18px}
  .np-legal-section p,.np-legal-accept-box p{font-size:14px;line-height:1.7}
  .np-kcm-general-legal .np-kcm-legal-row{display:block}
  .np-kcm-general-legal a{display:inline-block;margin:8px 0 0 27px;white-space:normal}
}
