.dcard{position:relative;display:flex;flex-direction:column}.dcard-info{display:flex;flex-direction:column;gap:6px;padding:var(--s3);padding-right:calc(var(--s3) + var(--tap) + var(--s2))}.dcard-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s2)}.dcard-row .dcard-title{flex:1 1 auto;min-width:0}.dcard-row .dcard-price{flex:0 0 auto;white-space:nowrap}.dcard-media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--paper);margin-bottom:var(--s3)}.dcard-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--mid) var(--ease),transform var(--mid) var(--ease)}.dcard-media .dcard-alt{opacity:0}@media(hover:hover){.dcard:hover .dcard-media.has-alt .dcard-main{opacity:0}.dcard:hover .dcard-media.has-alt .dcard-alt{opacity:1;transform:scale(1.03)}}.dcard-flag{position:absolute;top:0;left:0;padding:6px 10px;font-family:var(--display);font-size:var(--fs-xs);letter-spacing:var(--tr-label);text-transform:uppercase;background:var(--ink);color:var(--bone)}.dcard-body{display:flex;flex-direction:column;gap:6px}.dcard-title{font-family:var(--display);font-size:var(--fs-body);font-weight:600;margin:0}.dcard-title a{color:var(--ink);text-decoration:none}.dcard-title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.dcard-title a:hover{color:var(--accent-deep)}.dcard:focus-within .dcard-title a{text-decoration:underline}.dcard-colorway{margin:0;font-family:var(--display);font-size:var(--fs-xs);color:var(--muted)}.dcard-meta{font-family:var(--display);font-size:var(--fs-xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--muted)}.dcard-price{font-family:var(--display);font-size:var(--fs-sm);color:var(--ink);font-weight:600}.dcard-was{color:var(--muted);font-weight:400;text-decoration:line-through;margin-left:6px}.dcard-rate{display:flex;align-items:center;gap:6px;font-family:var(--display);font-size:var(--fs-xs);color:var(--muted)}.dcard-stars{--pct: 100%;font-size:13px;letter-spacing:1px;background:linear-gradient(90deg,var(--accent-deep) var(--pct),var(--line-2) var(--pct));-webkit-background-clip:text;background-clip:text;color:transparent}.dcard-swatches{display:flex;gap:var(--s1);margin-bottom:2px}.dcard-swatch{width:16px;height:16px;border:1px solid var(--white);box-shadow:0 0 0 1px var(--line)}.dcard-favorite{position:absolute;top:var(--s3);right:var(--s3);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--ink);cursor:pointer}.dcard-favorite svg{width:20px;height:20px;fill:none;stroke:currentColor}.dcard-favorite[aria-pressed=true]{border-color:var(--accent)}.dcard-favorite[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}.dcard-favorite:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.dcard-qa{position:relative;z-index:1}.dcard{--dcard-r: 14px;background:var(--white, #fff);border-radius:var(--dcard-r);overflow:hidden;border:1px solid var(--line)}.dcard .dcard-media{position:relative;background:var(--court-soft, #efe9e1);border-radius:0;padding:var(--s4);border-bottom:0}.dcard .dcard-media img{mix-blend-mode:multiply}.dcard .dcard-info{padding:var(--s4) var(--s4) 0}.dcard-eyerow{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}.dcard .dcard-meta{margin:0;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:var(--tr-label);font-size:var(--label);color:var(--muted)}.dcard .dcard-pill{position:absolute;top:12px;left:12px;z-index:2;margin:0;background:var(--white, #fff);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:var(--tr-label);font-size:var(--label);color:var(--ink);line-height:1}.dcard .dcard-rate{margin:0;white-space:nowrap}.dcard-sports{margin:6px 0 0;font-size:var(--fs-sm);color:var(--muted)}.dcard .dcard-body{padding:var(--s4);margin-top:var(--s4);border-top:1px solid var(--line)}.dcard-actions{position:relative;z-index:1;display:grid;grid-template-columns:3fr minmax(min-content,1fr);gap:8px}.dcard .dcard-qa,.dcard .dcard-view{width:100%;border-radius:10px;min-height:var(--tap);padding-inline:10px;white-space:nowrap}.dcard .dcard-view{border:1px solid var(--line-2)}.dcard .dcard-view:hover{border-color:var(--ink)}.dcard-favorite{border-radius:50%}.dcard-qa-panel{position:relative;z-index:1;margin-top:var(--s3)}.dcard-qa-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}.dcard-qa-label{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:var(--tr-label);font-size:var(--label);color:var(--ink)}.dcard-qa-guide{font-size:var(--fs-sm);color:var(--accent-deep);border-bottom:1px solid var(--line-2)}.dcard-qa-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:var(--s3)}.dcard-size{-webkit-appearance:none;appearance:none;cursor:pointer;min-height:40px;border:1px solid var(--line-2);border-radius:8px;background:var(--white, #fff);color:var(--ink);font-family:var(--display);font-weight:700;font-size:14px;display:grid;place-items:center;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}@media(pointer:coarse){.dcard-size{min-height:var(--tap)}}.dcard-size:hover:not(:disabled):not(.is-selected){border-color:var(--ink)}.dcard-size.is-selected{background:var(--court);border-color:var(--court);color:var(--bone)}.dcard-size:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.dcard-size.is-out{color:var(--muted);cursor:not-allowed;text-decoration:line-through;background:var(--paper)}.dcard-qa-add{width:100%;border-radius:10px;min-height:var(--tap)}.dcard-qa-add:disabled{opacity:.5;cursor:not-allowed}.dcard-qa-note{margin:var(--s2) 0 0;font-size:var(--fs-sm);color:var(--muted)}.dcard-qa-note.is-error{color:var(--accent-deep)}@media(max-width:639px){.dcard-eyerow{flex-wrap:wrap;gap:var(--s2)}.dcard .dcard-rate{font-size:var(--label);gap:4px;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/daps-card.css.map */