/* پوسته‌ی ویسا: جهت «بازارچه و فروشگاه بزرگ» (wl-mk). متراکم، کارت‌محور، اطلاعات زیاد و خوانا. */
.wl-mk { background: var(--wl-paper); color: var(--wl-ink); --wl-card: color-mix(in srgb, var(--wl-ink) 4%, var(--wl-paper)); }
.wl-mk :is(.wl-mk-head, .wl-deal) > * { margin: 0; }
.wl-mk-head { align-items: baseline; margin-bottom: 1.25rem !important; }
.wl-mk-title { margin: 0 !important; font-weight: 800 !important; }
.wl-mk-link a { font-weight: 700; text-decoration: none; color: var(--wl-primary); }

.wl-deal { position: relative; display: grid; gap: 0.5rem; padding: 0.9rem; border-radius: 1rem; background: var(--wl-card); border: 1px solid color-mix(in srgb, var(--wl-ink) 8%, transparent); transition: translate 0.25s, box-shadow 0.25s; }
.wl-deal:hover { translate: 0 -0.25rem; box-shadow: 0 14px 34px rgb(0 0 0 / 0.1); }
.wl-deal__off { position: absolute; top: 0.9rem; inset-inline-start: 0.9rem; z-index: 2; background: var(--wl-accent); color: var(--wl-ink) !important; padding: 0.1rem 0.6rem; border-radius: 999px; font-weight: 800; font-size: 0.85rem; }
.wl-deal__img img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 0.7rem; }
.wl-sec .wl-deal__name { font-size: 0.9375rem !important; line-height: 1.6 !important; margin: 0 !important; min-height: 3.2em; }
.wl-deal__name a { color: inherit; text-decoration: none; }
.wl-deal__name a::after { content: ""; position: absolute; inset: 0; }
.wl-deal__price del { color: var(--wl-muted); font-size: 0.85rem; margin-inline-end: 0.35rem; }
.wl-deal__price strong { font-size: 1.1rem; color: var(--wl-primary); }
.wl-deal__bar { height: 0.5rem; border-radius: 999px; background: color-mix(in srgb, var(--wl-ink) 10%, transparent); overflow: hidden; }
.wl-deal__fill { height: 100%; margin: 0 !important; }
.wl-bar-fill { display: block; height: 100%; width: var(--w, 50%); background: linear-gradient(90deg, var(--wl-accent), var(--wl-primary)); border-radius: inherit; }
.wl-deal__sold { font-size: 0.8125rem; color: var(--wl-muted); }
.wl-w-10 { --w: 10%; } .wl-w-20 { --w: 20%; } .wl-w-30 { --w: 30%; } .wl-w-40 { --w: 40%; } .wl-w-50 { --w: 50%; }
.wl-w-60 { --w: 60%; } .wl-w-70 { --w: 70%; } .wl-w-80 { --w: 80%; } .wl-w-90 { --w: 90%; } .wl-w-100 { --w: 100%; }

/* ===== بنر بزرگ + دسته‌ها ===== */
.wl-mk :is(.wl-mg, .wl-mg-cats, .wl-mg-cat, .wl-mg-sides, .wl-bw, .wl-bws, .wl-vd, .wl-vds, .wl-rail, .wl-br-cell, .wl-gf, .wl-gf-row, .wl-gf-pill, .wl-ugcs, .wl-ugc, .wl-cpn, .wl-cpn__main, .wl-cpn__stub, .wl-sss, .wl-ss) > * { margin: 0; }
.wl-mg { display: grid; grid-template-columns: 16rem minmax(0, 1fr) 15rem; gap: 1rem; align-items: stretch; }
.wl-mg-cats { display: grid; align-content: start; gap: 0.15rem; padding: 0.75rem; border-radius: 1rem; background: var(--wl-card); border: 1px solid color-mix(in srgb, var(--wl-ink) 8%, transparent); }
.wl-mg-cats__h { font-weight: 800; font-size: 0.9rem; padding: 0.25rem 0.6rem 0.6rem; color: var(--wl-muted); }
.wl-mg-cat { align-items: center; gap: 0.6rem; padding: 0.55rem 0.6rem; border-radius: 0.6rem; transition: background-color 0.2s; }
.wl-mg-cat:hover { background: color-mix(in srgb, var(--wl-primary) 10%, transparent); }
.wl-mg-cat .wp-block-image { width: 1.5rem; margin: 0; color: var(--wl-primary); flex: none; }
.wl-mg-cat a { color: var(--wl-ink); text-decoration: none; font-weight: 600; font-size: 0.9375rem; }
.wl-mg > .wl-mg-main { min-height: 26rem !important; border-radius: 1rem; margin: 0 !important; align-items: flex-end; padding: 2rem; }
.wl-mg-main .wp-block-cover__inner-container { max-width: 32rem; margin-inline-start: 0; margin-inline-end: auto; color: #fff; }
.wl-mg-kicker { display: inline-block; background: var(--wl-accent); color: var(--wl-ink) !important; padding: 0.1rem 0.8rem; border-radius: 999px; font-weight: 800; font-size: 0.85rem; margin: 0 !important; }
.wl-sec .wl-mg-title { font-size: clamp(1.8rem, 3.4vw, 3rem) !important; line-height: 1.25 !important; color: #fff !important; margin: 0.6rem 0 !important; }
.wl-mg-text { color: #fff; opacity: 0.9; margin: 0 0 1rem !important; }
.wl-mg-sides { display: grid; grid-template-rows: 1fr 1fr; gap: 1rem; }
.wl-mg-sides > .wl-mg-side { min-height: 12rem !important; border-radius: 1rem; margin: 0 !important; align-items: flex-end; padding: 1.1rem; }
.wl-mg-side .wp-block-cover__inner-container { color: #fff; }
.wl-mg-side__t { font-size: 1.2rem !important; margin: 0 !important; } .wl-mg-side__t a { color: #fff; text-decoration: none; }
.wl-mg-side__t a::after { content: ""; position: absolute; inset: 0; z-index: 3; }
.wl-mg-side__d { font-size: 0.875rem; opacity: 0.85; }

/* دیوار برند */
.wl-bws { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--wl-line); border-inline-start: 1px solid var(--wl-line); }
.wl-bw { display: grid; place-items: center; gap: 0.5rem; padding: 2rem 1rem; border-bottom: 1px solid var(--wl-line); border-inline-end: 1px solid var(--wl-line); position: relative; transition: background-color 0.3s; }
.wl-bw:hover { background: var(--wl-card); }
.wl-bw__logo { width: 7rem; filter: grayscale(1); opacity: 0.6; transition: filter 0.3s, opacity 0.3s; }
.wl-bw:hover .wl-bw__logo { filter: none; opacity: 1; }
.wl-bw__logo img { border-radius: 0; width: 100%; height: auto; }
.wl-bw__name a { color: var(--wl-muted); text-decoration: none; font-weight: 700; font-size: 0.875rem; }
.wl-bw__name a::after { content: ""; position: absolute; inset: 0; }

/* غرفه‌ها */
.wl-vds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.wl-vd { position: relative; display: grid; justify-items: center; text-align: center; gap: 0.3rem; padding-bottom: 1.25rem; border-radius: 1.1rem; background: var(--wl-paper); overflow: hidden; box-shadow: 0 6px 22px rgb(0 0 0 / 0.07); transition: translate 0.3s, box-shadow 0.3s; }
.wl-vd:hover { translate: 0 -0.3rem; box-shadow: 0 16px 40px rgb(0 0 0 / 0.13); }
.wl-vd__banner { width: 100%; } .wl-vd__banner img { width: 100%; aspect-ratio: 3/1; object-fit: cover; border-radius: 0; }
.wl-vd__avatar { width: 4.5rem; margin-top: -2.25rem !important; position: relative; }
.wl-vd__avatar img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 50%; border: 4px solid var(--wl-paper); }
.wl-vd__name { margin: 0.3rem 0 0 !important; font-weight: 800 !important; }
.wl-vd__tag { font-size: 0.8125rem; background: color-mix(in srgb, var(--wl-accent) 30%, transparent); padding: 0.05rem 0.7rem; border-radius: 999px; }
.wl-vd__meta { font-size: 0.875rem; color: var(--wl-muted); margin-bottom: 0.6rem !important; }

/* ریل مزایا */
.wl-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--wl-line); }
.wl-br-cell { align-items: center; gap: 0.8rem; padding: 1rem 1.25rem; border-inline-start: 1px solid var(--wl-line); }
.wl-br-cell:first-child { border-inline-start: 0; }
.wl-br-cell .wp-block-image { width: 2.2rem; color: var(--wl-primary); flex: none; margin: 0; }
.wl-br-cell__t { font-size: 0.8125rem; line-height: 1.5; color: var(--wl-muted); }
.wl-br-cell__t strong { display: block; font-size: 0.9375rem; color: var(--wl-ink); }

/* هدیه‌یاب */
.wl-gf { display: grid; gap: 1rem; justify-items: center; }
.wl-gf-q { font-weight: 800; font-size: 1.15rem; margin-top: 0.75rem !important; }
.wl-gf-row { gap: 0.75rem; }
.wl-gf-pill { align-items: center; gap: 0.6rem; padding: 0.7rem 1.5rem; border-radius: 999px; border: 2px solid var(--wl-ink); background: var(--wl-paper); font-weight: 800; font-size: 1.05rem; transition: background-color 0.2s, color 0.2s, translate 0.2s; position: relative; }
.wl-gf-pill a { color: inherit; text-decoration: none; }
.wl-gf-pill a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.wl-gf-pill .wp-block-image { width: 1.5rem; margin: 0; }
.wl-gf-pill:hover { background: var(--wl-accent); translate: 0 -0.2rem; }
.wl-gf-pill.is-alt { border-style: dashed; }

/* دیوار عکس مشتری */
.wl-ugcs { columns: 3; column-gap: 1rem; }
.wl-ugc { position: relative; break-inside: avoid; margin-bottom: 1rem !important; overflow: hidden; border-radius: 0.9rem; }
.wl-ugc__img img { width: 100%; height: auto; display: block; border-radius: 0; transition: transform 0.8s var(--wl-ease); }
.wl-ugc:hover .wl-ugc__img img { transform: scale(1.06); }
.wl-ugc__h { position: absolute; inset-inline: 0; bottom: 0; padding: 1.5rem 0.9rem 0.7rem; color: #fff; font-weight: 700; font-size: 0.875rem; background: linear-gradient(transparent, rgb(0 0 0 / 0.6)); direction: ltr; text-align: start; }

/* بلیت تخفیف */
.wl-cpn { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); background: var(--wl-primary); color: var(--wl-paper); border-radius: 1.25rem; position: relative; }
.wl-cpn :is(h2, p) { color: inherit; }
.wl-cpn__main { padding: clamp(1.5rem, 3vw, 2.5rem); display: grid; gap: 0.6rem; align-content: center; }
.wl-cpn__k { font-weight: 700; opacity: 0.8; font-size: 0.9rem; }
.wl-sec .wl-cpn__t { margin: 0 !important; font-size: clamp(1.8rem, 3.4vw, 2.8rem) !important; font-weight: 800 !important; }
.wl-cpn__stub { padding: clamp(1.5rem, 3vw, 2.5rem); display: grid; gap: 0.7rem; justify-items: center; align-content: center; text-align: center; border-inline-start: 3px dashed color-mix(in srgb, var(--wl-paper) 55%, transparent); background: color-mix(in srgb, var(--wl-ink) 18%, transparent); border-start-start-radius: 0; border-end-end-radius: 1.25rem; border-start-end-radius: 1.25rem; }
.wl-cpn__code { font-family: ui-monospace, Menlo, Consolas, monospace; direction: ltr; font-size: 2rem; font-weight: 800; letter-spacing: 0.18em; border: 2px dashed var(--wl-paper); padding: 0.3rem 1.1rem; border-radius: 0.6rem; cursor: pointer; }
.wl-cpn__n { font-size: 0.85rem; opacity: 0.85; }
.wl-cpn .wp-block-button .wp-block-button__link { background: var(--wl-paper); color: var(--wl-ink); }
.wl-cpn::before, .wl-cpn::after { content: ""; position: absolute; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--wl-paper); inset-inline-start: calc(58.3% - 1.1rem); }
.wl-cpn::before { top: -1.1rem; } .wl-cpn::after { bottom: -1.1rem; }

/* مسیر ارسال */
.wl-sss { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; position: relative; }
.wl-sss::before { content: ""; position: absolute; top: 2.25rem; inset-inline: 12.5%; height: 0; border-top: 3px dashed color-mix(in srgb, var(--wl-primary) 45%, transparent); }
.wl-ss { position: relative; display: grid; justify-items: center; text-align: center; gap: 0.3rem; }
.wl-ss__dot { display: grid; place-items: center; width: 4.5rem; height: 4.5rem; border-radius: 50%; background: var(--wl-primary); color: var(--wl-paper); box-shadow: 0 0 0 0.5rem var(--wl-paper), 0 8px 24px color-mix(in srgb, var(--wl-primary) 40%, transparent); margin-bottom: 0.8rem; }
.is-style-section-surface .wl-ss__dot { box-shadow: 0 0 0 0.5rem var(--wp--preset--color--surface), 0 8px 24px color-mix(in srgb, var(--wl-primary) 40%, transparent); }
.wl-ss__dot .wp-block-image { width: 2rem; margin: 0; color: inherit; }
.wl-ss__time { font-size: 0.8125rem; font-weight: 700; color: var(--wl-primary); }
.wl-ss__t { margin: 0 !important; } .wl-ss__d { font-size: 0.875rem; color: var(--wl-muted); max-width: 14rem; }

@media (max-width: 1000px) {
	.wl-mg { grid-template-columns: 1fr; }
	.wl-mg-cats { display: flex; overflow-x: auto; gap: 0.5rem; }
	.wl-mg-cats__h { display: none; }
	.wl-mg-cat { flex: none; border: 1px solid var(--wl-line); border-radius: 999px; }
	.wl-mg-sides { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
	.wl-bws { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wl-vds { grid-template-columns: 1fr; }
	.wl-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wl-br-cell:nth-child(odd) { border-inline-start: 0; }
	.wl-br-cell:nth-child(n+3) { border-top: 1px solid var(--wl-line); }
	.wl-ugcs { columns: 2; }
	.wl-cpn { grid-template-columns: 1fr; }
	.wl-cpn::before, .wl-cpn::after { display: none; }
	.wl-cpn__stub { border-inline-start: 0; border-top: 3px dashed color-mix(in srgb, var(--wl-paper) 55%, transparent); border-radius: 0 0 1.25rem 1.25rem; }
	.wl-sss { grid-template-columns: 1fr 1fr; } .wl-sss::before { display: none; }
}
@media (max-width: 520px) { .wl-mg-sides { grid-template-columns: 1fr; } .wl-sss { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .wl-mk * { animation: none !important; transition: none !important; } }

/* خوانایی متن بنر روی تصویر شلوغ: سایه‌ی نرم از سمت شروع */
.wl-mg-main::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(to left, rgb(14 12 28 / 0.88) 0%, rgb(14 12 28 / 0.6) 42%, transparent 78%); }
html[dir="ltr"] .wl-mg-main::after { background: linear-gradient(to right, rgb(14 12 28 / 0.88) 0%, rgb(14 12 28 / 0.6) 42%, transparent 78%); }
.wl-mg-main .wp-block-cover__inner-container { position: relative; z-index: 2; }

/* کارت حراج: گردتر و با سایه‌ی نرم */
.wl-deal { border-radius: 1.8rem; background: var(--wl-paper); padding: 0.7rem 0.7rem 1rem; box-shadow: 0 1px 2px rgb(20 20 50 / 0.05), 0 14px 30px -10px rgb(20 20 50 / 0.16), 0 44px 70px -34px rgb(20 20 50 / 0.22); border-color: color-mix(in srgb, var(--wl-ink) 5%, transparent); }
.wl-deal__img img { border-radius: 1.3rem; }
.wl-deal__off { top: 1.2rem; inset-inline-start: 1.2rem; box-shadow: 0 6px 14px color-mix(in srgb, var(--wl-accent) 45%, transparent); }
.wl-deal > :not(.wl-deal__img):not(.wl-deal__off) { padding-inline: 0.5rem; }
.wl-vx .weesa-review, .wl-mk .weesa-review { border-radius: 1.5rem; }