.hara-catgrid{background:#fff;padding:calc(18 * var(--hara-u)) 0 calc(12 * var(--hara-u));border-bottom:1px solid var(--hara-gray-200)}.hara-catgrid__head{padding-bottom:calc(10 * var(--hara-u));border-bottom:1px solid var(--hara-gray-200)}.hara-catgrid__list{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:calc(16 * var(--hara-u));margin:calc(13 * var(--hara-u)) 0 0;padding:0;list-style:none}.hara-catgrid__link{display:block;text-decoration:none}.hara-catgrid__tile{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:calc(8 * var(--hara-u));border-bottom:1px solid var(--hara-gray-200);overflow:hidden}.hara-catgrid__img,.hara-catgrid__tile img{width:84%;height:84%;object-fit:contain;transition:transform .2s ease}.hara-catgrid__link:hover .hara-catgrid__img,.hara-catgrid__link:hover img{transform:scale(1.05)}.hara-catgrid__badge{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;min-width:calc(28 * var(--hara-u));height:calc(16 * var(--hara-u));padding:0 calc(5 * var(--hara-u));background:var(--hara-red);font-family:var(--hara-font-heading);font-weight:700;font-size:calc(8 * var(--hara-u));line-height:1;letter-spacing:.02em;text-transform:uppercase;color:#fff}.hara-catgrid__label{display:block;margin-top:calc(7 * var(--hara-u));font-size:calc(10 * var(--hara-u));line-height:calc(14 * var(--hara-u));text-align:center;color:var(--hara-gray-700);font-weight:700}.hara-catgrid__link--highlight .hara-catgrid__label{color:var(--hara-red)}.hara-catgrid__link:hover .hara-catgrid__label{color:var(--hara-green)}@media screen and (max-width:1200px){.hara-catgrid__list{grid-template-columns:repeat(6,minmax(0,1fr))}}@media screen and (max-width:900px){.hara-catgrid__list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (max-width:640px){.hara-catgrid__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}.hara-catgrid__banner{display:none}.hara-catgrid__item--highlight .hara-catgrid__tile{border-color:#fb2c36}@media screen and (max-width:749px){.hara-catgrid{padding:16px 0 20px}.hara-catgrid__head{padding-bottom:8px}.hara-catgrid__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 12px;margin-top:16px}.hara-catgrid__item--highlight{display:none}.hara-catgrid__badge{min-width:26px;height:15px;font-size:8px}.hara-catgrid__label{margin-top:7px;font-size:9px;line-height:12px}.hara-catgrid__banner{display:flex;align-items:center;justify-content:center;gap:16px;min-height:62px;margin-top:15px;padding:10px 16px;background:#fef2f2;border-top:1px solid #ffe2e2;border-bottom:1px solid #ffa2a2;text-decoration:none}.hara-catgrid__banner-media{flex:none;width:40px;height:40px}.hara-catgrid__banner-media img{width:100%;height:100%;object-fit:contain}.hara-catgrid__banner-text{display:flex;flex-direction:column;gap:4px;min-width:0}.hara-catgrid__banner-title{font-family:var(--hara-font-heading);font-weight:800;font-size:12px;line-height:15px;letter-spacing:.01em;text-transform:uppercase;color:var(--hara-red)}.hara-catgrid__banner-sub{font-size:9px;line-height:12px;color:#fb2c36}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-hara-category-grid.css.map */