#focused-listing{position:fixed;top:0;right:0;bottom:0;width:calc(46vw + 20px);transition:.2s ease all;pointer-events:none;opacity:0;background-color:var(--color-bg-tint);display:none;overflow:hidden}.listing-item .focused-listing{display:none;padding-top:20px}.listing-item.active-mobile .focused-listing{display:block}.focused-listing{font-size:var(--size-link);transition:.2s ease all}#focused-close{cursor:pointer;position:absolute;bottom:20px;left:20px;z-index:0;font-size:var(--size-link);color:var(--color-main-gray);display:flex;gap:10px;align-items:center}.focused-listing .header{padding:100px 10px 40px}.focused-listing .grid{display:grid;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;row-gap:20px;column-gap:20px;padding:10px 0;box-sizing:border-box}.focused-listing .grid-item{grid-column:span 6 / span 6}.focused-listing h6{margin-bottom:5px}.focused-listing h4{font-size:var(--size-two)}@media screen and (max-width:899px){.focused-listing .image{display:flex;padding-left:50%;padding-top:20px}.focused-listing .image>div{position:relative;padding-bottom:120%;display:block;width:100%}.focused-listing .image img{position:absolute;bottom:0;right:0;top:0;left:0;width:100%;height:100%;object-fit:cover}}@media screen and (min-width:900px){#focused-listing{display:block}.focused-listing .grid{row-gap:40px}.focused-listing .grid-item{grid-column:span 3 / span 3}.focused-listing .grid-item:last-child{grid-column:span 6 / span 6}#focused-listing .image{position:absolute;bottom:0;right:0;width:100%;height:100%;object-fit:cover;transition:all .25s ease;z-index:1;padding-left:0}#focused-listing .image div{width:100%;height:100%}#focused-listing .image img{width:100%;height:100%;object-fit:cover}#focused-listing.chosen .image{width:50%;height:unset}#focused-listing.chosen .image div{height:auto;padding-bottom:120%;position:relative}#focused-listing.chosen .image img{position:absolute;top:0;left:0;bottom:0;right:0;object-fit:cover}#focused-listing.chosen,#focused-listing.active{opacity:100%;z-index:1;pointer-events:all}}@media screen and (min-width:1280px){.listing-item .focused-listing,.listing-item.active-mobile .focused-listing{display:none!important}.focused-listing .header{padding:145px 20px 40px}.focused-listing .grid{padding:0 20px}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/focused-listing.css.map */