/* Preserve the white/orange editorial brand. A single recommendation serves both layouts. */
.uootapet-brand-page .guide-article-layout.guide-article-layout--product {
  grid-template-columns: minmax(0, 1fr) 288px;
  gap: 36px 48px;
}
.guide-article-layout--product > .guide-article-sidebar {
  grid-column: 1 / -1;
  position: static;
  min-width: 0;
}
.guide-article-layout--product .guide-article-sidebar nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.guide-article-layout--product .guide-article-sidebar nav a {
  padding: 8px 14px;
  min-height: 44px;
  white-space: nowrap;
}
.guide-article-layout--product .guide-article-sidebar .nav-menu-chevron { display: none; }
.uootapet-brand-page .guide-article-layout--product > .guide-related-product {
  position: sticky;
  top: 112px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-self: start;
  gap: 20px;
  margin: 0;
  padding: 20px;
  border: 1px solid var(--neutral-300);
  border-top: 3px solid var(--brand-orange);
  background: var(--neutral-0);
}
.uootapet-brand-page .guide-article-layout--product .guide-related-product-media { aspect-ratio: 4 / 3; }
.uootapet-brand-page .guide-article-layout--product .guide-related-product-copy h2 { font-size: 24px; }
.guide-article-layout--product .guide-related-product-copy > p:not(.eyebrow) { margin-top: 12px; font-size: 15px; line-height: 1.75; }
.guide-article-layout--product .guide-related-product-copy .eyebrow { color: var(--neutral-700); letter-spacing: normal; }
.uootapet-brand-page .guide-article-layout--product .guide-related-product-copy .button {
  margin-top: 20px;
  width: 100%;
  white-space: nowrap;
  background: var(--brand-orange);
  color: #252525;
}
.guide-article-layout--product .guide-related-product-copy .button:focus-visible { outline: 2px solid #252525; outline-offset: 4px; }
.guide-article-layout--product .guide-related-product-copy .button:active { transform: scale(.98); }
@media (min-width: 1024px) and (max-height: 650px) {
  .uootapet-brand-page .guide-article-layout--product > .guide-related-product { position: static; }
}
@media (max-width: 1023px) {
  .uootapet-brand-page .guide-article-layout.guide-article-layout--product { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .uootapet-brand-page .guide-article-layout--product > .guide-related-product { position: static; max-width: 640px; width: 100%; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .uootapet-brand-page .guide-article-layout--product > .guide-related-product { grid-template-columns: minmax(0, 1fr); padding: 20px; }
}