.card{display:flex;flex-direction:column;gap:16px;min-width:0}.card .ph{position:relative;aspect-ratio:293 / 342;background:var(--tile);display:grid;place-items:center;overflow:hidden}.card .cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card .ph img{width:74%;height:74%;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--t-zoom) var(--ease)}.card:hover .ph img{transform:scale(1.04)}.card .ph em{font-style:normal;color:var(--t2);font-size:12px}.card .bdg{position:absolute;z-index:2;top:11px;left:11px;padding:4px 8px;background:var(--paper);font-size:12px;line-height:1.2;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.card .bdg.dark{background:var(--ink);color:var(--paper)}.card .infam{position:absolute;z-index:2;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:6px;color:var(--t2);pointer-events:none}.card .qbag{position:absolute;z-index:2;right:11px;bottom:11px;width:44px;height:44px;border-radius:50%;background:var(--paper);display:grid;place-items:center;opacity:0;transform:translateY(6px);transition:opacity var(--t-base) ease,transform var(--t-base) ease,background var(--t-fast) ease,color var(--t-fast) ease}.card:hover .qbag{opacity:1;transform:none}.card:focus-within .qbag{opacity:1;transform:none}.card .qbag:hover{background:var(--ink);color:var(--paper)}.card .tx{display:flex;flex-direction:column;gap:2px}.card .tx .br{font-weight:600;letter-spacing:.06em;text-transform:uppercase}.card .tx .ty{color:var(--t2)}.card .tx .pr{margin-top:8px;font-weight:600}.card .tx:hover .br{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.card .infam{font-size:14px;line-height:1.45}.card.edt .ph.full img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.card.edt .tx{display:flex;flex-direction:column;gap:2px}.card.edt .go{margin-top:8px;align-self:flex-start}.card.edt:hover .s22{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.card.pick{margin:0;background:var(--tile);aspect-ratio:293 / 342;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}.card.pick .who{width:66px;height:66px;border-radius:50%;object-fit:cover}.card.pick blockquote{margin:0}.card.pick figcaption b{font-weight:600}@media(max-width:899px){.card.pick{padding:16px}}.card .infam{transition:opacity var(--t-base) ease}@media(min-width:900px){:is(.duk .card,.card.duk) .bdg{font-size:12px}:is(.duk .card,.card.duk) .tx{font-size:14px}:is(.duk .card,.card.duk) .infam{font-size:12px}:is(.duk .card,.card.duk) .ph em{font-size:12px}}:is(.duk .card,.card.duk) .tx .br{text-decoration:none!important;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 1px;background-position:right 100%;transition:background-size var(--t-fast) ease-in-out,color var(--t-fast) ease-in-out;align-self:flex-start}:is(.duk .card,.card.duk).edt .s22{text-decoration:none!important;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 1px;background-position:right 100%;transition:background-size var(--t-fast) ease-in-out,color var(--t-fast) ease-in-out;align-self:flex-start}:is(.duk .card,.card.duk) .tx:hover .br{text-decoration:none!important;background-size:100% 1px;background-position-x:left}:is(.duk .card,.card.duk).edt:hover .s22{text-decoration:none!important;background-size:100% 1px;background-position-x:left}.card .infam.fk{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 11px;line-height:1.3;right:16px}.card .ifa{display:inline-flex;align-items:center;gap:4px}.card .ifoc{display:inline-flex;gap:4px}.card .ifoc .fkl{color:var(--t2);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.card .ifoc .fic{flex:none;color:var(--t2)}:is(.duk .card,.card.duk) .infam.fk{font-size:12px}@media(max-width:899px){:is(.duk .card,.card.duk) .infam.fk{font-size:12px}:is(.duk .card,.card.duk) .tx .txk .fkl{margin-right:4px}}.card .ifoc{flex-wrap:nowrap;white-space:nowrap}@media(max-width:899px){.card .infam.fk{left:11px;right:11px;bottom:11px}.card .ifoc,.card .ifa{gap:4px}}.card .tx .txk{display:none}@media(max-width:899px){:is(.duk .card,.card.duk) .ph .infam.fk{display:none}:is(.duk .card,.card.duk) .tx .infam.fk.txk{display:flex;position:static;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;font-size:12px;line-height:1.3}:is(.duk .card,.card.duk) .tx .txk .ifoc{white-space:normal;display:block;max-width:100%}:is(.duk .card,.card.duk) .tx .txk .fic{display:inline-block;vertical-align:-1px;margin-right:4px}}.card .ifoc{align-items:baseline}.card .ifoc .fic{align-self:center}:is(.duk .card,.card.duk) .tx .br{font-size:12px}:is(.duk .card,.card.duk).edt .tx{gap:4px}:is(.duk .card,.card.duk).edt .s22{font-family:var(--ff-sans);font-weight:400;font-size:14px;line-height:1.45;color:var(--ink)}:is(.duk .card,.card.duk).edt .go{margin-top:8px}:is(.duk .card,.card.duk).edt:hover .hm-ar{transform:translate(5px)}:is(.duk .card,.card.duk).edt:hover .go .ul{background-size:0% 1px}:is(.duk .card,.card.duk).pick{justify-content:flex-start;gap:0}:is(.duk .card,.card.duk).pick .pk-lb{color:var(--ink)}:is(.duk .card,.card.duk).pick blockquote{margin:22px 0 auto}:is(.duk .card,.card.duk).pick .pk-who{display:flex;align-items:center;gap:16px;margin-top:44px}:is(.duk .card,.card.duk).pick .pk-pr{margin:22px 0 0}:is(.duk .card,.card.duk).pick .pk-pr+.pk-who{margin-top:22px}:is(.duk .card,.card.duk).pick .pk-who img.who{width:64px;height:64px;border-radius:0;object-fit:cover;display:block;flex:none}@media(max-width:899px){:is(.duk .card,.card.duk).pick .pk-who{margin-top:22px}}@media(min-width:900px)and (hover:hover){:is(.duk .card,.card.duk) .ph .infam .ifa{opacity:0;transform:translate(-14px);transition:opacity var(--t-base) ease,transform var(--t-base) var(--ease)}:is(.duk .card,.card.duk) .ph .infam .ifoc{opacity:0;transform:translate(-14px);transition:opacity var(--t-base) ease,transform var(--t-base) var(--ease)}:is(.duk .card,.card.duk):hover .ph .infam .ifa{opacity:1;transform:none}:is(.duk .card,.card.duk):focus-within .ph .infam .ifa{opacity:1;transform:none}:is(.duk .card,.card.duk):hover .ph .infam .ifoc{opacity:1;transform:none}:is(.duk .card,.card.duk):focus-within .ph .infam .ifoc{opacity:1;transform:none}:is(.duk .card,.card.duk):hover .ph .infam .ifa{transition-delay:.05s}:is(.duk .card,.card.duk):focus-within .ph .infam .ifa{transition-delay:.05s}:is(.duk .card,.card.duk):hover .ph .infam .ifoc{transition-delay:.17s}:is(.duk .card,.card.duk):focus-within .ph .infam .ifoc{transition-delay:.17s}}@media(prefers-reduced-motion:reduce){:is(.duk .card,.card.duk) .ph .infam .ifa{transition:none;transform:none}:is(.duk .card,.card.duk) .ph .infam .ifoc{transition:none;transform:none}}@media(max-width:1199px){:is(.duk .card,.card.duk) .ph .infam.fk{display:none}:is(.duk .card,.card.duk) .tx .infam.fk.txk{display:flex;position:static;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;font-size:12px;line-height:1.3}:is(.duk .card,.card.duk) .tx .txk .ifoc{white-space:normal;display:block;max-width:100%}:is(.duk .card,.card.duk) .tx .txk .fic{display:inline-block;vertical-align:-1px;margin-right:4px}:is(.duk .card,.card.duk) .tx .txk .fkl{margin-right:4px}}:is(.duk .card,.card.duk) .bdgs{position:absolute;z-index:2;top:11px;left:11px;right:11px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}:is(.duk .card,.card.duk) .bdgs .bdg{position:static;display:inline-flex;align-items:center;gap:5px}:is(.duk .card,.card.duk) .bdgs .bdg.fest{background:var(--beere);color:var(--beere-tx)}:is(.duk .card,.card.duk) .bdgs .bdg.fest svg{flex:none;position:relative;top:-.5px}@media(max-width:899px){:is(.duk .card,.card.duk) .bdgs{flex-direction:column;align-items:flex-start;right:auto}}.card.duk{background:transparent;overflow:visible}.card .ph product-form,.card .ph product-form form{display:contents}:is(.duk .card,.card.duk) .duk-wishlist-card-button{position:absolute;z-index:2;inset-block-start:2px;inset-inline-end:2px}:is(.duk .card,.card.duk) .heart{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:none;color:var(--ink);transition:background var(--t-fast) ease,transform var(--t-fast) ease}:is(.duk .card,.card.duk) .heart svg{width:18px;height:18px;transition:transform .2s var(--ease)}:is(.duk .card,.card.duk) .heart svg path{fill:transparent;transition:fill .2s ease}:is(.duk .card,.card.duk) .heart[aria-pressed=true] svg path{fill:currentColor}:is(.duk .card,.card.duk) .heart.is-pulsing svg{animation:heartPop .35s var(--ease)}@media(hover:hover){:is(.duk .card,.card.duk) .heart:hover{background:var(--veil)}:is(.duk .card,.card.duk) .heart:hover svg{transform:scale(1.12)}}@keyframes heartPop{0%{transform:scale(.8)}60%{transform:scale(1.25)}to{transform:scale(1)}}@media(hover:none){.card .qbag{display:none}}@media(prefers-reduced-motion:reduce){:is(.duk .card,.card.duk) .heart svg,.card .ph img,.card .qbag{transition:none}:is(.duk .card,.card.duk) .heart.is-pulsing svg{animation:none}}:is(.duk .card,.card.duk) .bdg.out{padding:3px 7px;background:transparent;color:var(--ink);border:1px dashed var(--ink)}.card .qbag.out{background:transparent;color:var(--ink);border:1px dashed var(--ink)}.card .qbag.out:hover{background:var(--ink);color:var(--paper);border-style:solid}
/*# sourceMappingURL=/cdn/shop/t/54/assets/duk-card.css.map */