.petrea-section--pierres{background-color:var(--petrea-color-white)}.petrea-pierres-section{display:flex;flex-direction:column;gap:var(--petrea-section-gap)}.petrea-pierres__header{display:flex;flex-direction:column;gap:var(--petrea-spacing-2xl);text-align:center}.petrea-pierres__heading{margin:0;color:var(--petrea-color-gray-900);text-wrap:balance}.petrea-pierres__subheading{margin:0;color:var(--petrea-color-gray-600);text-wrap:balance}.petrea-pierres{--petrea-pierres-gap: var(--petrea-spacing-4xl);--petrea-pierres-bleed: var(--petrea-section-padding-inline);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% + var(--petrea-pierres-bleed) - 2 * var(--petrea-pierres-gap)) / 2.5);column-gap:var(--petrea-pierres-gap);margin:0;margin-inline:calc(-1 * var(--petrea-pierres-bleed));padding:0;padding-inline:var(--petrea-pierres-bleed);padding-block:var(--petrea-spacing-xs);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline-start:var(--petrea-pierres-bleed);-webkit-overflow-scrolling:touch;scrollbar-width:none}.petrea-pierres::-webkit-scrollbar{display:none}.petrea-pierres__item{scroll-snap-align:start}.petrea-pierres__link{display:flex;flex-direction:column;align-items:center;gap:var(--petrea-spacing-xs);text-align:center;text-decoration:none;color:inherit}.petrea-pierres__disc{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;margin-block-end:var(--petrea-spacing-xl);border-radius:var(--petrea-radius-full);background-color:var(--petrea-color-gray-50);overflow:hidden}.petrea-pierres__image{width:70%;height:70%;object-fit:contain}.petrea-pierres__name{color:var(--petrea-color-gray-900)}.petrea-pierres__keyword{color:var(--petrea-color-gray-600)}a.petrea-pierres__link:hover .petrea-pierres__name{text-decoration:underline;text-underline-offset:3px}@media screen and (min-width:768px){.petrea-pierres{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:var(--petrea-spacing-7xl);margin-inline:0;padding-inline:0;padding-block:0;overflow-x:visible;scroll-snap-type:none}}@media screen and (min-width:990px){.petrea-pierres{grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--petrea-spacing-8xl)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/petrea-nos-pierres.css.map */