/* FLEXI: сторінка каталогу з деревом розділів і фільтрами (27.10.2026). */
.ck{max-width:1320px}
.ck-head h1{font-size:clamp(28px,3.6vw,46px);line-height:1.12;letter-spacing:-.04em;margin:0 0 12px}
.ck-lead{max-width:760px;font-size:17px;line-height:1.55;color:var(--ink-dim,#5a5a5a);margin:0}
.ck-head .seo-terms{margin:18px 0 22px}
.ck-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px;margin:0 0 30px}
.ck-tile{display:flex;align-items:center;gap:11px;min-height:68px;padding:7px 14px 7px 7px;border:1px solid var(--line,#e8e2d0);border-radius:16px;background:var(--bg-2,#fffdf7);color:inherit;text-decoration:none;transition:transform .18s,border-color .18s}
.ck-tile img{width:52px;height:52px;flex-shrink:0;object-fit:cover;border-radius:11px;background:#fff}
@media(max-width:860px){.ck-tile img{width:46px;height:46px}}
.ck-tile span{flex:1;font-weight:700;font-size:14px;line-height:1.25}
.ck-tile small{color:var(--ink-dim,#5a5a5a);font-size:12px}
.ck-tile:hover{transform:translateY(-2px);border-color:#c9c0a6}
.ck-tile.is-active{border-color:#19795d;box-shadow:0 0 0 2px #19795d inset}
.ck-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}
.ck-side{position:sticky;top:96px;max-height:calc(100vh - 110px);overflow:auto;padding:4px 4px 16px 0;scrollbar-width:thin}
.ck-side-head,.ck-side-foot .ck-apply,.ck-filter-btn,.ck-side-close{display:none}
.ck-box{padding:16px 0;border-bottom:1px solid var(--line,#e8e2d0)}
.ck-box:first-of-type{padding-top:0}
.ck-box h2{font:800 14px/1.2 var(--font-body,'Inter Tight',sans-serif);text-transform:uppercase;letter-spacing:.08em;color:#6b6352;margin:0 0 10px}
.ck-tree,.ck-tree ul{list-style:none;margin:0;padding:0}
.ck-tree ul{display:none;margin:2px 0 6px 12px;padding-left:10px;border-left:2px solid #ece6d6}
.ck-tree li.is-open>ul{display:block}
.ck-tree a{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 8px;border-radius:10px;color:inherit;text-decoration:none;font-size:15px;line-height:1.25}
.ck-tree>li>a{font-weight:650}
.ck-tree a span{flex:1}
.ck-tree a b{font-weight:500;font-size:12px;color:#8a826e;min-width:24px;text-align:right}
.ck-tree a:hover{background:#efe9dc}
.ck-tree a[aria-current="true"]{background:#211f19;color:#fff}
.ck-tree a[aria-current="true"] b{color:#d7cfbb}
.ck-tree a.is-empty{opacity:.42}
.ck-box select{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line-bright,#d4cdb8);border-radius:12px;background:#fff;font:500 15px var(--font-body,'Inter Tight',sans-serif);color:inherit}
.ck-chips{display:flex;flex-wrap:wrap;gap:8px}
.ck-chip{position:relative;display:inline-flex}
.ck-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ck-chip span{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border:1px solid var(--line-bright,#d4cdb8);border-radius:999px;background:#fff;font-size:14px;cursor:pointer}
.ck-chip span i{font-style:normal;font-size:12px;color:#8a826e}
.ck-chip input:checked+span{background:#211f19;border-color:#211f19;color:#fff}
.ck-chip input:checked+span i{color:#d7cfbb}
.ck-chip input:focus-visible+span{outline:3px solid #19795d;outline-offset:2px}
.ck-chip.is-empty span{opacity:.45}
.ck-side-foot{padding-top:16px}
.ck-reset{min-height:44px;padding:0 16px;border:1px solid var(--line-bright,#d4cdb8);border-radius:999px;background:none;font:650 14px var(--font-body,'Inter Tight',sans-serif);cursor:pointer;color:inherit}
.ck-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ck-search{flex:1 1 260px}
.ck-search input{width:100%;min-height:48px;padding:0 16px;border:1px solid var(--line-bright,#d4cdb8);border-radius:999px;background:#fff;font:500 16px var(--font-body,'Inter Tight',sans-serif)}
.ck-sort{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b6352}
.ck-sort select{min-height:48px;padding:0 12px;border:1px solid var(--line-bright,#d4cdb8);border-radius:999px;background:#fff;font:500 15px var(--font-body,'Inter Tight',sans-serif);color:#28251c}
.ck-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ck-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0}
.ck-status p{margin:0;font-weight:700}
.ck-active{display:flex;flex-wrap:wrap;gap:8px}
.ck-active button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:0;border-radius:999px;background:#eef2e6;color:#263c23;font:600 13px var(--font-body,'Inter Tight',sans-serif);cursor:pointer}
.ck-active button::after{content:'×';font-size:16px;line-height:1}
.ck-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));margin-top:16px}
.ck-ring{display:inline-block;align-self:flex-start;font-size:12px;font-weight:650;color:#19795d;background:#e7f2ec;border-radius:999px;padding:3px 9px}
.ck-ring-note{color:#19795d!important;font-weight:600}
.ck-empty{padding:30px;border:1px dashed var(--line-bright,#d4cdb8);border-radius:18px;text-align:center}
.ck-empty button{border:0;background:none;color:#d83d1b;font-weight:700;cursor:pointer;text-decoration:underline}
.ck-more-wrap{display:flex;justify-content:center;margin:10px 0 0}
.ck-more{min-height:50px;padding:0 28px;border:2px solid #211f19;border-radius:999px;background:none;font:750 16px var(--font-body,'Inter Tight',sans-serif);cursor:pointer;color:#211f19}
.ck-more:hover{background:#211f19;color:#fff}
.ck-seo{margin-top:56px}
.ck-landings{display:flex;flex-wrap:wrap;gap:8px 18px}
.ck-card[hidden]{display:none!important}
.ck-filtered .ck-lead,.ck-filtered .ck-head .seo-terms,.ck-filtered .ck-tiles{display:none}
.ck-filtered .ck-head{margin-bottom:22px}

@media(max-width:1000px){.ck-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}}
@media(max-width:860px){
  .ck-layout{display:block}
  .ck-tiles{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:minmax(178px,62vw);overflow-x:auto;padding-bottom:6px;margin:0 -5vw 18px;padding-inline:5vw;scroll-padding-inline:5vw;scrollbar-width:none}
  .ck-tiles::-webkit-scrollbar{display:none}
  .ck-side{position:fixed;inset:0;z-index:130;max-height:none;padding:0 16px 96px;background:#faf7f0;transform:translateX(-105%);transition:transform .22s;visibility:hidden}
  .ck.ck-open .ck-side{transform:none;visibility:visible}
  .ck-side-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;margin:0 -16px;padding:12px 16px;background:#faf7f0;border-bottom:1px solid #e4dfd2;font:800 20px/1.2 var(--font-display,'Unbounded',sans-serif)}
  .ck-side-close{display:block;width:44px;height:44px;border:0;border-radius:999px;background:#efe9dc;font-size:26px;cursor:pointer;color:#28251c}
  .ck-box:first-of-type{padding-top:16px}
  .ck-side-foot{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#faf7f0;border-top:1px solid #e4dfd2}
  .ck-side-foot .ck-apply{display:block;flex:1;min-height:48px;border:0;border-radius:999px;background:#d83d1b;color:#fff;font:750 16px var(--font-body,'Inter Tight',sans-serif);cursor:pointer}
  .ck-filter-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border:0;border-radius:999px;background:#211f19;color:#fff;font:700 15px var(--font-body,'Inter Tight',sans-serif);cursor:pointer}
  .ck-filter-btn span[hidden]{display:none}
  .ck-filter-btn span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:#d83d1b;font-size:12px}
  .ck-search{order:3;flex-basis:100%}
  .ck-sort span{display:none}
  html.ck-lock,html.ck-lock body{overflow:hidden}
}
@media(max-width:520px){.ck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.ck-tile,.ck-side{transition:none}}