/* YKPATCH_ZESTAWY_2026_10_05 - zestawy z wyborem. Kolory jak Inspiracje: #A88466 copper, #1d1d1b tekst, #A3243B promo */
.ykz{--c:#A88466;--ink:#1d1d1b;--mut:#8a8580;--line:#ece7e2;--soft:#faf8f6;--sale:#A3243B;font-family:Montserrat,sans-serif;color:var(--ink);max-width:1240px;margin:0 auto;padding:8px 16px 56px}
.ykz a{color:inherit;text-decoration:none}
.ykz-preview{background:#fff4e5;border:1px solid #f0d3a8;color:#8a5a12;padding:10px 14px;border-radius:6px;margin:0 0 16px;font-size:13px}
.ykz-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}
.ykz-media{position:sticky;top:110px;background:var(--soft);border-radius:8px;overflow:hidden;aspect-ratio:1/1}
.ykz-media__img{width:100%;height:100%;object-fit:cover;display:block}
.ykz-collage{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:100%;height:100%;background:#fff}
.ykz-collage img{width:100%;height:100%;object-fit:contain;background:var(--soft);padding:6%}
.ykz-collage img:first-child{grid-column:span 2;grid-row:span 2}
.ykz-collage img:nth-child(n+7){display:none}
.ykz-collage--n1{grid-template-columns:1fr}.ykz-collage--n1 img:first-child{grid-column:auto;grid-row:auto}
.ykz-collage--n2{grid-template-columns:1fr 1fr}.ykz-collage--n2 img:first-child{grid-column:auto;grid-row:auto}
.ykz-collage--n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.ykz-collage--n3 img:first-child{grid-column:1;grid-row:span 2}
.ykz-collage--n4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr)}.ykz-collage--n4 img:first-child{grid-column:1;grid-row:span 3}
.ykz-collage--n5{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}
.ykz-collage--n6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}
.ykz-kicker{margin:0 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--c);font-weight:600}
.ykz-title{margin:0 0 12px;font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.01em}
.ykz-short{font-size:14px;line-height:1.6;color:#4d4a46;margin:0 0 18px}
.ykz-short p{margin:0 0 8px}
.ykz-price{padding:16px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 22px}
.ykz-price__main{display:flex;align-items:baseline;gap:10px;font-size:28px;font-weight:700;color:var(--c)}
.ykz-price__lbl{font-size:15px;font-weight:600;color:var(--ink)}
.ykz-price__row{font-size:14px;color:var(--mut);margin-bottom:4px}
.ykz-price__save{display:inline-block;margin-top:8px;background:var(--sale);color:#fff;font-size:13px;font-weight:700;padding:5px 10px;border-radius:3px}
.ykz-price__save:empty{display:none}
.ykz-price__sku{margin-top:8px;font-size:12px;color:var(--mut)}
.ykz-price__sep{margin-top:4px;font-size:13px;color:var(--mut)}
.ykz-badge{display:inline-block;background:var(--sale);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:3px;letter-spacing:.02em}
.ykz-badge:empty{display:none}
.ykz-h{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ykz-list{list-style:none;margin:0 0 22px;padding:0;border:1px solid var(--line);border-radius:8px}
.ykz-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-top:1px solid var(--line)}
.ykz-item:first-child{border-top:0}
.ykz-item__img{width:64px;height:64px;object-fit:contain;background:var(--soft);border-radius:6px;flex:0 0 auto}
.ykz-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ykz-item__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.ykz-item__name{font-size:14px;font-weight:600;line-height:1.35}
.ykz-item__name:hover{color:var(--c)}
.ykz-item__meta{display:flex;align-items:center;gap:6px;font-size:13px;color:#4d4a46}
.ykz-item.is-out{opacity:.6}
.ykz-dot{display:inline-block;width:14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.ykz-dot[hidden]{display:none}
.ykz-swap{flex:0 0 auto;border:1px solid var(--ink);background:#fff;border-radius:999px;padding:8px 16px;font:600 12px Montserrat,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s}
.ykz-swap:hover{background:var(--ink);color:#fff}
.ykz-fixed{flex:0 0 auto;font-size:11px;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.ykz-btn{width:100%;border:0;border-radius:999px;background:var(--c);color:#fff;font:700 14px Montserrat,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:17px 26px;cursor:pointer;transition:background .15s,opacity .15s}
.ykz-btn:hover{background:#94704f}
.ykz-btn:disabled{opacity:.5;cursor:not-allowed}
.ykz-btn.is-loading{opacity:.7;pointer-events:none}
.ykz-msg{min-height:20px;margin:10px 0 0;font-size:13px;line-height:1.5}
.ykz-msg.is-ok{color:#2b6a2b}
.ykz-msg.is-ok a{text-decoration:underline;font-weight:600}
.ykz-msg.is-err{color:var(--sale)}
.ykz-note{font-size:12px;color:var(--mut);margin:4px 0 0}
.ykz-desc{margin:48px auto 0;max-width:860px;font-size:15px;line-height:1.7}
/* okienko wymiany */
.ykz-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center}
.ykz-modal[hidden]{display:none}
.ykz-modal__bg{position:absolute;inset:0;background:rgba(29,29,27,.55)}
.ykz-modal__box{position:relative;background:#fff;border-radius:10px;width:min(920px,94vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.ykz-modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}
.ykz-modal__head h3{margin:0;font-size:17px;font-weight:600}
.ykz-modal__x{border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--mut)}
.ykz-modal__tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line)}
.ykz-search{flex:1 1 220px;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font:500 13px Montserrat,sans-serif}
.ykz-colors{display:flex;gap:6px;flex-wrap:wrap}
.ykz-colors button{width:28px;height:28px;border-radius:4px;border:2px solid transparent;padding:2px;cursor:pointer;background-clip:content-box;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.ykz-colors button.is-active{border-color:var(--ink)}
.ykz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px 20px 20px;overflow:auto}
.ykz-opt{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;padding:10px;text-align:left;background:#fff;cursor:pointer;font:inherit;transition:border-color .15s}
.ykz-opt:hover{border-color:var(--c)}
.ykz-opt.is-current{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.ykz-opt[disabled]{opacity:.45;cursor:not-allowed}
.ykz-opt img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--soft);border-radius:6px;margin-bottom:8px}
.ykz-opt__name{font-size:13px;font-weight:600;line-height:1.3;min-height:34px}
.ykz-opt__meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:#4d4a46}
.ykz-opt__state{margin-top:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--c);font-weight:700}
.ykz-none{grid-column:1/-1;text-align:center;color:var(--mut);padding:30px 0}
/* lista zestawow */
.ykz-hero{text-align:center;padding:18px 0 26px}
.ykz-lead{max-width:620px;margin:8px auto 0;font-size:15px;line-height:1.55;color:var(--mut)}
.ykz-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ykz-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .15s}
.ykz-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.07)}
.ykz-card__img{position:relative;aspect-ratio:1/1;background:var(--soft)}
.ykz-card__img img{width:100%;height:100%;object-fit:cover}
.ykz-card__img .ykz-badge{position:absolute;left:12px;top:12px}
.ykz-card__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}
.ykz-card__name{font-size:17px;font-weight:600}
.ykz-card__short{font-size:13px;line-height:1.5;color:#4d4a46}
.ykz-card__cta{margin-top:6px;font-size:13px;font-weight:700;color:var(--c)}
.ykz-empty{text-align:center;color:var(--mut)}
@media (max-width:991px){
  .ykz-top{grid-template-columns:1fr;gap:22px}
  .ykz-media{position:static;max-width:520px;width:100%;margin:0 auto}
  .ykz-cards{grid-template-columns:repeat(2,1fr)}
  .ykz-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:575px){
  .ykz{padding:4px 12px 40px}
  .ykz-title{font-size:24px}
  .ykz-price__main{font-size:24px}
  .ykz-item{gap:10px;padding:10px}
  .ykz-item__img{width:52px;height:52px}
  .ykz-swap{padding:7px 12px}
  .ykz-cards{grid-template-columns:1fr}
  .ykz-modal{align-items:flex-end}
  .ykz-modal__box{width:100vw;max-height:90vh;border-radius:14px 14px 0 0}
  .ykz-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}
}

/* YKPATCH_ZESTAWY_COPY_2026_10_09: etykiety pozycji bezowo-zlote */
.ykz-item__label{color:#A88466;font-weight:600}
/* YKPATCH_ZESTAWY_GALERIA_2026_10_09 */
.ykz-mediacol{position:sticky;top:110px;min-width:0}
.ykz-mediacol .ykz-media{position:relative;top:auto}
.ykz-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px}
.ykz-thumbs__b{flex:0 0 72px;width:72px;height:72px;padding:0;border:1px solid #E8E1D9;border-radius:6px;background:#fff;overflow:hidden;cursor:pointer;opacity:.75;transition:opacity .15s,border-color .15s}
.ykz-thumbs__b img{width:100%;height:100%;object-fit:cover;display:block}
.ykz-thumbs__b.is-on,.ykz-thumbs__b:hover{opacity:1;border-color:#A88466}
@media (max-width:991px){.ykz-mediacol{position:static;max-width:520px;width:100%;margin:0 auto}.ykz-thumbs__b{flex-basis:60px;width:60px;height:60px}}
/* YKPATCH_ZESTAWY_KATEGORIE_2026_10_13: zakladki kategorii */
.ykz-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 26px}
.ykz-tab{display:inline-block;padding:8px 16px;border:1px solid #e3ddd7;border-radius:20px;font-size:13px;font-weight:600;color:#1d1d1b;background:#fff;text-decoration:none;transition:border-color .15s,background .15s}
.ykz-tab:hover{border-color:#A88466;color:#1d1d1b;text-decoration:none}
.ykz-tab.is-active{background:#1d1d1b;border-color:#1d1d1b;color:#fff}
@media (max-width:767px){.ykz-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:0 -15px 20px;padding:0 15px 4px;-webkit-overflow-scrolling:touch}.ykz-tab{flex:0 0 auto}}
/* YKPATCH_ZESTAWY_W_KATEGORII_2026_10_13: zestawy nad produktami kategorii */
.ykz-incat{margin:0 0 34px;padding:0 0 30px;border-bottom:1px solid #ece7e2}
.ykz-incat__head{margin:0 0 18px}
.ykz-incat__title{margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.3}
.ykz-incat__lead{margin:0;font-size:14px;color:#6f6a64}
.ykz-incat .ykz-kicker{margin:0 0 4px}
/* YKPATCH_ZESTAWY_OPIS_2026_10_16: opis na pelna szerokosc tresci, w karcie (wczesniej waska kolumna 860 px oderwana od reszty) */
.ykz-desc{max-width:none;margin:48px 16px 0;padding:36px 44px;background:#fff;border:1px solid #ece7e2;border-radius:12px;font-size:15px;line-height:1.75;color:#3f3c38}
.ykz-desc h2{font-size:22px;font-weight:600;color:#1d1d1b;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #ece7e2}
.ykz-desc h3,.ykz-desc h4{font-size:16px;font-weight:700;color:#1d1d1b;margin:26px 0 10px}
.ykz-desc p{margin:0 0 14px}
.ykz-desc ul,.ykz-desc ol{margin:0 0 14px;padding-left:20px}
.ykz-desc li{margin:0 0 6px}
.ykz-desc b,.ykz-desc strong{color:#1d1d1b}
.ykz-desc > *:last-child{margin-bottom:0}
@media (max-width:767px){.ykz-desc{margin:32px 0 0;padding:22px 18px;border-radius:10px}.ykz-desc h2{font-size:19px}}

/* YKPATCH_ZESTAWY_NA_2026_10_20 */
.ykz-item.is-out{opacity:1}
.ykz-item.is-out .ykz-item__img,.ykz-item.is-out .ykz-item__name{opacity:.55}
.ykz-item__meta{flex-wrap:wrap}
.ykz-na{display:inline-flex;align-items:center;gap:7px;margin-top:6px;padding:6px 12px;border-radius:6px;background:#e8e1d8;color:#3d3a36;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}
.ykz-na svg{flex:0 0 auto}
.ykz-item.is-out .ykz-fixed{color:#9c3232;font-weight:700}
.ykz-msg:not(:empty){margin-top:12px;padding:10px 14px;border-radius:6px;background:#f6e9e9;color:#8b2a2a;font-weight:700;font-size:14px}
.ykz-na{align-self:flex-start;width:max-content;max-width:100%}
