.cpg{padding:40px 0}.cpg__container{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 20px}.cpg__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.cpg__title{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--color-foreground, #1a1a1a)}.cpg__view-all{font-size:15px;font-weight:600;color:var(--color-foreground, #1a1a1a);text-decoration:none;display:flex;align-items:center;gap:4px;transition:opacity .2s}.cpg__view-all:hover{opacity:.65}.cpg__view-all span{font-size:20px;line-height:1}.cpg__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.cpg__grid--3-col{grid-template-columns:repeat(3,1fr)}.cpg__grid--4-col{grid-template-columns:repeat(4,1fr)}.cpg__item{min-width:0}.cpg__card{position:relative;background:linear-gradient(to bottom,#fff,#e6e6e6);box-shadow:0 3px 18px #0000001f;border-radius:16px;overflow:hidden;aspect-ratio:1 / 1.15;transition:box-shadow .25s ease,transform .25s ease}.cpg__card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-3px)}.cpg__image-link{display:block;text-decoration:none;color:inherit;height:calc(100% - 48px)}.cpg__image-wrap{display:flex;align-items:center;justify-content:center;padding:24px 24px 0;height:100%;overflow:hidden}.cpg__image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s ease}.cpg__card:hover .cpg__image{transform:scale(1.04)}.cpg__placeholder{width:60%;height:auto;opacity:.3}.cpg__footer{padding:8px 10px 10px;background:linear-gradient(to top,#e6e6e6 50%,#e6e6e600);display:flex;justify-content:center}.cpg__info{padding:8px 2px 0}.cpg__info-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.cpg__prices{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.cpg__price{font-size:17px;font-weight:700;color:#1a1a1a}.cpg__price--sale{color:#1a1a1a}.cpg__compare-price{font-size:14px;font-weight:500;color:#999;text-decoration:line-through}.cpg__compare-price--hidden{display:none}.cpg__badge{display:inline-flex;align-items:center;gap:3px;background:#6b6b6b;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;line-height:1;flex-shrink:0}.cpg__badge svg{flex-shrink:0}.cpg__badge--hidden{display:none}.cpg__badge-mobile{display:none;position:absolute;top:10px;right:10px;align-items:center;gap:2px;background:#6b6b6b;color:#fff;font-size:8px!important;font-weight:700;padding:2px 5px!important;border-radius:20px;line-height:1;z-index:2}.cpg__badge-mobile svg{width:9px!important;height:9px!important}.cpg__product-name{font-size:13px;font-weight:500;color:#555;margin-top:2px;line-height:1.4}.cpg__variants{display:flex;align-items:center;width:100%;justify-content:space-between}.cpg__arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:#00000012;color:#1a1a1a;cursor:pointer;padding:0;flex-shrink:0;transition:background .2s,transform .15s}.cpg__arrow:hover{background:#00000024;transform:scale(1.1)}.cpg__arrow:active{transform:scale(.95)}.cpg__variant-label{font-size:12px;font-weight:600;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center}@media screen and (max-width:989px){.cpg__grid{grid-template-columns:repeat(2,1fr);gap:10px}.cpg__title{font-size:22px}.cpg__card{aspect-ratio:1 / 1.15}.cpg__image-wrap{padding:16px 16px 0}.cpg__image-link{height:calc(100% - 40px)}.cpg__price{font-size:15px}.cpg__compare-price{font-size:12px}.cpg__product-name{font-size:11px}.cpg__info-row{flex-direction:row!important;align-items:center!important;gap:5px!important}.cpg__badge{display:none!important}.cpg__badge-mobile:not(.cpg__badge--hidden){display:inline-flex!important}.cpg__footer{padding:8px 12px 10px}.cpg__arrow{width:24px;height:24px}.cpg__variant-label{font-size:11px}}@media screen and (max-width:549px){.cpg{padding:24px 0}.cpg__header{margin-bottom:16px}.cpg__title{font-size:19px}.cpg__view-all{font-size:13px}.cpg__card{border-radius:12px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-custom-product-grid.css.map */