/* /ankara-sunucu-sirketleri — "Webimonline Wireframe Tasarımı" yerel SEO açılış sayfası */

.asr a:focus-visible,.asr button:focus-visible,.asr summary:focus-visible{outline:2px solid var(--azure-radiance-500);outline-offset:3px;border-radius:8px}
.asr section:not(.read-more-content){padding:128px 0}
.asr .section-title{max-width:720px}
.asr .section-title .h1{margin-bottom:16px}
@media (max-width:1023px){.asr section:not(.read-more-content){padding:64px 0}}

/* ---- Ortak bileşenler: 7 Ankara/landing sayfası aynı sınıfları kullanır; sayfa dosyalarında yalnızca farklar kalır ---- */
/* Ortalanmış bölüm: başlık ve içerik ortada */
.asr-center .container{display:flex;flex-direction:column;align-items:center}
.asr-center .section-title p{font-size:var(--font-size-16);line-height:var(--line-height-24)}
/* İki sütunlu bölüm: metin + görsel */
.asr-split .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:center}
@media (max-width:1023px){.asr-split .container{grid-template-columns:1fr;gap:40px}}
/* Bölüm metin sütunu: etiket, başlık, açıklama, buton */
.asr-split__text{display:flex;flex-direction:column;align-items:flex-start}
.asr-split__text .h1{margin-top:24px;font-size:var(--font-size-48);line-height:var(--line-height-52);letter-spacing:-.03em}
@media (max-width:1023px){.asr-split__text .h1{font-size:var(--font-size-30);line-height:var(--line-height-36)}}
/* Küçük üst etiket (büyük harf) */
.asr-label{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)}
/* "Detaylı İncele" tipi ok ikonlu link */
.asr-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:var(--font-size-14);font-weight:var(--font-weight-500);color:var(--azure-radiance-600)}
.asr-more svg{transition:transform .3s ease-in-out}
.asr-more:hover svg{transform:translateX(4px)}
/* Kart başlığı: advantages-card başlığıyla aynı tipografi */
.asr-card__title{font-size:var(--font-size-20);font-weight:var(--font-weight-500);line-height:var(--line-height-22);letter-spacing:-.03em;color:var(--slate-800)}
/* Üç sütunlu kart ızgarası */
.asr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;margin-top:64px}

/* Ortak ikon dairesi ve onay listesi */
.asr-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;border-radius:100px;background-color:var(--white);color:var(--azure-radiance-600)}
.asr-check{display:inline-flex;flex-shrink:0}
.asr-list{display:flex;flex-direction:column;gap:14px}
.asr-list li{display:flex;align-items:center;gap:10px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-700)}

/* Karşılaştırma: koyu sütun klasik/olumsuz (kırmızı nokta), açık sütun Webimonline (yeşil nokta, baskın metin) */
.asr-versus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:960px;margin-top:64px}
.asr-versus__col{display:flex;flex-direction:column;padding:32px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.asr-versus__col--classic{border:none;background:var(--slate-950)}
.asr-versus__title{margin-bottom:16px;font-size:var(--font-size-24);font-weight:var(--font-weight-600);line-height:var(--line-height-32);letter-spacing:-.02em;color:var(--slate-500)}
.asr-versus__col--classic .asr-versus__title{color:var(--white)}
.asr-versus__item{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid var(--slate-200)}
.asr-versus__col--classic .asr-versus__item{border-color:hsla(0,0%,100%,.1)}
.asr-versus__value{display:flex;align-items:center;gap:10px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.asr-versus__col--classic .asr-versus__value{color:var(--white)}
/* Karşılaştırma noktaları: kırmızı olumsuz (klasik), yeşil olumlu (Webimonline); Webimonline sütununda metinler baskın */
.asr-dot{flex-shrink:0;width:10px;height:10px;border-radius:100px}
.asr-dot--neg{background-color:var(--danger)}
.asr-dot--pos{background-color:var(--success)}
.asr-versus__col:not(.asr-versus__col--classic) .asr-versus__title{color:var(--slate-900)}
.asr-versus__col:not(.asr-versus__col--classic) .asr-versus__value{font-weight:var(--font-weight-500);color:var(--slate-800)}
@media (max-width:767px){.asr-versus{grid-template-columns:1fr;margin-top:40px}.asr-versus__col{padding:24px}}

/* Numaralı adım akışı (ekran kartı + çizgi); sütun sayısı --asr-flow-cols ile */
.asr-flow__steps{position:relative;display:grid;grid-template-columns:repeat(var(--asr-flow-cols,5),minmax(0,1fr));gap:16px;width:100%;margin-top:64px}
.asr-flow__steps:before{content:"";position:absolute;top:175px;left:calc(50% / var(--asr-flow-cols,5));right:calc(50% / var(--asr-flow-cols,5));height:3px;border-radius:100px;background-color:var(--azure-radiance-500)}
.asr-flow__steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.asr-flow__screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:150px;height:120px;border-radius:8px;background-color:var(--slate-50)}
.asr-flow__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background-color:var(--azure-radiance-100);color:var(--azure-radiance-700)}
.asr-flow__screen i{display:block;width:60%;height:6px;border-radius:4px;background-color:var(--slate-200)}
.asr-flow__screen i+i{width:40%}
.asr-flow__num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:40px;border-radius:100px;background-color:var(--azure-radiance-500);box-shadow:0 0 0 6px var(--white);font-size:var(--font-size-14);font-weight:var(--font-weight-700);color:var(--white)}
.asr-flow__steps h3{margin-top:14px;font-size:var(--font-size-20);font-weight:var(--font-weight-600);line-height:var(--line-height-28);color:var(--slate-800)}
.asr-flow__steps p{margin-top:6px;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-500)}
@media (max-width:1023px){
  .asr-flow__steps{grid-template-columns:1fr;gap:24px;margin-top:40px}
  .asr-flow__steps:before{top:0;bottom:0;left:15px;right:auto;width:3px;height:auto}
  .asr-flow__steps li{display:grid;grid-template-columns:32px 96px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;align-items:start;text-align:left}
  .asr-flow__num{grid-column:1;grid-row:1 / span 2;margin-top:0}
  .asr-flow__screen{grid-column:2;grid-row:1 / span 2;height:80px}
  .asr-flow__icon{width:36px;height:36px}
  .asr-flow__screen i{display:none}
  .asr-flow__steps h3{grid-column:3;margin-top:0}
  .asr-flow__steps p{grid-column:3}
}

/* Dört sütunlu modül kartları (bağlantılı ya da düz) */
.asr-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-top:64px}
.asr-modules li>a,.asr-modules li>div{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:24px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.asr-modules li>a{transition:border-color .3s ease-in-out,transform .3s ease-in-out,box-shadow .3s ease-in-out}
.asr-modules li>a:hover{transform:translateY(-2px);background-color:var(--slate-100)}
.asr-modules h3{margin-top:18px;color:var(--slate-800)}
.asr-modules p{margin-top:8px;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-500)}
.asr-modules .asr-more{padding-top:16px}
.asr-modules a:hover .asr-more svg{transform:translateX(4px)}
@media (max-width:1023px){.asr-modules{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}}
@media (max-width:600px){.asr-modules{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.asr-modules li>a,.asr-modules .asr-more svg{transition:none}.asr-modules li>a:hover{transform:none}}

/* ---- Hero ---- */
/* Arka plan çizgileri sitenin varsayılan .hero bileşeninden (sections/hero.css) gelir */
.asr section.asr-hero{padding:108px 0 64px}
.asr-hero .container{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.asr-breadcrumb ol{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-500)}
.asr-breadcrumb li{display:flex;align-items:center;gap:8px}
.asr-breadcrumb li+li:before{content:"/";color:var(--slate-600)}
.asr-breadcrumb a{color:var(--slate-400);transition:color .3s ease-in-out}
.asr-breadcrumb a:hover{color:var(--white)}
.asr-breadcrumb [aria-current]{color:var(--slate-200)}
.asr-hero .tag{margin-top:24px}
.asr-hero h1{margin-top:24px;font-size:var(--font-size-60);line-height:var(--line-height-64);letter-spacing:-.03em;color:var(--white)}
.asr-hero__lead{max-width:690px;margin-top:24px;font-size:var(--font-size-16);line-height:var(--line-height-28);color:var(--slate-400)}
.asr-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.asr-hero__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;margin-top:20px}

/* Sunucu durum paneli */
.asr-status{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,350px) minmax(0,1fr);gap:16px;align-items:center;width:100%;margin-top:80px;text-align:left}
.asr-status__card{display:flex;flex-direction:column;padding:28px;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;background-color:var(--gray-100)}
.asr-status__label{font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-400)}
.asr-status__value{margin:12px 0 16px;font-size:var(--font-size-30);font-weight:var(--font-weight-600);line-height:var(--line-height-36);letter-spacing:-.02em;color:var(--white)}
.asr-status dl div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid hsla(0,0%,100%,.06)}
.asr-status dl div:first-child{border-top:none}
.asr-status dt{font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-300)}
.asr-status dd{font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-200);text-align:right}
.asr-pill{display:inline-flex;padding:2px 10px;border-radius:100px;font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-20)}
.asr-pill--green{background-color:var(--success-bg);color:var(--success-text)}
.asr-pill--blue{background-color:var(--azure-radiance-100);color:var(--azure-radiance-800)}
.asr-rack{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;background-color:#0b1020}
.asr-rack li{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;border-radius:8px;background-color:#111729}
.asr-rack__label{flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-12);color:var(--slate-400)}
.asr-rack__bars{flex:1;height:18px;background-image:repeating-linear-gradient(to right,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 2px,transparent 2px,transparent 6px)}
.asr-rack__led{flex-shrink:0;width:12px;height:12px;border-radius:100px}
.asr-rack__led--green{background-color:var(--success)}
.asr-rack__led--orange{background-color:var(--purple)}
.asr-rack__led--blue{background-color:var(--azure-radiance-500)}
@media (max-width:1023px){
  .asr section.asr-hero{padding:64px 0}
  .asr-hero h1{font-size:var(--font-size-36);line-height:var(--line-height-44)}
  .asr-status{grid-template-columns:1fr;margin-top:48px}
  .asr-rack{order:-1}
}

/* ---- Neden yerel ---- */
.asr-local{background-color:var(--white)}
.asr-local__text p{margin:24px 0 40px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-500)}
.asr-local .advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.asr-local .advantages-card>svg{color:var(--azure-radiance-600)}

@media (max-width:600px){.asr-local .advantages-grid{grid-template-columns:1fr}}

/* ---- Sunucu çözümleri ve seçici ---- */
.asr-solutions{background-color:var(--white)}
/* Seçici: masaüstünde tek satır pill grup, mobilde 2x2 grid */
/* Sekme seçici: /sanal-pos filtre sekmeleriyle (.supported-banks-list-filter) aynı yapı, sayı rozeti yok */
.asr-picker{display:inline-flex;align-items:center;gap:12px;margin-top:40px;padding:6px;border:1px solid var(--slate-200);border-radius:100px;background-color:var(--slate-100)}
.asr-picker__option{position:relative;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:100px;font-size:var(--font-size-14);font-weight:var(--font-weight-500);line-height:var(--line-height-18);white-space:nowrap;color:var(--slate-500);transition:background-color .3s ease-in-out,color .3s ease-in-out}
.asr-picker__option:after{content:"";position:absolute;top:50%;right:-7px;width:1px;height:28px;background-color:var(--slate-200);transform:translateY(-50%)}
.asr-picker__option.is-active:after,.asr-picker__option:last-child:after{display:none}
.asr-picker__option:hover{color:var(--slate-800)}
.asr-picker__option.is-active{background-color:var(--azure-radiance-500);color:var(--white)}
@media (max-width:767px){.asr-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;border-radius:8px}.asr-picker__option{height:44px;padding:0 12px;border-radius:8px}.asr-picker__option:after{display:none}}
.asr-plan,.asr-compare__card{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50);transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}
.asr-plan.is-recommended,.asr-compare__card.is-recommended{border-color:var(--azure-radiance-500)}
.asr-plan__badge{position:absolute;top:-16px;left:24px;display:none;align-items:center;gap:8px;height:32px;padding:2px 14px 2px 12px;border-radius:100px;background-color:var(--azure-radiance-500);font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--white)}
.asr-plan.is-recommended .asr-plan__badge{display:inline-flex}
.asr-plan h3,.asr-compare__card h3{margin-top:20px}
.asr-compare__card h3{margin-top:16px}
.asr-plan__text{margin-top:12px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.asr-plan__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:16px 0 20px}
.asr-plan__price strong{font-size:var(--font-size-36);font-weight:var(--font-weight-600);line-height:var(--line-height-44);letter-spacing:-.03em;color:var(--slate-800)}
.asr-plan__price span{font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-400)}
.asr-plan__for,.asr-compare__ideal{margin-top:24px;padding-top:24px;border-top:1px solid var(--slate-200)}
.asr-plan__for>p{margin:12px 0 16px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.asr-compare__ideal .asr-list{margin-top:16px}
.asr-notice{width:100%;margin-top:64px;align-items:center}
.asr-notice svg{color:var(--azure-radiance-800)}
.asr-notice p{font-size:var(--font-size-16);line-height:var(--line-height-24)}
.asr-notice a{color:var(--azure-radiance-800);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1023px){.asr-plans{grid-template-columns:1fr;gap:28px;margin-top:48px}.asr-notice{margin-top:48px}}

/* ---- Karşılaştırma ---- */
.asr-compare{background-color:var(--white)}
.asr-scale{display:flex;align-items:center;gap:24px;width:100%;margin-top:64px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-500)}
.asr-scale>span{flex-shrink:0}
.asr-scale__track{position:relative;display:flex;flex:1;align-items:center;justify-content:space-between;padding:0 64px}
.asr-scale__track:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;margin-top:-1.5px;border-radius:100px;background-color:var(--azure-radiance-500)}
.asr-scale__step{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:100px;background-color:var(--slate-100);font-size:var(--font-size-16);font-weight:var(--font-weight-600);color:var(--slate-800);transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out}
.asr-scale__step.is-active{width:52px;height:52px;background-color:var(--azure-radiance-500);color:var(--white)}
.asr-compare__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;margin-top:32px}
.asr-compare__card .button{margin-top:auto}
.asr-compare__ideal{margin-bottom:32px}
.asr-compare__chips{display:flex;align-items:center;justify-content:space-between;gap:8px}
.asr-chip--rec{display:none}
.asr-compare__card.is-recommended .asr-chip--rec{display:inline-flex}
@media (max-width:1023px){.asr-scale{gap:12px;margin-top:40px;font-size:var(--font-size-14)}.asr-scale__track{padding:0 16px}.asr-compare__grid{grid-template-columns:1fr}}
@media (max-width:600px){.asr-scale>span{display:none}}

/* ---- Ofis ---- */
.asr-office{background-color:var(--white)}
.asr-office__map{overflow:hidden;min-height:560px;height:100%;border:1px solid var(--slate-200);border-radius:8px;background-color:var(--slate-200)}
.asr-office__map iframe{display:block;width:100%;height:100%;min-height:560px;border:0}
.asr-office__text>p{margin-top:24px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-500)}
.asr-office__info{width:100%;margin-top:40px}
.asr-office__info div{padding:16px 0;border-bottom:1px solid var(--slate-200)}
.asr-office__info div:last-child{border-bottom:none}
.asr-office__info 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)}
.asr-office__info dd{margin-top:4px;font-size:var(--font-size-18);line-height:var(--line-height-28);color:var(--slate-800)}
.asr-office__info a{color:inherit;transition:color .3s ease-in-out}
.asr-office__info a:hover{color:var(--azure-radiance-600)}
.asr-office__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
@media (max-width:1023px){.asr-office__map,.asr-office__map iframe{min-height:320px}}

/* ---- Taşıma adımları: global .application-process; numara global .badge ---- */
.asr .application-process-boxes{width:100%;margin-bottom:0}
.asr .application-process-box{position:relative;overflow:hidden}
.asr .application-process-box-text{position:relative}
.asr .application-process-box .badge{position:absolute;top:8px;left:16px;z-index:0;width:auto;height:auto;border-radius:0;background-color:transparent;font-size:var(--font-size-72);font-weight:var(--font-weight-700);line-height:var(--line-height-72);letter-spacing:-.04em;color:var(--slate-100);pointer-events:none;transition:color .3s ease-in-out}
.asr .application-process-box:hover .badge{color:var(--slate-200)}
.asr .application-process-box-text h3,.asr .application-process-box-text p{position:relative;z-index:1}

/* ---- Sektörler ve referanslar ---- */
.asr-sectors{background-color:var(--white)}
.asr-sectors__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.asr-sectors__chips .tag{background-color:var(--white)}
.asr-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-top:48px}
.asr-logos .references-logos-item{display:flex;align-items:center;justify-content:center;height:88px;padding:16px;border:1px solid transparent;border-radius:8px;background-color:var(--slate-50)}
.asr-logos img{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}
@media (max-width:1023px){.asr-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- SSS: global .faq ve .accordion ---- */
.asr section.faq{padding:128px 0}
@media (max-width:1023px){.asr section.faq{padding:64px 0}}

/* ---- Keşif görüşmesi formu ---- */
.asr .asr-discovery{background-color:var(--slate-950)}
.asr-discovery .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.asr-discovery__text .h1{margin-top:32px;font-size:var(--font-size-60);line-height:var(--line-height-64);color:var(--white)}
.asr-discovery__text>p{margin:24px 0 40px;font-size:var(--font-size-18);line-height:var(--line-height-28);color:var(--slate-400)}
.asr-list--dark li{color:var(--slate-200)}
.asr-discovery__form .form-wrapper{gap:16px}
.asr-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.asr-discovery__form select.select-box{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;color:var(--slate-400);cursor:pointer}
.asr-discovery__form select.select-box:valid{color:var(--white)}
.asr-discovery__form select option{color:var(--slate-900)}
.asr-discovery__form .button{height:56px;font-size:var(--font-size-16)}
.asr-discovery .form-success-message-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:40px;border:1px solid hsla(0,0%,100%,.03);border-radius:8px;background-color:hsla(0,0%,100%,.03)}
.asr-success-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:100px;background-color:rgba(92,225,92,.12);color:var(--success)}
.asr-discovery .form-success-message-text h2{font-size:var(--font-size-24);font-weight:var(--font-weight-600);line-height:var(--line-height-32);color:var(--white)}
.asr-discovery .form-success-message-text p{margin-top:8px;font-size:var(--font-size-16);line-height:var(--line-height-24);color:var(--slate-400)}
@media (max-width:1023px){.asr-discovery .container{grid-template-columns:1fr;gap:40px}.asr-discovery__text .h1{font-size:var(--font-size-36);line-height:var(--line-height-44)}}
@media (max-width:600px){.asr-form-row{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .asr-picker__option,.asr-plan,.asr-compare__card,.asr-scale__step,.asr-breadcrumb a,.asr-office__info a{transition:none}
}


/* Ankara hosting sayfası: tek çatı kartları (global .advantages) */
.asr-addons{background-color:var(--white)}
.asr-addons .advantages-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.asr-addons .advantages-card{background-color:var(--white)}
.asr-addons .advantages-card>svg{color:var(--azure-radiance-600)}
@media (max-width:1023px){.asr-addons .advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.asr-addons .advantages-grid{grid-template-columns:1fr}}

/* Ankara hosting sayfası: karşılaştırma kartları (global hosting.css .hosting-packages-card); seçili paket mavi kenarlıkla vurgulanır */
.asr-compare__box{border:1px solid transparent;transition:background-color .3s ease-in-out,border-color .3s ease-in-out}
.asr-compare__box.is-recommended{border-color:var(--azure-radiance-500)}
.asr-compare__box .hosting-packages-card-header span{min-height:0}

/* Ankara hosting sayfası: sekmeye göre paket kartları (global hosting.css .hosting-packages-card) */
.asr-package-panel{width:100%;margin-top:32px}
.asr-package-features li{display:flex;align-items:center;gap:6px}
.asr-package-more:hover svg{transform:translateX(4px)}
@media (max-width:1023px){.asr-package-panel .hosting-packages-grid{grid-template-columns:1fr}}

/* Ankara hosting sayfası: altyapı teknolojileri (açık zemin, logolar slate-50 kutuda; 3 sütun) */
.asr .asr-stack{background-color:var(--slate-50)}
.asr-stack .container{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:72px;align-items:center}
.asr-stack__intro .h1{font-size:var(--font-size-40);line-height:var(--line-height-48);color:var(--slate-800)}
.asr-stack__intro p{margin-top:16px;font-size:var(--font-size-16);line-height:var(--line-height-28);color:var(--slate-500)}
/* subgrid: logo, etiket, başlık ve metin satırları üç sütunda aynı hizada */
.asr-stack__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,auto);align-items:start}
.asr-stack__list li{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;padding:0 32px;border-left:1px solid var(--slate-200)}
.asr-stack__logo{display:flex;align-items:center;justify-content:center;width:100%;height:120px;border-radius:8px}
.asr-stack__logo img{height:30px;width:auto}
.asr-stack__label{margin-top:28px;color:var(--azure-radiance-600)}
.asr-stack__list h3{margin-top:4px;color:var(--slate-800)}
.asr-stack__list p{margin-top:8px;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-500)}
@media (max-width:1023px){.asr-stack .container{grid-template-columns:1fr;gap:40px}}
@media (max-width:767px){.asr-stack__list{grid-template-columns:1fr;grid-template-rows:none;gap:32px}.asr-stack__list li{display:flex;flex-direction:column;grid-row:auto;padding:0;border-left:none}}

/* Ortak hero maketleri (hosting tarayıcısı) ve özellik ikonu */
.asr-hosting-visual__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:8px;background-color:rgba(57,122,247,.12);color:var(--azure-radiance-400)}
.asr-browser{overflow:hidden;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;background-color:#0b1020}
.asr-browser__bar{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid hsla(0,0%,100%,.06);background-color:#111729}
.asr-browser__dots{display:flex;gap:6px}
.asr-browser__dots i{width:10px;height:10px;border-radius:100px;background-color:hsla(0,0%,100%,.15)}
.asr-browser__url{display:flex;flex:1;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:100px;background-color:#0b1020;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-12);color:var(--slate-300)}
.asr-browser__url svg{color:var(--success)}
.asr-browser__body{display:flex;flex-direction:column;gap:20px;padding:20px}
.asr-browser__body i,.asr-browser__body b{display:block;border-radius:6px;background-color:hsla(0,0%,100%,.07)}
.asr-browser__nav{display:flex;gap:10px}
.asr-browser__nav i{width:48px;height:8px}
.asr-browser__nav i:first-child{width:72px;margin-right:auto;background-color:hsla(0,0%,100%,.14)}
.asr-browser__hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 0;border-radius:8px;background-color:rgba(57,122,247,.16)}
.asr-browser__hero i{width:60%;height:14px;background-color:hsla(0,0%,100%,.2)}
.asr-browser__hero i+i{width:40%;height:8px;background-color:hsla(0,0%,100%,.1)}
.asr-browser__hero b{width:96px;height:24px;margin-top:6px;border-radius:100px;background-color:var(--azure-radiance-500)}
.asr-browser__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.asr-browser__cards i{height:64px;border-radius:8px}

/* Hero görseli (tüm sayfalarda ortak): .asr-hero-visual > __side (sol) + __mock (maket) + __side (sağ).
   Maket genişliği sayfada --asr-mock ile verilir. Özellikler iki yanda kutusuz düz metin. */
.asr-hero-visual{--asr-mock:520px;position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--asr-mock)) minmax(0,1fr);gap:56px;align-items:center;width:100%;margin-top:80px;text-align:left}
.asr-hero-visual__mock{position:relative;width:100%}
.asr-hero-visual__side{display:flex;flex-direction:column;gap:40px}
.asr-hero-visual>:first-child{text-align:right}
.asr-hero-visual__side>li,.aseo-hero-visual__stats li{display:block}
.asr-hero-visual__side .asr-hosting-visual__icon{display:none}
.asr-hero-visual__side strong{display:block;margin-bottom:4px;font-size:var(--font-size-16);font-weight:var(--font-weight-600);line-height:var(--line-height-24);color:var(--white)}
.asr-hero-visual__side>li>span:last-child,.aseo-hero-visual__stats li span{display:block;font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-400)}
.aseo-hero-visual__stats{gap:0}
.aseo-hero-visual__stats ul{display:flex;flex-direction:column;gap:40px}
.aseo-hero-visual__stats li strong{margin-bottom:0;font-size:var(--font-size-30);line-height:var(--line-height-36);letter-spacing:-.02em}
.aseo-hero-visual__caption{order:1;margin-top:24px;font-size:var(--font-size-12);line-height:var(--line-height-20);color:var(--slate-500)}
@media (max-width:1023px){.asr-hero-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:48px}.asr-hero-visual__mock{order:-1;grid-column:1 / -1;justify-self:center;max-width:var(--asr-mock);margin-bottom:40px}.asr-hero-visual__side{gap:24px}.aseo-hero-visual__stats ul{display:flex;flex-direction:column;gap:24px}.asr-hero-visual>:first-child{text-align:left}}