.accessories-ecosystem-custom__card{position:relative;display:flex;flex-direction:column;gap:16px;cursor:pointer;text-decoration:none!important;color:inherit}@media screen and (min-width:750px){.accessories-ecosystem-custom__card{gap:24px}}.accessories-ecosystem-custom__card-hit{display:flex;flex-direction:column;gap:16px;text-decoration:none;color:inherit}.accessories-ecosystem-custom__card-hit *{text-decoration:none}.accessories-ecosystem-custom__card-hit:hover,.accessories-ecosystem-custom__card-hit:focus,.accessories-ecosystem-custom__card-hit:active{text-decoration:none}@media screen and (min-width:750px){.accessories-ecosystem-custom__card-hit{gap:24px}}.accessories-ecosystem-custom__image-wrap{position:relative;overflow:hidden;aspect-ratio:3 / 4;border-radius:20px;background-color:#141414;border:1px solid rgba(212,175,55,.2);transition:border-color .5s ease}@media screen and (min-width:750px){.accessories-ecosystem-custom__image-wrap{border-color:#ffffff1f}}.accessories-ecosystem-custom__card:hover .accessories-ecosystem-custom__image-wrap{border-color:#d4af3733}.accessories-ecosystem-custom__img-badge{position:absolute;top:8px;left:8px;border-radius:8px;padding:2px 6px;background-color:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);opacity:.5;transition:opacity .3s ease;display:block!important}@media screen and (min-width:750px){.accessories-ecosystem-custom__img-badge{top:12px;left:12px;padding:4px 8px}}.accessories-ecosystem-custom__card:hover .accessories-ecosystem-custom__img-badge{opacity:1}.accessories-ecosystem-custom__img-badge span{font-size:8px;color:#fffc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.05em}@media screen and (min-width:750px){.accessories-ecosystem-custom__img-badge span{font-size:9px}}.accessories-ecosystem-custom__image{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .7s ease,transform .7s ease;display:block!important}.accessories-ecosystem-custom__card:hover .accessories-ecosystem-custom__image{opacity:1;transform:scale(1.05)}.accessories-ecosystem-custom__card--dual:hover .accessories-ecosystem-custom__image--primary{opacity:0;transform:none}.accessories-ecosystem-custom__card--dual:hover .accessories-ecosystem-custom__image--secondary{opacity:1;transform:scale(1.05)}.accessories-ecosystem-custom__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s ease,transform .7s ease}.accessories-ecosystem-custom__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003;opacity:0;transition:opacity .5s ease;display:block!important;pointer-events:none}.accessories-ecosystem-custom__card:hover .accessories-ecosystem-custom__image-overlay{opacity:1}.accessories-ecosystem-custom__plus{position:absolute;right:8px;bottom:8px;border-radius:9999px;padding:6px;color:#000;background-color:#d4af37;opacity:0;transform:translateY(16px);transition:all .3s ease;display:block!important;pointer-events:none}@media screen and (min-width:750px){.accessories-ecosystem-custom__plus{right:16px;bottom:16px;padding:8px}}.accessories-ecosystem-custom__card:hover .accessories-ecosystem-custom__plus{opacity:1;transform:translateY(0)}.accessories-ecosystem-custom__plus svg{width:16px;height:16px;display:block}@media screen and (min-width:750px){.accessories-ecosystem-custom__plus svg{width:20px;height:20px}}.accessories-ecosystem-custom__content{display:flex;flex-direction:column;gap:4px}.accessories-ecosystem-custom__title-row{display:flex;justify-content:space-between;align-items:baseline}.accessories-ecosystem-custom__product-title{margin:0;font-size:14px;font-weight:500;letter-spacing:-.01em;color:#fff;transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}@media screen and (min-width:750px){.accessories-ecosystem-custom__product-title{font-size:16px}}.accessories-ecosystem-custom__card:hover .accessories-ecosystem-custom__product-title{color:#d4af37}.accessories-ecosystem-custom__meta-row{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.accessories-ecosystem-custom__ref{font-size:10px;color:#b5b5b5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.1em;display:none}@media screen and (min-width:640px){.accessories-ecosystem-custom__ref{display:inline}}.accessories-ecosystem-custom__prices{display:flex;align-items:center;gap:8px;margin-left:auto}.accessories-ecosystem-custom__price-old{font-size:10px;color:#b5b5b5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-decoration:line-through;text-decoration-color:#fff3}@media screen and (min-width:750px){.accessories-ecosystem-custom__price-old{font-size:12px}}.accessories-ecosystem-custom__price{font-size:12px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media screen and (min-width:750px){.accessories-ecosystem-custom__price{font-size:14px}}.accessories-ecosystem-custom__price--accent{color:#d4af37}.accessories-ecosystem-custom__quick-add{margin-top:8px}.accessories-ecosystem-custom__quick-add .quick-add__submit{min-height:44px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-card-ecosystem.css.map */