/* Anasayfa "ebelediye" — E-Belediye bandı: açık turuncu kutu + CSS çizimi dizüstü bilgisayar */
.ax-ebel__box { position: relative; display: grid; grid-template-columns: 1fr 1.05fr; gap: 50px; align-items: center; overflow: hidden; padding: 64px 64px 0; border-radius: calc(40px * var(--ax-rs, 1)); background: linear-gradient(120deg, #fff4ea, #ffe1c9); }
.ax-ebel__w { position: absolute; left: -60px; bottom: -40px; width: 620px; height: 330px; color: #f7c39b; opacity: .3; }
.ax-ebel__tx { position: relative; padding-bottom: 64px; }
.ax-ebel .ax-H { font-size: calc(46px * var(--ax-fz, 1)); }
.ax-ebel .ax-H .or { color: var(--ax-or); }
.ax-ebel__tx > p { margin: 16px 0 0; max-width: 520px; font-size: calc(16.5px * var(--ax-fz, 1)); line-height: 1.65; color: #6b5a4c; }
.ax-ebel__tx ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 520px; margin-top: 26px; }
.ax-ebel__tx li { display: flex; align-items: center; gap: 10px; font-size: calc(14.5px * var(--ax-fz, 1)); font-weight: 700; color: var(--ax-ink); }
.ax-ebel__tx li i { flex: none; width: 30px; height: 30px; border-radius: calc(10px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-or); color: #fff; font-size: calc(13px * var(--ax-fz, 1)); }
.ax-ebel__b { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.ax-bo, .ax-bn { display: inline-flex; align-items: center; gap: 10px; height: 56px; padding: 0 26px; border-radius: calc(16px * var(--ax-rs, 1)); font-size: calc(14px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .03em; text-transform: uppercase; transition: background .2s, border-color .2s; }
.ax-bo { background: var(--ax-or); color: #fff; }
.ax-bo:hover { background: var(--ax-or2); }
.ax-bn { border: 1.5px solid #e2b994; background: rgba(255, 255, 255, .55); color: var(--ax-navy); }
.ax-bn:hover { border-color: var(--ax-or); }
.ax-bn i { color: var(--ax-or); }

.ax-lap { position: relative; align-self: end; }
.ax-lap__s { margin: 0 34px; padding: 14px 14px 0; border-radius: calc(22px * var(--ax-rs, 1)) calc(22px * var(--ax-rs, 1)) 0 0; background: #1b2347; box-shadow: 0 -10px 40px -20px rgba(27, 35, 71, .6); }
.ax-lap__w { height: 330px; overflow: hidden; border-radius: calc(10px * var(--ax-rs, 1)) calc(10px * var(--ax-rs, 1)) 0 0; background: #fff; }
.ax-lap__top { display: flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; background: var(--ax-navy); }
.ax-lap__top > i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .3); }
.ax-lap__top b { flex: 1; max-width: 280px; height: 22px; margin-left: 12px; padding: 0 10px; border-radius: calc(7px * var(--ax-rs, 1)); display: flex; align-items: center; gap: 6px; overflow: hidden; background: rgba(255, 255, 255, .12); color: #c9d3ea; font-size: calc(11px * var(--ax-fz, 1)); font-weight: 600; white-space: nowrap; }
.ax-lap__top b em { font-style: normal; font-size: calc(10px * var(--ax-fz, 1)); }
.ax-lap__b { display: grid; grid-template-columns: 150px 1fr; height: 290px; }
.ax-lap__side { display: flex; flex-direction: column; gap: 9px; padding: 16px 14px; background: var(--ax-bg, #f3f5f9); }
.ax-lap__side span { height: 28px; border-radius: calc(8px * var(--ax-rs, 1)); background: #e3e8f1; }
.ax-lap__side span.on { background: var(--ax-or); }
.ax-lap__m { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; align-content: start; padding: 18px; }
.ax-lap__m > div { height: 84px; display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: calc(14px * var(--ax-rs, 1)); background: var(--ax-bg, #f3f5f9); }
.ax-lap__m em { display: block; width: 28px; height: 28px; border-radius: calc(9px * var(--ax-rs, 1)); }
.ax-lap__m i { display: block; height: 7px; border-radius: calc(4px * var(--ax-rs, 1)); background: #dfe5ef; }
.ax-lap__m .wide { grid-column: 1 / 4; height: 96px; flex-direction: row; align-items: center; gap: 14px; background: linear-gradient(120deg, var(--ax-navy, #1f3263), #2a4a8a); }
.ax-lap__m .wide em { width: 46px; height: 46px; border-radius: calc(14px * var(--ax-rs, 1)); background: var(--ax-or); }
.ax-lap__m .wide > div { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.ax-lap__m .wide i { background: rgba(255, 255, 255, .25); }
.ax-lap__m .c1 { background: var(--ax-c1l, #e2f1fb); } .ax-lap__m .c2 { background: var(--ax-orl); } .ax-lap__m .c3 { background: var(--ax-c2l, #e6f3e0); }
.ax-lap__m .c4 { background: var(--ax-c3l, #f1e7f5); } .ax-lap__m .c5 { background: #dff4f4; } .ax-lap__m .c6 { background: #fde6ea; }
.ax-lap__base { height: 20px; border-radius: 0 0 calc(26px * var(--ax-rs, 1)) calc(26px * var(--ax-rs, 1)); background: linear-gradient(#d7dce8, #aeb6c8); }
.ax-lap__badge { position: absolute; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: calc(16px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 20px 40px -20px rgba(27, 35, 71, .45); font-size: calc(13px * var(--ax-fz, 1)); font-weight: 800; color: var(--ax-ink); animation: axFloat 8s ease-in-out infinite; }
.ax-lap__badge span { width: 36px; height: 36px; border-radius: calc(11px * var(--ax-rs, 1)); display: grid; place-items: center; color: #fff; font-size: calc(15px * var(--ax-fz, 1)); }
.ax-lap__badge .g { background: #4f9d3f; } .ax-lap__badge .n { background: var(--ax-navy); }
.ax-lap__badge--1 { left: -6px; top: 70px; }
.ax-lap__badge--2 { right: -6px; top: 200px; animation-delay: -4s; }
@keyframes axFloat { 50% { transform: translateY(-5px); } }

@media (max-width: 1280px) {
  .ax-ebel__box { grid-template-columns: 1fr; gap: 10px; padding: 48px 40px 0; }
  .ax-ebel__tx { padding-bottom: 20px; }
  .ax-lap { max-width: 640px; width: 100%; justify-self: center; }
}
@media (max-width: 640px) {
  .ax-ebel__box { padding: 34px 20px 0; border-radius: calc(28px * var(--ax-rs, 1)); }
  .ax-ebel .ax-H { font-size: calc(28px * var(--ax-fz, 1)); }
  .ax-ebel__tx ul { grid-template-columns: 1fr; }
  .ax-bo, .ax-bn { width: 100%; justify-content: center; }
  .ax-lap__s { margin: 0 10px; }
  .ax-lap__w { height: 220px; }
  .ax-lap__b { grid-template-columns: 70px 1fr; }
  .ax-lap__m { grid-template-columns: repeat(2, 1fr); padding: 12px; gap: 8px; }
  .ax-lap__m .wide { grid-column: 1 / 3; height: 70px; }
  .ax-lap__m > div:nth-child(n+6) { display: none; }
  .ax-lap__badge { display: none; }
}