.ccg{--ccg-border: #e3e3e3;--ccg-text: #171717;--ccg-muted: #777777;--ccg-accent: #002692;--ccg-badge: #000000;position:relative}.ccg-topbar{width:min(var(--page-content-width, 100%),calc(100% - (var(--page-margin, 16px) * 2)));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:12px 24px;background:#fff;border-bottom:1px solid #e3e3e3;box-sizing:border-box}.ccg-topbar__left{display:flex;align-items:center;gap:8px}.ccg-topbar__center{flex:1;text-align:center;font-size:13px;color:#777}.ccg-topbar__right{display:flex;align-items:center}.ccg-filters-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 4px;background:transparent;border:none;cursor:pointer;color:#171717;font-size:13px;font-weight:500}.ccg-filters-btn svg{width:16px;height:16px}.ccg-filters-count{font-size:10px;background-color:#000;padding:4px 6px 3px;border-radius:100px;color:#fff}.ccg-sort{height:38px;padding:0 12px;background:#fff;border:1px solid #e3e3e3;border-radius:2px;color:#171717;font-size:12px;cursor:pointer}.ccg-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#00000061;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.ccg-drawer-overlay:not([hidden]){opacity:1;visibility:visible}.ccg-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:90vw;z-index:999;display:flex;flex-direction:column;background:#fff;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 30px #0000001a}.ccg-drawer.is-open{transform:translate(0)}.ccg-drawer__header{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff;border-bottom:1px solid #dedede;flex-shrink:0}.ccg-drawer__header h3{margin:0;display:flex;align-items:center;gap:7px;color:#171717;font-size:15px;font-weight:700;line-height:1}.ccg-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#e3e7f3;color:#002692;min-width:20px;height:20px;padding:2px 5px;border-radius:100px;font-size:11px;font-weight:700;line-height:1;box-sizing:border-box}.ccg-badge[hidden]{display:none}.ccg-drawer__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:#171717;cursor:pointer}.ccg-drawer__close svg{width:17px;height:17px}.ccg-chips{display:flex;flex-wrap:wrap;gap:7px;padding:12px 22px 4px;flex-shrink:0}.ccg-chips:empty{display:none}.ccg-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:6px 9px;background:#fff;border:1px solid #d0d0d0;border-radius:2px;color:#171717;font-size:11px;line-height:1.2;white-space:nowrap;box-sizing:border-box}.ccg-chip button{width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:#777;cursor:pointer}.ccg-chip button svg{width:9px;height:9px}.ccg-drawer__body{flex:1;overflow-y:auto;padding:0 22px 20px;scrollbar-width:thin;scrollbar-color:#cccccc transparent}.ccg-drawer__body::-webkit-scrollbar{width:4px}.ccg-drawer__body::-webkit-scrollbar-track{background:transparent}.ccg-drawer__body::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.ccg-group{padding:15px 0;border-bottom:1px solid #dedede}.ccg-group:last-child{border-bottom:none}.ccg-group__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;background:transparent;border:none;color:#171717;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.ccg-chevron{width:11px;height:11px;color:#666;transition:transform .2s ease}.ccg-group__toggle[aria-expanded=false] .ccg-chevron{transform:rotate(-90deg)}.ccg-group__toggle[aria-expanded=false]+.ccg-group__body{display:none}.ccg-group__body{margin-top:12px;display:flex;flex-direction:column;gap:11px}.ccg-check{position:relative;display:flex;align-items:center;gap:7px;min-height:18px;color:#444;font-size:11.5px;line-height:1.3;cursor:pointer}.ccg-check input{position:absolute;left:0;top:0;width:14px;height:14px;margin:0;opacity:0;cursor:pointer}.ccg-check__box{position:relative;width:14px;height:14px;flex:0 0 14px;background:#fff;border:1px solid #bcbcbc;border-radius:2px;box-sizing:border-box}.ccg-check input:checked+.ccg-check__box{background:#002692;border-color:#002692}.ccg-check input:checked+.ccg-check__box:after{content:"";position:absolute;left:4px;top:1px;width:3px;height:8px;border:solid #ffffff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.ccg-check__label{flex:1;color:#444}.ccg-check__count{margin-left:auto;color:#888;font-size:10.5px}.ccg-check--empty{opacity:.4}.ccg-price-inputs{display:flex;align-items:center;gap:7px;margin-bottom:3px}.ccg-price-field{min-width:0;flex:1;height:42px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#fff;border:1px solid #d8d8d8;border-radius:2px;color:#171717;font-size:12px;box-sizing:border-box}.ccg-price-field input{width:100%;min-width:0;padding:0;background:transparent;border:none;outline:none;color:#171717;font-size:12px}.ccg-price-field input::placeholder{color:#777;opacity:1}.ccg-price-field input::-webkit-outer-spin-button,.ccg-price-field input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.ccg-price-field input[type=number]{-moz-appearance:textfield}.ccg-price-sep{color:#777;font-size:12px}.ccg-drawer__footer{display:flex;gap:10px;padding:13px 22px;background:#fff;border-top:1px solid #dedede;flex-shrink:0}.ccg-btn{flex:1;height:38px;padding:0 10px;border-radius:2px;font-size:11.5px;font-weight:700;line-height:1;text-align:center;cursor:pointer;box-sizing:border-box;transition:background .15s ease,color .15s ease,border-color .15s ease}.ccg-btn--outline{background:#fff;border:1px solid #002692;color:#002692}.ccg-btn--outline:hover{background:#002692;border-color:#002692;color:#fff}.ccg-btn--solid{background:#002692;border:1px solid #002692;color:#fff}.ccg-btn--solid:hover{background:#001f73;border-color:#001f73;color:#fff}.ccg.is-loading{pointer-events:none}.ccg.is-loading .ccg-btn--solid{opacity:.65;cursor:wait}@media(min-width:750px){.ccg-drawer{width:280px}}@media(max-width:749px){.ccg-topbar{width:calc(100% - (var(--page-margin, 16px) * 2));min-height:54px;padding:10px 16px}.ccg-topbar__center{display:none}.ccg-drawer{width:100vw;max-width:100vw}.ccg-drawer__header{padding:0 18px}.ccg-chips,.ccg-drawer__body,.ccg-drawer__footer{padding-left:18px;padding-right:18px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-collection-grid.css.map */