.oc{--oc-t:#767676;--oc-l:#e6e6e6;--oc-f:#f4f4f4;--oc-o:#b3b3b3;--oc-e:cubic-bezier(.2,.7,.2,1);position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;color:#000;font-family:var(--ora-font,inherit);text-align:left;letter-spacing:0;text-transform:none}.oc *,.oc *:before,.oc *:after{box-sizing:border-box}.oc a{color:#000;text-decoration:none}.oc [hidden]{display:none!important}.oc__m{grid-row:1;grid-column:1;position:relative;aspect-ratio:3/4;background:var(--oc-f);overflow:hidden}.oc__im{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:pointer}.oc__m img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0}.oc__i1{transition:opacity .25s var(--oc-e)}.oc__i1.is-sw{opacity:.4}.oc__i2{opacity:0;transition:opacity .3s var(--oc-e)}.oc__i2:not([src]){visibility:hidden}.oc.no-b .oc__i2{display:none}.oc__chip{position:absolute;top:10px;left:10px;z-index:2;background:#fff;color:#000;padding:6px 8px;font:600 10px/1 var(--ora-font,inherit);letter-spacing:1.2px;text-transform:uppercase}.oc__hrt{grid-row:1;grid-column:1;justify-self:end;align-self:start;margin:4px 4px 0 0;z-index:3;width:40px;height:40px;padding:0;border:0;border-radius:0;background:none;color:#000;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none;min-width:0}.oc .oc__hrt svg{width:19px;height:19px;fill:none;stroke:#000;stroke-width:1.5;stroke-linejoin:round;transition:stroke-width .15s,transform .25s var(--oc-e)}.oc .oc__hrt[aria-pressed=true] svg{fill:none;stroke-width:2.6}.oc__hrt.pop svg{animation:oc-pop .4s var(--oc-e)}@keyframes oc-pop{35%{transform:scale(1.22)}}.oc__hrt:focus-visible{outline:2px solid #000;outline-offset:-4px}.oc__tp{grid-row:2;margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:baseline}.oc__t{margin:0 0 -2px;padding:0 0 2px;min-width:0;font:600 14px/1.35 var(--ora-font,inherit);letter-spacing:0;text-transform:none;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc__t a{cursor:pointer}.oc__t a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.oc__t a:focus-visible{outline:2px solid #000;outline-offset:-2px}.oc__t .highlight,.oc__t mark{background:none;color:inherit;font-weight:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.oc__p{font:400 14px/1.35 var(--ora-font,inherit);white-space:nowrap;font-variant-numeric:tabular-nums;color:#000;justify-self:end}.oc__s{grid-row:3;margin:2px 0 0;font:400 13px/1.35 var(--ora-font,inherit);color:var(--oc-t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc__sw{grid-row:4;margin:10px 0 0 -4px;display:flex;flex-wrap:wrap;align-items:center}.oc__c{position:relative;width:24px;height:24px;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:none;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none}.oc__c i{display:block;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024;transition:outline-color .15s}.oc__c:hover i{outline:1px solid var(--oc-t);outline-offset:2px}.oc__c[aria-pressed=true] i{outline:1px solid #000;outline-offset:2px}.oc__c.out i{opacity:.35}.oc__c.out:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:18px;background:#000;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}.oc__c:focus-visible{outline:0}.oc__c:focus-visible i{outline:2px solid #000;outline-offset:2px}.oc__n{margin-left:4px;font:400 12px/1 var(--ora-font,inherit);color:var(--oc-t)}.oc__qa{grid-row:1;grid-column:1;align-self:end;margin:0 8px 8px;z-index:4;background:#fff;padding:10px;display:grid;gap:8px;opacity:0;transform:translateY(6px);transition:opacity .2s var(--oc-e),transform .2s var(--oc-e);pointer-events:none}.oc__qh{margin:0;display:flex;justify-content:center;align-items:center;gap:6px;min-height:10px;font:600 10px/1.2 var(--ora-font,inherit);letter-spacing:1.2px;text-transform:uppercase;text-align:center;color:#000}.oc__qh svg{width:12px;height:12px;fill:none;stroke:#000;stroke-width:2;flex:none}.oc__qs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.oc__qs button{height:34px;min-width:0;padding:0;margin:0;border:1px solid #000;border-radius:0;background:#fff;color:#000;font:600 12px/1 var(--ora-font,inherit);letter-spacing:0;cursor:pointer;transition:background .12s,color .12s;box-shadow:none}.oc__qs button:hover:not(:disabled){background:#000;color:#fff}.oc__qs button:disabled{color:var(--oc-o);border-color:var(--oc-l);background:#fff;text-decoration:line-through;cursor:not-allowed;opacity:1}.oc__qs button.is-ok,.oc__qs button.is-ok:disabled{background:#000;color:#fff;border-color:#000;text-decoration:none}.oc__qs button:focus-visible,.oc__add:focus-visible,.oc__alt:focus-visible{outline:2px solid #000;outline-offset:2px}.oc__alt{justify-self:center;padding:2px 0;margin:0;border:0;border-radius:0;background:none;color:#000;font:400 11px/1.3 var(--ora-font,inherit);letter-spacing:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer;min-width:0;box-shadow:none}.oc__alt:hover{text-decoration-thickness:2px}.oc__add{height:34px;margin:0;border:1px solid #000;border-radius:0;background:#000;color:#fff;font:600 11px/1 var(--ora-font,inherit);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;transition:background .12s,color .12s;box-shadow:none}.oc__add:hover:not(:disabled){background:#fff;color:#000}.oc__add:disabled{background:#fff;color:var(--oc-o);border-color:var(--oc-l);cursor:not-allowed}.oc__dds{display:grid;gap:4px}@media(hover:hover)and (pointer:fine){.oc:hover .oc__i2,.oc:focus-within .oc__i2{opacity:1}.oc:hover .oc__qa,.oc:focus-within .oc__qa,.oc.is-open .oc__qa{opacity:1;transform:none;pointer-events:auto}}.oc-dd{position:relative}.oc-dd__btn{width:100%;height:34px;display:grid;grid-template-columns:1fr auto 14px;align-items:center;gap:8px;padding:0 10px;margin:0;border:1px solid #000;border-radius:0;background:#fff;color:#000;cursor:pointer;text-align:left;box-shadow:none;min-width:0}.oc-dd__btn:focus-visible{outline:2px solid #000;outline-offset:2px}.oc-dd__l{font:600 10px/1 var(--ora-font,inherit);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-dd__v{font:400 13px/1 var(--ora-font,inherit)}.oc-dd__v.ph{color:var(--oc-t)}.oc-dd__btn svg{width:14px;height:14px;fill:none;stroke:#000;stroke-width:1.6;transition:transform .2s}.oc-dd__btn[aria-expanded=true] svg{transform:rotate(180deg)}.oc-dd.is-miss .oc-dd__btn{box-shadow:inset 0 0 0 1px #000,0 0 0 2px #fff,0 0 0 3px #000}.oc-dd.is-miss .oc-dd__v{color:#000;font-weight:600}.oc-dd__list{position:absolute;left:0;right:0;bottom:calc(100% - 1px);z-index:25;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #000;display:none;outline:0;max-height:220px;overflow-y:auto}.oc-dd.open .oc-dd__list{display:block}.oc-dd__list li{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding:0 10px;margin:0;font:400 13px/1 var(--ora-font,inherit);cursor:pointer;color:#000;background:#fff}.oc-dd__list li+li{border-top:1px solid var(--oc-l)}.oc-dd__list li.act{background:var(--oc-f)}.oc-dd__list li[aria-selected=true]{font-weight:600}.oc-dd__list li[aria-selected=true]:after{content:"";width:10px;height:5px;border-left:1.6px solid #000;border-bottom:1.6px solid #000;transform:rotate(-45deg) translateY(-2px)}.oc-dd__list li[aria-disabled=true]{cursor:not-allowed;color:var(--oc-o)}.oc-dd__list li[aria-disabled=true] s{text-decoration:line-through}.oc-dd__list li[aria-disabled=true] em{font:600 10px/1 var(--ora-font,inherit);font-style:normal;letter-spacing:1px;text-transform:uppercase}.oc--c .oc__tp{margin-top:8px}.oc--c .oc__t,.oc--c .oc__p{font-size:13px}.oc--c .oc__s{font-size:12px}.oc--c .oc__sw{margin-top:6px}.oc--c .oc__c i{width:12px;height:12px}.oc--c .oc__c.out:after{height:14px}.oc--c .oc__n{font-size:11px}.oc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 12px;align-items:start;margin:0;padding:0;list-style:none}.main-collection-grid .product-grid:has(.oc){grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 12px;align-items:start}.main-collection-grid .product-grid:has(.oc)>.product-grid__item{border:0;padding:0;min-width:0}@media(max-width:1100px){.oc-grid,.main-collection-grid .product-grid:has(.oc){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.oc-grid,.main-collection-grid .product-grid:has(.oc){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 8px}.oc__t,.oc__p{font-size:13px}.oc__s{font-size:12px}.oc__sw{margin-left:-6px}.oc__c{width:28px;height:28px}.oc__qa,.oc__i2{display:none}}@media(max-width:749px){.main-collection-grid .product-grid:has(.oc){padding-inline:var(--oh-pad,16px)}}@media(hover:none){.oc__qa,.oc__i2{display:none}}@media(prefers-reduced-motion:reduce){.oc *,.oc-dd *{transition:none!important;animation:none!important}}.oc__plus{grid-row:1;grid-column:1;align-self:end;justify-self:end;margin:0 8px 8px 0;z-index:5;width:40px;height:40px;padding:0;border:1px solid #000;border-radius:0;background:#fff;color:#000;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc__plus[hidden]{display:none}.oc__plus svg{width:16px;height:16px;fill:none;stroke:#000;stroke-width:1.6;transition:transform .2s var(--oc-e)}.oc__plus:focus-visible{outline:2px solid #000;outline-offset:2px}.oc.is-qa .oc__plus{align-self:start;margin-top:8px}.oc.is-qa .oc__plus svg{transform:rotate(45deg)}.oc.is-qa .oc__hrt{visibility:hidden}.oc.is-qa .oc__qa{display:grid!important;opacity:1!important;transform:none!important;pointer-events:auto!important}@media(hover:hover)and (min-width:750px){.oc__plus{display:none}}.oc__pw{justify-self:end;display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.oc__pc{font:400 13px/1.35 var(--ora-font,inherit);color:#6b6b6b;text-decoration:line-through;font-variant-numeric:tabular-nums}.oc__pc[hidden]{display:none}.oc--c .oc__pc{font-size:12px}@media(max-width:749px){.oc__pc{font-size:12px}.oc__pw{gap:4px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ora-card.css.map */