/* NTC: baner cookies. Stary baner Woodmart jest ukryty. */
.wd-cookies-popup { display: none !important; }

.ntcx-ck { position: fixed; z-index: 100001; left: 20px; bottom: 20px; width: 420px; max-width: calc(100vw - 40px); background: #1c1a14; color: #ece8d9; border: 1px solid rgba(255, 204, 0, .3); border-radius: 18px; padding: 22px; box-shadow: 0 24px 60px -16px rgba(0, 0, 0, .55); font-family: var(--wd-text-font, inherit); font-size: 14px; line-height: 1.5; box-sizing: border-box; transform: translateY(24px); opacity: 0; visibility: hidden; transition: transform .4s cubic-bezier(.2, .8, .2, 1), opacity .3s, visibility 0s .4s; }
.ntcx-ck *, .ntcx-ck *::before, .ntcx-ck *::after { box-sizing: border-box; }
.ntcx-ck.on { transform: none; opacity: 1; visibility: visible; transition-delay: 0s; }
.ntcx-ck::before { content: ""; position: absolute; left: 22px; top: 0; width: 44px; height: 3px; background: #ffcc00; border-radius: 0 0 3px 3px; }
.ntcx-ck h3 { margin: 4px 0 8px; font-size: 18px; font-weight: 800; letter-spacing: -.01em; color: #fff; text-transform: none; display: flex; align-items: center; gap: 10px; }
.ntcx-ck h3 svg { width: 22px; height: 22px; color: #ffcc00; flex: none; }
.ntcx-ck p { margin: 0 0 16px; color: #c8c3ad; font-size: 13.5px; }
.ntcx-ck p a { color: #ffcc00; text-decoration: underline; text-underline-offset: 2px; }
.ntcx-ck-row { display: flex; gap: 8px; flex-wrap: wrap; }
.ntcx-ck-b { flex: 1 1 auto; min-height: 44px; padding: 0 16px; border-radius: 12px; font: inherit; font-weight: 700; font-size: 14px; line-height: 1; text-transform: none; letter-spacing: normal; cursor: pointer; border: 1.5px solid transparent; transition: background .2s, color .2s, border-color .2s, box-shadow .2s; display: inline-flex; align-items: center; justify-content: center; }
.ntcx-ck-b.pri { background: #ffcc00; color: #0d0d0d; }
.ntcx-ck-b.pri:hover { background: #e6b800; color: #0d0d0d; box-shadow: 0 10px 24px -8px rgba(255, 204, 0, .55); }
.ntcx-ck-b.sec { background: transparent; color: #fff; border-color: rgba(255, 204, 0, .42); }
.ntcx-ck-b.sec:hover { background: transparent; color: #ffcc00; border-color: #ffcc00; }
.ntcx-ck-b.lnk { background: transparent; color: #c8c3ad; flex: 1 1 100%; min-height: 34px; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; font-size: 13px; }
.ntcx-ck-b.lnk:hover { background: transparent; color: #ffcc00; }
.ntcx-ck-set { display: none; margin: 0 0 14px; }
.ntcx-ck.set .ntcx-ck-set { display: grid; gap: 8px; }
.ntcx-ck.set .ntcx-ck-b.lnk, .ntcx-ck.set p.t { display: none; }
.ntcx-ck-o { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #27241a; border: 1px solid #3d3720; border-radius: 12px; padding: 11px 14px; cursor: pointer; }
.ntcx-ck-o b { display: block; color: #fff; font-size: 14px; }
.ntcx-ck-o small { color: #a49f88; font-size: 12px; line-height: 1.3; display: block; }
.ntcx-ck-o input { position: absolute; opacity: 0; pointer-events: none; }
.ntcx-ck-o i { flex: none; width: 42px; height: 24px; border-radius: 12px; background: #4a4530; position: relative; transition: background .2s; }
.ntcx-ck-o i::after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .2s; }
.ntcx-ck-o input:checked + i { background: #ffcc00; }
.ntcx-ck-o input:checked + i::after { transform: translateX(18px); background: #0d0d0d; }
.ntcx-ck-o input:disabled + i { opacity: .6; }
.ntcx-ck-o input:focus-visible + i { outline: 2px solid #fff; outline-offset: 2px; }

@media (max-width: 767px) {
	.ntcx-ck { left: 8px; right: 8px; width: auto; max-width: none; bottom: calc(var(--wd-toolbar-h, 55px) + 8px); padding: 18px 16px; max-height: calc(100vh - var(--wd-toolbar-h, 55px) - 24px); overflow-y: auto; }
	.ntcx-ck p { font-size: 13px; margin-bottom: 14px; }
	.ntcx-ck-b { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) { .ntcx-ck { transition: none; } }