.card[data-v-5f3c3786]{--card-padding:24px;background:#fff;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:356px;overflow:hidden;padding:var(--card-padding);position:relative}@media screen and (min-width:1184px){.card[data-v-5f3c3786]:after{background:#fff;border:0;bottom:0;content:"";display:block;height:var(--card-padding);left:0;position:absolute;width:100%}}@media screen and (max-width:767px){.card[data-v-5f3c3786]{--card-padding:16px;border-bottom:.5px solid #e1e1e1;border-radius:0}}.card img[data-v-5f3c3786]{height:auto;padding:0 30px;width:100%}@media screen and (min-width:1184px){.card img[data-v-5f3c3786]{transition:transform .3s ease-out}}@media screen and (max-width:1183px){.card img[data-v-5f3c3786]{padding:0 42px}}@media screen and (max-width:767px){.card img[data-v-5f3c3786]{padding:0}}.card .desc[data-v-5f3c3786],.card .title[data-v-5f3c3786]{display:-webkit-box;transition:transform .3s ease-out;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card .title[data-v-5f3c3786]{color:#161616;font-size:20px;font-weight:500;line-height:24px;-webkit-line-clamp:1;margin-top:24px}@media screen and (max-width:1183px){.card .title[data-v-5f3c3786]{font-size:16px;line-height:20px}}@media screen and (max-width:767px){.card .title[data-v-5f3c3786]{display:block}}.card .desc[data-v-5f3c3786]{font-size:12px;left:0;line-height:16px;margin-top:8px;padding:0 var(--card-padding);position:absolute;width:100%;-webkit-line-clamp:3}@media screen and (min-width:1184px){.card .desc[data-v-5f3c3786]{bottom:-32px;min-height:48px}}@media screen and (max-width:1183px){.card .desc[data-v-5f3c3786]{padding:0;position:relative}}@media screen and (max-width:767px){.card .desc[data-v-5f3c3786]{-webkit-line-clamp:5}}.card[data-v-5f3c3786]:focus-within,.card[data-v-5f3c3786]:hover{box-shadow:0 0 15px #0000001a}@media screen and (min-width:1184px){.card:focus-within .desc[data-v-5f3c3786],.card:focus-within .title[data-v-5f3c3786],.card:hover .desc[data-v-5f3c3786],.card:hover .title[data-v-5f3c3786]{transform:var(--v2ea7725e)}.card:focus-within img[data-v-5f3c3786],.card:hover img[data-v-5f3c3786]{transform:var(--v3cd23940)}}.accessory-spu-filter[data-v-f3b86a0e]{margin:0 auto;max-width:100%;position:relative;text-align:left;width:440px}@media screen and (max-width:767px){.accessory-spu-filter[data-v-f3b86a0e]{width:308px}}.filter-trigger[data-v-f3b86a0e]{align-items:center;background:#fff;border:1px solid #e1e1e1;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;height:48px;padding:12px 16px;width:100%}.filter-trigger[data-v-f3b86a0e]:focus-visible{outline:2px solid #161616;outline-offset:2px}.filter-trigger__label[data-v-f3b86a0e]{color:#161616;flex:1;font-size:14px;font-weight:400;line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-trigger__label.placeholder[data-v-f3b86a0e]{color:#6c6d6e}.filter-trigger__chevron[data-v-f3b86a0e]{color:#161616;flex-shrink:0;height:24px;transition:transform .2s ease;width:24px}.filter-trigger__chevron.open[data-v-f3b86a0e]{transform:rotate(180deg)}.filter-dropdown[data-v-f3b86a0e]{--filter-inline-gap:24px;--scroller-gap:6px;--scroller-width:4px;background:#fff;border-radius:4px;box-shadow:0 4px 10px #17171726;box-sizing:border-box;display:flex;flex-direction:column;margin:22px 0 0;overflow:hidden;padding:0 var(--scroller-gap) 0 0}.filter-dropdown__list[data-v-f3b86a0e]{flex:1 1 auto;list-style:none;margin:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}@supports not selector(::-webkit-scrollbar){.filter-dropdown__list[data-v-f3b86a0e]{scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin}}.filter-dropdown__list[data-v-f3b86a0e]::-webkit-scrollbar{width:var(--scroller-width)}.filter-dropdown__list[data-v-f3b86a0e]::-webkit-scrollbar-track{background:transparent}.filter-dropdown__list[data-v-f3b86a0e]::-webkit-scrollbar-thumb{background:#0003;border-radius:19px}.filter-header[data-v-f3b86a0e],.filter-option[data-v-f3b86a0e]{align-items:center;color:#161616;display:flex;font-size:14px;font-weight:400;line-height:20px;margin:0;min-height:44px;padding:12px var(--filter-inline-gap)}.filter-header[data-v-f3b86a0e]{font-size:16px;font-weight:500;position:relative}.filter-header[data-v-f3b86a0e]:after{background:#e1e1e1;bottom:0;content:"";height:.5px;left:var(--filter-inline-gap);pointer-events:none;position:absolute;right:calc(var(--filter-inline-gap) - var(--scroller-gap) - var(--scroller-width))}.filter-header.selectable[data-v-f3b86a0e]{cursor:pointer}.filter-header[data-v-f3b86a0e]:not(.selectable){cursor:default}.filter-option[data-v-f3b86a0e]{cursor:pointer}.filter-header.selected[data-v-f3b86a0e],.filter-option.focused[data-v-f3b86a0e]{color:#ea0029;font-weight:600}.main[data-v-d862e04f]{background:#f6f6f6;height:100%}.main h1[data-v-d862e04f]{padding:80px 0 60px;text-align:center}@media screen and (max-width:1183px){.main h1[data-v-d862e04f]{padding:40px 0 0}}@media screen and (max-width:767px){.main h1[data-v-d862e04f]{font-size:40px;line-height:44px;padding:40px 0}}.main .tabs-header[data-v-d862e04f]{margin-bottom:50px;z-index:49}.main .tabs-header.sticky[data-v-d862e04f]{background:transparent;padding-bottom:0;padding-top:0;position:sticky;top:var(--header-height)}.main .accessories-box[data-v-d862e04f]{padding:24px var(--inner-margin-x) 72px}@media screen and (max-width:1183px){.main .accessories-box[data-v-d862e04f]{padding:24px var(--inner-margin-x) 60px}}@media screen and (max-width:767px){.main .accessories-box[data-v-d862e04f]{padding:24px 0 60px}}.main .cards[data-v-d862e04f]{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:1183px){.main .cards[data-v-d862e04f]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.main .cards[data-v-d862e04f]{border-top:1px solid #e1e1e1;gap:0}.main .cards .card[data-v-d862e04f]:nth-child(odd){border-right:.5px solid #e1e1e1}}.main .emity[data-v-d862e04f]{align-items:center;background:#fff;border-radius:4px;display:flex;height:348px;justify-content:center;margin:28px var(--inner-margin-x) 80px;width:100%}@media screen and (max-width:1183px){.main .emity[data-v-d862e04f]{margin-left:0;margin-right:0}}@media screen and (max-width:767px){.main .emity[data-v-d862e04f]{border-top:1px solid #e1e1e1;margin:0}}.main .emity p[data-v-d862e04f]{color:#161616;font-size:24px;font-weight:500;line-height:28px}.main .pagination[data-v-d862e04f]{margin-top:40px}@media screen and (max-width:767px){.main .pagination[data-v-d862e04f]{margin-top:24px}}