body.ecoco-hero-ed{--ed-ease: cubic-bezier(0.16, 1, 0.3, 1)}.hero-ed{--ed-dwell: 6s;--ed-vh: 100vh}@supports (height: 100svh){.hero-ed{--ed-vh: 100svh}}.hero-ed{position: relative;overflow: hidden;height: var(--ed-vh);min-height: 480px;margin-top: calc(-1 * var(--ed-header-h, 0px));background: var(--stage-ground);color: var(--stage-paper);touch-action: pan-y pinch-zoom}@media (min-width: 1024px){.hero-ed{height: calc(var(--ed-vh) - var(--ed-ann-h, 37px))}}.ecoco-main.ecoco-front .hero-ed{margin-block-start: calc(-1 * var(--ed-header-h, 0px))}body.ecoco-hero-ed .wp-site-blocks > *{margin-block-start: 0}.cch-frame{position: absolute;inset: 0}.cch-frame:focus{outline: none}.cch-slide{position: absolute;inset: 0;container-type: size;opacity: 0;visibility: hidden;transition: opacity 0s .45s, visibility 0s .45s}.cch-slide.is-active{opacity: 1;visibility: visible;z-index: 1;transition: opacity .4s var(--ed-ease)}.cch-slide:not(.is-ready) .cch-photo{content-visibility: hidden}.cch-slide:not(.is-active) .cch-spots{visibility: hidden}.cch-text{transition: opacity .2s, translate .2s}.cch-slide:not(.is-active) .cch-text{opacity: 0;translate: 0 -14px}.cch-slide.is-entering :is(.cch-eyebrow, .cch-title, .cch-cta){animation: cch-rise .3s var(--ed-ease) .14s backwards}@keyframes cch-rise{from{opacity: 0;translate: 0 14px}}.cch-photo{position: absolute;inset: 0;background: var(--underlay, transparent)}.cch-photo img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: calc(var(--fx, .5) * 100%) calc(var(--fy, .5) * 100%)}.cch-scrim{position: absolute;inset: 0;z-index: 1;background: linear-gradient(180deg, var(--stage-veil), transparent 100%);pointer-events: none}.cch-slide.is-shaded .cch-scrim{background: linear-gradient(180deg, color-mix(in srgb, var(--stage-ink) calc(var(--veil) * 100%), transparent) 0%, color-mix(in srgb, var(--stage-ink) calc(var(--veil) * 85%), transparent) 40%, transparent 75%)}.cch-caption{position: absolute;top: 80px;left: 0;width: 100%;z-index: 2}.cch-box{width: 100%;padding: 40px 20px}.cch-text{display: flex;flex-direction: column;align-items: center;text-align: center}.cch-eyebrow{margin-bottom: 16px;color: var(--stage-white);font: 700 12px/1.3 var(--font-body);letter-spacing: 0.6px;text-transform: uppercase}.cch-title{color: var(--stage-white);font: 700 32px/0.95 var(--font-display);letter-spacing: -1px;text-transform: uppercase}.cch-cta{display: inline-flex;align-items: center;min-height: 44px;margin-top: var(--s-4);padding: 0 22px;border-radius: var(--r-full);background: var(--stage-paper);color: var(--stage-ground);font: 700 .95rem/1 var(--font-body);text-decoration: none}.cch-cta:focus-visible{outline: 2px solid var(--stage-paper);outline-offset: 3px}@media (min-width: 600px){.cch-box{padding-inline: 28px}.cch-eyebrow{letter-spacing: 0.7px}.cch-title{font-size: 38px;letter-spacing: -1.7px}}@media (min-width: 1024px){.cch-caption{top: 100px}.cch-box{padding-inline: 40px}.cch-title{font-size: 48px}}@media (min-width: 1440px){.cch-eyebrow{font-size: 13px}.cch-title{font-size: 56px}}@media (min-width: 1800px){.cch-caption{top: 140px}}@media (min-width: 1920px){.cch-title{font-size: 66px}}.cch-logo{position: absolute;bottom: -2px;left: 0;width: 100%;z-index: 1;user-select: none;pointer-events: none}.cch-logo-art{display: block;width: 100%;height: auto;fill: var(--stage-paper);transform: scaleY(1.12);transform-origin: 50% 100%;transition: opacity .4s var(--ed-ease)}.hero-ed:has(.cch-slide.is-active.no-mark) .cch-logo{visibility: hidden;transition: visibility 0s .4s}.hero-ed:has(.cch-slide.is-active.no-mark) .cch-logo-art{opacity: 0}.cch-arrs{z-index: 6}.cch-arrs-edge{position: absolute;inset: 0;pointer-events: none}.cch-arr{pointer-events: auto;appearance: none;display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;border: none;border-radius: 0;background: var(--stage-paper);color: var(--stage-ground);cursor: pointer}.cch-arr svg{flex: none}.cch-arrs-edge .cch-arr{position: absolute;top: calc(50% - var(--s-4));transform: translateY(-50%)}.cch-arrs-edge .cch-arr-prev{left: 20px}.cch-arrs-edge .cch-arr-next{right: 20px}@media (min-width: 600px){.cch-arrs-edge .cch-arr-prev{left: 28px}.cch-arrs-edge .cch-arr-next{right: 28px}}@media (min-width: 1024px){.cch-arrs-edge .cch-arr-prev{left: 40px}.cch-arrs-edge .cch-arr-next{right: 40px}}@media (prefers-reduced-motion: no-preference){.cch-arr{transition: translate var(--t-quick) var(--ed-ease), background-color var(--t-quick) ease}.cch-arr:hover{translate: 0 -1px;background: color-mix(in srgb, var(--stage-paper) 92%, var(--stage-ground))}}.hero-ed .cch-progress{position: absolute;left: 0;right: 0;bottom: 0;z-index: 6;height: var(--s-1);background: var(--stage-hairline);pointer-events: none}.hero-ed .cch-progress-fill{display: block;height: 100%;background: var(--stage-paper);transform: scaleX(0);transform-origin: left center}.hero-ed:not(.is-auto) :is(.cch-progress, .cch-pause){display: none}.cch-pause{position: absolute;right: var(--s-3);bottom: calc(var(--s-1) + var(--s-2));z-index: 6;display: grid;place-items: center;width: 32px;height: 32px;padding: 0;border: 0;border-radius: var(--r-full);background: color-mix(in srgb, var(--stage-ground) 55%, transparent);color: var(--stage-paper);cursor: pointer}.cch-pause:focus-visible{outline: 2px solid var(--stage-paper);outline-offset: 2px}.cch-pause .cch-play, .cch-pause[aria-pressed="true"] .cch-bars{display: none}.cch-pause[aria-pressed="true"] .cch-play{display: block}.hero-ed .cch-pause{display: none}@media (hover: hover) and (pointer: fine){.hero-ed.is-auto .cch-pause{display: grid;opacity: 0;transition: opacity var(--t-quick) ease}.hero-ed:is(:hover, :focus-within) .cch-pause{opacity: 1}}.cch-spots{--w: max(100cqw, 100cqh * var(--ar, 1));--h: max(100cqh, 100cqw / var(--ar, 1));position: absolute;left: calc((100cqw - var(--w)) * var(--fx, .5));top: calc((100cqh - var(--h)) * var(--fy, .5));z-index: 2;display: none;width: var(--w);height: var(--h)}.hero-ed.has-js .cch-spots{display: block}.cch-spot{position: absolute;display: grid;place-items: center;width: 44px;height: 44px;margin: -22px 0 0 -22px;padding: 0;border: 0;background: none;color: var(--stage-paper);appearance: none;cursor: pointer;pointer-events: auto}.cch-spot[hidden]{display: none}.cch-spot::before{content: "";width: 14px;height: 14px;border-radius: var(--r-full);background: var(--stage-paper);box-shadow: 0 0 0 2px var(--stage-ring), 0 0 0 4px color-mix(in srgb, var(--stage-paper) 30%, transparent);transition: transform var(--t-quick) var(--ease-settle)}.cch-spot::after{content: "";position: absolute;width: 14px;height: 14px;border: 1.5px solid var(--stage-paper);border-radius: var(--r-full);animation: cch-spot-pulse 2.4s var(--ease-settle) infinite}@keyframes cch-spot-pulse{0%{transform: scale(1);opacity: 0.75}70%, 100%{transform: scale(2.6);opacity: 0}}.cch-spot:hover::before, .cch-spot[aria-expanded="true"]::before{transform: scale(1.3)}.cch-label{position: absolute;left: calc(50% + 18px);top: 50%;display: none;visibility: hidden;gap: var(--s-2);align-items: center;padding: 6px 6px 6px 14px;border-radius: var(--r-full);background: var(--paper);color: var(--ink);font: 600 .875rem/1 var(--font-display);white-space: nowrap;box-shadow: var(--shadow-chip);translate: 0 -50%;pointer-events: none}.cch-spot[data-side="left"] .cch-label{left: auto;right: calc(50% + 18px)}.cch-spot[data-side="above"] .cch-label{top: auto;bottom: calc(50% + 18px);left: 50%;translate: -50% 0}.cch-spot[data-side="below"] .cch-label{top: calc(50% + 18px);left: 50%;translate: -50% 0}.cch-label .n{display: block;max-width: var(--lw, 240px);overflow: hidden;text-overflow: ellipsis}.cch-label i{padding: 6px 10px;border-radius: var(--r-full);background: var(--butter);font: 700 .8125rem/1 var(--font-body);font-style: normal}@media (min-width: 761px) and (hover: hover) and (pointer: fine){.cch-spot .cch-label{display: flex}.cch-spot:is(:hover, :focus-visible):not([aria-expanded="true"]) .cch-label{visibility: visible}}dialog.cch-card{position: fixed;inset: auto;width: min(340px, calc(100vw - 16px));max-width: none;max-height: calc(100dvh - 16px);margin: 0;padding: 0;border: 0;border-radius: var(--r-md);overflow: visible;background: var(--card);color: var(--ink);font: 400 1rem/1.4 var(--font-body);box-shadow: 0 0 0 1px var(--paper), var(--shadow-float)}dialog.cch-card::backdrop{background: color-mix(in srgb, var(--stage-ink) 24%, transparent)}.c-in{display: grid;grid-template-columns: 96px 1fr;gap: var(--s-3) 14px;max-height: inherit;padding: var(--s-4);overflow: auto;overscroll-behavior: contain;border-radius: inherit}.c-img{position: relative;width: 96px;height: 96px;overflow: hidden;border-radius: var(--r-sm);background: var(--sage-tint)}.c-img img{display: block;width: 100%;height: 100%;object-fit: cover}.c-badge{position: absolute;top: 6px;left: 6px;padding: 5px 8px;border-radius: var(--r-full);background: var(--butter);color: var(--ink);font: 700 11px/1 var(--font-body);letter-spacing: .06em;text-transform: uppercase}.c-body{min-width: 0;padding-right: 30px}.c-name{margin: 0;font: 600 1.125rem/1.2 var(--font-display);overflow-wrap: anywhere}.c-name:focus{outline: none}.c-price{margin: 6px 0 0;font: 700 1.25rem/1.2 var(--font-display);font-variant-numeric: tabular-nums}.c-price del{margin-right: 6px;color: var(--ink-soft);font: 400 .95rem var(--font-body)}.c-price ins{text-decoration: none}.c-stock{display: flex;gap: 6px;align-items: center;margin: 6px 0 0;font-size: .875rem;font-weight: 700}.c-stock::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--butter);box-shadow: 0 0 0 1px var(--ink-soft)}.c-stock.is-out{color: var(--ink-soft)}.c-stock.is-out::before{background: var(--ink-soft);box-shadow: none}.c-benefit{display: -webkit-box;margin: var(--s-2) 0 0;overflow: hidden;color: var(--ink-soft);font-size: .875rem;-webkit-line-clamp: 1;-webkit-box-orient: vertical}.c-model{margin: 6px 0 0;color: var(--ink-soft);font-size: .75rem;letter-spacing: .08em;text-transform: uppercase}.c-act, .c-deliv{grid-column: 1 / -1}.c-act{display: flex;flex-direction: column;gap: var(--s-1)}.c-act .add-btn, .c-view{display: flex;align-items: center;justify-content: center;min-height: 44px;border-radius: var(--r-full);font: 700 1rem/1 var(--font-body)}.c-act .add-btn{padding: 0 20px;border: 1.5px solid var(--sage-deep);background: var(--sage-deep);color: var(--paper);text-decoration: none}.c-act .add-btn:hover{background: var(--sage-deep-hover)}.c-act .add-btn[data-ecoco-added]{background: var(--sage-tint);color: var(--sage-deep)}.c-act .add-btn.is-choose{background: transparent;color: var(--sage-deep)}.c-view{color: var(--sage-deep);font-size: .95rem;text-decoration: underline;text-underline-offset: 3px}.c-act .add-btn:focus-visible, .c-view:focus-visible, .c-x:focus-visible{outline: 3px solid var(--ink);outline-offset: 2px}.c-deliv{margin: 0;padding-top: 10px;border-top: 1px solid var(--line);color: var(--ink-soft);font-size: .8125rem;text-align: center}.c-x{position: absolute;top: 6px;right: 6px;display: grid;place-items: center;width: 44px;height: 44px;padding: 0;border: 0;border-radius: 50%;background: transparent;color: var(--ink-soft);cursor: pointer}.c-x:hover{background: var(--sage-tint);color: var(--ink)}.c-tail{position: absolute;display: none;width: 14px;height: 14px;border-radius: 3px;background: var(--card);transform: rotate(45deg);pointer-events: none}dialog[data-side] .c-tail{display: block}dialog[data-side="right"] .c-tail{left: -7px;top: calc(var(--ty) - 7px)}dialog[data-side="left"] .c-tail{right: -7px;top: calc(var(--ty) - 7px)}dialog[data-side="below"] .c-tail{top: -7px;left: calc(var(--tx) - 7px)}dialog[data-side="above"] .c-tail{bottom: -7px;left: calc(var(--tx) - 7px)}.cch-veil{position: absolute;inset: 0;z-index: 7;background: var(--paper);opacity: var(--ed-p, 0);pointer-events: none}@media (max-width: 760px){.hero-ed{height: auto;min-height: 0}.cch-frame{position: relative;inset: auto;height: calc(var(--ed-vh) - var(--ed-ann-h, 37px) + 36.5px);min-height: 480px}dialog.cch-card{inset: auto 0 0;width: 100%;max-height: 56svh;border-radius: var(--r-lg) var(--r-lg) 0 0;box-shadow: 0 -12px 40px color-mix(in srgb, var(--stage-ink) 22%, transparent)}.c-in{padding: 22px var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom, 0px))}}@media (prefers-reduced-motion: no-preference){.hero-ed.is-intro .cch-slide.is-active .cch-photo img{animation: cch-settle .6s var(--ed-ease) backwards}.hero-ed.is-intro .cch-slide.is-active :is(.cch-eyebrow, .cch-title, .cch-cta){animation: cch-intro-rise .42s var(--ed-ease) .15s backwards}.hero-ed.is-intro .cch-slide.is-active .cch-title{animation-delay: .22s}.hero-ed.is-intro .cch-slide.is-active .cch-cta{animation-delay: .29s}.hero-ed.is-intro .cch-wl{animation: cch-letter .6s var(--ed-ease) calc(.25s + var(--i) * .07s) backwards}.hero-ed.is-intro :is(.cch-spots, .cch-progress, .cch-arrs, .cch-pause){animation: cch-intro-fade .42s var(--ed-ease) .62s backwards}.hero-ed.is-auto .cch-slide.is-active :is(.cch-photo, .cch-spots){animation: cch-zoom var(--ed-dwell) linear both}.hero-ed .cch-spots{transform-origin: calc(50cqw - (100cqw - var(--w)) * var(--fx, .5)) calc(50cqh - (100cqh - var(--h)) * var(--fy, .5))}.hero-ed.is-paused .cch-slide.is-active :is(.cch-photo, .cch-spots){animation-play-state: paused}dialog.cch-card[open]{animation: cch-card-in 240ms var(--ease-settle)}dialog.cch-card[open]::backdrop{animation: cch-intro-fade 240ms ease}dialog.cch-card[data-side="right"]{transform-origin: 0 var(--ty)}dialog.cch-card[data-side="left"]{transform-origin: 100% var(--ty)}}@media (prefers-reduced-motion: no-preference) and (max-width: 760px){dialog.cch-card[open]{animation: cch-sheet-in 320ms var(--ease-settle)}}@media (prefers-reduced-motion: reduce){.cch-slide, .cch-slide.is-active, .cch-text, .cch-logo-art{transition: none}.cch-slide.is-entering :is(.cch-eyebrow, .cch-title, .cch-cta){animation: none}.cch-spot::after{animation: none;opacity: 0}.cch-veil{display: none}}@keyframes cch-settle{from{scale: 1.03}}@keyframes cch-intro-rise{from{opacity: 0;translate: 0 14px}}@keyframes cch-intro-fade{from{opacity: 0}}@keyframes cch-letter{from{opacity: 0;translate: 0 45%}}@keyframes cch-zoom{to{scale: 1.04}}@keyframes cch-card-in{from{opacity: 0;scale: .96}}@keyframes cch-sheet-in{from{translate: 0 100%}}
.ed-loader{display: none}html.ecoco-pl .ed-loader{position: fixed;inset: 0;z-index: 300;display: flex;align-items: center;justify-content: center;background: var(--stage-ground);pointer-events: none;transition: translate var(--ed-lift, 600ms) var(--ed-ease);animation: ed-loader-failsafe 0s linear 5s forwards}@keyframes ed-loader-failsafe{to{visibility: hidden}}.ed-loader-logo{width: min(70vw, 720px)}.ed-loader-logo svg{display: block;width: 100%;height: auto}.ed-loader-logo .ed-pl{fill: var(--stage-paper);opacity: 0}html.ecoco-pl-play .ed-loader-logo .ed-pl{animation: ed-pl-in 300ms var(--ed-ease) both;animation-delay: calc(var(--i) * 100ms)}@keyframes ed-pl-in{from{opacity: 0;translate: 0 14px}to{opacity: 1;translate: 0 0}}html.ecoco-pl .ed-loader.is-lifting{translate: 0 -100%}html.ecoco-pl .ed-loader.is-quit{opacity: 0;transition: opacity 160ms linear}@media (prefers-reduced-motion: reduce){html.ecoco-pl .ed-loader{display: none}}html.ecoco-hold .hero-ed :is(.cch-slide.is-active .cch-eyebrow, .cch-slide.is-active .cch-title, .cch-slide.is-active .cch-cta, .cch-logo, .cch-spots, .cch-progress, .cch-arrs, .cch-pause){opacity: 0}
.fact-bar{background: var(--paper-deep);border-block: 1px solid var(--line);padding-block: var(--s-3)}.fact-bar-inner{display: grid;grid-template-columns: minmax(0, 1fr);gap: var(--s-3) var(--s-5);margin-block: 0;padding-block: var(--s-4);list-style: none}.fact-bar .fact{display: flex;align-items: flex-start;gap: var(--s-2);font-size: 15px;font-weight: 500;line-height: 24px;text-wrap: balance}.fact-bar .fact svg{flex: none;margin-top: 3px;color: var(--sage-deep)}@media (min-width: 561px){.fact-bar-inner{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (min-width: 1180px){.fact-bar-inner{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: auto;justify-content: space-between}}@media (min-width: 1272px){.fact-bar{padding-inline: var(--s-3)}}
.drawers{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--s-4);margin: 0;padding: 0;list-style: none}.drawers > li{min-width: 0}.drawer-card{position: relative;display: block;aspect-ratio: 3 / 4;overflow: hidden;border-radius: var(--r-lg);background: var(--paper-deep);color: var(--ink);text-decoration: none;box-shadow: var(--shadow-soft)}.drawer-photo{position: absolute;inset: 0;overflow: hidden}.drawer-photo img{width: 100%;height: 100%;object-fit: cover}.drawer-front{position: absolute;left: 0;right: 0;bottom: 0;padding: var(--s-5) var(--s-4) var(--s-5);border-radius: var(--r-lg) var(--r-lg) 0 0;background: var(--mat, var(--sage-tint))}.handle{position: absolute;top: 10px;left: 50%;width: 56px;height: 14px;border: 1px solid var(--line);border-radius: var(--r-full);background: var(--card);box-shadow: var(--shadow-soft);transform: translateX(-50%)}.drawer-front .title-row{display: flex;gap: var(--s-2);align-items: baseline;justify-content: space-between}.drawer-front h3{font-size: 24px}.drawer-front .count, .drawer-body p{color: color-mix(in srgb, var(--ink-soft) 80%, var(--ink))}.drawer-front .count{font-size: 14px;font-weight: 700;white-space: nowrap}.drawer-body p{padding-top: var(--s-2);font-size: 14.5px;line-height: 1.5}.shop-pill{display: inline-flex;gap: var(--s-1);align-items: center;margin-top: var(--s-3);padding: 8px var(--s-3);border-radius: var(--r-full);background: var(--ink);color: var(--paper);font-size: 14px;font-weight: 700}@media (hover: hover) and (min-width: 561px){.ecoco-category-shelf .drawer-front{height: 76%;transform: translateY(43.42%)}.ecoco-category-shelf .shop-pill{opacity: 0;transform: translateY(10px)}.ecoco-category-shelf .drawer-card:is(:hover, :focus-visible) .drawer-front, .ecoco-category-shelf .drawer-card:is(:hover, :focus-visible) .shop-pill{opacity: 1;transform: none}.drawer-card:is(:hover, :focus-visible){box-shadow: var(--shadow-lift);transform: translateY(-4px)}.drawer-card:is(:hover, :focus-visible) .drawer-photo img{transform: scale(1.06)}@media (prefers-reduced-motion: no-preference){.drawer-card{transition: box-shadow var(--t-quick) ease, transform var(--t-quick) var(--ease-settle)}.drawer-photo img, .drawer-front{transition: transform var(--t-drawer) var(--ease-settle)}.shop-pill{transition: opacity 320ms ease, transform var(--t-drawer) var(--ease-settle)}}}@media (max-width: 1024px){.drawers{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){.drawers{grid-template-columns: 1fr}}
.product-card{position: relative;display: grid;grid-template-areas: "media" "info";grid-template-rows: auto 1fr;height: 100%;background: var(--card);border-radius: var(--r-lg);overflow: hidden;box-shadow: var(--shadow-soft)}.product-card .product-media{grid-area: media;position: relative;aspect-ratio: 1;padding: var(--s-3);background: var(--mat, var(--sage-tint))}.product-card .product-media img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 16px}.product-card .badge{position: absolute;top: var(--s-3);left: var(--s-3);z-index: 2;background: var(--butter);color: var(--ink);font-size: 12.5px;font-weight: 700;padding: 4px var(--s-2);border-radius: var(--r-full);pointer-events: none}.product-card .badge[data-kind="pick"]{background: var(--card);box-shadow: inset 0 0 0 1px var(--line)}.product-card .badge[data-kind="out"]{background: var(--ink);color: var(--paper)}.product-card .product-info{grid-area: info;display: grid;grid-template-rows: auto auto minmax(var(--s-1), 1fr) auto;row-gap: var(--s-1);padding: var(--s-3) var(--s-4) var(--s-4)}.product-card .cat{font-size: 13px;font-weight: 700;color: var(--ink-soft)}.product-card .product-name{margin: 0;font-size: 18px;font-weight: 600;line-height: 1.3}.product-card .product-link{color: var(--ink);text-decoration: none}.product-card .product-link::after{content: "";position: absolute;inset: 0;z-index: 1}.product-card .product-link:hover{color: var(--sage-deep)}.product-card .product-link:focus-visible{outline: none}.product-card:has(.product-link:focus-visible){outline: 3px solid var(--ink);outline-offset: 3px}.product-card .price{grid-row: 4;justify-self: start;margin: 0;font-family: var(--font-display);font-weight: 700;font-size: 20px;font-variant-numeric: tabular-nums}.product-card .price del{margin-right: var(--s-1);font-size: 15px;font-weight: 500;color: var(--ink-soft)}.product-card .price ins{text-decoration: none}.product-card .woocommerce-price-suffix{font: 500 13px var(--font-body);color: var(--ink-soft)}.product-card .add-btn{grid-area: media;align-self: end;justify-self: end;position: relative;z-index: 2;margin: var(--s-3);display: inline-flex;align-items: center;gap: var(--s-1);min-height: 44px;padding: 10px var(--s-3);background: var(--ink);color: var(--paper);border-radius: var(--r-full);font: 700 13.5px/1 var(--font-body);text-decoration: none}.product-card .add-btn:hover{background: var(--sage-deep)}.product-card .add-btn[data-ecoco-added] svg{display: none}.product-card .add-btn:focus-visible{outline: 3px solid var(--ink);outline-offset: 2px}.product-card .add-btn.is-choose{background: var(--card);color: var(--ink);box-shadow: inset 0 0 0 1.5px var(--ink)}.product-card .add-btn.is-choose:hover{background: var(--paper)}.product-card .add-short{display: none}@media (hover: hover) and (pointer: fine){.product-card .add-btn:not([data-ecoco-added]){opacity: 0;translate: 0 8px}.product-card:is(:hover, :focus-within) .add-btn{opacity: 1;translate: 0 0}}@media (prefers-reduced-motion: no-preference){.product-card{transition: transform var(--t-quick) var(--ease-settle), box-shadow var(--t-quick) ease}.product-card .product-media img{transition: transform var(--t-drawer) var(--ease-settle)}.product-card .add-btn{transition: opacity var(--t-quick) ease, translate var(--t-quick) var(--ease-settle), background var(--t-quick) ease}}@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){.product-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lift)}.product-card:hover .product-media img{transform: scale(1.04)}}@media (max-width: 560px){.product-grid.is-rows .product-card{grid-template-areas: "media info";grid-template-columns: minmax(0, 44%) minmax(0, 1fr);grid-template-rows: auto}.product-grid.is-rows .product-media{aspect-ratio: auto;min-height: 168px;padding: var(--s-2)}.product-grid.is-rows .product-media .badge{top: var(--s-2);left: var(--s-2)}.product-grid.is-rows .add-btn{margin: var(--s-2);padding-inline: var(--s-2);white-space: nowrap}.product-grid.is-rows .product-name{font-size: 17px}}@media (max-width: 560px){.product-grid.is-compact .product-card{border-radius: var(--r-md)}.product-grid.is-compact .product-media{padding: var(--s-2)}.product-grid.is-compact .product-media img{border-radius: var(--r-sm)}.product-grid.is-compact .product-media .badge{top: var(--s-2);left: var(--s-2);padding: 3px 7px;font-size: 11.5px;line-height: 16px}.product-grid.is-compact .product-info{row-gap: 2px;padding: 10px 12px 14px}.product-grid.is-compact .cat{font-size: 12px}.product-grid.is-compact .product-name{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 15px;line-height: 1.25}.product-grid.is-compact .price{font-size: 17px;line-height: 26px}.product-grid.is-compact .add-btn{min-height: 34px;margin: var(--s-2);padding: 6px 12px;font-size: 13px}.product-grid.is-compact .add-btn::before{content: "";position: absolute;inset: -5px}.product-grid.is-compact .add-long{display: none}.product-grid.is-compact .add-short{display: inline}.product-grid.is-compact [data-ecoco-add]:not([data-ecoco-added]) .added-face, .product-grid.is-compact [data-ecoco-added] .add-face{display: none}}
.best{background: var(--paper-deep);border-block: 1px solid var(--line);padding-inline: var(--s-3)}.best .product-grid{display: grid;grid-template-columns: minmax(0, 1fr);gap: var(--s-4);margin: 0;padding: 0;list-style: none}@media (min-width: 561px){.best .product-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 760px){.best{padding-inline: 0}}@media (min-width: 1025px){.best .product-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}}
.route{padding-block: var(--s-8)}.route .eyebrow{font-size: 12px;font-weight: 700;line-height: 1.3;letter-spacing: 0.6px;text-transform: uppercase;color: var(--ink-soft)}@media (min-width: 600px){.route .eyebrow{letter-spacing: 0.7px}}@media (min-width: 1440px){.route .eyebrow{font-size: 13px}}.route .nb{white-space: nowrap}.route .btn{justify-content: center;min-height: 48px;padding: 12px var(--s-4);line-height: 1.25;text-align: center}.route-head{display: grid;gap: var(--s-3) var(--s-7);margin-bottom: var(--s-7)}.route-head .eyebrow{margin-bottom: var(--s-3)}.route-title{max-width: 16ch}.route-lede{max-width: 50ch;color: var(--ink-soft)}@media (min-width: 1024px){.route-head{grid-template-columns: 1fr 1fr;align-items: end}}.route .stops{list-style: none;display: grid;gap: var(--s-6)}.route .stop{position: relative;display: grid;grid-template-columns: 48px minmax(0, 1fr);column-gap: var(--s-4);align-content: start}.route .stop > :not(.stop-mark){grid-column: 2}.route .stop-mark{grid-row: 1 / span 4;display: grid;place-items: center;width: 48px;height: 48px;border-radius: var(--r-full);background: var(--sage-tint);color: var(--sage-deep)}.route .stop:not(:last-child)::after{content: "";position: absolute;inset: 56px auto calc(8px - var(--s-6)) 23px;width: 2px;background: repeating-linear-gradient(var(--to, 180deg), var(--sage-deep) 0 6px, transparent 6px 12px);transform-origin: top}.route .stop-place{padding-top: 15px}.route .stop-photo{overflow: hidden;aspect-ratio: 4 / 3;margin-block: var(--s-3);border: 1px solid var(--line);border-radius: var(--r-md);background: var(--paper-deep);box-shadow: var(--shadow-lift)}.route .stop-photo img{width: 100%;height: 100%;object-fit: cover}.route h3{font-size: 22px}.route .stop-title{margin-bottom: var(--s-1)}.route .stop-copy{font-size: 16px;line-height: 1.55;color: var(--ink-soft)}@media (min-width: 600px) and (max-width: 899px){.route .stop{grid-template-columns: 48px minmax(0, 2fr) minmax(0, 3fr);grid-template-rows: auto auto 1fr}.route .stop > .stop-place{grid-column: 2 / 4}.route .stop > .stop-photo{grid-column: 2;grid-row: 2 / 4;margin-bottom: 0}.route .stop > .stop-title{grid-column: 3;grid-row: 2;margin-top: var(--s-3)}.route .stop > .stop-copy{grid-column: 3;grid-row: 3}}@media (min-width: 900px){.route .stops{grid-auto-flow: column;grid-auto-columns: minmax(0, 1fr);gap: var(--s-5)}.route .stop{grid-template-columns: minmax(0, 1fr)}.route .stop > :not(.stop-mark){grid-column: 1}.route .stop-mark{grid-row: auto}.route .stop:not(:last-child)::after{--to: 90deg;inset: 23px calc(8px - var(--s-5)) auto 56px;width: auto;height: 2px;transform-origin: left}.route .stop-place{padding-top: var(--s-3)}.route .stop-photo{border-radius: var(--r-lg)}}.route .ways{display: grid;gap: var(--s-4);margin-top: var(--s-7)}@media (min-width: 768px){.route .ways{grid-auto-flow: column;grid-auto-columns: minmax(0, 1fr)}}.route .way{display: flex;flex-direction: column;align-items: flex-start;padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--card)}.route .way--bulk{background: var(--butter-soft)}.route .way h3{margin-bottom: var(--s-2)}.route .way p{flex: 1;max-width: 44ch;margin-bottom: var(--s-4);color: var(--ink-soft)}.route .way--bulk p{color: var(--ink)}@media (max-width: 560px){.route .container{padding-inline: var(--s-3)}.route .way{padding: var(--s-4)}.route .way .btn{width: 100%}}.route-sign{display: grid;justify-items: center;gap: var(--s-2);margin-top: var(--s-7);padding-top: var(--s-7);border-top: 1px solid var(--line);text-align: center}.route-tag{max-width: 18ch;font-family: var(--font-display);font-size: clamp(28px, 4vw, 52px);font-weight: 800;line-height: 1.05;letter-spacing: -0.02em}@media (prefers-reduced-motion: no-preference){.route .is-armed:not(.is-in) .stop-mark{transform: scale(0.5);opacity: 0}.route .is-armed:not(.is-in) .stop > :not(.stop-mark){transform: translateY(16px);opacity: 0}.route .is-armed:not(.is-in) .stop::after{transform: scale(0)}.route .stop:nth-child(2){--at: 900ms}.route .stop:nth-child(3){--at: 1800ms}.route .is-in .stop-mark{transition: transform 420ms var(--ease-settle) var(--at, 0ms), opacity 420ms ease var(--at, 0ms)}.route .is-in .stop > :not(.stop-mark){transition: transform 560ms var(--ease-settle) calc(var(--at, 0ms) + 120ms), opacity 560ms ease calc(var(--at, 0ms) + 120ms)}.route .is-in .stop::after{transition: transform 640ms cubic-bezier(0.45, 0, 0.55, 1) calc(var(--at, 0ms) + 300ms)}}
.woo-slot{margin-block: var(--s-3);max-width: 100%;overflow-wrap: anywhere;font-size: 15px;line-height: 1.5;color: var(--ink)}.woo-slot > :first-child{margin-top: 0}.woo-slot > :last-child{margin-bottom: 0}.woo-slot :where(a){color: var(--sage-deep)}.woo-slot :where(img){max-width: 100%;height: auto}.woo-slot :where(button, .button, input[type="submit"]){display: inline-flex;align-items: center;gap: var(--s-1);min-height: 44px;padding: 10px var(--s-4);border: 0;border-radius: var(--r-full);background: var(--ink);color: var(--paper);font: 700 15px var(--font-body);text-decoration: none;cursor: pointer}.product-card .woo-slot{position: relative;z-index: 2;margin: 0;font-size: 13px}.product-card > .woo-slot{padding: 0 var(--s-4) var(--s-3)}.product-card .product-media > .woo-slot{position: absolute;top: var(--s-3);right: var(--s-3)}