/* v0.13.407 — website (desktop + phone) parity with the app: official store look, store mark, and later sections.
   Loaded on every site page after tb-v404.css. */
/* v0.13.407: official TB Market store mark — the same seal as the app (white seal with a purple check on the purple
   store header; purple seal with a white check on white cards) */
.tb-store-tick{display:inline-grid;flex:0 0 auto;width:20px;height:20px;place-items:center;vertical-align:-3px;margin-left:6px}
.tb-store-tick svg{display:block;width:100%;height:100%}
.tb-store-tick .tb-store-tick-bg path{fill:#7635ED}
.tb-store-tick .tb-store-tick-mark{fill:#fff}
.tb-store-tick.is-light .tb-store-tick-bg path{fill:#fff}
.tb-store-tick.is-light .tb-store-tick-mark{fill:#5A22CF}
.tb-store-tick.is-small{width:17px;height:17px}
.tb-store-tick.is-about{width:30px;height:30px;margin:0}
/* v0.13.407: store page — the name on a coloured / photo top is always white (it was dark and looked faded) */
html body:not(#tbp):not(#tbq):not(#tbr) .tb-store-profile-card.tbst-head .tb-store-profile-copy h1{color:#fff!important;text-shadow:0 1px 8px rgba(20,8,48,.35)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tb-store-profile-card.tbst-head .tb-store-profile-copy>small{color:rgba(255,255,255,.86)!important}
/* the official TB Market store: the same purple top as the app (no seller picture), white name + seal, white (i) */
html body:not(#tbp):not(#tbq):not(#tbr) .tb-store-profile-card.tbst-head .tb-store-profile-main.tb-store-official-head{min-height:150px!important;align-items:center!important;padding:22px 22px 20px!important;background:linear-gradient(180deg,#2A0B72 0%,#5A22CF 64%,#7635ED 100%)!important;box-shadow:none!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tb-store-official-head .tb-public-store-logo{background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.85)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tb-store-official-head .tb-store-info-button{background:transparent!important;color:#fff!important}
.tb-store-stats:has(.tb-store-stat-brands){grid-template-columns:repeat(4,1fr)}
.tb-store-stat-brands{cursor:pointer}
.tb-store-brand-ic{display:inline-grid;width:17px;height:17px;border-radius:50%;background:#10C44C;color:#fff;place-items:center;font-style:normal}
.tb-store-stats .tb-store-brand-ic .ui-icon{width:11px!important;height:11px!important;color:#fff!important}
/* category tiles of the official store (as in the app): name at the top, picture at the bottom */
.tb-store-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:12px 0;padding:14px;border-radius:20px;background:#fff;border:1px solid #edf1f5}
.tb-store-cat{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:118px;padding:10px 10px 0;border-radius:16px;background:#EFF1F4;color:#001A34;text-decoration:none;overflow:hidden}
.tb-store-cat b{font-size:14px;font-weight:600;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tb-store-cat-pic{display:block;align-self:flex-end;width:78%;aspect-ratio:1/1;max-height:84px}
.tb-store-cat-pic img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.tb-store-cat.is-more{align-items:center;justify-content:center;text-align:center;padding:10px}
.tb-store-cat.is-more small{font-size:15px;font-weight:700;color:#707F8D}
.tb-store-cat.is-active{box-shadow:inset 0 0 0 2px #7635ED;background:#F1EAFE}
.tb-store-cat:hover{background:#E6E9EE}
@media (max-width:700px){.tb-store-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.tb-store-cat{min-height:104px}.tb-store-stats:has(.tb-store-stat-brands) small{font-size:11.5px}}

.tb-store-promos>a>span .ui-icon{width:20px;height:20px;color:currentColor}
/* product page store card on a coloured top: «O‘tish» readable (it was dark purple on purple) */
html body:not(#tbp):not(#tbq):not(#tbr) .oz-store-card .tbst-on .oz-store-copy small{color:rgba(255,255,255,.78)!important}
/* v0.13.407: favourites (website) — one tidy header row (search · sort · «Do‘konga o‘tish»), the filters in ONE card
   on the left, the cards next to it; no lone buttons, long category names wrap instead of running out of the panel */
@media (min-width:901px){
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-heading{align-items:flex-end;margin-bottom:12px}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 220px auto;align-items:center;gap:10px;margin:0 0 16px calc(240px + 20px)!important;padding:0!important;width:auto!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-mobile-filter,html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-apply{display:none!important}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-search{width:auto!important;max-width:none!important;margin:0!important}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-sort{margin:0!important;width:auto!important}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-sort>span{display:none}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-go{display:inline-flex;align-items:center;gap:8px;height:44px;white-space:nowrap}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-layout{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;gap:20px!important;align-items:start}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-layout.is-empty{grid-template-columns:minmax(0,1fr)!important}
}
html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-sidebar{padding:6px 0!important;background:#fff!important;border:1px solid #EDEBE6!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden}
html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-sidebar>section{padding:12px 12px 10px!important;background:transparent!important;border:0!important;border-radius:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-sidebar>section+section{border-top:1px solid #EFEDE8!important}
html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-sidebar a{align-items:flex-start;min-height:34px;padding:8px 10px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-sidebar a span{white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;line-height:1.3}
@media (max-width:900px){html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-go{display:none}}
@media (max-width:900px){
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-layout{display:block!important}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-sidebar{display:none!important}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:auto!important;max-width:none!important;margin:0 0 12px!important}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-search{grid-column:1/-1;width:auto!important;margin:0!important}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar>label{min-width:0;margin:0!important}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-sort{grid-column:1/-1}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar select{width:100%;min-width:0}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-toolbar .market-favorites-apply{grid-column:1/-1}
  html body:not(#tbp):not(#tbq):not(#tbr) .market-favorites-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}
/* orders (website): compact pickup code card — the same as the app */
.tb-ready-codes{display:grid;gap:10px;margin:0 0 14px}
.tb-ready-code{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:center;padding:14px 18px;border-radius:20px;background:#fff;border:1px solid #EDEBE6}
.tb-ready-code-bars{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:8px 10px;border:1px solid #EFEDE8;border-radius:14px;background:#fff;cursor:pointer;font:inherit;color:#001A34}
.tb-ready-code-bars svg{display:block;width:100%;height:56px}
.tb-ready-code-bars b{font-size:16px;letter-spacing:.06em;text-align:center}
.tb-ready-code-bars small{font-size:11.5px;color:#707F8D;text-align:center}
.tb-ready-code-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.tb-ready-code-copy strong{color:#10C44C;font-size:17px;font-weight:800}
.tb-ready-code-copy span{font-size:15px;font-weight:700;color:#001A34}
.tb-ready-code-copy small{font-size:13px;color:#707F8D}
.tb-code-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center}
.tb-code-modal[hidden]{display:none}
.tb-code-modal-bg{position:absolute;inset:0;background:rgba(0,10,30,.55)}
.tb-code-modal-card{position:relative;width:min(560px,92vw);padding:34px 24px 22px;border-radius:22px;background:#fff;text-align:center}
.tb-code-modal-card svg{display:block;width:100%;height:150px}
.tb-code-modal-card b{display:block;margin-top:8px;font-size:24px;letter-spacing:.08em;color:#001A34}
.tb-code-modal-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#F2F3F5;display:grid;place-items:center;cursor:pointer}
.tb-code-modal-x .ui-icon{width:18px;height:18px}
@media (max-width:700px){.tb-ready-code{grid-template-columns:150px minmax(0,1fr);gap:10px;padding:10px}.tb-ready-code-bars svg{height:40px}.tb-ready-code-copy strong{font-size:15px}.tb-ready-code-copy span{font-size:14px}}
/* orders (website): the price and the details button never break into two lines */
html body:not(#tbp):not(#tbq):not(#tbr) .oz-order-card :is(.oz-order-price,.oz-order-total,.oz-order-sum) strong{white-space:nowrap}
.tb-ready-code-bars svg text,.tb-code-modal-card svg text{display:none}
html body:not(#tbp):not(#tbq):not(#tbr) .oz-order-card a.btn[href*="orders.php?id="]{white-space:nowrap}