.shop-style{width:100%;margin:0 auto;padding:60px 20px 30px}p.shop-style-description{font-size:33px;font-weight:600;line-height:35px}p.shop-style-best-for{font-size:20px;font-weight:400;line-height:25px}.shop-style-title{text-align:left;font-size:2rem;margin-bottom:20px}.shop-style-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:45%;gap:10px}.shop-style-item{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;display:block;transition:box-shadow .3s ease;text-decoration:none}.main-picture,.main-picture img{width:100%;height:100%;display:block}.main-image{object-fit:cover;width:100%;height:100%;position:relative;z-index:0}.main-picture:hover .main-image{transform:scale(1.1)}.main-picture img{transition:transform .3s;top:0;left:0}.hover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;z-index:1}.shop-style-item:hover .hover-image{opacity:1}.shop-style-overlay{position:absolute;bottom:0;left:0;width:100%;padding:25px;background:linear-gradient(to top,#0009,#0000);color:#fff;z-index:2}.shop-style-description{font-weight:700;font-size:1.1rem;margin:0}.shop-style-best-for{font-size:.9rem;margin:5px 0 0}.item1{grid-row:span 2}.item2,.item3,.item4,.item5{grid-row:span 1}@media (max-width: 768px){.hover-image{display:none}}@media (max-width:480px){.shop-style-grid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.item1{grid-column:1 / span 2;grid-row:2}.item2{grid-column:1;grid-row:1}.item3{grid-column:2;grid-row:1}.item4{grid-column:1;grid-row:3}.item5{grid-column:2;grid-row:3}.shop-style-grid{margin-bottom:0}}@media (max-width: 1024px){.shop-style-grid{grid-template-columns:1fr 1fr;grid-auto-rows:280px;margin-bottom:0}.shop-style-item img{object-fit:cover}}@media (max-width: 768px){p.shop-style-description{font-size:18px;line-height:25px}p.shop-style-best-for{font-size:14px;line-height:16px}.shop-style-overlay{padding:15px}.shop-style-item img{object-fit:cover}.shop-style-grid{margin-bottom:0}}.shop-style-grid .shop-style-item .slide-title{position:relative}.shop-style-grid .shop-style-item .shop-style-description:after{content:"";position:absolute;left:0;bottom:15px;width:3em;height:.2em;background:orange;transform:translate(-130%);transition:transform .3s}.shop-style-grid .shop-style-item:hover .shop-style-description:after{transform:translate(0)}.shop-style-grid .shop-style-item:focus-within .shop-style-description:after{transform:translate(0)}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */