:where(.rp) .compounds-section{background:#f9fafb;display:block;padding:48px 16px}@media only screen and (max-width:989px){:where(.rp) .compounds-section{padding-right:0}:where(.rp) .compounds-section .swiper{padding-left:16px}}:where(.rp) .compounds-section .swiper-slide{width:calc(85% - 13.6px)}:where(.rp) .compounds-container{margin:0 auto;max-width:1152px}:where(.rp) .compounds-title{font-family:Clash Grotesk,sans-serif;font-size:31px;font-weight:500;letter-spacing:0;line-height:38px;margin-bottom:25px;text-align:center}@media only screen and (min-width:990px){:where(.rp) .compounds-title{font-size:31px;line-height:38px}}@media only screen and (max-width:989px){:where(.rp) .compounds-title{padding-right:16px}}:where(.rp) .compounds-title-green{color:#009370}:where(.rp) .compounds-grid{display:grid;gap:24px;grid-template-columns:repeat(var(--col-count,4),minmax(0,270px));justify-content:center}:where(.rp) .compounds-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}:where(.rp) .compounds-card-image-wrapper{aspect-ratio:1;border-radius:12px;margin:12px 12px 0;overflow:hidden}:where(.rp) .compounds-card-image{height:100%;object-fit:cover;width:100%}:where(.rp) .compounds-card-content{display:flex;flex:1;flex-direction:column;padding:20px;text-align:center}:where(.rp) .compounds-card-name{color:#111827;font-family:Clash Grotesk,sans-serif;font-size:20px;font-weight:500;line-height:1;margin:0 0 12px}:where(.rp) .compounds-card-desc{color:#4b5563;font-size:15px;font-weight:400;letter-spacing:0;line-height:20px;margin:0 0 20px;text-align:center}:where(.rp) .compounds-card-desc p{margin:0 0 15px}:where(.rp) .compounds-nav{gap:16px;margin-top:24px}:where(.rp) .compounds-nav,:where(.rp) .compounds-nav-btn{display:flex;justify-content:center}:where(.rp) .compounds-nav-btn{align-items:center;background:transparent;border:1px solid #d1d5db;border-radius:50%;color:#9ca3af;cursor:pointer;height:40px;transition:all .3s cubic-bezier(.4,0,.15,1.01);width:40px}:where(.rp) .compounds-nav-btn:hover{border-color:#9ca3af;color:#4b5563}
/*# sourceMappingURL=/cdn/shop/t/27/assets/rp-compound-section.css.map */