.x-pd-rel__title{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:.01em;color:var(--ink);margin:12px 0 clamp(24px,3vw,36px)}.x-pd-rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 9px}.x-pd-rel__card{display:flex;flex-direction:column}.x-pd-rel__link{display:block;color:inherit;text-decoration:none}.x-pd-rel__link:focus-visible{outline:2px solid var(--green);outline-offset:3px}.x-pd-rel__shot{display:block;overflow:hidden;border:1px solid var(--rule);background:var(--paper-3)}.x-pd-rel__shot img,.x-pd-rel__shot svg{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.x-pd-rel__card:hover .x-pd-rel__shot img{transform:scale(1.05)}.x-pd-rel__foot{display:block;margin-top:11px}.x-pd-rel__name{font-family:var(--serif);font-size:16px;line-height:1.25;color:var(--ink);min-width:0}.x-pd-rel__card:hover .x-pd-rel__name{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--rule);text-underline-offset:4px}.x-pd-rel__price{display:block;margin-top:3px;font-family:var(--serif);font-size:16px;line-height:1.25;color:var(--ink-2);white-space:nowrap}.x-pd-rel__price s{color:var(--ink-3);margin-right:6px}.x-pd-rel__add{margin-top:10px;width:100%;min-height:44px;background:transparent;border:1px solid var(--ink);color:var(--ink);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.03em;padding:12px 14px;cursor:pointer;transition:background .25s ease,color .25s ease}.x-pd-rel__add:hover{background:var(--ink);color:var(--paper)}.x-pd-rel__add:focus-visible{outline:2px solid var(--green);outline-offset:2px}.x-pd-rel__add[disabled]{opacity:.45;cursor:not-allowed}.x-pd-rel__add[disabled]:hover{background:transparent;color:var(--ink)}@media(min-width:381px){.x-pd-rel{gap:clamp(14px,1.8vw,26px) clamp(10px,1.5vw,22px)}}@media(min-width:620px){.x-pd-rel{grid-template-columns:repeat(var(--x-pd-rel-cols, 4),minmax(0,1fr))}}@media(min-width:621px){.x-pd-rel__name,.x-pd-rel__price{font-size:clamp(16px,1.5vw,19px)}}@media(min-width:901px){.x-pd-rel,.x-pd-rel__head{max-width:var(--x-pd-measure, 1360px);margin-inline:auto}}@media(prefers-reduced-motion:reduce){.x-pd-rel__shot img{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/x-pd-related.css.map */