/* store-v30: store logos, one row per store with its other options, clearer link icons, small «DM» mark on phones. */
.site-mark{display:none}
@media(max-width:760px){
 /* Phones: the full logo only on the home page; other pages show the small «DM» mark beside the search box. */
 body:not(.home-page) .wordmark .site-logo{display:none!important}
 body:not(.home-page) .wordmark .site-mark{display:block;height:30px;width:auto}
 body:not(.home-page) .wordmark{flex-shrink:0}
}

/* Store logo in a square tile; without one the first letter stays. */
.store-avatar.has-logo{background:#fff;border-color:var(--line);padding:3px;overflow:hidden}
.store-avatar.has-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px}
@media(max-width:760px){.seller-row .store-avatar{display:grid!important;width:36px;height:36px}}

/* Icons inside buttons and links (shopping bag, «opens the store's site», share). */
.seller-go,.best-offer,.share-form .save-button,.subtle-button{gap:6px}
.seller-go{display:inline-flex;align-items:center;justify-content:center}
.seller-go .icon{width:18px;height:18px;flex-shrink:0}
.share-form .save-button .icon{width:17px;height:17px}
.store-badges .icon,.store-trust .icon,.clinic-list .icon,a .icon.inline{width:14px;height:14px;vertical-align:-2px}
.subtle-button .icon{width:16px;height:16px;vertical-align:-3px}
td a .icon{width:15px;height:15px;vertical-align:-3px}

/* «کالاهای این فروشگاه» on its own line on phones. */
@media(max-width:760px){
 .seller-name .link-sep{display:none}
 .seller-name .store-page-link{display:block;width:fit-content;margin-top:2px}
}

/* The store's other packages, shades or pages of this model, folded under its row. */
.store-others{margin-top:6px;font-size:12.5px}
.store-others summary{cursor:pointer;color:var(--blue);width:fit-content}
.store-others ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.store-others a{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;color:var(--text)}
.store-others a:hover{border-color:var(--accent)}
.store-others b{white-space:nowrap;font-weight:600}

/* Phones: no sticky «cheapest store» bar while scrolling; the cheapest store is shown once, at the top. */
.buy-bar{display:none!important}
@media(max-width:760px){.detail-page main{padding-bottom:12px}}
