.list-collection ul.grid-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.list-collection ul.grid-wrap li.grid-wrapper{position:relative}@media (max-width: 1199px){.list-collection ul.grid-wrap{grid-template-columns:repeat(3,1fr)}}@media (max-width: 991px){.list-collection ul.grid-wrap{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.list-collection ul.grid-wrap{gap:15px}}.list-collection .collection-img{width:100%;height:auto}.list-collection .collection-img:before{content:"";width:0;height:0;padding-bottom:var(--ratio-percent)}.list-collection .collection-img img{display:block;max-width:100%;position:absolute;top:0;left:0;height:auto;width:100%;object-fit:contain;object-position:center center}.list-collection .collection-img span{color:var(--font-color-header);font-size:16px;position:absolute;font-weight:600;top:15px;left:15px;background-color:var(--background-color-body);z-index:1;padding:10px 15px}.list-collection ul.grid-wrap li.grid-wrapper .coll-block{display:block}.list-collection ul.grid-wrap li.grid-wrapper .collection-content{position:relative;text-align:center;overflow:hidden}.list-collection ul.grid-wrap li.grid-wrapper .collection-content .content{padding:15px}.list-collection ul.grid-wrap li.grid-wrapper .collection-content .content h6{font-size:var(--font-size-body)}.grid-wrapper .collection-img{position:relative;width:100%;height:450px;overflow:hidden;border-radius:12px}.grid-wrapper .collection-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.grid-wrapper .collection-img:hover img{transform:scale(1.05)}.grid-wrapper .collection-img span{position:absolute;top:10px;left:10px;background:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px}.grid-wrapper{list-style:none;margin:.5rem}.coll-block{text-decoration:none;display:block}.collection-box{background-color:#bdac98;border-radius:12px;padding:2rem 1rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0006}.collection-box:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.collection-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#f5f5f5}.product-count{font-size:.9rem;color:#fff}.ltr-only,.rtl-only{display:none}html[dir=ltr] .ltr-only,html[dir=rtl] .rtl-only{display:inline}
/*# sourceMappingURL=/cdn/shop/t/4/assets/list-collection.css.map */