.catalogDirectory{padding:28px clamp(14px,6vw,92px) 14px;background:#faf9f6;color:#15283f;scroll-margin-top:12px}
.catalogDirectoryHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.catalogDirectoryHeading h2{margin:0;font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.categoryRailControls{display:flex;gap:6px}
.categoryRailControls button{width:44px;height:44px;border:1px solid #d9d5ca;border-radius:50%;background:transparent;color:#253a51;font-size:25px;cursor:pointer}
.categoryRailControls button:hover{background:#eee9df}
.categoryPictureRail{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding:3px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#cbbd9d transparent}
.categoryPictureButton{flex:0 0 138px;padding:0;border:0;background:transparent;color:#263647;font:inherit;text-align:center;cursor:pointer;scroll-snap-align:start}
.categoryPicture{height:94px;border:1px solid #e5e0d6;background:radial-gradient(ellipse at 50% 65%,#fff 0,#f0ece3 95%);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s,background .15s}
.categoryPicture img{display:block;width:100%;height:100%;padding:7px;object-fit:contain}
.categoryPicture svg{width:42px;height:42px;color:#97804e;stroke-width:1.35}
.categoryPictureAll{background:#eae4d7}
.categoryPictureButton strong{display:block;padding-top:10px;min-height:44px;font-size:14px;line-height:1.35;font-weight:500}
.categoryPictureButton[aria-pressed=true] .categoryPicture{border:2px solid #a58a50;background:#eee5d0}
.categoryPictureButton[aria-pressed=true] strong{font-weight:750;color:#15283f}
.categoryPictureButton:hover .categoryPicture{border-color:#a58a50}
.categoryPictureButton:focus-visible,.catalogBrowser button:focus-visible,.categoryRailControls button:focus-visible{outline:2px solid #987534;outline-offset:3px}
.catalogBrowser{position:relative;margin-bottom:16px;padding:14px 0 16px;background:#fff;border-bottom:1px solid #e7e3da;scroll-margin-top:12px}
.catalogBrowserTop{display:flex;align-items:center;justify-content:space-between;gap:18px}
.catalogBrowserLocation{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.catalogBrowserLocation>strong{font-size:18px;font-weight:650;line-height:1.4}
.catalogBrowserLocation>button{padding:5px;min-height:44px;border:0;background:transparent;color:#786339;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.catalogBrowserSearch{display:flex;align-items:center;gap:10px;flex:0 1 310px;min-width:0;border:1px solid #dfded9;border-radius:24px;padding:0 14px;background:#fafaf8}
.catalogBrowserSearch:focus-within{outline:2px solid #9e7d37;outline-offset:2px}
.catalogBrowserSearch>svg{flex-shrink:0;width:19px;height:19px;color:#8d7d58}
.catalogBrowserSearch>input{display:block;width:100%;min-width:0;min-height:44px;padding:8px 0;border:0;border-radius:0;outline:none;background:transparent;color:#182e45;font:inherit;font-size:15px;box-shadow:none}
.catalogBrowserSearch>input::-webkit-search-cancel-button{-webkit-appearance:none}
.catalogBrowserSearch>button{flex-shrink:0;border:0;background:transparent;color:#526174;font-size:22px;min-width:30px;min-height:44px;cursor:pointer}
.catalogTypeQuick{display:flex;flex-wrap:wrap;align-items:stretch;gap:7px;margin-top:12px}
.catalogTypeChip{min-height:44px;max-width:100%;padding:9px 16px;border:1px solid #e5e1d8;border-radius:10px;background:#faf9f6;color:#354657;font:inherit;font-size:14px;line-height:1.4;cursor:pointer}
.catalogTypeChip[aria-pressed=true]{background:#172b44;border-color:#172b44;color:#fff}
.catalogTypeChip:hover:not([aria-pressed=true]){border-color:#a78d52;background:#fcfaf5}
.browseSrOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.catalogSection{padding-top:16px!important}
.catalogSection .resultsSummary h2[tabindex]{scroll-margin-top:16px}
@media(max-width:900px){.categoryPictureButton{flex-basis:122px}}
@media(max-width:720px){
 .catalogDirectory{padding-top:16px;padding-bottom:6px}
 .catalogDirectoryHeading{margin-bottom:8px}.catalogDirectoryHeading h2{font-size:21px}
 .categoryPictureRail{gap:10px;padding-bottom:6px}.categoryPictureButton{flex-basis:100px}.categoryPicture{height:76px;border-radius:12px}.categoryPicture svg{width:34px;height:34px}.categoryPictureButton strong{font-size:13px;padding-top:8px}
 .catalogSection{padding-top:6px!important}.catalogBrowser{padding-top:10px;margin-bottom:12px}
 .catalogBrowserTop{flex-wrap:wrap;gap:6px}.catalogBrowserLocation{width:100%;gap:8px;justify-content:space-between;min-height:28px}.catalogBrowserLocation>strong{font-size:16px}.catalogBrowserLocation>button{min-height:44px;font-size:12px}
 .catalogBrowserSearch{flex-basis:100%;border-radius:10px}.catalogBrowserSearch>input{font-size:16px}
 .catalogTypeQuick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.catalogTypeChip{font-size:13px;padding:8px 6px;min-height:44px;min-width:0;border-radius:8px;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.categoryPicture{transition:none}.categoryPictureRail{scroll-behavior:auto}}