.blu-related-four{background:#f1f1f1;color:#000;padding:0;margin:0}.blu-related-four__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#fff}.blu-related-four__item{min-width:0;display:flex;flex-direction:column;background:#efefef}.blu-related-four__picture{position:relative;background:#f7f5f6;overflow:hidden}.blu-related-four__image-link{display:block;width:100%}.blu-related-four__imagewrap{width:100%;aspect-ratio:1.13/1;position:relative;overflow:hidden}.blu-related-four__frame{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .22s ease}.blu-related-four__frame.is-active{opacity:1;visibility:visible}@media(hover:hover){.blu-related-four__item:not(.is-gallery-manual) .blu-related-four__picture:hover .blu-related-four__frame:first-child{opacity:0}.blu-related-four__item:not(.is-gallery-manual) .blu-related-four__picture:hover .blu-related-four__frame:nth-child(2){opacity:1;visibility:visible}}.blu-related-four__arrows{display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;right:0;bottom:0;left:0;padding:0 10px;pointer-events:none;opacity:0;transition:opacity .2s}.blu-related-four__picture:hover .blu-related-four__arrows,.blu-related-four__picture:focus-within .blu-related-four__arrows{opacity:1}.blu-related-four__arrows button{pointer-events:auto;width:38px;height:38px;border:0;border-radius:50%;background:#000;color:#fff;cursor:pointer;font-size:28px;line-height:1}.blu-related-four__meta{min-height:70px;display:flex;justify-content:space-between;gap:15px;text-decoration:none!important;color:#000!important;padding:12px 13px;font:700 19px/.98 Barlow Condensed,Impact,sans-serif;text-transform:uppercase}.blu-related-four__price{font:400 15px/1.3 Inter,Arial,sans-serif;white-space:nowrap}.blu-related-four__add{display:flex;align-items:center;gap:7px;background:#000;color:#fff!important;position:absolute;bottom:14px;right:14px;border:0;border-radius:40px;padding:10px 12px;font:700 19px/1 Barlow Condensed,Impact,sans-serif;text-decoration:none!important;cursor:pointer;z-index:4}.blu-related-four__add span:last-child{width:0;opacity:0;white-space:nowrap;overflow:hidden;transition:width .2s,opacity .2s}.blu-related-four__add:focus-visible span:last-child{width:30px;opacity:1}.blu-related-four__form{position:absolute;bottom:0;right:0;z-index:4}@media(max-width:750px){.blu-related-four__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blu-related-four__meta{display:block;font-size:17px}.blu-related-four__price{display:block;margin-top:8px;font-size:13px}.blu-related-four__imagewrap{aspect-ratio:1/1}.blu-related-four__arrows{opacity:1}.blu-related-four__add span:last-child{width:30px;opacity:1}}@media(prefers-reduced-motion:reduce){.blu-related-four__frame,.blu-related-four__add span:last-child{transition:none}}@media(hover:hover){.blu-related-four__add:hover span:last-child{width:35px;opacity:1}}.blu-related-four__grid{column-gap:1px;row-gap:1px}.blu-related-four__item{min-width:0;width:100%;max-width:100%;overflow:hidden}.blu-related-four__picture,.blu-related-four__image-link,.blu-related-four__imagewrap,.blu-related-four__meta{width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin:0}.blu-related-four__frame{object-fit:contain!important;background:#fff}.blu-related-four__picture{background:#fff}@media(hover:none){.blu-related-four__arrows{opacity:1}}.blu-related-four__form{position:absolute!important;inset:auto 14px 14px auto!important;width:max-content!important;z-index:12!important;overflow:visible!important}.blu-related-four__form .blu-related-four__add{position:relative!important;inset:auto!important;min-width:48px!important;height:48px!important;padding:10px 14px!important}.blu-related-four__form .blu-related-four__add:hover span:last-child{width:38px!important;opacity:1!important}@media(max-width:749px){.blu-related-four__arrows{display:none!important}.blu-related-four__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.blu-related-four__form{inset:auto 10px 10px auto!important}.blu-related-four__form .blu-related-four__add,.blu-related-four__picture>a.blu-related-four__add{width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;gap:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;overflow:hidden!important}.blu-related-four__add span:last-child,.blu-related-four__form .blu-related-four__add span:last-child{display:none!important;width:0!important;opacity:0!important}}@media(max-width:1024px){.blu-related-four__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:1px!important;row-gap:1px!important;margin:0!important;padding:0!important}.blu-related-four__item{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;min-height:0!important;align-self:stretch!important}.blu-related-four__picture{width:100%!important;flex:0 0 auto!important;aspect-ratio:1/1!important;min-height:0!important;margin:0!important;padding:0!important}.blu-related-four__imagewrap{width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.blu-related-four__meta{flex:1 0 auto!important;display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:12px 11px 13px!important;box-sizing:border-box!important}.blu-related-four__price{display:block!important;margin-top:9px!important}}@media screen and (max-width:749px){.blu-related-four__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;row-gap:1px!important;column-gap:1px!important;margin:0!important;padding:0!important;background:#fff!important}.blu-related-four__grid>.blu-related-four__item{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:0!important;margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#ededed!important}.blu-related-four__grid>.blu-related-four__item>.blu-related-four__picture{display:block!important;grid-row:1!important;position:relative!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:#f7f5f7!important;line-height:0!important}.blu-related-four__image-link,.blu-related-four__imagewrap{display:block!important;line-height:0!important;margin:0!important;padding:0!important;width:100%!important}.blu-related-four__imagewrap{aspect-ratio:1/1!important}.blu-related-four__grid>.blu-related-four__item>.blu-related-four__meta{grid-row:2!important;display:block!important;margin:0!important;padding:12px 11px 14px!important;min-height:0!important;height:auto!important;width:100%!important;flex:unset!important;border:0!important;background:#ededed!important;box-sizing:border-box!important;line-height:1.15!important}}@media screen and (min-width:1025px){.blu-related-four .blu-related-four__grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1px;row-gap:1px}.blu-related-four .blu-related-four__grid>.blu-related-four__item{min-width:0;width:100%;margin:0;padding:0;overflow:hidden}.blu-related-four .blu-related-four__picture,.blu-related-four .blu-related-four__image-link,.blu-related-four .blu-related-four__imagewrap,.blu-related-four .blu-related-four__meta{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0}.blu-related-four .blu-related-four__picture,.blu-related-four .blu-related-four__imagewrap{padding:0;overflow:hidden}.blu-related-four .blu-related-four__frame{width:100%;height:100%;object-fit:cover!important;object-position:center;transform:scale(1.035);transform-origin:center}.blu-related-four .blu-related-four__meta{display:flex;padding:12px 13px;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/blu-related-four.css.map */