.clickable-card{position:relative;display:flex;flex-direction:column;width:100%;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-card);transition:box-shadow var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}@media(hover:hover){.clickable-card:hover{box-shadow:var(--shadow-card-hover)}}.clickable-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.clickable-card__atc-zone{position:relative;z-index:2}.clickable-card__media{position:relative;display:block;aspect-ratio:10 / 9;background:var(--c-card-image-bg)}.clickable-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity var(--motion-base) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.clickable-card:has(.clickable-card__hover):hover .clickable-card__media img{opacity:.6}}.clickable-card__fit-icon{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-pill);background:var(--c-white);box-shadow:0 1px 3px #00000014}.clickable-card__fit-icon svg{display:block}.clickable-card__fit-icon[hidden]{display:none}.clickable-card__fit-icon--fits{color:var(--c-green);border:1px solid rgba(42,122,75,.25)}.clickable-card__fit-icon--warn{color:var(--c-amber-icon);border:1px solid rgba(230,200,0,.4)}.clickable-card__stars{display:inline-flex;gap:1px;color:var(--c-orange)}.clickable-card__stars svg{display:block}.clickable-card__stars-count{font-size:11px;color:var(--c-grey-dark);font-variant-numeric:tabular-nums}.clickable-card__stars-badge{position:absolute;bottom:10px;left:10px;background:#fffffff5;border-radius:var(--r-pill);padding:4px 10px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 1px 2px #0000000f;z-index:2}.clickable-card__hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;align-items:center;justify-content:center;text-align:center;padding:20px;background:#fffffff0;pointer-events:none}@media(hover:hover)and (pointer:fine){.clickable-card:hover .clickable-card__hover{display:flex}}.clickable-card__hover-description{font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--c-ink);max-width:240px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9}.clickable-card__hover-vendor{position:absolute;bottom:12px;right:12px;font-family:var(--f-demi);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-grey-mid)}@media(min-width:768px)and (max-width:989px){.clickable-card__hover{inset:0 0 auto 0;height:auto;max-height:100%;padding:16px 16px 34px}.clickable-card__hover-description{font-size:var(--t-body2-size);-webkit-line-clamp:4}}@media(min-width:768px)and (max-width:989px)and (hover:none){.product-grid-container .clickable-card__atc-zone,.product-grid-container .clickable-card__oosblock,.product-grid-container .clickable-card__notify--inline,.product-grid-container .clickable-card__restock--inline{display:none}}.clickable-card__body{display:flex;flex-direction:column;flex-grow:1;padding:var(--s-3) var(--s-4) var(--s-4)}.clickable-card__title{margin:0;font-family:var(--f-demi);font-weight:600;font-size:15px;line-height:1.3;letter-spacing:-.005em}.clickable-card__title a{color:var(--c-ink);text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.clickable-card__brand-m,.clickable-card__list-desc,.clickable-card__side{display:none}.clickable-card__warnings{flex-grow:1;min-height:calc(14px * 1.4);margin-top:4px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding-top:4px}.clickable-card__warnings{--ck-keep-display: flex}.clickable-fit-warnline{display:flex;align-items:flex-start;gap:6px;font-family:var(--f-medium);font-weight:500;font-size:14px;line-height:1.4;color:#7a6500}.clickable-fit-helpful{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:14px;line-height:1.4;color:var(--c-teal-deep)}.clickable-fit-helpful:before{content:"\25cf";font-size:10px;line-height:1.5;color:var(--c-teal)}.clickable-card__notify{font-family:var(--f-medium);font-weight:500;font-size:13px;color:var(--c-teal);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#1f8d7766;line-height:1.4}.clickable-card__notify--inline{display:none;position:relative;z-index:2}.clickable-card__restock{display:block;font-size:13px;line-height:1.4;color:var(--c-grey-mid);text-align:right}.clickable-card__oosblock{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0 10px}.clickable-card__notify--stack{display:inline;font-size:13px;font-family:var(--f-medium);font-weight:500;color:var(--c-teal);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#1f8d7766;line-height:1.4;position:relative;z-index:2}.clickable-card__restock--stack{text-align:center}@media(min-width:750px){.is-list .clickable-card__oosblock{display:none}}.product-grid-container:not(.is-list) .clickable-card__notify--inline,.product-grid-container:not(.is-list) .clickable-card__restock--inline{display:none}@media(max-width:749px){.product-grid-container.is-list .clickable-card__notify--inline,.product-grid-container.is-list .clickable-card__restock--inline{display:none}}@media(min-width:750px){.clickable-card__notify--inline{display:inline}}.clickable-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);margin-top:4px}.clickable-card__price{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--f-demi);font-weight:600;font-size:18px;line-height:1;color:var(--c-orange)}.clickable-card__price-compare{color:var(--c-grey-mid);font-family:var(--f-regular);font-weight:400;font-size:var(--t-body2-size)}.clickable-card__price-unit{font-family:var(--f-regular);font-weight:400;font-size:12px;color:var(--c-grey-mid)}.clickable-card__stockline{display:contents}.clickable-card__added-chip{display:none}@media(max-width:989px){.clickable-card__stockline{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;column-gap:12px;row-gap:4px}@media(min-width:768px){.clickable-card__stockline{flex-wrap:nowrap;flex-shrink:0}}.clickable-card__added-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--c-green-bg);color:var(--c-green);border-radius:var(--r-pill);font-family:var(--f-demi);font-weight:600;font-size:var(--t-caption-size);line-height:1.4;white-space:nowrap}}.clickable-card__stock{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--c-instock)}.clickable-card__stock:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-green);flex-shrink:0}.clickable-card__stock--out{color:var(--c-grey-mid)}.clickable-card__stock--out:before{display:none}@media(min-width:750px){.clickable-card__stock--out{display:none}}.clickable-card__atc-zone{display:flex;align-items:center;height:44px;margin-top:4px}.clickable-card__atc{width:100%;padding:10px 14px;border:1px solid var(--c-border);border-radius:var(--r-button);background:var(--c-white);color:var(--c-ink);font-family:var(--f-demi);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background var(--motion-fast) var(--ease-press),color var(--motion-fast) var(--ease-press),border-color var(--motion-fast) var(--ease-press),transform var(--motion-fast) var(--ease-press)}@media(hover:hover){.clickable-card__atc:hover:not(.is-added):not(.clickable-card__atc--oos){background:var(--c-ink);border-color:var(--c-ink);color:var(--c-white)}.clickable-card:not(.clickable-card--no-vehicle) .clickable-card__atc:hover:not(.is-added):not(.clickable-card__atc--oos){background:var(--c-orange-hover);border-color:var(--c-orange-hover);color:var(--c-white)}}.clickable-card__atc.is-added{background:var(--c-white);border-color:var(--c-green);color:var(--c-green)}.clickable-card__atc--oos{background:#f0efec;border-color:#f0efec;color:#9a968c;cursor:not-allowed}.clickable-card__atc-tooltip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:240px;max-width:calc(100vw - 32px);z-index:2;padding:10px 14px;background:var(--c-ink);color:var(--c-white);border-radius:var(--r-card);box-shadow:0 12px 28px #0000002e,0 2px 6px #0000001a;font-family:var(--f-medium);font-weight:500;font-size:13px;line-height:1.45;text-align:left;pointer-events:none;animation:ck-atc-tip var(--motion-fast) var(--ease-standard)}.clickable-card__atc-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--c-ink)}@keyframes ck-atc-tip{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@media(hover:hover)and (pointer:fine){.clickable-card--no-vehicle .clickable-card__atc:hover~.clickable-card__atc-tooltip{display:block}}.clickable-card__nofit{width:100%;font-size:var(--t-caption-size);color:var(--c-grey-dark)}@media(min-width:750px){.is-list .clickable-card{display:grid;grid-template-columns:200px 1fr 180px;gap:24px;padding:18px;align-items:stretch;overflow:visible}.is-list .clickable-card__media{width:200px;height:200px;aspect-ratio:auto;border-radius:var(--r-button);overflow:hidden;flex-shrink:0}.is-list .clickable-card__hover{display:none!important}.is-list .clickable-card:hover .clickable-card__media img{opacity:1}.is-list .clickable-card__stars-badge{display:none}.is-list .clickable-card__body{padding:0;min-width:0;gap:0}.is-list .clickable-card__title{font-size:18px;min-height:0}.is-list .clickable-card__title a{-webkit-line-clamp:3}.is-list .clickable-card__list-desc{display:block;margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--c-grey-dark)}.is-list .clickable-card__warnings{margin-top:auto;min-height:0;flex-grow:0}.is-list .clickable-card__meta{justify-content:flex-start;margin-top:0;gap:10px;padding-top:8px}.is-list .clickable-card__price:after{content:"\b7";color:var(--c-grey-mid);font-size:12px;line-height:1}.is-list .clickable-card__price{font-size:22px}.is-list .clickable-card__atc-zone{width:180px;margin-top:10px}.is-list .clickable-card__atc-zone:has(.clickable-card__atc--oos){display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:auto;height:auto}.is-list .clickable-card__atc-zone .clickable-card__atc--oos{width:180px}.is-list .clickable-card__atc-zone .clickable-card__restock--inline{text-align:left}.is-list .clickable-card__side{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding-left:16px;border-left:1px solid var(--c-border)}.is-list .clickable-card__side-vendor{font-family:var(--f-demi);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey-mid)}.is-list .clickable-card__starrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--c-grey-dark)}}@media(max-width:749px){.clickable-card__atc-zone{display:none}}@media(max-width:767px){:is(.product-grid-container,.ck-sr__grid) .clickable-card__atc-zone,:is(.product-grid-container,.ck-sr__grid) .clickable-card__oosblock{display:none}.product-grid-container .clickable-card__warnings{display:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__warnings{display:block}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid){display:flex;flex-direction:column;gap:12px}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .grid__item{width:100%;max-width:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto auto 1fr auto;column-gap:14px;padding:16px;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-card)}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__media{grid-column:1;grid-row:1 / 4;width:100%;aspect-ratio:1 / 1;background:var(--c-card-image-bg);border-radius:var(--r-card);align-self:start}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__body{display:contents}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__title{grid-column:2;grid-row:1;align-self:start;font-size:17px}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__meta{display:contents}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__price{grid-column:2;grid-row:2;align-self:start;margin-top:var(--s-1)}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__stockline{grid-column:2;grid-row:3;align-self:end;justify-self:end;max-width:100%}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__stock{white-space:nowrap}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__stock--out{font-family:var(--f-demi);font-weight:600}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__stock--out:before{display:inline-block;background:var(--c-grey-mid)}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__list-desc{display:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__brand-m{display:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__warnings{grid-column:1 / -1;grid-row:4;margin:0;padding:0;min-height:0}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__side{display:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__stars-badge{display:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__hover{display:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__fit-icon{display:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__warnings>:not([class*=clickable-fit-]):not(.ck-latent-stack){display:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-fit-warnline{display:inline-flex;align-items:flex-start;gap:5px;background:var(--c-amber-bg);border-radius:var(--r-pill);padding:4px 10px;font-size:14px;font-family:var(--f-medium);font-weight:500;color:var(--c-amber-text);margin-top:10px}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-fit-warnline>span:first-child{color:var(--c-amber-icon);flex:none;display:inline-flex;margin-top:1px}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-fit-warnline>span:first-child svg{width:14px;height:14px}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-card__warnings .ck-latent-stack:not(:has(>:not([data-ck-latent]),>[data-ck-match])){display:none}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-fit-helpful{display:block;margin-top:10px;font-size:12px;color:var(--c-teal-deep, #0f6e56)}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-fit-promptline{display:block;position:relative;z-index:2;margin-top:10px;padding:0;background:none;border:0;text-align:left;font-family:var(--f-regular);font-size:13px;color:var(--c-grey-mid);text-decoration:underline;text-underline-offset:3px;cursor:pointer}:is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-fit-nofitline{display:block;margin-top:10px;font-size:12px;color:var(--c-red-deep, #b3261e)}}.clickable-fit-promptline{display:none}html[data-ck-vehicle=verified] :is(.clickable-collection .product-grid-container .product-grid,.ck-sr__grid) .clickable-fit-promptline{display:none}
/*# sourceMappingURL=/cdn/shop/t/36/assets/clickable-card.css.map */