/* Admin-uploaded logo has priority. Existing SVG/text fallbacks remain untouched. */
.seller-mark--uploaded {width:86px;max-width:100%;height:34px;padding:5px;display:grid;place-items:center}
.seller-mark--uploaded picture{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.seller-mark--uploaded img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media(max-width:700px){
  .seller-mark--uploaded{width:62px;max-width:100%;height:34px}
}

/* MOBILE_LOGO_FRAME_V7101: consistent compact frame in both merchant lists.
   The <picture> chooses mobile upload <=700px; CSS only controls framing. */
@media (max-width:700px) {
  .summary .seller-item {
    grid-template-columns:62px minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
  }
  .summary .seller-item > .seller-mark,
  #offers.offers-v709 .shoplabel > .seller-mark {
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center;
    flex:0 0 56px;
    width:56px;
    max-width:56px;
    height:38px;
    min-height:38px;
    padding:2px;
    margin:0;
    background:#fff !important;
    border:1px solid #d9e3f1;
    border-radius:10px !important;
    overflow:hidden;
    line-height:1;
  }
  .summary .seller-item > .seller-mark picture,
  #offers.offers-v709 .shoplabel > .seller-mark picture {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
  }
  .summary .seller-item > .seller-mark img,
  #offers.offers-v709 .shoplabel > .seller-mark img {
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain;
    object-position:center;
  }
  #offers.offers-v709 .shoplabel {
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }
  #offers.offers-v709 .shoplabel .shopname {
    min-width:0;
    overflow-wrap:anywhere;
  }
}