.product-categories{margin:2.4rem 0 5.6rem;display:grid;grid-template-columns:auto;grid-gap:.8rem;gap:.8rem}.product-categories__links-title{font-size:var(--font-size-heading-h3-mobile);color:var(--petroleum-500);margin:0 0 1.6rem}.product-categories__links-preamble{margin:-.8rem 0 1.6rem;max-width:68rem;font-size:var(--font-size-preamble-mobile)}.product-categories__link{width:100%;padding:1.6rem;border-radius:1rem;border:.1rem solid var(--neutral-greyscale-300);transition:background-color .35s ease}.product-categories__header{display:flex;align-items:center;gap:.8rem;margin:0 0 .8rem}.product-categories__title{color:var(--petroleum-500);font-size:var(--font-size-heading-rich-text-h3-mobile);line-height:1.3;margin:0}.product-categories__description{color:var(--neutral-greyscale-black);font-size:var(--font-size-body-small);margin:0;line-height:1.4}.product-categories__icon{flex-shrink:0;width:3.2rem;height:3.2rem;border-radius:50%;background-color:var(--petroleum-100);color:var(--petroleum-500);overflow:hidden;position:relative;transition:background-color .35s ease}.product-categories__icon i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;transition:left .35s ease,transform .35s ease,opacity .35s ease,color .35s ease}.product-categories__icon i:first-of-type{left:0%;transform:translate(-100%,-50%);opacity:0}@media(hover:hover){.product-categories__link:hover{background-color:var(--neutral-greyscale-50)}.product-categories__link:hover .product-categories__icon{background-color:var(--petroleum-500)}.product-categories__link:hover i:first-of-type{left:50%;transform:translate(-50%,-50%);opacity:1;color:var(--petroleum-100)}.product-categories__link:hover i:last-of-type{left:100%;transform:translateY(-50%);opacity:0}}@media only screen and (min-width:768px){.product-categories{grid-template-columns:1fr 1fr;margin:2.4rem 0 8rem;gap:1.6rem}}@media only screen and (min-width:992px){.product-categories{grid-template-columns:1fr 1fr 1fr;margin:2.4rem 0 8rem}.product-categories__links-title{font-size:var(--font-size-heading-h3-desktop)}.product-categories__title{font-size:var(--font-size-heading-rich-text-h3-desktop)}.product-categories__links{flex-direction:row}.product-categories__icon{width:4rem;height:4rem}.product-categories__icon i{font-size:1.8rem}.product-categories__hero.product-categories__hero--small{padding:48px 40px;margin-bottom:32px;min-height:15.8rem}.product-categories__contact-title{font-size:var(--font-size-heading-h5-subtitle)}}.shop-category__text{margin:4rem 0 2.4rem}.shop-category__text:empty{display:none}