.catalog-tools{display:grid;gap:12px;margin-top:22px;grid-template-columns:1fr 1fr}.catalog-tools label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#4e5b51;min-width:0}.catalog-tools input,.catalog-tools select{width:100%;min-height:44px;padding:10px;border:1px solid #bbc4b7;background:#fff;color:#23352b;font:inherit;font-size:12px;border-radius:0}.catalog-count{margin:12px 0!important;font-size:11px!important}.catalog-grid{margin-top:10px}.catalog-grid .sample{min-width:0}.catalog-grid .sample-preview{position:relative;display:block;border:0;padding:0;overflow:hidden;min-height:0;background:#eae7df;cursor:zoom-in}.catalog-grid .sample-preview img{width:100%;height:215px;object-fit:contain}.sample-preview-hint{position:absolute;right:5px;bottom:5px;padding:4px 6px;background:#163225e8;color:white;font-size:9px}.catalog-grid .sample h3{font:500 15px/1.4 'Be Vietnam Pro',sans-serif;overflow-wrap:anywhere;margin:8px 0 12px}.catalog-grid .sample small{font-size:9px;line-height:1.4;display:block}.catalog-grid .sample>div{padding:11px}.catalog-more{width:100%;min-height:44px;border:1px solid #aab5a5;background:transparent;color:#233b2c;margin-bottom:20px}.catalog-more[hidden]{display:none}.sample-lightbox{position:fixed;inset:0;width:min(1050px,100%);height:100dvh;max-width:100vw;max-height:100dvh;margin:auto;border:0;padding:0;background:#f5f2ec;color:#23352b;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;box-sizing:border-box}.sample-lightbox[open]{display:grid}.sample-lightbox::backdrop{background:#07150ce6}.sample-lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #d4d8cd}.sample-lightbox-top h2{font-size:18px;margin:5px 0;overflow-wrap:anywhere}.sample-lightbox-top small{font-size:11px;color:#657263}.sample-lightbox-top button,.sample-lightbox-bottom button{min-height:44px;border:1px solid #acb8a7;padding:9px 16px;background:#213d2d;color:white;font:inherit;cursor:pointer;white-space:nowrap}.sample-lightbox>img{width:100%;height:100%;min-height:0;object-fit:contain;background:#e7e5df}.sample-lightbox-bottom{padding:10px 20px max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;justify-content:space-between}.sample-lightbox-bottom p{font-size:11px;line-height:1.5;max-width:500px}.category-button b{overflow-wrap:anywhere}@media(max-width:450px){.catalog-tools{grid-template-columns:1fr}.catalog-grid .sample-preview img{height:190px}.sample-lightbox-top{padding:10px 12px}.sample-lightbox-top h2{font-size:15px}.sample-lightbox-bottom{padding-left:12px;padding-right:12px}.sample-lightbox-bottom p{font-size:10px}.catalog-grid{gap:8px}.catalog-grid .sample>div{padding:9px}}@media(prefers-reduced-motion:reduce){.sample-lightbox{scroll-behavior:auto}}
.panel.catalog-panel{background:#242a27;color:#f1eee4;color-scheme:dark;scrollbar-color:#637065 #242a27}.panel.catalog-panel .panel-top{background:#242a27;border-color:#4a554c}.panel.catalog-panel .panel-top span{color:#dfc69b}.panel.catalog-panel .panel-top button{color:#f1eee4}.panel.catalog-panel h2{color:#f5efe2}.panel.catalog-panel p{color:#c9d0c8}.panel.catalog-panel .panel-note{background:#303a33;color:#d4d9d0;border-left:2px solid #bfa47a}.panel.catalog-panel .panel-link{color:#e5cfaa;border-color:#a58d69}.panel.catalog-panel .category-button{background:#303a33;border-color:#566252;color:#f1eee4}.panel.catalog-panel .category-button small{color:#cfb58e}.panel.catalog-panel .category-button:hover{background:#3a473e;border-color:#d8bc8c}.panel.catalog-panel .catalog-tools label{color:#d3d9cf}.panel.catalog-panel .catalog-tools input,.panel.catalog-panel .catalog-tools select{background:#1c241f;color:#f2eee4;border-color:#657160}.panel.catalog-panel .catalog-tools input::placeholder{color:#aeb9ab;opacity:1}.panel.catalog-panel .sample{background:#303a33;border:1px solid #52604f;box-shadow:0 4px 14px #0a110c29}.panel.catalog-panel .sample-preview,.panel.catalog-panel .sample-preview img{background:#3b453e}.panel.catalog-panel .sample-preview img{padding:8px}.panel.catalog-panel .sample h3{color:#f4eee2}.panel.catalog-panel .sample small{color:#d8c29e}.panel.catalog-panel .sample-select{background:#263029;color:#e9e8dc;border-color:#697660}.panel.catalog-panel .sample-select:hover{background:#3c4a3e;border-color:#d9bf94}.panel.catalog-panel .sample-select[aria-pressed=true]{background:#dfc79e;color:#202e24;border-color:#dfc79e}.panel.catalog-panel .catalog-more{border-color:#77846f;color:#e6d3b1;background:#303a33}.panel.catalog-panel .primary{background:#dfc79e;color:#202e24}.panel.catalog-panel :is(button,input,select):focus-visible{outline:3px solid #e8c78d;outline-offset:2px}.sample-lightbox{background:#242a27;color:#f1eee4;color-scheme:dark}.sample-lightbox-top{border-color:#53604f}.sample-lightbox-top small{color:#d8c29e}.sample-lightbox>img{background:#343d37}.sample-lightbox-bottom p{color:#d4dbd0}.sample-lightbox-top button,.sample-lightbox-bottom button{background:#dfc79e;color:#202e24;border-color:#dfc79e}