.lwl-related{display:block;position:relative;background:var(--lwl-color-background);color:var(--lwl-color-text);padding:80px max(5%,calc((100% - 1440px)/2));border-top:1px solid var(--lwl-color-line)}
.lwl-related[hidden],.lwl-related [hidden]{display:none!important}
.lwl-related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.lwl-related h2{font:500 48px/1.1 Playfair,Georgia,serif;font-size:48px!important;font-weight:500!important;letter-spacing:-.025em;margin:0;text-wrap:balance}
.lwl-related-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.lwl-related-card{display:flex;flex-direction:column;min-width:0;margin:0}
.lwl-related-image{display:block;position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--lwl-color-surface);color:inherit;text-decoration:none;border-radius:4px}
.lwl-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.lwl-related-image:hover img{transform:scale(1.04)}
.lwl-related-image-empty{height:100%;display:grid;place-items:center;padding:24px;text-align:center;font:24px/32px Playfair,Georgia,serif}
.lwl-related-badge{position:absolute;left:12px;top:12px;padding:4px 8px;background:var(--lwl-color-background);color:var(--lwl-color-text);font:12px/16px Arial,sans-serif}
.lwl-related-card-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding-top:16px}
.lwl-related h3{font:500 18px/28px Arial,sans-serif;font-size:18px!important;font-weight:500!important;letter-spacing:0;margin:0 0 8px;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.lwl-related h3 a{color:inherit;text-decoration:none}.lwl-related h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.lwl-related-price{font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;gap:8px;font:16px/24px Arial,sans-serif;margin-bottom:16px;color:var(--lwl-color-muted)}
.lwl-related-price s{font-size:14px}
.lwl-related-form{margin:auto 0 0}
.template-product .lwl-related-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin-top:auto;padding:8px 12px;border:1px solid var(--lwl-color-line);border-radius:4px;background:color-mix(in srgb,var(--lwl-color-primary) 8%,var(--lwl-color-background));color:var(--lwl-color-text);text-decoration:none;text-align:left;font:600 16px/24px Arial,sans-serif;cursor:pointer;transition:background .35s cubic-bezier(.16,1,.3,1),color .35s cubic-bezier(.16,1,.3,1)}
.template-product .lwl-related-action:hover:not(:disabled){background:var(--lwl-color-text);color:var(--lwl-color-background)}
.lwl-related-action:active:not(:disabled){transform:translateY(1px)}
.lwl-related-action:disabled{color:var(--lwl-color-muted);cursor:not-allowed;opacity:.6}
.lwl-related-action>svg{flex-shrink:0}
.lwl-related-controls{display:flex;gap:8px;flex-shrink:0}
.lwl-related-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--lwl-color-control);border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.lwl-related-controls button:hover:not(:disabled){background:var(--lwl-color-surface)}.lwl-related-controls button:disabled{opacity:.35;cursor:default}
.lwl-related :focus-visible{outline:2px solid var(--lwl-color-focus);outline-offset:4px}
.lwl-related-editor-note{padding:24px;border:1px solid var(--lwl-color-line);font:16px/24px Arial,sans-serif}
@media(max-width:1100px){.lwl-related-rail{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}
@media(max-width:760px){.lwl-related{padding:48px 5%}.lwl-related-heading{gap:16px;margin-bottom:24px}.lwl-related h2{font-size:36px!important;line-height:40px}.lwl-related-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--lwl-color-primary) var(--lwl-color-background);padding:4px 0 16px}.lwl-related-card{scroll-snap-align:start}.lwl-related-image{aspect-ratio:auto;height:min(40svh,320px)}.lwl-related h3{font-size:18px!important;line-height:28px}}
@media(prefers-reduced-motion:reduce){.lwl-related *{scroll-behavior:auto!important;transition:none!important}.lwl-related-image:hover img{transform:none}}