.och{--olfe-edge: clamp(20px, 1.7vw, 32px);padding:14px var(--olfe-edge) 12px}.och__crumbs ol{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.4}.och__crumbs li span{margin:0 10px}.och__crumbs a{color:inherit;text-decoration:none}.och__crumbs a:hover{text-decoration:underline;text-underline-offset:3px}.och__row{display:flex;flex-direction:column;gap:20px;margin-top:14px}.och__title{margin:0;font-family:var(--olfe-serif, var(--font-heading-family));font-weight:var(--olfe-serif-weight, 400);font-style:var(--olfe-serif-style, normal);font-size:34px;line-height:1.08;letter-spacing:-.02em;text-transform:none;color:inherit}.och__text{margin:10px 0 0;max-width:46ch;font-size:15px;line-height:1.35}.och__slider-wrap{position:relative;margin-inline:calc(var(--olfe-edge) * -1)}.och__slider{display:flex;gap:12px;margin:0;padding:0 var(--olfe-edge);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--olfe-edge);scrollbar-width:none;-webkit-overflow-scrolling:touch}.och__slider::-webkit-scrollbar{display:none}.och__item{flex:0 0 auto;width:clamp(112px,31vw,190px);scroll-snap-align:start}.och__item:last-child{scroll-snap-align:end}.och__tile{display:block;color:inherit;text-decoration:none}.och__img{display:block;aspect-ratio:4 / 5;overflow:hidden;background:#efefef}.och__img img{display:block;width:100%;height:100%;object-fit:cover}.och__label{display:block;margin-top:8px;padding-inline:4px;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.och__arrow{position:absolute;top:calc(50% - 14px);display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffffffeb;color:#171717;box-shadow:0 1px 4px #00000029;transform:translateY(-50%);cursor:pointer}.och__arrow[hidden]{display:none}.och__arrow svg{width:16px;height:16px}.och__arrow--prev{inset-inline-start:10px}.och__arrow--next{inset-inline-end:10px}.och__arrow:focus-visible,.och__tile:focus-visible{outline:2px solid #171717;outline-offset:2px}@media screen and (min-width:750px){.och__title{font-size:40px}.och__item{width:clamp(150px,22vw,210px)}}@media screen and (min-width:990px){.och{padding-top:20px;padding-bottom:16px}.och__row{display:grid;grid-template-columns:clamp(280px,23vw,440px) minmax(0,1fr);gap:0;align-items:start;margin-top:20px}.och__title{font-size:44px}.och__intro{padding-inline-end:24px;overflow-wrap:break-word}.och__text{max-width:340px;margin-top:14px;font-size:16px}.och__slider-wrap{margin-inline:0 calc(var(--olfe-edge) * -1)}.och__slider{padding:0 var(--olfe-edge) 0 0;scroll-padding-inline:0 var(--olfe-edge)}.och__item{width:clamp(150px,10.95vw,240px)}.och__arrow--next{inset-inline-end:16px}}.ofl{--olfe-edge: clamp(20px, 1.7vw, 32px);margin-inline:calc(var(--page-padding) * -1 + var(--olfe-edge));margin-bottom:20px}.ofl__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.ofl__title{margin:0;font-family:var(--olfe-serif, var(--font-heading-family));font-weight:var(--olfe-serif-weight, 400);font-style:var(--olfe-serif-style, normal);font-size:24px;line-height:1.15;letter-spacing:-.02em;text-transform:none;color:inherit}.ofl__count{font-size:15px;font-weight:300;color:#6b6b6b;white-space:nowrap}.ofl__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e3e3e3}.ofl__pills{display:flex;gap:8px;min-width:0;margin-inline-end:calc(var(--olfe-edge) * -1);padding:1px var(--olfe-edge) 1px 1px;overflow-x:auto;scrollbar-width:none}.ofl__pills::-webkit-scrollbar{display:none}.ofl__pill{flex:none;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:1px solid #d6d6d6;border-radius:999px;background:#fff;color:#171717;font:inherit;font-size:15px;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:border-color .15s ease}.ofl__pill:hover,.ofl__pill.is-active{border-color:#171717}.ofl__pill svg{width:14px;height:14px}.ofl__pill-desktop{display:none}.ofl__sort{position:relative;flex:none;display:none;align-items:center;gap:8px;font-size:18px;white-space:nowrap}.ofl__sort svg{width:16px;height:16px}.ofl__sort select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:pointer}.ofl__sort:focus-within{outline:2px solid #171717;outline-offset:4px}.ofl__pill:focus-visible{outline:2px solid #171717;outline-offset:2px}.ofl__empty{margin:0;padding:40px 0 8px;text-align:center;font-size:16px}.ofl__empty[hidden]{display:none}.ofl__empty button{margin-inline-start:6px;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ofl+.collection__content{margin-top:0}.card.product-card.ofl-hide{display:none!important}@media screen and (min-width:750px){.ofl{margin-bottom:28px}.ofl__head{justify-content:flex-start}.ofl__title{font-size:26px}.ofl__pills{margin-inline-end:0;padding-inline-end:1px}.ofl__pill-desktop{display:inline}.ofl__pill-mobile{display:none}.ofl__sort{display:inline-flex}}.ofl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.ofl-overlay:empty{display:block}.ofl-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}.ofl-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:1001;display:flex;flex-direction:column;width:100%;background:#fff;color:#171717;font-family:var(--font-body-family);font-size:16px;line-height:1.3;transform:translate(-100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}.ofl-drawer.is-open{transform:none;visibility:visible;transition-delay:0s}.ofl-drawer *,.ofl-drawer *:before,.ofl-drawer *:after{box-sizing:border-box}.ofl-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 4px 24px}.ofl-drawer__title{margin:0;font-family:var(--olfe-serif, var(--font-heading-family));font-weight:var(--olfe-serif-weight, 400);font-style:var(--olfe-serif-style, normal);font-size:34px;line-height:1.1;letter-spacing:-.02em;text-transform:none;color:inherit}.ofl-drawer__close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.ofl-drawer__close svg{width:20px;height:20px}.ofl-drawer__body{flex:1;min-height:0;padding:8px 24px 24px;overflow-y:auto;overscroll-behavior:contain}.ofl-group--sort{display:block}.ofl-group__toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;padding:16px 0;border:0;background:none;color:inherit;font-family:var(--olfe-serif, var(--font-heading-family));font-weight:var(--olfe-serif-weight, 400);font-style:var(--olfe-serif-style, normal);font-size:24px;line-height:1.15;letter-spacing:-.02em;text-align:start;cursor:pointer}.ofl-group__toggle svg{flex:none;width:18px;height:18px;transition:transform .25s ease}.ofl-group.is-open .ofl-group__toggle svg{transform:rotate(180deg)}.ofl-group__badge{margin-inline-start:8px;font-family:var(--font-body-family);font-size:14px;letter-spacing:0;color:#6b6b6b}.ofl-group__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.ofl-group.is-open .ofl-group__panel{grid-template-rows:1fr}.ofl-group__inner{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .25s}.ofl-group.is-open .ofl-group__inner{visibility:visible;transition-delay:0s}.ofl-options{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:4px 2px 22px;border:0}.ofl-options--grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.ofl-options--list{display:grid;gap:14px}.ofl-opt{position:relative;display:block;cursor:pointer}.ofl-opt input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.ofl-opt--pill .ofl-opt__face{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:0 16px;border:1px solid #d6d6d6;border-radius:999px;font-size:16px;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.ofl-opt--pill:hover .ofl-opt__face{border-color:#171717}.ofl-opt--pill input:checked+.ofl-opt__face{border-color:#171717;background:#171717;color:#fff}.ofl-dot{flex:none;width:14px;height:14px;border:1px solid rgb(0 0 0 / .15);border-radius:50%;background-color:#cfcfcf;background-position:center;background-size:cover}.ofl-opt--pill input:checked+.ofl-opt__face .ofl-dot{border-color:#fff9}.ofl-opt--check .ofl-opt__face{display:flex;align-items:center;gap:12px;font-size:16px}.ofl-opt--check .ofl-opt__face:before{content:"";flex:none;width:22px;height:22px;border:1px solid #c4c4c4;border-radius:2px;background:#fff center / 14px no-repeat}.ofl-opt--check input:checked+.ofl-opt__face:before{border-color:#171717;background-color:#171717;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E")}.ofl-opt--radio .ofl-opt__face:before{border-radius:50%}.ofl-opt__count{color:#6b6b6b;font-size:14px}.ofl-opt input:disabled+.ofl-opt__face{opacity:.35;cursor:default}.ofl-opt input:focus-visible+.ofl-opt__face,.ofl-group__toggle:focus-visible,.ofl-drawer__close:focus-visible,.ofl-apply:focus-visible,.ofl-clear:focus-visible{outline:2px solid #171717;outline-offset:3px}.ofl-drawer__foot{display:grid;gap:8px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #e3e3e3}.ofl-apply{width:100%;min-height:56px;padding-block:0;font-size:16px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}.ofl-clear{justify-self:center;padding:4px 8px;border:0;background:none;color:inherit;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ofl-clear[hidden]{display:none}@media screen and (min-width:750px){.ofl-drawer{width:min(100%,520px)}.ofl-drawer__head{padding:28px 28px 8px 32px}.ofl-drawer__title{font-size:40px}.ofl-drawer__body{padding:8px 32px 28px}.ofl-group--sort{display:none}.ofl-group__toggle{padding:18px 0;font-size:26px}.ofl-drawer__foot{padding:16px 20px}}@media(prefers-reduced-motion:reduce){.ofl-overlay,.ofl-drawer,.ofl-group__panel,.ofl-group__inner,.ofl-group__toggle svg{transition:none}}.ofl-pending #ProductGridContainer .card-grid{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/449/assets/olfe-collection.css.map */