.collection-grid{background:var(--section-bg, #ffffff);padding-top:var(--section-padding-top, 80px);padding-bottom:var(--section-padding-bottom, 80px)}.collection-grid__container{max-width:var(--content-max-width, 1200px);margin:0 auto;padding:0 40px}.collection-grid__title{font-size:var(--section-title-size, 28px);font-weight:var(--section-title-weight, 400);color:var(--section-title-color, #1a1a1a);margin:0 0 var(--section-title-margin, 30px) 0;line-height:1.3}.collection-grid__title.text-left{text-align:left}.collection-grid__title.text-center{text-align:center}.collection-grid__title.text-right{text-align:right}.collection-grid__layout{display:grid;grid-template-columns:var(--large-card-width, 50%) 1fr 1fr;grid-template-rows:repeat(2,1fr);gap:var(--grid-gap, 15px);min-height:600px}.collection-grid__card{display:block;text-decoration:none;position:relative;overflow:hidden;border-radius:var(--card-radius, 8px);background:var(--card-bg, #e8f4f8)}.collection-grid__card-inner{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.collection-grid__card--large{grid-row:span 2}.collection-grid__card--small{grid-row:span 1}.collection-grid__card-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.collection-grid__card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.collection-grid__card:hover .collection-grid__card-image{transform:scale(var(--hover-scale, 1.1))}.collection-grid__card-placeholder{width:100%;height:100%;background:var(--card-bg, #e8f4f8)}.collection-grid__card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg, #000000);opacity:var(--overlay-opacity, 0);transition:opacity .3s ease}.collection-grid__card:hover .collection-grid__card-overlay{opacity:var(--hover-overlay-opacity, .1)}.collection-grid__card-content{position:absolute;padding:var(--card-padding, 30px);z-index:5;transition:transform .3s ease}.collection-grid__card--text-top-left .collection-grid__card-content{top:0;left:0}.collection-grid__card--text-top-center .collection-grid__card-content{top:0;left:50%;transform:translate(-50%);text-align:center}.collection-grid__card--text-top-right .collection-grid__card-content{top:0;right:0;text-align:right}.collection-grid__card--text-center-left .collection-grid__card-content{top:50%;left:0;transform:translateY(-50%)}.collection-grid__card--text-center .collection-grid__card-content{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.collection-grid__card--text-center-right .collection-grid__card-content{top:50%;right:0;transform:translateY(-50%);text-align:right}.collection-grid__card--text-bottom-left .collection-grid__card-content{bottom:0;left:0}.collection-grid__card--text-bottom-center .collection-grid__card-content{bottom:0;left:50%;transform:translate(-50%);text-align:center}.collection-grid__card--text-bottom-right .collection-grid__card-content{bottom:0;right:0;text-align:right}.collection-grid__card:not([class*=--text-]) .collection-grid__card-content{bottom:0;left:0}.collection-grid__card-title{font-size:var(--card-title-size, 20px);font-weight:var(--card-title-weight, 400);color:var(--card-title-color, #1a1a1a);text-transform:var(--card-title-transform, uppercase);letter-spacing:var(--card-title-spacing, 0);margin:0;line-height:1.3}.collection-grid__card-subtitle{font-size:var(--card-subtitle-size, 14px);color:var(--card-subtitle-color, #666666);margin:8px 0 0;line-height:1.4}@media screen and (max-width: 1199px){.collection-grid__container{padding:0 30px}.collection-grid__layout{min-height:500px}}@media screen and (max-width: 999px){.collection-grid__container{padding:0 25px}.collection-grid__layout{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:auto}.collection-grid__card--large{grid-column:span 2;grid-row:span 1;min-height:350px}.collection-grid__card--small{grid-column:span 1;min-height:250px}}@media screen and (max-width: 749px){.collection-grid__container{padding:0 20px}.collection-grid__layout{grid-template-columns:1fr;gap:var(--grid-gap, 12px)}.collection-grid__card--large,.collection-grid__card--small{grid-column:span 1;grid-row:span 1}.collection-grid__card--large{min-height:300px}.collection-grid__card--small{min-height:200px}.collection-grid__card-content{padding:var(--card-padding, 20px)}.collection-grid__card-title{font-size:calc(var(--card-title-size, 18px) * .85)}}@media screen and (max-width: 480px){.collection-grid{padding-top:40px;padding-bottom:40px}.collection-grid__container{padding:0 15px}.collection-grid__title{font-size:calc(var(--section-title-size, 24px) * .8);margin-bottom:20px}.collection-grid__card--large{min-height:250px}.collection-grid__card--small{min-height:180px}.collection-grid__card-content{padding:15px}.collection-grid__card-title{font-size:16px}.collection-grid__card-subtitle{font-size:12px}}@media (prefers-reduced-motion: reduce){.collection-grid__card-image,.collection-grid__card-overlay,.collection-grid__card-content{transition:none!important}.collection-grid__card:hover .collection-grid__card-image{transform:none}}.collection-grid__card:focus-visible{outline:3px solid var(--card-title-color, #1a1a1a);outline-offset:3px}.collection-grid__layout:has(.collection-grid__card:nth-child(3):last-child){grid-template-rows:1fr}.collection-grid__layout:has(.collection-grid__card:nth-child(3):last-child) .collection-grid__card--large{grid-row:span 1}.collection-grid__layout:has(.collection-grid__card:nth-child(4):last-child){grid-template-columns:var(--large-card-width, 50%) 1fr 1fr;grid-template-rows:1fr 1fr}.collection-grid__layout:has(.collection-grid__card:nth-child(6)){grid-template-columns:var(--large-card-width, 50%) 1fr 1fr;grid-template-rows:repeat(3,1fr)}.collection-grid__card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;border-radius:var(--card-radius, 8px);transition:border-color .3s ease;pointer-events:none;z-index:10}.collection-grid__card:hover:after{border-color:#0000001a}.collection-grid__card{transition:transform .3s ease,box-shadow .3s ease}.collection-grid__card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.collection-grid__card:hover .collection-grid__card-content{transform:translateY(-5px)}.collection-grid__card--text-top-center:hover .collection-grid__card-content{transform:translate(-50%) translateY(-5px)}.collection-grid__card--text-center:hover .collection-grid__card-content{transform:translate(-50%,-50%) translateY(-5px)}.collection-grid__card--text-center-left:hover .collection-grid__card-content,.collection-grid__card--text-center-right:hover .collection-grid__card-content{transform:translateY(calc(-50% - 5px))}.collection-grid__card--text-bottom-center:hover .collection-grid__card-content{transform:translate(-50%) translateY(-5px)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-list-grid.css.map */