.oc{color:var(--color-foreground,#17251e);font-family:var(--font-body--family);padding-bottom:var(--oc-space)}.oc *{box-sizing:border-box}.oc a{color:inherit;text-decoration:none}.oc button,.oc select,.oc input{font:inherit}.oc button{cursor:pointer}.oc button:focus-visible,.oc a:focus-visible,.oc input:focus-visible,.oc select:focus-visible{outline:2px solid currentColor;outline-offset:4px}.oc-wrap{width:min(var(--oc-width),calc(100% - 64px));margin-inline:auto}.oc-hero{height:var(--oc-hero);background:var(--oc-banner);color:var(--oc-ink);position:relative;display:flex;align-items:center;isolation:isolate}.oc-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.65}.oc-hero-content nav{display:flex;gap:12px;font-size:12px;margin-bottom:18px}.oc h1{font-family:var(--font-heading--family);font-size:clamp(30px,3.3vw,52px);margin:0;line-height:1.1}.oc-description{max-width:600px;margin-top:12px}.oc-routines{display:flex;gap:36px;align-items:center;padding-block:28px;border-bottom:1px solid #e3e7e4}.oc-routine-heading{flex:0 0 210px}.oc-routine-heading h2{font-family:var(--font-heading--family);font-size:21px;margin:0 0 8px}.oc-routine-heading p{font-size:13px;margin:0;opacity:.65}.oc-routine-track{display:flex;gap:24px;overflow-x:auto;padding:5px 5px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;flex:1;min-width:0}.oc-routine{flex:0 0 130px;text-align:center;font-size:12px;scroll-snap-align:start}.oc-routine-image{display:block;width:86px;height:86px;border-radius:50%;background:#f2f3f2;margin:0 auto 10px;overflow:hidden;transition:transform .25s,border-color .25s;border:1px solid #e7eae8}.oc-routine-image img{width:100%;height:100%;object-fit:cover}.oc-routine:hover .oc-routine-image{transform:translateY(-3px)}.oc-routine[aria-current] .oc-routine-image{border-color:currentColor}.oc-browser{display:block;padding-top:24px}.oc-toolbar{display:flex;align-items:center;gap:20px;min-height:52px;margin-bottom:16px}.oc-toolbar button{border:0;background:none;display:flex;align-items:center;gap:8px;padding:6px}.oc-toolbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.oc-count{font-size:13px;opacity:.6}.oc-sort{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px}.oc-sort select{max-width:220px;border:0;background:transparent;color:inherit;padding:6px}.oc-density{display:flex;gap:6px}.oc-density button{opacity:.4}.oc-density button[aria-pressed=true]{opacity:1}.oc-active{display:flex;gap:8px;flex-wrap:wrap}.oc-active:has(a){margin-bottom:20px}.oc-active a{padding:7px 12px;background:#f1f3f1;border-radius:30px;font-size:12px}.oc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;transition:grid-template-columns .3s,gap .3s}.oc-browser[data-open=false] .oc-layout{grid-template-columns:0 minmax(0,1fr);gap:0}.oc-filters{min-width:0;overflow:hidden;opacity:1;transition:opacity .2s}.oc-browser[data-open=false] .oc-filters{opacity:0;visibility:hidden}.oc-filters details{border-bottom:1px solid #e1e4e2;padding:0 0 20px;margin-bottom:22px;width:220px}.oc-filters summary{display:flex;justify-content:space-between;font-weight:600;font-size:14px;cursor:pointer;list-style:none;margin-bottom:16px}.oc-filters summary::-webkit-details-marker{display:none}.oc-filters details:not([open]) summary{margin-bottom:0}.oc-filter-values{display:grid;gap:12px;font-size:13px}.oc-filter-values label{display:flex;gap:9px;align-items:center}.oc-filter-values input{accent-color:#17251e;width:15px;height:15px}.oc-filter-values label:has(:disabled){opacity:.4}.oc-filter-values small{margin-left:auto;opacity:.5}.oc-price{display:flex;gap:10px}.oc-price label{width:50%;font-size:12px}.oc-price input{display:block;width:100%;padding:10px 6px;border:1px solid #d7dcd8;border-radius:4px;margin-top:6px}.oc-apply{border:1px solid #d4dbd5;border-radius:30px;background:white;padding:10px 20px;width:100%}.oc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--oc-gap)}.oc-browser[data-open=false] .oc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-browser[data-density=compact] .oc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-browser[data-density=compact][data-open=false] .oc-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.oc-card{position:relative;display:flex;flex-direction:column;background:var(--oc-card);border-radius:var(--oc-radius);overflow:hidden;min-width:0;transition:box-shadow .25s}.oc-card:hover{box-shadow:0 5px 20px #17251e0d}.oc-card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.12;padding:24px 18px 8px}.oc-card-image img,.oc-card-image>svg{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.oc-card:hover .oc-card-image img{transform:scale(1.035)}.oc-card-bottom{display:flex;gap:10px;justify-content:space-between;align-items:flex-end;padding:16px 18px 20px;flex:1}.oc-card h3{font-family:var(--font-body--family);font-size:15px;line-height:1.3;margin:4px 0 8px;font-weight:500}.oc-type{font-size:10px;opacity:.55}.oc-card-price{font-size:12px;display:flex;gap:6px;flex-wrap:wrap}.oc-card-price s{opacity:.45}.oc-cart{flex:0 0 38px;width:38px;height:38px;position:relative}.oc-cart .quick-add{position:static;inset:auto;display:block;opacity:1;transform:none;width:38px;height:38px}.oc-cart .button,.oc-sold{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border-radius:50%;background:#101411;color:#fff;border:0;font-size:0;display:flex;align-items:center;justify-content:center;opacity:1;transform:none;visibility:visible}.oc-cart .svg-wrapper,.oc-sold svg{width:18px;height:18px}.oc-sold{opacity:.4;cursor:default}.oc-cart .quick-add__button--choose{position:static}.oc-pagination{display:flex;justify-content:center;gap:12px;padding:30px 0}.oc-pagination .page,.oc-pagination .next,.oc-pagination .prev{padding:8px}.oc-empty{grid-column:1/-1;padding:40px}.oc-mobile-head,.oc-backdrop{display:none}.oc-browser[aria-busy=true] .oc-results{opacity:.55;transition:opacity .2s}
@media(max-width:989px){.oc-wrap{width:calc(100% - 32px)}.oc-hero{height:170px}.oc-routines{display:block;padding-block:24px}.oc-routine-heading{margin-bottom:18px}.oc-routine-heading h2{font-size:20px}.oc-routine-track{gap:16px}.oc-routine{flex-basis:105px}.oc-routine-image{width:72px;height:72px}.oc-toolbar{gap:10px;flex-wrap:wrap}.oc-count{font-size:11px}.oc-sort{font-size:12px}.oc-sort>span,.oc-density{display:none}.oc-sort select{max-width:160px}.oc-layout,.oc-browser[data-open=false] .oc-layout{display:block}.oc-grid,.oc-browser[data-open=false] .oc-grid,.oc-browser[data-density=compact] .oc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-filters{position:fixed;inset:0 auto 0 0;width:min(320px,85vw);background:white;padding:24px;z-index:1001;overflow:auto;transform:translateX(-100%);opacity:1;visibility:hidden;transition:transform .3s,visibility .3s}.oc-browser[data-open=true] .oc-filters{transform:translateX(0);visibility:visible;opacity:1}.oc-filters details{width:100%}.oc-mobile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.oc-mobile-head button{font-size:28px;background:none;border:0}.oc-browser[data-open=true] .oc-backdrop{display:block;position:fixed;inset:0;background:#10201866;z-index:1000;border:0}.oc-card-image{padding:16px 10px 4px}.oc-card-bottom{padding:12px;gap:5px}.oc-card h3{font-size:13px}.oc-card-price{font-size:11px}.oc-cart,.oc-cart .quick-add,.oc-cart .button,.oc-sold{width:34px;height:34px;min-width:34px;min-height:34px}.oc-cart{flex-basis:34px}}
@media(prefers-reduced-motion:reduce){.oc *{transition:none!important;scroll-behavior:auto!important}}
.oc-cart add-to-cart-component,.oc-cart product-form-component,.oc-cart form{display:block;width:100%;height:100%}.oc-cart .quick-add__button{position:static!important;inset:auto!important;translate:none!important;transform:none!important}.oc-cart .add-to-cart-icon{display:flex;align-items:center;justify-content:center}.oc-cart .add-to-cart-icon svg{display:block;width:18px;height:18px}

/* Reference toolbar and sidebar proportions. */
.oc-toolbar{gap:18px;margin-bottom:22px}.oc-toolbar .oc-filter-toggle{border:1px solid #18251e;border-radius:999px;padding:10px 19px;gap:9px;font-size:13px;transition:background .2s,color .2s}.oc-filter-toggle:hover{background:#17251e;color:white}.oc-toolbar .oc-filter-toggle svg{width:17px;height:17px;stroke-width:1.4}.oc-sort{gap:14px}.oc-sort select{border:1px solid #d6dad7;border-radius:999px;padding:10px 30px 10px 17px;max-width:240px;cursor:pointer;background-color:white}.oc-density{align-items:center;gap:9px}.oc-density>span{font-size:12px;opacity:.65;margin-right:4px}.oc-toolbar .oc-density button{width:36px;height:36px;padding:8px;border:1px solid #d6dad7;border-radius:50%;opacity:1;justify-content:center;transition:background .2s,color .2s}.oc-density button[aria-pressed=true]{background:#17251e;border-color:#17251e;color:white}.oc-density svg{fill:currentColor;stroke:none;width:18px;height:18px}.oc-filters summary{font-weight:500}.oc-filters details:not([open]) summary span{font-size:0}.oc-filters details:not([open]) summary span:after{content:'+';font-size:17px}.oc-taxonomy{max-height:265px;overflow:auto;padding-right:4px;scrollbar-width:thin}.oc-filter-values input{border-radius:2px;flex-shrink:0}.oc-active button{border:0;cursor:pointer;padding:7px 12px;background:#f1f3f1;border-radius:30px;font-size:12px}.oc-card-image{aspect-ratio:1/1;padding:28px 24px 6px}.oc-card h3{font-weight:400}.oc-card{border-radius:12px}.oc-routine-track{scrollbar-width:none}.oc-routine-track::-webkit-scrollbar{display:none}.oc-price-control{padding-top:4px}.oc-price-caption{font-size:11px;opacity:.6;margin:15px 0}.oc-price label{display:flex;align-items:center;gap:7px;width:50%;font-size:11px}.oc-price input{border:0;background:#f2f3f2;border-radius:999px;padding:9px;width:100%;margin:0;min-width:0}.oc-range{position:relative;height:18px;margin:0 8px}.oc-range:before{content:'';position:absolute;inset:7px -1px auto;height:3px;background:#17251e}.oc-range input{position:absolute;inset:0;width:100%;height:18px;padding:0;margin:0;background:transparent;appearance:none;pointer-events:none}.oc-range input::-webkit-slider-runnable-track{height:3px;background:transparent}.oc-range input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid #17251e;border-radius:50%;background:white;margin-top:-5px;pointer-events:auto;cursor:grab}.oc-range input::-moz-range-track{background:transparent;height:3px}.oc-range input::-moz-range-thumb{width:10px;height:10px;border:2px solid #17251e;border-radius:50%;background:white;pointer-events:auto;cursor:grab}.oc-apply{margin-top:0}
@media(max-width:989px){.oc-toolbar{gap:10px}.oc-toolbar .oc-filter-toggle{padding:9px 13px}.oc-sort{margin-left:auto}.oc-sort select{max-width:175px;padding:9px 22px 9px 12px}.oc-card-image{padding:18px 12px 4px}.oc-density{display:none}}

.oc-routine-slider{display:block;flex:1;min-width:0;position:relative}.oc-routine-arrow{display:none}
@media(min-width:990px){.oc-routine-slider{padding-inline:42px}.oc-routine-track{cursor:grab}.oc-routine-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.oc-routine-track.is-dragging a{pointer-events:none}.oc-routine-arrow{position:absolute;top:31px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:7px;border:1px solid #d6dad7;border-radius:50%;background:white;color:#17251e;transition:color .2s,background .2s,opacity .2s;z-index:1}.oc-routine-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.oc-routine-prev{left:0}.oc-routine-next{right:0}.oc-routine-arrow:hover:not(:disabled){background:#17251e;color:white}.oc-routine-arrow:disabled{opacity:.3;cursor:default}}
