.grid-item-collection{display:flex;position:relative}.grid-item-collection__image-wrapper{background:var(--color-gray-light-80);flex:0 0 112.5px}@media(max-width: 599px){.grid-item-collection__image-wrapper{flex:0 0 75px}}.grid-item-collection__content{display:flex;flex:1;flex-direction:column;justify-content:center;padding-left:20px;padding-right:10px}@media(max-width: 599px){.grid-item-collection__content{padding-left:10px}}.grid-item-collection__title{margin-bottom:8px;max-width:calc(100% - 110px)}@media(max-width: 599px){.grid-item-collection__title{font-size:12px}}.grid-item-collection__price{margin-bottom:8px}@media(max-width: 599px){.grid-item-collection__price{font-size:12px}}.grid-item-collection__variants{display:flex;gap:20px}@media(max-width: 599px){.grid-item-collection__variants{gap:10px}}.grid-item-collection__unit{align-self:flex-start;background:var(--color-gray-light-60);cursor:pointer;font-size:14px;padding:5px;text-align:center;text-transform:uppercase;transition:all .3s var(--cubic)}@media(max-width: 599px){.grid-item-collection__unit{font-size:12px}}.grid-item-collection__unit--color{border:1px solid #000;border-radius:50%;flex:0 0 24px;outline:1px solid rgba(0,0,0,0);outline-offset:1px;padding:1px;transition:all .3s var(--cubic);width:24px;height:24px}.grid-item-collection__unit--color.grid-item-collection__unit--selected{outline:1px solid #000}.grid-item-collection__unit--no-variants{pointer-events:none}.grid-item-collection__unit--selected{background:var(--color-gray-light)}.grid-item-collection__atc{display:flex;align-items:center;cursor:pointer;font-size:12px}@media(max-width: 1599px){.grid-item-collection__atc{position:absolute;top:0;right:0}[dir="rtl"] .grid-item-collection__atc{right:auto;left:0}}.grid-item-collection__icon .collection__icon-added{display:none}.grid-item-collection__icon--added svg:not(.collection__icon-added){display:none}.grid-item-collection__icon--added .collection__icon-added{display:block}