.product-media{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;margin:var(--spacing-2x);opacity:1;transition:opacity .3s ease;gap:var(--spacing-1x)}@media (min-width: 768px){.product-media{position:sticky;top:210px;margin:0 var(--spacing-3x) 0 0;gap:0}}.product-media .custom-hotelbadge{position:absolute;right:16px;top:16px;z-index:10;width:54px;height:54px}@media (min-width: 768px){.product-media .custom-hotelbadge{width:104px;height:104px;right:24px;top:24px}}.product-media .custom-hotelbadge img{height:100%;width:100%;object-fit:cover}.product-media.js-loading .first-image-container:after,.product-media.js-loading .image-container:after{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;content:"";border-radius:8px;overflow:hidden;cursor:progress;animation:loading 1s infinite;background-color:#f5f5f5;opacity:0}@keyframes loading{0%{opacity:0;background-color:#f5f5f5}50%{opacity:1}to{opacity:0;background-color:#f5f5f5}}.product-media__media-holder,.product-media .media-holder{display:flex;position:relative;flex-direction:column;gap:var(--spacing-1x)}@media (min-width: 1024px){.product-media__media-holder,.product-media .media-holder{display:none}}.product-media__media-holder swiper-slider,.product-media .media-holder swiper-slider{position:relative;border-radius:8px;overflow:hidden}@media (min-width: 1024px){.product-media__media-holder swiper-slider,.product-media .media-holder swiper-slider{display:none}}.product-media__media-holder swiper-slider .swiper .swiper-wrapper,.product-media .media-holder swiper-slider .swiper .swiper-wrapper{display:flex;flex-flow:row}.product-media__media-holder swiper-slider .swiper .swiper-slide,.product-media .media-holder swiper-slider .swiper .swiper-slide{min-height:343px;min-width:100%}.product-media__media-holder swiper-slider .swiper .swiper-slide picture,.product-media .media-holder swiper-slider .swiper .swiper-slide picture{border-radius:8px;overflow:hidden;opacity:1}.product-media .image-holder{position:relative;z-index:10;display:flex;height:100%;cursor:pointer;aspect-ratio:343/343;background-color:#f5f5f5;border-radius:8px;margin:auto;width:100%;pointer-events:none}.product-media .image-holder img{-o-object-fit:cover;object-fit:cover;width:100%;mix-blend-mode:darken;height:100%;aspect-ratio:1/1;margin:auto}@media (min-width: 1024px){.product-media .image-holder img{width:100%}}.product-media .swiper-button-previous,.product-media .swiper-button-next{position:absolute;z-index:10;display:flex;width:32px;height:32px;transition:opacity .3s ease-in;opacity:1;border-radius:6px;background-color:#fff}.product-media .swiper-button-previous:after,.product-media .swiper-button-next:after{content:none!important;display:none!important}@media (min-width: 1024px){.product-media .swiper-button-previous,.product-media .swiper-button-next{display:none}}.product-media .swiper-button-previous.swiper-button-disabled,.product-media .swiper-button-next.swiper-button-disabled{opacity:0}.product-media .swiper-button-previous svg,.product-media .swiper-button-next svg{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:4px}.product-media .swiper-button-previous:hover,.product-media .swiper-button-next:hover{cursor:pointer;opacity:.8}.product-media .swiper-button-next{top:0;bottom:0;margin:auto;right:8px}.product-media .swiper-button-next:after{content:"";display:none}.product-media .swiper-button-previous{top:0;bottom:0;margin:auto;left:8px}.product-media .swiper-button-previous:after{content:"";display:none}.product-media .js-hidden{display:none!important}.product-media thumbs-slider .swiper .swiper-wrapper{gap:10px;display:flex;flex-flow:row}.product-media thumbs-slider .swiper .swiper-wrapper .swiper-slide{display:flex;justify-content:center;align-items:center;border-radius:6px;overflow:hidden;border:1px solid transparent;transition:border .2s;width:40px;height:40px;min-height:40px;min-width:40px}.product-media thumbs-slider .swiper .swiper-wrapper .swiper-slide picture{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:3px;border-radius:4px;width:40px;height:40px;overflow:hidden}.product-media thumbs-slider .swiper .swiper-wrapper .swiper-slide img{width:34px;border-radius:4px;height:34px;object-fit:cover;mix-blend-mode:darken}.product-media thumbs-slider .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{border:1px solid var(--fonts-dark-gray)!important}.product-media thumbs-slider .swiper.swiper-initialized .swiper-wrapper{gap:0}.product-media .product-media-overview{display:flex;flex-wrap:wrap;width:80%;margin:0 auto;gap:10px;justify-content:center}@media (min-width: 1024px){.product-media .product-media-overview{display:none}}.product-media .product-media-overview .swiper-slide{width:unset}.product-media__label-holder,.product-media .label-holder{position:absolute;z-index:20;top:16px;left:16px;width:auto;flex-flow:row;display:flex;gap:8px}@media (min-width: 1024px){.product-media__label-holder,.product-media .label-holder{top:24px;left:24px}}.product-media__label-holder__label,.product-media .label-holder__label{font-family:Chivo;font-size:1.8rem;font-weight:400;line-height:2.8rem;font-size:1.2rem;font-style:normal;font-weight:600;line-height:normal;position:relative;width:auto;padding:6px 12px;cursor:default;text-align:center;display:flex;flex-flow:row;gap:4px;color:var(--color-white);border-radius:8px;background:var(--main-colors-purple, #7751A1)}@media (min-width: 1024px){.product-media__label-holder__label,.product-media .label-holder__label{display:flex;font-size:1.8rem}}.product-media__quality-badge,.product-media .quality-badge{position:absolute;z-index:20;top:16px;right:16px;width:auto;flex-flow:row;display:flex;gap:8px}@media (min-width: 1024px){.product-media__quality-badge,.product-media .quality-badge{top:24px;right:24px}}.product-media__quality-badge img,.product-media .quality-badge img{max-height:56px;max-width:56px;object-fit:cover}@media (min-width: 1024px){.product-media__quality-badge img,.product-media .quality-badge img{max-height:104px;max-width:104px}}.product-media-container{flex-direction:column;gap:32px;width:100%;position:sticky;top:0;display:none}@media (min-width: 1024px){.product-media-container{display:flex}}.product-media-container .first-image-container{width:100%;position:relative}@media (min-width: 1024px){.product-media-container .first-image-container .js-hidden{display:none}}.product-media-container .first-image-container .label-container{display:flex;position:absolute;top:0;left:0;padding:var(--spacing-3x);z-index:11;gap:8px}.product-media-container .first-image-container .label-container .label-holder--dark{background-color:#373737;color:var(--color-white);padding:6px 12px;border-radius:12px;font-family:Chivo;font-size:1.8rem;font-weight:400;font-style:normal;line-height:2.8rem;font-size:18px;font-weight:600}.product-media-container .first-image-container .label-container .label-holder--light{background-color:var(--color-white);color:#7751a1;padding:6px 12px;border-radius:12px;font-family:Chivo;font-size:1.8rem;font-weight:400;font-style:normal;line-height:2.8rem;font-size:18px;font-weight:600}.product-media-container .first-image-container .image-container{width:100%;border-radius:8px;position:relative;overflow:hidden;background-color:#f5f5f5}.product-media-container .first-image-container .image-container .image-holder-desktop{display:block;width:100%;object-fit:cover;pointer-events:none}.product-media-container .first-image-container .image-container .image-holder-desktop img{pointer-events:none;width:100%;mix-blend-mode:darken;height:fit-content;opacity:1;transition:transform .3s}.product-media-container .first-image-container .image-container .image-holder-desktop img:hover{transform:scale(1.01)}.product-media-container .other-images-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2x)}.product-media-container .other-images-container .image-container{height:fit-content;position:relative;border-radius:8px;overflow:hidden;background-color:#f5f5f5}.product-media-container .other-images-container .image-container .image-holder-desktop{pointer-events:none}.product-media-container .other-images-container .image-container .image-holder-desktop img{border-radius:8px;height:fit-content;mix-blend-mode:darken;object-fit:cover;aspect-ratio:1/1;transition:transform .3s;pointer-events:none}.product-media-container .other-images-container .image-container .image-holder-desktop img:hover{transform:scale(1.01)}
