/* Konfigurator „Złóż własny zestaw” (/zestaw/) · IN Rama i Smak 1.0 (22.10.2026): Archivo, karty w tincie smaku, białe akcje, bez poświat */
.kf-hero{display:grid;gap:18px;justify-items:start;padding-bottom:clamp(28px,4vw,48px)}
.kf-hero .h2{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:800;font-size:var(--fs-h1);line-height:1.02;letter-spacing:-0.015em;text-transform:none}
.kf-hero .h2 em{font-style:normal;color:var(--text-1)}
.kf-hero .lead b{color:var(--text-1)}
.kf-tiers{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:6px 0 0;padding:0}
.kf-tiers li{display:grid;justify-items:center;gap:4px;min-width:74px;padding:12px 14px;border-radius:16px;border:1px solid var(--line-2);background:var(--surface-1);transition:border-color .16s var(--ease),background-color .16s var(--ease)}
.kf-tiers b{font-family:var(--font);font-stretch:100%;font-weight:700;font-size:var(--fs-num-xl);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;color:var(--text-1)}
.kf-tiers span{font-family:var(--font);font-stretch:100%;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--text-2);font-variant-numeric:tabular-nums}
.kf-tiers li.is-on{border-color:var(--text-1);outline:1px solid var(--text-1);outline-offset:-2px;background:var(--surface-3)}
.kf-tiers li.is-on b{color:var(--text-1)}

.kf{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:clamp(20px,3vw,40px);align-items:start;padding-bottom:clamp(40px,6vw,80px)}
.kf-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-0.01em;text-transform:none;color:var(--text-1);margin:0 0 16px}
.kf-h .hud{font-family:var(--font);font-stretch:100%;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-2)}
.kf-pick .kf-h:not(:first-child){margin-top:clamp(32px,4vw,52px)}
.kf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
/* karta smaku = tinta (tło --c-deep, nazwa w kolorze smaku); wybrana: obrys 2 px w kolorze smaku */
.kf-card{position:relative;display:grid;gap:12px;align-content:start;padding:20px;border-radius:28px;border:0;background:var(--c-deep,var(--surface-1));overflow:hidden}
.kf-card:has(.kf-rows li.is-on){outline:2px solid var(--c);outline-offset:-2px}
.kf-img{position:relative;display:grid;place-items:center;height:150px;isolation:isolate}
.kf-img::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(closest-side,rgba(var(--c-rgb),.22),transparent);pointer-events:none}
.kf-img img{max-height:150px;width:auto;max-width:100%;object-fit:contain}
.kf-card h3{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-0.01em;text-transform:none;margin:0;color:var(--c)}
.kf-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.kf-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:8px 8px 8px 12px;border-radius:12px;border:1px solid var(--line-2);background:rgba(0,0,0,.24);transition:border-color .16s var(--ease),background-color .16s var(--ease)}
.kf-rows li.is-on{border-color:var(--c);background:rgba(var(--c-rgb),.12)}
.kf-rows li.is-on .kf-size small{color:var(--text-1)}
.kf-rows li.is-out{opacity:.45}
.kf-size{display:grid;line-height:1.2}
.kf-size b{font-size:15px;font-weight:600;white-space:nowrap;color:var(--text-1);font-variant-numeric:tabular-nums}
.kf-size small{white-space:nowrap}
.kf-rows .kf-price{grid-column:1;grid-row:2;font-size:15px;color:var(--text-1)}
.kf-rows .kf-step{grid-column:2;grid-row:1/3}
.kf-size small{font-size:13px;font-weight:500;color:var(--text-2)}
.kf-price{font-weight:600;font-size:15px;font-stretch:100%;font-variant-numeric:tabular-nums;white-space:nowrap}
.kf-step{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:999px;background:var(--surface-3)}
.kf-step button{width:44px;height:44px;border:0;background:none;color:var(--text-1);font-family:var(--font);font-size:20px;font-weight:500;line-height:1;cursor:pointer;border-radius:999px;transition:background-color .16s var(--ease)}
@media (hover:hover){.kf-step button:not(:disabled):hover{background:var(--surface-3-hover)}}
.kf-step button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.kf-step button:disabled{color:var(--text-disabled);opacity:1;cursor:not-allowed}
.kf-step .kf-plus:not(:disabled){color:var(--text-1)}
.kf-step output{min-width:20px;text-align:center;font-weight:600;font-size:17px;font-variant-numeric:tabular-nums;color:var(--text-1)}
.kf-shots .kf-img{height:170px}
.kf-shots .kf-img img{max-height:170px}
.kf-shots.is-soon .kf-card::after{content:"Premiera niebawem";position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--surface-3);font-family:var(--font);font-stretch:100%;font-size:12px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;color:var(--text-2)}

.kf-sum{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px)}
.kf-sum-in{display:grid;gap:12px;padding:24px;border-radius:20px;border:1px solid var(--line-2);background:var(--surface-1)}
.kf-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:240px;overflow:auto}
.kf-list li{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:var(--text-1)}
.kf-list li b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.kf-list .kf-empty{color:var(--text-2)}
.kf-bar{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}
.kf-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--text-1);transition:width .4s var(--ease)}
.kf-next{font-size:13px;font-weight:500;line-height:1.4;color:var(--text-2);margin:0}
.kf-total{display:grid;gap:4px}
.kf-old{color:var(--text-3);text-decoration:line-through;font-size:15px;font-variant-numeric:tabular-nums;min-height:1em}
.kf-now{font-family:var(--font);font-stretch:100%;font-weight:700;font-size:clamp(2.25rem,1.9rem + 1.5vw,3.25rem);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;color:var(--text-1)}
.kf-save{color:var(--text-1);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;min-height:1em}
.kf-ship{margin:0;font-size:13px;font-weight:500;line-height:1.4;color:var(--text-2)}
.kf-ship.is-ok{color:var(--ok);font-weight:600}
.kf-ship.is-ok::before{content:"\2713\00a0"}
.kf-add{width:100%}
.kf-err{margin:0;color:var(--err);font-weight:600;font-size:15px}
.kf-note{margin:0;font-size:13px;line-height:1.5;color:var(--text-3)}

.kf-zasady{padding-bottom:clamp(24px,4vw,48px)}
.kf-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kf-rules div{padding:24px;border-radius:20px;border:1px solid var(--line-1);background:var(--surface-1)}
.kf-rules b{display:block;margin-bottom:6px;font-size:17px;font-weight:600;color:var(--text-1)}
.kf-rules p{margin:0;color:var(--text-2);font-size:15px;line-height:1.5}

.kf-mini{display:none}
@media (max-width:899px){
  .kf{grid-template-columns:minmax(0,1fr)}
  .kf-sum{position:static}
  .kf-rules{grid-template-columns:minmax(0,1fr)}
  .kf-rules div{padding:20px}
  .kf-grid{grid-template-columns:minmax(0,1fr)}
  .kf-card{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"img h" "img rows";column-gap:14px;align-items:start;padding:20px}
  .kf-img{grid-area:img;height:120px}
  .kf-img img,.kf-shots .kf-img img{max-height:120px}
  .kf-shots .kf-img{height:120px}
  .kf-card h3{grid-area:h}
  .kf-rows{grid-area:rows}
  .kf-rows li{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding:8px}
  .kf-rows .kf-price{grid-column:1;grid-row:2;font-size:15px;color:var(--text-1)}
  .kf-rows .kf-step{grid-column:2;grid-row:1/3}
  .kf-sum-in{padding:20px}
  .kf-mini{display:flex;align-items:center;gap:12px;position:fixed;z-index:96;left:10px;right:10px;bottom:calc(84px + env(safe-area-inset-bottom,0px));padding:10px 16px;border-radius:16px;border:1px solid var(--line-2);background:#161618;background:var(--glass);color:var(--text-1);font:inherit;font-family:var(--font);cursor:pointer;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:opacity .24s var(--ease),transform .24s var(--ease)}
  .kf-mini[hidden]{display:none}
  .kf-mini.is-away{opacity:0;transform:translateY(20px);pointer-events:none}
  .kf-mini span{color:var(--text-1);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}
  .kf-mini b{font-family:var(--font);font-stretch:100%;font-weight:700;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
  .kf-mini i{margin-left:auto;font-style:normal;font-size:13px;font-weight:500;color:var(--text-2)}
}
@media (prefers-reduced-motion:reduce){.kf-bar i,.kf-mini,.kf-tiers li,.kf-rows li{transition:none}.kf-mini.is-away{transform:none}}