.rc-nav__panel-inner--brands{display:flex;flex-direction:column;gap:1.6rem;padding-block:2.8rem 3.2rem}.rc-nav__brands{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4rem}.rc-nav__brand{display:flex;flex-direction:column;height:auto;padding:.8rem;place-items:stretch;text-align:left;border-radius:var(--b-radius, var(--rc-radius-lg));background:#fff;border:1px solid var(--rc-line);box-shadow:0 1px 2px #16181c0d}.rc-nav__brand:hover{transform:translateY(-3px);box-shadow:var(--rc-shadow)}.rc-nav__brand-media{display:block;position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:calc(var(--b-radius, 14px) - 4px);background:var(--b-surface, #ECECE8)}.rc-nav__brand .rc-nav__brand-media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transition:transform .5s ease}.rc-brand--veganosol .rc-brandlogo,.rc-brand--veganosol .rc-brands__logo{height:4.6rem}.rc-nav__brand:hover .rc-nav__brand-media img{transform:scale(1.06)}.rc-nav__brand-name{display:flex;align-items:center;min-height:5.2rem;padding:.8rem .8rem .4rem}.rc-nav__brand-name img,.rc-nav__brand .rc-brandlogo{display:block;width:auto;max-width:100%;height:3rem;object-fit:contain;object-position:left center}.rc-nav__brand .rc-nav__wordmark{font-size:1.7rem}.rc-nav__all{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem 2rem;border-radius:var(--rc-radius-lg);background:#fff;border:1px solid var(--rc-line);color:rgb(var(--color-foreground));text-decoration:none;font-family:var(--font-heading-family);font-weight:600;font-size:1.4rem;transition:border-color .2s,box-shadow .2s}.rc-nav__all .rc-icon{width:1.6rem;height:1.6rem;color:var(--rc-orange);transition:transform .2s}.rc-nav__all:hover{border-color:var(--rc-orange);box-shadow:var(--rc-shadow)}.rc-nav__all:hover .rc-icon{transform:translate(4px)}.rc-brands__grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}@media(min-width:750px){.rc-brands__grid{grid-template-columns:repeat(3,1fr);gap:1.6rem}}@media(min-width:1200px){.rc-brands__grid{grid-template-columns:repeat(6,1fr)}}.rc-brands__item{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;min-height:0;padding:.8rem;text-align:left;border-radius:var(--b-radius, var(--rc-radius-lg));background:#fff;border:1px solid var(--rc-line)}.rc-brands__item--plain{justify-content:center;align-items:center;text-align:center;min-height:12rem;padding:2rem}.rc-brands__media{display:block;position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:calc(var(--b-radius, 14px) - 4px);background:var(--b-surface, #ECECE8)}.rc-brands__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.rc-brands__item:hover .rc-brands__media img{transform:scale(1.06)}.rc-brands__body{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.4rem .8rem .8rem}.rc-brands__item--plain .rc-brands__body{align-items:center;padding:0}.rc-brands__logo{display:block;width:auto;max-width:100%;height:3.4rem;object-fit:contain;object-position:left center}.rc-brands__note{font-size:1.15rem;line-height:1.35;letter-spacing:.05em;text-transform:uppercase;opacity:.6}.rc-brandhero--photo{padding-block:clamp(5rem,8vw,11rem)}.rc-brandhero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:60% 50%}.rc-brandhero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,var(--b-hero, #22252A) 0%,color-mix(in srgb,var(--b-hero, #22252A) 88%,transparent) 30%,color-mix(in srgb,var(--b-hero, #22252A) 25%,transparent) 62%,transparent 100%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 40%)}.rc-brandhero--photo:before{display:none}.rc-brandhero__logoimg{display:block;width:auto;max-width:100%;max-height:8rem;object-fit:contain}@media(max-width:749px){.rc-nav__brands{display:none}.rc-brandhero__shade{background:linear-gradient(180deg,color-mix(in srgb,var(--b-hero, #22252A) 92%,transparent),color-mix(in srgb,var(--b-hero, #22252A) 70%,transparent))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/rc-brands.css.map */