.dt-pg{width:100%;box-sizing:border-box}.dt-pg__wrapper{padding-left:40px;padding-right:40px}.dt-pg__header{margin-bottom:24px}.dt-pg__header--center{text-align:center}.dt-pg__header--left{text-align:left}.dt-pg__heading{margin:0 0 6px;line-height:1.2}.dt-pg__subheading{margin:0;line-height:1.5}.dt-pg__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:start}.dt-pg__item{min-width:0}.dt-pg__card{display:flex;flex-direction:column;height:100%}.dt-pg__img-link{display:block;position:relative;width:100%;overflow:hidden;text-decoration:none}.dt-pg__img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:#f0eae0}.dt-pg__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;display:block;transition:opacity .45s ease,transform .6s cubic-bezier(.25,.46,.45,.94)}.dt-pg__img--first{opacity:1;z-index:1}.dt-pg__img--second{opacity:0;z-index:2}.dt-pg__img--placeholder{display:flex;align-items:center;justify-content:center}.dt-pg__img--placeholder .placeholder-svg{width:50%;height:auto;opacity:.2}.dt-pg__card:hover .dt-pg__img--first{opacity:0}.dt-pg__card:hover .dt-pg__img--second{opacity:1}.dt-pg__card--no-second:hover .dt-pg__img--first{opacity:1;transform:scale(1.06)}.dt-pg__label{position:absolute;top:12px;left:12px;z-index:2;background-color:#1c1c1cd9;color:#faf6f0;font-size:12px;font-weight:500;padding:5px 10px;border-radius:4px;pointer-events:none;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.dt-pg__quickview{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 16px;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none;overflow:hidden}.dt-pg__card:hover .dt-pg__quickview{transform:translateY(0)}.dt-pg__quickview-text{font-size:inherit;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.dt-pg__quickview-price{font-size:inherit;font-weight:400;opacity:.9}.dt-pg__info{padding-top:12px;display:flex;flex-direction:column;gap:8px;flex:1}.dt-pg__meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dt-pg__title-link{text-decoration:none;flex:1;min-width:0}.dt-pg__title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.dt-pg__price{flex-shrink:0;font-variant-numeric:tabular-nums}.dt-pg__swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dt-pg__swatch{display:block;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);cursor:pointer;background-size:cover;background-position:center;transition:transform .15s ease,border-color .15s ease;flex-shrink:0}.dt-pg__swatch:hover{transform:scale(1.2);border-color:#0006}.dt-pg__view-all{margin-top:32px;text-align:center}.dt-pg__view-all-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border:1.5px solid;border-radius:4px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease}.dt-pg__view-all-btn:hover{background-color:currentColor}@media screen and (max-width:749px){.dt-pg{overflow-x:clip}.dt-pg__wrapper{padding-left:0;padding-right:0}.dt-pg__header,.dt-pg__view-all{padding-left:12px;padding-right:12px}.dt-pg__grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:12px;padding-right:12px;gap:12px!important;grid-template-columns:unset!important}.dt-pg__grid::-webkit-scrollbar{display:none}.dt-pg__item{flex-shrink:0;scroll-snap-align:start;width:calc(50% - 16px);min-width:calc(50% - 16px);overflow:hidden}.dt-pg__label{display:none}.dt-pg__quickview{display:none!important}.dt-pg__meta{flex-direction:column;align-items:flex-start;gap:4px}.dt-pg__title-link{width:100%;max-width:100%}.dt-pg__info{min-width:0;width:100%}.dt-pg__title{white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere;word-break:break-word}.dt-pg__price{font-size:.9em}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/deritedarik-product-grid.css.map */