.csf-catalog{--csf-ink:#302b35;--csf-muted:#8b8790;--csf-line:#ebe8ef;--csf-accent:#7963b3;max-width:1320px;margin:0 auto;padding:28px 36px 70px;color:var(--csf-ink)}
.csf-heading{text-align:center;margin:0 0 30px}.csf-heading .woocommerce-breadcrumb{text-align:left;font-size:12px;color:var(--csf-muted);margin:0 0 28px}.csf-eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:var(--csf-accent);margin-bottom:9px}.csf-heading h1{font-size:32px;line-height:1.25;font-weight:600;letter-spacing:.3px}.csf-intro{max-width:760px;margin:0 auto 24px;color:var(--csf-muted)}
.csf-layout{display:grid;grid-template-columns:218px minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 32px;align-items:start}.csf-filter-panel{display:contents}.csf-categories{grid-column:1;grid-row:1/3;border:1px solid var(--csf-line);border-radius:14px;padding:20px 14px;background:#fff}.csf-panel-caption{font-size:13px;font-weight:600;letter-spacing:.2px}.csf-categories>.csf-panel-caption{padding:0 6px 16px}.csf-all-categories{display:flex;justify-content:space-between;padding:12px 6px;border-top:1px solid var(--csf-line);border-bottom:1px solid var(--csf-line);font-size:12px;margin-bottom:10px}.csf-all-categories span{color:var(--csf-accent)}.csf-category-choices .csf-choice{padding-left:calc(6px + min(var(--depth),3)*7px)}
.csf-filter-bar{grid-column:2;grid-row:1;border:1px solid var(--csf-line);background:#faf9fc;border-radius:14px;padding:19px 20px}.csf-filter-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.csf-search{display:flex;align-items:center;min-width:220px;max-width:320px;width:47%;border-bottom:1px solid #dcd6e7}.csf-catalog .csf-search input{padding:6px 0;border:0;background:transparent;width:100%;font-size:12px;min-width:0;box-shadow:none}.csf-search button{background:transparent;border:0;font-size:24px;color:var(--csf-accent);padding:0 4px;cursor:pointer}
.csf-facets{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.csf-facet{position:relative}.csf-facet summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;border:1px solid #e3dfeb;background:white;border-radius:7px;font-size:12px;line-height:18px;padding:9px 12px;transition:background .15s,border-color .15s;user-select:none}.csf-facet summary::-webkit-details-marker{display:none}.csf-facet summary:hover,.csf-facet[open] summary{border-color:var(--csf-accent)}.csf-facet.is-active summary{border-color:#a796ca;background:#f0eafa;color:#624896}.csf-facet summary b{background:var(--csf-accent);color:white;line-height:16px;min-width:16px;text-align:center;border-radius:9px;font-size:10px;font-weight:500}.csf-chevron{height:5px;width:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px;opacity:.55}.csf-facet[open] .csf-chevron{transform:rotate(225deg);margin-top:3px}
.csf-popover{position:absolute;left:0;top:calc(100% + 9px);width:290px;z-index:101;background:#fff;border:1px solid var(--csf-line);border-radius:12px;padding:14px;box-shadow:0 12px 36px #302b351c}.csf-facet.is-right .csf-popover{left:auto;right:0}.csf-options{max-height:268px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.csf-choice{display:flex;gap:9px;align-items:center;padding:9px 6px;font-size:12px;line-height:1.4;cursor:pointer;border-radius:6px}.csf-choice:hover{background:#f7f4fb}.csf-choice:has(input:checked){color:#694f9f;background:#f4f0fa}.csf-choice input{flex-shrink:0;accent-color:var(--csf-accent);width:15px;height:15px;margin:0;cursor:pointer}.csf-choice span{flex:1}.csf-choice small{color:#9b95a2;font-size:11px}.csf-choice:has(input:disabled){opacity:.45}.csf-choice[hidden],.csf-catalog [hidden]{display:none!important}.csf-catalog input.csf-option-search{border:1px solid var(--csf-line);border-radius:6px;font-size:12px;padding:8px 10px;margin-bottom:8px;width:100%}.csf-popover-footer{border-top:1px solid var(--csf-line);padding-top:12px;margin-top:8px;display:flex;align-items:center;justify-content:space-between}.csf-clear-facet{background:none;border:0;color:var(--csf-muted);font-size:12px;cursor:pointer}.csf-catalog .csf-apply{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:var(--csf-accent);color:white;padding:9px 17px;font-size:12px;line-height:20px;cursor:pointer}.csf-catalog .csf-apply:hover{background:#634d9e}.csf-no-option{font-size:12px;color:var(--csf-muted);padding:15px 0}
.csf-price-inputs{display:flex;gap:9px;align-items:center;margin-top:12px}.csf-price-inputs label{font-size:11px;color:var(--csf-muted);min-width:0;flex:1}.csf-catalog .csf-price-inputs input{border:1px solid var(--csf-line);padding:9px;width:100%;font-size:13px;border-radius:6px;margin-top:4px}.csf-hint{font-size:11px;line-height:1.5;color:var(--csf-muted);margin:12px 0}
.csf-results{grid-column:2;grid-row:2;min-width:0}.csf-selected{display:flex;flex-wrap:wrap;gap:7px;padding-top:16px}.csf-selected:empty{padding:0}.csf-chip{display:flex;align-items:center;gap:10px;border-radius:20px;background:#f1edf7;padding:5px 11px;font-size:11px;color:#695785}.csf-chip span{font-size:17px;line-height:1}.csf-reset{align-self:center;margin-left:5px;font-size:11px;color:#8a8296;text-decoration:underline}.csf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0 17px;border-bottom:1px solid var(--csf-line);margin-bottom:24px}.csf-count{margin:0;white-space:nowrap;color:var(--csf-muted);font-size:12px}.csf-count strong{color:var(--csf-ink);font-size:20px;font-weight:600;margin-right:5px}.csf-sort{display:flex;gap:16px;align-items:center}.csf-sort label{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--csf-muted)}.csf-catalog .csf-sort select{font-size:12px;line-height:20px;border:1px solid var(--csf-line);border-radius:5px;padding:6px 24px 6px 9px;background-color:white;color:var(--csf-ink);min-width:0}
.csf-catalog ul.csf-products.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;margin:0;padding:0;list-style:none;position:relative;transition:opacity .15s}.csf-catalog ul.csf-products:before,.csf-catalog ul.csf-products:after{display:none}.csf-catalog ul.csf-products.products>li.cpc-loop-item{width:auto!important;float:none!important;clear:none!important;margin:0!important;padding:0!important;min-width:0}.csf-products .nm-shop-loop-product-wrap{width:100%}.csf-products .cpc-card{border:1px solid transparent;border-radius:10px;padding:9px 8px 13px;transition:box-shadow .2s,border-color .2s}.csf-products .cpc-card:hover{border-color:var(--csf-line);box-shadow:0 7px 22px #332b4010}.csf-catalog .csf-products .cpc-photo{aspect-ratio:1/1.07}.csf-no-sidebar{grid-template-columns:minmax(0,1fr)}.csf-no-sidebar .csf-filter-bar,.csf-no-sidebar .csf-results{grid-column:1}.csf-no-sidebar ul.csf-products.products{grid-template-columns:repeat(4,minmax(0,1fr))}
.csf-pagination{display:flex;justify-content:center;gap:7px;margin-top:40px}.csf-pagination a,.csf-pagination span{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--csf-line);border-radius:7px;font-size:12px}.csf-pagination [aria-current]{background:var(--csf-accent);color:#fff;border-color:var(--csf-accent)}.csf-empty{text-align:center;padding:65px 20px}.csf-empty>span{font-size:40px;color:#b8a7d3}.csf-empty h2{font-size:23px;margin:12px 0}.csf-empty p{font-size:13px;color:var(--csf-muted);margin-bottom:20px}.csf-mobile-toggle{display:none}.csf-catalog[aria-busy=true] .csf-products{opacity:.4;pointer-events:none}.csf-catalog[aria-busy=true] .csf-count:after{content:' · обновляем…';font-size:11px;color:var(--csf-accent)}.csf-error{padding:12px;background:#fff4ed;color:#9b542e;border-radius:8px;margin-bottom:18px;font-size:12px}.csf-error button{background:none;border:0;text-decoration:underline;cursor:pointer}.csf-catalog :focus-visible{outline:2px solid var(--csf-accent);outline-offset:3px}
@media(max-width:1050px){.csf-catalog{padding:24px}.csf-layout{grid-template-columns:190px minmax(0,1fr);gap:0 22px}.csf-no-sidebar{grid-template-columns:1fr}.csf-sort label{font-size:0}.csf-filter-top{align-items:flex-start;flex-direction:column}.csf-search{width:100%;max-width:none}.csf-catalog ul.csf-products.products{gap:25px 12px}}
@media(max-width:760px){.csf-catalog{padding:20px 16px 45px}.csf-heading{margin-bottom:22px}.csf-heading .woocommerce-breadcrumb{margin-bottom:20px;font-size:10px}.csf-heading h1{font-size:26px}.csf-eyebrow{font-size:9px}.csf-layout{display:block}.csf-mobile-toggle{display:flex;align-items:center;gap:10px;width:100%;background:#f8f6fb;color:var(--csf-ink);border:1px solid #e4deee;border-radius:10px;padding:14px 16px;font-size:14px;text-align:left}.csf-mobile-toggle svg{margin-left:auto}.csf-mobile-toggle span{border-radius:10px;min-width:19px;text-align:center;background:#e9e1f4;font-size:11px;color:#735b9a}.csf-filter-panel{display:none;margin-top:12px}.csf-catalog.csf-filters-open .csf-filter-panel{display:block}.csf-categories{padding:15px;margin-bottom:12px;border-radius:10px}.csf-category-choices{max-height:230px;overflow:auto}.csf-filter-bar{padding:16px;border-radius:10px}.csf-facets{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:7px}.csf-facet summary{justify-content:space-between;padding:10px;font-size:11px;gap:5px}.csf-facet{position:static}.csf-popover,.csf-facet.is-right .csf-popover{position:static;width:auto;max-width:none;margin-top:7px;box-shadow:none;padding:10px;border-radius:8px}.csf-facet[open]{grid-column:1/-1}.csf-facet[open] summary{background:#f0eafa}.csf-options{max-height:240px}.csf-filter-top{gap:10px}.csf-search{min-width:0}.csf-toolbar{padding:17px 0;margin-bottom:15px;gap:10px;flex-wrap:wrap}.csf-sort{gap:6px}.csf-sort label:last-child{display:none}.csf-catalog .csf-sort select{font-size:11px;max-width:172px}.csf-count strong{font-size:18px}.csf-catalog ul.csf-products.products,.csf-no-sidebar ul.csf-products.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px}.csf-products .cpc-card{padding:4px 2px 9px}.csf-products .cpc-brand{font-size:12px}.csf-products .cpc-aroma{font-size:12px}.csf-selected{gap:6px}.csf-empty{padding:40px 10px}.csf-catalog[aria-busy=true] .csf-count:after{content:' …'}}
@media(prefers-reduced-motion:reduce){.csf-catalog *{transition:none!important}}
