.hoc-cg{position:relative}.hoc-cg__wrap{max-width:var(--hoc-wrap);margin:0 auto;padding:0 var(--hoc-gut);position:relative}.hoc-cg__spine{position:absolute;left:2px;top:22%;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;pointer-events:none}@media screen and (max-width:1400px){.hoc-cg__spine{display:none}}.hoc-cg__head{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;padding-bottom:30px;border-bottom:1px solid var(--hoc-line);margin-bottom:46px}.hoc-cg__mark{display:flex;align-items:flex-start;gap:26px}.hoc-cg__num{flex:none}.hoc-cg__ht{display:block;padding-top:6px}.hoc-cg__eb{margin-bottom:12px}.hoc-cg__intro{max-width:60ch}.hoc-cg__grid{display:grid;grid-template-columns:repeat(var(--hoc-cg-cols, 3),minmax(0,1fr));column-gap:16px;row-gap:calc(var(--hoc-gap-y) + 14px)}@media screen and (max-width:989px){.hoc-cg__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.hoc-cg__grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--hoc-gut);margin:0 calc(var(--hoc-gut) * -1);padding:0 var(--hoc-gut) 4px;scrollbar-width:none}.hoc-cg__grid::-webkit-scrollbar{display:none}.hoc-cg__item{flex:0 0 82%;min-width:0;scroll-snap-align:start}}.hoc-cg__all{display:flex;justify-content:center;margin-top:56px}@media screen and (max-width:749px){.hoc-cg__all{margin-top:36px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hoc-collection-grid.css.map */