/* NordicMix digitalt busklippekort – isoleret komponent */
.nm-buspass{--ink:#264348;--paper:#f5eedc;--line:#9c9d85;--stamp:#59445b;position:relative;isolation:isolate;width:min(100%,700px);margin:0 auto;padding:clamp(18px,4vw,38px) clamp(13px,4vw,36px) 0;color:var(--ink);border:1px solid #cfc4aa;border-radius:35px 35px 23px 23px;background:radial-gradient(circle at 32% 18%,#fff9e9 0%,transparent 55%),repeating-linear-gradient(121deg,rgba(81,63,37,.023) 0 1px,transparent 1px 4px),var(--paper);box-shadow:0 21px 38px rgba(27,45,46,.14),inset 0 0 35px rgba(100,86,50,.06);overflow:hidden;font-family:Georgia,'Times New Roman',serif}
.nm-buspass:before,.nm-buspass:after{content:'';position:absolute;left:50%;width:35px;height:17px;transform:translateX(-50%);border:1px solid #d0c9b4;background:#d3e0e6;z-index:2}
.nm-buspass:before{top:-9px;border-radius:0 0 30px 30px}.nm-buspass:after{bottom:-9px;border-radius:30px 30px 0 0}
.nm-buspass__brand{text-align:center;font-size:clamp(38px,9vw,76px);letter-spacing:-.055em;line-height:1.08;font-weight:500}
.nm-buspass__tag{text-align:center;letter-spacing:.26em;text-transform:uppercase;font:600 clamp(9px,1.9vw,14px)/1.7 system-ui,sans-serif;margin:7px 0 20px}
.nm-buspass__info{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:4px 0;margin-bottom:22px}
.nm-buspass__info-row{display:grid;grid-template-columns:minmax(105px,34%) 1fr;gap:10px;align-items:start;padding:9px 3px;border-bottom:1px solid rgba(38,67,72,.55);font-size:clamp(12px,2.3vw,17px)}
.nm-buspass__info-row:last-child{border:0}.nm-buspass__info-row span{font-weight:400}.nm-buspass__info-row strong{overflow-wrap:anywhere}
.nm-buspass__slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px dashed #8a8d79;border-top:1px dashed #8a8d79}
.nm-buspass__slot{min-width:0;aspect-ratio:.72;position:relative;border-right:1px dashed #8a8d79;border-bottom:1px dashed #8a8d79;background:rgba(255,255,255,.12);padding:9px 3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.nm-buspass__slot:before{content:'';position:absolute;top:-1px;left:50%;width:18px;height:9px;transform:translateX(-50%);background:var(--paper);border:1px solid #c6bda8;border-top:0;border-radius:0 0 18px 18px}
.nm-buspass__num{align-self:flex-start;font-size:clamp(12px,2.4vw,22px);line-height:1;margin-left:4px}
.nm-buspass__unused{color:#a3ad93;font-size:clamp(18px,4vw,33px);padding-bottom:14%;opacity:.9}
.nm-buspass__stamp{border:2px solid var(--stamp);outline:1px dotted var(--stamp);outline-offset:2px;border-radius:4px;transform:rotate(var(--tilt,-6deg));color:var(--stamp);background:rgba(244,231,217,.5);padding:5px 2px;min-width:90%;max-width:98%;display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;animation:nm-stamp-appear .6s cubic-bezier(.15,1.25,.3,1) both}
.nm-buspass__purpose{font:800 clamp(8px,1.3vw,12px)/1.25 system-ui,sans-serif;overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nm-buspass__stamptime{font:700 clamp(8px,1.6vw,13px)/1.18 ui-monospace,monospace}
.nm-buspass__slot-button{appearance:none;border:0;background:transparent;color:inherit;position:absolute;inset:0;cursor:pointer;font:inherit;z-index:3}.nm-buspass__slot-button:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.nm-buspass__mountains{margin:22px -36px 0;position:relative;min-height:105px;display:flex;flex-direction:column;justify-content:end;align-items:center;text-align:center;padding:46px 36px 20px;background:linear-gradient(170deg,transparent 29%,#c1cfc8 29.5% 45%,#91aaa0 45.5% 57%,#557c75 57.5% 68%,#264348 69% 100%);clip-path:polygon(0 42%,12% 48%,28% 26%,40% 43%,57% 17%,74% 46%,89% 24%,100% 41%,100% 100%,0 100%)}
.nm-buspass__footer{text-transform:uppercase;letter-spacing:.22em;color:#fff;font:600 clamp(9px,1.8vw,13px)/1.5 system-ui,sans-serif;text-shadow:0 1px 3px #264348;position:relative;z-index:1}
.nm-buspass__bottom{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font:600 12px/1.5 system-ui,sans-serif;color:#4b635b}
.nm-buspass__detail{margin-top:10px;min-height:36px;padding:8px 12px;background:#e2e9df;border-radius:9px;font:500 13px/1.5 system-ui,sans-serif;color:#264348}
@keyframes nm-stamp-appear{from{opacity:0;transform:scale(1.55) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(var(--tilt,-6deg))}}
@media (prefers-reduced-motion:reduce){.nm-buspass__stamp{animation:none}}
@media(max-width:480px){.nm-buspass{padding:18px 9px 0;border-radius:23px}.nm-buspass__slots{grid-template-columns:repeat(5,minmax(0,1fr))}.nm-buspass__slot{aspect-ratio:.63;padding:7px 1px 3px}.nm-buspass__stamp{border-width:1px;outline:none;padding:2px 1px;gap:2px}.nm-buspass__purpose{font-size:7px}.nm-buspass__stamptime{font-size:8px}.nm-buspass__mountains{margin-left:-9px;margin-right:-9px}.nm-buspass__unused{font-size:19px}}