﻿.related-card.related-products {
  display: grid;
  grid-template-columns: 48% 52%;
  min-height: 480px;
  background: linear-gradient(115deg, #f4f4f5 0%, #e6e7ea 100%);
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.related-card.related-products > div { padding: 0; min-width: 0; }
.related-products .related-products__visual {
  position: relative;
  min-height: 480px;
  background: radial-gradient(ellipse at 45% 40%, #ffffff80, transparent 70%);
  isolation: isolate;
}
.related-products__visual::after {
  content: '';
  position: absolute;
  left: 14%; right: 12%; bottom: 10%; height: 10%;
  background: radial-gradient(ellipse, #3439421c, transparent 68%);
  filter: blur(12px);
  z-index: -1;
}
.related-products__single { position: absolute; inset: 12%; width: 76%; height: 76%; filter: drop-shadow(4px 12px 12px #252c391c); }
.related-card.related-products--paper { background: linear-gradient(110deg, #fff 0%, #fff 48%, #f1f1f3 100%); }
.related-products--paper .related-products__visual { background: #fff; }
.related-products--paper .related-products__single { filter: none; }
.related-products--paper .related-products__visual::after { display: none; }
.related-card.related-products .related-products__product {
  position: absolute;
  width: 19%; height: auto; max-width: none; aspect-ratio: 1030 / 2640;
  background: none;
  filter: drop-shadow(6px 15px 12px #252c3926);
  transform-origin: center;
}
.related-products__product--1 { left: 10%; top: 14%; transform: rotate(-20deg); z-index: 1; }
.related-products__product--2 { left: 29%; top: 24%; transform: rotate(-8deg); z-index: 2; }
.related-products__product--3 { left: 49%; top: 12%; transform: rotate(10deg); z-index: 4; }
.related-products__product--4 { left: 68%; top: 26%; transform: rotate(23deg); z-index: 3; }
.related-card.related-products .related-products__info {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  padding: 64px clamp(28px, 4vw, 64px) 64px 36px;
  color: #1d1d1f;
}
.related-card.related-products .related-products__category { margin: 0 0 22px !important; font-size: 15px !important; color: #65666c; line-height: 1.5; }
.related-products .related-products__title { margin: 0; max-width: 490px; font-size: clamp(27px, 2.4vw, 36px); line-height: 1.28; letter-spacing: -.035em; font-weight: 650; }
.related-products__title span { display: block; }
.related-products__title span + span { margin-top: 10px; white-space: pre-line; }
.related-card.related-products .related-products__subtitle { margin: 24px 0 0 !important; font-size: 18px !important; line-height: 1.6; color: #65666c; }
.related-products .related-products__cta { display: inline-block; margin-top: 36px; padding: 9px 0; font-size: 17px; line-height: 1.5; color: #1d1d1f; text-decoration: none; border-bottom: 1px solid #1d1d1f66; }
.related-products__cta:hover { border-bottom-color: currentColor; }
.related-products__cta:focus-visible { outline: 2px solid #1d1d1f; outline-offset: 6px; }
.related-products--scene .related-products__visual { background: #b9c3d2; }
.related-products--scene .related-products__single { inset: 0; width: 100%; height: 100%; filter: none; }
.related-products--scene .related-products__visual::after { display: none; }
@media (max-width: 767px) {
  .related-card.related-products { grid-template-columns: 1fr; }
  .related-products .related-products__visual { min-height: 0; aspect-ratio: 1.15; }
  .related-card.related-products .related-products__info { padding: 18px 28px 40px; }
  .related-products .related-products__category { font-size: 14px; margin-bottom: 16px; }
  .related-products .related-products__title { font-size: 27px; }
  .related-products .related-products__subtitle { font-size: 16px; margin-top: 20px; }
  .related-products .related-products__cta { margin-top: 24px; }
}
