.af{--af-accent: var(--color-accent, #7b0b1c);--af-accent-hover: var(--color-button-primary-background-hover, #9c0e23);--af-dark: var(--color-background-header, #2f2514);--af-border: var(--color-border, #c6bcb9);--af-border-soft: var(--color-border-meta, rgba(198, 188, 185, .6));--af-soft: var(--color-background-meta, #f7f7f7);--af-sale: var(--color-products-sale-price, #f63b0c);--af-text: var(--color-text, #121212);--af-muted: var(--color-text-alpha-60, rgba(18, 18, 18, .6));--af-gap: 16px}.af .section-header{margin-bottom:20px}.af__label{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:var(--font-size-body-60, 14px);letter-spacing:.08em;text-transform:uppercase;color:var(--af-muted)}.af__num{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:var(--af-dark);color:#fff;font-size:11px;letter-spacing:0;line-height:1}.af__step--cats .af__label{justify-content:center}.af__scroller{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px 2px 2px;margin:-8px -2px 0}.af__scroller::-webkit-scrollbar{display:none}.af__cats{justify-content:flex-start}@media(min-width:1024px){.af__cats{flex-wrap:wrap;justify-content:center;overflow:visible}}.af-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid var(--af-border);background:var(--color-background, #fff);color:var(--af-text);font:inherit;font-size:var(--font-size-body-75, 15px);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s}.af-chip:hover{border-color:var(--af-dark)}.af-chip:active{transform:scale(.98)}.af-chip:focus-visible,.af-brand:focus-visible,.af__nav:focus-visible,.af-card__add:focus-visible{outline:2px solid var(--af-accent);outline-offset:2px}.af-chip__icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.af-chip[aria-pressed=true]{background:var(--af-dark);border-color:var(--af-dark);color:#fff}.af-chip--hot{border-color:var(--af-accent);color:var(--af-accent)}.af-chip--hot[aria-pressed=true]{background:var(--af-accent);border-color:var(--af-accent);color:#fff}.af-chip__badge{padding:3px 6px;background:var(--af-sale);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}.af-chip--hot[aria-pressed=true] .af-chip__badge{background:#fff;color:var(--af-accent)}.af__panel{margin-top:16px;background:var(--af-soft);border:1px solid var(--af-border-soft)}.af-hero{position:relative;overflow:hidden;height:clamp(170px,17vw,240px);background:radial-gradient(120% 140% at 85% 30%,#6b2a12 0%,#3a1a0c 45%,var(--af-dark) 100%);color:#fff}.af-hero[hidden]{display:none}.af-hero.is-active{animation:af-fade .45s ease both}.af-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:opacity .5s ease,transform 6s ease-out}.af.is-ready .af-hero__img:not(.is-loaded){opacity:0}.af-hero.is-active .af-hero__img{transform:scale(1)}.af-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#160e08e6,#160e08b3 38%,#160e0826 72%,#160e0800)}.af-hero__ghost{position:absolute;right:6%;top:50%;width:clamp(120px,16vw,200px);height:auto;transform:translateY(-50%);fill:none;stroke:#ffffff24;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}.af-hero__content{position:relative;z-index:1;height:100%;max-width:min(620px,66%);display:flex;flex-direction:column;justify-content:center;padding:18px 32px 18px clamp(56px,5.5vw,84px)}.af-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffc7}.af-hero__eyebrow:before{content:"";width:22px;height:2px;background:var(--af-sale)}.af-hero__title{margin:6px 0 8px;color:#fff;font-family:var(--font-heading);font-weight:var(--font-heading-weight, 400);text-transform:var(--font-heading-text-transform, uppercase);letter-spacing:var(--font-heading-base-letter-spacing, .04em);font-size:var(--font-size-heading-3-base, 24px);line-height:1.15}.af-hero__tip{margin:0;color:#ffffffe6;font-size:var(--font-size-body-75, 15px);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:719px){.af-hero{height:auto;min-height:190px}.af-hero:after{background:linear-gradient(90deg,#160e08e0,#160e089e)}.af-hero__content{max-width:none;padding:20px 16px 20px 52px}.af-hero__tip{-webkit-line-clamp:4;font-size:14px}}.af__body{padding:18px clamp(12px,2.4vw,28px) 22px}.af__brands-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.af__brands-head .af__label{margin-bottom:0}.af__view-all{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--af-accent);font-size:var(--font-size-body-75, 15px);text-decoration:none;white-space:nowrap}.af__view-all svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}.af__view-all:hover svg{transform:translate(3px)}@media(max-width:719px){.af__view-all [data-af-view-all-text]{display:none}.af__view-all:before{content:attr(data-short)}}.af__brands{margin-top:2px;padding-top:12px}.af-brand{position:relative;flex:0 0 auto;display:grid;place-items:center;width:124px;height:56px;padding:6px 10px;border:1px solid var(--af-border);background:#fff;color:var(--af-text);cursor:pointer;font:inherit;transition:border-color .2s,box-shadow .2s,opacity .2s,transform .2s}.af-brand:hover{border-color:var(--af-dark)}.af-brand[aria-pressed=true]{border-color:var(--af-accent);box-shadow:inset 0 0 0 1px var(--af-accent)}.af-brand[hidden]{display:none}.af-brand.is-disabled{opacity:.35;pointer-events:none}.af-brand__logo{display:block;max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}@media(max-width:719px){.af-brand{width:100px;height:48px}.af-brand__logo{max-height:34px}}.af-brand__name{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.af-brand--all{width:auto;min-width:72px;padding:0 18px;font-size:var(--font-size-body-60, 14px);text-transform:uppercase;letter-spacing:.08em}.af-brand__count{position:absolute;top:-9px;right:-7px;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:var(--af-dark);color:#fff;font-size:11px;line-height:20px;text-align:center;letter-spacing:0}.af-brand[aria-pressed=true] .af-brand__count{background:var(--af-accent)}.af-brand__count:empty{display:none}.af__results{position:relative;margin-top:18px}.af__track{display:grid;grid-auto-flow:column;gap:var(--af-gap);grid-auto-columns:calc((100% - 4 * var(--af-gap)) / 5);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;transition:opacity .2s}.af__track::-webkit-scrollbar{display:none}.af.is-loading .af__track{opacity:.45;pointer-events:none}@media(max-width:1023px){.af__track{--af-gap: 12px;grid-auto-columns:calc((100% - 2 * var(--af-gap)) / 3.25)}}@media(max-width:719px){.af__track{grid-auto-columns:44%}}.af-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;scroll-snap-align:start;border:1px solid transparent;transition:border-color .2s,box-shadow .2s}.af-card:hover{border-color:var(--af-border-soft);box-shadow:0 6px 18px #2f251414}.af__track>.af-card{animation:af-fade .35s ease both}.af-card__media{position:relative;display:block;aspect-ratio:1 / 1;background:#fff}.af-card__img{position:absolute;top:12px;left:12px;display:block;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain}.af-card__img--ph{fill:var(--color-foreground-placeholder, #ccc);background:var(--color-background-placeholder, #eee)}.af-card__badge{position:absolute;top:8px;left:8px;padding:3px 7px;background:var(--af-sale);color:#fff;font-size:12px;font-weight:700;line-height:1.2}.af-card__add{position:absolute;z-index:2;right:8px;bottom:8px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--af-accent);color:#fff;transition:background-color .2s,transform .2s}.af-card__add svg{grid-area:1 / 1;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.af-card__add:hover{background:var(--af-accent-hover);transform:scale(1.06)}.af-card__add .af-i-check,.af-card__add .af-i-spin,.af-card__add[data-state=loading] .af-i-plus,.af-card__add[data-state=added] .af-i-plus{opacity:0}.af-card__add[data-state=loading] .af-i-spin{opacity:1;animation:af-spin .7s linear infinite}.af-card__add[data-state=added]{background:var(--color-text-success, #478947)}.af-card__add[data-state=added] .af-i-check{opacity:1}.af-card__add[data-state=error]{background:var(--color-text-error, #d02f2e)}.af-card__meta{display:flex;flex:1;flex-direction:column;gap:4px;padding:4px 12px 14px}.af-card__vendor{font-size:var(--font-size-body-50, 13px);letter-spacing:.06em;text-transform:uppercase;color:var(--af-muted)}.af-card__title{margin:0;min-height:2.7em;font-family:var(--font-product-listing-title, inherit);font-weight:400;font-size:var(--font-size-body-75, 15px);line-height:1.35;text-transform:none;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.af-card__title a{color:inherit;text-decoration:none}.af-card__title a:hover{color:var(--af-accent)}.af-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.af-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:auto;padding-top:4px;font-size:var(--font-size-body-100, 17px)}.af-card__now.is-sale{color:var(--af-sale)}.af-card__was{font-size:var(--font-size-body-60, 14px);color:var(--color-text-alpha-50, rgba(18, 18, 18, .5))}.af-card__stock{font-size:12px;color:var(--af-muted)}.af-card__msg{font-size:12px;color:var(--color-text-error, #d02f2e)}.af-card__msg:empty{display:none}.af-card--more{justify-content:center;align-items:center;gap:10px;padding:20px;text-align:center;text-decoration:none;background:var(--af-dark);color:#fff;border:0}.af-card--more:hover{background:var(--af-accent);box-shadow:none}.af-card--more strong{font-family:var(--font-heading);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:var(--font-size-heading-5-base, 18px)}.af-card--more span{font-size:14px;opacity:.85}.af-card--more svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.af-card--skeleton .af-card__media,.af-card--skeleton .af-card__meta span{background:linear-gradient(90deg,#eeeae8,#f8f6f5,#eeeae8);background-size:200% 100%;animation:af-shimmer 1.2s ease-in-out infinite}.af-card--skeleton .af-card__media{margin:12px;padding:0;aspect-ratio:auto;height:0;padding-bottom:calc(100% - 24px)}.af-card--skeleton .af-card__meta span{display:block;height:12px}.af-card--skeleton .af-card__meta span:nth-child(1){width:40%}.af-card--skeleton .af-card__meta span:nth-child(3){width:30%;height:16px;margin-top:8px}.af__empty-state{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:100%;min-height:140px;padding:24px;background:#fff;text-align:center;color:var(--af-muted)}.af__empty-state button{padding:10px 18px;border:1px solid var(--af-dark);background:var(--af-dark);color:#fff;font:inherit;cursor:pointer}.af__track.is-empty{display:block}.af__nav{position:absolute;z-index:3;top:34%;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--af-border);border-radius:50%;background:#fff;color:var(--af-text);cursor:pointer;box-shadow:0 4px 12px #00000014;transition:opacity .2s,background-color .2s}.af__nav:hover{background:var(--af-dark);color:#fff;border-color:var(--af-dark)}.af__nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.af__nav--prev{left:-18px}.af__nav--next{right:-18px}.af__nav[hidden],.af__nav.is-off{opacity:0;pointer-events:none}@media(max-width:1023px){.af__nav{display:none}}.af__sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes af-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes af-spin{to{transform:rotate(360deg)}}@keyframes af-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.af *,.af *:before,.af *:after{animation:none!important;transition:none!important}}.af--static *,.af--static *:before,.af--static *:after{animation:none!important}
/*# sourceMappingURL=/cdn/shop/t/130/assets/accessory-finder.css.map */