/* Floating category navigation: logical placement mirrors with the catalog in RTL. */
.catalog-sidebar .category-filter[aria-expanded=true]{background:#e6f7fd;color:#07354c;box-shadow:inset 0 0 0 1px #8bdaf2}
.catalog-sidebar .category-filter[aria-pressed=true][aria-expanded=true]{background:#07354c;color:#fff;box-shadow:inset 0 0 0 2px #00b5ef}
.catalog-flyout{position:fixed;z-index:120;width:330px;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(0,126,174,.18);border-radius:24px;background:rgba(255,255,255,.97);backdrop-filter:blur(22px);box-shadow:0 18px 65px rgba(7,53,76,.15),0 3px 12px rgba(7,53,76,.06);padding:20px 12px 12px;text-align:start;animation:catalog-flyout-in .18s var(--ease);scrollbar-width:thin;scrollbar-color:#8fdaf1 transparent}
.catalog-flyout[hidden]{display:none}
.catalog-flyout-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 9px 15px;margin-bottom:5px;border-bottom:1px solid #d7eef6}
.catalog-flyout-head>div>span{font-size:12px;letter-spacing:.03em;color:#007eae}
.catalog-flyout-head h2{margin:5px 0 0;font-size:25px;line-height:1.1;letter-spacing:-.04em;font-weight:600;color:#07354c}
.catalog-flyout-close{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;background:#eef8fc;color:#07354c;font-size:23px;cursor:pointer;transition:background .2s,transform .2s}
.catalog-flyout-close:hover{background:#d4f0fb;transform:rotate(90deg)}
.catalog-flyout-item{width:100%;min-height:52px;padding:12px 12px;border-radius:14px!important;border:0;background:transparent;color:#10171b;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:12px;align-items:center;text-align:start;font:inherit;font-size:15px;font-weight:500;line-height:1.3;cursor:pointer;transition:background .2s,color .2s}
.catalog-flyout-item:hover,.catalog-flyout-item:focus-visible{background:#e8f8ff;color:#007eae}
.catalog-flyout-item[aria-pressed=true]{background:#07354c;color:#fff}
.catalog-flyout-count{color:#007eae;font-size:12px;min-width:24px;min-height:24px;border-radius:999px;background:#eef8fc;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.catalog-flyout-arrow{color:#00b5ef;font-size:19px;transition:transform .2s}
.catalog-flyout-item:hover .catalog-flyout-arrow{transform:translate(2px,-2px)}
.catalog-flyout-item:disabled{color:#71818a;cursor:default;font-weight:400}
.catalog-flyout-item:disabled .catalog-flyout-arrow{visibility:hidden}
.catalog-flyout-item:disabled .catalog-flyout-count{background:#f4f6f7;color:#71818a}
.catalog-flyout-item:disabled:hover{background:transparent}
.catalog-flyout-note{margin:10px 9px 4px;padding-top:12px;border-top:1px solid #e3edf1;color:#61737e;font-size:12px;line-height:1.5}
.catalog-flyout button:focus-visible{outline:2px solid #00b5ef;outline-offset:2px}
[dir=rtl] .catalog-flyout-arrow{transform:scaleX(-1)}
[dir=rtl] .catalog-flyout-item:hover .catalog-flyout-arrow{transform:scaleX(-1) translate(2px,-2px)}
@keyframes catalog-flyout-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .catalog-flyout{left:12px!important;right:12px;top:auto!important;bottom:16px;width:auto;max-height:min(70dvh,560px)!important;border-radius:24px;padding-bottom:max(14px,env(safe-area-inset-bottom));box-shadow:0 12px 90px rgba(7,53,76,.3)}
  .catalog-flyout-item{min-height:54px;font-size:16px}
  .catalog-flyout-head>div>span,.catalog-flyout-note{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.catalog-flyout{animation:none}.catalog-flyout button,.catalog-flyout-arrow{transition:none}}