/* ---- market page: «تابلوی بازار» (always dark lapis board) ---- */
body.mk-page{background:#0D1C36;color:#E8EDF3}
body.mk-page::before{height:100%;opacity:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23E2C374' stroke-opacity='.08' stroke-width='1'%3E%3Cpath d='M32 6l7 19 19 7-19 7-7 19-7-19-19-7 19-7z'/%3E%3Cpath d='M32 14l5 13 13 5-13 5-5 13-5-13-13-5 13-5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(#000 0,#000 40%,transparent 100%);mask-image:linear-gradient(#000 0,#000 40%,transparent 100%)}
.mk-page .wrap{max-width:1060px}
.mk-hero{text-align:center;margin-bottom:22px}
.mk-hero h1{font-family:Lalezar,Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:clamp(38px,6.4vw,60px);line-height:1.35;color:#E2C374;margin:0}
.mk-live{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13.5px;color:#9AA8BA;margin:2px 0 0}
.mk-live i{width:8px;height:8px;border-radius:50%;background:#4CC27E;box-shadow:0 0 0 4px rgba(76,194,126,.18);animation:mkpulse 2.4s ease-in-out infinite}
@keyframes mkpulse{50%{box-shadow:0 0 0 7px rgba(76,194,126,.04)}}
@media (prefers-reduced-motion:reduce){.mk-live i{animation:none}}
.mk-tools{display:flex;gap:10px;max-width:760px;margin:0 auto 22px;align-items:stretch}
.mk-search{flex:1;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(226,195,116,.28);border-radius:12px;padding:0 14px;color:#9AA8BA}
.mk-search:focus-within{border-color:#E2C374}
.mk-search input:focus,.mk-search input:focus-visible{outline:none;box-shadow:none}
.mk-search:focus-within{box-shadow:0 0 0 3px rgba(226,195,116,.18)}
.mk-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:#fff;font:inherit;padding:11px 0;direction:ltr;text-align:right}
.mk-search input:placeholder-shown{direction:rtl}
.mk-search input::placeholder{color:#8090A6}
.mk-sort{display:flex;gap:3px;padding:4px;background:rgba(255,255,255,.05);border:1px solid rgba(226,195,116,.28);border-radius:14px;overflow-x:auto;scrollbar-width:none}
.mk-sort::-webkit-scrollbar{display:none}
.mk-sort button{font:inherit;font-size:13.5px;font-weight:700;color:#AEBBCB;background:none;border:0;border-radius:10px;padding:7px 13px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.mk-sort button:hover{color:#fff}
.mk-sort button[aria-checked="true"]{background:linear-gradient(180deg,#EACF86,#D2AE58);color:#14284A;box-shadow:0 2px 10px -4px rgba(226,195,116,.7)}
/* loading */
.mk-loading{position:relative;display:grid;place-items:center;gap:6px;padding:46px 0 40px;border:1px solid rgba(226,195,116,.22);border-radius:16px;background:rgba(8,18,36,.6);overflow:hidden}
.mk-loading p{margin:0;color:#9AA8BA;font-size:14px}
.mk-loading .ld-star{width:64px;height:64px}
.mk-loadbar{position:absolute;inset:0 0 auto 0;height:3px;background:rgba(226,195,116,.12);overflow:hidden}
.mk-loadbar i{position:absolute;inset:0 auto 0 0;width:35%;background:linear-gradient(90deg,transparent,#E2C374,transparent);animation:mkbar 1.3s ease-in-out infinite}
@keyframes mkbar{from{transform:translateX(-110%)}to{transform:translateX(320%)}}
@media (prefers-reduced-motion:reduce){.mk-loadbar i{animation-duration:3s}}
.mk-board{animation:mkin .35s ease-out}
@keyframes mkin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mk-board{animation:none}}
.mk-board{border:1px solid rgba(226,195,116,.22);border-radius:16px;overflow:hidden;background:rgba(8,18,36,.6)}
.mk-row{--c:#8E9CB0;display:grid;grid-template-columns:6px 1.35fr 1fr 1.3fr .8fr 1fr 172px;align-items:center;gap:16px;padding:13px 20px 13px 16px;border-top:1px solid rgba(226,195,116,.12)}
.mk-row:first-child{border-top:0}
.mk-row:not(.mk-head):hover{background:rgba(226,195,116,.05)}
.mk-head{background:rgba(226,195,116,.08);font-size:12.5px;color:#C9B37A;padding-top:9px;padding-bottom:9px}
.mk-bar{align-self:stretch;border-radius:4px;background:var(--c)}
.mk-num{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap}
.mk-n{font-size:21px;font-weight:800;letter-spacing:.07em;color:#fff}
.mk-p{font-size:18px;font-weight:800;color:#E2C374;white-space:nowrap}
.mk-r b{display:block;color:var(--c);font-size:14.5px;font-weight:800}
.mk-r small{color:#9FB0C6;font-size:13px;font-weight:700}
/* price rating as a 5-step scale (right = قیمت عالی … left = جای مذاکره دارد); this offer's step lit and raised */
.mk-scale{display:flex;gap:3px;align-items:center;height:14px;margin-top:6px}
.mk-scale i{position:relative;width:17px;height:5px;border-radius:3px;opacity:.22}
.mk-scale i:nth-child(1){background:#4CC27E;color:#4CC27E} .mk-scale i:nth-child(2){background:#8FD47F;color:#8FD47F} .mk-scale i:nth-child(3){background:#45B9B5;color:#45B9B5}
.mk-scale i:nth-child(4){background:#F2A944;color:#F2A944} .mk-scale i:nth-child(5){background:#EC7461;color:#EC7461}
.mk-scale i.on{height:9px;opacity:1;box-shadow:0 0 8px currentColor}
.mk-st{justify-self:start;font-size:13.5px;font-weight:800;color:#DCE6F5;background:#1F3A66;border:1px solid #2C4F86;border-radius:999px;padding:3px 12px;white-space:nowrap}
.mk-s{font-size:14px;color:#E8EDF3}
.mk-call{display:inline-flex;align-items:center;gap:7px;color:#E2C374;text-decoration:none;border:1px solid rgba(226,195,116,.35);border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:700;white-space:nowrap}
.mk-call:hover{background:rgba(226,195,116,.12)}
.mk-call:focus-visible,.mk-sort button:focus-visible{outline:2px solid #E2C374;outline-offset:2px}
.mk-dim{color:#6B7A90}
.l5{--c:#4CC27E} .l4{--c:#8FD47F} .l3{--c:#45B9B5} .l2{--c:#F2A944} .l1{--c:#EC7461}
.mk-empty,.mk-none{text-align:center;color:#9AA8BA;padding:26px}
.mk-row[data-n]{cursor:pointer}
.mk-x{cursor:auto}
.mk-row[hidden]{display:none!important}
.mk-note{font-size:12px;color:#7D8CA2;margin-top:16px;text-align:center}
.mk-page .site-foot{gap:10px;flex-wrap:wrap}
/* «جزئیات و تماس»: the row's last cell opens a panel under the row (نوع رند + فروشنده) */
.mk-more{display:inline-flex;align-items:center;gap:7px;color:#E2C374;background:none;border:1px solid rgba(226,195,116,.35);border-radius:999px;padding:6px 14px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.mk-more:hover{background:rgba(226,195,116,.12)}
.mk-more:focus-visible{outline:2px solid #E2C374;outline-offset:2px}
.mk-more svg{transition:transform .2s}
.mk-more .c,.mk-row.open .mk-more .o{display:none}
.mk-row.open .mk-more .c{display:inline}
.mk-row.open .mk-more{background:linear-gradient(180deg,#EACF86,#D2AE58);color:#14284A;border-color:transparent}
.mk-row.open .mk-more svg{transform:rotate(180deg)}
.mk-row.open,.mk-row.open:hover{background:rgba(226,195,116,.07)}
.mk-x{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin:2px 0 6px;animation:mkin .25s ease-out}
.mk-x[hidden]{display:none}
.mk-xc{background:rgba(8,18,36,.75);border:1px solid rgba(226,195,116,.2);border-radius:14px;padding:14px 16px;min-width:0}
.mk-xc h4{margin:0 0 10px;font-size:13px;color:#C9B37A;font-weight:700}
.mk-chips{display:flex;flex-wrap:wrap;gap:7px}
.mk-chip{border:1.5px solid #45B9B5;color:#8FE0DC;background:rgba(69,185,181,.12);border-radius:999px;padding:3px 13px;font-size:13.5px;font-weight:700}
.mk-seller{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.mk-seller b{display:block;font-size:15px}
.mk-seller small{color:#8FD47F;font-size:12px}
.mk-addr{display:flex;gap:7px;align-items:flex-start;font-size:13.5px;color:#C8D2DF;margin:0 0 12px;line-height:1.8}
.mk-addr svg{flex:none;margin-top:4px;color:#E2C374}
.mk-phones{display:flex;flex-wrap:wrap;gap:8px}
.mk-phones .mk-call{border-radius:12px;padding:7px 13px}
.mk-phones .mk-call.main{background:linear-gradient(180deg,#EACF86,#D2AE58);color:#14284A;border-color:transparent;font-weight:800}
.mk-xc .mk-dim{margin:0;font-size:13px}
@media (max-width:760px){
  .mk-tools{flex-direction:column} .mk-sort button{flex:1}
  .mk-head{display:none}
  .mk-row{grid-template-columns:5px 1fr auto;gap:6px 12px;padding:13px 14px}
  .mk-bar{grid-row:1/5}
  .mk-n{grid-column:2;grid-row:1;font-size:19px} .mk-p{grid-column:3;grid-row:1;font-size:16px;justify-self:end}
  .mk-r{grid-column:2/4;grid-row:2;display:flex;gap:10px;align-items:center} .mk-r b{display:inline} .mk-scale{margin-top:0}
  .mk-s{grid-column:2;grid-row:3} .mk-st{grid-column:3;grid-row:3;justify-self:end}
  .mk-c{grid-column:2/4;grid-row:4}
  .mk-x{grid-column:1/-1;grid-row:5;grid-template-columns:1fr;gap:10px;margin:4px 0 2px}
}
