/* Marktplatz: Stöbern, Anzeigenseite, Profil, Mein Bereich. Baut auf app.css und site.css auf. */
.mk{max-width:1040px;margin:0 auto}
.mk h1{font-size:1.7rem;margin:6px 0 4px}
.mk-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:6px 0 4px}
.mk-top .btn{white-space:nowrap}
.mk-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.mk-filters input[type=search]{flex:1 1 220px;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--fg);font:inherit}
.mk-filters select,.mk-filters input[type=number]{flex:0 1 auto;width:auto;padding:11px 12px}
.mk-filters input[type=number]{width:110px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--fg);font:inherit}
.mk-chk{display:flex;gap:8px;align-items:center;font-size:.92rem;margin:4px 0}
.mk-chk input{width:20px;height:20px;flex:none}
.mk-cats{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.mk-cats button{padding:8px 14px;border-radius:99px;font-size:.9rem}
.mk-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
a.mk-card{display:flex;flex-direction:column;padding:0;margin:0;overflow:hidden;color:var(--fg);text-decoration:none;transition:border-color .15s,transform .15s}
a.mk-card:hover,a.mk-card:focus-visible{border-color:var(--acc2);transform:translateY(-2px)}
a.mk-card>img,a.mk-card>.mk-nophoto{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--card2);display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:.85rem}
.mk-ci{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px}
.mk-ci b{font-size:.98rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk-price{font-size:1.15rem;font-weight:700}
.mk-badge{display:inline-block;align-self:flex-start;font-size:.74rem;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--acc);color:#0b1a07;margin:2px 0}
.mk-sold{display:inline-block;font-weight:700;color:var(--bad);margin:2px 0}
.mk-pager{display:flex;gap:10px;justify-content:center;align-items:center;margin:18px 0}
.mk-empty{text-align:center;color:var(--mut);padding:36px 0}
.mk-tease{display:grid;gap:14px}
@media(min-width:820px){.mk-tease{grid-template-columns:1fr 1fr}}
/* Anzeigenseite */
.mk-crumbs{margin:0 0 8px}.mk-crumbs a{color:var(--mut)}
.mk-detail{display:grid;gap:22px}
@media(min-width:860px){.mk-detail{grid-template-columns:1.2fr 1fr;align-items:start}}
.mk-gal img#mkMain{width:100%;aspect-ratio:4/3;object-fit:contain;background:#000;border-radius:var(--r);display:block}
.mk-gal.mk-nophoto{aspect-ratio:4/3;background:var(--card2);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--mut)}
.mk-thumbs{display:flex;gap:8px;margin-top:8px;overflow-x:auto}
.mk-thumbs button{padding:0;border-radius:10px;overflow:hidden;flex:none;width:72px;height:56px;background:#000}
.mk-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.mk-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:14px 0}
.mk-facts dt{color:var(--mut)}.mk-facts dd{margin:0}
.mk-desc{line-height:1.65;margin-bottom:16px;overflow-wrap:anywhere}
.mk-seller{margin:14px 0}
.mk-sel{display:flex;gap:12px;align-items:center;color:var(--fg);text-decoration:none}
.mk-sel>span:last-child{display:flex;flex-direction:column;min-width:0}
.mk-sel img,.mk-av{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;background:var(--card2);display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.mk-av.big,.mk-prof img{width:84px;height:84px;font-size:2.4rem}
.mk-prof{display:flex;gap:16px;align-items:center;margin:8px 0 6px}
.mk-prof img{border-radius:50%;object-fit:cover}
.mk-prof p{margin:6px 0 0;overflow-wrap:anywhere}
.mk-rev p{margin:6px 0 2px;overflow-wrap:anywhere}
#mkAct textarea,.mk-msg textarea,.mk-form textarea{width:100%;min-height:90px;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--fg);font:inherit;resize:vertical}
#mkAct{display:grid;gap:8px;margin-top:10px}
/* Mein Bereich */
.mkp{max-width:720px}
.mkp-tabs{display:flex;gap:6px;overflow-x:auto;margin:10px -4px 4px;padding:0 4px 4px;scrollbar-width:none}
.mkp-tabs::-webkit-scrollbar{display:none}
.mkp-tabs button{white-space:nowrap;border-radius:99px;padding:9px 15px;font-size:.92rem;position:relative}
.mkp-tabs button .dot{display:inline-block;min-width:18px;height:18px;line-height:18px;border-radius:99px;background:var(--bad);color:#fff;font-size:.72rem;text-align:center;margin-left:6px}
.mkp-l{display:flex;gap:12px;align-items:center;margin:10px 0}
.mkp-l img,.mkp-l .mk-nophoto{width:84px;height:64px;object-fit:cover;border-radius:10px;background:var(--card2);flex:none;display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:.75rem}
.mkp-l .t{min-width:0;flex:1}.mkp-l .t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkp-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mkp-act button,.mkp-act a.btn{padding:9px 14px;font-size:.9rem}
.mk-st{display:inline-block;font-size:.74rem;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--card2);border:1px solid var(--line);color:var(--mut)}
.mk-st.active{color:var(--acc);border-color:var(--acc)}.mk-st.pending{color:var(--warn);border-color:var(--warn)}.mk-st.rejected,.mk-st.removed{color:var(--bad);border-color:var(--bad)}
.mk-form label.f{margin-top:14px}
.mk-form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk-form input[type=text],.mk-form input[type=number],.mk-form select{width:100%}
.mk-photos{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.mk-photos .ph{position:relative;width:92px;height:72px;border-radius:10px;overflow:hidden;background:#000}
.mk-photos .ph img{width:100%;height:100%;object-fit:cover}
.mk-photos .ph button{position:absolute;top:2px;right:2px;width:26px;height:26px;padding:0;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;border:none;font-size:.9rem}
.mk-photos .add{width:92px;height:72px;border-radius:10px;border:2px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:1.6rem;cursor:pointer;background:none}
.mk-note{background:var(--card2);border-radius:10px;padding:10px 12px;font-size:.88rem;color:var(--mut);margin:12px 0}
.mk-ok{color:var(--acc2)}
.mk-av-edit{display:flex;gap:14px;align-items:center;margin:8px 0}
.mk-av-edit img,.mk-av-edit .mk-av{width:84px;height:84px;border-radius:50%;object-fit:cover}
.mk-thr{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);color:var(--fg);text-decoration:none;cursor:pointer;background:none;width:100%;text-align:left;border-radius:0;border-left:0;border-right:0;border-bottom:0}
.mk-thr:first-child{border-top:none}
.mk-thr .t{flex:1;min-width:0}.mk-thr .t span{display:block;color:var(--mut);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-thr.unread b{color:var(--acc)}
.mk-chat{display:flex;flex-direction:column;gap:8px;margin:12px 0;max-height:55vh;overflow-y:auto;padding:4px}
.mk-bub{max-width:82%;padding:9px 12px;border-radius:14px;background:var(--card2);overflow-wrap:anywhere;white-space:pre-wrap}
.mk-bub.me{align-self:flex-end;background:var(--acc2);color:#fff}
.mk-bub small{display:block;opacity:.7;font-size:.72rem;margin-top:3px}
.mk-star{font-size:1.7rem;padding:2px 8px;background:none;border:none;color:var(--mut)}.mk-star.on{color:#e6b422}
.mk-rules h2{font-size:1.3rem}
@media(max-width:480px){.mk-form .two{grid-template-columns:1fr}}
.mk a:not(.btn):not(.mk-card):not(.mk-sel){color:var(--acc2)}.mk a:not(.btn):hover{text-decoration:underline}
.mk-sel .sub,.mk-sel b{color:inherit}.mk-sel .sub{color:var(--mut)}