/* Shared product presentation uses existing VND and ether.fi design tokens. */
.vnd-card-art{display:block;position:relative;aspect-ratio:var(--art-ratio);width:100%;flex-shrink:0;overflow:hidden;border-radius:var(--radius)}
.vnd-card-art>img{display:block;width:100%;height:100%;object-fit:contain}
.vnd-card-window{position:absolute;display:block;width:var(--crop-width);aspect-ratio:var(--crop-ratio);left:50%;top:50%;overflow:hidden;transform:translate(-50%,-50%) rotate(var(--art-rotation));border-radius:var(--radius)}
.vnd-card-art .vnd-card-window>img{position:absolute;display:block;left:var(--source-left);top:var(--source-top);width:var(--source-width);max-width:none;height:auto;max-height:none}
.portal-home .shelf-art>.vnd-card-art{width:min(100%,var(--card-art-width),calc(var(--card-art-height)*var(--art-ratio)))}
.portal-home .shelf-art .vnd-card-window>img{width:var(--source-width);height:auto;max-width:none;max-height:none}
.product-guide:not([data-guide="etherfi"]){--guide-brand:var(--action);--guide-brand-soft:var(--action-soft);--guide-action:var(--guide-brand);--guide-soft:var(--guide-brand-soft)}
.product-guide[data-product="kast"],.product-guide[data-product="bybit"],.product-guide[data-product="okx"]{--guide-brand:var(--graphite);--guide-brand-soft:var(--surface)}
.product-guide .application-card .vnd-card-art{width:100%}
.product-guide .product-design-art{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%}
.product-guide .product-design{grid-template-columns:minmax(0,1fr)}
.product-guide .product-design figcaption{min-width:0;max-width:100%}
.product-guide .product-design-art .vnd-card-art{width:100%;max-width:360px}
.product-guide .product-design-art .vnd-card-window>img{width:var(--source-width);height:auto;max-width:none;max-height:none}
.product-guide .product-design figcaption>.product-design-heading{display:block;margin-bottom:8px;font-size:18px}
.product-guide .product-design figcaption>.product-design-description{display:block;font-size:16px;line-height:1.8;color:var(--secondary)}
.product-guide .product-quick-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;background:var(--surface);padding:24px;border-radius:var(--radius);margin:24px 0 48px}
.product-guide .product-quick-facts div{min-width:0}
.product-guide .product-quick-facts dt{font-size:14px;color:var(--secondary);margin-bottom:8px}
.product-guide .product-quick-facts dd{margin:0;color:var(--ink);font-size:18px;font-weight:650;line-height:1.65}
.product-guide .product-application-flow{list-style:none;margin:24px 0 32px;padding:0;display:grid;gap:16px}
.product-guide .product-application-flow li{margin:0;padding:0;max-width:none}
.product-guide .product-application-flow a{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:16px;padding:24px;background:var(--paper);border-radius:var(--radius);text-decoration:none;color:var(--ink)}
.product-guide .product-application-flow a:hover{background:var(--surface)}
.product-flow-number{color:var(--guide-brand);font-weight:650}
.product-application-flow strong,.product-application-flow strong+span,.product-application-flow small{display:block}
.product-application-flow strong+span{font-size:16px;line-height:1.8;color:var(--secondary);margin-top:8px}
.product-application-flow small{font-size:14px;line-height:1.8;color:var(--secondary);margin-top:8px}
.product-guide .step-vocabulary{background:var(--surface);padding:16px 24px;border-radius:var(--radius);margin:24px 0}
@media(max-width:767px){.product-guide .product-quick-facts{padding:24px 16px;gap:24px 16px}.product-guide .product-quick-facts dd{font-size:16px}.product-guide .product-application-flow a{padding:24px 16px;grid-template-columns:24px minmax(0,1fr) 16px;gap:12px}}

.product-guide .product-official-entry a{display:inline-flex;align-items:center;gap:16px;min-height:48px;padding:8px 16px;border:1px solid var(--muted);border-radius:var(--radius);color:var(--ink);text-decoration:none;font-weight:650}
.product-guide .product-official-entry a:hover{background:var(--surface)}

.product-quick-facts .table-cell-items{list-style:none;display:grid;gap:4px;margin:0;padding:0}
.product-guide .product-quick-facts .table-cell-items>li{font:inherit;margin:0;padding:0}