/* /kody-rabatowe/ – lista kodów z przyciskiem „Kopiuj kod” */
.kd-main{text-align:left}
.kd-main__code{font-family:var(--f-display);font-size:clamp(44px,4.6vw,62px);line-height:1;letter-spacing:.04em;color:var(--mist);margin:10px 0 10px;user-select:all;-webkit-user-select:all}
.kd-main__txt{font-size:14.5px;color:#c3cbcf;margin:0 0 18px}
.kd-main .btn{width:100%;margin-bottom:8px}

.kd-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.kd-item{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);gap:16px 32px;align-items:center;padding:24px 0;border-bottom:1px solid var(--mist-line)}
.kd-item__name h3{font-size:clamp(22px,1.9vw,26px);margin-bottom:6px}
.kd-item__name p{margin:0;font-size:15px;color:var(--slate)}
.kd-item__name a{color:var(--brass-deep);text-underline-offset:4px}
.kd-item__code small{display:block;font-size:12.5px;letter-spacing:.04em;color:var(--brass-deep);font-weight:600;margin-bottom:2px}
.kd-code{font-family:var(--f-display);font-size:clamp(26px,2.4vw,32px);letter-spacing:.05em;line-height:1.1;user-select:all;-webkit-user-select:all}
.kd-item--gold .kd-code{color:var(--brass-deep)}
.kd-item__act{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:flex-end}
.kd-btn{
  min-height:44px;min-width:150px;padding:0 18px;border:1px solid var(--petrol-900);background:transparent;color:var(--ink);
  font-weight:600;font-size:15px;cursor:pointer;border-radius:2px;transition:background .2s var(--ease),color .2s var(--ease)
}
.kd-btn:hover{background:var(--petrol-900);color:var(--mist)}
.kd-btn.is-done,.kd-copy.is-done{background:var(--brass);border-color:var(--brass);color:var(--petrol-950)}
.kd-go{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font-weight:600;font-size:15px;text-underline-offset:5px}
.kd-go::after{content:"↗";color:var(--brass-deep);transition:transform .25s var(--ease)}
.kd-go:hover::after{transform:translate(2px,-2px)}
.kd-foot{margin:22px 0 0;font-size:14px;color:var(--slate);max-width:760px}
.p-kody-rabatowe .steps a{color:var(--brass-deep);text-underline-offset:4px}

@media (max-width:1020px){
  .kd-item{grid-template-columns:minmax(0,1fr) auto}
  .kd-item__name{grid-column:1/-1}
  .kd-item__act{justify-content:flex-end}
}
@media (max-width:560px){
  .kd-item{grid-template-columns:minmax(0,1fr)}
  .kd-item__act{justify-content:flex-start}
  .kd-btn{flex:1 1 auto}
}