/* Flowing fabric flags, replaces small rectangular flag cards. */
.civicBanner{--flag-band-height:160px;position:relative;display:block;width:100%;height:var(--flag-band-height);padding:0!important;box-sizing:border-box;overflow:hidden;background:#3e030a;border-bottom:1px solid #ceb08366;isolation:isolate}
.civicBanner:before{content:"";position:absolute;left:22%;right:22%;height:1px;top:50%;background:linear-gradient(90deg,transparent,#ceb083,transparent);z-index:0}
.civicBanner>.civicFlag{position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:calc(var(--flag-band-height)*1.5)!important;max-width:44%!important;height:100%!important;display:block!important;overflow:hidden;background:transparent url('bayrak-kumas-bandi.png?v=20261023fabric1') no-repeat left top!important;background-size:auto 100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform-origin:left top;animation:civicFabricWave 7s ease-in-out infinite;mask-image:linear-gradient(to right,#000 72%,transparent);-webkit-mask-image:linear-gradient(to right,#000 72%,transparent)}
.civicBanner>.civicFlag:last-child{left:auto!important;right:0!important;background-position:right top!important;transform-origin:right top;animation-delay:-3.5s;mask-image:linear-gradient(to left,#000 72%,transparent);-webkit-mask-image:linear-gradient(to left,#000 72%,transparent)}
.civicBanner>.civicFlag>img{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important}
.civicBanner>.civicFlag:after{display:none!important}
.civicAtaturk{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:67px;height:90px;border:2px solid #d5ba8d;border-radius:50%;overflow:hidden;background:#111;box-shadow:0 0 0 6px #3e030a;z-index:2}
.civicAtaturk img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:grayscale(1);transform:scale(2.2);transform-origin:center 12%}
@keyframes civicFabricWave{0%,100%{transform:translateY(0) skewY(-.6deg)}50%{transform:translateY(-3px) skewY(.8deg)}}
@media(max-width:600px){.civicBanner{--flag-band-height:100px}.civicAtaturk{width:45px;height:64px}.civicBanner:before{left:30%;right:30%}}
@media(prefers-reduced-motion:reduce){.civicBanner>.civicFlag{animation:none!important}}