.qp-related{width:100%;box-sizing:border-box;--qpr-navy:#0f1d2e;--qpr-border:#e2e8f0;--qpr-border-strong:#cfd9e4;--qpr-muted:#6b7785;--qpr-surface:#f7f9fb;--qpr-accent:#16b8c9;max-width:1280px;margin:0 auto;padding:48px 20px 8px}.qp-related__head{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}.qp-related__icon{flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--qpr-surface);border:1px solid var(--qpr-border);display:grid;place-items:center;color:var(--qpr-navy)}.qp-related__title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--qpr-navy)}.qp-related__sub{margin:5px 0 0;font-size:13.5px;line-height:1.5;color:var(--qpr-muted);max-width:62ch}.qp-related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (min-width:768px) and (max-width:1023px){.qp-related__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.qp-related__grid{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:-6px -20px 0;padding:6px 20px 2px;scroll-padding-left:20px;scrollbar-width:none}.qp-related__grid::-webkit-scrollbar{display:none}.qp-related__card{flex:0 0 auto;width:62%;min-width:148px;max-width:228px;scroll-snap-align:start}}.qp-related__card{position:relative;display:flex;flex-direction:column;border:1px solid var(--qpr-border);border-radius:12px;background:#fff;overflow:hidden;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.qp-related__card:hover,.qp-related__card:focus-visible{border-color:var(--qpr-border-strong);box-shadow:0 10px 26px rgba(15,29,46,.1);transform:translateY(-2px);text-decoration:none}.qp-related__card:focus-visible{outline:2px solid var(--qpr-accent);outline-offset:2px}.qp-related__art{position:relative;display:block;aspect-ratio:1/1;background:radial-gradient(118% 104% at 50% -6%,rgba(22,184,201,.22),#fff 64%)}.qp-related__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(15,29,46,.13)) drop-shadow(0 12px 11px rgba(15,29,46,.18));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.qp-related__card:hover .qp-related__art img{transform:scale(1.04)}.qp-related__body{flex:1 1 auto;min-height:84px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border-top:1px solid var(--qpr-border)}.qp-related__text{flex:1 1 auto;min-width:0}.qp-related__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--qpr-navy)}.qp-related__price{display:block;margin-top:5px;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--qpr-muted);font-variant-numeric:tabular-nums}.qp-related__go{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--qpr-border);display:grid;place-items:center;color:var(--qpr-navy);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.qp-related__card:hover .qp-related__go{background:var(--qpr-navy);border-color:var(--qpr-navy);color:#fff;transform:translateX(2px)}@media (prefers-reduced-motion:reduce){.qp-related__card,.qp-related__card:hover,.qp-related__art img,.qp-related__card:hover .qp-related__art img,.qp-related__card:hover .qp-related__go{transform:none;transition:none}}