c-image-popup{display:contents}.c-image-popup__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.c-image-popup__modal[hidden]{display:none}.c-image-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--c-image-popup-overlay-opacity, .2))}.c-image-popup__dialog{position:relative;width:100%;max-width:var(--c-image-popup-max-width, 480px);max-height:calc(100dvh - var(--space-7) * 2);overflow-y:auto;background:var(--color-surface-1);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);font-family:var(--font-brand);animation:c-image-popup-appear var(--duration-normal) var(--easing-decelerate) both}.c-image-popup__dialog:focus,.c-image-popup__dialog:focus-visible{outline:none}.c-image-popup__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-circle);background:var(--color-overlay-subtle);color:var(--color-text-onbrand);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard)}.c-image-popup__close:hover{background:var(--color-overlay-strong)}.c-image-popup__close .icon-close{width:14px;height:14px}.c-image-popup__picture{display:block}.c-image-popup__image{display:block;width:100%;height:auto;border-radius:var(--radius-md) var(--radius-md) 0 0}.c-image-popup__image-link{display:block;line-height:0}.c-image-popup__body>.c-image-popup__picture:last-child .c-image-popup__image,.c-image-popup__body>.c-image-popup__image-link:last-child .c-image-popup__image{border-radius:var(--radius-md)}.c-image-popup__text{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);text-align:center}.c-image-popup__title{margin:0;font-size:var(--text-h4);line-height:var(--lh-h4);font-weight:var(--weight-bold);color:var(--color-text-primary)}.c-image-popup__content{font-size:var(--text-small);line-height:var(--lh-small);color:var(--color-text-secondary)}.c-image-popup__content p{margin:0}.c-image-popup__button{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:var(--button-height);padding:0 var(--space-7);border-radius:var(--radius-pill);background:var(--color-brand-primary);color:var(--color-text-onbrand);font-size:var(--button-font-size);font-weight:var(--weight-bold);text-decoration:none;transition:background var(--duration-fast) var(--easing-standard)}.c-image-popup__button:hover{background:var(--color-brand-primary-strong)}.c-image-popup__minitab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);animation:c-image-popup-slide-in var(--duration-normal) var(--easing-decelerate) both}.c-image-popup__minitab[hidden]{display:none}.c-image-popup__minitab-open{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-2);border:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--c-image-popup-minitab-bg, var(--color-brand-primary));color:var(--c-image-popup-minitab-color, var(--color-text-onbrand));box-shadow:var(--shadow-md);cursor:pointer;transition:filter var(--duration-fast) var(--easing-standard)}.c-image-popup__minitab-open:hover{filter:brightness(.92)}.c-image-popup__minitab-label{writing-mode:vertical-rl;font-family:var(--font-brand);font-size:var(--text-small);line-height:1;font-weight:var(--weight-bold);letter-spacing:var(--ls-wide);white-space:nowrap}.c-image-popup__minitab-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-circle);background:var(--color-surface-1);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard)}.c-image-popup__minitab-close:hover{background:var(--color-surface-3)}@keyframes c-image-popup-appear{0%{opacity:0;transform:translateY(var(--space-2)) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes c-image-popup-slide-in{0%{opacity:0;translate:-100% 0}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.c-image-popup__dialog,.c-image-popup__minitab{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/c-image-popup.css.map */