.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}}
.catalog-head{padding-block: var(--s-5);background: var(--paper-deep)}.catalog-head .crumbs ol{display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;font-size: 14px;color: var(--ink-soft)}.catalog-head .crumbs li + li::before{content: "/" / "";margin-inline: var(--s-2);color: var(--ink-soft)}.catalog-head .crumbs a{color: var(--sage-deep);text-decoration: none}.catalog-head .crumbs a:hover{text-decoration: underline;text-underline-offset: 3px}.catalog-head .crumbs [aria-current]{color: var(--ink)}.catalog-title{display: flex;align-items: flex-end;justify-content: space-between;gap: var(--s-2) var(--s-5);margin-top: var(--s-2)}.catalog-title h1{margin: 0;font: 700 clamp(32px, 3.4vw, 46px)/1.08 var(--font-display);letter-spacing: -.015em;overflow-wrap: anywhere}.catalog-meta{display: grid;justify-items: end;gap: var(--s-1);text-align: right}.catalog-desc{max-width: 56ch;color: var(--ink-soft);font-size: 16.5px}.catalog-desc p{margin: 0}.catalog-count{margin: 0;font-weight: 500;font-variant-numeric: tabular-nums;color: var(--ink-soft)}.catalog-count b{font-weight: 700;color: var(--ink)}@media (max-width: 1024px){.catalog-title{flex-direction: column;align-items: flex-start}.catalog-meta{justify-items: start;text-align: left}}@media (max-width: 560px){.catalog-head{padding-block: var(--s-4)}.catalog-title h1{font-size: 32px}}
.catalog-filters{position: sticky;top: var(--ecoco-header-h, 81px);z-index: 30;background: var(--paper);border-block: 1px solid var(--line)}body.admin-bar .catalog-filters{top: calc(var(--ecoco-header-h, 81px) + var(--wp-admin--admin-bar--height, 0px))}@media (max-width: 600px){body.admin-bar .catalog-filters{top: var(--ecoco-header-h, 81px)}}html:has(.catalog-filters){scroll-padding-top: calc(var(--ecoco-header-h, 81px) + 66px + 16px)}html:has(> body.admin-bar .catalog-filters){scroll-padding-top: calc(var(--ecoco-header-h, 81px) + var(--wp-admin--admin-bar--height, 0px) + 66px + 16px)}@media (max-height: 500px){.catalog-filters{position: static}html:has(.catalog-filters){scroll-padding-top: calc(var(--ecoco-header-h, 81px) + 16px)}.sheet-head{padding-block: var(--s-2)}.sheet-foot{padding-block: var(--s-2)}.sheet-show{min-height: 44px}}.catalog-toolbar{display: flex;align-items: center;gap: var(--s-3);min-height: 62px;padding-block: var(--s-2)}.filters-btn{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;margin-left: calc(-1 * var(--s-2));padding: var(--s-2);border: 0;border-radius: var(--r-full);background: none;font: 700 14.5px var(--font-body);color: var(--ink);white-space: nowrap;cursor: pointer}.toolbar-count{flex: 1;margin: 0;overflow: hidden;font-size: 14.5px;font-weight: 500;font-variant-numeric: tabular-nums;color: var(--ink-soft);text-align: center;text-overflow: ellipsis;white-space: nowrap}.toolbar-count b{font-weight: 700;color: var(--ink)}@media (max-width: 560px){.catalog-toolbar{gap: var(--s-2)}.toolbar-count{display: none}}.filters-btn:hover{color: var(--sage-deep)}.filters-n{display: inline-grid;place-items: center;min-width: 22px;height: 22px;padding: 0 6px;border-radius: var(--r-full);background: var(--butter);font-size: 12px;color: var(--ink)}.catalog-sort{display: flex;align-items: center;gap: var(--s-2);margin: 0 0 0 auto}.sort-pill{position: relative;display: inline-flex;align-items: center}.sort-pill select{field-sizing: content;appearance: none;min-height: 44px;max-width: 210px;padding: var(--s-2) 38px var(--s-2) var(--s-3);border: 1px solid var(--line);border-radius: var(--r-full);background: var(--card);font: 700 14px var(--font-body);color: var(--ink);cursor: pointer;text-overflow: ellipsis}.sort-pill svg{position: absolute;right: 15px;pointer-events: none}.sort-go{display: none}.filter-sheet{position: fixed;inset: auto 0 0;width: min(560px, 100%);max-width: 100%;max-height: 92dvh;margin: 0 auto;padding: 0;border: 0;border-radius: var(--r-lg) var(--r-lg) 0 0;background: var(--paper);color: var(--ink);box-shadow: var(--shadow-panel);overflow: hidden}.filter-sheet[open]{display: flex}.filter-sheet::backdrop{background: var(--scrim)}.filter-sheet > form{display: flex;flex-direction: column;width: 100%;min-height: 0;margin: 0}.sheet-head{display: flex;align-items: center;justify-content: space-between;padding: var(--s-4) var(--s-4) var(--s-3);border-bottom: 1px solid var(--line)}.sheet-head h2{margin: 0;font: 700 22px/1.2 var(--font-display)}.sheet-x{display: grid;place-items: center;width: 44px;height: 44px;padding: 0;border: 1px solid var(--line);border-radius: var(--r-full);background: none;color: var(--ink);cursor: pointer}.sheet-x:hover{background: var(--paper-deep)}.sheet-body{flex: 1;min-height: 0;overflow-y: auto;overscroll-behavior: contain;padding: var(--s-1) var(--s-4) var(--s-4)}.sheet-group{border-bottom: 1px solid var(--line);padding-bottom: var(--s-2)}.sheet-group > summary{display: flex;align-items: center;justify-content: space-between;min-height: 52px;list-style: none;font-weight: 800;cursor: pointer}.sheet-group > summary::-webkit-details-marker{display: none}.sheet-group:not([open]) > summary svg{rotate: 180deg}.sheet-group fieldset{margin: 0;padding: 0;border: 0;min-width: 0}.sheet-row{display: flex;align-items: center;gap: var(--s-2);min-height: 44px;font-size: 15px;cursor: pointer}.sheet-row input{flex: none;width: 20px;height: 20px;margin: 0;accent-color: var(--sage-deep)}.sheet-row:has(input:checked){font-weight: 700}.sheet-row:has(input:disabled){opacity: .45;cursor: default}.sheet-label{flex: 1;min-width: 0}.sheet-count{font-size: 13.5px;color: var(--ink-soft);font-variant-numeric: tabular-nums}.sheet-more > summary{display: inline-flex;align-items: center;min-height: 40px;list-style: none;font-size: 14px;font-weight: 700;color: var(--sage-deep);text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.sheet-more > summary::-webkit-details-marker{display: none}.sheet-more .when-open, .sheet-more[open] .when-closed{display: none}.sheet-more[open] .when-open{display: inline}.sheet-more[open] > summary{order: 1}.sheet-more{display: flex;flex-direction: column}.price-rail{--lo: 0%;--hi: 100%;position: relative;height: 32px;margin: var(--s-2) 12px 0}.price-rail::before, .price-rail::after{content: "";position: absolute;top: 14px;height: 4px;border-radius: 2px}.price-rail::before{left: 0;right: 0;background: var(--line)}.price-rail::after{left: var(--lo);right: calc(100% - var(--hi));background: var(--sage-deep)}.price-rail input{position: absolute;z-index: 1;inset: 0 -12px;width: calc(100% + 24px);height: 32px;margin: 0;background: none;pointer-events: none;appearance: none}.price-rail.lo-on-top [data-range="lo"]{z-index: 2}.price-rail input::-webkit-slider-runnable-track{height: 32px;background: none}.price-rail input::-moz-range-track{background: none}.price-rail input::-webkit-slider-thumb{width: 26px;height: 26px;margin-top: 3px;border: 2px solid var(--ink);border-radius: var(--r-full);background: var(--card);pointer-events: auto;appearance: none;cursor: grab}.price-rail input::-moz-range-thumb{width: 22px;height: 22px;border: 2px solid var(--ink);border-radius: var(--r-full);background: var(--card);pointer-events: auto;cursor: grab}.price-rail input:focus-visible{outline: none}.price-rail input:focus-visible::-webkit-slider-thumb{outline: 3px solid var(--ink);outline-offset: 2px}.price-rail input:focus-visible::-moz-range-thumb{outline: 3px solid var(--ink);outline-offset: 2px}.price-fields{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);margin-top: var(--s-2)}.price-fields label{display: inline-flex;align-items: center;gap: 4px;font-weight: 700}.price-fields input{width: 9ch;min-height: 40px;padding: 0 var(--s-1);border: 0;border-radius: var(--r-sm);background: none;font: 700 15px var(--font-body);color: var(--ink);font-variant-numeric: tabular-nums;-moz-appearance: textfield}.price-fields label:last-child input{text-align: right}.price-fields input::-webkit-inner-spin-button, .price-fields input::-webkit-outer-spin-button{appearance: none;margin: 0}.price-fields input:hover{box-shadow: inset 0 0 0 1px var(--line)}.price-fields input:focus{outline: none;background: var(--card);box-shadow: inset 0 0 0 2px var(--ink)}.price-to{color: var(--ink-soft)}.sheet-foot{display: flex;align-items: center;gap: var(--s-3);padding: var(--s-3) var(--s-4) calc(var(--s-3) + env(safe-area-inset-bottom, 0px));border-top: 1px solid var(--line)}.sheet-clear{display: inline-flex;align-items: center;min-height: 44px;font-size: 14.5px;font-weight: 700;color: var(--sage-deep);text-underline-offset: 3px}.sheet-show{flex: 1;min-height: 52px;border: 0;border-radius: var(--r-full);background: var(--sage-deep);font: 700 16px var(--font-body);color: var(--paper);cursor: pointer}.sheet-show:hover:not(:disabled){background: var(--sage-deep-hover)}.sheet-show:disabled{opacity: .45;cursor: default}@media (prefers-reduced-motion: no-preference){.filter-sheet[open]{animation: catalog-sheet-in 320ms var(--ease-settle)}.filter-sheet[open]::backdrop{animation: catalog-fade-in 320ms ease}}@keyframes catalog-sheet-in{from{translate: 0 32px;opacity: .5}}@keyframes catalog-fade-in{from{opacity: 0}}@media (scripting: none){.catalog-filters{position: static}.filters-btn, .price-rail, .sheet-sort{display: none}.sort-go{display: inline-flex;align-items: center;min-height: 44px;padding: 0 var(--s-3);border: 1px solid var(--ink);border-radius: var(--r-full);background: none;font: 700 14.5px var(--font-body);color: var(--ink);cursor: pointer}.filter-sheet{position: static;display: block;width: min(560px, calc(100% - 2 * var(--s-3)));max-height: none;margin: var(--s-3) auto var(--s-4);border-radius: var(--r-md);box-shadow: none;border: 1px solid var(--line)}.sheet-x{display: none}}@media (max-width: 560px){.sheet-head, .sheet-body, .sheet-foot{padding-inline: var(--s-3)}}
.catalog-grid{padding-block: var(--s-4) var(--s-8)}.catalog-grid .product-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-4);margin: 0;padding: 0;list-style: none}@media (max-width: 560px){.catalog-grid .product-grid{gap: 12px}}@media (min-width: 1025px){.catalog-grid .product-grid{grid-template-columns: repeat(4, minmax(0, 1fr))}}.catalog-notices:empty{display: none}.catalog-chips{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);margin: 0 0 var(--s-4);padding: 0;list-style: none}.catalog-chip{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;padding: 6px 12px 6px 16px;border: 1px solid var(--line);border-radius: var(--r-full);background: var(--card);font-size: 14px;font-weight: 700;color: var(--ink);text-decoration: none}.catalog-chip svg{color: var(--ink-soft)}.catalog-chip:hover{box-shadow: var(--shadow-soft)}.catalog-chips-clear{display: inline-flex;align-items: center;min-height: 44px;padding: 0 var(--s-1);font-size: 14px;font-weight: 700;color: var(--sage-deep);text-underline-offset: 3px}@media (max-width: 560px){.catalog-chips{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;margin-inline: calc(-1 * var(--s-3));padding-inline: var(--s-3)}}.catalog-notices{margin-bottom: var(--s-4)}.catalog-grid .pages{display: grid;justify-items: center;gap: var(--s-2);margin-top: var(--s-6)}.catalog-grid .showing{margin: 0;font-size: 15px;font-variant-numeric: tabular-nums;color: var(--ink-soft)}.catalog-grid .pager{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--s-2);margin: 0;padding: 0;list-style: none}.catalog-grid .pager :is(a, span){display: inline-grid;place-items: center;min-width: 44px;min-height: 44px;padding: 0 10px;border-radius: var(--r-full);font-size: 16px;font-variant-numeric: tabular-nums;color: var(--ink-soft);text-decoration: none}.catalog-grid .pager a:hover{color: var(--ink)}.catalog-grid .pager [aria-current]{font-weight: 700;color: var(--ink);text-decoration: underline;text-decoration-color: var(--butter);text-decoration-thickness: 2px;text-underline-offset: 8px}.catalog-grid .pager .off{opacity: .35}
.es{--empty-stage: min(clamp(300px, 42vw, 560px), 44vh);width: 100%;align-self: stretch;text-align: center;padding-block: var(--s-5) var(--s-8)}.es-stage{position: relative;height: var(--empty-stage);margin: 0;touch-action: pan-y}.es-msg{max-width: 1240px;margin: var(--s-4) auto 0;padding-inline: var(--s-4)}.es-title{font-family: var(--font-display);font-weight: 600;font-size: clamp(24px, 2.6vw, 34px);line-height: 1.2;letter-spacing: -0.01em;color: var(--ink);max-width: 30ch;margin: 0 auto;text-wrap: balance;overflow-wrap: anywhere}.es-title em{font-style: italic;color: var(--sage-deep)}.es-line{font-size: 16.5px;color: var(--ink-soft);max-width: 46ch;margin: var(--s-2) auto 0;text-wrap: pretty;overflow-wrap: anywhere}.es-exits{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--s-2) var(--s-4);margin-top: var(--s-5)}@media (max-width: 760px){.es-msg{padding-inline: var(--s-3)}.es-exits{flex-direction: column;align-items: stretch;max-width: 420px;margin-inline: auto}}
.es-drawer{display: flex;align-items: flex-end;justify-content: center;padding-bottom: calc(var(--empty-stage) * .06)}.es-drawer svg{display: block;width: min(calc(var(--empty-stage) * .8 * 1.5), 100% - 2 * var(--s-3));height: auto;overflow: visible}.es-drawer .wall-b{fill: color-mix(in srgb, var(--paper-deep) 78%, var(--ink) 22%)}.es-drawer .wall-s{fill: color-mix(in srgb, var(--paper-deep) 86%, var(--ink) 14%)}.es-drawer .floor{fill: var(--paper-deep)}.es-drawer .front{fill: var(--butter-soft);stroke: var(--ink);stroke-width: 2.5}.es-drawer .rim{fill: none;stroke: var(--ink);stroke-width: 2.5;stroke-linejoin: round}.es-drawer .pull{fill: var(--ink)}.es-drawer .slot{fill: var(--ink);opacity: .36}.es-drawer .first{fill: var(--butter);stroke: var(--ink);stroke-width: 2}.es-drawer .ground{stroke: var(--ink);stroke-width: 3.4;stroke-linecap: round;stroke-dasharray: 0 9;opacity: .4}@media (prefers-reduced-motion: no-preference) and (scripting: enabled){.es-drawer .out{animation: es-glide 680ms var(--ease-settle) 200ms backwards}.es-drawer .ground{animation: es-fade 500ms linear backwards}.es-drawer .slot{animation: es-fade 200ms linear backwards;animation-delay: calc(850ms + var(--i) * 30ms)}.es-drawer .first{transform-box: fill-box;transform-origin: 50% 100%;animation: es-hop 540ms var(--ease-settle) 1250ms backwards}}@keyframes es-glide{from{opacity: 0;transform: translate(12px, -26px)}30%{opacity: 1}}@keyframes es-fade{from{opacity: 0}}@keyframes es-hop{0%{opacity: 0;transform: translateY(-16px)}60%{opacity: 1;transform: translateY(1px) scaleY(.9)}100%{transform: none}}.es-chips, .es-extras ul{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2);margin: var(--s-4) 0 0;padding: 0;list-style: none}.es-chip, .es-room{display: inline-flex;align-items: center;gap: var(--s-1);min-height: 44px;padding: 6px 12px 6px var(--s-3);background: var(--card);border: 1px solid var(--line);border-radius: var(--r-full);font-size: 14.5px;font-weight: 700;color: var(--ink);text-decoration: none;transition: box-shadow var(--t-quick) ease, transform var(--t-quick) var(--ease-settle)}.es-chip svg{color: var(--ink-soft)}.es-gain{font-weight: 500;color: var(--sage-deep)}.es-room span{font-weight: 500;color: var(--ink-soft)}.es-chip:hover, .es-room:hover{box-shadow: var(--shadow-soft)}@media (prefers-reduced-motion: no-preference){.es-chip:hover, .es-room:hover{transform: translateY(-1px)}}.es-exits .btn{min-height: 48px;padding-block: 12px;justify-content: center;text-decoration: none}.es-extras{margin-top: var(--s-6)}.es-extras p{margin: 0;font-size: 13.5px;font-weight: 700;color: var(--ink-soft)}.es-extras ul{margin-top: var(--s-3)}@media (max-width: 760px){.es-exits .btn{width: 100%}}
.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)}
