/* Stuff Market home (landing plugin stuff-market-home inside the Stuff theme): one palette, calm spacing, clear section
   heads, soft cards. Only this page loads it. */
.stt-landing .stfmh {
	--p: #0e4b47; --acc: #f97316; --soft: #eaf4f2; --warm: #f6f5f1; --bd: #e3e8e7; --tx: #1f2a2a; --mut: #6b7678; --card: #fff; --r: 16px;
	color: var(--tx);
}
.stt-full { padding-top: 4px; }
.stt-landing .stfmh-sec { margin: 0 0 30px; }
.stt-landing .stfmh-sec:first-child { margin-top: 0; }

/* section head: title with an orange mark, «مشاهده همه» as a pill */
.stt-landing .stfmh-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.stt-landing .stfmh-head h2 { position: relative; margin: 0; padding-inline-start: 14px; font-size: 18px; font-weight: 800; color: var(--tx); line-height: 1.6; }
.stt-landing .stfmh-head h2::before { content: ""; position: absolute; inset-inline-start: 0; top: 18%; bottom: 18%; width: 4px; border-radius: 4px; background: var(--acc); }
.stt-landing .stfmh-head a { display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 12px; border-radius: 999px; background: var(--soft); color: var(--p) !important; font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background .15s; }
.stt-landing .stfmh-head a:hover { background: #d9ece8; }
.stt-landing .stfmh-head a svg { width: 14px; height: 14px; }

/* hero */
.stt-landing .stfmh-herowrap, .stt-landing .stfmh-hero { border-radius: 22px; overflow: hidden; }
.stt-landing .stfmh-hero { box-shadow: 0 18px 40px -24px rgba(14, 75, 71, .45); }
.stt-landing .stfmh-hero .hi h2 { font-size: clamp(22px, 3vw, 34px); font-weight: 900; line-height: 1.45; letter-spacing: -.3px; }
.stt-landing .stfmh-hero .hi p { font-size: clamp(13px, 1.4vw, 16px); opacity: .9; }
.stt-landing .stfmh-hero .hnav { width: 42px; height: 42px; box-shadow: 0 6px 18px rgba(0, 0, 0, .15); }
.stt-landing .stfmh-dots button, .stt-landing .stfmh-dots i { border-radius: 999px; }
.stt-landing .stfmh-btn { border-radius: 12px; font-weight: 800; box-shadow: 0 8px 18px -10px rgba(249, 115, 22, .7); transition: transform .15s, filter .15s; }
.stt-landing .stfmh-btn:hover { transform: translateY(-1px); filter: brightness(.97); }

/* category circles and tiles */
.stt-landing .circ { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 96px; text-decoration: none; color: var(--tx); }
.stt-landing .circ .ci { width: 76px; height: 76px; border-radius: 50%; background: var(--warm); box-shadow: inset 0 0 0 2px #fff, 0 0 0 1.5px var(--bd); overflow: hidden; display: grid; place-items: center; transition: box-shadow .2s, transform .2s; }
.stt-landing .circ .ci img { width: 100%; height: 100%; object-fit: cover; }
.stt-landing .circ:hover .ci { box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px var(--acc); transform: translateY(-2px); }
.stt-landing .circ .cl { font-size: 12.5px; font-weight: 600; text-align: center; line-height: 1.6; }
.stt-landing .cc { border-radius: var(--r); border-color: var(--bd); }
.stt-landing .cc:hover { border-color: var(--p); transform: translateY(-2px); box-shadow: 0 12px 26px -18px rgba(14, 75, 71, .5); }

/* carousels: quieter arrows */
.stt-landing .stfmh-arr { width: 38px; height: 38px; border: 0; background: #fff; box-shadow: 0 6px 18px rgba(14, 75, 71, .18); color: var(--p); }
.stt-landing .stfmh-arr:hover { background: var(--p); color: #fff; }

/* special offers (promo / flash): warm band, white countdown chips */
.stt-landing .promo { border-radius: 22px; overflow: hidden; background: linear-gradient(135deg, #ff7a1a, #f05a1a); box-shadow: 0 18px 40px -26px rgba(240, 90, 26, .8); }
.stt-landing .promo .cd span, .stt-landing .promo .cd b { background: #fff; color: #c2410c; border-radius: 8px; }
.stt-landing .promo .stfmh-btn { background: #fff !important; color: #c2410c !important; box-shadow: none; }
.stt-landing .is-flash { border-radius: 14px; }

/* RFQ cards */
.stt-landing .rfqc { border-radius: var(--r); border: 1px solid var(--bd); background: #fff; transition: border-color .2s, box-shadow .2s; }
.stt-landing .rfqc:hover { border-color: var(--p); box-shadow: 0 12px 26px -18px rgba(14, 75, 71, .5); }

/* companies, suppliers, reviews */
.stt-landing .co, .stt-landing .su, .stt-landing .rv { border-radius: var(--r); border: 1px solid var(--bd); background: #fff; transition: border-color .2s, box-shadow .2s, transform .2s; }
.stt-landing .co:hover, .stt-landing .su:hover { border-color: var(--p); transform: translateY(-2px); box-shadow: 0 12px 26px -18px rgba(14, 75, 71, .5); }
.stt-landing .rv { position: relative; padding-top: 22px; }
.stt-landing .rv::before { content: "«"; position: absolute; top: 2px; inset-inline-start: 14px; font-size: 34px; line-height: 1; color: var(--acc); opacity: .5; }
.stt-landing .stars { color: #f59e0b; }

/* brands: calm until hover */
.stt-landing .stfmh-brands img { filter: grayscale(1); opacity: .75; transition: filter .2s, opacity .2s; }
.stt-landing .stfmh-brands a:hover img, .stt-landing .stfmh-brands img:hover { filter: none; opacity: 1; }

/* banners */
.stt-landing .stfmh-banners a, .stt-landing .stfmh-banners > * { border-radius: 18px; overflow: hidden; }
.stt-landing .stfmh-banners img { transition: transform .4s ease; }
.stt-landing .stfmh-banners a:hover img { transform: scale(1.03); }

/* call to action, newsletter, features */
.stt-landing .stfmh-cta { border-radius: 22px; background: linear-gradient(135deg, #0e4b47, #13665f); color: #fff; box-shadow: 0 18px 40px -26px rgba(14, 75, 71, .9); }
.stt-landing .stfmh-cta h2, .stt-landing .stfmh-cta h3, .stt-landing .stfmh-cta p { color: #fff; }
.stt-landing .stfmh-nl { border-radius: 22px; background: var(--soft); border: 0; }
.stt-landing .stfmh-nl input { border-radius: 12px; border: 1px solid var(--bd); }
.stt-landing .stfmh-feats > * { border-radius: var(--r); background: #fff; border: 1px solid var(--bd); }
.stt-landing .stfmh-tabs button, .stt-landing .seg button { border-radius: 999px; }

/* product cards inside the landing (the theme card) */
.stt-landing .pc.stt-card { border-radius: var(--r); }
.stt-landing .stt-card-t { color: var(--tx) !important; }
.stt-landing .stt-card-t:hover { color: var(--p) !important; }

@media (max-width: 860px) {
	.stt-landing .stfmh-sec { margin-bottom: 22px; }
	.stt-landing .stfmh-head h2 { font-size: 16px; }
	.stt-landing .stfmh-herowrap, .stt-landing .stfmh-hero, .stt-landing .promo, .stt-landing .stfmh-cta, .stt-landing .stfmh-nl { border-radius: 16px; }
	.stt-landing .circ { width: 80px; } .stt-landing .circ .ci { width: 64px; height: 64px; }
	.stt-landing .stfmh-arr { display: none; }
}