.material-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 24px}.material-tabs button{border:1px solid #bdd0d5;border-radius:999px;background:#fff;padding:11px 21px;color:#153b45;font:inherit;font-weight:750;cursor:pointer;min-height:44px}.material-tabs button[aria-pressed=true]{background:#153b45;border-color:#153b45;color:#fff}.material-tabs button:hover{border-color:#007f8b}.filament-filters{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:18px;padding:20px;background:#edf5f5;border:1px solid #d2e0e3;border-radius:16px}.filament-filters label{display:flex;flex-direction:column;gap:8px;font-weight:650;font-size:.9rem}.filament-filters input,.filament-filters select{width:100%;min-width:0;min-height:46px;border:1px solid #a9bdc3;border-radius:9px;padding:10px;background:white;font:inherit;color:#163b45}.filament-filters .button{min-height:46px}.swatch-note{font-size:.8rem;line-height:1.5;max-width:900px;color:#516a72;margin:18px 0}#filamentCount{font-weight:700;margin:24px 0}.filament-lines-grid{align-items:start}.filament-line .catalogue-image{aspect-ratio:1.5;min-height:0}.filament-line .catalogue-card-body{gap:9px}.filament-line .line-color-count{font-size:.8rem;color:#526b73}.filament-line .color-picker{margin:6px -4px 4px}.swatch-list{display:flex;flex-wrap:wrap;gap:2px}.filament-swatch{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid transparent;border-radius:50%;padding:4px;flex-shrink:0;text-decoration:none!important;cursor:pointer}.filament-swatch>span[aria-hidden]{display:block;width:22px;height:22px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.filament-swatch[aria-pressed=true]{border-color:#007a88;background:#e6f3f3}.filament-swatch:hover{border-color:#94bbc2}.filament-swatch:focus-visible,.material-tabs button:focus-visible,.extra-colors summary:focus-visible{outline:3px solid #008c9d;outline-offset:3px}.extra-colors{margin:5px 4px 0}.extra-colors>summary{font-size:.82rem;color:#006c7c;font-weight:700;cursor:pointer;padding:7px 0}.extra-colors .swatch-list{margin-left:-4px}.variant-choice{font-size:.84rem;line-height:1.5;min-height:2.6em;color:#274650}.filament-line .price{margin-top:0;padding-top:0}.filament-line [data-variant-article]{display:block}.filament-line .catalogue-actions .button{flex:1;text-align:center}.visually-hidden{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px!important;width:1px!important;overflow:hidden;white-space:nowrap}.filament-line .catalogue-image img{transition:opacity .15s}.filament-line .catalogue-actions{margin-top:8px}#filamentMore{display:block;margin:28px auto 0}#filamentMore[hidden],#filamentEmpty[hidden]{display:none!important}#filamentEmpty{padding:25px;background:#f0f6f6;border-radius:12px}
@media(max-width:900px){.filament-filters{grid-template-columns:2fr 1fr}.filament-filters .button{grid-column:1/-1;justify-self:start}}
@media(max-width:600px){.material-tabs{gap:7px;margin:16px 0}.material-tabs button{padding:9px 14px;font-size:.85rem}.filament-filters{grid-template-columns:1fr;gap:12px;padding:15px}.filament-filters .button{grid-column:auto;justify-self:stretch}.filament-lines-grid{gap:12px!important}.filament-line .catalogue-image{height:160px;padding:12px;aspect-ratio:auto}.filament-line .catalogue-image img{height:136px}.filament-line .catalogue-card-body{padding:12px!important;gap:8px}.filament-line h2{font-size:.94rem!important}.filament-swatch{width:32px;height:32px;padding:3px}.filament-swatch>span[aria-hidden]{width:22px;height:22px}.swatch-list{gap:0}.filament-line .variant-choice{font-size:.76rem;min-height:3em}.filament-line .line-color-count{font-size:.7rem}.extra-colors>summary{font-size:.73rem}.swatch-note{font-size:.73rem}.filament-line .catalogue-actions{gap:7px}.filament-line .price{font-size:1.15rem}.filament-filters label{font-size:.83rem}}
@media(prefers-reduced-motion:reduce){.filament-line .catalogue-image img{transition:none}}
