.rn-cmpd{padding:48px 0;background:var(--rn-cmpd-bg, #f8f7f4);color:var(--rn-cmpd-text, #1a1413)}.rn-cmpd__container{max-width:1152px;margin:0 auto}.rn .rn-cmpd__title{margin:0 0 25px;padding:0 16px;color:var(--rn-cmpd-text, #1a1413);font-family:var(--rn-font-heading);font-size:31px;font-weight:600;line-height:38px;text-align:center}.rn .rn-cmpd__subheading{max-width:920px;margin:-12px auto 30px;padding:0 16px;font-family:var(--rn-font-body);font-size:16px;line-height:24px;text-align:center}.rn .rn-cmpd__title-accent{color:var(--rn-cmpd-accent, #6b1626)}.rn .rn-cmpd__list{display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:16px;margin:0;padding:0 16px;overflow-x:auto;scroll-padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.rn-cmpd__list::-webkit-scrollbar{display:none}.rn .rn-cmpd__card{display:flex;flex-direction:column;margin:0;overflow:hidden;border-radius:16px;background:var(--rn-cmpd-card, #fbf3ee);box-shadow:0 1px 3px color-mix(in srgb,#1a1413 10%,transparent);scroll-snap-align:start}.rn-cmpd__media{aspect-ratio:1;margin:12px 12px 0;overflow:hidden;border-radius:12px}.rn .rn-cmpd__image{display:block;width:100%;height:100%;object-fit:cover}.rn .rn-cmpd__image--placeholder{background:#f6ead8;fill:color-mix(in srgb,#1a1413 25%,transparent)}.rn-cmpd__content{display:flex;flex:1;flex-direction:column;padding:20px;text-align:center}.rn .rn-cmpd__name{margin:0 0 12px;color:var(--rn-cmpd-text, #1a1413);font-family:var(--rn-font-heading);font-size:20px;font-weight:500;line-height:1.2}.rn .rn-cmpd__text{color:color-mix(in srgb,var(--rn-cmpd-text, #1a1413) 75%,transparent);font-family:var(--rn-font-body);font-size:15px;font-weight:400;line-height:20px}.rn .rn-cmpd__text p{margin:0}.rn-cmpd__nav{display:flex;justify-content:center;gap:16px;margin-top:24px}.rn .rn-cmpd__arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid color-mix(in srgb,#1a1413 20%,transparent);border-radius:50%;background:transparent;color:color-mix(in srgb,#1a1413 45%,transparent);cursor:pointer;transition:border-color .2s,color .2s}.rn .rn-cmpd__arrow:hover{border-color:color-mix(in srgb,#1a1413 45%,transparent);color:#1a1413}@media screen and (min-width:768px){.rn-cmpd__container{padding:0 16px}.rn .rn-cmpd__list{grid-auto-flow:row;grid-template-columns:repeat(var(--rn-cmpd-cols, 4),minmax(0,270px));justify-content:center;gap:24px;padding:0;overflow:visible}.rn-cmpd__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/rn-compounds.css.map */