.mg-cookie-banner {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1080;
display: flex;
align-items: center;
flex-wrap: wrap;                   /* yer yoksa doğal sarar */
gap: 9px;
padding: 8px 16px;
padding-bottom: max(8px, env(safe-area-inset-bottom));
background: var(--mg-surface);
color: var(--mg-text);
border-top: 1px solid var(--mg-border);   /* sadece üst kenar çizgisi */
box-shadow: 0 -2px 14px rgba(0, 0, 0, .12);
animation: mg-cookie-in .35s ease;
}
@keyframes mg-cookie-in {
from { opacity: 0; transform: translateY(100%); }
to   { opacity: 1; transform: translateY(0); }
}
.mg-cookie-banner.is-hidden {
opacity: 0;
transform: translateY(100%);
transition: opacity .25s ease, transform .25s ease;
pointer-events: none;
}
.mg-cookie-icon {
font-size: 16px;
line-height: 1;
color: var(--mg-primary);
flex-shrink: 0;
}
.mg-cookie-text {
font-size: 12px;
line-height: 1;
color: var(--mg-text);
min-width: 0;
}
.mg-cookie-link {
color: var(--mg-primary);
text-decoration: none;
font-weight: 600;
}
.mg-cookie-link:hover { text-decoration: underline; }
.mg-cookie-actions {
display: flex;
align-items: center;
gap: 5px;
flex-shrink: 0;
margin-left: auto;                 /* butonlar sağa yaslı */
}
.mg-cookie-btn {
appearance: none;
border: 0;
background: transparent;
color: var(--mg-text-muted, var(--mg-text2));
font-size: 12px;
line-height: 1;
font-weight: 600;
padding: 6px 13px;
border-radius: 999px;
cursor: pointer;
transition: all .2s ease;
}
.mg-cookie-reject:hover {
color: var(--mg-text);
background: var(--mg-surface-2);
}
.mg-cookie-accept {
background: var(--mg-primary);
color: #fff;
}
.mg-cookie-accept:hover { filter: brightness(1.06); }
@media (max-width: 560px) {
.mg-cookie-banner { padding: 8px 12px; padding-bottom: max(8px, env(safe-area-inset-bottom)); gap: 8px; }
}
@media (max-width: 480px) {
.mg-cookie-banner { justify-content: center; }
.mg-cookie-actions { margin-left: 0; justify-content: center; }
}
.back-to-top {
margin-bottom: var(--mg-cookie-h, 0px);
transition: margin-bottom .25s ease;
}
.mg-bs {
padding-bottom: var(--mg-cookie-h, 0px);
}
.mg-fab-row {
margin-bottom: var(--mg-cookie-h, 0px);
transition: margin-bottom .25s ease, opacity .2s ease;
}