/* اسلایدر اختصاصی ووکلون */
.wooclone-sl { --wsl-h: 480px; --wsl-hm: 300px; --wsl-r: 0px; --wsl-ov: .25; position: relative; width: 100%; border-radius: var(--wsl-r); overflow: hidden; background: var(--wsl-bg, #e9ecf3); }
.wooclone-sl__viewport { position: relative; height: var(--wsl-h); overflow: hidden; touch-action: pan-y; user-select: none; }
.wooclone-sl__track { display: flex; height: 100%; transition: transform .55s cubic-bezier(.22,.7,.2,1); }
.wooclone-sl__slide { position: relative; flex: 0 0 100%; height: 100%; overflow: hidden; }
.wooclone-sl .wooclone-sl__slide picture { display: block; position: absolute; inset: 0; width: 100%; height: 100%; }
.wooclone-sl .wooclone-sl__slide img.wooclone-sl__img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0; border-radius: 0; }
.wooclone-sl .wooclone-sl__slide img.wooclone-sl__img { object-fit: var(--wsl-fit, cover) !important; object-position: var(--wsl-pos, center) !important; }
.wooclone-sl--fit-auto .wooclone-sl__viewport, .wooclone-sl--fit-auto .wooclone-sl__track, .wooclone-sl--fit-auto .wooclone-sl__slide { height: auto; }
.wooclone-sl--fit-auto .wooclone-sl__track { align-items: flex-start; }
.wooclone-sl--fit-auto .wooclone-sl__slide picture { position: relative; inset: auto; height: auto; }
.wooclone-sl--fit-auto .wooclone-sl__slide img.wooclone-sl__img { height: auto !important; }
.wooclone-sl--fit-auto.wooclone-sl--fade .wooclone-sl__slide:not(.is-active) { position: absolute; }
.wooclone-sl--fit-auto.wooclone-sl--fade .wooclone-sl__slide.is-active { position: relative; }
.wooclone-sl__overlay { position: absolute; inset: 0; background: rgba(0,0,0,var(--wsl-ov)); pointer-events: none; }
.wooclone-sl__cover { position: absolute; inset: 0; z-index: 2; }
.wooclone-sl__caption { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); max-width: min(560px, 70%); display: grid; gap: 12px; pointer-events: none; }
.wooclone-sl__caption--start { inset-inline-start: 6%; text-align: start; justify-items: start; }
.wooclone-sl__caption--end { inset-inline-end: 6%; text-align: start; justify-items: start; }
.wooclone-sl__caption--center { inset-inline: 0; margin-inline: auto; text-align: center; justify-items: center; }
.wooclone-sl__caption h2 { margin: 0; font-size: clamp(22px, 3.4vw, 42px); line-height: 1.4; color: inherit; }
.wooclone-sl__caption p { margin: 0; font-size: clamp(13px, 1.5vw, 18px); line-height: 1.9; color: inherit; opacity: .92; }
.wooclone-sl__btn { display: inline-block; background: var(--wooclone-primary, #2b6cff); color: #fff; padding: 10px 26px; border-radius: 10px; font-weight: 700; font-size: 14px; }

/* افکت محو شدن */
.wooclone-sl--fade .wooclone-sl__track { display: block; position: relative; transition: none; transform: none !important; }
.wooclone-sl--fade .wooclone-sl__slide { position: absolute; inset: 0; opacity: 0; transition: opacity .7s ease; pointer-events: none; }
.wooclone-sl--fade .wooclone-sl__slide.is-active { opacity: 1; pointer-events: auto; z-index: 1; }

/* فلش‌ها (جهت درست در RTL/LTR) */
.wooclone-sl__arrows { display: contents; }
.wooclone-sl__arrow { --as: var(--wsl-as, 42px); position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: var(--as); height: var(--as); border-radius: 50%; border: 0; background: rgba(255,255,255,.92); color: #23254e; display: grid; place-items: center; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.18); padding: 0; transition: background .15s, opacity .15s; }
.wooclone-sl__arrow:hover { background: #fff; }
.wooclone-sl__arrow[disabled] { opacity: .4; cursor: default; }
.wooclone-sl__arrow .wsl-ic { width: 48%; height: 48%; display: block; }
.wooclone-sl__arrow .wsl-ic--own { object-fit: contain; width: 60%; height: 60%; }
.wooclone-sl__arrow--prev { inset-inline-start: 14px; }
.wooclone-sl__arrow--next { inset-inline-end: 14px; }
html:not([dir="rtl"]) .wooclone-sl__arrow--next .wsl-ic:not(.wsl-ic--own), html:not([dir="rtl"]) .wooclone-sl__arrow--next .wsl-ic--mirror { transform: scaleX(-1); }
html[dir="rtl"] .wooclone-sl__arrow--prev .wsl-ic { transform: scaleX(-1); }
html[dir="rtl"] .wooclone-sl__arrow--next .wsl-ic--mirror { transform: none; }

/* فلش‌های پایین، کنار هم (چپ/راست فیزیکی) */
.wooclone-sl[class*="wooclone-sl--ar-bottom"] .wooclone-sl__arrows { display: flex; gap: 8px; position: absolute; z-index: 5; bottom: 14px; direction: ltr; }
.wooclone-sl--ar-bottom-right .wooclone-sl__arrows { right: 16px; }
.wooclone-sl--ar-bottom-left .wooclone-sl__arrows { left: 16px; }
.wooclone-sl--ar-bottom-center .wooclone-sl__arrows { left: 50%; transform: translateX(-50%); }
.wooclone-sl[class*="wooclone-sl--ar-bottom"] .wooclone-sl__arrow { position: static; transform: none; inset: auto; }
/* ترتیب بصری: قبلی سمت راست، بعدی سمت چپ در RTL */
html[dir="rtl"] .wooclone-sl[class*="wooclone-sl--ar-bottom"] .wooclone-sl__arrow--prev { order: 2; }
html[dir="rtl"] .wooclone-sl[class*="wooclone-sl--ar-bottom"] .wooclone-sl__arrow--next { order: 1; }
.wooclone-sl[class*="wooclone-sl--ar-bottom"] .wooclone-sl__dots { bottom: 14px; }
.wooclone-sl--ar-bottom-center .wooclone-sl__dots { bottom: calc(var(--wsl-as, 42px) + 24px); }

.wooclone-sl__dots { position: absolute; z-index: 5; bottom: 14px; inset-inline: 0; display: flex; justify-content: center; gap: 8px; }
.wooclone-sl__dot { width: 9px; height: 9px; border-radius: 50%; border: 0; padding: 0; background: rgba(255,255,255,.55); cursor: pointer; transition: width .2s, background .2s; }
.wooclone-sl__dot.is-active { background: #fff; width: 24px; border-radius: 6px; }
.wooclone-sl-empty { padding: 20px; text-align: center; background: #f7f7f7; border-radius: 8px; color: #777; }

@media (max-width: 767px) {
	.wooclone-sl__viewport { height: var(--wsl-hm); }
	.wooclone-sl__arrow { --as: calc(var(--wsl-as, 42px) * .8); }
	.wooclone-sl__arrow--prev { inset-inline-start: 8px; }
	.wooclone-sl__arrow--next { inset-inline-end: 8px; }
	.wooclone-sl__caption { max-width: 82%; gap: 8px; }
	.wooclone-sl__btn { padding: 8px 18px; font-size: 13px; }
}