.collection{background:var(--cosmic-black);min-height:60vh}.collection__head{padding-block:clamp(2.5rem,6vw,4rem);padding-inline:var(--container-px);border-bottom:1px solid var(--border-subtle)}.collection__eyebrow{display:flex;align-items:center;gap:var(--space-3)}.collection__rule{width:20px;height:1px;background:var(--text-tertiary)}.collection__eyebrow .t-mono{font-size:var(--fs-xs);font-weight:600;letter-spacing:.25em;color:var(--text-secondary)}.collection__title{font-family:var(--font-display);font-weight:700;line-height:1;letter-spacing:-.03em;font-size:clamp(2.5rem,7vw,4rem);color:var(--text-primary);margin:0}.collection__desc{max-width:720px;color:var(--text-secondary);margin:0;line-height:1.5}.collection__count{font-size:var(--fs-2xs);color:var(--text-tertiary);letter-spacing:.2em}.collection__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--container-px);border-bottom:1px solid var(--border-subtle)}.collection__filter-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.2em}.collection__filter-toggle:hover{border-color:var(--border-bright)}.collection__filter-count{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-tertiary)}.collection__filter-count:empty{display:none}.collection__sort-select{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.15em;padding:var(--space-3) var(--space-4);text-transform:uppercase;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--space-8)}.collection__body{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem);padding-block:var(--space-6);padding-inline:var(--container-px)}@media(min-width:1024px){.collection__body{grid-template-columns:240px 1fr}}.collection__filters{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:var(--surface-1);transform:translate(-100%);transition:transform var(--dur-med) var(--ease-out);overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.collection__filters[aria-hidden=false]{transform:translate(0)}@media(min-width:1024px){.collection__filters{position:sticky;top:calc(var(--header-h-desktop) + var(--space-4));transform:none;align-self:start;max-height:calc(100vh - var(--header-h-desktop) - var(--space-8));background:transparent;padding:0}.collection__filters[aria-hidden]{display:flex}}.collection__filters-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}@media(min-width:1024px){.collection__filters-close{display:none}}.collection__filters-close{width:36px;height:36px;border-radius:9999px;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.filter-group{border:0;padding:0;margin:0 0 var(--space-5)}.filter-group__title{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.2em;color:var(--text-secondary);text-transform:uppercase;padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.filter-group__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0;margin:0}.filter-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);background:var(--cosmic-black)}.filter-chip:hover{border-color:var(--border-bright)}.filter-chip.is-active{border-color:var(--text-primary);background:var(--surface-2)}.filter-chip input[type=checkbox]{accent-color:var(--flavor-frutilla);cursor:pointer}.filter-chip input[type=checkbox]:disabled{cursor:not-allowed}.filter-chip__label{flex:1;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-primary)}.filter-chip__count{font-size:var(--fs-2xs);color:var(--text-tertiary);letter-spacing:.1em}.filter-chip:has(input:disabled){opacity:.4}.filter-group__range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.filter-input{display:flex;flex-direction:column;gap:4px}.filter-input .t-mono{font-size:var(--fs-2xs);color:var(--text-tertiary);letter-spacing:.15em}.filter-input input{background:var(--cosmic-black);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-sm)}.filter-actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.filter-actions .btn{flex:1}.collection__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.5rem)}@media(min-width:640px){.collection__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.collection__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.collection__grid{grid-template-columns:repeat(4,1fr)}}.collection__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-5);padding:clamp(2rem,4vw,3rem) 0 var(--space-4);margin-top:var(--space-6);border-top:1px solid var(--border-subtle)}.collection__page-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-primary);text-decoration:none;font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.2em;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease-out)}.collection__page-link[rel=prev] svg{transform:rotate(180deg)}.collection__page-link:hover{border-color:var(--border-bright)}.collection__page-info{color:var(--text-secondary);font-weight:700;letter-spacing:.15em;font-size:var(--fs-sm)}.collection__empty{text-align:center;padding:clamp(3rem,8vw,5rem) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.collection__empty-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;color:var(--text-primary);margin:0}.collection__empty-msg{color:var(--text-secondary);margin:0;max-width:480px}body.filters-open{overflow:hidden}@media(min-width:1024px){body.filters-open{overflow:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-collection.css.map */