.occ-col{background:var(--occ-c-bg);color:var(--occ-c-text);font-family:var(--font-body-family),sans-serif;padding:var(--occ-c-pt) 0 var(--occ-c-pb)}.occ-col *,.occ-col *:before,.occ-col *:after{box-sizing:border-box}.occ-col__inner{max-width:160rem;margin:0 auto;padding-left:clamp(1.6rem,5vw,8rem);padding-right:clamp(1.6rem,5vw,8rem)}.occ-col--full .occ-col__inner{max-width:none}.occ-col a{color:inherit}.occ-col__visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}.occ-col__head{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.6rem}.occ-col__crumbs{font-size:1.3rem;color:var(--occ-c-muted)}.occ-col__crumbs a{text-decoration:none}.occ-col__crumbs a:hover{text-decoration:underline}.occ-col__crumbs [aria-current]{color:var(--occ-c-text)}.occ-col__titlerow{display:flex;justify-content:space-between;align-items:flex-end;gap:2.4rem}.occ-col__titles{display:flex;flex-direction:column;gap:.8rem}.occ-col__title{margin:0;font-family:var(--font-heading-family),sans-serif;font-weight:700;font-size:clamp(2.8rem,2.6vw,3.8rem);line-height:1.1;letter-spacing:-.01em;color:var(--occ-c-text)}.occ-col__desc{font-size:1.6rem;line-height:1.5;color:var(--occ-c-muted);max-width:76rem}.occ-col__desc p{margin:0}.occ-col__count{margin:0;font-size:1.4rem;color:var(--occ-c-muted);white-space:nowrap}.occ-col__toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;padding-bottom:1.4rem;border-bottom:1px solid var(--occ-c-border)}.occ-col__filter-toggle{display:none}.occ-col__filters{display:flex;flex-wrap:wrap;gap:1rem}.occ-col__filter{position:relative}.occ-col__pill{list-style:none;display:inline-flex;align-items:center;gap:.8rem;min-height:4rem;padding:.8rem 1.6rem;border:1px solid var(--occ-c-border);border-radius:2rem;background:var(--occ-c-card);color:var(--occ-c-text);font-size:1.4rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.occ-col__pill::-webkit-details-marker{display:none}.occ-col__pill:hover{border-color:var(--occ-c-primary)}.occ-col__pill:focus-visible{outline:2px solid var(--occ-c-primary);outline-offset:2px}.occ-col__pill.is-active{border-color:var(--occ-c-primary);box-shadow:inset 0 0 0 1px var(--occ-c-primary)}.occ-col__caret{width:1.2rem;height:1.2rem;transition:transform .15s ease}.occ-col__filter[open] .occ-col__caret{transform:rotate(180deg)}.occ-col__panel{position:absolute;top:calc(100% + .6rem);left:0;z-index:10;min-width:24rem;max-height:32rem;overflow-y:auto;padding:1.2rem;background:var(--occ-c-card);border:1px solid var(--occ-c-border);border-radius:8px;box-shadow:0 10px 28px #0000001f}.occ-col__fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.occ-col__check{display:flex;align-items:center;gap:1rem;padding:.8rem;border-radius:6px;font-size:1.4rem;cursor:pointer}.occ-col__check:hover{background:var(--occ-c-bg)}.occ-col__check input{width:1.8rem;height:1.8rem;accent-color:var(--occ-c-primary);margin:0}.occ-col__check-count{margin-left:auto;color:var(--occ-c-muted);font-size:1.3rem}.occ-col__check.is-disabled{opacity:.45;cursor:default}.occ-col__price-range{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.occ-col__price-range label{display:flex;flex-direction:column;gap:.4rem;font-size:1.3rem;font-weight:600}.occ-col__price-range input{height:4rem;padding:0 1rem;border:1px solid var(--occ-c-border);border-radius:6px;font:inherit;font-size:1.4rem;background:var(--occ-c-card);color:var(--occ-c-text)}.occ-col__apply{grid-column:1 / -1;height:4rem;border:0;border-radius:6px;background:var(--occ-c-primary);color:var(--occ-c-primary-text);font:inherit;font-weight:600;font-size:1.4rem;cursor:pointer}.occ-col__tools{display:flex;align-items:center;gap:1.6rem;flex-shrink:0}.occ-col__sort{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;color:var(--occ-c-muted)}.occ-col__sort select{height:4rem;padding:0 1rem;border:1px solid var(--occ-c-border);border-radius:6px;background:var(--occ-c-card);color:var(--occ-c-text);font:inherit;font-size:1.4rem;font-weight:600}.occ-col__view{display:flex;border:1px solid var(--occ-c-border);border-radius:6px;overflow:hidden}.occ-col__view-btn{display:inline-flex;align-items:center;gap:.6rem;height:4rem;padding:0 1.4rem;border:0;background:var(--occ-c-card);color:var(--occ-c-text);font:inherit;font-size:1.4rem;font-weight:600;cursor:pointer}.occ-col__view-btn svg{width:1.6rem;height:1.6rem}.occ-col__view-btn[aria-pressed=true]{background:var(--occ-c-primary);color:var(--occ-c-primary-text)}.occ-col__view-btn:focus-visible{outline:2px solid var(--occ-c-primary);outline-offset:-2px}.occ-col__chips{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.2rem;font-size:1.3rem}.occ-col__chip{display:inline-flex;gap:.6rem;padding:.5rem 1.2rem;border-radius:1.4rem;background:var(--occ-c-stock-bg);color:var(--occ-c-stock-text)!important;font-weight:600;text-decoration:none}.occ-col__chip:hover{text-decoration:line-through}.occ-col__clear{color:var(--occ-c-link)!important;font-weight:600}.occ-col__list{margin-top:1.6rem;background:var(--occ-c-card);border:1px solid var(--occ-c-border);border-radius:8px;overflow:hidden}.occ-col__listhead,.occ-col__item{display:grid;grid-template-columns:7.2rem minmax(0,1fr) 15rem 13rem 13rem 11rem;gap:2rem;align-items:center;padding:1.2rem 2rem}.occ-col__listhead{background:var(--occ-c-head);font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--occ-c-muted)}.occ-col__items{list-style:none;margin:0;padding:0}.occ-col__item{border-top:1px solid var(--occ-c-border);padding-top:1.4rem;padding-bottom:1.4rem;transition:background-color .15s ease}.occ-col__item.has-qty{background:var(--occ-c-highlight)}.occ-col__media{display:block;width:7.2rem;height:6.4rem}.occ-col__media img,.occ-col__placeholder{width:100%;height:100%;object-fit:contain;display:block}.occ-col__info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.occ-col__name{font-weight:600;font-size:1.5rem;line-height:1.35;text-decoration:none}.occ-col__name:hover{text-decoration:underline;text-underline-offset:.3rem}.occ-col__meta{font-size:1.3rem;color:var(--occ-c-muted)}.occ-col__sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.occ-col__price{display:flex;flex-direction:column;gap:.2rem}.occ-col__unit{font-weight:700;font-size:1.6rem}.occ-col__unit small{font-weight:400;font-size:1.3rem;color:var(--occ-c-muted)}.occ-col__bulk{font-size:1.3rem;font-weight:600;color:var(--occ-c-stock-text)}.occ-col__badge{display:inline-block;padding:.3rem 1rem;border-radius:1.2rem;font-size:1.3rem;font-weight:600;white-space:nowrap}.occ-col__badge--in{background:var(--occ-c-stock-bg);color:var(--occ-c-stock-text)}.occ-col__badge--low{background:var(--occ-c-low-bg);color:var(--occ-c-low-text)}.occ-col__badge--out{padding-left:0;color:var(--occ-c-muted)}.occ-col__action{display:flex;justify-content:flex-end}.occ-qty{display:inline-flex;align-items:stretch;height:3.8rem;border:1px solid var(--occ-c-border);border-radius:6px;background:var(--occ-c-card);overflow:hidden}.occ-qty__btn{width:3.4rem;border:0;background:transparent;color:var(--occ-c-text);font:inherit;font-size:1.8rem;cursor:pointer}.occ-qty__btn:hover{background:var(--occ-c-bg)}.occ-qty__btn:focus-visible,.occ-qty__input:focus-visible{outline:2px solid var(--occ-c-primary);outline-offset:-2px}.occ-qty__input{width:4.8rem;margin:0;padding:0;border:0;border-left:1px solid var(--occ-c-border);border-right:1px solid var(--occ-c-border);background:var(--occ-c-card);color:var(--occ-c-text);text-align:center;font:inherit;font-size:1.5rem;font-weight:600;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.occ-qty__input::-webkit-outer-spin-button,.occ-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.occ-col__add{display:inline-flex;align-items:center;justify-content:center;min-height:3.8rem;padding:0 1.8rem;border:0;border-radius:6px;background:var(--occ-c-accent);color:var(--occ-c-accent-text)!important;font:inherit;font-size:1.4rem;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer}.occ-col__add:hover{filter:brightness(.9)}.occ-col__add:focus-visible{outline:2px solid var(--occ-c-text);outline-offset:2px}.occ-col__add[disabled]{background:var(--occ-c-border);color:var(--occ-c-muted)!important;cursor:not-allowed;filter:none}.occ-col__add[aria-busy=true]{opacity:.7}.occ-col__add--link{background:transparent;color:var(--occ-c-text)!important;box-shadow:inset 0 0 0 1.5px var(--occ-c-text)}.occ-col--grid .occ-col__list{background:transparent;border:0;border-radius:0;overflow:visible}.occ-col--grid .occ-col__listhead{display:none}.occ-col--grid .occ-col__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1.6rem}.occ-col--grid .occ-col__item{grid-template-columns:1fr 1fr;grid-template-areas:"media media" "info info" "price stock" "qty action";gap:1.2rem;align-content:start;padding:1.6rem;border:1px solid var(--occ-c-border);border-radius:8px;background:var(--occ-c-card)}.occ-col--grid .occ-col__item.has-qty{background:var(--occ-c-highlight)}.occ-col--grid .occ-col__media{grid-area:media;width:100%;height:16rem}.occ-col--grid .occ-col__info{grid-area:info}.occ-col--grid .occ-col__price{grid-area:price}.occ-col--grid .occ-col__stock{grid-area:stock;justify-self:end;align-self:start}.occ-col--grid .occ-col__qty{grid-area:qty}.occ-col--grid .occ-col__action{grid-area:action}.occ-col--grid .occ-col__item:not([data-occ-item]) .occ-col__action{grid-column:1 / -1}.occ-col--grid .occ-col__add{width:100%}.occ-col__pager{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;margin-top:2rem;font-size:1.4rem;color:var(--occ-c-muted)}.occ-col__pager p{margin:0}.occ-col__pages{list-style:none;margin:0;padding:0;display:flex;gap:.6rem}.occ-col__page{min-width:3.8rem;height:3.8rem;padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--occ-c-border);border-radius:6px;background:var(--occ-c-card);color:var(--occ-c-text);text-decoration:none;font-weight:600}.occ-col__page.is-current{background:var(--occ-c-primary);border-color:var(--occ-c-primary);color:var(--occ-c-primary-text)}.occ-col__page--gap{border:0;background:transparent}a.occ-col__page:hover{border-color:var(--occ-c-primary)}.occ-col__empty{margin-top:1.6rem;padding:4rem 2rem;text-align:center;background:var(--occ-c-card);border:1px solid var(--occ-c-border);border-radius:8px}.occ-col__empty p{margin:0 0 1rem;font-size:1.6rem}.occ-col__status{margin:1.2rem 0 0;min-height:2rem;font-size:1.4rem;font-weight:600}.occ-col__status a{color:var(--occ-c-link)}.occ-col__bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--occ-c-bar);color:var(--occ-c-bar-text);box-shadow:0 -6px 20px #00000024}.occ-col__bar[hidden]{display:none}.occ-col__bar-inner{max-width:160rem;margin:0 auto;padding:1.4rem clamp(1.6rem,5vw,8rem);display:flex;justify-content:space-between;align-items:center;gap:1.6rem}.occ-col--full .occ-col__bar-inner{max-width:none}.occ-col__bar-summary{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 2rem;font-size:1.5rem}.occ-col__bar-summary>strong{font-size:1.7rem}.occ-col__bar-actions{display:flex;gap:1.2rem;flex-shrink:0}.occ-col__bar-clear{height:4.4rem;padding:0 1.6rem;border:1px solid currentColor;border-radius:6px;background:transparent;color:var(--occ-c-bar-text);font:inherit;font-weight:600;font-size:1.4rem;cursor:pointer}.occ-col__bar-add{height:4.4rem;padding:0 2.6rem;border:0;border-radius:6px;background:var(--occ-c-accent);color:var(--occ-c-accent-text);font:inherit;font-weight:700;font-size:1.6rem;cursor:pointer}.occ-col__bar-add:hover{filter:brightness(.9)}.occ-col__bar-add[aria-busy=true]{opacity:.7}.occ-col__bar-clear:focus-visible,.occ-col__bar-add:focus-visible{outline:2px solid var(--occ-c-bar-text);outline-offset:2px}@media screen and (max-width:1199px){.occ-col__listhead,.occ-col__item{grid-template-columns:6.4rem minmax(0,1fr) 13rem 12rem 11rem}.occ-col__listhead span:nth-child(4),.occ-col__item .occ-col__stock{display:none}.occ-col--grid .occ-col__item .occ-col__stock{display:block}}@media screen and (max-width:749px){.occ-col__titlerow{flex-direction:column;align-items:flex-start;gap:.6rem}.occ-col__desc{font-size:1.4rem}.occ-col__toolbar{flex-wrap:wrap;border-bottom:0;padding-bottom:0}.occ-col__filter-toggle{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;height:4.2rem;border:1px solid var(--occ-c-border);border-radius:6px;background:var(--occ-c-card);color:var(--occ-c-text);font:inherit;font-size:1.4rem;font-weight:600;cursor:pointer}.occ-col__tools{flex:1 1 0}.occ-col__sort{flex:1 1 auto}.occ-col__sort span{display:none}.occ-col__sort select{width:100%;height:4.2rem}.occ-col__view{display:none}.occ-col__filters{display:none;order:3;flex:1 1 100%;flex-direction:column;gap:.8rem;padding:1.2rem;background:var(--occ-c-card);border:1px solid var(--occ-c-border);border-radius:8px}.occ-col__filters.is-open{display:flex}.occ-col__pill{width:100%;justify-content:space-between;border-radius:6px}.occ-col__panel{position:static;margin-top:.6rem;box-shadow:none;max-height:none;min-width:0}.occ-col__list{background:transparent;border:0;overflow:visible}.occ-col__listhead{display:none}.occ-col__items{display:flex;flex-direction:column;gap:1rem}.occ-col__item,.occ-col--grid .occ-col__item{grid-template-columns:6.4rem minmax(0,1fr) auto auto;grid-template-areas:"media info info info" "media price price price" "stock stock qty action";gap:.8rem .8rem;padding:1.2rem;border:1px solid var(--occ-c-border);border-radius:8px;background:var(--occ-c-card)}.occ-col__media,.occ-col--grid .occ-col__media{grid-area:media;width:6.4rem;height:6rem}.occ-col__info{grid-area:info}.occ-col__name{font-size:1.4rem}.occ-col__price{grid-area:price;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem}.occ-col__unit{font-size:1.4rem}.occ-col__item .occ-col__stock,.occ-col--grid .occ-col__item .occ-col__stock{display:block;grid-area:stock;align-self:center;justify-self:start}.occ-col__qty,.occ-col--grid .occ-col__qty{grid-area:qty}.occ-col__action,.occ-col--grid .occ-col__action{grid-area:action;justify-self:end}.occ-col--grid .occ-col__item:not([data-occ-item]) .occ-col__action{grid-column:auto}.occ-col--grid .occ-col__add{width:auto}.occ-col__add{min-height:3.6rem}.occ-qty{height:3.6rem}.occ-col__pager{flex-direction:column}.occ-col__bar-inner{padding:1.2rem 1.6rem}.occ-col__bar-note,.occ-col__bar-clear{display:none}.occ-col__bar-summary{flex-direction:column;gap:.2rem;font-size:1.4rem}.occ-col{padding-bottom:calc(var(--occ-c-pb) + 7rem)}}@media(prefers-reduced-motion:reduce){.occ-col__item,.occ-col__caret{transition:none}}.occ-col__qty{display:flex;flex-direction:column;align-items:center;gap:.3rem}.occ-col__min{font-size:1.2rem;font-weight:600;color:var(--occ-c-muted);white-space:nowrap}.occ-col__brand{position:relative;flex:0 1 36rem;min-width:0}.occ-col__brand select{width:100%;height:4.4rem;padding:0 4.2rem 0 1.4rem;-webkit-appearance:none;appearance:none;cursor:pointer;font-size:1.5rem}.occ-col__brand select:focus-visible{outline:2px solid var(--occ-c-primary);outline-offset:2px}.occ-col__brand-caret{position:absolute;right:1.4rem;top:50%;width:1.6rem;height:1.6rem;transform:translateY(-50%);color:var(--occ-c-text);pointer-events:none}@media(max-width:749px){.occ-col__brand{flex:1 1 100%}.occ-col__brand select{height:4.6rem;font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/occ-collection.css.map */