/* Shared logo geometry: contain, original colours, predictable padding. */
.company-logo,.dialog-brand-logo,.offer-brand-logo,.preview-logo{
  width:144px!important;height:56px!important;max-width:100%!important;flex:0 0 auto;
  display:flex!important;align-items:center;justify-content:center;
  padding:9px 12px!important;background:#fff!important;border:1px solid rgb(17 19 24 / 8%)!important;
  border-radius:12px!important;box-shadow:none!important;overflow:hidden;
}
.company-logo img,.dialog-brand-logo img,.offer-brand-logo img,.preview-logo img{
  display:block;width:100%!important;height:100%!important;object-fit:contain!important;
  mix-blend-mode:normal!important;transform:scale(clamp(.3,var(--logo-scale,var(--preview-logo-scale,1)),1))!important;
  transform-origin:center!important;
}
.company-logo[hidden],.dialog-brand-logo[hidden],.offer-brand-logo[hidden],.preview-logo[hidden]{display:none!important}
.card-top,.preview-top{
  width:100%;min-height:56px;align-items:center;flex-direction:row;justify-content:space-between;gap:16px;
}
.card-top>b,.preview-top>b{
  order:1;display:block;min-width:0;max-width:none;flex:1;white-space:normal;overflow-wrap:anywhere;
  font-size:clamp(1rem,1.15vw,1.18rem);font-weight:850;line-height:1.15;
}
.company-logo,.preview-logo{order:2;margin-left:auto}
.offer-card--large .company-logo{width:144px!important;height:56px!important}
.offer-card--large .card-top>b{font-size:clamp(1.08rem,1.35vw,1.3rem)}
.offer-detail-brand,.dialog-brand{
  width:100%;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:18px;
}
.offer-brand-logo,.dialog-brand-logo{order:2;margin-left:auto}
.offer-detail-brand>span:not(.offer-brand-logo),.dialog-brand>span:not(.dialog-brand-logo){
  order:1;min-width:0;max-width:none;flex:1;overflow-wrap:anywhere;font-weight:850;line-height:1.15;
}
.offer-detail-brand>span:not(.offer-brand-logo){font-size:clamp(1.2rem,2.4vw,1.65rem)}
.dialog-brand>span:not(.dialog-brand-logo){font-size:1.08rem}
@media(max-width:620px){
  .company-logo,.preview-logo{width:118px!important;height:48px!important;padding:7px 9px!important}
  .offer-card--large .company-logo{width:118px!important;height:48px!important}
  .card-top,.preview-top{gap:12px;min-height:48px}
  .card-top>b,.preview-top>b{font-size:1rem}
  .offer-detail-brand,.dialog-brand{gap:12px}
  .offer-brand-logo,.dialog-brand-logo{width:118px!important;height:48px!important;padding:7px 9px!important}
}