.custom-pg-wrapper{width:100%;padding-top:40px;padding-bottom:40px}.custom-pg-list{display:grid;gap:24px}@media(min-width:992px){.custom-pg-wrapper[data-columns-desktop="2"] .custom-pg-list{grid-template-columns:repeat(2,1fr)}.custom-pg-wrapper[data-columns-desktop="3"] .custom-pg-list{grid-template-columns:repeat(3,1fr)}.custom-pg-wrapper[data-columns-desktop="4"] .custom-pg-list{grid-template-columns:repeat(4,1fr)}}@media(min-width:577px)and (max-width:991px){.custom-pg-wrapper[data-columns-tablet="1"] .custom-pg-list{grid-template-columns:1fr}.custom-pg-wrapper[data-columns-tablet="2"] .custom-pg-list{grid-template-columns:repeat(2,1fr)}.custom-pg-wrapper[data-columns-tablet="3"] .custom-pg-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.custom-pg-wrapper[data-columns-mobile="1"] .custom-pg-list{grid-template-columns:1fr}.custom-pg-wrapper[data-columns-mobile="2"] .custom-pg-list{grid-template-columns:repeat(2,1fr)}}.mob-only{display:none!important}.pc-only{display:block!important}@media(max-width:768px){.mob-only{display:block!important}.pc-only{display:none!important}}.custom-pg-item{position:relative;border-radius:20px;overflow:hidden;background-color:#eff1f8;transition:transform .3s ease,box-shadow .3s ease;height:100%}.custom-pg-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.custom-pg-item-link{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:#333;padding:30px;position:relative;z-index:1;height:100%;min-height:100%;width:100%;box-sizing:border-box}.custom-pg-wrapper[data-card-ratio=auto] .custom-pg-item{aspect-ratio:auto}.custom-pg-wrapper[data-card-ratio="4/3"] .custom-pg-item{aspect-ratio:4 / 3}.custom-pg-wrapper[data-card-ratio="16/9"] .custom-pg-item{aspect-ratio:16 / 9}.custom-pg-wrapper[data-card-ratio="1/1"] .custom-pg-item{aspect-ratio:1 / 1}.custom-pg-wrapper[data-card-ratio="3/4"] .custom-pg-item{aspect-ratio:3 / 4}.image-box{position:relative;width:100%;margin:10px 0;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.default-image-container{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center;z-index:1;transition:opacity .4s ease;min-height:0}.default-image{width:100%;height:auto;max-height:280px;object-fit:contain}.hover-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .4s ease;pointer-events:none;overflow:hidden;border-radius:20px}.hover-bg-container video.hover-video,.hover-bg-container img.hover-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hover-bg-container video.hover-video{min-width:100%;min-height:100%}.custom-pg-item-content{position:relative;z-index:3;display:flex;flex-direction:column;flex:1;min-height:0}.info-box{margin-bottom:20px}.info-box .title{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.info-box .header-s{font-size:28px;font-weight:700;color:#111;line-height:1.2}.info-box .tag{background-color:#e53935;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px}.info-box .message{font-size:16px;color:#555;margin-bottom:16px;line-height:1.4}.info-box .tabs{display:flex;flex-wrap:wrap;gap:8px}.info-box .tabs span{background-color:#0059ff14;color:#333;font-size:12px;padding:6px 12px;border-radius:6px}.color-options{display:flex;justify-content:center;gap:10px;margin-top:15px}.color-options span{width:16px;height:16px;border-radius:50%;border:1px solid #ddd;display:inline-block}.custom-pg-item-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:12px}.custom-pg-item-bottom .price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:20px;font-weight:700;color:#e53935}.custom-pg-item-bottom .compare-price{font-size:14px;color:#999;text-decoration:line-through;font-weight:400}.custom-pg-item-bottom .cta{background-color:#0059ff;color:#fff;padding:10px 24px;border-radius:30px;font-weight:600;font-size:15px;transition:background-color .2s ease;white-space:nowrap}.custom-pg-item:hover .cta{background-color:#0046cc}.custom-pg-item:hover .hover-bg-container{opacity:1}.custom-pg-item:hover .default-image-container{opacity:0}.hover-bg-container video,.hover-bg-container img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:768px){.custom-pg-wrapper[data-card-ratio] .custom-pg-item{aspect-ratio:auto!important;height:auto!important}.custom-pg-item-link{padding:24px 20px;height:auto!important;min-height:100%}.info-box .header-s{font-size:22px}.custom-pg-item-bottom .cta{padding:6px 16px;font-size:13px}.custom-pg-item-bottom .price{font-size:18px}.image-box{min-height:220px!important;margin:15px 0}.default-image{max-height:240px}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/component-custom-product-grid.css.map */