.eb-pcard{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border:var(--border-hair) solid var(--color-border);border-radius:var(--r-md);box-shadow:inset 0 1px 0 var(--edge-light);overflow:hidden;isolation:isolate;transition:transform var(--dur-base) var(--ease-exit),box-shadow var(--dur-base) var(--ease-exit),border-color var(--dur-base) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.eb-pcard:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-3),inset 0 1px 0 var(--edge-light);border-color:var(--color-border-strong)}}.eb-pcard__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-surface-2)}.eb-pcard__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--dur-slow) var(--ease-standard)}.eb-pcard__img--primary{opacity:1;z-index:1}@media(hover:hover)and (pointer:fine){.eb-pcard:hover .eb-pcard__img--primary{opacity:0}}.eb-pcard__badges{position:absolute;top:var(--space-3);inset-inline-start:var(--space-3);display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:3}.eb-pcard__compare{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);z-index:3}.eb-compare-toggle{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--color-surface) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:var(--border-hair) solid var(--color-border);font:var(--type-data-sm);letter-spacing:var(--track-data-sm);text-transform:uppercase;color:var(--color-text-2);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.eb-compare-toggle .eb-icon{width:15px;height:15px}.eb-compare-toggle:hover{border-color:var(--color-text);color:var(--color-text)}.eb-compare-toggle[aria-pressed=true]{background:var(--color-hi);color:var(--color-on-hi);border-color:var(--color-hi)}.eb-pcard__body{padding:var(--space-5);display:grid;gap:var(--space-3);flex:1;align-content:start}.eb-pcard__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.eb-pcard__cat{font:var(--type-data-sm);letter-spacing:var(--track-data-sm);text-transform:uppercase;color:var(--color-text-muted)}.eb-pcard__title{font:var(--type-h4);font-weight:var(--fw-bold);letter-spacing:var(--track-h4);text-transform:uppercase}.eb-pcard__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.eb-pcard__tagline{font:var(--type-body-sm);color:var(--color-text-2)}.eb-pcard__swatches{display:flex;align-items:center;gap:6px}.eb-pcard__swatches button{width:18px;height:18px;border-radius:50%;padding:0;position:relative;z-index:3;border:1px solid var(--color-border-strong);transition:transform var(--dur-fast) var(--ease-spring)}.eb-pcard__swatches button[aria-checked=true]{transform:scale(1.15);box-shadow:0 0 0 2px var(--color-bg),0 0 0 3px var(--color-text)}.eb-pcard__swatches span{font:var(--type-micro);color:var(--color-text-muted)}.eb-pcard.is-swatched:hover .eb-pcard__img--primary{opacity:1}.eb-pcard.is-swatched:hover .eb-pcard__img--secondary{opacity:0}.eb-pcard__specs{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:var(--space-2);padding-block:var(--space-3);border-block:var(--border-hair) solid var(--color-border);overflow-x:auto;scrollbar-width:none}.eb-pcard__specs::-webkit-scrollbar{display:none}.eb-pcard__specs>div{display:grid;gap:3px;min-width:0}.eb-pcard__specs b{font-family:var(--font-mono);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.eb-pcard__specs small{display:flex;align-items:start;gap:4px;font-size:var(--fs-micro);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.eb-pcard__specs .eb-icon{width:13px;height:13px;color:var(--color-text-muted)}.eb-pcard__foot{padding:var(--space-4) var(--space-5) var(--space-5);border-top:var(--border-hair) solid var(--color-border);display:grid;gap:var(--space-3)}.eb-pcard__pricerow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.eb-bundle{border-top:var(--border-hair) solid var(--color-border);background:var(--color-surface-2)}.eb-bundle__head{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);text-align:left;position:relative;z-index:3}.eb-bundle__head>.eb-icon:last-child{margin-inline-start:auto;transition:transform var(--dur-base) var(--ease-standard)}.eb-bundle.is-open .eb-bundle__head>.eb-icon:last-child{transform:rotate(180deg)}.eb-bundle__label{font:var(--type-button);letter-spacing:var(--track-button)}.eb-bundle__rule{font:var(--type-micro);color:var(--color-accent)}.eb-bundle__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-exit)}.eb-bundle.is-open .eb-bundle__panel{grid-template-rows:1fr}.eb-bundle__clip{overflow:hidden}.eb-bundle__items{display:grid;gap:2px;padding:0 var(--space-5) var(--space-4)}.eb-bundle__item{display:grid;grid-template-columns:20px 40px 1fr auto;align-items:center;gap:var(--space-3);padding:8px;margin-inline:-8px;border-radius:var(--r-sm);text-align:left;position:relative;z-index:3;transition:background-color var(--dur-fast) var(--ease-standard)}.eb-bundle__item:hover{background:var(--state-hover-wash)}.eb-bundle__box{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--color-border-strong);display:grid;place-items:center;color:transparent;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.eb-bundle__item[aria-pressed=true] .eb-bundle__box{background:var(--color-accent-fill);border-color:var(--color-accent-fill);color:var(--color-accent-ink)}.eb-bundle__thumb{width:40px;height:40px;border-radius:var(--r-sm);background:var(--color-bg);overflow:hidden}.eb-bundle__name{font:var(--type-body-sm);min-width:0}.eb-bundle__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eb-bundle__name small{display:block;font:var(--type-micro);color:var(--color-text-muted)}.eb-bundle__delta{font-family:var(--font-mono);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--color-text-2);white-space:nowrap}.eb-bundle__total{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-5);border-top:var(--border-hair) solid var(--color-border)}.eb-bundle__sum{display:grid;gap:2px}.eb-bundle__sum b{font-family:var(--font-mono);font-size:var(--fs-h4);font-weight:var(--fw-semi);font-variant-numeric:tabular-nums}.eb-bundle__save{font:var(--type-micro);color:var(--color-accent)}.eb-bundle__save:empty{visibility:hidden}.eb-bundle__delta{display:inline-flex;align-items:baseline;gap:6px}.eb-bundle__delta s{font-size:var(--fs-micro);color:var(--color-text-faint)}.eb-bundle__item.is-locked{cursor:default}.eb-bundle__item.is-locked:hover{background:none}.eb-bundle__item[disabled]{opacity:var(--state-disabled-opacity);cursor:not-allowed}.eb-grid--cards{display:grid;gap:var(--grid-gap);align-items:start;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}@media(max-width:400px){.eb-grid--cards{grid-template-columns:1fr}}.eb-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:var(--grid-gap);align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:var(--space-3);scrollbar-width:thin}.eb-rail>*{scroll-snap-align:start}.eb-pcard--wide{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:stretch}.eb-pcard--wide .eb-pcard__media{aspect-ratio:auto;min-height:260px}.eb-pcard--wide .eb-pcard__body{padding:var(--space-6);gap:var(--space-4);align-content:center}.eb-pcard--wide .eb-pcard__specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-5);overflow:visible}.eb-pcard--wide .eb-pcard__foot{border-top:0;padding:0 var(--space-6) var(--space-6)}.eb-pcard--wide .eb-pcard__pricerow{align-items:center}.eb-pcard--wide .eb-btn{width:auto;justify-self:start}@media(max-width:760px){.eb-pcard--wide{grid-template-columns:1fr}.eb-pcard--wide .eb-pcard__media{aspect-ratio:4/3;min-height:0}}.eb-pcard--feature{display:grid;grid-template-columns:minmax(0,58%) minmax(0,1fr);border-radius:var(--r-lg)}.eb-pcard--feature .eb-pcard__media{aspect-ratio:auto;min-height:380px}.eb-pcard--feature .eb-pcard__body{padding:var(--space-8) var(--space-7);gap:var(--space-4);align-content:center}.eb-pcard--feature .eb-pcard__title{font:var(--type-h2);letter-spacing:var(--track-h2)}.eb-pcard--feature .eb-pcard__specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-5);overflow:visible}.eb-pcard--feature .eb-pcard__foot{border-top:0;padding:0 var(--space-7) var(--space-8)}.eb-pcard--feature .eb-btn{width:auto;justify-self:start}@media(max-width:900px){.eb-pcard--feature{grid-template-columns:1fr}.eb-pcard--feature .eb-pcard__media{aspect-ratio:16/10;min-height:0}.eb-pcard--feature .eb-pcard__body{padding:var(--space-6)}.eb-pcard--feature .eb-pcard__foot{padding:0 var(--space-6) var(--space-6)}}.eb-pcard--compact .eb-pcard__specs,.eb-pcard--compact .eb-bundle,.eb-pcard--compact .eb-pcard__tagline{display:none}.eb-pcard--compact .eb-pcard__body{padding:var(--space-4);gap:var(--space-2)}.eb-pcard--compact .eb-pcard__foot{padding:0 var(--space-4) var(--space-4);border:0}.eb-pcard--accessory .eb-pcard__media{aspect-ratio:1}.eb-pcard--accessory .eb-pcard__specs{display:none}.eb-pcard__fits{display:flex;align-items:start;gap:var(--space-2);padding:0 var(--space-5);font:var(--type-caption);color:var(--color-text-2)}.eb-pcard__fits .eb-icon{flex:none;width:14px;height:14px;color:var(--color-accent);margin-top:.15em}.eb-pcard--bare{background:none;border:0;box-shadow:none}.eb-pcard--bare .eb-pcard__body{padding:var(--space-3) 0 0}.eb-pcard--bare .eb-pcard__foot,.eb-pcard--bare .eb-pcard__specs,.eb-pcard--bare .eb-bundle{display:none}.eb-pcard--bare:hover{transform:none;box-shadow:none}.eb-compare-tray{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-sticky);background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:var(--border-hair) solid var(--color-border);transform:translateY(100%);transition:transform var(--dur-slow) var(--ease-exit)}.eb-compare-tray.is-open{transform:none}.eb-compare-tray__inner{max-width:var(--page-width);margin-inline:auto;padding:var(--space-4) var(--gutter);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.eb-compare-slot{position:relative;width:64px;height:64px;flex:none;border-radius:var(--r-sm);background:var(--color-surface-2);border:var(--border-hair) dashed var(--color-border-strong);overflow:hidden}.eb-compare-slot.is-filled{border-style:solid}.eb-compare-slot button{position:absolute;top:2px;inset-inline-end:2px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--color-inverse);color:var(--color-on-inverse)}.eb-pcard--feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border-radius:var(--r-lg);align-items:stretch}.eb-pcard--feature .eb-pcard__media{aspect-ratio:auto;min-height:480px}.eb-pcard--feature .eb-pcard__body{padding:var(--space-8) var(--space-7) var(--space-5);gap:var(--space-5);align-content:center}.eb-pcard--feature .eb-pcard__title{font:var(--type-h1);letter-spacing:var(--track-h1);text-transform:uppercase;font-variation-settings:"wdth" var(--wd-display,94)}.eb-pcard--feature .eb-pcard__tagline{font:var(--type-body-lg);max-width:36ch}.eb-pcard--feature .eb-pcard__specs{display:none}.eb-pcard__strip{display:grid;gap:var(--space-4);padding-top:var(--space-5);border-top:var(--border-hair) solid var(--color-border)}.eb-pcard__strip .eb-scale{color:var(--color-border-strong)}.eb-pcard__reads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4) var(--space-3)}.eb-pcard__reads>div{display:grid;gap:2px;align-content:start}.eb-pcard__reads .eb-spec__label{margin-top:var(--space-1)}.eb-pcard--feature .eb-pcard__foot{border-top:0;padding:0 var(--space-7) var(--space-8);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6)}.eb-pcard--feature .eb-pcard__pricerow{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.eb-pcard--feature .eb-price__now{font-size:var(--fs-h3)}.eb-pcard--feature .eb-btn{width:auto;margin-inline-start:auto}.eb-pcard--feature .eb-pcard__fits{font:var(--type-body-sm);color:var(--color-text-2);display:inline-flex;align-items:center;gap:var(--space-2)}.eb-pcard--feature .eb-pcard__fits .eb-icon{color:var(--color-accent)}@media(max-width:900px){.eb-pcard--feature{grid-template-columns:1fr}.eb-pcard--feature .eb-pcard__media{aspect-ratio:16/10;min-height:0}.eb-pcard--feature .eb-pcard__body{padding:var(--space-6) var(--space-5) var(--space-4)}.eb-pcard--feature .eb-pcard__foot{padding:0 var(--space-5) var(--space-6)}.eb-pcard--feature .eb-btn{width:100%;margin:0}}@media(max-width:600px){.eb-pcard__reads{grid-template-columns:repeat(2,minmax(0,1fr))}}.eb-pcard--wide{display:grid;grid-template-columns:minmax(0,30%) minmax(0,1fr) minmax(200px,24%);grid-template-rows:auto auto;align-items:stretch}.eb-pcard--wide .eb-pcard__media{grid-column:1;grid-row:1/3;aspect-ratio:auto;min-height:240px}.eb-pcard--wide .eb-pcard__body{grid-column:2;grid-row:1;padding:var(--space-6) var(--space-6) var(--space-3);gap:var(--space-3);align-content:start}.eb-pcard--wide .eb-pcard__title{font:var(--type-h3);letter-spacing:var(--track-h3);text-transform:uppercase}.eb-pcard--wide .eb-pcard__specs,.eb-pcard__specs--line{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin:0 var(--space-6) var(--space-6);padding-block:var(--space-3);border-block:var(--border-hair) solid var(--color-border);overflow:visible}.eb-pcard--wide .eb-pcard__specs>div{display:grid;gap:2px;min-width:0}.eb-pcard--wide .eb-pcard__specs b{font-size:var(--fs-body)}.eb-pcard--wide .eb-pcard__specs .eb-icon{display:none}.eb-pcard--wide .eb-pcard__foot{grid-column:3;grid-row:1/3;border-top:0;border-inline-start:var(--border-hair) solid var(--color-border);padding:var(--space-6) var(--space-5);display:grid;align-content:space-between;gap:var(--space-4)}.eb-pcard--wide .eb-pcard__pricerow{display:grid;gap:var(--space-2);align-items:start}.eb-pcard--wide .eb-price{flex-wrap:wrap}.eb-pcard--wide .eb-price__now{font-size:var(--fs-h3)}.eb-pcard--wide .eb-btn{width:100%}@media(max-width:900px){.eb-pcard--wide{grid-template-columns:minmax(0,38%) minmax(0,1fr);grid-template-rows:auto auto auto}.eb-pcard--wide .eb-pcard__media{grid-row:1/4}.eb-pcard--wide .eb-pcard__foot{grid-column:2;grid-row:3;border-inline-start:0;border-top:var(--border-hair) solid var(--color-border);padding:var(--space-4) var(--space-6) var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.eb-pcard--wide .eb-btn{width:auto}}@media(max-width:600px){.eb-pcard--wide{grid-template-columns:1fr}.eb-pcard--wide .eb-pcard__media{grid-column:1;grid-row:1;aspect-ratio:4/3;min-height:0}.eb-pcard--wide .eb-pcard__body,.eb-pcard--wide .eb-pcard__specs,.eb-pcard--wide .eb-pcard__foot{grid-column:1}.eb-pcard--wide .eb-pcard__body{grid-row:2;padding:var(--space-5) var(--space-5) var(--space-2)}.eb-pcard--wide .eb-pcard__specs{grid-row:3;margin-inline:var(--space-5)}.eb-pcard--wide .eb-pcard__foot{grid-row:4;padding:var(--space-4) var(--space-5) var(--space-5)}.eb-pcard--wide .eb-btn{width:100%}}.eb-pcard--campaign{border-color:var(--color-border-strong)}.eb-pcard--campaign .eb-bundle__head{border-top:var(--border-hair) solid var(--color-border)}.eb-pcard__specs{padding-inline:2px;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,#000 0 calc(100% - 20px),transparent)}.eb-pcard__specs:not(:hover){scrollbar-width:none}@supports (scroll-behavior: smooth){.eb-pcard__specs{-webkit-mask-image:none;mask-image:none;overflow-x:auto}.eb-pcard__specs{scroll-padding-inline:2px}}.eb-pcard--wide .eb-pcard__specs,.eb-pcard--feature .eb-pcard__specs,.eb-pcard__specs--line{padding-inline:0;-webkit-mask-image:none;mask-image:none}.eb-pcard{container-type:inline-size;container-name:eb-card}@container eb-card (max-width: 400px){.eb-pcard__specs .eb-icon{display:none}.eb-pcard__specs small{letter-spacing:.03em}}@container eb-card (max-width: 340px){.eb-pcard__specs{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);padding-inline:0;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.eb-pcard__specs b{font-size:var(--fs-body-sm)}.eb-pcard__specs small{font-size:9.5px;letter-spacing:.01em}}.eb-rail__cell{display:grid;min-width:0}.eb-pcard__img--secondary{opacity:0;z-index:0}@media(hover:hover)and (pointer:fine){.eb-pcard:hover .eb-pcard__img--secondary{opacity:1}}.eb-pcard__media{isolation:isolate}.eb-pcard__form{display:contents}.eb-pcard__media img{object-fit:var(--card-fit,contain);padding:var(--card-fit-pad,var(--space-4))}.eb-pcard--wide .eb-pcard__media img,.eb-pcard--feature .eb-pcard__media img{--card-fit-pad:var(--space-5)}.eb-pcard__media{aspect-ratio:var(--card-ratio,4/3)}.eb-rail{--rail-min:360px;--rail-per-view:3;grid-auto-columns:max(var(--rail-min),calc((100% - (var(--rail-per-view) - 1) * var(--grid-gap)) / var(--rail-per-view)))}.eb-rail:has(.eb-pcard--compact),.eb-rail:has(.eb-pcard--accessory),.eb-rail:has(.eb-pcard--bare){--rail-min:280px;--rail-per-view:4}.eb-rail:has(.eb-card){--rail-min:280px}@media(max-width:640px){.eb-rail{grid-auto-columns:minmax(clamp(320px,86vw,400px),1fr)}}@container eb-card (max-width: 300px){.eb-pcard__specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4);overflow-x:visible}}@container eb-card (min-width: 351px){.eb-pcard__specs .eb-icon{display:inline-block}}.eb-pcard__media{isolation:auto}.eb-pcard--feature .eb-pcard__media{grid-row:1 / -1}.eb-pcard--feature .eb-pcard__body,.eb-pcard--feature .eb-pcard__foot{grid-column:2}@media(max-width:900px){.eb-pcard--feature .eb-pcard__media{grid-row:auto}.eb-pcard--feature .eb-pcard__body,.eb-pcard--feature .eb-pcard__foot{grid-column:auto}}.eb-pcard--unfit .eb-pcard__media img,.eb-pcard--unfit .eb-ph{filter:grayscale(1);opacity:.5}.eb-pcard--unfit .eb-pcard__title,.eb-pcard--unfit .eb-price__now{color:var(--color-text-2)}.eb-pcard--unfit[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/157/assets/product-card.css.map */