/* UI52: composition cards use a separate image column and a flexible text column. */
.product-copy .sv-composition{min-width:0}
.product-copy .sv-component-list{display:grid;gap:10px;list-style:none;padding:0;margin:16px 0 0;min-width:0}
.product-copy .sv-component-list>li{display:block;min-width:0;margin:0;padding:0;text-align:left!important}
.product-copy .sv-component-list .sv-component-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;padding:9px;min-width:0;width:100%;box-sizing:border-box;text-align:left!important;text-decoration:none;white-space:normal;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}
.product-copy .sv-component-card>img{display:block;width:58px;height:70px;max-width:none;object-fit:cover;border-radius:9px}
.product-copy .sv-component-copy{display:block;min-width:0;white-space:normal;word-break:normal;overflow-wrap:anywhere;hyphens:none}
.product-copy .sv-component-copy strong{display:block;font-size:14px;line-height:1.4;color:var(--text,#f2ecfa);word-break:normal}
.product-copy .sv-component-copy small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--gold2,#ffdd94)}
.product-copy .sv-component-meta{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--muted,#c3b8e8)}
.product-copy .sv-component-card:hover{border-color:var(--gold,#d4a94f);background:rgba(241,200,96,.08)}
.product-copy .sv-component-card:focus-visible{outline:2px solid var(--gold2,#ffdd94);outline-offset:3px}
@media(max-width:380px){.product-copy .sv-component-list .sv-component-card{grid-template-columns:48px minmax(0,1fr);gap:10px}.product-copy .sv-component-card>img{width:48px;height:60px}.product-copy .sv-component-copy strong{font-size:13px}}