/* One consistent card-art system across grids and recommendation rails. */
.dd-uniform-card .dd-card-stage{position:relative;overflow:hidden;isolation:isolate;background:white}.dd-uniform-card .dd-card-stage>.dd-uniform-image{position:absolute!important;max-width:none!important;max-height:none!important;min-height:0!important;padding:0!important;object-fit:contain!important;transform:none!important;transition:opacity .2s ease!important;opacity:1!important}
.dd-uniform-card .dd-card-stage>.dd-card-benefit{position:absolute;inset:0;z-index:2;padding:24px 22px 18px;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s;color:#33272c;pointer-events:none}
.dd-uniform-card .dd-benefit-copy{flex:none;text-align:left}.dd-uniform-card .dd-benefit-copy>span{display:block;font:700 10px/1.3 DDHaasReference,Arial,sans-serif;letter-spacing:.06em;color:#795766}.dd-uniform-card .dd-benefit-copy h4{font:700 clamp(20px,1.75vw,30px)/1.1 DDParafinaReference,Arial,sans-serif;letter-spacing:-.025em;margin:12px 0 12px;text-transform:none}.dd-uniform-card .dd-benefit-copy p{font:400 13px/1.45 DDHaasReference,Arial,sans-serif;color:#625359;margin:0;min-height:0!important}.dd-uniform-card .dd-benefit-art{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.dd-uniform-card .dd-benefit-art img{position:absolute!important;display:block;width:var(--dd-art-width)!important;height:var(--dd-art-height)!important;left:var(--dd-art-left);top:var(--dd-art-top);max-width:none!important;max-height:none!important;object-fit:contain!important;padding:0!important;opacity:1!important;mix-blend-mode:multiply}
@media(hover:hover) and (pointer:fine){.dd-uniform-card:hover .dd-card-benefit{opacity:1;visibility:visible}.dd-uniform-card:hover .dd-card-stage>.dd-uniform-image{opacity:0!important}}
.dd-uniform-card:focus-visible .dd-card-benefit,.dd-uniform-card .dd-card-stage:focus-visible .dd-card-benefit,.dd-show-benefits .dd-card-benefit{opacity:1!important;visibility:visible!important}.dd-show-benefits .dd-card-stage>.dd-uniform-image{opacity:0!important}
.dd-card-view-toggle{display:block;width:max-content;max-width:100%;margin:0 0 20px auto;padding:9px 0;background:none;border:0;border-bottom:1px solid #bd94a4;font:400 13px/1.3 DDHaasReference,Arial,sans-serif;color:#795766;cursor:pointer;min-height:44px}.pdp-pairings>.dd-card-view-toggle,.latest .dd-card-view-toggle{margin:-20px auto 22px}.dd-card-view-toggle:focus-visible{outline:2px solid #795766;outline-offset:4px}
@media(max-width:767px){.dd-uniform-card .dd-card-stage>.dd-card-benefit{padding:16px 13px 10px;gap:8px}.dd-uniform-card .dd-benefit-copy>span{font-size:9px}.dd-uniform-card .dd-benefit-copy h4{font-size:22px;margin:8px 0}.dd-uniform-card .dd-benefit-copy p{font-size:12px}.dd-collection-grid .dd-benefit-copy h4{font-size:17px}.dd-collection-grid .dd-benefit-copy p{font-size:10px;line-height:1.35}.dd-collection-grid .dd-card-stage>.dd-card-benefit{padding:12px 10px 8px;gap:6px}.dd-collection-grid .dd-benefit-copy>span{font-size:8px}.dd-collection-grid .dd-benefit-copy h4{margin:6px 0}.dd-card-view-toggle{font-size:12px;margin-bottom:16px}.pdp-pairings>.dd-card-view-toggle,.latest .dd-card-view-toggle{margin:-10px auto 16px}}
@media(prefers-reduced-motion:reduce){.dd-uniform-card .dd-card-stage>.dd-card-benefit,.dd-uniform-card .dd-card-stage>.dd-uniform-image{transition:none!important}}