.pdp-rel{margin:0}.pdp-rel__lead{margin:0 0 14px;color:var(--c-text-muted,#64748b);font-size:14.5px;line-height:1.5}.pdp-rel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;align-items:start}.pdp-rel__item{display:flex;flex-direction:column;gap:8px;min-width:0}.pdp-rel__item .prodcard{width:100%}.pdp-rel__tags{display:flex;flex-wrap:wrap;gap:5px;min-height:20px}.pdp-rel__tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--c-cream,#faf6ee);border:1px solid var(--c-border,#e2e8f0);color:var(--c-navy,#1e3a5f);font-family:var(--font-ui, roboto, sans-serif);font-size:11.5px;font-weight:600;letter-spacing:.01em;line-height:1.5;white-space:nowrap}.pdp-rel__tag--inc{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.pdp-rel__note{margin:0;color:var(--c-text,#334155);font-size:13px;line-height:1.45}.pdp-rel__why{margin:0;color:var(--c-text-muted,#64748b);font-size:12px;line-height:1.4}.pdp-rel__add,.pdp-rel__cta{display:block;width:100%;padding:8px 12px;border-radius:999px;font-family:var(--font-ui, roboto, sans-serif);font-size:13.5px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.pdp-rel__add{border:1px solid var(--c-orange,#e8530e);background:var(--c-orange,#e8530e);color:#fff}.pdp-rel__add:hover:not(:disabled){background:#cf460b;border-color:#cf460b}.pdp-rel__add:disabled{opacity:.65;cursor:default}.pdp-rel__add.is-added{background:#15803d;border-color:#15803d}.pdp-rel__cta{border:1px solid var(--c-border,#e2e8f0);background:#fff;color:var(--c-navy,#1e3a5f)}.pdp-rel__cta:hover{border-color:var(--c-orange,#e8530e);color:var(--c-orange,#e8530e)}.pdp-rel__add:focus-visible,.pdp-rel__cta:focus-visible{outline:2px solid var(--c-orange,#e8530e);outline-offset:2px}.pdp-rel__msg{margin:0;font-size:12.5px;line-height:1.4;color:#b91c1c}.pdp__rel-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--c-border,#e2e8f0)}@media (max-width:900px){.pdp-rel__grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}@media (max-width:620px){.pdp-rel__grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.pdp__rel-section{margin-top:32px;padding-top:24px}}@media (prefers-reduced-motion:reduce){.pdp-rel__add,.pdp-rel__cta{transition:none}}
