/* /ankara-dijital-pazarlama-ajansi — ankara-server-companies.css (.asr) üzerine dijital pazarlamaya özel bileşenler */



/* ---- Hero: kampanya paneli maketi ---- */
.adm-dashboard{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px) minmax(0,1fr);gap:16px;align-items:stretch;width:100%;margin-top:80px;text-align:left}
.adm-dashboard__card{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;background-color:var(--gray-100)}
.adm-dashboard__card--main{background-color:#0b1020}
.adm-dashboard__channels{display:flex;flex-direction:column;gap:10px}
.adm-dashboard__channels li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background-color:#111729}
.adm-dashboard__channels li>span:nth-child(2){flex:1;font-size:var(--font-size-12);line-height:var(--line-height-16);color:var(--slate-400)}
.adm-dashboard__channels strong{display:block;font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--white)}
.adm-dashboard__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px}
.adm-dashboard__icon--google{background-color:rgba(57,122,247,.16);color:var(--azure-radiance-400)}
.adm-dashboard__icon--meta{background-color:rgba(168,85,247,.16);color:var(--purple)}
.adm-dashboard__icon--seo{background-color:rgba(92,225,92,.14);color:var(--success)}
.adm-dashboard__icon--ai{background-color:rgba(128,69,255,.16);color:var(--purple)}
.adm-toggle{position:relative;flex-shrink:0;width:32px;height:18px;border-radius:100px;background-color:var(--azure-radiance-500)}
.adm-toggle:after{content:"";position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:100px;background-color:var(--white)}
.adm-funnel{display:flex;flex-direction:column;align-items:center;gap:8px}
.adm-funnel li{display:flex;align-items:center;justify-content:center;height:44px;border-radius:8px;background:linear-gradient(106.2deg,rgba(57,122,247,.85) .05%,rgba(128,69,255,.85) 96.98%)}
.adm-funnel li:nth-child(2){opacity:.85}
.adm-funnel li:nth-child(3){opacity:.7}
.adm-funnel li:nth-child(4){background:var(--success);opacity:1}
.adm-funnel span{font-size:var(--font-size-14);font-weight:var(--font-weight-600);color:var(--white)}
.adm-funnel li:nth-child(4) span{color:var(--success-text)}
.adm-dashboard__spark{display:flex;align-items:flex-end;gap:6px;height:56px;margin-top:auto;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.06)}
.adm-dashboard__spark i{flex:1;border-radius:3px 3px 0 0;background-color:rgba(57,122,247,.45)}
.adm-dashboard__spark i:nth-child(1){height:30%}.adm-dashboard__spark i:nth-child(2){height:36%}.adm-dashboard__spark i:nth-child(3){height:32%}.adm-dashboard__spark i:nth-child(4){height:44%}
.adm-dashboard__spark i:nth-child(5){height:40%}.adm-dashboard__spark i:nth-child(6){height:52%}.adm-dashboard__spark i:nth-child(7){height:58%}.adm-dashboard__spark i:nth-child(8){height:54%}
.adm-dashboard__spark i:nth-child(9){height:68%}.adm-dashboard__spark i:nth-child(10){height:74%}.adm-dashboard__spark i:nth-child(11){height:86%}.adm-dashboard__spark i:nth-child(12){height:100%;background-color:var(--azure-radiance-500)}
.adm-dashboard__checks{display:flex;flex-direction:column;gap:14px}
.adm-dashboard__checks li{display:flex;align-items:center;gap:10px;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-200)}
.adm-dashboard__status{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.06);font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-300)}
@media (max-width:1023px){.adm-dashboard{grid-template-columns:1fr;margin-top:48px}.adm-dashboard__card--main{order:-1}}

/* ---- Ajans ne iş yapar: merkez ve düğümler ---- */
.asr .adm-what{background-color:var(--white)}
.adm-what__text p{margin-top:24px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-500)}
.adm-hub{position:relative;aspect-ratio:1/1;max-width:520px;width:100%;margin:0 auto}
.adm-hub:before{content:"";position:absolute;inset:15%;border:2px dashed var(--slate-200);border-radius:100px}
.adm-hub__core{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:34%;aspect-ratio:1/1;border-radius:100px;transform:translate(-50%,-50%);background-color:var(--azure-radiance-500);text-align:center}
.adm-hub__core strong{font-size:var(--font-size-20);font-weight:var(--font-weight-600);line-height:var(--line-height-28);color:var(--white)}
.adm-hub__nodes li{position:absolute;transform:translate(-50%,-50%)}
.adm-hub__nodes li:nth-child(1){top:15%;left:50%}
.adm-hub__nodes li:nth-child(2){top:32.5%;left:85%}
.adm-hub__nodes li:nth-child(3){top:67.5%;left:85%}
.adm-hub__nodes li:nth-child(4){top:85%;left:50%}
.adm-hub__nodes li:nth-child(5){top:67.5%;left:15%}
.adm-hub__nodes li:nth-child(6){top:32.5%;left:15%}
.adm-hub__nodes a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:100px;background-color:var(--slate-50);font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);white-space:nowrap;color:var(--slate-700);transition:border-color .3s ease-in-out,color .3s ease-in-out}
.adm-hub__nodes a svg{color:var(--azure-radiance-600)}
.adm-hub__nodes a:hover{background-color:var(--slate-100);color:var(--azure-radiance-700)}
@media (max-width:1023px){
  .adm-hub{aspect-ratio:auto;max-width:none}
  .adm-hub:before{display:none}
  .adm-hub__core{position:static;width:auto;aspect-ratio:auto;padding:20px;border-radius:8px;transform:none;box-shadow:none}
  .adm-hub__nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
  .adm-hub__nodes li{position:static;transform:none}
  .adm-hub__nodes a{width:100%;border-radius:8px;white-space:normal}
}

/* ---- Ajans mı, kendi ekibiniz mi ---- */
.asr .adm-inhouse{background-color:var(--white)}
/* Ajans / kendi ekip karşılaştırması: her kriter ayrı kart (sitenin kart standardı) */
.adm-versus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-top:64px}
.adm-versus__card{display:flex;flex-direction:column;gap:20px;padding:32px 24px;border-radius:8px;background-color:var(--slate-50)}
.adm-versus__side{display:flex;flex-direction:column;gap:8px}
.adm-versus__side+.adm-versus__side{padding-top:20px;border-top:1px solid var(--slate-200)}
.adm-versus__side .asr-label{display:inline-flex;align-items:center;gap:8px}
.adm-versus__side.is-agency .asr-label{color:var(--azure-radiance-600)}
.adm-versus__side p{font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.adm-versus__side.is-agency p{color:var(--slate-800)}
.adm-versus__x{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border-radius:100px;background-color:var(--slate-200);color:var(--slate-500)}
@media (max-width:1023px){.adm-versus{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px}}
@media (max-width:600px){.adm-versus{grid-template-columns:1fr}}

/* ---- Ankara gerçeği (koyu bant) ---- */
.asr .adm-ankara{background-color:var(--slate-950)}
.adm-ankara .container{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:72px;align-items:center}
.adm-ankara__label{display:inline-flex;align-self:flex-start;padding:2px 12px;border-radius:100px;background-color:hsla(0,0%,100%,.08);font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-22);color:var(--slate-300)}
.adm-ankara__label--fact{margin-top:32px;background-color:var(--success-bg);color:var(--success-text)}
.adm-ankara__myth{display:flex;flex-direction:column}
.adm-ankara__quote{margin-top:16px;font-size:var(--font-size-30);font-weight:var(--font-weight-600);line-height:var(--line-height-38);letter-spacing:-.02em;color:var(--slate-500)}
.adm-ankara__quote s{text-decoration-color:var(--red-200);text-decoration-thickness:3px}
.adm-ankara__fact{margin-top:16px;font-size:var(--font-size-30);font-weight:var(--font-weight-600);line-height:var(--line-height-38);letter-spacing:-.02em;color:var(--white)}
.adm-ankara__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.adm-ankara__facts li{display:flex;flex-direction:column;padding:28px;border:1px solid hsla(0,0%,100%,.03);border-radius:8px;background-color:hsla(0,0%,100%,.03)}
.adm-ankara__facts strong{font-size:var(--font-size-36);font-weight:var(--font-weight-600);line-height:var(--line-height-44);letter-spacing:-.03em;background:linear-gradient(94.61deg,#397af7 47.31%,#8045ff 89.59%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.adm-ankara__facts h3{margin-top:12px;color:var(--white)}
.adm-ankara__facts p{margin-top:8px;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-400)}
@media (max-width:1023px){.adm-ankara .container{grid-template-columns:1fr;gap:40px}.adm-ankara__quote,.adm-ankara__fact{font-size:var(--font-size-24);line-height:var(--line-height-32)}.adm-ankara__facts{grid-template-columns:1fr}}

/* ---- Kanal seçici paneli ---- */
.adm-channel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);width:100%;margin-top:40px;overflow:hidden;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.adm-channel[hidden]{display:none}
.adm-channel__main{display:flex;flex-direction:column;align-items:flex-start;padding:40px}
.adm-channel__main h3{margin-top:20px}
.adm-channel__facts{display:flex;flex-direction:column;width:100%;margin:24px 0 32px}
.adm-channel__facts div{padding:16px 0;border-top:1px solid var(--slate-200)}
.adm-channel__facts dt{font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-20);letter-spacing:.06em;text-transform:uppercase;color:var(--slate-400)}
.adm-channel__facts dd{margin-top:4px;font-size:var(--font-size-18);line-height:var(--line-height-28);color:var(--slate-700)}
.adm-more{margin-top:auto}
.adm-channel__side{display:flex;flex-direction:column;padding:40px;background-color:var(--slate-50);border-left:1px solid var(--slate-200)}
.adm-channel__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:32px}
.adm-channel__meta div{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.adm-channel__meta span{font-size:var(--font-size-12);line-height:var(--line-height-16);color:var(--slate-400)}
.adm-channel__meta strong{font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:var(--line-height-22);color:var(--slate-800)}
.adm-channel__side h4{margin-bottom:20px}
.adm-channels .asr-notice strong{font-weight:var(--font-weight-600)}
@media (max-width:1023px){.adm-channel{grid-template-columns:1fr}.adm-channel__main,.adm-channel__side{padding:28px}.adm-channel__side{border-left:none;border-top:1px solid var(--slate-200)}}

/* ---- Sık yapılan hatalar ---- */
.asr .adm-mistakes{background-color:var(--white)}
.adm-mistakes__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;width:100%;margin-top:64px}
.adm-mistakes__grid li{display:flex;flex-direction:column;grid-column:span 2;padding:28px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.adm-mistakes__grid li:nth-child(4),.adm-mistakes__grid li:nth-child(5){grid-column:span 3}
.adm-mistakes__x{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:100px;background-color:var(--danger-bg);color:var(--red-200)}
.adm-mistakes__grid h3{margin-top:20px;color:var(--slate-800)}
.adm-mistakes__grid p{margin:8px 0 24px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.adm-mistakes__fix{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid var(--slate-200);font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-700)}
@media (max-width:1023px){.adm-mistakes__grid{grid-template-columns:1fr;margin-top:40px}.adm-mistakes__grid li,.adm-mistakes__grid li:nth-child(4),.adm-mistakes__grid li:nth-child(5){grid-column:auto}}

/* ---- İlçe rehberi ---- */
.asr .adm-districts{background-color:var(--white)}
.adm-districts__grid li{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.adm-districts__pin{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--azure-radiance-100);color:var(--azure-radiance-700)}
.adm-districts__grid h3{margin-top:16px;color:var(--slate-800)}
.adm-districts__grid p{margin:4px 0 20px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.adm-districts__chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto}
.adm-districts__chips i{font-style:normal;font-weight:var(--font-weight-600);color:var(--slate-400)}
@media (max-width:1023px){.adm-districts__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}}
@media (max-width:600px){.adm-districts__grid{grid-template-columns:1fr}}

/* ---- Bütçe: üç daire kesişimi ---- */
.asr .adm-budget{background-color:var(--white)}
.adm-budget__calc{display:flex;flex-direction:column;width:100%;max-width:460px;margin:0 auto;padding:32px;border-radius:8px;background-color:var(--slate-950)}
.adm-budget__calc-list{display:flex;flex-direction:column;gap:28px;margin-top:20px}
.adm-budget__calc-list li{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;background-color:hsla(0,0%,100%,.03)}
/* Satırlar arası artı işareti */
.adm-budget__calc-list li+li:before{content:"+";position:absolute;top:-24px;left:50%;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:-10px;font-size:var(--font-size-18);font-weight:var(--font-weight-600);line-height:1;color:var(--slate-500)}
.adm-budget__calc-list strong{flex:1;font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:var(--line-height-24);color:var(--white)}
.adm-budget__calc-list em{padding:2px 10px;border-radius:100px;background-color:hsla(0,0%,100%,.06);font-size:var(--font-size-12);font-style:normal;font-weight:var(--font-weight-500);line-height:var(--line-height-20);color:var(--slate-300)}
.adm-budget__calc-result{display:flex;flex-direction:column;gap:4px;margin-top:28px;padding:20px 22px;border-radius:8px;background-color:var(--azure-radiance-500)}
.adm-budget__calc-result span{font-size:var(--font-size-14);line-height:var(--line-height-20);color:hsla(0,0%,100%,.8)}
.adm-budget__calc-result strong{font-size:var(--font-size-24);font-weight:var(--font-weight-600);line-height:var(--line-height-32);letter-spacing:-.02em;color:var(--white)}
.adm-budget__text>p{margin-top:24px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-500)}
.adm-budget__factors{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:32px}
.adm-budget__factors li{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50);font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.adm-budget__factors strong{min-width:72px;font-weight:var(--font-weight-600);color:var(--slate-800)}
.adm-budget__dot{flex-shrink:0;width:12px;height:12px;border-radius:100px}
.adm-budget__dot--1{background-color:var(--azure-radiance-500)}
.adm-budget__dot--2{background-color:var(--purple)}
.adm-budget__dot--3{background-color:var(--success)}
.adm-budget__text>p.adm-budget__tip{margin:24px 0 32px;padding-left:16px;border-left:3px solid var(--azure-radiance-500);font-size:var(--font-size-16);line-height:var(--line-height-28)}
@media (max-width:1023px){.adm-budget__calc{padding:24px}}

/* ---- Ajans seçimi ve sertifikalar ---- */
.asr .adm-choose{background-color:var(--white)}
.adm-choose .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:96px;align-items:center}
.adm-choose__list{display:flex;flex-direction:column;width:100%;margin-top:40px}
.adm-choose__list li{display:flex;gap:24px;padding:20px 0;border-top:1px solid var(--slate-200)}
.adm-choose__num{flex-shrink:0;width:40px;font-size:var(--font-size-24);font-weight:var(--font-weight-700);line-height:var(--line-height-32);color:var(--slate-200)}
.adm-choose__list h3{font-size:var(--font-size-18);font-weight:var(--font-weight-600);line-height:var(--line-height-28);color:var(--slate-800)}
.adm-choose__list p{margin-top:4px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.adm-partners{display:flex;flex-direction:column;gap:16px;padding:32px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.adm-partners__label+.adm-partners__logos{margin-top:0}
.adm-partners ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.adm-partners ul li{display:flex;align-items:center;justify-content:center;height:96px;padding:16px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.adm-partners ul img{max-width:100%;max-height:56px;width:auto;height:auto;object-fit:contain}
.adm-partners__logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adm-partners__logos .references-logos-item{height:72px}
@media (max-width:1023px){.adm-choose .container{grid-template-columns:1fr;gap:40px}}

@media (prefers-reduced-motion:reduce){
  .adm-hub__nodes a{transition:none}
}