:root{
  --notice:#e8f8fd;
  --notice-border:rgba(8,123,232,.18);
  --success:#087bc9;
  --warning:#b65c12;
}

.navlinks .nav-blog-link{
  color:#075f9c;
}

.navlinks .nav-blog-link:before{
  content:"Yeni";
  display:inline-flex;
  margin-right:7px;
  padding:2px 6px;
  border-radius:6px;
  background:#e2f7fb;
  color:#087bc9;
  font-size:10px;
  font-weight:700;
  vertical-align:1px;
}

.nav-blog-quick{
  display:none;
  min-height:44px;
  align-items:center;
  color:#075f9c;
  border-bottom:2px solid #0e9dda;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}

@media(max-width:1180px){
  .site-head .nav{gap:14px}

  .site-head .navlinks{
    display:none;
    position:absolute;
    top:72px;
    left:4%;
    right:4%;
    padding:20px;
    flex-direction:column;
    align-items:stretch;
    background:rgba(249,253,255,.97);
    border-radius:20px;
    box-shadow:var(--shadow);
  }

  .site-head .navlinks.open{display:flex}

  .site-head .nav-toggle{
    display:block;
    flex:0 0 45px;
  }

  .site-head .nav-blog-quick{
    display:inline-flex;
    margin-left:auto;
  }
}

@media(max-width:360px){
  .site-head .brand>span:last-child{display:none}
}

.news-strip{
  margin:26px 0 0;
  border:1px solid var(--notice-border);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 20px 48px rgba(7,69,115,.10);
}

.news-strip__link{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:17px 19px;
  color:inherit;
  text-decoration:none;
}

.news-strip__pill,
.article-kicker,
.location-chip{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}

.news-strip__pill{
  padding:6px 10px;
  background:#dff5fb;
  color:#087bc9;
}

.news-strip__copy strong{
  display:block;
  font-size:14px;
  line-height:1.4;
}

.news-strip__copy span{
  display:block;
  margin-top:2px;
  color:#5c788f;
  font-size:12px;
  line-height:1.45;
}

.news-strip__arrow{
  color:#087bc9;
  font-size:21px;
}

.price-change{
  margin:34px 0 0;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.19);
  background:rgba(255,255,255,.08);
}

.price-change__head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:end;
  padding:22px 24px 15px;
}

.price-change__head h3{
  margin:0;
  font-size:20px;
}

.price-change__head p{
  max-width:470px;
  margin:0;
  color:#b8d3e4;
  font-size:13px;
}

.price-change table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}

.price-change th,
.price-change td{
  padding:14px 22px;
  text-align:left;
  vertical-align:top;
  border-top:1px solid rgba(255,255,255,.14);
}

.price-change th{
  color:#a6cbe1;
  font-size:11px;
  font-weight:700;
}

.price-change td{
  color:#effbff;
}

.price-change td:nth-child(2){
  color:#78e3f4;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

.price-change td:nth-child(3){
  color:#c8dfeb;
}

.price-change__note{
  margin:0;
  padding:15px 22px 19px;
  color:#a9c7da;
  font-size:11px;
}

.local-service{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);
  gap:48px;
  align-items:center;
  padding:50px 0;
}

.local-service h2,
.blog-card__title,
.article-title{
  font-weight:500;
  letter-spacing:-.04em;
}

.local-service h2{
  margin:12px 0 16px;
  font-size:clamp(34px,4vw,54px);
  line-height:1.08;
}

.local-service p{
  color:var(--muted);
}

.location-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:22px 0 28px;
}

.location-chip{
  padding:7px 11px;
  border:1px solid rgba(8,123,232,.17);
  background:#fff;
  color:#0a6eaa;
}

.local-service__panel{
  padding:28px;
  border:1px solid rgba(8,123,232,.14);
  border-radius:20px;
  background:linear-gradient(145deg,#effbff,#fff);
  box-shadow:0 20px 55px rgba(7,69,115,.08);
}

.local-service__panel h3{
  margin:0 0 9px;
  font-size:19px;
}

.local-service__panel p{
  margin:0;
  font-size:14px;
}

.local-service__panel ul{
  margin:18px 0 0;
  padding-left:19px;
  color:#507088;
  font-size:13px;
}

.blog-hero{
  padding:148px 0 66px;
  background:linear-gradient(145deg,#f9feff,#e8f8fd);
}

.blog-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:58px;
  align-items:end;
}

.blog-hero h1{
  max-width:790px;
  margin:16px 0;
  font-size:clamp(46px,5.7vw,76px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.055em;
}

.blog-hero p{
  max-width:710px;
  color:var(--muted);
  font-size:18px;
}

.blog-hero__aside{
  padding:25px;
  border-left:3px solid #11a0d6;
  background:rgba(255,255,255,.72);
  color:#466c83;
  font-size:14px;
}

.article-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:50px;
}

.blog-card{
  display:flex;
  min-height:270px;
  flex-direction:column;
  justify-content:space-between;
  padding:28px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 42px rgba(7,69,115,.08);
  text-decoration:none;
  transition:transform .22s ease,box-shadow .22s ease;
}

.blog-card:hover{
  transform:translateY(-4px);
  box-shadow:0 25px 52px rgba(7,69,115,.14);
}

.blog-card--feature{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(145deg,#042039,#077dbb 70%,#12aacd);
}

.article-kicker{
  padding:5px 9px;
  background:#e8f8fd;
  color:#087bc9;
}

.blog-card--feature .article-kicker{
  background:rgba(255,255,255,.16);
  color:#d5f7ff;
}

.blog-card__title{
  margin:18px 0 9px;
  font-size:29px;
  line-height:1.1;
}

.blog-card__summary{
  margin:0;
  color:#5a778e;
  font-size:14px;
  line-height:1.65;
}

.blog-card--feature .blog-card__summary{
  color:#d4eaf4;
}

.blog-card__meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:24px;
  color:#5f7f95;
  font-size:12px;
}

.blog-card--feature .blog-card__meta{
  color:#bde0ef;
}

.article-hero{
  padding:148px 0 52px;
  background:linear-gradient(145deg,#f7fdff,#e7f8fd);
}

.breadcrumbs a{
  color:inherit;
}

.article-title{
  max-width:960px;
  margin:17px 0 18px;
  font-size:clamp(44px,5.5vw,72px);
  line-height:1.03;
}

.article-deck{
  max-width:780px;
  margin:0;
  color:var(--muted);
  font-size:19px;
  line-height:1.65;
}

.article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
  color:#5c7b91;
  font-size:12px;
}

.article-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:48px;
  padding:72px 0 100px;
}

.article-copy{
  max-width:780px;
}

.article-copy h2{
  margin:50px 0 16px;
  font-size:clamp(30px,3.2vw,43px);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.04em;
}

.article-copy h2:first-child{
  margin-top:0;
}

.article-copy h3{
  margin:30px 0 9px;
  font-size:21px;
}

.article-copy p,
.article-copy li{
  color:#4f7088;
}

.article-copy ul{
  padding-left:20px;
}

.article-copy .notice{
  border-radius:0 16px 16px 0;
}

.article-sidebar{
  position:sticky;
  top:112px;
  align-self:start;
  padding:25px;
  border:1px solid rgba(8,123,232,.14);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--shadow);
}

.article-sidebar h2{
  margin:0 0 13px;
  font-size:18px;
}

.article-sidebar a:not(.button){
  display:block;
  padding:11px 0;
  border-bottom:1px solid var(--line);
  color:#4e7088;
  font-size:13px;
  text-decoration:none;
}

.article-sidebar .button{
  width:100%;
  margin-top:20px;
}

.regional-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:26px 0;
}

.regional-list div{
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}

.regional-list strong{
  display:block;
  color:#093454;
  font-size:14px;
}

.regional-list span{
  display:block;
  margin-top:5px;
  color:#5d7d93;
  font-size:12px;
  line-height:1.5;
}

@media(max-width:1000px){
  .local-service,.blog-hero__grid,.article-layout{grid-template-columns:1fr}
  .article-grid{grid-template-columns:1fr 1fr}
  .article-sidebar{position:static}
}

@media(max-width:850px){
  .article-hero .wrap,
  .article-layout,
  .article-layout>*{
    min-width:0;
  }

  .article-title{
    max-width:100%;
    font-size:clamp(32px,5vw,40px);
    letter-spacing:-.03em;
    overflow-wrap:anywhere;
  }

  .article-deck{
    max-width:100%;
    font-size:17px;
  }

  .article-copy{
    max-width:100%;
  }

  .article-copy p,
  .article-copy li,
  .article-copy .notice{
    overflow-wrap:break-word;
  }
}

@media(max-width:700px){
  .news-strip__link{grid-template-columns:1fr auto;gap:10px;padding:14px}
  .news-strip__pill{grid-column:1/-1}
  .news-strip__arrow{grid-column:2;grid-row:2}
  .news-strip__copy{grid-column:1;grid-row:2}
  .price-change{margin-top:28px;border-radius:16px}
  .price-change__head{display:block;padding:18px 16px 12px}
  .price-change__head p{margin-top:8px}
  .price-change table,.price-change tbody{display:block}
  .price-change thead{display:none}
  .price-change tr{display:grid;gap:5px;padding:15px 16px;border-top:1px solid rgba(255,255,255,.14)}
  .price-change td{padding:0;border:0}
  .price-change td:first-child{font-weight:700}
  .price-change td:nth-child(2):before{content:"Zam öncesi yaklaşık: ";color:#a7c9db;font-weight:400}
  .price-change td:nth-child(3):before{content:"Zam sonrası: ";color:#a7c9db}
  .price-change__note{padding:12px 16px 16px}
  .local-service{gap:28px;padding:24px 0}
  .blog-hero,.article-hero{padding:118px 0 46px}
  .blog-hero h1{font-size:45px}
  .article-grid{grid-template-columns:1fr;margin-top:32px}
  .blog-card{min-height:230px}
  .article-layout{padding:54px 0 74px}
  .regional-list{grid-template-columns:1fr}
}