.suit-brand,.suit-name{margin:8px 0}.suit-card{border-radius:10px;flex-direction:column;overflow:hidden;width:350px}.suit-card,.suit-card-header{background:var(--color-navbar);display:flex}.suit-card-header{border-top-left-radius:10px;border-top-right-radius:10px;flex-direction:row;gap:2px;height:auto;overflow-x:auto;overflow-y:hidden;padding:16px 8px;position:relative;white-space:nowrap}.suit-card-header.has-overflow{-webkit-mask-image:linear-gradient(90deg,transparent 0,black 24px,black calc(100% - 24px),transparent);-webkit-mask-size:100% 100%;mask-image:linear-gradient(90deg,transparent 0,black 24px,black calc(100% - 24px),transparent);mask-size:100% 100%}.suit-card-header.has-overflow.can-right:not(.can-left){-webkit-mask-image:linear-gradient(90deg,black 0,black calc(100% - 50px),transparent);mask-image:linear-gradient(90deg,black 0,black calc(100% - 50px),transparent)}.suit-card-header.has-overflow.can-left:not(.can-right){-webkit-mask-image:linear-gradient(90deg,transparent 0,black 24px,black);mask-image:linear-gradient(90deg,transparent 0,black 24px,black)}.suit-card-body{background:var(--color-card-bg);border-radius:10px;display:flex;flex-direction:row;height:200px;padding:8px;width:auto}.suit-card-content{flex-direction:row;gap:16px;width:100%}.suit-card-content,.suit-image{align-items:center;display:flex;height:100%}.suit-image{justify-content:center;overflow:hidden;padding:6px 0;width:30%}.suit-image img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;object-position:center bottom;width:auto}.suit-details{flex-direction:column;height:200px;width:70%}.suit-details,.suit-meta{display:flex;justify-content:space-between}.suit-meta{align-items:center;width:100%}.suit-date{color:var(--color-text);font-size:.9rem}.suit-status{align-items:center;border-radius:999px;color:#fff;display:flex;font-size:.75rem;font-weight:600;justify-content:center;padding:4px 8px}.suit-status--ready{background:#34d399}.suit-status--cleaning{background:#fbbf24;color:var(--color-navbar)}.suit-status--repair{background:#f87171}.suit-brand-title{display:flex;flex-direction:column;gap:8px}.suit-brand{font-size:1.1rem;font-weight:700}.suit-brand,.suit-name{color:var(--color-text);margin-block:0}.suit-name{font-size:.9rem}.suit-button{margin-top:8px}.suit-card.no-header{display:flex;height:auto;justify-content:space-evenly}.suit-card.no-header .card-body{display:flex;flex:1 1}.suit-card.no-header .suit-card-body{align-items:center;height:auto}.suits-gallery-wrapper{display:flex;flex-direction:column}.suits-gallery{justify-content:center;gap:1.5rem}.filters,.suits-gallery{display:flex;flex-wrap:wrap}.filters{justify-content:space-between;gap:1rem;margin:1rem 2rem;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid var(--color-border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filters-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filters-section-title{font-size:.8rem;font-weight:700;color:var(--color-primary);text-transform:uppercase}.filters label{display:flex;align-items:center;gap:.5rem}.filters label,.filters select{font-size:.9rem;color:var(--color-text)}.filters select{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:6px;padding:.35rem .75rem;transition:border-color .2s,box-shadow .2s}.filters select:focus,.filters select:hover{border-color:var(--color-primary)}.filters select:focus{outline:none;box-shadow:0 0 0 2px rgba(255,212,96,.4)}.mobile-filter-toggle{display:none}@media (max-width:678px){.mobile-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem;padding:.6rem .9rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text);font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .05s}.mobile-filter-toggle:active{transform:translateY(1px)}.mobile-filter-toggle:focus,.mobile-filter-toggle:hover{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(255,212,96,.25)}.filters{flex-direction:column;gap:.75rem;padding:.5rem;margin:0 1rem 1rem}.filters-section{flex-direction:column;align-items:flex-start;gap:.5rem}.filters-section-title{margin-bottom:.25rem}.filters label,.filters select{width:100%}main.collection-page .gallery-group-title{margin:1rem 0 .75rem;font-size:1.1rem;color:var(--color-primary)}}