/* Home layout (schematic): only ordering/placement. Header, search, stories and footer are untouched. */
.cm-home-page .cm-lay-section{margin:26px 0 0;padding-inline:16px}
/* more air between the latest-ads block and the sections below it */
.cm-home-page .cm-lay-section--showrooms{margin-top:56px}
.cm-home-page .cm-lay-section--news{margin-top:48px}
.cm-home-page .cm-lay-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.cm-home-page .cm-lay-head h2{margin:0;font-size:24px;line-height:1.35;font-weight:800;color:#f4f6f9}
.cm-home-page .cm-lay-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#e9edf3;font:inherit;font-size:13px;font-weight:500}
.cm-home-page .cm-lay-list{display:flex;flex-direction:column;gap:14px}
.cm-home-page .cm-lay-list>.xcd-wrap{width:100%;max-width:none;margin:0}
.cm-home-page .cm-lay-showrooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cm-home-page .cm-sr-mini{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#14161b;color:#f1f4f8;font:inherit;text-align:center;min-width:0}
.cm-home-page .cm-sr-mini-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.07);color:#e6eaf0}
.cm-home-page .cm-sr-mini-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cm-home-page .cm-sr-mini-ic img{width:100%;height:100%;object-fit:cover}
.cm-home-page .cm-sr-mini-name{max-width:100%;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-home-page .cm-sr-mini-sub{font-size:12px;color:#8e96a3}
/* showroom mini boxes: profile photo as the avatar + its blurred copy as the box background */
.cm-home-page .cm-sr-mini>*{position:relative;z-index:1}
.cm-home-page .cm-sr-mini .cm-sr-mini-bg{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;border-radius:inherit;pointer-events:none}
.cm-home-page .cm-sr-mini .cm-sr-mini-bg img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.7);filter:blur(16px) saturate(1.15) brightness(.85)}
.cm-home-page .cm-sr-mini.has-bg::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(180deg,rgba(8,9,11,.18),rgba(8,9,11,.5));pointer-events:none}
.cm-home-page .cm-sr-mini.has-bg .cm-sr-mini-ic{border:2px solid rgba(255,255,255,.28);box-shadow:0 6px 16px rgba(0,0,0,.4)}
.cm-home-page .cm-sr-mini.has-bg .cm-sr-mini-name{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.cm-home-page .cm-sr-mini.has-bg .cm-sr-mini-sub{color:rgba(255,255,255,.78);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.cm-home-page .cm-sr-mini-ic b{font-size:22px;font-weight:800;line-height:1}
.cm-home-page .cm-lay-feed{display:flex;flex-direction:column;gap:14px}
.cm-home-page .cm-post{border-radius:24px;border:1px solid rgba(255,255,255,.1);background:#14161b;padding:14px 14px 12px}
.cm-home-page .cm-post-head{display:flex;align-items:center;gap:12px}
.cm-home-page .cm-post-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#f0f3f8;flex:none}
.cm-home-page .cm-post-avatar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.cm-home-page .cm-post-who{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.cm-home-page .cm-post-who b{font-size:16px;font-weight:700;color:#f4f6f9}
.cm-home-page .cm-post-who small{font-size:13px;color:#8e96a3}
.cm-home-page .cm-post-more,.cm-home-page .cm-post-btn{border:0;background:none;color:#e6eaf0;padding:6px;display:grid;place-items:center;font:inherit}
.cm-home-page .cm-post-more svg{width:24px;height:24px;fill:currentColor}
.cm-home-page .cm-post-media{margin-top:12px;border-radius:18px;overflow:hidden;background:#1c1f26;aspect-ratio:16/10}
.cm-home-page .cm-post-media img{width:100%;height:100%;object-fit:cover;display:block}
.cm-home-page .cm-post-actions{display:flex;align-items:center;gap:14px;margin-top:10px}
.cm-home-page .cm-post-btn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cm-home-page .cm-post-btn.is-on{color:#ff4d6a}
.cm-home-page .cm-post-btn.is-on svg{fill:currentColor}
.cm-home-page .cm-home-latest{margin-top:22px}
.cm-home-page .cm-lay-more{display:grid;place-items:center;width:46px;height:46px;margin:14px auto 0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#14161b;color:#f1f4f8}
.cm-home-page .cm-lay-more svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
/* shorter latest-listing cards: same card, scaled down proportionally */
.cm-home-page .cm-lay-list .xcd-wrap{overflow:hidden;border-radius:5.6cqw}
.cm-home-page .cm-lay-list .xcd{zoom:.8;width:100%;min-height:0}
/* remove the dead space under the footer: just clear the fixed bottom nav */
html body:has(.cm-home-page) #pageContent{padding-bottom:calc(61px + env(safe-area-inset-bottom,0px)) !important}
.cm-home-page .cm-ft{padding-bottom:22px}

/* Bottom dock: square corners, soft (not pure) white, solid bold black icons/labels */
html body #bottomDock .bottom-dock-inner,
html body.theme-light #bottomDock .bottom-dock-inner{
  border-radius:0 !important;
  background:#cfd2d7 !important;
  border-color:rgba(0,0,0,.12) !important;
}
html body #bottomDock .dock-item,
html body #bottomDock .dock-label{color:#000 !important}
html body #bottomDock .dock-item.is-active{color:#000 !important;background:#b9bdc4 !important}
html body #bottomDock .dock-label{font-weight:800 !important}
html body #bottomDock .dock-item svg,
html body #bottomDock .dock-item .icon{color:#000 !important;stroke:#000 !important;stroke-width:2.3 !important}
html body #bottomDock .dock-badge,
html body #bottomDock .mr-chat-dock-badge{border-color:#cfd2d7 !important}

/* ---- News: home box + list page ---- */
.cm-home-page .cm-news-home{cursor:pointer}
.cm-home-page .cm-news-home-body{padding:12px 4px 4px}
.cm-home-page .cm-news-home-body h3{margin:0 0 6px;font-size:16.5px;line-height:1.6;font-weight:700;color:#f4f6f9}
.cm-home-page .cm-news-home-body p{margin:0;font-size:13px;line-height:1.9;color:#a3abb7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* news: no-photo cards */
.cm-news-ph{display:grid;place-items:center;background:linear-gradient(150deg,#1d212a,#14161b)}
.cm-news-ph svg{width:64px;height:64px;fill:none;stroke:#7d8593;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

.cm-home-page .cm-news-cover{padding:0}
.cm-home-page .cm-news-cover svg{width:64px;height:64px;fill:none;stroke:#7d8593;stroke-width:1.4}

/* "+" button over a faded peek of the third latest listing */
.cm-home-page .cm-lay-more-wrap{position:relative;margin-top:14px}
.cm-home-page .cm-lay-more-wrap .cm-lay-more{margin-top:0}
.cm-home-page .cm-lay-more-wrap.has-peek{padding-top:0}
.cm-home-page .cm-lay-more-wrap.has-peek .cm-lay-more{position:absolute;z-index:2;top:52px;left:50%;transform:translateX(-50%);margin:0;background:rgba(20,22,27,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cm-home-page .cm-lay-peek{position:relative;z-index:1;max-height:190px;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;opacity:.5;filter:blur(1.6px) brightness(.8);-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%)}
.cm-home-page .cm-lay-peek *{pointer-events:none!important}

/* Tablet widths (760–1023px): styles.css turns .cm-home-page into a 12-column grid, but the
   newer home sections (banner, showrooms, news, brand marquee) have no column assignment, so they
   were squeezed and the brand marquee covered the "مشاهده همه" buttons. Use a normal block column
   (desktop.css already does this from 1024px up). */
@media (min-width:760px) and (max-width:1023px){
  .cm-home-page{display:block!important;max-width:760px!important;margin-inline:auto!important}
}