.zz-archive{--zz-green:var(--color-primary,#476e30);--zz-green-dark:var(--color-primary-hover,#365523);--zz-gold:var(--color-secondary,#ffc222);--zz-gold-dark:var(--color-secondary-hover,#dca500);--zz-cream:var(--color-primary-light,#f7f4eb);--zz-text:var(--body-text,#1f2937);--zz-muted:var(--muted-text,#667085);background:var(--body-bg,#f7f8f6);min-height:70vh;color:var(--zz-text);padding:18px 0 56px}.zz-archive-shell{width:min(1480px,100% - 32px);margin:0 auto}.zz-breadcrumb{color:#7b8491;align-items:center;gap:7px;min-height:30px;margin-bottom:12px;font-size:13px;display:flex}.zz-breadcrumb a{color:#56606d;transition:color .16s}.zz-breadcrumb a:hover{color:var(--zz-green)}.zz-breadcrumb svg{width:10px;height:10px}.zz-archive-header{background:radial-gradient(circle at 88% 20%,#ffc22233,#0000 24%),linear-gradient(115deg,#fff 0%,#fbfcf8 56%,#f0f5e9 100%);border:1px solid #e2e8dc;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:25px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #3555230f}.zz-archive-header h1{color:#24351b;margin:0;font-size:clamp(23px,2.5vw,32px);font-weight:500;line-height:1.15}.zz-archive-header p{max-width:650px;color:var(--zz-muted);margin:7px 0 0;font-size:15px;line-height:1.65}.zz-archive-layout{grid-template-columns:296px minmax(0,1fr);align-items:start;gap:18px;display:grid}.zz-desktop-filters{position:sticky;top:80px}.zz-filter-panel{background:#fff;border:1px solid #e3e7df;border-radius:8px;overflow:hidden;box-shadow:0 8px 22px #1f29370b}.zz-filter-heading{border-bottom:1px solid #edf0eb;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px 15px;display:flex}.zz-filter-heading span,.zz-drawer-title span{color:#899284;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:500;display:block}.zz-filter-heading h2,.zz-drawer-title h2{color:#25331f;margin:0;font-size:18px;font-weight:600}.zz-filter-heading>button{background:var(--zz-cream);color:var(--zz-green-dark);cursor:pointer;border:0;border-radius:4px;padding:5px 8px;font-size:13px;font-weight:800}.zz-filter-search{margin:15px 15px 5px;display:block;position:relative}.zz-filter-search svg{color:#929a8d;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.zz-filter-search input{width:100%;color:var(--zz-text);background:#fbfcfa;border:1px solid #dfe5da;border-radius:5px;outline:none;height:40px;padding:0 12px 0 34px;font-size:14px;transition:border-color .16s,box-shadow .16s,background .16s}.zz-filter-search input:focus{border-color:var(--zz-green);background:#fff;box-shadow:0 0 0 3px #476e301f}.zz-filter-group{border-bottom:1px solid #edf0eb;padding:16px 15px}.zz-filter-group:last-child{border-bottom:0}.zz-filter-group h3{color:#25331f;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;padding-bottom:9px;font-size:14px;font-weight:600;position:relative}.zz-filter-group h3:after{background:var(--zz-gold);content:"";border-radius:99px;width:34px;height:2px;position:absolute;bottom:0;left:0}.zz-filter-options{scrollbar-width:thin;scrollbar-color:#ccd6c5 transparent;gap:3px;max-height:274px;display:grid;overflow-y:auto}.zz-check-row{color:#4c5662;cursor:pointer;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:29px;padding:3px 2px;font-size:14px;display:grid}.zz-check-row:hover{color:var(--zz-green-dark)}.zz-check-row input{width:15px;height:15px;accent-color:var(--zz-green);margin:0}.zz-check-row small{color:#818b7c;text-align:center;background:#f1f4ee;border-radius:4px;min-width:23px;padding:2px 5px;font-size:11px}.zz-price-range{padding:2px 2px 8px}.zz-price-values{color:#43503c;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.zz-range-track{background:linear-gradient(to right, #dfe5da 0 var(--zz-range-start), var(--zz-green) var(--zz-range-start) var(--zz-range-end), #dfe5da var(--zz-range-end) 100%);border-radius:3px;height:5px;position:relative}.zz-range-track input{appearance:none;pointer-events:none;background:0 0;outline:none;width:100%;height:20px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.zz-range-track input::-webkit-slider-thumb{appearance:none;background:var(--zz-green);width:18px;height:18px;box-shadow:0 0 0 1px var(--zz-green), 0 2px 6px #36552333;cursor:pointer;pointer-events:auto;border:3px solid #fff;border-radius:50%}.zz-range-track input::-moz-range-thumb{background:var(--zz-green);width:14px;height:14px;box-shadow:0 0 0 1px var(--zz-green), 0 2px 6px #36552333;cursor:pointer;pointer-events:auto;border:3px solid #fff;border-radius:50%}.zz-results{min-width:0}.zz-results-toolbar,.zz-mobile-toolbar{background:#fff;border:1px solid #e3e7df;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;margin-bottom:14px;padding:9px 14px;display:flex;box-shadow:0 6px 18px #1f293709}.zz-results-toolbar>div{color:#707a68;align-items:center;gap:8px;font-size:14px;display:flex}.zz-results-toolbar>div svg{color:var(--zz-green)}.zz-results-toolbar>div strong{color:#2d3c25}.zz-sort-control{color:#4d5747;align-items:center;gap:9px;font-size:14px;display:flex}.zz-sort-control>span{white-space:nowrap;font-weight:500}.zz-sort-trigger{color:#36412f;cursor:pointer;background:#fff;border:1px solid #dce2d8;border-radius:5px;min-width:172px;height:36px;font-size:14px;font-weight:400}.zz-sort-trigger:hover{background:#fbfcfa;border-color:#aeba9f}.zz-sort-trigger:focus-visible,.zz-sort-trigger[data-state=open]{border-color:var(--zz-green);box-shadow:0 0 0 3px #476e301f}.zz-sort-trigger[data-state=open] svg{color:var(--zz-green)}.zz-sort-content{border-color:#dce2d8;border-radius:5px;font-weight:400}.zz-sort-content [role=option][data-state=checked]{color:#365523;background:#f4edcf}.zz-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.zz-load-more{border:1px solid var(--zz-green);background:var(--zz-green);color:#fff;cursor:pointer;border-radius:5px;min-width:190px;height:42px;margin:28px auto 0;font-size:14px;font-weight:800;display:block;box-shadow:0 8px 18px #36552329}.zz-load-more:hover{background:var(--zz-green-dark)}.zz-empty-state{text-align:center;background:#fff;border:1px solid #e2e7df;border-radius:8px;place-content:center;justify-items:center;min-height:320px;padding:30px;display:grid}.zz-empty-state h2{color:#2d3927;margin:0;font-size:18px;font-weight:800}.zz-empty-state p{color:var(--zz-muted);margin:7px 0 16px;font-size:14px}.zz-empty-state button{background:var(--zz-green);color:#fff;cursor:pointer;border:0;border-radius:5px;padding:9px 15px;font-size:14px;font-weight:800}.zz-skeleton-image,.zz-skeleton-line,.zz-skeleton-button{background:linear-gradient(90deg,#edf0eb 25%,#f8f9f7 50%,#edf0eb 75%) 0 0/200% 100%;border-radius:5px;animation:1.25s infinite zz-shimmer}.zz-product-skeleton{background:#fff;border:1px solid #e0e5dc;border-radius:8px;overflow:hidden}.zz-skeleton-content{padding:10px 11px 11px}.zz-skeleton-image{aspect-ratio:1;margin:8px 8px 0}.zz-skeleton-line{height:11px;margin-top:5px}.zz-skeleton-line.is-wide{width:88%}.zz-skeleton-line.is-short{width:54%}.zz-skeleton-button{width:100%;height:36px;margin-top:16px}@keyframes zz-shimmer{to{background-position:-200% 0}}.zz-mobile-toolbar{display:none}.zz-filter-overlay{z-index:70;position:fixed;inset:0}.zz-filter-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182794;border:0;width:100%;height:100%;position:absolute;inset:0}.zz-filter-drawer{background:#f7f8f6;flex-direction:column;width:min(88vw,360px);height:100%;animation:.22s ease-out zz-drawer-in;display:flex;position:absolute;top:0;left:0;box-shadow:20px 0 45px #11182733}@keyframes zz-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.zz-drawer-title{background:#fff;border-bottom:1px solid #e1e6dd;justify-content:space-between;align-items:center;padding:16px;display:flex}.zz-drawer-title>button{color:#34402f;cursor:pointer;background:#f0f3ed;border:0;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.zz-filter-drawer>.zz-filter-panel{box-shadow:none;border:0;border-radius:0;flex:1;overflow-y:auto}.zz-filter-drawer .zz-filter-heading{display:none}.zz-drawer-footer{background:#fff;border-top:1px solid #dfe5da;padding:12px 15px}.zz-drawer-footer button{background:var(--zz-green);color:#fff;cursor:pointer;border:0;border-radius:5px;width:100%;height:44px;font-size:14px;font-weight:800}@media (max-width:1260px){.zz-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.zz-archive{padding-top:12px}.zz-archive-shell{width:min(100% - 24px,980px)}.zz-archive-layout{grid-template-columns:1fr}.zz-desktop-filters,.zz-results-toolbar{display:none}.zz-mobile-toolbar{display:flex}.zz-mobile-toolbar>button{border:1px solid var(--zz-green);background:var(--zz-green);color:#fff;cursor:pointer;border-radius:5px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:14px;font-weight:800;display:flex}.zz-mobile-toolbar>button span{background:var(--zz-gold);color:#28301f;border-radius:50%;place-items:center;min-width:18px;height:18px;font-size:11px;display:grid}.zz-sort-control.is-mobile>span{display:none}}@media (max-width:720px){.zz-archive{padding-bottom:80px}.zz-archive-shell{width:calc(100% - 18px)}.zz-breadcrumb{margin-bottom:8px}.zz-archive-header{border-radius:6px;margin-bottom:10px;padding:18px}.zz-archive-header p{font-size:13px}.zz-mobile-toolbar{min-height:52px;margin-bottom:10px;padding:7px 9px}.zz-mobile-toolbar .zz-sort-trigger{min-width:148px;max-width:48vw}.zz-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}@media (max-width:380px){.zz-archive-header h1{font-size:20px}.zz-mobile-toolbar .zz-sort-trigger{min-width:132px}.zz-products-grid{gap:7px}}@media (prefers-reduced-motion:reduce){.zz-filter-drawer{transition:none;animation:none}}