.or-catalog-code { display:flex; flex-direction:column; gap:12px; min-width:0; padding:16px; border:1px solid var(--border-color,#30373e); border-radius:6px; }
.or-catalog-code__image { display:block; width:100%; height:160px; object-fit:contain; background:#f0f1f3; border-radius:4px; }
.or-catalog-code h3 { font-size:16px; line-height:1.4; margin:0; overflow-wrap:anywhere; letter-spacing:0; }
.or-catalog-code p { margin:0; font-size:13px; line-height:1.5; }
.or-catalog-code__footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; min-width:0; }
.or-catalog-code__footer code { overflow-wrap:anywhere; min-width:0; }
.or-catalog-code .or-codes-copy { position:static; display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid var(--ui-line,#30373e); border-radius:6px; background:transparent; color:var(--ui-accent,#8bc2ff); font-size:0; cursor:pointer; }
.or-catalog-code .or-codes-copy::before { content:""; display:block; width:18px; height:18px; background:currentColor; mask:url("../images/refresh-copy.svg") center / contain no-repeat; }
.or-catalog-code .or-codes-copy:is(:hover,:focus-visible) { border-color:currentColor; background:var(--ui-raised,#1e2328); }
.or-catalog-code .or-codes-copy.is-copied { color:var(--ui-success,#6de8b7); }
.or-catalog-code .or-codes-copy.is-copied::before { mask-image:url("../images/appearance-check.svg"); }
.or-catalog-code a { font-size:13px; }