/* Load after existing brand card styles. Original supplied logos stay unmodified. */
#shopGrid.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#shopGrid .shop-tile{position:relative;display:block;width:100%;min-width:0;aspect-ratio:1;overflow:hidden;isolation:isolate;border:0;border-radius:0;padding:0;background:#e5e7eb;color:#fff;font:inherit;cursor:pointer;text-decoration:none;text-align:center}
#shopGrid .shop-tile .shop-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.22,.8,.2,1)}
#shopGrid .shop-tile .brand-tile-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07101e10,#07101e16 55%,#07101e8c)}
#shopGrid .shop-tile img.shop-logo.brand-card-logo{position:absolute;inset:auto;left:50%;top:48%;width:var(--brand-logo-width,51.2%)!important;max-width:70%;height:auto;max-height:55%;object-fit:contain;transform:translate(-50%,-50%)!important;z-index:3;animation:none!important;transition:none!important;scale:1!important}
#shopGrid .shop-tile-name{position:absolute;left:12px;right:12px;bottom:13px;z-index:4;font-size:12px;line-height:1.5;color:#fff;text-shadow:0 1px 4px #0009}
#shopGrid .brand-tile-arrow{position:absolute;right:12px;top:10px;bottom:auto;font-size:20px;opacity:0;transition:opacity .2s}
#shopGrid .shop-tile:hover .shop-cover{transform:scale(1.035)}
#shopGrid .shop-tile:hover .brand-tile-arrow,#shopGrid .shop-tile:focus-visible .brand-tile-arrow{opacity:1}
#shopGrid .shop-tile:focus-visible{outline:3px solid var(--blue,#175cd3);outline-offset:4px}
#shopSetupNote{font-size:12px;line-height:1.8;color:var(--muted,#667085);margin-top:24px;max-width:850px}
.shop-empty{grid-column:1/-1;color:var(--muted,#667085)}
/* The same native button changes face inline. QR assets remain undistorted and long-pressable. */
#shopGrid .shop-tile.is-flipped{background:#fff;color:#17212f;box-shadow:inset 0 0 0 1px #e4e7ec}
#shopGrid .shop-qr-name{position:absolute;top:5%;left:5%;right:5%;font-size:clamp(9px,.85vw,13px);line-height:1.3;overflow-wrap:anywhere;font-weight:600}
#shopGrid .shop-tile img.shop-inline-qr{position:absolute!important;inset:auto!important;left:50%!important;top:51%!important;height:72%!important;width:72%!important;aspect-ratio:1;max-width:72%!important;max-height:72%!important;box-sizing:border-box;padding:0;background:#fff;object-fit:contain!important;object-position:center;transform:translate(-50%,-50%)!important;filter:none!important;animation:none!important;transition:none!important;z-index:1;scale:1!important}
#shopGrid .shop-return-hint{position:absolute;bottom:4%;left:5%;right:5%;font-size:10px;line-height:1.3;color:#667085}
#shopGrid .shop-inline-pending{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);font-size:clamp(9px,.85vw,12px);line-height:1.6;color:#667085;max-height:62%;overflow:auto;overflow-wrap:anywhere}
@media(max-width:767px){#shopGrid.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#shopGrid .shop-tile-name{font-size:10px;bottom:9px;left:8px;right:8px}#shopGrid .shop-qr-name{font-size:9px}#shopGrid .shop-return-hint{font-size:9px}#shopGrid .shop-inline-pending{font-size:9px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){#shopGrid .shop-tile .shop-cover,#shopGrid .brand-tile-arrow{transition:none}#shopGrid .shop-tile:hover .shop-cover{transform:none}}

#shopGrid .shop-tile.is-flipped::after,#shopGrid .shop-tile.is-flipped::before{display:none!important}

#shopGrid .shop-wordmark{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);z-index:3;font-size:clamp(16px,2vw,28px);line-height:1.35;font-weight:600;color:#fff;text-shadow:0 1px 6px #0005;overflow-wrap:anywhere}
#shopGrid .shop-platform-label{position:absolute;top:12px;left:12px;right:32px;z-index:4;text-align:left;font-size:11px;line-height:1.4;color:#fff;text-shadow:0 1px 4px #0009}
#shopGrid .shop-tile.is-flipped{animation:none!important;transition:none!important;transform:none!important}
#shopGrid .shop-tile img.shop-inline-qr{-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto;touch-action:auto}

#shopGrid .shop-tile img.shop-logo.brand-card-logo{filter:none!important}
#shopGrid .shop-tile.is-flipped:hover{translate:none!important}

#shopGrid .shop-account:not(.is-flipped){background:linear-gradient(145deg,#827365,#373232)}#shopGrid .shop-account .shop-wordmark{top:67%}#shopGrid .shop-account img.shop-account-avatar{position:absolute!important;inset:auto!important;left:50%!important;top:17%!important;width:92px!important;height:92px!important;z-index:3;object-fit:cover;transform:translateX(-50%)!important;border-radius:50%;animation:none!important;filter:none!important;transition:none!important}@media(max-width:767px){#shopGrid .shop-account img.shop-account-avatar{width:58px!important;height:58px!important}}

#shopGrid [data-shop-id="taobao-qingdao6"] .shop-wordmark{white-space:pre-line}#shopGrid [data-shop-id="taobao-qingdao6"] .brand-tile-shade{background:linear-gradient(180deg,#25190d40,#25190d80 52%,#25190db3)}