/* Serisan Promosyon · kampanyalı set sayfası (/kampanya/<slug>) — 02.10.2026
   Set kartı rozeti (.set-bd) ve "Nasıl çalışır?" (.kp-how) v3.css'te; baskı seçim kartları (.cz-opt, .cz-pos) cz.css'te. */
.kp{padding-bottom:6px}
.kp-g{display:grid;gap:18px;margin-top:14px}
.kp-l{display:grid;gap:18px;min-width:0;align-content:start}
@container main (min-width:760px){
  .kp-g{grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:clamp(18px,2.6vw,32px);align-items:start}
}
@media (min-height:940px){@container main (min-width:760px){.kp-buy{position:sticky;top:calc(var(--top-h) + 84px)}}}

/* Sol: görsel, set içeriği, açıklama */
.kp-img{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.kp-img .tile{aspect-ratio:4/3}
.kp-img .tile img{padding:5%}
.kp-img .set-bd{left:14px;top:14px;padding:7px 12px 7px 9px;font-size:14px}
.kp-its,.kp-desc{padding:16px clamp(14px,2vw,20px);border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.kp-its h2,.kp-desc h2{font-size:17px;font-weight:780;margin-bottom:8px}
.kp-its ul{list-style:none;margin:0;padding:0;display:grid}
.kp-it{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.kp-it:first-child{border-top:0}
.kp-th{width:56px;height:56px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden}
.kp-th img{width:100%;height:100%;object-fit:contain;padding:4px}
.kp-ph{font-style:normal;font-weight:800;color:var(--brand)}
.kp-in{display:grid;gap:2px;min-width:0}
.kp-in a{font-weight:700;font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.kp-in a:hover{color:var(--ink)}
.kp-in small{color:var(--muted);font-size:12.5px;font-weight:600}
.kp-ip{display:grid;justify-items:end;gap:1px;text-align:right}
.kp-ip b{font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.kp-ip small{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
@container main (max-width:440px){
  .kp-it{grid-template-columns:48px minmax(0,1fr);row-gap:4px}
  .kp-th{width:48px;height:48px;grid-row:span 2}
  .kp-ip{grid-column:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;justify-items:start;text-align:left}
}
.kp-desc p{margin:0 0 8px;color:var(--muted);line-height:1.65;overflow-wrap:anywhere}
.kp-desc p:last-child{margin-bottom:0}

/* Sağ: satın alma paneli */
.kp-buy{padding:18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);min-width:0}
.kp-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.kp-k{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--brand-soft);color:var(--ink);font-size:13px;font-weight:750}
.kp-k .ico{width:16px;height:16px}
.kp-bd{padding:6px 11px;border-radius:999px;background:var(--grad);color:#fff;font-size:13px;font-weight:800}
.kp-pr{margin:0;display:grid;gap:4px}
.kp-pr>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.kp-pr dt{color:var(--muted);font-size:14px;font-weight:600}
.kp-pr dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.kp-nr s{color:var(--muted);font-weight:650;text-decoration-thickness:1.5px}
.kp-sp dt{color:var(--text);font-size:15px;font-weight:750}
.kp-sp dd{display:flex;align-items:baseline;gap:6px}
.kp-sp b{font-size:clamp(1.6rem,1.1rem + 1.6vw,2.05rem);font-weight:850;letter-spacing:-.02em;line-height:1.15;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kp-sp small{font-size:12px;font-weight:650;color:var(--muted)}
.kp-sv dt,.kp-sv dd{color:var(--ok);font-weight:800}
.kp-end{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;font-weight:700;color:#9a5b00}
.kp-end .ico,.kp-note .ico{width:16px;height:16px;flex:none}
.kp-note{display:flex;gap:8px;align-items:flex-start;margin:10px 0 18px;padding:9px 11px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:600;line-height:1.45}
.kp-note .ico{color:var(--ok);margin-top:1px}
/* Dar panelde (≤470px) baskı teknikleri tek sütun: kartlar ürün sayfasındaki gibi sıkışmaz */
@container cz (max-width:470px){.kp-f .cz-opts{grid-template-columns:1fr}.kp-f .cz-opts:not(.art) .cz-opt{min-height:60px;align-items:center;padding:10px 26px 10px 12px}.kp-f .cz-opts:not(.art) .cz-ico{display:grid}}
.kp-sk{display:block;min-height:66px;border-radius:16px;background:linear-gradient(100deg,var(--surface-2) 30%,color-mix(in srgb,var(--surface-2) 40%,var(--surface)) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shim 1.3s infinite linear}
.kp-sum{margin:18px 0 0;padding:14px 16px;border-radius:18px;background:var(--surface-2);display:grid;gap:4px;transition:opacity .2s}
.kp-sum.loading{opacity:.55}
.kp-sum>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;color:var(--muted)}
.kp-sum dt small{font-size:12px;font-weight:550}
.kp-sum dd{margin:0;color:var(--text);font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}
.kp-sum .positive,.kp-sum .positive dd{color:var(--ok)}
.kp-sum .total{margin-top:8px;padding-top:10px;border-top:1px dashed color-mix(in oklab,var(--text) 18%,transparent);color:var(--text);font-size:15px;font-weight:800;align-items:center}
.kp-sum .total dt{display:grid}
.kp-sum .total dd{font-size:clamp(1.4rem,1rem + 1vw,1.75rem);font-weight:850;letter-spacing:-.02em}
.kp-add{width:100%;margin-top:14px;min-height:56px}
.kp-add.done{background:var(--ok);box-shadow:none}
.kp-wa{width:100%;margin-top:10px;min-height:48px;font-size:15px}
.kp-tax{margin:8px 2px 0;color:var(--muted);font-size:12.5px;text-align:center}
.kp-gone{display:grid;gap:10px;justify-items:start}
.kp-gone>svg.lucide{width:26px;height:26px;color:var(--ink)}
.kp-gone h2{font-size:19px}
.kp-gone p{margin:0;color:var(--muted);line-height:1.55}
.kp-how{margin-top:22px}

/* Mobil alt çubuk: "Seti sepete ekle" ekrandan çıkınca */
.kp-bar{position:fixed;left:0;right:0;bottom:0;z-index:36;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(22,3,15,.35)}
.kp-bar>div{display:grid;min-width:0}
.kp-bar small{color:var(--muted);font-size:12px;font-weight:600}
.kp-bar b{font-size:20px;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kp-bar .btn{min-height:50px;padding:0 18px;white-space:nowrap}
.kp-bar .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media (min-width:980px){.kp-bar{display:none!important}}