.dm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}@media(min-width:720px){.dm-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:1000px){.dm-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1000px){.dm-grid--search{grid-template-columns:repeat(5,1fr)}}.dm-grid--drawer{grid-template-columns:1fr;gap:12px}@media(min-width:720px){.dm-grid--drawer{grid-template-columns:repeat(2,1fr)}}.dm-grid--2{grid-template-columns:repeat(2,1fr)}@media(min-width:720px){.dm-grid--2{grid-template-columns:repeat(2,1fr);max-width:760px}}.dm-rail{display:flex;gap:12px;margin-top:26px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dm-rail::-webkit-scrollbar{display:none}.dm-rail>*{flex:0 0 68%;scroll-snap-align:start}@media(min-width:560px){.dm-rail>*{flex-basis:42%}}@media(min-width:720px){.dm-rail{gap:16px}.dm-rail>*{flex-basis:calc((100% - 32px) / 3)}}@media(min-width:1000px){.dm-rail>*{flex-basis:calc((100% - 48px)/4)}}.dm-rail__nav{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.dm-rail__nav[hidden]{display:none}.dm-rail__arrow{width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:transparent;color:inherit;border:1.5px solid currentColor;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),opacity .2s var(--ease)}.dm-rail__arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2}.dm-rail__arrow:hover{background:var(--pink-primary);color:var(--black);border-color:var(--pink-primary)}.dm-rail__arrow:disabled{opacity:.32;pointer-events:none}.dm-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--white);border:1px solid var(--hairline);border-radius:14px;overflow:hidden;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.dm-card:hover{border-color:var(--pink-soft);box-shadow:0 8px 28px #ff3b8d1a}.dm-card:focus-within{outline:2px solid var(--pink-primary);outline-offset:3px}.dm-card__media{position:relative;aspect-ratio:1/1;background:var(--pink-blush);overflow:hidden}.dm-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .3s ease-out,opacity .35s ease-out}.dm-card:hover .dm-card__media img{transform:scale(1.03)}.dm-card__img--alt{opacity:0}.dm-card__media--dual:hover .dm-card__img--alt{opacity:1}.dm-card__media--dual:hover .dm-card__img--main{opacity:0}.dm-card--oos .dm-card__media img{opacity:.6}.dm-card__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:12px;text-align:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60)}.dm-card__badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.dm-card__badge{line-height:1;border-radius:4px;font-weight:600;letter-spacing:.02em}.dm-card__badge--off{background:var(--pink-primary);color:var(--black);font-size:12px;padding:5px 8px}.dm-card__badge--stock{background:var(--black);color:var(--white);font-size:11px;padding:5px 8px}.dm-card__badge--new{background:var(--white);color:var(--black);font-size:11px;padding:4px 8px;border:1px solid var(--hairline)}.dm-card__badge--oos{background:var(--ink-60);color:var(--white);font-size:11px;padding:5px 8px}.dm-card__body{display:flex;flex-direction:column;gap:6px;padding:12px;flex:1}@media(min-width:720px){.dm-card__body{padding:14px}}.dm-card__cat{position:relative;z-index:3;align-self:flex-start;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-60);text-decoration:none}.dm-card__cat:hover{color:var(--black)}.dm-card__title{font-family:var(--font-display);font-weight:400;font-size:17px;line-height:1.25;margin:0;min-height:42.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dm-card__title a{color:var(--black);text-decoration:none}.dm-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dm-card__spec{font-size:12px;color:var(--ink-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dm-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;margin-top:auto;padding-top:4px}.dm-card__now{font-size:17px;font-weight:600;color:var(--black)}.dm-card__was{font-size:13px;color:var(--ink-60);text-decoration:line-through}.dm-card__off{font-size:12px;font-weight:600;color:var(--pink-primary)}.dm-card__cta{position:relative;z-index:3;display:flex;flex-direction:column;gap:8px;margin-top:10px}.dm-card__btn{width:100%;min-height:44px;border-radius:8px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease)}.dm-card__btn--add{background:var(--pink-primary);color:var(--black)}.dm-card__btn--add:hover{background:#e82f7e}.dm-card__btn--buy{background:transparent;color:var(--black);border-color:var(--black)}.dm-card__btn--buy:hover,.dm-card__btn[data-state=success]{background:var(--black);color:var(--white)}.dm-card__btn:disabled{opacity:.75;cursor:not-allowed}.dm-card__spin{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:dmCardSpin .7s linear infinite}@keyframes dmCardSpin{to{transform:rotate(360deg)}}.dm-card__notify{position:relative;z-index:3;margin-top:10px;font-size:13px;color:var(--black);text-decoration:underline;text-underline-offset:3px}.dm-card__err{position:relative;z-index:3;margin:8px 0 0;font-size:12px;line-height:1.5;color:#b3123c}.dm-card--compact .dm-card__title{font-size:15px;min-height:37.5px}.dm-card--compact .dm-card__spec{display:none}.dm-card--compact .dm-card__body{padding:10px}.dm-card--skel .dm-card__media,.dm-card--skel .dm-skel{background:var(--pink-blush);animation:dmPulse 1.4s ease-in-out infinite}.dm-skel{border-radius:4px;height:12px}.dm-skel--title{height:42.5px}.dm-skel--price{height:17px;width:60%}@keyframes dmPulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.dm-card,.dm-card *{transition:none!important;animation:none!important}.dm-card:hover .dm-card__media img{transform:none}.dm-rail{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/dm-card.css.map */