.gcc-subcategories{width:100%;box-sizing:border-box}.gcc-subcategories__grid{width:100%}.gcc-subcategories__item{min-width:0;overflow:hidden;color:#172b3f;text-decoration:none;background:#f7f9fc;border:1px solid #dfe5e9;border-radius:2px;transition:border-color .18s ease,box-shadow .22s ease,transform .22s ease}.gcc-subcategories__image-wrap{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#f7f9fc}.gcc-subcategories__image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .26s cubic-bezier(.22,1,.36,1)}.gcc-subcategories__placeholder{display:block;width:100%;height:100%;padding:10px;opacity:.3}.gcc-subcategories__title{display:flex;align-items:center;justify-content:center;width:100%;margin:0;background:#fff;border-top:1px solid #e7eaed;color:#172b3f;font-weight:600;text-align:center;overflow:hidden}.gcc-subcategories--desktop{--gcc-subcategory-size: 130px;--gcc-subcategory-title-height: 30px;width:100%}.gcc-subcategories--desktop .gcc-subcategories__grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:12px}.gcc-subcategories--desktop .gcc-subcategories__item{flex:0 0 var(--gcc-subcategory-size);display:grid;grid-template-rows:calc(var(--gcc-subcategory-size) - var(--gcc-subcategory-title-height)) var(--gcc-subcategory-title-height);width:var(--gcc-subcategory-size);height:var(--gcc-subcategory-size)}.gcc-subcategories--desktop .gcc-subcategories__image{padding:7px}.gcc-subcategories--desktop .gcc-subcategories__title{height:var(--gcc-subcategory-title-height);padding:0 6px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcc-subcategories__item--promo .gcc-subcategories__image{padding:0;object-fit:cover}.gcc-subcategories__item--promo .gcc-subcategories__image-wrap{background:linear-gradient(135deg,#f5faf8,#eef5f8)}.gcc-subcategories__item--promo .gcc-subcategories__title{font-weight:700}.gcc-subcategories--mobile{--gcc-subcategory-size: 110px;--gcc-subcategory-title-height: 30px;width:100%;padding-top:16px;border-top:1px solid #e7eaed}.gcc-subcategories--mobile .gcc-subcategories__grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%}.gcc-subcategories--mobile .gcc-subcategories__item{flex:0 0 var(--gcc-subcategory-size);display:grid;grid-template-rows:calc(var(--gcc-subcategory-size) - var(--gcc-subcategory-title-height)) var(--gcc-subcategory-title-height);width:var(--gcc-subcategory-size);height:var(--gcc-subcategory-size);min-width:var(--gcc-subcategory-size);max-width:var(--gcc-subcategory-size)}.gcc-subcategories--mobile .gcc-subcategories__image-wrap{width:100%;height:100%}.gcc-subcategories--mobile .gcc-subcategories__image{display:block;width:100%;height:100%;padding:6px 8px;object-fit:contain}.gcc-subcategories--mobile .gcc-subcategories__item--promo .gcc-subcategories__image{padding:0;object-fit:cover}.gcc-subcategories--mobile .gcc-subcategories__title{display:flex;align-items:center;justify-content:center;width:100%;height:var(--gcc-subcategory-title-height);margin:0;padding:0 5px;font-size:12.5px;font-weight:600;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.gcc-subcategories__item:hover{border-color:#c7d0d6;box-shadow:0 5px 16px #172b3f14;transform:translateY(-1px)}.gcc-subcategories__item:hover .gcc-subcategories__image{transform:scale(1.035)}}@media(max-width:639px){.gcc-subcategories--mobile{--gcc-subcategory-size: 100px}.gcc-subcategories--mobile .gcc-subcategories__grid{display:grid;grid-template-columns:repeat(3,var(--gcc-subcategory-size));justify-content:start;gap:10px;overflow-x:auto}.gcc-subcategories--mobile .gcc-subcategories__item{width:var(--gcc-subcategory-size);min-width:var(--gcc-subcategory-size);max-width:var(--gcc-subcategory-size);height:var(--gcc-subcategory-size);grid-template-rows:calc(var(--gcc-subcategory-size) - var(--gcc-subcategory-title-height)) var(--gcc-subcategory-title-height)}.gcc-subcategories--mobile{--gcc-subcategory-title-height: 36px}.gcc-subcategories--mobile .gcc-subcategories__title{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.15;padding:2px 4px}}
/*# sourceMappingURL=/cdn/shop/t/247/assets/collection-subcategories.css.map */