/*!
 * DS Product gallery
 *
 * snippets/product-media-gallery.liquid, product-media.liquid, product-thumbnail.liquid:
 * - image caption from custom.produktmedien_details, its popup text on hover/focus (Figma 1598:17565);
 * - videos without player UI like snippets/social-proof.liquid: a click toggles play/pause;
 *   from 1024px in place, below in the video dialog;
 * - captioned video: gradient, title and "Video ansehen", hidden while playing (Figma 1598:17599);
 * - below 1024px: the "Video ansehen" chip for the first video, 72px thumbnails
 *   with a fade on the right (Figma 1598:18447);
 * - main_columns layout from 1024px: main image across both columns, then 4 images,
 *   then up to 2 videos; the rest waits for "Mehr anzeigen" (Figma 1203:17129);
 * - badge from custom.badge on the first image, snippets/ds-product-badge.liquid (Figma 1598:17562).
 */.product__gallery .product__media{border-radius:16px}.ds-product-badge{position:absolute;z-index:2;inset-block-start:24px;inset-inline-start:24px;max-width:calc(100% - 48px);padding:8px 16px;overflow:hidden;color:var(--ds-badge-color);font-family:var(--font-heading-family);font-size:14px;font-weight:700;line-height:18px;white-space:nowrap;text-overflow:ellipsis;border-radius:60px;background-color:var(--ds-badge-bg);pointer-events:none}.ds-media-info__label,.ds-media-info__popup{position:absolute;z-index:2;inset-inline-start:16px;max-width:calc(100% - 32px);color:#221c35;font-family:var(--font-body-family);font-size:13px;line-height:18px;letter-spacing:.02em;background-color:#fffffff2}.ds-media-info__label{inset-block-end:16px;display:flex;align-items:center;gap:16px;padding:7px 12px;font-weight:600;text-align:start;border-radius:60px}.ds-media-info__label img{flex-shrink:0}.ds-media-info__popup{inset-block-end:56px;width:max-content;max-width:min(320px,calc(100% - 32px));margin:0;padding:12px 16px;letter-spacing:0;border-radius:16px;box-shadow:0 8px 24px #221c351f;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:var(--animation-short);transition-property:opacity,visibility,transform}.ds-media-info__label:is(:hover,:focus)+.ds-media-info__popup{opacity:1;visibility:visible;transform:none}:is(.product__gallery,.pswp__video-container,.ds-video-dialog) video-media[loaded] .deferred-poster{pointer-events:auto}:is(.product__gallery,.pswp__video-container,.ds-video-dialog) video-media[loaded]:not([playing]) .play-button{opacity:1;visibility:visible}.product__media video-media[playing]~.ds-media-video{opacity:0;visibility:hidden}.ds-media-video{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:14px;padding:24px 24px 28px;border-radius:inherit;background:linear-gradient(to bottom,#221c3500 48%,#221c35e6);pointer-events:none;transition:var(--animation-short);transition-property:opacity,visibility}.ds-media-video__title{margin:0;color:#fff;font-size:28px;line-height:34px;text-transform:uppercase}.ds-media-video__button{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;color:#221c35;font-family:var(--font-body-family);font-size:15px;font-weight:600;line-height:20px;border-radius:60px;background-color:#fff;pointer-events:auto}.product__media:has(>.ds-media-video) .play-button{display:none}.ds-gallery__video-chip{position:absolute;z-index:3;inset-block-start:16px;inset-inline-end:16px;display:flex;align-items:center;gap:12px;height:34px;padding-inline:8px 11px;color:#221c35;border-radius:6px;background-color:#f0eee9}.ds-gallery__video-chip[hidden]{display:none}.ds-gallery__video-chip-open{display:flex;align-items:center;gap:6px;font-family:var(--font-body-family);font-size:14px;font-weight:600;line-height:20px;text-decoration:underline;text-underline-position:from-font}.ds-gallery__video-chip-play{display:grid;place-items:center;width:21px;height:21px;padding-inline-start:3px;border-radius:999px;background-color:#fffffff2}.ds-gallery__video-chip-close{display:grid;place-items:center;padding:8px;margin:-8px}@media screen and (max-width:1023px){.product__gallery:has(.product__thumbnail[aria-current=true]:not([data-media-type=image])) .ds-gallery__video-chip{display:none}.product__gallery .product__media-container{gap:10px}.product__gallery:has(.ds-gallery__video-chip:not([hidden])) .product__media button:is([is=media-lightbox-button],[is=media-hover-button]){top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.product__gallery:has(.ds-gallery__video-chip:not([hidden])) .product__media button:is([is=media-lightbox-button],[is=media-hover-button]) .icon{display:none}.ds-media-info__label{inset-inline-start:15px;inset-block-end:12px;gap:14px;padding:6px 10px;font-size:12px;line-height:15px}.ds-media-info__label img{width:13.5px;height:13.5px}.ds-media-info__popup{inset-inline-start:15px;inset-block-end:48px}.ds-product-badge{inset-block-start:16px;inset-inline-start:16px;max-width:calc(100% - 96px)}.product__thumbnails:not(.with-dots) .product__thumbnails-list{gap:9px}.product__thumbnails:not(.with-dots) .product__thumbnail{width:72px;border-radius:4px;background-color:#f5f5f5}.product__thumbnails:not(.with-dots) .product__thumbnail:after{border-radius:4px;box-shadow:inset 0 0 0 1px var(--tw-ring-color)}.product__thumbnails:not(.with-dots) .product__thumbnail[aria-current=true]:after{--tw-ring-color: #000}.product__media-container .ds-gallery__more{display:none}}@media screen and (min-width:1024px){.ds-gallery__video-chip{display:none}.product--main_columns .product__media-list{gap:16px}.product--main_columns [data-ds-order="0"]{grid-column:1 / -1}.product--main_columns [data-ds-order="1"]{order:1}.product--main_columns [data-ds-order="2"]{order:2}.product--main_columns [data-ds-order="3"]{order:3}.product--main_columns .product__gallery:not(.ds-gallery--expanded) [data-ds-order="3"]{display:none}.product__media-container .ds-gallery__more{margin-inline:auto}.ds-gallery--expanded .product__media-container .ds-gallery__more{display:none}}.ds-video-dialog{width:min(100vw - 32px,(100dvh - 120px) * var(--aspect-ratio),1200px);max-width:none;max-height:none;padding:0;border:0;overflow:visible;background:transparent}.ds-video-dialog::backdrop{background-color:#221c35d9}.ds-video-dialog video-media{border-radius:16px;overflow:hidden}.ds-video-dialog .play-button{inset:50% auto auto 50%;width:var(--sp-14);height:var(--sp-14);transform:translate(-50%,-50%)}.ds-video-dialog .play-button .icon{width:var(--sp-5);height:var(--sp-5)}.ds-video-dialog video-media[loaded]:not([host]){aspect-ratio:auto}.ds-video-dialog video-media[loaded]>video{height:auto;max-height:calc(100dvh - 120px);object-fit:contain}.ds-video-dialog video-media[playing] .play-button{opacity:0;visibility:hidden}.ds-video-dialog__pause{position:absolute;inset-block-end:16px;inset-inline-end:16px;display:grid;place-items:center;width:40px;height:40px;color:#221c35;border-radius:999px;background-color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:var(--animation-short);transition-property:opacity,visibility}.ds-video-dialog__pause .icon{width:14px;height:14px}.ds-video-dialog:has(video-media[playing]) .ds-video-dialog__pause{opacity:1;visibility:visible}.ds-video-dialog__close{position:absolute;inset-block-end:calc(100% + 12px);inset-inline-end:0;display:grid;place-items:center;width:40px;height:40px;color:#221c35;border-radius:999px;background-color:#fff}html:has(.ds-video-dialog[open]){overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-product-gallery.css.map */