@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");
/* Wszystko zaczyna się od .dk – nie wpływa na resztę strony ani motyw. */
.dk{--dk-bg:#f5f4f2;--dk-ink:#1c1b19;--dk-muted:#6b6862;--dk-line:#d9d6d0;--dk-h:640px;--dk-col:170px;--dk-k:1;--dk-ph:min(calc(100vh - var(--dk-top) - 16px),760px);--dk-top:110px;--dk-topm:70px;container-type:inline-size;width:100%;
 background:var(--dk-bg);color:var(--dk-ink) !important;font-family:"Open Sans",system-ui,sans-serif;font-size:16px;line-height:1.5;padding:32px 20px;text-align:left;scroll-margin-top:var(--dk-topm)}
.dk,.dk *{box-sizing:border-box;font-family:"Open Sans",system-ui,sans-serif}
/* Zabezpieczenie: kolor tekstu wewnątrz modułu dziedziczy z najbliższego elementu z naszym kolorem,
   niezależnie od globalnych reguł motywu WordPress (np. *{color:...} na znacznikach b/span/small). */
.dk,.dk *{color:inherit!important}
.dk button{all:unset;box-sizing:border-box;cursor:pointer}
.dk button:focus-visible,.dk a:focus-visible{outline:3px solid #2b6cb0;outline-offset:2px}
.dk .dk-title{text-align:center;font-size:22px;letter-spacing:.04em;margin:0 0 6px}
.dk .dk-bar{width:24px;height:3px;background:var(--dk-line);margin:0 auto 18px}
.dk .dk-split{display:grid;grid-template-columns:1fr 0fr;transition:grid-template-columns .45s ease;align-items:start}
.dk.has .dk-split{grid-template-columns:1fr 1fr}
.dk .dk-list{position:relative;max-height:var(--dk-h);overflow:hidden;padding:2px;min-width:0}
.dk .dk-list.open{max-height:none;overflow:visible}
.dk.has .dk-list:not(.open){max-height:var(--dk-ph);overflow-y:auto;padding-right:8px}
.dk .dk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--dk-col) * var(--dk-k)),1fr));gap:22px}
.dk .dk-card{display:block;position:relative;aspect-ratio:1/.92;color:#fff !important;background:#999 center/cover no-repeat;overflow:hidden}
.dk .dk-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.38),transparent 55%)}
.dk .dk-card span{position:absolute;z-index:1;left:18px;right:10px;top:16px;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.dk .dk-card b{display:block;font-weight:400;font-size:15px;margin-bottom:12px}
.dk .dk-card small{display:block;font-size:15px;line-height:1.5}
.dk .dk-card:hover{filter:brightness(1.06)}
.dk .dk-card[aria-current=true]::before{content:"";position:absolute;inset:0;z-index:2;border:2px solid var(--dk-ink);box-shadow:inset 0 0 0 2px #fff;pointer-events:none}
.dk .dk-fade{display:none}
.dk .dk-list.open .dk-fade{display:none}
.dk .dk-left{min-width:0}
.dk [hidden]{display:none!important}
.dk .dk-toolbar{flex-wrap:wrap;display:flex;gap:10px;align-items:stretch;padding:0 2px 10px}
.dk .dk-search{all:unset;box-sizing:border-box;display:block;flex:1 1 140px;min-width:0;background:#fff;border:1px solid var(--dk-line);padding:9px 12px;font-size:15px;line-height:1.3;color:var(--dk-ink) !important;cursor:text}
.dk .dk-search:focus{outline:3px solid #2b6cb0;outline-offset:2px;border-color:var(--dk-ink);box-shadow:none;background:#fff}
.dk .dk-search::placeholder{color:var(--dk-muted) !important;opacity:1}
.dk .dk-empty{padding:28px 4px;color:var(--dk-muted) !important}
.dk .dk-btn{display:block;flex:none;white-space:nowrap;padding:9px 18px;font-size:15px;line-height:1.3;background:var(--dk-ink);color:#fff !important}
.dk .dk-btn:hover{background:#3a3833}
.dk .dk-count{color:var(--dk-muted) !important;font-size:13px;margin:0 0 12px 2px}
.dk .dk-foot{display:none;text-align:center;margin-top:18px}
.dk.opened .dk-foot{display:block}
.dk .dk-foot .dk-btn{display:inline-block}
.dk .dk-side{height:0;overflow:hidden;position:sticky;top:var(--dk-top);min-width:0;visibility:hidden;transition:visibility 0s .45s}
.dk.has .dk-side{height:auto}
.dk.has .dk-side{visibility:visible;transition-delay:0s}
.dk .dk-dt{display:flex;flex-direction:column;min-width:340px;margin-left:28px;height:0;overflow:hidden;opacity:0;transition:opacity .3s ease;scroll-margin-top:var(--dk-topm)}
.dk.has .dk-dt{height:var(--dk-ph)}
.dk.has .dk-dt{opacity:1;transition-delay:.15s}
.dk .dk-pic{position:relative;overflow:hidden;flex:1 1 0;min-height:120px;background:#ebe9e5 center/contain no-repeat;background-color:#ebe9e5!important;background-image:none!important}
.dk .dk-img{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity .35s ease}
.dk .dk-img.on{opacity:1}
.dk .dk-body{flex:0 1 auto;min-height:0;max-height:55%;overflow-y:auto;padding:18px 2px 8px}
.dk .dk-name{font-weight:600;font-size:24px;line-height:1.25;margin:0 0 12px}
.dk .dk-desc{line-height:1.65;margin:0 0 18px;max-width:60ch}
.dk .dk-data{margin:0 0 20px;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:15px}
.dk .dk-data span:nth-child(odd){color:var(--dk-muted) !important}
.dk .dk-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.dk .dk-links a{color:var(--dk-ink) !important;border:1px solid var(--dk-ink);padding:8px 16px;text-decoration:none;font-size:14px;background:none}
.dk .dk-links a:hover{background:var(--dk-ink);color:#fff !important}
.dk .dk-tools{flex:none;display:flex;gap:8px;align-items:center;border-top:1px solid var(--dk-line);padding-top:14px}
.dk .dk-tools button{font-size:14px;border:1px solid var(--dk-line);padding:8px 14px}
.dk .dk-tools button:hover{border-color:var(--dk-ink)}
.dk .dk-sp{flex:1}
.dk .dk-back{display:none}
.dk .dk-sel{all:unset;appearance:none;box-sizing:border-box;display:block;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231c1b19' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--dk-line);padding:9px 32px 9px 12px;font-size:15px;line-height:1.3;color:var(--dk-ink) !important;cursor:pointer;max-width:100%}
.dk .dk-sel:focus-visible{outline:3px solid #2b6cb0;outline-offset:2px}
.dk .dk-fbtn{background:#fff;color:var(--dk-ink) !important;border:1px solid var(--dk-line)}
.dk .dk-fbtn:hover,.dk.fopen .dk-fbtn{background:#fff;border-color:var(--dk-ink)}
.dk .dk-filters{display:none;margin:0 2px 14px;padding:14px 16px;background:#fff;border:1px solid var(--dk-line)}
.dk.fopen .dk-filters{display:block}
.dk .dk-fg{margin-bottom:12px}
.dk .dk-fg:last-child{margin-bottom:0}
.dk .dk-label{font-size:13px;color:var(--dk-muted) !important;margin-bottom:6px}
.dk .dk-chips,.dk .dk-frow{display:flex;flex-wrap:wrap;gap:8px 14px}
.dk .dk-chips{gap:8px}
.dk .dk-chip{display:inline-block;padding:6px 12px;border:1px solid var(--dk-line);font-size:14px;line-height:1.3;background:var(--dk-bg)}
.dk .dk-chip:hover{border-color:var(--dk-ink)}
.dk .dk-chip[aria-pressed=true]{background:var(--dk-ink);border-color:var(--dk-ink);color:#fff !important}
.dk .dk-fl{display:block;font-size:13px;color:var(--dk-muted) !important}
.dk .dk-fl .dk-sel{margin-top:6px;min-width:190px}
.dk .dk-link{display:inline;margin-left:10px;font-size:13px;text-decoration:underline;color:var(--dk-ink) !important}
.dk .dk-card .dk-tg{position:absolute;z-index:1;left:12px;right:8px;bottom:12px;display:flex;flex-wrap:wrap;gap:4px;font-style:normal}
.dk .dk-tg em{font-style:normal;font-size:11px;line-height:1.3;background:rgba(255,255,255,.92);color:var(--dk-ink) !important;padding:2px 7px}
.dk .dk-tags{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
.dk .dk-tag{font-size:12px;padding:3px 9px;background:var(--dk-ink);color:#fff !important;letter-spacing:.02em}
.dk .dk-form{border:1px solid var(--dk-line);padding:8px 16px;font-size:14px;color:var(--dk-muted) !important}
/* Podpowiedź pod pierwszym wierszem: widoczna tylko przy zwiniętej liście, bez otwartych szczegółów */
.dk .dk-hint{display:none;text-align:center;margin-top:16px}
.dk.more:not(.opened):not(.has) .dk-hint{display:block}
.dk .dk-more{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border:1px solid var(--dk-ink);font-size:15px;line-height:1.3;color:var(--dk-ink) !important;background:#fff}
.dk .dk-more:hover{background:var(--dk-ink);color:#fff !important}
.dk .dk-chev{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;animation:dk-bob 1.6s ease-in-out infinite}
@keyframes dk-bob{0%,100%{translate:0 0}50%{translate:0 4px}}
/* Rozmiar miniatur (przełącznik w pasku narzędzi) */
.dk[data-size=l]{--dk-k:1.4}
.dk .dk-size{display:flex;align-items:stretch;border:1px solid var(--dk-line);background:#fff;overflow:hidden}
.dk .dk-sz{display:flex;align-items:center;justify-content:center;width:34px;color:var(--dk-muted) !important}
.dk .dk-sz:hover{color:var(--dk-ink) !important}
.dk .dk-sz[aria-pressed=true]{background:var(--dk-ink);color:#fff !important}
.dk .dk-sz i{display:block;background:currentColor;border-radius:2px}
.dk .dk-sz[data-s=m] i{width:10px;height:10px}
.dk .dk-sz[data-s=l] i{width:14px;height:14px}
.dk .dk-size{border-radius:var(--dk-r-s)}
/* Zdjęcie w szczegółach: przybliżanie i drugie zdjęcie */
.dk .dk-pic{touch-action:none;user-select:none;-webkit-user-select:none;cursor:zoom-in}
.dk .dk-pic[data-z="1"]{cursor:grab}
.dk .dk-pic.dk-drag[data-z="1"]{cursor:grabbing}
.dk .dk-zi{position:absolute;inset:0;transform-origin:0 0;transition:transform .15s ease-out}
.dk .dk-drag .dk-zi{transition:none}
.dk .dk-zl{position:absolute;inset:0;background:center/contain no-repeat;opacity:0;transition:opacity .35s ease}
.dk .dk-zl.act{opacity:1}
.dk .dk-zc{position:absolute;top:10px;right:10px;z-index:3;display:flex;flex-direction:column;gap:6px}
.dk .dk-pg{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;gap:6px}
.dk .dk-zc button,.dk .dk-pg button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.92);color:var(--dk-ink) !important;box-shadow:0 1px 4px rgba(0,0,0,.25);line-height:1}
.dk .dk-zc button{width:34px;height:34px;font-size:19px}
.dk .dk-pg button{width:32px;height:32px;font-size:14px;font-weight:600}
.dk .dk-zc button:hover,.dk .dk-pg button:hover{background:#fff}
.dk .dk-pg button[aria-pressed=true]{background:var(--dk-ink);color:#fff !important}
/* Zaokrąglenia – zmień wartości, aby dopasować do strony (0 = ostre rogi) */
.dk{--dk-r:10px;--dk-r-s:8px;border-radius:16px}
.dk .dk-card{border-radius:var(--dk-r)}
.dk .dk-card::before,.dk .dk-card::after{border-radius:inherit}
.dk .dk-more{border-radius:999px}
.dk .dk-search,.dk .dk-sel,.dk .dk-btn,.dk .dk-fbtn,.dk .dk-links a,.dk .dk-form,.dk .dk-tools button{border-radius:var(--dk-r-s)}
.dk .dk-filters,.dk .dk-pic{border-radius:var(--dk-r)}
.dk .dk-chip,.dk .dk-tag,.dk .dk-tg em{border-radius:999px}
.dk .dk-tg em{padding:2px 9px}
/* Po przybliżeniu zdjęcia panel szczegółów się powiększa (lista się zwęża, opis się zmniejsza) */
.dk.zoomed .dk-split{grid-template-columns:minmax(0,.28fr) minmax(0,1fr)}
.dk.zoomed .dk-body{max-height:32%}
/* Wymuszenie jasnych kolorów niezależnie od stylów motywu WordPress (select, option, lista) */
.dk{color-scheme:light}
.dk .dk-sel,.dk .dk-search{background-color:#fff!important;color:var(--dk-ink)!important}
.dk .dk-sel option{background-color:#fff!important;color:var(--dk-ink)!important}
.dk .dk-filters,.dk .dk-list,.dk .dk-card,.dk .dk-chip,.dk .dk-btn,.dk .dk-fbtn{color-scheme:light}
/* Delikatny przycisk „wróć na górę listy”: przyklejony u góry lewej kolumny (listy dekorów),
   więc nigdy nie zasłania przycisku „Zamknij” w panelu szczegółów po prawej. */
.dk .dk-top{position:sticky;top:var(--dk-topm);left:0;z-index:20;width:40px;height:40px;border-radius:50%;margin:0 0 -40px;
 background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;
 opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.dk .dk-top.show{opacity:1;transform:translateY(0);pointer-events:auto}
.dk .dk-top:hover{background:#fff}
.dk .dk-top i{display:block;width:8px;height:8px;border-left:2px solid var(--dk-ink);border-top:2px solid var(--dk-ink);transform:rotate(45deg);margin-top:4px}
/* Wąski komponent (do ok. 760 px szerokości): szczegóły zastępują listę, bez position:fixed */
@container (max-width:760px){
 .dk .dk-split,.dk.has .dk-split{grid-template-columns:1fr}
 .dk .dk-side{display:none;position:static;visibility:visible;overflow:visible}
 .dk.has .dk-side{display:block}
 .dk.has .dk-left,.dk.has .dk-toolbar,.dk.has .dk-count,.dk.has .dk-filters{display:none}
 .dk .dk-dt{min-width:0;margin:0;height:calc(100vh - var(--dk-topm) - 8px);height:calc(100dvh - var(--dk-topm) - 8px);opacity:1}
 .dk .dk-back{display:block;flex:none;padding:10px 0 14px;font-size:15px}
 .dk .dk-grid{grid-template-columns:repeat(2,1fr);gap:12px}
 .dk .dk-card span{left:12px;top:12px}
 .dk .dk-card b,.dk .dk-card small{font-size:13px}
 .dk[data-size=l] .dk-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.dk *{transition:none!important}.dk .dk-chev{animation:none}}