@layer reset,elementor,tokens,base,components,utilities;@layer components{.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.related-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);box-shadow:0 18px 44px #0f37571f;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.related-card:hover,.related-card:focus-within{transform:translateY(-4px);box-shadow:0 24px 56px #0f375729}.related-card__media{position:relative;aspect-ratio:16 / 10;background-position:center;background-size:cover}.related-card__badges{position:absolute;inset:var(--space-3) var(--space-3) auto;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.related-card__badge-group{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2);min-width:0}.related-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding:clamp(var(--space-5),2.4vw,var(--space-7))}.related-card__title{margin:0;color:var(--color-primary);font-family:var(--font-display);font-size:clamp(1.65rem,1.25rem + 1vw,var(--fs-h3));line-height:1.05;letter-spacing:var(--ls-display);text-transform:uppercase}.related-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--fs-sm)}.related-card__bestfor{margin:var(--space-1) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.related-card__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.related-card__list li{display:flex;align-items:baseline;gap:var(--space-2);color:var(--color-text);font-size:var(--fs-sm);line-height:var(--lh-body)}.related-card__list li:before{flex:none;color:var(--color-success, #3f8f59);content:"✓";font-weight:var(--fw-bold)}.related-card__ctas{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.price-pill{display:inline-flex;flex-wrap:wrap;align-items:baseline;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--c-amber-700, #8a4f02);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap}@media(max-width:960px){.related-grid{grid-template-columns:1fr}}}
