.hp--category-grid{padding:100px 0;background:#fff}.hp--category-grid .hp--wrapper{width:100%;display:flex;flex-direction:column}.hp--category-grid .hp--wrapper .category-grid{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:6px;grid-row-gap:6px;grid-template-rows:269px;grid-auto-rows:333px}@media screen and (max-width:768px){.hp--category-grid .hp--wrapper .category-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(5,1fr);grid-row-gap:20px}}.hp--category-grid .hp--wrapper .category-grid .category--card{display:flex;column-gap:10px;text-decoration:none;position:relative;padding:20px;height:184px;overflow:hidden}@media screen and (min-width:768px){.hp--category-grid .hp--wrapper .category-grid .category--card:nth-child(1){background-color:#f0f2ec;grid-area:1 / 1 / 2 / 2;min-height:269px}.hp--category-grid .hp--wrapper .category-grid .category--card:nth-child(2){background-color:#f0f2ec;grid-area:1 / 2 / 2 / 3;min-height:269px}.hp--category-grid .hp--wrapper .category-grid .category--card:nth-child(3){background-color:#f0f2ec;grid-area:1 / 3 / 2 / 4;min-height:269px}.hp--category-grid .hp--wrapper .category-grid .category--card:nth-child(4){background-color:#f0f2ec;grid-area:2 / 1 / 3 / 2;min-height:333px}.hp--category-grid .hp--wrapper .category-grid .category--card:nth-child(5){background-color:#f0f2ec;grid-area:2 / 2 / 3 / 4;min-height:333px}}.hp--category-grid .hp--wrapper .category-grid .category--card .category--card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center right;z-index:0;transition:transform .4s ease-in-out}.hp--category-grid .hp--wrapper .category-grid .category--card:hover .category--card__image{transform:scale(1.2)}.hp--category-grid .hp--wrapper .category-grid .category--card .category--card__info{position:relative;z-index:1}.hp--category-grid .hp--wrapper .category-grid .category--card .category--card__info .category--card__title{font-family:var(--font-heading-family);font-style:normal;font-weight:600;font-size:20px;line-height:144.52%;text-transform:capitalize;margin:0;color:#222323}.hp--category-grid .hp--wrapper .category-grid .category--card .category--card__info button{font-style:normal;font-weight:600;font-size:12px;line-height:144.52%;text-transform:capitalize;color:#434343;background-color:transparent;border:none;padding:0;border-bottom:.5px solid #434343}
/*# sourceMappingURL=/cdn/shop/t/87/assets/hp--category-grid.css.map */