/* iDigital Design — product card: image & gallery (single / second on hover / slideshow / swipe). Desktop ≥1025px uses --mode-*, mobile ≤1024px uses --mmode-*. */
:where(.iddd-pc-img){--iddd-img-speed:.45s;--iddd-img-zoom:1.06;--iddd-dot-size:3px;--iddd-dot-active-w:18px;--iddd-dot-color:rgba(255,255,255,.55);--iddd-dot-active:#fff;--iddd-dots-offset:10px;--iddd-dots-offset-x:10px;--iddd-arrow-offset:8px;position:relative;width:100%}
.iddd-pc-img__frame{position:relative;overflow:hidden;aspect-ratio:var(--iddd-img-ratio,auto);border-radius:var(--iddd-img-radius,0);isolation:isolate;transform:translateZ(0)}
.iddd-pc-img.--fixed-height .iddd-pc-img__frame{height:var(--iddd-img-height);aspect-ratio:auto}
.iddd-pc-img__frame::after{content:"";position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--iddd-img-speed) ease}
.iddd-pc-img__link{display:block;width:100%;height:100%;color:inherit}
.iddd-pc-img__track{position:relative;width:100%;height:100%}
.iddd-pc-img__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--iddd-img-speed) ease,transform var(--iddd-img-speed) ease}
.iddd-pc-img__slide:first-child{position:relative}
.iddd-pc-img__slide.is-active{z-index:1;opacity:1}
.iddd-pc-img:not(.--ratio-original) .iddd-pc-img__slide:first-child{height:100%}
.iddd-pc-img__img{display:block;width:100%;max-width:none;height:auto;margin:0;border-radius:0;transition:transform var(--iddd-img-speed) ease,filter var(--iddd-img-speed) ease,opacity var(--iddd-img-speed) ease}
.iddd-pc-img:not(.--ratio-original) .iddd-pc-img__img{height:100%;object-fit:cover}
/* hover effects */
.iddd-pc-img.--fx-zoom .iddd-pc-img__frame:hover .iddd-pc-img__img{transform:scale(var(--iddd-img-zoom))}
.iddd-pc-img.--fx-zoom-out .iddd-pc-img__img{transform:scale(var(--iddd-img-zoom))}
.iddd-pc-img.--fx-zoom-out .iddd-pc-img__frame:hover .iddd-pc-img__img{transform:scale(1)}
.iddd-pc-img.--fx-tilt .iddd-pc-img__frame:hover .iddd-pc-img__img{transform:scale(var(--iddd-img-zoom)) rotate(1.5deg)}
.iddd-pc-img.--fx-grayscale .iddd-pc-img__img{filter:grayscale(1)}
.iddd-pc-img.--fx-grayscale .iddd-pc-img__frame:hover .iddd-pc-img__img{filter:none}
.iddd-pc-img.--fx-bright .iddd-pc-img__frame:hover .iddd-pc-img__img{filter:brightness(1.08)}
/* navigation — specificity ≥ (0,2,0): قالب Rey برای button[type=button] پس‌زمینه/حاشیه/گردی را بازنویسی می‌کند. */
.iddd-pc-img .iddd-pc-img__dots{position:absolute;top:auto;right:auto;bottom:auto;left:auto;z-index:3;display:flex;align-items:center;justify-content:center;gap:var(--iddd-dots-gap,5px);width:max-content;max-width:calc(100% - 2 * var(--iddd-dots-offset-x));margin:0;padding:3px 6px;border-radius:999px;background-color:var(--iddd-dots-bg,transparent);transform:none;transition:opacity .3s ease}
.iddd-pc-img .iddd-pc-img__dot{display:block;flex:0 0 auto;box-sizing:border-box;width:calc(var(--iddd-dot-size) * 2.2);height:calc(var(--iddd-dot-size) * 2.2);min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:var(--iddd-dot-color);box-shadow:none;color:inherit;font-size:0;line-height:0;cursor:pointer;-webkit-appearance:none;appearance:none;transition:width .3s ease,background-color .3s ease,opacity .3s ease}
.iddd-pc-img .iddd-pc-img__dot.is-active{background-color:var(--iddd-dot-active)}
.iddd-pc-img .iddd-pc-img__dot:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.iddd-pc-img .iddd-pc-img__arrow{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:0;margin:-16px 0 0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:none;color:#111;font-size:14px;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;transition:opacity .25s ease,background-color .25s ease,color .25s ease}
.iddd-pc-img .iddd-pc-img__arrow.--prev{left:var(--iddd-arrow-offset)}
.iddd-pc-img .iddd-pc-img__arrow.--next{right:var(--iddd-arrow-offset)}
.iddd-pc-img .iddd-pc-img__arrow.--next svg{transform:rotate(180deg)}
.iddd-pc-img__counter{position:absolute;right:10px;bottom:var(--iddd-dots-offset);z-index:3;padding:2px 8px;border-radius:999px;background:var(--iddd-counter-bg,rgba(0,0,0,.45));color:#fff;font-size:11px;line-height:1.6;direction:ltr}
.iddd-pc-img.--arrows-hover .iddd-pc-img__arrow{opacity:0}
.iddd-pc-img.--arrows-hover:hover .iddd-pc-img__arrow,.iddd-pc-img.--arrows-hover .iddd-pc-img__arrow:focus-visible{opacity:1}
/* ---------- DESKTOP ---------- */
@media (min-width:1025px){
.iddd-pc-img .iddd-pc-img__slide.--dx,.iddd-pc-img .iddd-pc-img__dot.--dx,.iddd-pc-img__tot.--m{display:none}
:where(.iddd-pc-img.--dp-auto){--iddd-dots-offset:20px;--iddd-dots-offset-x:20px}
.iddd-pc-img.--mode-single .iddd-pc-img__slide:not(:first-child),.iddd-pc-img.--mode-second .iddd-pc-img__slide:nth-child(n+3){display:none}
.iddd-pc-img.--mode-single .iddd-pc-img__dots,.iddd-pc-img.--mode-single .iddd-pc-img__arrow,.iddd-pc-img.--mode-single .iddd-pc-img__counter,.iddd-pc-img.--mode-second .iddd-pc-img__dots,.iddd-pc-img.--mode-second .iddd-pc-img__arrow,.iddd-pc-img.--mode-second .iddd-pc-img__counter,.iddd-pc-img .iddd-pc-img__dots.--mobile-only{display:none}
.iddd-pc-img.--mode-second .iddd-pc-img__slide:nth-child(2){display:block;opacity:0}
.iddd-pc-img.--mode-second .iddd-pc-img__frame:hover .iddd-pc-img__slide:nth-child(2){z-index:1;opacity:1;transform:none}
.iddd-pc-img.--mode-second.--second-slide .iddd-pc-img__slide:nth-child(2){opacity:1;transform:translateX(100%)}
.iddd-pc-img.--mode-second.--second-up .iddd-pc-img__slide:nth-child(2){opacity:1;transform:translateY(100%)}
.iddd-pc-img.--mode-second.--second-zoom .iddd-pc-img__slide:nth-child(2){transform:scale(1.12)}
.iddd-pc-img.--mode-scroll .iddd-pc-img__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.iddd-pc-img.--mode-scroll .iddd-pc-img__track::-webkit-scrollbar{display:none}
.iddd-pc-img.--mode-scroll .iddd-pc-img__slide{position:relative;inset:auto;flex:0 0 100%;height:100%;opacity:1;scroll-snap-align:start;transform:none}
.iddd-pc-img.--mode-slideshow.--tr-slide .iddd-pc-img__track{display:flex;transform:translateX(calc(-100% * var(--iddd-i,0)));transition:transform var(--iddd-img-speed) ease}
.iddd-pc-img.--mode-slideshow.--tr-slide .iddd-pc-img__slide{position:relative;inset:auto;flex:0 0 100%;height:100%;opacity:1}
.iddd-pc-img.--mode-slideshow.--tr-zoom .iddd-pc-img__slide{transform:scale(1.08)}
.iddd-pc-img.--mode-slideshow.--tr-zoom .iddd-pc-img__slide.is-active{transform:none}
/* Rey: نقطه‌ها با هاور روی کارت */
.iddd-pc-img.--dots-hover .iddd-pc-img__dots{opacity:0}
:is(li.product,.__item,.iddd-ps-gscard,.e-loop-item):hover .iddd-pc-img.--dots-hover .iddd-pc-img__dots,.iddd-pc-img.--dots-hover:hover .iddd-pc-img__dots,.iddd-pc-img.--dots-hover .iddd-pc-img__dots:focus-within,.elementor-editor-active .iddd-pc-img.--dots-hover .iddd-pc-img__dots{opacity:1}
.iddd-pc-img.--dp-top-left .iddd-pc-img__dots{top:var(--iddd-dots-offset);left:var(--iddd-dots-offset-x)}
.iddd-pc-img.--dp-top-right .iddd-pc-img__dots{top:var(--iddd-dots-offset);right:var(--iddd-dots-offset-x)}
.iddd-pc-img.--dp-top-center .iddd-pc-img__dots{top:var(--iddd-dots-offset);left:50%;transform:translateX(-50%)}
.iddd-pc-img.--dp-bottom-left .iddd-pc-img__dots{bottom:var(--iddd-dots-offset);left:var(--iddd-dots-offset-x)}
.iddd-pc-img.--dp-bottom-right .iddd-pc-img__dots{bottom:var(--iddd-dots-offset);right:var(--iddd-dots-offset-x)}
.iddd-pc-img.--dp-bottom-center .iddd-pc-img__dots{bottom:var(--iddd-dots-offset);left:50%;transform:translateX(-50%)}
.iddd-pc-img.--dp-outside .iddd-pc-img__dots{position:relative;max-width:100%;margin:var(--iddd-dots-offset) auto 0;justify-content:center}
:where(.iddd-pc-img.--dots-bars){--iddd-dot-size:2px;--iddd-dot-active-w:25px;--iddd-dot-color:rgba(255,255,255,.6);--iddd-dot-active:#fff;--iddd-dots-gap:4px}
:where(.iddd-pc-img.--dots-dots){--iddd-dot-size:6px;--iddd-dot-color:rgba(255,255,255,.6);--iddd-dot-active:#fff;--iddd-dots-gap:4px}
:where(.iddd-pc-img.--dp-outside){--iddd-dot-color:rgba(17,17,17,.2);--iddd-dot-active:#111}
:where(.iddd-pc-img.--dots-capsule){--iddd-dot-size:2px;--iddd-dot-w:11px;--iddd-dot-active-w:18px;--iddd-dot-color:rgba(17,17,17,.22);--iddd-dot-active:#111;--iddd-dots-bg:rgba(255,255,255,.78);--iddd-dots-gap:5px}
:where(.iddd-pc-img.--dots-underline){--iddd-dot-size:1px;--iddd-dot-color:rgba(17,17,17,.18);--iddd-dot-active:#111;--iddd-dots-gap:0px}
:where(.iddd-pc-img.--dots-underline.--dp-outside){--iddd-dots-offset:4px}
.iddd-pc-img.--dots-bars .iddd-pc-img__dots,.iddd-pc-img.--dots-dots .iddd-pc-img__dots{padding:0}
.iddd-pc-img.--dots-bars .iddd-pc-img__dot{box-sizing:content-box;width:var(--iddd-dot-active-w);height:var(--iddd-dot-size);padding:8px 0;border-radius:0;background-clip:content-box}
.iddd-pc-img.--dots-dots .iddd-pc-img__dot{width:var(--iddd-dot-size);height:var(--iddd-dot-size)}
.iddd-pc-img.--dots-capsule .iddd-pc-img__dots{padding:6px 8px;box-shadow:0 1px 4px rgba(17,17,17,.08);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}
.iddd-pc-img.--dots-capsule .iddd-pc-img__dot{width:var(--iddd-dot-w);height:var(--iddd-dot-size);border-radius:999px}
.iddd-pc-img.--dots-capsule .iddd-pc-img__dot.is-active{width:var(--iddd-dot-active-w)}
.iddd-pc-img.--dots-underline .iddd-pc-img__dot,.iddd-pc-img.--dots-segments .iddd-pc-img__dot{flex:1 1 0;width:auto;min-width:0;height:var(--iddd-dot-size);border-radius:2px}
.iddd-pc-img.--dots-underline .iddd-pc-img__dot{border-radius:0}
.iddd-pc-img.--dots-underline .iddd-pc-img__dots,.iddd-pc-img.--dots-segments .iddd-pc-img__dots{right:var(--iddd-dots-offset-x);left:var(--iddd-dots-offset-x);width:auto;max-width:none;padding:0;border-radius:0;transform:none}
.iddd-pc-img.--dots-underline.--dp-outside .iddd-pc-img__dots,.iddd-pc-img.--dots-segments.--dp-outside .iddd-pc-img__dots{right:auto;left:auto;margin-right:0;margin-left:0}
.iddd-pc-img.--nav-invert:is(.--dots-bars,.--dots-dots):not(.--dp-outside) .iddd-pc-img__dots{mix-blend-mode:difference}
}
/* ---------- MOBILE / TABLET ---------- */
@media (max-width:1024px){
.iddd-pc-img .iddd-pc-img__slide.--mx,.iddd-pc-img .iddd-pc-img__dot.--mx,.iddd-pc-img__tot.--d{display:none}
.iddd-pc-img.--mmode-single .iddd-pc-img__slide:not(:first-child){display:none}
.iddd-pc-img.--mmode-second .iddd-pc-img__slide:nth-child(n+2){display:none}
.iddd-pc-img.--mmode-single .iddd-pc-img__dots,.iddd-pc-img.--mmode-single .iddd-pc-img__arrow,.iddd-pc-img.--mmode-single .iddd-pc-img__counter,.iddd-pc-img.--mmode-second .iddd-pc-img__dots,.iddd-pc-img.--mmode-second .iddd-pc-img__arrow,.iddd-pc-img.--mmode-second .iddd-pc-img__counter{display:none}
.iddd-pc-img.--mmode-scroll .iddd-pc-img__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.iddd-pc-img.--mmode-scroll .iddd-pc-img__track::-webkit-scrollbar{display:none}
.iddd-pc-img.--mmode-scroll .iddd-pc-img__slide{position:relative;inset:auto;flex:0 0 100%;height:100%;opacity:1;scroll-snap-align:start;transform:none}
.iddd-pc-img.--mmode-scroll .iddd-pc-img__arrow{display:none}
.iddd-pc-img.--mmode-slideshow.--tr-slide .iddd-pc-img__track{display:flex;transform:translateX(calc(-100% * var(--iddd-i,0)));transition:transform var(--iddd-img-speed) ease}
.iddd-pc-img.--mmode-slideshow.--tr-slide .iddd-pc-img__slide{position:relative;inset:auto;flex:0 0 100%;height:100%;opacity:1}
.iddd-pc-img.--arrows-hover .iddd-pc-img__arrow{opacity:1}
.iddd-pc-img.--mdp-top-left .iddd-pc-img__dots{top:var(--iddd-dots-offset);left:var(--iddd-dots-offset-x)}
.iddd-pc-img.--mdp-top-right .iddd-pc-img__dots{top:var(--iddd-dots-offset);right:var(--iddd-dots-offset-x)}
.iddd-pc-img.--mdp-top-center .iddd-pc-img__dots{top:var(--iddd-dots-offset);left:50%;transform:translateX(-50%)}
.iddd-pc-img.--mdp-bottom-left .iddd-pc-img__dots{bottom:var(--iddd-dots-offset);left:var(--iddd-dots-offset-x)}
.iddd-pc-img.--mdp-bottom-right .iddd-pc-img__dots{bottom:var(--iddd-dots-offset);right:var(--iddd-dots-offset-x)}
.iddd-pc-img.--mdp-bottom-center .iddd-pc-img__dots{bottom:var(--iddd-dots-offset);left:50%;transform:translateX(-50%)}
.iddd-pc-img.--mdp-outside .iddd-pc-img__dots{position:relative;max-width:100%;margin:var(--iddd-dots-offset) auto 0;justify-content:center}
:where(.iddd-pc-img.--mdots-bars){--iddd-dot-size:2px;--iddd-dot-active-w:10px;--iddd-dot-color:rgba(255,255,255,.6);--iddd-dot-active:#fff;--iddd-dots-gap:3px}
:where(.iddd-pc-img.--mdots-dots){--iddd-dot-size:6px;--iddd-dot-color:rgba(255,255,255,.6);--iddd-dot-active:#fff;--iddd-dots-gap:4px}
:where(.iddd-pc-img.--mdp-outside){--iddd-dot-color:rgba(17,17,17,.2);--iddd-dot-active:#111}
:where(.iddd-pc-img.--mdots-capsule){--iddd-dot-size:2px;--iddd-dot-w:11px;--iddd-dot-active-w:18px;--iddd-dot-color:rgba(17,17,17,.22);--iddd-dot-active:#111;--iddd-dots-bg:rgba(255,255,255,.78);--iddd-dots-gap:5px}
:where(.iddd-pc-img.--mdots-underline){--iddd-dot-size:1px;--iddd-dot-color:rgba(17,17,17,.18);--iddd-dot-active:#111;--iddd-dots-gap:0px}
:where(.iddd-pc-img.--mdots-underline.--mdp-outside){--iddd-dots-offset:4px}
.iddd-pc-img.--mdots-bars .iddd-pc-img__dots,.iddd-pc-img.--mdots-dots .iddd-pc-img__dots{padding:0}
.iddd-pc-img.--mdots-bars .iddd-pc-img__dot{box-sizing:content-box;width:var(--iddd-dot-active-w);height:var(--iddd-dot-size);padding:6px 0;border-radius:0;background-clip:content-box}
.iddd-pc-img.--mdots-dots .iddd-pc-img__dot{width:var(--iddd-dot-size);height:var(--iddd-dot-size)}
.iddd-pc-img.--mdots-capsule .iddd-pc-img__dots{padding:6px 8px;box-shadow:0 1px 4px rgba(17,17,17,.08);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}
.iddd-pc-img.--mdots-capsule .iddd-pc-img__dot{width:var(--iddd-dot-w);height:var(--iddd-dot-size);border-radius:999px}
.iddd-pc-img.--mdots-capsule .iddd-pc-img__dot.is-active{width:var(--iddd-dot-active-w)}
.iddd-pc-img.--mdots-underline .iddd-pc-img__dot,.iddd-pc-img.--mdots-segments .iddd-pc-img__dot{flex:1 1 0;width:auto;min-width:0;height:var(--iddd-dot-size);border-radius:2px}
.iddd-pc-img.--mdots-underline .iddd-pc-img__dot{border-radius:0}
.iddd-pc-img.--mdots-underline .iddd-pc-img__dots,.iddd-pc-img.--mdots-segments .iddd-pc-img__dots{right:var(--iddd-dots-offset-x);left:var(--iddd-dots-offset-x);width:auto;max-width:none;padding:0;border-radius:0;transform:none}
.iddd-pc-img.--mdots-underline.--mdp-outside .iddd-pc-img__dots,.iddd-pc-img.--mdots-segments.--mdp-outside .iddd-pc-img__dots{right:auto;left:auto;margin-right:0;margin-left:0}
.iddd-pc-img.--nav-invert:is(.--mdots-bars,.--mdots-dots):not(.--mdp-outside) .iddd-pc-img__dots{mix-blend-mode:difference}
}
@media (prefers-reduced-motion:reduce){.iddd-pc-img *{transition:none!important}}