.topc-collection-shell{margin-top:30px;position:relative}.topc-collection-toolbar{position:sticky;top:76px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:15px 0;background:#f7f8fa;border-bottom:1px solid #e6e9ee}.topc-collection-toolbar-left{display:flex;align-items:center;gap:18px}.topc-collection-toolbar-left p{margin:0;color:#667085}.topc-filter-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#101828;font:inherit;font-weight:750;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease}.topc-filter-toggle:hover{border-color:#98a2b3;background:#f2f4f7}.topc-filter-toggle:active{transform:scale(.98)}.topc-filter-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.topc-filter-toggle b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#101828;color:#fff;font-size:11px}.topc-filter-toggle b[hidden]{display:none}.topc-filter-toggle i{display:none;width:15px;height:15px;border:2px solid #d0d5dd;border-top-color:#101828;border-radius:50%;animation:topc-filter-spin .7s linear infinite}.topc-collection-shell.is-loading .topc-filter-toggle i{display:block}.topc-collection-sort{display:flex;align-items:center;gap:9px}.topc-collection-sort label{font-weight:700}.topc-collection-sort select{min-height:44px;padding:8px 34px 8px 12px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#101828;font:inherit}.topc-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}.topc-active-filters[hidden]{display:none}.topc-active-filters a{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;font-size:13px;transition:border-color .16s ease,background .16s ease}.topc-active-filters a:hover{border-color:#98a2b3;background:#f2f4f7}.topc-active-filters a span{font-size:17px;line-height:1}.topc-active-filters .topc-clear-filters{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px}.topc-collection-content{display:flex;align-items:flex-start;gap:28px}.topc-filter-sidebar{flex:0 0 0;width:0;max-height:0;overflow:hidden;visibility:hidden;opacity:0;transform:translateX(-14px);transition:flex-basis .24s ease,width .24s ease,opacity .18s ease,transform .24s ease;pointer-events:none}.topc-collection-shell.is-filter-open .topc-filter-sidebar{flex-basis:270px;width:270px;max-height:none;overflow:visible;visibility:visible;opacity:1;transform:none;pointer-events:auto}.topc-filter-form{width:270px}.topc-filter-group{border-bottom:1px solid #e6e9ee}.topc-filter-group:last-child{border-bottom:0}.topc-filter-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;list-style:none;font-size:15px;font-weight:800;cursor:pointer}.topc-filter-group summary::-webkit-details-marker{display:none}.topc-filter-group summary i{position:relative;width:15px;height:15px;flex:0 0 15px}.topc-filter-group summary i:before,.topc-filter-group summary i:after{content:"";position:absolute;left:1px;top:7px;width:13px;height:1.5px;border-radius:2px;background:#344054;transition:transform .2s ease}.topc-filter-group summary i:after{transform:rotate(90deg)}.topc-filter-group[open] summary i:after{transform:rotate(0)}.topc-filter-group-body{padding:0 0 20px;animation:topc-filter-reveal .2s ease}.topc-filter-group-body>p{margin:-4px 0 17px;color:#667085;font-size:12px}.topc-filter-group-body ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}.topc-filter-group-body li{display:flex;align-items:center;gap:9px}.topc-filter-checkbox{width:18px;height:18px;margin:0;accent-color:#101828;cursor:pointer}.topc-filter-checkbox:disabled{cursor:not-allowed}.topc-filter-checkbox+label{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;color:#475467;cursor:pointer}.topc-filter-checkbox:disabled+label{opacity:.42;cursor:not-allowed}.topc-filter-checkbox+label small{color:#98a2b3}.topc-price-range{position:relative;height:18px;margin:0 1px 14px;background:linear-gradient(to right,#d0d5dd var(--topc-range-min),#101828 var(--topc-range-min),#101828 var(--topc-range-max),#d0d5dd var(--topc-range-max));background-position:center;background-repeat:no-repeat;background-size:100% 4px}.topc-price-range input{position:absolute;inset:0;width:100%;height:18px;margin:0;background:transparent;appearance:none;pointer-events:none}.topc-price-range input::-webkit-slider-runnable-track{height:4px;background:transparent}.topc-price-range input::-webkit-slider-thumb{width:17px;height:17px;margin-top:-7px;border:1.5px solid #101828;border-radius:50%;background:#fff;appearance:none;pointer-events:auto;cursor:pointer}.topc-price-range input::-moz-range-track{height:4px;background:transparent}.topc-price-range input::-moz-range-thumb{width:15px;height:15px;border:1.5px solid #101828;border-radius:50%;background:#fff;pointer-events:auto;cursor:pointer}.topc-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topc-price-inputs label{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;min-width:0}.topc-price-inputs label>span{grid-column:1/-1;margin-bottom:5px;color:#667085;font-size:11px}.topc-price-inputs label>b{position:absolute;left:10px;bottom:9px;color:#667085;font-weight:500}.topc-price-inputs input{width:100%;min-width:0;height:40px;padding:7px 8px 7px 24px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;font:inherit}.topc-collection-results{min-width:0;flex:1;transition:opacity .18s ease}.topc-collection-shell.is-loading .topc-collection-results{opacity:.38;pointer-events:none}.topc-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.topc-collection-grid .product-card{min-width:0;will-change:transform,opacity}.topc-collection-grid .shop-card-image img{transition:transform .28s ease}.topc-collection-grid .shop-card-image:hover img{transform:scale(1.025)}.topc-collection-grid.is-entering .product-card{animation:topc-card-enter .32s both;animation-delay:calc(var(--topc-card-index,0) * 50ms)}.topc-collection-empty{padding:50px 24px;border:1px dashed #d0d5dd;border-radius:14px;background:#fff;text-align:center}.topc-collection-empty strong{font-size:20px}.topc-collection-empty p{margin:7px 0 0;color:#667085}.topc-filter-overlay,.topc-filter-drawer{display:none}
@keyframes topc-filter-spin{to{transform:rotate(360deg)}}@keyframes topc-filter-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes topc-card-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1099px){.topc-collection-toolbar{top:76px}.topc-filter-sidebar{display:none}.topc-collection-content{display:block}.topc-filter-overlay{display:block;position:fixed;inset:0;z-index:30;background:rgba(16,24,40,.42);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}.topc-filter-drawer{display:flex;position:fixed;inset:0 auto 0 0;z-index:31;width:min(88vw,380px);flex-direction:column;background:#fff;box-shadow:20px 0 50px rgba(16,24,40,.22);transform:translateX(-102%);visibility:hidden;transition:transform .25s ease,visibility .25s ease}.topc-collection-shell.is-drawer-open .topc-filter-overlay{opacity:1;visibility:visible}.topc-collection-shell.is-drawer-open .topc-filter-drawer{transform:none;visibility:visible}.topc-filter-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e6e9ee}.topc-filter-drawer>header h2{margin:0;font-size:20px}.topc-filter-drawer>header button{width:40px;height:40px;border:0;border-radius:50%;background:#f2f4f7;color:#101828;font-size:28px;line-height:1;cursor:pointer}.topc-filter-drawer>div{flex:1;overflow:auto;padding:0 20px}.topc-filter-drawer .topc-filter-form{width:100%}.topc-page .topc-filter-drawer>footer{display:block;margin:0;padding:14px 20px;background:#fff;border-top:1px solid #e6e9ee}.topc-page .topc-filter-drawer>footer .btn{width:100%;margin:0;text-align:center}.topc-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topc-collection-toolbar{position:relative;top:auto;align-items:stretch;flex-direction:column}.topc-collection-toolbar-left{justify-content:space-between}.topc-collection-sort{justify-content:space-between}.topc-collection-sort select{flex:1;max-width:250px}.topc-active-filters{margin-top:-4px}.topc-collection-grid{gap:12px}.topc-collection-grid .card .pad{padding:14px}.topc-collection-grid .card h3{font-size:17px}.topc-collection-grid .price{font-size:16px}.topc-collection-grid .btn{padding:10px 12px;font-size:13px}}
@media(max-width:480px){.topc-collection-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.topc-filter-toggle,.topc-filter-sidebar,.topc-filter-overlay,.topc-filter-drawer,.topc-collection-results,.topc-filter-group summary i:after,.topc-collection-grid .shop-card-image img{transition:none!important}.topc-filter-group-body,.topc-collection-grid.is-entering .product-card{animation:none!important}}