.dd-card2{position:relative;display:flex;flex-direction:column;background:#fafafa;border:1px solid #ededed;border-radius:3rem;overflow:hidden;font-family:var(--dd-font);color:var(--dd-text, #1e2226);isolation:isolate;container-type:inline-size;container-name:dd-card2}.dd-card2__media{position:relative;aspect-ratio:332 / 271;background:#fafafa;overflow:hidden;cursor:pointer}.dd-card2__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .3s ease;mix-blend-mode:darken}.dd-card2:hover .dd-card2__image{transform:scale(1.03)}.dd-card2__image--hover{opacity:0;pointer-events:none}@media(hover:hover){.dd-card2:has(.dd-card2__image--hover):hover [data-hero-image]{opacity:0}.dd-card2:hover .dd-card2__image--hover{opacity:1}}.dd-card2__image--placeholder{display:flex;align-items:center;justify-content:center;background:var(--dd-neutral-75, #f5f5f5)}.dd-card2__placeholder-svg{width:55%;height:auto;opacity:.3}.dd-card2__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:inherit}.dd-card2__media-link:focus-visible{outline:2px solid #000;outline-offset:-2px}.dd-card2__color-badge{position:absolute;left:var(--dd-space-loose);bottom:var(--dd-space-loose);z-index:2;display:inline-flex;align-items:center;height:2.3rem;padding:0 var(--dd-space-base);border-radius:var(--dd-radius-lg);background:#fff;border:1px solid rgba(0,0,0,.03);box-shadow:0 1px 2px #0000000f;font-family:"Termina","termina",var(--dd-font);font-weight:var(--dd-weight-medium);font-size:var(--dd-text-xs);letter-spacing:.12em;text-transform:uppercase;color:#1e2226;line-height:1;white-space:nowrap;max-width:calc(100% - 4rem);overflow:hidden;text-overflow:ellipsis;pointer-events:none}.dd-card2__color-badge[hidden]{display:none}.dd-card2__top{position:absolute;top:var(--dd-space-loose);left:var(--dd-space-loose);right:var(--dd-space-loose);z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--dd-space-snug);pointer-events:none}.dd-card2__top>*{pointer-events:auto}.dd-card2__badges{display:flex;gap:var(--dd-space-compact);flex-wrap:wrap;min-width:0}.dd-card2__badge{display:inline-flex;align-items:center;gap:var(--dd-space-tight);height:2.3rem;padding:0 var(--dd-space-base);border-radius:var(--dd-radius-lg);font-family:var(--dd-font);font-weight:var(--dd-weight-bold);font-size:1.1rem;line-height:1;letter-spacing:0;white-space:nowrap}.dd-card2__badge--sale{background:var(--dd-red-50, #fff0f2);color:var(--dd-red-500, #ef4444);border:1px solid var(--dd-red-100, #f4c7cc);text-transform:uppercase;letter-spacing:.04em;gap:.5rem}.dd-card2__badge--sale[hidden]{display:none}.dd-card2__badge--feature{background:#fff;color:#1e2226;font-weight:var(--dd-weight-medium);border:1px solid rgba(0,0,0,.03);box-shadow:0 1px 2px #0000000a}.dd-card2__badge-icon{color:inherit;flex-shrink:0}.dd-card2__rating{display:inline-flex;align-items:center;gap:var(--dd-space-tight);height:2.3rem;padding:0 var(--dd-space-base);border-radius:var(--dd-radius-lg);background:#fff;border:1px solid rgba(0,0,0,.03);box-shadow:0 1px 2px #0000000a;font-family:var(--dd-font);font-size:1.1rem;font-weight:var(--dd-weight-regular);color:#7e7e7e;line-height:1;flex-shrink:0}.dd-card2__star{color:#1e2226}.dd-card2__panel{position:relative;z-index:2;padding:var(--dd-space-loose);background:#fafafa;display:flex;flex-direction:column;gap:var(--dd-space-md);min-height:25rem}.dd-card2__eyebrow{margin:0;font-family:"Termina","termina",var(--dd-font);font-weight:var(--dd-weight-medium);font-size:var(--dd-text-xs);letter-spacing:.14em;text-transform:uppercase;color:#a1a1a1;line-height:1.4}.dd-card2__title-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dd-space-compact) var(--dd-space-md);flex-wrap:wrap}.dd-card2__title{margin:0;font-family:var(--dd-font);font-weight:var(--dd-weight-bold);font-size:1.9rem;line-height:1.2;letter-spacing:-.01em;text-transform:uppercase;color:#1e2226;flex:1 1 auto;min-width:min-content}.dd-card2__title a{color:inherit;text-decoration:none}.dd-card2__title a:hover{text-decoration:underline}.dd-card2__price{display:inline-flex;align-items:baseline;gap:var(--dd-space-compact);white-space:nowrap;flex-shrink:0}.dd-card2__price-regular{font-size:var(--dd-text-base);font-weight:var(--dd-weight-medium);color:#1e2226}.dd-card2__price-compare{font-size:1.1rem;font-weight:var(--dd-weight-medium);color:#1e2226;text-decoration:line-through;opacity:.65}.dd-card2__price-sale{font-size:var(--dd-text-base);font-weight:var(--dd-weight-medium);color:#c60f2f}.dd-card2__length{display:flex;gap:var(--dd-space-snug);flex-wrap:wrap}.dd-card2__length-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3.6rem;height:3.4rem;padding:0 var(--dd-space-md);background:#fafafa;border:1px solid rgba(0,0,0,.12);border-radius:var(--dd-radius-sm);font-family:var(--dd-font);font-size:1.2rem;font-weight:var(--dd-weight-medium);color:#1d2125cf;line-height:1}.dd-card2__length-pill{cursor:pointer;font-family:inherit}.dd-card2__length-pill:hover{border-color:#00000059;color:#1e2226}.dd-card2__length-pill--active{background:#1e2226;color:#fff;border-color:#1e2226}.dd-card2__length-pill--active:hover{background:#000;border-color:#000;color:#fff}.dd-card2__length-pill[data-available=false]{opacity:.45;cursor:not-allowed;text-decoration:line-through}.dd-card2__divider{height:1px;background:#0000001f;margin:0}.dd-card2__color-row{display:flex;align-items:baseline;gap:var(--dd-space-tight);font-size:1.1rem;line-height:1.3}.dd-card2__color-label{color:#555759;font-weight:var(--dd-weight-medium)}.dd-card2__color-selected{color:#0a0c11;font-weight:var(--dd-weight-semibold)}.dd-card2__swatches{display:flex;align-items:center;gap:.5rem;padding:var(--dd-space-compact) 0;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.dd-card2__swatches::-webkit-scrollbar{display:none}.dd-card2__swatches .dd-card2__swatch:nth-child(n+6){display:none}.dd-card2__swatches.is-expanded{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin:0 -.4rem;padding:var(--dd-space-compact) var(--dd-space-tight);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 2.4rem),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 2.4rem),transparent 100%)}.dd-card2__swatches.is-expanded .dd-card2__swatch:nth-child(n+6){display:inline-flex}.dd-card2__swatches.is-expanded .dd-card2__swatch-more{display:none}.dd-card2__swatch{position:relative;flex:0 0 auto;width:var(--dd-size-thumb-sm);height:var(--dd-size-thumb-sm);padding:0;border-radius:.5rem;border:1px solid rgba(0,0,0,.14);background-color:var(--dd-neutral-75, #f5f5f5);background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;scroll-snap-align:start;transition:transform .15s,box-shadow .15s,border-color .15s,background-color .15s;overflow:hidden;font-family:inherit}.dd-card2__swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--swatch-hover-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .2s ease;pointer-events:none}@media(hover:hover){.dd-card2__swatch:hover:before{opacity:1}}.dd-card2__swatch--oos:before{display:none}.dd-card2__swatch--selected{border:2px solid #ffffff;box-shadow:0 0 0 2px #0a0c11;transform:translateY(-1px)}.dd-card2__swatch--selected:hover{border-color:#fff;box-shadow:0 0 0 2px #000}.dd-card2__swatch--blank{background-color:var(--dd-neutral-100, #f2f1f0)}.dd-card2__swatch:hover{border-color:#0000004d;transform:translateY(-1px)}.dd-card2__swatch--oos{filter:grayscale(.6);opacity:.55}.dd-card2__swatch--oos:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent 0,transparent calc(50% - .75px),rgba(30,34,38,.8) calc(50% - .75px),rgba(30,34,38,.8) calc(50% + .75px),transparent calc(50% + .75px),transparent 100%)}.dd-card2__swatch-slash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dd-card2__swatch-more{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 var(--dd-space-tight);margin-left:.2rem;background:transparent;border:0;font-family:var(--dd-font);font-weight:var(--dd-weight-regular);font-size:1.2rem;letter-spacing:.01em;color:#7e7e7e;cursor:pointer;white-space:nowrap;line-height:1;transition:color .15s}.dd-card2__swatch-more:hover{color:#1e2226}.dd-card2__swatch-more:focus-visible{outline:2px solid #1e2226;outline-offset:2px;border-radius:var(--dd-radius-xs)}.dd-card2__swatch .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dd-card2__footer{display:flex;align-items:center;gap:var(--dd-space-base);margin-top:auto;padding-top:var(--dd-space-tight);flex-wrap:wrap;row-gap:var(--dd-space-snug)}.dd-card2__qty{display:flex;align-items:center;justify-content:space-between;gap:var(--dd-space-tight);height:var(--dd-size-control-base);padding:0 var(--dd-space-snug);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:var(--dd-radius-xl);flex:0 0 auto}.dd-card2__qty-btn{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;background:transparent;border:0;color:#0a0c11;cursor:pointer;opacity:.85;transition:opacity .15s ease,transform .12s ease}.dd-card2__qty-btn:hover{opacity:1}.dd-card2__qty-btn:active{transform:scale(.94)}.dd-card2__qty-btn:focus-visible{outline:2px solid #0a0c11;outline-offset:2px;border-radius:var(--dd-radius-xs)}.dd-card2__qty-btn[disabled],.dd-card2__qty-btn[aria-disabled=true]{opacity:.3;cursor:not-allowed}.dd-card2__qty-value{min-width:1.2rem;text-align:center;font-family:var(--dd-font);font-size:var(--dd-text-md);font-weight:var(--dd-weight-regular);color:#0a0c11;line-height:1}.dd-card2__cta{flex:1 1 12rem;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--dd-space-snug);height:var(--dd-size-control-base);padding:0 1.8rem;background:#0a0c11;color:#fff;border:0;border-radius:9999px;font-family:var(--dd-font);font-weight:var(--dd-weight-bold);font-size:var(--dd-text-base);letter-spacing:.01em;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .2s,transform .15s,opacity .2s}.dd-card2__cta:hover{background:#000}.dd-card2__cta:active{transform:scale(.98)}.dd-card2__cta:focus-visible{outline:2px solid #000;outline-offset:2px}.dd-card2__cta.is-disabled,.dd-card2__cta[disabled]{background:#d7d7d7;color:#7e7e7e;cursor:not-allowed;pointer-events:none}.dd-card2__cta.is-unavailable{background:var(--dd-error-bg);color:var(--dd-error-text);box-shadow:inset 0 0 0 1px var(--dd-error-border)}.dd-card2__cta.is-added{background:#1e6f3c;color:#fff;pointer-events:none}.dd-card2__cta-icon{flex-shrink:0}html[data-glass-customer=false] .dd-card2 .dd-card2__price{display:none}@container dd-card2 (max-width: 300px){.dd-card2__panel{padding:var(--dd-space-md);gap:var(--dd-space-base)}.dd-card2__title{font-size:var(--dd-text-lg)}.dd-card2__length-pill{min-width:var(--dd-size-control-sm);height:3rem;padding:0 var(--dd-space-base);font-size:1.1rem}.dd-card2__swatch{width:3.4rem;height:3.4rem}.dd-card2__qty{height:var(--dd-size-control-md)}.dd-card2__cta{height:var(--dd-size-control-md);padding:0 var(--dd-space-md);font-size:1.2rem}}@container dd-card2 (max-width: 230px){.dd-card2__panel{padding:var(--dd-space-comfortable);gap:var(--dd-space-snug)}.dd-card2__title{font-size:1.5rem}.dd-card2__qty{flex:1 1 auto;justify-content:center}.dd-card2__cta{flex:1 1 100%}}@media(max-width:900px){.dd-card2{border-radius:2.2rem}.dd-card2__panel{padding:var(--dd-space-md);gap:var(--dd-space-base);min-height:22rem}.dd-card2__title{font-size:1.7rem}}@media(max-width:600px){.dd-card2{border-radius:var(--dd-radius-xl)}.dd-card2__top{top:var(--dd-space-comfortable);left:var(--dd-space-comfortable);right:var(--dd-space-comfortable)}.dd-card2__color-badge{left:var(--dd-space-comfortable);bottom:var(--dd-space-comfortable);height:2.1rem;font-size:.9rem;padding:0 var(--dd-space-snug)}.dd-card2__panel{padding:var(--dd-space-comfortable);gap:var(--dd-space-snug);min-height:20rem}.dd-card2__title{font-size:1.5rem}.dd-card2__length-pill{min-width:var(--dd-size-control-sm);height:3rem;padding:0 var(--dd-space-base);font-size:1.1rem}.dd-card2__swatch{width:3.4rem;height:3.4rem}.dd-card2__footer{gap:var(--dd-space-compact)}.dd-card2__qty{height:var(--dd-size-control-md)}.dd-card2__cta{height:var(--dd-size-control-md);padding:0 var(--dd-space-md);font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/211/assets/dd-product-card-expanded.css.map */