/* Baner za kolačiće */
.mt-cookie { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 99990; display: flex; justify-content: center; pointer-events: none; }
.mt-cookie__box { pointer-events: auto; width: 100%; max-width: 980px; background: #fff; border: 1px solid var(--mt-line); border-radius: var(--mt-radius-lg); box-shadow: var(--mt-shadow-lg); padding: 20px 22px; display: grid; gap: 16px; animation: mt-cookie-in .3s ease both; max-height: calc(100vh - 32px); overflow: auto; }
@keyframes mt-cookie-in { from { transform: translateY(20px); opacity: 0; } }
.mt-cookie__main { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: start; }
.mt-cookie__icon { width: 44px; height: 44px; border-radius: 12px; background: var(--mt-lilac); color: var(--mt-primary); display: grid; place-items: center; }
.mt-cookie__title { font-family: var(--mt-font-display); font-size: 18px; font-weight: 700; margin: 0 0 4px; color: var(--mt-ink); }
.mt-cookie__text { margin: 0; font-size: 14px; color: var(--mt-text); line-height: 1.55; }
.mt-cookie__text a { color: var(--mt-primary); font-weight: 700; }
.mt-cookie__prefs { display: grid; gap: 8px; }
.mt-cookie__cat { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; padding: 12px 14px; border: 1px solid var(--mt-line); border-radius: var(--mt-radius); cursor: pointer; position: relative; }
.mt-cookie__cat span { display: grid; gap: 2px; }
.mt-cookie__cat b { font-size: 14px; color: var(--mt-ink); }
.mt-cookie__cat small { font-size: 12.5px; color: var(--mt-muted); }
.mt-cookie__cat input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.mt-cookie__cat i { width: 42px; height: 24px; border-radius: 99px; background: var(--mt-line-2); position: relative; transition: background .15s; }
.mt-cookie__cat i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); transition: transform .15s; }
.mt-cookie__cat input:checked + i { background: var(--mt-primary); }
.mt-cookie__cat input:checked + i::after { transform: translateX(18px); }
.mt-cookie__cat input:focus-visible + i { outline: 2px solid var(--mt-primary); outline-offset: 2px; }
.mt-cookie__cat.is-locked { cursor: default; background: var(--mt-lilac-2); }
.mt-cookie__cat.is-locked i { opacity: .6; }
.mt-cookie__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.mt-cookie__actions .mt-btn { min-height: 44px; }
@media (max-width: 640px) {
	.mt-cookie { left: 8px; right: 8px; bottom: 8px; }
	.mt-cookie__box { padding: 16px; }
	.mt-cookie__main { grid-template-columns: 1fr; }
	.mt-cookie__icon { display: none; }
	.mt-cookie__actions .mt-btn { flex: 1 1 calc(50% - 4px); padding: 0 10px; }
	.mt-cookie__actions [data-mt-cookie-accept] { flex-basis: 100%; order: -1; }
}
