/* Tighten the hand-off between the PDP hero and product-information tabs. */
.rmp-product-hero--foran{padding-bottom:32px}
.rmp-product-page #nutrition.rmp-sec{padding-top:0;padding-bottom:32px}
.rmp-product-page #nutrition + .rmp-band.rmp-sec{padding-top:0}

/* Go Native product-image carousel with thumbnail gallery */
.rmp-product-carousel{position:relative;width:100%}
.rmp-product-carousel .rmp-carousel__track{grid-auto-columns:100%;overflow:hidden;padding-bottom:0;border:1px solid var(--rmp-line);border-radius:0}
.rmp-product-carousel .rmp-carousel__track .rmp-ph{width:100%;border-radius:0}
.rmp-product-carousel__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.rmp-product-carousel__thumb{appearance:none;position:relative;aspect-ratio:1/1;border:1px solid var(--rmp-line);padding:0;background:var(--rmp-soft);cursor:pointer;overflow:hidden}
.rmp-product-carousel__thumb[aria-current="true"]{border:3px solid var(--rmp-gonative)}
.rmp-product-carousel__thumb .rmp-ph{width:100%;height:100%;min-height:0;border-radius:0;padding:8px}
.rmp-product-carousel__thumb .rmp-ph__label{font-size:.58rem;letter-spacing:.06em}
.rmp-product-carousel .rmp-carousel__nav{position:absolute;z-index:3;left:-68px;right:-68px;top:38%;display:flex;justify-content:space-between;pointer-events:none}
.rmp-product-carousel .rmp-cbtn{width:46px;height:46px;border:1px solid var(--rmp-line);border-radius:0;background:#fff;color:#1f2022;box-shadow:0 3px 12px rgba(16,19,26,.2);pointer-events:auto}
/* The gallery arrows used to be Arial's own ‹ › glyphs, because these buttons
   were rendered empty. They now carry the same chevron as every other
   carousel on the site (rmp_carousel_arrow()), so the typographic stand-in is
   gone and `.rmp-cbtn svg` in pages.css does the sizing. */
.rmp-product-carousel .rmp-cbtn:hover{background:var(--rmp-gonative);border-color:var(--rmp-gonative);color:#fff;transform:scale(1.06)}
@media (max-width:640px){.rmp-product-carousel .rmp-carousel__nav{left:6px;right:6px;top:36%}.rmp-product-carousel .rmp-cbtn{width:40px;height:40px}}

/* Real product images, once uploaded, sit in the same box as the placeholders. */
.rmp-product-carousel .rmp-carousel__slide{width:100%;background:#fff}
.rmp-product-carousel .rmp-carousel__slide img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff}
.rmp-product-carousel__thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.rmp-product__media img{display:block;width:100%;min-height:280px;object-fit:contain;background:#fff}

/* Homepage family-story gallery */
.rmp-home-gallery{width:100%}
.rmp-home-gallery .rmp-carousel__track{grid-auto-columns:100%;overflow:hidden;padding-bottom:0;border-radius:var(--rmp-radius)}
.rmp-home-gallery .rmp-carousel__track img{display:block;width:100%;aspect-ratio:1920/1174;object-fit:cover;border-radius:var(--rmp-radius)}
.rmp-home-gallery__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.rmp-home-gallery--two .rmp-home-gallery__thumbs{grid-template-columns:repeat(2,1fr)}
.rmp-home-gallery__thumb{appearance:none;aspect-ratio:16/10;border:1px solid var(--rmp-line);border-radius:4px;padding:0;background:var(--rmp-soft);cursor:pointer;overflow:hidden}
.rmp-home-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.rmp-home-gallery__thumb[aria-current="true"]{border:3px solid var(--rmp-red)}
.rmp-home-gallery__thumb:focus-visible{outline:3px solid var(--rmp-ink);outline-offset:3px}
