/* Controls and product-index interactions belong to the C showroom. */
.index-filters{padding:6px;border:1px solid #d8f26624;background:#ffffff04;border-radius:24px;gap:4px}
.index-filters button{border:0;border-radius:18px;padding:12px 20px;min-height:46px;color:#c9d2bf;transition:background .22s,color .22s,transform .22s}
.index-filters button:hover{background:#d8f26618;color:#eff9d1;transform:translateY(-2px)}
.index-filters button[aria-pressed=true]{background:#d8f266;color:#172111;box-shadow:0 4px 18px #c4eb3520}
.index-filters button:focus-visible,.view-controls button:focus-visible,.index-more:focus-visible{outline:2px solid #d8f266;outline-offset:4px}
.c-product-index[data-filter-scope=series] .index-filters{display:flex;flex-wrap:wrap}
.c-product-index[data-filter-scope=series] .index-filters button{flex:0 0 auto;white-space:nowrap}
.view-controls{padding:4px;background:#ffffff06;border:1px solid #d8f26624;border-radius:18px}
.view-controls button{border:0!important;border-radius:13px;transition:background .2s,color .2s}
.view-controls button[aria-pressed=true]{background:#d8f266!important;color:#14200e!important}
.index-search{border:1px solid #d8f26628;border-radius:18px;background:#ffffff04;padding:8px 16px;transition:box-shadow .2s,border-color .2s}
.index-search:focus-within{border-color:#d8f266;box-shadow:0 0 0 4px #d8f26612}
.index-item{border:1px solid #d8f26622;border-radius:20px;overflow:hidden;background:#ffffff03;transition:border-color .25s,box-shadow .25s,transform .3s}
.index-item:focus-within,.index-item:hover{border-color:#d8f26685;box-shadow:0 16px 45px #0004}
.index-item-copy{padding:24px}
.index-visual img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.index-item:hover .index-visual img{transform:scale(1.035)}
.index-item .index-more{position:relative;min-height:42px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:15px}
.index-more>span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #d8f26640;border-radius:50%;transition:transform .25s,background .25s,color .25s}
.index-more:hover>span{transform:rotate(45deg);background:#d8f266;color:#14200e}
.button{border-radius:999px;position:relative;overflow:hidden;transition:background .25s,box-shadow .25s,transform .25s}
.button:hover{transform:translateY(-3px);box-shadow:0 8px 28px #d8f26615}
.button>span{transition:transform .25s}.button:hover>span{transform:translate(3px,-3px)}
.factory-process-tab{transition:background .25s,box-shadow .25s}
.factory-process-tab:hover{background:#d8f26612;box-shadow:inset 0 -3px #d8f266}
.factory-process-tab[aria-current=true]{background:#d8f26615;box-shadow:inset 0 -3px #d8f266}
.reset-filters{padding:8px 13px;border-radius:12px;transition:background .2s}.reset-filters:hover{background:#ffffff09}
@media(max-width:700px){.index-filters{border-radius:18px;padding:5px;gap:4px}.index-filters button{padding:11px 9px;border-radius:13px}.index-item-copy{padding:15px 12px}.index-item{border-radius:14px}.index-item h2{font-size:14px}.index-more>span{width:26px;height:26px;flex-shrink:0}.index-grid.is-list .index-item-copy{padding:15px}.index-search{border-radius:15px}.index-grid{gap:14px 10px}}
@media(max-width:700px){.c-product-index[data-filter-scope=series] .index-filters{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#738344 transparent}.c-product-index[data-filter-scope=series] .index-filters button{font-size:12px;padding:10px 14px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.index-filters button,.view-controls button,.index-search,.index-item,.index-visual img,.index-more>span,.button,.button>span,.factory-process-tab,.reset-filters{transition:none}.index-item:hover,.index-filters button:hover,.button:hover,.index-item:hover .index-visual img{transform:none}}