.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:50%;width:316.05%;height:100%;max-width:none;transform:translateX(-50%);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;
  }
}

/* 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.2: Aparat iframe story-cover fix
   Aparat official embed often renders the player as a 16:9 frame inside the iframe.
   The iframe is intentionally made wider and centered so the video fills the 9:16 story popup height,
   matching the story card instead of leaving a black empty area at the bottom. */
.aiev-modal-dialog{aspect-ratio:9/16 !important;}
.aiev-modal-body{inset:0 !important;overflow:hidden !important;background:#000 !important;}
.aiev-modal-body .aiev-iframe,
.aiev-iframe{
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:316.05% !important;
  height:100% !important;
  max-width:none !important;
  min-width:316.05% !important;
  transform:translateX(-50%) !important;
  transform-origin:center center !important;
  border:0 !important;
  background:#000 !important;
}
@media(max-width:767px){
  .aiev-modal-body .aiev-iframe,
  .aiev-iframe{
    width:316.05% !important;
    min-width:316.05% !important;
    height:100% !important;
    left:50% !important;
    transform:translateX(-50%) !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.8: 9:16 Instagram story media must fill/zoom inside story popup only */
.aiev-modal.aiev-popup-story .aiev-host-video{
  object-fit:cover !important;
}
.aiev-modal.aiev-popup-story .aiev-iframe{
  top:0 !important;
  left:50% !important;
  width:316.05% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  transform:translateX(-50%) !important;
  object-fit:cover !important;
}
.aiev-modal.aiev-popup-wide .aiev-host-video,
.aiev-modal.aiev-popup-wide .aiev-iframe{
  object-fit:contain !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;
}