.dk-program {background:var(--bg)}
.dk-program,.dk-application {scroll-margin-top:100px}
.dk-intro,.dk-application {display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.dk-kit-photo {width:100%;min-width:0;justify-self:center;aspect-ratio:2730/1536;border-radius:clamp(20px,3vw,var(--radius-lg));overflow:hidden;background:#0d131e}
.dk-kit-photo img {display:block;width:100%;height:100%;object-fit:cover}
.dk-program p,.dk-program li {line-height:1.65}
.dk-program h3 {margin:20px 0 8px}
.dk-intro .btn,.dk-program form button {margin-top:20px}
.dk-application {margin-top:64px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.dk-program ol {padding:0;list-style:none;counter-reset:kit-step;margin-top:24px}
.dk-program li {counter-increment:kit-step;display:grid;grid-template-columns:2.5rem 1fr;align-items:baseline;gap:12px;padding:16px 0;border-top:1px solid var(--gray-200)}
.dk-program li::before {content:counter(kit-step,decimal-leading-zero);font-weight:700;font-size:1.25rem;color:var(--coral)}
.dk-program form {background:var(--white);padding:clamp(20px,4vw,48px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.dk-program form h3 {margin-top:0}
.dk-program form p {font-size:.9rem}
.dk-fields {margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dk-fields label {display:grid;gap:6px;align-content:start;font-weight:600;font-size:.9rem}
.dk-fields input,.dk-fields textarea {box-sizing:border-box;width:100%;min-width:0;border:1px solid #a3acaf;border-radius:8px;background:white;padding:10px 12px;font:inherit;font-size:1rem;font-weight:400;color:var(--navy)}
.dk-fields textarea {resize:vertical}
.dk-wide {grid-column:1/-1}
.dk-consent {background:var(--bg);padding:16px;border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:.95rem}
.dk-consent input {width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--navy)}
.dk-program :focus-visible,.dk-used :focus-visible {outline:3px solid var(--navy);outline-offset:3px}
#dk-status:not(:empty) {margin-top:12px;font-weight:600}
.dk-used {background:var(--white)}
.dk-used[hidden],.dk-used [hidden] {display:none}
#dk-controls {text-align:center;margin-top:24px}
#dk-companies {display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;padding:6px}
#dk-companies li {border:1px solid var(--gray-200);scroll-snap-align:start;flex:0 0 min(260px,90%);border-radius:var(--radius-md);background:var(--bg);padding:24px;text-align:center;font-weight:600}
#dk-companies img {display:block;width:100%;height:72px;object-fit:contain;margin-bottom:12px}
@media(max-width:800px){.dk-intro,.dk-application {grid-template-columns:1fr}.dk-kit-photo {max-width:600px}.dk-application {margin-top:40px}}
@media(max-width:580px){.dk-fields {grid-template-columns:1fr}.dk-program .btn {white-space:normal}}

.dk-step {border:0;padding:0;margin:24px 0 0;min-width:0}
.dk-step legend {padding:0;font-weight:600;color:var(--navy);font-size:1.15rem}
.dk-step legend small {display:block;font-size:.8rem;margin-bottom:4px}
.dk-actions {display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
#dk-form [hidden] {display:none}
.dk-step .dk-fields {margin:16px 0}

#dk-receipt {align-self:start;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(24px,4vw,48px)}
#dk-receipt .btn {margin-top:24px}
.dk-application > [hidden] {display:none}

.tag-shipping-banner {
  position:relative;display:flex;align-items:center;min-height:520px;
  background:linear-gradient(90deg,rgba(14,26,34,.40),rgba(14,26,34,.88) 64%),url('../images/the_tag_trakkem_pro.png') left 12% center / auto 88% no-repeat,var(--navy);
}
@media(max-width:800px){
  .tag-shipping-banner {min-height:420px;background-position:center,left -40px center;background-size:auto,auto 80%;background-image:linear-gradient(90deg,rgba(14,26,34,.53),rgba(14,26,34,.87) 85%),url('../images/the_tag_trakkem_pro.png')}
}