.stl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4px}.stl-model{position:relative;cursor:pointer;overflow:hidden;aspect-ratio:2/3;background:#e8e4df}.stl-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.stl-model:hover .stl-photo{transform:scale(1.03)}.stl-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#999}.stl-bag-btn{position:absolute;bottom:14px;right:14px;width:40px;height:40px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000026}.stl-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}.stl-backdrop.open{display:block}.stl-drawer{position:fixed;top:0;right:0;width:360px;height:100%;z-index:1000;transform:translate(100%);transition:transform .3s ease}.stl-drawer.open{transform:translate(0)}.stl-drawer-inner{background:#fff;height:100%;display:flex;flex-direction:column}.stl-drawer-head{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebebeb;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;position:sticky;top:0;background:#fff}.stl-close{background:none;border:none;font-size:18px;cursor:pointer;color:#555}.stl-drawer-body{overflow-y:auto;flex:1;padding:16px 20px}.stl-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #f0f0f0}.stl-item:last-child{border-bottom:none}.stl-item-img{width:80px;height:100px;object-fit:cover;flex-shrink:0}.stl-item-info{flex:1}.stl-item-name{font-size:13px;margin:0 0 4px;line-height:1.4}.stl-item-price{font-size:13px;color:#777;margin:0 0 10px}.stl-select{width:100%;font-size:12px;padding:6px 8px;border:1px solid #ccc;margin-bottom:8px;background:#fff}.stl-add-btn{width:100%;background:#111;color:#fff;border:none;padding:9px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.stl-add-btn:disabled{background:#ccc;cursor:not-allowed}@media(max-width:600px){.stl-drawer{width:100%}.stl-grid{grid-template-columns:repeat(4,1fr);gap:2px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/shop-the-look.css.map */