.ccg-section{padding:6px 0;font-family:inherit}.ccg-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;height:16px}@media screen and (min-width:768px){.ccg-toolbar{margin-bottom:58px;height:17px}}.ccg-item-count{font-size:14px;color:#888;white-space:nowrap}.ccg-toolbar-left{display:flex;align-items:center;gap:20px}.ccg-sort-container{position:relative}.ccg-sort-button{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;padding:0!important;cursor:pointer}.ccg-sort-button:after,.ccg-sort-button:before{display:none!important;content:none!important}.ccg-sort-text-wrap{display:flex;align-items:center;gap:6px;color:#8d8d8d}.ccg-sort-text{margin:0;font-weight:400;font-size:15px;line-height:15px;letter-spacing:-.03em;text-transform:capitalize}.ccg-sort-popover{position:absolute;top:100%;left:0;z-index:10;margin-top:8px}.ccg-controls{display:flex;gap:24px;align-items:center}@media(max-width:768px){.ccg-controls{gap:14px}}.ccg-control-btn{background:none;border:none;cursor:pointer;padding:0;color:#1c1c1c;display:flex;align-items:center;justify-content:center}.ccg-control-btn svg{width:14px;height:14px;pointer-events:none}.ccg-control-btn.is-active svg circle{fill:currentColor}.ccg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 8px;width:100%;margin:0!important;padding:0!important;box-sizing:border-box;transition:grid-template-columns .4s ease,gap .4s ease,opacity .3s ease,transform .3s ease}.ccg-grid.is-switching{opacity:0;transform:translateY(10px)}.ccg-grid>*{min-width:0;max-width:100%;transition:width .4s ease,height .4s ease,transform .4s ease}.ccg-banner-item{grid-column:span 2;width:100%;height:auto}.ccg-banner-img{width:100%;height:auto;display:block;object-fit:cover}@media screen and (min-width:768px){.ccg-banner-item{grid-row:span 2;height:100%}.ccg-banner-item>a,.ccg-banner-item>div{height:100%;display:block}.ccg-banner-img{height:100%}}@media screen and (min-width:768px){.ccg-grid{gap:52px 16px}.ccg-grid[data-desktop-cols="2"]{grid-template-columns:repeat(2,1fr)}.ccg-grid[data-desktop-cols="3"]{grid-template-columns:repeat(3,1fr)}.ccg-grid[data-desktop-cols="4"]{grid-template-columns:repeat(4,1fr)}}.ccg-layout-switcher{display:flex;align-items:center;gap:0;transition:gap .3s ease;overflow:hidden}.ccg-layout-switcher.is-expanded{gap:8px}.ccg-layout-switcher .layout-btn{display:none;opacity:.3;transition:opacity .3s ease}.ccg-layout-switcher.is-expanded .layout-btn,.ccg-layout-switcher .layout-btn.active{display:flex}.ccg-layout-switcher .layout-btn.active{opacity:1;border-radius:50%;width:14px;height:14px}.ccg-grid.layout-1col{grid-template-columns:1fr!important}.ccg-grid.layout-1col>*{grid-column:auto!important;grid-row:auto!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;margin:0!important}@media screen and (min-width:768px){.ccg-grid.layout-1col{grid-template-columns:repeat(2,1fr)!important}}.ccg-grid.layout-1col .ccg-banner-item{display:none!important}.ccg-grid.layout-1col .custom-design-card{width:100%!important;height:auto!important}.ccg-grid.layout-1col .custom-design-media{width:100%!important;height:auto!important;aspect-ratio:1 / 1}.ccg-grid.layout-image-only{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}@media screen and (min-width:768px){.ccg-grid.layout-image-only{grid-template-columns:repeat(8,1fr)!important;gap:16px!important}}.ccg-grid.layout-image-only .custom-design-info,.ccg-grid.layout-image-only .ccg-banner-item,.ccg-grid.layout-image-only .custom-design-badge{display:none!important}.ccg-grid.layout-image-only .custom-design-card{width:100%!important;height:auto!important}.ccg-grid.layout-image-only .custom-design-media{width:100%!important;height:auto!important;aspect-ratio:1 / 1}.ccg-grid.layout-image-only .ccg-product-item img{aspect-ratio:1 / 1;object-fit:cover;border-radius:2px}#ccg-sort-label{font-weight:400;font-size:13.2px;line-height:13.2px;letter-spacing:-3%;color:#8d8d8d}#ccg-toggle-secondary-image svg{width:16px;height:16px}@media screen and (min-width:768px){#ccg-toggle-secondary-image svg{width:17px;height:17px}}.ccg-sort-text-wrap{gap:10px!important}.ccg-sort-text-wrap svg{width:8px;height:8px}.ccg-sort-text-wrap svg path{stroke:#8d8d8d!important}@media screen and (min-width:768px){.ccg-sort-text-wrap{gap:10px!important}.ccg-sort-text-wrap svg{width:9px;height:9px}}
/*# sourceMappingURL=/cdn/shop/t/162/assets/custom-collection-grid-new.css.map */