.eb-pcard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;position:relative;transition:transform var(--motion-response),border-color var(--motion-micro),box-shadow var(--motion-micro)}@media(min-width:990px){.eb-pcard:hover{transform:translateY(var(--lift-card));box-shadow:var(--shadow-hover);border-color:var(--card-hover-border)}.eb-pcard:hover .eb-pcard__title{color:var(--color-accent-2)}}.eb-pcard:focus-within{box-shadow:var(--shadow-focus)}.eb-pcard__media{aspect-ratio:var(--media-ratio, 16 / 9);background:var(--color-surface-2);border-radius:calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0;display:grid;overflow:hidden;padding:var(--space-2);place-items:center;position:relative}.eb-pcard__media img,.eb-pcard__ph{height:100%;object-fit:var(--card-media-fit, contain);transition:opacity var(--motion-micro);width:100%}.eb-pcard[data-fit=cover]{--card-media-fit: cover}.eb-pcard[data-fit=cover] .eb-pcard__media{padding:0}.eb-pcard__ph{display:grid;place-items:center}.eb-pcard__ph svg{height:60%;width:60%}.eb-pcard__img--alt{inset:var(--space-2);opacity:0;position:absolute}@media(min-width:990px){.eb-pcard:hover .eb-pcard__img--alt{opacity:1}.eb-pcard:hover .eb-pcard__img:not(.eb-pcard__img--alt){opacity:0}}.eb-pcard__badges{display:flex;flex-wrap:wrap;gap:6px;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);max-width:calc(100% - var(--space-4));position:absolute;z-index:2}.eb-pcard__badges .eb-badge--neutral{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.eb-pcard__body{display:flex;flex:1;flex-direction:column;gap:7px;padding:var(--space-2) var(--space-3) 0}.eb-pcard__meta{align-items:center;display:flex;gap:var(--space-1);min-height:18px}.eb-pcard__meta .eb-compare{margin-inline-start:auto}.eb-rating{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--fs-micro);gap:6px}.eb-rating__stars{color:var(--color-accent);display:inline-flex;gap:1px}.eb-pcard__head{display:flex;flex-direction:column;gap:3px}.eb-pcard__title{font-family:var(--font-display);font-size:var(--fs-h5);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-snug);transition:color var(--motion-micro)}.eb-pcard__title a{color:inherit;text-decoration:none}.eb-pcard__title a:after{border-radius:var(--radius-card);content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.eb-pcard__title span,.eb-pcard__tagline{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.eb-pcard__title span{-webkit-line-clamp:2}.eb-pcard__tagline{-webkit-line-clamp:1;color:var(--color-text-2);font-size:var(--fs-caption);line-height:1.45}.eb-swatches{align-items:center;display:flex;flex-wrap:wrap;gap:var(--swatch-gap, 7px);padding-block:var(--space-0);position:relative;z-index:3}.eb-swatches--lg{--swatch-gap: 10px}.eb-swatch{--swatch-size: 20px;--swatch-ring: 1.5px;--swatch-gapring: 2px;background:none;border:none;border-radius:var(--radius-pill);cursor:pointer;display:block;height:var(--swatch-size);padding:0;position:relative;transition:box-shadow var(--motion-micro),transform var(--motion-micro);width:var(--swatch-size)}.eb-swatch--md{--swatch-size: 26px}.eb-swatch--lg{--swatch-size: 34px;--swatch-ring: 2px;--swatch-gapring: 3px}.eb-swatch>i{background-color:var(--sw, var(--color-surface-2));background-image:radial-gradient(circle at 32% 26%,rgba(255,255,255,.3),transparent 58%),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.12)),linear-gradient(108deg,var(--sw, var(--color-surface-2)) 0 52%,var(--sw2, var(--sw, var(--color-surface-2))) 52%);background-size:cover;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 20%,transparent);display:block;height:100%;width:100%}.eb-swatch:hover{transform:scale(1.08)}.eb-swatch:focus-visible{outline:2px solid var(--color-accent-2);outline-offset:3px}.eb-swatch[aria-pressed=true]{box-shadow:0 0 0 var(--swatch-ring) var(--color-accent-2);transform:scale(1.04)}.eb-swatch[aria-pressed=true]>i{box-shadow:inset 0 0 0 var(--swatch-gapring) var(--color-surface),inset 0 0 0 calc(var(--swatch-gapring) + 1px) color-mix(in srgb,var(--color-text) 14%,transparent)}.eb-swatch[data-unavailable=true]{cursor:not-allowed;opacity:.9}.eb-swatch[data-unavailable=true]:hover{transform:none}.eb-swatch[data-unavailable=true]:after{background:var(--color-text-2);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-surface) 65%,transparent);content:"";height:max(1px,calc(var(--swatch-size) * .045));inset-block-start:50%;inset-inline-start:-6%;position:absolute;transform:rotate(-45deg);width:112%}.eb-section--on-dark .eb-swatch[aria-pressed=true],.eb-on-dark .eb-swatch[aria-pressed=true]{box-shadow:0 0 0 var(--swatch-ring) var(--color-accent)}.eb-swatches__more{color:var(--color-text-muted);font-size:var(--fs-micro)}.eb-optrow{align-items:center;display:flex;flex-wrap:wrap;gap:7px;position:relative;z-index:3}.eb-optrow__k{color:var(--color-text-muted);font-size:var(--fs-micro);min-width:42px}.eb-opt{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-button);color:var(--color-text-2);cursor:pointer;font-size:var(--fs-micro);padding:4px 9px;transition:background var(--motion-micro),border-color var(--motion-micro),color var(--motion-micro)}.eb-opt:hover{border-color:var(--color-accent-2)}.eb-opt[aria-pressed=true]{background:var(--color-accent-2);border-color:var(--color-accent-2);color:var(--color-on-inverse)}.eb-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:9px}.eb-price__now{color:var(--color-accent-2);font-family:var(--font-display);font-size:var(--fs-h4);font-variant-numeric:tabular-nums lining-nums;font-weight:var(--fw-semibold);line-height:1.1}.eb-price--sale .eb-price__now{color:var(--color-sale)}.eb-price--sm .eb-price__now{font-size:var(--fs-body)}.eb-price--lg .eb-price__now{font-size:var(--fs-h3)}.eb-price__was{color:var(--color-text-muted);font-size:var(--fs-caption);text-decoration:line-through}.eb-price__from,.eb-price__unit{color:var(--color-text-muted);font-size:var(--fs-micro)}.eb-price__save{align-self:center}.eb-specwrap{container-type:inline-size;margin-top:var(--space-0)}.eb-spec-strip--inline{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block:0}.eb-spec-strip--inline .eb-spec-strip__cell{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--fs-micro);gap:4px}.eb-spec-strip--inline .eb-spec-strip__cell:after{content:none}.eb-spec-strip--inline .eb-spec-strip__value{display:inline}.eb-spec-strip--inline svg{color:var(--color-accent-2);height:13px;opacity:.72;width:13px}.eb-spec-strip--boxed .eb-spec-strip__cell:after{content:none}.eb-spec-strip--boxed .eb-spec-strip__value{display:block}.eb-spec-strip--boxed{gap:0;padding-block:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:calc(var(--radius-card) - 4px);display:grid;grid-template-columns:repeat(var(--strip-count, 4),minmax(0,1fr));overflow:hidden}.eb-spec-strip--boxed .eb-spec-strip__cell{border-inline-end:1px solid var(--color-border);min-width:0;padding:7px 4px;text-align:center}.eb-spec-strip--boxed .eb-spec-strip__cell:last-child{border-inline-end:none}.eb-spec-strip--boxed svg{color:var(--color-accent-2);margin:0 auto 4px;opacity:.72}.eb-spec-strip--boxed .eb-spec-strip__value{color:var(--color-text-2);font-size:var(--fs-micro);font-weight:var(--fw-medium);line-height:1.3;white-space:nowrap}@container (max-width: 400px){.eb-spec-strip--boxed .eb-spec-strip__cell{padding:7px 2px}.eb-spec-strip--boxed .eb-spec-strip__value{font-size:10px}.eb-spec-strip--boxed svg{height:14px;width:14px}}@container (max-width: 330px){.eb-spec-strip--boxed .eb-spec-strip__value{font-size:9px;letter-spacing:-.01em}.eb-spec-strip--boxed svg{height:13px;width:13px;margin-bottom:3px}}.eb-promo{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-top:var(--space-0)}.eb-ticket{align-items:center;border-radius:5px;display:inline-flex;font-size:var(--fs-micro);font-weight:var(--fw-semibold);gap:6px;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:radial-gradient(circle 4px at 0 50%,transparent 98%,#000 100%),radial-gradient(circle 4px at 100% 50%,transparent 98%,#000 100%);mask-image:radial-gradient(circle 4px at 0 50%,transparent 98%,#000 100%),radial-gradient(circle 4px at 100% 50%,transparent 98%,#000 100%);padding:5px 12px;position:relative}.eb-ticket--now{background:var(--color-accent-2);color:var(--color-accent-on-dark)}.eb-ticket--checkout{background:var(--color-accent-wash);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent-2)}.eb-promo__plus{color:var(--color-text-muted);font-size:var(--fs-micro)}.eb-gifts{background:var(--color-tint);border-radius:calc(var(--radius-card) - 4px);margin-top:var(--space-1);padding:var(--space-2)}.eb-gifts__head{align-items:center;display:flex;gap:var(--space-1);justify-content:space-between;margin-bottom:var(--space-1)}.eb-gifts__label{align-items:center;color:var(--color-accent-2);display:inline-flex;font-size:var(--fs-micro);font-weight:var(--fw-semibold);gap:5px;letter-spacing:var(--tracking-label);text-transform:uppercase}.eb-gifts__value{color:var(--color-accent-press);font-size:var(--fs-micro);font-weight:var(--fw-semibold)}.eb-gifts__row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.eb-gifts__row::-webkit-scrollbar{display:none}.eb-gift{flex:1 1 0;min-width:46px;text-align:center}.eb-gift__im{aspect-ratio:1;background:var(--color-surface);border-radius:7px;box-shadow:inset 0 0 0 1px var(--color-border);display:grid;overflow:hidden;place-items:center}.eb-gift__im img,.eb-gift__im svg{height:100%;object-fit:contain;width:100%}.eb-gift__p{color:var(--color-text-muted);display:block;font-size:10px;margin-top:3px}.eb-addons{display:flex;flex-direction:column;gap:5px;margin-top:var(--space-1);position:relative;z-index:3}.eb-addons__head{color:var(--color-text-muted);font-size:var(--fs-micro);letter-spacing:var(--tracking-label);margin-bottom:2px;text-transform:uppercase}.eb-addon{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;gap:9px;padding:6px 9px;text-align:left;transition:background var(--motion-micro),border-color var(--motion-micro);width:100%}.eb-addon:hover{border-color:var(--color-border-strong)}.eb-addon__box{align-items:center;border:1.5px solid var(--color-border-strong);border-radius:4px;display:grid;flex:0 0 auto;height:15px;place-items:center;transition:background var(--motion-micro),border-color var(--motion-micro);width:15px}.eb-addon__box svg{color:var(--color-on-inverse);opacity:0}.eb-addon__n{color:var(--color-text-2);flex:1;font-size:var(--fs-micro);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eb-addon__p{color:var(--color-accent-2);font-size:var(--fs-micro);font-weight:var(--fw-semibold)}.eb-addon[aria-pressed=true]{background:var(--color-tint);border-color:var(--color-accent-2)}.eb-addon[aria-pressed=true] .eb-addon__box{background:var(--color-accent-2);border-color:var(--color-accent-2)}.eb-addon[aria-pressed=true] .eb-addon__box svg{opacity:1}.eb-pcard__foot{display:flex;gap:var(--space-1);margin-top:auto;padding:10px var(--space-3) var(--space-3);position:relative;z-index:3}.eb-pcard__foot>*,.eb-pcard__foot .eb-quickadd{flex:1 1 0}.eb-pcard__foot:has(.eb-btn--primary)>*:not(.eb-quickadd):not(.eb-btn--primary){flex:0 0 auto}.eb-pcard__foot .eb-quickadd .eb-btn{width:100%}.eb-pcard__foot .eb-btn{font-size:var(--fs-body-sm);min-height:44px;padding:10px 16px;white-space:nowrap}.eb-pcard__note{color:var(--color-text-muted);font-size:var(--fs-micro);margin-top:-6px;padding:0 var(--space-3) var(--space-2);text-align:center}.eb-pcard[data-state=sold_out] .eb-pcard__media{filter:saturate(.55) opacity(.72)}.eb-compare{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:var(--fs-micro);gap:6px;padding:2px 0;position:relative;transition:color var(--motion-micro);z-index:3}.eb-compare i{align-items:center;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);display:grid;height:13px;place-items:center;transition:background var(--motion-micro),border-color var(--motion-micro);width:13px}.eb-compare i svg{color:var(--color-on-inverse);opacity:0}.eb-compare:hover{color:var(--color-accent-2)}.eb-compare[aria-pressed=true]{color:var(--color-accent-2);font-weight:var(--fw-medium)}.eb-compare[aria-pressed=true] i{background:var(--color-accent-2);border-color:var(--color-accent-2)}.eb-compare[aria-pressed=true] i svg{opacity:1}.eb-pcard--pick{cursor:pointer}.eb-pick{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,var(--color-surface) 86%,transparent);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);cursor:pointer;display:grid;height:26px;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);place-items:center;position:absolute;transition:background var(--motion-response),border-color var(--motion-response),transform var(--motion-response);width:26px;z-index:4}.eb-pick svg{color:var(--color-accent-text);opacity:0}.eb-pcard--pick:hover .eb-pick{border-color:var(--color-accent-2)}.eb-pcard--pick.is-selected .eb-pick{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.06)}.eb-pcard--pick.is-selected .eb-pick svg{opacity:1}.eb-pcard--pick.is-selected{box-shadow:var(--shadow-hover)}.eb-pcard--pick.is-selected:after{border:2px solid var(--color-accent-2);border-radius:var(--radius-card);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:5}.eb-pcard--row{align-items:center;border-radius:var(--radius-card);box-shadow:none;flex-direction:row;gap:var(--space-2);padding:var(--space-2)}.eb-pcard--row:hover,.eb-pcard--mini:hover{border-color:var(--color-border-strong);transform:none}.eb-pcard--mini{box-shadow:none;column-gap:6px;display:grid;grid-template-columns:1fr auto;padding:var(--space-1);row-gap:7px}.eb-pcard--mini .eb-prow__media{aspect-ratio:1;grid-column:1 / -1;width:100%}.eb-pcard--mini .eb-prow__text{display:contents}.eb-pcard--mini .eb-prow__title{-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--font-body);font-size:var(--fs-micro);font-weight:var(--fw-regular);grid-column:1 / -1;-webkit-line-clamp:2;line-height:1.3;min-height:2.6em;overflow:hidden}.eb-pcard--mini .eb-price{align-self:center;grid-column:1}.eb-pcard--mini .eb-price__now{font-size:var(--fs-micro);font-weight:var(--fw-semibold)}.eb-pcard--mini .eb-pmini__add{align-self:center;grid-column:2;margin:0}.eb-prow__media{aspect-ratio:1;background:var(--color-surface-2);border-radius:9px;display:grid;flex:0 0 auto;overflow:hidden;place-items:center;width:88px}.eb-pcard--mini .eb-prow__media{width:56px}.eb-prow__media img,.eb-prow__media svg{height:100%;object-fit:contain;width:100%}.eb-prow__text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.eb-prow__title{font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--leading-snug)}.eb-pcard--mini .eb-prow__title{font-size:var(--fs-body-sm)}.eb-prow__title a{color:inherit;text-decoration:none}.eb-prow__title a:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.eb-prow__sub{color:var(--color-text-muted);font-size:var(--fs-micro)}.eb-pmini__add{flex:0 0 auto;margin-inline-start:auto;position:relative;z-index:2}.eb-pmini__plus{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-button);color:var(--color-accent-text);cursor:pointer;display:grid;height:24px;place-items:center;transition:background var(--motion-micro);width:24px}.eb-pmini__plus:hover{background:var(--color-accent-press)}.eb-prow__side{align-items:center;display:flex;gap:var(--space-2);margin-inline-start:auto;position:relative;z-index:2}.eb-sk{animation:eb-sk 1.4s linear infinite;background:linear-gradient(90deg,var(--color-surface-2),color-mix(in srgb,var(--color-accent-2) 4%,var(--color-surface-2)),var(--color-surface-2));background-size:200% 100%;border-radius:6px;display:block}.eb-sk--fill{height:100%;width:100%}@keyframes eb-sk{0%{background-position:200% 0}to{background-position:-200% 0}}.eb-pcard--skeleton{pointer-events:none}.eb-pcard--skeleton .eb-pcard__body{gap:var(--space-2);padding-bottom:var(--space-2)}.eb-ctray{bottom:0;position:sticky;z-index:var(--z-sticky)}.eb-ctray[hidden]{display:none}.eb-ctray__inner{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -12px 32px var(--shadow-tint-2);display:flex;gap:var(--space-3);padding:10px var(--gutter)}.eb-ctray__slots{display:flex;gap:8px;min-width:0}.eb-cslot{align-items:center;background:var(--color-surface-2);border-radius:10px;display:grid;flex:0 0 auto;height:52px;overflow:visible;place-items:center;position:relative;width:52px}.eb-cslot img{border-radius:inherit;height:100%;object-fit:contain;width:100%}.eb-cslot--empty{background:transparent;border:1.5px dashed var(--color-border-strong);opacity:.55}.eb-cslot__x{align-items:center;background:var(--color-accent-2);border:none;border-radius:var(--radius-pill);color:var(--color-on-inverse);cursor:pointer;display:grid;height:18px;inset-block-start:-6px;inset-inline-end:-6px;padding:0;place-items:center;position:absolute;width:18px}.eb-ctray__txt{flex:1;min-width:0}.eb-ctray__txt b{display:block;font-family:var(--font-display);font-size:var(--fs-h5);font-weight:var(--fw-semibold);line-height:1.2}.eb-ctray__txt span{color:var(--color-text-muted);font-size:var(--fs-micro)}.eb-ctray__acts{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-2)}.eb-ctray__clear{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--fs-caption);text-decoration:underline;text-underline-offset:2px}.eb-ctray__clear:hover,.eb-ctray.is-full .eb-ctray__txt b{color:var(--color-sale)}.eb-has-section-tray .eb-ctray__inner{border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-lift);margin-block-end:var(--space-2);margin-inline:auto var(--gutter);padding:7px 8px 7px 12px;width:max-content}.eb-has-section-tray .eb-cslot{border-radius:8px;box-shadow:0 0 0 2px var(--color-surface);height:32px;margin-inline-start:-10px;width:32px}.eb-has-section-tray .eb-cslot:first-child{margin-inline-start:0}.eb-has-section-tray .eb-cslot--empty,.eb-has-section-tray .eb-cslot__x,.eb-has-section-tray .eb-ctray__txt span,.eb-has-section-tray .eb-ctray__clear{display:none}.eb-has-section-tray .eb-ctray__txt{flex:0 0 auto}.eb-has-section-tray .eb-ctray__txt b{font-family:var(--font-body);font-size:var(--fs-body-sm)}@media(max-width:768px){.eb-ctray__inner{gap:var(--space-2);padding:10px var(--space-3)}.eb-ctray__slots{flex:0 0 auto;gap:0}.eb-cslot{height:42px;margin-inline-start:-10px;box-shadow:0 0 0 2px var(--color-surface);width:42px}.eb-cslot:first-child{margin-inline-start:0}.eb-cslot:nth-child(1){z-index:4}.eb-cslot:nth-child(2){z-index:3}.eb-cslot:nth-child(3){z-index:2}.eb-cslot:nth-child(4){z-index:1}.eb-cslot--empty,.eb-ctray__clear{display:none}.eb-ctray__txt b{font-family:var(--font-body);font-size:var(--fs-caption);white-space:nowrap}.eb-ctray__txt span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.eb-cardgrid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--cards-per-row, 3),minmax(0,1fr))}@media(max-width:989px){.eb-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.eb-cardgrid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/component-card.css.map */