.wop{--wop-paper: var(--wo-paper, #FFFFFF);--wop-card: var(--wo-card, #FFFFFF);--wop-tile: var(--wo-tile, #F0F0EE);--wop-ink: var(--wo-ink, #1E2124);--wop-muted: var(--wo-muted, #6B6F76);--wop-line: var(--wo-line, #E1E2E0);--wop-accent: var(--wo-accent, #B4B6B8);--wop-blue: var(--wo-blue, #2F3337);--wop-fit: var(--wo-fit, #12A150);--wop-maybe: var(--wo-maybe, #D98300);--wop-sale: var(--wo-sale, #E5383B);--wop-r: var(--wo-r, 4px);--wop-r-sm: var(--wo-r-sm, 4px);--wop-shadow: var(--wo-shadow, 0 1px 2px rgba(15,17,21,.06), 0 12px 32px -16px rgba(15,17,21,.22));--wop-head: var(--font-heading-family, "Archivo", system-ui, sans-serif);--wop-body: var(--font-body-family, "Inter", system-ui, sans-serif);background:var(--wop-paper);color:var(--wop-ink);font-family:var(--wop-body);font-size:1.6rem;line-height:1.6;letter-spacing:0;padding-bottom:6.4rem;overflow-x:clip}.wop *,.wop *:before,.wop *:after{box-sizing:border-box}.wop-wrap{max-width:120rem;margin:0 auto;padding:0 1.6rem}@media(min-width:750px){.wop-wrap{padding:0 3.2rem}}.wop-wrap--narrow{max-width:86rem}.wop h1,.wop h2,.wop h3,.wop h4,.wop .wop-h1,.wop .wop-h2,.wop .wop-h3{font-family:var(--wop-head);font-weight:800;letter-spacing:-.01em;text-transform:none;color:var(--wop-ink);line-height:1.12;margin:0}.wop h1,.wop .wop-h1{font-size:clamp(3.2rem,7vw,5.6rem)}.wop h2,.wop .wop-h2{font-size:clamp(2.4rem,4vw,3.2rem)}.wop h3,.wop .wop-h3{font-size:1.9rem;line-height:1.25}.wop h4{font-size:1.7rem}.wop p{margin:0}.wop a{color:var(--wop-blue);text-underline-offset:.2em}.wop a:hover{text-decoration-thickness:2px}.wop-eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--wop-body);font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--wop-muted);margin:0 0 1.2rem}.wop-eyebrow:before{content:"";width:2.6em;height:.75em;background:url(wo-ws-mark.svg) no-repeat left center / contain;flex:none}.wop-lede{color:var(--wop-muted);font-size:1.7rem;line-height:1.6;max-width:62rem;margin-top:1.6rem}.wop-muted{color:var(--wop-muted)}.wop-small{font-size:1.35rem;color:var(--wop-muted);line-height:1.55}.wop-hero{padding:4.8rem 0 3.2rem;position:relative}@media(min-width:990px){.wop-hero{padding:7.2rem 0 4.8rem}}.wop-hero__mark{position:absolute;right:-6rem;top:2rem;width:26rem;height:26rem;border-radius:4px;background:radial-gradient(circle at center,var(--wop-paper) 0 26%,var(--wop-tile) 26% 30%,transparent 30% 44%,var(--wop-accent) 44% 47%,transparent 47%);opacity:.9;pointer-events:none;z-index:0}@media(min-width:990px){.wop-hero__mark{right:4rem;width:34rem;height:34rem}}.wop-hero .wop-wrap{position:relative;z-index:1}.wop-sec{margin-top:5.6rem}@media(min-width:990px){.wop-sec{margin-top:8rem}}.wop-sec__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem 2.4rem;margin-bottom:2.4rem}.wop-sec__head p{color:var(--wop-muted);max-width:60rem;margin-top:.8rem}.wop-card{background:var(--wop-card);border-radius:var(--wop-r);box-shadow:var(--wop-shadow);padding:2.4rem}@media(min-width:750px){.wop-card{padding:3.2rem}}.wop-card--flat{box-shadow:none;border:1px solid var(--wop-line)}.wop-grid{display:grid;gap:1.6rem;grid-template-columns:1fr}@media(min-width:600px){.wop-grid--2,.wop-grid--3,.wop-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.wop-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.wop-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.wop-grid{gap:2.4rem}}.wop-ico{width:4.8rem;height:4.8rem;border-radius:4px;display:inline-grid;place-items:center;background:var(--wop-paper);color:var(--wop-ink);flex:none}.wop-ico svg{width:2.4rem;height:2.4rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.wop-ico--accent{background:var(--wop-accent)}.wop-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.8rem;padding:0 2.4rem;border-radius:4px;border:1px solid transparent;font-family:var(--wop-body);font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap;background:var(--wop-ink);color:#fff;transition:transform .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out}.wop a.wop-btn{color:#fff}.wop-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px -10px #0f111573;text-decoration:none}.wop-btn:disabled,.wop-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.wop-btn--accent,.wop a.wop-btn--accent{background:var(--wo-ink, #1E2124);color:#fff;border-color:var(--wo-ink, #1E2124)}.wop-btn--ghost,.wop a.wop-btn--ghost{background:var(--wop-card);color:var(--wop-ink);border-color:var(--wop-line)}.wop-btn--block{width:100%}.wop-btns{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.4rem}.wop-chips{display:flex;flex-wrap:wrap;gap:.8rem}.wop-chip{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;padding:0 1.8rem;border-radius:4px;background:var(--wop-card);border:1px solid var(--wop-line);color:var(--wop-ink);font:600 1.45rem/1.2 var(--wop-body);text-decoration:none;cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out,transform .16s ease-out}.wop a.wop-chip{color:var(--wop-ink)}.wop-chip:hover{border-color:var(--wop-ink);text-decoration:none}.wop-chip.is-on,.wop-chip[aria-pressed=true]{background:var(--wop-ink);color:#fff;border-color:var(--wop-ink)}.wop-chip i{font-style:normal;font-size:1.2rem;color:var(--wop-muted)}.wop-chip.is-on i{color:#ffffffb3}.wop-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem 1rem;border-radius:4px;font:700 1.15rem/1.4 var(--wop-body);background:var(--wop-tile);color:var(--wop-ink)}.wop-pill--accent{background:var(--wop-accent);color:var(--wop-ink)}.wop-pill--fit{background:var(--wop-fit);color:#fff}.wop-pill--maybe{background:var(--wop-maybe);color:#fff}.wop-pill--sale{background:var(--wop-sale);color:#fff}.wop-pill--out{background:var(--wop-ink);color:#fff}.wop-field{display:flex;flex-direction:column;gap:.6rem;min-width:0}.wop-field>span,.wop-label{font:600 1.3rem/1.3 var(--wop-body);color:var(--wop-muted)}.wop-field em{font-style:normal;font-weight:400}.wop select,.wop input[type=text],.wop input[type=number],.wop input[type=search]{width:100%;min-height:4.8rem;padding:0 1.4rem;border-radius:var(--wop-r-sm);border:1px solid var(--wop-line);background-color:var(--wop-card);color:var(--wop-ink);font:500 1.6rem/1.2 var(--wop-body);letter-spacing:0;box-shadow:none;appearance:none;-webkit-appearance:none}.wop select{padding-right:4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1115' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.4rem center;background-size:1.6rem}.wop select:disabled{opacity:.5}.wop input[type=range]{width:100%;accent-color:var(--wop-ink);min-height:4.4rem}.wop input[type=checkbox]{width:2rem;height:2rem;accent-color:var(--wop-ink)}.wop a:focus-visible,.wop button:focus-visible,.wop select:focus-visible,.wop input:focus-visible,.wop summary:focus-visible,.wop [tabindex]:focus-visible{outline:3px solid var(--wop-blue);outline-offset:2px;box-shadow:none}.wop select:focus,.wop input:focus{border-color:var(--wop-blue)}.wop-acc{display:flex;flex-direction:column;gap:1.2rem}.wop-acc details{background:var(--wop-card);border-radius:var(--wop-r);border:1px solid var(--wop-line);overflow:hidden}.wop-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.8rem 2rem;min-height:4.8rem;font:700 1.6rem/1.4 var(--wop-body);color:var(--wop-ink)}.wop-acc summary::-webkit-details-marker{display:none}.wop-acc summary:after{content:"";flex:none;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--wop-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1115' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 1.6rem no-repeat;transition:transform .2s ease-out,background-color .2s ease-out}.wop-acc details[open] summary:after{transform:rotate(45deg);background-color:var(--wop-accent)}.wop-acc .wop-acc__body{padding:0 2rem 2rem;color:var(--wop-ink)}.wop-acc .wop-acc__body p+p{margin-top:1rem}.wop-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--wop-r-sm);border:1px solid var(--wop-line);background:var(--wop-card)}.wop-table{width:100%;border-collapse:collapse;font-size:1.45rem;min-width:48rem}.wop-table th,.wop-table td{text-align:left;padding:1.2rem 1.4rem;border-bottom:1px solid var(--wop-line)}.wop-table th{font:700 1.2rem/1.3 var(--wop-body);text-transform:uppercase;letter-spacing:.08em;color:var(--wop-muted);background:var(--wop-paper)}.wop-table tr:last-child td{border-bottom:0}.wop-table td{font-variant-numeric:tabular-nums}.wop-ticks{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.8rem}.wop-ticks li{position:relative;padding-left:3rem}.wop-ticks li:before{content:"";position:absolute;left:0;top:.25em;width:2rem;height:2rem;border-radius:50%;background:var(--wop-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1115' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 1.2rem no-repeat}.wop-band{background:var(--wop-ink);color:#fff;border-radius:var(--wop-r);padding:3.2rem 2.4rem;display:grid;gap:2rem;align-items:center}.wop-band h2,.wop-band h3{color:#fff}.wop-band p{color:#ffffffb8;margin-top:.8rem}.wop-band .wop-btns{margin-top:0}@media(min-width:750px){.wop-band{grid-template-columns:1fr auto;padding:4rem}}.wop-pgrid{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:750px){.wop-pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}@media(min-width:1200px){.wop-pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.wop-pcard{display:flex;flex-direction:column;background:var(--wop-card);border-radius:var(--wop-r);overflow:hidden;text-decoration:none;color:var(--wop-ink);box-shadow:var(--wop-shadow);transition:transform .2s ease-out,box-shadow .2s ease-out}.wop a.wop-pcard{color:var(--wop-ink);text-decoration:none}.wop-pcard:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0f11150f,0 20px 40px -18px #0f111552}.wop-pcard__img{position:relative;aspect-ratio:1 / 1;background:var(--wop-tile);margin:.8rem;border-radius:var(--wop-r-sm);overflow:hidden}.wop-pcard__img img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.wop-pcard__img>svg{position:absolute;top:25%;right:25%;bottom:25%;left:25%;width:50%;height:50%;color:#0f11152e}.wop-pcard__badges{position:absolute;left:.8rem;top:.8rem;display:flex;flex-wrap:wrap;gap:.4rem}.wop-pcard__body{padding:.4rem 1.4rem 1.6rem;display:flex;flex-direction:column;gap:.4rem;flex:1}@media(min-width:750px){.wop-pcard__body{padding:.4rem 1.8rem 2rem}}.wop-pcard__code{font:700 1.1rem/1.3 var(--wop-body);letter-spacing:.12em;text-transform:uppercase;color:var(--wop-muted)}.wop-pcard__name{font-family:var(--wop-head);font-weight:800;font-size:1.5rem;line-height:1.3;letter-spacing:-.01em}@media(min-width:750px){.wop-pcard__name{font-size:1.65rem}}.wop-pcard__fin{font-size:1.3rem;color:var(--wop-muted)}.wop-pcard__specs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.wop-pcard__specs span{font-size:1.15rem;font-weight:600;padding:.2rem .8rem;border-radius:4px;background:var(--wop-paper)}.wop-pcard__fitline{font-size:1.25rem;font-weight:600;color:var(--wop-fit)}.wop-pcard__fitline.is-may{color:var(--wop-maybe)}.wop-pcard__price{margin-top:auto;padding-top:.8rem;font-weight:800;font-size:1.7rem;font-variant-numeric:tabular-nums}.wop-pcard__price small{font-weight:500;font-size:1.2rem;color:var(--wop-muted)}.wop-pcard__price s{font-weight:500;font-size:1.3rem;color:var(--wop-muted);margin-left:.6rem}.wop-empty{background:var(--wop-card);border:1px dashed var(--wop-line);border-radius:var(--wop-r);padding:3.2rem 2.4rem;text-align:center;color:var(--wop-muted)}.wop-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.wop *,.wop *:before,.wop *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.wop-btn:hover,.wop-pcard:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/wo-pages.css.map */