/* NakitCar · çok sayfalı düzen: menü, iç sayfa başlıkları, marka logoları, form sayfaları. */

/* Üst menü */
.desktop-nav a[aria-current=page] { color:#14220e; background:linear-gradient(172deg,#d5f5bb,#b9e39a); }
.nav-end { display:flex; align-items:center; gap:10px; }
.menu-button { display:none; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; color:#e0e8df; border:1px solid rgba(255,255,255,.11); background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02)); }
.menu-button svg { width:20px; height:20px; }
.menu-button .icon-close { display:none; }
.menu-button[aria-expanded=true] .icon-open { display:none; }
.menu-button[aria-expanded=true] .icon-close { display:block; }
.mobile-menu { border-top:1px solid rgba(232,247,221,.09); padding:10px 0 18px; }
.mobile-menu nav { display:grid; gap:4px; }
.mobile-menu a { display:flex; align-items:center; justify-content:space-between; min-height:50px; padding:0 16px; border-radius:14px; color:#dce6d6; font-size:16px; }
.mobile-menu a[aria-current=page] { background:rgba(220,243,199,.09); color:#e4f5d5; }
.mobile-menu a.menu-cta { margin-top:8px; color:#14220e; background:linear-gradient(172deg,#d5f5bb,#b2dd92); font-weight:600; }

/* İç sayfa başlığı */
.page-hero { padding-top:64px; padding-bottom:40px; }
.page-hero>* { max-width:820px; }
.page-hero h1 { font-size:clamp(40px,4.4vw,60px); letter-spacing:-2.6px; margin-bottom:18px; }
.page-hero p:not(.eyebrow) { color:#aeb8b0; font-size:18px; max-width:560px; margin:0; }
.breadcrumb { display:flex; gap:8px; font-size:13px; color:#95a399; margin-bottom:22px; }
.breadcrumb a { color:#c3dcae; }
.process-section.flush { border-top:0; }
.prose { padding-top:10px; padding-bottom:70px; }
.prose>* { max-width:760px; }
.prose h2 { font-size:26px; letter-spacing:-.6px; margin:36px 0 12px; }
.prose p, .prose li { color:#b6c3aa; font-size:16px; line-height:1.8; }
.prose a { color:#d2e8bd; border-bottom:1px solid rgba(213,242,186,.3); }

/* Marka logoları */
.brand-logo { display:grid; place-items:center; flex-shrink:0; border-radius:50%; background:#f3f6ef; box-shadow:inset 0 -2px 4px rgba(0,0,0,.08),0 4px 14px -6px rgba(0,0,0,.6); overflow:hidden; color:#203024; font-weight:700; }
.brand-logo img { width:72%; height:72%; object-fit:contain; }
.brand-logo-sm { width:44px; height:44px; font-size:13px; }
.brand-logo-md { width:54px; height:54px; font-size:15px; }
.brand-logo-lg { width:58px; height:58px; font-size:16px; }
.brand-logo.is-other { background:rgba(220,243,199,.1); color:#c8eeb0; font-size:26px; font-weight:300; box-shadow:inset 0 0 0 1px rgba(216,242,199,.2); }
.brand-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:10px; }
.brand-tile { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; min-height:112px; padding:14px 6px 12px; border-radius:16px; color:#dce6d5; font-size:13px; line-height:1.25; text-align:center; border:1px solid rgba(216,237,204,.11); border-top-color:rgba(231,249,221,.16); background:linear-gradient(150deg,rgba(216,233,203,.06),rgba(216,233,203,.015)); transition:border-color .18s,background .18s,transform .15s; }
.brand-tile:hover { border-color:rgba(201,231,181,.32); background:linear-gradient(150deg,rgba(216,233,203,.1),rgba(216,233,203,.03)); }
.brand-tile:active { transform:translateY(1px); }
.brand-tile[aria-pressed=true] { border-color:#b9e39a; background:linear-gradient(150deg,rgba(195,239,157,.16),rgba(195,239,157,.05)); box-shadow:0 0 0 1px #b9e39a inset; }
.brand-name { overflow-wrap:anywhere; }
.brand-search { position:relative; margin-bottom:14px; }
.brand-search svg { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:#9aa794; pointer-events:none; }
.brand-search input { padding-left:42px; }
.brand-more { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:12px; min-height:48px; border-radius:13px; color:#d9eec9; border:1px dashed rgba(216,242,199,.22); background:transparent; font-size:14px; }
.brand-more:hover { background:rgba(255,255,255,.03); }
.brand-empty { font-size:13px; color:#a6b09e; margin:12px 0 0; }
.brand-selected { display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:16px; border:1px solid rgba(207,239,183,.18); background:linear-gradient(135deg,rgba(196,235,169,.09),rgba(196,235,169,.025)); }
.brand-selected small { display:block; font-size:12px; color:#a6b39f; }
.brand-selected strong { display:block; font-size:18px; font-weight:500; color:#eef5e7; }
.brand-selected button { margin-left:auto; min-height:44px; padding:0 16px; border-radius:12px; color:#dce8d3; border:1px solid rgba(221,242,211,.16); background:rgba(255,255,255,.04); font-size:14px; }
#vehicle-fields { margin-top:6px; }
.field-label { display:block; font-size:14px; color:#d5dfd0; margin:0 0 10px; }

/* Ana sayfa başlangıç kartı */
.resume-offer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; margin-bottom:18px; border-radius:13px; font-size:13px; color:#c5d6b8; border:1px solid rgba(207,239,183,.16); background:rgba(196,235,169,.06); }
.resume-offer strong { color:#e6f2dc; font-weight:500; }
.resume-offer a { color:#c8eeb0; font-weight:600; white-space:nowrap; min-height:44px; display:inline-flex; align-items:center; }
.home-links { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.home-links a { display:flex; flex-direction:column; gap:10px; padding:26px 27px; border-radius:20px; border:1px solid rgba(229,247,218,.1); border-top-color:rgba(229,247,218,.18); background:linear-gradient(150deg,rgba(216,233,203,.055),rgba(216,233,203,.015)); transition:border-color .2s; }
.home-links a:hover { border-color:rgba(201,231,181,.3); }
.home-links strong { font-size:19px; font-weight:500; color:#e4ecdc; display:flex; justify-content:space-between; }
.home-links span { font-size:14px; color:#a6b29f; line-height:1.7; }

/* Form sayfaları */
.offer-layout { display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr); gap:64px; align-items:start; padding-top:52px; padding-bottom:80px; }
.offer-aside h1 { font-size:clamp(36px,3.6vw,52px); letter-spacing:-2.2px; margin-bottom:18px; }
.offer-aside .hero-description { font-size:16px; }
.offer-aside .photo-explainer { margin-top:26px; }
.aside-help { margin-top:24px; font-size:14px; color:#a6b39f; line-height:1.7; }
.aside-help a { color:#d2e8bd; border-bottom:1px solid rgba(213,242,186,.3); }
.offer-layout .offer-card { padding:34px; }
.steps a { display:flex; align-items:center; justify-content:center; gap:7px; color:inherit; width:100%; }
.vehicle-summary { display:flex; align-items:center; gap:13px; }
.vehicle-summary>div { min-width:0; flex:1; }
.vehicle-summary span { display:block; }
.summary-edit { margin-left:auto; align-self:center; color:#c8eeb0; font-size:13px; min-height:44px; display:inline-flex; align-items:center; padding:0 4px; }
.back-link { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 18px; border-radius:13px; color:#dce8d3; background:rgba(255,255,255,.035); border:1px solid rgba(221,242,211,.14); font-size:14px; white-space:nowrap; }
.reset-link { display:block; margin:10px auto 0; min-height:44px; border:0; background:none; color:#a6b09e; font-size:12px; text-decoration:underline; }

/* 404 */
.not-found { padding-top:90px; padding-bottom:110px; text-align:center; }
.not-found h1 { font-size:clamp(44px,6vw,80px); }
.not-found p:not(.eyebrow) { color:#aeb8b0; font-size:18px; }
.not-found .primary-button { display:inline-flex; width:auto; margin-top:16px; }

@media(max-width:1100px) and (min-width:801px) {
  .offer-layout { gap:36px; grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr); }
  }
@media(max-width:800px) {
  .menu-button { display:inline-flex; }
  .header-contact span { display:none; }
  .header-contact { width:44px; height:44px; padding:0; justify-content:center; }
  body.menu-open .mobile-cta { visibility:hidden; }
  .page-hero { padding-top:34px; padding-bottom:24px; }
  .page-hero h1 { font-size:clamp(38px,8vw,52px); letter-spacing:-2px; }
  .page-hero p:not(.eyebrow) { font-size:16px; }
  .offer-layout { grid-template-columns:1fr; gap:24px; padding-top:26px; padding-bottom:50px; }
  .offer-aside h1 { font-size:34px; letter-spacing:-1.5px; margin-bottom:10px; }
  .offer-aside .hero-description { margin-bottom:0; }
  .offer-aside .photo-explainer, .offer-aside .aside-help { display:none; }
  .offer-layout .offer-card { padding:24px 20px; }
  .brand-grid { grid-template-columns:repeat(auto-fill,minmax(88px,1fr)); gap:8px; }
  .brand-tile { min-height:104px; }
  .home-links { grid-template-columns:1fr; gap:12px; }
  .prose { padding-bottom:50px; }
}
@media(max-width:500px) {
  .brand-grid { grid-template-columns:repeat(3,1fr); }
    .brand-tile { font-size:12px; }
  }
@media(max-width:360px) {
  .brand-grid, }
@media(prefers-reduced-transparency:reduce) {
  .brand-tile { background:#1b271e; }
}
.handoff-note a { color:#d2e8bd; text-decoration:underline; }
@media(min-width:801px) { .offer-aside { position:sticky; top:28px; } }
.offer-wrap:before { -webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent); mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent); }

/* Logo çipi: özet, seçili marka ve ana sayfa şeridinde yumuşak köşeli kart */
.brand-logo-chip, .vehicle-summary .brand-logo, .brand-selected .brand-logo { border-radius:15px; background:linear-gradient(160deg,#fbfcf9,#e4eadf); box-shadow:inset 0 1px 0 #fff,inset 0 -1px 2px rgba(40,60,40,.12),0 0 0 1px rgba(226,247,218,.18),0 8px 18px -10px rgba(0,0,0,.8); }
.vehicle-summary .brand-logo { width:52px; height:52px; }
.vehicle-summary .brand-logo img, .brand-selected .brand-logo img, .brand-logo-chip img { width:66%; height:66%; }
.vehicle-summary { align-items:center; padding:14px 16px; }
.vehicle-summary strong { font-size:16px; }
.brand-logo-chip { width:60px; height:60px; margin-right:12px; font-size:15px; }

/* Tamamlanan adım bağlantıları: numara halkası + onay işareti */
.steps a>span:first-child { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; font-size:0; background:rgba(184,225,151,.13); border:1px solid rgba(184,225,151,.3); color:#c7ebad; }
.steps a>span:first-child:before { content:'✓'; font-size:11px; }
.steps li.complete:hover { background:rgba(255,255,255,.04); }

/* Ana sayfa başlangıç kartı */
.start-card .form-heading>span { color:#c8eeb0; border-color:rgba(200,238,176,.25); background:rgba(200,238,176,.07); }
.start-card h2 { font-size:31px; }
.brand-marquee { display:grid; gap:12px; margin:6px -32px 0; padding:8px 0; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent); mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent); }
.marquee-row { overflow:hidden; }
.marquee-track { display:flex; width:max-content; padding:3px 0 9px; animation:brand-marquee 70s linear infinite; }
.marquee-row.reverse .marquee-track { animation-duration:80s; animation-direction:reverse; }
.brand-marquee:hover .marquee-track { animation-play-state:paused; }
@keyframes brand-marquee { to { transform:translateX(-50%); } }
.marquee-caption { text-align:center; font-size:12px; color:#9fae98; margin:6px 0 22px; }
.marquee-caption span:first-child { color:#d3ecbe; font-weight:600; }
.start-button { min-height:60px; font-size:16px; box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 34px -6px rgba(160,224,119,.35); }
.or-divider { display:flex; align-items:center; gap:14px; margin:14px 0; font-size:12px; color:#8f9c8a; }
.or-divider:before, .or-divider:after { content:''; flex:1; height:1px; background:rgba(223,244,207,.12); }
.whatsapp-button { display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 18px 10px 10px; border-radius:15px; color:#e6f2dc; border:1px solid rgba(221,242,211,.16); border-top-color:rgba(236,252,226,.24); background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.02)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); transition:border-color .2s,background .2s; }
.whatsapp-button:hover { border-color:rgba(132,222,160,.45); background:linear-gradient(150deg,rgba(132,222,160,.1),rgba(255,255,255,.02)); }
.wa-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; color:#fff; background:linear-gradient(160deg,#3ee07a,#1fb455); box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px -6px rgba(37,211,102,.55); }
.wa-icon svg { width:24px; height:24px; fill:currentColor; stroke:none; }
.wa-text { flex:1; display:grid; line-height:1.3; }
.wa-text strong { font-size:15px; font-weight:600; }
.wa-text small { font-size:12px; color:#a6b39f; }
.whatsapp-button>svg { width:18px; height:18px; color:#b9d8a6; }
.trust-list { list-style:none; margin:22px 0 0; padding:18px 0 0; display:grid; gap:11px; border-top:1px solid rgba(232,250,220,.1); }
.trust-list li { display:flex; gap:11px; align-items:flex-start; font-size:13px; color:#b3c0aa; line-height:1.5; }
.trust-list svg { width:20px; height:20px; padding:4px; border-radius:50%; color:#c8eeb0; background:rgba(200,238,176,.1); border:1px solid rgba(200,238,176,.2); stroke-width:2.2; }
@media(max-width:1100px) { .brand-marquee { margin-inline:-26px; } }
@media(max-width:800px) { .brand-marquee { margin-inline:-25px; } .start-card h2 { font-size:28px; } .brand-logo-chip { width:54px; height:54px; margin-right:10px; } }
@media(max-width:360px) { .brand-marquee { margin-inline:-18px; } }
@media(prefers-reduced-motion:reduce) { .marquee-track { transform:none; } }

/* Footer */
.site-footer { padding:64px 0 28px; background:linear-gradient(180deg,#080c0a,#060908); }
.footer-main { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.7fr); gap:48px; padding-bottom:44px; border-bottom:1px solid rgba(223,244,207,.08); }
.footer-brand .wordmark { font-size:32px; }
.footer-brand p { margin:16px 0 22px; max-width:340px; font-size:14px; line-height:1.7; color:#a4b199; }
.footer-contact { display:flex; flex-wrap:wrap; gap:10px; }
.footer-pill { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:0 16px; border-radius:50px; font-size:14px; color:#e0e8df; border:1px solid rgba(255,255,255,.11); background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015)); transition:border-color .2s; }
.footer-pill:hover { border-color:rgba(201,231,181,.35); }
.footer-pill svg { width:17px; height:17px; }
.footer-pill-wa svg { fill:#3ee07a; stroke:none; }
.footer-col { display:flex; flex-direction:column; align-items:flex-start; }
.footer-title { margin:4px 0 12px; font-size:11px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; color:#7f8d79; }
.footer-col a { display:inline-flex; align-items:center; gap:5px; min-height:40px; font-size:14px; color:#c9d4c3; transition:color .2s; }
.footer-col a:hover { color:#e6f5d8; }
.footer-legal { display:flex; align-items:center; justify-content:space-between; gap:16px 32px; padding-top:22px; }
.copyright { margin:0; font-size:12px; color:#86937f; }
.credit { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#86937f; font-size:12px; transition:opacity .2s; }
.credit:hover { opacity:.85; }
.credit-label { white-space:nowrap; }
.credit-logo { display:inline-flex; align-items:center; padding-left:12px; border-left:1px solid rgba(223,244,207,.12); }
.credit-logo img { height:30px; width:auto; }
.credit-logo.is-text { color:#7f9cff; font-weight:700; font-size:13px; }
.credit>svg { width:14px; height:14px; color:#9aa894; }
@media(max-width:800px) {
  .site-footer { padding:44px 0 max(28px,env(safe-area-inset-bottom)); }
  .footer-main { grid-template-columns:1fr 1fr; gap:32px 20px; padding-bottom:32px; }
  .footer-brand { grid-column:1/-1; }
  .footer-brand p { margin:12px 0 18px; }
  .footer-legal { flex-direction:column-reverse; align-items:stretch; gap:14px; padding-top:20px; text-align:center; }
  .credit { justify-content:center; padding:10px 16px; border-radius:14px; border:1px solid rgba(223,244,207,.08); background:rgba(255,255,255,.02); }
  .credit-label { white-space:normal; text-align:left; line-height:1.4; max-width:150px; }
  .credit-logo img { height:28px; }
}
@media(max-width:360px) { .footer-contact .footer-pill { flex:1 1 100%; justify-content:center; } }