/* DEM PADEL collection page */
.coll{padding:2rem 0 5rem}
.coll__head{text-align:center;padding:2rem 0 1rem}
.coll__eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.5rem;font-weight:600}
.coll__title{font-size:clamp(2.4rem,5vw,4rem);margin:0 0 .8rem;line-height:1}
.coll__desc{color:var(--color-fg-muted);max-width:640px;margin:0 auto;line-height:1.6}

.coll__toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0 .8rem;border-bottom:1px solid rgba(5,11,16,.08);flex-wrap:wrap}
.coll__count{font-size:.92rem;color:var(--color-fg-muted)}
.coll__count strong{color:var(--color-fg);font-weight:700}
.coll__sort{display:flex;align-items:center;gap:.5rem;font-size:.9rem}
.coll__sort select{padding:.55rem 1rem;border:1.5px solid rgba(5,11,16,.15);border-radius:999px;background:#fff;font:inherit;cursor:pointer}
.coll__sort select:focus{outline:0;border-color:var(--color-fg)}
.coll__filter-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:1.5px solid rgba(5,11,16,.15);border-radius:999px;background:#fff;font-size:.9rem;cursor:pointer}
@media(min-width:1024px){.coll__filter-toggle{display:none}}

.coll__main{display:grid;grid-template-columns:1fr;gap:2rem;padding-top:.8rem}
@media(min-width:1024px){.coll__main{grid-template-columns:240px 1fr;gap:3rem}}

.coll__filters{display:none;position:fixed;inset:0;background:#fff;z-index:200;padding:1.5rem;overflow-y:auto;transform:translateX(-100%);transition:transform .3s}
.coll__filters.is-open{display:block;transform:translateX(0)}
.coll__filters-close{font-size:1.5rem;background:transparent;border:0;cursor:pointer;float:right}
@media(min-width:1024px){.coll__filters{display:block;position:sticky;top:90px;align-self:start;padding:0;background:transparent;transform:none}.coll__filters-close{display:none}}
.coll__filter-group{border-bottom:1px solid rgba(5,11,16,.08);padding:1.2rem 0}
.coll__filter-group:first-child{padding-top:.3rem}
.coll__filter-title{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:.8rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.coll__filter-title::after{content:'+';font-size:1.2rem;font-weight:400;transition:transform .2s}
.coll__filter-group[open] .coll__filter-title::after{transform:rotate(45deg)}
.coll__filter-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem;list-style:none;padding:0}
.coll__filter-item{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;cursor:pointer;font-size:.9rem}
.coll__filter-item input{accent-color:var(--color-accent)}
.coll__filter-count{margin-left:auto;color:var(--color-fg-muted);font-size:.82rem}
.coll__filters-apply{display:none;margin-top:1.5rem;width:100%}
@media(max-width:1023px){.coll__filters-apply{display:block}}

.coll__products{min-height:400px}
.coll__empty{text-align:center;padding:4rem 1rem;color:var(--color-fg-muted)}
.coll__pagination{margin-top:3rem;display:flex;justify-content:center;gap:.4rem}
.coll__page{padding:.6rem 1rem;border-radius:999px;background:#fff;border:1px solid rgba(5,11,16,.12);font-size:.9rem;color:var(--color-fg);transition:.2s}
.coll__page:hover{border-color:var(--color-fg)}
.coll__page.is-active{background:var(--color-fg);color:#fff;border-color:var(--color-fg)}