.aiev-wrap{width:100%;font-family:inherit}.aiev-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 0 28px}.aiev-filter{appearance:none;border:1px solid #ddd;background:#fff;color:#555;border-radius:7px;padding:11px 18px;font:inherit;font-weight:600;line-height:1.2;cursor:pointer;transition:all .2s ease}.aiev-filter:hover,.aiev-filter.is-active{border-color:#222;color:#111;background:#f7f7f7;box-shadow:0 4px 15px rgba(0,0,0,.06)}.aiev-sub-filter{font-size:.92em;opacity:.92}.aiev-card.is-hidden{display:none!important}.aiev-card.aiev-filtered-in{animation:aievFade .22s ease both}@keyframes aievFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.aiev-grid{display:grid;grid-template-columns:repeat(var(--aiev-cols,3),minmax(0,1fr));gap:var(--aiev-gap,16px);grid-auto-flow:dense;align-items:stretch;container-type:inline-size}.aiev-card{position:relative;display:block;width:100%;overflow:hidden;border:0;padding:0;background:#111;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease;text-align:inherit;isolation:isolate;min-width:0}.aiev-card:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(0,0,0,.18)}.aiev-size-square{aspect-ratio:1/1}.aiev-size-story{aspect-ratio:9/16}.aiev-size-instagram_video{aspect-ratio:4/5}.aiev-size-wide{aspect-ratio:16/9}.aiev-size-large_story{aspect-ratio:9/16}.aiev-layout-puzzle{grid-auto-rows:calc((100cqw - ((var(--aiev-cols,3) - 1) * var(--aiev-gap,16px))) / var(--aiev-cols,3))}.aiev-layout-puzzle .aiev-card{height:100%;aspect-ratio:auto}.aiev-layout-puzzle .aiev-size-square{grid-column:span 1;grid-row:span 1}.aiev-layout-puzzle .aiev-size-story,.aiev-layout-puzzle .aiev-size-large_story,.aiev-layout-puzzle .aiev-size-instagram_video{grid-column:span 1;grid-row:span 2}.aiev-layout-puzzle .aiev-size-wide{grid-column:span 2;grid-row:span 1}.aiev-layout-grid .aiev-size-large_story{aspect-ratio:9/16}.aiev-layout-stories .aiev-card{aspect-ratio:9/16}.aiev-layout-puzzle .aiev-card.is-hidden{display:none!important}.aiev-layout-masonry{columns:var(--aiev-cols,3);display:block}.aiev-layout-masonry .aiev-card{break-inside:avoid;margin:0 0 16px}.aiev-layout-stories .aiev-card{aspect-ratio:9/16}.aiev-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.aiev-gradient{--aiev-overlay:55%;position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.03) 15%,rgba(0,0,0,calc(var(--aiev-overlay)/100)) 100%)}.aiev-play{position:absolute;left:50%;top:50%;z-index:3;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(0,0,0,.25)}.aiev-play:after{content:"";position:absolute;left:23px;top:17px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #111}.aiev-badge{position:absolute;top:12px;right:12px;z-index:4;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;line-height:1}.aiev-title{position:absolute;right:16px;left:16px;bottom:40px;z-index:4;color:#fff;font-size:18px;font-weight:800;line-height:1.55;text-shadow:0 2px 8px rgba(0,0,0,.6)}.aiev-views{position:absolute;right:16px;bottom:13px;z-index:4;color:#fff;font-size:14px;font-weight:700;line-height:1;text-shadow:0 2px 7px rgba(0,0,0,.6)}.aiev-eye{font-size:17px}.aiev-warning{padding:12px 14px;border-radius:10px;background:#fff4e5;color:#8a4b00;border:1px solid #ffd18a}.aiev-thumb-empty{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#c5cdd3 0%,#aeb5ba 52%,#333 100%)}.aiev-ph-sun{position:absolute;top:10%;right:30%;width:9%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.75)}.aiev-ph-mountain{position:absolute;left:0;right:0;top:0;height:42%;background:rgba(255,255,255,.38);clip-path:polygon(0 44%,14% 32%,32% 48%,50% 18%,68% 10%,85% 26%,100% 52%,100% 100%,0 100%)}.aiev-ph-mountain-2{top:5%;opacity:.55;transform:scaleX(-1)}.aiev-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:clamp(10px,2vh,18px)}.aiev-modal.is-open{display:flex}.aiev-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.aiev-modal-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.aiev-modal-dialog{position:relative;width:min(44.5vh,92vw);height:min(79vh,163.55vw);max-width:450px;max-height:82vh;aspect-ratio:9/16;background:#000;border-radius:0;box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden}.aiev-modal-body{position:absolute;inset:54px 0 0;width:100%;height:calc(100% - 54px);overflow:hidden;background:#000}.aiev-iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;transform:none;transform-origin:center center;border:0;background:#000}.aiev-modal-header{position:absolute;inset:0 0 auto 0;height:54px;z-index:7;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 18px;background:#080808;color:#fff;direction:rtl}.aiev-modal-title{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;line-height:1.2;text-align:right}.aiev-modal-arrow{font-size:28px;line-height:1;opacity:.96}.aiev-modal-close{position:absolute;top:22px;right:-66px;z-index:9;width:46px;height:46px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.aiev-modal-close:hover{transform:scale(1.06);background:rgba(255,255,255,.22)}.aiev-modal-close span:before,.aiev-modal-close span:after{content:"";position:absolute;top:50%;left:50%;width:27px;height:3px;border-radius:5px;background:#fff;transform-origin:center}.aiev-modal-close span:before{transform:translate(-50%,-50%) rotate(45deg)}.aiev-modal-close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.aiev-modal-nav,.aiev-modal-share{position:relative;z-index:9;width:56px;height:56px;border:0;border-radius:12px;background:rgba(255,255,255,.36);box-shadow:0 12px 36px rgba(0,0,0,.28);backdrop-filter:blur(8px);cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.aiev-modal-nav:hover{transform:translateY(-2px);background:rgba(255,255,255,.48)}.aiev-modal-nav span:before{content:"";display:block;width:19px;height:19px;border-top:4px solid #fff;border-left:4px solid #fff}.aiev-modal-prev span:before{transform:rotate(45deg);margin-top:10px}.aiev-modal-next span:before{transform:rotate(225deg);margin-bottom:10px}.aiev-lock{overflow:hidden}@media(max-width:1024px){.aiev-grid{grid-template-columns:repeat(var(--aiev-tablet-cols,2),minmax(0,1fr))}.aiev-layout-puzzle{grid-auto-rows:calc((100cqw - ((var(--aiev-tablet-cols,2) - 1) * var(--aiev-gap,16px))) / var(--aiev-tablet-cols,2))}.aiev-layout-masonry{columns:var(--aiev-tablet-cols,2)}}@media(max-width:767px){.aiev-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;margin-bottom:14px}.aiev-filter{white-space:nowrap;padding:9px 14px;font-size:13px}.aiev-grid{grid-template-columns:repeat(var(--aiev-mobile-cols,3),minmax(0,1fr));gap:var(--aiev-gap,8px)}.aiev-layout-masonry{columns:var(--aiev-mobile-cols,3)}.aiev-layout-puzzle{grid-template-columns:repeat(var(--aiev-mobile-cols,3),minmax(0,1fr));grid-auto-rows:calc((100cqw - ((var(--aiev-mobile-cols,3) - 1) * var(--aiev-gap,8px))) / var(--aiev-mobile-cols,3));grid-auto-flow:dense}.aiev-layout-puzzle .aiev-card{height:100%;aspect-ratio:auto}.aiev-layout-puzzle .aiev-size-square{grid-column:span 1;grid-row:span 1}.aiev-layout-puzzle .aiev-size-story,.aiev-layout-puzzle .aiev-size-large_story,.aiev-layout-puzzle .aiev-size-instagram_video{grid-column:span 1;grid-row:span 2}.aiev-layout-puzzle .aiev-size-wide{grid-column:span 1;grid-row:span 1}.aiev-title{font-size:12px;right:7px;left:7px;bottom:27px;line-height:1.4}.aiev-views{font-size:11px;right:7px;bottom:8px}.aiev-badge{font-size:10px;top:7px;right:7px;padding:4px 7px}.aiev-play{width:38px;height:38px}.aiev-play:after{left:15px;top:11px;border-top-width:8px;border-bottom-width:8px;border-left-width:12px}.aiev-modal{padding:0;background:#000}.aiev-modal-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}.aiev-modal-close{top:10px;left:10px}.aiev-modal-title{font-size:14px}}
/* v4.2: Instagram demo puzzle placement */
.aiev-layout-puzzle .aiev-story-right{grid-column:-2/-1;grid-row:span 2}
.aiev-layout-puzzle .aiev-story-left{grid-column:1/2;grid-row:span 2}
.aiev-layout-puzzle .aiev-story-right + .aiev-size-square,
.aiev-layout-puzzle .aiev-story-left + .aiev-size-square{grid-row:span 1}
@media(max-width:1024px){.aiev-layout-puzzle .aiev-story-right,.aiev-layout-puzzle .aiev-story-left{grid-column:auto;grid-row:span 2}}
@media(max-width:767px){.aiev-layout-puzzle .aiev-story-right,.aiev-layout-puzzle .aiev-story-left{grid-column:auto;grid-row:span 2}}

/* v4.4: exact demo puzzle cycle: 1 story + 4 squares, alternating side */
.aiev-layout-puzzle .aiev-demo-story{grid-row:span 2;grid-column:span 1;height:100%;aspect-ratio:auto}
.aiev-layout-puzzle .aiev-demo-story.aiev-story-right{grid-column:3/4}
.aiev-layout-puzzle .aiev-demo-story.aiev-story-left{grid-column:1/2}
.aiev-layout-puzzle .aiev-demo-square{grid-column:span 1;grid-row:span 1;aspect-ratio:auto;height:100%}
@media(max-width:1024px){.aiev-layout-puzzle .aiev-demo-story.aiev-story-right,.aiev-layout-puzzle .aiev-demo-story.aiev-story-left{grid-column:auto;grid-row:span 2}}
@media(min-width:1025px){.aiev-layout-puzzle{grid-auto-flow:dense}}


/* v4.5: exact equal-height demo block fix */
@media(min-width:1025px){
  .aiev-layout-puzzle{
    --aiev-demo-cell: calc((100cqw - ((var(--aiev-cols,3) - 1) * var(--aiev-gap,16px))) / var(--aiev-cols,3));
    grid-auto-rows: var(--aiev-demo-cell) !important;
    align-items: stretch !important;
  }
  .aiev-layout-puzzle .aiev-demo-square{
    height: var(--aiev-demo-cell) !important;
    min-height: var(--aiev-demo-cell) !important;
    max-height: var(--aiev-demo-cell) !important;
    aspect-ratio: auto !important;
  }
  .aiev-layout-puzzle .aiev-demo-story{
    height: calc((var(--aiev-demo-cell) * 2) + var(--aiev-gap,16px)) !important;
    min-height: calc((var(--aiev-demo-cell) * 2) + var(--aiev-gap,16px)) !important;
    max-height: calc((var(--aiev-demo-cell) * 2) + var(--aiev-gap,16px)) !important;
    aspect-ratio: auto !important;
    align-self: stretch !important;
  }
  .aiev-layout-puzzle .aiev-demo-story .aiev-thumb,
  .aiev-layout-puzzle .aiev-demo-square .aiev-thumb{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}


/* v4.8: mobile exact demo cycle - same as desktop: 1 story + 4 squares, alternating side */
@media(max-width:767px){
  .aiev-layout-puzzle{
    --aiev-mobile-demo-cell: calc((100cqw - (2 * var(--aiev-gap,8px))) / 3);
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    grid-auto-rows: var(--aiev-mobile-demo-cell) !important;
    grid-auto-flow: dense !important;
    align-items: stretch !important;
  }
  .aiev-layout-puzzle .aiev-demo-square{
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    height: var(--aiev-mobile-demo-cell) !important;
    min-height: var(--aiev-mobile-demo-cell) !important;
    max-height: var(--aiev-mobile-demo-cell) !important;
    aspect-ratio: auto !important;
  }
  .aiev-layout-puzzle .aiev-demo-story{
    grid-row: span 2 !important;
    height: calc((var(--aiev-mobile-demo-cell) * 2) + var(--aiev-gap,8px)) !important;
    min-height: calc((var(--aiev-mobile-demo-cell) * 2) + var(--aiev-gap,8px)) !important;
    max-height: calc((var(--aiev-mobile-demo-cell) * 2) + var(--aiev-gap,8px)) !important;
    aspect-ratio: auto !important;
    align-self: stretch !important;
  }
  .aiev-layout-puzzle .aiev-demo-story.aiev-story-right{grid-column:3/4 !important;}
  .aiev-layout-puzzle .aiev-demo-story.aiev-story-left{grid-column:1/2 !important;}
  .aiev-layout-puzzle .aiev-demo-story .aiev-thumb,
  .aiev-layout-puzzle .aiev-demo-square .aiev-thumb{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}

/* WebKhani 1.1.5: true RTL carousel with reliable mouse-grab dragging */
.aiev-modal .aiev-modal-dialog .aiev-products-scroll,
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll,
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll{
  direction:rtl!important;
  cursor:grab!important;
  -webkit-user-drag:none!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll *,
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
.aiev-modal .aiev-modal-dialog .aiev-products-scroll img{
  -webkit-user-drag:none!important;
  user-select:none!important;
  -webkit-user-select:none!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
  direction:rtl!important;
  cursor:grab!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll.is-dragging,
.aiev-modal .aiev-modal-dialog .aiev-products-scroll.is-dragging *,
.aiev-modal .aiev-modal-dialog .aiev-products-scroll.is-dragging .aiev-product-card{
  cursor:grabbing!important
}

/* WebKhani 1.1.6: buy CTA remains a real clickable product link */
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-cta,
.aiev-modal .aiev-modal-dialog .aiev-products-scroll.is-dragging .aiev-product-cta{
  position:relative!important;
  z-index:4!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  user-select:none!important;
  -webkit-user-select:none!important
}

/* v4.9: mobile compact exact-cycle spacing and top alignment */
@media(max-width:767px){
  .aiev-grid.aiev-layout-puzzle{
    gap:6px !important;
    --aiev-gap:6px !important;
    --aiev-mobile-demo-cell: calc((100cqw - 12px) / 3) !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-rows:var(--aiev-mobile-demo-cell) !important;
    align-items:start !important;
  }
  .aiev-grid.aiev-layout-puzzle .aiev-demo-square{
    height:var(--aiev-mobile-demo-cell) !important;
    min-height:var(--aiev-mobile-demo-cell) !important;
    max-height:var(--aiev-mobile-demo-cell) !important;
    align-self:start !important;
    margin:0 !important;
  }
  .aiev-grid.aiev-layout-puzzle .aiev-demo-story{
    height:calc((var(--aiev-mobile-demo-cell) * 2) + 6px) !important;
    min-height:calc((var(--aiev-mobile-demo-cell) * 2) + 6px) !important;
    max-height:calc((var(--aiev-mobile-demo-cell) * 2) + 6px) !important;
    align-self:start !important;
    margin:0 !important;
  }
  .aiev-grid.aiev-layout-puzzle .aiev-card{
    transform:none;
    box-shadow:0 1px 6px rgba(0,0,0,.06);
  }
}

/* v5.1 professional story modal: close/nav beside player, no floating white boxes */
.aiev-modal{
  padding:18px !important;
  background:transparent !important;
}
.aiev-modal-backdrop{
  background:rgba(0,0,0,.76) !important;
  backdrop-filter:blur(7px) saturate(115%) !important;
}
.aiev-modal-stage{
  width:auto !important;
  max-width:calc(100vw - 28px) !important;
  height:min(88vh,860px) !important;
  display:grid !important;
  grid-template-columns:minmax(260px, min(45vh,430px)) 64px !important;
  grid-template-rows:1fr !important;
  gap:20px !important;
  align-items:center !important;
  justify-content:center !important;
  direction:ltr !important;
}
.aiev-modal-dialog{
  grid-column:1 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  aspect-ratio:9/16 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#000 !important;
  box-shadow:0 28px 90px rgba(0,0,0,.55) !important;
}
.aiev-modal-body{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background:#000 !important;
}
.aiev-modal-header{
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:auto !important;
  min-height:74px !important;
  padding:18px 18px 30px !important;
  z-index:7 !important;
  display:flex !important;
  flex-direction:row !important;
  direction:rtl !important;
  align-items:flex-start !important;
  justify-content:center !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.25) 62%,rgba(0,0,0,0)) !important;
}
.aiev-modal.aiev-no-title .aiev-modal-header{display:none !important;}
.aiev-modal-title{
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  text-shadow:0 3px 14px rgba(0,0,0,.65) !important;
  max-width:76% !important;
  text-align:right !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
 .aiev-modal-arrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:500 !important;
  text-shadow:0 3px 14px rgba(0,0,0,.65) !important;
  margin-left:10px !important;
  margin-right:0 !important;
  direction:ltr !important;
  transform:none !important;
}
.aiev-iframe{
  position:absolute !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  transform:none !important;
  border:0 !important;
  background:#000 !important;
}
.aiev-modal-actions{
  grid-column:2 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  z-index:10 !important;
}
.aiev-modal-close,
.aiev-modal-nav,
.aiev-modal-share{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  bottom:auto !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
  backdrop-filter:blur(10px) !important;
  transition:transform .18s ease, background .18s ease, opacity .18s ease !important;
}
.aiev-modal-close{
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  margin-bottom:26px !important;
}
.aiev-modal-close:hover,.aiev-modal-nav:hover,.aiev-modal-share:hover{transform:scale(1.06) !important;background:rgba(255,255,255,.30) !important;}
.aiev-modal-nav,.aiev-modal-share{
  border-radius:16px !important;
  background:rgba(255,255,255,.22) !important;
}
.aiev-modal-close span:before,.aiev-modal-close span:after{
  width:28px !important;
  height:3px !important;
  background:#fff !important;
}
.aiev-modal-nav span:before{
  content:"" !important;
  display:block !important;
  width:18px !important;
  height:18px !important;
  border-top:4px solid #fff !important;
  border-left:4px solid #fff !important;
}
.aiev-modal-prev span:before{transform:rotate(45deg) !important;margin-top:8px !important;}
.aiev-modal-next span:before{transform:rotate(225deg) !important;margin-bottom:8px !important;}
@media(max-width:767px){
  .aiev-modal{padding:0 !important;}
  .aiev-modal-stage{
    width:100vw !important;
    height:100dvh !important;
    max-width:100vw !important;
    grid-template-columns:minmax(0,1fr) 56px !important;
    gap:8px !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
  }
  .aiev-modal-dialog{
    width:min(100%, calc((100dvh - 20px) * 9 / 16)) !important;
    height:min(calc(100dvh - 20px), calc((100vw - 76px) * 16 / 9)) !important;
    justify-self:end !important;
  }
  .aiev-modal-actions{gap:14px !important;}
  .aiev-modal-close,.aiev-modal-nav,.aiev-modal-share{width:48px !important;height:48px !important;min-width:48px !important;}
  .aiev-modal-close{margin-bottom:18px !important;}
  .aiev-modal-title{font-size:15px !important;}
}



/* v5.3 mobile popup polish: keep desktop unchanged, center story player and move controls upward */
@media (max-width: 767px){
  .aiev-modal.is-open{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .aiev-modal-stage{
    position:relative !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:100vw !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  .aiev-modal-dialog{
    width:min(82vw, calc(100dvh * 9 / 16)) !important;
    height:min(100dvh, calc(82vw * 16 / 9)) !important;
    max-width:82vw !important;
    max-height:100dvh !important;
    justify-self:center !important;
    align-self:center !important;
    margin:0 auto !important;
    transform:none !important;
  }
  .aiev-modal-actions{
    position:absolute !important;
    top:max(18px, env(safe-area-inset-top)) !important;
    right:max(10px, env(safe-area-inset-right)) !important;
    bottom:auto !important;
    left:auto !important;
    width:50px !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    z-index:30 !important;
    pointer-events:auto !important;
  }
  .aiev-modal-close,
  .aiev-modal-nav,.aiev-modal-share{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    margin:0 !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;
  }
  .aiev-modal-close{margin-bottom:8px !important;}
  .aiev-modal-header{padding-top:18px !important;}
}

/* v5.4: mobile popup controls above the story, smaller, without touching desktop */
@media (max-width: 767px){
  .aiev-modal-stage{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:calc(8px + env(safe-area-inset-top)) 0 calc(8px + env(safe-area-inset-bottom)) !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:100vw !important;
    box-sizing:border-box !important;
  }
  .aiev-modal-actions{
    order:1 !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:auto !important;
    height:34px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 !important;
    z-index:30 !important;
  }
  .aiev-modal-dialog{
    order:2 !important;
    width:min(82vw, calc((100dvh - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 9 / 16)) !important;
    height:min(calc(100dvh - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), calc(82vw * 16 / 9)) !important;
    max-width:82vw !important;
    max-height:calc(100dvh - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    margin:0 auto !important;
    align-self:center !important;
    justify-self:center !important;
  }
  .aiev-modal-close,
  .aiev-modal-nav,.aiev-modal-share{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    border-radius:999px !important;
    margin:0 !important;
    padding:0 !important;
    box-shadow:0 8px 22px rgba(0,0,0,.28) !important;
    background:rgba(255,255,255,.20) !important;
  }
  .aiev-modal-nav,.aiev-modal-share{border-radius:11px !important;}
  .aiev-modal-close span:before,
  .aiev-modal-close span:after{
    width:19px !important;
    height:2.5px !important;
  }
  .aiev-modal-nav span:before{
    width:12px !important;
    height:12px !important;
    border-top-width:3px !important;
    border-left-width:3px !important;
  }
  .aiev-modal-prev span:before{margin-top:6px !important;}
  .aiev-modal-next span:before{margin-bottom:6px !important;}
}

/* v5.6: root fix for popup mobile controls - keep controls above Aparat iframe */
.aiev-modal-stage{pointer-events:none !important;}
.aiev-modal-dialog{pointer-events:auto !important;z-index:5 !important;}
.aiev-modal-actions{pointer-events:auto !important;z-index:9999992 !important;}
.aiev-modal-close,.aiev-modal-nav,.aiev-modal-share{pointer-events:auto !important;touch-action:manipulation !important;-webkit-tap-highlight-color:transparent !important;user-select:none !important;}
.aiev-modal-body,.aiev-iframe{z-index:1 !important;}
@media (max-width:767px){
  .aiev-modal-actions{z-index:9999993 !important;}
  .aiev-modal-close,.aiev-modal-nav,.aiev-modal-share{cursor:pointer !important;}
}

/* v5.8: custom text/link box under popup video */
.aiev-product-card{
  position:absolute !important;
  right:10px !important;
  left:10px !important;
  bottom:10px !important;
  z-index:20 !important;
  display:none !important;
  direction:rtl !important;
  align-items:center !important;
  gap:10px !important;
  min-height:76px !important;
  padding:10px 10px 10px 12px !important;
  border-radius:18px !important;
  text-decoration:none !important;
  color:#171717 !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.30) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  pointer-events:auto !important;
  transform:translateY(8px) !important;
  opacity:0 !important;
  transition:opacity .22s ease, transform .22s ease !important;
}
.aiev-product-card.is-visible{display:flex !important;opacity:1 !important;transform:translateY(0) !important;}
.aiev-product-img-wrap{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  border-radius:15px !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#f5f5f5,#e9e9e9) !important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.05) !important;
}
.aiev-product-img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.aiev-product-info{display:flex !important;flex:1 1 auto !important;min-width:0 !important;flex-direction:column !important;gap:4px !important;text-align:right !important;}
.aiev-product-kicker{font-size:10px !important;font-weight:800 !important;color:#e1124f !important;line-height:1 !important;}
.aiev-product-title{font-size:13.5px !important;font-weight:900 !important;line-height:1.55 !important;color:#111 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
.aiev-product-price-row{display:flex !important;align-items:center !important;gap:7px !important;flex-wrap:wrap !important;line-height:1.15 !important;}
.aiev-product-price,.aiev-product-sale{font-size:14px !important;font-weight:950 !important;color:#111 !important;}
.aiev-product-regular{font-size:12px !important;font-weight:800 !important;color:#8c8c8c !important;text-decoration:line-through !important;}
.aiev-product-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:56px !important;
  height:34px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:#e1124f !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:0 8px 20px rgba(225,18,79,.30) !important;
}
.aiev-product-card:hover{color:#111 !important;transform:translateY(-2px) !important;}
@media (min-width:768px){
  .aiev-product-card{right:14px !important;left:14px !important;bottom:14px !important;min-height:82px !important;padding:12px !important;border-radius:20px !important;}
  .aiev-product-img-wrap{width:66px !important;height:66px !important;min-width:66px !important;}
  .aiev-product-title{font-size:14.5px !important;}
  .aiev-product-price,.aiev-product-sale{font-size:15px !important;}
}
@media (max-width:767px){
  .aiev-product-card{right:8px !important;left:8px !important;bottom:8px !important;min-height:68px !important;padding:8px !important;border-radius:16px !important;gap:8px !important;}
  .aiev-product-img-wrap{width:50px !important;height:50px !important;min-width:50px !important;border-radius:13px !important;}
  .aiev-product-title{font-size:12px !important;line-height:1.45 !important;}
  .aiev-product-kicker{font-size:9px !important;}
  .aiev-product-price,.aiev-product-sale{font-size:12.5px !important;}
  .aiev-product-regular{font-size:10.5px !important;}
  .aiev-product-cta{min-width:48px !important;height:30px !important;font-size:11px !important;padding:0 10px !important;}
}

/* v5.8: حالت متن و لینک دلخواه به‌جای محصول ووکامرس */
.aiev-custom-link-card .aiev-product-info{padding-inline-start:4px !important;}
.aiev-custom-link-card .aiev-product-title{-webkit-line-clamp:3 !important;}

/* v5.9: پشتیبانی از ویدئوی مستقیم هاست دانلود کنار آپارات */
.aiev-modal-body .aiev-iframe,
.aiev-modal-body .aiev-host-video{display:none !important;}
.aiev-modal-body .aiev-iframe.is-active,
.aiev-modal-body .aiev-host-video.is-active{display:block !important;}
.aiev-host-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  background:#000 !important;
  border:0 !important;
  z-index:1 !important;
}
.aiev-modal-body .aiev-host-video::-webkit-media-controls-panel{direction:ltr !important;}


/* v5.9.1: default 12px radius for cards and popup, controllable from Elementor widget */
.aiev-card{border-radius:var(--aiev-radius,12px) !important;}
.aiev-modal-dialog{border-radius:var(--aiev-radius,12px) !important;overflow:hidden !important;}
.aiev-grid{--aiev-radius:12px;}
.aiev-grid .aiev-card{border-radius:var(--aiev-radius,12px) !important;}

/* v5.9.2: force popup radius on real video/iframe layer */
.aiev-modal-dialog{
  border-radius:var(--aiev-radius,12px) !important;
  overflow:hidden !important;
  clip-path:inset(0 round var(--aiev-radius,12px)) !important;
  -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
}
.aiev-modal-body{
  border-radius:inherit !important;
  overflow:hidden !important;
  clip-path:inset(0 round var(--aiev-radius,12px)) !important;
}
.aiev-modal-body .aiev-iframe,
.aiev-modal-body .aiev-host-video,
.aiev-iframe,
.aiev-host-video{
  border-radius:inherit !important;
  overflow:hidden !important;
}

/* v6.0: popup video original ratio mode - no story crop */
.aiev-modal-stage{
  width:min(1120px, calc(100vw - 32px)) !important;
  height:auto !important;
  max-width:calc(100vw - 32px) !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 64px !important;
  grid-template-rows:auto !important;
  gap:20px !important;
  align-items:center !important;
  justify-content:center !important;
}
.aiev-modal-dialog{
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:calc(100vh - 48px) !important;
  aspect-ratio:16/9 !important;
  background:#000 !important;
}
.aiev-modal-body{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background:#000 !important;
  overflow:hidden !important;
}
.aiev-modal-body .aiev-iframe,
.aiev-iframe{
  position:absolute !important;
  inset:0 !important;
  top:0 !important;
  left:0 !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  max-width:none !important;
  transform:none !important;
  border:0 !important;
  background:#000 !important;
}
.aiev-host-video{
  object-fit:contain !important;
}
@media(max-width:767px){
  .aiev-modal{
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .aiev-modal-stage{
    width:100vw !important;
    height:100dvh !important;
    max-width:100vw !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom)) !important;
    box-sizing:border-box !important;
  }
  .aiev-modal-actions{
    order:1 !important;
    width:auto !important;
    height:auto !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 !important;
  }
  .aiev-modal-dialog{
    order:2 !important;
    width:calc(100vw - 20px) !important;
    height:auto !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    aspect-ratio:16/9 !important;
    margin:0 auto !important;
  }
  .aiev-modal-body .aiev-iframe,
  .aiev-iframe{
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    left:0 !important;
    transform:none !important;
  }
}

/* v6.1: فقط دو سایز پاپ‌آپ: افقی 16:9 و استوری 9:16 */
.aiev-modal.aiev-popup-wide .aiev-modal-stage{
  width:min(1120px, calc(100vw - 32px)) !important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog{
  width:100% !important;
  aspect-ratio:16/9 !important;
}
.aiev-modal.aiev-popup-story .aiev-modal-stage{
  width:min(450px, calc(100vw - 32px)) !important;
}
.aiev-modal.aiev-popup-story .aiev-modal-dialog{
  width:100% !important;
  aspect-ratio:9/16 !important;
}
.aiev-modal.aiev-popup-wide .aiev-iframe,
.aiev-modal.aiev-popup-story .aiev-iframe,
.aiev-modal.aiev-popup-wide .aiev-host-video,
.aiev-modal.aiev-popup-story .aiev-host-video{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  transform:none !important;
  object-fit:contain !important;
}
@media(max-width:767px){
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog{
    width:calc(100vw - 20px) !important;
    aspect-ratio:16/9 !important;
    max-height:calc(100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  }
  .aiev-modal.aiev-popup-story .aiev-modal-stage{
    width:100vw !important;
  }
  .aiev-modal.aiev-popup-story .aiev-modal-dialog{
    width:min(calc(100vw - 20px), 420px) !important;
    aspect-ratio:9/16 !important;
    max-height:calc(100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  }
}


/* v6.2: fix popup size switch - only 16:9 horizontal and 9:16 Instagram Story */
.aiev-modal.aiev-popup-wide .aiev-modal-stage{
  width:min(1120px, calc(100vw - 32px)) !important;
  max-width:calc(100vw - 32px) !important;
  height:auto !important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog{
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  max-height:calc(100dvh - 48px) !important;
}
.aiev-modal.aiev-popup-story .aiev-modal-stage{
  width:min(420px, calc(100vw - 32px)) !important;
  max-width:min(420px, calc(100vw - 32px)) !important;
  height:auto !important;
}
.aiev-modal.aiev-popup-story .aiev-modal-dialog{
  width:100% !important;
  height:auto !important;
  aspect-ratio:9/16 !important;
  max-height:calc(100dvh - 48px) !important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-body,
.aiev-modal.aiev-popup-story .aiev-modal-body{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}
.aiev-modal.aiev-popup-wide .aiev-iframe,
.aiev-modal.aiev-popup-story .aiev-iframe,
.aiev-modal.aiev-popup-wide .aiev-host-video,
.aiev-modal.aiev-popup-story .aiev-host-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  min-width:0 !important;
  transform:none !important;
  object-fit:contain !important;
}
@media(max-width:767px){
  .aiev-modal.aiev-popup-wide .aiev-modal-stage,
  .aiev-modal.aiev-popup-story .aiev-modal-stage{
    width:100vw !important;
    height:100dvh !important;
    max-width:100vw !important;
  }
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog{
    width:calc(100vw - 20px) !important;
    aspect-ratio:16/9 !important;
    max-height:calc(100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  }
  .aiev-modal.aiev-popup-story .aiev-modal-dialog{
    width:min(calc((100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 9 / 16), calc(100vw - 20px), 420px) !important;
    aspect-ratio:9/16 !important;
    max-height:calc(100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  }
}

/* v6.3 root fix: فقط دو سایز واقعی برای کارت و پاپ‌آپ */
.aiev-size-wide{aspect-ratio:16/9 !important;}
.aiev-size-story{aspect-ratio:9/16 !important;}
.aiev-modal.aiev-popup-wide .aiev-modal-stage{width:min(1120px,calc(100vw - 32px)) !important;max-width:calc(100vw - 32px) !important;height:auto !important;}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog{width:100% !important;height:auto !important;aspect-ratio:16/9 !important;max-height:calc(100dvh - 48px) !important;}
.aiev-modal.aiev-popup-story .aiev-modal-stage{width:min(430px,calc(100vw - 32px)) !important;max-width:min(430px,calc(100vw - 32px)) !important;height:auto !important;}
.aiev-modal.aiev-popup-story .aiev-modal-dialog{width:100% !important;height:auto !important;aspect-ratio:9/16 !important;max-height:calc(100dvh - 48px) !important;}
.aiev-modal.aiev-popup-wide .aiev-modal-body,.aiev-modal.aiev-popup-story .aiev-modal-body{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;overflow:hidden !important;background:#000 !important;}
.aiev-modal.aiev-popup-wide .aiev-iframe,.aiev-modal.aiev-popup-story .aiev-iframe,.aiev-modal.aiev-popup-wide .aiev-host-video,.aiev-modal.aiev-popup-story .aiev-host-video{position:absolute !important;inset:0 !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;min-width:0 !important;transform:none !important;object-fit:contain !important;background:#000 !important;border:0 !important;}
@media(max-width:767px){
  .aiev-modal.aiev-popup-wide .aiev-modal-stage,.aiev-modal.aiev-popup-story .aiev-modal-stage{width:100vw !important;max-width:100vw !important;height:100dvh !important;}
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog{width:calc(100vw - 20px) !important;aspect-ratio:16/9 !important;max-height:calc(100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;}
  .aiev-modal.aiev-popup-story .aiev-modal-dialog{width:min(calc((100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 9 / 16),calc(100vw - 20px),430px) !important;aspect-ratio:9/16 !important;max-height:calc(100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;}
}


/* v5.9: share button in popup controls */
.aiev-modal-share{
  position:relative !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.20) !important;
}
.aiev-modal-share span{
  position:relative !important;
  display:block !important;
  width:22px !important;
  height:22px !important;
}
.aiev-modal-share span:before{
  content:"" !important;
  position:absolute !important;
  left:3px !important;
  top:9px !important;
  width:14px !important;
  height:10px !important;
  border-top:3px solid #fff !important;
  border-right:3px solid #fff !important;
  transform:rotate(-35deg) !important;
  border-radius:2px !important;
}
.aiev-modal-share span:after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  width:0 !important;
  height:0 !important;
  border-top:7px solid transparent !important;
  border-bottom:7px solid transparent !important;
  border-left:10px solid #fff !important;
  transform:rotate(-35deg) !important;
}
@media (max-width:767px){
  .aiev-modal-share span{width:18px !important;height:18px !important;}
  .aiev-modal-share span:before{left:2px !important;top:8px !important;width:11px !important;height:8px !important;border-top-width:2.5px !important;border-right-width:2.5px !important;}
  .aiev-modal-share span:after{border-top-width:6px !important;border-bottom-width:6px !important;border-left-width:8px !important;}
}

/* v6.0: custom uploaded share icon only - keeps existing share behavior */
.aiev-modal-share span{
  width:26px !important;
  height:26px !important;
  display:block !important;
  background-image:url('../img/share.png') !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}
.aiev-modal-share span:before,
.aiev-modal-share span:after{
  content:none !important;
  display:none !important;
}
@media (max-width:767px){
  .aiev-modal-share span{
    width:24px !important;
    height:24px !important;
  }
}

/* v6.4: کارت محصول/باکس دلخواه زیر ویدئو، هم‌عرض سایز پاپ‌آپ */
.aiev-modal.aiev-has-bottom-card .aiev-modal-stage{
  overflow-y:auto !important;
  align-items:center !important;
  justify-content:center !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
.aiev-modal.aiev-has-bottom-card .aiev-modal-dialog{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  aspect-ratio:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  clip-path:none !important;
  background:transparent !important;
}
.aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-body{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  overflow:hidden !important;
  background:#000 !important;
  border-radius:var(--aiev-radius,12px) !important;
  clip-path:inset(0 round var(--aiev-radius,12px)) !important;
}
.aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-body{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:9/16 !important;
  overflow:hidden !important;
  background:#000 !important;
  border-radius:var(--aiev-radius,12px) !important;
  clip-path:inset(0 round var(--aiev-radius,12px)) !important;
}
.aiev-modal.aiev-has-bottom-card .aiev-product-card{
  position:relative !important;
  right:auto !important;
  left:auto !important;
  bottom:auto !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  transform:none !important;
  opacity:1 !important;
  z-index:8 !important;
  border-radius:calc(var(--aiev-radius,12px) + 4px) !important;
}
.aiev-modal.aiev-has-bottom-card .aiev-product-card.is-visible{display:flex !important;}
.aiev-modal.aiev-has-bottom-card .aiev-iframe,
.aiev-modal.aiev-has-bottom-card .aiev-host-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}
.aiev-product-price-row:empty{display:none !important;}
.aiev-product-sale:empty,.aiev-product-regular:empty{display:none !important;}
@media(max-width:767px){
  .aiev-modal.aiev-has-bottom-card .aiev-modal-stage{justify-content:flex-start !important;}
  .aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-dialog{width:calc(100vw - 20px) !important;}
  .aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{width:min(calc((100dvh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 9 / 16),calc(100vw - 20px),430px) !important;}
}


/* v6.5: کارت محصول/باکس دلخواه حتماً پایین ویدئو؛ جدا از ویدئو در هر دو سایز 16:9 و 9:16 */
.aiev-modal.aiev-has-bottom-card .aiev-modal-dialog{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:8px !important;
  overflow:visible !important;
  background:transparent !important;
  height:auto !important;
  aspect-ratio:auto !important;
  max-height:none !important;
}
.aiev-modal.aiev-has-bottom-card .aiev-modal-header{display:none !important;}
.aiev-modal.aiev-has-bottom-card .aiev-modal-body{
  order:1 !important;
  flex:0 0 auto !important;
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#000 !important;
  z-index:1 !important;
}
.aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-body{
  aspect-ratio:16/9 !important;
  height:auto !important;
}
.aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-body{
  aspect-ratio:9/16 !important;
  height:auto !important;
}
.aiev-modal.aiev-has-bottom-card .aiev-product-card,
.aiev-modal.aiev-has-bottom-card .aiev-product-card.is-visible{
  order:2 !important;
  flex:0 0 auto !important;
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  transform:none !important;
  z-index:2 !important;
  box-sizing:border-box !important;
}
.aiev-modal.aiev-has-bottom-card .aiev-modal-stage{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
@media (max-width:767px){
  .aiev-modal.aiev-has-bottom-card .aiev-modal-stage{
    justify-content:flex-start !important;
    padding-top:calc(10px + env(safe-area-inset-top)) !important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important;
  }
  .aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-dialog{
    width:calc(100vw - 20px) !important;
  }
  .aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{
    width:min(calc((100dvh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 9 / 16),calc(100vw - 20px),430px) !important;
  }
}

/* v6.7: mobile horizontal 16:9 popup center fix - only affects wide popup on mobile */
@media (max-width:767px){
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-stage{
    justify-content:center !important;
    align-items:center !important;
    min-height:100dvh !important;
    height:100dvh !important;
    padding-top:calc(10px + env(safe-area-inset-top)) !important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-dialog{
    margin:auto 0 !important;
    align-self:center !important;
  }
}



/* v6.9 WebKhani: product glass card for 16:9 popup + editable product button/name */
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-card,
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-card.is-visible{
  direction:rtl !important;
  min-height:86px !important;
  padding:14px 16px !important;
  gap:12px !important;
  border:1px solid rgba(255,255,255,.34) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.13)) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.35) !important;
  color:#fff !important;
  text-decoration:none !important;
}
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-img-wrap{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.22) !important;
  border:1px solid rgba(255,255,255,.32) !important;
}
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-info{
  flex:1 1 auto !important;
  min-width:0 !important;
  color:#fff !important;
}
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-kicker{
  display:block !important;
  margin-bottom:3px !important;
  font-size:11px !important;
  font-weight:700 !important;
  color:rgba(255,255,255,.78) !important;
}
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-title{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.55 !important;
  color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.28) !important;
}
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-price-row{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin-top:4px !important;
  color:rgba(255,255,255,.92) !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-regular{
  opacity:.62 !important;
  text-decoration:line-through !important;
}
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-cta{
  flex:0 0 auto !important;
  min-width:76px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.92) !important;
  color:#151515 !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-align:center !important;
  box-shadow:0 10px 26px rgba(0,0,0,.20) !important;
}
@media(max-width:767px){
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-card,
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-card.is-visible{
    min-height:74px !important;
    padding:10px 11px !important;
    gap:9px !important;
    border-radius:18px !important;
  }
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-img-wrap{width:48px !important;height:48px !important;min-width:48px !important;border-radius:13px !important;}
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-title{font-size:13px !important;line-height:1.45 !important;}
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-product-cta{min-width:62px !important;padding:8px 11px !important;font-size:12px !important;}
}

/* v6.8: عنوان شیشه‌ای محصول روی خود ویدئو + قیمت تک محصول/وارییشن بدون رنج */
.aiev-modal .aiev-modal-header,
.aiev-modal.aiev-has-bottom-card .aiev-modal-header{
  display:flex !important;
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  left:12px !important;
  bottom:auto !important;
  min-height:0 !important;
  height:auto !important;
  width:auto !important;
  padding:10px 16px !important;
  z-index:30 !important;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:none !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.42) !important;
  border:1px solid rgba(255,255,255,.46) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(14px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(145%) !important;
  direction:rtl !important;
}
.aiev-modal.aiev-no-title .aiev-modal-header{display:none !important;}
.aiev-modal .aiev-modal-title{
  display:block !important;
  max-width:100% !important;
  color:var(--aiev-popup-product-title-color,#111) !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1.35 !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:none !important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-header{top:14px !important;right:18px !important;left:18px !important;}
.aiev-modal.aiev-popup-story .aiev-modal-header{top:14px !important;right:14px !important;left:14px !important;}
@media(max-width:767px){
  .aiev-modal .aiev-modal-header,
  .aiev-modal.aiev-has-bottom-card .aiev-modal-header{
    top:10px !important;
    right:10px !important;
    left:10px !important;
    padding:8px 12px !important;
    border-radius:15px !important;
  }
  .aiev-modal .aiev-modal-title{font-size:14px !important;}
  .aiev-modal.aiev-popup-wide .aiev-modal-header{top:9px !important;right:12px !important;left:12px !important;}
}

/* =========================
 * WebKhani v3 - Magic Box Widget
 * ========================= */
.aiev-magic-wrap{width:100%;}
.aiev-magic-box{position:relative;overflow:hidden;background:#f7eef6;border:1px solid rgba(255,255,255,.7);box-shadow:0 14px 40px rgba(18,18,18,.06);}
.aiev-magic-box:before{content:"";position:absolute;inset:-40% -20% auto auto;width:55%;height:140%;background:radial-gradient(circle,rgba(255,255,255,.65),rgba(255,255,255,0) 65%);pointer-events:none;}
.aiev-magic-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;}
.aiev-magic-title{margin:0 0 8px;font-size:20px;font-weight:900;line-height:1.35;}
.aiev-magic-subtitle{font-size:14px;font-weight:500;line-height:1.8;}
.aiev-magic-all{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;font-weight:900;font-size:13px;color:#ff2b7a;}
.aiev-magic-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--aiev-magic-cols,5),minmax(0,1fr));gap:16px;}
.aiev-magic-video-card{min-height:0!important;width:100%;box-shadow:none!important;border:1px solid rgba(255,255,255,.8);background:#111;overflow:hidden;}
.aiev-magic-grid .aiev-size-story{aspect-ratio:9/16;}
.aiev-magic-grid .aiev-size-wide{aspect-ratio:16/9;}
.aiev-magic-video-card .aiev-title{font-size:17px;font-weight:950;text-shadow:0 2px 10px rgba(0,0,0,.6);}
.aiev-magic-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;border:1px dashed rgba(0,0,0,.18);border-radius:10px;background:rgba(255,255,255,.55);color:#222;text-align:center;font-size:13px;line-height:1.8;padding:14px;}
.aiev-magic-missing small{display:block;margin-top:8px;direction:ltr;color:#777;font-size:11px;}
.aiev-shortcode-single .aiev-grid{max-width:360px;margin:auto;}
@media (max-width:1024px){.aiev-magic-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:767px){.aiev-magic-box{padding:16px!important;border-radius:12px!important;}.aiev-magic-head{align-items:flex-start;margin-bottom:12px;}.aiev-magic-title{font-size:17px;}.aiev-magic-subtitle{font-size:12px;}.aiev-magic-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch;}.aiev-magic-grid::-webkit-scrollbar{height:0}.aiev-magic-grid .aiev-card,.aiev-magic-missing{flex:0 0 42%;scroll-snap-align:start;}.aiev-magic-all{font-size:12px;}}


/* v6.0 WebKhani Magic Box hard layout fix: compact cards + horizontal mobile slider + auto 16:9/9:16 by video ID */
.aiev-magic-wrap,
.aiev-magic-wrap *{box-sizing:border-box!important;}
.aiev-magic-wrap{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.aiev-magic-box{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.aiev-magic-grid{
  width:100%!important;
  max-width:100%!important;
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(var(--aiev-magic-cols,5),minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
.aiev-magic-grid .aiev-card,
.aiev-magic-grid .aiev-magic-video-card{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:none!important;
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
  background:#111!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:var(--aiev-radius,8px)!important;
  box-shadow:none!important;
  transform:none!important;
}
.aiev-magic-grid .aiev-card:hover,
.aiev-magic-grid .aiev-magic-video-card:hover{transform:none!important;box-shadow:0 8px 22px rgba(0,0,0,.10)!important;}
.aiev-magic-grid .aiev-size-story{aspect-ratio:9/16!important;}
.aiev-magic-grid .aiev-size-wide{aspect-ratio:16/9!important;}
.aiev-magic-grid .aiev-thumb,
.aiev-magic-grid .aiev-thumb-empty{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.aiev-magic-grid .aiev-play{width:48px!important;height:48px!important;}
.aiev-magic-grid .aiev-play:after{left:19px!important;top:14px!important;border-top-width:10px!important;border-bottom-width:10px!important;border-left-width:15px!important;}
.aiev-magic-grid .aiev-title{font-size:clamp(12px,1.45vw,16px)!important;right:10px!important;left:10px!important;bottom:32px!important;line-height:1.45!important;}
.aiev-magic-grid .aiev-views{font-size:12px!important;right:10px!important;bottom:10px!important;}
.aiev-magic-grid .aiev-magic-missing{min-height:140px!important;width:100%!important;}
@media(max-width:1024px){
  .aiev-magic-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:767px){
  .aiev-magic-box{padding:14px!important;border-radius:12px!important;}
  .aiev-magic-head{align-items:flex-start!important;margin-bottom:12px!important;gap:10px!important;}
  .aiev-magic-title{font-size:17px!important;}
  .aiev-magic-subtitle{font-size:12px!important;}
  .aiev-magic-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:10px!important;
    padding:0 0 7px 0!important;
  }
  .aiev-magic-grid::-webkit-scrollbar{height:0!important;display:none!important;}
  .aiev-magic-grid .aiev-card,
  .aiev-magic-grid .aiev-magic-video-card,
  .aiev-magic-grid .aiev-magic-missing{
    flex:0 0 42%!important;
    width:42%!important;
    max-width:42%!important;
    scroll-snap-align:start!important;
  }
  .aiev-magic-grid .aiev-size-wide{flex-basis:62%!important;width:62%!important;max-width:62%!important;}
  .aiev-magic-grid .aiev-size-story{flex-basis:42%!important;width:42%!important;max-width:42%!important;}
  .aiev-magic-grid .aiev-play{width:38px!important;height:38px!important;}
  .aiev-magic-grid .aiev-play:after{left:15px!important;top:11px!important;border-top-width:8px!important;border-bottom-width:8px!important;border-left-width:12px!important;}
  .aiev-magic-grid .aiev-title{font-size:12px!important;right:7px!important;left:7px!important;bottom:27px!important;}
  .aiev-magic-grid .aiev-views{font-size:11px!important;right:7px!important;bottom:8px!important;}
  .aiev-magic-all{font-size:12px!important;}
}

/* WebKhani v4.2 Magic Box final fit: fixed compact cards, desktop row, mobile horizontal slider */
.elementor-widget-aiev_magic_box_widget,
.elementor-widget-aiev_magic_box_widget .elementor-widget-container,
.aiev-magic-wrap,
.aiev-magic-wrap *{box-sizing:border-box!important;}
.aiev-magic-wrap{width:100%!important;max-width:100%!important;display:block!important;overflow:hidden!important;}
.aiev-magic-wrap .aiev-magic-box{width:100%!important;max-width:100%!important;position:relative!important;overflow:hidden!important;background:#f7eef6;border:0!important;box-shadow:none!important;}
.aiev-magic-wrap .aiev-magic-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 16px!important;position:relative!important;z-index:2!important;}
.aiev-magic-wrap .aiev-magic-title{margin:0 0 8px!important;font-size:20px!important;font-weight:900!important;line-height:1.35!important;}
.aiev-magic-wrap .aiev-magic-subtitle{font-size:14px!important;font-weight:500!important;line-height:1.8!important;}
.aiev-magic-wrap .aiev-magic-all{display:inline-flex!important;align-items:center!important;gap:6px!important;text-decoration:none!important;white-space:nowrap!important;font-size:13px!important;font-weight:900!important;}
.aiev-magic-wrap .aiev-magic-grid{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(var(--aiev-magic-cols,5),minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:auto!important;align-items:start!important;gap:var(--aiev-magic-gap,16px)!important;overflow:visible!important;position:relative!important;z-index:2!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card,
.aiev-magic-wrap .aiev-magic-grid>.aiev-magic-video-card{all:unset;box-sizing:border-box!important;display:block!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;cursor:pointer!important;background:#111!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:var(--aiev-radius,8px)!important;box-shadow:none!important;transform:none!important;isolation:isolate!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card.aiev-size-story{aspect-ratio:9/16!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card.aiev-size-wide{aspect-ratio:16/9!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card:hover{transform:none!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-thumb,
.aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-thumb-empty{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important;z-index:0!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-gradient{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.58) 100%)!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-play{position:absolute!important;left:50%!important;top:50%!important;z-index:3!important;width:48px!important;height:48px!important;transform:translate(-50%,-50%)!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-play:after{content:""!important;position:absolute!important;left:19px!important;top:14px!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-left:15px solid #111!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-title{position:absolute!important;right:10px!important;left:10px!important;bottom:32px!important;z-index:4!important;color:#fff!important;font-size:clamp(12px,1.35vw,16px)!important;font-weight:950!important;line-height:1.45!important;text-shadow:0 2px 10px rgba(0,0,0,.65)!important;display:block!important;}
.aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-views{position:absolute!important;right:10px!important;bottom:10px!important;z-index:4!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1!important;text-shadow:0 2px 7px rgba(0,0,0,.65)!important;display:block!important;}
.aiev-magic-wrap .aiev-magic-missing{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:150px!important;border:1px dashed rgba(0,0,0,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.55)!important;color:#222!important;text-align:center!important;font-size:13px!important;line-height:1.8!important;padding:14px!important;overflow:hidden!important;}
.aiev-magic-wrap .aiev-magic-missing small{display:block!important;margin-top:8px!important;direction:ltr!important;color:#777!important;font-size:11px!important;}
@media(max-width:1024px){.aiev-magic-wrap .aiev-magic-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:767px){
  .aiev-magic-wrap .aiev-magic-box{padding:14px!important;border-radius:12px!important;}
  .aiev-magic-wrap .aiev-magic-head{margin-bottom:12px!important;gap:10px!important;}
  .aiev-magic-wrap .aiev-magic-title{font-size:17px!important;margin-bottom:5px!important;}
  .aiev-magic-wrap .aiev-magic-subtitle{font-size:12px!important;line-height:1.7!important;}
  .aiev-magic-wrap .aiev-magic-all{font-size:12px!important;}
  .aiev-magic-wrap .aiev-magic-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:0 0 8px!important;}
  .aiev-magic-wrap .aiev-magic-grid::-webkit-scrollbar{height:0!important;display:none!important;}
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card,
  .aiev-magic-wrap .aiev-magic-grid>.aiev-magic-missing{flex:0 0 43%!important;width:43%!important;max-width:43%!important;min-width:43%!important;scroll-snap-align:start!important;}
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card.aiev-size-wide{flex-basis:62%!important;width:62%!important;max-width:62%!important;min-width:62%!important;}
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-play{width:38px!important;height:38px!important;}
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-play:after{left:15px!important;top:11px!important;border-top-width:8px!important;border-bottom-width:8px!important;border-left-width:12px!important;}
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-title{font-size:12px!important;right:7px!important;left:7px!important;bottom:27px!important;}
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-views{font-size:11px!important;right:7px!important;bottom:8px!important;}
}


/* ===============================
   WebKhani Magic Box V6 - fixed mini cards
   هدف: کارت‌های جعبه جادویی همیشه کوچک، یکدست و مینیمال باشند؛
   اندازه 16:9 یا 9:16 فقط برای پاپ‌آپ استفاده می‌شود، نه برای کارت داخل باکس.
   =============================== */
.elementor-widget-aiev_magic_box_widget .aiev-magic-wrap,
.elementor-widget-aiev_magic_box_widget .aiev-magic-wrap *{box-sizing:border-box!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-wrap{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-box{width:100%!important;max-width:100%!important;overflow:hidden!important;background:#f7eef6!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-head{position:relative!important;z-index:5!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 16px!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid{position:relative!important;z-index:4!important;width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(var(--aiev-magic-cols,5),minmax(0,1fr))!important;gap:var(--aiev-magic-gap,16px)!important;align-items:stretch!important;overflow:visible!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card,
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-video-card{all:unset;box-sizing:border-box!important;display:block!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;aspect-ratio:3/4!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;cursor:pointer!important;background:#111!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:var(--aiev-radius,8px)!important;box-shadow:none!important;transform:none!important;isolation:isolate!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card.aiev-size-wide,
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card.aiev-size-story{aspect-ratio:3/4!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-thumb,
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-thumb-empty{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;display:block!important;z-index:0!important;margin:0!important;padding:0!important;border:0!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-gradient{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.60) 100%)!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-play{position:absolute!important;left:50%!important;top:50%!important;z-index:3!important;width:48px!important;height:48px!important;transform:translate(-50%,-50%)!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-play:after{content:""!important;position:absolute!important;left:19px!important;top:14px!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-left:15px solid #111!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-title{position:absolute!important;right:10px!important;left:10px!important;bottom:32px!important;z-index:4!important;color:#fff!important;font-size:clamp(12px,1.25vw,16px)!important;font-weight:950!important;line-height:1.45!important;text-shadow:0 2px 10px rgba(0,0,0,.65)!important;display:block!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-views{position:absolute!important;right:10px!important;bottom:10px!important;z-index:4!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1!important;text-shadow:0 2px 7px rgba(0,0,0,.65)!important;display:block!important;}
.elementor-widget-aiev_magic_box_widget .aiev-magic-missing{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;aspect-ratio:3/4!important;min-height:0!important;border:1px dashed rgba(0,0,0,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.55)!important;color:#222!important;text-align:center!important;font-size:13px!important;line-height:1.8!important;padding:14px!important;overflow:hidden!important;}
@media(max-width:1024px){.elementor-widget-aiev_magic_box_widget .aiev-magic-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:767px){
  .elementor-widget-aiev_magic_box_widget .aiev-magic-box{padding:14px!important;border-radius:12px!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-head{margin-bottom:12px!important;gap:10px!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-title{font-size:17px!important;margin-bottom:5px!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-subtitle{font-size:12px!important;line-height:1.7!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:0 0 8px!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid::-webkit-scrollbar{height:0!important;display:none!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card,
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-video-card,
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-missing{flex:0 0 42%!important;width:42%!important;min-width:42%!important;max-width:42%!important;aspect-ratio:3/4!important;scroll-snap-align:start!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card.aiev-size-wide,
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card.aiev-size-story{flex:0 0 42%!important;width:42%!important;min-width:42%!important;max-width:42%!important;aspect-ratio:3/4!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-play{width:38px!important;height:38px!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-play:after{left:15px!important;top:11px!important;border-top-width:8px!important;border-bottom-width:8px!important;border-left-width:12px!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-title{font-size:12px!important;right:7px!important;left:7px!important;bottom:27px!important;}
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-views{font-size:11px!important;right:7px!important;bottom:8px!important;}
}

/* ===============================
   WebKhani Magic Box V7
   - Desktop cards smaller and minimal
   - Mobile widget full-bleed 100vw outside Elementor container
   - Mobile card sizes unchanged
   =============================== */
@media (min-width: 768px){
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid,
  .aiev-magic-wrap .aiev-magic-grid{
    display:grid!important;
    grid-template-columns:repeat(var(--aiev-magic-cols,5), minmax(0, 170px))!important;
    justify-content:start!important;
    align-items:stretch!important;
    gap:var(--aiev-magic-gap,16px)!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card,
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-video-card,
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-missing,
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card,
  .aiev-magic-wrap .aiev-magic-grid>.aiev-magic-video-card,
  .aiev-magic-wrap .aiev-magic-grid>.aiev-magic-missing{
    width:170px!important;
    max-width:170px!important;
    min-width:0!important;
    aspect-ratio:3/4!important;
  }
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-play,
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-play{
    width:42px!important;
    height:42px!important;
  }
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-play:after,
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card .aiev-play:after{
    left:16px!important;
    top:12px!important;
    border-top-width:9px!important;
    border-bottom-width:9px!important;
    border-left-width:13px!important;
  }
}
@media (min-width: 768px) and (max-width: 1180px){
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid,
  .aiev-magic-wrap .aiev-magic-grid{
    grid-template-columns:repeat(var(--aiev-magic-cols,5), minmax(0, 150px))!important;
  }
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card,
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-video-card,
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-missing,
  .aiev-magic-wrap .aiev-magic-grid>.aiev-card,
  .aiev-magic-wrap .aiev-magic-grid>.aiev-magic-video-card,
  .aiev-magic-wrap .aiev-magic-grid>.aiev-magic-missing{
    width:150px!important;
    max-width:150px!important;
  }
}
@media (max-width: 767px){
  .elementor-widget-aiev_magic_box_widget,
  .elementor-widget-aiev_magic_box_widget .elementor-widget-container,
  .elementor-widget-aiev_magic_box_widget .aiev-magic-wrap{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    overflow:hidden!important;
  }
  .elementor-widget-aiev_magic_box_widget .aiev-magic-box,
  .aiev-magic-wrap .aiev-magic-box{
    width:100vw!important;
    max-width:100vw!important;
    border-radius:0!important;
  }
  .elementor-widget-aiev_magic_box_widget .aiev-magic-grid,
  .aiev-magic-wrap .aiev-magic-grid{
    padding-inline:14px!important;
    scroll-padding-inline:14px!important;
  }
}

/* ===============================
   WebKhani Magic Box V8 - Mobile full bleed fix only
   هدف: روی موبایل کارت سمت چپ بریده نشود و خود ویجت واقعاً 100vw شود.
   دسکتاپ و سایر بخش‌ها بدون تغییر.
   =============================== */
@media (max-width: 767px){
  body .elementor-widget-aiev_magic_box_widget,
  body .elementor-widget-aiev_magic_box_widget .elementor-widget-container,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-wrap{
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    position:relative!important;
    left:50%!important;
    right:50%!important;
    margin-left:-50vw!important;
    margin-right:-50vw!important;
    transform:none!important;
    overflow:visible!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-box{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x mandatory!important;
    padding:0 16px 8px 16px!important;
    scroll-padding-inline:16px!important;
    overscroll-behavior-x:contain!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-video-card,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-missing{
    flex:0 0 calc((100vw - 42px) / 2)!important;
    width:calc((100vw - 42px) / 2)!important;
    min-width:calc((100vw - 42px) / 2)!important;
    max-width:calc((100vw - 42px) / 2)!important;
    aspect-ratio:3/4!important;
    scroll-snap-align:start!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card.aiev-size-wide,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card.aiev-size-story{
    flex:0 0 calc((100vw - 42px) / 2)!important;
    width:calc((100vw - 42px) / 2)!important;
    min-width:calc((100vw - 42px) / 2)!important;
    max-width:calc((100vw - 42px) / 2)!important;
    aspect-ratio:3/4!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid::-webkit-scrollbar{
    height:0!important;
    display:none!important;
  }
}


/* ===============================
   WebKhani Magic Box V9
   Mobile real 100vw full-bleed + no cropped left card
   Shortcode cards remain clickable with popup.
   =============================== */
.aiev-shortcode-single .aiev-grid--shortcode{
  max-width:220px!important;
  width:220px!important;
  margin:0 auto!important;
}
.aiev-shortcode-single .aiev-card{
  aspect-ratio:3/4!important;
  width:100%!important;
  max-width:100%!important;
}
@media (max-width: 767px){
  html, body{overflow-x:hidden!important;}

  body .elementor-widget-aiev_magic_box_widget{
    box-sizing:border-box!important;
    display:block!important;
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }

  body .elementor-widget-aiev_magic_box_widget .elementor-widget-container,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-wrap{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:hidden!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-box{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:14px 0 14px 0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-head{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x mandatory!important;
    padding:0 16px 8px 16px!important;
    scroll-padding-left:16px!important;
    scroll-padding-right:16px!important;
    overscroll-behavior-x:contain!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-video-card,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-missing,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card.aiev-size-wide,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card.aiev-size-story{
    flex:0 0 calc((100vw - 42px) / 2)!important;
    width:calc((100vw - 42px) / 2)!important;
    min-width:calc((100vw - 42px) / 2)!important;
    max-width:calc((100vw - 42px) / 2)!important;
    aspect-ratio:3/4!important;
    scroll-snap-align:start!important;
    margin:0!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid::after{
    content:""!important;
    flex:0 0 16px!important;
    width:16px!important;
    min-width:16px!important;
  }

  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid::-webkit-scrollbar{height:0!important;display:none!important;}

  .aiev-shortcode-single .aiev-grid--shortcode{
    max-width:180px!important;
    width:180px!important;
  }
}

/* ===============================
   WebKhani v10 - Popup title like competitor + clean magic cards
   =============================== */
/* عنوان بالای پاپ‌آپ: بدون باکس شیشه‌ای، مثل استوری رقیب با گرادینت تیره */
.aiev-modal .aiev-modal-header,
.aiev-modal.aiev-has-bottom-card .aiev-modal-header{
  display:flex!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:0!important;
  bottom:auto!important;
  width:100%!important;
  min-height:72px!important;
  height:auto!important;
  padding:14px 16px 30px!important;
  z-index:50!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  pointer-events:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.62) 52%,rgba(0,0,0,0) 100%)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  direction:rtl!important;
}
.aiev-modal.aiev-no-title .aiev-modal-header{display:none!important;}
.aiev-modal .aiev-modal-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  max-width:94%!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 12px rgba(0,0,0,.65)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:767px){
  .aiev-modal .aiev-modal-header,
  .aiev-modal.aiev-has-bottom-card .aiev-modal-header{top:0!important;right:0!important;left:0!important;padding:12px 14px 28px!important;min-height:64px!important;}
  .aiev-modal .aiev-modal-title{font-size:16px!important;max-width:92%!important;}
}

/* حذف متن روی کارت‌های جعبه جادویی و شورتکد تکی؛ فقط کاور، پلی و ویو بماند */
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-title,
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-video-card .aiev-title,
.aiev-shortcode-single .aiev-card .aiev-title{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card .aiev-gradient,
.aiev-shortcode-single .aiev-card .aiev-gradient{
  background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.38) 100%)!important;
}
/* در باکس جادویی، پیام نبودن شورتکد را نمایش ندهد */
.elementor-widget-aiev_magic_box_widget .aiev-magic-missing small{display:none!important;}

/* v12: remove duplicate arrow after modal title */
.aiev-modal .aiev-modal-title:after{content:none!important;display:none!important;}


/* v13: version 1 + show-all arrow tip faces outside on RTL left link */
.aiev-magic-wrap .aiev-magic-all{direction:rtl!important;display:inline-flex!important;align-items:center!important;gap:6px!important;unicode-bidi:isolate!important;}
.aiev-magic-wrap .aiev-magic-all .aiev-magic-all-text{display:inline-block!important;}
.aiev-magic-wrap .aiev-magic-all .aiev-magic-all-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important;font-weight:900!important;transform:none!important;}


/* v14: Magic Box show-all SVG arrow tip must face LEFT */
.aiev-magic-wrap .aiev-magic-all .aiev-magic-all-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  transform:none!important;
}
.aiev-magic-wrap .aiev-magic-all .aiev-magic-all-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transform:none!important;
}
.aiev-magic-wrap .aiev-magic-all{
  flex-direction:row!important;
}

/* ===============================
   WebKhani V15 - Shortcode responsive card size fix
   شرتکد ویدئو داخل نوشته‌ها هم‌اندازه کارت‌های باکس جادویی نمایش داده شود؛ نه خیلی ریز.
   =============================== */
.aiev-shortcode-single{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  clear:both!important;
  margin:22px auto!important;
  overflow:visible!important;
  text-align:center!important;
}
.aiev-shortcode-single .aiev-grid,
.aiev-shortcode-single .aiev-grid--shortcode{
  box-sizing:border-box!important;
  display:block!important;
  width:220px!important;
  max-width:220px!important;
  min-width:220px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
}
.aiev-shortcode-single .aiev-card,
.aiev-shortcode-single .aiev-magic-video-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  aspect-ratio:3/4!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
}
.aiev-shortcode-single .aiev-card .aiev-thumb,
.aiev-shortcode-single .aiev-card .aiev-thumb-empty{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  display:block!important;
}
@media(max-width:767px){
  .entry-content .aiev-shortcode-single,
  .post-content .aiev-shortcode-single,
  .elementor-widget-text-editor .aiev-shortcode-single,
  body .aiev-shortcode-single{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:20px auto!important;
    padding:0!important;
    overflow:visible!important;
    text-align:center!important;
  }
  .entry-content .aiev-shortcode-single .aiev-grid--shortcode,
  .post-content .aiev-shortcode-single .aiev-grid--shortcode,
  .elementor-widget-text-editor .aiev-shortcode-single .aiev-grid--shortcode,
  body .aiev-shortcode-single .aiev-grid--shortcode{
    width:calc((100vw - 42px) / 2)!important;
    max-width:190px!important;
    min-width:145px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .entry-content .aiev-shortcode-single .aiev-card,
  .post-content .aiev-shortcode-single .aiev-card,
  .elementor-widget-text-editor .aiev-shortcode-single .aiev-card,
  body .aiev-shortcode-single .aiev-card{
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    aspect-ratio:3/4!important;
    border-radius:12px!important;
  }
  .aiev-shortcode-single .aiev-play{width:42px!important;height:42px!important;}
  .aiev-shortcode-single .aiev-play:after{left:17px!important;top:12px!important;border-top-width:9px!important;border-bottom-width:9px!important;border-left-width:13px!important;}
  .aiev-shortcode-single .aiev-views{right:8px!important;bottom:8px!important;font-size:11px!important;}
}

/* ===============================
   WebKhani V16 - Final shortcode mobile size fix
   شرتکد داخل مقاله روی موبایل هم مثل اندازه دسکتاپ نمایش داده شود.
   =============================== */
@media (max-width: 767px){
  body .aiev-shortcode-single{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:24px auto!important;
    padding:0!important;
    text-align:center!important;
    overflow:visible!important;
  }
  body .aiev-shortcode-single .aiev-grid,
  body .aiev-shortcode-single .aiev-grid--shortcode,
  .entry-content .aiev-shortcode-single .aiev-grid,
  .entry-content .aiev-shortcode-single .aiev-grid--shortcode,
  .post-content .aiev-shortcode-single .aiev-grid,
  .post-content .aiev-shortcode-single .aiev-grid--shortcode,
  .elementor-widget-text-editor .aiev-shortcode-single .aiev-grid,
  .elementor-widget-text-editor .aiev-shortcode-single .aiev-grid--shortcode{
    width:220px!important;
    max-width:220px!important;
    min-width:220px!important;
    flex:0 0 220px!important;
    margin:0 auto!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
  }
  body .aiev-shortcode-single .aiev-card,
  body .aiev-shortcode-single .aiev-magic-video-card,
  .entry-content .aiev-shortcode-single .aiev-card,
  .post-content .aiev-shortcode-single .aiev-card,
  .elementor-widget-text-editor .aiev-shortcode-single .aiev-card{
    width:220px!important;
    max-width:220px!important;
    min-width:220px!important;
    height:auto!important;
    aspect-ratio:3/4!important;
    border-radius:12px!important;
    display:block!important;
    margin:0 auto!important;
  }
}
@media (max-width: 340px){
  body .aiev-shortcode-single .aiev-grid,
  body .aiev-shortcode-single .aiev-grid--shortcode,
  body .aiev-shortcode-single .aiev-card,
  body .aiev-shortcode-single .aiev-magic-video-card{
    width:200px!important;
    max-width:200px!important;
    min-width:200px!important;
    flex-basis:200px!important;
  }
}


/* WebKhani update: beautiful SVG eye icon for view counter */
.aiev-views{display:inline-flex!important;align-items:center!important;gap:4px!important;direction:ltr!important;}
.aiev-eye{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:15px!important;height:15px!important;line-height:0!important;color:currentColor!important;flex:0 0 auto!important;}
.aiev-eye svg{display:block!important;width:15px!important;height:15px!important;overflow:visible!important;}
.aiev-eye-outline{fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.aiev-eye-dot{fill:currentColor!important;stroke:none!important;}
.aiev-view-count{display:inline-block!important;line-height:1!important;}
.aiev-magic-grid .aiev-eye,.aiev-shortcode-single .aiev-eye{width:14px!important;height:14px!important;}
.aiev-magic-grid .aiev-eye svg,.aiev-shortcode-single .aiev-eye svg{width:14px!important;height:14px!important;}
@media(max-width:767px){.aiev-eye{width:13px!important;height:13px!important}.aiev-eye svg{width:13px!important;height:13px!important}}

/* WebKhani final fix: white SVG eye icon for all view counters */
.aiev-views,
.aiev-card .aiev-views,
.aiev-magic-wrap .aiev-views,
.aiev-shortcode-single .aiev-views{
  color:#fff!important;
}
.aiev-eye,
.aiev-eye svg{
  color:#fff!important;
}
.aiev-eye svg *{
  vector-effect:non-scaling-stroke;
}
.aiev-eye-outline,
.aiev-eye svg path{
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.aiev-eye-dot,
.aiev-eye svg circle{
  fill:#fff!important;
  stroke:#fff!important;
}

/* WebKhani 1.1.0: responsive centered viewer, story progress and product carousel */
.aiev-magic-missing{display:none!important}
.aiev-modal{box-sizing:border-box!important;padding:16px!important}
.aiev-modal-stage{
  width:auto!important;max-width:calc(100vw - 32px)!important;height:auto!important;
  max-height:calc(100dvh - 32px)!important;overflow:visible!important;
  display:flex!important;align-items:center!important;justify-content:center!important
}
.aiev-modal-dialog{
  margin:auto!important;max-width:100%!important;max-height:calc(100dvh - 32px)!important;
  display:flex!important;flex-direction:column!important;overflow:visible!important;
  background:transparent!important;clip-path:none!important
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog{
  width:min(1120px,calc(100vw - 160px),calc((100dvh - 48px) * 16 / 9))!important;
  height:auto!important;aspect-ratio:auto!important
}
.aiev-modal.aiev-popup-story .aiev-modal-dialog{
  width:min(430px,calc(100vw - 140px),calc((100dvh - 48px) * 9 / 16))!important;
  height:auto!important;aspect-ratio:auto!important
}
.aiev-modal .aiev-modal-body{
  position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
  flex:0 0 auto!important;overflow:hidden!important;background:#050505!important;
  border-radius:var(--aiev-radius,16px)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.5)!important
}
.aiev-modal.aiev-popup-wide .aiev-modal-body{aspect-ratio:16/9!important}
.aiev-modal.aiev-popup-story .aiev-modal-body{aspect-ratio:9/16!important}
.aiev-modal .aiev-modal-body .aiev-iframe,
.aiev-modal .aiev-modal-body .aiev-host-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;transform:none!important;
  object-fit:contain!important;border:0!important;background:#000!important
}
.aiev-story-progress{
  position:absolute!important;z-index:12!important;right:10px!important;left:10px!important;bottom:8px!important;
  height:4px!important;border-radius:999px!important;overflow:hidden!important;
  background:rgba(255,255,255,.28)!important;box-shadow:0 1px 5px rgba(0,0,0,.3)!important;
  pointer-events:none!important
}
.aiev-story-progress span{
  display:block!important;width:0;height:100%!important;border-radius:inherit!important;
  background:linear-gradient(90deg,#ff2b7a,#ff6a3d)!important;
  box-shadow:0 0 10px rgba(255,43,122,.75)!important;transition:width .15s linear!important
}
.aiev-products-scroll{
  order:2!important;display:none;width:100%!important;max-width:100%!important;
  gap:10px!important;margin-top:10px!important;padding:2px 1px 6px!important;
  overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
  overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;box-sizing:border-box!important
}
.aiev-products-scroll::-webkit-scrollbar{display:none!important}
.aiev-products-scroll.is-visible{display:flex!important}
.aiev-products-scroll .aiev-product-card{
  position:relative!important;inset:auto!important;display:flex!important;flex:0 0 min(420px,82%)!important;
  width:auto!important;max-width:none!important;min-height:82px!important;margin:0!important;
  padding:11px 12px!important;gap:10px!important;direction:rtl!important;align-items:center!important;
  scroll-snap-align:start!important;box-sizing:border-box!important;border-radius:18px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.1))!important;
  color:#fff!important;text-decoration:none!important;
  box-shadow:0 14px 36px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(18px) saturate(150%)!important
}
.aiev-products-scroll .aiev-product-img-wrap{flex:0 0 58px!important;width:58px!important;height:58px!important;border-radius:14px!important;overflow:hidden!important}
.aiev-products-scroll .aiev-product-img{width:100%!important;height:100%!important;object-fit:cover!important}
.aiev-products-scroll .aiev-product-info{flex:1 1 auto!important;min-width:0!important}
.aiev-products-scroll .aiev-product-kicker{display:block!important;font-size:11px!important;color:rgba(255,255,255,.72)!important}
.aiev-products-scroll .aiev-product-title{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;color:#fff!important;font-size:14px!important;font-weight:900!important}
.aiev-products-scroll .aiev-product-price-row{display:flex!important;gap:7px!important;margin-top:4px!important;font-size:12px!important;font-weight:800!important;color:#fff!important}
.aiev-products-scroll .aiev-product-regular{text-decoration:line-through!important;opacity:.55!important}
.aiev-products-scroll .aiev-product-cta{flex:0 0 auto!important;padding:9px 13px!important;border-radius:999px!important;background:#fff!important;color:#171717!important;font-size:12px!important;font-weight:900!important}
.aiev-modal.aiev-has-bottom-card .aiev-modal-dialog{height:auto!important;aspect-ratio:auto!important}
.aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-dialog{
  width:min(1120px,calc(100vw - 160px),calc((100dvh - 150px) * 16 / 9))!important
}
.aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{
  width:min(430px,calc(100vw - 140px),calc((100dvh - 150px) * 9 / 16))!important
}
@media(max-width:767px){
  .aiev-modal{padding:8px!important}
  .aiev-modal-stage{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important}
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog,
  .aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-dialog{
    width:min(calc(100vw - 16px),calc((100dvh - 110px) * 16 / 9))!important
  }
  .aiev-modal.aiev-popup-story .aiev-modal-dialog,
  .aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{
    width:min(calc(100vw - 16px),430px,calc((100dvh - 110px) * 9 / 16))!important
  }
  .aiev-products-scroll .aiev-product-card{flex-basis:88%!important;min-height:70px!important;padding:8px!important}
  .aiev-products-scroll .aiev-product-img-wrap{flex-basis:50px!important;width:50px!important;height:50px!important}
  .aiev-products-scroll .aiev-product-cta{padding:8px 10px!important}
  .aiev-story-progress{right:7px!important;left:7px!important;bottom:6px!important;height:3px!important}
}
@media(min-width:768px) and (orientation:portrait){
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog{width:min(calc(100vw - 150px),calc((100dvh - 60px) * 16 / 9))!important}
  .aiev-modal.aiev-popup-story .aiev-modal-dialog{width:min(430px,calc(100vw - 150px),calc((100dvh - 60px) * 9 / 16))!important}
}

/* WebKhani 1.1.1: one authoritative popup layout — centered and without vertical scrollbar */
html.aiev-lock,
html.aiev-lock body{overflow:hidden!important;overscroll-behavior:none!important}
.aiev-modal,
.aiev-modal.is-open{
  overflow:hidden!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  box-sizing:border-box!important
}
.aiev-modal .aiev-modal-stage,
.aiev-modal.aiev-has-bottom-card .aiev-modal-stage,
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-stage,
.aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-modal-stage{
  position:relative!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
  margin:auto!important;
  padding:0!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:minmax(0,auto) 56px!important;
  grid-template-rows:auto!important;
  column-gap:16px!important;
  align-items:center!important;
  justify-content:center!important;
  direction:ltr!important
}
.aiev-modal .aiev-modal-dialog,
.aiev-modal.aiev-has-bottom-card .aiev-modal-dialog{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  aspect-ratio:auto!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog,
.aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-dialog{
  width:min(1120px,calc(100vw - 120px),calc((100dvh - 44px) * 16 / 9))!important
}
.aiev-modal.aiev-popup-story .aiev-modal-dialog,
.aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{
  width:min(430px,calc(100vw - 120px),calc((100dvh - 44px) * 9 / 16))!important
}
.aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-dialog{
  width:min(1120px,calc(100vw - 120px),calc((100dvh - 142px) * 16 / 9))!important
}
.aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{
  width:min(430px,calc(100vw - 120px),calc((100dvh - 142px) * 9 / 16))!important
}
.aiev-modal .aiev-modal-body,
.aiev-modal.aiev-has-bottom-card .aiev-modal-body,
.aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-body,
.aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-body{
  order:1!important;
  position:relative!important;
  inset:auto!important;
  flex:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:var(--aiev-radius,12px)!important;
  clip-path:inset(0 round var(--aiev-radius,12px))!important;
  background:#000!important
}
.aiev-modal.aiev-popup-wide .aiev-modal-body{aspect-ratio:16/9!important}
.aiev-modal.aiev-popup-story .aiev-modal-body{aspect-ratio:9/16!important}
.aiev-modal .aiev-products-scroll{
  order:2!important;
  flex:none!important;
  max-height:90px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  margin:0!important
}
.aiev-modal .aiev-modal-actions{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  width:56px!important;
  height:auto!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important
}
@media(max-width:767px){
  .aiev-modal,
  .aiev-modal.is-open{padding:8px!important}
  .aiev-modal .aiev-modal-stage,
  .aiev-modal.aiev-has-bottom-card .aiev-modal-stage,
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-stage,
  .aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-modal-stage{
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important
  }
  .aiev-modal .aiev-modal-actions{
    order:1!important;
    width:auto!important;
    height:44px!important;
    flex:0 0 44px!important;
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important
  }
  .aiev-modal .aiev-modal-dialog,
  .aiev-modal.aiev-has-bottom-card .aiev-modal-dialog{
    order:2!important;
    width:auto!important;
    max-width:100%!important
  }
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog,
  .aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-dialog{
    width:min(calc(100vw - 16px),calc((100dvh - 76px) * 16 / 9))!important
  }
  .aiev-modal.aiev-popup-story .aiev-modal-dialog,
  .aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{
    width:min(430px,calc(100vw - 16px),calc((100dvh - 76px) * 9 / 16))!important
  }
  .aiev-modal.aiev-has-bottom-card.aiev-popup-wide .aiev-modal-dialog{
    width:min(calc(100vw - 16px),calc((100dvh - 166px) * 16 / 9))!important
  }
  .aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{
    width:min(430px,calc(100vw - 16px),calc((100dvh - 166px) * 9 / 16))!important
  }
  .aiev-modal .aiev-products-scroll{max-height:82px!important}
}

/* WebKhani 1.1.2: comfortable story spacing and complete WooCommerce product cards */
.aiev-modal.aiev-popup-story .aiev-modal-dialog{
  width:min(410px,calc(100vw - 120px),calc((100dvh - 96px) * 9 / 16))!important
}
.aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{
  width:min(410px,calc(100vw - 120px),calc((100dvh - 220px) * 9 / 16))!important
}
.aiev-modal .aiev-products-scroll{
  width:100%!important;
  max-height:94px!important;
  padding:2px 0 6px!important;
  gap:9px!important
}
.aiev-modal .aiev-products-scroll .aiev-product-card,
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-products-scroll .aiev-product-card,
.aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-products-scroll .aiev-product-card{
  flex:0 0 min(430px,92%)!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:86px!important;
  padding:9px 10px!important;
  gap:10px!important;
  border:1px solid #ececf1!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#17171b!important;
  box-shadow:0 12px 32px rgba(0,0,0,.16)!important;
  backdrop-filter:none!important
}
.aiev-modal .aiev-products-scroll .aiev-product-img-wrap{
  flex:0 0 62px!important;
  width:62px!important;
  height:62px!important;
  border:1px solid #eeeeF2!important;
  border-radius:13px!important;
  background:#f7f7f9!important
}
.aiev-modal .aiev-products-scroll .aiev-product-title{
  color:#17171b!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.5!important
}
.aiev-modal .aiev-products-scroll .aiev-product-kicker{
  color:#85858d!important;
  font-size:10px!important
}
.aiev-modal .aiev-products-scroll .aiev-product-price-row{
  color:#17171b!important;
  font-size:12px!important;
  direction:rtl!important
}
.aiev-modal .aiev-products-scroll .aiev-product-regular{color:#92929a!important}
.aiev-modal .aiev-products-scroll .aiev-product-cta{
  min-width:66px!important;
  padding:9px 12px!important;
  background:linear-gradient(135deg,#ff2b7a,#ef174f)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(239,23,79,.24)!important
}
@media(max-width:767px){
  .aiev-modal .aiev-modal-stage,
  .aiev-modal.aiev-has-bottom-card .aiev-modal-stage{
    max-height:calc(100dvh - 28px)!important
  }
  .aiev-modal.aiev-popup-story .aiev-modal-dialog{
    width:min(390px,calc(100vw - 28px),calc((100dvh - 112px) * 9 / 16))!important
  }
  .aiev-modal.aiev-has-bottom-card.aiev-popup-story .aiev-modal-dialog{
    width:min(390px,calc(100vw - 28px),calc((100dvh - 210px) * 9 / 16))!important
  }
  .aiev-modal .aiev-products-scroll{max-height:86px!important}
  .aiev-modal .aiev-products-scroll .aiev-product-card{
    flex-basis:92%!important;
    min-height:78px!important;
    padding:7px 8px!important
  }
  .aiev-modal .aiev-products-scroll .aiev-product-img-wrap{
    flex-basis:56px!important;
    width:56px!important;
    height:56px!important
  }
  .aiev-modal .aiev-products-scroll .aiev-product-title{font-size:12px!important}
  .aiev-modal .aiev-products-scroll .aiev-product-cta{min-width:58px!important;padding:8px 9px!important;font-size:11px!important}
}

/* WebKhani 1.1.3: product rail exactly matches video width + mouse/touch scrolling */
.aiev-modal .aiev-modal-dialog .aiev-products-scroll{
  position:relative!important;
  right:auto!important;
  left:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  cursor:grab!important;
  touch-action:pan-x pinch-zoom!important;
  user-select:none!important;
  -webkit-user-select:none!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll::-webkit-scrollbar{display:none!important}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll.is-dragging{
  cursor:grabbing!important;
  scroll-behavior:auto!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
  scroll-snap-align:start!important;
  box-sizing:border-box!important
}
@media(min-width:768px){
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] .aiev-product-card{
    flex:0 0 100%!important;
    width:100%!important
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll:not([data-aiev-product-count="1"]) .aiev-product-card{
    flex:0 0 calc(50% - 5px)!important;
    width:calc(50% - 5px)!important
  }
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-products-scroll .aiev-product-card,
  .aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-products-scroll .aiev-product-card{
    border:1px solid rgba(255,255,255,.62)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.58))!important;
    -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
    backdrop-filter:blur(20px) saturate(145%)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.85)!important
  }
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-products-scroll .aiev-product-title,
  .aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-products-scroll .aiev-product-title{
    color:#111216!important;
    text-shadow:none!important
  }
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-products-scroll .aiev-product-kicker,
  .aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-products-scroll .aiev-product-kicker{
    color:#696970!important;
    text-shadow:none!important
  }
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-products-scroll .aiev-product-price-row,
  .aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-products-scroll .aiev-product-price-row,
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-products-scroll .aiev-product-sale,
  .aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-products-scroll .aiev-product-sale{
    color:#111216!important;
    text-shadow:none!important
  }
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-products-scroll .aiev-product-regular,
  .aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-products-scroll .aiev-product-regular{
    color:#85858d!important
  }
}
@media(max-width:767px){
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important
  }
}

/* WebKhani 1.1.4: story rail shows one complete card plus a clean preview of the next */
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll{
  gap:10px!important;
  padding-inline:0!important;
  scroll-padding-inline:0!important
}
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
.aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll:not([data-aiev-product-count="1"]) .aiev-product-card{
  flex:0 0 88%!important;
  width:88%!important;
  min-width:88%!important;
  max-width:88%!important
}
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] .aiev-product-card{
  flex-basis:100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important
}
.aiev-modal.aiev-popup-story .aiev-products-scroll .aiev-product-info{
  overflow:hidden!important;
  min-width:0!important
}
.aiev-modal.aiev-popup-story .aiev-products-scroll .aiev-product-title{
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important
}
.aiev-modal.aiev-popup-story .aiev-products-scroll .aiev-product-price-row{
  overflow:hidden!important;
  white-space:nowrap!important
}
@media(max-width:767px){
  .aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
  .aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
    flex-basis:86%!important;
    width:86%!important;
    min-width:86%!important;
    max-width:86%!important
  }
  .aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] .aiev-product-card{
    flex-basis:100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important
  }
}

/* WebKhani 1.1.9: white title above video, black title inside product cards */
.aiev-modal.aiev-popup-wide .aiev-modal-title,
.aiev-modal.aiev-popup-story .aiev-modal-title{
  color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.42)!important
}
.aiev-modal.aiev-popup-wide .aiev-products-scroll .aiev-product-title,
.aiev-modal.aiev-popup-story .aiev-products-scroll .aiev-product-title{
  color:#111!important;
  text-shadow:none!important
}
@media(max-width:767px){
  .aiev-modal .aiev-modal-dialog .aiev-modal-title{
    color:#fff!important;
    text-shadow:0 2px 8px rgba(0,0,0,.42)!important
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-title{
    color:#111!important;
    text-shadow:none!important
  }
}

/* WebKhani 1.2.1: dark frosted product cards matching the reference */
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
.aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.42)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(255,255,255,.18) 0,rgba(255,255,255,0) 45%),
    linear-gradient(135deg,rgba(65,65,68,.72) 0%,rgba(47,47,50,.62) 52%,rgba(31,31,34,.56) 100%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(125%)!important;
  backdrop-filter:blur(24px) saturate(125%)!important;
  box-shadow:
    0 16px 42px rgba(0,0,0,.34),
    0 4px 14px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(255,255,255,.08)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:-55%!important;
  right:-12%!important;
  width:58%!important;
  height:170%!important;
  border-radius:50%!important;
  background:linear-gradient(115deg,rgba(255,255,255,.14),rgba(255,255,255,0))!important;
  transform:rotate(16deg)!important;
  pointer-events:none!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-img-wrap{
  border:1px solid rgba(255,255,255,.48)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.95)!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-kicker{
  color:rgba(255,255,255,.66)!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-title,
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-price-row,
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-sale{
  color:#fff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.28)!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-regular{
  color:rgba(255,255,255,.56)!important
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-cta{
  border:1px solid rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.94)!important;
  color:#18181b!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 #fff!important
}
@media(hover:hover){
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(255,255,255,.58)!important;
    box-shadow:
      0 20px 50px rgba(0,0,0,.40),
      0 6px 16px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.42)!important
  }
}
@media(max-width:767px){
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
  .aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
    border-color:rgba(255,255,255,.40)!important;
    background:
      radial-gradient(circle at 10% 0,rgba(255,255,255,.17) 0,rgba(255,255,255,0) 46%),
      linear-gradient(135deg,rgba(65,65,68,.72),rgba(34,34,37,.58))!important;
    -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
    backdrop-filter:blur(22px) saturate(120%)!important;
    box-shadow:
      0 13px 32px rgba(0,0,0,.34),
      0 3px 10px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.32)!important
  }
}

/* WebKhani 1.2.2: force every product text and price to white on all devices */
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-info,
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-info,
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-info *,
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-info *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.34)!important
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-kicker,
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-kicker{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:.78!important
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-regular,
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-regular{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:.62!important
}
@media(max-width:767px){
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-info,
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-info *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important
  }
}


/* ===============================
   WebKhani Magic Box V11
   فقط دو اصلاح:
   1) باکس جادویی در دسکتاپ نیز مثل موبایل یک ریل افقی تک‌ردیفه باشد.
   2) لینک دکمه‌های مشاهده/خرید محصولات پاپ‌آپ کاملاً قابل کلیک باشد.
   =============================== */
@media (min-width:768px){
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid,
  body .aiev-magic-wrap .aiev-magic-grid{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;
    padding:0 0 10px!important;
    gap:var(--aiev-magic-gap,16px)!important;
  }
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-video-card,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-missing,
  body .aiev-magic-wrap .aiev-magic-grid>.aiev-card,
  body .aiev-magic-wrap .aiev-magic-grid>.aiev-magic-video-card,
  body .aiev-magic-wrap .aiev-magic-grid>.aiev-magic-missing{
    flex:0 0 170px!important;
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
    scroll-snap-align:start!important;
  }
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid::-webkit-scrollbar,
  body .aiev-magic-wrap .aiev-magic-grid::-webkit-scrollbar{
    height:5px!important;
  }
}
@media (min-width:768px) and (max-width:1180px){
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-card,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-video-card,
  body .elementor-widget-aiev_magic_box_widget .aiev-magic-grid>.aiev-magic-missing,
  body .aiev-magic-wrap .aiev-magic-grid>.aiev-card,
  body .aiev-magic-wrap .aiev-magic-grid>.aiev-magic-video-card,
  body .aiev-magic-wrap .aiev-magic-grid>.aiev-magic-missing{
    flex-basis:150px!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
  }
}
.aiev-modal .aiev-products-scroll,
.aiev-modal .aiev-product-card,
.aiev-modal .aiev-product-cta{
  pointer-events:auto!important;
}
.aiev-modal .aiev-products-scroll{
  position:relative!important;
  z-index:30!important;
}
.aiev-modal .aiev-product-card{
  position:relative!important;
  z-index:31!important;
  cursor:pointer!important;
  touch-action:pan-x!important;
}
.aiev-modal .aiev-product-cta{
  position:relative!important;
  z-index:32!important;
  cursor:pointer!important;
}

/* ===============================
   WebKhani 1.2.6: wide popup product rail
   - In 16:9 popup, three or more products always form a real horizontal rail.
   - Cards are compact enough to reveal the next card and make scrolling obvious.
   =============================== */
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll,
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll{
  display:none!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scroll-behavior:smooth!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
  padding:2px 2px 8px!important;
  gap:10px!important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll.is-visible,
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll.is-visible{
  display:flex!important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
  flex:0 0 36.5%!important;
  width:36.5%!important;
  min-width:280px!important;
  max-width:none!important;
  min-height:78px!important;
  padding:9px 10px!important;
  gap:9px!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:normal!important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-img-wrap{
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-title{
  font-size:13px!important;
  line-height:1.4!important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-price-row{
  font-size:11.5px!important;
  margin-top:2px!important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-cta{
  min-width:66px!important;
  padding:8px 11px!important;
  font-size:11.5px!important;
}
@media (min-width:768px) and (max-width:1100px){
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
    flex-basis:42%!important;
    width:42%!important;
    min-width:245px!important;
  }
}
@media (max-width:767px){
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll .aiev-product-card,
  .aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
    flex-basis:82%!important;
    width:82%!important;
    min-width:230px!important;
  }
}


/* ===============================
   WebKhani 1.2.8: product title wrapping inside popup cards
   - Restores the video title/header behavior exactly to version 1.2.6.
   - Only the WooCommerce product title is changed.
   - Long product titles stay inside the card and wrap to a second line.
   =============================== */
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-info{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-title{
  display:-webkit-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  line-height:1.45!important;
}
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
  min-height:92px!important;
}
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll{
  max-height:102px!important;
}
@media(max-width:767px){
  .aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
    min-height:88px!important;
  }
  .aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll{
    max-height:98px!important;
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card .aiev-product-title{
    font-size:12px!important;
    line-height:1.4!important;
  }
}


/* ===============================
   WebKhani 1.2.9: count-aware product cards in 9:16 story popup
   - 1 product: fills the complete product rail width.
   - 2 products: each takes exactly half of the available rail width.
   - 3+ products: compact horizontal cards remain scrollable.
   - Legacy story fill/zoom crop for video/iframe has been removed from source.
   =============================== */
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="1"]{
  gap:0!important;
  overflow-x:hidden!important;
  scroll-snap-type:none!important;
}
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="1"] .aiev-product-card{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
}
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"]{
  gap:10px!important;
  overflow-x:hidden!important;
  scroll-snap-type:none!important;
}
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-card{
  flex:0 0 calc((100% - 10px) / 2)!important;
  width:calc((100% - 10px) / 2)!important;
  min-width:0!important;
  max-width:calc((100% - 10px) / 2)!important;
}
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-img-wrap{
  flex-basis:50px!important;
  width:50px!important;
  height:50px!important;
}
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-cta{
  min-width:54px!important;
  padding:8px 10px!important;
}
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="3"] .aiev-product-card,
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="4"] .aiev-product-card,
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="5"] .aiev-product-card,
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="6"] .aiev-product-card,
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="7"] .aiev-product-card,
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="8"] .aiev-product-card,
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="9"] .aiev-product-card,
.aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="10"] .aiev-product-card{
  flex:0 0 82%!important;
  width:82%!important;
  min-width:250px!important;
  max-width:82%!important;
}
@media(max-width:767px){
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"]{
    gap:8px!important;
  }
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-card{
    flex-basis:calc((100% - 8px) / 2)!important;
    width:calc((100% - 8px) / 2)!important;
    max-width:calc((100% - 8px) / 2)!important;
    min-height:78px!important;
    padding:7px!important;
    gap:6px!important;
  }
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-img-wrap{
    flex-basis:44px!important;
    width:44px!important;
    height:44px!important;
  }
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-kicker{
    font-size:8.5px!important;
  }
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-title{
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-price,
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-sale{
    font-size:11px!important;
  }
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="2"] .aiev-product-cta{
    min-width:45px!important;
    height:29px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="3"] .aiev-product-card,
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="4"] .aiev-product-card,
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="5"] .aiev-product-card,
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="6"] .aiev-product-card,
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="7"] .aiev-product-card,
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="8"] .aiev-product-card,
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="9"] .aiev-product-card,
  .aiev-modal.aiev-popup-story .aiev-products-scroll[data-aiev-product-count="10"] .aiev-product-card{
    flex-basis:88%!important;
    width:88%!important;
    min-width:230px!important;
    max-width:88%!important;
  }
}

/* ===============================
   WebKhani 1.3.0: single product always fills the full popup product rail
   - Applies to both wide and story popup modes.
   - Overrides compact desktop rail sizing only when product count is exactly one.
   =============================== */
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"],
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"]{
  display:flex!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  gap:0!important;
  padding-inline:0!important;
  overflow-x:hidden!important;
  scroll-snap-type:none!important;
}
.aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] .aiev-product-card,
.aiev-modal.aiev-popup-wide.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] .aiev-product-card,
.aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] .aiev-product-card,
.aiev-modal.aiev-popup-story.aiev-has-bottom-card .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] .aiev-product-card{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
}


/* ===============================
   WebKhani 1.3.1: story cover + mobile rail root fixes
   =============================== */
/* حالت استوری دوباره مانند نسخه قدیمی تمام قاب 9:16 را پر می‌کند. */
.aiev-modal.aiev-popup-story .aiev-modal-body .aiev-host-video,
.aiev-modal.aiev-popup-story .aiev-host-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#000!important;
}
.aiev-modal.aiev-popup-story .aiev-modal-body .aiev-iframe,
.aiev-modal.aiev-popup-story .aiev-iframe{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  width:316.05%!important;
  min-width:316.05%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  transform:translateX(-50%)!important;
  transform-origin:center center!important;
  border:0!important;
  background:#000!important;
}
/* ریل محصول روی موبایل مستقیماً با انگشت حرکت می‌کند. */
.aiev-modal .aiev-modal-dialog .aiev-products-scroll{
  touch-action:pan-x!important;
  -ms-touch-action:pan-x!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
/* یک محصول یکتا در موبایل و دسکتاپ دقیقاً کل عرض ریل را می‌گیرد. */
.aiev-modal .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"]{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  gap:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  scroll-snap-type:none!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] > .aiev-product-card{
  flex:1 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
@media(max-width:767px){
  .aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"],
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"]{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
  }
  .aiev-modal.aiev-popup-story .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] > .aiev-product-card,
  .aiev-modal.aiev-popup-wide .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] > .aiev-product-card{
    flex-basis:100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
  }
}

/* ===============================
   WebKhani 1.3.2: cross-browser popup product card layout
   - Prevents Chrome/Opera and narrow viewport flex-shrink from crushing product text.
   - Uses a deterministic grid instead of browser-dependent flex sizing.
   - Keeps image, information, price and CTA inside every card.
   =============================== */
.aiev-modal .aiev-modal-dialog .aiev-products-scroll,
.aiev-modal .aiev-modal-dialog .aiev-products-scroll *{
  box-sizing:border-box!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto!important;
  grid-template-areas:"image info cta"!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:0!important;
  direction:rtl!important;
  min-height:92px!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-img-wrap{
  grid-area:image!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  margin:0!important;
  align-self:center!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-info{
  grid-area:info!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  text-align:right!important;
  direction:rtl!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-title{
  display:-webkit-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  text-overflow:clip!important;
  unicode-bidi:plaintext!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-price-row{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-sale,
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-regular{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-cta{
  grid-area:cta!important;
  position:relative!important;
  inset:auto!important;
  flex:none!important;
  width:auto!important;
  min-width:64px!important;
  max-width:92px!important;
  height:38px!important;
  padding:0 14px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  align-self:center!important;
}
/* One product always owns the full usable rail width in every engine. */
.aiev-modal .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"]{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.aiev-modal .aiev-modal-dialog .aiev-products-scroll[data-aiev-product-count="1"] > .aiev-product-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
@media(max-width:767px){
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
    grid-template-columns:58px minmax(0,1fr) auto!important;
    grid-template-areas:"image info cta"!important;
    column-gap:9px!important;
    min-height:88px!important;
    padding:8px!important;
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-img-wrap{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-title{
    font-size:12px!important;
    line-height:1.45!important;
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-kicker{
    font-size:9px!important;
    line-height:1.25!important;
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-sale{
    font-size:12px!important;
    line-height:1.25!important;
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-regular{
    font-size:10px!important;
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-cta{
    min-width:58px!important;
    max-width:76px!important;
    height:34px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
}
/* Very narrow popup widths: preserve readable text instead of collapsing it. */
@media(max-width:380px){
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-card{
    grid-template-columns:50px minmax(0,1fr) 52px!important;
    column-gap:7px!important;
    min-height:84px!important;
    padding:7px!important;
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-img-wrap{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
  }
  .aiev-modal .aiev-modal-dialog .aiev-products-scroll .aiev-product-cta{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    padding:0 6px!important;
    font-size:10px!important;
  }
}