/* MNK BIL AB – svart showroom med guld. Samma utseende som den första sajten. */
:root{
  --bg:#0b0b0b;--surface:#1a1a1a;--surface-2:#262626;--ink:#f3f1e8;--muted:#b5b5b5;--line:#333;
  --accent:#f2c14e;--accent-ink:#0b0b0b;--live:#e5484d;--good:#6fd39d;--bad:#ff6b5e;--warn-bg:#3b3010;--warn-ink:#f4dd96;
  --font-display:"Saira","Arial Narrow",Arial,sans-serif;--font-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius:12px;color-scheme:dark
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--font-body)}
img{max-width:100%}
a{color:var(--accent)}
h1,h2,h3,p{margin:0}
h1,h2{font-family:var(--font-display);font-weight:800;line-height:1.05;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{width:100%;max-width:1272px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}.small{font-size:14px}
.inline{display:inline}
.demo-bar{background:var(--warn-bg);color:var(--warn-ink);text-align:center;font-size:14px;font-weight:600;padding:6px 16px}

.head{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.head-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-block:12px}
.logo{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;font-family:var(--font-display);line-height:1}
.logo-word{font-weight:800;font-size:44px;letter-spacing:.02em;color:var(--ink)}
.logo-ab{font-weight:700;font-size:20px;color:var(--accent)}
@media (prefers-reduced-motion:no-preference){
  .logo-word{background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 40%,var(--accent) 50%,var(--ink) 60%,var(--ink) 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:beam 4.5s ease-in-out infinite}
}
@keyframes beam{0%{background-position:110% 0}60%,100%{background-position:-20% 0}}
.head-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto}
.nav{background:none;border:0;color:var(--ink);min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:22px;cursor:pointer;font-weight:600;text-decoration:none}
.nav:hover{background:var(--surface)}
.nav-cta{background:var(--accent);color:var(--accent-ink)}.nav-cta:hover{background:var(--accent);filter:brightness(1.08)}
.lang{border:1px solid #555}
@media (max-width:640px){.head{position:static}.logo-word{font-size:36px}}

main{padding-block:28px 64px;min-height:60vh}
.hero{display:flex;flex-direction:column;gap:12px;padding-block:8px 8px}
.page-title{font-size:clamp(38px,6vw,68px)}
.page-intro{color:var(--muted);max-width:52ch;font-size:18px}
.section{margin-top:40px;display:flex;flex-direction:column;gap:16px}
.section-title{font-size:30px}
.h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin-top:6px}
.empty{color:var(--muted);padding:24px 0}
.flash{margin-top:16px;padding:12px 16px;border-radius:var(--radius);background:var(--surface);font-weight:600}
.flash.ok{color:var(--good)}.flash.bad{color:var(--bad)}
.err{color:var(--bad);font-weight:600}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:700;text-decoration:none;color:var(--ink);text-align:center}
.btn:hover{border-color:var(--accent)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.08)}
.btn-block{width:100%}
.btn-sm{min-height:34px;padding:4px 10px;font-size:14px}
.btn-danger{color:var(--bad);border-color:var(--bad)}
.btn[disabled]{opacity:.6;cursor:default}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}
.card{background:var(--surface);border-radius:var(--radius);overflow:hidden;min-width:0;display:flex;flex-direction:column}
.card-link{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.card-link:hover .card-title{color:var(--accent)}
.photo{position:relative;aspect-ratio:16/10;background:var(--surface-2);overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover;display:block}
.sil{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12%}
.sil svg{width:100%;height:auto}
.badges{position:absolute;top:10px;left:10px;display:flex;gap:6px}
.badge{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:4px;background:var(--surface);color:var(--ink)}
.badge-live{background:var(--live);color:#fff}
@media (prefers-reduced-motion:no-preference){.badge-live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;margin-right:6px;vertical-align:1px;animation:pulse 1.4s infinite}}
@keyframes pulse{50%{opacity:.25}}
.is-sold .photo img{filter:grayscale(1);opacity:.55}
.stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-9deg);font-family:var(--font-display);font-weight:800;font-size:40px;letter-spacing:.09em;padding:.1em .4em;color:var(--bad);background:var(--surface);border:4px solid var(--bad);border-radius:4px;text-transform:uppercase}
.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:3px;flex:1}
.card-title{font-weight:700;font-size:19px;line-height:1.25}
.card-variant{color:var(--muted);font-size:15px}
.card-spec{font-size:14px;color:var(--muted)}
.card-price{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:1px}
.card-meta{font-size:14px;color:var(--muted)}
.label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.price{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1.1;color:var(--accent)}
.price.big{font-size:42px}
.price-sold{color:var(--bad)}

.back{display:inline-block;margin-bottom:16px;font-weight:600;text-decoration:none}
.detail{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
@media (max-width:960px){.detail{grid-template-columns:minmax(0,1fr)}}
.detail-main{display:flex;flex-direction:column;gap:26px;min-width:0}
.car-title{font-size:clamp(34px,4vw,52px)}
.main-photo{border-radius:var(--radius)}
.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:22px}
.nav-prev{left:10px}.nav-next{right:10px}
.thumbs{display:flex;gap:8px;overflow-x:auto;padding-block:8px}
.thumb{flex:none;width:96px;aspect-ratio:4/3;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:var(--surface-2);cursor:pointer}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb[aria-current="true"]{border-color:var(--accent)}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
@media (max-width:540px){.specs{grid-template-columns:minmax(0,1fr)}}
.spec{display:flex;justify-content:space-between;gap:12px;padding-block:10px;border-bottom:1px solid var(--line)}
.spec dt{color:var(--muted)}.spec dd{margin:0;font-weight:600;text-align:right}
.desc{max-width:68ch;white-space:pre-line}

.side{position:sticky;top:90px}
@media (max-width:960px){.side{position:static}}
.bid-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px}
.bid-top{display:flex;flex-direction:column;gap:2px}
.bid-meta{color:var(--muted);font-size:15px}
.timer{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--surface-2);border-radius:8px}
.timer-val{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1.1}
.timer-val.urgent{color:var(--live)}
.me-status:empty{display:none}
.me-status{font-weight:700;padding:8px 12px;border-radius:8px;background:var(--surface-2)}
.me-status.lead{color:var(--good)}.me-status.outbid{color:var(--bad)}
.reserve{font-size:14px;font-weight:600}
.reserve-met{color:var(--good)}.reserve-notmet{color:var(--warn-ink)}.reserve-none{color:var(--muted)}
.note{color:var(--muted)}.note.ok{color:var(--good);font-weight:600}
.bid-form{display:flex;flex-direction:column;gap:8px}
.bid-row{display:flex;gap:8px}
.bid-row input{flex:1;min-width:0;font-size:22px;font-weight:700;min-height:52px}
.bid-row .btn{min-height:52px}
.quick{display:flex;gap:6px;flex-wrap:wrap}
.bid-msg{min-height:1.5em;font-weight:600}
.bid-msg.ok{color:var(--good)}.bid-msg.bad{color:var(--bad)}
.mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.mini div{background:var(--surface-2);border-radius:8px;padding:8px 10px}
.mini dt{font-size:12px;color:var(--muted)}.mini dd{margin:0;font-weight:700}
.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:320px;overflow:auto}
.history li{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.history li.top{color:var(--accent);font-weight:700}
.won{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:8px;background:#11331f;color:var(--good)}

input,select,textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:10px 12px}
.narrow{max-width:520px;display:flex;flex-direction:column;gap:14px}
.stack{display:flex;flex-direction:column;gap:10px}
.readonly{font-weight:700;padding:8px 0}
.mybids{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.mybid{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;background:var(--surface);border-radius:var(--radius);padding:14px 16px}
.mybid a{font-weight:700;font-size:18px;margin-right:auto}
.pill{display:inline-block;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface-2)}
.pill-live{background:var(--live);color:#fff}.pill-upcoming{background:var(--warn-bg);color:var(--warn-ink)}

.foot{border-top:1px solid var(--line)}
.foot-row{display:flex;flex-wrap:wrap;gap:24px 56px;padding-block:32px}
.foot-col{display:flex;flex-direction:column;gap:4px;font-size:15px}
.foot-h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}
.foot a{color:var(--ink)}
.foot-copy{color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding-block:12px}

/* admin */
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:15px}
.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.admin-form{display:flex;flex-direction:column;gap:20px;margin-top:16px}
fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:16px}
legend{font-weight:700;padding:0 6px}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:820px){.form-grid{grid-template-columns:minmax(0,1fr)}}
.field{display:flex;flex-direction:column;gap:4px;min-width:0}
.span2{grid-column:1/-1}
.dlg-actions{display:flex;gap:8px}
.pics{display:flex;flex-wrap:wrap;gap:10px}
.pic{width:150px;display:flex;flex-direction:column;gap:4px}
.pic img{width:150px;aspect-ratio:4/3;object-fit:cover;border-radius:6px}

.btn-bid{font-size:1.15rem;padding:16px 20px}
.buy-form[hidden],[data-buy-mini][hidden]{display:none}
.buy-form{margin-top:4px}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:10px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.btn-buy{border:2px solid var(--accent);color:var(--accent);background:transparent;font-size:1.05rem;padding:14px 18px}
.btn-buy:hover{background:var(--accent);color:var(--accent-ink)}
.buy-meta{color:var(--accent)}
.filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:8px 0 24px}
.filters-title{font-size:18px;margin:0 0 12px}
.ff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px}
.ff{display:flex;flex-direction:column;gap:6px;min-width:0}
.ff select,.ff input{width:100%;min-height:44px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}
.ff-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ff-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.ff-actions .btn{min-width:120px}
.found{font-weight:700;margin:0 0 8px;color:var(--accent)}
@media (max-width:900px){.ff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ff-grid{grid-template-columns:1fr 1fr;gap:10px}.ff-range{grid-column:span 2}.filters{padding:14px}.filters-title{margin-bottom:8px}.ff .label{font-size:11px}}
.nav-search{gap:6px;border:1px solid var(--line)}
.nav-search.is-open{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.search-pop{background:var(--bg);border-bottom:1px solid var(--line);padding:12px 0 4px}
.search-pop[hidden]{display:none}
.search-pop .filters{margin:0 0 8px}
#sok{scroll-margin-top:90px}
/* samma utseende på alla fält, även i Safari */
.ff select{-webkit-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b5b5b5' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.ff input[type=number]{-moz-appearance:textfield}
.ff input[type=number]::-webkit-inner-spin-button,.ff input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media (max-width:640px){.nav-search span{display:none}.nav-search{padding:8px 10px}}
.nav.is-active{background:var(--surface);color:var(--accent)}

/* Villkor */
.terms { max-width: 760px; line-height: 1.65; }
.terms h2 { font-size: 1.15rem; margin: 2rem 0 .6rem; }
.terms p, .terms li { color: inherit; }
.terms ul { padding-left: 1.2rem; margin: .4rem 0 1rem; }
.terms li { margin: .35rem 0; }
.terms .terms-meta { opacity: .65; font-size: .9rem; }
.terms-ok { margin-top: .6rem; text-align: center; } .terms-ok a { text-decoration: underline; }

/* Kontakt om bilen */
.contact-box { margin-top: 2rem; padding: 1.4rem; border: 1px solid var(--line); border-radius: 16px; background: var(--surface-2); scroll-margin-top: 90px; }
.contact-box .section-title { margin-top: 0; }
.contact-btns { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0 1.2rem; }
.contact-btns .btn { flex: 1 1 180px; text-align: center; }
.btn-wa { background: #25D366; color: #08240f; border-color: #25D366; }
.contact-form .cf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.contact-form .cf-wide { grid-column: 1 / -1; }
.contact-form .field { display: flex; flex-direction: column; gap: .3rem; }
.contact-form input, .contact-form textarea { width: 100%; box-sizing: border-box; font: inherit; }
.contact-form textarea { resize: vertical; min-height: 6rem; }
.contact-form .check { display: flex; align-items: center; gap: .5rem; margin: .9rem 0; cursor: pointer; }
.contact-form .check input { width: 1.1rem; height: 1.1rem; min-height: 0; flex: none; }
.contact-form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.contact-form .small { margin-top: .5rem; text-align: center; }
.btn-contact-jump { margin-top: .8rem; }
@media (max-width: 600px) { .contact-form .cf-grid { grid-template-columns: 1fr; } .contact-box { padding: 1.1rem; } }
.table tr.done { opacity: .5; }
.table td.msg { max-width: 360px; white-space: pre-wrap; }

/* Sälj din bil */
.sell-head { margin-bottom: 1.5rem; }
.sell-steps { list-style: none; padding: 0; margin: 1.2rem 0 0; display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; }
.sell-steps li { display: flex; align-items: center; gap: .5rem; font-weight: 600; }
.sell-steps span { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--accent, #f2c14e); color: #111; font-size: .9rem; }
.sell-form { max-width: 860px; display: flex; flex-direction: column; gap: 1.2rem; }
.sf-card { border: 1px solid var(--line); border-radius: 16px; background: var(--surface); padding: 1.3rem; margin: 0; min-width: 0; }
.sf-card > legend { font-weight: 700; font-size: 1.15rem; padding: 0 .4rem; }
.sf-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.sf-wide { grid-column: 1 / -1; }
.sell-form textarea { resize: vertical; min-height: 6rem; }
.reg-input { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.radio-row { border: 0; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: .4rem 1.4rem; align-items: center; }
.radio-row legend { width: 100%; margin-bottom: .4rem; }
.radio-row label { display: flex; align-items: center; gap: .45rem; cursor: pointer; }
.radio-row input { width: 1.15rem; height: 1.15rem; min-height: 0; flex: none; }
.photo-pick { display: inline-flex; margin: .8rem 0; cursor: pointer; }
.sell-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: .5rem; }
.sell-thumb { position: relative; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--surface-2); }
.sell-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sell-thumb button { position: absolute; top: 4px; right: 4px; width: 26px; height: 26px; min-height: 0; padding: 0; border-radius: 50%; border: 0; background: rgba(0,0,0,.7); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; }
.sell-form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.btn-big { min-height: 56px; font-size: 1.1rem; }
.center { text-align: center; }
.sell-done { text-align: center; align-items: center; margin: 3rem auto; }
.big-check { width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; font-size: 36px; background: var(--good, #3fb950); color: #fff; }
.sell-teaser { margin: 3rem 0 1rem; padding: 1.6rem; border-radius: 18px; border: 1px solid var(--line); background: var(--surface); display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; }
.sell-teaser .section-title { margin: 0 0 .3rem; }
.sell-teaser p { margin: 0; color: var(--muted); }
@media (max-width: 760px) { .sf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .sf-grid { grid-template-columns: 1fr; } .sf-card { padding: 1rem; } }
/* admin */
.sell-admin { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 2rem; align-items: start; }
@media (max-width: 900px) { .sell-admin { grid-template-columns: 1fr; } }
.table.kv th { text-align: left; width: 38%; color: var(--muted); font-weight: 600; vertical-align: top; }
.table td.pre { white-space: pre-wrap; }
.sell-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .5rem; }
.sell-gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; display: block; }
.status-row { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; margin-top: 1.2rem; }
.status-row .label { width: 100%; }
.status-row .is-on { background: var(--accent, #f2c14e); color: #111; }
/* köpintresse */
.intent-row { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-bottom: 1rem; }
.intent { display: flex; align-items: center; gap: .5rem; padding: .8rem .9rem; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); cursor: pointer; font-weight: 600; }
.intent input { width: 1.1rem; height: 1.1rem; min-height: 0; flex: none; accent-color: var(--accent); }
.intent:has(input:checked) { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.contact-box.is-buy { border-color: var(--accent); }
.bid-panel .btn + .btn { margin-top: .6rem; }
.bid-panel .btn-big { margin-top: 1rem; }
@media (max-width: 480px) { .intent-row { grid-template-columns: 1fr; } }
.cf-h { font-size: 1rem; margin: .4rem 0 .7rem; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.trade-box { margin: .2rem 0 1rem; padding: 1rem; border: 1px dashed var(--line); border-radius: 12px; }
.contact-form select { width: 100%; }
.contact-page { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 1.5rem; align-items: start; max-width: 1080px; }
.contact-page > .contact-box { margin-top: 0; }
.contact-info p { margin: .6rem 0; }
@media (max-width: 860px) { .contact-page { grid-template-columns: 1fr; } }
.contact-form .btn-big { margin-top: 1rem; }
/* nedräkning på auktionskort */
.cd-strip { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; padding: .55rem .8rem; background: rgba(11,11,11,.82); backdrop-filter: blur(4px); color: #f3f1e8; }
.cd-label { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; opacity: .8; font-weight: 600; }
.cd-val { font-family: 'B612 Mono', ui-monospace, monospace; font-size: 1.15rem; font-weight: 700; color: var(--accent); font-variant-numeric: tabular-nums; }
.cd-strip.is-urgent { background: rgba(229,72,77,.92); }
.cd-strip.is-urgent .cd-val, .cd-strip.is-urgent .cd-label { color: #fff; opacity: 1; }
.cd-strip.is-upcoming .cd-val { color: #f3f1e8; }
.cd-strip.is-done { opacity: .85; }
.interest { display: flex; flex-direction: column; gap: .5rem; margin: .4rem 0 .6rem; }
.interest-btn { align-self: flex-start; min-width: 260px; }
.interest .contact-box { margin-top: .8rem; scroll-margin-top: 90px; }
@media (max-width: 600px) { .interest-btn { align-self: stretch; min-width: 0; } }
/* footer-ikoner */
.ico-link { display: inline-flex; align-items: center; gap: .5rem; }
.ico-link .ico { flex: none; color: var(--accent); }
.social { display: flex; gap: .6rem; margin-top: .4rem; }
.social-btn { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); color: var(--ink); background: var(--surface); transition: background .15s, color .15s, border-color .15s; }
.social-btn:hover, .social-btn:focus-visible { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }