/* Webochi Slider v1.5.1 */

.webochi-slider{
  position:relative;width:100%;display:block;overflow:hidden;
  border-radius:var(--radius,14px);
  --webochi-h:520px;--arrow-size:44px;--arrow-color:#fff;--arrow-bg:rgba(0,0,0,.25);--arrow-border:rgba(255,255,255,.5);
  --dot-size:8px;--dot-gap:8px;--dot-color:rgba(255,255,255,.6);--dot-active:#fff;
  --overlay-opacity:0;
  --overlay-color:rgba(0,0,0,.5);
}

.webochi-slider.render-mode-background.height-mode-fixed{height:var(--webochi-h)}
.webochi-slider.render-mode-background.height-mode-auto{min-height:var(--webochi-h)}
.webochi-slider .swiper-wrapper{align-items:stretch}
.webochi-slide{position:relative;display:flex;align-items:center;height:100%}

/* Background */
.webochi-slide.render-background .webochi-slide-bg{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;transform:translateZ(0)}
.webochi-slider.fit-contain .webochi-slide.render-background .webochi-slide-bg{background-size:contain}
.webochi-slider.fit-cover .webochi-slide.render-background .webochi-slide-bg{background-size:cover}
.webochi-slide-bg--mobile{display:none}

/* Image auto */
.webochi-slide.render-img_auto{display:block}
.webochi-slide.render-img_auto .webochi-slide-picture,.webochi-slide.render-img_auto .webochi-slide-img{display:block;width:100%;height:auto}
.webochi-slide.render-img_auto .webochi-slide-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);pointer-events:none}
.webochi-slide.render-img_auto .webochi-btn{pointer-events:auto}

/* Overlay */
.webochi-slide::before{content:"";position:absolute;inset:0;background:var(--overlay-color);opacity:var(--overlay-opacity);pointer-events:none;transition:opacity .3s}
.webochi-slide.no-overlay::before{opacity:0}

/* Content */
.webochi-slide .webochi-slide-inner{position:relative;width:100%;margin-inline:auto;padding:clamp(16px,4vw,48px);display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:stretch;max-width:1100px;text-align:left;min-height:inherit}
.webochi-slide .webochi-slide-inner{align-items:var(--align,center);text-align:left}
.webochi-slide .webochi-slide-title{font-size:clamp(24px,3.6vw,56px);line-height:1.15;font-weight:800;color:#fff;margin:0}
.webochi-slide .webochi-slide-subtitle{font-size:clamp(14px,1.4vw,18px);line-height:1.6;color:rgba(255,255,255,.92);max-width:70ch}
.webochi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:#111;background:#fff;font-weight:700;text-decoration:none;transition:transform .2s ease,opacity .2s ease,background .2s ease}
.webochi-btn:hover{transform:translateY(-1px)}

/* Full-slide link */
.webochi-slide-link{position:absolute;inset:0;z-index:2;display:block}
.webochi-slider .webochi-arrow{z-index:3}
.webochi-slider .swiper-pagination{z-index:3}

/* Presets */
.webochi-preset-hero .webochi-slide{border-radius:18px}
.webochi-preset-overlay .webochi-slide::before{opacity:calc(var(--overlay-opacity,0) * 1)}

/* Navigation */
.webochi-arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--arrow-size);height:var(--arrow-size);border-radius:999px;border:1px solid var(--arrow-border);display:grid;place-items:center;color:var(--arrow-color);background:var(--arrow-bg);backdrop-filter:blur(4px);cursor:pointer;user-select:none;transition:transform .2s,opacity .2s}
.webochi-slider.dir-ltr.arrows-sides-center .webochi-prev{left:14px}
.webochi-slider.dir-ltr.arrows-sides-center .webochi-next{right:14px}
.webochi-slider.dir-rtl.arrows-sides-center .webochi-prev{right:14px;left:auto}
.webochi-slider.dir-rtl.arrows-sides-center .webochi-next{left:14px;right:auto}

.webochi-slider.arrows-bottom-right .webochi-arrow,
.webochi-slider.arrows-bottom-left .webochi-arrow,
.webochi-slider.arrows-bottom-center .webochi-arrow{top:auto;bottom:14px;transform:none}
.webochi-slider.dir-ltr.arrows-bottom-right .webochi-prev{right:calc(14px + var(--arrow-size) + 8px)}
.webochi-slider.dir-ltr.arrows-bottom-right .webochi-next{right:14px}
.webochi-slider.dir-rtl.arrows-bottom-right .webochi-prev{left:calc(14px + var(--arrow-size) + 8px)}
.webochi-slider.dir-rtl.arrows-bottom-right .webochi-next{left:14px}

.webochi-slider.dir-ltr.arrows-bottom-left .webochi-prev{left:14px}
.webochi-slider.dir-ltr.arrows-bottom-left .webochi-next{left:calc(14px + var(--arrow-size) + 8px)}
.webochi-slider.dir-rtl.arrows-bottom-left .webochi-prev{right:14px}
.webochi-slider.dir-rtl.arrows-bottom-left .webochi-next{right:calc(14px + var(--arrow-size) + 8px)}

.webochi-slider.arrows-bottom-center .webochi-prev{left:50%;transform:translateX(-50%);margin-left:calc(-.5 * var(--arrow-size) - 6px)}
.webochi-slider.arrows-bottom-center .webochi-next{left:50%;transform:translateX(-50%);margin-left:calc(.5 * var(--arrow-size) + 6px)}

/* Shapes */
.webochi-slider.arrowshape-circle .webochi-arrow{border-radius:999px}
.webochi-slider.arrowshape-square .webochi-arrow{border-radius:8px}
.webochi-slider.arrowshape-rounded .webochi-arrow{border-radius:20px}
.webochi-slider.arrowshape-ghost .webochi-arrow{background:transparent;border-color:transparent}

/* Dots */
.webochi-slider .swiper-pagination{position:absolute;pointer-events:auto}
.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{left:0;right:0;margin:auto;width:max-content;display:flex;gap:var(--dot-gap)}
.webochi-slider.dotspos-bottom-center .swiper-pagination-bullets{bottom:12px}
.webochi-slider.dotspos-bottom-left .swiper-pagination-bullets{left:14px;right:auto;bottom:12px}
.webochi-slider.dotspos-bottom-right .swiper-pagination-bullets{right:14px;left:auto;bottom:12px}
.webochi-slider.dotspos-top-center .swiper-pagination-bullets{top:12px;bottom:auto}
.swiper-pagination-bullet{width:var(--dot-size);height:var(--dot-size);border-radius:999px;background:var(--dot-color);opacity:1;transition:all .2s}
.swiper-pagination-bullet-active{background:var(--dot-active)}
.webochi-slider.dotsshape-pill .swiper-pagination-bullet-active{width:calc(var(--dot-size) * 3);border-radius:999px}

/* Digikala preset */
.webochi-slider.navpreset-digikala{--arrow-size:40px;--arrow-bg:#fff;--arrow-border:rgba(0,0,0,.12);--arrow-color:#111;--dot-color:rgba(0,0,0,.25);--dot-active:#111}
.webochi-slider.navpreset-digikala .webochi-arrow{box-shadow:0 2px 8px rgba(0,0,0,.08)}
.webochi-slider.navpreset-digikala .swiper-pagination-bullets{gap:6px}

/* Webochi Slider 1 preset */
.webochi-preset-webochi1 {
  --dot-color: rgba(0,0,0,.25);
  --dot-active: #e53935;
  --arrow-bg: rgba(0,0,0,.5);
  --arrow-color: #fff;
  --arrow-border: rgba(255,255,255,.2);
  --arrow-size: 36px;
  padding-bottom: 46px;
}
.webochi-preset-webochi1 .swiper-pagination-bullets {
  bottom: 8px;
  background: #fff;
  border-radius: 20px;
  padding: 8px 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  width: auto !important;
}
.webochi-preset-webochi1 .swiper-pagination-bullet { width:8px;height:8px;background:var(--dot-color); }
.webochi-preset-webochi1 .swiper-pagination-bullet-active { width:24px;border-radius:999px;background:var(--dot-active); }
.webochi-preset-webochi1 .webochi-arrow{ top:auto;bottom:14px;transform:none; }
.webochi-preset-webochi1.dir-ltr .webochi-prev{ left:18px; }
.webochi-preset-webochi1.dir-ltr .webochi-next{ left:calc(18px + var(--arrow-size) + 8px); }
.webochi-preset-webochi1.dir-rtl .webochi-prev{ right:calc(18px + var(--arrow-size) + 8px); }
.webochi-preset-webochi1.dir-rtl .webochi-next{ right:18px; }
@media (max-width:767px){
  .webochi-preset-webochi1 .webochi-prev,
  .webochi-preset-webochi1 .webochi-next{ display:grid }
  .webochi-preset-webochi1 { padding-bottom:54px }
}
.webochi-preset-webochi1 .swiper-slide { transition: transform .3s, opacity .3s; }
.webochi-preset-webochi1 .swiper-slide-prev,
.webochi-preset-webochi1 .swiper-slide-next { transform: scale(.98); opacity:.9; }
.webochi-preset-webochi1 .swiper-slide-active { transform: scale(1); opacity:1; }

@media (max-width:1024px){.webochi-slide .webochi-slide-inner{padding:28px}}
@media (max-width:767px){
  .webochi-prev,.webochi-next{display:none}
  .webochi-slide-bg--mobile{display:block}
  .webochi-slide-bg--desktop{display:none}
}