.adv-gallery{
display:grid;
gap:var(--space-8);
grid-template-columns:1fr;
}
@media (min-width:960px){
.adv-gallery{grid-template-columns:240px minmax(0,1fr);align-items:start}
}

.adv-gallery__rail{
position:sticky;
top:calc(var(--header-height) + var(--space-5));
display:flex;
flex-direction:column;
gap:var(--space-7);
max-height:calc(100vh - var(--header-height) - var(--space-10));
overflow-y:auto;
padding-right:var(--space-2);
}
@media (max-width:959px){
.adv-gallery__rail{
position:static;
max-height:none;
overflow:visible;
padding:0;
}
}

.adv-gallery__group{
display:flex;
flex-direction:column;
gap:var(--space-3);
}
.adv-gallery__group-title{
font-size:var(--font-size-sm);
font-weight:var(--weight-semibold);
text-transform:uppercase;
letter-spacing:var(--letter-wide);
color:var(--color-muted);
margin:0;
}

.adv-gallery__checklist{
display:flex;
flex-direction:column;
gap:var(--space-1);
list-style:none;
padding:0;
margin:0;
}
.adv-gallery__checklist label{
display:flex;
align-items:center;
gap:var(--space-3);
padding:var(--space-2) var(--space-3);
border-radius:var(--radius-sm);
cursor:pointer;
font-size:var(--font-size-base);
color:var(--color-ink);
transition:var(--transition-base);
}
.adv-gallery__checklist label:hover{background:var(--color-bg-muted)}
.adv-gallery__checklist input{
accent-color:var(--color-primary);
width:16px;
height:16px;
flex-shrink:0;
}
.adv-gallery__checklist-count{
margin-left:auto;
font-size:var(--font-size-sm);
color:var(--color-muted);
}

.adv-gallery__main{
display:flex;
flex-direction:column;
gap:var(--space-6);
min-width:0;
}

.adv-gallery__toolbar{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-4);
padding:var(--space-4) var(--space-5);
background:var(--color-bg);
border:1px solid var(--color-line);
border-radius:var(--radius-md);
}
.adv-gallery__toolbar-search{
flex:1 1 220px;
min-width:0;
}
.adv-gallery__toolbar-sort{
flex-shrink:0;
}
.adv-gallery__count{
font-size:var(--font-size-sm);
color:var(--color-muted);
margin-left:auto;
white-space:nowrap;
}

.adv-gallery__grid{
display:grid;
gap:var(--space-5);
grid-template-columns:1fr;
}
@media (min-width:640px){
.adv-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1200px){
.adv-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.adv-gallery__list{
display:flex;
flex-direction:column;
gap:var(--space-4);
}

.adv-gallery__active-filters{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
}
.adv-gallery__active-filters .adv-chip{
cursor:pointer;
padding-right:.3em;
}
.adv-gallery__active-filters .adv-chip button{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
margin-left:.25em;
border-radius:var(--radius-circle);
background:rgba(0,0,0,.06);
color:inherit;
font-size:0;
}
.adv-gallery__active-filters .adv-chip button::before{
content:"×";
font-size:12px;
line-height:1;
font-weight:var(--weight-bold);
}
.adv-gallery__active-filters .adv-chip button:hover{background:rgba(0,0,0,.14)}

.adv-gallery__filter-toggle{
display:none;
}
@media (max-width:959px){
.adv-gallery__filter-toggle{
display:inline-flex;
}
}

.adv-gallery__mobile-filters{
padding:var(--space-5);
background:var(--color-bg);
border:1px solid var(--color-line);
border-radius:var(--radius-md);
}
.adv-gallery__mobile-filters[hidden]{display:none}