/* ---- styles.css ---- */
*{box-sizing:border-box}html{margin:0;min-height:100%;background:#eef8ff;color-scheme:light}body{margin:0;min-height:100%;background:#f4f7fb;color:#0d1b34;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}.ui-icon{width:22px;height:22px;display:block}.app-shell{min-height:100dvh;padding-top:0;padding-bottom:calc(64px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#f4f7fb}.app-header{position:sticky;top:0;z-index:1000;padding-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));background:linear-gradient(180deg,#eef8ff 0,#fff 92%);box-shadow:0 1px 0 rgba(15,35,64,.08)}.status-sky{height:0;min-height:0;margin:0;padding:0;overflow:hidden;background:none}.home-topbar,.detail-topbar{height:52px;display:flex;align-items:center;gap:10px;padding:6px 12px}.location-button{min-width:0;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#33455d;font-weight:700}.location-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{position:relative;margin-left:auto;width:42px;height:42px;border:0;border-radius:15px;background:#fff;color:#17283f;display:grid;place-items:center;box-shadow:0 6px 20px rgba(15,35,64,.08)}.badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ff365f;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.brand-mini{display:flex;align-items:center;gap:8px;text-decoration:none;color:#0d1b34}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#1bc9b8,#2475ff);color:#fff;font-weight:900;display:grid;place-items:center;box-shadow:0 8px 20px rgba(27,132,255,.22)}.brand-mark.large{width:68px;height:68px;border-radius:22px;font-size:24px;margin:auto}.global-search{height:48px;margin:0 12px 10px;display:grid;grid-template-columns:74px minmax(0,1fr) 42px 48px;border:1px solid #d7e2ee;border-radius:16px;background:#fff;overflow:hidden}.global-search input{min-width:0;border:0;outline:0;padding:0 9px;color:#20334e}.global-search button{border:0;background:#fff;color:#61748b;display:grid;place-items:center}.global-search .search-scope{font-size:12px;border-right:1px solid #e8edf3;display:flex;gap:5px}.global-search .search-submit{background:linear-gradient(135deg,#347bff,#155cf1);color:#fff}.app-view{min-height:calc(100dvh - 165px);padding:12px 10px 22px}.bottom-nav{position:fixed;z-index:1100;left:0;right:0;bottom:0;height:calc(64px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:4px 2px var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(6,1fr);background:rgba(255,255,255,.97);border-top:1px solid #e0e8f0;box-shadow:0 -8px 25px rgba(15,35,64,.08);backdrop-filter:blur(18px)}.bottom-nav button{position:relative;border:0;background:transparent;color:#73849a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}.bottom-nav button.is-active{color:#1269f7}.bottom-nav small{font-size:9px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis}.nav-icon{position:relative}.nav-icon .badge{top:-7px;right:-11px}.category-strip{display:flex;gap:9px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}.category-chip{flex:0 0 70px;border:0;background:transparent;color:#1a2b42;padding:0}.category-chip span{width:54px;height:54px;margin:auto;border-radius:18px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 4px 14px rgba(15,35,64,.06)}.category-chip img{width:100%;height:100%;object-fit:cover}.category-chip small{display:block;margin-top:5px;font-size:10px;font-weight:700;line-height:1.15}.hero-card{min-height:190px;border-radius:24px;background:var(--hero-bg);color:var(--hero-color);overflow:hidden;position:relative;display:flex;margin-bottom:16px}.hero-card>div{position:relative;z-index:2;width:58%;padding:22px 8px 22px 20px}.hero-card small{font-weight:900;letter-spacing:.12em;color:#0da99d}.hero-card h1{font-size:25px;line-height:1.03;margin:9px 0}.hero-card p{font-size:12px;line-height:1.4;opacity:.75}.hero-card button{border:0;border-radius:13px;background:#18c7b5;color:#052a35;font-weight:800;padding:11px 15px}.hero-card img{position:absolute;right:0;bottom:0;width:57%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 28%)}.section-head,.page-title{display:flex;align-items:center;justify-content:space-between;margin:10px 2px}.section-head h2,.page-title h1{font-size:20px;margin:0}.section-head button{border:0;background:transparent;color:#1768f5;font-size:12px;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{min-width:0;border-radius:20px;background:#fff;overflow:hidden;border:1px solid #e2e9f1;box-shadow:0 4px 14px rgba(15,35,64,.04)}.product-media{position:relative;aspect-ratio:.82;background:#f3f6fa;overflow:hidden}.media-link{width:100%;height:100%;padding:0;border:0;background:transparent}.product-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s}.product-media img.is-active{opacity:1}.favorite-button{position:absolute;z-index:5;right:7px;top:7px;width:35px;height:35px;border:0;background:rgba(255,255,255,.92);border-radius:50%;display:grid;place-items:center;color:#101c2e}.favorite-button.is-active{color:#ff174f}.favorite-button.is-active svg{fill:currentColor}.favorite-button.large{position:static;width:46px;height:46px;background:#f4f7fb}.discount{position:absolute;left:7px;top:7px;background:#ff5e63;color:#fff;border-radius:10px;padding:5px 8px;font-size:11px;font-weight:900}.gallery-dots,.detail-dots{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;gap:4px}.gallery-dots i,.detail-dots button{width:6px;height:6px;border:0;border-radius:50%;background:#c4ceda;padding:0}.gallery-dots i.is-active,.detail-dots button.is-active{background:#156cf7}.product-copy{padding:8px}.product-copy>small{color:#7c8ca0;font-size:10px}.product-copy>strong{display:block;color:#0fa25b;font-size:17px;margin-top:4px}.product-copy del{font-size:10px;color:#9aa7b7}.product-copy p{height:34px;overflow:hidden;font-size:12px;font-weight:750;line-height:1.35;margin:5px 0}.stock{display:block;font-size:10px;color:#16975d;margin-bottom:7px}.cart-button{width:100%;height:36px;border:0;border-radius:12px;background:#1269f7;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:850}.cart-button.is-in-cart{background:#15bea9}.cart-button:disabled{background:#c9d2dc}.search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 46px 46px;border:1px solid #d8e2ee;background:#fff;border-radius:16px;overflow:hidden}.search-toolbar input{min-width:0;height:48px;border:0;padding:0 13px;outline:0}.search-toolbar button{border:0;background:#fff;display:grid;place-items:center;color:#1768f5}.sort-row{display:flex;gap:7px;overflow:auto;padding:10px 0}.sort-row button{white-space:nowrap;border:0;border-radius:18px;padding:8px 12px;background:#e9eef5;color:#34465e;font-size:11px;font-weight:750}.sort-row button.is-active{background:#1269f7;color:#fff}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;align-items:start}.category-tile{position:relative;min-width:0;min-height:118px;border:0;border-radius:18px;background:#eef2f8;overflow:hidden;padding:7px;display:grid;grid-template-rows:78px 28px;gap:2px;align-items:center;justify-items:stretch;text-align:center;color:#17283f;box-shadow:inset 0 0 0 1px rgba(15,35,64,.025)}.category-tile img{position:static;grid-row:1;width:100%;height:78px;object-fit:contain;object-position:center;display:block;align-self:center;justify-self:center}.category-tile strong{position:static;grid-row:2;z-index:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;max-height:27px;margin:0;padding:0 2px;font-size:10px;font-weight:800;line-height:1.25;text-align:center;overflow-wrap:anywhere;word-break:normal;align-self:center}.detail-gallery{position:relative;border-radius:0 0 28px 28px;background:#fff;overflow:hidden;margin:-12px -10px 12px}.detail-images{aspect-ratio:.82;position:relative}.detail-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}.detail-images img.is-active{opacity:1}.detail-dots{bottom:12px}.detail-dots button{width:8px;height:8px}.detail-price{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:20px;padding:14px;margin-bottom:10px}.detail-price strong{font-size:25px;color:#0ca35a;display:block}.detail-price del{color:#9aa7b7}.detail-card{background:#fff;border:1px solid #e1e8f0;border-radius:20px;padding:16px;margin-bottom:10px}.detail-card h1{font-size:22px;margin:6px 0}.detail-card h2{margin:0 0 12px}.detail-card p{color:#566981;line-height:1.55}.detail-meta{display:flex;justify-content:space-between;color:#52657d;font-size:12px}.variant-list{display:flex;gap:8px;overflow:auto}.variant-list button{border:1px solid #dbe4ef;border-radius:14px;background:#f5f8fc;padding:10px;white-space:nowrap}.review{padding:10px 0;border-top:1px solid #edf1f5}.review span{color:#ffb000;margin-left:8px}.purchase-bar,.cart-summary{position:fixed;z-index:1050;left:0;right:0;bottom:calc(64px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:10px;display:flex;gap:8px;background:rgba(255,255,255,.96);border-top:1px solid #e1e8f0;box-shadow:0 -10px 30px rgba(15,35,64,.08)}.primary-button{min-height:46px;border:0;border-radius:15px;background:linear-gradient(135deg,#176df7,#0957e6);color:#fff;font-weight:850;padding:0 18px}.purchase-bar>.primary-button{flex:1}.qty-control{display:flex;align-items:center;background:#f0f4f9;border-radius:15px}.qty-control button{width:42px;height:46px;border:0;background:transparent;color:#1269f7}.qty-control span{min-width:25px;text-align:center;font-weight:850}.cart-list{display:grid;gap:10px;padding-bottom:110px}.cart-line{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;background:#fff;border:1px solid #e1e8f0;border-radius:20px;padding:10px}.cart-image{grid-row:span 2;border:0;background:#f4f7fb;border-radius:15px;overflow:hidden;padding:0}.cart-image img{width:100%;height:100%;object-fit:cover}.cart-copy{min-width:0}.cart-copy h3{font-size:14px;margin:0 0 5px}.cart-copy strong{display:block;color:#0ca35a}.cart-copy span,.cart-copy small{font-size:11px;color:#74859a}.cart-actions{grid-column:2;display:flex;align-items:center;gap:8px}.cart-actions button{width:34px;height:34px;border:0;border-radius:10px;background:#edf3fa;color:#1768f5;display:grid;place-items:center}.cart-actions button.danger{margin-left:auto;color:#f23855}.cart-summary{justify-content:space-between;align-items:center}.cart-summary strong{display:block;font-size:22px;color:#0ca35a}.bank-hero{min-height:200px;border-radius:26px;padding:24px;background:linear-gradient(145deg,#086aff,#3d58d9);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 35px rgba(22,99,240,.25)}.bank-hero strong{font-size:38px;margin:6px 0}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}.metric-grid article{background:#fff;border-radius:18px;padding:14px;border:1px solid #e2e9f1}.metric-grid small{display:block;color:#708198}.metric-grid strong{font-size:23px}.ledger-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #edf1f5}.positive{color:#0ca35a}.negative{color:#f23855}.profile-head{display:flex;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:14px}.profile-head img{width:62px;height:62px;border-radius:18px;object-fit:cover;background:#e8eef6}.profile-head h1{margin:0}.profile-head span{color:#728399}.profile-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.profile-quick button{min-width:0;border:0;border-radius:18px;background:#fff;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#21354f}.profile-quick span{font-size:10px}.profile-form{background:#fff;border-radius:20px;padding:15px}.profile-form h2{margin-top:0}.profile-form label,.auth-modal label{display:block;font-size:11px;font-weight:750;margin-bottom:10px}.profile-form input,.auth-modal input{width:100%;height:46px;margin-top:5px;border:1px solid #d9e3ee;border-radius:13px;padding:0 12px;outline:0}.profile-form .primary-button{width:100%}.settings-list{background:#fff;border-radius:20px;margin-top:10px;overflow:hidden}.settings-list button{width:100%;min-height:52px;border:0;border-bottom:1px solid #edf1f5;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;color:#20334e}.settings-list button span{flex:1;text-align:left}.settings-list .logout{color:#f23855}.order-list,.thread-list{display:grid;gap:8px}.order-card,.thread-card{position:relative;width:100%;border:0;border-radius:18px;background:#fff;display:grid;grid-template-columns:55px minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:10px;text-align:left;color:#1a2b42}.order-card img{width:55px;height:55px;border-radius:13px;object-fit:cover}.order-card div,.thread-card div{min-width:0}.order-card strong,.thread-card strong{display:block}.order-card span,.order-card small,.thread-card p,.thread-card small{display:block;margin:2px 0;color:#718299;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-icon{width:46px;height:46px;border-radius:15px;background:#eaf1ff;color:#1768f5;display:grid;place-items:center}.thread-card .badge{position:static}.order-items{display:grid;gap:8px}.order-items article{display:flex;gap:10px;background:#fff;border-radius:17px;padding:10px}.order-items img{width:66px;height:66px;border-radius:14px;object-fit:cover}.order-items span,.order-items small{display:block;color:#728399}.chat-shell{height:calc(100dvh - 122px - var(--safe-area-inset-top,env(safe-area-inset-top,0px)) - var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));display:grid;grid-template-rows:auto minmax(0,1fr) auto;margin:-12px -10px -22px;background:#eef3f8}.chat-head{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-bottom:1px solid #e4eaf1}.chat-head h1{font-size:17px;margin:0}.chat-head small{color:#22a56b}.message-list{overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.message-bubble{max-width:82%;align-self:flex-start;background:#fff;border-radius:18px 18px 18px 6px;padding:10px 12px;box-shadow:0 4px 12px rgba(15,35,64,.05)}.message-bubble.is-mine{align-self:flex-end;background:#1468f5;color:#fff;border-radius:18px 18px 6px 18px}.message-bubble p{margin:0;line-height:1.4}.message-bubble small{display:block;margin-top:5px;font-size:9px;opacity:.65;text-align:right}.message-compose{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:7px;padding:8px 10px;background:#fff;border-top:1px solid #e2e9f1}.message-compose input{height:46px;border:1px solid #dce5ef;border-radius:15px;padding:0 12px;outline:0}.message-compose button{border:0;border-radius:15px;background:#1468f5;color:#fff;display:grid;place-items:center}.read-only{padding:15px;background:#fff;text-align:center;color:#718299}.empty-state,.login-card{min-height:55dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-icon{width:70px;height:70px;border-radius:24px;background:#fff;color:#8b9aab;display:grid;place-items:center;margin-bottom:12px}.empty-icon .ui-icon{width:38px;height:38px}.empty-state p,.login-card p{color:#6b7d93}.modal-host{position:fixed;z-index:2000;inset:0}.modal-backdrop{position:absolute;inset:0;background:rgba(8,18,34,.55);backdrop-filter:blur(8px)}.auth-modal{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:28px 28px 0 0;padding:24px 18px calc(24px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));max-height:92dvh;overflow:auto}.auth-modal h1{text-align:center}.auth-modal>p{text-align:center;color:#6c7d92}.auth-modal .primary-button{width:100%;margin-top:5px}.modal-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#edf2f7;display:grid;place-items:center}.toast{position:fixed;z-index:3000;left:16px;right:16px;bottom:calc(78px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:13px 15px;border-radius:15px;background:#12233b;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.22);text-align:center;font-size:13px}.toast.is-error{background:#c92f49}.toast.is-success{background:#0e9967}.skeleton-page{display:grid;gap:12px}.skeleton{background:linear-gradient(90deg,#e7edf4 25%,#f4f7fa 45%,#e7edf4 65%);background-size:250% 100%;animation:shimmer 1.15s infinite}.hero-skeleton{height:190px;border-radius:24px}.skeleton-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-skeleton{height:280px;border-radius:20px}.inline-loader{grid-column:1/-1;width:34px;height:34px;border:3px solid #dce5ef;border-top-color:#1768f5;border-radius:50%;animation:spin .8s linear infinite;margin:28px auto}.span-all{grid-column:1/-1}@keyframes shimmer{to{background-position:-250% 0}}@keyframes spin{to{transform:rotate(360deg)}}body.is-loading:before{content:"";position:fixed;z-index:2500;top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));left:0;right:0;height:3px;background:linear-gradient(90deg,#18c7b5,#1768f5,#18c7b5);background-size:200% 100%;animation:loadingLine .8s linear infinite}@keyframes loadingLine{to{background-position:-200% 0}}@media(min-width:600px){.app-shell{max-width:520px;margin:auto;box-shadow:0 0 0 1px #dde6ef}.bottom-nav,.purchase-bar,.cart-summary{max-width:520px;margin:auto}.modal-host{max-width:520px;left:50%;transform:translateX(-50%)}}
.cart-title{display:grid!important;gap:10px}.cart-title>div{display:flex;align-items:center;gap:8px}.select-all-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#54677e}.select-all-row input{width:20px;height:20px;accent-color:#1768f5}.cart-line{position:relative;padding-left:42px}.cart-select{position:absolute;left:10px;top:10px;width:25px;height:25px}.cart-select input{position:absolute;opacity:0;pointer-events:none}.cart-select span{width:25px;height:25px;border:1.5px solid #cad6e3;border-radius:9px;background:#fff;display:grid;place-items:center;color:transparent}.cart-select .ui-icon{width:16px;height:16px}.cart-line.is-selected{border-color:#91b7ff;box-shadow:0 0 0 2px rgba(23,104,245,.08)}.cart-line.is-selected .cart-select span{background:#1768f5;border-color:#1768f5;color:#fff}.cart-summary div span{display:block;color:#73849a;font-size:10px;margin-top:2px}.cart-summary button:disabled{opacity:.45}
.variant-list button{display:grid;gap:3px;text-align:left}.variant-list button b{color:#0ca35a}.variant-list button small{color:#73849a}.variant-list button.is-active{border-color:#1768f5;background:#edf4ff;box-shadow:0 0 0 2px rgba(23,104,245,.1)}.variant-list button:disabled{opacity:.45}
.checkout-page{display:grid;gap:10px;padding-bottom:150px}.checkout-title-card,.checkout-card{background:#fff;border:1px solid #e0e8f1;border-radius:22px;padding:15px}.checkout-title-card h1{margin:0;font-size:23px}.checkout-title-card p{margin:5px 0 0;color:#728399}.checkout-card>h2{margin:0 0 12px;font-size:18px}.checkout-card h3{font-size:13px;margin:14px 0 8px;color:#52657d}.delivery-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delivery-switch label{position:relative;min-height:88px;border:1px solid #dce5ef;border-radius:17px;background:#f6f9fc;padding:12px;display:flex;gap:8px;align-items:flex-start}.delivery-switch label.is-active{border-color:#1768f5;background:#eef4ff;box-shadow:0 0 0 2px rgba(23,104,245,.08)}.delivery-switch label.is-disabled{opacity:.4}.delivery-switch input,.checkout-option input,.payment-methods input{position:absolute;opacity:0;pointer-events:none}.delivery-switch .ui-icon{color:#1768f5}.delivery-switch span{min-width:0}.delivery-switch b,.delivery-switch small{display:block}.delivery-switch small{margin-top:4px;color:#718299;font-size:10px;line-height:1.35}.checkout-option-list{display:grid;gap:8px}.checkout-option{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:9px;min-height:72px;padding:10px;border:1px solid #dfe7f0;border-radius:17px;background:#f8fafc}.checkout-option.is-active{border-color:#1768f5;background:#eef4ff;box-shadow:0 0 0 2px rgba(23,104,245,.07)}.option-icon{width:42px;height:42px;border-radius:13px;background:#fff;display:grid;place-items:center;color:#1768f5}.checkout-option b,.checkout-option small,.checkout-option em{display:block}.checkout-option small{margin-top:3px;color:#60748b;font-size:10px;line-height:1.35}.checkout-option em{margin-top:4px;color:#0a9573;font-size:9px;font-style:normal}.checkout-option>i{font-size:8px;color:#1768f5;font-style:normal;text-align:right}.new-address-card{margin-top:10px;border:1px solid #dfe7f0;border-radius:17px;overflow:hidden}.new-address-card summary{min-height:48px;padding:0 12px;display:flex;align-items:center;gap:8px;font-weight:800;cursor:pointer;list-style:none}.new-address-card summary::-webkit-details-marker{display:none}.native-address-form{padding:12px;border-top:1px solid #edf1f5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.form-grid label{display:grid;gap:5px;color:#60738a;font-size:10px;font-weight:750}.form-grid input,.form-grid textarea{width:100%;border:1px solid #d7e2ed;border-radius:13px;background:#fff;padding:0 11px;outline:0}.form-grid input{height:44px}.form-grid textarea{min-height:80px;padding-top:10px;resize:vertical}.form-grid .span-2{grid-column:1/-1}.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:20px!important;height:20px!important;accent-color:#1768f5}.recipient-grid{margin-top:12px;padding-top:12px;border-top:1px solid #edf1f5}.payment-methods{display:grid;gap:8px}.payment-methods label{position:relative;min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:9px;padding:8px 11px;border:1px solid #dfe7f0;border-radius:16px;background:#f8fafc}.payment-methods label.is-active{border-color:#1768f5;background:#eef4ff}.payment-methods label>span{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#1768f5}.payment-methods img{width:42px;height:30px;object-fit:contain}.bonus-use{margin-top:12px;padding:12px;border-radius:17px;background:linear-gradient(135deg,#ecfff8,#eff5ff)}.bonus-use>div:first-child{display:flex;justify-content:space-between;gap:8px}.bonus-use b,.bonus-use small{display:block}.bonus-use small{color:#648078;font-size:10px}.bonus-use>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.bonus-use input{height:42px;border:1px solid #cfe0e8;border-radius:12px;padding:0 10px}.bonus-use button{border:0;border-radius:12px;padding:0 14px;background:#1768f5;color:#fff;font-weight:800}.checkout-items{display:grid;gap:8px}.checkout-items article{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid #edf1f5}.checkout-items article:first-child{border-top:0}.checkout-items img{width:58px;height:58px;border-radius:13px;object-fit:cover;background:#f2f5f9}.checkout-items b,.checkout-items small,.checkout-items span{display:block}.checkout-items small,.checkout-items span{margin-top:3px;color:#718299;font-size:10px}.checkout-summary{position:fixed;z-index:1050;left:0;right:0;bottom:calc(64px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:10px;background:rgba(255,255,255,.98);border-top:1px solid #dfe7f0;box-shadow:0 -12px 34px rgba(15,35,64,.12)}.summary-lines{display:grid;gap:3px;margin-bottom:8px}.summary-lines p{display:flex;justify-content:space-between;margin:0;color:#63768e;font-size:10px}.summary-lines .bonus-row b{color:#0a9b78}.checkout-summary>div:nth-last-child(2){display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}.checkout-summary small{color:#65778e}.checkout-summary strong{font-size:24px;color:#0ca35a}.checkout-summary>.primary-button{width:100%}.checkout-summary>.primary-button:disabled{opacity:.55}
@media(max-width:380px){.delivery-switch{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.checkout-option{grid-template-columns:38px minmax(0,1fr) 20px}.option-icon{width:38px;height:38px}}
.header-actions{display:flex;align-items:center;gap:5px}.global-search{grid-template-columns:72px minmax(0,1fr) 39px 39px 46px}.scan-search{border:0;background:#fff;color:#657b94;display:grid;place-items:center}.scan-search .ui-icon{width:20px;height:20px}.notification-title{display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#1768f5;font-weight:800;font-size:11px}.notification-list{display:grid;gap:8px}.notification-card{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:10px;text-align:left;border:1px solid #e0e8f1;border-radius:18px;background:#fff;padding:11px}.notification-card.is-unread{border-color:#8db6ff;background:#eef5ff}.notification-icon{width:44px;height:44px;border-radius:14px;background:#edf4ff;color:#1768f5;display:grid;place-items:center}.notification-card b,.notification-card p,.notification-card small{display:block}.notification-card p{margin:4px 0;color:#62758b;font-size:11px;line-height:1.35}.notification-card small{color:#8a98a8;font-size:9px}.source-modal{position:absolute;left:12px;right:12px;bottom:calc(12px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#fff;border-radius:25px;padding:20px 14px;display:grid;gap:9px}.source-modal h2{text-align:center;margin:3px 0 8px}.source-option{height:58px;border:1px solid #dce5ef;border-radius:17px;background:#f7f9fc;color:#172b45;display:flex;align-items:center;gap:12px;padding:0 15px;font-weight:800}.source-option .ui-icon{color:#1768f5}.pickup-code-card{margin:10px;border:1px solid #cfe2ff;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#ecfff9);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.pickup-code-card small{display:block;color:#65798f;font-size:9px}.pickup-code-card strong{display:block;font-size:28px;letter-spacing:3px;color:#1768f5;margin-top:4px}.pickup-code-card code{display:block;margin-top:6px;font-size:11px;word-break:break-all}.pickup-code-card>span{grid-column:1/-1;color:#0b966e;font-weight:800;font-size:11px}.product-card .visual-score{position:absolute;left:8px;top:8px;border-radius:10px;background:rgba(20,104,245,.9);color:#fff;padding:4px 7px;font-size:9px;font-weight:800}
@media(max-width:380px){.global-search{grid-template-columns:64px minmax(0,1fr) 34px 34px 42px}}
.system-gate{max-width:420px;text-align:center}
.system-gate .secondary-button{width:100%;margin-top:10px}
.profile-head-premium{position:relative;align-items:center;padding:14px 15px;border:1px solid #e1e8f0;box-shadow:0 8px 24px rgba(15,35,64,.05)}
.profile-avatar-wrap{position:relative;width:68px;height:68px;flex:0 0 68px}
.profile-avatar,.profile-avatar-fallback{width:68px;height:68px;border-radius:20px;display:block;border:1px solid #dce5ef;background:#edf3fb;object-fit:cover}
.profile-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#176df7,#15bea9);color:#fff;font-size:27px;font-weight:900}
.profile-avatar-edit{position:absolute;right:-5px;bottom:-5px;width:30px;height:30px;border:2px solid #fff;border-radius:11px;background:#1768f5;color:#fff;display:grid;place-items:center;box-shadow:0 6px 15px rgba(23,104,245,.24)}
.profile-avatar-edit .ui-icon{width:15px;height:15px}
.profile-identity{min-width:0;display:grid;gap:2px}
.profile-identity h1{margin:0;font-size:21px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-identity span{color:#65788e;font-size:12px}
.profile-identity small{color:#94a0af;font-size:9px}
.profile-form-expanded{margin-top:10px;border:1px solid #e1e8f0;box-shadow:0 5px 18px rgba(15,35,64,.035)}
.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.profile-section-head h2{margin:0;font-size:18px;color:#10233f}
.profile-section-head small{display:block;margin-top:3px;color:#8493a5;font-size:9px}
.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.profile-form-grid label{display:grid;gap:5px;margin:0;color:#53677f;font-size:10px;font-weight:800}
.profile-form-grid input,.profile-form-grid select{width:100%;height:44px;margin:0;border:1px solid #d8e2ed;border-radius:13px;background:#fff;color:#10233f;padding:0 11px;outline:0;font-size:12px}
.profile-form-grid input:focus,.profile-form-grid select:focus{border-color:#1768f5;box-shadow:0 0 0 3px rgba(23,104,245,.08)}
.profile-check-row{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important;gap:8px!important;margin:11px 0!important;color:#425970!important;font-size:11px!important;font-weight:700!important}
.profile-check-row input{width:19px!important;height:19px!important;margin:0!important;accent-color:#1768f5;flex:0 0 auto}
.profile-form-expanded>.primary-button{width:100%;margin-top:2px}
.profile-payment-panel{margin-top:10px;padding:15px;background:#fff;border:1px solid #e1e8f0;border-radius:20px;box-shadow:0 5px 18px rgba(15,35,64,.035)}
.payment-section-head{margin-bottom:10px}
.profile-card-count{min-width:31px;height:31px;padding:0 8px;border-radius:11px;background:#edf4ff;color:#1768f5;display:grid;place-items:center;font-size:11px;font-weight:900}
.profile-payment-methods{display:grid;gap:7px;margin-bottom:8px}
.profile-payment-method{min-height:54px;padding:8px 10px;border:1px solid #e5ecf4;border-radius:15px;background:#f8fafc;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px}
.profile-payment-icon{width:38px;height:38px;border-radius:12px;background:#fff;color:#1768f5;display:grid;place-items:center}
.profile-payment-icon .ui-icon{width:19px;height:19px}
.profile-payment-method b,.profile-payment-method small{display:block}
.profile-payment-method b{color:#172b45;font-size:12px}
.profile-payment-method small{margin-top:2px;color:#8a98a8;font-size:9px}
.profile-card-list{display:grid;gap:8px}
.profile-saved-card{min-height:64px;padding:9px 10px;border:1px solid #e3eaf2;border-radius:16px;background:#f8fafc;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px}
.profile-saved-card.is-default{border-color:#bfe6db;background:linear-gradient(135deg,#f0fbf8,#f2f6ff)}
.profile-card-logo{width:48px;height:32px;border-radius:9px;background:#fff;border:1px solid #dce5ef;display:grid;place-items:center;overflow:hidden;color:#1768f5;font-size:8px;font-style:italic;font-weight:900}
.profile-card-logo img{width:100%;height:100%;object-fit:contain;padding:3px;background:#fff}
.profile-saved-card-copy{min-width:0}
.profile-saved-card-copy>b{display:block;color:#10233f;font-size:13px}
.profile-saved-card-copy small{display:block;margin-top:3px;color:#78899d;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-saved-card-copy em{display:inline-block;margin-top:4px;padding:3px 6px;border-radius:999px;background:#dff7ef;color:#0a896e;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase}
.profile-card-actions{display:flex;align-items:center;gap:5px}
.profile-card-actions button{width:32px;height:32px;border:0;border-radius:10px;background:#edf4ff;color:#1768f5;display:grid;place-items:center}
.profile-card-actions button.danger{background:#fff0f3;color:#e43856}
.profile-card-actions .ui-icon{width:16px;height:16px}
.profile-card-empty{min-height:68px;border:1px dashed #d7e2ed;border-radius:16px;background:#fbfdff;display:flex;align-items:center;justify-content:center;gap:9px;color:#73849a}
.profile-card-empty>span{width:36px;height:36px;border-radius:12px;background:#eef4ff;color:#1768f5;display:grid;place-items:center}
.profile-card-empty b{font-size:11px}
.profile-add-card{width:100%;min-height:44px;margin-top:9px;border:0;border-radius:14px;background:#eaf3ff;color:#1768f5;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:900}
.profile-add-card .ui-icon{width:18px;height:18px}
.profile-payment-unavailable{padding:11px;margin-top:8px;border-radius:13px;background:#fff7e8;color:#8b6720;font-size:10px;line-height:1.4}
.profile-card-security{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:9px 10px;border-radius:13px;background:#f3faf7;color:#5d766c;font-size:9px;line-height:1.45}
.profile-card-security .ui-icon{width:15px;height:15px;color:#0aa77f;flex:0 0 auto}
.profile-settings-list{border:1px solid #e1e8f0;box-shadow:0 5px 18px rgba(15,35,64,.035)}
.profile-language-row{min-height:54px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #edf1f5;color:#20334e}
.profile-language-row>span{font-size:12px;font-weight:750}
.profile-language-row select{height:34px;max-width:125px;border:1px solid #dce5ef;border-radius:10px;background:#f7f9fc;color:#20334e;padding:0 28px 0 9px;outline:0;font-size:11px;font-weight:800}
.profile-source-modal{padding-bottom:calc(20px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.profile-card-modal{text-align:left}
.profile-card-modal h1{margin:10px 0 14px;text-align:left}
.profile-modal-icon{width:50px;height:50px;border-radius:16px;background:#eef4ff;color:#1768f5;display:grid;place-items:center}
.profile-card-modal form{display:grid;gap:10px}
.profile-card-modal label{margin:0}
.profile-card-form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.profile-card-modal input{font-size:13px}
.card-default-check{margin:2px 0!important}
.modal-security{margin-top:11px}
.profile-confirm-modal{padding-top:28px}
.profile-confirm-modal h1{margin:0 0 8px;text-align:left}
.profile-confirm-modal>p{text-align:left;margin:0;color:#6f8095}
.profile-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.profile-secondary-button,.profile-danger-button{min-height:44px;border:0;border-radius:13px;font-weight:850}
.profile-secondary-button{background:#eef2f7;color:#364b63}
.profile-danger-button{background:#e63d58;color:#fff}
@media(max-width:390px){.profile-form-grid{grid-template-columns:1fr}.profile-card-form-row{grid-template-columns:1fr 1fr}.profile-saved-card{grid-template-columns:44px minmax(0,1fr) auto}.profile-card-logo{width:44px}.profile-language-row select{max-width:112px}}
@media(max-width:380px){.category-grid{gap:7px}.category-tile{min-height:112px;grid-template-rows:74px 26px;padding:6px}.category-tile img{height:74px}.category-tile strong{font-size:9.5px;line-height:1.2;max-height:24px}}
.profile-appbar{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 12px;background:#fff}
.profile-appbar-spacer{display:block}
.profile-appbar-brand{justify-self:center;display:flex;align-items:center;gap:5px;text-decoration:none;color:#fff;background:#1768f5;border-radius:15px;padding:7px 13px;font-size:15px;font-style:italic;font-weight:950;letter-spacing:.04em}
.profile-appbar-brand span,.profile-appbar-brand b{color:#fff}
.profile-appbar-actions{justify-self:end;display:flex;align-items:center;gap:5px}
.profile-appbar-button{position:relative;width:42px;height:42px;border:0;border-radius:14px;background:#f1f4f8;color:#44566c;display:grid;place-items:center}
.profile-appbar-button .badge{top:-4px;right:-4px}
.profile-page-tbz{margin:-12px -10px -22px;padding:8px 10px 22px;background:#f1f3f6;min-height:calc(100dvh - 118px)}
.profile-overview-head{background:#fff;border-radius:0 0 22px 22px;padding:8px 6px 10px}
.profile-overview-user{width:100%;min-width:0;border:0;background:transparent;display:grid;grid-template-columns:58px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:4px 7px;text-align:left;color:#13243d}
.profile-overview-avatar{width:58px;height:58px;border-radius:19px;overflow:hidden;background:linear-gradient(135deg,#1269f7,#15bea9);display:grid;place-items:center;color:#fff}
.profile-overview-avatar img{width:100%;height:100%;object-fit:cover}
.profile-overview-avatar b{font-size:24px}
.profile-overview-copy{min-width:0;display:grid;gap:2px}
.profile-overview-copy strong{font-size:19px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-overview-copy small{font-size:11px;color:#7b8999}
.profile-overview-copy em{font-size:10px;color:#1768f5;font-style:normal;font-weight:750}
.profile-overview-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:9px 0}
.profile-overview-quick button{min-width:0;min-height:94px;border:0;border-radius:20px;background:#fff;padding:12px 9px;text-align:left;color:#17283f;display:grid;grid-template-rows:28px auto auto;align-content:start}
.profile-overview-quick button>span{color:#93a0ad}
.profile-overview-quick button>span .ui-icon{width:23px;height:23px}
.profile-overview-quick b{font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.profile-overview-quick small{font-size:11px;color:#65778b;margin-top:4px}
.profile-orders-carousel{margin:9px -2px 9px;overflow:hidden}
.profile-orders-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 2px 2px;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x}
.profile-orders-strip::-webkit-scrollbar{display:none}
.profile-order-swipe-card{flex:0 0 calc(100% - 66px);min-width:0;min-height:104px;border:0;border-radius:20px;background:#fff;display:grid;grid-template-columns:68px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:10px 11px;color:#17283f;text-align:left;scroll-snap-align:start;scroll-snap-stop:always;box-shadow:0 1px 0 rgba(15,35,64,.015)}
.profile-order-swipe-thumb{position:relative;width:68px;height:82px;border-radius:15px;background:#f2f4f7;overflow:hidden;display:grid;place-items:center;color:#7c8b9b}
.profile-order-swipe-thumb img{width:100%;height:100%;object-fit:cover}
.profile-order-swipe-thumb>.ui-icon{width:25px;height:25px}
.profile-order-swipe-thumb>b{position:absolute;right:4px;bottom:4px;min-width:24px;height:20px;padding:0 5px;border-radius:10px;background:rgba(18,31,48,.82);color:#fff;display:grid;place-items:center;font-size:9px}
.profile-order-swipe-copy{min-width:0;display:grid;align-content:center;gap:4px}
.profile-order-swipe-copy strong{color:#17283f;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-order-swipe-card.is-ready .profile-order-swipe-copy strong{color:#00a84f}
.profile-order-swipe-copy small{color:#7b8998;font-size:11px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.profile-order-swipe-copy em{color:#17283f;font-size:10px;line-height:1.2;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-order-swipe-arrow{color:#17283f;display:grid;place-items:center}
.profile-order-swipe-arrow .ui-icon{width:21px;height:21px}
.profile-orders-all{flex:0 0 82px;min-height:104px;border:0;border-radius:20px;background:#fff;color:#5f6f80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 7px;text-align:center;scroll-snap-align:start;scroll-snap-stop:always}
.profile-orders-all>span{width:38px;height:38px;border-radius:14px;background:#f3f6f9;color:#17283f;display:grid;place-items:center}
.profile-orders-all>span .ui-icon{width:22px;height:22px}
.profile-orders-all>b{font-size:10px;line-height:1.15}
.profile-latest-order{width:100%;border:0;border-radius:20px;background:#fff;display:grid;grid-template-columns:52px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:12px;margin-bottom:9px;color:#17283f;text-align:left}
.profile-latest-order-icon{width:52px;height:52px;border-radius:15px;background:#eef4ff;color:#1768f5;display:grid;place-items:center}
.profile-latest-order div{min-width:0;display:grid;gap:2px}
.profile-latest-order small{color:#7f8d9c;font-size:9px}
.profile-latest-order b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-latest-order span{font-size:10px;color:#4f647a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-finance-card,.profile-viewed-section{background:#fff;border-radius:20px;padding:14px;margin-bottom:9px}
.profile-block-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.profile-block-title h2{margin:0;font-size:18px}
.profile-block-title button{border:0;background:transparent;color:#1768f5;display:flex;align-items:center;gap:2px;font-size:10px;font-weight:800}
.profile-block-title button .ui-icon{width:14px;height:14px}
.profile-finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.profile-finance-grid button{min-height:75px;border:0;border-radius:17px;background:#f5f7fa;text-align:left;padding:12px;color:#16283f}
.profile-finance-grid small{display:block;color:#7b8999;font-size:10px}
.profile-finance-grid strong{display:block;margin-top:6px;font-size:18px}
.profile-main-menu{background:#fff;border-radius:20px;overflow:hidden;margin-bottom:9px}
.profile-main-menu button,.profile-menu-group button{width:100%;min-height:56px;border:0;border-bottom:1px solid #edf0f4;background:#fff;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:0 14px;text-align:left;color:#16283f}
.profile-main-menu button:last-child,.profile-menu-group button:last-child{border-bottom:0}
.profile-main-menu button>span,.profile-menu-group button>span{width:38px;height:38px;border-radius:12px;background:#f3f6f9;color:#8594a3;display:grid;place-items:center}
.profile-main-menu button>b,.profile-menu-group button>b{font-size:13px}
.profile-main-menu .ui-icon,.profile-menu-group .ui-icon{width:19px;height:19px}
.profile-main-menu button>svg,.profile-menu-group button>svg{color:#b0bac4;width:18px;height:18px}
.profile-viewed-strip{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding-bottom:2px}
.profile-viewed-card{flex:0 0 118px;min-width:0;border:0;background:#fff;text-align:left;padding:0;color:#17283f}
.profile-viewed-image{width:118px;height:118px;border-radius:16px;background:#f2f4f7;overflow:hidden;display:grid;place-items:center}
.profile-viewed-image img{width:100%;height:100%;object-fit:cover}
.profile-viewed-card b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:7px;font-size:10px;line-height:1.25;min-height:25px}
.profile-viewed-card strong{display:block;margin-top:4px;font-size:12px;color:#0ca35a}
.profile-menu-sheet{position:absolute;left:0;right:0;bottom:0;max-height:86dvh;overflow:auto;background:#f1f3f6;border-radius:28px 28px 0 0;padding:16px 10px calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.profile-menu-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px}
.profile-menu-sheet-head h2{margin:0;font-size:22px}
.profile-menu-close{position:static;flex:0 0 42px}
.profile-menu-group{background:#fff;border-radius:20px;overflow:hidden;margin-bottom:8px}
.profile-settings-page{padding-bottom:8px}
@media(max-width:380px){
.profile-overview-quick{gap:6px}
.profile-overview-quick button{padding:10px 7px;min-height:90px}
.profile-overview-quick b{font-size:11px}
.profile-finance-grid{gap:6px}
.profile-viewed-card{flex-basis:108px}
.profile-viewed-image{width:108px;height:108px}
}
.profile-product-section{margin-bottom:9px}
.profile-products-empty{min-height:78px;border-radius:16px;background:#f5f7fa;color:#8593a2;display:grid;place-items:center;text-align:center;padding:16px;font-size:11px}
.profile-detail-appbar{height:54px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:4px 8px;background:#fff;border-bottom:1px solid #edf0f4}
.profile-detail-appbar>b{text-align:center;font-size:18px;color:#111f34}
.profile-detail-back{width:42px;height:42px;border:0;background:transparent;color:#8493a1;display:grid;place-items:center}
.settings-tbz-page{margin:-12px -10px -22px;padding:10px 10px 28px;background:#f1f3f6;min-height:calc(100dvh - 118px)}
.settings-photo-card{padding:18px 10px 20px;display:grid;justify-items:center;background:#fff;border-radius:0 0 24px 24px;margin-bottom:9px}
.settings-avatar{width:112px;height:112px;border:0;border-radius:35px;overflow:hidden;background:linear-gradient(135deg,#1768f5,#18c7b5);display:grid;place-items:center;color:#fff}
.settings-avatar img{width:100%;height:100%;object-fit:cover}
.settings-avatar b{font-size:38px}
.settings-change-photo{margin-top:11px;border:0;background:transparent;color:#1768f5;font-size:15px;font-weight:750}
.settings-feature-card,.settings-group{background:#fff;border-radius:20px;overflow:hidden;margin-bottom:9px}
.settings-toggle-row{position:relative;min-height:92px;display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:14px;padding:14px 16px}
.settings-toggle-row span{min-width:0}
.settings-toggle-row b,.settings-toggle-row small{display:block}
.settings-toggle-row b{font-size:15px;color:#15263e}
.settings-toggle-row small{margin-top:5px;color:#7c8a9a;font-size:11px;line-height:1.4}
.settings-toggle-row input{position:absolute;opacity:0;pointer-events:none}
.settings-toggle-row i{width:50px;height:30px;border-radius:999px;background:#dbe2e9;position:relative;transition:.18s}
.settings-toggle-row i:before{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,35,64,.18);transition:.18s}
.settings-toggle-row input:checked+i{background:#1768f5}
.settings-toggle-row input:checked+i:before{transform:translateX(20px)}
.settings-group button,.settings-select-row{width:100%;min-height:66px;border:0;border-bottom:1px solid #edf0f4;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:9px;padding:10px 16px;text-align:left;color:#17283f}
.settings-group button:last-child,.settings-select-row:last-child{border-bottom:0}
.settings-group button span,.settings-select-row span{min-width:0}
.settings-group button b,.settings-group button small,.settings-select-row b,.settings-select-row small{display:block}
.settings-group button b,.settings-select-row b{font-size:14px}
.settings-group button small,.settings-select-row small{margin-top:3px;color:#7f8d9c;font-size:10px}
.settings-group button>em{font-style:normal;color:#778699;font-size:11px;background:#f1f3f6;border-radius:10px;padding:5px 8px}
.settings-group button>svg{width:18px;height:18px;color:#b4bdc6}
.settings-select-row{grid-template-columns:minmax(0,1fr) auto}
.settings-select-row select{max-width:150px;height:36px;border:0;border-radius:11px;background:#f1f3f6;color:#516276;padding:0 10px;font-size:11px;font-weight:800}
.settings-logout-group{margin-top:14px}
.settings-group .settings-logout{color:#f23855;grid-template-columns:1fr}
.profile-payments-page{margin:-12px -10px -22px;padding:10px 10px 28px;background:#f1f3f6;min-height:calc(100dvh - 118px)}
.profile-payment-panel-page{margin-top:0}
html[data-theme="dark"] body,html[data-theme="dark"] .app-shell{background:#10151d;color:#edf3fa}
html[data-theme="dark"] .settings-tbz-page,html[data-theme="dark"] .profile-page-tbz,html[data-theme="dark"] .profile-payments-page{background:#10151d}
html[data-theme="dark"] .settings-photo-card,html[data-theme="dark"] .settings-feature-card,html[data-theme="dark"] .settings-group,html[data-theme="dark"] .profile-viewed-section,html[data-theme="dark"] .profile-finance-card,html[data-theme="dark"] .profile-overview-head,html[data-theme="dark"] .profile-latest-order,html[data-theme="dark"] .profile-overview-quick button,html[data-theme="dark"] .profile-order-swipe-card,html[data-theme="dark"] .profile-orders-all{background:#171e28;color:#edf3fa}
html[data-theme="dark"] .profile-order-swipe-copy strong,html[data-theme="dark"] .profile-order-swipe-copy em{color:#edf3fa}
html[data-theme="dark"] .profile-order-swipe-card.is-ready .profile-order-swipe-copy strong{color:#25d879}
html[data-theme="dark"] .profile-order-swipe-thumb,html[data-theme="dark"] .profile-orders-all>span{background:#222b37;color:#dbe6f2}
html[data-theme="dark"] .settings-toggle-row b,html[data-theme="dark"] .settings-group button,html[data-theme="dark"] .settings-select-row,html[data-theme="dark"] .profile-detail-appbar>b{color:#edf3fa}
html[data-theme="dark"] .settings-group button,html[data-theme="dark"] .settings-select-row,html[data-theme="dark"] .profile-detail-appbar{background:#171e28;border-color:#263141}
@media(prefers-color-scheme:dark){html[data-theme="system"] body,html[data-theme="system"] .app-shell{background:#10151d;color:#edf3fa}}
.orders-appbar{height:54px;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;background:#fff;padding:3px 10px}
.orders-appbar-back{width:42px;height:42px;border:0;background:transparent;color:#91a0ad;display:grid;place-items:center}
.orders-appbar-back .ui-icon{width:25px;height:25px}
.orders-appbar>b{text-align:center;font-size:18px;color:#101a2b}
.orders-page{margin:-12px -10px -22px;padding:10px 10px 24px;background:#f2f3f6;min-height:calc(100dvh - 118px)}
.orders-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f4f5f8;border-radius:22px;padding:3px;margin-bottom:10px}
.orders-tabs button{height:48px;border:0;border-radius:19px;background:transparent;color:#1d2634;font-size:14px}
.orders-tabs button.is-active{background:#fff;box-shadow:0 3px 12px rgba(15,35,64,.08);font-weight:800}
.orders-years{display:flex;gap:8px;overflow:auto;padding:2px 2px 12px;scrollbar-width:none}
.orders-years button{flex:0 0 auto;height:36px;padding:0 15px;border:0;border-radius:18px;background:#f8f9fb;color:#182337;font-size:12px;font-weight:800}
.orders-years button.is-active{background:#1768f5;color:#fff}
.orders-feed{display:grid;gap:10px}
.tbz-order-card,.completed-order-card{border:0;border-radius:22px;background:#fff;overflow:hidden;color:#152238;box-shadow:0 1px 0 rgba(15,35,64,.025)}
.tbz-order-card-main{width:100%;border:0;background:#fff;text-align:left;padding:16px 14px 0;color:inherit}
.tbz-order-status{display:grid;gap:4px;margin-bottom:13px}
.tbz-order-status strong{font-size:18px;color:#17283f}
.tbz-order-card.is-ready .tbz-order-status strong,.order-detail-status.is-ready{color:#08a55d}
.tbz-order-status small{font-size:13px;color:#17283f;font-weight:800}
.tbz-order-status span{font-size:11px;color:#7d8998;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbz-order-product{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:start}
.tbz-order-product-image{width:105px;height:132px;border-radius:15px;background:#f2f4f7;overflow:hidden;display:grid;place-items:center}
.tbz-order-product-image img{width:100%;height:100%;object-fit:cover}
.tbz-order-product>div{min-width:0;padding-top:2px}
.tbz-order-product b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.3}
.tbz-order-product small{display:block;margin-top:5px;color:#738197;font-size:10px}
.tbz-order-product strong{display:block;margin-top:9px;font-size:18px}
.tbz-order-product em{display:block;margin-top:9px;color:#4f5e72;font-size:11px;font-style:normal;line-height:1.3}
.tbz-order-payment{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:13px 12px;background:#f6f7fa;border-radius:16px;font-size:12px}
.tbz-order-payment b{font-size:16px}
.tbz-order-progress{width:100%;min-height:86px;border:0;background:#fff;border-top:8px solid #f2f3f6;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:8px;padding:13px 15px;text-align:left;color:#17283f}
.tbz-order-progress div{display:grid;gap:4px}
.tbz-order-progress strong{font-size:16px}
.tbz-order-progress small{color:#7a8797;font-size:12px}
.completed-order-card{width:100%;display:block;text-align:left;padding:15px;color:#17283f}
.completed-order-head{display:grid;gap:4px;margin-bottom:12px}
.completed-order-head strong{font-size:17px;color:#748293}
.completed-order-head small{font-size:12px;color:#748293}
.completed-order-product{display:grid;grid-template-columns:108px minmax(0,1fr) 22px;gap:12px;align-items:center}
.completed-order-product>span{width:108px;height:138px;border-radius:15px;background:#f2f4f7;overflow:hidden;display:grid;place-items:center}
.completed-order-product img{width:100%;height:100%;object-fit:cover}
.completed-order-product>div{min-width:0}
.completed-order-product b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px}
.completed-order-product small{display:block;margin-top:5px;color:#738197;font-size:10px}
.completed-order-product strong{display:block;margin-top:10px;font-size:18px}
.orders-empty{min-height:45dvh;border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8694a2}
.orders-empty .ui-icon{width:42px;height:42px}
.orders-empty b{font-size:15px;color:#506176}
.order-detail-tbz{margin:-12px -10px -22px;padding:10px 10px 28px;background:#f2f3f6;min-height:calc(100dvh - 118px);display:grid;gap:9px}
.order-barcode-card{width:100%;border:0;border-radius:22px;background:#fff;padding:14px 18px 12px;color:#17283f;display:grid;gap:5px;justify-items:center}
.order-barcode-card>small{justify-self:start;color:#7c8998;font-size:10px}
.order-barcode-svg{width:100%;height:82px;display:block;fill:#000;background:#fff}
.order-barcode-card>strong{font-size:18px;letter-spacing:.06em;word-break:break-all}
.order-barcode-card>span{font-size:10px;color:#8895a3}
.order-pickup-card{border-radius:22px;background:#fff;padding:16px 14px}
.order-detail-status{display:block;color:#1768f5;font-size:18px;margin-bottom:7px}
.order-pickup-card h2{margin:0 0 5px;font-size:17px}
.order-pickup-card>p{margin:3px 0;color:#748294;font-size:12px}
.order-detail-products{display:grid;gap:10px;margin-top:13px}
.order-detail-products article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}
.order-detail-products article>span{width:112px;height:145px;border-radius:15px;background:#f2f4f7;overflow:hidden;display:grid;place-items:center}
.order-detail-products article img{width:100%;height:100%;object-fit:cover}
.order-detail-products article>div{min-width:0;display:grid;align-content:start}
.order-detail-products article b{font-size:12px;line-height:1.3}
.order-detail-products article small{margin-top:4px;color:#7b8998;font-size:10px}
.order-detail-products article strong{margin-top:8px;font-size:18px}
.order-detail-products article em{margin-top:8px;font-style:normal;color:#4f6074;font-size:11px}
.order-detail-payment{margin-top:16px;padding:13px 12px;border-radius:16px;background:#f6f7fa;display:flex;align-items:center;justify-content:space-between;font-size:13px}
.order-detail-payment b{font-size:17px}
.order-status-card,.order-number-card{border-radius:22px;background:#fff;padding:15px;color:#17283f}
.order-status-card{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:10px;align-items:center}
.order-status-card div{display:grid;gap:4px}
.order-status-card small{font-size:9px;color:#8794a2}
.order-status-card strong{font-size:17px}
.order-status-card span,.order-status-card p{margin:0;color:#6f7f91;font-size:12px}
.order-number-card{display:grid;grid-template-columns:auto 1fr;gap:4px 10px}
.order-number-card span{color:#83909f;font-size:10px}
.order-number-card b{justify-self:end;font-size:12px}
.order-number-card small{grid-column:1/-1;color:#83909f;font-size:10px}
.barcode-modal{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);background:#fff;border-radius:26px;padding:23px 18px 20px;display:grid;justify-items:center;gap:10px}
.barcode-modal h2{margin:0 0 5px;font-size:19px}
.barcode-modal .order-barcode-svg{height:145px}
.barcode-modal>strong{font-size:18px;letter-spacing:.07em;word-break:break-all;text-align:center}
.barcode-modal>small{color:#66778b}
@media(max-width:380px){
.tbz-order-product{grid-template-columns:94px minmax(0,1fr)}
.tbz-order-product-image{width:94px;height:120px}
.completed-order-product{grid-template-columns:96px minmax(0,1fr) 18px}
.completed-order-product>span{width:96px;height:126px}
.order-detail-products article{grid-template-columns:98px minmax(0,1fr)}
.order-detail-products article>span{width:98px;height:132px}
}
.returns-help-button{justify-self:end;width:42px;height:42px;border:0;border-radius:50%;background:#f0f3f6;color:#8794a2;display:grid;place-items:center}
.returns-help-button .ui-icon{width:20px;height:20px}
.returns-page{margin:-12px -10px -22px;padding:10px 10px 104px;background:#f2f3f6;min-height:calc(100dvh - 118px)}
.returns-feed{display:grid;gap:10px}
.return-card{width:100%;border:0;border-radius:22px;background:#fff;padding:16px 14px 14px;text-align:left;color:#17283f}
.return-card-head{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:start;gap:10px}
.return-card-head>div{display:grid;justify-items:start;gap:9px}
.return-card-head strong{font-size:18px;line-height:1.2}
.return-status-pill{display:inline-flex;align-items:center;min-height:29px;padding:0 11px;border-radius:9px;font-size:11px;font-weight:850}
.return-status-pill.is-completed{background:#10c75b;color:#fff}
.return-status-pill.is-review{background:#fff3d7;color:#9b6400}
.return-status-pill.is-cancelled{background:#ffe9ed;color:#d52f4d}
.return-card>p{margin:13px 0;color:#26384e;font-size:13px;line-height:1.45}
.return-product-preview{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;margin:13px 0}
.return-product-preview>span{width:72px;height:90px;border-radius:14px;background:#f3f5f8;overflow:hidden;display:grid;place-items:center}
.return-product-preview img{width:100%;height:100%;object-fit:cover}
.return-product-preview>div{min-width:0}
.return-product-preview b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px}
.return-product-preview small{display:block;margin-top:5px;color:#7c8998;font-size:10px}
.return-card-total{display:flex;align-items:center;justify-content:space-between;padding-top:8px}
.return-card-total>b{font-size:14px}
.return-card-total>strong{font-size:16px}
.returns-create-bar{position:fixed;z-index:1050;left:0;right:0;bottom:calc(64px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:10px;background:rgba(255,255,255,.97);border-top:1px solid #e6ebf0}
.returns-create-button{width:100%;height:54px;border:0;border-radius:17px;background:#1768f5;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:850}
.returns-create-button .ui-icon{width:22px;height:22px}
.returns-empty{min-height:48dvh;border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#82909f;text-align:center;padding:20px}
.returns-empty.compact{min-height:180px}
.returns-empty .ui-icon{width:40px;height:40px}
.returns-empty b{font-size:14px;color:#526377}
.return-detail-page{margin:-12px -10px -22px;padding:10px 10px 28px;background:#f2f3f6;min-height:calc(100dvh - 118px);display:grid;gap:9px}
.return-detail-summary,.return-detail-items,.return-detail-info{border-radius:22px;background:#fff;padding:15px}
.return-detail-summary>small{color:#7f8d9b;font-size:9px}
.return-detail-summary h2{margin:4px 0 9px;font-size:19px}
.return-detail-summary p{margin:12px 0 0;color:#5c6e82;font-size:12px;line-height:1.45}
.return-detail-items h2{margin:0 0 12px;font-size:17px}
.return-detail-item{display:grid;grid-template-columns:78px minmax(0,1fr);gap:11px;padding:10px 0;border-top:1px solid #edf1f5}
.return-detail-item:first-of-type{border-top:0}
.return-detail-item>span{width:78px;height:96px;border-radius:13px;background:#f3f5f8;overflow:hidden;display:grid;place-items:center}
.return-detail-item img{width:100%;height:100%;object-fit:cover}
.return-detail-item>div{min-width:0;display:grid;align-content:start}
.return-detail-item b{font-size:12px;line-height:1.3}
.return-detail-item small,.return-detail-item em{margin-top:4px;color:#758498;font-size:10px;font-style:normal}
.return-detail-item strong{margin-top:7px;font-size:14px}
.return-detail-info{display:grid;gap:8px}
.return-detail-info>div{display:flex;justify-content:space-between;gap:10px}
.return-detail-info span{color:#778697;font-size:11px}
.return-detail-info b{font-size:12px;text-align:right}
.return-detail-info strong{font-size:16px}
.return-detail-info p{margin:0;color:#607288;font-size:11px;line-height:1.4}
.return-create-sheet{position:absolute;left:0;right:0;bottom:0;max-height:86dvh;overflow:auto;background:#f2f3f6;border-radius:28px 28px 0 0;padding:16px 10px calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.return-create-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px}
.return-create-sheet-head h2{margin:0;font-size:20px}
.return-create-close{position:static;flex:0 0 42px}
.return-eligible-list{display:grid;gap:8px}
.return-eligible-card{width:100%;border:0;border-radius:18px;background:#fff;display:grid;grid-template-columns:64px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px;text-align:left;color:#17283f}
.return-eligible-image{width:64px;height:76px;border-radius:13px;background:#f2f4f7;overflow:hidden;display:grid;place-items:center}
.return-eligible-image img{width:100%;height:100%;object-fit:cover}
.return-eligible-card>div{min-width:0;display:grid;gap:3px}
.return-eligible-card small{font-size:9px;color:#7d8998}
.return-eligible-card b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.return-eligible-card strong{font-size:14px}
@media(min-width:600px){
.returns-create-bar{max-width:520px;margin:auto}
}
.notification-settings-appbar>b{font-size:17px}
.notification-settings-page{margin:-12px -10px -22px;padding:8px 0 28px;background:#f3f4f6;min-height:calc(100dvh - 118px)}
.notification-setting-section{background:#fff;margin-bottom:9px;padding:0}
.notification-setting-copy{padding:22px 18px 15px}
.notification-setting-copy h2{margin:0;font-size:20px;line-height:1.2;color:#101820}
.notification-setting-copy p{margin:8px 0 0;color:#778391;font-size:13px;line-height:1.45}
.notification-setting-channels{border-top:1px solid #edf0f3}
.notification-channel-row{position:relative;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:12px;padding:8px 18px;border-bottom:1px solid #edf0f3;background:#fff}
.notification-channel-row:last-child{border-bottom:0}
.notification-channel-row>span{min-width:0;display:grid;gap:2px}
.notification-channel-row b{font-size:14px;font-weight:500;color:#17202c}
.notification-channel-row small{font-size:11px;color:#8a96a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-channel-row input{position:absolute;opacity:0;pointer-events:none}
.notification-channel-row>i{position:relative;width:50px;height:30px;border-radius:18px;background:#dbe2ec;transition:background .18s}
.notification-channel-row>i:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,35,64,.18);transition:transform .18s}
.notification-channel-row input:checked+i{background:#1768f5}
.notification-channel-row input:checked+i:before{transform:translateX(20px)}
.notification-channel-row input:disabled+i{opacity:.55}
.notification-runtime-note{margin:8px 12px 0;border-radius:17px;background:#eef4ff;color:#52657c;padding:12px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;font-size:10px;line-height:1.4}
.notification-runtime-note .ui-icon{width:20px;height:20px;color:#1768f5}
.tb-id-page,.tb-id-subpage{margin:-12px -10px -22px;padding:16px 12px 28px;background:#fff;min-height:calc(100dvh - 118px)}
.tb-id-brand{display:grid;justify-items:center;text-align:center;padding:12px 0 26px}
.tb-id-logo{display:flex;align-items:center;gap:7px;font-size:30px;font-weight:950;letter-spacing:-.04em}
.tb-id-logo span{color:#1768f5}
.tb-id-logo b{color:#101318}
.tb-id-brand p{margin:6px 0 0;color:#7a8796;font-size:13px}
.tb-id-age-card{width:100%;border:0;border-radius:20px;background:#f5f6fa;display:grid;grid-template-columns:58px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:14px;margin-bottom:12px;text-align:left;color:#16243a}
.tb-id-age-icon{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#6d4cff,#1768f5);color:#fff;font-size:19px;font-weight:950;display:grid;place-items:center}
.tb-id-age-card>span:nth-child(2){min-width:0;display:grid;gap:4px}
.tb-id-age-card b{font-size:14px}
.tb-id-age-card small{color:#7b8896;font-size:11px;line-height:1.35}
.tb-id-age-card.is-ready .tb-id-age-icon{background:linear-gradient(145deg,#16b97b,#0a8f65)}
.tb-id-group{border-radius:20px;background:#f5f6fa;overflow:hidden;margin-bottom:12px;padding:0 14px}
.tb-id-group button{width:100%;min-height:72px;border:0;border-bottom:1px solid #dfe4ea;background:transparent;display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;text-align:left;color:#182234;padding:8px 0}
.tb-id-group button:last-child{border-bottom:0}
.tb-id-group button>span{min-width:0;display:grid;gap:4px}
.tb-id-group button small{color:#7c8998;font-size:11px}
.tb-id-group button b{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-id-group button>svg{color:#97a3ae}
.tb-id-logout{width:100%;height:54px;border:0;border-radius:17px;background:#fff0f0;color:#e33b31;font-size:15px;font-weight:850;margin-top:2px}
.tb-id-subpage-intro{padding:5px 4px 14px}
.tb-id-subpage-intro h1{margin:0;font-size:22px}
.tb-id-subpage-intro p{margin:6px 0 0;color:#7a8796;font-size:12px}
.tb-device-list,.tb-linked-list{display:grid;gap:9px}
.tb-device-card,.tb-linked-card{border-radius:18px;background:#f5f6fa;padding:12px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px}
.tb-device-icon,.tb-linked-icon{width:48px;height:48px;border-radius:14px;background:#fff;color:#1768f5;display:grid;place-items:center}
.tb-device-card>div,.tb-linked-card>div{min-width:0;display:grid;gap:2px}
.tb-device-card b,.tb-linked-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-device-card small,.tb-linked-card span{font-size:10px;color:#617388;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-device-card em,.tb-linked-card small{font-size:9px;color:#8a97a4;font-style:normal}
.tb-device-card>button{border:0;border-radius:12px;background:#fff;color:#e23c4f;padding:9px 10px;font-size:9px;font-weight:800}
.tb-device-current{border-radius:11px;background:#e9f3ff;color:#1768f5;padding:8px 9px;font-size:9px;font-weight:800}
.tb-linked-card>svg{color:#10a26a}
.tb-id-empty{min-height:220px;border-radius:20px;background:#f5f6fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8794a2;text-align:center;padding:20px}
.tb-id-empty .ui-icon{width:38px;height:38px}
.tb-id-empty b{font-size:13px;color:#5f7083}
@media(max-width:380px){
.tb-id-logo{font-size:27px}
.tb-id-age-card{grid-template-columns:52px minmax(0,1fr) 18px}
.tb-id-age-icon{width:52px;height:52px}
.tb-device-card,.tb-linked-card{grid-template-columns:44px minmax(0,1fr) auto;padding:10px}
.tb-device-icon,.tb-linked-icon{width:44px;height:44px}
}
.language-currency-backdrop{background:rgba(16,22,31,.28);backdrop-filter:blur(2px)}
.language-currency-sheet{position:absolute;left:0;right:0;bottom:0;max-height:88dvh;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:17px 16px calc(22px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.language-currency-head{display:flex;align-items:center;justify-content:center;position:relative;min-height:46px}
.language-currency-head h2{margin:0;font-size:18px;color:#111a28}
.language-currency-close{position:absolute;right:0;top:0;background:#f0f3f6;color:#7f8c99}
.language-currency-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f5f6fa;border-radius:22px;padding:3px;margin:9px 0 18px}
.language-currency-tabs button{height:50px;border:0;border-radius:19px;background:transparent;color:#182235;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}
.language-currency-tabs button.is-active{background:#fff;box-shadow:0 2px 10px rgba(15,35,64,.08);font-weight:800}
.language-currency-tabs span{font-size:12px;font-weight:800;color:#7c8998}
.language-currency-list{display:grid}
.language-currency-row{width:100%;min-height:70px;border:0;border-bottom:1px solid #e5e9ee;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:10px;padding:6px 0;text-align:left;color:#121c2a}
.language-currency-row:last-child{border-bottom:0}
.language-currency-flag{font-size:23px;line-height:1;display:grid;place-items:center}
.language-currency-row>b{font-size:15px;font-weight:500}
.language-currency-main{min-width:0;display:grid;gap:3px}
.language-currency-main b{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-currency-main small{font-size:11px;color:#7f8c99}
.language-currency-radio{justify-self:end;width:25px;height:25px;border-radius:50%;border:1.5px solid #d4dbe4;background:#f8f9fb;position:relative}
.language-currency-radio.is-active{border:6px solid #1768f5;background:#fff}
.language-currency-note{margin:14px 0 2px;padding:11px 12px;border-radius:14px;background:#f5f8fc;color:#708197;font-size:10px;line-height:1.4}
@media(max-width:380px){
.language-currency-sheet{padding-left:14px;padding-right:14px}
.language-currency-row{min-height:66px}
.language-currency-row>b,.language-currency-main b{font-size:14px}
}
.pickup-selector-backdrop{background:rgba(10,18,30,.34);backdrop-filter:blur(3px)}
.pickup-selector-sheet{position:absolute;left:0;right:0;bottom:0;max-height:88dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#f3f5f8;border-radius:28px 28px 0 0;overflow:hidden}
.pickup-selector-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:10px;padding:17px 16px 12px;background:#fff}
.pickup-selector-head h2{margin:0;font-size:19px;color:#14223a}
.pickup-selector-head p{margin:5px 0 0;color:#74859a;font-size:10px;line-height:1.35}
.pickup-selector-close{position:static;justify-self:end;background:#eef2f6;color:#708095}
.pickup-map-card{margin:10px 10px 0;border-radius:20px;background:#fff;overflow:hidden;border:1px solid #e0e7ef;min-width:0}
.pickup-map-frame{display:block;width:100%;max-width:100%;height:230px;border:0;background:#e9eef4}
.pickup-map-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px}
.pickup-map-meta>div{min-width:0;display:grid;gap:3px}
.pickup-map-meta b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pickup-map-meta small{font-size:10px;color:#718198;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pickup-map-meta a{height:34px;display:flex;align-items:center;padding:0 10px;border-radius:11px;background:#edf4ff;color:#1768f5;text-decoration:none;font-size:9px;font-weight:850;white-space:nowrap}
.pickup-point-list{min-height:0;overflow:auto;padding:10px;display:grid;gap:8px;overscroll-behavior:contain}
.pickup-point-card{width:100%;min-width:0;border:1px solid #e0e7ef;border-radius:18px;background:#fff;display:grid;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:10px;text-align:left;color:#17283f}
.pickup-point-card.is-active{border-color:#1768f5;box-shadow:0 0 0 2px rgba(23,104,245,.08);background:#f8fbff}
.pickup-point-card-icon{width:46px;height:46px;border-radius:14px;background:#edf4ff;color:#1768f5;display:grid;place-items:center}
.pickup-point-card-copy{min-width:0;display:grid;gap:3px}
.pickup-point-card-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pickup-point-card-copy small{font-size:9px;color:#687a90;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pickup-point-card-copy em{font-size:9px;color:#0b9368;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pickup-point-card-radio{width:22px;height:22px;border-radius:50%;border:1.5px solid #cdd7e3;background:#fff}
.pickup-point-card-radio.is-active{border:6px solid #1768f5}
.pickup-point-empty{min-height:180px;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8190a0;text-align:center;padding:20px}
.pickup-point-empty .ui-icon{width:36px;height:36px}
.pickup-point-empty b{font-size:13px;color:#5b6c80}
.pickup-selector-footer{padding:10px 10px calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:rgba(255,255,255,.98);border-top:1px solid #e0e7ef}
.pickup-select-confirm{width:100%;min-height:50px}
@media(max-width:380px){
.pickup-map-frame{height:205px}
.pickup-selector-sheet{max-height:90dvh}
.pickup-point-card{grid-template-columns:42px minmax(0,1fr) 22px;padding:9px}
.pickup-point-card-icon{width:42px;height:42px}
.pickup-map-meta{grid-template-columns:1fr}
.pickup-map-meta a{justify-self:start}
}
@media(min-width:600px){
.pickup-selector-sheet{max-width:520px;left:50%;right:auto;width:100%;transform:translateX(-50%)}
}
.tb-id-face-row{position:relative;width:100%;min-height:72px;border-bottom:1px solid #dfe4ea;display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:10px;padding:8px 0;color:#182234}
.tb-id-face-row>span{min-width:0;display:grid;gap:4px}
.tb-id-face-row b{font-size:15px;font-weight:500}
.tb-id-face-row small{color:#7c8998;font-size:11px;line-height:1.3}
.tb-id-face-row input{position:absolute;opacity:0;pointer-events:none}
.tb-id-face-row>i{position:relative;width:50px;height:30px;border-radius:18px;background:#dbe2ec;transition:background .18s}
.tb-id-face-row>i:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,35,64,.18);transition:transform .18s}
.tb-id-face-row input:checked+i{background:#1768f5}
.tb-id-face-row input:checked+i:before{transform:translateX(20px)}
.tb-id-face-row input:disabled+i{opacity:.55}
.bank-auth-backdrop{background:rgba(7,14,27,.42);backdrop-filter:blur(5px)}
.bank-auth-sheet{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);background:#fff;border-radius:25px;padding:24px 18px 20px;display:grid;justify-items:center;box-shadow:0 24px 70px rgba(8,18,34,.24)}
.bank-auth-close{position:absolute;right:13px;top:13px}
.bank-auth-icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,#1768f5,#4057db);color:#fff;display:grid;place-items:center;margin-bottom:10px}
.bank-auth-icon .ui-icon{width:30px;height:30px}
.bank-auth-sheet h2{margin:0;font-size:21px}
.bank-auth-sheet>p{margin:7px 0 17px;color:#6f8094;font-size:11px;line-height:1.45;text-align:center;max-width:310px}
.bank-auth-sheet form{width:100%;display:grid;gap:11px}
.bank-auth-sheet label{display:grid;gap:6px;color:#51657c;font-size:10px;font-weight:750}
.bank-auth-sheet input{width:100%;height:48px;border:1px solid #d8e2ed;border-radius:14px;padding:0 12px;outline:0;font-size:15px}
.bank-auth-sheet input:focus{border-color:#1768f5;box-shadow:0 0 0 3px rgba(23,104,245,.08)}
.bank-auth-sheet .primary-button{width:100%}
@media(min-width:600px){
.bank-auth-sheet{max-width:470px;left:50%;right:auto;width:calc(100% - 24px);transform:translate(-50%,-50%)}
}
.home-ads{position:relative;margin:0 0 12px;overflow:hidden;border-radius:22px;background:#eaf0f6}
.home-ads-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.home-ads-track::-webkit-scrollbar{display:none}
.home-ad-slide{position:relative;flex:0 0 100%;min-width:100%;height:190px;border:0;background:var(--ad-bg,#dcebff);color:var(--ad-color,#0f2340);padding:0;overflow:hidden;scroll-snap-align:start;text-align:left}
.home-ad-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-ad-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,35,.48) 0,rgba(7,18,35,.12) 56%,rgba(7,18,35,0) 78%)}
.home-ad-copy{position:absolute;z-index:2;left:16px;bottom:18px;max-width:62%;display:grid;gap:5px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.22)}
.home-ad-copy b{font-size:20px;line-height:1.08}
.home-ad-copy small{font-size:11px;line-height:1.35}
.home-ad-dots{position:absolute;z-index:4;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:5px}
.home-ad-dots button{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.58);box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.home-ad-dots button.is-active{background:#fff;transform:scale(1.15)}
.home-pickup-ready{display:grid;grid-template-columns:58px minmax(0,1fr) 66px;gap:8px;align-items:stretch;margin:2px 0 14px}
.home-pickup-scan,.home-pickup-orders{border:0;border-radius:18px;background:#17202c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px}
.home-pickup-scan .ui-icon{width:27px;height:27px}
.home-pickup-orders{background:#fff;color:#31445b;border:1px solid #e1e8f0}
.home-pickup-orders .ui-icon{width:21px;height:21px;color:#1768f5}
.home-pickup-orders span{font-size:8px;font-weight:800;line-height:1.1;text-align:center}
.home-pickup-main{min-width:0;border:0;border-radius:18px;background:#fff;display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:8px;text-align:left;color:#15243b;border:1px solid #e1e8f0}
.home-pickup-thumb{width:58px;height:66px;border-radius:13px;background:#f2f5f8;overflow:hidden;display:grid;place-items:center}
.home-pickup-thumb img{width:100%;height:100%;object-fit:cover}
.home-pickup-copy{min-width:0;display:grid;gap:2px}
.home-pickup-copy strong{font-size:13px;color:#0aa260}
.home-pickup-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-pickup-copy small{font-size:9px;color:#6f8094;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-pickup-main>svg{color:#8b99a8;width:18px;height:18px}
.order-list-barcode{width:calc(100% - 20px);margin:10px 10px 0;border:0;border-radius:18px;background:#fff;padding:12px 14px 9px;display:grid;justify-items:center;gap:4px;color:#17283f}
.order-list-barcode .order-barcode-svg{height:68px}
.order-list-barcode strong{font-size:16px;letter-spacing:.045em;word-break:break-all;text-align:center}
.order-list-barcode small{font-size:9px;color:#8794a2}
@media(max-width:380px){
.home-ad-slide{height:175px}
.home-pickup-ready{grid-template-columns:54px minmax(0,1fr) 60px;gap:6px}
.home-pickup-main{grid-template-columns:52px minmax(0,1fr) 16px;gap:7px;padding:7px}
.home-pickup-thumb{width:52px;height:62px}
.home-pickup-copy strong{font-size:12px}
.order-list-barcode .order-barcode-svg{height:62px}
}
/* v0.12.8 guest profile / TB ID */
.guest-profile-page{margin:-12px -10px -22px;padding:0 0 26px;background:#f2f3f6;min-height:calc(100dvh - 118px)}
.guest-profile-auth{background:#fff;border-radius:0 0 28px 28px;padding:14px 18px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}
.guest-profile-brand{min-width:82px;height:38px;border-radius:14px;padding:0 18px;background:#1269f7;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:950;letter-spacing:.03em;box-shadow:0 8px 24px rgba(18,105,247,.18)}
.guest-profile-avatar{width:92px;height:92px;border-radius:50%;margin:8px 0 16px;background:linear-gradient(145deg,#1473ff,#0c4fd0);color:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.guest-profile-avatar .ui-icon{width:52px;height:52px;stroke-width:1.45}
.guest-profile-auth h1{margin:0;font-size:25px;line-height:1.14;color:#101722}
.guest-profile-auth p{max-width:430px;margin:12px 0 18px;color:#737f8e;font-size:14px;line-height:1.55}
.guest-profile-login,.guest-profile-business{width:100%;min-height:54px;border:0;border-radius:18px;font-weight:850;font-size:15px}
.guest-profile-login{background:#1269f7;color:#fff}
.guest-profile-business{margin-top:10px;background:#eaf4ff;color:#1269f7}
.guest-profile-auth>small{margin-top:15px;color:#8a95a2;font-size:10px;line-height:1.4}
.guest-profile-settings{margin:10px 0;background:#fff;border-radius:24px;overflow:hidden}
.guest-profile-settings button{width:100%;min-height:58px;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:0 18px;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:8px;text-align:left;color:#17202c}
.guest-profile-settings button:last-child{border-bottom:0}
.guest-profile-settings span{font-size:15px}
.guest-profile-settings em{font-style:normal;color:#7a8795;font-size:12px}
.guest-profile-settings .ui-icon{width:19px;height:19px;color:#9aa4ae}
.guest-profile-recommendations{padding:6px 0 0}
.guest-profile-recommendations h2{margin:0 18px 12px;font-size:20px;color:#111822}
.guest-profile-recommendations>div{display:flex;gap:8px;overflow-x:auto;padding:0 10px 10px;scrollbar-width:none;scroll-snap-type:x proximity}
.guest-profile-recommendations>div::-webkit-scrollbar{display:none}
.guest-profile-product{flex:0 0 44%;min-width:0;border:0;border-radius:18px;background:#fff;padding:0 0 10px;overflow:hidden;text-align:left;color:#152238;scroll-snap-align:start}
.guest-profile-product>span{display:block;aspect-ratio:1;background:#eef2f6;overflow:hidden}
.guest-profile-product img{width:100%;height:100%;object-fit:cover}
.guest-profile-product>span .ui-icon{width:38px;height:38px;margin:34% auto;color:#9da9b6}
.guest-profile-product b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:8px 9px 3px;font-size:11px;line-height:1.3;min-height:29px}
.guest-profile-product strong{display:block;margin:0 9px;color:#1269f7;font-size:14px}
.auth-modal-full{position:absolute;inset:0;border-radius:0;max-height:none;padding:calc(22px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 20px calc(24px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));overflow:auto}
.auth-id-screen{display:block;background:#fff}
.auth-id-screen .auth-close{top:calc(14px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));right:14px;background:#f5f6f8;color:#8d98a4;box-shadow:none}
.auth-id-logo{display:flex;align-items:center;gap:7px;margin:62px 0 58px;font-weight:950;font-size:29px;letter-spacing:-.03em;color:#111722}
.auth-id-logo span{color:#1269f7;font-size:42px;line-height:1}
.auth-id-screen h1{margin:0;text-align:left;font-size:29px;line-height:1.12;color:#111722}
.auth-id-screen>p{margin:16px 0 24px;text-align:left;color:#707c8b;font-size:14px;line-height:1.55;max-width:440px}
.auth-id-field{display:block;margin:0 0 16px!important;border:1px solid #d9dee5;border-radius:18px;padding:8px 14px 7px;color:#8993a0!important;font-size:10px!important;font-weight:650!important}
.auth-id-field span{display:block;margin-bottom:1px}
.auth-id-field input{height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#171d27;font-size:17px!important;outline:0}
.auth-id-primary{width:100%;min-height:54px;border-radius:17px;font-size:15px}
.auth-id-links{display:grid;gap:22px;justify-items:center;margin-top:34dvh;padding-bottom:20px}
.auth-id-links button{border:0;background:transparent;color:#1269f7;font-weight:800;font-size:14px}
.auth-identifier-preview{width:100%;min-height:52px;border:0;border-radius:17px;background:#f5f7fa;margin-bottom:13px;padding:0 14px;display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;text-align:left;color:#1d2a3a}
.auth-identifier-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}
.auth-identifier-preview .ui-icon{width:18px;height:18px;color:#8d99a7}
html[data-theme="dark"] .guest-profile-page{background:#10151d}
html[data-theme="dark"] .guest-profile-auth,html[data-theme="dark"] .guest-profile-settings,html[data-theme="dark"] .guest-profile-settings button,html[data-theme="dark"] .guest-profile-product,html[data-theme="dark"] .auth-id-screen{background:#171e28;color:#edf3fa}
html[data-theme="dark"] .guest-profile-auth h1,html[data-theme="dark"] .guest-profile-recommendations h2,html[data-theme="dark"] .guest-profile-settings button,html[data-theme="dark"] .guest-profile-product,html[data-theme="dark"] .auth-id-screen h1,html[data-theme="dark"] .auth-id-logo{color:#edf3fa}
html[data-theme="dark"] .guest-profile-settings button{border-bottom-color:#252e3b}
html[data-theme="dark"] .auth-id-field{border-color:#354153;color:#9aa8b7!important}
html[data-theme="dark"] .auth-id-field input{color:#f4f7fb}
html[data-theme="dark"] .auth-identifier-preview{background:#202936;color:#edf3fa}
@media(max-height:700px){.auth-id-logo{margin:44px 0 34px}.auth-id-links{margin-top:18dvh}}
/* v0.12.9 — permanent customer pickup ID shown before the release barcode exists. */
.order-customer-id-card{margin:10px 10px 0;border-radius:16px;background:#fff;border:1px solid #e1e8f0;min-height:50px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.order-customer-id-card small{font-size:10px;color:#7b8999;font-weight:700}
.order-customer-id-card strong{font-size:20px;letter-spacing:.12em;color:#17283f;font-variant-numeric:tabular-nums}
.order-customer-id-card.is-detail{margin:0 0 10px}
/* v0.13.0 — TB Bank isolated app-like shell + 4-digit PIN / biometric gate */
.tb-bank-mode .app-shell{background:#f3f5f9}
.tb-bank-mode .app-header{background:#fff;box-shadow:0 1px 0 rgba(20,32,52,.06)}
.tb-bank-mode .app-view{padding:0 0 26px;min-height:calc(100dvh - 122px);background:#f3f5f9}
.tb-bank-appbar{height:58px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:5px 14px;background:#fff}
.tb-bank-appbar-spacer{width:42px;height:42px}
.tb-bank-appbar-button{width:42px;height:42px;border:0;border-radius:50%;background:#f4f6f9;color:#69798b;display:grid;place-items:center}
.tb-bank-appbar-button .ui-icon{width:21px;height:21px}
.tb-bank-appbar-brand{justify-self:center;display:flex;align-items:center;gap:5px;font-weight:950;letter-spacing:-.02em;color:#17202d}
.tb-bank-appbar-brand span{min-width:50px;height:30px;padding:0 10px;border-radius:12px;background:#1269f7;color:#fff;display:grid;place-items:center;font-size:16px;letter-spacing:.04em}
.tb-bank-appbar-brand b{font-size:13px;letter-spacing:.08em}
.tb-bank-entry-appbar{background:#fff}
.tb-bank-entry-brand-mini{display:flex;align-items:center;gap:5px;font-weight:900}
.tb-bank-entry-brand-mini span{min-width:38px;height:28px;border-radius:10px;background:#1269f7;color:#fff;display:grid;place-items:center}
.bottom-nav.is-bank-nav{height:calc(68px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:rgba(255,255,255,.98);border-top-color:#e5e9ef;box-shadow:0 -4px 22px rgba(24,37,56,.08)}
.bottom-nav.is-bank-nav button{color:#718292}
.bottom-nav.is-bank-nav button.is-active{color:#1269f7}
.bottom-nav.is-bank-nav .ui-icon{width:24px;height:24px;stroke-width:2.1}
.bottom-nav.is-bank-nav small{font-size:10px;font-weight:700}
.tb-bank-entry-page{min-height:calc(100dvh - 150px);padding:0 10px 18px;background:#f3f5f9}
.tb-bank-entry-hero{margin:0 -10px;padding:26px 20px 24px;border-radius:0 0 30px 30px;background:linear-gradient(145deg,#1269f7 0%,#0c55d8 68%,#183fa9 100%);color:#fff;text-align:center;box-shadow:0 18px 38px rgba(18,105,247,.18)}
.tb-bank-entry-logo{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px}
.tb-bank-entry-logo span{height:34px;min-width:52px;padding:0 12px;border-radius:13px;background:#fff;color:#1269f7;display:grid;place-items:center;font-weight:950;letter-spacing:.04em}
.tb-bank-entry-logo b{font-size:13px;letter-spacing:.12em}
.tb-bank-entry-avatar{width:84px;height:84px;margin:0 auto 16px;border-radius:26px;background:#fff1;overflow:hidden;display:grid;place-items:center;border:2px solid rgba(255,255,255,.34);font-size:28px;font-weight:900}
.tb-bank-entry-avatar img,.tb-bank-mini-avatar img,.tb-bank-more-avatar img,.tb-bank-account-avatar img{width:100%;height:100%;object-fit:cover}
.tb-bank-entry-hero h1{margin:0 auto;max-width:420px;font-size:25px;line-height:1.12;letter-spacing:-.025em}
.tb-bank-entry-hero>p{margin:11px auto 18px;max-width:420px;color:#dce8ff;font-size:12px;line-height:1.55}
.tb-bank-entry-account{max-width:430px;margin:0 auto 12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.12);display:grid;text-align:left;backdrop-filter:blur(10px)}
.tb-bank-entry-account small{color:#cfe0ff;font-size:9px;font-weight:750}.tb-bank-entry-account b{font-size:14px;margin-top:2px}.tb-bank-entry-account span{font-size:11px;color:#e9f1ff;margin-top:2px}
.tb-bank-entry-button{width:100%;max-width:430px;min-height:54px;border:0;border-radius:17px;background:#fff;color:#1269f7;font-weight:900;font-size:15px;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.tb-bank-entry-security{max-width:430px;margin:13px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;color:#dce8ff;font-size:10px}.tb-bank-entry-security .ui-icon{width:16px;height:16px}
.tb-bank-entry-preview{margin:12px 0 0;border-radius:24px;background:#fff;overflow:hidden}
.tb-bank-entry-preview article{min-height:66px;padding:10px 14px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;border-bottom:1px solid #edf0f4}.tb-bank-entry-preview article:last-child{border-bottom:0}
.tb-bank-entry-preview article>span{width:42px;height:42px;border-radius:14px;background:#f0f5ff;color:#1269f7;display:grid;place-items:center}.tb-bank-entry-preview article>span .ui-icon{width:21px;height:21px}
.tb-bank-entry-preview article div{min-width:0;text-align:left}.tb-bank-entry-preview article b,.tb-bank-entry-preview article small{display:block}.tb-bank-entry-preview article b{font-size:14px}.tb-bank-entry-preview article small{margin-top:2px;color:#7b8795;font-size:10px}.tb-bank-entry-preview article>.ui-icon{color:#a2acb7;width:18px}
.tb-bank-pin-sheet{padding-top:26px}.tb-bank-auth-brand{display:flex;align-items:center;gap:6px;margin-bottom:13px;font-weight:950;letter-spacing:.08em}.tb-bank-auth-brand span{min-width:48px;height:32px;border-radius:12px;background:#1269f7;color:#fff;display:grid;place-items:center}.tb-bank-auth-brand b{font-size:12px;color:#182437}
.tb-bank-pin-field input{height:56px!important;text-align:center;font-size:24px!important;font-weight:900;letter-spacing:.42em;padding-left:calc(12px + .42em)!important;font-variant-numeric:tabular-nums}
.tb-bank-pin-primary{min-height:52px;margin-top:2px}.tb-bank-biometric-button{width:100%;min-height:48px;margin-top:10px;border:0;border-radius:15px;background:#eef5ff;color:#1269f7;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850}.tb-bank-biometric-button .ui-icon{width:20px;height:20px}
.tb-bank-app{min-height:100%;padding:0 10px 18px;background:#f3f5f9;color:#111a25}
.tb-bank-blue-hero{margin:0 -10px 12px;padding:14px 14px 22px;border-radius:0 0 28px 28px;background:linear-gradient(145deg,#3484ff 0%,#1269f7 56%,#064fd4 100%);color:#fff}
.tb-bank-userline{display:flex;align-items:center;gap:9px;margin-bottom:14px}.tb-bank-mini-avatar{width:42px;height:42px;border-radius:13px;background:#fff2;overflow:hidden;display:grid;place-items:center;font-weight:900}.tb-bank-userline b,.tb-bank-userline small{display:block}.tb-bank-userline b{font-size:13px}.tb-bank-userline small{margin-top:2px;color:#d6e6ff;font-size:8px;font-weight:800;letter-spacing:.08em}
.tb-bank-account-carousel{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.tb-bank-account-carousel::-webkit-scrollbar{display:none}
.tb-bank-account-tile{flex:0 0 43%;min-width:152px;min-height:158px;padding:14px;border-radius:20px;background:#fff;color:#121c29;scroll-snap-align:start;position:relative;overflow:hidden}.tb-bank-account-tile small{display:block;color:#718090;font-size:11px}.tb-bank-account-tile strong{display:block;margin-top:6px;font-size:23px;line-height:1.08}.tb-bank-account-tile>span{display:block;margin-top:8px;color:#7b8794;font-size:10px}.tb-bank-card-chip{position:absolute;left:14px;bottom:14px;width:44px;height:30px;border-radius:8px;background:#1269f7;color:#fff;display:grid;place-items:center;font-weight:900;font-size:11px}.tb-bank-account-new{background:#2b78f7;color:#fff;border:1px solid rgba(255,255,255,.18)}.tb-bank-account-new small{color:#dce9ff}.tb-bank-account-new strong{font-size:42px;margin-top:18px}
.tb-bank-quick-actions{margin-top:14px;min-height:82px;border-radius:20px;background:rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(3,1fr);backdrop-filter:blur(8px)}.tb-bank-quick-actions button,.tb-bank-method-grid button{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0}.tb-bank-quick-actions button span{width:34px;height:34px;border-radius:50%;background:#fff;color:#1269f7;display:grid;place-items:center}.tb-bank-quick-actions button span .ui-icon{width:19px;height:19px}.tb-bank-quick-actions small{font-size:10px;font-weight:800;color:#fff}
.tb-bank-promo-stack{display:grid;gap:10px}.tb-bank-promo-card{min-height:90px;border-radius:22px;background:#fff;padding:12px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center}.tb-bank-promo-card>span{width:52px;height:52px;border-radius:16px;background:#eef5ff;color:#1269f7;display:grid;place-items:center}.tb-bank-promo-card>span .ui-icon{width:25px;height:25px}.tb-bank-promo-card b,.tb-bank-promo-card small{display:block}.tb-bank-promo-card b{font-size:14px;line-height:1.25}.tb-bank-promo-card small{margin-top:4px;color:#778493;font-size:10px}.tb-bank-promo-card button{border:0;border-radius:12px;background:#1269f7;color:#fff;padding:9px 11px;font-size:10px;font-weight:850}.tb-bank-wide-banner{min-height:130px;border-radius:23px;padding:18px;background:linear-gradient(135deg,#0f64f2,#45a0ff);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center;overflow:hidden}.tb-bank-wide-banner small{font-size:9px;font-weight:900;letter-spacing:.12em}.tb-bank-wide-banner b{display:block;margin-top:4px;font-size:21px}.tb-bank-wide-banner p{max-width:250px;margin:5px 0 0;color:#e8f2ff;font-size:11px}.tb-bank-wide-banner>span{font-size:70px;line-height:1;transform:rotate(10deg);text-shadow:0 10px 24px rgba(0,0,0,.14)}
.tb-bank-white-section{margin:10px 0;border-radius:24px;background:#fff;padding:15px;overflow:hidden}.tb-bank-white-section>h2{margin:0 0 10px;font-size:20px}.tb-bank-section-title{display:flex;align-items:center;justify-content:space-between}.tb-bank-section-title h1{margin:0;font-size:22px}.tb-bank-section-title>span{color:#8390a0}.tb-bank-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 12px}.tb-bank-subhead h2{margin:0;font-size:18px}.tb-bank-subhead p{margin:3px 0 0;color:#7b8793;font-size:10px}.tb-bank-subhead button{border:0;background:#eaf4ff;color:#1269f7;border-radius:12px;padding:6px 9px;display:flex;align-items:center;gap:2px;font-size:10px;font-weight:800}.tb-bank-subhead button .ui-icon{width:14px;height:14px}
.tb-bank-phone-transfer{height:58px;border:1px solid #dfe5ec;border-radius:17px;padding:0 13px;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:7px}.tb-bank-phone-transfer>span{color:#1269f7}.tb-bank-phone-transfer input{min-width:0;border:0;outline:0;background:transparent;font-size:14px}.tb-bank-phone-transfer i{color:#9ba6b2;font-style:normal}.tb-bank-eyebrow{display:block;margin:15px 0 8px;color:#8b96a1;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.tb-bank-method-grid{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.tb-bank-method-grid button{flex:0 0 92px;min-height:112px;padding:10px 8px;border-radius:17px;background:#f5f7fa;color:#182432;align-items:flex-start;text-align:left}.tb-bank-method-grid button span{width:34px;height:34px;border-radius:12px;background:#fff;color:#1269f7;display:grid;place-items:center}.tb-bank-method-grid button small{font-size:10px;line-height:1.25;color:#233247}.tb-bank-add-bill{border:0;background:transparent;color:#1269f7;display:grid;justify-items:center;gap:5px}.tb-bank-add-bill .ui-icon{width:38px;height:38px;padding:8px;border-radius:13px;background:#eaf5ff}.tb-bank-add-bill span{font-size:10px}
.tb-bank-service-row{width:100%;min-height:58px;border:0;border-bottom:1px solid #edf0f4;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left;color:#18232f}.tb-bank-service-row:last-child{border-bottom:0}.tb-bank-service-row>span{width:42px;height:42px;border-radius:14px;background:#f3f6fb;color:#1269f7;display:grid;place-items:center}.tb-bank-service-row>span .ui-icon{width:21px;height:21px}.tb-bank-service-row b{font-size:14px;font-weight:750}.tb-bank-service-row>.ui-icon{width:18px;color:#a1acb6}
.tb-bank-benefit-hero{margin:0 -10px 10px;padding:18px 14px 24px;background:linear-gradient(155deg,#277cff,#3e8aff 58%,#22c6ca 120%);color:#fff}.tb-bank-benefit-hero h1{margin:0 0 13px;font-size:25px}.tb-bank-benefit-hero article{border-radius:21px;background:#fff;color:#162130;padding:16px}.tb-bank-benefit-hero article small{font-size:12px;font-weight:850}.tb-bank-benefit-hero article strong{display:block;margin-top:7px;font-size:25px}.tb-bank-benefit-hero article p{margin:8px 0 0;color:#6f7e8c;font-size:11px}.tb-bank-partner-grid,.tb-bank-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tb-bank-partner-grid article{min-height:112px;border-radius:18px;background:#f4f7fb;padding:13px}.tb-bank-partner-grid span{width:40px;height:40px;border-radius:13px;background:#e9f4ff;color:#1269f7;display:grid;place-items:center;font-size:20px;font-weight:900}.tb-bank-partner-grid b,.tb-bank-partner-grid small{display:block}.tb-bank-partner-grid b{margin-top:9px;font-size:13px}.tb-bank-partner-grid small{margin-top:3px;color:#788595;font-size:10px}.tb-bank-premium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-bank-premium-grid article{min-height:108px;border-radius:17px;background:#f4f7fb;padding:10px}.tb-bank-premium-grid article span{width:36px;height:36px;border-radius:12px;background:#eaf4ff;color:#1269f7;display:grid;place-items:center}.tb-bank-premium-grid article .ui-icon{width:20px;height:20px}.tb-bank-premium-grid b{display:block;margin-top:8px;font-size:10px;line-height:1.25}
.tb-bank-support-head{margin:0 -10px;padding:14px 20px 18px;background:#fff;display:flex;align-items:center;gap:12px}.tb-bank-support-icon{width:48px;height:48px;border-radius:15px;background:#1269f7;color:#fff;display:grid;place-items:center;font-weight:950}.tb-bank-support-head h1{margin:0;font-size:19px}.tb-bank-support-head p{margin:3px 0 0;color:#758391;font-size:11px}.tb-bank-chat-body{padding:14px 0}.tb-bank-chat-bubble{max-width:86%;border-radius:18px 18px 18px 5px;background:#fff;padding:12px 14px}.tb-bank-chat-bubble small{color:#8995a2;font-size:10px}.tb-bank-chat-bubble p{margin:5px 0 0;line-height:1.45;font-size:13px}.tb-bank-chat-thread{width:100%;margin-top:9px;border:0;border-radius:17px;background:#fff;padding:12px 13px;display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;text-align:left}.tb-bank-chat-thread b,.tb-bank-chat-thread small{display:block}.tb-bank-chat-thread small{margin-top:3px;color:#7d8995;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-bank-chat-thread>.ui-icon{color:#9ba6b1;width:18px}.tb-bank-chat-empty{margin-top:10px;padding:18px;border-radius:18px;background:#fff;color:#788593;text-align:center;font-size:12px}.tb-bank-chat-main-button{width:100%;min-height:50px;margin-top:10px;border:0;border-radius:16px;background:#1269f7;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850}
.tb-bank-more-account{padding:0}.tb-bank-more-account>button{width:100%;min-height:78px;border:0;background:#fff;padding:11px 13px;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left}.tb-bank-more-avatar{width:48px;height:48px;border-radius:15px;background:#eef4ff;overflow:hidden;display:grid;place-items:center;color:#1269f7;font-weight:900}.tb-bank-more-account b,.tb-bank-more-account small{display:block}.tb-bank-more-account b{font-size:15px}.tb-bank-more-account small{margin-top:3px;color:#778492;font-size:10px}.tb-bank-more-account>.ui-icon{color:#9ea8b2}.tb-bank-back-market{width:100%;min-height:50px;margin-top:12px;border:0;border-radius:17px;background:#fff;color:#1269f7;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850}
.tb-bank-account-profile{text-align:center;padding:22px 10px 12px}.tb-bank-account-avatar{width:92px;height:92px;margin:0 auto;border-radius:28px;background:#eaf3ff;overflow:hidden;display:grid;place-items:center;color:#1269f7;font-size:30px;font-weight:900;box-shadow:0 10px 26px rgba(18,105,247,.14)}.tb-bank-account-profile h1{margin:13px 0 0;font-size:24px}.tb-bank-account-profile p{margin:4px 0 0;color:#788594;font-size:11px}.tb-bank-account-list{padding:0}.tb-bank-account-list>div,.tb-bank-account-security>div,.tb-bank-account-security>label{min-height:66px;padding:9px 13px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #edf0f4}.tb-bank-account-list>div:last-child,.tb-bank-account-security>div:last-child{border-bottom:0}.tb-bank-account-list>div>span,.tb-bank-account-security>div>span,.tb-bank-account-security>label>span{width:42px;height:42px;border-radius:14px;background:#f2f6fb;color:#1269f7;display:grid;place-items:center}.tb-bank-account-list p,.tb-bank-account-security p{margin:0;min-width:0}.tb-bank-account-list small,.tb-bank-account-list b,.tb-bank-account-security small,.tb-bank-account-security b{display:block}.tb-bank-account-list small,.tb-bank-account-security small{color:#7a8793;font-size:9px}.tb-bank-account-list b,.tb-bank-account-security b{margin-top:2px;font-size:13px}.tb-bank-account-security{padding:0}.tb-bank-account-security input[type="checkbox"]{appearance:none;width:48px;height:28px;border-radius:15px;background:#c9d2dc;position:relative;transition:.2s}.tb-bank-account-security input[type="checkbox"]:after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.tb-bank-account-security input[type="checkbox"]:checked{background:#1269f7}.tb-bank-account-security input[type="checkbox"]:checked:after{transform:translateX(20px)}.tb-bank-account-security>div>.ui-icon{width:18px;color:#9ca7b2}
html[data-theme="dark"] .tb-bank-mode .app-shell,html[data-theme="dark"] .tb-bank-mode .app-view,html[data-theme="dark"] .tb-bank-app,html[data-theme="dark"] .tb-bank-entry-page{background:#10151d;color:#edf3fa}
html[data-theme="dark"] .tb-bank-mode .app-header,html[data-theme="dark"] .tb-bank-appbar,html[data-theme="dark"] .tb-bank-entry-appbar,html[data-theme="dark"] .tb-bank-entry-preview,html[data-theme="dark"] .tb-bank-white-section,html[data-theme="dark"] .tb-bank-promo-card,html[data-theme="dark"] .tb-bank-support-head,html[data-theme="dark"] .tb-bank-chat-bubble,html[data-theme="dark"] .tb-bank-chat-thread,html[data-theme="dark"] .tb-bank-chat-empty,html[data-theme="dark"] .tb-bank-back-market{background:#171e28;color:#edf3fa}
html[data-theme="dark"] .bottom-nav.is-bank-nav{background:rgba(23,30,40,.98);border-top-color:#293342}
html[data-theme="dark"] .tb-bank-service-row{background:#171e28;color:#edf3fa;border-bottom-color:#27313e}
html[data-theme="dark"] .tb-bank-account-tile{background:#1e2733;color:#edf3fa}
html[data-theme="dark"] .tb-bank-method-grid button,html[data-theme="dark"] .tb-bank-partner-grid article,html[data-theme="dark"] .tb-bank-premium-grid article{background:#202a37;color:#edf3fa}
html[data-theme="dark"] .tb-bank-account-list>div,html[data-theme="dark"] .tb-bank-account-security>div,html[data-theme="dark"] .tb-bank-account-security>label{border-bottom-color:#27313e}
@media(max-width:380px){
.tb-bank-account-tile{flex-basis:47%;min-width:142px}
.tb-bank-promo-card{grid-template-columns:46px minmax(0,1fr)}
.tb-bank-promo-card>button{grid-column:2;justify-self:start}
.tb-bank-promo-card>span{width:46px;height:46px}
.tb-bank-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* v0.13.1 — reference-inspired premium market home layout (TB brand, existing workflows preserved). */
.market-home-header{background:#fff;padding:0 12px 10px}
.market-home-brandbar{height:46px;display:grid;place-items:center}
.market-home-brand{display:flex;align-items:center;gap:5px;text-decoration:none;color:#13243c;font-weight:950;letter-spacing:-.02em}
.market-home-brand span{min-width:48px;height:30px;padding:0 10px;border-radius:12px;background:linear-gradient(135deg,#1472ff,#0d5ee9);color:#fff;display:grid;place-items:center;font-size:16px;letter-spacing:.06em;box-shadow:0 7px 18px rgba(20,114,255,.18)}
.market-home-brand b{font-size:12px;letter-spacing:.09em}
.market-home-meta{height:42px;display:flex;align-items:center;gap:8px}
.market-home-location{min-width:0;max-width:calc(100% - 112px);height:38px;padding:0;border:0;background:transparent;color:#15243a;display:flex;align-items:center;gap:4px;text-align:left;font-size:12px;font-weight:760}
.market-home-location span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-home-location .ui-icon{width:15px;height:15px;color:#8794a4;flex:0 0 auto;transform:rotate(90deg)}
.market-home-meta-actions{margin-left:auto;display:flex;align-items:center;gap:4px;flex:0 0 auto}
.market-home-bonus,.market-home-message{position:relative;height:38px;border:0;background:transparent;color:#53687e;display:flex;align-items:center;justify-content:center}
.market-home-bonus{gap:4px;padding:0 6px;color:#17283f}
.market-home-bonus .ui-icon{width:18px;height:18px;color:#17c8b5;fill:rgba(23,200,181,.12)}
.market-home-bonus b{font-size:11px;font-weight:900;max-width:52px;overflow:hidden;text-overflow:ellipsis}
.market-home-message{width:38px;padding:0}
.market-home-message .ui-icon{width:21px;height:21px}
.market-home-message .badge{top:0;right:-1px;transform:scale(.88)}
.market-home-search{height:48px;display:grid;grid-template-columns:38px minmax(0,1fr) 42px 42px;align-items:center;border:0;border-radius:14px;background:#f1f3f7;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(25,44,70,.015)}
.market-home-search-icon{display:grid;place-items:center;color:#8b98a7}
.market-home-search-icon .ui-icon{width:21px;height:21px}
.market-home-search input{height:100%;min-width:0;border:0;outline:0;background:transparent;color:#15243a;padding:0 2px;font-size:13px}
.market-home-search input::placeholder{color:#9aa5b2}
.market-home-search button{height:100%;border:0;background:transparent;color:#7c8998;display:grid;place-items:center;padding:0}
.market-home-search button .ui-icon{width:21px;height:21px}
.market-home-search button:last-child{padding-right:4px}
.home-market-page{margin:-4px -2px 0;background:#f4f6f9}
.home-market-page .home-ads{margin:0 0 10px;border-radius:18px}
.home-market-page .home-ad-slide{height:205px}
.home-market-page .home-ad-copy{left:18px;bottom:20px}
.home-market-page .home-ad-copy b{font-size:21px}
.home-category-strip{margin:0;padding:5px 2px 12px;gap:7px;background:#fff;border-radius:0 0 18px 18px}
.home-category-strip .category-chip{flex-basis:64px}
.home-category-strip .category-chip span{width:52px;height:52px;border-radius:15px;background:#f0f3f7;box-shadow:none}
.home-category-strip .category-chip small{font-size:9.5px;color:#18283e;font-weight:740}
.home-market-page .home-pickup-ready{margin:10px 0 12px;padding:0}
.home-market-page .home-pickup-scan{border-radius:16px;background:#151d28;box-shadow:none}
.home-market-page .home-pickup-main{border:0;border-radius:16px;box-shadow:none}
.home-market-page .home-pickup-orders{border:0;border-radius:16px;box-shadow:none}
.home-market-page .home-pickup-copy em{display:block;color:#1768f5;font-size:8.5px;font-style:normal;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-section-head{margin:12px 2px 8px}
.home-section-head h2{font-size:19px}
.home-feed-grid{gap:6px 4px;align-items:start}
.home-feed-grid .product-card{border:0;border-radius:14px;background:#fff;box-shadow:none;overflow:hidden}
.home-feed-grid .product-media{border-radius:14px;background:#eef1f4;aspect-ratio:.84}
.home-feed-grid .product-copy{padding:7px 5px 9px}
.home-feed-grid .product-copy>small{display:none}
.home-feed-grid .product-copy>strong{display:inline;font-size:16px;color:#e92168;margin:0;font-weight:930}
.home-feed-grid .product-copy del{margin-left:5px;font-size:9px}
.home-feed-grid .product-copy p{height:35px;margin:5px 0 3px;font-size:11.5px;font-weight:650;line-height:1.45}
.home-feed-grid .stock{font-size:9px;margin-bottom:6px;color:#e92168;font-weight:780}
.home-feed-grid .cart-button{height:34px;border-radius:11px;font-size:10.5px}
.home-feed-grid .favorite-button{width:32px;height:32px;right:6px;top:6px;background:rgba(255,255,255,.86)}
.home-feed-grid .favorite-button .ui-icon{width:19px;height:19px}
.home-feed-grid .discount{left:6px;top:auto;bottom:8px;border-radius:8px;padding:4px 6px;background:#e92168;font-size:9px}
.home-feed-grid .gallery-dots{bottom:5px}
.home-feed-ad{grid-column:1/-1;position:relative;width:100%;height:108px;margin:8px 0 10px;padding:0;border:0;border-radius:18px;overflow:hidden;background:var(--feed-ad-bg,#1668f5);color:#fff;text-align:left}
.home-feed-ad img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-feed-ad-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,21,44,.58),rgba(8,21,44,.15) 62%,transparent)}
.home-feed-ad-label{position:absolute;right:8px;top:7px;z-index:2;padding:3px 6px;border-radius:7px;background:rgba(255,255,255,.75);color:#637183;font-size:7px;font-weight:850}
.home-feed-ad-copy{position:absolute;z-index:2;left:15px;top:50%;transform:translateY(-50%);max-width:62%;display:grid;gap:4px}
.home-feed-ad-copy b{font-size:17px;line-height:1.05}
.home-feed-ad-copy small{font-size:9px;line-height:1.35;opacity:.9}
.home-feed-empty{grid-column:1/-1}
.market-bonus-appbar{background:#fff}
.market-bonus-page{margin:-12px -10px -22px;padding:14px 12px 28px;background:#f3f5f8;min-height:calc(100dvh - 116px)}
.market-bonus-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.market-bonus-summary article{min-height:92px;border-radius:19px;background:#fff;display:flex;align-items:center;gap:10px;padding:13px;box-shadow:0 5px 16px rgba(20,37,60,.035)}
.market-bonus-glyph{width:38px;height:38px;border-radius:13px;background:#edf7ff;color:#1768f5;display:grid;place-items:center;font-weight:950}
.market-bonus-glyph .ui-icon{color:#17c8b5}
.market-bonus-summary small,.market-bonus-summary strong{display:block}
.market-bonus-summary small{color:#7f8c9a;font-size:9px}
.market-bonus-summary strong{margin-top:5px;color:#121d2c;font-size:19px}
.market-bonus-promo{margin-top:10px;border-radius:20px;background:linear-gradient(120deg,#e1f6ff,#e8fff7);padding:16px;display:flex;gap:12px;align-items:center}
.market-bonus-promo>span{width:48px;height:48px;border-radius:16px;background:#fff;color:#17c8b5;display:grid;place-items:center}
.market-bonus-promo h2{margin:0;font-size:18px}
.market-bonus-promo p{margin:5px 0 0;color:#607386;font-size:10px;line-height:1.4}
.market-bonus-actions{margin-top:12px;border-radius:20px;background:#fff;overflow:hidden}
.market-bonus-actions button{width:100%;min-height:58px;border:0;border-bottom:1px solid #edf1f5;background:#fff;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:0 13px;color:#19283c;text-align:left}
.market-bonus-actions button:last-child{border-bottom:0}
.market-bonus-actions button>span{width:38px;height:38px;border-radius:12px;background:#f1f5fa;color:#1768f5;display:grid;place-items:center}
.market-bonus-actions button>b{font-size:12px}
.market-bonus-actions button>.ui-icon{width:17px;height:17px;color:#9ca7b2}
@media(max-width:380px){
.market-home-header{padding-left:9px;padding-right:9px}
.market-home-location{max-width:calc(100% - 104px);font-size:11px}
.market-home-search{grid-template-columns:34px minmax(0,1fr) 38px 38px}
.home-market-page .home-ad-slide{height:184px}
.home-feed-ad{height:98px}
.home-feed-grid .product-copy>strong{font-size:15px}
}
html[data-theme="dark"] .market-home-header,html[data-theme="dark"] .home-category-strip,html[data-theme="dark"] .home-market-page .home-pickup-main,html[data-theme="dark"] .home-market-page .home-pickup-orders,html[data-theme="dark"] .home-feed-grid .product-card,html[data-theme="dark"] .market-bonus-summary article,html[data-theme="dark"] .market-bonus-actions,html[data-theme="dark"] .market-bonus-actions button{background:#171e28;color:#edf3fa}
html[data-theme="dark"] .market-home-search{background:#242c38}
html[data-theme="dark"] .market-home-search input{color:#edf3fa}
html[data-theme="dark"] .home-market-page,html[data-theme="dark"] .market-bonus-page{background:#10151d}
html[data-theme="dark"] .market-home-location,html[data-theme="dark"] .market-home-bonus,html[data-theme="dark"] .home-category-strip .category-chip small,html[data-theme="dark"] .market-bonus-summary strong,html[data-theme="dark"] .market-bonus-actions button{color:#edf3fa}
/* v0.13.2 advanced ADS: separate interstitials, swipe peek, no dots, video */
.home-market-page .home-ads{overflow:hidden;border-radius:0;background:transparent;margin-left:-2px;margin-right:-2px}
.home-market-page .home-ads-track{gap:8px;padding:0 10px 2px;scroll-snap-type:x mandatory;scroll-padding-inline:10px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.home-market-page .home-ad-slide{flex:0 0 calc(100% - 28px);min-width:calc(100% - 28px);height:205px;border-radius:18px;scroll-snap-align:center;transform:scale(.985);transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 13px rgba(16,37,65,.04)}
.home-market-page .home-ad-slide.is-active{transform:scale(1)}
.home-market-page .home-ad-slide img,.home-market-page .home-ad-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-market-page .home-ad-dots{display:none!important}
.home-feed-ad video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-feed-ad{isolation:isolate}
.home-feed-ad .home-feed-ad-overlay,.home-feed-ad .home-feed-ad-label,.home-feed-ad .home-feed-ad-copy{z-index:2}
@media(max-width:380px){.home-market-page .home-ad-slide{height:184px;flex-basis:calc(100% - 24px);min-width:calc(100% - 24px)}.home-market-page .home-ads-track{padding-inline:8px;scroll-padding-inline:8px}}
/* v0.13.6 — Android home hero: show the complete ad creative without cropping.
Keeps the current carousel/swipe logic intact; only media fitting changes. */
.home-market-page .home-ad-slide{
display:flex;
align-items:center;
justify-content:center;
background:var(--ad-bg,#07182b);
}
.home-market-page .home-ad-slide img,
.home-market-page .home-ad-slide video{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
background:var(--ad-bg,#07182b)!important;
}
/* v0.13.7 — shared web/app banner compromise.
Recommended creative: 1800x600 (3:1), keep important text/people inside the central safe area. */
.home-market-page .home-ads{
border-radius:18px!important;
background:transparent!important;
}
.home-market-page .home-ad-slide{
height:auto!important;
aspect-ratio:3/1!important;
min-height:0!important;
background-color:var(--ad-bg,#07182b)!important;
background-repeat:no-repeat!important;
overflow:hidden!important;
}
.home-market-page .home-ad-slide img,
.home-market-page .home-ad-slide video{
position:absolute!important;
inset:0!important;
z-index:1!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
background:transparent!important;
}
.home-market-page .home-ad-slide.has-creative .home-ad-shade,
.home-market-page .home-ad-slide.has-creative .home-ad-copy{
display:none!important;
}
@media(max-width:380px){
.home-market-page .home-ad-slide{height:auto!important;aspect-ratio:3/1!important}
}
/* v0.13.9 — SMS-first TB ID authentication. */
.guest-profile-avatar{display:none!important}
.guest-profile-auth{padding-top:20px!important}
.guest-profile-brand{margin-bottom:20px!important}
.auth-otp-field input{font-size:28px!important;font-weight:850!important;letter-spacing:.28em!important;text-align:center!important}
.auth-otp-links,.auth-register-links{margin-top:26px!important}
.auth-register-screen form{display:grid;gap:2px}
.auth-register-password-hint{display:block;margin:-8px 2px 12px;color:#8995a4;font-size:10px;line-height:1.35}
.auth-register-screen .auth-identifier-preview .ui-icon{color:#19a66f}
@media(max-height:700px){.auth-otp-screen .auth-id-links,.auth-register-screen .auth-id-links{margin-top:18px!important}}
/* TB Market v0.13.10 — Android uses its own ad creatives.
Hero: 1440x600 (12:5), between-product: 1200x400 (3:1).
Shared video fills the frame on Android. */
.home-market-page .home-ads{background:transparent!important;border-radius:18px!important;overflow:hidden!important}
.home-market-page .home-ad-slide{height:auto!important;min-height:0!important;aspect-ratio:12/5!important;background:var(--ad-bg,#07182b)!important;overflow:hidden!important}
.home-market-page .home-ad-slide img,
.home-market-page .home-ad-slide video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;background:transparent!important}
.home-market-page .home-ad-slide.has-creative .home-ad-shade,
.home-market-page .home-ad-slide.has-creative .home-ad-copy{display:none!important}
.home-feed-ad{height:auto!important;min-height:0!important;aspect-ratio:3/1!important}
.home-feed-ad img,.home-feed-ad video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.home-feed-ad.has-creative .home-feed-ad-overlay,.home-feed-ad.has-creative .home-feed-ad-copy{display:none!important}
@media(max-width:380px){.home-market-page .home-ad-slide{height:auto!important;aspect-ratio:12/5!important}.home-feed-ad{height:auto!important;aspect-ratio:3/1!important}}
\n\n/* v0.13.10.2 — endless two-way hero carousel. Clone slides remove first/last edges. */
.home-market-page .home-ads-track{
scroll-snap-type:x mandatory!important;
overscroll-behavior-x:none!important;
}
.home-market-page .home-ad-slide{
scroll-snap-align:center!important;
scroll-snap-stop:always!important;
}
/* TB Market v0.13.26 — Admin-managed international phone selector.
Only countries enabled by Admin are rendered/accepted. */
.phone-country-control{
position:relative;
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:stretch;
width:100%;
min-width:0;
min-height:46px;
border:1px solid #d7e2ed;
border-radius:13px;
background:#fff;
transition:border-color .16s ease,box-shadow .16s ease;
}
.phone-country-control:focus-within{
border-color:#1768f5;
box-shadow:0 0 0 3px rgba(23,104,245,.08);
}
.phone-country-control.is-invalid{border-color:#e34c61}
.phone-country-trigger{
appearance:none;
min-width:96px;
padding:0 10px;
border:0;
border-right:1px solid #e2e8ef;
border-radius:13px 0 0 13px;
background:#f6f8fb;
color:#10233f;
display:flex;
align-items:center;
justify-content:center;
gap:6px;
font:inherit;
font-size:14px;
cursor:pointer;
white-space:nowrap;
}
.phone-country-trigger b{font-size:14px;font-weight:800}
.phone-country-trigger i{font-style:normal;color:#718096;transition:transform .15s ease}
.phone-country-control.is-open .phone-country-trigger i{transform:rotate(180deg)}
.phone-country-control input[data-phone-national]{
width:100%!important;
min-width:0!important;
min-height:44px!important;
margin:0!important;
padding:0 12px!important;
border:0!important;
border-radius:0 13px 13px 0!important;
box-shadow:none!important;
outline:0!important;
background:transparent!important;
color:#172033!important;
font-size:15px!important;
}
.phone-country-menu{
position:absolute;
z-index:1500;
top:calc(100% + 6px);
left:0;
width:min(390px,calc(100vw - 38px));
max-height:290px;
overflow:auto;
padding:6px;
border:1px solid #d8e1ec;
border-radius:13px;
background:#fff;
box-shadow:0 18px 46px rgba(15,30,55,.2);
}
.phone-country-menu[hidden]{display:none!important}
.phone-country-option{
appearance:none;
width:100%;
min-height:44px;
padding:7px 9px;
border:0;
border-radius:9px;
background:transparent;
color:#172033;
display:grid;
grid-template-columns:28px minmax(0,1fr) auto;
align-items:center;
gap:8px;
text-align:left;
font:inherit;
font-size:14px;
cursor:pointer;
}
.phone-country-option b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.phone-country-option em{font-style:normal;color:#7b8797;font-size:14px;white-space:nowrap}
.phone-country-option.is-selected,.phone-country-option:active{background:#edf4ff}
.phone-country-hint{
display:block;
margin-top:5px;
color:#7c8999;
font-size:12px;
line-height:1.35;
}
.auth-id-field .phone-country-control{margin-top:6px;min-height:58px;border-radius:16px}
.auth-id-field .phone-country-trigger{min-width:105px;border-radius:16px 0 0 16px;background:#f7f8fa;font-size:16px}
.auth-id-field .phone-country-trigger b{font-size:16px}
.auth-id-field .phone-country-control input[data-phone-national]{min-height:56px!important;border-radius:0 16px 16px 0!important;font-size:17px!important}
.profile-form-grid .phone-country-control input[data-phone-national],
.recipient-grid .phone-country-control input[data-phone-national]{min-height:44px!important}
.tb-bank-phone-transfer>.phone-country-control{flex:1;min-width:0;border:0;background:transparent;box-shadow:none}
.tb-bank-phone-transfer>.phone-country-control .phone-country-trigger{min-width:92px;padding-left:0;background:transparent;border-right-color:#e1e7ee}
.tb-bank-phone-transfer>.phone-country-control input[data-phone-national]{padding-right:4px!important;background:transparent!important}
.tb-bank-phone-transfer>.phone-country-control .phone-country-menu{left:-42px}
html[data-theme="dark"] .phone-country-control{border-color:#354153;background:#202936}
html[data-theme="dark"] .phone-country-trigger{border-right-color:#354153;background:#252f3d;color:#edf3fa}
html[data-theme="dark"] .phone-country-control input[data-phone-national]{color:#f4f7fb!important}
html[data-theme="dark"] .phone-country-menu{border-color:#354153;background:#202936;box-shadow:0 18px 46px rgba(0,0,0,.38)}
html[data-theme="dark"] .phone-country-option{color:#f4f7fb}
html[data-theme="dark"] .phone-country-option.is-selected,html[data-theme="dark"] .phone-country-option:active{background:#2b3850}
@media(max-width:420px){
.phone-country-trigger{min-width:90px;padding:0 8px}
.phone-country-menu{width:calc(100vw - 42px)}
}
/* TB Market v0.13.27 — reference-inspired cart layout. Cart scope only. */
.cart-screen{margin:-2px -10px 0;background:#f3f5f8;min-height:calc(100dvh - 170px);padding-bottom:176px}
.cart-pickup-bar{width:100%;min-height:64px;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:10px 14px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;color:#10213a}
.cart-pickup-icon{width:38px;height:38px;border-radius:13px;background:#eef4ff;color:#1768f5;display:grid;place-items:center}
.cart-pickup-icon .ui-icon{width:20px;height:20px}
.cart-pickup-copy{min-width:0;display:block}
.cart-pickup-copy small,.cart-pickup-copy strong,.cart-pickup-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cart-pickup-copy small{font-size:10px;color:#7c899a;margin-bottom:2px}
.cart-pickup-copy strong{font-size:13px;color:#14233a}
.cart-pickup-copy em{font-size:9.5px;color:#8b97a7;font-style:normal;margin-top:2px}
.cart-pickup-change{display:flex;align-items:center;gap:3px;color:#1768f5;font-size:10px;font-weight:800;white-space:nowrap}
.cart-pickup-change .ui-icon{width:14px;height:14px}
.cart-head-card{background:#fff;padding:13px 14px 10px;border-bottom:1px solid #edf0f4}
.cart-heading{display:flex;align-items:flex-end;gap:7px;margin-bottom:12px}
.cart-heading h1{margin:0;font-size:21px;line-height:1;color:#111f35}
.cart-heading>span{font-size:12px;font-weight:800;color:#64758b;line-height:1.2}
.cart-head-card .select-all-row{min-height:30px;gap:10px;font-size:13px;color:#25364e;font-weight:650}
.cart-head-card .select-all-row input{width:22px;height:22px}
.cart-products-panel{margin-top:8px;background:#fff;border-radius:22px 22px 0 0;overflow:hidden}
.cart-products-head{display:flex;align-items:center;gap:7px;padding:15px 14px 10px}
.cart-products-head h2{margin:0;font-size:20px;line-height:1.15;color:#101d31}
.cart-products-head>span{min-width:23px;height:23px;border-radius:999px;background:#eef3f9;color:#63768d;display:grid;place-items:center;font-size:10px;font-weight:850}
.cart-list{display:block;padding:0!important}
.cart-line{position:relative;display:grid!important;grid-template-columns:26px 94px minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:9px!important;row-gap:8px!important;background:#fff!important;border:0!important;border-radius:0!important;padding:12px 12px 13px!important;box-shadow:none!important}
.cart-line+.cart-line:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:#edf0f4}
.cart-line.is-selected{border:0!important;box-shadow:none!important}
.cart-line.is-unavailable{opacity:.62}
.cart-select{position:static!important;grid-column:1;grid-row:1;width:24px!important;height:24px!important;margin-top:2px}
.cart-select span{width:24px!important;height:24px!important;border-radius:8px!important}
.cart-image{grid-column:2;grid-row:1;width:94px;height:118px;border:0!important;border-radius:14px!important;background:#f3f5f8!important;overflow:hidden;padding:0!important}
.cart-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.cart-copy{grid-column:3;grid-row:1;min-width:0;padding-top:1px}
.cart-price-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.cart-price-row strong{display:inline!important;color:#0ba35f!important;font-size:18px!important;line-height:1!important;font-weight:900}
.cart-price-row del{color:#9ba5b2;font-size:11px}
.cart-price-row mark{border-radius:7px;background:#ffedf2;color:#f23869;padding:3px 5px;font-size:9px;font-weight:900}
.cart-copy h3{margin:0 0 6px!important;color:#111f34;font-size:13.5px!important;line-height:1.28;font-weight:750;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cart-copy .cart-variant,.cart-copy .cart-store{display:block;margin:2px 0;color:#6d7e92;font-size:10px!important;line-height:1.25}
.cart-copy .cart-stock{display:block;margin-top:5px;color:#0a966f;font-size:10px!important;font-weight:750}
.cart-copy .cart-stock.is-out{color:#de3955}
.cart-actions{grid-column:2/-1!important;grid-row:2;display:flex!important;align-items:center!important;gap:7px!important;min-width:0}
.cart-actions button{margin:0!important}
.cart-tool{width:40px!important;height:40px!important;border:0!important;border-radius:13px!important;background:#f4f6f9!important;color:#1e3149!important;display:grid!important;place-items:center!important}
.cart-tool .ui-icon{width:19px;height:19px}
.cart-tool.favorite-cart.is-active{color:#ff315f!important}
.cart-tool.favorite-cart.is-active svg{fill:currentColor}
.cart-tool.danger{color:#1e3149!important}
.cart-qty-control{margin-left:auto;display:grid;grid-template-columns:40px 34px 40px;height:40px;border-radius:13px;background:#f4f6f9;overflow:hidden;align-items:center}
.cart-qty-control button{width:40px!important;height:40px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#12233c!important;display:grid!important;place-items:center!important}
.cart-qty-control button .ui-icon{width:18px;height:18px}
.cart-qty-control>span{min-width:34px;text-align:center;color:#111f34;font-size:13px;font-weight:850}
.cart-summary-premium{min-height:104px;display:grid!important;grid-template-columns:minmax(0,1fr) 142px;align-items:center!important;gap:10px!important;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.985)!important;border-top:1px solid #e3e8ee!important;box-shadow:0 -10px 30px rgba(15,35,64,.11)!important}
.cart-summary-copy{min-width:0}
.cart-summary-copy small{display:block;color:#52667f;font-size:10px;font-weight:700}
.cart-summary-premium .cart-summary-copy strong{display:block;margin-top:2px;color:#0aa45f!important;font-size:22px!important;line-height:1.05;white-space:nowrap}
.cart-summary-copy>span{display:block;margin-top:3px!important;color:#7d8998!important;font-size:9.5px!important}
.cart-summary-copy>em{display:block;margin-top:2px;color:#0b9e72;font-size:9.5px;font-style:normal;font-weight:750}
.cart-summary-premium>.primary-button{width:142px;min-height:54px;border-radius:16px;font-size:13px;padding:0 10px}
@media(max-width:380px){
.cart-pickup-change{font-size:0}.cart-pickup-change .ui-icon{width:17px;height:17px}
.cart-line{grid-template-columns:24px 86px minmax(0,1fr)!important;padding-left:10px!important;padding-right:10px!important}
.cart-image{width:86px;height:110px}
.cart-price-row strong{font-size:17px!important}
.cart-copy h3{font-size:13px!important}
.cart-summary-premium{grid-template-columns:minmax(0,1fr) 136px}
.cart-summary-premium>.primary-button{width:136px}
}
/* TB Market v0.13.28 — Android tablet responsive layer.
Phone layout stays untouched below 768px. No typography overrides here. */
@media (min-width:768px){
html,body{min-width:0}
body{background:#eaf0f6}
.app-shell{width:100%;max-width:1180px;margin:0 auto;padding-bottom:calc(72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));box-shadow:0 0 0 1px rgba(15,35,64,.08),0 18px 55px rgba(15,35,64,.08)}
.app-header{border-left:1px solid rgba(15,35,64,.04);border-right:1px solid rgba(15,35,64,.04)}
.home-topbar,.detail-topbar{padding-left:20px;padding-right:20px}
.global-search{margin-left:20px;margin-right:20px;margin-bottom:12px}
.app-view{padding:18px 20px 30px;min-height:calc(100dvh - 170px)}
.bottom-nav{left:50%;right:auto;width:min(1180px,100vw);max-width:1180px;transform:translateX(-50%);height:calc(72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding-left:10px;padding-right:10px;border-left:1px solid rgba(15,35,64,.06);border-right:1px solid rgba(15,35,64,.06)}
.purchase-bar,.cart-summary{left:50%;right:auto;width:min(1180px,100vw);max-width:1180px;transform:translateX(-50%);bottom:calc(72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.modal-host{width:min(1180px,100vw);max-width:1180px;left:50%;right:auto;transform:translateX(-50%)}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-feed-grid{align-items:start}
.home-ads{margin-bottom:18px}
.home-pickup-ready{grid-template-columns:72px minmax(0,1fr) 96px;gap:12px}
.category-strip{gap:14px}
.section-head,.page-title{margin-top:14px;margin-bottom:14px}
.product-detail{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-auto-flow:row;gap:14px;align-items:start;padding-bottom:92px}
.product-detail>.detail-gallery{grid-column:1;grid-row:1/span 6;margin:0;border-radius:24px;position:sticky;top:86px}
.product-detail>.detail-price,.product-detail>.detail-card{grid-column:2;margin-bottom:0}
.detail-images{aspect-ratio:1/1}
.variant-list{flex-wrap:wrap;overflow:visible}
.search-page .search-toolbar{max-width:none}
.sort-row{padding-top:12px;padding-bottom:14px}
.checkout-page{gap:14px;padding-bottom:30px}
.checkout-title-card,.checkout-card{padding:18px}
.checkout-option-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.checkout-option-list.address-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.checkout-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.orders-page,.profile-page-tbz,.guest-profile-page,.settings-tbz-page,.returns-page,.return-detail-page,.order-detail-tbz,.market-bonus-page,.notification-settings-page{margin:-18px -20px -30px;padding-left:20px;padding-right:20px}
.orders-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.completed-order-card{height:100%}
.profile-overview-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.profile-finance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.profile-viewed-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:12px}
.profile-orders-strip{gap:12px}
.profile-product-section .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-form-grid,.form-grid{gap:12px}
.notification-list,.thread-list,.returns-feed,.return-eligible-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.notification-card,.thread-card,.return-card,.return-eligible-card{height:100%}
.order-detail-products,.return-detail-items{gap:12px}
.chat-shell{margin:-18px -20px -30px;height:calc(100dvh - 126px - var(--safe-area-inset-top,env(safe-area-inset-top,0px)) - var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.message-bubble{max-width:70%}
.pickup-selector-sheet,.profile-menu-sheet,.return-create-sheet,.language-currency-sheet,.bank-auth-sheet,.tb-bank-pin-sheet{left:50%;right:auto;width:min(720px,calc(100% - 40px));transform:translateX(-50%);border-radius:28px 28px 0 0}
.source-modal,.barcode-modal{left:50%;right:auto;width:min(560px,calc(100% - 40px));transform:translateX(-50%)}
.barcode-modal{top:50%;transform:translate(-50%,-50%)}
.auth-modal:not(.auth-modal-full){left:50%;right:auto;width:min(620px,calc(100% - 40px));transform:translateX(-50%);border-radius:28px 28px 0 0}
.auth-modal-full{inset:50% auto auto 50%;width:min(620px,calc(100% - 40px));max-height:min(820px,calc(100dvh - 48px));min-height:0;transform:translate(-50%,-50%);border-radius:28px;padding-left:30px;padding-right:30px;box-shadow:0 26px 70px rgba(8,18,34,.22)}
.phone-country-menu{width:min(430px,calc(100vw - 80px))}
.tb-bank-entry-page,.tb-bank-home-page,.tb-bank-payments-page,.tb-bank-benefits-page,.tb-bank-chat-page,.tb-bank-more-page,.tb-bank-account-page{max-width:100%;margin-left:auto;margin-right:auto}
.tb-bank-premium-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tb-bank-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tb-bank-method-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;gap:12px}
.tb-bank-account-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:12px}
.tb-bank-white-section{padding:18px}
.skeleton-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media (min-width:900px){
.cart-screen{width:calc(100% - 344px);margin:0;background:#f3f5f8;border-radius:24px;overflow:hidden;padding-bottom:24px;min-height:calc(100dvh - 210px)}
.cart-products-panel{margin-top:10px;border-radius:22px;overflow:hidden}
.cart-summary-premium{left:auto;right:max(20px,calc((100vw - 1180px)/2 + 20px));transform:none;width:320px;max-width:320px;bottom:auto;top:calc(var(--safe-area-inset-top,env(safe-area-inset-top,0px)) + 142px);display:flex!important;flex-direction:column;align-items:stretch!important;gap:14px!important;padding:18px!important;border:1px solid #e1e7ee!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(15,35,64,.10)!important}
.cart-summary-premium>.primary-button{width:100%;min-height:54px}
.cart-line{grid-template-columns:28px 112px minmax(0,1fr)!important;column-gap:12px!important;padding:14px!important}
.cart-image{width:112px;height:140px}
.checkout-page{grid-template-columns:minmax(0,1fr) 330px;align-items:start}
.checkout-page>.checkout-title-card{grid-column:1/-1}
.checkout-page>.checkout-card{grid-column:1}
.checkout-summary{position:sticky;z-index:10;grid-column:2;grid-row:2/span 4;top:86px;left:auto;right:auto;bottom:auto;transform:none;width:auto;max-width:none;border:1px solid #dfe7f0;border-radius:22px;box-shadow:0 10px 28px rgba(15,35,64,.08);padding:18px}
.order-detail-tbz{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);align-items:start}
.order-detail-tbz>.order-status-card,.order-detail-tbz>.order-pickup-card,.order-detail-tbz>.order-number-card,.order-detail-tbz>.order-customer-id-card{grid-column:2}
.order-detail-tbz>.order-detail-products,.order-detail-tbz>.order-detail-payment{grid-column:1}
.return-detail-page{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);align-items:start}
.return-detail-page>.return-detail-items{grid-column:1;grid-row:1/span 5}
.return-detail-page>.return-detail-info,.return-detail-page>.return-detail-summary{grid-column:2}
.profile-page-tbz{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:14px;align-items:start}
.profile-page-tbz>.profile-appbar,.profile-page-tbz>.profile-overview-head,.profile-page-tbz>.profile-orders-carousel,.profile-page-tbz>.profile-product-section{grid-column:1}
.profile-page-tbz>.profile-menu-group,.profile-page-tbz>.profile-finance-grid{grid-column:2}
}
@media (min-width:1100px){
.app-view{padding-left:24px;padding-right:24px}
.global-search{margin-left:24px;margin-right:24px}
.home-topbar,.detail-topbar{padding-left:24px;padding-right:24px}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.profile-product-section .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.profile-viewed-strip{grid-template-columns:repeat(6,minmax(0,1fr))}
.orders-feed{grid-template-columns:repeat(3,minmax(0,1fr))}
.notification-list,.thread-list,.returns-feed,.return-eligible-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.checkout-items{grid-template-columns:repeat(3,minmax(0,1fr))}
.tb-bank-partner-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tb-bank-account-carousel{grid-template-columns:repeat(3,minmax(0,1fr))}
.skeleton-row{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:768px) and (orientation:landscape){
.home-ads{max-height:none}
.product-detail>.detail-gallery{top:74px}
.bottom-nav{height:calc(66px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.app-shell{padding-bottom:calc(66px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.purchase-bar,.cart-summary{bottom:calc(66px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
}
/* TB Market v0.13.29 — Android TB ID phone field alignment.
Keeps the Admin-managed country list and validation unchanged.
Only fixes the auth phone selector so country + national number stay on one row. */
.auth-id-field:has(> .phone-country-control){
margin-bottom:16px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
}
.auth-id-field:has(> .phone-country-control)>span:first-child:not(.phone-country-control){
display:block!important;
margin:0 0 7px 1px!important;
}
.auth-id-field:has(> .phone-country-control)>.phone-country-control{
position:relative!important;
display:grid!important;
grid-template-columns:auto minmax(0,1fr)!important;
grid-template-rows:1fr!important;
align-items:stretch!important;
width:100%!important;
min-width:0!important;
min-height:54px!important;
margin:0!important;
padding:0!important;
border:1px solid #d7e2ed!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:none!important;
overflow:visible!important;
}
.auth-id-field:has(> .phone-country-control)>.phone-country-control:focus-within{
border-color:#1768f5!important;
box-shadow:0 0 0 2px rgba(23,104,245,.10)!important;
}
.auth-id-field:has(> .phone-country-control) .phone-country-trigger{
grid-column:1!important;
grid-row:1!important;
align-self:stretch!important;
width:auto!important;
min-width:106px!important;
height:auto!important;
min-height:52px!important;
margin:0!important;
padding:0 12px!important;
border:0!important;
border-right:1px solid #e2e8ef!important;
border-radius:14px 0 0 14px!important;
background:#f7f8fa!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
white-space:nowrap!important;
}
.auth-id-field:has(> .phone-country-control) .phone-country-trigger [data-phone-flag],
.auth-id-field:has(> .phone-country-control) .phone-country-trigger [data-phone-dial],
.auth-id-field:has(> .phone-country-control) .phone-country-trigger i{
display:inline-flex!important;
align-items:center!important;
margin:0!important;
}
.auth-id-field:has(> .phone-country-control) input[data-phone-national]{
grid-column:2!important;
grid-row:1!important;
align-self:stretch!important;
width:100%!important;
min-width:0!important;
height:auto!important;
min-height:52px!important;
margin:0!important;
padding:0 13px!important;
border:0!important;
border-radius:0 14px 14px 0!important;
background:#fff!important;
box-shadow:none!important;
outline:0!important;
}
.auth-id-field:has(> .phone-country-control) .phone-country-menu{
top:calc(100% + 6px)!important;
left:0!important;
right:auto!important;
width:min(390px,calc(100vw - 46px))!important;
}
html[data-theme="dark"] .auth-id-field:has(> .phone-country-control)>.phone-country-control{
border-color:#354153!important;
background:#202936!important;
}
html[data-theme="dark"] .auth-id-field:has(> .phone-country-control) .phone-country-trigger{
border-right-color:#354153!important;
background:#252f3d!important;
}
html[data-theme="dark"] .auth-id-field:has(> .phone-country-control) input[data-phone-national]{
background:#202936!important;
}
@media(max-width:420px){
.auth-id-field:has(> .phone-country-control) .phone-country-trigger{
min-width:102px!important;
padding-left:10px!important;
padding-right:10px!important;
}
}
/* Generated neutral-palette corrections for components that still used light-mode ink/surfaces. */
html.tb-theme-dark-active{background:#202936 !important;}
html.tb-theme-dark-active body{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .app-shell{background:#202936 !important;}
html.tb-theme-dark-active .app-header{background:linear-gradient(180deg,#141d28 0,#171e28 92%) !important;}
html.tb-theme-dark-active .location-button{color:#edf3fa !important;}
html.tb-theme-dark-active .icon-button{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .brand-mini{color:#edf3fa !important;}
html.tb-theme-dark-active .global-search{border-color:#2b3746 !important;background:#171e28 !important;}
html.tb-theme-dark-active .global-search input{color:#edf3fa !important;}
html.tb-theme-dark-active .global-search button{background:#171e28 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .global-search .search-scope{border-color:#2b3746 !important;}
html.tb-theme-dark-active .bottom-nav{background:rgba(23,30,40,.97) !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .bottom-nav button{color:#a7b4c3 !important;}
html.tb-theme-dark-active .category-chip{color:#edf3fa !important;}
html.tb-theme-dark-active .category-chip span{background:#171e28 !important;}
html.tb-theme-dark-active .hero-card button{color:#edf3fa !important;}
html.tb-theme-dark-active .product-card{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .product-media{background:#202936 !important;}
html.tb-theme-dark-active .favorite-button{background:rgba(23,30,40,.92) !important;color:#edf3fa !important;}
html.tb-theme-dark-active .favorite-button.large{background:#202936 !important;}
html.tb-theme-dark-active .product-copy>small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .product-copy del{color:#a7b4c3 !important;}
html.tb-theme-dark-active .search-toolbar{background:#171e28 !important;}
html.tb-theme-dark-active .search-toolbar button{background:#171e28 !important;}
html.tb-theme-dark-active .sort-row button{background:#20324a !important;color:#edf3fa !important;}
html.tb-theme-dark-active .category-tile{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .detail-gallery{background:#171e28 !important;}
html.tb-theme-dark-active .detail-price{background:#171e28 !important;}
html.tb-theme-dark-active .detail-price del{color:#a7b4c3 !important;}
html.tb-theme-dark-active .detail-card{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .detail-card p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .detail-meta{color:#a7b4c3 !important;}
html.tb-theme-dark-active .variant-list button{background:#202936 !important;}
html.tb-theme-dark-active .review{border-color:#2b3746 !important;}
html.tb-theme-dark-active .purchase-bar,html.tb-theme-dark-active .cart-summary{background:rgba(23,30,40,.96) !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .qty-control{background:#202936 !important;}
html.tb-theme-dark-active .cart-line{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .cart-image{background:#202936 !important;}
html.tb-theme-dark-active .cart-copy span,html.tb-theme-dark-active .cart-copy small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .cart-actions button{background:#202936 !important;}
html.tb-theme-dark-active .metric-grid article{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .metric-grid small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .ledger-row{border-color:#2b3746 !important;}
html.tb-theme-dark-active .profile-head{background:#171e28 !important;}
html.tb-theme-dark-active .profile-head span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-quick button{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-form{background:#171e28 !important;}
html.tb-theme-dark-active .settings-list{background:#171e28 !important;}
html.tb-theme-dark-active .settings-list button{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .order-card,html.tb-theme-dark-active .thread-card{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .order-card span,html.tb-theme-dark-active .order-card small,html.tb-theme-dark-active .thread-card p,html.tb-theme-dark-active .thread-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-items article{background:#171e28 !important;}
html.tb-theme-dark-active .order-items span,html.tb-theme-dark-active .order-items small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .chat-head{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .message-bubble{background:#171e28 !important;}
html.tb-theme-dark-active .message-compose{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .message-compose input{border-color:#2b3746 !important;}
html.tb-theme-dark-active .read-only{background:#171e28 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .empty-icon{background:#171e28 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .empty-state p,html.tb-theme-dark-active .login-card p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .auth-modal{background:#171e28 !important;}
html.tb-theme-dark-active .auth-modal>p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .inline-loader{border-color:#2b3746 !important;}
html.tb-theme-dark-active .select-all-row{color:#a7b4c3 !important;}
html.tb-theme-dark-active .cart-select span{background:#171e28 !important;}
html.tb-theme-dark-active .cart-summary div span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .variant-list button small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .variant-list button.is-active{background:#20324a !important;}
html.tb-theme-dark-active .checkout-title-card,html.tb-theme-dark-active .checkout-card{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .checkout-title-card p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .checkout-card h3{color:#a7b4c3 !important;}
html.tb-theme-dark-active .delivery-switch label{border-color:#2b3746 !important;}
html.tb-theme-dark-active .delivery-switch label.is-active{background:#20324a !important;}
html.tb-theme-dark-active .delivery-switch small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .checkout-option{background:#202936 !important;}
html.tb-theme-dark-active .checkout-option.is-active{background:#20324a !important;}
html.tb-theme-dark-active .option-icon{background:#171e28 !important;}
html.tb-theme-dark-active .checkout-option small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .native-address-form{border-color:#2b3746 !important;}
html.tb-theme-dark-active .form-grid label{color:#a7b4c3 !important;}
html.tb-theme-dark-active .form-grid input,html.tb-theme-dark-active .form-grid textarea{border-color:#2b3746 !important;background:#171e28 !important;}
html.tb-theme-dark-active .recipient-grid{border-color:#2b3746 !important;}
html.tb-theme-dark-active .payment-methods label{background:#202936 !important;}
html.tb-theme-dark-active .payment-methods label.is-active{background:#20324a !important;}
html.tb-theme-dark-active .payment-methods label>span{background:#171e28 !important;}
html.tb-theme-dark-active .bonus-use small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .checkout-items article{border-color:#2b3746 !important;}
html.tb-theme-dark-active .checkout-items small,html.tb-theme-dark-active .checkout-items span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .checkout-summary{background:rgba(23,30,40,.98) !important;}
html.tb-theme-dark-active .summary-lines p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .checkout-summary small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .scan-search{background:#171e28 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .notification-card{border-color:#2b3746 !important;background:#171e28 !important;}
html.tb-theme-dark-active .notification-card.is-unread{background:#20324a !important;}
html.tb-theme-dark-active .notification-icon{background:#20324a !important;}
html.tb-theme-dark-active .notification-card p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .notification-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .source-modal{background:#171e28 !important;}
html.tb-theme-dark-active .source-option{border-color:#2b3746 !important;background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .pickup-code-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-head-premium{border-color:#2b3746 !important;}
html.tb-theme-dark-active .profile-avatar,html.tb-theme-dark-active .profile-avatar-fallback{border-color:#2b3746 !important;}
html.tb-theme-dark-active .profile-identity span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-identity small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-form-expanded{border-color:#2b3746 !important;}
html.tb-theme-dark-active .profile-section-head h2{color:#edf3fa !important;}
html.tb-theme-dark-active .profile-section-head small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-form-grid label{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-form-grid input,html.tb-theme-dark-active .profile-form-grid select{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-check-row{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-payment-panel{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .profile-card-count{background:#20324a !important;}
html.tb-theme-dark-active .profile-payment-method{border-color:#2b3746 !important;background:#202936 !important;}
html.tb-theme-dark-active .profile-payment-icon{background:#171e28 !important;}
html.tb-theme-dark-active .profile-payment-method b{color:#edf3fa !important;}
html.tb-theme-dark-active .profile-payment-method small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-saved-card{border-color:#2b3746 !important;background:#202936 !important;}
html.tb-theme-dark-active .profile-card-logo{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .profile-saved-card-copy>b{color:#edf3fa !important;}
html.tb-theme-dark-active .profile-saved-card-copy small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-card-actions button{background:#20324a !important;}
html.tb-theme-dark-active .profile-card-empty{border-color:#2b3746 !important;background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-card-empty>span{background:#20324a !important;}
html.tb-theme-dark-active .profile-add-card{background:#20324a !important;}
html.tb-theme-dark-active .profile-card-security{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-settings-list{border-color:#2b3746 !important;}
html.tb-theme-dark-active .profile-language-row{border-color:#2b3746 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-language-row select{border-color:#2b3746 !important;background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-modal-icon{background:#20324a !important;}
html.tb-theme-dark-active .profile-confirm-modal>p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-secondary-button{color:#edf3fa !important;}
html.tb-theme-dark-active .profile-appbar{background:#171e28 !important;}
html.tb-theme-dark-active .profile-appbar-button{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-page-tbz{background:#202936 !important;}
html.tb-theme-dark-active .profile-overview-head{background:#171e28 !important;}
html.tb-theme-dark-active .profile-overview-user{color:#edf3fa !important;}
html.tb-theme-dark-active .profile-overview-copy small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-overview-quick button{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-overview-quick button>span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-overview-quick small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-order-swipe-card{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-order-swipe-thumb{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-order-swipe-copy strong{color:#edf3fa !important;}
html.tb-theme-dark-active .profile-order-swipe-copy small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-order-swipe-copy em{color:#edf3fa !important;}
html.tb-theme-dark-active .profile-order-swipe-arrow{color:#edf3fa !important;}
html.tb-theme-dark-active .profile-orders-all{background:#171e28 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-orders-all>span{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-latest-order{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-latest-order-icon{background:#20324a !important;}
html.tb-theme-dark-active .profile-latest-order small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-latest-order span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-finance-card,html.tb-theme-dark-active .profile-viewed-section{background:#171e28 !important;}
html.tb-theme-dark-active .profile-finance-grid button{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-finance-grid small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-main-menu{background:#171e28 !important;}
html.tb-theme-dark-active .profile-main-menu button,html.tb-theme-dark-active .profile-menu-group button{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-main-menu button>span,html.tb-theme-dark-active .profile-menu-group button>span{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-main-menu button>svg,html.tb-theme-dark-active .profile-menu-group button>svg{color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-viewed-card{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .profile-viewed-image{background:#202936 !important;}
html.tb-theme-dark-active .profile-menu-sheet{background:#202936 !important;}
html.tb-theme-dark-active .profile-menu-group{background:#171e28 !important;}
html.tb-theme-dark-active .profile-products-empty{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-detail-appbar{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .profile-detail-appbar>b{color:#edf3fa !important;}
html.tb-theme-dark-active .profile-detail-back{color:#a7b4c3 !important;}
html.tb-theme-dark-active .settings-tbz-page{background:#202936 !important;}
html.tb-theme-dark-active .settings-photo-card{background:#171e28 !important;}
html.tb-theme-dark-active .settings-feature-card,html.tb-theme-dark-active .settings-group{background:#171e28 !important;}
html.tb-theme-dark-active .settings-toggle-row b{color:#edf3fa !important;}
html.tb-theme-dark-active .settings-toggle-row small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .settings-toggle-row i:before{background:#171e28 !important;}
html.tb-theme-dark-active .settings-group button,html.tb-theme-dark-active .settings-select-row{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .settings-group button small,html.tb-theme-dark-active .settings-select-row small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .settings-group button>em{color:#a7b4c3 !important;background:#202936 !important;}
html.tb-theme-dark-active .settings-group button>svg{color:#a7b4c3 !important;}
html.tb-theme-dark-active .settings-select-row select{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .profile-payments-page{background:#202936 !important;}
html.tb-theme-dark-active .orders-appbar{background:#171e28 !important;}
html.tb-theme-dark-active .orders-appbar-back{color:#a7b4c3 !important;}
html.tb-theme-dark-active .orders-appbar>b{color:#edf3fa !important;}
html.tb-theme-dark-active .orders-page{background:#202936 !important;}
html.tb-theme-dark-active .orders-tabs{background:#202936 !important;}
html.tb-theme-dark-active .orders-tabs button{color:#edf3fa !important;}
html.tb-theme-dark-active .orders-tabs button.is-active{background:#171e28 !important;}
html.tb-theme-dark-active .orders-years button{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .tbz-order-card,html.tb-theme-dark-active .completed-order-card{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .tbz-order-card-main{background:#171e28 !important;}
html.tb-theme-dark-active .tbz-order-status strong{color:#edf3fa !important;}
html.tb-theme-dark-active .tbz-order-status small{color:#edf3fa !important;}
html.tb-theme-dark-active .tbz-order-status span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tbz-order-product-image{background:#202936 !important;}
html.tb-theme-dark-active .tbz-order-product small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tbz-order-product em{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tbz-order-payment{background:#202936 !important;}
html.tb-theme-dark-active .tbz-order-progress{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .tbz-order-progress small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .completed-order-card{color:#edf3fa !important;}
html.tb-theme-dark-active .completed-order-head strong{color:#a7b4c3 !important;}
html.tb-theme-dark-active .completed-order-head small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .completed-order-product>span{background:#202936 !important;}
html.tb-theme-dark-active .completed-order-product small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .orders-empty{background:#171e28 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .orders-empty b{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-detail-tbz{background:#202936 !important;}
html.tb-theme-dark-active .order-barcode-card{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .order-barcode-card>small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-barcode-card>span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-pickup-card{background:#171e28 !important;}
html.tb-theme-dark-active .order-pickup-card>p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-detail-products article>span{background:#202936 !important;}
html.tb-theme-dark-active .order-detail-products article small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-detail-products article em{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-detail-payment{background:#202936 !important;}
html.tb-theme-dark-active .order-status-card,html.tb-theme-dark-active .order-number-card{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .order-status-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-status-card span,html.tb-theme-dark-active .order-status-card p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-number-card span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-number-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .barcode-modal{background:#171e28 !important;}
html.tb-theme-dark-active .barcode-modal>small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .returns-help-button{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .returns-page{background:#202936 !important;}
html.tb-theme-dark-active .return-card{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .return-card>p{color:#edf3fa !important;}
html.tb-theme-dark-active .return-product-preview>span{background:#202936 !important;}
html.tb-theme-dark-active .return-product-preview small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .returns-create-bar{background:rgba(23,30,40,.97) !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .returns-empty{background:#171e28 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .returns-empty b{color:#a7b4c3 !important;}
html.tb-theme-dark-active .return-detail-page{background:#202936 !important;}
html.tb-theme-dark-active .return-detail-summary,html.tb-theme-dark-active .return-detail-items,html.tb-theme-dark-active .return-detail-info{background:#171e28 !important;}
html.tb-theme-dark-active .return-detail-summary>small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .return-detail-summary p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .return-detail-item{border-color:#2b3746 !important;}
html.tb-theme-dark-active .return-detail-item>span{background:#202936 !important;}
html.tb-theme-dark-active .return-detail-item small,html.tb-theme-dark-active .return-detail-item em{color:#a7b4c3 !important;}
html.tb-theme-dark-active .return-detail-info span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .return-detail-info p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .return-create-sheet{background:#202936 !important;}
html.tb-theme-dark-active .return-eligible-card{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .return-eligible-image{background:#202936 !important;}
html.tb-theme-dark-active .return-eligible-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .notification-setting-section{background:#171e28 !important;}
html.tb-theme-dark-active .notification-setting-copy h2{color:#edf3fa !important;}
html.tb-theme-dark-active .notification-setting-copy p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .notification-setting-channels{border-color:#2b3746 !important;}
html.tb-theme-dark-active .notification-channel-row{border-color:#2b3746 !important;background:#171e28 !important;}
html.tb-theme-dark-active .notification-channel-row b{color:#edf3fa !important;}
html.tb-theme-dark-active .notification-channel-row small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .notification-channel-row>i:before{background:#171e28 !important;}
html.tb-theme-dark-active .notification-runtime-note{background:#20324a !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-id-page,html.tb-theme-dark-active .tb-id-subpage{background:#171e28 !important;}
html.tb-theme-dark-active .tb-id-logo b{color:#edf3fa !important;}
html.tb-theme-dark-active .tb-id-brand p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-id-age-card{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .tb-id-age-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-id-group{background:#202936 !important;}
html.tb-theme-dark-active .tb-id-group button{color:#edf3fa !important;}
html.tb-theme-dark-active .tb-id-group button small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-id-group button>svg{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-id-subpage-intro p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-device-card,html.tb-theme-dark-active .tb-linked-card{background:#202936 !important;}
html.tb-theme-dark-active .tb-device-icon,html.tb-theme-dark-active .tb-linked-icon{background:#171e28 !important;}
html.tb-theme-dark-active .tb-device-card small,html.tb-theme-dark-active .tb-linked-card span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-device-card em,html.tb-theme-dark-active .tb-linked-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-device-card>button{background:#171e28 !important;}
html.tb-theme-dark-active .tb-id-empty{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-id-empty b{color:#a7b4c3 !important;}
html.tb-theme-dark-active .language-currency-sheet{background:#171e28 !important;}
html.tb-theme-dark-active .language-currency-head h2{color:#edf3fa !important;}
html.tb-theme-dark-active .language-currency-close{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .language-currency-tabs{background:#202936 !important;}
html.tb-theme-dark-active .language-currency-tabs button{color:#edf3fa !important;}
html.tb-theme-dark-active .language-currency-tabs button.is-active{background:#171e28 !important;}
html.tb-theme-dark-active .language-currency-tabs span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .language-currency-row{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .language-currency-main small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .language-currency-radio{background:#202936 !important;}
html.tb-theme-dark-active .language-currency-radio.is-active{background:#171e28 !important;}
html.tb-theme-dark-active .language-currency-note{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .pickup-selector-sheet{background:#202936 !important;}
html.tb-theme-dark-active .pickup-selector-head{background:#171e28 !important;}
html.tb-theme-dark-active .pickup-selector-head h2{color:#edf3fa !important;}
html.tb-theme-dark-active .pickup-selector-head p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .pickup-selector-close{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .pickup-map-card{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .pickup-map-meta small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .pickup-map-meta a{background:#20324a !important;}
html.tb-theme-dark-active .pickup-point-card{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .pickup-point-card-icon{background:#20324a !important;}
html.tb-theme-dark-active .pickup-point-card-copy small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .pickup-point-card-radio{background:#171e28 !important;}
html.tb-theme-dark-active .pickup-point-empty{background:#171e28 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .pickup-point-empty b{color:#a7b4c3 !important;}
html.tb-theme-dark-active .pickup-selector-footer{background:rgba(23,30,40,.98) !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .tb-id-face-row{color:#edf3fa !important;}
html.tb-theme-dark-active .tb-id-face-row small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-id-face-row>i:before{background:#171e28 !important;}
html.tb-theme-dark-active .bank-auth-sheet{background:#171e28 !important;}
html.tb-theme-dark-active .bank-auth-sheet>p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .bank-auth-sheet label{color:#a7b4c3 !important;}
html.tb-theme-dark-active .bank-auth-sheet input{border-color:#2b3746 !important;}
html.tb-theme-dark-active .home-ads{background:#202936 !important;}
html.tb-theme-dark-active .home-ad-dots button{background:rgba(23,30,40,.58) !important;}
html.tb-theme-dark-active .home-pickup-orders{background:#171e28 !important;color:#edf3fa !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .home-pickup-main{background:#171e28 !important;color:#edf3fa !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .home-pickup-copy small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .home-pickup-main>svg{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-list-barcode{color:#edf3fa !important;}
html.tb-theme-dark-active .order-list-barcode small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .guest-profile-page{background:#202936 !important;}
html.tb-theme-dark-active .guest-profile-auth{background:#171e28 !important;}
html.tb-theme-dark-active .guest-profile-auth h1{color:#edf3fa !important;}
html.tb-theme-dark-active .guest-profile-auth p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .guest-profile-business{background:#20324a !important;}
html.tb-theme-dark-active .guest-profile-auth>small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .guest-profile-settings{background:#171e28 !important;}
html.tb-theme-dark-active .guest-profile-settings button{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .guest-profile-settings em{color:#a7b4c3 !important;}
html.tb-theme-dark-active .guest-profile-settings .ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .guest-profile-recommendations h2{color:#edf3fa !important;}
html.tb-theme-dark-active .guest-profile-product{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .guest-profile-product>span{background:#202936 !important;}
html.tb-theme-dark-active .guest-profile-product>span .ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .auth-id-screen{background:#171e28 !important;}
html.tb-theme-dark-active .auth-id-screen .auth-close{color:#a7b4c3 !important;}
html.tb-theme-dark-active .auth-id-logo{color:#edf3fa !important;}
html.tb-theme-dark-active .auth-id-screen h1{color:#edf3fa !important;}
html.tb-theme-dark-active .auth-id-screen>p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .auth-id-field{color:#a7b4c3 !important;}
html.tb-theme-dark-active .auth-id-field input{color:#edf3fa !important;}
html.tb-theme-dark-active .auth-identifier-preview{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .auth-identifier-preview .ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-customer-id-card{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .order-customer-id-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .order-customer-id-card strong{color:#edf3fa !important;}
html.tb-theme-dark-active .tb-bank-mode .app-shell{background:#202936 !important;}
html.tb-theme-dark-active .tb-bank-mode .app-header{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-mode .app-view{background:#202936 !important;}
html.tb-theme-dark-active .tb-bank-appbar{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-appbar-button{background:#202936 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-appbar-brand{color:#edf3fa !important;}
html.tb-theme-dark-active .tb-bank-entry-appbar{background:#171e28 !important;}
html.tb-theme-dark-active .bottom-nav.is-bank-nav{background:rgba(23,30,40,.98) !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .bottom-nav.is-bank-nav button{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-entry-page{background:#202936 !important;}
html.tb-theme-dark-active .tb-bank-entry-logo span{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-entry-account{background:rgba(23,30,40,.12) !important;}
html.tb-theme-dark-active .tb-bank-entry-button{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-entry-preview{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-entry-preview article{border-color:#2b3746 !important;}
html.tb-theme-dark-active .tb-bank-entry-preview article small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-entry-preview article>.ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-auth-brand b{color:#edf3fa !important;}
html.tb-theme-dark-active .tb-bank-biometric-button{background:#20324a !important;}
html.tb-theme-dark-active .tb-bank-app{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .tb-bank-account-tile{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .tb-bank-account-tile small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-account-tile>span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-quick-actions{background:rgba(23,30,40,.12) !important;}
html.tb-theme-dark-active .tb-bank-quick-actions button span{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-promo-card{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-promo-card>span{background:#20324a !important;}
html.tb-theme-dark-active .tb-bank-promo-card small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-white-section{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-section-title>span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-subhead p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-subhead button{background:#20324a !important;}
html.tb-theme-dark-active .tb-bank-phone-transfer i{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-eyebrow{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-method-grid button{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .tb-bank-method-grid button span{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-method-grid button small{color:#edf3fa !important;}
html.tb-theme-dark-active .tb-bank-service-row{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .tb-bank-service-row>.ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-benefit-hero article{background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .tb-bank-benefit-hero article p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-partner-grid article{background:#202936 !important;}
html.tb-theme-dark-active .tb-bank-partner-grid span{background:#20324a !important;}
html.tb-theme-dark-active .tb-bank-partner-grid small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-premium-grid article{background:#202936 !important;}
html.tb-theme-dark-active .tb-bank-premium-grid article span{background:#20324a !important;}
html.tb-theme-dark-active .tb-bank-support-head{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-support-head p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-chat-bubble{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-chat-bubble small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-chat-thread{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-chat-thread small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-chat-thread>.ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-chat-empty{background:#171e28 !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-more-account>button{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-more-avatar{background:#20324a !important;}
html.tb-theme-dark-active .tb-bank-more-account small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-more-account>.ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-back-market{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-account-avatar{background:#20324a !important;}
html.tb-theme-dark-active .tb-bank-account-profile p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-account-list>div,html.tb-theme-dark-active .tb-bank-account-security>div,html.tb-theme-dark-active .tb-bank-account-security>label{border-color:#2b3746 !important;}
html.tb-theme-dark-active .tb-bank-account-list small,html.tb-theme-dark-active .tb-bank-account-security small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .tb-bank-account-security input[type="checkbox"]:after{background:#171e28 !important;}
html.tb-theme-dark-active .tb-bank-account-security>div>.ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .market-home-header{background:#171e28 !important;}
html.tb-theme-dark-active .market-home-brand{color:#edf3fa !important;}
html.tb-theme-dark-active .market-home-location{color:#edf3fa !important;}
html.tb-theme-dark-active .market-home-location .ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .market-home-bonus,html.tb-theme-dark-active .market-home-message{color:#a7b4c3 !important;}
html.tb-theme-dark-active .market-home-bonus{color:#edf3fa !important;}
html.tb-theme-dark-active .market-home-search-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .market-home-search input{color:#edf3fa !important;}
html.tb-theme-dark-active .market-home-search input::placeholder{color:#a7b4c3 !important;}
html.tb-theme-dark-active .market-home-search button{color:#a7b4c3 !important;}
html.tb-theme-dark-active .home-market-page{background:#202936 !important;}
html.tb-theme-dark-active .home-category-strip{background:#171e28 !important;}
html.tb-theme-dark-active .home-category-strip .category-chip small{color:#edf3fa !important;}
html.tb-theme-dark-active .home-feed-grid .product-card{background:#171e28 !important;}
html.tb-theme-dark-active .home-feed-grid .favorite-button{background:rgba(23,30,40,.86) !important;}
html.tb-theme-dark-active .home-feed-ad-label{background:rgba(23,30,40,.75) !important;color:#a7b4c3 !important;}
html.tb-theme-dark-active .market-bonus-appbar{background:#171e28 !important;}
html.tb-theme-dark-active .market-bonus-page{background:#202936 !important;}
html.tb-theme-dark-active .market-bonus-summary article{background:#171e28 !important;}
html.tb-theme-dark-active .market-bonus-summary small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .market-bonus-summary strong{color:#edf3fa !important;}
html.tb-theme-dark-active .market-bonus-promo>span{background:#171e28 !important;}
html.tb-theme-dark-active .market-bonus-promo p{color:#a7b4c3 !important;}
html.tb-theme-dark-active .market-bonus-actions{background:#171e28 !important;}
html.tb-theme-dark-active .market-bonus-actions button{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .market-bonus-actions button>.ui-icon{color:#a7b4c3 !important;}
html.tb-theme-dark-active .auth-register-password-hint{color:#a7b4c3 !important;}
html.tb-theme-dark-active .phone-country-control{border-color:#2b3746 !important;background:#171e28 !important;}
html.tb-theme-dark-active .phone-country-trigger{border-color:#2b3746 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .phone-country-trigger i{color:#a7b4c3 !important;}
html.tb-theme-dark-active .phone-country-control input[data-phone-national]{color:#edf3fa !important;}
html.tb-theme-dark-active .phone-country-menu{background:#171e28 !important;}
html.tb-theme-dark-active .phone-country-option{color:#edf3fa !important;}
html.tb-theme-dark-active .phone-country-option em{color:#a7b4c3 !important;}
html.tb-theme-dark-active .phone-country-option.is-selected,html.tb-theme-dark-active .phone-country-option:active{background:#20324a !important;}
html.tb-theme-dark-active .phone-country-hint{color:#a7b4c3 !important;}
html.tb-theme-dark-active .auth-id-field .phone-country-trigger{background:#202936 !important;}
html.tb-theme-dark-active .tb-bank-phone-transfer>.phone-country-control .phone-country-trigger{border-color:#2b3746 !important;}
html.tb-theme-dark-active .cart-screen{background:#202936 !important;}
html.tb-theme-dark-active .cart-pickup-bar{border-color:#2b3746 !important;background:#171e28 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .cart-pickup-icon{background:#20324a !important;}
html.tb-theme-dark-active .cart-pickup-copy small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .cart-pickup-copy strong{color:#edf3fa !important;}
html.tb-theme-dark-active .cart-pickup-copy em{color:#a7b4c3 !important;}
html.tb-theme-dark-active .cart-head-card{background:#171e28 !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .cart-heading h1{color:#edf3fa !important;}
html.tb-theme-dark-active .cart-heading>span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .cart-head-card .select-all-row{color:#edf3fa !important;}
html.tb-theme-dark-active .cart-products-panel{background:#171e28 !important;}
html.tb-theme-dark-active .cart-products-head h2{color:#edf3fa !important;}
html.tb-theme-dark-active .cart-products-head>span{color:#a7b4c3 !important;}
html.tb-theme-dark-active .cart-line{background:#171e28 !important;}
html.tb-theme-dark-active .cart-price-row del{color:#a7b4c3 !important;}
html.tb-theme-dark-active .cart-copy h3{color:#edf3fa !important;}
html.tb-theme-dark-active .cart-copy .cart-variant,html.tb-theme-dark-active .cart-copy .cart-store{color:#a7b4c3 !important;}
html.tb-theme-dark-active .cart-tool{background:#202936 !important;color:#edf3fa !important;}
html.tb-theme-dark-active .cart-tool.danger{color:#edf3fa !important;}
html.tb-theme-dark-active .cart-qty-control{background:#202936 !important;}
html.tb-theme-dark-active .cart-qty-control button{color:#edf3fa !important;}
html.tb-theme-dark-active .cart-qty-control>span{color:#edf3fa !important;}
html.tb-theme-dark-active .cart-summary-premium{background:rgba(23,30,40,.985) !important;border-color:#2b3746 !important;}
html.tb-theme-dark-active .cart-summary-copy small{color:#a7b4c3 !important;}
html.tb-theme-dark-active .cart-summary-copy>span{color:#a7b4c3 !important;}
html.tb-theme-dark-active body{background:#202936 !important;}
html.tb-theme-dark-active .cart-summary-premium{border-color:#2b3746 !important;}
html.tb-theme-dark-active .auth-id-field:has(> .phone-country-control)>.phone-country-control{border-color:#2b3746 !important;background:#171e28 !important;}
html.tb-theme-dark-active .auth-id-field:has(> .phone-country-control) .phone-country-trigger{border-color:#2b3746 !important;background:#202936 !important;}
html.tb-theme-dark-active .auth-id-field:has(> .phone-country-control) input[data-phone-national]{background:#171e28 !important;}
/* TB Market v0.13.30 — complete native dark/system theme compatibility. */
html.tb-theme-dark-active{--tb-dark-bg:#10151d;--tb-dark-surface:#171e28;--tb-dark-surface-2:#202936;--tb-dark-border:#2b3746;--tb-dark-text:#edf3fa;--tb-dark-muted:#a7b4c3;background:#10151d!important;color-scheme:dark!important}
html.tb-theme-dark-active body,html.tb-theme-dark-active .app-shell,html.tb-theme-dark-active .app-view{background:#10151d!important;color:#edf3fa!important}
html.tb-theme-dark-active .app-header{background:linear-gradient(180deg,#121b27 0,#171e28 92%)!important;border-color:#2b3746!important;box-shadow:0 1px 0 rgba(255,255,255,.04)!important}
html.tb-theme-dark-active .bottom-nav{background:rgba(23,30,40,.98)!important;border-top-color:#2b3746!important;box-shadow:0 -8px 25px rgba(0,0,0,.28)!important}
html.tb-theme-dark-active .bottom-nav button{color:#91a1b4!important}
html.tb-theme-dark-active .bottom-nav button.is-active{color:#4d93ff!important}
html.tb-theme-dark-active input,html.tb-theme-dark-active textarea,html.tb-theme-dark-active select{background:#202936!important;color:#edf3fa!important;border-color:#2b3746!important;caret-color:#6fa7ff!important}
html.tb-theme-dark-active input::placeholder,html.tb-theme-dark-active textarea::placeholder{color:#8190a2!important;opacity:1}
html.tb-theme-dark-active :is(.home-market-page,.search-page,.product-detail,.cart-screen,.checkout-page,.profile-page-tbz,.settings-tbz-page,.profile-payments-page,.orders-page,.returns-page,.return-detail-page,.notification-settings-page,.market-bonus-page,.guest-profile-page,.tb-id-page,.tb-id-subpage,.tb-bank-app,.tb-bank-entry-page){background:#10151d!important;color:#edf3fa!important}
html.tb-theme-dark-active :is(.market-home-header,.home-category-strip,.home-pickup-main,.home-pickup-orders,.product-card,.detail-card,.detail-price,.cart-head-card,.cart-products-panel,.cart-line,.cart-summary-premium,.checkout-title-card,.checkout-card,.checkout-summary,.profile-overview-head,.profile-order-swipe-card,.profile-finance-card,.profile-viewed-section,.settings-photo-card,.settings-feature-card,.settings-group,.orders-appbar,.tbz-order-card,.completed-order-card,.return-card,.notification-card,.notification-setting-section,.auth-modal,.auth-id-screen,.phone-country-control,.phone-country-menu,.pickup-selector-sheet,.language-currency-sheet,.bank-auth-sheet){border-color:#2b3746!important}
html.tb-theme-dark-active :is(.section-head,.page-title,.home-section-head,.profile-section-head,.payment-section-head,.profile-block-title,.tb-bank-section-title) h1,html.tb-theme-dark-active :is(.section-head,.page-title,.home-section-head,.profile-section-head,.payment-section-head,.profile-block-title,.tb-bank-section-title) h2{color:#edf3fa!important}
html.tb-theme-dark-active :is(.detail-card,.checkout-card,.profile-form,.profile-payment-panel,.return-detail-summary,.return-detail-items,.return-detail-info,.notification-setting-section,.tb-id-group) :is(h1,h2,h3){color:#edf3fa!important}
html.tb-theme-dark-active :is(.cart-copy,.cart-summary-copy,.checkout-option,.profile-overview-copy,.profile-saved-card-copy,.profile-payment-method,.tbz-order-status,.completed-order-head,.return-card-head,.notification-setting-copy,.pickup-point-card-copy,.tb-device-card,.tb-linked-card) > b{color:#edf3fa!important}
html.tb-theme-dark-active :is(.detail-card p,.detail-meta,.cart-copy p,.cart-variant,.cart-store,.checkout-option small,.profile-overview-copy small,.profile-payment-method small,.profile-saved-card-copy small,.profile-section-head small,.notification-setting-copy p,.pickup-point-card-copy small,.tb-device-card small,.tb-linked-card small){color:#a7b4c3!important}
html.tb-theme-dark-active :is(.global-search,.market-home-search,.search-toolbar){border-color:#2b3746!important}
html.tb-theme-dark-active :is(.global-search input,.market-home-search input,.search-toolbar input){color:#edf3fa!important;background:transparent!important}
html.tb-theme-dark-active .sort-row button:not(.is-active),html.tb-theme-dark-active .orders-years button:not(.is-active){background:#202936!important;color:#a7b4c3!important}
html.tb-theme-dark-active .category-tile{background:#171e28!important;color:#edf3fa!important;border-color:#2b3746!important}
html.tb-theme-dark-active .category-chip small{color:#edf3fa!important}
html.tb-theme-dark-active .product-copy p{color:#edf3fa!important}
html.tb-theme-dark-active .product-copy small{color:#a7b4c3!important}
html.tb-theme-dark-active .detail-gallery{background:#141b24!important;border-color:#2b3746!important}
html.tb-theme-dark-active .variant-list button{background:#202936!important;color:#edf3fa!important;border-color:#2b3746!important}
html.tb-theme-dark-active .variant-list button.is-active{border-color:#4d93ff!important;background:#1d3150!important}
html.tb-theme-dark-active .cart-screen :is(.cart-heading,.cart-products-head,.select-all-row){color:#edf3fa!important}
html.tb-theme-dark-active .cart-line{box-shadow:none!important}
html.tb-theme-dark-active :is(.cart-qty-control button,.cart-tool,.cart-pickup-change){background:#202936!important;border-color:#2b3746!important}
html.tb-theme-dark-active .cart-qty-control span{color:#edf3fa!important}
html.tb-theme-dark-active .cart-select span{background:#202936!important;border-color:#536176!important}
html.tb-theme-dark-active .cart-select input:checked+span{background:#1768f5!important;border-color:#1768f5!important}
html.tb-theme-dark-active .checkout-option,html.tb-theme-dark-active .payment-methods label{background:#202936!important;color:#edf3fa!important;border-color:#2b3746!important}
html.tb-theme-dark-active .checkout-option.is-active,html.tb-theme-dark-active .payment-methods label.is-active{background:#1d3150!important;border-color:#4d93ff!important}
html.tb-theme-dark-active :is(.profile-main-menu button,.profile-menu-group button,.guest-profile-settings button,.settings-group button,.settings-select-row,.language-currency-row){color:#edf3fa!important;border-color:#2b3746!important}
html.tb-theme-dark-active :is(.profile-menu-sheet,.source-modal,.return-create-sheet){background:#171e28!important;color:#edf3fa!important}
html.tb-theme-dark-active :is(.profile-menu-sheet-head,.return-create-sheet-head,.language-currency-head,.pickup-selector-head){border-color:#2b3746!important}
html.tb-theme-dark-active .orders-tabs{background:#202936!important}
html.tb-theme-dark-active .orders-tabs button{color:#a7b4c3!important}
html.tb-theme-dark-active .orders-tabs button.is-active{background:#263446!important;color:#edf3fa!important}
html.tb-theme-dark-active :is(.tbz-order-card,.completed-order-card,.return-card,.thread-card,.notification-card){box-shadow:none!important}
html.tb-theme-dark-active :is(.chat-shell,.message-list){background:#10151d!important}
html.tb-theme-dark-active .message-bubble{background:#202936!important;color:#edf3fa!important}
html.tb-theme-dark-active .message-bubble.is-mine{background:#173f77!important;color:#f5f9ff!important}
html.tb-theme-dark-active .message-compose{border-color:#2b3746!important}
html.tb-theme-dark-active .notification-card.is-unread{background:#1c2d46!important}
html.tb-theme-dark-active :is(.phone-country-option,.language-currency-row,.pickup-point-card){color:#edf3fa!important}
html.tb-theme-dark-active :is(.phone-country-option.is-selected,.language-currency-row.is-active,.pickup-point-card.is-active){background:#22344d!important}
html.tb-theme-dark-active .modal-backdrop{background:rgba(0,0,0,.68)!important}
html.tb-theme-dark-active .toast{background:#eaf2ff!important;color:#111b28!important;box-shadow:0 12px 36px rgba(0,0,0,.38)!important}
html.tb-theme-dark-active .toast.is-error{background:#ffdde3!important;color:#7d1027!important}
html.tb-theme-dark-active .order-barcode-svg,html.tb-theme-dark-active .order-list-barcode{background:#fff!important;color:#111!important;border-color:#dfe5eb!important}
html.tb-theme-dark-active .order-barcode-svg svg,html.tb-theme-dark-active .order-list-barcode svg{color:#111!important;fill:#111!important}
html.tb-theme-dark-active .phone-country-trigger{background:#252f3d!important;color:#edf3fa!important;border-right-color:#2b3746!important}
html.tb-theme-dark-active .auth-id-field:has(> .phone-country-control)>.phone-country-control{background:#202936!important;border-color:#2b3746!important}
html.tb-theme-dark-active .auth-id-field:has(> .phone-country-control) input[data-phone-national]{background:#202936!important;color:#edf3fa!important}
html.tb-theme-dark-active .auth-id-field:has(> .phone-country-control) .phone-country-trigger{background:#252f3d!important;border-right-color:#2b3746!important}
html.tb-theme-dark-active .cart-tool.danger{color:#ff647e!important}
html.tb-theme-dark-active .order-customer-id-card{background:#171e28!important;color:#edf3fa!important;border-color:#2b3746!important}
/* TB Market v0.13.31 — cart parity pass (reference-inspired). Cart route only. */
.cart-appbar{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:5px 14px;background:#fff;border-bottom:1px solid #eef1f4}
.cart-appbar-brand{height:38px;min-width:108px;padding:0 13px;border-radius:14px;background:linear-gradient(135deg,#176df7,#0756e8);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 7px 18px rgba(19,99,240,.2)}
.cart-appbar-brand span{font-weight:950;letter-spacing:-.04em}
.cart-appbar-brand b{font-size:12px;letter-spacing:.04em}
.cart-screen{margin:0 -10px;background:#f3f4f6;min-height:calc(100dvh - 118px);padding-bottom:214px}
.cart-pickup-bar{min-height:66px;padding:13px 18px;border:0;background:#fff;grid-template-columns:minmax(0,1fr) 24px;gap:8px}
.cart-pickup-icon{display:none!important}
.cart-pickup-copy strong{font-size:15px;line-height:1.25;font-weight:760;color:#111827}
.cart-pickup-copy em{margin-top:4px;font-size:10.5px;color:#7d8795}
.cart-pickup-copy small{display:none}
.cart-pickup-change{justify-self:end;width:24px;height:24px;color:#8b95a3;font-size:0;display:grid;place-items:center}
.cart-pickup-change .ui-icon{width:15px;height:15px}
.cart-head-card{padding:0 18px 12px;background:#fff;border:0;border-radius:0 0 22px 22px}
.cart-selection-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cart-head-card .select-all-row{min-height:44px;gap:12px;font-size:15px;font-weight:650;color:#222b38}
.cart-head-card .select-all-row input{width:24px;height:24px;accent-color:#1768f5}
.cart-bulk-actions{display:flex;align-items:center;gap:10px}
.cart-bulk-actions button{width:43px;height:43px;border:0;border-radius:15px;background:#f2f4f7;color:#607085;display:grid;place-items:center;transition:opacity .15s,transform .15s}
.cart-bulk-actions button:active{transform:scale(.95)}
.cart-bulk-actions button:disabled{opacity:.34}
.cart-bulk-actions .ui-icon{width:21px;height:21px}
.cart-sale-alert{min-height:60px;border-radius:18px;background:#fff;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0 2px;color:#1f2937}
.cart-sale-alert>span{font-size:23px;line-height:1}
.cart-sale-alert b,.cart-sale-alert small{display:block}
.cart-sale-alert b{font-size:14px;font-weight:750}
.cart-sale-alert small{margin-top:3px;color:#7d8795;font-size:11px}
.cart-products-panel{margin-top:8px;background:#fff;border-radius:26px 26px 0 0;overflow:hidden}
.cart-products-head{padding:20px 18px 12px;gap:8px}
.cart-products-head h2{font-size:22px;letter-spacing:-.025em;color:#111827}
.cart-products-head>span{min-width:25px;height:25px;font-size:11px}
.cart-line{grid-template-columns:108px minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:14px!important;row-gap:10px!important;padding:13px 18px 15px!important;min-height:160px}
.cart-line+.cart-line:before{left:18px;right:18px;background:#eceff3}
.cart-select{position:absolute!important;left:18px;top:14px;z-index:5;width:26px!important;height:26px!important;margin:0!important}
.cart-select span{width:26px!important;height:26px!important;border-radius:8px!important;background:rgba(255,255,255,.94)!important;border:1px solid #d7dde5!important;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.cart-select input:checked+span{background:#1768f5!important;border-color:#1768f5!important;color:#fff!important}
.cart-image{grid-column:1;grid-row:1;width:108px;height:136px;border-radius:18px!important;background:#f1f3f5!important}
.cart-image img{object-fit:cover!important}
.cart-copy{grid-column:2;grid-row:1;padding-top:3px}
.cart-price-row{gap:7px;margin-bottom:6px}
.cart-price-row strong{font-size:19px!important;color:#0aa55d!important}
.cart-price-row del{font-size:11.5px}
.cart-price-row mark{font-size:10px;padding:3px 6px;border-radius:7px}
.cart-copy h3{margin-bottom:6px!important;font-size:14px!important;line-height:1.32;font-weight:700;-webkit-line-clamp:3}
.cart-copy .cart-variant,.cart-copy .cart-store{font-size:10.5px!important;line-height:1.35;color:#6f7a88}
.cart-copy .cart-stock{margin-top:6px;font-size:10.5px!important;color:#66788e;font-weight:650}
.cart-copy .cart-stock.is-out{color:#e24854}
.cart-actions{grid-column:1/-1!important;grid-row:2;gap:8px!important;padding-left:0}
.cart-tool{width:43px!important;height:43px!important;border-radius:15px!important;background:#f4f5f7!important;color:#14243a!important}
.cart-tool .ui-icon{width:20px;height:20px}
.cart-tool.favorite-cart.is-active{color:#ff2459!important}
.cart-tool.danger{color:#15263a!important}
.cart-qty-control{height:43px;grid-template-columns:43px 36px 43px;border-radius:15px;background:#f4f5f7}
.cart-qty-control button{width:43px!important;height:43px!important}
.cart-qty-control>span{min-width:36px;font-size:14px}
.cart-summary-premium{min-height:0!important;display:block!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.985)!important;border-top:1px solid #e5e8ed!important;box-shadow:0 -10px 30px rgba(18,35,58,.10)!important}
.cart-summary-offer{height:44px;margin-bottom:8px;padding:0 12px;border-radius:15px;background:#f5f6f8;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;color:#2a3546}
.cart-summary-offer[hidden]{display:none!important}
.cart-summary-offer>span{font-size:17px}
.cart-summary-offer b{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cart-summary-offer strong{font-size:12px;color:#0aa55d;white-space:nowrap}
.cart-summary-main{display:grid;grid-template-columns:minmax(0,1fr) 152px;align-items:center;gap:12px}
.cart-summary-copy{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:start;column-gap:6px;min-width:0}
.cart-summary-premium .cart-summary-copy strong{grid-column:1;color:#0aa55d!important;font-size:22px!important;line-height:1.05}
.cart-summary-copy del{grid-column:2;color:#818b98;font-size:11px;white-space:nowrap}
.cart-summary-copy>span{grid-column:1/-1;margin-top:4px!important;color:#7c8795!important;font-size:10px!important}
.cart-summary-copy>em{grid-column:1/-1;margin-top:2px;color:#0aa55d;font-size:10px;font-style:normal;font-weight:700}
.cart-summary-premium>.primary-button{display:none!important}
.cart-summary-main>.primary-button{width:152px;min-height:56px;border-radius:18px;font-size:14px;padding:0 12px}
.cart-action-sheet{position:absolute;left:0;right:0;bottom:0;max-height:82dvh;overflow:hidden;background:#fff;border-radius:30px 30px 0 0;padding:24px 18px calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));box-shadow:0 -15px 45px rgba(13,26,45,.22)}
.cart-action-sheet h2{margin:2px 48px 4px 0;font-size:27px;letter-spacing:-.025em;color:#111827}
.cart-action-sheet>p{margin:0 44px 18px 0;color:#7a8492;font-size:13px}
.cart-sheet-close{top:18px;right:16px;background:#f2f4f7}
.cart-share-items{max-height:46dvh;overflow:auto;margin:0 -2px;padding:0 2px}
.cart-share-items article{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #eceff3}
.cart-share-items img{width:86px;height:108px;border-radius:16px;background:#f2f4f7;object-fit:cover}
.cart-share-items article div{min-width:0;padding-top:2px}
.cart-share-items b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#151e2c;font-size:14px;line-height:1.32}
.cart-share-items small{display:block;margin-top:5px;color:#7b8694;font-size:11px}
.cart-share-items strong{display:block;margin-top:7px;color:#0aa55d;font-size:18px}
.cart-share-items article>span{color:#707c8b;font-size:12px;padding-top:4px}
.cart-share-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px}
.cart-share-footer>div{min-width:0}
.cart-share-footer>div strong{display:block;color:#0aa55d;font-size:21px}
.cart-share-footer>div small{display:block;margin-top:4px;color:#7a8492;font-size:11px}
.cart-share-footer .primary-button{min-width:150px;min-height:54px;border-radius:17px}
.cart-delete-sheet{background:transparent;padding:0 12px calc(12px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));box-shadow:none;overflow:visible}
.cart-delete-sheet h3,.cart-delete-sheet p{background:rgba(255,255,255,.98);margin:0;text-align:center;padding-left:24px;padding-right:24px}
.cart-delete-sheet h3{padding-top:22px;font-size:16px;color:#6f7783;border-radius:22px 22px 0 0}
.cart-delete-sheet p{padding-top:5px;padding-bottom:18px;color:#89919c;font-size:12px}
.cart-sheet-danger,.cart-sheet-cancel{width:100%;min-height:58px;border:0;background:#fff;font-size:18px;font-weight:700}
.cart-sheet-danger{color:#ff3d4d;border-top:1px solid #edf0f3;border-radius:0 0 22px 22px}
.cart-sheet-cancel{margin-top:9px;color:#1768f5;border-radius:20px}
html.tb-theme-dark-active .cart-appbar{background:#171e28;border-color:#2b3746}
html.tb-theme-dark-active .cart-screen{background:#10151d!important}
html.tb-theme-dark-active .cart-pickup-bar,html.tb-theme-dark-active .cart-head-card,html.tb-theme-dark-active .cart-products-panel,html.tb-theme-dark-active .cart-line{background:#171e28!important}
html.tb-theme-dark-active .cart-pickup-copy strong,html.tb-theme-dark-active .cart-head-card .select-all-row,html.tb-theme-dark-active .cart-products-head h2,html.tb-theme-dark-active .cart-copy h3{color:#edf3fa!important}
html.tb-theme-dark-active .cart-pickup-copy em,html.tb-theme-dark-active .cart-sale-alert small,html.tb-theme-dark-active .cart-copy .cart-variant,html.tb-theme-dark-active .cart-copy .cart-store,html.tb-theme-dark-active .cart-copy .cart-stock{color:#a7b4c3!important}
html.tb-theme-dark-active .cart-bulk-actions button,html.tb-theme-dark-active .cart-tool,html.tb-theme-dark-active .cart-qty-control,html.tb-theme-dark-active .cart-summary-offer{background:#202936!important;color:#edf3fa!important}
html.tb-theme-dark-active .cart-sale-alert{background:#171e28;color:#edf3fa}
html.tb-theme-dark-active .cart-line+.cart-line:before{background:#2b3746}
html.tb-theme-dark-active .cart-select span{background:#202936!important;border-color:#536176!important}
html.tb-theme-dark-active .cart-select input:checked+span{background:#1768f5!important;border-color:#1768f5!important}
html.tb-theme-dark-active .cart-summary-premium{background:rgba(23,30,40,.985)!important;border-color:#2b3746!important}
html.tb-theme-dark-active .cart-summary-copy del,html.tb-theme-dark-active .cart-summary-copy>span{color:#a7b4c3!important}
html.tb-theme-dark-active .cart-action-sheet{background:#171e28;color:#edf3fa}
html.tb-theme-dark-active .cart-action-sheet h2,html.tb-theme-dark-active .cart-share-items b{color:#edf3fa}
html.tb-theme-dark-active .cart-action-sheet>p,html.tb-theme-dark-active .cart-share-items small,html.tb-theme-dark-active .cart-share-items article>span,html.tb-theme-dark-active .cart-share-footer>div small{color:#a7b4c3}
html.tb-theme-dark-active .cart-share-items article{border-color:#2b3746}
html.tb-theme-dark-active .cart-sheet-close{background:#202936;color:#edf3fa}
html.tb-theme-dark-active .cart-delete-sheet{background:transparent}
html.tb-theme-dark-active .cart-delete-sheet h3,html.tb-theme-dark-active .cart-delete-sheet p,html.tb-theme-dark-active .cart-sheet-danger,html.tb-theme-dark-active .cart-sheet-cancel{background:#202936}
html.tb-theme-dark-active .cart-sheet-danger{border-color:#2b3746}
@media(max-width:380px){
.cart-head-card{padding-left:14px;padding-right:14px}
.cart-pickup-bar{padding-left:14px;padding-right:14px}
.cart-line{grid-template-columns:96px minmax(0,1fr)!important;padding-left:14px!important;padding-right:14px!important;column-gap:11px!important}
.cart-select{left:14px}
.cart-image{width:96px;height:125px}
.cart-summary-main{grid-template-columns:minmax(0,1fr) 140px;gap:8px}
.cart-summary-main>.primary-button{width:140px}
}
@media(min-width:768px){
.cart-appbar{padding-left:20px;padding-right:20px}
.cart-screen{margin:-18px -20px -30px;width:auto;min-height:calc(100dvh - 126px);padding:0 0 230px;border-radius:0}
.cart-pickup-bar,.cart-head-card{padding-left:24px;padding-right:24px}
.cart-products-panel{margin:12px 20px 0;border-radius:26px;overflow:hidden}
.cart-line{grid-template-columns:118px minmax(0,1fr)!important;padding-left:20px!important;padding-right:20px!important}
.cart-select{left:20px}
.cart-image{width:118px;height:146px}
.cart-summary-premium{left:50%;right:auto;width:min(1180px,100vw);max-width:1180px;transform:translateX(-50%);bottom:calc(72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.cart-action-sheet{left:50%;right:auto;width:min(600px,calc(100% - 48px));transform:translateX(-50%);border-radius:30px 30px 0 0}
.cart-delete-sheet{width:min(520px,calc(100% - 48px))}
}
@media(min-width:1024px){
.cart-screen{width:calc(100% - 344px);margin:-18px 0 -30px;background:#f3f4f6;border-radius:24px;overflow:hidden;padding-bottom:30px;min-height:calc(100dvh - 150px)}
.cart-products-panel{margin:12px 0 0;border-radius:24px 24px 0 0}
.cart-summary-premium{left:auto;right:max(20px,calc((100vw - 1180px)/2 + 20px));transform:none;width:320px;max-width:320px;bottom:auto;top:calc(var(--safe-area-inset-top,env(safe-area-inset-top,0px)) + 82px);padding:14px!important;border:1px solid #e1e7ee!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(15,35,64,.10)!important}
.cart-summary-main{grid-template-columns:1fr;gap:12px}
.cart-summary-main>.primary-button{width:100%}
}
/* TB Market Android — Favorites / reference-style controls v0.13.32 */
.favorites-appbar{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 12px;background:#fff}
.favorites-appbar-brand{justify-self:center;display:flex;align-items:center;gap:5px;text-decoration:none;background:#1768f5;color:#fff;border-radius:15px;padding:7px 13px;font-style:italic;font-weight:950;letter-spacing:.04em}
.favorites-appbar-brand span,.favorites-appbar-brand b{color:#fff}
.favorites-screen{margin:-12px -10px -22px;padding:14px 0 calc(92px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));min-height:calc(100dvh - 118px);background:#f2f3f6}
.favorites-title-row{display:none!important}
.favorites-top-search-row{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;padding:0 14px 12px;background:#fff}
.favorites-top-back{width:44px;height:44px;border:0;border-radius:14px;background:transparent;color:#8b96a5;display:grid;place-items:center;padding:0}
.favorites-top-back .ui-icon{width:25px;height:25px}
.favorites-local-search{height:48px;margin:0;padding:0 14px;border-radius:17px;background:#f3f5f8;color:#8b96a5;display:flex;align-items:center;gap:10px}
.favorites-local-search .ui-icon{width:21px;height:21px;flex:0 0 auto}
.favorites-local-search input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#172236;padding:0}
.favorites-local-search input::placeholder{color:#9ca6b3}
.favorites-shortcuts{margin:0 14px 12px;border-radius:20px;background:#f4f5f8;overflow:hidden}
.favorites-shortcuts button{width:100%;min-height:58px;border:0;border-bottom:1px solid #dde2e9;background:transparent;color:#161d29;display:grid;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:0 13px;text-align:left}
.favorites-shortcuts button:last-child{border-bottom:0}
.favorite-shortcut-icon{width:30px;height:30px;border-radius:10px;background:#e7ebf0;color:#818c9a;display:grid;place-items:center;font-weight:900}
.favorites-shortcuts b{font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.favorites-shortcuts small{min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#eceff3;color:#7b8795;display:grid;place-items:center;font-size:11px;font-weight:800}
.favorites-shortcuts .ui-icon{width:18px;height:18px;color:#8d98a6}
.favorites-chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 14px 14px;background:#fff}
.favorites-chip-row::-webkit-scrollbar{display:none}
.favorite-round-chip{flex:0 0 auto;min-height:39px;border:0;border-radius:20px;background:#f0f2f5;color:#151c27;padding:0 13px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.favorite-round-chip>span{font-size:19px;line-height:1}
.favorite-round-chip b{font-size:13px;font-weight:800;max-width:135px;overflow:hidden;text-overflow:ellipsis}
.favorite-round-chip.is-active{background:#e8f1ff;color:#1269f7}
.favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px 4px 0;background:#f2f3f6}
.favorite-product-card{min-width:0;background:#fff;overflow:hidden}
.favorite-product-media{position:relative;aspect-ratio:.84;background:#eef1f4;overflow:hidden}
.favorite-media-link{width:100%;height:100%;padding:0;border:0;background:transparent;display:block}
.favorite-product-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s}
.favorite-product-media img.is-active{opacity:1}
.favorite-product-media .favorite-button{right:8px;top:8px;width:38px;height:38px;background:rgba(255,255,255,.94);color:#ff2459;box-shadow:0 3px 12px rgba(8,18,34,.1)}
.favorite-product-media .favorite-button svg{fill:currentColor}
.favorite-discount{position:absolute;left:7px;top:7px;z-index:4;background:#ff4d68;color:#fff;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}
.favorite-gallery-dots{bottom:7px}
.favorite-product-copy{padding:9px 10px 11px}
.favorite-price-line{display:flex;align-items:baseline;gap:6px;min-width:0}
.favorite-price-line strong{color:#ff1661;font-size:18px;line-height:1.1;font-weight:900;white-space:nowrap}
.favorite-price-line del{color:#99a2af;font-size:11px;white-space:nowrap}
.favorite-product-copy>p{min-height:38px;margin:6px 0 5px;color:#161d28;font-size:13px;font-weight:650;line-height:1.42;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.favorite-product-meta{min-height:20px;display:flex;align-items:center;gap:7px;color:#7d8795}
.favorite-product-meta span{color:#f4a300;font-size:12px;font-weight:850}
.favorite-product-meta small{font-size:11px}
.favorite-cart-button{width:100%;height:39px;margin-top:8px;border:0;border-radius:13px;background:#1269f7;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:850}
.favorite-cart-button .ui-icon{width:18px;height:18px}
.favorite-cart-button.is-in-cart{background:#15bfa9}
.favorite-cart-button:disabled{background:#cad2dc;color:#fff}
.favorite-no-results{grid-column:1/-1;min-height:42dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7a8798;text-align:center;padding:28px}
.favorite-no-results>div{width:58px;height:58px;border-radius:19px;background:#fff;display:grid;place-items:center}
.favorite-no-results .ui-icon{width:30px;height:30px}
.favorite-no-results b{font-size:14px}
.favorite-sheet-backdrop{background:rgba(8,14,24,.46);backdrop-filter:none}
.favorite-bottom-sheet{position:absolute;left:0;right:0;bottom:0;max-height:86dvh;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:10px 16px calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));box-shadow:0 -18px 48px rgba(8,18,34,.18)}
.favorite-sheet-handle{width:42px;height:4px;border-radius:999px;background:#d6dce4;margin:0 auto 16px}
.favorite-bottom-sheet h2{margin:0 0 16px;font-size:26px;line-height:1.15;color:#111820}
.favorite-sheet-options{border-radius:18px;background:#f5f6f8;overflow:hidden}
.favorite-sheet-options button{width:100%;min-height:66px;border:0;border-bottom:1px solid #dfe3e8;background:transparent;color:#141b25;display:flex;align-items:center;gap:13px;padding:0 16px;text-align:left}
.favorite-sheet-options button:last-child{border-bottom:0}
.favorite-sheet-options b{font-size:16px;font-weight:600}
.favorite-radio{width:26px;height:26px;border:2px solid #d2d8df;border-radius:50%;background:#fff;display:block;position:relative;flex:0 0 auto}
.is-selected>.favorite-radio,.favorite-sheet-options button.is-selected .favorite-radio{border:7px solid #1269f7}
.favorite-filter-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:26px}
.favorite-filter-head b{grid-column:2;font-size:18px;color:#141b25}
.favorite-filter-head button{grid-column:3;justify-self:end;border:0;background:transparent;color:#1269f7;padding:8px 0;font-size:15px}
.favorite-filter-sheet h3{margin:0 0 14px;font-size:16px;font-weight:600;color:#202936}
.favorite-source-list{border-radius:18px;background:#f5f6f8;overflow:hidden}
.favorite-source-list button{width:100%;min-height:64px;border:0;border-bottom:1px solid #dfe3e8;background:transparent;color:#161d28;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 14px;text-align:left}
.favorite-source-list button:last-child{border-bottom:0}
.favorite-source-list b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.favorite-source-list small{color:#8994a1;font-size:11px}
.favorite-source-logo{width:46px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#27364a;font-size:10px;font-weight:850}
.favorite-source-logo img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff}
.favorite-source-list .favorite-radio{justify-self:end}
.favorite-category-list button{grid-template-columns:46px minmax(0,1fr) auto 26px}
.favorite-all-option{width:100%;min-height:52px;margin-top:10px;border:0;background:transparent;color:#1269f7;text-align:left;padding:0;font-size:15px}
.favorite-sheet-close-button{position:sticky;bottom:0;width:100%;height:56px;margin-top:8px;border:0;border-radius:15px;background:#1269f7;color:#fff;font-size:16px;font-weight:850}
html.tb-theme-dark-active .favorites-appbar{background:#10151d}
html.tb-theme-dark-active .favorites-screen,html.tb-theme-dark-active .favorites-grid{background:#10151d}
html.tb-theme-dark-active .favorites-title-row,html.tb-theme-dark-active .favorites-chip-row,html.tb-theme-dark-active .favorite-product-card{background:#171e28}
html.tb-theme-dark-active .favorites-title-row h1,html.tb-theme-dark-active .favorites-shortcuts button,html.tb-theme-dark-active .favorite-product-copy>p,html.tb-theme-dark-active .favorite-bottom-sheet h2,html.tb-theme-dark-active .favorite-filter-head b,html.tb-theme-dark-active .favorite-filter-sheet h3,html.tb-theme-dark-active .favorite-sheet-options button,html.tb-theme-dark-active .favorite-source-list button{color:#edf3fa}
html.tb-theme-dark-active .favorites-title-row span{background:#202936;color:#aab6c4}
html.tb-theme-dark-active .favorites-local-search,html.tb-theme-dark-active .favorites-shortcuts,html.tb-theme-dark-active .favorite-round-chip,html.tb-theme-dark-active .favorite-sheet-options,html.tb-theme-dark-active .favorite-source-list{background:#202936}
html.tb-theme-dark-active .favorites-local-search input{color:#edf3fa}
html.tb-theme-dark-active .favorites-local-search input::placeholder{color:#7f8d9d}
html.tb-theme-dark-active .favorites-shortcuts button,html.tb-theme-dark-active .favorite-sheet-options button,html.tb-theme-dark-active .favorite-source-list button{border-color:#2b3746}
html.tb-theme-dark-active .favorite-shortcut-icon,html.tb-theme-dark-active .favorites-shortcuts small{background:#283340;color:#aab6c4}
html.tb-theme-dark-active .favorite-round-chip{color:#dce5ef}
html.tb-theme-dark-active .favorite-round-chip.is-active{background:#17345d;color:#6ba3ff}
html.tb-theme-dark-active .favorite-product-media{background:#202936}
html.tb-theme-dark-active .favorite-product-media .favorite-button{background:rgba(23,30,40,.92)}
html.tb-theme-dark-active .favorite-price-line del,html.tb-theme-dark-active .favorite-product-meta,html.tb-theme-dark-active .favorite-no-results{color:#99a7b7}
html.tb-theme-dark-active .favorite-no-results>div{background:#202936}
html.tb-theme-dark-active .favorite-bottom-sheet{background:#171e28;color:#edf3fa}
html.tb-theme-dark-active .favorite-sheet-handle{background:#465364}
html.tb-theme-dark-active .favorite-radio{background:#171e28;border-color:#526071}
html.tb-theme-dark-active .is-selected>.favorite-radio,html.tb-theme-dark-active .favorite-sheet-options button.is-selected .favorite-radio{border-color:#2d7cff}
html.tb-theme-dark-active .favorite-source-logo{background:#fff}
@media(min-width:768px){
.favorites-screen{padding-left:18px;padding-right:18px}
.favorites-title-row,.favorites-chip-row{margin-left:-18px;margin-right:-18px;padding-left:24px;padding-right:24px}
.favorites-local-search,.favorites-shortcuts{max-width:760px;margin-left:auto;margin-right:auto}
.favorites-chip-row{justify-content:center}
.favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:transparent;padding:12px 0}
.favorite-product-card{border-radius:20px;overflow:hidden;border:1px solid #e1e7ee}
.favorite-bottom-sheet{left:50%;right:auto;width:min(620px,calc(100% - 48px));transform:translateX(-50%)}
html.tb-theme-dark-active .favorite-product-card{border-color:#2b3746}
}
@media(min-width:1024px){.favorites-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* TB Market Android v0.13.33 — reference-style Messages / seller contact */
.messages-appbar{height:58px;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;padding:0 10px;background:#fff;color:#101827;border-bottom:1px solid #edf1f5}
.messages-appbar>b{text-align:center;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.messages-appbar>button{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#8794a4;display:grid;place-items:center}
.messages-appbar>button:last-child{justify-self:end;background:#f1f4f8;color:#657487}
.message-center-page{position:relative;min-height:calc(100dvh - 58px - 64px - var(--safe-area-inset-top,env(safe-area-inset-top,0px)) - var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:2px 0 78px;background:#fff;border-radius:0 0 24px 24px}
.message-thread-list{display:flex;flex-direction:column}
.message-thread-row{position:relative;width:100%;min-height:78px;border:0;border-bottom:1px solid #eef1f5;background:#fff;color:#121a28;padding:9px 14px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left}
.message-thread-row:active{background:#f5f7fa}
.message-thread-avatar{width:58px;height:58px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#e9f1ff,#f6eafa);color:#1468f5;font-size:16px;font-weight:850;flex:none}
.message-thread-avatar.is-large{width:48px;height:48px;border-radius:15px}
.message-thread-avatar.is-seller{background:#f1f3f7;color:#334154}
.message-thread-avatar img{width:100%;height:100%;object-fit:cover}
.message-thread-avatar .ui-icon{width:27px;height:27px}
.message-thread-copy{min-width:0;display:block}
.message-thread-copy b{display:block;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-thread-copy small{display:block;margin-top:5px;color:#7e8998;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-thread-row.is-unread .message-thread-copy b{font-weight:900}
.message-thread-meta{align-self:stretch;min-width:38px;padding:8px 0;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:7px}
.message-thread-meta time{font-size:12px;color:#7c8796;white-space:nowrap}
.message-thread-meta em{min-width:22px;height:22px;padding:0 6px;border-radius:12px;background:#ff2e68;color:#fff;font-size:11px;font-style:normal;font-weight:850;display:grid;place-items:center}
.message-center-empty{min-height:58dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a96a6;text-align:center;padding:30px}
.message-center-empty>span{width:72px;height:72px;border-radius:24px;background:#f0f4f9;color:#1269f7;display:grid;place-items:center}
.message-center-empty h2{margin:14px 0 0;color:#182235}
.message-compose-fab{position:fixed;z-index:1050;right:max(18px,calc((100vw - 520px)/2 + 18px));bottom:calc(78px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));width:58px;height:58px;border:0;border-radius:50%;background:#15191f;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px rgba(5,12,24,.28)}
.message-compose-fab .ui-icon{width:27px;height:27px}
.message-sheet-backdrop{background:rgba(26,31,38,.44);backdrop-filter:none}
.message-seller-picker-sheet,.message-product-preview-sheet,.message-actions-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;color:#111827;border-radius:28px 28px 0 0;max-height:92dvh;display:flex;flex-direction:column;padding:0 16px calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));overflow:hidden}
.message-sheet-handle{width:42px;height:4px;border-radius:3px;background:#d8dde4;margin:8px auto 5px;flex:none}
.message-sheet-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#f0f3f7;color:#758293;display:grid;place-items:center;z-index:2}
.message-seller-picker-head{padding:18px 52px 16px 8px;flex:none}
.message-seller-picker-head h2{margin:0;font-size:25px;line-height:1.12}
.message-seller-picker-head p{margin:12px 0 0;color:#7a8492;font-size:14px;line-height:1.4}
.message-seller-purchase-groups{overflow:auto;padding:0 0 8px;overscroll-behavior:contain}
.message-purchase-group{margin:0 0 12px;background:#f7f8fa;border-radius:24px;padding:16px 10px 5px}
.message-purchase-group h3{margin:0 8px 8px;font-size:18px;color:#121923}
.message-seller-purchase-row{width:100%;min-height:82px;border:0;border-bottom:1px solid #e9edf1;background:transparent;color:#151c28;display:grid;grid-template-columns:66px minmax(0,1fr) 24px;align-items:center;gap:11px;text-align:left;padding:8px}
.message-seller-purchase-row:last-child{border-bottom:0}
.message-seller-product-image{width:66px;height:66px;border-radius:15px;background:#eef2f6;overflow:hidden;display:grid;place-items:center;color:#7f8da0}
.message-seller-product-image img{width:100%;height:100%;object-fit:cover}
.message-seller-product-copy{min-width:0;display:block}
.message-seller-product-copy b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.32}
.message-seller-product-copy small,.message-seller-product-copy em{display:block;margin-top:4px;color:#7b8796;font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-seller-purchase-row>.ui-icon{color:#a5aeb9}
.message-seller-picker-empty{min-height:42dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:#758295;padding:30px}
.message-seller-picker-empty>.ui-icon{width:44px;height:44px;color:#1670fa}
.message-sheet-loading{min-height:46dvh;display:grid;place-items:center;color:#1269f7}
.message-sheet-loading .ui-icon{animation:spin .85s linear infinite}
.message-product-preview-sheet{padding-top:8px}
.message-product-store{display:flex;align-items:center;gap:11px;padding:15px 54px 14px 8px;border-bottom:1px solid #edf0f4}
.message-product-store>img,.message-product-store>span{width:48px;height:48px;border-radius:15px;background:#eef2f6;object-fit:cover;display:grid;place-items:center;font-weight:850}
.message-product-store div{min-width:0}
.message-product-store b,.message-product-store small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-product-store small{margin-top:3px;color:#7b8794}
.message-product-preview{display:grid;grid-template-columns:128px minmax(0,1fr);gap:18px;align-items:center;padding:22px 8px}
.message-product-preview>span{width:128px;height:128px;border-radius:20px;background:#f2f4f7;overflow:hidden;display:grid;place-items:center}
.message-product-preview img{width:100%;height:100%;object-fit:cover}
.message-product-preview b{font-size:17px;line-height:1.35}
.message-product-preview small{display:block;color:#7c8796;margin-top:7px}
.message-go-chat{height:54px;border:0;border-radius:17px;background:#0968f7;color:#fff;font-weight:850;font-size:16px;margin:4px 8px 2px}
.message-thread-route .app-shell{padding-bottom:0;background:#fff;min-height:100dvh}
.message-thread-route .app-header:empty{display:none}
.message-thread-route .app-view{padding:0;min-height:100dvh;background:#fff}
.message-thread-route .bottom-nav{display:none!important}
.message-thread-route .chat-shell{height:100dvh;margin:0;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
.message-chat-head{position:relative;z-index:5;min-height:68px;padding:calc(7px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 12px 7px;background:#fff;border-bottom:1px solid #eef1f5;display:grid;grid-template-columns:42px 48px minmax(0,1fr) 42px;align-items:center;gap:8px}
.message-chat-head>button{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#8793a2;display:grid;place-items:center}
.message-chat-head>button:last-child{background:#f1f3f6}
.message-chat-title{min-width:0}
.message-chat-title h1{font-size:16px;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-chat-title small{display:block;margin-top:3px;color:#7e8996;font-size:12px}
.message-thread-route .message-list{background:#fff;padding:14px 14px 18px;gap:9px;overscroll-behavior:contain}
.message-seller-intro{margin:auto;text-align:center;max-width:290px;color:#7c8795;display:flex;flex-direction:column;align-items:center;padding:35px 10px}
.message-seller-intro>span{width:94px;height:94px;border-radius:32px;background:linear-gradient(145deg,#24bdff,#075ae9);color:#fff;display:grid;place-items:center;box-shadow:0 18px 38px rgba(13,110,244,.18)}
.message-seller-intro>span .ui-icon{width:46px;height:46px}
.message-seller-intro h2{color:#111827;font-size:20px;margin:18px 0 6px}
.message-seller-intro p{margin:0;font-size:13px;line-height:1.45}
.message-thread-route .message-bubble{box-shadow:none;border:1px solid #eef1f4;background:#f4f6f9;max-width:82%}
.message-thread-route .message-bubble.is-mine{border-color:#dceaff;background:#e9f2ff;color:#10223e}
.message-order-context{background:#fff;border-top:1px solid #eef1f4;padding:8px 10px 7px;overflow:hidden}
.message-order-context>b{display:block;font-size:11px;color:#7d8897;margin:0 2px 6px}
.message-order-context-track{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.message-order-context-track::-webkit-scrollbar{display:none}
.message-order-context-track>button{flex:0 0 min(330px,88vw);min-width:0;border:0;border-radius:15px;background:#f5f7fa;color:#182132;padding:7px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;text-align:left}
.message-order-context-track>button>span{width:48px;height:48px;border-radius:11px;background:#e8edf3;overflow:hidden;display:grid;place-items:center}
.message-order-context-track img{width:100%;height:100%;object-fit:cover}
.message-order-context-track div{min-width:0}
.message-order-context-track strong,.message-order-context-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-order-context-track strong{font-size:12px}
.message-order-context-track small{font-size:10px;color:#7e8997;margin-top:3px}
.message-compose-premium{grid-template-columns:minmax(0,1fr) 46px;padding:8px 12px calc(8px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));border-top:0;background:#fff}
.message-compose-premium input{height:48px;border:0;border-radius:16px;background:#f3f5f8;padding:0 14px;color:#182132}
.message-compose-premium button{height:46px;border-radius:15px;background:#1269f7}
.message-blocked-compose{min-height:62px;padding:10px 14px calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#fff;border-top:1px solid #eef1f4;color:#d43d54;display:flex;align-items:center;gap:9px;font-size:12px}
.message-actions-sheet{padding-left:18px;padding-right:18px}
.message-actions-head{display:flex;align-items:center;justify-content:space-between;padding:12px 2px 10px}
.message-actions-head h2{margin:0;font-size:25px}
.message-actions-head button{width:42px;height:42px;border:0;border-radius:50%;background:#f0f3f7;color:#7b8796;display:grid;place-items:center}
.message-actions-list,.message-report-list{overflow:hidden;border-radius:22px;background:#f5f6f8}
.message-actions-list>button,.message-report-list>button{width:100%;height:62px;border:0;border-bottom:1px solid #e1e5ea;background:transparent;color:#192230;display:flex;align-items:center;gap:14px;padding:0 18px;text-align:left}
.message-actions-list>button:last-child,.message-report-list>button:last-child{border-bottom:0}
.message-actions-list>button>span,.message-report-list>button>span{flex:1;font-size:15px}
.message-actions-list>button>.ui-icon{color:#8b96a4}
.message-actions-list>button.is-danger{color:#e13e55}
.message-actions-list>button.is-danger>.ui-icon{color:#e13e55}
.message-report-list>button>.ui-icon{color:#9aa4b1}
.message-actions-cancel{height:56px;border:0;border-radius:18px;background:#eef7ff;color:#0868f7;font-weight:850;font-size:16px;margin-top:22px}
html.tb-theme-dark-active .messages-appbar,
html.tb-theme-dark-active .message-center-page,
html.tb-theme-dark-active .message-thread-row,
html.tb-theme-dark-active .message-thread-route .app-shell,
html.tb-theme-dark-active .message-thread-route .app-view,
html.tb-theme-dark-active .message-thread-route .chat-shell,
html.tb-theme-dark-active .message-chat-head,
html.tb-theme-dark-active .message-thread-route .message-list,
html.tb-theme-dark-active .message-order-context,
html.tb-theme-dark-active .message-compose-premium,
html.tb-theme-dark-active .message-blocked-compose,
html.tb-theme-dark-active .message-seller-picker-sheet,
html.tb-theme-dark-active .message-product-preview-sheet,
html.tb-theme-dark-active .message-actions-sheet{background:#10161f!important;color:#eef3f8!important}
html.tb-theme-dark-active .messages-appbar{border-color:#25303d}
html.tb-theme-dark-active .messages-appbar>button:last-child,
html.tb-theme-dark-active .message-chat-head>button:last-child,
html.tb-theme-dark-active .message-sheet-close,
html.tb-theme-dark-active .message-actions-head button{background:#202936;color:#c8d2dd}
html.tb-theme-dark-active .message-thread-row{border-color:#222d39;color:#eef3f8}
html.tb-theme-dark-active .message-thread-row:active{background:#171f2a}
html.tb-theme-dark-active .message-thread-copy small,
html.tb-theme-dark-active .message-thread-meta time,
html.tb-theme-dark-active .message-chat-title small,
html.tb-theme-dark-active .message-seller-picker-head p,
html.tb-theme-dark-active .message-seller-product-copy small,
html.tb-theme-dark-active .message-seller-product-copy em,
html.tb-theme-dark-active .message-product-store small,
html.tb-theme-dark-active .message-product-preview small,
html.tb-theme-dark-active .message-order-context>b,
html.tb-theme-dark-active .message-order-context-track small{color:#9dacbb!important}
html.tb-theme-dark-active .message-purchase-group,
html.tb-theme-dark-active .message-actions-list,
html.tb-theme-dark-active .message-report-list{background:#171f2a}
html.tb-theme-dark-active .message-seller-purchase-row,
html.tb-theme-dark-active .message-product-store,
html.tb-theme-dark-active .message-chat-head,
html.tb-theme-dark-active .message-order-context{border-color:#27323f;color:#eef3f8}
html.tb-theme-dark-active .message-product-preview b,
html.tb-theme-dark-active .message-purchase-group h3,
html.tb-theme-dark-active .message-seller-intro h2{color:#f4f7fa}
html.tb-theme-dark-active .message-thread-route .message-bubble{background:#1a2330;border-color:#293544;color:#eef3f8}
html.tb-theme-dark-active .message-thread-route .message-bubble.is-mine{background:#123965;border-color:#1e5795;color:#f5f9ff}
html.tb-theme-dark-active .message-order-context-track>button,
html.tb-theme-dark-active .message-compose-premium input{background:#1b2430;color:#edf3f8}
html.tb-theme-dark-active .message-actions-list>button,
html.tb-theme-dark-active .message-report-list>button{color:#edf3f8;border-color:#29323d}
html.tb-theme-dark-active .message-actions-cancel{background:#172b42;color:#69a8ff}
@media(min-width:768px){
.message-center-page{max-width:760px;margin:0 auto;border-radius:0}
.message-compose-fab{right:max(24px,calc((100vw - 760px)/2 + 24px))}
.message-seller-picker-sheet,.message-product-preview-sheet,.message-actions-sheet{left:50%;right:auto;width:min(620px,calc(100vw - 48px));transform:translateX(-50%);border-radius:28px 28px 0 0}
.message-thread-route .chat-shell{width:min(760px,100vw);margin:0 auto;box-shadow:0 0 0 1px rgba(15,35,64,.06)}
.message-thread-route .app-view{background:#eef2f7}
html.tb-theme-dark-active .message-thread-route .app-view{background:#0b1017!important}
}
/* TB Market Search reference layout v0.13.34
Search route only. Other app headers/pages remain untouched. */
.search-reference-page{padding-top:0}
.search-reference-appbar{border-bottom:0}
.search-reference-brand{min-width:104px}
.search-reference-toolbar{grid-template-columns:42px minmax(0,1fr) 42px;min-height:50px;margin:2px 2px 14px;border-radius:17px;background:#f3f6fa;border-color:transparent;box-shadow:none}
.search-reference-toolbar input{height:50px;padding:0 4px;background:transparent}
.search-reference-toolbar button{width:42px;height:50px;background:transparent;color:#8a98a8}
.search-reference-toolbar button:first-child{pointer-events:auto}
.search-category-grid{margin-bottom:24px}
.search-discovery{display:grid;gap:24px}
.search-discovery-section{min-width:0}
.search-discovery-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 11px}
.search-discovery-heading h2{margin:0;color:#101722}
.search-discovery-products{margin:0}
.search-recommended-section{padding-top:4px}
.search-result-sort{margin:0 0 14px}
.search-results-grid{margin-top:2px}
#search-discovery[hidden],#search-result-sort[hidden],#search-results[hidden]{display:none!important}
html.tb-theme-dark-active .search-reference-toolbar{background:#171e28!important;border-color:#2b3746!important}
html.tb-theme-dark-active .search-reference-toolbar button{background:transparent!important;color:#9fb0c2!important}
html.tb-theme-dark-active .search-discovery-heading h2{color:#edf3fa!important}
@media(min-width:768px){
.search-reference-toolbar{max-width:760px;margin-left:auto;margin-right:auto}
.search-discovery{gap:30px}
}
/* =========================================================
v0.13.35 — reference-style product detail, scoped to product route
========================================================= */
.product-detail-appbar{height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) 38px 38px 38px;align-items:center;gap:5px;padding:6px 10px;background:#fff;border-bottom:1px solid #edf1f5}.product-detail-appbar button{width:38px;height:38px;border:0;border-radius:13px;background:transparent;color:#93a1b2;display:grid;place-items:center}.product-detail-appbar button.is-active{color:#ff3f78}.product-detail-appbar .ui-icon{width:22px;height:22px}.product-appbar-copy{min-width:0;display:grid;gap:2px}.product-appbar-copy b,.product-appbar-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-appbar-copy b{font-size:13px;color:#111827}.product-appbar-copy small{font-size:10px;color:#778596}.product-detail-tbz{display:block!important;margin:-12px -10px -22px;padding:0 0 calc(90px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#f3f4f7;color:#111827}.product-hero-gallery{position:relative;background:#fff;overflow:hidden}.product-hero-media{position:relative;aspect-ratio:1/1.15;background:#eef1f4}.product-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity .18s ease}.product-hero-media img.is-active{opacity:1}.product-hero-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:4px;z-index:2}.product-hero-dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(0,0,0,.08)}.product-hero-dots button.is-active{background:#1670ff}.product-price-block{background:#fff;padding:14px 16px 13px;border-radius:0 0 22px 22px}.product-price-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.product-price-line strong{font-size:24px;line-height:1;color:#08aa6d}.product-price-line del{font-size:13px;color:#8b95a3}.product-price-line em{font-size:13px;font-style:normal;font-weight:900;color:#e92b69}.product-benefit-row{display:flex;gap:7px;overflow:auto;padding-top:10px;scrollbar-width:none}.product-benefit-row span{flex:0 0 auto;min-height:30px;padding:0 10px;border-radius:10px;background:#eef6ff;color:#1468d9;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800}.product-benefit-row .ui-icon{width:15px;height:15px}.product-variant-panel,.product-main-card,.product-info-card,.product-reviews-section,.product-store-section,.product-related-section{margin-top:8px;background:#fff;border-radius:22px;padding:16px}.product-option-group+.product-option-group{margin-top:16px}.product-option-group h3{margin:0 0 9px;font-size:15px}.product-option-group h3 small{margin-left:5px;color:#697789;font-size:12px;font-weight:600}.product-option-values{display:flex;gap:8px;flex-wrap:wrap}.product-option-chip{min-width:64px;height:42px;padding:0 13px;border:1.5px solid #dce2e9;border-radius:13px;background:#fff;color:#172033;font-weight:800}.product-option-chip.is-active{border-color:#176df7;box-shadow:0 0 0 1px #176df7;color:#111827}.product-option-chip:disabled,.product-option-color:disabled{opacity:.38}.product-option-values.is-color{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.product-option-color{min-width:0;padding:5px;border:1.5px solid #dce2e9;border-radius:14px;background:#fff;color:#172033;display:grid;gap:5px;text-align:left}.product-option-color.is-active{border-color:#176df7;box-shadow:0 0 0 1px #176df7}.product-option-color img,.product-option-color i{width:100%;aspect-ratio:1/1;border-radius:10px;object-fit:cover;background:var(--option-color,#eef1f4)}.product-option-color i{display:block}.product-option-color span{padding:0 3px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:800}.product-brand-line{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#273247}.product-brand-line img{width:24px;height:24px;border-radius:7px;object-fit:contain}.product-main-card h1{margin:0;font-size:20px;line-height:1.25;color:#0f1728}.product-main-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#657285;font-size:11px}.product-info-tabs{display:flex;gap:6px;overflow:auto;margin:-2px -2px 14px;padding:2px;scrollbar-width:none}.product-info-tabs button{flex:0 0 auto;height:38px;padding:0 13px;border:0;border-radius:11px;background:#f2f4f7;color:#222c3c;font-weight:700}.product-info-tabs button.is-active{background:#111;color:#fff}.product-tab-panel{display:none}.product-tab-panel.is-active{display:block}.product-verified-row{min-height:48px;padding:0 13px;border-radius:14px;background:#f4f7fb;display:flex;align-items:center;gap:9px}.product-verified-row .ui-icon{color:#06b877}.product-description-text{margin:14px 0 0;color:#313c4c;line-height:1.55;white-space:pre-line}.product-specs{display:grid}.product-spec-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #edf0f3}.product-spec-row:last-child{border-bottom:0}.product-spec-row span{color:#858e9b}.product-spec-row b{color:#151e2d;font-weight:650}.product-delivery-card{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:8px 0 15px;border-bottom:1px solid #edf0f3}.product-delivery-icon{width:38px;height:38px;border-radius:13px;background:#eef5ff;color:#176df7;display:grid;place-items:center}.product-delivery-card b,.product-delivery-card small{display:block}.product-delivery-card small{margin-top:4px;color:#748195}.product-delivery-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.product-delivery-row b,.product-delivery-row small{display:block}.product-delivery-row small{margin-top:4px;color:#768396}.product-delivery-row em{padding:6px 9px;border-radius:9px;background:#f3f4f6;font-style:normal;font-weight:800}.product-return-note{padding:12px;border-radius:13px;background:#f5f6f8;color:#6d7887;line-height:1.45}.product-reviews-section h2,.product-store-section h2,.product-related-section h2{margin:0 0 13px;font-size:20px}.product-review-head{display:grid;gap:12px}.product-review-head>div:first-child{display:flex;align-items:baseline;gap:8px}.product-review-head strong{font-size:25px}.product-review-head span{color:#788596}.product-review-media-strip,.product-review-photos{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.product-review-media-strip button,.product-review-photos button{position:relative;flex:0 0 72px;width:72px;height:72px;padding:0;border:0;border-radius:12px;overflow:hidden;background:#eef1f4}.product-review-media-strip img,.product-review-photos img{width:100%;height:100%;object-fit:cover}.product-review-media-strip i{position:absolute;inset:0;background:rgba(14,20,31,.48);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.product-review-list{display:grid;gap:12px;margin-top:15px}.product-review-card{padding-top:12px;border-top:1px solid #edf0f3}.product-review-author{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center}.product-review-author>img,.product-review-author>span{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#176df7;color:#fff;display:grid;place-items:center;font-weight:900}.product-review-author b,.product-review-author small{display:block}.product-review-author small{margin-top:2px;color:#ffab00;letter-spacing:1px}.product-review-author time{color:#8993a1;font-size:9px}.product-review-card>p{margin:10px 0;color:#303a48;line-height:1.45}.product-review-photos{margin-top:9px}.product-review-reply{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f4f6f9}.product-review-reply p{margin:4px 0 0;color:#5d6877}.product-no-reviews{padding:20px 0;text-align:center;color:#7b8796}.product-store-card{display:grid;grid-template-columns:50px minmax(0,1fr) 50px 52px;align-items:center;gap:9px}.product-store-logo{width:50px;height:50px;border-radius:15px;background:#f3f5f8;overflow:hidden;display:grid;place-items:center;font-size:18px;font-weight:900}.product-store-logo img{width:100%;height:100%;object-fit:contain}.product-store-copy b,.product-store-copy small{display:block}.product-store-copy b{font-size:15px}.product-store-copy small{margin-top:4px;color:#788596}.product-store-rating{height:50px;border-radius:14px;background:#f5f6f8;display:grid;place-items:center}.product-store-rating span{color:#ffb000}.product-store-rating b{margin-top:-7px}.product-store-card>button{height:50px;border:0;border-radius:14px;background:#edf4ff;color:#176df7;display:grid;place-items:center}.product-store-card>button small{font-size:8px;font-weight:800}.product-store-card>button .ui-icon{width:19px;height:19px}.product-related-section{padding-left:8px;padding-right:8px}.product-related-section h2{padding:0 8px}.product-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.product-purchase-bar{position:fixed!important;left:0;right:0;bottom:calc(64px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))!important;z-index:1050;margin:0!important;padding:9px 12px!important;background:rgba(255,255,255,.96)!important;border-top:1px solid #e4e9ef!important;box-shadow:0 -8px 24px rgba(15,27,45,.08);backdrop-filter:blur(14px);display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:8px!important}.product-purchase-bar .primary-button{height:48px;border-radius:14px}.product-purchase-bar .qty-control{height:48px;border-radius:14px;background:#f1f4f8}.product-photo-modal{position:absolute;inset:7% 10px 9%;z-index:2;background:#111;border-radius:20px;overflow:hidden;display:grid;place-items:center}.product-photo-modal>button{position:absolute;right:10px;top:10px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center}.product-photo-modal>img{width:100%;height:100%;object-fit:contain}.product-photo-backdrop{background:rgba(0,0,0,.72)}
@media(min-width:768px){.product-detail-tbz{display:block!important;max-width:760px!important;margin:-12px auto -22px!important;border-radius:0 0 24px 24px;overflow:visible}.product-detail-appbar{padding-left:max(20px,calc((100vw - 760px)/2));padding-right:max(20px,calc((100vw - 760px)/2))}.product-option-values.is-color{grid-template-columns:repeat(6,minmax(0,1fr))}.product-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-purchase-bar{left:50%!important;right:auto!important;width:min(760px,100vw)!important;transform:translateX(-50%)}}
html.tb-theme-dark-active .product-detail-appbar{background:#111821;border-color:#253141}.tb-theme-dark-active .product-appbar-copy b{color:#eef3f8}.tb-theme-dark-active .product-appbar-copy small{color:#99a7b8}.tb-theme-dark-active .product-detail-appbar button{color:#b1becd}.tb-theme-dark-active .product-detail-tbz{background:#0f141b;color:#eef3f8}.tb-theme-dark-active .product-hero-gallery,.tb-theme-dark-active .product-price-block,.tb-theme-dark-active .product-variant-panel,.tb-theme-dark-active .product-main-card,.tb-theme-dark-active .product-info-card,.tb-theme-dark-active .product-reviews-section,.tb-theme-dark-active .product-store-section,.tb-theme-dark-active .product-related-section{background:#171e28;color:#eef3f8}.tb-theme-dark-active .product-hero-media{background:#10161e}.tb-theme-dark-active .product-option-chip,.tb-theme-dark-active .product-option-color{background:#202936;border-color:#344152;color:#eef3f8}.tb-theme-dark-active .product-option-chip.is-active,.tb-theme-dark-active .product-option-color.is-active{border-color:#4b93ff;box-shadow:0 0 0 1px #4b93ff}.tb-theme-dark-active .product-main-card h1,.tb-theme-dark-active .product-brand-line,.tb-theme-dark-active .product-spec-row b{color:#eef3f8}.tb-theme-dark-active .product-main-meta,.tb-theme-dark-active .product-spec-row span,.tb-theme-dark-active .product-review-head span,.tb-theme-dark-active .product-store-copy small{color:#9eacbd}.tb-theme-dark-active .product-info-tabs button{background:#222b37;color:#dbe4ee}.tb-theme-dark-active .product-info-tabs button.is-active{background:#eef3f8;color:#111821}.tb-theme-dark-active .product-verified-row,.tb-theme-dark-active .product-return-note,.tb-theme-dark-active .product-review-reply,.tb-theme-dark-active .product-store-rating,.tb-theme-dark-active .product-store-logo{background:#202936}.tb-theme-dark-active .product-description-text,.tb-theme-dark-active .product-review-card>p,.tb-theme-dark-active .product-review-reply p{color:#c0cad5}.tb-theme-dark-active .product-spec-row,.tb-theme-dark-active .product-review-card,.tb-theme-dark-active .product-delivery-card{border-color:#2b3746}.tb-theme-dark-active .product-delivery-row em{background:#202936}.tb-theme-dark-active .product-purchase-bar{background:rgba(17,24,33,.96)!important;border-color:#293545!important}.tb-theme-dark-active .product-purchase-bar .qty-control{background:#202936}
/* TB Market Android v0.13.36 — swipeable product galleries + fullscreen viewer */
.product-media[data-gallery],
.favorite-product-media[data-gallery],
.profile-viewed-image[data-gallery],
.product-hero-gallery[data-detail-gallery]{touch-action:pan-y;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none}
.product-media[data-gallery] img,
.favorite-product-media[data-gallery] img,
.profile-viewed-image[data-gallery] img,
.product-hero-gallery[data-detail-gallery] img{-webkit-user-drag:none;user-drag:none}
.product-media[data-gallery],.favorite-product-media[data-gallery],.profile-viewed-image[data-gallery]{cursor:grab}
.product-media[data-gallery]:active,.favorite-product-media[data-gallery]:active,.profile-viewed-image[data-gallery]:active{cursor:grabbing}
.product-hero-gallery[data-detail-gallery]{cursor:zoom-in}
.product-hero-gallery[data-detail-gallery] .product-hero-dots{cursor:default}
.profile-viewed-card{display:flex;flex-direction:column;padding:0;overflow:visible}
.profile-viewed-image{position:relative;display:block;flex:none}
.profile-viewed-media-link{position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;display:block}
.profile-viewed-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}
.profile-viewed-image img.is-active{opacity:1}
.profile-viewed-dots{bottom:5px;z-index:3}
.profile-viewed-dots i{width:5px;height:5px}
.profile-viewed-copy{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}
.profile-viewed-copy b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:7px;min-height:25px}
.profile-viewed-copy strong{display:block;margin-top:4px;color:#0ca35a}
.product-image-viewer-backdrop{background:#05070b!important;backdrop-filter:none!important}
.product-image-viewer{position:absolute;z-index:2;inset:0;background:#05070b;color:#fff;overflow:hidden;touch-action:none;overscroll-behavior:contain;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:calc(10px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 0 calc(14px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.product-image-viewer-stage{position:relative;min-width:0;min-height:0;overflow:hidden}
.product-image-viewer-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transform:scale(.985);transition:opacity .16s ease,transform .18s ease;-webkit-user-drag:none;user-drag:none}
.product-image-viewer-stage img.is-active{opacity:1;transform:scale(1)}
.product-image-viewer-close{position:absolute;z-index:5;top:calc(12px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));right:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;backdrop-filter:blur(10px)}
.product-image-viewer-close .ui-icon{width:24px;height:24px}
.product-image-viewer-counter{position:absolute;z-index:4;left:14px;top:calc(18px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));min-width:48px;height:32px;padding:0 10px;border-radius:16px;background:rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;backdrop-filter:blur(8px)}
.product-image-viewer-dots{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:5px;min-height:28px;padding:4px 16px}
.product-image-viewer-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.4)}
.product-image-viewer-dots button.is-active{width:16px;border-radius:6px;background:#fff}
@media(min-width:768px){
.product-image-viewer{inset:0;border-radius:0}
.product-image-viewer-stage{max-width:900px;width:100%;margin:0 auto}
}
.guest-profile-product>span[data-gallery]{position:relative;touch-action:pan-y}
.guest-profile-product>span[data-gallery] img{position:absolute;inset:0;opacity:0;transition:opacity .18s ease}
.guest-profile-product>span[data-gallery] img.is-active{opacity:1}
.guest-profile-gallery-dots{position:absolute!important;left:50%;bottom:6px;transform:translateX(-50%);width:auto!important;height:auto!important;aspect-ratio:auto!important;background:transparent!important;display:flex!important;gap:4px;overflow:visible!important;z-index:3}
.guest-profile-gallery-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.guest-profile-gallery-dots i.is-active{background:#1670ff}
/* v0.13.37 — shared product-card rating + reference-style in-cart quantity controls */
.product-card-rating{display:flex;align-items:center;gap:8px;min-width:0;margin:4px 0 6px;color:#7b8796;white-space:nowrap;overflow:hidden}
.product-rating-score,.product-rating-reviews{display:inline-flex;align-items:center;gap:4px;min-width:0}
.product-rating-score i{font-style:normal;color:#ffae00;font-size:13px;line-height:1}
.product-rating-score b{color:#1b2638;font-size:11px;font-weight:850;line-height:1}
.product-rating-reviews{overflow:hidden}
.product-rating-reviews .ui-icon{flex:0 0 auto;width:12px;height:12px;color:#98a4b2}
.product-rating-reviews small{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:9.5px;line-height:1.15;color:#7f8b99}
.product-card-cart-slot{width:100%;margin-top:2px}
.product-card-qty-control{width:100%;height:36px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;border-radius:12px;background:#edf6ff;overflow:hidden;color:#17283f}
.product-card-qty-control button{height:100%;border:0;background:transparent;color:#0e69f7;display:grid;place-items:center;padding:0}
.product-card-qty-control button:active{background:rgba(18,105,247,.09)}
.product-card-qty-control button:disabled{color:#aab6c5;opacity:.58}
.product-card-qty-control button .ui-icon{width:19px;height:19px}
.product-card-qty-control b{text-align:center;font-size:13px;font-weight:850;color:inherit}
.home-feed-grid .product-card-rating{margin:3px 0 5px;gap:6px}
.home-feed-grid .product-rating-score i{font-size:12px}
.home-feed-grid .product-rating-score b{font-size:10.5px}
.home-feed-grid .product-rating-reviews small{font-size:9px}
.home-feed-grid .product-card-qty-control{height:34px;border-radius:11px;grid-template-columns:38px minmax(0,1fr) 38px}
.favorite-product-rating{margin:4px 0 7px}
.favorite-product-copy .product-card-cart-slot{margin-top:0}
.favorite-product-copy .product-card-qty-control{height:38px;border-radius:13px}
.profile-viewed-rating{margin:4px 0 0;gap:4px;white-space:normal}
.profile-viewed-rating .product-rating-score i{font-size:10px}
.profile-viewed-rating .product-rating-score b{font-size:9px}
.profile-viewed-rating .product-rating-reviews .ui-icon{display:none}
.profile-viewed-rating .product-rating-reviews small{font-size:8px;max-width:62px}
.guest-profile-rating{margin:5px 9px 0;gap:5px}
.guest-profile-rating .product-rating-score i{font-size:11px}
.guest-profile-rating .product-rating-score b{font-size:9.5px}
.guest-profile-rating .product-rating-reviews small{font-size:8.5px}
html.tb-theme-dark-active .product-card-rating{color:#9eabba}
html.tb-theme-dark-active .product-rating-score b{color:#edf3fa}
html.tb-theme-dark-active .product-rating-reviews .ui-icon,html.tb-theme-dark-active .product-rating-reviews small{color:#9eabba}
html.tb-theme-dark-active .product-card-qty-control{background:#202b39;color:#edf3fa}
html.tb-theme-dark-active .product-card-qty-control button{color:#4b91ff}
html.tb-theme-dark-active .product-card-qty-control button:active{background:rgba(75,145,255,.12)}
html.tb-theme-dark-active .product-card-qty-control button:disabled{color:#657486}
@media (min-width:768px){
.product-card-rating{gap:9px;margin:5px 0 7px}
.product-rating-score i{font-size:14px}
.product-rating-score b{font-size:12px}
.product-rating-reviews small{font-size:10.5px}
.product-card-qty-control{height:40px;border-radius:13px;grid-template-columns:46px minmax(0,1fr) 46px}
.product-card-qty-control b{font-size:14px}
}
/* v0.13.38 — message center system groups. Keep seller/order chat layout unchanged. */
.message-thread-avatar.type-order{background:#eaf1ff;color:#0b67f5}
.message-thread-avatar.type-offers{background:#fff0f6;color:#f22772}
.message-thread-avatar.type-security{background:#eaf4ff;color:#1170e8}
.message-thread-avatar.type-security .ui-icon,.message-thread-avatar.type-offers .ui-icon{width:29px;height:29px}
/* v0.13.39 — Admin-managed application icons */
.remote-ui-icon{display:block;object-fit:contain;object-position:center;vertical-align:middle;flex:0 0 auto;stroke:none!important;fill:none!important}
button .remote-ui-icon,.nav-icon .remote-ui-icon,.product-appbar-action .remote-ui-icon{pointer-events:none}
/* v0.13.40 — Multi-role Seller Center. Scoped: customer/TB Bank screens stay untouched. */
.role-chooser-backdrop{background:rgba(4,15,37,.72);backdrop-filter:blur(10px)}
.role-chooser-sheet{position:fixed;z-index:10002;left:14px;right:14px;bottom:14px;max-height:calc(100dvh - 28px);overflow:auto;background:#fff;border-radius:28px;padding:22px;box-shadow:0 28px 90px rgba(2,13,35,.34);color:#10213d}
.role-chooser-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.role-chooser-brand>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#0f6cff,#1156d8);color:#fff;font-weight:900}.role-chooser-brand div{display:grid}.role-chooser-brand b{font-size:15px;letter-spacing:.02em}.role-chooser-brand small{font-size:11px;color:#718098;margin-top:2px}
.role-chooser-sheet h2{font-size:25px;line-height:1.1;margin:0 0 8px}.role-chooser-sheet>p{font-size:13px;line-height:1.5;color:#6a7890;margin:0 0 18px}.role-chooser-list{display:grid;gap:11px}
.role-chooser-card{display:grid;grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:13px;width:100%;border:1px solid #e0e8f3;background:#f9fbff;border-radius:18px;padding:14px;text-align:left;color:#10213d}.role-chooser-card.is-seller{background:linear-gradient(135deg,#061c42,#0a2d65);border-color:#123b78;color:#fff}.role-chooser-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e9f2ff;color:#1266ed}.role-chooser-card.is-seller .role-chooser-icon{background:#1266ed;color:#fff}.role-chooser-icon .ui-icon{width:25px;height:25px}.role-chooser-copy{display:grid;min-width:0}.role-chooser-copy b{font-size:16px}.role-chooser-copy small{font-size:12px;margin-top:2px;color:#62738c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-chooser-copy em{font-style:normal;font-size:11px;line-height:1.35;margin-top:5px;color:#8a97a9}.role-chooser-card.is-seller .role-chooser-copy small,.role-chooser-card.is-seller .role-chooser-copy em{color:#b8c7df}.role-chooser-arrow{color:#8a9ab0}.role-chooser-card.is-seller .role-chooser-arrow{color:#fff}.role-chooser-arrow .ui-icon{width:20px;height:20px}
body.seller-center-mode{background:#eef3f9;color:#11213a}.seller-center-mode #app-header{background:#061a3b;border-bottom:0;box-shadow:none}.seller-center-mode #app-view{background:#eef3f9;padding-bottom:88px}.seller-center-mode #app-nav{background:#fff;border-top:1px solid #dbe4f0;box-shadow:0 -5px 20px rgba(14,35,67,.06)}
.seller-mobile-appbar{height:61px;display:grid;grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;gap:10px;padding:7px 14px;color:#fff;background:linear-gradient(115deg,#041b43,#071a39 72%,#0a2d62)}.seller-mobile-menu-mark,.seller-appbar-back{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:#dbe9ff}.seller-mobile-menu-mark .ui-icon,.seller-appbar-back .ui-icon{width:21px;height:21px}.seller-appbar-brand{display:flex;align-items:center;gap:9px;min-width:0}.seller-appbar-logo{width:34px;height:34px;border-radius:10px;background:#fff;color:#06275a;display:grid;place-items:center;font-weight:950;letter-spacing:-.04em}.seller-appbar-brand div{display:grid;min-width:0}.seller-appbar-brand b{font-size:14px;line-height:1.05;letter-spacing:.025em}.seller-appbar-brand small{font-size:10.5px;color:#b7c8e2;margin-top:2px}.seller-appbar-store{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid rgba(255,255,255,.55);display:grid;place-items:center;color:#15335f;font-weight:850;overflow:hidden}.seller-appbar-store img{width:100%;height:100%;object-fit:cover}
#app-nav.is-seller-nav{height:67px;padding:5px 6px max(5px,env(safe-area-inset-bottom));color:#7b8aa0}.is-seller-nav button{min-width:0;border:0;background:transparent;color:inherit;padding:3px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.is-seller-nav .nav-icon{width:33px;height:30px;border-radius:9px;display:grid;place-items:center;position:relative}.is-seller-nav .nav-icon .ui-icon{width:20px;height:20px}.is-seller-nav button small{font-size:9.5px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.is-seller-nav button.is-active{color:#0c61ee}.is-seller-nav button.is-active .nav-icon{background:#0d63ef;color:#fff;box-shadow:0 5px 13px rgba(13,99,239,.25)}.is-seller-nav .badge{top:-4px;right:-5px}
.seller-mobile-page{min-height:calc(100dvh - 128px);background:#eef3f9;color:#11213a}.seller-mobile-hero{background:linear-gradient(130deg,#041b42,#08265a);color:#fff;padding:14px 14px 18px;border-radius:0 0 18px 18px}.seller-welcome-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.seller-welcome-row small{font-size:11px;color:#c3d2e8}.seller-welcome-row h1{font-size:21px;line-height:1.15;margin:3px 0 0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-pro-pill{background:#1469f5;border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:5px 8px;font-size:9.5px;font-weight:800}.seller-store-line{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:11px;color:#d5e0f1}.seller-store-line img,.seller-store-avatar{width:24px;height:24px;border-radius:7px;object-fit:cover;display:grid;place-items:center;background:#0f63ea;color:#fff;font-size:9px;font-weight:900}.seller-store-line b{font-size:12px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-store-line i{width:6px;height:6px;border-radius:50%;background:#13c78f}.seller-content-stack{display:grid;gap:10px;padding:10px}
.seller-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seller-kpi-card{min-width:0;display:grid;grid-template-columns:41px minmax(0,1fr);align-items:center;gap:9px;background:#fff;border:1px solid #dce5f1;border-radius:14px;padding:11px 9px;box-shadow:0 2px 8px rgba(27,52,88,.04)}.seller-kpi-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff}.seller-kpi-icon .ui-icon{width:20px;height:20px}.tone-blue .seller-kpi-icon{background:#1467f4}.tone-green .seller-kpi-icon{background:#0bb57f}.tone-violet .seller-kpi-icon{background:#6548ef}.tone-orange .seller-kpi-icon{background:#f7a019}.tone-red .seller-kpi-icon{background:#f14b42}.tone-teal .seller-kpi-icon{background:#13a7a0}.seller-kpi-card>div{min-width:0;display:grid}.seller-kpi-card small{font-size:9.5px;color:#6e7d93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-kpi-card strong{font-size:16px;line-height:1.1;margin-top:3px;color:#10213b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-kpi-foot{min-height:15px;margin-top:4px;display:flex;align-items:center;gap:4px}.seller-kpi-foot small{font-size:8.5px}.seller-delta{font-size:9px;font-weight:800;color:#728298}.seller-delta.is-up{color:#08a96f}.seller-delta.is-down{color:#e54444}
.seller-panel{background:#fff;border:1px solid #dce5f1;border-radius:15px;padding:12px;box-shadow:0 2px 9px rgba(24,49,82,.04)}.seller-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.seller-panel-head>div{display:grid}.seller-panel-head small{font-size:10px;color:#66778f}.seller-panel-head strong{font-size:19px;margin-top:3px}.seller-panel-head>b,.seller-panel-title{font-size:14px}.seller-panel-head>button{border:0;background:transparent;color:#0d65ee;font-size:10px;font-weight:750;padding:4px}.seller-panel-head>span{color:#65758c;font-size:11px}.seller-soft-pill{font-size:9px;border:1px solid #dce5f1;background:#f8faff;border-radius:8px;padding:6px 8px;color:#425570}.seller-sales-delta{display:flex;align-items:center;gap:5px;margin-top:6px}.seller-sales-delta small{font-size:9px;color:#738198}.seller-sales-chart{margin-top:5px}.seller-sales-chart svg{width:100%;height:auto;display:block}.seller-chart-axis{stroke:#e0e8f3;stroke-width:1}.seller-chart-line{fill:none;stroke:#1267f5;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.seller-chart-dot{fill:#1267f5;stroke:#fff;stroke-width:2}.seller-chart-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:-6px}.seller-chart-labels small{text-align:center;font-size:7.5px;color:#8290a4}
.seller-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:10px}.seller-quick-action{border:0;background:transparent;min-width:0;padding:2px;display:grid;justify-items:center;gap:5px;color:#243750}.seller-quick-action>span{width:40px;height:40px;border-radius:12px;background:#edf4ff;color:#1266ef;display:grid;place-items:center;position:relative}.seller-quick-action:nth-child(2)>span{background:#e8f8f1;color:#0ba675}.seller-quick-action:nth-child(3)>span{background:#fff1e8;color:#f27721}.seller-quick-action:nth-child(4)>span{background:#f0ebff;color:#6644e8}.seller-quick-action>span .ui-icon{width:20px;height:20px}.seller-quick-action>span b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#1266ef;color:#fff;font-size:8px;display:grid;place-items:center}.seller-quick-action small{font-size:8.5px;line-height:1.15;text-align:center;min-height:20px}
.seller-order-mini-list{display:grid;margin-top:8px}.seller-order-mini{border:0;border-top:1px solid #edf1f6;background:transparent;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 2px;text-align:left;color:#172a46}.seller-order-mini:first-child{border-top:0}.seller-order-mini>span{display:grid;min-width:0}.seller-order-mini b{font-size:10.5px;color:#0d65ee}.seller-order-mini small{font-size:9px;color:#65758c;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-order-mini>strong{font-size:10px}
.seller-status{font-style:normal;font-size:8.5px;font-weight:800;border-radius:7px;padding:4px 7px;background:#edf2f8;color:#5f6f84;white-space:nowrap}.seller-status.is-new{background:#fff4de;color:#b87500}.seller-status.is-accepted,.seller-status.is-preparing{background:#e9f1ff;color:#1462d9}.seller-status.is-ready,.seller-status.is-delivered{background:#e6f8f0;color:#078d61}.seller-status.is-cancelled,.seller-status.is-returned{background:#ffeaec;color:#ca3d49}
.seller-page-heading{padding:13px 13px 8px}.seller-page-heading h1{font-size:21px;margin:0;color:#10213b}.seller-page-heading p{font-size:11px;color:#718198;margin:3px 0 0}.seller-operation-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 11px 10px;scrollbar-width:none}.seller-operation-tabs::-webkit-scrollbar{display:none}.seller-operation-tabs button{flex:0 0 auto;border:1px solid #dce5f1;background:#f7f9fc;color:#53667f;border-radius:10px;padding:8px 12px;font-size:10px}.seller-operation-tabs button.is-active{background:#0e65ef;border-color:#0e65ef;color:#fff;box-shadow:0 4px 11px rgba(14,101,239,.22)}#seller-operation-content{display:grid;gap:10px;padding:0 10px 10px}
.seller-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.seller-health-card{border:1px solid #e2e9f2;border-radius:11px;padding:8px 5px;display:grid;justify-items:start;gap:3px;min-width:0}.seller-health-card>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center}.seller-health-card>span .ui-icon{width:14px;height:14px}.seller-health-card b{font-size:15px}.seller-health-card small{font-size:7.5px;color:#75849a;line-height:1.1}.seller-health-card.tone-green>span{background:#e5f8f0;color:#09a673}.seller-health-card.tone-orange>span{background:#fff2df;color:#e79013}.seller-health-card.tone-red>span{background:#ffe9ec;color:#e4474f}.seller-health-card.tone-slate>span{background:#edf1f7;color:#718097}
.seller-orders-list-panel{padding:0;overflow:hidden}.seller-orders-list-panel>.seller-panel-head{padding:12px}.seller-order-list{display:grid}.seller-order-card{border-top:1px solid #e6edf5;padding:11px 12px;background:#fff}.seller-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.seller-order-head>div{display:grid}.seller-order-head b{font-size:11px;color:#1265e8}.seller-order-head small{font-size:8.5px;color:#8794a6;margin-top:2px}.seller-order-customer{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:9px}.seller-customer-avatar{width:32px;height:32px;border-radius:50%;background:#123c79;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:850}.seller-order-customer>div{display:grid;min-width:0}.seller-order-customer b{font-size:10.5px}.seller-order-customer small{font-size:8.5px;color:#73839a;margin-top:2px}.seller-order-customer strong{font-size:11px}.seller-order-items{display:grid;gap:7px;margin-top:9px}.seller-order-item{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:8px;align-items:center;background:#f7f9fc;border-radius:11px;padding:7px}.seller-order-item img,.seller-order-item-placeholder{width:39px;height:39px;border-radius:8px;object-fit:cover;background:#fff;display:grid;place-items:center;color:#8492a5}.seller-order-item-placeholder .ui-icon{width:18px}.seller-order-item>div:nth-child(2){display:grid;min-width:0}.seller-order-item b{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-order-item small{font-size:8px;color:#78879a;margin-top:1px}.seller-order-actions{grid-column:2/-1;display:flex;justify-content:flex-end;gap:6px}.seller-order-actions button{border:0;border-radius:8px;background:#0e65ef;color:#fff;padding:6px 9px;font-size:8.5px;font-weight:750}.seller-order-actions button.is-danger{background:#fff0f1;color:#d6424b}
.seller-top-list,.seller-product-list,.seller-products-list{display:grid}.seller-top-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-top:1px solid #edf1f6;background:transparent;text-align:left;padding:8px 0;color:#172940}.seller-top-row:first-child{border-top:0}.seller-top-row>span{width:34px;height:34px;border-radius:7px;background:#f2f5f9;display:grid;place-items:center;overflow:hidden}.seller-top-row img{width:100%;height:100%;object-fit:cover}.seller-top-row>span .ui-icon{width:17px}.seller-top-row>div{display:grid;min-width:0}.seller-top-row b{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-top-row small{font-size:8px;color:#7b899b;margin-top:2px}.seller-top-row strong{font-size:9.5px}
.seller-product-search{margin:0 10px 10px;height:42px;border:1px solid #d8e2ef;background:#fff;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#718198}.seller-product-search .ui-icon{width:18px}.seller-product-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#14243d;font-size:12px}.seller-products-list{margin:0 10px 12px;background:#fff;border:1px solid #dce5f1;border-radius:15px;overflow:hidden}.seller-product-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-top:1px solid #edf1f6}.seller-product-row:first-child{border-top:0}.seller-product-row>img,.seller-product-placeholder{width:54px;height:54px;border-radius:10px;object-fit:cover;background:#f1f4f8;display:grid;place-items:center;color:#7c8b9f}.seller-product-copy{display:grid;min-width:0}.seller-product-copy>b{font-size:10.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.seller-product-copy small{font-size:8px;color:#8491a3;margin-top:3px}.seller-product-copy strong{font-size:11px;color:#0963df;margin-top:4px}.seller-product-stock{display:grid;justify-items:end;gap:3px}.seller-product-stock>small{font-size:7.5px;color:#8290a2}.seller-product-stock>em{font-style:normal;font-size:7.5px;color:#6d7b8f}.seller-stock-stepper{height:30px;display:grid;grid-template-columns:28px 32px 28px;align-items:center;background:#edf5ff;border-radius:9px;overflow:hidden}.seller-stock-stepper button{height:100%;border:0;background:transparent;color:#0d67f0;display:grid;place-items:center}.seller-stock-stepper button .ui-icon{width:14px}.seller-stock-stepper b{text-align:center;font-size:10px}.seller-product-status{font-size:7.5px;border-radius:6px;padding:3px 5px;background:#edf2f6;color:#64748a}.seller-product-status.is-active{background:#e7f8f1;color:#098c62}.seller-product-status.is-pending_review{background:#fff4df;color:#ae760e}.seller-product-status.is-blocked{background:#ffe9eb;color:#c7424b}
.seller-review-summary{margin:0 10px 10px;background:linear-gradient(130deg,#061d46,#0a3475);border-radius:15px;padding:13px;color:#fff;display:grid;grid-template-columns:1fr 110px;gap:10px}.seller-review-summary>div{display:grid;align-content:center}.seller-review-summary strong{font-size:25px}.seller-review-summary small{font-size:9px;color:#c3d2e6;margin-top:4px}.seller-stars{color:#ffae17;letter-spacing:1px;font-size:11px}.seller-reviews-panel{margin:0 10px 10px;padding:0;overflow:hidden}.seller-reviews-panel>.seller-panel-head{padding:12px}.seller-review-list{display:grid}.seller-review-card{border-top:1px solid #e8edf4;padding:12px}.seller-review-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px}.seller-review-head>div{display:grid}.seller-review-head b{font-size:10px}.seller-review-head small{font-size:8px;color:#8794a5}.seller-review-card>p{font-size:10px;line-height:1.45;color:#42536a;margin:9px 0}.seller-review-product{display:flex;align-items:center;gap:6px;color:#617087;font-size:8.5px}.seller-review-product img{width:25px;height:25px;border-radius:6px;object-fit:cover}.seller-review-media{display:flex;gap:5px;margin-top:8px;overflow:auto}.seller-review-media img{width:54px;height:54px;border-radius:8px;object-fit:cover}.seller-review-reply{margin-top:8px;background:#f3f7fb;border-radius:9px;padding:8px}.seller-review-reply b{font-size:8.5px;color:#0e63e8}.seller-review-reply p{font-size:9px;margin:3px 0 0;color:#4c5d73}.seller-review-reply-button{margin-top:8px;border:1px solid #d6e3f4;background:#f8fbff;color:#0d65e9;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:750;display:inline-flex;align-items:center;gap:5px}.seller-review-reply-button .ui-icon{width:14px}.seller-performance-grid{margin:0 10px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seller-performance-grid button{border:1px solid #dce5f1;background:#fff;border-radius:13px;display:grid;grid-template-columns:37px minmax(0,1fr);gap:8px;align-items:center;text-align:left;padding:10px;color:#18304e}.seller-performance-grid>button>.ui-icon{width:35px;height:35px;padding:8px;border-radius:10px;background:#edf4ff;color:#1265ed}.seller-performance-grid span{display:grid;min-width:0}.seller-performance-grid b{font-size:9.5px}.seller-performance-grid small{font-size:8px;color:#7b899c;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-reply-sheet{position:fixed;z-index:10002;left:10px;right:10px;bottom:10px;background:#fff;border-radius:20px;padding:18px;color:#14243c;box-shadow:0 24px 70px rgba(2,15,36,.3)}.seller-reply-sheet .modal-close{position:absolute;right:12px;top:12px}.seller-reply-sheet>small{font-size:10px;color:#758399}.seller-reply-sheet h2{font-size:20px;margin:5px 0 13px}.seller-reply-sheet form{display:grid;gap:10px}.seller-reply-sheet textarea{min-height:120px;resize:vertical;border:1px solid #d7e0ec;background:#f8fafc;border-radius:12px;padding:11px;color:#13233b;font:inherit;font-size:12px;outline:0}
.seller-store-card,.seller-finance-card{margin:0 10px 10px}.seller-store-profile{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:10px}.seller-store-profile>img,.seller-store-profile>span{width:50px;height:50px;border-radius:14px;object-fit:cover;background:#0e65ef;color:#fff;display:grid;place-items:center;font-weight:900}.seller-store-profile>div{display:grid;min-width:0}.seller-store-profile b{font-size:13px}.seller-store-profile small{font-size:9px;color:#74839a;margin-top:3px}.seller-store-profile em{font-style:normal;font-size:10px;font-weight:800;border-radius:8px;padding:6px;background:#e9f8f2;color:#078b62}.seller-store-profile em.is-warning{background:#fff3de;color:#a46a06}.seller-finance-card>strong{display:block;font-size:22px;margin-top:11px}.seller-finance-card>small{display:block;font-size:9px;color:#76859a;margin-top:4px}.seller-more-grid{margin:0 10px 10px;background:#fff;border:1px solid #dce5f1;border-radius:15px;overflow:hidden}.seller-more-grid button,.seller-role-switch{width:100%;border:0;border-top:1px solid #edf1f6;background:#fff;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:11px;color:#172b48;text-align:left}.seller-more-grid button:first-child{border-top:0}.seller-more-grid button>.ui-icon:first-child,.seller-role-switch>.ui-icon:first-child{width:34px;height:34px;padding:8px;border-radius:10px;background:#edf4ff;color:#1265ed}.seller-more-grid button>.ui-icon:last-child,.seller-role-switch>.ui-icon:last-child{width:16px;color:#8b99aa}.seller-more-grid span,.seller-role-switch span{display:grid;min-width:0}.seller-more-grid b,.seller-role-switch b{font-size:10.5px}.seller-more-grid small,.seller-role-switch small{font-size:8.5px;color:#79879b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-role-switch{width:calc(100% - 20px);margin:0 10px 10px;border:1px solid #dce5f1;border-radius:13px}.seller-logout{margin:0 10px 18px;width:calc(100% - 20px);border:1px solid #f3cfd2;background:#fff3f4;color:#ca3d49;border-radius:12px;padding:11px;font-size:10.5px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:7px}.seller-logout .ui-icon{width:17px}.seller-empty{margin:10px;background:#fff;border:1px dashed #d7e1ee;border-radius:14px;min-height:130px;display:grid;place-items:center;align-content:center;gap:8px;color:#7d8b9e}.seller-empty .ui-icon{width:30px}.seller-empty b{font-size:11px}.seller-empty.compact{min-height:90px;margin:0;padding:16px;font-size:10px}
html.tb-theme-dark-active body.seller-center-mode,html.tb-theme-dark-active .seller-center-mode #app-view,html.tb-theme-dark-active .seller-mobile-page{background:#0f1620;color:#eef4fb}.tb-theme-dark-active .seller-center-mode #app-nav{background:#111b28;border-color:#243143;color:#96a7ba}.tb-theme-dark-active .seller-kpi-card,.tb-theme-dark-active .seller-panel,.tb-theme-dark-active .seller-products-list,.tb-theme-dark-active .seller-more-grid,.tb-theme-dark-active .seller-role-switch,.tb-theme-dark-active .seller-performance-grid button,.tb-theme-dark-active .seller-product-search{background:#17212e;border-color:#293648;color:#edf3fa}.tb-theme-dark-active .seller-kpi-card strong,.tb-theme-dark-active .seller-panel-head strong,.tb-theme-dark-active .seller-panel-head b,.tb-theme-dark-active .seller-page-heading h1,.tb-theme-dark-active .seller-product-search input,.tb-theme-dark-active .seller-product-row,.tb-theme-dark-active .seller-top-row,.tb-theme-dark-active .seller-order-mini,.tb-theme-dark-active .seller-more-grid button,.tb-theme-dark-active .seller-role-switch{color:#eef4fb}.tb-theme-dark-active .seller-order-card{background:#17212e;border-color:#293648}.tb-theme-dark-active .seller-order-item,.tb-theme-dark-active .seller-review-reply{background:#202c3b}.tb-theme-dark-active .seller-review-card,.tb-theme-dark-active .seller-product-row,.tb-theme-dark-active .seller-top-row,.tb-theme-dark-active .seller-order-mini{border-color:#293648}.tb-theme-dark-active .seller-review-card>p{color:#c0cbd8}.tb-theme-dark-active .seller-product-copy strong{color:#5b9cff}.tb-theme-dark-active .seller-reply-sheet{background:#17212e;color:#eef4fb}.tb-theme-dark-active .seller-reply-sheet textarea{background:#202c3b;border-color:#314052;color:#eef4fb}.tb-theme-dark-active .role-chooser-sheet{background:#17212e;color:#eef4fb}.tb-theme-dark-active .role-chooser-card.is-customer{background:#202b3a;border-color:#314052;color:#eef4fb}.tb-theme-dark-active .role-chooser-copy small,.tb-theme-dark-active .role-chooser-copy em{color:#a1afc0}
@media (min-width:768px){
.role-chooser-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);width:min(520px,calc(100vw - 40px));padding:26px}.seller-mobile-appbar{height:68px;padding-inline:24px}.seller-mobile-page{max-width:980px;margin:0 auto}.seller-content-stack{padding:14px;gap:12px}.seller-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seller-kpi-card{padding:14px}.seller-kpi-card strong{font-size:19px}.seller-quick-action small{font-size:10px}.seller-page-heading{padding:18px 18px 10px}.seller-operation-tabs{padding-inline:18px}#seller-operation-content{padding-inline:18px}.seller-products-list,.seller-product-search,.seller-reviews-panel,.seller-review-summary,.seller-performance-grid,.seller-store-card,.seller-finance-card,.seller-more-grid,.seller-role-switch,.seller-logout{margin-left:18px;margin-right:18px}.seller-products-list{margin-bottom:20px}.seller-performance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.seller-review-summary{grid-template-columns:1fr 160px}.seller-product-row{grid-template-columns:68px minmax(0,1fr) 150px}.seller-product-row>img,.seller-product-placeholder{width:68px;height:68px}.seller-more-page{max-width:760px}.seller-reply-sheet{left:50%;right:auto;width:min(560px,calc(100vw - 40px));transform:translateX(-50%)}
}
/* TB Market Pickup Center mini-app · v0.13.41 — scoped, customer/seller UI untouched */
body.pickup-center-mode{background:#eef3f8;color:#10223d}.pickup-center-mode #app-header{background:#061a3d;border:0;box-shadow:none}.pickup-center-mode #app-view{background:#eef3f8;padding-bottom:86px}.pickup-center-mode #app-nav{background:#fff;border-top:1px solid #dde5ef;box-shadow:0 -5px 20px rgba(11,34,67,.06)}
.pickup-mobile-appbar{height:64px;display:grid;grid-template-columns:42px minmax(0,1fr) 58px;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(112deg,#031b43,#071b3d 72%,#0b326b);color:#fff}.pickup-appbar-logo{width:40px;height:40px;border-radius:11px;background:#fff;color:#092a5c;display:grid;place-items:center;font-weight:950}.pickup-appbar-back,.pickup-appbar-action{width:38px;height:38px;border:0;background:transparent;color:#e4efff;display:grid;place-items:center}.pickup-appbar-back .ui-icon,.pickup-appbar-action .ui-icon{width:22px;height:22px}.pickup-appbar-brand{min-width:0}.pickup-appbar-brand>div{display:grid}.pickup-appbar-brand b{font-size:14px;letter-spacing:.015em}.pickup-appbar-brand small{font-size:10.5px;color:#b8cbe6}.pickup-appbar-brand .is-centered{text-align:center}.pickup-appbar-user{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:5px;min-width:0}.pickup-appbar-user>span{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:#fff;color:#0d3977;display:grid;place-items:center;font-weight:900}.pickup-appbar-user small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d6e4f8}
#app-nav.is-pickup-nav{height:68px;padding:5px 5px max(5px,env(safe-area-inset-bottom));color:#72839a}.is-pickup-nav button{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;min-width:0}.is-pickup-nav .nav-icon{width:34px;height:31px;border-radius:10px;display:grid;place-items:center;position:relative}.is-pickup-nav .nav-icon .ui-icon{width:20px;height:20px}.is-pickup-nav button small{font-size:9.5px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.is-pickup-nav button.is-active{color:#0d65f1}.is-pickup-nav button.is-active .nav-icon{background:#e8f1ff;color:#0d65f1}.is-pickup-nav .badge{top:-5px;right:-6px}
.pickup-mobile-page{display:grid;gap:10px;padding:10px 10px 18px;background:#eef3f8;min-height:calc(100vh - 132px)}.pickup-mobile-hero{margin:-10px -10px 0;padding:9px 14px 11px;background:#071f48;color:#fff;display:flex;justify-content:space-between;align-items:center}.pickup-mobile-hero>div{display:flex;align-items:center;gap:7px;font-weight:800}.pickup-mobile-hero button{border:0;background:transparent;color:#dce9fb;display:flex;align-items:center;gap:4px;font-weight:700}.pickup-mobile-hero button .ui-icon{width:15px}.pickup-online-dot{width:9px;height:9px;border-radius:50%;background:#19c879;box-shadow:0 0 0 4px rgba(25,200,121,.13)}
.pickup-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pickup-kpi-grid article{min-height:88px;background:#fff;border:1px solid #dfe7f0;border-radius:13px;padding:12px;display:flex;gap:10px;align-items:center;box-shadow:0 2px 8px rgba(17,46,83,.05)}.pickup-kpi-grid article>div{display:grid;gap:2px;min-width:0}.pickup-kpi-grid small{font-size:11px;color:#60728a;line-height:1.15}.pickup-kpi-grid b{font-size:22px;color:#0d203c}.pickup-kpi-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.pickup-kpi-icon .ui-icon{width:20px;height:20px}.pickup-kpi-icon.is-blue{background:#e4efff;color:#1267ef}.pickup-kpi-icon.is-green{background:#e1f7ed;color:#11aa6e}.pickup-kpi-icon.is-orange{background:#fff0d9;color:#ef9309}.pickup-kpi-icon.is-teal{background:#def8f5;color:#0ba9a2}
.pickup-panel,.pickup-order-card{background:#fff;border:1px solid #dfe7f0;border-radius:14px;padding:13px;box-shadow:0 2px 8px rgba(17,46,83,.04)}.pickup-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.pickup-panel h1,.pickup-panel h2,.pickup-panel h3{margin:0;color:#10223d}.pickup-panel h1{font-size:19px}.pickup-panel h2{font-size:15px}.pickup-panel header button{border:0;background:transparent;color:#0964ed;font-weight:800;padding:3px}.pickup-panel header button .ui-icon{width:18px}
.pickup-queue-list{display:grid}.pickup-queue-row{display:grid;grid-template-columns:45px 18px minmax(0,1fr) auto;align-items:center;gap:5px;width:100%;border:0;border-bottom:1px solid #edf1f6;background:transparent;padding:8px 0;text-align:left;color:inherit}.pickup-queue-row:last-child{border-bottom:0}.pickup-queue-time{font-size:11px;color:#596d86}.pickup-queue-line{height:38px;position:relative;display:grid;place-items:center}.pickup-queue-line:before{content:"";position:absolute;top:-13px;bottom:-13px;width:2px;background:#dfe7f0}.pickup-queue-row:first-child .pickup-queue-line:before{top:50%}.pickup-queue-row:last-child .pickup-queue-line:before{bottom:50%}.pickup-queue-line i{width:10px;height:10px;border-radius:50%;background:#18b873;z-index:1;border:2px solid #fff;box-shadow:0 0 0 1px #18b873}.pickup-queue-line i.is-inspection{background:#1268f0;box-shadow:0 0 0 1px #1268f0}.pickup-queue-copy{display:grid;min-width:0}.pickup-queue-copy b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup-queue-copy small{font-size:10.5px;color:#667991;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:8px;font-size:9.5px;font-weight:850;white-space:nowrap}.pickup-status-pill.is-success{background:#e1f8ed;color:#08975f}.pickup-status-pill.is-warning{background:#e6efff;color:#0b63ef}.pickup-status-pill.is-danger{background:#ffeded;color:#e74646}.pickup-status-pill.is-neutral{background:#edf1f6;color:#65758b}
.pickup-occupancy-card{display:grid;gap:9px}.pickup-occupancy-card>div:first-child{display:grid;grid-template-columns:1fr auto;align-items:end}.pickup-occupancy-card small{color:#6b7c90}.pickup-occupancy-card b{font-size:20px}.pickup-occupancy-card span{grid-column:2;color:#5e7087;font-size:10px}.pickup-occupancy-bar{height:7px;background:#e9eef5;border-radius:999px;overflow:hidden}.pickup-occupancy-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f69f3,#13b9a1)}
.pickup-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pickup-quick-grid button{border:0;background:transparent;color:#17304f;display:grid;justify-items:center;gap:7px;padding:3px;min-width:0}.pickup-quick-grid button>span{width:44px;height:44px;border-radius:11px;display:grid;place-items:center}.pickup-quick-grid .ui-icon{width:23px;height:23px}.pickup-quick-grid b{font-size:10px;line-height:1.15;text-align:center}.pickup-quick-grid .is-blue{background:#e5efff;color:#0d65ef}.pickup-quick-grid .is-purple{background:#eee8ff;color:#663cef}.pickup-quick-grid .is-indigo{background:#e9edff;color:#314bd3}.pickup-quick-grid .is-green{background:#e1f7eb;color:#0a9c60}
.pickup-activity-list{display:grid}.pickup-activity-list>div{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid #edf1f6}.pickup-activity-list>div:last-child{border-bottom:0}.pickup-activity-dot{width:8px;height:8px;border-radius:50%;background:#1267ef;margin-top:4px;flex:0 0 auto}.pickup-activity-list p{margin:0;display:grid;gap:2px}.pickup-activity-list b{font-size:11.5px;text-transform:none}.pickup-activity-list small{font-size:10px;color:#6d7e92}.pickup-empty{min-height:85px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7b8ba0;text-align:center}.pickup-empty .ui-icon{width:24px;height:24px}
.pickup-scan-form{background:#fff;border:1px solid #dfe7f0;border-radius:14px;padding:10px}.pickup-scan-input{height:49px;border:1px solid #d9e2ed;border-radius:11px;display:grid;grid-template-columns:32px minmax(0,1fr) 48px;align-items:center;overflow:hidden;background:#fff}.pickup-scan-input>span{display:grid;place-items:center;color:#8391a4}.pickup-scan-input input{height:100%;border:0;outline:0;background:transparent;color:#14253d;padding:0 4px;font-size:13px;min-width:0}.pickup-scan-input button{height:100%;border:0;background:#1167f2;color:#fff;display:grid;place-items:center}.pickup-scan-input button .ui-icon{width:24px;height:24px}.pickup-scan-result{background:#fff;border:1px solid #dfe7f0;border-radius:14px;padding:13px;display:grid;gap:12px}.pickup-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pickup-result-head small{color:#72839a}.pickup-result-head h3{margin:2px 0 0;color:#0c64ed;font-size:18px}.pickup-result-grid,.pickup-order-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #e3e9f1;border-radius:11px;overflow:hidden}.pickup-result-grid>div,.pickup-order-meta>div{padding:10px;border-right:1px solid #e8edf3;border-bottom:1px solid #e8edf3;display:grid;gap:3px}.pickup-result-grid>div:nth-child(2n),.pickup-order-meta>div:nth-child(2n){border-right:0}.pickup-result-grid>div:nth-last-child(-n+2),.pickup-order-meta>div:nth-last-child(-n+2){border-bottom:0}.pickup-result-grid small,.pickup-order-meta small{font-size:9.5px;color:#75869b;text-transform:uppercase}.pickup-result-grid b,.pickup-order-meta b{font-size:12.5px;color:#152941}.pickup-scan-result h4{margin:0;font-size:13px}.pickup-rack-choice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pickup-rack-choice button{border:1px solid #dce5ef;background:#f8fafc;border-radius:9px;padding:8px 4px;display:grid;gap:2px;color:#18304d}.pickup-rack-choice button.is-selected{border-color:#1167ef;background:#eaf2ff;color:#0b5edb;box-shadow:0 0 0 1px #1167ef inset}.pickup-rack-choice b{font-size:11px}.pickup-rack-choice small{font-size:8.5px;color:#75869b}.pickup-primary-button,.pickup-outline-button,.pickup-success-button,.pickup-danger-button{min-height:45px;border-radius:10px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px}.pickup-primary-button{border:0;background:#1167f1;color:#fff}.pickup-primary-button .ui-icon,.pickup-outline-button .ui-icon,.pickup-success-button .ui-icon,.pickup-danger-button .ui-icon{width:18px}.pickup-outline-button{background:#fff;border:1px solid #1769ef;color:#0f61df}.pickup-success-button{background:#edfff6;border:1px solid #28bd7a;color:#0c9b60}.pickup-danger-button{background:#fff5ef;border:1px solid #f29a50;color:#d86d13}.pickup-customer-result form{display:grid;gap:9px}.pickup-customer-result label{display:grid;gap:5px;color:#536780;font-size:11px}.pickup-customer-result input{height:44px;border:1px solid #d9e2ed;border-radius:10px;padding:0 12px;background:#fff;color:#10223d;font-size:16px;letter-spacing:.22em}
.pickup-rack-map-panel{overflow:hidden}.pickup-rack-legend{display:flex;align-items:center;gap:5px;font-size:8px;color:#60738a;flex-wrap:wrap}.pickup-rack-legend span{width:8px;height:8px;border-radius:2px}.pickup-rack-legend .free{background:#1fc183}.pickup-rack-legend .occupied{background:#176af1}.pickup-rack-legend .issue{background:#ef5b5b}.pickup-rack-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.pickup-rack-map.is-compact{grid-template-columns:repeat(6,minmax(0,1fr))}.pickup-rack-tile{min-height:54px;border:1px solid #dfe6ef;border-radius:9px;display:grid;place-items:center;align-content:center;gap:1px;color:#18304d}.pickup-rack-tile b{font-size:10px}.pickup-rack-tile small{font-size:8px}.pickup-rack-tile.is-free{background:#e7f9f2;border-color:#b5eed7}.pickup-rack-tile.is-occupied{background:#e8f0ff;border-color:#b7d0ff}.pickup-rack-tile.is-issue{background:#ffebeb;border-color:#ffc9c9}.pickup-count-circle{min-width:30px;height:30px;border-radius:50%;background:#e8f1ff;color:#0e63e8;display:grid;place-items:center;font-weight:850}
.pickup-order-card{display:grid;gap:13px}.pickup-order-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.pickup-order-title h1{font-size:20px;color:#0b62e9;margin:0}.pickup-progress{display:grid;grid-template-columns:repeat(3,1fr);position:relative;padding-top:2px}.pickup-progress:before{content:"";position:absolute;top:17px;left:16%;right:16%;height:2px;background:#dfe6ef}.pickup-progress>div{z-index:1;display:grid;justify-items:center;gap:4px;color:#8694a6;font-size:9px}.pickup-progress i{width:30px;height:30px;border-radius:50%;background:#dfe4ea;display:grid;place-items:center;color:#fff;font-style:normal}.pickup-progress i .ui-icon{width:16px}.pickup-progress .is-done i{background:#16b775}.pickup-progress .is-active i{background:#1769ef}.pickup-progress .is-done,.pickup-progress .is-active{color:#2b4160}.pickup-inspection-banner{background:#edf4ff;border:1px solid #d6e5ff;border-radius:12px;padding:11px;display:flex;gap:9px;color:#105ad0}.pickup-inspection-banner>.ui-icon{width:23px;height:23px;flex:0 0 auto}.pickup-inspection-banner div{display:grid;gap:2px}.pickup-inspection-banner b{font-size:12px}.pickup-inspection-banner small{font-size:10px;color:#557199}
.pickup-service-packages{display:grid;gap:10px}.pickup-service-package{border:1px solid #e2e9f1;border-radius:12px;padding:10px;display:grid;gap:9px}.pickup-package-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.pickup-package-head>div{display:grid}.pickup-package-head b{font-size:12px}.pickup-package-head small{font-size:9.5px;color:#6c7d93}.pickup-service-items{display:grid;gap:5px}.pickup-service-items>div{display:flex;align-items:center;gap:8px;background:#f7f9fc;border-radius:9px;padding:7px}.pickup-service-items img{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#fff}.pickup-service-items span{display:grid;gap:2px;min-width:0}.pickup-service-items b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup-service-items small{font-size:9px;color:#718299}.pickup-service-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pickup-service-actions>:only-child{grid-column:1/-1}
.pickup-operator-card{display:flex;align-items:center;gap:10px}.pickup-operator-avatar{width:48px;height:48px;border-radius:50%;background:#1769ef;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.pickup-operator-card>div{display:grid;gap:2px;min-width:0;flex:1}.pickup-operator-card h2{font-size:15px}.pickup-operator-card small{color:#73849a}.pickup-online-badge{background:#e1f8ec;color:#069b5e;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850}.pickup-point-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f6}.pickup-point-row:last-child{border-bottom:0}.pickup-point-row>.ui-icon{color:#1769ef}.pickup-point-row span{display:grid;gap:2px}.pickup-point-row b{font-size:12px}.pickup-point-row small{font-size:9.5px;color:#72839a}.pickup-web-tools p{margin:4px 0 12px;color:#667991;font-size:11px;line-height:1.45}.pickup-more-action{width:100%;min-height:58px;border:1px solid #dfe7f0;background:#fff;border-radius:13px;padding:9px 12px;display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:8px;align-items:center;text-align:left;color:#18304d}.pickup-more-action>.ui-icon{width:20px}.pickup-more-action span{display:grid}.pickup-more-action b{font-size:12px}.pickup-more-action small{font-size:9.5px;color:#73849a}.pickup-more-action.is-danger{color:#db4545}.role-chooser-card.is-pickup{border-color:#cbdcf7;background:#f1f6ff}.role-chooser-card.is-pickup .role-chooser-icon{background:#1769ef;color:#fff}
html.tb-theme-dark-active body.pickup-center-mode,html.tb-theme-dark-active .pickup-center-mode #app-view,html.tb-theme-dark-active .pickup-mobile-page{background:#0f1722;color:#eef4fb}.tb-theme-dark-active .pickup-center-mode #app-nav{background:#111b28;border-color:#263449;color:#98a9bd}.tb-theme-dark-active .pickup-panel,.tb-theme-dark-active .pickup-order-card,.tb-theme-dark-active .pickup-kpi-grid article,.tb-theme-dark-active .pickup-scan-form,.tb-theme-dark-active .pickup-scan-result,.tb-theme-dark-active .pickup-more-action{background:#17212e;border-color:#29374a;color:#eef4fb}.tb-theme-dark-active .pickup-panel h1,.tb-theme-dark-active .pickup-panel h2,.tb-theme-dark-active .pickup-panel h3,.tb-theme-dark-active .pickup-kpi-grid b,.tb-theme-dark-active .pickup-result-grid b,.tb-theme-dark-active .pickup-order-meta b,.tb-theme-dark-active .pickup-scan-input input,.tb-theme-dark-active .pickup-service-items b,.tb-theme-dark-active .pickup-more-action{color:#eef4fb}.tb-theme-dark-active .pickup-scan-input,.tb-theme-dark-active .pickup-customer-result input{background:#111b28;border-color:#344359;color:#eef4fb}.tb-theme-dark-active .pickup-result-grid,.tb-theme-dark-active .pickup-order-meta,.tb-theme-dark-active .pickup-result-grid>div,.tb-theme-dark-active .pickup-order-meta>div,.tb-theme-dark-active .pickup-service-package{border-color:#2a394d}.tb-theme-dark-active .pickup-service-items>div{background:#202c3b}.tb-theme-dark-active .pickup-queue-row,.tb-theme-dark-active .pickup-activity-list>div,.tb-theme-dark-active .pickup-point-row{border-color:#29374a}.tb-theme-dark-active .role-chooser-card.is-pickup{background:#1a2a40;border-color:#31517f;color:#eef4fb}
@media (min-width:768px){.pickup-mobile-appbar{height:68px;padding-inline:24px}.pickup-mobile-page{max-width:980px;margin:0 auto;padding:16px;gap:12px}.pickup-mobile-hero{margin:-16px -16px 0;padding-inline:24px}.pickup-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pickup-rack-map{grid-template-columns:repeat(10,minmax(0,1fr))}.pickup-rack-map.is-compact{grid-template-columns:repeat(10,minmax(0,1fr))}.pickup-service-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.pickup-panel{padding:16px}.pickup-kpi-grid article{min-height:96px}.pickup-queue-row{grid-template-columns:60px 20px minmax(0,1fr) auto}.pickup-more-page{max-width:760px}}
.pickup-service-global-actions{background:#fff;border:1px solid #dfe7f0;border-radius:13px;padding:10px;display:flex;align-items:center;gap:10px}.pickup-service-global-actions .pickup-outline-button{flex:1}.pickup-service-global-actions>small{color:#6b7d92;max-width:38%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-theme-dark-active .pickup-service-global-actions{background:#17212e;border-color:#29374a}
/* === TB Market Admin Center mini-app · v0.13.42 ========================== */
.role-chooser-card.is-admin .role-chooser-icon{background:linear-gradient(145deg,#0a48d7,#256dff);color:#fff;box-shadow:0 9px 24px rgba(23,104,255,.26)}
.role-chooser-card.is-admin{border-color:rgba(23,104,255,.22)}
body.admin-center-mode{background:#f2f6fb;color:#10213e}
body.admin-center-mode #app-header{background:linear-gradient(135deg,#041a42 0%,#061a3c 58%,#02132f 100%);border:0;color:#fff;box-shadow:none}
body.admin-center-mode #app-view{background:#f2f6fb;padding-bottom:92px}
body.admin-center-mode #app-nav.is-admin-nav{background:rgba(255,255,255,.97);border-top:1px solid #dbe4ef;box-shadow:0 -8px 24px rgba(15,35,70,.08)}
body.admin-center-mode #app-nav.is-admin-nav button{color:#66758c}
body.admin-center-mode #app-nav.is-admin-nav button.is-active{color:#075dea}
body.admin-center-mode #app-nav.is-admin-nav button.is-active .nav-icon{background:#075dea;color:#fff;border-radius:13px;padding:8px 14px;box-shadow:0 6px 16px rgba(7,93,234,.25)}
.admin-mobile-appbar{min-height:72px;padding:11px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;color:#fff}
.admin-mobile-appbar>button,.admin-appbar-menu{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.06);display:grid;place-items:center;color:#fff}
.admin-mobile-appbar svg{width:21px;height:21px}
.admin-appbar-brand{min-width:0;display:flex;align-items:center;gap:10px}
.admin-appbar-brand>span{width:36px;height:36px;background:#fff;color:#071a3c;border-radius:10px;display:grid;place-items:center;font-weight:900;letter-spacing:-1px}
.admin-appbar-brand div{min-width:0;display:flex;flex-direction:column}
.admin-appbar-brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-appbar-brand small{opacity:.78;margin-top:2px}
.admin-appbar-title{justify-content:center;width:100%;text-align:center}
.admin-appbar-user{display:flex;align-items:center;gap:7px}
.admin-appbar-user>span{width:36px;height:36px;border-radius:50%;background:#fff;color:#10213e;display:grid;place-items:center;font-weight:900}
.admin-appbar-user small{max-width:70px;line-height:1.1;opacity:.82}
.admin-mobile-page{min-height:calc(100vh - 150px);background:#f2f6fb}
.admin-mobile-dashboard{padding-bottom:8px}
.admin-mobile-hero{background:linear-gradient(135deg,#041a42,#072758);color:#fff;padding:10px 16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-mobile-hero small{display:block;opacity:.8;margin-bottom:2px}
.admin-mobile-hero h1{margin:0;font-size:21px;line-height:1.25}
.admin-mobile-hero>span{background:#0b63f6;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 9px;white-space:nowrap;font-weight:800}
.admin-mobile-content,.admin-operations-page,.admin-control-page,.admin-reports-page,.admin-more-page{padding:12px}
.admin-mobile-content{display:grid;gap:10px;margin-top:-8px}
.admin-mobile-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.admin-mobile-kpi{min-height:86px;background:#fff;border:1px solid #dce5f0;border-radius:14px;padding:10px;display:flex;align-items:flex-start;gap:9px;box-shadow:0 3px 12px rgba(15,35,70,.055)}
.admin-mobile-kpi>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 auto}
.admin-mobile-kpi>span svg{width:19px;height:19px}
.admin-mobile-kpi small{display:block;color:#6d7d94;margin-bottom:3px;line-height:1.2}
.admin-mobile-kpi strong{display:block;color:#10213e;font-size:18px;line-height:1.15;word-break:break-word}
.admin-mobile-kpi.tone-blue>span{background:#1768ff}.admin-mobile-kpi.tone-navy>span{background:#1355bc}.admin-mobile-kpi.tone-teal>span{background:#17a8a3}.admin-mobile-kpi.tone-violet>span{background:#6848ec}.admin-mobile-kpi.tone-cyan>span{background:#1597ec}.admin-mobile-kpi.tone-orange>span{background:#ff9c15}.admin-mobile-kpi.tone-red>span{background:#f24a55}
.admin-mobile-card{background:#fff;border:1px solid #dce5f0;border-radius:15px;padding:12px;box-shadow:0 3px 12px rgba(15,35,70,.05)}
.admin-mobile-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.admin-mobile-card>header h2{margin:0;font-size:16px;color:#10213e}
.admin-mobile-card>header strong{display:block;font-size:19px;margin-top:4px;color:#10213e}
.admin-mobile-card>header button{border:0;background:transparent;color:#0965ef;font-weight:800;padding:4px}
.admin-mobile-card>header>span{background:#f4f7fb;border:1px solid #dde6f0;border-radius:9px;padding:6px 9px;color:#52637b}
.admin-mobile-chart{overflow:hidden}
.admin-mobile-chart svg{width:100%;height:auto;display:block}
.admin-mobile-chart svg line{stroke:#dce5f0;stroke-width:1}
.admin-mobile-chart svg path{fill:none;stroke:#1768ff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.admin-mobile-chart svg circle{fill:#fff;stroke:#1768ff;stroke-width:2}
.admin-mobile-chart>div{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;color:#8090a5;text-align:center;margin-top:-6px}
.admin-status-summary{display:grid;gap:2px}
.admin-status-summary>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 2px;border-bottom:1px solid #eef2f7}
.admin-status-summary>div:last-child{border-bottom:0}.admin-status-summary i{width:8px;height:8px;border-radius:50%}.admin-status-summary i.teal{background:#18b09f}.admin-status-summary i.orange{background:#ffa11b}.admin-status-summary i.blue{background:#2f76ef}.admin-status-summary i.red{background:#ef5363}.admin-status-summary i.violet{background:#7c55e8}.admin-status-summary span{color:#5c6d84}.admin-status-summary b{color:#10213e}
.admin-order-list,.admin-activity-list,.admin-top-sellers,.admin-report-list{display:grid;gap:0}
.admin-order-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f6}.admin-order-row:last-child{border-bottom:0}.admin-order-row p{margin:0;min-width:0}.admin-order-row p b,.admin-order-row p small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-order-row p b{color:#0965ef}.admin-order-row p small{color:#77879b;margin-top:2px}.admin-order-row>strong{font-size:12px;color:#10213e}.admin-order-row>em{grid-column:2/4;justify-self:start}
.admin-row-avatar,.admin-store-avatar{width:34px;height:34px;border-radius:50%;background:#edf4ff;color:#0a62e9;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.admin-row-avatar.store,.admin-store-avatar{background:#111c3b;color:#fff}
.admin-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:999px;padding:3px 9px;font-style:normal;font-weight:800;background:#edf2f8;color:#617187}.admin-pill.is-delivered,.admin-pill.is-active,.admin-pill.is-published{background:#e2f8ef;color:#098553}.admin-pill.is-shipped{background:#e7efff;color:#2564d5}.admin-pill.is-new,.admin-pill.is-confirmed,.admin-pill.is-preparing,.admin-pill.is-pending,.admin-pill.is-pending_review{background:#fff2d9;color:#b66b00}.admin-pill.is-cancelled,.admin-pill.is-blocked,.admin-pill.is-rejected{background:#ffe7e9;color:#d43143}.admin-pill.is-returned{background:#f1e8ff;color:#7442c7}
.admin-top-sellers>div{display:grid;grid-template-columns:20px auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf1f6}.admin-top-sellers>div:last-child{border-bottom:0}.admin-top-sellers p{margin:0;min-width:0}.admin-top-sellers p strong,.admin-top-sellers p small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-top-sellers p small{color:#7d8ca0}.admin-top-sellers em{font-style:normal;font-weight:800;color:#10213e}.admin-top-sellers i{grid-column:4;font-style:normal;color:#f39b13}
.admin-activity-list>div,.admin-report-list>div{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f6}.admin-activity-list>div:last-child,.admin-report-list>div:last-child{border-bottom:0}.admin-activity-icon,.admin-report-list>div>span{width:34px;height:34px;border-radius:50%;background:#eaf2ff;color:#1265e8;display:grid;place-items:center;flex:0 0 auto}.admin-activity-icon svg,.admin-report-list svg{width:17px;height:17px}.admin-activity-list p,.admin-report-list p{margin:0;min-width:0;flex:1}.admin-activity-list b,.admin-activity-list small,.admin-report-list b,.admin-report-list small{display:block}.admin-activity-list small,.admin-report-list small{color:#7c8ba0}.admin-report-list strong{color:#10213e}
.admin-page-heading{padding:2px 2px 9px}.admin-page-heading h1{margin:0;color:#10213e;font-size:22px}.admin-page-heading p{margin:4px 0 0;color:#6d7d94}
.admin-operation-tabs{display:flex;gap:6px;overflow:auto;padding:0 0 10px;scrollbar-width:none}.admin-operation-tabs::-webkit-scrollbar{display:none}.admin-operation-tabs button{border:0;background:#e9eff7;color:#53657d;padding:9px 14px;border-radius:12px;white-space:nowrap}.admin-operation-tabs button.is-active{background:#0964ec;color:#fff;box-shadow:0 5px 14px rgba(9,100,236,.22)}
.admin-mobile-list{display:grid;gap:8px}.admin-list-card{background:#fff;border:1px solid #dce5f0;border-radius:14px;padding:11px;box-shadow:0 2px 10px rgba(15,35,70,.04)}.admin-list-main{display:flex;gap:9px;align-items:center;min-width:0}.admin-list-main>div{min-width:0;flex:1}.admin-list-main h3{font-size:14px;margin:0;color:#10213e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-list-main p{margin:3px 0 0;color:#596b82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-list-main small{display:block;color:#8794a6;margin-top:3px}.admin-list-main>strong{align-self:flex-start;color:#10213e;font-size:12px;white-space:nowrap}.admin-list-main>img{width:58px;height:58px;object-fit:cover;border-radius:10px;background:#f4f6f9}.admin-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f6}.admin-card-foot>span:not(.admin-pill){color:#75859a}.admin-inline-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.admin-inline-actions button{border:0;border-radius:9px;background:#e7f0ff;color:#075dd8;padding:7px 9px;font-weight:800}.admin-inline-actions button.notify{background:#e8fbf3;color:#078458}.admin-inline-actions button.danger{background:#ffebed;color:#c62d3f}.admin-review-copy{margin:9px 0;color:#4e6078;line-height:1.4}.admin-review-stars{color:#f3a316!important}
.admin-empty{text-align:center;padding:22px;color:#8391a4}
.admin-control-list{display:grid;gap:8px}.admin-control-item{width:100%;border:1px solid #dce5f0;background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;box-shadow:0 2px 10px rgba(15,35,70,.04);color:#10213e}.admin-control-item>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff}.admin-control-item>span svg{width:22px;height:22px}.admin-control-item>span.tone-ads{background:#1768ff}.admin-control-item>span.tone-banners{background:#6b48ed}.admin-control-item>span.tone-couriers{background:#14a7ab}.admin-control-item>span.tone-pickup{background:#ff931b}.admin-control-item>span.tone-payments{background:#10a16c}.admin-control-item>span.tone-notifications{background:#ef4d5c}.admin-control-item>span.tone-settings{background:#66778d}.admin-control-item p{margin:0;min-width:0}.admin-control-item p b,.admin-control-item p small{display:block}.admin-control-item p small{color:#77879b;margin-top:3px}.admin-control-item>svg{width:18px;height:18px;color:#91a0b3}
.admin-health-card{margin-top:11px;background:linear-gradient(135deg,#061d47,#092b5f);border-radius:15px;color:#fff;padding:13px}.admin-health-card header{display:flex;align-items:center;justify-content:space-between}.admin-health-card h2{font-size:16px;margin:0}.admin-health-card header span{background:#064d40;color:#72e3b0;padding:5px 9px;border-radius:999px}.admin-health-card>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px}.admin-health-card p{margin:0;text-align:center;padding:6px;border-right:1px solid rgba(255,255,255,.13)}.admin-health-card p:last-child{border:0}.admin-health-card b,.admin-health-card small{display:block}.admin-health-card small{opacity:.72;margin-top:3px}
.admin-mobile-kpis.reports{margin-bottom:10px}.admin-reports-page>.admin-mobile-card{margin-bottom:10px}
.admin-profile-card{background:linear-gradient(135deg,#061d47,#092b5f);border-radius:16px;padding:14px;color:#fff;display:flex;align-items:center;gap:10px;margin-bottom:10px}.admin-profile-card>span{width:46px;height:46px;border-radius:50%;background:#fff;color:#10213e;display:grid;place-items:center;font-weight:900}.admin-profile-card>div{flex:1}.admin-profile-card h2{margin:0;font-size:17px}.admin-profile-card small{opacity:.78}.admin-profile-card>i{font-style:normal;background:#07543f;color:#75efbb;padding:5px 8px;border-radius:999px}
.admin-web-tools{margin-bottom:9px}.admin-web-tools h2{margin:0 0 6px;font-size:16px}.admin-web-tools p{margin:0 0 12px;color:#66778e;line-height:1.45}.admin-web-tools button{width:100%;border:0;border-radius:12px;background:#0964ec;color:#fff;padding:12px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.admin-web-tools button svg{width:19px;height:19px}.admin-more-action{width:100%;border:1px solid #dce5f0;background:#fff;border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px;color:#10213e;margin-bottom:8px;text-align:left}.admin-more-action>svg:first-child{width:21px;color:#0964ec}.admin-more-action>span{flex:1}.admin-more-action b,.admin-more-action small{display:block}.admin-more-action small{color:#7b899d}.admin-more-action.danger{color:#c52c3d}.admin-more-action.danger>svg:first-child{color:#c52c3d}
@media (min-width:768px){body.admin-center-mode #app-view{display:flex;justify-content:center}.admin-mobile-page{width:min(920px,100%)}.admin-mobile-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-mobile-content{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-mobile-content>.admin-mobile-kpis,.admin-mobile-content>.admin-mobile-card:first-of-type{grid-column:1/-1}.admin-operations-page,.admin-control-page,.admin-reports-page,.admin-more-page{width:min(920px,100%)}.admin-mobile-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-control-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
html.tb-theme-dark-active body.admin-center-mode,html.tb-theme-dark-active body.admin-center-mode #app-view{background:#0f1620;color:#e7eef8}
html.tb-theme-dark-active .admin-mobile-kpi,html.tb-theme-dark-active .admin-mobile-card,html.tb-theme-dark-active .admin-list-card,html.tb-theme-dark-active .admin-control-item,html.tb-theme-dark-active .admin-more-action{background:#16202d;border-color:#283649;color:#e9f0f8}
html.tb-theme-dark-active .admin-mobile-kpi strong,html.tb-theme-dark-active .admin-mobile-card>header h2,html.tb-theme-dark-active .admin-mobile-card>header strong,html.tb-theme-dark-active .admin-status-summary b,html.tb-theme-dark-active .admin-order-row>strong,html.tb-theme-dark-active .admin-top-sellers em,html.tb-theme-dark-active .admin-page-heading h1,html.tb-theme-dark-active .admin-list-main h3,html.tb-theme-dark-active .admin-report-list strong,html.tb-theme-dark-active .admin-control-item{color:#edf3fb}
html.tb-theme-dark-active .admin-mobile-kpi small,html.tb-theme-dark-active .admin-status-summary span,html.tb-theme-dark-active .admin-order-row p small,html.tb-theme-dark-active .admin-top-sellers p small,html.tb-theme-dark-active .admin-activity-list small,html.tb-theme-dark-active .admin-report-list small,html.tb-theme-dark-active .admin-page-heading p,html.tb-theme-dark-active .admin-list-main p,html.tb-theme-dark-active .admin-list-main small,html.tb-theme-dark-active .admin-control-item p small,html.tb-theme-dark-active .admin-web-tools p{color:#98a8bc}
html.tb-theme-dark-active .admin-order-row,html.tb-theme-dark-active .admin-top-sellers>div,html.tb-theme-dark-active .admin-activity-list>div,html.tb-theme-dark-active .admin-report-list>div,html.tb-theme-dark-active .admin-card-foot,html.tb-theme-dark-active .admin-status-summary>div{border-color:#293648}
html.tb-theme-dark-active body.admin-center-mode #app-nav.is-admin-nav{background:#111a26;border-color:#273448}
/* ========================================================================== */
/* TB MARKET Ads Center mobile mini-app — v0.13.43 */
/* Isolated under body.ads-center-mode so Customer/Seller/Pickup/Admin stay */
/* untouched. */
/* ========================================================================== */
body.ads-center-mode{
background:#eef3f9;
color:#11213a;
--ads-navy:#061a3d;
--ads-navy-2:#08285c;
--ads-blue:#0965f3;
--ads-blue-2:#1d6cff;
--ads-border:#dce5f0;
--ads-muted:#6e7e94;
--ads-card:#fff;
--ads-soft:#f4f7fb;
}
body.ads-center-mode #app-header{
position:sticky;
top:0;
z-index:70;
padding:0;
background:linear-gradient(145deg,var(--ads-navy),#071d46 62%,#082652);
border-bottom:0;
box-shadow:0 5px 18px rgba(4,20,51,.14);
}
body.ads-center-mode #app-view{
min-height:calc(100dvh - 142px);
background:#eef3f9;
padding:0 0 calc(82px + env(safe-area-inset-bottom));
}
body.ads-center-mode #app-nav.is-ads-nav{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:75;
height:calc(69px + env(safe-area-inset-bottom));
padding:7px 7px calc(7px + env(safe-area-inset-bottom));
background:rgba(255,255,255,.98);
border-top:1px solid #dce4ee;
box-shadow:0 -6px 22px rgba(7,28,66,.08);
backdrop-filter:blur(14px);
}
body.ads-center-mode #app-nav.is-ads-nav button{
min-width:0;
color:#627289;
gap:3px;
border-radius:12px;
}
body.ads-center-mode #app-nav.is-ads-nav button .nav-icon{
min-width:35px;
height:30px;
padding:5px 8px;
border-radius:10px;
display:grid;
place-items:center;
position:relative;
}
body.ads-center-mode #app-nav.is-ads-nav button .nav-icon svg{width:20px;height:20px}
body.ads-center-mode #app-nav.is-ads-nav button small{font-size:11px;line-height:1.05;font-weight:700}
body.ads-center-mode #app-nav.is-ads-nav button.is-active{color:#075fe6}
body.ads-center-mode #app-nav.is-ads-nav button.is-active .nav-icon{
color:#fff;
background:linear-gradient(135deg,#0870ff,#064bd4);
box-shadow:0 6px 16px rgba(7,94,230,.28);
}
body.ads-center-mode #app-nav.is-ads-nav .badge{
top:-7px;
right:-8px;
min-width:18px;
height:18px;
padding:0 5px;
font-size:10px;
border:2px solid #fff;
}
.ads-mobile-appbar{
min-height:74px;
padding:11px 14px;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:10px;
color:#fff;
}
.ads-mobile-appbar>button,.ads-appbar-menu,.ads-appbar-actions>button{
width:38px;
height:38px;
border:0;
border-radius:12px;
background:rgba(255,255,255,.07);
color:#fff;
display:grid;
place-items:center;
flex:0 0 auto;
}
.ads-mobile-appbar svg{width:21px;height:21px}
.ads-appbar-brand{min-width:0;display:flex;align-items:center;gap:10px}
.ads-appbar-brand>span{
width:38px;
height:38px;
border-radius:10px;
background:#fff;
color:#061a3d;
display:grid;
place-items:center;
font-weight:900;
letter-spacing:-1px;
box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.ads-appbar-brand>div{min-width:0;display:flex;flex-direction:column}
.ads-appbar-brand b{font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-appbar-brand small{font-size:12px;opacity:.78;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-appbar-actions{display:flex;align-items:center;gap:8px}
.ads-appbar-actions>button{position:relative}
.ads-bell-wrap{display:grid;place-items:center;position:relative}
.ads-bell-wrap .badge{position:absolute;top:-10px;right:-12px}
.ads-appbar-user{display:flex;align-items:center;gap:7px;min-width:0}
.ads-appbar-user>span{
width:38px;height:38px;border-radius:50%;background:#fff;color:#10213d;
display:grid;place-items:center;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.13)
}
.ads-appbar-user small{max-width:58px;font-size:11px;line-height:1.05;opacity:.84;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ads-mobile-page{min-height:calc(100dvh - 143px);background:#eef3f9}
.ads-mobile-hero{
padding:8px 14px 17px;
background:linear-gradient(145deg,var(--ads-navy),#071d46 62%,#082652);
color:#fff;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px;
}
.ads-mobile-hero small{display:block;font-size:12px;opacity:.82;margin-bottom:2px}
.ads-mobile-hero h1{margin:0;font-size:21px;line-height:1.18}
.ads-mobile-hero>span{
border-radius:8px;
padding:6px 9px;
background:#075fe8;
border:1px solid rgba(255,255,255,.14);
font-size:11px;
font-weight:800;
white-space:nowrap;
}
.ads-mobile-content{padding:11px;display:grid;gap:9px;margin-top:-5px}
.ads-mobile-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ads-mobile-kpi{
min-height:92px;
background:var(--ads-card);
border:1px solid var(--ads-border);
border-radius:14px;
padding:10px;
display:flex;
align-items:flex-start;
gap:9px;
box-shadow:0 3px 12px rgba(10,35,70,.055);
overflow:hidden;
}
.ads-mobile-kpi>span{
width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 auto;
box-shadow:0 5px 12px rgba(8,55,130,.12)
}
.ads-mobile-kpi>span svg{width:19px;height:19px}
.ads-mobile-kpi>div{min-width:0;flex:1}
.ads-mobile-kpi small{display:block;color:var(--ads-muted);font-size:12px;line-height:1.15;margin-bottom:4px}
.ads-mobile-kpi strong{display:block;color:#10213d;font-size:20px;line-height:1.12;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-mobile-kpi em{display:block;margin-top:5px;color:#0aa66d;font-size:10.5px;font-style:normal;line-height:1.2}
.ads-mobile-kpi.tone-blue>span{background:#1168f6}
.ads-mobile-kpi.tone-violet>span{background:#6744ec}
.ads-mobile-kpi.tone-teal>span{background:#13a9ad}
.ads-mobile-kpi.tone-indigo>span{background:#2862e9}
.ads-mobile-kpi.tone-orange>span{background:#ff9a12}
.ads-mobile-kpi.tone-green>span{background:#11a16d}
.ads-mobile-card{
background:var(--ads-card);
border:1px solid var(--ads-border);
border-radius:15px;
padding:12px;
box-shadow:0 3px 12px rgba(10,35,70,.05);
}
.ads-mobile-card>header{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:10px;
}
.ads-mobile-card>header h2{margin:0;color:#10213d;font-size:16px;line-height:1.2}
.ads-mobile-card>header span{
background:#f4f7fb;border:1px solid #dfe7f0;border-radius:9px;padding:6px 9px;color:#52647b;font-size:11px;font-weight:700
}
.ads-mobile-card>header button{border:0;background:transparent;color:#075fe8;padding:3px;font-size:12px;font-weight:800}
.ads-mobile-chart{overflow:hidden;padding-top:2px}
.ads-mobile-chart svg{display:block;width:100%;height:auto;overflow:visible}
.ads-mobile-chart .ads-chart-line{fill:none;stroke:#1268f6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ads-mobile-chart circle{fill:#fff;stroke:#1268f6;stroke-width:2}
.ads-mobile-chart>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-top:1px}
.ads-mobile-chart>div small{text-align:center;color:#7d8b9e;font-size:9.5px;white-space:nowrap}
.ads-top-campaign>.ads-campaign-card{border:0;padding:0;box-shadow:none;border-radius:0;background:transparent}
.ads-campaign-list{display:grid;gap:9px}
.ads-campaign-card{
border:1px solid var(--ads-border);
background:#fff;
border-radius:14px;
padding:10px;
box-shadow:0 2px 10px rgba(10,35,70,.04);
}
.ads-campaign-main{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:9px}
.ads-campaign-main>img,.ads-campaign-placeholder{
width:66px;height:66px;border-radius:10px;background:#eaf0f8;object-fit:cover;display:grid;place-items:center;color:#1562d9;overflow:hidden
}
.ads-campaign-placeholder svg{width:24px;height:24px}
.ads-campaign-main>div{min-width:0}
.ads-campaign-main h3{margin:0;color:#10213d;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-campaign-main p{margin:4px 0 0;color:#5c6d83;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-campaign-main small{display:block;color:#8795a8;font-size:10.5px;margin-top:4px}
.ads-campaign-main>strong{align-self:center;color:#10213d;font-size:14px;text-align:right;white-space:nowrap}
.ads-campaign-main>strong small{display:block;color:#8391a3;font-size:9.5px;font-weight:500;margin-top:2px}
.ads-campaign-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f6}
.ads-campaign-foot>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.ads-campaign-foot button{
border:0;border-radius:8px;background:#eaf2ff;color:#075edb;padding:7px 9px;font-size:11px;font-weight:800
}
.ads-pill{
display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 9px;border-radius:999px;
background:#edf2f7;color:#607087;font-size:10.5px;font-style:normal;font-weight:800;white-space:nowrap
}
.ads-pill.is-active{background:#e1f8ee;color:#078552}
.ads-pill.is-scheduled{background:#e7efff;color:#255fd6}
.ads-pill.is-draft{background:#fff1d8;color:#ad6c05}
.ads-pill.is-inactive,.ads-pill.is-ended{background:#edf1f5;color:#657286}
.ads-pill.is-rejected{background:#ffe6e9;color:#cc2f40}
.ads-mini-approvals{display:grid;gap:0}
.ads-mini-approvals>div{
min-height:59px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf1f5
}
.ads-mini-approvals>div:last-child{border-bottom:0}
.ads-mini-approvals img,.ads-mini-approvals>div>span{
width:54px;height:43px;border-radius:8px;background:#eef3f8;object-fit:cover;display:grid;place-items:center;color:#2871df;overflow:hidden
}
.ads-mini-approvals p{margin:0;min-width:0}
.ads-mini-approvals p b{display:block;color:#10213d;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-mini-approvals p small{display:block;color:#7c8b9f;font-size:10.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-mini-approvals>div>button{border:1px solid #d7e3f2;background:#fff;color:#0762e8;border-radius:8px;padding:7px 9px;font-size:10.5px;font-weight:800}
.ads-mini-review-actions{display:flex;gap:5px}
.ads-mini-review-actions button{border:1px solid #9edfc7;background:#f5fffb;color:#078a58;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800}
.ads-mini-review-actions button.danger{border-color:#ffc1c7;background:#fff9fa;color:#d63849}
.ads-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.ads-quick-actions button{
min-height:82px;border:1px solid var(--ads-border);border-radius:13px;background:#fff;color:#10213d;padding:9px 5px;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;box-shadow:0 2px 9px rgba(10,35,70,.035)
}
.ads-quick-actions button>span{width:36px;height:36px;border-radius:10px;background:#e9f2ff;color:#075fe9;display:grid;place-items:center}
.ads-quick-actions button:nth-child(2)>span{background:#f0ebff;color:#6a44ec}
.ads-quick-actions button:nth-child(3)>span{background:#e7f9f1;color:#0a9b65}
.ads-quick-actions button:nth-child(4)>span{background:#fff1df;color:#ed8705}
.ads-quick-actions svg{width:18px;height:18px}
.ads-quick-actions b{font-size:10.5px;line-height:1.15;font-weight:800}
.ads-page-heading{padding:13px 13px 9px}
.ads-page-heading h1{margin:0;color:#10213d;font-size:22px;line-height:1.2}
.ads-page-heading p{margin:4px 0 0;color:#6f7f94;font-size:12px}
.ads-search-row{margin:0 12px 10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;background:#fff;border:1px solid #d9e4ef;border-radius:13px;padding:4px 5px 4px 11px;box-shadow:0 2px 10px rgba(10,35,70,.035)}
.ads-search-row>span{color:#6f7f94;display:grid;place-items:center}.ads-search-row>span svg{width:18px;height:18px}
.ads-search-row input{min-width:0;height:38px;border:0!important;outline:0!important;background:transparent!important;color:#10213d!important;padding:0!important;box-shadow:none!important;font-size:13px}
.ads-search-row button{width:38px;height:38px;border:0;border-radius:10px;background:#0965f3;color:#fff;display:grid;place-items:center}.ads-search-row button svg{width:18px;height:18px}
.ads-campaigns-page>.ads-campaign-list{padding:0 12px 12px}
.ads-banner-section,.ads-banner-approval-section{margin:0 12px 10px}
.ads-banner-list{display:grid;gap:0}
.ads-banner-list>article{
display:grid;grid-template-columns:94px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f5;position:relative
}
.ads-banner-list>article:last-child{border-bottom:0}
.ads-banner-preview{width:94px;height:50px;border-radius:8px;background:#eef3f8;display:grid;place-items:center;color:#2770dd;overflow:hidden}
.ads-banner-preview img{width:100%;height:100%;object-fit:cover}
.ads-banner-preview svg{width:23px;height:23px}
.ads-banner-list>article>div:nth-child(2){min-width:0}
.ads-banner-list h3{margin:0;color:#10213d;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-banner-list p{margin:3px 0 0;color:#53657c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-banner-list small{display:block;color:#8593a5;font-size:9.8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-banner-list>article>button{grid-column:3;border:1px solid #d6e2f2;background:#fff;color:#075fe5;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800}
.ads-banner-list .ads-pill{align-self:start}
.ads-primary-wide{margin:0 12px 12px;width:calc(100% - 24px);border:0;border-radius:12px;background:#0965f3;color:#fff;padding:12px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800}
.ads-primary-wide svg{width:18px;height:18px}
.ads-banners-page>.ads-quick-actions{margin:0 12px 12px}
.ads-approval-list{display:grid;gap:9px;padding:0 12px 12px}
.ads-approval-list>article{
background:#fff;border:1px solid var(--ads-border);border-radius:14px;padding:10px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;box-shadow:0 2px 10px rgba(10,35,70,.04)
}
.ads-approval-list>article>img,.ads-request-placeholder{width:70px;height:58px;border-radius:9px;object-fit:cover;background:#eef3f8;display:grid;place-items:center;color:#2870dc}
.ads-request-placeholder svg{width:24px;height:24px}
.ads-approval-list>article>div:nth-child(2){min-width:0}
.ads-approval-list h3{margin:0;color:#10213d;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-approval-list p{margin:4px 0 0;color:#5d6d83;font-size:12px}
.ads-approval-list small{display:block;margin-top:3px;color:#8290a3;font-size:10.5px}
.ads-approval-list em{display:block;margin-top:6px;color:#53657c;font-size:11px;font-style:normal;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ads-approval-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:8px;border-top:1px solid #edf1f5}
.ads-approval-actions button{border:1px solid #9fdcc6;background:#f7fffb;color:#078454;border-radius:9px;padding:9px;font-size:11px;font-weight:800}
.ads-approval-actions button.danger{border-color:#ffc2c8;background:#fff9fa;color:#d43748}
.ads-profile-card{margin:12px 12px 9px;background:linear-gradient(145deg,#061b42,#082a5f);color:#fff;border-radius:16px;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 18px rgba(5,31,74,.16)}
.ads-profile-card>span{width:46px;height:46px;border-radius:50%;background:#fff;color:#10213d;display:grid;place-items:center;font-size:17px;font-weight:900}
.ads-profile-card>div{min-width:0;flex:1}.ads-profile-card h2{margin:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ads-profile-card small{opacity:.78}.ads-profile-card>i{font-style:normal;background:#07543f;color:#79e7b9;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}
.ads-more-stats{margin:0 12px 9px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--ads-border);border-radius:14px;overflow:hidden}
.ads-more-stats>div{text-align:center;padding:12px 6px;border-right:1px solid #e8edf3}.ads-more-stats>div:last-child{border-right:0}.ads-more-stats b{display:block;color:#10213d;font-size:18px}.ads-more-stats small{display:block;color:#77869a;font-size:10px;margin-top:3px}
.ads-more-action{margin:0 12px 8px;width:calc(100% - 24px);border:1px solid var(--ads-border);background:#fff;color:#10213d;border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px;text-align:left;box-shadow:0 2px 9px rgba(10,35,70,.035)}
.ads-more-action>svg:first-child{width:21px;color:#0965f3;flex:0 0 auto}.ads-more-action>span{min-width:0;flex:1}.ads-more-action b,.ads-more-action small{display:block}.ads-more-action b{font-size:13px}.ads-more-action small{margin-top:2px;color:#7b899c;font-size:10.5px}.ads-more-action>svg:last-child{width:18px;color:#8898aa}.ads-more-action.danger{color:#c62e41}.ads-more-action.danger>svg:first-child{color:#c62e41}
.ads-empty{padding:20px 10px;text-align:center;color:#8290a3;font-size:12px}
.role-chooser-card.is-ads .role-chooser-icon{background:linear-gradient(135deg,#1268f6,#5d43e8);color:#fff}
@media (min-width:768px){
body.ads-center-mode #app-view{display:flex;justify-content:center}
.ads-mobile-page{width:min(900px,100%)}
.ads-mobile-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.ads-mobile-content{grid-template-columns:repeat(2,minmax(0,1fr))}
.ads-mobile-content>.ads-mobile-kpis,.ads-mobile-content>.ads-mobile-card:first-of-type,.ads-mobile-content>.ads-quick-actions{grid-column:1/-1}
.ads-campaigns-page>.ads-campaign-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.ads-banner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.ads-banner-list>article{border-bottom:1px solid #edf1f5}
.ads-approval-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.ads-banners-page>.ads-quick-actions{max-width:620px;margin-left:auto;margin-right:auto}
}
html.tb-theme-dark-active body.ads-center-mode,
html.tb-theme-dark-active body.ads-center-mode #app-view,
html.tb-theme-dark-active .ads-mobile-page{background:#0f1620;color:#e8eef7}
html.tb-theme-dark-active .ads-mobile-kpi,
html.tb-theme-dark-active .ads-mobile-card,
html.tb-theme-dark-active .ads-campaign-card,
html.tb-theme-dark-active .ads-quick-actions button,
html.tb-theme-dark-active .ads-banner-section,
html.tb-theme-dark-active .ads-banner-approval-section,
html.tb-theme-dark-active .ads-approval-list>article,
html.tb-theme-dark-active .ads-more-stats,
html.tb-theme-dark-active .ads-more-action,
html.tb-theme-dark-active .ads-search-row{background:#16202d;border-color:#293649;color:#e9f0f8}
html.tb-theme-dark-active body.ads-center-mode #app-nav.is-ads-nav{background:rgba(16,25,37,.98);border-color:#2a3749}
html.tb-theme-dark-active body.ads-center-mode #app-nav.is-ads-nav button{color:#9baabc}
html.tb-theme-dark-active body.ads-center-mode #app-nav.is-ads-nav button.is-active{color:#6da8ff}
html.tb-theme-dark-active .ads-mobile-kpi strong,
html.tb-theme-dark-active .ads-mobile-card>header h2,
html.tb-theme-dark-active .ads-campaign-main h3,
html.tb-theme-dark-active .ads-campaign-main>strong,
html.tb-theme-dark-active .ads-mini-approvals p b,
html.tb-theme-dark-active .ads-page-heading h1,
html.tb-theme-dark-active .ads-banner-list h3,
html.tb-theme-dark-active .ads-approval-list h3,
html.tb-theme-dark-active .ads-more-stats b,
html.tb-theme-dark-active .ads-more-action{color:#edf3fb}
html.tb-theme-dark-active .ads-mobile-kpi small,
html.tb-theme-dark-active .ads-mobile-kpi em,
html.tb-theme-dark-active .ads-campaign-main p,
html.tb-theme-dark-active .ads-campaign-main small,
html.tb-theme-dark-active .ads-mini-approvals p small,
html.tb-theme-dark-active .ads-page-heading p,
html.tb-theme-dark-active .ads-banner-list p,
html.tb-theme-dark-active .ads-banner-list small,
html.tb-theme-dark-active .ads-approval-list p,
html.tb-theme-dark-active .ads-approval-list small,
html.tb-theme-dark-active .ads-approval-list em,
html.tb-theme-dark-active .ads-more-stats small,
html.tb-theme-dark-active .ads-more-action small{color:#9aabba}
html.tb-theme-dark-active .ads-campaign-foot,
html.tb-theme-dark-active .ads-mini-approvals>div,
html.tb-theme-dark-active .ads-banner-list>article,
html.tb-theme-dark-active .ads-approval-actions,
html.tb-theme-dark-active .ads-more-stats>div{border-color:#293649}
html.tb-theme-dark-active .ads-search-row input{color:#edf3fb!important}
html.tb-theme-dark-active .ads-search-row input::placeholder{color:#8394aa}
html.tb-theme-dark-active .ads-mobile-card>header span{background:#202c3b;border-color:#314054;color:#a9b7c8}
html.tb-theme-dark-active .ads-campaign-foot button,
html.tb-theme-dark-active .ads-mini-approvals>div>button,
html.tb-theme-dark-active .ads-banner-list>article>button{background:#1b2a3e;border-color:#32445d;color:#6fa9ff}
/* v0.13.44 — clean headers, tappable promotion products, lightweight product galleries. */
.app-header:empty{background:transparent;box-shadow:none}
.appbar-brand-empty{display:block;min-width:0;min-height:1px}
.detail-topbar-spacer{flex:1;min-width:0}
.detail-topbar>.icon-button:first-child{margin-left:0}
.profile-appbar-clean{grid-template-columns:1fr 1px auto}
.profile-appbar-clean .profile-appbar-actions{justify-self:end}
.pickup-appbar-spacer{width:40px;height:1px;display:block}
.message-promo-product{width:100%;margin-top:9px;border:0;border-radius:14px;background:#fff;color:#10213e;display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:8px;text-align:left;box-shadow:inset 0 0 0 1px #e2e9f1}
.message-promo-image{width:58px;height:58px;border-radius:12px;background:#f2f5f9;overflow:hidden;display:grid;place-items:center}
.message-promo-image img{width:100%;height:100%;object-fit:cover}
.message-promo-copy{min-width:0;display:block}
.message-promo-copy>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.message-promo-copy>small{display:block;margin:3px 0;color:#73839a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.message-promo-copy>span{display:flex;align-items:center;gap:6px;min-width:0}
.message-promo-copy strong{color:#08a869;font-size:13px}
.message-promo-copy del{color:#98a5b5;font-size:10px}
.message-promo-copy em{font-style:normal;color:#f23867;font-size:10px;font-weight:800}
.message-bubble.is-mine .message-promo-product{background:rgba(255,255,255,.96);color:#10213e}
html.tb-theme-dark-active .message-promo-product{background:#202936;color:#eef4fb;box-shadow:inset 0 0 0 1px #2e3a4a}
html.tb-theme-dark-active .message-promo-image{background:#171e28}
html.tb-theme-dark-active .message-promo-copy>small{color:#a6b3c2}
/* Keep the role app bars functional after removing the TB MARKET brand block. */
.seller-appbar-brand>.appbar-brand-empty,.pickup-appbar-brand>.appbar-brand-empty,.admin-appbar-brand>.appbar-brand-empty,.ads-appbar-brand>.appbar-brand-empty{width:100%;height:1px}
.notification-icon.has-image{overflow:hidden;padding:0;background:#fff!important}
.notification-icon.has-image img{width:100%;height:100%;object-fit:cover;display:block}
/* v0.13.45 — multi-account switcher: visual state only, existing role logic is reused. */
.role-chooser-card.is-current{cursor:default;opacity:1;box-shadow:inset 0 0 0 2px rgba(23,104,255,.18)}
.role-chooser-card.is-current:disabled{pointer-events:none}
.role-chooser-copy b{display:flex;align-items:center;gap:7px;min-width:0}
.role-current-badge{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border:0;border-radius:999px;background:#e7f7ee;color:#098652;font-size:9px;font-weight:850;line-height:1;white-space:nowrap}
.role-chooser-card.is-seller .role-current-badge{background:rgba(255,255,255,.14);color:#dff8eb}
html.tb-theme-dark-active .role-current-badge{background:#173b31;color:#72e0ae}
/* === v0.13.47 Customer offline shell === */
body.tb-offline-mode #app-view {
overscroll-behavior: contain;
}
.offline-customer-page {
min-height: calc(100dvh - var(--app-header-h, 0px) - var(--app-nav-h, 72px));
padding: 16px 14px 112px;
background: var(--page-bg, #fff);
}
.offline-customer-page.is-home {
padding-top: 8px;
}
.offline-customer-page.is-search {
padding-top: 14px;
}
.offline-context-title {
margin: 2px 4px 18px;
color: var(--text, #101828);
font-size: 24px;
line-height: 1.15;
font-weight: 800;
}
.offline-search-toolbar {
margin: 0 0 18px;
}
.offline-connection-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 420px;
padding: 30px 18px 28px;
text-align: center;
}
.offline-connection-card h2 {
margin: 22px 0 8px;
color: var(--text, #101828);
font-size: clamp(25px, 7vw, 34px);
line-height: 1.12;
font-weight: 850;
}
.offline-connection-card > p {
max-width: 520px;
margin: 0;
color: var(--muted, #738195);
font-size: 17px;
line-height: 1.45;
}
.offline-connection-card > small {
margin-top: 14px;
color: var(--muted, #8793a2);
font-size: 11px;
}
.offline-refresh-button {
min-width: 154px;
min-height: 54px;
margin-top: 24px;
padding: 0 26px;
border: 0;
border-radius: 16px;
background: #0b67f6;
color: #fff;
font-size: 17px;
font-weight: 800;
box-shadow: 0 9px 22px rgba(11,103,246,.18);
}
.offline-signal-art {
position: relative;
width: 156px;
height: 126px;
filter: drop-shadow(0 12px 20px rgba(20,31,49,.08));
}
.offline-signal-art i {
position: absolute;
left: 50%;
bottom: 15px;
border-radius: 120px 120px 26px 26px;
transform: translateX(-50%);
background: linear-gradient(180deg,#d9e0e8 0%,#a7b2bf 100%);
clip-path: polygon(50% 100%,0 0,100% 0);
}
.offline-signal-art i:nth-child(1) { width: 150px; height: 98px; opacity: .86; }
.offline-signal-art i:nth-child(2) { width: 108px; height: 70px; opacity: .96; bottom: 14px; }
.offline-signal-art i:nth-child(3) { width: 62px; height: 40px; bottom: 12px; background: #8592a1; }
.offline-signal-art b {
position: absolute;
right: 2px;
bottom: 0;
display: grid;
place-items: center;
width: 54px;
height: 54px;
border-radius: 50%;
background: linear-gradient(145deg,#ff6b4a,#f12d18);
color: #fff;
font-size: 38px;
line-height: 1;
font-weight: 700;
box-shadow: 0 7px 15px rgba(241,45,24,.22);
}
.offline-bank-card,
.offline-barcode-card {
width: 100%;
border: 0;
border-radius: 26px;
background: var(--card, #f4f7fb);
color: var(--text, #111827);
box-shadow: none;
}
.offline-bank-card {
display: grid;
grid-template-columns: 58px minmax(0,1fr) 22px;
align-items: center;
gap: 15px;
margin: 0 0 12px;
padding: 18px;
text-align: left;
}
.offline-bank-card > span:nth-child(2) {
display: grid;
gap: 4px;
}
.offline-bank-card > span:nth-child(2) b {
font-size: 16px;
line-height: 1.25;
}
.offline-bank-card > span:nth-child(2) small {
color: var(--muted, #768498);
font-size: 13px;
line-height: 1.35;
}
.offline-bank-logo {
display: grid;
place-content: center;
width: 58px;
height: 58px;
border-radius: 15px;
background: linear-gradient(145deg,#1572ff,#004fe8);
color: #fff;
text-align: center;
line-height: .9;
}
.offline-bank-logo b { font-size: 21px; }
.offline-bank-logo small { margin-top: 3px; font-size: 9px; letter-spacing: .08em; }
.offline-barcode-card {
display: block;
margin: 0;
padding: 22px 16px 20px;
text-align: center;
}
.offline-barcode-card.is-ready {
background: var(--card, #fff);
border: 1px solid var(--line, #edf0f5);
}
.offline-barcode-heading {
display: grid;
grid-template-columns: 42px minmax(0,1fr);
align-items: center;
gap: 12px;
margin-bottom: 18px;
text-align: left;
}
.offline-barcode-heading > span {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border-radius: 13px;
background: #eaf2ff;
color: #0b67f6;
}
.offline-barcode-heading > div {
display: grid;
gap: 3px;
}
.offline-barcode-heading b {
font-size: 15px;
line-height: 1.25;
}
.offline-barcode-heading small {
overflow: hidden;
color: var(--muted, #748195);
font-size: 12px;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.offline-barcode-svg {
width: 100%;
min-height: 150px;
padding: 8px 0;
overflow: hidden;
border-radius: 12px;
background: #fff;
}
.offline-barcode-svg .order-barcode-svg {
display: block;
width: 100%;
height: 150px;
color: #000;
}
.offline-barcode-card.is-ready > strong {
display: block;
margin-top: 5px;
color: var(--text, #101828);
font-size: 25px;
line-height: 1.1;
font-weight: 900;
letter-spacing: .04em;
}
.offline-barcode-card.is-ready > small {
display: block;
margin-top: 7px;
color: var(--muted, #7a8798);
font-size: 12px;
}
.offline-barcode-card.is-ready > em {
display: inline-flex;
margin-top: 9px;
padding: 6px 10px;
border-radius: 999px;
background: #e9f9ef;
color: #07934b;
font-size: 11px;
font-style: normal;
font-weight: 750;
}
.offline-barcode-card.is-empty {
display: grid;
grid-template-columns: 50px minmax(0,1fr);
gap: 14px;
padding: 18px;
text-align: left;
}
.offline-empty-order-icon {
display: grid;
place-items: center;
width: 50px;
height: 50px;
border-radius: 15px;
background: #eef3fa;
color: #718096;
}
.offline-barcode-card.is-empty > div {
display: grid;
gap: 4px;
}
.offline-barcode-card.is-empty b { font-size: 15px; line-height: 1.25; }
.offline-barcode-card.is-empty p { margin: 0; color: var(--muted,#78869a); font-size: 12px; line-height: 1.4; }
.offline-barcode-modal {
width: min(92vw, 520px);
text-align: center;
}
.offline-barcode-modal p {
margin: 0 0 15px;
color: var(--muted,#748195);
}
.offline-barcode-modal .order-barcode-svg {
display: block;
width: 100%;
height: 220px;
padding: 14px 0;
border-radius: 14px;
background: #fff;
color: #000;
}
.offline-barcode-modal > strong {
display: block;
margin: 12px 0 5px;
font-size: 25px;
letter-spacing: .04em;
}
html.tb-theme-dark-active .offline-customer-page {
--page-bg: #10151d;
--card: #18212d;
--text: #f6f8fb;
--muted: #99a7b8;
--line: #263241;
}
html.tb-theme-dark-active .offline-bank-card,
html.tb-theme-dark-active .offline-barcode-card.is-ready,
html.tb-theme-dark-active .offline-barcode-card.is-empty {
background: #18212d;
border-color: #263241;
}
html.tb-theme-dark-active .offline-signal-art {
opacity: .88;
}
html.tb-theme-dark-active .offline-barcode-heading > span,
html.tb-theme-dark-active .offline-empty-order-icon {
background: #202c3a;
}
@media (min-width: 768px) {
.offline-customer-page {
width: min(760px, calc(100% - 48px));
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
.offline-connection-card { min-height: 460px; }
.offline-barcode-svg .order-barcode-svg { height: 190px; }
}
/* =========================================================
TB Market v0.13.48 — Android tablet portrait layout fix
Scope: portrait tablets with 600–767 CSS px width only.
Phone (<600px) and existing tablet landscape / >=768px rules stay untouched.
No typography overrides and no business-logic changes.
========================================================= */
@media (min-width:600px) and (max-width:767px) and (orientation:portrait){
html,body{width:100%;min-width:0;max-width:none}
body{background:#eaf0f6}
.app-shell{width:100%;max-width:none;margin:0;padding-bottom:calc(72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));box-shadow:none}
.app-header{width:100%;max-width:none}
.home-topbar,.detail-topbar{padding-left:18px;padding-right:18px}
.global-search{margin-left:18px;margin-right:18px;margin-bottom:12px}
.app-view{width:100%;max-width:none;padding:16px 18px 28px;min-height:calc(100dvh - 170px)}
.bottom-nav{left:0;right:0;width:100%;max-width:none;transform:none;height:calc(72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding-left:8px;padding-right:8px}
.purchase-bar,.cart-summary{left:0;right:0;width:100%;max-width:none;transform:none;bottom:calc(72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.modal-host{left:0;right:0;width:100%;max-width:none;transform:none}
/* Customer discovery/home: use portrait tablet width instead of phone proportions. */
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-feed-grid{align-items:start}
.home-ads{margin-bottom:16px}
.home-pickup-ready{grid-template-columns:70px minmax(0,1fr) 92px;gap:11px}
.category-strip{gap:12px}
.section-head,.page-title{margin-top:13px;margin-bottom:13px}
/* Customer pages that intentionally use edge-to-edge backgrounds. */
.orders-page,.profile-page-tbz,.guest-profile-page,.settings-tbz-page,.returns-page,.return-detail-page,.order-detail-tbz,.market-bonus-page,.notification-settings-page{
margin:-16px -18px -28px;
padding-left:18px;
padding-right:18px;
}
.orders-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.profile-overview-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.profile-finance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.profile-viewed-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:10px}
.profile-product-section .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.notification-list,.thread-list,.returns-feed,.return-eligible-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.notification-card,.thread-card,.return-card,.return-eligible-card{height:100%}
/* Checkout remains one column in portrait, but controls use tablet width. */
.checkout-page{gap:13px;padding-bottom:30px}
.checkout-title-card,.checkout-card{padding:17px}
.checkout-option-list,.checkout-option-list.address-list,.payment-methods,.checkout-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* Cart: full-width portrait tablet instead of phone-sized card geometry. */
.cart-appbar{padding-left:18px;padding-right:18px}
.cart-screen{margin:-16px -18px -28px;width:auto;min-height:calc(100dvh - 126px);padding:0 0 230px;border-radius:0}
.cart-pickup-bar,.cart-head-card{padding-left:22px;padding-right:22px}
.cart-products-panel{margin:12px 18px 0;border-radius:24px;overflow:hidden}
.cart-line{grid-template-columns:112px minmax(0,1fr)!important;padding-left:18px!important;padding-right:18px!important;column-gap:13px!important}
.cart-select{left:18px}
.cart-image{width:112px;height:142px}
.cart-summary-premium{left:0;right:0;width:100%;max-width:none;transform:none;bottom:calc(72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.cart-action-sheet{left:50%;right:auto;width:min(560px,calc(100% - 36px));transform:translateX(-50%);border-radius:28px 28px 0 0}
.cart-delete-sheet{width:min(500px,calc(100% - 36px))}
/* Favorites/search/messages: fill portrait tablet while keeping their own layouts. */
.favorites-screen{padding-left:16px;padding-right:16px}
.favorites-title-row,.favorites-chip-row{margin-left:-16px;margin-right:-16px;padding-left:22px;padding-right:22px}
.favorites-local-search,.favorites-shortcuts{max-width:none;margin-left:0;margin-right:0}
.favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;background:transparent;padding:11px 0}
.favorite-product-card{border-radius:19px;overflow:hidden;border:1px solid #e1e7ee}
.favorite-bottom-sheet{left:50%;right:auto;width:min(560px,calc(100% - 36px));transform:translateX(-50%)}
.search-reference-toolbar{max-width:none;margin-left:0;margin-right:0}
.search-discovery{gap:24px}
.message-center-page{max-width:none;margin:0;border-radius:0}
.message-compose-fab{right:24px}
.message-seller-picker-sheet,.message-product-preview-sheet,.message-actions-sheet{left:50%;right:auto;width:min(560px,calc(100vw - 36px));transform:translateX(-50%);border-radius:26px 26px 0 0}
.message-thread-route .chat-shell{width:100%;max-width:none;margin:0;box-shadow:none}
/* Product detail remains single-column on narrow portrait tablets, but uses the whole screen. */
.product-detail-tbz{max-width:none!important;width:auto!important;margin:-16px -18px -28px!important;border-radius:0!important}
.product-detail-appbar{padding-left:18px;padding-right:18px}
.product-option-values.is-color{grid-template-columns:repeat(5,minmax(0,1fr))}
.product-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-purchase-bar{left:0!important;right:0!important;width:100%!important;max-width:none!important;transform:none!important;bottom:calc(72px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))!important}
/* Tablet-friendly sheets/modals without affecting phone. */
.pickup-selector-sheet,.profile-menu-sheet,.return-create-sheet,.language-currency-sheet,.bank-auth-sheet,.tb-bank-pin-sheet{
left:50%;right:auto;width:min(560px,calc(100% - 36px));transform:translateX(-50%);border-radius:26px 26px 0 0
}
.source-modal,.barcode-modal{left:50%;right:auto;width:min(520px,calc(100% - 36px));transform:translateX(-50%)}
.barcode-modal{top:50%;transform:translate(-50%,-50%)}
.auth-modal:not(.auth-modal-full){left:50%;right:auto;width:min(560px,calc(100% - 36px));transform:translateX(-50%);border-radius:26px 26px 0 0}
.auth-modal-full{inset:50% auto auto 50%;width:min(560px,calc(100% - 36px));max-height:calc(100dvh - 36px);min-height:0;transform:translate(-50%,-50%);border-radius:26px;padding-left:26px;padding-right:26px}
/* TB Bank portrait tablet. */
.tb-bank-entry-page,.tb-bank-home-page,.tb-bank-payments-page,.tb-bank-benefits-page,.tb-bank-chat-page,.tb-bank-more-page,.tb-bank-account-page{width:100%;max-width:none;margin-left:auto;margin-right:auto}
.tb-bank-premium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.tb-bank-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.tb-bank-method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:10px}
.tb-bank-account-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:11px}
/* Seller Center mini-app portrait tablet. */
body.seller-center-mode #app-view{width:100%;max-width:none}
.seller-mobile-appbar{height:66px;padding-inline:20px}
.seller-mobile-page{width:100%;max-width:none;margin:0}
.seller-content-stack{padding:13px 16px;gap:11px}
.seller-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.seller-page-heading{padding:16px 16px 9px}
.seller-operation-tabs{padding-inline:16px}
#seller-operation-content{padding-inline:16px}
.seller-products-list,.seller-product-search,.seller-reviews-panel,.seller-review-summary,.seller-performance-grid,.seller-store-card,.seller-finance-card,.seller-more-grid,.seller-role-switch,.seller-logout{margin-left:16px;margin-right:16px}
.seller-performance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.seller-review-summary{grid-template-columns:1fr 150px}
.seller-product-row{grid-template-columns:66px minmax(0,1fr) 140px}
.seller-product-row>img,.seller-product-placeholder{width:66px;height:66px}
.seller-more-page{width:100%;max-width:none}
.seller-reply-sheet{left:50%;right:auto;width:min(520px,calc(100vw - 36px));transform:translateX(-50%)}
/* Pickup Center mini-app portrait tablet. */
body.pickup-center-mode #app-view{width:100%;max-width:none}
.pickup-mobile-appbar{height:66px;padding-inline:20px}
.pickup-mobile-page{width:100%;max-width:none;margin:0;padding:14px 16px;gap:11px}
.pickup-mobile-hero{margin:-14px -16px 0;padding-inline:20px}
.pickup-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pickup-rack-map,.pickup-rack-map.is-compact{grid-template-columns:repeat(10,minmax(0,1fr))}
.pickup-service-packages{grid-template-columns:repeat(2,minmax(0,1fr))}
.pickup-panel{padding:15px}
.pickup-queue-row{grid-template-columns:58px 20px minmax(0,1fr) auto}
.pickup-more-page{width:100%;max-width:none}
/* Admin Center mini-app portrait tablet. */
body.admin-center-mode #app-view{display:block;width:100%;max-width:none}
.admin-mobile-page,.admin-operations-page,.admin-control-page,.admin-reports-page,.admin-more-page{width:100%;max-width:none}
.admin-mobile-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-mobile-content{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-mobile-content>.admin-mobile-kpis,.admin-mobile-content>.admin-mobile-card:first-of-type{grid-column:1/-1}
.admin-mobile-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-control-list{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Ads Center mini-app portrait tablet. */
body.ads-center-mode #app-view{display:block;width:100%;max-width:none}
.ads-mobile-page{width:100%;max-width:none}
.ads-mobile-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.ads-mobile-content{grid-template-columns:repeat(2,minmax(0,1fr))}
.ads-mobile-content>.ads-mobile-kpis,.ads-mobile-content>.ads-mobile-card:first-of-type,.ads-mobile-content>.ads-quick-actions{grid-column:1/-1}
.ads-campaigns-page>.ads-campaign-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.ads-banner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.ads-approval-list{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Offline Customer page also fills portrait tablet. */
.offline-customer-page{width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}
.offline-connection-card{min-height:420px}
.skeleton-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}
/* v0.13.49 — Admin-controlled category hierarchy. Scoped to Search only. */
.search-category-browser{min-width:0}.search-category-nav{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 0 12px}.search-category-nav>button:first-child{width:38px;height:38px;border:0;border-radius:12px;background:#eef3f8;color:#334861;display:grid;place-items:center}.search-category-nav>div{min-width:0;display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none}.search-category-nav>div::-webkit-scrollbar{display:none}.search-category-nav>div button{border:0;background:transparent;color:#72839a;white-space:nowrap;padding:5px 2px;font-weight:700}.search-category-nav>div button.is-current{color:#162b46;font-weight:850}.search-category-nav>div span{color:#a0adbb}.search-category-all{border:0!important;border-radius:13px!important;background:#eaf2ff!important;color:#1269f7!important;padding:0 12px!important;width:auto!important;font-weight:850}.search-category-empty{padding:18px;border-radius:16px;background:#f4f7fb;color:#718299;text-align:center;margin-bottom:20px}.category-tile.has-children{padding-bottom:9px}.category-child-mark{position:absolute;right:7px;bottom:7px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:#5c6f86}.category-child-mark .ui-icon{width:12px;height:12px}html.tb-theme-dark-active .search-category-nav>button:first-child,html.tb-theme-dark-active .search-category-empty{background:#171e28!important;color:#dce7f3!important}html.tb-theme-dark-active .search-category-nav>div button.is-current{color:#edf3fa!important}html.tb-theme-dark-active .search-category-nav>div button{color:#9fb0c2!important}html.tb-theme-dark-active .search-category-all{background:#1c3150!important;color:#7fb0ff!important}html.tb-theme-dark-active .category-child-mark{background:rgba(23,30,40,.92)!important;color:#b7c7d9!important}
/* =========================================================
TB Market v0.13.50 — Search category tiles, reference-like label placement.
Scope: Search category browser only. No category/API/business-logic changes.
========================================================= */
.search-category-grid .category-tile{
min-height:158px;
border-radius:16px;
background:#f5f6fa;
padding:11px 9px 5px;
grid-template-rows:minmax(34px,auto) minmax(0,1fr);
gap:1px;
align-items:stretch;
justify-items:stretch;
text-align:left;
box-shadow:none;
}
.search-category-grid .category-tile strong{
grid-row:1;
align-self:start;
justify-self:start;
width:100%;
max-height:36px;
padding:0 2px;
margin:0;
color:#11151c;
font-size:14px;
font-weight:650;
line-height:1.16;
text-align:left;
-webkit-line-clamp:2;
overflow-wrap:normal;
word-break:normal;
}
.search-category-grid .category-tile img{
grid-row:2;
width:100%;
height:108px;
max-height:100%;
align-self:end;
justify-self:stretch;
object-fit:contain;
object-position:center bottom;
}
.search-category-grid .category-tile>span{
grid-row:2;
align-self:center;
justify-self:center;
}
/* Navigation is preserved by tapping the tile; keep the card visually clean like the reference. */
.search-category-grid .category-child-mark{display:none}
html.tb-theme-dark-active .search-category-grid .category-tile{
background:#171e28!important;
color:#edf3fa!important;
}
html.tb-theme-dark-active .search-category-grid .category-tile strong{color:#edf3fa!important}
@media(max-width:380px){
.search-category-grid .category-tile{
min-height:148px;
padding:10px 8px 5px;
grid-template-rows:minmax(32px,auto) minmax(0,1fr);
}
.search-category-grid .category-tile strong{
font-size:13px;
line-height:1.14;
max-height:34px;
}
.search-category-grid .category-tile img{height:101px}
}
@media(min-width:600px) and (max-width:767px) and (orientation:portrait){
.search-category-grid .category-tile{
min-height:178px;
padding:13px 11px 7px;
grid-template-rows:minmax(38px,auto) minmax(0,1fr);
}
.search-category-grid .category-tile strong{
font-size:15px;
max-height:39px;
}
.search-category-grid .category-tile img{height:125px}
}
@media(min-width:768px){
.search-category-grid .category-tile{
min-height:184px;
padding:13px 11px 7px;
grid-template-rows:minmax(40px,auto) minmax(0,1fr);
}
.search-category-grid .category-tile strong{
font-size:15px;
max-height:40px;
}
.search-category-grid .category-tile img{height:130px}
}
/* =========================================================
TB Market v0.13.51 — Search category card edge definition.
Scope: Search category cards only.
No typography, hierarchy, image source or business-logic changes.
========================================================= */
.search-category-grid .category-tile{
box-sizing:border-box;
border:1px solid #dde4ed;
background:#f7f8fb;
box-shadow:
0 1px 2px rgba(15,23,42,.035),
0 4px 12px rgba(15,23,42,.045);
overflow:hidden;
}
.search-category-grid .category-tile:active{
border-color:#cbd6e3;
background:#f3f6fa;
}
html.tb-theme-dark-active .search-category-grid .category-tile{
border-color:#2b3747!important;
background:#171e28!important;
box-shadow:
0 1px 2px rgba(0,0,0,.20),
0 4px 12px rgba(0,0,0,.16)!important;
}
html.tb-theme-dark-active .search-category-grid .category-tile:active{
border-color:#3a4a5f!important;
background:#1b2430!important;
}
/* =========================================================
TB Market v0.13.53 — real profile pickup barcode + review prompt
Scope: customer profile order carousel and barcode modal only.
========================================================= */
.profile-order-swipe-card{
position:relative;
flex:0 0 calc(100% - 54px);
padding:0;
display:block;
min-height:102px;
overflow:hidden;
border:1px solid #e8edf4;
}
.profile-order-swipe-main{
width:100%;min-height:102px;border:0;background:transparent;color:inherit;
display:grid;grid-template-columns:70px minmax(0,1fr) 24px;align-items:center;gap:11px;
padding:10px 12px;text-align:left;
}
.profile-order-swipe-card.is-ready .profile-order-swipe-main{padding-left:86px}
.profile-order-barcode-trigger{
position:absolute;left:10px;top:10px;bottom:10px;width:62px;border:0;border-radius:17px;
background:#121923;color:#fff;display:grid;place-items:center;z-index:2;
}
.profile-order-barcode-trigger .ui-icon{width:28px;height:28px;stroke-width:1.8}
.profile-order-swipe-card.is-ready .profile-order-swipe-thumb{width:62px;height:76px}
.profile-order-swipe-copy strong{font-size:16px}
.profile-order-swipe-card.is-ready .profile-order-swipe-copy strong{color:#0abf64}
.profile-review-swipe-card{
flex:0 0 calc(100% - 86px);min-height:102px;border:1px solid #e8edf4;border-radius:20px;
background:#fff;color:#17283f;display:grid;grid-template-columns:72px minmax(0,1fr) 36px;
align-items:center;gap:10px;padding:10px 12px;text-align:left;scroll-snap-align:start;
}
.profile-review-swipe-thumb{width:72px;height:78px;border-radius:15px;overflow:hidden;background:#f2f4f7;display:grid;place-items:center}
.profile-review-swipe-thumb img{width:100%;height:100%;object-fit:cover}
.profile-review-swipe-copy{min-width:0;display:grid;gap:3px}
.profile-review-swipe-copy strong{font-size:15px;line-height:1.15;color:#17283f}
.profile-review-swipe-copy small{font-size:11px;color:#718096}
.profile-review-swipe-copy em{font-size:10px;color:#4b5f74;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-review-swipe-star{width:34px;height:34px;border-radius:12px;background:#edf5ff;color:#1473ff;display:grid;place-items:center;font-size:19px}
.profile-barcode-modal{top:50%;left:14px;right:14px;transform:translateY(-50%);padding:18px 16px 16px;max-height:92vh}
.profile-barcode-modal .order-barcode-svg{width:100%;height:min(64vh,620px);display:block}
.profile-barcode-modal>strong{font-size:22px;letter-spacing:.05em}
.customer-review-modal{
position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border-radius:26px 26px 20px 20px;
padding:20px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px rgba(15,23,42,.18)
}
.customer-review-product{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;padding-right:42px}
.customer-review-product>img{width:68px;height:68px;border-radius:15px;object-fit:cover;background:#f3f5f8}
.customer-review-product>div>h2{margin:0 0 4px;font-size:20px;color:#17283f}.customer-review-product>div>p{margin:0;color:#6f7f91;font-size:13px}
.customer-review-modal form{display:grid;gap:14px;margin-top:18px}.customer-review-stars{display:flex;justify-content:center;gap:9px}
.customer-review-stars button{border:0;background:transparent;color:#cbd3de;font-size:34px;padding:2px;line-height:1}.customer-review-stars button.is-active{color:#ffb000}
.customer-review-modal textarea{width:100%;min-height:96px;border:1px solid #dce3ec;border-radius:16px;background:#f8fafc;color:#17283f;padding:12px;resize:none}
html.tb-theme-dark-active .profile-review-swipe-card{background:#171e28;color:#edf3fa;border-color:#2b3746}
html.tb-theme-dark-active .profile-review-swipe-copy strong{color:#edf3fa}
html.tb-theme-dark-active .profile-review-swipe-copy small,html.tb-theme-dark-active .profile-review-swipe-copy em{color:#a7b4c3}
html.tb-theme-dark-active .customer-review-modal{background:#171e28}
html.tb-theme-dark-active .customer-review-product>div>h2{color:#edf3fa}
html.tb-theme-dark-active .customer-review-product>div>p{color:#a7b4c3}
html.tb-theme-dark-active .customer-review-modal textarea{background:#111822;border-color:#2b3746;color:#edf3fa}
@media (min-width:768px){
.profile-order-swipe-card,.profile-review-swipe-card{flex-basis:min(440px,55vw)}
.profile-barcode-modal{left:50%;right:auto;width:min(620px,calc(100% - 48px));transform:translate(-50%,-50%)}
}
/* TB Market v0.13.54 — Cart reference parity.
Visual/layout patch only: pickup selector, selection controls, bulk actions,
product control positions and sticky checkout composition. */
@media (max-width:767px){
.cart-screen{
margin:0 -10px;
background:#f2f3f6;
min-height:calc(100dvh - 118px);
padding-bottom:220px;
}
/* Reference: pickup selector is a clean text row with the arrow directly
after the selected point instead of a detached action on the far right. */
.cart-pickup-bar{
min-height:82px;
padding:17px 22px 13px;
display:block;
border:0;
background:#fff;
text-align:left;
}
.cart-pickup-copy{display:block;min-width:0}
.cart-pickup-title{
max-width:100%;
display:flex;
align-items:center;
justify-content:flex-start;
gap:5px;
}
.cart-pickup-title strong{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#121720;
font-size:17px;
line-height:1.25;
font-weight:650;
}
.cart-pickup-title i{
flex:0 0 auto;
width:17px;
height:17px;
display:grid;
place-items:center;
color:#8c96a4;
transform:rotate(90deg);
}
.cart-pickup-title i .ui-icon{width:15px;height:15px}
.cart-pickup-copy em{
display:block;
margin-top:5px;
color:#8c95a2;
font-size:10.5px;
line-height:1.2;
font-style:normal;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.cart-pickup-change{display:none!important}
/* Reference: select-all lives on the left, share/delete are aligned as
two equal rounded-square actions on the right. */
.cart-head-card{
padding:0 22px 13px;
border:0;
border-radius:0 0 24px 24px;
background:#fff;
}
.cart-selection-toolbar{
min-height:70px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
.cart-head-card .select-all-row{
position:relative;
min-height:44px;
display:flex;
align-items:center;
gap:12px;
color:#202632;
font-size:16px;
line-height:1.2;
font-weight:600;
cursor:pointer;
}
.cart-head-card .select-all-row input{
position:absolute;
width:1px;
height:1px;
opacity:0;
pointer-events:none;
}
.cart-check-ui{
width:30px;
height:30px;
flex:0 0 30px;
border:1px solid #d8dde6;
border-radius:9px;
background:#f8f9fb;
color:transparent;
display:grid;
place-items:center;
box-shadow:inset 0 0 0 1px rgba(10,25,45,.015);
}
.cart-check-ui .ui-icon{width:18px;height:18px}
.select-all-row input:checked + .cart-check-ui,
.select-all-row input:indeterminate + .cart-check-ui{
border-color:#1768f5;
background:#1768f5;
color:#fff;
}
.select-all-row input:indeterminate + .cart-check-ui .ui-icon{opacity:0}
.select-all-row input:indeterminate + .cart-check-ui:after{
content:"";
width:13px;
height:2px;
border-radius:999px;
background:#fff;
}
.cart-select-all-label{white-space:nowrap}
.cart-bulk-actions{display:flex;align-items:center;gap:10px}
.cart-bulk-actions button{
width:48px;
height:48px;
border:0;
border-radius:15px;
background:#f5f6f8;
color:#8490a0;
display:grid;
place-items:center;
box-shadow:none;
}
.cart-bulk-actions .ui-icon{width:23px;height:23px}
.cart-bulk-actions button:disabled{opacity:.42}
/* Discount notice follows the same horizontal rhythm as the reference. */
.cart-sale-alert{
min-height:66px;
padding:4px 0 7px;
display:grid;
grid-template-columns:28px minmax(0,1fr) auto;
align-items:center;
gap:8px;
background:#fff;
color:#202632;
}
.cart-sale-flame{font-size:23px;line-height:1}
.cart-sale-alert>div{min-width:0}
.cart-sale-alert b{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:14px;
line-height:1.2;
font-weight:650;
}
.cart-sale-alert small{
display:block;
margin-top:5px;
color:#7d8795;
font-size:11px;
line-height:1.15;
}
.cart-sale-alert>strong{
max-width:122px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
border-radius:10px;
padding:7px 9px;
background:#fff3f7;
color:#f23869;
font-size:11.5px;
line-height:1;
font-weight:800;
}
.cart-products-panel{
margin-top:8px;
border-radius:27px 27px 0 0;
background:#fff;
overflow:hidden;
}
.cart-products-head{padding:25px 22px 12px}
.cart-products-head h2{
margin:0;
color:#121720;
font-size:24px;
line-height:1.08;
letter-spacing:-.025em;
font-weight:800;
}
.cart-products-head>span{display:none}
.cart-line{
grid-template-columns:110px minmax(0,1fr)!important;
grid-template-rows:auto auto;
column-gap:14px!important;
row-gap:11px!important;
min-height:176px;
padding:14px 22px 17px!important;
background:#fff!important;
}
.cart-line+.cart-line:before{left:22px;right:22px;background:#eceff3}
.cart-select{
position:absolute!important;
left:22px;
top:15px;
z-index:7;
width:30px!important;
height:30px!important;
margin:0!important;
}
.cart-select span{
width:30px!important;
height:30px!important;
border:1px solid #d5dce5!important;
border-radius:9px!important;
background:rgba(248,250,252,.96)!important;
color:transparent!important;
box-shadow:0 1px 4px rgba(17,29,46,.08)!important;
}
.cart-select .ui-icon{width:18px!important;height:18px!important}
.cart-select input:checked+span{
border-color:#1768f5!important;
background:#1768f5!important;
color:#fff!important;
}
.cart-image{
grid-column:1;
grid-row:1;
width:110px;
height:142px;
border-radius:18px!important;
background:#f2f3f5!important;
}
.cart-copy{grid-column:2;grid-row:1;padding-top:3px}
.cart-price-row{margin-bottom:7px;gap:7px}
.cart-price-row strong{font-size:19px!important;line-height:1.05!important}
.cart-price-row del{font-size:11px}
.cart-price-row mark{padding:3px 6px;border-radius:7px;font-size:9.5px}
.cart-copy h3{
margin:0 0 7px!important;
font-size:14px!important;
line-height:1.33!important;
font-weight:650!important;
-webkit-line-clamp:3;
}
.cart-copy .cart-variant,.cart-copy .cart-store{margin:3px 0;font-size:10.5px!important;line-height:1.25}
.cart-copy .cart-stock{margin-top:7px;font-size:10.5px!important}
/* Reference: favorite, delete and quantity controls form one compact row,
rather than pushing the quantity control to the far edge. */
.cart-actions{
grid-column:1/-1!important;
grid-row:2;
min-width:0;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:9px!important;
padding:0!important;
}
.cart-tool{
width:47px!important;
height:47px!important;
flex:0 0 47px;
border-radius:15px!important;
background:#f5f6f8!important;
color:#172b43!important;
}
.cart-tool .ui-icon{width:21px!important;height:21px!important}
.cart-qty-control{
margin-left:0!important;
width:143px;
height:47px;
flex:0 0 143px;
grid-template-columns:47px 49px 47px;
border-radius:15px;
background:#f5f6f8;
}
.cart-qty-control button{width:47px!important;height:47px!important}
.cart-qty-control>span{min-width:49px;font-size:14px}
/* Bottom panel: offer row first, then total at left and checkout at right. */
.cart-summary-premium{
min-height:0!important;
padding:10px 12px calc(11px + env(safe-area-inset-bottom,0px))!important;
background:rgba(255,255,255,.99)!important;
border-top:1px solid #e3e7ec!important;
box-shadow:0 -8px 26px rgba(15,31,51,.10)!important;
}
.cart-summary-offer{
height:46px;
margin-bottom:8px;
padding:0 12px;
border-radius:15px;
background:#f6f7f9;
grid-template-columns:22px minmax(0,1fr) auto;
}
.cart-summary-main{
display:grid;
grid-template-columns:minmax(0,1fr) 150px;
align-items:center;
gap:12px;
}
.cart-summary-premium .cart-summary-copy strong{font-size:22px!important}
.cart-summary-main>.primary-button{
width:150px;
min-height:58px;
border-radius:18px;
font-size:14px;
}
}
@media (max-width:390px){
.cart-pickup-bar{padding-left:16px;padding-right:16px}
.cart-head-card{padding-left:16px;padding-right:16px}
.cart-head-card .select-all-row{gap:9px;font-size:14px}
.cart-check-ui{width:28px;height:28px;flex-basis:28px}
.cart-bulk-actions{gap:8px}
.cart-bulk-actions button{width:44px;height:44px;border-radius:14px}
.cart-products-head{padding-left:16px;padding-right:16px}
.cart-products-head h2{font-size:22px}
.cart-line{grid-template-columns:96px minmax(0,1fr)!important;padding-left:16px!important;padding-right:16px!important;column-gap:12px!important}
.cart-line+.cart-line:before{left:16px;right:16px}
.cart-select{left:16px;width:28px!important;height:28px!important}
.cart-select span{width:28px!important;height:28px!important}
.cart-image{width:96px;height:126px}
.cart-copy h3{font-size:13.3px!important}
.cart-tool{width:44px!important;height:44px!important;flex-basis:44px}
.cart-qty-control{width:132px;height:44px;flex-basis:132px;grid-template-columns:44px 44px 44px}
.cart-qty-control button{width:44px!important;height:44px!important}
.cart-qty-control>span{min-width:44px}
.cart-summary-main{grid-template-columns:minmax(0,1fr) 142px;gap:9px}
.cart-summary-main>.primary-button{width:142px}
}
@media (max-width:340px){
.cart-select-all-label{font-size:13px}
.cart-bulk-actions button{width:40px;height:40px}
.cart-actions{gap:6px!important}
.cart-tool{width:40px!important;height:40px!important;flex-basis:40px}
.cart-qty-control{width:120px;height:40px;flex-basis:120px;grid-template-columns:40px 40px 40px}
.cart-qty-control button{width:40px!important;height:40px!important}
.cart-qty-control>span{min-width:40px}
.cart-summary-main{grid-template-columns:minmax(0,1fr) 132px}
.cart-summary-main>.primary-button{width:132px;min-height:54px}
}
html.tb-theme-dark-active .cart-pickup-title strong,
html.tb-theme-dark-active .cart-select-all-label{color:#edf3fa!important}
html.tb-theme-dark-active .cart-pickup-title i{color:#a7b4c3!important}
html.tb-theme-dark-active .cart-check-ui{background:#202936!important;border-color:#536176!important}
html.tb-theme-dark-active .select-all-row input:checked + .cart-check-ui,
html.tb-theme-dark-active .select-all-row input:indeterminate + .cart-check-ui{background:#1768f5!important;border-color:#1768f5!important;color:#fff!important}
html.tb-theme-dark-active .cart-sale-alert>strong{background:#35242f!important;color:#ff6f9a!important}
/* =========================================================
TB Market v0.13.55 — Cart reference correction.
Scope: Android cart route only.
Fixes the v0.13.54 mismatch: item checkbox is no longer on top of the
product image; it is a dedicated left control like the supplied reference.
========================================================= */
@media (max-width:767px){
/* Keep the pickup row as one clean line like the reference. The real point
remains selectable; only the secondary address line is hidden here. */
.cart-pickup-bar{
min-height:78px!important;
padding:18px 20px 14px!important;
display:flex!important;
align-items:center!important;
}
.cart-pickup-copy{width:100%!important}
.cart-pickup-title{gap:4px!important}
.cart-pickup-title strong{font-size:16px!important;font-weight:600!important;letter-spacing:-.01em}
.cart-pickup-title i{width:15px!important;height:15px!important;transform:rotate(90deg)}
.cart-pickup-copy em{display:none!important}
/* Top select-all + share/delete row. */
.cart-head-card{padding:0 20px 10px!important;border-radius:0 0 24px 24px!important}
.cart-selection-toolbar{min-height:68px!important;gap:10px!important}
.cart-head-card .select-all-row{min-height:42px!important;gap:11px!important;font-size:15px!important;font-weight:560!important}
.cart-check-ui{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important;background:#f8f9fb!important}
.cart-check-ui .ui-icon{width:17px!important;height:17px!important}
.cart-bulk-actions{gap:8px!important}
.cart-bulk-actions button{width:44px!important;height:44px!important;border-radius:14px!important;background:#f5f6f8!important;color:#7d899a!important}
.cart-bulk-actions .ui-icon{width:22px!important;height:22px!important;stroke-width:2.05}
/* Sale alert aligns flame/text/badge on the same baseline as reference. */
.cart-sale-alert{min-height:62px!important;padding:4px 0 7px!important;grid-template-columns:27px minmax(0,1fr) auto!important;gap:7px!important}
.cart-sale-flame{font-size:22px!important}
.cart-sale-alert b{font-size:13.5px!important;font-weight:620!important}
.cart-sale-alert small{font-size:10px!important;margin-top:4px!important}
.cart-sale-alert>strong{padding:6px 8px!important;border-radius:9px!important;font-size:10.5px!important}
.cart-products-panel{margin-top:8px!important;border-radius:26px 26px 0 0!important}
.cart-products-head{padding:23px 20px 11px!important}
.cart-products-head h2{font-size:22px!important;line-height:1.1!important;font-weight:800!important}
/* Reference item geometry:
[selection] [image] [price/name/details]
The checkbox is intentionally NOT absolute and NOT over the image. */
.cart-line{
position:relative!important;
display:grid!important;
grid-template-columns:28px 76px minmax(0,1fr)!important;
grid-template-rows:auto auto!important;
column-gap:8px!important;
row-gap:12px!important;
min-height:168px!important;
padding:13px 14px 16px!important;
background:#fff!important;
}
.cart-line+.cart-line:before{left:14px!important;right:14px!important;background:#eceff3!important}
.cart-select{
position:static!important;
grid-column:1!important;
grid-row:1!important;
align-self:start!important;
justify-self:start!important;
width:28px!important;
height:28px!important;
margin:3px 0 0!important;
z-index:7!important;
}
.cart-select span{
width:28px!important;
height:28px!important;
border-radius:8px!important;
border:1px solid #d5dbe4!important;
background:#f8f9fb!important;
box-shadow:none!important;
}
.cart-select .ui-icon{width:18px!important;height:18px!important}
.cart-select input:checked+span{background:#1768f5!important;border-color:#1768f5!important;color:#fff!important}
.cart-image{
grid-column:2!important;
grid-row:1!important;
width:76px!important;
height:122px!important;
align-self:start!important;
border-radius:16px!important;
background:#f2f3f5!important;
}
.cart-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.cart-copy{grid-column:3!important;grid-row:1!important;padding:1px 0 0!important;min-width:0!important}
.cart-price-row{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 5px!important}
.cart-price-row strong{font-size:18px!important;line-height:1.05!important;color:#ff1473!important;font-weight:800!important;white-space:nowrap!important}
.cart-price-row del{font-size:10.5px!important;color:#87919e!important;white-space:nowrap!important}
.cart-price-row mark{display:none!important}
.cart-item-sale-badge{
width:max-content;max-width:100%;height:25px;margin:0 0 6px;padding:0 8px 0 6px;
border-radius:7px;background:#ff1680;color:#fff;display:flex;align-items:center;gap:4px;
font-size:10.5px;line-height:1;font-weight:760;white-space:nowrap;
}
.cart-item-sale-badge span{font-size:12px;line-height:1}
.cart-item-sale-badge b{font-size:10.5px;font-weight:760;overflow:hidden;text-overflow:ellipsis}
.cart-item-sale-badge em{font-size:9px;font-style:normal;opacity:.9}
.cart-copy h3{
margin:0 0 6px!important;
font-size:13.5px!important;
line-height:1.28!important;
font-weight:590!important;
color:#151a22!important;
-webkit-line-clamp:3!important;
}
.cart-copy .cart-variant,.cart-copy .cart-store{display:block!important;margin:2px 0!important;font-size:9.7px!important;line-height:1.25!important;color:#7f8997!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cart-copy .cart-stock{display:block!important;margin-top:5px!important;font-size:10px!important;line-height:1.2!important;color:#58718e!important;font-weight:520!important}
.cart-copy .cart-stock.is-low{color:#ec4b31!important}
.cart-copy .cart-stock.is-out{color:#d94453!important}
/* Bottom item controls: left control group + separate Buy action at right. */
.cart-actions{
grid-column:1/-1!important;
grid-row:2!important;
width:100%!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
padding:0!important;
min-width:0!important;
}
.cart-actions-left{display:flex;align-items:center;gap:7px;min-width:0}
.cart-tool{
width:42px!important;height:42px!important;flex:0 0 42px!important;
border-radius:14px!important;background:#f5f6f8!important;color:#10263c!important;
}
.cart-tool .ui-icon{width:20px!important;height:20px!important;stroke-width:2.05}
.cart-tool.favorite-cart.is-active{color:#ff2459!important}
.cart-tool.danger{color:#10263c!important}
.cart-qty-control{
width:123px!important;height:42px!important;flex:0 0 123px!important;
grid-template-columns:41px 41px 41px!important;border-radius:14px!important;background:#f5f6f8!important;
}
.cart-qty-control button{width:41px!important;height:42px!important;color:#152a42!important}
.cart-qty-control button .ui-icon{width:18px!important;height:18px!important}
.cart-qty-control>span{min-width:41px!important;font-size:13px!important;color:#151c27!important}
.cart-buy-line{
min-width:76px;height:42px;padding:0 13px;border:0;border-radius:14px;background:#f5f6f8;
color:#151c27;font-size:12px;font-weight:700;white-space:nowrap;
}
.cart-buy-line:disabled{opacity:.4}
.cart-summary-premium{padding:9px 10px calc(10px + env(safe-area-inset-bottom,0px))!important}
.cart-summary-offer{height:43px!important;margin-bottom:7px!important;border-radius:14px!important}
.cart-summary-main{grid-template-columns:minmax(0,1fr) 136px!important;gap:8px!important}
.cart-summary-premium .cart-summary-copy strong{font-size:20px!important}
.cart-summary-main>.primary-button{width:136px!important;min-height:54px!important;border-radius:17px!important;font-size:13px!important}
}
/* Narrow phones: keep the reference hierarchy without collisions. */
@media (max-width:390px){
.cart-pickup-bar{padding-left:18px!important;padding-right:18px!important}
.cart-head-card{padding-left:18px!important;padding-right:18px!important}
.cart-products-head{padding-left:18px!important;padding-right:18px!important}
.cart-line{grid-template-columns:27px 70px minmax(0,1fr)!important;padding-left:12px!important;padding-right:12px!important;column-gap:7px!important}
.cart-select{width:27px!important;height:27px!important}
.cart-select span{width:27px!important;height:27px!important}
.cart-image{width:70px!important;height:116px!important}
.cart-copy h3{font-size:12.8px!important}
.cart-item-sale-badge{height:23px;font-size:10px}
.cart-tool{width:40px!important;height:40px!important;flex-basis:40px!important}
.cart-qty-control{width:114px!important;height:40px!important;flex-basis:114px!important;grid-template-columns:38px 38px 38px!important}
.cart-qty-control button{width:38px!important;height:40px!important}
.cart-qty-control>span{min-width:38px!important}
.cart-buy-line{min-width:70px;height:40px;padding:0 11px;font-size:11.5px}
}
@media (max-width:350px){
.cart-head-card .select-all-row{font-size:13px!important;gap:8px!important}
.cart-bulk-actions button{width:40px!important;height:40px!important}
.cart-line{grid-template-columns:25px 64px minmax(0,1fr)!important;column-gap:6px!important}
.cart-select,.cart-select span{width:25px!important;height:25px!important}
.cart-image{width:64px!important;height:108px!important}
.cart-actions-left{gap:5px!important}
.cart-tool{width:37px!important;height:37px!important;flex-basis:37px!important}
.cart-qty-control{width:105px!important;height:37px!important;flex-basis:105px!important;grid-template-columns:35px 35px 35px!important}
.cart-qty-control button{width:35px!important;height:37px!important}
.cart-qty-control>span{min-width:35px!important}
.cart-buy-line{min-width:62px;height:37px;padding:0 8px;font-size:10.5px}
.cart-summary-main{grid-template-columns:minmax(0,1fr) 128px!important}
.cart-summary-main>.primary-button{width:128px!important}
}
html.tb-theme-dark-active .cart-item-sale-badge{background:#ff1680!important;color:#fff!important}
html.tb-theme-dark-active .cart-copy h3{color:#edf3fa!important}
html.tb-theme-dark-active .cart-buy-line,
html.tb-theme-dark-active .cart-actions-left .cart-tool,
html.tb-theme-dark-active .cart-actions-left .cart-qty-control{background:#202936!important;color:#edf3fa!important}
html.tb-theme-dark-active .cart-qty-control button,
html.tb-theme-dark-active .cart-qty-control>span{color:#edf3fa!important}
/* ==========================================================================
TB MARKET CART TARGETED POSITION FIX v0.13.56
User-marked layout only: top actions + product checkbox placement.
Scope: cart route. No API/config/business-logic changes.
========================================================================== */
/* Pickup header and bulk actions are one explicit top row. */
.cart-screen .cart-pickup-top{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:start!important;
gap:10px!important;
padding:14px 18px 8px!important;
background:#fff!important;
}
.cart-screen .cart-pickup-top .cart-pickup-bar{
width:100%!important;
min-width:0!important;
min-height:48px!important;
margin:0!important;
padding:2px 0!important;
border:0!important;
background:transparent!important;
text-align:left!important;
display:flex!important;
align-items:flex-start!important;
}
.cart-screen .cart-pickup-top .cart-pickup-copy{
min-width:0!important;
width:100%!important;
}
.cart-screen .cart-pickup-top .cart-pickup-title{
display:flex!important;
align-items:center!important;
min-width:0!important;
gap:4px!important;
}
.cart-screen .cart-pickup-top .cart-pickup-title strong{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.cart-screen .cart-pickup-top .cart-pickup-title i{
flex:0 0 15px!important;
}
.cart-screen .cart-pickup-top .cart-pickup-copy em{
display:block!important;
margin-top:4px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#8a96a6!important;
font-size:9.5px!important;
font-style:normal!important;
}
.cart-screen .cart-top-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
margin:0!important;
padding:0!important;
}
.cart-screen .cart-top-actions button{
width:44px!important;
height:44px!important;
flex:0 0 44px!important;
border:0!important;
border-radius:14px!important;
background:#f5f6f8!important;
color:#7d899a!important;
display:grid!important;
place-items:center!important;
}
.cart-screen .cart-top-actions button:disabled{opacity:.42!important}
.cart-screen .cart-top-actions .ui-icon{width:22px!important;height:22px!important}
/* Select-all now owns its own row. No actions can pull it out of place. */
.cart-screen .cart-head-card{
padding-top:0!important;
}
.cart-screen .cart-selection-toolbar{
min-height:58px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
}
/* Product line: hard 3-column geometry. Checkbox can never sit on the image. */
.cart-screen .cart-line{
position:relative!important;
display:grid!important;
grid-template-columns:28px 88px minmax(0,1fr)!important;
grid-template-rows:auto auto!important;
column-gap:8px!important;
row-gap:12px!important;
padding:13px 14px 16px!important;
align-items:start!important;
}
.cart-screen .cart-line > .cart-select{
position:static!important;
inset:auto!important;
transform:none!important;
grid-column:1!important;
grid-row:1!important;
align-self:start!important;
justify-self:start!important;
width:28px!important;
height:28px!important;
margin:2px 0 0!important;
z-index:2!important;
}
.cart-screen .cart-line > .cart-select span{
width:28px!important;
height:28px!important;
display:grid!important;
place-items:center!important;
border-radius:8px!important;
}
.cart-screen .cart-line > .cart-image{
position:static!important;
inset:auto!important;
transform:none!important;
grid-column:2!important;
grid-row:1!important;
align-self:start!important;
justify-self:start!important;
width:88px!important;
height:118px!important;
margin:0!important;
}
.cart-screen .cart-line > .cart-copy{
grid-column:3!important;
grid-row:1!important;
min-width:0!important;
margin:0!important;
}
.cart-screen .cart-line > .cart-actions{
grid-column:2 / -1!important;
grid-row:2!important;
margin:0!important;
width:100%!important;
}
@media (max-width:390px){
.cart-screen .cart-pickup-top{padding-left:18px!important;padding-right:12px!important;gap:8px!important}
.cart-screen .cart-top-actions button{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:13px!important}
.cart-screen .cart-line{
grid-template-columns:27px 82px minmax(0,1fr)!important;
column-gap:7px!important;
padding-left:12px!important;
padding-right:12px!important;
}
.cart-screen .cart-line > .cart-select,
.cart-screen .cart-line > .cart-select span{width:27px!important;height:27px!important}
.cart-screen .cart-line > .cart-image{width:82px!important;height:112px!important}
}
@media (max-width:350px){
.cart-screen .cart-pickup-top{padding-left:14px!important;padding-right:10px!important}
.cart-screen .cart-top-actions{gap:6px!important}
.cart-screen .cart-top-actions button{width:38px!important;height:38px!important;flex-basis:38px!important}
.cart-screen .cart-line{
grid-template-columns:25px 74px minmax(0,1fr)!important;
column-gap:6px!important;
padding-left:10px!important;
padding-right:10px!important;
}
.cart-screen .cart-line > .cart-select,
.cart-screen .cart-line > .cart-select span{width:25px!important;height:25px!important}
.cart-screen .cart-line > .cart-image{width:74px!important;height:104px!important}
}
html.tb-theme-dark-active .cart-screen .cart-pickup-top{background:#151c26!important}
html.tb-theme-dark-active .cart-screen .cart-top-actions button{background:#202936!important;color:#a9b5c5!important}
/* ==========================================================================
TB MARKET CART INTERACTION + ACTION ICON FIX v0.13.57
Scope: cart route only. Robust select-all toggle + pixel-aligned bulk actions.
========================================================================== */
/* Keep pickup title and the two actions on the exact same visual center line. */
.cart-screen .cart-pickup-top{
align-items:center!important;
}
.cart-screen .cart-pickup-top .cart-pickup-bar{
min-height:44px!important;
align-items:center!important;
}
.cart-screen .cart-top-actions{
height:44px!important;
align-self:center!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
}
.cart-screen .cart-top-actions button{
width:44px!important;
height:44px!important;
min-width:44px!important;
min-height:44px!important;
flex:0 0 44px!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:14px!important;
background:#f4f6f8!important;
color:#77869a!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
line-height:0!important;
box-shadow:none!important;
vertical-align:middle!important;
}
.cart-screen .cart-top-actions button:active{
transform:scale(.96)!important;
}
.cart-screen .cart-top-actions .cart-bulk-svg{
display:block!important;
width:21px!important;
height:21px!important;
flex:0 0 21px!important;
margin:0!important;
padding:0!important;
transform:none!important;
overflow:visible!important;
}
/* Select-all is a real explicit toggle button now; no WebView label/change dependency. */
.cart-screen .cart-head-card .select-all-row{
position:relative!important;
min-height:44px!important;
margin:0!important;
padding:0!important;
border:0!important;
outline:0!important;
background:transparent!important;
color:#202632!important;
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:11px!important;
font:inherit!important;
font-size:15px!important;
line-height:1.2!important;
font-weight:600!important;
text-align:left!important;
box-shadow:none!important;
-webkit-tap-highlight-color:transparent!important;
touch-action:manipulation!important;
}
.cart-screen .cart-head-card .select-all-row .cart-check-ui{
width:27px!important;
height:27px!important;
min-width:27px!important;
min-height:27px!important;
flex:0 0 27px!important;
border:1.5px solid #cfd6df!important;
border-radius:8px!important;
background:#fff!important;
color:transparent!important;
display:grid!important;
place-items:center!important;
transition:background-color .12s,border-color .12s,transform .12s!important;
}
.cart-screen .cart-head-card .select-all-row .cart-check-ui .ui-icon{
display:block!important;
width:17px!important;
height:17px!important;
margin:0!important;
opacity:1!important;
}
.cart-screen .cart-head-card .select-all-row.is-checked .cart-check-ui,
.cart-screen .cart-head-card .select-all-row.is-indeterminate .cart-check-ui{
border-color:#1768f5!important;
background:#1768f5!important;
color:#fff!important;
}
.cart-screen .cart-head-card .select-all-row.is-indeterminate .cart-check-ui .ui-icon{
display:none!important;
}
.cart-screen .cart-head-card .select-all-row.is-indeterminate .cart-check-ui:after{
content:""!important;
width:12px!important;
height:2px!important;
border-radius:999px!important;
background:#fff!important;
}
.cart-screen .cart-head-card .select-all-row:active .cart-check-ui{
transform:scale(.94)!important;
}
.cart-screen .cart-head-card .cart-select-all-label{
white-space:nowrap!important;
pointer-events:none!important;
}
@media (max-width:390px){
.cart-screen .cart-top-actions{height:40px!important;gap:7px!important}
.cart-screen .cart-top-actions button{
width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important;border-radius:13px!important
}
.cart-screen .cart-top-actions .cart-bulk-svg{width:20px!important;height:20px!important;flex-basis:20px!important}
}
@media (max-width:350px){
.cart-screen .cart-top-actions{height:38px!important;gap:6px!important}
.cart-screen .cart-top-actions button{
width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex-basis:38px!important;border-radius:12px!important
}
.cart-screen .cart-top-actions .cart-bulk-svg{width:19px!important;height:19px!important;flex-basis:19px!important}
.cart-screen .cart-head-card .select-all-row{font-size:13px!important;gap:9px!important}
.cart-screen .cart-head-card .select-all-row .cart-check-ui{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;flex-basis:25px!important}
}
html.tb-theme-dark-active .cart-screen .cart-head-card .select-all-row{color:#edf3fa!important}
html.tb-theme-dark-active .cart-screen .cart-head-card .select-all-row .cart-check-ui{background:#202936!important;border-color:#536176!important}
html.tb-theme-dark-active .cart-screen .cart-head-card .select-all-row.is-checked .cart-check-ui,
html.tb-theme-dark-active .cart-screen .cart-head-card .select-all-row.is-indeterminate .cart-check-ui{background:#1768f5!important;border-color:#1768f5!important;color:#fff!important}
html.tb-theme-dark-active .cart-screen .cart-top-actions button{background:#202936!important;color:#a9b5c5!important}
/* ==========================================================================
TB MARKET PULL TO REFRESH v0.13.58
Native-like top pull indicator; no layout shift and no horizontal swipe clash.
========================================================================== */
html,body{
overscroll-behavior-y:contain;
}
.tb-pull-refresh{
--tb-pull-distance:0px;
position:fixed;
z-index:2600;
top:calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 3px);
left:50%;
width:42px;
height:42px;
border-radius:50%;
background:#fff;
color:#1768f5;
display:grid;
place-items:center;
opacity:0;
pointer-events:none;
box-shadow:0 4px 18px rgba(16,38,68,.18),0 0 0 1px rgba(18,45,78,.06);
transform:translate3d(-50%,calc(-50px + var(--tb-pull-distance)),0) scale(.88);
transform-origin:50% 50%;
transition:opacity .12s ease,transform .12s ease,background-color .12s ease,color .12s ease;
will-change:transform,opacity;
}
.tb-pull-refresh .ui-icon{
width:21px;
height:21px;
stroke-width:2;
}
.tb-pull-refresh.is-pulling,
.tb-pull-refresh.is-ready,
.tb-pull-refresh.is-refreshing{
opacity:1;
}
.tb-pull-refresh.is-pulling{
transition:opacity .08s linear,transform .02s linear,background-color .12s ease,color .12s ease;
}
.tb-pull-refresh.is-ready{
background:#1768f5;
color:#fff;
transform:translate3d(-50%,calc(-50px + var(--tb-pull-distance)),0) scale(1);
}
.tb-pull-refresh.is-refreshing{
background:#1768f5;
color:#fff;
transform:translate3d(-50%,8px,0) scale(1);
transition:opacity .14s ease,transform .18s ease;
}
.tb-pull-refresh.is-refreshing .ui-icon{
animation:tbPullRefreshSpin .72s linear infinite;
}
.tb-pull-refresh.is-resetting{
transition:opacity .16s ease,transform .18s ease!important;
}
@keyframes tbPullRefreshSpin{
to{transform:rotate(360deg)}
}
html.tb-theme-dark-active .tb-pull-refresh,
html[data-theme="dark"] .tb-pull-refresh{
background:#202936;
color:#74a9ff;
box-shadow:0 5px 18px rgba(0,0,0,.34),0 0 0 1px #324052;
}
html.tb-theme-dark-active .tb-pull-refresh.is-ready,
html.tb-theme-dark-active .tb-pull-refresh.is-refreshing,
html[data-theme="dark"] .tb-pull-refresh.is-ready,
html[data-theme="dark"] .tb-pull-refresh.is-refreshing{
background:#1768f5;
color:#fff;
}
@media (prefers-reduced-motion:reduce){
.tb-pull-refresh{transition:none}
.tb-pull-refresh.is-refreshing .ui-icon{animation-duration:1.2s}
}
/* v0.13.59 — location-scoped Admin-managed rating/review icons */
.rating-managed-star{display:inline-block!important;width:14px!important;height:14px!important;vertical-align:-2px;flex:0 0 auto}.product-rating-score i{display:inline-flex;align-items:center}.product-rating-score .rating-managed-star{width:12px!important;height:12px!important}.product-main-meta .rating-managed-star,.product-review-head .rating-managed-star,.product-store-rating .rating-managed-star{width:14px!important;height:14px!important}.product-review-author small{display:inline-flex;align-items:center;gap:1px}.product-review-author small .rating-managed-star{width:11px!important;height:11px!important}.seller-stars{display:inline-flex;align-items:center;gap:1px;letter-spacing:0}.seller-stars .rating-managed-star{width:11px!important;height:11px!important}.profile-review-swipe-star{display:inline-flex;align-items:center;justify-content:center}.profile-review-swipe-star .rating-managed-star{width:22px!important;height:22px!important}.customer-review-stars button{display:grid;place-items:center}.customer-review-stars button .rating-managed-star{width:25px!important;height:25px!important}.admin-review-stars{display:flex;align-items:center;gap:1px}.admin-review-stars .rating-managed-star{width:11px!important;height:11px!important}.seller-store-profile em{display:inline-flex;align-items:center;gap:3px}.seller-store-profile em .rating-managed-star{width:11px!important;height:11px!important}
/* TB Market v0.13.60 — Profile edit alignment + scoped phone chevron cleanup.
Scope: Profile edit and TB ID phone entry only. Checkout/address/bank phone controls stay unchanged. */
.profile-settings-page .profile-head-premium{
min-height:88px;
gap:13px;
}
.profile-settings-page .profile-quick{
gap:8px;
align-items:stretch;
}
.profile-settings-page .profile-quick button{
min-height:76px;
justify-content:center;
}
.profile-settings-page .profile-form-expanded{
padding:14px;
}
.profile-settings-page .profile-section-head{
margin-bottom:13px;
}
.profile-settings-page .profile-form-grid{
align-items:start;
column-gap:9px;
row-gap:11px;
}
.profile-settings-page .profile-form-grid>label{
min-width:0;
align-content:start;
}
.profile-settings-page .profile-form-grid input,
.profile-settings-page .profile-form-grid select{
min-width:0;
height:44px;
font-size:12.5px;
}
.profile-settings-page .profile-edit-phone .phone-country-control{
min-width:0;
min-height:44px;
}
.profile-settings-page .profile-edit-phone .phone-country-trigger{
min-width:82px;
padding:0 8px;
gap:5px;
}
.profile-settings-page .profile-edit-phone .phone-country-trigger b{
font-size:13px;
}
.profile-settings-page .profile-edit-phone .phone-country-control input[data-phone-national]{
min-width:0!important;
padding-left:9px!important;
padding-right:9px!important;
font-size:13px!important;
}
.phone-country-trigger-no-chevron{
justify-content:center;
}
.auth-id-field:has(> .phone-country-control) .phone-country-trigger-no-chevron{
min-width:96px!important;
gap:7px!important;
}
@media(max-width:360px){
.profile-settings-page .profile-form-grid{
grid-template-columns:1fr;
}
.profile-settings-page .profile-edit-phone .phone-country-trigger{
min-width:88px;
}
}
html.tb-theme-dark-active .profile-settings-page .profile-edit-phone .phone-country-trigger{
border-right-color:#2b3746!important;
}
/* =========================================================
TB Market v0.13.63 — role workspaces + Android safe areas
- Capacitor SystemBars owns --safe-area-inset-* values.
- Bottom navigation sits ABOVE Android navigation/gesture insets.
- Phone/tablet portrait/landscape share the same safe-area contract.
========================================================= */
:root{
--tb-safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));
--tb-safe-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));
--tb-safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));
--tb-safe-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));
}
.bottom-nav{
left:var(--tb-safe-left)!important;
right:var(--tb-safe-right)!important;
bottom:var(--tb-safe-bottom)!important;
width:auto!important;
height:64px!important;
padding:4px 2px!important;
}
.app-shell{padding-bottom:calc(64px + var(--tb-safe-bottom))!important}
.purchase-bar,.cart-summary{bottom:calc(64px + var(--tb-safe-bottom))!important}
#app-nav.is-seller-nav,
#app-nav.is-pickup-nav,
#app-nav.is-courier-nav,
#app-nav.is-admin-nav,
body.ads-center-mode #app-nav.is-ads-nav{
left:var(--tb-safe-left)!important;
right:var(--tb-safe-right)!important;
bottom:var(--tb-safe-bottom)!important;
width:auto!important;
height:68px!important;
padding:5px 6px!important;
}
body.ads-center-mode #app-view{padding-bottom:calc(82px + var(--tb-safe-bottom))!important}
body.seller-center-mode .app-shell,
body.pickup-center-mode .app-shell,
body.courier-center-mode .app-shell,
body.admin-center-mode .app-shell,
body.ads-center-mode .app-shell{padding-bottom:calc(68px + var(--tb-safe-bottom))!important}
/* Courier Center */
body.courier-center-mode{background:#eef3f8;color:#11233c}
body.courier-center-mode #app-header{background:rgba(255,255,255,.98);border-bottom:1px solid #dfe7f0;box-shadow:0 3px 14px rgba(18,38,65,.05)}
body.courier-center-mode #app-view{padding:12px 12px 88px;background:#eef3f8}
.courier-appbar{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:4px 10px;color:#12243d}
.courier-appbar>button,.courier-appbar-mark{width:40px;height:40px;border:0;border-radius:13px;background:#f0f5fb;color:#24527e;display:grid;place-items:center}
.courier-appbar>button .ui-icon,.courier-appbar-mark .ui-icon{width:20px;height:20px}
.courier-appbar>div{min-width:0;text-align:center}.courier-appbar>div b{display:block;font-size:15px}.courier-appbar>div small{display:block;margin-top:2px;font-size:9px;color:#7d8da1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.courier-page{display:grid;gap:12px;max-width:980px;margin:0 auto}
.courier-hero{min-height:116px;border-radius:24px;padding:20px;background:linear-gradient(135deg,#072a5b,#0b5fe5 58%,#15b8cf);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 30px rgba(9,73,153,.19)}
.courier-hero small{font-size:11px;font-weight:800;opacity:.8}.courier-hero h1{margin:5px 0 0;font-size:22px;line-height:1.12}.courier-hero>span{width:58px;height:58px;border-radius:19px;background:rgba(255,255,255,.14);display:grid;place-items:center}.courier-hero>span .ui-icon{width:30px;height:30px}
.courier-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.courier-stats button{min-width:0;border:1px solid #e0e8f1;border-radius:18px;background:#fff;padding:11px 5px;color:#15304f;display:grid;justify-items:center;gap:3px;box-shadow:0 4px 14px rgba(15,35,64,.04)}.courier-stats span{width:34px;height:34px;border-radius:11px;background:#edf4ff;color:#1768f5;display:grid;place-items:center}.courier-stats .ui-icon{width:18px;height:18px}.courier-stats b{font-size:18px}.courier-stats small{max-width:100%;font-size:9px;color:#75869b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.courier-section-head{display:flex;align-items:center;justify-content:space-between;padding:2px}.courier-section-head h2,.courier-page-heading h1{margin:0;font-size:20px}.courier-section-head button{border:0;background:transparent;color:#1768f5;font-size:11px;font-weight:800}.courier-page-heading{padding:4px 2px}.courier-page-heading p{margin:5px 0 0;color:#7b8ca0;font-size:11px}
.courier-delivery-list{display:grid;gap:10px}.courier-delivery-card{background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:13px;box-shadow:0 5px 17px rgba(15,35,64,.045)}.courier-delivery-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.courier-delivery-card header small{font-size:9px;color:#8190a2}.courier-delivery-card h3{margin:3px 0 0;font-size:15px}.courier-status{flex:0 0 auto;border-radius:999px;padding:5px 8px;background:#edf2f7;color:#60738a;font-size:9px;font-weight:850}.courier-status.is-waiting{background:#fff2db;color:#b96b00}.courier-status.is-assigned,.courier-status.is-picked_up,.courier-status.is-on_way{background:#e9f2ff;color:#1263d8}.courier-status.is-delivered{background:#e8f8ef;color:#158a50}
.courier-route{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;margin:11px 0;padding:9px;border-radius:14px;background:#f6f8fb}.courier-route>span{width:31px;height:31px;border-radius:10px;background:#fff;color:#1768f5;display:grid;place-items:center}.courier-route .ui-icon{width:17px;height:17px}.courier-route p{margin:0;display:grid;gap:3px;font-size:10px}.courier-route p b{font-weight:750;overflow-wrap:anywhere}.courier-route p i{font-style:normal;color:#a1adbb}
.courier-phone{display:inline-flex;align-items:center;gap:6px;color:#1768f5;text-decoration:none;font-size:11px;font-weight:800}.courier-phone .ui-icon{width:15px;height:15px}.courier-packages{display:grid;gap:5px;margin-top:9px}.courier-packages>span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 8px;padding:8px 9px;border-radius:11px;background:#f8fafc;border:1px solid #e8eef5}.courier-packages b{font-size:10px}.courier-packages small{grid-column:1;font-size:8px;color:#7f8fa2}.courier-packages em{grid-column:2;grid-row:1/3;align-self:center;font-size:8px;font-style:normal;color:#597086}
.courier-delivery-card footer{margin-top:11px;padding-top:10px;border-top:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;gap:10px}.courier-delivery-card footer>div small{display:block;font-size:8px;color:#8392a3}.courier-delivery-card footer>div b{font-size:13px}.courier-primary{min-height:38px;border:0;border-radius:12px;padding:0 13px;background:#1168f5;color:#fff;font-size:10px;font-weight:850;display:inline-flex;align-items:center;gap:6px}.courier-primary.is-success{background:#10a262}.courier-primary .ui-icon{width:16px;height:16px}.courier-primary:disabled{opacity:.55}.courier-waiting{font-size:9px;color:#6f8093;display:flex;align-items:center;gap:5px}.courier-waiting .ui-icon{width:15px;height:15px}
.courier-filters{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.courier-filters button{flex:0 0 auto;border:0;border-radius:999px;background:#e5ebf2;color:#536a82;padding:8px 12px;font-size:10px;font-weight:800}.courier-filters button.is-active{background:#1168f5;color:#fff}
.courier-empty{min-height:150px;border:1px dashed #ced9e5;border-radius:20px;background:#fff;display:grid;place-items:center;align-content:center;gap:8px;color:#7d8ca0}.courier-empty .ui-icon{width:30px;height:30px}.courier-empty b{font-size:12px}
.courier-full-workspace,.courier-more-action{width:100%;min-height:64px;border:1px solid #dde6ef;border-radius:18px;background:#fff;color:#17304e;padding:10px 13px;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:10px;text-align:left}.courier-full-workspace>svg,.courier-more-action>svg:first-child{width:21px;height:21px;color:#1768f5}.courier-full-workspace span,.courier-more-action span{min-width:0}.courier-full-workspace b,.courier-more-action b{display:block;font-size:12px}.courier-full-workspace small,.courier-more-action small{display:block;margin-top:3px;color:#8492a2;font-size:9px;line-height:1.3}.courier-more-action.is-danger{color:#da3153}.courier-more-page{padding-top:3px}.courier-profile{display:grid;grid-template-columns:54px minmax(0,1fr);gap:11px;align-items:center;padding:14px;border-radius:20px;background:#fff;border:1px solid #dfe7f0}.courier-profile>span{width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#1168f5,#13b9ce);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.courier-profile h2{margin:0;font-size:17px}.courier-profile small{color:#7c8ca0;font-size:10px}
.courier-scan-list{display:grid;gap:9px}.courier-scan-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:18px;background:#fff;border:1px solid #dde6ef}.courier-scan-list article>span{width:42px;height:42px;border-radius:13px;background:#edf4ff;color:#1768f5;display:grid;place-items:center}.courier-scan-list article>div{min-width:0}.courier-scan-list b,.courier-scan-list small,.courier-scan-list em{display:block}.courier-scan-list b{font-size:12px}.courier-scan-list small{margin-top:2px;font-size:9px;color:#76879b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courier-scan-list em{margin-top:3px;font-size:8px;font-style:normal;color:#1768f5}.courier-scan-list button{border:0;border-radius:12px;background:#1168f5;color:#fff;min-height:38px;padding:0 11px;font-size:9px;font-weight:850;display:flex;align-items:center;gap:5px}.courier-scan-list button .ui-icon{width:15px;height:15px}
#app-nav.is-courier-nav{background:rgba(255,255,255,.98);border-top:1px solid #dce5ef;color:#77889d;box-shadow:0 -7px 22px rgba(15,35,64,.07)}#app-nav.is-courier-nav button{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}#app-nav.is-courier-nav .nav-icon{width:35px;height:31px;border-radius:10px;display:grid;place-items:center;position:relative}#app-nav.is-courier-nav .ui-icon{width:20px;height:20px}#app-nav.is-courier-nav small{font-size:9.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#app-nav.is-courier-nav button.is-active{color:#1168f5}#app-nav.is-courier-nav button.is-active .nav-icon{background:#e8f1ff;color:#1168f5}
.role-chooser-card.is-courier .role-chooser-icon{background:#e9f2ff;color:#1268e7}
html.tb-theme-dark-active body.courier-center-mode{background:#10151d;color:#e8edf4}
html.tb-theme-dark-active body.courier-center-mode #app-header,html.tb-theme-dark-active #app-nav.is-courier-nav{background:rgba(16,25,37,.98);border-color:#2a3749;color:#9baabc}
html.tb-theme-dark-active body.courier-center-mode #app-view{background:#10151d}
html.tb-theme-dark-active .courier-delivery-card,html.tb-theme-dark-active .courier-stats button,html.tb-theme-dark-active .courier-full-workspace,html.tb-theme-dark-active .courier-more-action,html.tb-theme-dark-active .courier-profile,html.tb-theme-dark-active .courier-scan-list article,html.tb-theme-dark-active .courier-empty{background:#18222f;border-color:#2a3749;color:#e7edf5}
html.tb-theme-dark-active .courier-route,html.tb-theme-dark-active .courier-packages>span{background:#202c3a;border-color:#2b3a4d}
html.tb-theme-dark-active .courier-route>span,html.tb-theme-dark-active .courier-stats span{background:#25344a}
html.tb-theme-dark-active .courier-page-heading p,html.tb-theme-dark-active .courier-full-workspace small,html.tb-theme-dark-active .courier-more-action small,html.tb-theme-dark-active .courier-profile small{color:#9aabba}
@media (min-width:600px){
.bottom-nav{height:72px!important;padding:6px 10px!important}
.app-shell{padding-bottom:calc(72px + var(--tb-safe-bottom))!important}
.purchase-bar,.cart-summary{bottom:calc(72px + var(--tb-safe-bottom))!important}
#app-nav.is-seller-nav,#app-nav.is-pickup-nav,#app-nav.is-courier-nav,#app-nav.is-admin-nav,body.ads-center-mode #app-nav.is-ads-nav{height:72px!important;padding:6px 12px!important}
body.seller-center-mode .app-shell,body.pickup-center-mode .app-shell,body.courier-center-mode .app-shell,body.admin-center-mode .app-shell,body.ads-center-mode .app-shell{padding-bottom:calc(72px + var(--tb-safe-bottom))!important}
body.ads-center-mode #app-view{padding-bottom:calc(86px + var(--tb-safe-bottom))!important}
.courier-delivery-list{grid-template-columns:repeat(2,minmax(0,1fr))}.courier-scan-list{grid-template-columns:repeat(2,minmax(0,1fr))}.courier-stats{gap:12px}
}
@media (min-width:900px) and (orientation:landscape){
.courier-page{max-width:1120px}.courier-delivery-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* v0.13.63 final tablet navigation width guard */
@media (min-width:600px){
.bottom-nav,
#app-nav.is-seller-nav,
#app-nav.is-pickup-nav,
#app-nav.is-courier-nav,
#app-nav.is-admin-nav,
body.ads-center-mode #app-nav.is-ads-nav{
max-width:none!important;
margin:0!important;
transform:none!important;
}
}
/* =========================================================
TB Market v0.13.65 — solid Android system navigation floor
- Keeps the Android gesture / 3-button area visually opaque.
- Sits only inside the real navigation inset and never blocks app controls.
========================================================= */
:root{
--tb-system-nav-surface:#ffffff;
}
html.tb-theme-dark-active{
--tb-system-nav-surface:#10151d;
}
body::after{
content:"";
position:fixed;
z-index:1090;
left:0;
right:0;
bottom:0;
height:max(var(--tb-safe-bottom,0px),var(--safe-area-inset-bottom,0px));
background:var(--tb-system-nav-surface);
pointer-events:none;
}
/* =========================================================
TB Market v0.13.66 — Profile order rail parity with reference.
Scope: customer Profile order/review cards + profile barcode modal only.
Existing order / pickup / review API logic is preserved.
========================================================= */
.profile-orders-carousel{
margin:10px -2px 12px;
overflow:hidden;
}
.profile-orders-strip{
gap:10px;
align-items:stretch;
}
/* When an order is ready, barcode is its own compact action tile —
it no longer sits on top of the product/status card. */
.profile-order-barcode-tile{
flex:0 0 76px;
min-width:76px;
min-height:116px;
border:0;
border-radius:20px;
background:#121820;
color:#fff;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
padding:12px 7px;
scroll-snap-align:start;
scroll-snap-stop:always;
box-shadow:0 3px 12px rgba(9,18,31,.14);
}
.profile-order-barcode-tile>span{
width:42px;
height:42px;
display:grid;
place-items:center;
}
.profile-order-barcode-tile .ui-icon{
width:36px!important;
height:36px!important;
stroke-width:1.65;
}
.profile-order-barcode-tile small{
max-width:64px;
color:#dbe3ed;
font-size:8px;
font-weight:750;
line-height:1.15;
text-align:center;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.profile-order-barcode-tile:active{transform:scale(.985)}
/* Status/product card. If there is no barcode, this is what the user sees,
and the label is taken from pickup/delivery/order lifecycle. */
.profile-order-swipe-card{
position:relative;
flex:0 0 calc(100% - 86px);
min-width:0;
min-height:116px;
border:1px solid #e7edf4;
border-radius:20px;
background:#fff;
color:#17283f;
display:grid;
grid-template-columns:76px minmax(0,1fr) 20px;
align-items:center;
gap:11px;
padding:10px 12px;
text-align:left;
scroll-snap-align:start;
scroll-snap-stop:always;
overflow:hidden;
box-shadow:0 1px 0 rgba(15,35,64,.02);
}
.profile-order-swipe-card.is-ready{
flex-basis:calc(100% - 118px);
}
.profile-order-swipe-thumb{
width:76px;
height:90px;
border-radius:16px;
background:#f2f4f7;
overflow:hidden;
display:grid;
place-items:center;
color:#7c8b9b;
}
.profile-order-swipe-thumb img{width:100%;height:100%;object-fit:cover}
.profile-order-swipe-thumb>b{
right:5px;
bottom:5px;
min-width:24px;
height:20px;
border-radius:10px;
background:rgba(18,31,48,.86);
}
.profile-order-swipe-copy{
min-width:0;
display:grid;
align-content:center;
gap:5px;
}
.profile-order-swipe-copy strong{
color:#17283f;
font-size:17px;
font-weight:850;
line-height:1.08;
white-space:normal;
overflow-wrap:anywhere;
}
.profile-order-swipe-card.is-ready .profile-order-swipe-copy strong{color:#08b85f}
.profile-order-swipe-copy small{
color:#798898;
font-size:12px;
line-height:1.2;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.profile-order-swipe-copy em{
color:#17283f;
font-size:10px;
line-height:1.2;
font-style:normal;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.profile-order-swipe-arrow{color:#8a98a8;display:grid;place-items:center}
.profile-order-swipe-arrow .ui-icon{width:20px;height:20px}
.profile-order-swipe-card:active{background:#f9fbfd}
/* Delivered item review request, like the "How was the product?" tile. */
.profile-review-swipe-card{
flex:0 0 calc(100% - 74px);
min-height:116px;
border:1px solid #e7edf4;
border-radius:20px;
background:#fff;
color:#17283f;
display:grid;
grid-template-columns:76px minmax(0,1fr);
grid-template-rows:auto auto;
align-items:center;
column-gap:11px;
row-gap:4px;
padding:10px 12px;
text-align:left;
scroll-snap-align:start;
scroll-snap-stop:always;
}
.profile-review-swipe-thumb{
grid-row:1 / 3;
width:76px;
height:90px;
border-radius:16px;
overflow:hidden;
background:#f2f4f7;
display:grid;
place-items:center;
}
.profile-review-swipe-copy{
min-width:0;
align-self:end;
display:grid;
gap:3px;
}
.profile-review-swipe-copy strong{
font-size:16px;
font-weight:850;
line-height:1.1;
color:#17283f;
}
.profile-review-swipe-copy small{
font-size:11px;
line-height:1.2;
color:#718096;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.profile-review-swipe-copy em{display:none}
.profile-review-swipe-cta{
align-self:start;
justify-self:start;
min-height:31px;
max-width:100%;
border-radius:11px;
background:#edf5ff;
color:#1269f7;
display:inline-flex;
align-items:center;
gap:5px;
padding:5px 9px;
}
.profile-review-swipe-cta .rating-managed-star{
width:16px!important;
height:16px!important;
}
.profile-review-swipe-cta b{
min-width:0;
font-size:10px;
line-height:1.05;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* reference-style enlarged barcode from the Profile rail:
code at the top, close at top-right, rotated barcode fills the sheet. */
.profile-barcode-backdrop{
background:rgba(8,15,25,.28)!important;
backdrop-filter:blur(4px)!important;
}
.profile-barcode-modal{
top:calc(var(--safe-area-inset-top,env(safe-area-inset-top,0px)) + 10px)!important;
bottom:calc(var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + 10px)!important;
left:12px!important;
right:12px!important;
width:auto!important;
max-height:none!important;
transform:none!important;
padding:18px 14px 14px!important;
border-radius:28px!important;
background:#fff!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr)!important;
gap:12px!important;
justify-items:stretch!important;
overflow:hidden!important;
box-shadow:0 24px 70px rgba(8,18,34,.24)!important;
}
.profile-barcode-modal-head{
min-height:46px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:0 50px 0 8px;
}
.profile-barcode-modal-head>strong{
min-width:0;
color:#111;
font-size:27px;
font-weight:900;
line-height:1;
letter-spacing:.015em;
font-variant-numeric:tabular-nums;
overflow-wrap:anywhere;
}
.profile-barcode-modal-close{
position:absolute!important;
top:14px!important;
right:14px!important;
width:42px!important;
height:42px!important;
background:#f0f3f6!important;
color:#8a99aa!important;
}
.profile-barcode-modal-visual{
min-height:0;
width:100%;
border-radius:20px;
background:#fff;
overflow:hidden;
display:grid;
place-items:stretch;
padding:4px 20px 10px;
}
.profile-modal-barcode-svg{
width:100%;
height:100%;
min-height:0;
display:block;
fill:#000;
color:#000;
shape-rendering:crispEdges;
}
html.tb-theme-dark-active .profile-order-barcode-tile{
background:#080d14!important;
color:#fff!important;
border-color:#080d14!important;
}
html.tb-theme-dark-active .profile-order-swipe-card,
html.tb-theme-dark-active .profile-review-swipe-card{
background:#171e28!important;
color:#edf3fa!important;
border-color:#2b3746!important;
}
html.tb-theme-dark-active .profile-order-swipe-card:active{background:#1a2330!important}
html.tb-theme-dark-active .profile-order-swipe-copy strong,
html.tb-theme-dark-active .profile-order-swipe-copy em,
html.tb-theme-dark-active .profile-review-swipe-copy strong{color:#edf3fa!important}
html.tb-theme-dark-active .profile-order-swipe-copy small,
html.tb-theme-dark-active .profile-review-swipe-copy small{color:#a7b4c3!important}
html.tb-theme-dark-active .profile-order-swipe-card.is-ready .profile-order-swipe-copy strong{color:#25d879!important}
html.tb-theme-dark-active .profile-review-swipe-cta{background:#1b3354!important;color:#6aa7ff!important}
/* Barcode remains black on white in dark mode for scanner reliability. */
html.tb-theme-dark-active .profile-barcode-modal,
html.tb-theme-dark-active .profile-barcode-modal-visual{background:#fff!important;color:#111!important}
html.tb-theme-dark-active .profile-barcode-modal-head>strong{color:#111!important}
html.tb-theme-dark-active .profile-modal-barcode-svg{fill:#000!important;color:#000!important}
@media (min-width:768px){
.profile-order-barcode-tile{flex-basis:82px;min-width:82px;min-height:124px}
.profile-order-swipe-card{flex-basis:min(460px,58vw);min-height:124px}
.profile-order-swipe-card.is-ready{flex-basis:min(430px,54vw)}
.profile-review-swipe-card{flex-basis:min(440px,56vw);min-height:124px}
.profile-barcode-modal{
left:50%!important;
right:auto!important;
width:min(620px,calc(100% - 48px))!important;
transform:translateX(-50%)!important;
}
}
/* =========================================================
TB Market v0.13.67 — reference-style customer review flow.
Scope: customer Profile review counter, review list/tabs, rating page only.
========================================================= */
.profile-overview-quick .profile-review-quick>span{color:#ffb000}
.profile-overview-quick .profile-review-quick>span .rating-managed-star{width:24px!important;height:24px!important}
.customer-reviews-page{padding:10px 10px calc(22px + var(--tb-nav-total-height,76px));display:grid;gap:12px;background:#f2f4f7;min-height:100%}
.customer-review-tabs{display:flex;gap:8px;padding:0 2px}
.customer-review-tabs button{border:0;border-radius:18px;background:#fff;color:#17283f;min-height:42px;padding:9px 16px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:7px}
.customer-review-tabs button span{min-width:20px;height:20px;border-radius:10px;background:#eef2f6;color:#66788b;display:grid;place-items:center;font-size:10px}
.customer-review-tabs button.is-active{background:#10151d;color:#fff}
.customer-review-tabs button.is-active span{background:#2a3441;color:#fff}
.customer-review-progress-card{position:relative;background:#fff;border-radius:21px;padding:17px 18px 18px;display:grid;gap:8px;color:#17283f}
.customer-review-progress-card>strong{font-size:18px;font-weight:900}
.customer-review-progress-card>p{margin:0;color:#55697e;font-size:13px}
.customer-review-progress-card>div{height:12px;border-radius:999px;background:#e4eaf0;overflow:hidden;margin-top:4px}
.customer-review-progress-card>div>i{display:block;height:100%;min-width:0;border-radius:inherit;background:#0bc965;transition:width .25s ease}
.customer-review-progress-card>small{position:absolute;right:22px;bottom:15px;font-size:10px;color:#5d6f82;font-weight:800}
.customer-review-pending-list,.customer-review-mine-list{display:grid;gap:9px}
.customer-review-pending-card,.customer-review-mine-card{background:#fff;border-radius:21px;padding:13px 14px;color:#17283f}
.customer-review-pending-card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.customer-review-list-product{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.customer-review-list-product>span{width:86px;height:106px;border-radius:17px;background:#f0f3f6;overflow:hidden;display:grid;place-items:center;color:#8290a0}
.customer-review-list-product>span img{width:100%;height:100%;object-fit:cover}
.customer-review-list-product>div{min-width:0;display:grid;gap:6px}
.customer-review-list-product b{font-size:16px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.customer-review-list-product small{font-size:12px;color:#788797;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-review-list-stars{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding-left:98px}
.customer-review-list-stars button{width:38px;height:38px;border:0;background:transparent;padding:3px;color:#dfe4e9;display:grid;place-items:center}
.customer-review-list-stars button .rating-managed-star{width:31px!important;height:31px!important}
.customer-review-list-stars button:active{transform:scale(.92);color:#ffb000}
.customer-review-mine-card{display:grid;gap:11px}
.customer-review-mine-product{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:center;border:1px solid #e3e8ee;border-radius:18px;padding:7px}
.customer-review-mine-product>span{width:72px;height:72px;border-radius:13px;overflow:hidden;background:#f1f3f5;display:grid;place-items:center}
.customer-review-mine-product>span img{width:100%;height:100%;object-fit:cover}
.customer-review-mine-product>div{min-width:0;display:grid;gap:3px}
.customer-review-mine-product strong{font-size:14px;color:#08ad5d}
.customer-review-mine-product b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-review-mine-product small{font-size:11px;color:#7b8998;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-review-mine-meta{display:flex;align-items:center;gap:10px}
.customer-review-mine-meta>span{display:inline-flex;align-items:center;gap:2px;color:#ffb000}
.customer-review-mine-meta .rating-managed-star{width:19px!important;height:19px!important}
.customer-review-mine-meta time{color:#758596;font-size:12px}
.customer-review-mine-card>p{margin:0;color:#51677e;font-size:12px;line-height:1.35}.customer-review-mine-card>p em{font-style:normal;color:#8b98a6}
.customer-review-mine-card blockquote{margin:0;padding:10px 12px;background:#f6f8fa;border-radius:13px;color:#334a61;font-size:12px;line-height:1.4}
.customer-review-empty{min-height:190px;border-radius:21px;background:#fff;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:#7b8998;padding:24px}
.customer-review-empty .rating-managed-star{width:34px!important;height:34px!important;color:#ffb000}
.customer-review-empty b{font-size:14px}
.customer-review-compose-page{position:relative;min-height:calc(100dvh - var(--safe-area-inset-top,0px));background:#fff;padding:16px 14px calc(104px + var(--tb-safe-bottom,0px));color:#17283f}
.customer-review-compose-close{position:absolute;top:13px;right:14px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#eef2f6;color:#718093;display:grid;place-items:center}
.customer-review-compose-close .ui-icon{width:22px;height:22px}
.customer-review-compose-product{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;padding:0 52px 12px 0}
.customer-review-compose-product>span{width:84px;height:100px;border-radius:17px;overflow:hidden;background:#f1f3f6;display:grid;place-items:center}
.customer-review-compose-product img{width:100%;height:100%;object-fit:cover}
.customer-review-compose-product>div{min-width:0;display:grid;gap:6px}.customer-review-compose-product b{font-size:17px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.customer-review-compose-product small{font-size:12px;color:#8390a0}
.customer-review-compose-page form{display:grid;gap:12px}
.customer-review-compose-stars{display:flex;gap:10px;align-items:center;padding:4px 4px 17px;border-bottom:8px solid #f2f4f7}
.customer-review-compose-stars button{width:42px;height:42px;border:0;background:transparent;color:#dfe4e9;padding:3px;display:grid;place-items:center}.customer-review-compose-stars button.is-active{color:#ffb000}.customer-review-compose-stars .rating-managed-star{width:34px!important;height:34px!important}
.customer-review-compose-body{padding:8px 4px;display:grid;gap:13px}.customer-review-compose-body h2{margin:0;font-size:19px;font-weight:900}.customer-review-compose-body textarea{width:100%;min-height:108px;border:1px solid #dce3e9;border-radius:18px;background:#fff;color:#17283f;padding:15px;font:inherit;font-size:14px;resize:none;outline:none}.customer-review-compose-body textarea:focus{border-color:#1a73ff;box-shadow:0 0 0 3px rgba(26,115,255,.08)}
.customer-review-compose-submit{position:fixed;z-index:1110;left:0;right:0;bottom:max(var(--tb-safe-bottom,0px),var(--safe-area-inset-bottom,0px));padding:10px 12px 14px;background:#fff;border-top:1px solid #edf0f3}.customer-review-compose-submit .primary-button{width:100%;min-height:54px;border-radius:17px;font-size:15px;font-weight:850}
html.tb-theme-dark-active .customer-reviews-page{background:#0f151d}
html.tb-theme-dark-active .customer-review-tabs button,html.tb-theme-dark-active .customer-review-progress-card,html.tb-theme-dark-active .customer-review-pending-card,html.tb-theme-dark-active .customer-review-mine-card,html.tb-theme-dark-active .customer-review-empty{background:#171e28;color:#edf3fa}
html.tb-theme-dark-active .customer-review-tabs button:not(.is-active){color:#edf3fa}html.tb-theme-dark-active .customer-review-tabs button span{background:#26313e;color:#c8d1db}
html.tb-theme-dark-active .customer-review-progress-card>p,html.tb-theme-dark-active .customer-review-progress-card>small,html.tb-theme-dark-active .customer-review-list-product small,html.tb-theme-dark-active .customer-review-mine-product small,html.tb-theme-dark-active .customer-review-mine-meta time{color:#a7b4c3}
html.tb-theme-dark-active .customer-review-mine-product{border-color:#2c3745}html.tb-theme-dark-active .customer-review-mine-card blockquote{background:#111821;color:#cfd7e0}
html.tb-theme-dark-active .customer-review-compose-page{background:#10151d;color:#edf3fa}html.tb-theme-dark-active .customer-review-compose-close{background:#222c38;color:#aebac7}html.tb-theme-dark-active .customer-review-compose-stars{border-bottom-color:#171e28}html.tb-theme-dark-active .customer-review-compose-body textarea{background:#171e28;border-color:#2c3745;color:#edf3fa}html.tb-theme-dark-active .customer-review-compose-submit{background:#10151d;border-color:#202a35}
@media (min-width:768px){
.customer-reviews-page{max-width:760px;margin:0 auto;padding-left:18px;padding-right:18px}
.customer-review-list-product{grid-template-columns:100px minmax(0,1fr)}.customer-review-list-product>span{width:100px;height:122px}.customer-review-list-stars{padding-left:112px}
.customer-review-compose-page{max-width:720px;margin:0 auto;box-shadow:0 0 0 1px rgba(17,36,61,.05)}
.customer-review-compose-submit{left:50%;right:auto;width:min(720px,100%);transform:translateX(-50%)}
}
/* TB Market v0.13.68 - customer review photos + anonymous publishing */
.customer-review-media-section{padding:0 4px 2px;display:grid;gap:10px}
.customer-review-media-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.customer-review-media-head b{font-size:15px;color:#17283f}.customer-review-media-head small{font-size:11px;color:#8996a5;text-align:right}
.customer-review-media-grid{display:flex;gap:10px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:none;overscroll-behavior-x:contain}.customer-review-media-grid::-webkit-scrollbar{display:none}
.customer-review-media-add,.customer-review-media-item,.customer-review-media-empty{flex:0 0 88px;width:88px;height:108px;border-radius:18px}
.customer-review-media-add{border:0;background:#e8f6ff;color:#1672ff;display:grid;place-items:center;align-content:center;gap:7px;padding:8px;font:inherit;font-weight:800}.customer-review-media-add>span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff;color:#1672ff;box-shadow:0 5px 14px rgba(22,114,255,.12)}.customer-review-media-add .ui-icon{width:23px;height:23px}.customer-review-media-add small{font-size:10px;color:#4079aa;line-height:1.15}.customer-review-media-add.is-full{opacity:.55}
.customer-review-media-empty{border:1.5px dashed #d7dde5;background:#fff}
.customer-review-media-item{position:relative;margin:0;overflow:hidden;background:#f1f3f6;border:1px solid #e3e8ee}.customer-review-media-item img{width:100%;height:100%;object-fit:cover;display:block}.customer-review-media-item button{position:absolute;right:6px;top:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(15,23,34,.78);color:#fff;display:grid;place-items:center;box-shadow:0 3px 10px rgba(0,0,0,.18)}.customer-review-media-item button .ui-icon{width:15px;height:15px}
.customer-review-anonymous-row{margin:3px 4px 0;padding:14px 15px;background:#f5f7fa;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.customer-review-anonymous-row>span{min-width:0;display:grid;gap:3px}.customer-review-anonymous-row b{font-size:15px;color:#17283f}.customer-review-anonymous-row small{font-size:11px;line-height:1.3;color:#7c8998}.customer-review-anonymous-row input{position:absolute;opacity:0;pointer-events:none}.customer-review-anonymous-row>i{position:relative;flex:0 0 52px;width:52px;height:30px;border-radius:999px;background:#dce4ec;box-shadow:inset 0 0 0 1px rgba(23,40,63,.04);transition:.2s ease}.customer-review-anonymous-row>i:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(11,28,48,.17);transition:.2s ease}.customer-review-anonymous-row input:checked+ i{background:#1672ff}.customer-review-anonymous-row input:checked+ i:after{transform:translateX(22px)}.customer-review-anonymous-row:focus-within{box-shadow:0 0 0 3px rgba(22,114,255,.09)}
.customer-review-anonymous-badge{font-style:normal;font-size:10px;font-weight:850;color:#5d6f82;background:#eef2f6;border-radius:999px;padding:4px 7px;margin-left:auto}
.customer-review-mine-media{display:flex;gap:7px;overflow-x:auto}.customer-review-mine-media button{width:68px;height:68px;flex:0 0 68px;border:0;border-radius:13px;overflow:hidden;padding:0;background:#eef2f6}.customer-review-mine-media img{width:100%;height:100%;object-fit:cover;display:block}
.customer-review-source-modal h2{margin-bottom:10px}
html.tb-theme-dark-active .customer-review-media-head b,html.tb-theme-dark-active .customer-review-anonymous-row b{color:#edf3fa}
html.tb-theme-dark-active .customer-review-media-add{background:#15283a;color:#5aa4ff}html.tb-theme-dark-active .customer-review-media-add>span{background:#1e3449;color:#72b2ff}html.tb-theme-dark-active .customer-review-media-add small{color:#8fb6dc}html.tb-theme-dark-active .customer-review-media-empty{background:#141b24;border-color:#34404e}html.tb-theme-dark-active .customer-review-media-item{border-color:#303b49;background:#161e28}
html.tb-theme-dark-active .customer-review-anonymous-row{background:#171e28}html.tb-theme-dark-active .customer-review-anonymous-row small{color:#a1afbe}html.tb-theme-dark-active .customer-review-anonymous-row>i{background:#33404f}html.tb-theme-dark-active .customer-review-anonymous-badge{background:#26313e;color:#b8c5d2}
@media (min-width:700px){.customer-review-media-add,.customer-review-media-item,.customer-review-media-empty{flex-basis:104px;width:104px;height:124px}.customer-review-media-grid{gap:12px}.customer-review-anonymous-row{padding:16px 18px}}
/* TB Market v0.13.70 — Profile > Purchases center (reference-compatible) */
.purchases-appbar{height:58px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;align-items:center;background:#fff;padding:4px 12px 5px}
.purchases-appbar-back{width:42px;height:42px;border:0;background:transparent;color:#91a0ad;display:grid;place-items:center}
.purchases-appbar-back .ui-icon{width:25px;height:25px}
.purchases-appbar-search{height:44px;border-radius:15px;background:#f5f6f9;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;padding:0 12px;color:#9aa6b4}
.purchases-appbar-search .ui-icon{width:21px;height:21px}
.purchases-appbar-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#172237;font:inherit;font-size:14px;min-width:0}
.purchases-appbar-search input::placeholder{color:#9ca6b2}
.purchases-page{margin:-12px -10px -22px;padding:10px 0 30px;background:#f2f3f6;min-height:calc(100dvh - 118px)}
.purchase-shortcuts{background:#fff;border-radius:0 0 22px 22px;padding:0 14px 13px;margin-bottom:12px}
.purchase-shortcuts button{width:100%;height:58px;border:0;border-bottom:1px solid #edf0f3;background:#fff;color:#172237;display:grid;grid-template-columns:46px minmax(0,1fr) auto 20px;gap:9px;align-items:center;text-align:left;padding:0 2px}
.purchase-shortcuts button:last-child{border-bottom:0}
.purchase-shortcut-icon{width:38px;height:38px;border-radius:12px;background:#f4f6f9;color:#8493a2;display:grid;place-items:center}
.purchase-shortcut-icon .ui-icon{width:21px;height:21px}
.purchase-shortcuts b{font-size:15px;font-weight:750}
.purchase-shortcuts em{min-width:26px;height:26px;padding:0 8px;border-radius:13px;background:#f4f6f9;color:#6d7988;font-size:12px;font-style:normal;font-weight:800;display:grid;place-items:center}
.purchase-shortcuts i{width:1px;height:1px}
.purchase-shortcuts>button>.ui-icon{width:20px;height:20px;color:#91a0ad}
.purchase-filter-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 14px 13px;background:#fff;border-radius:0 0 22px 22px;margin-bottom:12px}
.purchase-filter-row::-webkit-scrollbar{display:none}
.purchase-filter-row .favorite-round-chip{min-height:40px;background:#f2f3f6;padding:0 14px;gap:7px}
.purchase-filter-row .favorite-round-chip .ui-icon{width:19px;height:19px}
.purchase-products-section{background:#fff;padding:14px 0 4px}
.purchase-products-section h1{margin:0;padding:0 14px 12px;font-size:18px;color:#111a29}
.purchase-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#eef1f4}
.purchase-product-card{min-width:0;background:#fff;overflow:hidden;padding-bottom:9px}
.purchase-product-media{position:relative;aspect-ratio:.88;background:#eef1f4;overflow:hidden}
.purchase-product-link{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;color:#8d9aa8;display:grid;place-items:center}
.purchase-product-link>img{width:100%;height:100%;object-fit:cover;display:block}
.purchase-product-link>.ui-icon{width:44px;height:44px}
.purchase-product-favorite{position:absolute;z-index:3;right:8px;top:8px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#111;display:grid;place-items:center;box-shadow:0 3px 12px rgba(8,18,34,.08)}
.purchase-product-favorite .ui-icon{width:24px;height:24px}
.purchase-product-favorite.is-active{color:#ff2459}
.purchase-product-favorite.is-active svg{fill:currentColor}
.purchase-product-discount{position:absolute;left:8px;bottom:8px;min-height:24px;padding:0 8px;border-radius:8px;background:#ff1d64;color:#fff;font-size:11px;font-weight:850;display:flex;align-items:center}
.purchase-product-copy{padding:9px 10px 0;min-width:0}
.purchase-price-line{display:flex;align-items:baseline;gap:7px;min-width:0}
.purchase-price-line strong{color:#09a862;font-size:17px;white-space:nowrap}
.purchase-price-line del{color:#8a96a5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.purchase-product-copy>p{min-height:40px;margin:5px 0 3px;color:#161d28;font-size:13px;font-weight:650;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.purchase-variant{display:block;height:16px;color:#7e8b99;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}
.purchase-date-button{width:100%;height:39px;border:0;border-radius:13px;background:#1768f5;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;padding:0 8px}
.purchase-date-button .ui-icon{width:18px;height:18px}
.purchase-date-button.is-delivered{background:#1768f5}.purchase-date-button.is-returned{background:#8995a3}.purchase-date-button.is-active{background:#1768f5}
.purchase-empty{grid-column:1/-1;min-height:45dvh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8492a1;text-align:center;padding:24px}
.purchase-empty .ui-icon{width:42px;height:42px}.purchase-empty b{font-size:14px;color:#59697b}
.purchase-sort-sheet,.purchase-filter-sheet,.purchase-brand-sheet{max-height:min(72dvh,650px);overflow:auto}
html.tb-theme-dark-active .purchases-appbar{background:#10151d}
html.tb-theme-dark-active .purchases-appbar-search{background:#202936;color:#98a6b5}
html.tb-theme-dark-active .purchases-appbar-search input{color:#edf3fa}
html.tb-theme-dark-active .purchases-page{background:#10151d;color:#edf3fa}
html.tb-theme-dark-active .purchase-shortcuts,html.tb-theme-dark-active .purchase-shortcuts button,html.tb-theme-dark-active .purchase-filter-row,html.tb-theme-dark-active .purchase-products-section,html.tb-theme-dark-active .purchase-product-card,html.tb-theme-dark-active .purchase-empty{background:#171e28;color:#edf3fa}
html.tb-theme-dark-active .purchase-shortcuts button{border-color:#293542}
html.tb-theme-dark-active .purchase-shortcut-icon,html.tb-theme-dark-active .purchase-shortcuts em,html.tb-theme-dark-active .purchase-filter-row .favorite-round-chip{background:#202936;color:#d5dfe9}
html.tb-theme-dark-active .purchase-products-section h1,html.tb-theme-dark-active .purchase-product-copy>p,html.tb-theme-dark-active .purchase-shortcuts b,html.tb-theme-dark-active .purchase-empty b{color:#edf3fa}
html.tb-theme-dark-active .purchase-products-grid{background:#283340}
html.tb-theme-dark-active .purchase-product-media{background:#202936}
html.tb-theme-dark-active .purchase-product-favorite{background:rgba(23,30,40,.94);color:#edf3fa}
html.tb-theme-dark-active .purchase-price-line del,html.tb-theme-dark-active .purchase-variant{color:#95a4b4}
@media(min-width:700px){
.purchases-appbar{padding-left:20px;padding-right:20px}.purchases-page{margin:-18px -20px -30px;padding-left:20px;padding-right:20px}.purchase-shortcuts,.purchase-filter-row,.purchase-products-section{border-radius:20px}.purchase-products-grid{gap:10px;padding:0 10px 10px;background:transparent}.purchase-product-card{border-radius:18px;border:1px solid #e2e7ed}.purchase-product-media{border-radius:18px 18px 0 0}
html.tb-theme-dark-active .purchase-product-card{border-color:#2b3746}
}
/* v0.13.73 — stable estimated arrival action, based on the known-working v0.13.70 UI */
.product-arrival-date{width:100%;height:36px;margin-top:2px;border:0;border-radius:12px;background:#1269f7;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;font-size:11px;font-weight:850;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none}
.product-arrival-date .ui-icon{width:17px;height:17px;flex:0 0 17px}.product-arrival-date span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-arrival-date:active{transform:translateY(1px);background:#075fe8}.product-arrival-date.is-unavailable{background:#c9d2dc;color:#fff;pointer-events:none}.home-feed-grid .product-arrival-date{height:34px;border-radius:11px;font-size:10.5px}html.tb-theme-dark-active .product-arrival-date{background:#176ff5;color:#fff}html.tb-theme-dark-active .product-arrival-date.is-unavailable{background:#394657;color:#aeb9c7}@media(min-width:600px){.product-arrival-date{height:40px;border-radius:13px;font-size:12px}.home-feed-grid .product-arrival-date{height:38px}}
/* Startup surface must never be black while API/bootstrap is still loading. */
html:not([data-tb-booted]) body,html:not([data-tb-booted]) .app-shell,html:not([data-tb-booted]) .app-view{background:#f4f7fb!important}
/* v0.13.76 — seller profile/store photo */
.seller-store-photo-editor{position:relative;width:50px;height:50px;padding:0;border:0;border-radius:14px;overflow:visible;background:linear-gradient(145deg,#1768ff,#12c8b6);display:grid;place-items:center;color:#fff;font-weight:900}.seller-store-photo-editor>img,.seller-store-photo-editor>span{width:50px;height:50px;border-radius:14px;object-fit:cover;display:grid;place-items:center;overflow:hidden}.seller-store-photo-editor>i{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;border-radius:8px;border:2px solid #fff;background:#1265ed;color:#fff;display:grid;place-items:center;box-shadow:0 5px 12px rgba(15,43,85,.22)}.seller-store-photo-editor>i .ui-icon{width:11px;height:11px}.seller-store-profile{grid-template-columns:50px minmax(0,1fr) auto}.seller-store-photo-change{display:inline-flex;width:max-content;margin-top:4px;padding:0;border:0;background:transparent;color:#1265ed;font-size:8.5px;font-weight:850}.seller-store-photo-hint{margin:10px 0 0;padding-top:9px;border-top:1px solid #edf1f6;color:#78889d;font-size:8.5px;line-height:1.45}.seller-photo-source-modal>p{margin:-3px 0 12px;color:#78889d;font-size:11px;line-height:1.45}
.product-card-seller-identity{display:flex;align-items:center;gap:5px;min-width:0;margin:1px 0 3px;color:#6e7d91}.product-card-seller-identity img,.product-card-seller-identity>i{width:18px;height:18px;flex:0 0 18px;border-radius:6px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#1768ff,#12c8b6);color:#fff;font-style:normal;font-size:7px;font-weight:900;overflow:hidden}.product-card-seller-identity small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-weight:750;color:inherit}.cart-store-identity{display:flex!important;align-items:center;gap:5px}.cart-store-identity img,.cart-store-identity>i{width:17px;height:17px;flex:0 0 17px;border-radius:6px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#1768ff,#12c8b6);color:#fff;font-style:normal;font-size:7px;font-weight:900}.cart-store-identity span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-store-identity{display:flex;align-items:center;gap:5px;min-width:0;margin-top:3px;color:#75849a}.purchase-store-identity img,.purchase-store-identity>i{width:18px;height:18px;flex:0 0 18px;border-radius:6px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#1768ff,#12c8b6);color:#fff;font-style:normal;font-size:7px;font-weight:900}.purchase-store-identity small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-weight:750}
html[data-theme='dark'] .seller-store-photo-editor>i{border-color:#17202d}.seller-mobile-page .seller-store-photo-editor{background:#172d4c}
/* v0.13.76 seller/store identity across customer surfaces */
.market-seller-identity{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--muted,#73839a);font-size:10px;line-height:1.15}
.market-seller-identity img,.market-seller-identity i{width:18px;height:18px;flex:0 0 18px;border-radius:7px;object-fit:cover;background:#eef3f9;border:1px solid rgba(116,136,160,.16)}
.market-seller-identity i{display:grid;place-items:center;font-style:normal;font-weight:900;color:#52657c;font-size:9px}
.market-seller-identity small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:inherit}
.favorite-store-identity{margin-top:2px}.profile-viewed-store,.guest-profile-store{margin:2px 0}.order-store-identity,.order-detail-store{margin-top:3px}
[data-theme="dark"] .market-seller-identity img,[data-theme="dark"] .market-seller-identity i{background:#1b2430;border-color:rgba(255,255,255,.08);color:#c4cfdb}
/* TB Market v0.13.77 — reference-like product trust + rating/review hierarchy */
.product-card-brand-row{display:flex;align-items:center;gap:5px;min-width:0}.product-card-brand-row>small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-authenticity-badge{display:inline-flex;align-items:center;gap:3px;max-width:100%;color:#079c5a;font-weight:900;line-height:1}.product-authenticity-badge .ui-icon{width:13px!important;height:13px!important;stroke-width:2.25}.product-authenticity-badge b{font-size:9px;white-space:nowrap}.product-authenticity-badge.is-card{padding:3px 5px;border-radius:7px;background:#e9fbf2}.product-brand-line .product-authenticity-badge.is-detail{margin-left:2px;padding:4px 7px;border-radius:8px;background:#e8fbf1}.product-brand-line .product-authenticity-badge.is-detail b{font-size:10px}.product-brand-line.is-authentic-only{margin-bottom:8px}
.product-main-meta{align-items:center}.product-detail-rating-summary{min-width:0;display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#647286;font:inherit;text-align:left}.product-detail-rating-summary>.ui-icon:first-child{color:#ffab00}.product-detail-rating-summary b{color:#151d2b;font-size:12px}.product-detail-rating-summary>.ui-icon:last-child{width:13px;height:13px;color:#a6b0bd}.product-detail-rating-summary span{white-space:nowrap}.product-authenticity-info{min-height:52px;padding:0 13px;border-radius:14px;background:#eafaf2;display:flex;align-items:center;gap:10px;color:#087c4e}.product-authenticity-info>.ui-icon{width:21px;height:21px}.product-authenticity-info b,.product-authenticity-info small{display:block}.product-authenticity-info b{font-size:13px}.product-authenticity-info small{margin-top:2px;color:#5b8d75;font-size:9px}.product-authenticity-info+.product-description-text{margin-top:14px}
.product-reviews-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.product-reviews-title-row h2{margin:0}.product-reviews-title-row>span{min-width:28px;height:25px;padding:0 8px;border-radius:999px;background:#f0f3f7;color:#728095;display:grid;place-items:center;font-size:10px;font-weight:800}.product-review-summary-card{display:grid;grid-template-columns:minmax(112px,.8fr) minmax(0,1.2fr);gap:12px;align-items:center;padding:12px;border-radius:17px;background:#f6f8fb}.product-review-score{border:0;background:transparent;padding:0;text-align:left;display:grid;gap:4px;color:#151d2b}.product-review-score>strong{font-size:28px;line-height:1;font-weight:900}.product-review-score>span{display:block}.product-review-score>small{display:flex;align-items:center;gap:4px;color:#718095;font-size:10px;font-weight:700}.product-average-stars{display:flex!important;align-items:center;gap:1px;color:#ffad00}.product-average-stars .rating-managed-star{width:13px!important;height:13px!important}.product-review-summary-card .product-review-media-strip{min-width:0}.product-review-summary-card .product-review-media-strip button{flex-basis:62px;width:62px;height:62px}.product-review-list{margin-top:14px}.product-review-card{padding:13px 0 0}.product-review-author b{font-size:12px}.product-review-card>p{font-size:12px}.admin-product-state-stack{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-authentic-badge{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 7px;border-radius:999px;background:#e8fbf1;color:#078f54;font-size:9px;font-weight:900}.admin-authentic-badge .ui-icon{width:12px;height:12px}.admin-inline-actions button.verify{background:#e8fbf1!important;color:#087b4c!important;border-color:#bdeed4!important}
@media(max-width:380px){.product-review-summary-card{grid-template-columns:1fr}.product-review-summary-card .product-review-media-strip{margin-top:2px}.product-authenticity-badge.is-card b{font-size:8px}.product-main-meta{align-items:flex-start;flex-direction:column}}
html.tb-theme-dark-active .product-authenticity-badge.is-card,html.tb-theme-dark-active .product-brand-line .product-authenticity-badge.is-detail,html.tb-theme-dark-active .product-authenticity-info{background:#12372a;color:#71e5ae}.tb-theme-dark-active .product-authenticity-info small{color:#8acbae}.tb-theme-dark-active .product-detail-rating-summary b{color:#eef3f8}.tb-theme-dark-active .product-review-summary-card{background:#202936}.tb-theme-dark-active .product-review-score{color:#eef3f8}.tb-theme-dark-active .product-reviews-title-row>span{background:#202936;color:#a9b6c5}
/* ==========================================================================
TB MARKET SEARCH + MULTI FILTER v0.13.79
Search history, unified home/search results, reference-like filter sheet.
========================================================================== */
.search-reference-page{min-width:0}
.search-reference-page.is-results-mode{padding-bottom:18px}
.search-history-block{margin:0 0 18px;padding:14px 14px 8px;border-radius:20px;background:#fff;border:1px solid #e7edf4;box-shadow:0 3px 12px rgba(15,35,64,.035)}
.search-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.search-history-head h2{margin:0;font-size:17px}.search-history-head button{border:0;background:transparent;color:#1468f5;font-weight:800;font-size:12px;padding:5px}
.search-history-list{display:grid}.search-history-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:4px;border-top:1px solid #eef2f6}.search-history-row:first-child{border-top:0}.search-history-run{min-width:0;min-height:44px;border:0;background:transparent;color:#223650;display:flex;align-items:center;gap:10px;text-align:left;padding:6px 0}.search-history-run .ui-icon{width:18px;height:18px;color:#9aa9ba}.search-history-run span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-history-delete{width:34px;height:34px;border:0;border-radius:11px;background:#f4f7fa;color:#a5b1bf;display:grid;place-items:center}.search-history-delete .ui-icon{width:17px;height:17px}.search-history-empty{margin:5px 0 8px;color:#8797a9;font-size:12px}
.search-results-shell[hidden],#search-landing[hidden]{display:none!important}.search-results-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 2px 8px}.search-results-heading>div{min-width:0}.search-results-heading small{display:block;color:#8a99aa;font-size:10px;margin-bottom:2px}.search-results-heading h2{margin:0;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results-heading>b{flex:0 0 auto;color:#72839a;font-size:11px;font-weight:750}
.search-filter-chips{display:flex;gap:7px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none;position:sticky;top:0;z-index:12;background:linear-gradient(180deg,#f4f7fb 82%,rgba(244,247,251,0));margin-bottom:1px}.search-filter-chips::-webkit-scrollbar{display:none}.search-filter-chip{flex:0 0 auto;min-height:36px;border:0;border-radius:18px;background:#fff;color:#1c2e46;display:flex;align-items:center;gap:6px;padding:0 12px;box-shadow:inset 0 0 0 1px #e7edf4;font-size:11px;font-weight:800}.search-filter-chip .ui-icon{width:18px;height:18px}.search-filter-chip em{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#1269f7;color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center}.search-filter-chip.is-active{background:#0c1521;color:#fff;box-shadow:none}.search-sort-chip{padding-left:10px}.search-results-grid{padding-bottom:8px}
.search-filter-backdrop{background:rgba(11,20,32,.34);backdrop-filter:blur(3px)}.search-filter-sheet{position:absolute;inset:0;background:#f7f9fc;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:#122138;overflow:hidden}.search-filter-header{padding:calc(10px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 14px 10px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;background:#fff;border-bottom:1px solid #e8edf3}.search-filter-header h2{margin:0;text-align:center;font-size:18px}.search-filter-header>button:first-child{width:40px;height:40px;border:0;border-radius:14px;background:#f3f6fa;color:#7d8b9a;display:grid;place-items:center}.search-filter-header>button:first-child .ui-icon{width:20px;height:20px}.search-filter-reset-top{border:0;background:transparent;color:#1269f7;font-weight:800;font-size:12px;padding:8px 2px}.search-filter-form{overflow:auto;padding:10px 10px 24px;overscroll-behavior:contain;scroll-padding-top:12px}.search-filter-section{background:#fff;border:1px solid #e8edf3;border-radius:20px;padding:14px;margin-bottom:10px}.search-filter-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.search-filter-section-title h3{margin:0;font-size:16px;display:flex;align-items:center;gap:7px}.search-filter-section-title .ui-icon{width:19px;height:19px;color:#45617e}.search-filter-choice-grid{display:flex;flex-wrap:wrap;gap:8px}.search-choice-chip{position:relative;display:inline-flex;max-width:100%}.search-choice-chip input{position:absolute;opacity:0;pointer-events:none}.search-choice-chip>span{min-height:36px;padding:8px 13px;border-radius:18px;background:#f3f5f8;color:#20334a;display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.2;box-shadow:inset 0 0 0 1px transparent}.search-choice-chip input:checked+span{background:#eaf2ff;color:#0d63eb;box-shadow:inset 0 0 0 2px #1269f7;font-weight:850}.search-choice-chip small{color:#8b9bad;font-size:9px}.search-choice-chip.has-color span i{width:16px;height:16px;border-radius:50%;background:var(--filter-color);box-shadow:0 0 0 1px rgba(20,35,55,.16)}
.search-switch-row{min-height:50px;display:flex;align-items:center;gap:12px;border-top:1px solid #edf1f5;position:relative}.search-switch-row:first-of-type{border-top:0}.search-switch-row span{flex:1;font-size:14px}.search-switch-row input{position:absolute;opacity:0}.search-switch-row i{width:46px;height:28px;border-radius:14px;background:#e4eaf1;position:relative;transition:.18s}.search-switch-row i:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.14);transition:.18s}.search-switch-row input:checked+i{background:#1269f7}.search-switch-row input:checked+i:after{transform:translateX(18px)}
.search-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.search-price-inputs label{display:grid;gap:5px}.search-price-inputs label span{font-size:10px;color:#8a99aa}.search-price-inputs input{min-width:0;height:44px;border:1px solid #e0e7ef;border-radius:14px;background:#f5f7fa;color:#14263d;padding:0 12px;outline:0}.search-price-inputs input:focus{border-color:#1269f7;background:#fff}
.search-logo-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.search-logo-choice{position:relative;min-width:0;min-height:48px;border:1px solid #e3e9f0;border-radius:15px;padding:6px 9px;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:7px;align-items:center;background:#fff}.search-logo-choice input{position:absolute;opacity:0}.search-logo-choice-icon{width:34px;height:34px;border-radius:10px;background:#f3f6f9;display:grid;place-items:center;overflow:hidden}.search-logo-choice-icon img{width:100%;height:100%;object-fit:contain}.search-logo-choice-icon i{font-style:normal;font-weight:900;color:#536a82}.search-logo-choice b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.search-logo-choice em{width:16px;height:16px;border:1.5px solid #bec9d5;border-radius:50%}.search-logo-choice:has(input:checked){border-color:#1269f7;background:#f7fbff;box-shadow:0 0 0 1px #1269f7}.search-logo-choice input:checked~em{border:5px solid #1269f7}
.search-color-grid{display:flex;flex-wrap:wrap;gap:10px 12px}.search-color-choice{position:relative;display:grid;justify-items:center;gap:4px;min-width:44px}.search-color-choice input{position:absolute;opacity:0}.search-color-choice i{width:31px;height:31px;border-radius:50%;background:var(--filter-color);border:3px solid #fff;box-shadow:0 0 0 1px #d9e0e8}.search-color-choice span{font-size:9px;color:#708198;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-color-choice input:checked+i{box-shadow:0 0 0 3px #1269f7}.search-filter-attributes-title{padding:6px 5px 9px;color:#708198;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.search-filter-footer{padding:10px 10px calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#fff;border-top:1px solid #e4eaf1;display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;box-shadow:0 -8px 24px rgba(15,35,64,.07)}.search-filter-footer button{height:48px;border:0;border-radius:16px;font-weight:850}.search-filter-clear{background:#f1f4f8;color:#34485f}.search-filter-apply{background:#1269f7;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px}.search-filter-apply .ui-icon{width:19px;height:19px}.search-sort-sheet{padding-bottom:calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
html.tb-theme-dark-active .search-history-block,html.tb-theme-dark-active .search-filter-section,html.tb-theme-dark-active .search-filter-header,html.tb-theme-dark-active .search-filter-footer{background:#171e28!important;border-color:#293544!important;color:#edf3fa!important}.search-filter-sheet:is(html.tb-theme-dark-active *){background:#10151d}.tb-theme-dark-active .search-filter-sheet{background:#10151d;color:#edf3fa}.tb-theme-dark-active .search-history-run{color:#e7eef8}.tb-theme-dark-active .search-history-delete,.tb-theme-dark-active .search-filter-header>button:first-child{background:#222b37!important;color:#9eb0c2!important}.tb-theme-dark-active .search-filter-chips{background:linear-gradient(180deg,#10151d 82%,rgba(16,21,29,0))}.tb-theme-dark-active .search-filter-chip{background:#171e28;color:#dce6f1;box-shadow:inset 0 0 0 1px #2b3746}.tb-theme-dark-active .search-filter-chip.is-active{background:#edf3fa;color:#10151d}.tb-theme-dark-active .search-choice-chip>span,.tb-theme-dark-active .search-price-inputs input{background:#222b37;color:#e8eff8;border-color:#303d4d}.tb-theme-dark-active .search-choice-chip input:checked+span{background:#19355c;color:#8db9ff}.tb-theme-dark-active .search-logo-choice{background:#171e28;border-color:#2d3948}.tb-theme-dark-active .search-logo-choice:has(input:checked){background:#1a2c45;border-color:#4388f8}.tb-theme-dark-active .search-logo-choice-icon{background:#222b37}.tb-theme-dark-active .search-switch-row{border-color:#293544}.tb-theme-dark-active .search-switch-row i{background:#344151}
@media(min-width:600px){.search-filter-sheet{left:50%;right:auto;width:min(620px,100%);transform:translateX(-50%);box-shadow:0 0 50px rgba(0,0,0,.18)}.search-logo-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-filter-form{padding-left:14px;padding-right:14px}.search-filter-footer{padding-left:14px;padding-right:14px}}
/* v0.13.111 — TB Market Pro seller badge */
.tb-pro-badge-mobile{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
min-width:26px!important;
height:15px!important;
min-height:15px!important;
margin:0 0 0 5px!important;
padding:0 5px!important;
border:0!important;
border-radius:999px!important;
background:linear-gradient(135deg,#1769e8,#18b9a8)!important;
color:#fff!important;
font:900 7px/15px Inter,system-ui,sans-serif!important;
letter-spacing:.05em!important;
white-space:nowrap!important;
vertical-align:middle!important;
box-shadow:none!important;
flex:0 0 auto!important;
}
.product-card-seller-identity small,
.favorite-store-identity small,
.profile-viewed-store small,
.guest-profile-store small,
.order-store-identity small,
.order-detail-store small,
.purchase-store-identity small{
display:inline-flex!important;
align-items:center!important;
min-width:0!important;
}
.product-store-copy b,
.message-thread-copy b,
.message-product-store b{
display:flex!important;
align-items:center!important;
min-width:0!important;
}
/* v0.13.114 real payment card network detection */
.profile-card-network-row{min-height:48px;padding:8px 10px;border:1px solid #dce5ef;border-radius:12px;background:#f8fbff;display:flex;align-items:center;gap:9px}.profile-card-network-row>span{min-width:64px;height:30px;border-radius:8px;display:grid;place-items:center;background:#edf2f8;color:#53677f;font-size:9px;font-weight:950}.profile-card-network-row>span.uzcard{background:linear-gradient(135deg,#0a80d8,#17b9bd);color:#fff}.profile-card-network-row>span.humo{background:linear-gradient(135deg,#74216f,#dd2f65);color:#fff}.profile-card-network-row>span.visa{background:linear-gradient(135deg,#1434cb,#1a65d9);color:#fff}.profile-card-network-row small{color:#71839a;font-size:9px;font-weight:750}.profile-card-form-row.is-local{grid-template-columns:1fr}.profile-card-form-row [hidden]{display:none!important}
.profile-card-network-row [data-card-network-mark] img{display:block;max-width:56px;max-height:24px;object-fit:contain}
/* v0.13.117 — Role chooser: only the current role is highlighted.
Scope: account/role chooser only. Role switching logic is untouched. */
.role-chooser-card,
.role-chooser-card.is-customer,
.role-chooser-card.is-seller,
.role-chooser-card.is-courier,
.role-chooser-card.is-pickup,
.role-chooser-card.is-admin,
.role-chooser-card.is-ads{
background:#fff!important;
border:1px solid #dfe6ef!important;
color:#10213d!important;
box-shadow:none!important;
}
.role-chooser-card .role-chooser-icon,
.role-chooser-card.is-customer .role-chooser-icon,
.role-chooser-card.is-seller .role-chooser-icon,
.role-chooser-card.is-courier .role-chooser-icon,
.role-chooser-card.is-pickup .role-chooser-icon,
.role-chooser-card.is-admin .role-chooser-icon,
.role-chooser-card.is-ads .role-chooser-icon{
background:#f3f6fa!important;
color:#42566f!important;
box-shadow:none!important;
}
.role-chooser-card .role-chooser-copy small,
.role-chooser-card .role-chooser-copy em,
.role-chooser-card.is-seller .role-chooser-copy small,
.role-chooser-card.is-seller .role-chooser-copy em{
color:#718098!important;
}
.role-chooser-card .role-chooser-arrow,
.role-chooser-card.is-seller .role-chooser-arrow{
color:#8a9ab0!important;
}
.role-chooser-card.is-current,
.role-chooser-card.is-current.is-customer,
.role-chooser-card.is-current.is-seller,
.role-chooser-card.is-current.is-courier,
.role-chooser-card.is-current.is-pickup,
.role-chooser-card.is-current.is-admin,
.role-chooser-card.is-current.is-ads{
background:#fff!important;
border:2px solid #1769ef!important;
color:#10213d!important;
box-shadow:0 0 0 3px rgba(23,105,239,.08)!important;
}
.role-chooser-card.is-current .role-chooser-icon{
background:#eef5ff!important;
color:#1769ef!important;
}
.role-chooser-card.is-current .role-chooser-arrow{
color:#1769ef!important;
}
.role-chooser-card.is-current .role-current-badge,
.role-chooser-card.is-current.is-seller .role-current-badge{
background:#eaf8ef!important;
color:#14915a!important;
}
/* Keep the same neutral hierarchy in dark theme: only current role gets blue outline. */
.tb-theme-dark-active .role-chooser-card,
.tb-theme-dark-active .role-chooser-card.is-customer,
.tb-theme-dark-active .role-chooser-card.is-seller,
.tb-theme-dark-active .role-chooser-card.is-courier,
.tb-theme-dark-active .role-chooser-card.is-pickup,
.tb-theme-dark-active .role-chooser-card.is-admin,
.tb-theme-dark-active .role-chooser-card.is-ads{
background:#202b3a!important;
border-color:#314052!important;
color:#eef4fb!important;
}
.tb-theme-dark-active .role-chooser-card .role-chooser-icon{
background:#2a3748!important;
color:#c5d2e2!important;
}
.tb-theme-dark-active .role-chooser-card.is-current{
border:2px solid #4b8dff!important;
box-shadow:0 0 0 3px rgba(75,141,255,.10)!important;
}
.tb-theme-dark-active .role-chooser-card.is-current .role-chooser-icon{
background:#20385b!important;
color:#75a8ff!important;
}
/* v0.13.118 — Profile recommendation cards: stable sizing on real Android phones.
Scope: customer/guest Profile only. Keeps product data, routes, seller PRO badge,
galleries and bottom navigation behavior unchanged. */
@media (max-width: 599px) {
/* Android WebView/Samsung: do not stretch horizontal recommendation cards
to the height of the tallest flex item. */
.guest-profile-recommendations > div,
.profile-viewed-strip {
align-items: flex-start !important;
align-content: flex-start !important;
}
.guest-profile-product {
align-self: flex-start !important;
display: grid !important;
grid-template-rows: auto auto auto auto auto !important;
align-content: start !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding-bottom: 10px !important;
vertical-align: top !important;
}
.guest-profile-product > span[data-gallery] {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 1 / 1 !important;
align-self: start !important;
}
.guest-profile-product > b {
height: auto !important;
max-height: 2.6em !important;
min-height: 2.6em !important;
margin: 8px 9px 3px !important;
line-height: 1.3 !important;
align-self: start !important;
}
.guest-profile-product .guest-profile-store {
width: calc(100% - 18px) !important;
min-height: 18px !important;
height: auto !important;
margin: 2px 9px 4px !important;
align-self: start !important;
overflow: hidden !important;
}
.guest-profile-product > strong {
position: static !important;
display: block !important;
align-self: start !important;
height: auto !important;
min-height: 0 !important;
margin: 3px 9px 0 !important;
line-height: 1.25 !important;
}
.guest-profile-product .guest-profile-rating {
position: static !important;
display: flex !important;
align-items: center !important;
align-self: start !important;
width: calc(100% - 18px) !important;
height: auto !important;
min-height: 18px !important;
max-height: 26px !important;
margin: 5px 9px 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
overflow: hidden !important;
}
.guest-profile-rating .product-rating-score,
.guest-profile-rating .product-rating-reviews {
height: auto !important;
min-height: 0 !important;
max-height: 22px !important;
align-self: center !important;
}
/* Logged-in profile strips use the same non-stretch rule. */
.profile-viewed-card {
align-self: flex-start !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
.profile-viewed-copy {
height: auto !important;
min-height: 0 !important;
align-content: start !important;
}
.profile-viewed-rating {
height: auto !important;
min-height: 18px !important;
max-height: 25px !important;
overflow: hidden !important;
}
}
/* Very narrow phones: keep two recommendation cards readable without making
their content vertically elastic. */
@media (max-width: 380px) {
.guest-profile-product {
flex-basis: 45% !important;
}
}
/* v0.13.119 — Marketplace internal ad destinations / public store view */
.market-store-page{padding:10px 10px 88px;background:var(--app-bg,#f5f7fb);min-height:100%}
.market-store-hero{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid rgba(129,149,178,.22);border-radius:18px;background:var(--card-bg,#fff);box-shadow:0 5px 18px rgba(8,28,62,.05)}
.market-store-logo{width:72px;height:72px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:#edf4ff;color:#1468ef;font-weight:900;font-size:24px}
.market-store-logo img{width:100%;height:100%;object-fit:cover;display:block}
.market-store-copy{min-width:0}.market-store-copy>div{display:flex;align-items:center;gap:7px;min-width:0}.market-store-copy h1{margin:0;min-width:0;color:var(--text-strong,#10213d);font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-store-copy p{margin:5px 0 0;color:var(--text-muted,#738198);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.market-store-copy small{display:block;margin-top:6px;color:var(--text-muted,#738198);font-size:10.5px;font-weight:700}
.market-store-section-head{padding:16px 2px 8px}.market-store-product-grid{margin:0}
body.dark-mode .market-store-hero{background:#1b2635;border-color:#304057}.dark-mode .market-store-logo{background:#223754;color:#6ba2ff}
/* v0.13.120 — Guest profile recommendation card aspect-ratio hotfix.
The generic direct-child span rule also matched .guest-profile-store and
forced the seller row into a square. Only the gallery is allowed to be square. */
.guest-profile-product > span:not([data-gallery]) {
aspect-ratio: auto !important;
}
.guest-profile-product > .guest-profile-store {
display: flex !important;
align-items: center !important;
width: calc(100% - 18px) !important;
height: auto !important;
min-height: 18px !important;
max-height: 28px !important;
aspect-ratio: auto !important;
margin: 2px 9px 4px !important;
padding: 0 !important;
background: transparent !important;
overflow: hidden !important;
flex: 0 0 auto !important;
}
.guest-profile-product > .guest-profile-store img,
.guest-profile-product > .guest-profile-store i {
flex: 0 0 auto !important;
}
.guest-profile-product > .guest-profile-store small {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
@media (max-width: 599px) {
.guest-profile-product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
align-self: flex-start !important;
height: fit-content !important;
min-height: 0 !important;
}
.guest-profile-product > span[data-gallery] {
flex: 0 0 auto !important;
aspect-ratio: 1 / 1 !important;
}
.guest-profile-product > b,
.guest-profile-product > strong,
.guest-profile-product > .guest-profile-rating {
flex: 0 0 auto !important;
}
}
/* v0.13.121 — Guest profile recommendation micro-alignment.
Scope: guest Profile recommendation strip only. Aligns the section title,
horizontal rail and all card body baselines without touching routes/data. */
@media (max-width: 599px) {
.guest-profile-recommendations h2 {
margin-left: 10px !important;
margin-right: 10px !important;
margin-bottom: 10px !important;
}
.guest-profile-recommendations > div {
padding-left: 10px !important;
padding-right: 10px !important;
gap: 8px !important;
}
.guest-profile-product {
box-sizing: border-box !important;
margin: 0 !important;
}
/* Every card starts its text rows from the exact same vertical baselines. */
.guest-profile-product > b {
box-sizing: border-box !important;
min-height: 30px !important;
height: 30px !important;
max-height: 30px !important;
margin: 7px 8px 2px !important;
line-height: 15px !important;
}
.guest-profile-product > .guest-profile-store {
box-sizing: border-box !important;
width: calc(100% - 16px) !important;
min-height: 20px !important;
height: 20px !important;
max-height: 20px !important;
margin: 0 8px 3px !important;
}
.guest-profile-product > strong {
box-sizing: border-box !important;
min-height: 20px !important;
height: 20px !important;
margin: 1px 8px 0 !important;
line-height: 20px !important;
}
.guest-profile-product > .guest-profile-rating {
box-sizing: border-box !important;
width: calc(100% - 16px) !important;
min-height: 24px !important;
height: 24px !important;
max-height: 24px !important;
margin: 3px 8px 0 !important;
line-height: 24px !important;
}
}
/* v0.13.124 — Guest Profile uses the exact Home product-card component.
No duplicate product-card layout lives here: only section spacing is scoped. */
.guest-profile-recommendations > .guest-profile-home-card-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:6px 4px!important;
align-items:start!important;
width:100%!important;
overflow:visible!important;
padding:0 10px 10px!important;
scroll-snap-type:none!important;
}
.guest-profile-recommendations > .guest-profile-home-card-grid .product-card{
min-width:0!important;
width:auto!important;
height:auto!important;
align-self:start!important;
}
.guest-profile-recommendations > .guest-profile-home-card-grid .product-copy{
min-width:0!important;
}
.guest-profile-recommendations > .guest-profile-home-card-grid .product-card-cart-slot{
width:100%!important;
max-width:100%!important;
}
.guest-profile-recommendations > .guest-profile-home-card-grid .product-arrival-date,
.guest-profile-recommendations > .guest-profile-home-card-grid .product-card-qty-control{
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
}
@media(max-width:380px){
.guest-profile-recommendations > .guest-profile-home-card-grid{
gap:6px 4px!important;
}
}
/* v0.13.125 — reference-like public store profile + Premium/Premium Plus crown */
.tb-premium-crown-mobile{display:inline-flex!important;align-items:center!important;gap:2px!important;max-width:92px!important;min-width:0!important;height:18px!important;margin-left:4px!important;padding:0!important;border:0!important;background:transparent!important;color:#7657ed!important;vertical-align:middle!important;white-space:nowrap!important;cursor:pointer!important;position:relative!important;z-index:4!important}
.tb-premium-crown-mobile img{width:20px!important;height:16px!important;object-fit:contain!important;display:block!important;flex:0 0 auto!important}
.tb-premium-crown-mobile b{font-size:7.5px!important;line-height:1!important;font-weight:900!important;color:#7657ed!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tb-premium-crown-mobile.is-plus img{width:21px!important;height:17px!important}
.product-card-seller-identity.is-clickable-store{cursor:pointer;position:relative;z-index:4}
.product-store-profile-link{min-width:0;flex:1;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:10px;text-align:left;color:inherit}
.premium-info-backdrop{background:rgba(8,15,27,.44)!important;backdrop-filter:blur(3px)}
.premium-info-modal{position:absolute;left:10px;right:10px;bottom:calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:34px 18px 18px;border-radius:28px;background:#fff;color:#111827;box-shadow:0 24px 70px rgba(9,25,52,.24);overflow:hidden}
.premium-info-close{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#edf1f6;color:#718095;display:grid;place-items:center;z-index:3}
.premium-info-close .ui-icon{width:19px;height:19px}
.premium-info-visual{height:190px;border-radius:20px;display:grid;place-items:center;overflow:hidden;margin-bottom:20px;background:radial-gradient(circle at 25% 25%,rgba(68,209,255,.35),transparent 30%),radial-gradient(circle at 78% 70%,rgba(255,49,170,.34),transparent 30%),linear-gradient(135deg,#0876ff 0%,#1342be 45%,#a324c6 100%)}
.premium-info-modal.is-premium .premium-info-visual{background:radial-gradient(circle at 72% 28%,rgba(44,224,255,.35),transparent 32%),linear-gradient(135deg,#1684ff,#0e5cea 55%,#00bbed)}
.premium-info-visual img{width:56%;height:66%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(32,15,90,.22))}
.premium-info-modal h2{margin:0 0 8px;font-size:26px;line-height:1.15;color:#0e1828}
.premium-info-modal p{margin:0;color:#677a92;font-size:14px;line-height:1.55}
.premium-info-ok{width:100%;height:54px;margin-top:22px;border:0;border-radius:16px;background:#1269f7;color:#fff;font-size:15px;font-weight:900}
.market-store-reference-page{margin:-12px -10px -22px;padding:0 0 calc(76px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#f2f3f6;min-height:calc(100dvh - 110px)}
.market-store-top-search{height:58px;padding:7px 10px;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:6px;align-items:center;background:#fff}
.market-store-top-search>button{width:38px;height:38px;border:0;background:transparent;color:#91a0ae;display:grid;place-items:center}
.market-store-top-search>label{height:42px;border-radius:14px;background:#f4f5f8;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;padding:0 9px;color:#8997a8}
.market-store-top-search>label .ui-icon{width:19px;height:19px}
.market-store-top-search input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:#172337;font-size:13px}
.market-store-profile-card{background:#fff;border-radius:0 0 24px 24px;overflow:hidden;margin-bottom:8px}
.market-store-profile-main{padding:12px 14px 10px;display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center}
.market-store-profile-main .market-store-logo{width:68px;height:68px;border-radius:18px}
.market-store-profile-copy{min-width:0}.market-store-profile-copy>div{display:flex;align-items:center;gap:5px;min-width:0}.market-store-profile-copy h1{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:1.2;color:#111827}.market-store-profile-copy>small{display:block;margin-top:4px;color:#778596;font-size:11px}
.market-store-premium-crown{flex:0 0 auto}
.market-store-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;padding:10px 4px}
.market-store-stats button{min-width:0;border:0;background:transparent;display:grid;gap:3px;text-align:center;color:#172033}
.market-store-stats strong{font-size:17px;line-height:1.05}.market-store-stats small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8995a4;font-size:9px}
.market-store-main-actions{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:8px;padding:10px 12px 13px}
.market-store-main-actions button{height:48px;border:0;border-radius:15px;background:#f4f5f8;color:#172033;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px}
.market-store-main-actions .ui-icon{width:20px;height:20px;color:#7b8999}.market-store-chat{padding:0}.market-store-chat .ui-icon{width:22px;height:22px}
.market-store-promos{background:#fff;border-radius:22px;margin:0 8px 8px;overflow:hidden}
.market-store-promos button{width:100%;min-height:65px;padding:9px 14px;border:0;border-bottom:1px solid #edf0f4;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;color:#172033}
.market-store-promos button:last-child{border-bottom:0}.market-store-promos>button>span{width:40px;height:40px;border-radius:13px;background:#e9f5ff;color:#146cf7;display:grid;place-items:center;font-size:20px;font-weight:900}.market-store-promos button:nth-child(2)>span{background:#fff0fa;color:#f132a5}.market-store-promos b,.market-store-promos small{display:block}.market-store-promos b{font-size:14px}.market-store-promos small{margin-top:3px;color:#8a97a6;font-size:10px}.market-store-promos .ui-icon{width:17px;height:17px;color:#aab4c0}
.market-store-filter-bar{position:sticky;top:0;z-index:20;display:flex;gap:7px;overflow-x:auto;padding:8px 8px;background:rgba(242,243,246,.96);backdrop-filter:blur(10px);scrollbar-width:none}.market-store-filter-bar::-webkit-scrollbar{display:none}.market-store-filter-bar button{flex:0 0 auto;height:36px;padding:0 12px;border:0;border-radius:18px;background:#fff;color:#1f2c3d;font-size:11px;white-space:nowrap}.market-store-filter-bar button:first-child{width:42px;padding:0;font-size:17px}.market-store-filter-bar button.is-active{background:#172033;color:#fff}
.market-store-reference-page .market-store-product-grid{padding:0 8px 10px;gap:8px;align-items:start}
.market-store-reference-page .home-feed-grid .product-card{align-self:start}
html.tb-theme-dark-active .market-store-reference-page{background:#10151d!important}
html.tb-theme-dark-active .market-store-top-search,html.tb-theme-dark-active .market-store-profile-card,html.tb-theme-dark-active .market-store-promos,html.tb-theme-dark-active .market-store-promos button{background:#171e28!important;color:#edf3fa!important}
html.tb-theme-dark-active .market-store-profile-copy h1,html.tb-theme-dark-active .market-store-stats button,html.tb-theme-dark-active .market-store-main-actions button{color:#edf3fa!important}
html.tb-theme-dark-active .market-store-top-search>label,html.tb-theme-dark-active .market-store-main-actions button,html.tb-theme-dark-active .market-store-filter-bar button{background:#202936!important;color:#edf3fa!important}
html.tb-theme-dark-active .market-store-filter-bar{background:rgba(16,21,29,.94)!important}
html.tb-theme-dark-active .market-store-stats{border-color:#2b3746!important}
html.tb-theme-dark-active .premium-info-modal{background:#171e28;color:#edf3fa}
html.tb-theme-dark-active .premium-info-modal h2{color:#edf3fa}
html.tb-theme-dark-active .premium-info-modal p{color:#a7b4c3}
/* v0.13.126 — Premium badges are crown-only; popup still opens on the crown. */
.tb-premium-crown-mobile{max-width:24px!important;width:22px!important;height:18px!important;gap:0!important;margin-left:4px!important;overflow:visible!important}
.tb-premium-crown-mobile b{display:none!important}
.tb-premium-crown-mobile img{margin:0!important}
.market-store-premium-crown{width:26px!important;max-width:26px!important}
/* v0.13.127 — Premium crown must stay a bare transparent icon inside seller rows.
Overrides generic seller-logo img rules that were painting a rounded background/border. */
.product-card-seller-identity .tb-premium-crown-mobile,
.market-seller-identity .tb-premium-crown-mobile,
.favorite-store-identity .tb-premium-crown-mobile,
.profile-viewed-store .tb-premium-crown-mobile,
.order-store-identity .tb-premium-crown-mobile,
.order-detail-store .tb-premium-crown-mobile,
.purchase-store-identity .tb-premium-crown-mobile{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.product-card-seller-identity .tb-premium-crown-mobile img,
.market-seller-identity .tb-premium-crown-mobile img,
.favorite-store-identity .tb-premium-crown-mobile img,
.profile-viewed-store .tb-premium-crown-mobile img,
.order-store-identity .tb-premium-crown-mobile img,
.order-detail-store .tb-premium-crown-mobile img,
.purchase-store-identity .tb-premium-crown-mobile img{width:20px!important;height:16px!important;min-width:0!important;flex:0 0 auto!important;padding:0!important;margin:0!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.tb-premium-crown-mobile.is-plus img{width:21px!important;height:17px!important}
/* v0.13.128 — Product detail store card alignment.
Scope: product detail > Store only. Keeps store routing, Premium popup and chat logic unchanged. */
.product-store-section{
overflow:hidden!important;
}
.product-store-section .product-store-title{
display:block!important;
margin:0 0 10px!important;
padding:0!important;
}
.product-store-section .product-store-title h2{
margin:0!important;
}
.product-store-card.product-store-card-v2{
display:block!important;
width:100%!important;
min-width:0!important;
height:auto!important;
margin:0!important;
padding:0!important;
border:1px solid #e5eaf0!important;
border-radius:17px!important;
background:#fff!important;
overflow:hidden!important;
}
.product-store-card-v2 .product-store-profile-link-v2{
width:100%!important;
min-width:0!important;
height:auto!important;
min-height:66px!important;
margin:0!important;
padding:9px 10px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:inherit!important;
display:grid!important;
grid-template-columns:48px minmax(0,1fr) 18px!important;
gap:10px!important;
align-items:center!important;
text-align:left!important;
box-shadow:none!important;
}
.product-store-card-v2 .product-store-logo{
width:48px!important;
height:48px!important;
min-width:48px!important;
border-radius:14px!important;
background:#f2f5f8!important;
overflow:hidden!important;
display:grid!important;
place-items:center!important;
}
.product-store-card-v2 .product-store-logo img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
}
.product-store-card-v2 .product-store-copy{
display:block!important;
min-width:0!important;
width:100%!important;
overflow:hidden!important;
}
.product-store-card-v2 .product-store-name-line{
display:flex!important;
align-items:center!important;
gap:5px!important;
min-width:0!important;
width:100%!important;
}
.product-store-card-v2 .product-store-name-line>b{
display:block!important;
min-width:0!important;
margin:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#111827!important;
font-size:13px!important;
line-height:1.25!important;
font-weight:850!important;
}
.product-store-card-v2 .product-store-name-line .tb-premium-crown-mobile{
flex:0 0 22px!important;
width:22px!important;
max-width:22px!important;
min-width:22px!important;
height:18px!important;
margin:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.product-store-card-v2 .product-store-name-line .tb-premium-crown-mobile img{
width:21px!important;
height:17px!important;
margin:0!important;
padding:0!important;
object-fit:contain!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.product-store-card-v2 .product-store-copy>small{
display:block!important;
min-width:0!important;
margin:4px 0 0!important;
color:#7c8999!important;
font-size:9px!important;
line-height:1.25!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.product-store-chevron{
display:grid!important;
place-items:center!important;
color:#a0abba!important;
}
.product-store-chevron .ui-icon{
width:16px!important;
height:16px!important;
}
.product-store-tools{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:8px!important;
padding:8px 10px 10px!important;
border-top:1px solid #edf1f5!important;
}
.product-store-card-v2 .product-store-rating-v2,
.product-store-card-v2 .product-store-chat-v2{
width:100%!important;
min-width:0!important;
height:44px!important;
min-height:44px!important;
margin:0!important;
padding:0 9px!important;
border:0!important;
border-radius:12px!important;
background:#f5f7fa!important;
color:#1b2a3d!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
box-shadow:none!important;
}
.product-store-card-v2 .product-store-rating-v2>span{
display:inline-flex!important;
align-items:center!important;
color:#ffad00!important;
margin:0!important;
}
.product-store-card-v2 .product-store-rating-v2>b{
display:inline!important;
margin:0!important;
color:#172033!important;
font-size:12px!important;
line-height:1!important;
}
.product-store-card-v2 .product-store-rating-v2>small,
.product-store-card-v2 .product-store-chat-v2>small{
display:block!important;
min-width:0!important;
margin:0!important;
color:#718096!important;
font-size:8px!important;
line-height:1.15!important;
font-weight:750!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.product-store-card-v2 .product-store-chat-v2{
color:#176df7!important;
cursor:pointer!important;
}
.product-store-card-v2 .product-store-chat-v2 .ui-icon{
width:17px!important;
height:17px!important;
flex:0 0 auto!important;
}
.product-store-section + .product-related-section{
clear:both!important;
position:relative!important;
margin-top:8px!important;
}
html.tb-theme-dark-active .product-store-card.product-store-card-v2{
background:#171e28!important;
border-color:#2b3746!important;
}
html.tb-theme-dark-active .product-store-card-v2 .product-store-name-line>b{
color:#eef3f8!important;
}
html.tb-theme-dark-active .product-store-card-v2 .product-store-copy>small,
html.tb-theme-dark-active .product-store-card-v2 .product-store-rating-v2>small,
html.tb-theme-dark-active .product-store-card-v2 .product-store-chat-v2>small{
color:#9eacbd!important;
}
html.tb-theme-dark-active .product-store-card-v2 .product-store-rating-v2,
html.tb-theme-dark-active .product-store-card-v2 .product-store-chat-v2,
html.tb-theme-dark-active .product-store-card-v2 .product-store-logo{
background:#202936!important;
}
html.tb-theme-dark-active .product-store-card-v2 .product-store-rating-v2>b{
color:#eef3f8!important;
}
/* v0.13.129 — Orders: compact product media + completed-order repeat/open actions.
Scope: customer Orders only. Fixes nested seller/premium images inheriting the
order product-image size on real Android devices. */
.order-detail-products article>span>img,
.order-detail-products .order-detail-product-image>img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:cover!important;
display:block!important;
}
.order-detail-products article .order-detail-store>img,
.order-detail-products article .order-detail-store>i{
width:18px!important;
height:18px!important;
min-width:18px!important;
max-width:18px!important;
min-height:18px!important;
max-height:18px!important;
flex:0 0 18px!important;
object-fit:cover!important;
border-radius:6px!important;
margin:0!important;
padding:0!important;
}
.order-detail-products article .order-detail-store .tb-premium-crown-mobile,
.order-detail-products article .order-detail-store .tb-premium-crown-mobile img{
max-width:22px!important;
max-height:18px!important;
}
.order-detail-product-row{min-width:0}
.order-detail-product-image,.order-detail-product-name{cursor:pointer}
.order-detail-product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.order-detail-open-product{justify-self:start;margin-top:8px;min-height:30px;padding:0 10px;border:1px solid #dce5ef;border-radius:10px;background:#f7f9fc;color:#1768f5;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800}
.order-detail-open-product .ui-icon{width:13px;height:13px}
.completed-order-card-v2{padding:0!important}
.completed-order-main{width:100%;display:block;border:0;background:#fff;text-align:left;padding:15px;color:#17283f}
.completed-order-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:10px 12px 12px;border-top:1px solid #edf1f5;background:#fff}
.completed-order-actions button{min-width:0;min-height:38px;border-radius:12px;font-size:10px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 9px}
.completed-order-repeat{border:0;background:#1269f7;color:#fff}
.completed-order-product-open{border:1px solid #dce5ef;background:#f7f9fc;color:#1768f5}
.completed-order-actions .ui-icon{width:15px;height:15px;flex:0 0 auto}
.order-repeat-card{padding:0;background:transparent!important;border:0!important}
.order-repeat-card>button{width:100%;min-height:46px;border:0;border-radius:15px;background:#1269f7;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:900}
.order-repeat-card .ui-icon{width:18px;height:18px}
html.tb-theme-dark-active .completed-order-main,
html.tb-theme-dark-active .completed-order-actions{background:#171e28!important;color:#edf3fa!important}
html.tb-theme-dark-active .completed-order-actions{border-color:#2b3746!important}
html.tb-theme-dark-active .completed-order-product-open,
html.tb-theme-dark-active .order-detail-open-product{background:#202936!important;border-color:#344255!important;color:#75a8ff!important}
@media(max-width:380px){
.order-detail-products article{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important}
.order-detail-products article>span,.order-detail-products .order-detail-product-image{width:88px!important;height:116px!important}
.completed-order-actions{grid-template-columns:1fr 1fr;gap:6px}
}
/* v0.13.130 — Premium/store/cart interaction polish */
/* Smaller crown on product/store identity rows; store header keeps a slightly larger crown. */
.product-card-seller-identity .tb-premium-crown-mobile,
.market-seller-identity .tb-premium-crown-mobile,
.favorite-store-identity .tb-premium-crown-mobile,
.profile-viewed-store .tb-premium-crown-mobile,
.order-store-identity .tb-premium-crown-mobile,
.order-detail-store .tb-premium-crown-mobile,
.purchase-store-identity .tb-premium-crown-mobile{width:16px!important;max-width:16px!important;height:13px!important;margin-left:3px!important}
.product-card-seller-identity .tb-premium-crown-mobile img,
.market-seller-identity .tb-premium-crown-mobile img,
.favorite-store-identity .tb-premium-crown-mobile img,
.profile-viewed-store .tb-premium-crown-mobile img,
.order-store-identity .tb-premium-crown-mobile img,
.order-detail-store .tb-premium-crown-mobile img,
.purchase-store-identity .tb-premium-crown-mobile img{width:14px!important;height:11px!important}
.market-store-premium-crown{width:20px!important;max-width:20px!important;height:16px!important}
.market-store-premium-crown img{width:18px!important;height:14px!important}
.market-store-top-search{grid-template-columns:38px minmax(0,1fr) 38px 38px!important}
.market-store-favorite.is-active{color:#ff3b6b!important}
.market-store-favorite.is-active .ui-icon{fill:currentColor!important}
.market-store-stats strong{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
.market-store-stats strong .ui-icon{width:15px!important;height:15px!important;color:#8c99a9!important}
.market-store-stats button:first-child strong .ui-icon{color:#ffad00!important}
.favorite-stores-section{margin:0 0 10px;padding:10px;border-radius:18px;background:#fff}
.favorite-stores-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.favorite-stores-head b{font-size:14px}.favorite-stores-head small{color:#8b98a7;font-size:10px}
.favorite-stores-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.favorite-stores-strip::-webkit-scrollbar{display:none}
.favorite-store-card{flex:0 0 116px;min-width:0;border:1px solid #e3e9f1;border-radius:14px;background:#fbfcfe;padding:9px;display:grid;justify-items:center;gap:6px;color:#172337;text-align:center}
.favorite-store-card>span{width:46px;height:46px;border-radius:14px;background:#eef4ff;overflow:hidden;display:grid;place-items:center}.favorite-store-card>span img{width:100%;height:100%;object-fit:cover}.favorite-store-card>span i{font-style:normal;font-size:15px;font-weight:900;color:#1768f5}.favorite-store-card>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.favorite-store-crown{margin:0!important}
.cart-plus-glyph{position:relative;width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px}.cart-plus-glyph>.ui-icon{width:18px!important;height:18px!important}.cart-plus-glyph>b{position:absolute;right:-2px;top:-3px;min-width:10px;height:10px;border-radius:999px;background:currentColor;color:#fff;font:900 8px/10px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 1px currentColor}.product-arrival-date .cart-plus-glyph>b,.cart-button .cart-plus-glyph>b,.favorite-cart-button .cart-plus-glyph>b{background:#fff;color:#1269f7;box-shadow:none}
html.tb-theme-dark-active .favorite-stores-section{background:#171e28!important}.tb-theme-dark-active .favorite-store-card{background:#202936!important;border-color:#2b3746!important;color:#edf3fa!important}
/* v0.13.135 — product review profile/stars/helpful row */
.product-review-social{margin-top:10px;padding-top:10px;border-top:1px solid #edf1f5;display:grid;gap:8px;color:#7d8998;font-size:10px}.product-review-social>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.product-review-social button{min-height:28px;padding:0 9px;border:0;border-radius:999px;background:#f0f3f7;color:#24354d;font-size:9px;font-weight:800}.product-review-social button.is-active{background:#e6f1ff;color:#1768f5;box-shadow:inset 0 0 0 1px #a9ccff}.product-review-social button.is-link{background:transparent;color:#1768f5;padding:0 4px}.product-review-social button b{font-size:8px}.product-review-social small{color:#1768f5;font-size:9px;font-weight:800}.product-review-reply-sheet{position:absolute;left:12px;right:12px;bottom:calc(12px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:18px 14px;border-radius:24px;background:#fff;display:grid;gap:12px}.product-review-reply-sheet h2{margin:0;font-size:19px}.product-review-reply-sheet form{display:grid;gap:10px}.product-review-reply-sheet textarea{min-height:100px;padding:12px;border:1px solid #dce5ef;border-radius:14px;resize:vertical}.product-review-author>img{object-fit:cover}.tb-theme-dark-active .product-review-social{border-color:#2b3746}.tb-theme-dark-active .product-review-social button{background:#202936;color:#dbe6f2}.tb-theme-dark-active .product-review-social button.is-active{background:#20385b;color:#75a8ff}.tb-theme-dark-active .product-review-reply-sheet{background:#171e28;color:#edf3fa}.tb-theme-dark-active .product-review-reply-sheet textarea{background:#202936;border-color:#2b3746;color:#edf3fa}
/* v0.13.136 — customer return barcode / selected point / refund status */
.return-status-pill.is-requested{background:#e9f2ff;color:#1768e8}
.return-card-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border-radius:12px;background:#f5f8fc;color:#52677f}
.return-card-code small{font-size:9px}.return-card-code b{font-size:12px;color:#17314e;letter-spacing:.05em}
.return-barcode-card{width:100%;border:1px solid #d9e5f2;border-radius:22px;background:#fff;padding:14px;color:#17283f;text-align:left;display:grid;gap:9px;overflow:hidden}
.return-barcode-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.return-barcode-card-head span{color:#74869b;font-size:10px}.return-barcode-card-head strong{font-size:15px;letter-spacing:.06em}
.return-barcode-card>div:nth-child(2){min-height:92px;padding:9px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden}.return-barcode-card svg{display:block;max-width:100%;height:76px}.return-barcode-card>small{color:#657991;font-size:10px;line-height:1.4}
.return-barcode-modal{max-width:420px}.return-barcode-modal .profile-barcode-modal-head>div{display:grid;gap:2px}.return-barcode-modal .profile-barcode-modal-head small{color:#7d8c9d;font-size:10px}.return-barcode-modal-visual{padding:14px 8px;border:1px solid #e1e8f0;border-radius:16px;background:#fff}.return-barcode-modal-visual svg{width:100%;height:auto;max-height:150px}.return-barcode-modal>p{margin:12px 4px 0;color:#607287;font-size:11px;line-height:1.45}
.return-create-sheet-head>div{min-width:0}.return-create-sheet-head>div>small{display:block;margin-top:4px;color:#74869b;font-size:10px;line-height:1.35}
.return-eligible-card{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important;padding:12px!important;height:auto!important}
.return-eligible-main{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center}.return-eligible-main>div{min-width:0;display:grid;gap:3px}.return-eligible-main small{font-size:9px;color:#7d8998}.return-eligible-main b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.return-eligible-main strong{font-size:14px}.return-eligible-main em{margin-top:2px;color:#64778e;font-size:9px;font-style:normal}
.return-point-select{display:grid;gap:5px}.return-point-select>span{color:#667a91;font-size:9px;font-weight:800}.return-point-select select{width:100%;height:40px;border:1px solid #d8e3ef;border-radius:11px;background:#f8fbff;color:#172b45;padding:0 10px;font-size:11px;outline:0}
.return-submit-button{width:100%;min-height:42px;border:0;border-radius:12px;background:#1269f7;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900}.return-submit-button:disabled{background:#cbd5e1}.return-submit-button .ui-icon{width:17px;height:17px}
.order-repeat-card{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.order-repeat-card .order-return-button{background:#eef5ff!important;color:#1269f7!important;border:1px solid #cfe0fb!important}.order-return-deadline{margin:8px 2px 0;padding:9px 11px;border-radius:12px;background:#fff8e8;color:#756022;font-size:10px;line-height:1.4}.order-return-deadline b{color:#463817}
.pickup-return-result .pickup-result-grid{margin-bottom:10px}
html.tb-theme-dark-active .return-card-code{background:#202936;color:#a7b4c3}html.tb-theme-dark-active .return-card-code b{color:#edf3fa}
html.tb-theme-dark-active .return-barcode-card{background:#171e28!important;border-color:#2b3746!important;color:#edf3fa!important}html.tb-theme-dark-active .return-barcode-card>div:nth-child(2),html.tb-theme-dark-active .return-barcode-modal-visual{background:#fff!important}
html.tb-theme-dark-active .return-point-select select{background:#202936;border-color:#344153;color:#edf3fa}html.tb-theme-dark-active .return-eligible-main em{color:#a7b4c3}html.tb-theme-dark-active .order-repeat-card .order-return-button{background:#20324a!important;border-color:#335479!important;color:#75a8ff!important}html.tb-theme-dark-active .order-return-deadline{background:#332d1c;color:#d9c98f}html.tb-theme-dark-active .order-return-deadline b{color:#fff2b6}
@media(max-width:380px){.order-repeat-card{grid-template-columns:1fr!important}.return-barcode-card svg{height:68px}}
/* TB Market v0.13.143 — trusted-device login + strict offline experience */
.auth-trusted-device-row{position:relative;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:11px;align-items:center;margin:2px 0 12px;padding:11px 12px;border:1px solid #dce6f1;border-radius:14px;background:#f8fbff;text-align:left;text-transform:none!important;letter-spacing:0!important}
.auth-trusted-device-row>input{position:absolute;opacity:0;pointer-events:none}.auth-trusted-device-row>i{width:36px;height:22px;border-radius:999px;background:#d9e2ec;position:relative;transition:.18s}.auth-trusted-device-row>i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(15,35,64,.18);transition:.18s}.auth-trusted-device-row>input:checked+i{background:#1fc4ad}.auth-trusted-device-row>input:checked+i:after{transform:translateX(14px)}.auth-trusted-device-row span{min-width:0}.auth-trusted-device-row b,.auth-trusted-device-row small{display:block}.auth-trusted-device-row b{color:#17283f;font-size:12px;line-height:1.3}.auth-trusted-device-row small{margin-top:3px;color:#718299;font-size:9.5px;line-height:1.4;font-weight:600}
.auth-trusted-biometric-button{width:100%;min-height:52px;margin:2px 0 11px;padding:8px 12px;border:1px solid #cfe0f7;border-radius:15px;background:#eef6ff;color:#1768f5;display:flex;align-items:center;gap:10px;text-align:left}.auth-trusted-biometric-button>.ui-icon{width:24px;height:24px;flex:0 0 24px}.auth-trusted-biometric-button span{display:block;min-width:0}.auth-trusted-biometric-button b,.auth-trusted-biometric-button small{display:block}.auth-trusted-biometric-button b{font-size:12px}.auth-trusted-biometric-button small{margin-top:2px;color:#6f8198;font-size:9px}
.tb-offline-mode .app-view{background:#f4f6fa}.offline-customer-page{background:#fff!important}.offline-connection-card{box-shadow:none!important}.offline-customer-page .offline-barcode-card.is-ready{border:1px solid #edf1f5!important;box-shadow:none!important}.offline-customer-page .offline-barcode-svg svg{max-height:190px}.offline-customer-page .offline-bank-card{box-shadow:none!important}
html.tb-theme-dark-active .auth-trusted-device-row{background:#202936;border-color:#2b3746}.tb-theme-dark-active .auth-trusted-device-row b{color:#edf3fa}.tb-theme-dark-active .auth-trusted-device-row small{color:#a7b4c3}.tb-theme-dark-active .auth-trusted-biometric-button{background:#20324a;border-color:#31517c;color:#75a8ff}.tb-theme-dark-active .auth-trusted-biometric-button small{color:#a7b4c3}
/* v0.13.146 product extended content */
.product-extra-info{display:grid;gap:0;margin-top:12px;border-top:1px solid var(--line,#e5e9ef)}
.product-extra-info>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line,#e5e9ef)}
.product-extra-info span{font-size:12px;color:var(--muted,#778397)}.product-extra-info b{font-size:13px;line-height:1.45;font-weight:600;white-space:pre-wrap}
.product-extra-media{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.product-extra-media video,.product-extra-media img{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:12px;background:var(--soft,#f2f5f8)}
.product-extra-360{position:relative}.product-extra-360>span{position:absolute;z-index:1;right:8px;top:8px;background:#1769ff;color:#fff;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}
.product-certificates{margin-top:14px}.product-certificates h3{font-size:14px;margin:0 0 8px}.product-certificate-link{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line,#e1e6ed);border-radius:11px;text-decoration:none;color:inherit;margin-top:6px}.product-certificate-link svg{width:18px;color:#1769ff}.product-certificate-link span{display:flex;flex-direction:column;font-size:12px;font-weight:700}.product-certificate-link small{color:var(--muted,#7c889a);font-weight:500}
@media(max-width:420px){.product-extra-media{grid-template-columns:1fr}.product-extra-info>div{grid-template-columns:110px minmax(0,1fr)}}
/* v0.13.147 — customer marketplace density / realism pass.
Keep role workspaces (Seller/Pickup/Courier/Admin/Ads) and dark mode unchanged. */
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode){font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f4f6;color:#121826}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .app-shell{background:#f3f4f6}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .app-header{background:#fff;box-shadow:0 1px 0 rgba(18,24,38,.08)}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .icon-button{background:#f3f5f7;border:1px solid #e7eaee;box-shadow:none;border-radius:13px}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .global-search{border-color:#e0e4e9;border-radius:13px;box-shadow:none}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .global-search .search-submit{background:#1769ff}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .bottom-nav{background:#fff;box-shadow:0 -1px 0 rgba(18,24,38,.06);backdrop-filter:none}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .category-chip span{border-radius:15px;background:#fff;border:1px solid #e6e9ed;box-shadow:none}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .category-chip small{font-weight:650}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .category-tile{background:#fff;border:1px solid #e5e9ee;border-radius:15px;box-shadow:none}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .category-tile strong{font-weight:680;color:#172033}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .product-card{border:1px solid #e4e8ed;border-radius:16px;box-shadow:none;background:#fff}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .product-media{background:#f3f4f6}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .product-copy{padding:8px 8px 9px}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .product-copy>strong{font-size:16px;font-weight:760;letter-spacing:-.01em}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .product-copy p{font-size:11.5px;font-weight:660;line-height:1.38}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .product-card-seller-identity small{font-size:9.5px;font-weight:650}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .cart-button,
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .primary-button{background:#1769ff;border-radius:12px;box-shadow:none;font-weight:740}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .detail-card,
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .detail-price{border-radius:16px;border-color:#e4e8ed;box-shadow:none}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .search-filter-chip{border-radius:16px;box-shadow:inset 0 0 0 1px #e4e8ed;font-weight:680}
html:not(.tb-theme-dark-active) body:not(.seller-center-mode):not(.pickup-center-mode):not(.courier-center-mode):not(.admin-center-mode):not(.ads-center-mode) .search-filter-chips{background:linear-gradient(180deg,#f3f4f6 82%,rgba(243,244,246,0))}
/* v0.13.148 APK search/category reality refinements */
.search-reference-page{padding-top:4px}
.search-reference-toolbar{grid-template-columns:44px minmax(0,1fr) 44px;border-radius:20px;background:#f6f8fb;border:0;box-shadow:inset 0 0 0 1px #e7edf4;margin-bottom:12px}
.search-reference-toolbar button,.search-reference-toolbar input{background:transparent}
.search-reference-toolbar input{height:48px;font-size:16px;color:#24364d}
.search-reference-toolbar button{color:#8d9aad}
.search-category-browser{margin-bottom:14px}
.search-category-root-grid{gap:10px}
.search-category-root-tile{min-height:148px;background:#f3f5f8;border-radius:22px;padding:12px 12px 10px;display:grid;grid-template-rows:auto 1fr;align-items:start;text-align:left;box-shadow:none;border:1px solid #edf1f5}
.search-category-root-tile strong{grid-row:1;font-size:12px;line-height:1.18;font-weight:800;min-height:30px;max-height:none;text-align:left;padding:0 28px 0 0;color:#0f1d33}
.search-category-root-tile img,.search-category-root-tile .search-category-fallback{grid-row:2;align-self:end;justify-self:end;width:82%;height:92px;object-fit:contain;object-position:right bottom;margin-top:8px}
.search-category-root-tile .search-category-fallback{display:grid;place-items:center;border-radius:18px;background:#fff;color:#8ea0b3;font-size:32px;font-weight:900}
.search-category-root-tile .category-child-mark{display:none}
.search-category-list-card{background:#fff;border:1px solid #e9eef4;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px rgba(15,35,64,.05)}
.search-category-list-row{width:100%;border:0;background:#fff;display:grid;grid-template-columns:56px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:14px 16px;color:#122138;text-align:left}
.search-category-list-row + .search-category-list-row{border-top:1px solid #eef2f6}
.search-category-list-row b{font-size:14px;line-height:1.3;font-weight:700}
.search-category-list-thumb{width:56px;height:56px;border-radius:16px;background:#f4f6fa;display:grid;place-items:center;overflow:hidden}
.search-category-list-thumb img{width:100%;height:100%;object-fit:cover}
.search-category-list-thumb .search-category-fallback,.search-category-all-icon{width:100%;height:100%;display:grid;place-items:center;color:#9baabc;font-size:22px;font-weight:900}
.search-category-list-thumb .search-category-fallback.is-list{font-size:22px;background:#f4f6fa}
.search-category-all-icon .ui-icon{width:24px;height:24px}
.search-category-list-arrow{display:grid;place-items:center;color:#9aa8b8}
.search-category-list-arrow .ui-icon{width:18px;height:18px}
.search-results-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:4px 2px 8px}
.search-results-heading h2{margin:4px 0 0;font-size:26px;line-height:1.08}
.search-results-parent{border:0;background:transparent;padding:0;color:#1768f5;font-size:14px;line-height:1.2;text-align:left}
.search-results-parent[hidden]{display:none}
.search-results-heading b{margin-top:6px;color:#7f8da0;font-size:12px;white-space:nowrap}
.search-filter-sheet{background:#f5f7fb}
.search-filter-header{grid-template-columns:minmax(0,1fr) auto;padding:calc(14px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 16px 10px;border-bottom:0;background:#f5f7fb}
.search-filter-header>button:first-child{display:none}
.search-filter-header h2{text-align:center;font-size:20px;padding-left:44px}
.search-filter-reset-top{font-size:16px;font-weight:500;padding:0;color:#1768f5}
.search-filter-form{padding:10px 0 120px}
.search-filter-section{background:#fff;border:0;border-radius:28px;padding:18px 18px 16px;margin:0 0 14px;box-shadow:0 1px 0 rgba(16,32,56,.05)}
.search-filter-category-section{padding-top:14px}
.search-filter-section-title{margin-bottom:12px}
.search-filter-section-title h3{font-size:18px;font-weight:800}
.search-category-all-row{margin-bottom:8px}
.search-filter-category-level{border-top:1px solid #eef2f6}
.search-filter-category-level.is-root{border-top:0}
.search-category-radio-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:12px;padding:16px 0;color:#18263b}
.search-category-radio-row input{position:absolute;opacity:0;pointer-events:none}
.search-category-radio-row span{font-size:16px;line-height:1.35}
.search-category-radio-row i{width:28px;height:28px;border-radius:50%;border:2px solid #c7d0db;display:block;position:relative}
.search-category-radio-row.is-selected i{border-color:#1768f5;background:#1768f5}
.search-category-radio-row.is-selected i::after{content:'';position:absolute;left:7px;top:3px;width:8px;height:14px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.search-filter-category-level.is-child .search-category-radio-row span{padding-left:18px}
.search-filter-category-level.is-grandchild .search-category-radio-row span{padding-left:36px}
.search-filter-footer{grid-template-columns:1fr;padding:10px 14px calc(12px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:linear-gradient(180deg,rgba(245,247,251,0),#f5f7fb 20%,#f5f7fb 100%);border-top:0;box-shadow:none}
.search-filter-clear{display:none}
.search-filter-apply{height:54px;border-radius:18px;font-size:18px;box-shadow:0 10px 24px rgba(18,105,247,.22)}
.search-filter-chips{padding-top:2px}
@media (max-width:420px){
.search-category-root-tile{min-height:138px}
.search-category-root-tile img,.search-category-root-tile .search-category-fallback{height:84px}
}
html.tb-theme-dark-active .search-reference-toolbar{background:#171e28;border-color:#293544;box-shadow:inset 0 0 0 1px #293544}
html.tb-theme-dark-active .search-reference-toolbar input{color:#edf3fa}
html.tb-theme-dark-active .search-category-root-tile,html.tb-theme-dark-active .search-category-list-card,html.tb-theme-dark-active .search-filter-section{background:#171e28!important;border-color:#293544!important;color:#edf3fa!important}
html.tb-theme-dark-active .search-category-root-tile strong,html.tb-theme-dark-active .search-category-list-row,html.tb-theme-dark-active .search-category-radio-row{color:#edf3fa!important}
html.tb-theme-dark-active .search-category-list-row + .search-category-list-row,html.tb-theme-dark-active .search-filter-category-level{border-color:#293544!important}
html.tb-theme-dark-active .search-category-list-thumb,html.tb-theme-dark-active .search-category-root-tile .search-category-fallback{background:#222b37!important;color:#9fb0c2!important}
html.tb-theme-dark-active .search-results-parent{color:#78a8ff!important}
html.tb-theme-dark-active .search-filter-sheet,html.tb-theme-dark-active .search-filter-header,html.tb-theme-dark-active .search-filter-footer{background:#10151d!important;color:#edf3fa!important}
html.tb-theme-dark-active .search-category-radio-row i{border-color:#4a5a6d}
/* v0.13.149 — focused search history + re-tap search reset */
.search-focus-toolbar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.search-history-cancel{border:0;background:transparent;color:#1768f5;font-size:15px;font-weight:700;padding:0 2px;white-space:nowrap}
.search-history-focus[hidden]{display:none!important}
.search-history-focus{min-height:calc(100dvh - 160px);padding:2px 0 22px;background:#f4f7fb}
.search-history-focus-card{margin:0;padding:14px 2px 8px;border:0;border-radius:0;background:transparent;box-shadow:none}
.search-history-focus-card .search-history-head{margin:0 4px 12px;align-items:center}
.search-history-focus-card .search-history-head h2{font-size:13px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#75869a}
.search-history-focus-card .search-history-head button{font-size:14px;font-weight:700;color:#1768f5;padding:4px 0}
.search-history-focus-card .search-history-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 7px}
.search-history-focus-card .search-history-row{display:inline-flex;align-items:center;max-width:100%;min-height:38px;border:0;border-radius:20px;background:#eef2f6;overflow:hidden;padding:0 4px 0 0}
.search-history-focus-card .search-history-row.is-category{background:#edf1f6}
.search-history-focus-card .search-history-run{min-width:0;min-height:38px;padding:7px 2px 7px 11px;gap:7px;color:#18283e;font-size:13px;font-weight:750}
.search-history-focus-card .search-history-run .ui-icon{width:18px;height:18px;flex:0 0 18px;color:#8f9dab;stroke-width:2.2}
.search-history-focus-card .search-history-run span{max-width:min(250px,70vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-history-focus-card .search-history-delete{width:30px;height:30px;flex:0 0 30px;border:0;border-radius:50%;background:transparent;color:#8d9aa8}
.search-history-focus-card .search-history-delete .ui-icon{width:16px;height:16px;stroke-width:2.3}
.search-history-focus-card .search-history-empty{padding:12px 4px;margin:0;color:#8797a9;font-size:13px}
.search-reference-page.is-history-focus .search-focus-toolbar-row{margin-bottom:8px}
.search-reference-page.is-history-focus .search-reference-toolbar{margin-bottom:0}
.search-reference-page.is-history-focus .search-history-focus{display:block}
@media(max-width:420px){
.search-focus-toolbar-row{gap:7px}
.search-history-cancel{font-size:14px}
.search-history-focus-card .search-history-run span{max-width:64vw}
}
html.tb-theme-dark-active .search-history-focus{background:#10151d!important}
html.tb-theme-dark-active .search-history-focus-card{background:transparent!important;border:0!important}
html.tb-theme-dark-active .search-history-focus-card .search-history-head h2{color:#91a2b5!important}
html.tb-theme-dark-active .search-history-focus-card .search-history-row{background:#222b37!important}
html.tb-theme-dark-active .search-history-focus-card .search-history-run{color:#edf3fa!important}
html.tb-theme-dark-active .search-history-focus-card .search-history-delete{background:transparent!important;color:#9fb0c2!important}
/* v0.13.150 return refund card / ETA */
.return-refund-card-panel,.return-refund-eta-panel{margin:10px 0;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px}.return-refund-card-panel h2{margin:0 0 6px;font-size:17px}.return-refund-card-panel p,.return-refund-eta-panel p{margin:0;color:#718096;font-size:12px;line-height:1.45}.return-refund-card-panel>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.return-refund-card-panel input{height:46px;border:1px solid #d4deea;border-radius:14px;padding:0 14px;font:800 15px ui-monospace,monospace;letter-spacing:.05em;outline:0}.return-refund-card-panel input:focus{border-color:#1269f7;box-shadow:0 0 0 3px rgba(18,105,247,.1)}.return-refund-card-panel button{height:46px;border:0;border-radius:14px;padding:0 14px;background:#1269f7;color:#fff;font-weight:850}.return-refund-eta-panel{display:flex;gap:12px;align-items:flex-start;background:#fff8df;border-color:#f5df96}.return-refund-eta-panel>.ui-icon{width:24px;height:24px;color:#aa7600}.return-refund-eta-panel b{display:block;margin-bottom:4px}.return-refund-eta-panel small{display:block;margin-top:7px;font-weight:850;color:#46576c}html.tb-theme-dark-active .return-refund-card-panel,html.tb-theme-dark-active .return-refund-eta-panel{background:#171e28!important;border-color:#2b3746!important;color:#edf3fa!important}html.tb-theme-dark-active .return-refund-card-panel input{background:#222b37;color:#edf3fa;border-color:#39495c}@media(max-width:420px){.return-refund-card-panel>div{grid-template-columns:1fr}.return-refund-card-panel button{width:100%}}
/* v0.13.159 — profile update status / Google Play update UX */
.profile-menu-group button{position:relative}
.profile-menu-group button.has-app-update::after{content:'';position:absolute;right:38px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#ff8a1f;box-shadow:0 0 0 3px rgba(255,138,31,.14)}
.help-app-page{padding:4px 2px 24px;display:grid;gap:12px}
.help-app-status{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;background:#fff;border:1px solid #e6edf5;border-radius:22px;padding:16px;box-shadow:0 6px 22px rgba(15,35,64,.05)}
.help-app-status-icon{width:48px;height:48px;border-radius:16px;background:#eef7f3;color:#17a36a;display:grid;place-items:center}
.help-app-status-icon .ui-icon{width:23px;height:23px}
.help-app-status h2{margin:0 0 5px;font-size:17px}
.help-app-status p{margin:0;color:#6f8094;font-size:13px;line-height:1.45}
.help-app-status.is-update{border-color:#ffd9b7;background:#fffaf5}
.help-app-status.is-update .help-app-status-icon{background:#fff0df;color:#e9770a}
.help-app-orange-dot{position:absolute;right:15px;top:15px;width:10px;height:10px;border-radius:50%;background:#ff8a1f;box-shadow:0 0 0 4px rgba(255,138,31,.13)}
.help-app-version-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #e6edf5;border-radius:20px;background:#e6edf5}
.help-app-version-card>div{background:#fff;padding:15px;min-width:0}
.help-app-version-card small{display:block;color:#7d8c9e;font-size:11px;margin-bottom:5px}
.help-app-version-card b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.help-app-version-card em{display:block;color:#9aa8b7;font-size:10px;font-style:normal;margin-top:3px}
.help-app-update-card{background:#fff;border:1px solid #e6edf5;border-radius:20px;padding:15px}
.help-app-update-card p{margin:0 0 12px;color:#6d7f94;font-size:13px;line-height:1.45}
.help-app-update-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}
.help-app-update-button .ui-icon{width:19px;height:19px}
.help-app-actions{background:#fff;border:1px solid #e6edf5;border-radius:20px;overflow:hidden}
.help-app-actions button{width:100%;min-height:54px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#16283f;display:flex;align-items:center;gap:11px;padding:0 15px;text-align:left;font-weight:750}
.help-app-actions button:last-child{border-bottom:0}
.help-app-actions .ui-icon{width:20px;height:20px;color:#7f90a4}
html.tb-theme-dark-active .profile-menu-group button.has-app-update::after{box-shadow:0 0 0 3px rgba(255,138,31,.2)}
html.tb-theme-dark-active .help-app-status,html.tb-theme-dark-active .help-app-version-card>div,html.tb-theme-dark-active .help-app-update-card,html.tb-theme-dark-active .help-app-actions,html.tb-theme-dark-active .help-app-actions button{background:#171e28!important;color:#edf3fa!important;border-color:#2b3746!important}
html.tb-theme-dark-active .help-app-status{border-color:#2b3746!important}
html.tb-theme-dark-active .help-app-status.is-update{background:#211c18!important;border-color:#5c4229!important}
html.tb-theme-dark-active .help-app-version-card{background:#2b3746;border-color:#2b3746}
html.tb-theme-dark-active .help-app-status p,html.tb-theme-dark-active .help-app-update-card p,html.tb-theme-dark-active .help-app-version-card small{color:#9fb0c2!important}
/* v0.13.163 site pickup icon parity */
.market-home-location{display:flex;align-items:center;gap:6px;min-width:0}
.market-home-location-site-icon,.cart-pickup-site-icon{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:#eef3ff;color:#4f78ff;display:grid;place-items:center}
.market-home-location-site-icon .ui-icon,.cart-pickup-site-icon .ui-icon{width:15px;height:15px}
.market-home-location-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.cart-pickup-bar{display:flex;align-items:flex-start;gap:10px}
.cart-pickup-site-icon{margin-top:1px}
html.tb-theme-dark-active .market-home-location-site-icon,html.tb-theme-dark-active .cart-pickup-site-icon{background:#1c2b48;color:#8db1ff}
/* v0.13.165 — exact site pickup icon + visible ad disclosure */
.market-home-location-site-icon{
width:24px!important;
height:24px!important;
flex:0 0 24px!important;
border-radius:7px!important;
display:grid!important;
place-items:center!important;
background:#eef4ff!important;
color:#1768f5!important;
box-shadow:inset 0 0 0 1px rgba(23,104,245,.08)!important;
}
.market-home-location-site-svg{width:15px!important;height:15px!important;display:block!important}
.home-ad-label{
position:absolute;
z-index:6;
top:9px;
right:11px;
padding:4px 8px;
border-radius:9px;
background:rgba(255,255,255,.88);
color:#65758a;
font-size:9px;
line-height:1;
font-weight:800;
letter-spacing:.01em;
box-shadow:0 2px 8px rgba(15,35,64,.08);
pointer-events:none;
}
.home-feed-ad-label{
right:9px!important;
top:8px!important;
padding:4px 8px!important;
border-radius:9px!important;
background:rgba(255,255,255,.88)!important;
color:#65758a!important;
font-size:9px!important;
line-height:1!important;
font-weight:800!important;
box-shadow:0 2px 8px rgba(15,35,64,.08)!important;
}
html.tb-theme-dark-active .market-home-location-site-icon{background:#1d2a3a!important;color:#75a8ff!important;box-shadow:inset 0 0 0 1px #2c3a4d!important}
html.tb-theme-dark-active .home-ad-label,html.tb-theme-dark-active .home-feed-ad-label{background:rgba(23,30,40,.88)!important;color:#c0cbd8!important}
/* v0.13.166 — checkout payment methods, completed order detail and fiscal receipts */
.checkout-payment-carousel{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none;scroll-snap-type:x proximity}
.checkout-payment-carousel::-webkit-scrollbar{display:none}
.checkout-payment-tile{position:relative;flex:0 0 118px;min-height:112px;border:1px solid #e0e7ef;border-radius:18px;background:#f8fafc;color:#14243a;padding:11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3px;text-align:left;scroll-snap-align:start;overflow:hidden}
.checkout-payment-tile input{position:absolute;opacity:0;pointer-events:none}
.checkout-payment-tile>span:first-of-type,.checkout-payment-network{width:44px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;margin-bottom:auto;overflow:hidden;color:#1768f5}
.checkout-payment-network img{width:100%;height:100%;object-fit:contain;padding:4px}
.checkout-payment-tile>b{font-size:13px;line-height:1.18;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checkout-payment-tile>small{font-size:9px;line-height:1.25;color:#6f8197;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.checkout-payment-tile>i{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:#fff;color:#1768f5;display:none;place-items:center;font-style:normal;box-shadow:0 1px 5px rgba(15,35,64,.08)}
.checkout-payment-tile>i .ui-icon{width:14px;height:14px}
.checkout-payment-tile.is-active,.checkout-payment-tile:has(input:checked){border-color:#1768f5;background:#eef4ff;box-shadow:0 0 0 2px rgba(23,104,245,.10)}
.checkout-payment-tile.is-active>i,.checkout-payment-tile:has(input:checked)>i{display:grid}
.checkout-payment-tile.new-card{justify-content:flex-end;cursor:pointer}
.checkout-payment-tile.new-card>span:first-child{font-size:21px}
.checkout-payment-tile.new-card>small{font-size:18px;color:#1768f5;font-weight:800}
.checkout-payment-tile.tb-bank{background:linear-gradient(145deg,#0870ff,#0b55e9);color:#fff;border-color:#1768f5}
.checkout-payment-tile.tb-bank>small{color:rgba(255,255,255,.86)}
.checkout-payment-tile.tb-bank>em{position:absolute;right:7px;top:7px;border-radius:9px;background:#13bb67;color:#fff;padding:4px 6px;font-size:9px;font-style:normal;font-weight:900}
.checkout-payment-tile.tb-bank.is-active,.checkout-payment-tile.tb-bank:has(input:checked){box-shadow:0 0 0 2px #fff,0 0 0 4px #1768f5}
.tb-bank-mark{width:44px!important;height:34px!important;border-radius:9px!important;background:rgba(255,255,255,.96)!important;color:#0b5bdc!important;line-height:.8;font-size:9px;font-weight:900;text-align:center}
.tb-bank-mark b{font-size:11px}
.checkout-network-logo{display:grid;place-items:center;width:100%;height:100%;font-size:9px;font-weight:900;letter-spacing:.02em}
.checkout-network-logo.is-humo{background:#14263e;color:#f7ce63}
.checkout-network-logo.is-uzcard{background:#fff;color:#1768f5}
.checkout-network-logo.is-visa{background:#fff;color:#1b3e93;font-style:italic;font-size:12px}
.checkout-network-logo.is-mastercard{background:#fff;color:#ed5c2e;font-size:15px;letter-spacing:-4px;padding-right:4px}
.payment-discount-row b{color:#0ca35a!important}
/* Card binding opened from checkout is intentionally its own step. */
.profile-card-modal.is-checkout-card-bind{position:absolute;inset:0!important;max-width:none!important;width:100%!important;height:100%!important;border-radius:0!important;background:#fff;display:flex;flex-direction:column;padding-top:calc(8px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)))}
.profile-card-modal.is-checkout-card-bind .profile-add-card-form{flex:1;display:flex;flex-direction:column}
.profile-card-modal.is-checkout-card-bind .profile-add-card-form button[type="submit"]{margin-top:auto;min-height:54px;border-radius:17px;font-size:16px}
.checkout-card-bind-hint{margin:8px 0 12px;padding:12px;border-radius:14px;background:#f2f5f9;color:#65768b;font-size:11px;line-height:1.45}
.order-reference-detail{min-height:calc(100dvh - 76px);margin:-12px -10px -22px;background:#f3f5f8;padding-bottom:28px}
.order-reference-head{min-height:82px;padding:calc(10px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 14px 10px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;border-radius:0 0 24px 24px}
.order-reference-head>button{width:40px;height:40px;border:0;background:transparent;color:#8796a7;display:grid;place-items:center}
.order-reference-head h1{margin:0;font-size:18px;text-align:center;line-height:1.2}
.order-reference-head small{display:block;margin-top:3px;text-align:center;color:#7f8fa1;font-size:11px}
.order-reference-actions{margin:8px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#fff;border-radius:22px;padding:8px}
.order-reference-actions button{border:0;background:#f5f7fa;min-height:76px;border-radius:16px;color:#526477;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.order-reference-actions button>span{width:29px;height:29px;display:grid;place-items:center;font-size:19px}
.order-reference-actions .ui-icon{width:25px;height:25px}
.order-reference-actions b{font-size:11px}
.order-active-actions .order-active-cancel{background:#fff1ef;color:#d64231}
.order-active-payment-card{min-height:78px;margin:8px 10px;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:14px;border-radius:21px;background:#fff;color:#17283f}
.order-active-payment-card>span:first-child{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e7f4ff;color:#1473e6}
.order-active-payment-card>span:last-child{color:#9ba8b8}
.order-active-payment-card .ui-icon{width:22px;height:22px}
.order-active-payment-card div{display:grid;gap:4px;min-width:0}
.order-active-payment-card div>b{font-size:14px;line-height:1.3}
.order-active-payment-card div>small{font-size:11px;color:#78889b}
.order-detail-tbz>.order-reference-head,.order-detail-tbz>.order-reference-actions,.order-detail-tbz>.order-active-payment-card,.order-detail-tbz>.order-reference-more,.order-detail-tbz>.order-reference-recommendations{grid-column:1/-1}
.order-reference-status-card{margin:8px 10px;background:#fff;border-radius:24px;padding:18px}
.order-reference-status-card h2{margin:0;color:#6c7e91;font-size:21px}
.order-reference-status-card>p{margin:7px 0 14px;color:#718297;font-size:14px}
.order-reference-images{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;scrollbar-width:none}
.order-reference-images::-webkit-scrollbar{display:none}
.order-reference-images button{flex:0 0 76px;width:76px;height:98px;border:0;border-radius:13px;background:#f2f4f7;overflow:hidden;padding:0}
.order-reference-images img{width:100%;height:100%;object-fit:cover}
.order-reference-status-card>button{width:100%;min-height:48px;border:0;border-radius:15px;background:#eaf5ff;color:#1269f7;font-weight:850;margin-top:8px}
.order-reference-more{width:calc(100% - 20px);margin:8px 10px;border:0;border-radius:20px;background:#fff;color:#17283f;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:72px;padding:10px 14px;text-align:left}
.order-reference-more>span{width:42px;height:42px;border-radius:13px;background:#f3f5f8;display:grid;place-items:center;color:#8595a7}
.order-reference-more>b{font-size:14px}
.order-reference-more>.ui-icon{color:#9ba8b8;width:18px;height:18px}
.order-reference-recommendations{padding:10px}
.order-reference-recommendations>h2{font-size:20px;margin:8px 2px 12px}
.order-info-backdrop{background:rgba(18,29,44,.35);backdrop-filter:blur(2px)}
.order-info-sheet{position:absolute;inset:0;background:#f3f5f8;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;color:#122138}
.order-info-sheet>header{min-height:68px;padding:calc(8px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 12px 8px;background:#fff;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;border-radius:0 0 22px 22px}
.order-info-sheet>header button{width:40px;height:40px;border:0;background:transparent;color:#8898aa;display:grid;place-items:center}
.order-info-sheet>header h2{margin:0;text-align:center;font-size:18px}
.order-info-body{overflow:auto;padding:10px 10px calc(24px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));overscroll-behavior:contain}
.order-info-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;background:#fff;padding:16px;border-bottom:1px solid #edf1f5}
.order-info-row:first-child{border-radius:22px 22px 0 0}.order-info-row:nth-of-type(3){border-radius:0 0 22px 22px;border-bottom:0}
.order-info-row>span{width:44px;height:44px;border-radius:14px;background:#f3f5f8;color:#8999aa;display:grid;place-items:center;font-size:19px;font-weight:800}
.order-info-row b{font-size:15px}.order-info-row p{margin:4px 0 0;color:#75869a;font-size:13px;line-height:1.4}
.order-info-row button{margin-top:8px;border:0;border-radius:12px;background:#eaf5ff;color:#1269f7;padding:8px 12px;font-weight:800}
.order-info-money{margin-top:10px;background:#fff;border-radius:22px;padding:16px}
.order-info-money p{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:8px 0;color:#506276}
.order-info-money p.total{border-top:1px solid #edf1f5;margin-top:4px;padding-top:14px;color:#142239;font-size:16px}
.order-info-money b{color:#142239}.order-info-money p:nth-child(2) b{color:#0ca35a}
.order-info-receipts{width:100%;min-height:58px;margin-top:10px;border:0;border-radius:17px;background:#eef1f5;color:#17283f;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:10px 14px;text-align:left;font-weight:850}
.order-info-receipts>.ui-icon{color:#8595a7}
.receipt-list-sheet .order-info-body>h3{margin:20px 4px 10px;font-size:16px}
.receipt-list-row{width:100%;min-height:74px;border:0;background:#fff;border-radius:18px;margin-bottom:8px;padding:13px 15px;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;text-align:left;color:#17283f}
.receipt-list-row b,.receipt-list-row small{display:block}.receipt-list-row b{font-size:14px}.receipt-list-row small{margin-top:5px;color:#7d8d9f;font-size:11px}
.receipt-pending-card{padding:16px;border-radius:18px;background:#fff8e4;color:#8a6410;display:grid;gap:5px;font-size:12px;line-height:1.45}
.receipt-pending-card.is-failed{background:#fff0f1;color:#bd3340}
.fiscal-receipt-sheet .order-info-body{padding:0}
.fiscal-receipt-paper{margin:12px;background:#fff;box-shadow:0 4px 20px rgba(15,35,64,.10);padding:22px 18px 28px;color:#111;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;min-height:520px}
.fiscal-receipt-top{text-align:center;display:grid;gap:3px}.fiscal-receipt-top>b{font-size:17px;letter-spacing:.04em}.fiscal-receipt-top small{color:#4e5967}
.fiscal-rule{border-top:1px dashed #3e4650;margin:14px 0}
.fiscal-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;margin:10px 0}.fiscal-item>b{grid-column:1/-1}.fiscal-item>span{color:#4d5661}.fiscal-item>strong{text-align:right}
.fiscal-total{display:flex;justify-content:space-between;align-items:center;font-size:15px}
.fiscal-meta{margin:15px 0 8px;display:grid;gap:4px;text-align:center;overflow-wrap:anywhere}.fiscal-meta span{color:#606a75}.fiscal-meta b{font-size:10px}
.fiscal-qr{display:block;width:min(210px,68%);height:auto;aspect-ratio:1;object-fit:contain;margin:18px auto;background:#fff}
.fiscal-open-provider{display:block;margin:14px auto 0;border:0;border-radius:13px;background:#1269f7;color:#fff;padding:11px 18px;font-weight:800;font-family:Inter,system-ui,sans-serif}
html.tb-theme-dark-active .checkout-payment-tile{background:#171e28;color:#edf3fa;border-color:#2d3948}
html.tb-theme-dark-active .checkout-payment-tile.saved-card>span:first-of-type{background:#222b37}
html.tb-theme-dark-active .checkout-payment-tile.is-active,html.tb-theme-dark-active .checkout-payment-tile:has(input:checked){background:#1b2f4a}
html.tb-theme-dark-active .profile-card-modal.is-checkout-card-bind{background:#10151d;color:#edf3fa}
html.tb-theme-dark-active .checkout-card-bind-hint{background:#202936;color:#aebed0}
html.tb-theme-dark-active .order-reference-detail,html.tb-theme-dark-active .order-info-sheet{background:#10151d;color:#edf3fa}
html.tb-theme-dark-active :is(.order-reference-head,.order-reference-actions,.order-reference-status-card,.order-reference-more,.order-info-sheet>header,.order-info-row,.order-info-money,.order-info-receipts,.receipt-list-row){background:#171e28!important;color:#edf3fa!important}
html.tb-theme-dark-active .order-reference-actions button,html.tb-theme-dark-active .order-reference-more>span,html.tb-theme-dark-active .order-info-row>span{background:#222b37!important;color:#b2c2d3!important}
html.tb-theme-dark-active .order-reference-actions .order-active-cancel{background:#3a2529!important;color:#ff9b8e!important}
html.tb-theme-dark-active .order-active-payment-card{background:#171e28!important;color:#edf3fa!important}
html.tb-theme-dark-active .order-active-payment-card>span:first-child{background:#222f3e!important;color:#80baff!important}
html.tb-theme-dark-active .order-active-payment-card div>small{color:#a7b4c3!important}
html.tb-theme-dark-active .order-info-row{border-color:#293544!important}
html.tb-theme-dark-active .fiscal-receipt-paper{background:#fff;color:#111}
@media(min-width:720px){
.order-info-sheet{left:50%;right:auto;width:min(620px,100%);transform:translateX(-50%);box-shadow:0 0 55px rgba(0,0,0,.2)}
.profile-card-modal.is-checkout-card-bind{left:50%!important;right:auto!important;width:min(620px,100%)!important;transform:translateX(-50%)}
}
.fiscal-item>small{grid-column:1/-1;color:#59636e;font-size:9px;overflow-wrap:anywhere}.fiscal-subtotal{display:flex;justify-content:space-between;gap:12px;margin:5px 0;color:#434d59}.fiscal-subtotal b{text-align:right}
/* =========================================================
TB Market v0.13.169 — Checkout / payment responsive hard fix
Scope: customer checkout only. No API, payment or order logic changes.
========================================================= */
.checkout-page,
.checkout-page > *,
.checkout-card,
.checkout-title-card,
.checkout-pickup-panel,
.checkout-address-panel,
.checkout-option-list,
.checkout-items,
.checkout-payment-block,
.checkout-payment-carousel,
.recipient-grid,
.recipient-grid > label {
min-width:0;
max-width:100%;
}
.checkout-page{width:100%;overflow:visible}
.checkout-title-card,.checkout-card{width:100%}
.checkout-card>h2{font-weight:850;color:#142239}
.delivery-switch{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0}
.delivery-switch label{min-width:0;overflow:hidden}
.delivery-switch label>span{min-width:0;overflow:hidden}
.delivery-switch label b,.delivery-switch label small{overflow:hidden;text-overflow:ellipsis}
.checkout-option-list{width:100%;min-width:0}
.checkout-option{min-width:0;width:100%}
.checkout-option>span:nth-child(3){min-width:0;overflow:hidden}
.checkout-option b,.checkout-option small,.checkout-option em{overflow-wrap:anywhere}
/* The old 1fr columns used their min-content width and could push the whole checkout
wider than the phone viewport when the international phone control was present. */
.recipient-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.recipient-grid>label{overflow:visible}
.recipient-grid .phone-country-control{min-width:0;width:100%}
.recipient-grid .phone-country-trigger{min-width:88px;padding-left:8px;padding-right:8px}
.recipient-grid .phone-country-control input[data-phone-national]{min-width:0!important;width:100%!important;padding-left:9px!important;padding-right:9px!important}
/* reference-like compact payment composition: cards in one horizontal row,
pay-on-receipt as a separate switch below. */
.checkout-payment-block{display:grid;gap:12px;width:100%}
.checkout-payment-carousel{display:flex;width:100%;gap:9px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 7px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.checkout-payment-carousel::-webkit-scrollbar{display:none}
.checkout-payment-tile{flex:0 0 116px;width:116px;min-width:116px;max-width:116px;min-height:108px;border-radius:17px;padding:10px;scroll-snap-align:start}
.checkout-payment-tile>b{width:100%;font-size:12px}
.checkout-payment-tile>small{width:100%;font-size:8.8px;line-height:1.25}
.checkout-payment-tile>span:first-of-type,.checkout-payment-network{width:42px;height:32px;border-radius:9px}
.checkout-payment-tile.new-card{background:#f7f9fc;border-color:#dce4ee;color:#17283f}
.checkout-payment-tile.new-card>small{font-size:17px;line-height:1;color:#1768f5}
.checkout-payment-tile.tb-bank{background:linear-gradient(145deg,#1672ff 0%,#0757ed 100%);border-color:#1768f5;color:#fff}
.checkout-payment-tile.tb-bank>em{top:6px;right:6px;padding:3px 5px;border-radius:8px;font-size:8px}
.checkout-payment-tile.saved-card.is-active,.checkout-payment-tile.saved-card:has(input:checked){background:#f0f5ff;border-color:#1269f7}
.checkout-pay-after{position:relative;width:100%;min-width:0;min-height:58px;border:0;border-radius:16px;background:#f4f6f9;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) 22px 48px;align-items:center;gap:8px;color:#17283f;cursor:pointer}
.checkout-pay-after>input{position:absolute;opacity:0;pointer-events:none}
.checkout-pay-after-copy{display:block;min-width:0}
.checkout-pay-after-copy>b,.checkout-pay-after-copy>small{display:block;min-width:0}
.checkout-pay-after-copy>b{font-size:14px;line-height:1.2;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.checkout-pay-after-copy>small{margin-top:3px;color:#7b8a9c;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.checkout-pay-after-info{width:20px;height:20px;border-radius:50%;background:#93a0af;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}
.checkout-switch{width:46px;height:28px;border-radius:999px;background:#dbe2ea;padding:3px;display:flex;align-items:center;transition:background .16s ease;justify-content:flex-start}
.checkout-switch>i{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(15,35,64,.16);transition:transform .16s ease}
.checkout-pay-after.is-active .checkout-switch,.checkout-pay-after:has(input:checked) .checkout-switch{background:#1269f7}
.checkout-pay-after.is-active .checkout-switch>i,.checkout-pay-after:has(input:checked) .checkout-switch>i{transform:translateX(18px)}
.checkout-pay-after.is-active,.checkout-pay-after:has(input:checked){background:#f0f5ff}
.bonus-use{min-width:0;width:100%;overflow:hidden}
.bonus-use>div:first-child{align-items:start;min-width:0}
.bonus-use>div:first-child>*{min-width:0}
.bonus-use>div:last-child{grid-template-columns:minmax(0,1fr) auto;min-width:0}
.bonus-use input{min-width:0;width:100%}
.checkout-items article{min-width:0}
.checkout-items article>div{min-width:0}
.checkout-items b{overflow:hidden;text-overflow:ellipsis}
.checkout-items strong{white-space:nowrap}
.checkout-summary{box-sizing:border-box;max-width:100vw;overflow:hidden}
.checkout-summary>div:nth-last-child(2){min-width:0;gap:10px}
.checkout-summary strong{white-space:nowrap}
/* Phone checkout: stack recipient fields. This is the key fix for the clipped/shifted
screen shown on 360–430px Android devices. */
@media (max-width:599px){
#app-view:has(.checkout-page){overflow-x:hidden;padding-left:10px;padding-right:10px}
.checkout-page{gap:10px;padding-bottom:176px}
.checkout-title-card,.checkout-card{border-radius:20px;padding:14px}
.checkout-title-card h1{font-size:21px;line-height:1.18}
.checkout-card>h2{font-size:17px;margin-bottom:11px}
.recipient-grid{grid-template-columns:minmax(0,1fr);gap:9px}
.recipient-grid .phone-country-trigger{min-width:96px}
.delivery-switch{gap:7px}
.delivery-switch label{min-height:82px;padding:10px}
.checkout-option{grid-template-columns:40px minmax(0,1fr) 20px;padding:9px;min-height:68px}
.checkout-payment-carousel{margin-left:0;margin-right:0;padding-right:1px}
.checkout-payment-tile{flex-basis:112px;width:112px;min-width:112px;max-width:112px;min-height:104px}
.checkout-pay-after{grid-template-columns:minmax(0,1fr) 20px 46px;padding-left:11px;padding-right:11px}
.bonus-use{padding:11px}
.checkout-items article{grid-template-columns:52px minmax(0,1fr) auto;gap:8px}
.checkout-items img{width:52px;height:52px;border-radius:12px}
.checkout-summary{left:0;right:0;width:100%;padding:8px 10px 9px;bottom:calc(64px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.summary-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;margin-bottom:5px}
.summary-lines p{min-width:0;gap:6px}
.summary-lines p span,.summary-lines p b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checkout-summary>div:nth-last-child(2){margin-bottom:6px}
.checkout-summary strong{font-size:21px}
.checkout-summary>.primary-button{min-height:44px;border-radius:13px}
}
@media (max-width:380px){
.delivery-switch{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.delivery-switch label{min-height:78px;padding:9px 8px;gap:6px}
.delivery-switch .ui-icon{width:19px;height:19px}
.delivery-switch b{font-size:11px}
.delivery-switch small{font-size:8.5px}
.checkout-payment-tile{flex-basis:106px;width:106px;min-width:106px;max-width:106px}
}
@media (min-width:600px) and (max-width:899px){
.checkout-page{min-width:0}
.recipient-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.checkout-payment-carousel{width:100%}
}
html.tb-theme-dark-active .checkout-pay-after{background:#202936;color:#edf3fa}
html.tb-theme-dark-active .checkout-pay-after.is-active,
html.tb-theme-dark-active .checkout-pay-after:has(input:checked){background:#1d3150}
html.tb-theme-dark-active .checkout-pay-after-copy>small{color:#a7b4c3}
html.tb-theme-dark-active .checkout-switch{background:#3a4656}
html.tb-theme-dark-active .checkout-payment-tile.new-card{background:#202936;color:#edf3fa;border-color:#2d3948}
/* TB Market v0.13.170 — checkout payment order + clean notifications + receipt UX.
Scoped to checkout/notifications only; payment/order API behavior is unchanged. */
.notifications-appbar{position:relative;grid-template-columns:44px minmax(0,1fr) 44px;min-height:64px;padding:10px 14px;background:#fff;border-bottom:1px solid #e7edf4;box-shadow:0 1px 0 rgba(15,35,64,.02)}
.notifications-appbar>b{text-align:center;font-size:18px;line-height:1.2;color:#12213a;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notifications-read-all-appbar{width:40px;height:40px;border:1px solid #dde6ef;border-radius:13px;background:#f7f9fc;color:#1768f5;display:grid;place-items:center;justify-self:end}
.notifications-read-all-appbar .ui-icon{width:19px;height:19px}
.notification-page-shell{padding:12px 10px 86px;background:#f4f6f9;min-height:calc(100dvh - 120px)}
.notification-page-shell .notification-list{display:grid;grid-template-columns:1fr!important;gap:8px;max-width:720px;margin:0 auto}
.notification-page-shell .notification-card{min-height:82px;height:auto!important;border:1px solid #e1e8f0;border-radius:17px;background:#fff;padding:11px 12px;grid-template-columns:46px minmax(0,1fr) 18px;gap:11px;box-shadow:0 1px 2px rgba(16,34,58,.03);overflow:hidden}
.notification-page-shell .notification-card.is-unread{background:#fff;border-color:#cfe0fa;box-shadow:inset 3px 0 0 #1768f5,0 1px 2px rgba(16,34,58,.03)}
.notification-page-shell .notification-icon{width:44px;height:44px;border-radius:13px;background:#eef4ff;color:#1768f5}
.notification-page-shell .notification-icon.has-image{border:1px solid #e5eaf0}
.notification-card-copy{min-width:0}
.notification-card-heading{display:flex;align-items:center;gap:7px;min-width:0}
.notification-card-heading>b{font-size:13px;line-height:1.25;color:#12213a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-unread-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#1768f5}
.notification-page-shell .notification-card p{margin:4px 0 5px;color:#607187;font-size:10.5px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.notification-page-shell .notification-card small{font-size:8.5px;color:#8b99aa}
.notification-page-shell .notification-card>.ui-icon{width:17px;height:17px;color:#94a2b2}
.notification-empty-state{margin-top:64px;background:#fff;border:1px solid #e3eaf2;border-radius:20px;padding:32px 16px}
/* Checkout number: keep +998 visual compact, but do not show the dropdown chevron. */
.checkout-page .recipient-grid .phone-country-trigger-no-chevron{min-width:86px;padding-right:8px}
.checkout-page .recipient-grid .phone-country-trigger-no-chevron i{display:none!important}
/* Payment order is rendered TB Bank -> saved cards -> add-card; keep exact compact tile geometry. */
.checkout-payment-carousel>.tb-bank{order:0}
.checkout-payment-carousel>.saved-card{order:1}
.checkout-payment-carousel>.new-card{order:2}
html.tb-theme-dark-active .notifications-appbar{background:#171e28!important;border-color:#2b3746!important}
html.tb-theme-dark-active .notifications-appbar>b{color:#edf3fa!important}
html.tb-theme-dark-active .notifications-read-all-appbar{background:#202936!important;border-color:#2b3746!important;color:#6aa4ff!important}
html.tb-theme-dark-active .notification-page-shell{background:#111720!important}
html.tb-theme-dark-active .notification-page-shell .notification-card{background:#171e28!important;border-color:#2b3746!important}
html.tb-theme-dark-active .notification-page-shell .notification-card.is-unread{background:#1b2533!important;border-color:#36567d!important}
html.tb-theme-dark-active .notification-card-heading>b{color:#edf3fa!important}
html.tb-theme-dark-active .notification-empty-state{background:#171e28!important;border-color:#2b3746!important}
/* =========================================================
TB Market v0.13.171 — compact courier Yandex location card
Keeps the existing checkout/order/payment flow intact.
========================================================= */
.checkout-address-panel{
width:100%;
min-width:0;
}
.checkout-address-panel>h3{
margin:12px 0 7px;
}
.checkout-courier-map-host{
width:100%;
min-width:0;
}
.checkout-courier-map-card{
width:100%;
min-width:0;
overflow:hidden;
border:1px solid #d9e4ef;
border-radius:17px;
background:#f8fafc;
}
.checkout-courier-map-card.has-location{
border-color:#b9d1ff;
background:#f7faff;
}
.checkout-courier-map-viewport{
position:relative;
height:154px;
overflow:hidden;
background:#eaf1f8;
}
.checkout-courier-map-frame{
display:block;
width:100%;
height:100%;
border:0;
background:#edf3f8;
}
.checkout-courier-map-empty{
height:100%;
display:grid;
place-items:center;
align-content:center;
gap:5px;
padding:18px;
text-align:center;
color:#5f7188;
}
.checkout-courier-map-empty>span{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:12px;
background:#fff;
color:#1768f5;
box-shadow:0 5px 18px rgba(33,70,117,.08);
}
.checkout-courier-map-empty b{
color:#142239;
font-size:13px;
}
.checkout-courier-map-empty small{
max-width:260px;
font-size:10px;
line-height:1.35;
}
.checkout-courier-map-status{
position:absolute;
top:9px;
left:9px;
z-index:2;
display:inline-flex;
align-items:center;
gap:5px;
max-width:calc(100% - 18px);
padding:6px 9px;
border-radius:999px;
background:rgba(255,255,255,.95);
color:#0b8d5a;
font-size:9px;
font-weight:850;
box-shadow:0 5px 18px rgba(30,56,91,.13);
backdrop-filter:blur(8px);
}
.checkout-courier-map-status .ui-icon{
width:14px;
height:14px;
}
.checkout-courier-map-meta{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:9px;
align-items:center;
padding:10px;
}
.checkout-courier-map-meta>div{
min-width:0;
}
.checkout-courier-map-meta b,
.checkout-courier-map-meta small{
display:block;
min-width:0;
}
.checkout-courier-map-meta b{
font-size:12px;
color:#142239;
}
.checkout-courier-map-meta small{
margin-top:2px;
color:#6b7d92;
font-size:9px;
line-height:1.3;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.checkout-courier-map-meta button{
min-height:36px;
max-width:130px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
border:1px solid #cbdcf3;
border-radius:11px;
padding:0 10px;
background:#fff;
color:#1768f5;
font-size:9px;
font-weight:850;
white-space:nowrap;
}
.checkout-courier-map-meta button .ui-icon{
width:15px;
height:15px;
}
.checkout-courier-map-meta button:disabled{
opacity:.6;
}
.checkout-courier-address-fallback{
display:grid;
grid-template-columns:1fr 1.35fr;
gap:8px;
padding:0 10px 10px;
}
.checkout-courier-address-fallback label{
display:grid;
gap:4px;
min-width:0;
color:#667990;
font-size:9px;
font-weight:800;
}
.checkout-courier-address-fallback input{
width:100%;
min-width:0;
height:38px;
border:1px solid #d5e1ed;
border-radius:11px;
padding:0 9px;
background:#fff;
color:#142239;
outline:0;
}
.checkout-courier-address-fallback input:focus{
border-color:#1768f5;
box-shadow:0 0 0 2px rgba(23,104,245,.08);
}
/* Do not render the old courier address list/new-address accordion in checkout. */
.checkout-address-panel .address-list,
.checkout-address-panel .new-address-card{
display:none!important;
}
@media(max-width:380px){
.checkout-courier-map-viewport{height:138px}
.checkout-courier-map-meta{
grid-template-columns:minmax(0,1fr) auto;
padding:9px;
}
.checkout-courier-map-meta button{
width:38px;
max-width:38px;
padding:0;
}
.checkout-courier-map-meta button span{
display:none;
}
.checkout-courier-address-fallback{
grid-template-columns:1fr;
}
}
html.tb-theme-dark-active .checkout-courier-map-card{
border-color:#2b3746;
background:#171e28;
}
html.tb-theme-dark-active .checkout-courier-map-card.has-location{
border-color:#315b93;
background:#182333;
}
html.tb-theme-dark-active .checkout-courier-map-viewport{
background:#202936;
}
html.tb-theme-dark-active .checkout-courier-map-empty{
color:#aebed0;
}
html.tb-theme-dark-active .checkout-courier-map-empty>span,
html.tb-theme-dark-active .checkout-courier-map-status,
html.tb-theme-dark-active .checkout-courier-map-meta button,
html.tb-theme-dark-active .checkout-courier-address-fallback input{
background:#202936;
border-color:#334256;
color:#dce8f6;
}
html.tb-theme-dark-active .checkout-courier-map-empty b,
html.tb-theme-dark-active .checkout-courier-map-meta b{
color:#edf3fa;
}
html.tb-theme-dark-active .checkout-courier-map-meta small,
html.tb-theme-dark-active .checkout-courier-address-fallback label{
color:#aebed0;
}
/* v0.13.172 — Empty cart reference layout (APK only).
Scope is isolated to .cart-empty-reference so populated cart / checkout remain untouched. */
.cart-empty-reference{margin:-12px -10px -22px;padding:0 0 34px;background:#f3f5f8;min-height:calc(100dvh - 120px)}
.cart-empty-pickup{width:100%;min-height:54px;border:0;border-bottom:1px solid #e8ebef;background:#fff;padding:8px 18px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:9px;align-items:center;text-align:left;color:#111822}
.cart-empty-pickup>span{color:#1768f5;display:grid;place-items:center}.cart-empty-pickup>span .ui-icon{width:20px;height:20px}.cart-empty-pickup>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:750}.cart-empty-pickup>.ui-icon{width:16px;height:16px;color:#8e99a7}
.cart-empty-hero{min-height:205px;padding:30px 22px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f0f2f6}
.cart-empty-hero h1{margin:0 0 10px;font-size:21px;line-height:1.2;color:#111822;font-weight:850}.cart-empty-hero p{max-width:330px;margin:0 0 18px;color:#788494;font-size:15px;line-height:1.35}.cart-empty-hero button{min-height:42px;border:0;border-radius:14px;background:#e6f1ff;color:#0866ee;padding:0 18px;font-size:14px;font-weight:850}
.cart-empty-shelf{padding:18px 10px 4px;background:#f3f5f8}.cart-empty-shelf h2{margin:0 4px 14px;font-size:21px;line-height:1.2;color:#111822;font-weight:900}
.cart-empty-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cart-empty-product-grid .product-card{border:0;border-radius:14px;box-shadow:none;background:#fff}.cart-empty-product-grid .product-media{border-radius:14px 14px 0 0}.cart-empty-product-grid .product-copy{padding:8px 8px 9px}.cart-empty-product-grid .product-copy>strong{font-size:17px}.cart-empty-product-grid .product-copy p{font-size:12.5px;height:35px}.cart-empty-product-grid .cart-button{height:38px;border-radius:12px;font-size:12px}
.cart-empty-product-strip{display:flex;gap:7px;overflow-x:auto;padding:0 0 8px;scroll-snap-type:x proximity;scrollbar-width:none}.cart-empty-product-strip::-webkit-scrollbar{display:none}.cart-empty-product-strip .product-card{flex:0 0 43%;min-width:0;border:0;border-radius:14px;box-shadow:none;scroll-snap-align:start}.cart-empty-product-strip .product-media{border-radius:14px 14px 0 0}.cart-empty-product-strip .product-copy{padding:8px}.cart-empty-product-strip .product-copy>strong{font-size:16px}.cart-empty-product-strip .product-copy p{font-size:12px}.cart-empty-product-strip .cart-button{height:36px;border-radius:11px;font-size:11px}
.cart-empty-reference .favorite-button{width:34px;height:34px}.cart-empty-reference .gallery-dots{bottom:6px}.cart-empty-reference .product-card-seller-identity{display:none}
@media(max-width:380px){.cart-empty-hero{min-height:190px;padding-left:18px;padding-right:18px}.cart-empty-hero h1{font-size:20px}.cart-empty-hero p{font-size:14px}.cart-empty-shelf h2{font-size:20px}.cart-empty-product-strip .product-card{flex-basis:46%}}
@media(min-width:600px){.cart-empty-reference{margin-left:-10px;margin-right:-10px}.cart-empty-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-empty-product-strip .product-card{flex-basis:31%}}
html.tb-theme-dark-active .cart-empty-reference{background:#111720!important}html.tb-theme-dark-active .cart-empty-pickup{background:#171e28!important;border-color:#2a3441!important;color:#edf3fa!important}html.tb-theme-dark-active .cart-empty-hero{background:#121922!important}html.tb-theme-dark-active .cart-empty-hero h1,html.tb-theme-dark-active .cart-empty-shelf h2{color:#edf3fa!important}html.tb-theme-dark-active .cart-empty-hero p{color:#9eacbc!important}html.tb-theme-dark-active .cart-empty-hero button{background:#17345d!important;color:#79b3ff!important}html.tb-theme-dark-active .cart-empty-shelf{background:#111720!important}html.tb-theme-dark-active .cart-empty-reference .product-card{background:#171e28!important}
/* TB Market Android — Empty favorites reference-only layout v0.13.173 */
.favorites-empty-reference{margin:-12px -10px -22px;padding:0 0 calc(86px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));min-height:calc(100dvh - 64px);background:#f2f3f6;color:#151b26}
.favorites-empty-tools{padding:10px 0 8px;background:#fff;border-radius:0 0 24px 24px}
.favorites-empty-search-row{height:58px;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:4px;padding:0 14px 8px}
.favorites-empty-back{width:44px;height:44px;border:0;background:transparent;color:#8b98a7;display:grid;place-items:center;border-radius:14px}
.favorites-empty-back .ui-icon{width:27px;height:27px}
.favorites-empty-search{height:48px;min-width:0;border:0;border-radius:16px;background:#f3f4f7;color:#939ca8;display:flex;align-items:center;gap:10px;padding:0 14px;text-align:left}
.favorites-empty-search .ui-icon{width:23px;height:23px;flex:0 0 auto}
.favorites-empty-search span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500}
.favorites-empty-shortcuts{margin:8px 14px 10px;background:#f4f5f8;border-radius:18px}
.favorites-empty-shortcuts button{grid-template-columns:34px minmax(0,1fr) 18px;min-height:56px;padding:0 13px}
.favorites-empty-shortcuts b{font-size:16px;font-weight:650}
.favorites-empty-chip-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:6px 14px 2px;scrollbar-width:none}
.favorites-empty-chip-row::-webkit-scrollbar{display:none}
.favorites-empty-chip-row .favorite-round-chip{height:42px;min-height:42px;background:#f1f2f5}
.favorites-empty-chip-row .favorite-round-chip.is-icon-only{width:44px;padding:0;justify-content:center}
.favorites-empty-chip-row .favorite-round-chip .ui-icon{width:19px;height:19px}
.favorites-empty-message{margin-top:8px;padding:34px 24px 28px;background:#fff;border-radius:0 0 24px 24px;text-align:center}
.favorites-empty-visual{position:relative;width:104px;height:92px;margin:0 auto 10px}
.favorites-empty-box{position:absolute;left:22px;bottom:10px;width:60px;height:45px;border-radius:8px 8px 12px 12px;background:linear-gradient(180deg,#e8b179,#c98d55);box-shadow:inset 0 -8px 0 rgba(129,79,38,.08),0 8px 18px rgba(72,47,24,.08)}
.favorites-empty-box:before,.favorites-empty-box:after{content:"";position:absolute;top:-16px;width:37px;height:25px;background:#efc08e;border-radius:5px 5px 2px 2px}
.favorites-empty-box:before{left:-5px;transform:skewY(-17deg) rotate(-7deg)}
.favorites-empty-box:after{right:-5px;transform:skewY(17deg) rotate(7deg)}
.favorites-empty-heart{position:absolute;z-index:2;left:39px;top:0;width:34px;height:34px;border-radius:50%;background:#ff4c91;color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(255,50,117,.28)}
.favorites-empty-heart .ui-icon{width:21px;height:21px;fill:currentColor}
.favorites-empty-message h2{margin:7px 0 10px;font-size:23px;line-height:1.18;font-weight:900;color:#111820}
.favorites-empty-message p{max-width:360px;margin:0 auto;color:#7c8795;font-size:16px;line-height:1.45;font-weight:500}
.favorites-empty-recommend{padding:24px 0 0}
.favorites-empty-recommend>h2{margin:0;padding:0 14px 14px;font-size:24px;line-height:1.15;font-weight:900;color:#111820}
.favorites-empty-recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 4px}
.favorites-empty-recommend-grid .product-card{min-width:0;border-radius:18px;background:#fff;overflow:hidden}
.favorites-empty-recommend-grid .product-media{aspect-ratio:.88}
.favorites-empty-recommend-grid .product-copy{padding:9px 10px 12px}
.favorites-empty-recommend-grid .product-copy>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:38px}
@media(max-width:380px){.favorites-empty-message{padding-left:18px;padding-right:18px}.favorites-empty-message h2{font-size:21px}.favorites-empty-message p{font-size:15px}.favorites-empty-recommend>h2{font-size:22px}}
html.tb-theme-dark-active .favorites-empty-reference{background:#10151d;color:#eef3f8}
html.tb-theme-dark-active .favorites-empty-tools,html.tb-theme-dark-active .favorites-empty-message{background:#151c25}
html.tb-theme-dark-active .favorites-empty-search,html.tb-theme-dark-active .favorites-empty-shortcuts,html.tb-theme-dark-active .favorites-empty-chip-row .favorite-round-chip{background:#202936;color:#aab5c2}
html.tb-theme-dark-active .favorites-empty-shortcuts button{color:#eef3f8;border-color:#2b3542}
html.tb-theme-dark-active .favorites-empty-message h2,html.tb-theme-dark-active .favorites-empty-recommend>h2{color:#f4f7fb}
html.tb-theme-dark-active .favorites-empty-message p{color:#9ba8b8}
html.tb-theme-dark-active .favorites-empty-recommend-grid .product-card{background:#161e28}
/* v0.13.174 — Favorites: stores & brands hub (scoped only) */
.favorite-store-hub-page{margin:-12px -10px -22px;min-height:calc(100dvh - 64px);padding:0 0 calc(86px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#f2f3f6;color:#131a25}
.favorite-store-hub-title{height:72px;padding:8px 16px 6px;background:#fff;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border-bottom:1px solid #eef1f5}
.favorite-store-hub-title>button{width:42px;height:42px;border:0;border-radius:14px;background:transparent;color:#7d8a99;display:grid;place-items:center}
.favorite-store-hub-title>button .ui-icon{width:25px;height:25px}
.favorite-store-hub-title h1{margin:0;text-align:center;font-size:22px;line-height:1.2;font-weight:900;color:#111820}
.favorite-store-hub-tabs{margin:0;padding:14px 16px;background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.favorite-store-hub-tabs button{height:52px;border:1px solid #edf0f4;background:#f5f6f8;color:#1c2430;font-size:16px;font-weight:700}
.favorite-store-hub-tabs button:first-child{border-radius:16px 0 0 16px}
.favorite-store-hub-tabs button:last-child{border-radius:0 16px 16px 0}
.favorite-store-hub-tabs button.is-active{position:relative;z-index:1;background:#fff;border-color:#dfe5ed;box-shadow:0 2px 8px rgba(16,28,44,.06);color:#111820}
.favorite-store-hub-results{padding:12px 0 0;display:grid;gap:10px}
.favorite-store-hub-card{background:#fff;border-radius:22px;overflow:hidden}
.favorite-store-hub-head{width:100%;min-height:84px;border:0;background:#fff;display:grid;grid-template-columns:56px minmax(0,1fr) auto 18px;gap:12px;align-items:center;padding:14px 16px;text-align:left;color:#111820}
.favorite-store-hub-logo{width:56px;height:56px;border-radius:16px;background:#f0f3f7;display:grid;place-items:center;overflow:hidden}
.favorite-store-hub-logo img{width:100%;height:100%;object-fit:cover}
.favorite-store-hub-logo i{font-style:normal;font-size:18px;font-weight:900;color:#1768f5}
.favorite-store-hub-name{min-width:0;display:grid;gap:4px}
.favorite-store-hub-name strong{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:850}
.favorite-store-hub-name small{color:#7b8795;font-size:13px;font-weight:600}
.favorite-store-hub-rating,.favorite-store-hub-orders{height:36px;padding:0 11px;border-radius:13px;background:#f4f6f8;color:#3d4957;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:800;white-space:nowrap}
.favorite-store-hub-rating .ui-icon{width:16px;height:16px;color:#ffb000;fill:currentColor}
.favorite-store-hub-head>.ui-icon{width:18px;height:18px;color:#8d99a7}
.favorite-store-hub-premium{flex:0 0 auto;margin:0!important}
.favorite-store-hub-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0 7px 10px}
.favorite-store-hub-products button{min-width:0;aspect-ratio:1;border:0;border-radius:14px;background:#f3f5f8;overflow:hidden;padding:0}
.favorite-store-hub-products img{width:100%;height:100%;object-fit:cover;display:block}
.favorite-store-hub-empty{margin:0 10px;padding:56px 24px 50px;border-radius:22px;background:#fff;text-align:center;color:#8793a1}
.favorite-store-hub-empty>.ui-icon{width:44px;height:44px;margin-bottom:12px;color:#a0acba}
.favorite-store-hub-empty h2{margin:0 0 8px;color:#151c27;font-size:20px;font-weight:900}
.favorite-store-hub-empty p{max-width:340px;margin:0 auto;font-size:14px;line-height:1.45}
@media(max-width:380px){.favorite-store-hub-title h1{font-size:20px}.favorite-store-hub-tabs{padding-left:10px;padding-right:10px}.favorite-store-hub-head{grid-template-columns:50px minmax(0,1fr) auto 16px;padding-left:12px;padding-right:12px;gap:9px}.favorite-store-hub-logo{width:50px;height:50px}.favorite-store-hub-rating,.favorite-store-hub-orders{padding:0 8px}.favorite-store-hub-products{grid-template-columns:repeat(3,minmax(0,1fr))}.favorite-store-hub-products button:nth-child(4){display:none}}
html.tb-theme-dark-active .favorite-store-hub-page{background:#10151d;color:#eef3f8}
html.tb-theme-dark-active .favorite-store-hub-title,html.tb-theme-dark-active .favorite-store-hub-tabs,html.tb-theme-dark-active .favorite-store-hub-card,html.tb-theme-dark-active .favorite-store-hub-head,html.tb-theme-dark-active .favorite-store-hub-empty{background:#151c25}
html.tb-theme-dark-active .favorite-store-hub-title{border-color:#26313e}
html.tb-theme-dark-active .favorite-store-hub-title h1,html.tb-theme-dark-active .favorite-store-hub-name strong,html.tb-theme-dark-active .favorite-store-hub-empty h2{color:#f4f7fb}
html.tb-theme-dark-active .favorite-store-hub-tabs button{background:#202936;border-color:#2b3746;color:#b9c4d0}
html.tb-theme-dark-active .favorite-store-hub-tabs button.is-active{background:#2a3543;color:#fff}
html.tb-theme-dark-active .favorite-store-hub-logo,html.tb-theme-dark-active .favorite-store-hub-rating,html.tb-theme-dark-active .favorite-store-hub-orders{background:#202936;color:#dce4ed}
html.tb-theme-dark-active .favorite-store-hub-products button{background:#202936}
/* v0.13.175 — Favorite stores: reference top chrome only */
.favorite-store-hub-page{margin-top:-12px}
.favorite-store-hub-title{height:68px;padding:7px 20px 5px;border-bottom:0}
.favorite-store-hub-title>button{width:40px;height:40px;border-radius:14px;color:#8795a3}
.favorite-store-hub-title h1{font-size:21px;font-weight:850;letter-spacing:-.015em}
.favorite-store-hub-tabs{padding:13px 16px 11px;border-bottom:0}
.favorite-store-hub-tabs button{height:48px;font-size:16px;font-weight:650;background:#f5f6f8;border-color:#f1f2f5}
.favorite-store-hub-tabs button.is-active{background:#fff;border-color:#e7ebf0;box-shadow:0 1px 5px rgba(16,28,44,.05)}
.favorite-store-hub-category-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:0 16px 14px;background:#fff;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.favorite-store-hub-category-row::-webkit-scrollbar{display:none}
.favorite-store-hub-sort,.favorite-store-hub-category{flex:0 0 auto;height:40px;border:0;border-radius:16px;background:#f5f6f8;color:#111820;font-size:14px;font-weight:700;white-space:nowrap}
.favorite-store-hub-sort{width:44px;padding:0;display:grid;place-items:center;font-size:21px;line-height:1}
.favorite-store-hub-category{padding:0 15px}
.favorite-store-hub-sort.is-active,.favorite-store-hub-category.is-active{background:#e8f1ff;color:#1269f7}
.favorite-store-hub-results{padding-top:10px}
@media(max-width:380px){.favorite-store-hub-title{padding-left:14px;padding-right:14px}.favorite-store-hub-category-row{padding-left:12px;padding-right:12px}.favorite-store-hub-category{padding-left:13px;padding-right:13px;font-size:13px}}
html.tb-theme-dark-active .favorite-store-hub-category-row{background:#151c25}
html.tb-theme-dark-active .favorite-store-hub-sort,html.tb-theme-dark-active .favorite-store-hub-category{background:#202936;color:#dce4ed}
html.tb-theme-dark-active .favorite-store-hub-sort.is-active,html.tb-theme-dark-active .favorite-store-hub-category.is-active{background:#18355d;color:#7eb3ff}
/* TB Market v0.13.176 — Favorites / Collections (Подборки), scoped only */
.favorite-collections-page,.favorite-collection-editor,.favorite-collection-picker,.favorite-collection-detail{margin:-12px -10px -22px;min-height:calc(100dvh - 62px);padding:0 0 calc(86px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#f2f3f6;color:#111820}
.favorite-collections-title,.favorite-collection-editor-title{height:88px;padding:20px 22px 10px;background:#fff;display:grid;grid-template-columns:46px 1fr 46px;align-items:end;border-radius:0 0 24px 24px}
.favorite-collections-title>button:first-child,.favorite-collection-editor-title>button:first-child,.favorite-collection-detail-top>button:first-child{width:42px;height:42px;border:0;background:transparent;color:#8d9aa8;display:grid;place-items:center;border-radius:14px}
.favorite-collections-title .ui-icon,.favorite-collection-editor-title .ui-icon,.favorite-collection-detail-top .ui-icon{width:27px;height:27px}
.favorite-collections-title h1,.favorite-collection-editor-title h1{margin:0;text-align:center;font-size:23px;line-height:42px;font-weight:900;color:#101722}
.favorite-collections-profile{width:42px;height:42px;padding:0;border:0;border-radius:50%;overflow:hidden;background:#eef1f5;display:grid;place-items:center;font-weight:900}
.favorite-collections-profile img{width:100%;height:100%;object-fit:cover}
.favorite-collection-tabs{display:flex;gap:10px;overflow-x:auto;padding:14px 22px 16px;background:#fff;border-radius:0 0 24px 24px;scrollbar-width:none}
.favorite-collection-tabs::-webkit-scrollbar{display:none}
.favorite-collection-tabs button{height:48px;white-space:nowrap;border:0;border-radius:15px;background:#f4f5f8;color:#151b25;padding:0 18px;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800}
.favorite-collection-tabs button b{min-width:23px;height:23px;border-radius:999px;background:#fff;display:grid;place-items:center;font-size:12px}
.favorite-collection-tabs button.is-active{background:#101010;color:#fff}
.favorite-collection-tabs button.is-active b{color:#101010}
.favorite-collections-body{padding:12px 0 0}
.favorite-collection-empty-card{margin:0 0 18px;padding:28px 18px 22px;background:#fff;border-radius:0 0 24px 24px;text-align:center}
.favorite-collection-empty-card.is-compact{border-radius:24px;margin:12px;padding-bottom:34px}
.favorite-collection-empty-visual{position:relative;width:120px;height:115px;margin:0 auto 10px}
.favorite-collection-empty-visual span{position:absolute;z-index:3;left:38px;top:2px;font-size:54px;line-height:1;color:#ff4d9a;filter:drop-shadow(0 7px 10px rgba(255,77,154,.16))}
.favorite-collection-empty-visual i{position:absolute;left:32px;width:62px;height:20px;border-radius:12px;background:linear-gradient(180deg,#2c83ff,#1468ed);box-shadow:0 6px 12px rgba(20,104,237,.22)}
.favorite-collection-empty-visual i:nth-of-type(1){top:56px;transform:rotate(-4deg)}
.favorite-collection-empty-visual i:nth-of-type(2){top:72px;transform:rotate(3deg);width:68px;left:29px}
.favorite-collection-empty-visual i:nth-of-type(3){top:89px;transform:rotate(-2deg);width:72px;left:27px}
.favorite-collection-empty-card h2{margin:8px 0 10px;font-size:25px;font-weight:950;color:#111}
.favorite-collection-empty-card p{max-width:390px;margin:0 auto 18px;color:#707b89;font-size:17px;line-height:1.45}
.favorite-collection-ideas{display:flex;gap:8px;overflow-x:auto;margin:4px -4px 18px;padding:0 4px;scrollbar-width:none}
.favorite-collection-ideas::-webkit-scrollbar{display:none}
.favorite-collection-ideas button{flex:0 0 auto;border:0;border-radius:11px;background:#f4f5f7;padding:7px 10px;color:#212833;font-weight:750}
.favorite-collection-primary{width:100%;height:56px;border:0;border-radius:16px;background:#1468ff;color:#fff;font-size:18px;font-weight:900}
.favorite-collection-popular-block{padding:10px 0 0}
.favorite-collection-popular-block>h2{margin:0;padding:0 22px 14px;font-size:25px;font-weight:950}
.favorite-collection-subempty{margin:0 12px;padding:28px 16px;border-radius:20px;background:#fff;color:#7b8794;text-align:center}
.favorite-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 4px 16px}
.favorite-collection-card{min-width:0;border:0;padding:0;background:transparent;text-align:left}
.favorite-collection-media{position:relative;display:block;aspect-ratio:.79;border-radius:18px;overflow:hidden;background:#dfe4ea;color:#fff}
.favorite-collection-media>img{width:100%;height:100%;object-fit:cover}
.favorite-collection-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#c8d1dd,#8794a7);font-style:normal;font-size:52px}
.favorite-collection-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}
.favorite-collection-author{position:absolute;z-index:2;left:10px;top:10px;right:50px;display:flex;align-items:center;gap:6px}
.favorite-collection-author img,.favorite-collection-author i{width:27px;height:27px;border-radius:50%;object-fit:cover;background:#fff;color:#17202b;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}
.favorite-collection-author b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.favorite-collection-media>em{position:absolute;z-index:3;right:10px;top:8px;font-style:normal;font-size:31px;line-height:1;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.38)}
.favorite-collection-media>em.is-saved{color:#ff1767}
.favorite-collection-mini-stack{position:absolute;z-index:3;left:10px;bottom:52px;display:flex;align-items:center}
.favorite-collection-mini-stack img,.favorite-collection-mini-stack b{width:32px;height:32px;margin-right:-8px;border:2px solid #fff;border-radius:8px;object-fit:cover;background:#eef1f5}
.favorite-collection-mini-stack b{display:grid;place-items:center;color:#3d4752;font-size:10px}
.favorite-collection-media>strong{position:absolute;z-index:3;left:10px;right:10px;bottom:25px;font-size:15px;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.favorite-collection-media>small{position:absolute;z-index:3;left:10px;bottom:7px;font-size:11px;color:#e9edf3}
.favorite-collection-floating-create{position:fixed;right:18px;bottom:calc(82px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));z-index:20;width:56px;height:56px;border:0;border-radius:50%;background:#1468ff;color:#fff;font-size:33px;box-shadow:0 8px 20px rgba(20,104,255,.34)}
.favorite-collection-form-card,.favorite-collection-cover-card,.favorite-collection-public-card{margin-top:12px;padding:22px;background:#fff;border-radius:24px}
.favorite-collection-form-card label{display:block;margin-bottom:18px}
.favorite-collection-form-card label:last-child{margin-bottom:0}
.favorite-collection-form-card input,.favorite-collection-form-card textarea{width:100%;box-sizing:border-box;border:1px solid #d9dee6;border-radius:20px;background:#fff;color:#101722;font:inherit;font-size:18px;outline:0}
.favorite-collection-form-card input{height:72px;padding:0 18px}
.favorite-collection-form-card textarea{height:130px;padding:18px;resize:none}
.favorite-collection-form-card label>small{display:flex;justify-content:flex-end;padding:7px 3px 0;color:#667280;font-size:13px}
.favorite-collection-form-card label:first-child>small{justify-content:flex-start}
.favorite-collection-cover-card h2,.favorite-collection-public-card h2{margin:0 0 8px;font-size:22px}
.favorite-collection-cover-card p,.favorite-collection-public-card p{margin:0;color:#687482;line-height:1.45}
.favorite-collection-cover-slots{display:flex;gap:12px;overflow:hidden;margin-top:18px}
.favorite-collection-cover-slots span,.favorite-collection-cover-slots i{flex:0 0 86px;height:126px;border:1px dashed #d5dbe4;border-radius:18px;background:#fff}
.favorite-collection-cover-slots span.is-primary{border:0;background:#f2f4f8;color:#8d99a8;display:grid;place-items:center;font-size:28px}
.favorite-collection-public-card{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:12px}
.favorite-collection-switch{width:58px;height:34px;border:0;border-radius:999px;background:#dce2e9;padding:3px}
.favorite-collection-switch i{display:block;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .18s}
.favorite-collection-switch.is-active{background:#1468ff}
.favorite-collection-switch.is-active i{transform:translateX(24px)}
.favorite-collection-editor-bottom{position:sticky;bottom:0;margin-top:150px;padding:12px;background:#fff;border-radius:24px 24px 0 0}
.favorite-collection-picker{padding-bottom:calc(150px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.favorite-collection-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.favorite-collection-picker-card{min-width:0;border:0;border-radius:18px;background:#fff;padding:8px;text-align:left}
.favorite-collection-picker-card>span{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#eef1f4}
.favorite-collection-picker-card img{width:100%;height:100%;object-fit:cover}
.favorite-collection-picker-card i{position:absolute;right:8px;top:8px;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:rgba(255,255,255,.9);color:#1468ff;display:grid;place-items:center;font-style:normal;font-weight:950}
.favorite-collection-picker-card.is-selected{outline:2px solid #1468ff}
.favorite-collection-picker-card b{display:block;margin:8px 2px 4px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.favorite-collection-picker-card small{display:block;margin:0 2px 4px;font-weight:850}
.favorite-collection-picker-bottom{position:fixed;z-index:30;left:0;right:0;bottom:calc(60px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:10px 14px;background:#fff;box-shadow:0 -5px 18px rgba(12,24,38,.08)}
.favorite-collection-picker-bottom>span{display:block;margin:0 0 7px;color:#6c7886;font-size:13px}
.favorite-collection-picker-empty{margin:18px 12px;padding:40px 18px;border-radius:22px;background:#fff;text-align:center}
.favorite-collection-picker-empty h2{margin:0 0 8px;font-size:22px}
.favorite-collection-picker-empty p{margin:0;color:#718090}
.favorite-collection-detail-top{height:74px;padding:12px 18px;background:#fff;display:grid;grid-template-columns:44px 1fr 44px 44px;align-items:center}
.favorite-collection-detail-top button{border:0;background:transparent;color:#8a98a8}
.favorite-collection-detail-top .favorite-collection-icon-button{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;padding:0}
.favorite-collection-detail-top .favorite-collection-icon-button .ui-icon{width:25px;height:25px}
.favorite-collection-detail-top .is-more .ui-icon{width:27px;height:27px}
.favorite-collection-detail-copy{padding:20px 22px 22px;background:#fff;border-radius:0 0 24px 24px}
.favorite-collection-detail-copy h1{margin:0 0 5px;font-size:26px}
.favorite-collection-detail-copy>small{color:#718090}
.favorite-collection-detail-copy p{margin:10px 0 18px;color:#3e4854;line-height:1.45}
.favorite-collection-detail-copy>button{width:100%;height:54px;border:0;border-radius:15px;background:#f3f4f8;color:#111820;font-size:18px;font-weight:900}
.favorite-collection-save-button.is-active{color:#ff1767!important}
.favorite-collection-detail-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:12px 4px 0}
.favorite-collection-detail-products .product-card{min-width:0;background:#fff;border-radius:18px;overflow:hidden}
@media(max-width:380px){.favorite-collection-tabs{padding-left:12px;padding-right:12px;gap:7px}.favorite-collection-tabs button{padding:0 12px;font-size:14px}.favorite-collection-empty-card h2{font-size:23px}.favorite-collection-empty-card p{font-size:15px}}
html.tb-theme-dark-active .favorite-collections-page,html.tb-theme-dark-active .favorite-collection-editor,html.tb-theme-dark-active .favorite-collection-picker,html.tb-theme-dark-active .favorite-collection-detail{background:#10151d;color:#eef3f8}
html.tb-theme-dark-active .favorite-collections-title,html.tb-theme-dark-active .favorite-collection-editor-title,html.tb-theme-dark-active .favorite-collection-tabs,html.tb-theme-dark-active .favorite-collection-empty-card,html.tb-theme-dark-active .favorite-collection-form-card,html.tb-theme-dark-active .favorite-collection-cover-card,html.tb-theme-dark-active .favorite-collection-public-card,html.tb-theme-dark-active .favorite-collection-picker-card,html.tb-theme-dark-active .favorite-collection-picker-bottom,html.tb-theme-dark-active .favorite-collection-detail-top,html.tb-theme-dark-active .favorite-collection-detail-copy{background:#171e28;color:#eef3f8}
html.tb-theme-dark-active .favorite-collections-title h1,html.tb-theme-dark-active .favorite-collection-editor-title h1,html.tb-theme-dark-active .favorite-collection-empty-card h2,html.tb-theme-dark-active .favorite-collection-form-card input,html.tb-theme-dark-active .favorite-collection-form-card textarea{color:#eef3f8}
html.tb-theme-dark-active .favorite-collection-form-card input,html.tb-theme-dark-active .favorite-collection-form-card textarea{background:#202936;border-color:#344050}
html.tb-theme-dark-active .favorite-collection-tabs button{background:#202936;color:#eef3f8}
html.tb-theme-dark-active .favorite-collection-tabs button.is-active{background:#f6f8fb;color:#10151d}
.favorite-collection-category-row{display:flex;gap:9px;overflow-x:auto;padding:0 18px 14px;background:#fff;border-radius:0 0 24px 24px;scrollbar-width:none}.favorite-collection-category-row::-webkit-scrollbar{display:none}.favorite-collection-category-row button{flex:0 0 auto;height:42px;border:0;border-radius:14px;background:#f3f4f7;padding:0 15px;font-weight:800;color:#161d27}.favorite-collection-category-row .favorite-collection-category-sort{width:44px;padding:0;font-size:21px}.favorite-collection-category-row button.is-active{background:#101010;color:#fff}html.tb-theme-dark-active .favorite-collection-category-row{background:#171e28}html.tb-theme-dark-active .favorite-collection-category-row button{background:#202936;color:#eef3f8}html.tb-theme-dark-active .favorite-collection-category-row button.is-active{background:#f6f8fb;color:#10151d}
/* TB Market v0.13.177 — favorites header + collection actions only */
.favorite-collection-action-sheet{
position:fixed;z-index:120;left:0;right:0;bottom:0;
padding:7px 14px calc(14px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));
border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -18px 50px rgba(15,26,40,.18)
}
.favorite-collection-action-sheet .favorite-sheet-handle{width:44px;height:4px;margin:0 auto 14px;border-radius:999px;background:#d8dee7}
.favorite-collection-action-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 8px 14px}
.favorite-collection-action-head h2{margin:0 0 4px;font-size:23px;line-height:1.1;color:#111823}
.favorite-collection-action-head small{color:#778392;font-size:15px}
.favorite-collection-action-head>button{width:42px;height:42px;border:0;border-radius:50%;background:#f0f3f7;color:#738090;display:grid;place-items:center;flex:0 0 auto}
.favorite-collection-action-head .ui-icon{width:22px;height:22px}
.favorite-collection-action-list{overflow:hidden;border-radius:20px;background:#f4f5f8}
.favorite-collection-action-list button{width:100%;min-height:58px;border:0;border-bottom:1px solid #dce1e8;background:transparent;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:0 18px;color:#111823;text-align:left}
.favorite-collection-action-list button:last-child{border-bottom:0}
.favorite-collection-action-list .ui-icon{width:25px;height:25px;color:#8a97a5}
.favorite-collection-action-list span{font-size:17px;font-weight:750}
.favorite-collection-action-close{width:100%;height:52px;margin-top:12px;border:0;border-radius:16px;background:#1768f5;color:#fff;font-size:16px;font-weight:850}
html.tb-theme-dark-active .favorites-top-search-row{background:#171e28}
html.tb-theme-dark-active .favorites-top-back{color:#aab6c4}
html.tb-theme-dark-active .favorite-collection-action-sheet{background:#171e28}
html.tb-theme-dark-active .favorite-collection-action-head h2{color:#eef3f8}
html.tb-theme-dark-active .favorite-collection-action-list{background:#202936}
html.tb-theme-dark-active .favorite-collection-action-list button{color:#eef3f8;border-bottom-color:#344050}
html.tb-theme-dark-active .favorite-collection-action-head>button{background:#202936;color:#aab6c4}
/* v0.13.178 Android flow stability/performance guard.
Keeps long marketplace lists cheap to lay out without removing any card/data. */
@supports (content-visibility: auto) {
.product-card,
.favorite-product-card,
.purchase-product-card,
.profile-viewed-card,
.favorite-store-hub-card,
.notification-card,
.order-card,
.search-result-card {
content-visibility: auto;
contain-intrinsic-size: 1px 420px;
}
}
/* Isolate expensive card paint/layout from neighboring rows on Android WebView. */
.product-card,
.favorite-product-card,
.purchase-product-card,
.profile-viewed-card {
contain: layout paint style;
}
/* TB Market v0.13.179 — adaptive ad videos for Android.
Uploaded album videos (portrait/square/landscape) always stay inside the
existing hero/mid-feed frame. JS chooses cover only for close aspect ratios. */
.home-market-page .home-ad-slide,.home-feed-ad{overflow:hidden!important;contain:paint;background:var(--ad-bg,var(--feed-ad-bg,#08142b))!important}
.home-market-page .home-ad-slide video[data-home-ad-video],
.home-feed-ad video[data-home-ad-video]{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-position:center center!important;background:#08142b!important;transform:none!important;will-change:auto!important}
.home-market-page .home-ad-slide video[data-home-ad-video].tb-home-ad-video-cover,
.home-feed-ad video[data-home-ad-video].tb-home-ad-video-cover{object-fit:cover!important}
.home-market-page .home-ad-slide video[data-home-ad-video].tb-home-ad-video-contain,
.home-feed-ad video[data-home-ad-video].tb-home-ad-video-contain{object-fit:contain!important}
@media(max-width:430px){.home-market-page .home-ad-slide video[data-home-ad-video],.home-feed-ad video[data-home-ad-video]{max-width:100vw!important}}
/* =========================================================
v0.13.183 — Product detail reference parity
Scope: customer product detail + full-screen image viewer only.
Existing API, cart, variants, reviews and store routes are unchanged.
========================================================= */
.product-detail-reference{background:#f1f3f6!important;padding-bottom:calc(94px + var(--tb-safe-bottom,env(safe-area-inset-bottom,0px)))!important}
.product-detail-reference .product-reference-gallery{background:#fff;border-radius:0 0 24px 24px;overflow:hidden}
.product-detail-reference .product-hero-media{aspect-ratio:.72!important;min-height:470px;max-height:68dvh;background:#fff!important}
.product-detail-reference .product-hero-media img{object-fit:contain!important;padding:0!important;background:#fff}
.product-detail-reference .product-reference-sale-badge{position:absolute;left:14px;bottom:20px;z-index:4;min-height:28px;padding:0 9px;border-radius:999px;background:#ff2e66;color:#fff;display:flex;align-items:center;font-size:11px;font-weight:900;box-shadow:0 4px 16px rgba(255,46,102,.22)}
.product-detail-reference .product-hero-dots{bottom:12px;gap:3px}.product-detail-reference .product-hero-dots button{width:5px;height:5px;background:#cbd2dc;box-shadow:none}.product-detail-reference .product-hero-dots button.is-active{width:14px;border-radius:999px;background:#176df7}
.product-detail-reference .product-reference-price{margin-top:0;border-radius:0 0 22px 22px;padding:14px 16px 15px}
.product-detail-reference .product-price-line strong{font-size:24px;font-weight:900;color:#0aaa61}.product-detail-reference .product-price-line del{font-size:13px}.product-detail-reference .product-price-line em{font-size:13px;color:#e52262}
.product-reference-bankline{margin-top:7px;display:flex;align-items:center;gap:7px;color:#708094;font-size:10px}.product-reference-bankline b{color:#0d82d8;font-size:10px}.product-reference-bankline .ui-icon{width:13px;height:13px;color:#9ca7b4}
.product-detail-reference .product-benefit-row{padding-top:9px;gap:6px}.product-detail-reference .product-benefit-row span{min-height:31px;border-radius:10px;background:#f3f6fa;color:#2b3b50;font-size:9px;font-weight:800}.product-detail-reference .product-benefit-row span:first-child{background:#eaf6ff;color:#0e67c8}
.product-reference-promo{margin-top:8px;padding:12px 14px;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.product-reference-promo>div{display:flex;align-items:center;gap:10px;min-width:0}.product-reference-promo-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff2f82,#c927e2);color:#fff;font-weight:950}.product-reference-promo b,.product-reference-promo small{display:block}.product-reference-promo b{font-size:14px}.product-reference-promo small{margin-top:2px;color:#8793a2;font-size:10px}.product-reference-promo>strong{white-space:nowrap;padding:7px 10px;border-radius:10px;background:#f3f5f8;color:#1a2433;font-size:11px}
.product-detail-reference .product-variant-panel,.product-detail-reference .product-reference-main,.product-detail-reference .product-reference-reviews,.product-detail-reference .product-store-reference,.product-detail-reference .product-reference-related{margin-top:8px!important;border-radius:22px!important;background:#fff!important;padding:16px!important}
.product-reference-verified{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 8px;margin-bottom:10px;border-radius:8px;background:#e8fbef;color:#08a35a;font-size:10px;font-weight:900}.product-reference-verified .ui-icon{width:15px;height:15px}
.product-detail-reference .product-reference-main>h1{margin:0 0 14px!important;font-size:20px!important;line-height:1.24!important;font-weight:900!important;color:#101722!important}
.product-reference-tabs{margin:0 0 14px!important;padding:0!important;display:grid!important;grid-template-columns:auto auto auto;gap:6px!important;overflow:auto!important}.product-reference-tabs button{height:37px!important;padding:0 12px!important;border-radius:10px!important;background:#f3f4f6!important;color:#212938!important;font-size:11px!important}.product-reference-tabs button.is-active{background:#101010!important;color:#fff!important}
.product-detail-reference .product-description-text{margin:0!important;color:#243142!important;font-size:12px!important;line-height:1.5!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.product-detail-reference .product-tab-panel.is-active .product-description-text:only-child{display:block}
.product-reference-section-title{margin:0 0 10px;font-size:18px;color:#111827}.product-detail-reference .product-spec-row{min-height:48px;padding:10px 0;border-bottom:1px solid #edf0f4;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:15px;align-items:center}.product-detail-reference .product-spec-row span{color:#8390a0;font-size:11px}.product-detail-reference .product-spec-row b{color:#182131;font-size:11px;font-weight:750;text-align:left}
.product-reference-social{margin-top:16px;display:flex;align-items:stretch;gap:8px;min-width:0}.product-reference-social-stat{flex:0 0 96px;min-height:66px;padding:8px;border:0;border-radius:13px;background:#f3f5f8;color:#172033;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:center;align-content:center;column-gap:4px;text-align:center}.product-reference-social-stat>span{align-self:center;color:#ffac00}.product-reference-social-stat>b{font-size:18px;line-height:1}.product-reference-social-stat>small{grid-column:1/-1;margin-top:3px;color:#768494;font-size:9px}.product-reference-question-icon{width:18px;height:18px!important;border-radius:5px;background:#a4afbd;color:#fff!important;display:grid!important;place-items:center;font-size:11px;font-weight:950}.product-reference-review-media{min-width:0;flex:1;display:flex;gap:4px;overflow:hidden}.product-reference-review-media>button{position:relative;flex:1;min-width:0;border:0;padding:0;border-radius:11px;overflow:hidden;background:#edf1f5}.product-reference-review-media img{width:100%;height:66px;object-fit:cover;display:block}.product-reference-review-media i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,29,40,.38);color:#fff;font-style:normal;font-size:14px;font-weight:900}.product-reference-review-media.is-empty{align-items:center;justify-content:center;border-radius:12px;background:#f4f6f8;color:#8b97a6}.product-reference-review-media.is-empty .ui-icon{width:20px;height:20px}.product-reference-review-media.is-empty small{font-size:8px;max-width:70px}
.product-reference-buy-now{width:100%;min-height:48px;margin-top:14px;border:0;border-radius:14px;background:#eaf7ff;color:#0869dd;font-size:14px;font-weight:900}.product-reference-buy-now:disabled{opacity:.45}
.product-reference-reviews .product-reviews-title-row{margin-bottom:10px}.product-reference-reviews .product-reviews-title-row h2{font-size:19px}.product-reference-reviews .product-review-summary-card{background:#f5f7fa;border-radius:15px}.product-reference-reviews .product-review-card{padding-top:14px}.product-reference-reviews .product-review-author{align-items:center}.product-reference-reviews .product-review-author time{margin-left:auto;color:#98a3b1;font-size:9px}.product-reference-reviews .product-review-photos{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.product-reference-reviews .product-review-photos button{flex:0 0 88px;height:88px;border-radius:12px;overflow:hidden}.product-reference-reviews .product-review-photos img{width:100%;height:100%;object-fit:cover}
.product-store-reference{overflow:hidden}.product-store-reference-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.product-store-reference-head h2{margin:0;font-size:20px}.product-store-follow{height:32px;padding:0 9px;border:0;border-radius:10px;background:#f3f5f8;color:#576678;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:850}.product-store-follow .ui-icon{width:15px;height:15px}.product-store-follow.is-active{background:#ffeaf1;color:#ee2860}.product-store-follow.is-active .ui-icon{fill:currentColor}
.product-store-reference-card{border-radius:16px;background:#f6f7f9;padding:10px}.product-store-reference-profile{width:100%;padding:0;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:50px minmax(0,1fr) 18px;gap:9px;align-items:center;text-align:left}.product-store-reference-logo{width:50px;height:50px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden}.product-store-reference-logo img{width:100%;height:100%;object-fit:cover}.product-store-reference-logo i{font-style:normal;font-weight:950;color:#176df7}.product-store-reference-name{min-width:0}.product-store-reference-name strong{display:flex;align-items:center;gap:5px;min-width:0;font-size:14px}.product-store-reference-name small{display:block;margin-top:4px;color:#8a95a3;font-size:10px}.product-store-reference-profile>.ui-icon{width:16px;height:16px;color:#9ca6b2}
.product-store-reference-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.product-store-reference-metrics button{height:44px;border:0;border-radius:12px;background:#fff;color:#243247;display:flex;align-items:center;justify-content:center;gap:6px}.product-store-reference-metrics button:first-child .ui-icon{color:#ffad00}.product-store-reference-metrics button:last-child .ui-icon{color:#1670ff}.product-store-reference-metrics .ui-icon{width:17px;height:17px}.product-store-reference-metrics b{font-size:11px}
.product-store-reference-meta{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.product-store-reference-meta>span{display:flex;align-items:center;gap:5px;color:#5d6a7a;font-size:9px}.product-store-reference-meta>span .ui-icon{width:14px;height:14px}.product-store-reference-meta>button{border:0;background:transparent;color:#5d6a7a;display:flex;align-items:center;gap:2px;font-size:9px}.product-store-reference-meta>button .ui-icon{width:13px;height:13px}
.product-store-reference-products{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,44%);gap:8px;overflow:auto;margin:10px -16px -6px;padding:0 16px 6px;scrollbar-width:none}.product-store-reference-products .product-card{box-shadow:none;border-color:#e9edf2}.product-store-reference-products .product-media{aspect-ratio:.88}.product-store-reference-products .product-copy p{font-size:10px}.product-store-reference-products .cart-button,.product-store-reference-products .product-card-qty-control{display:none!important}
.product-reference-related>h2{margin:0 0 12px;font-size:20px}.product-reference-related .product-related-grid{gap:8px}
.product-reference-purchase{padding:8px 10px!important;background:rgba(255,255,255,.98)!important}.product-reference-purchase>.primary-button{min-height:50px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:1px!important;border-radius:14px!important;background:#1269f7!important}.product-reference-purchase>.primary-button span{font-size:14px;font-weight:900}.product-reference-purchase>.primary-button small{font-size:9px;font-weight:650;opacity:.9}.product-reference-purchase .qty-control{min-width:106px}
/* reference-like product app bar: compact title + round actions, product route only. */
.product-detail-appbar{height:58px!important;grid-template-columns:42px minmax(0,1fr) 38px 38px 38px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #eef1f4!important;backdrop-filter:blur(18px)}.product-detail-appbar>button{background:#f3f5f8!important;color:#8b99a8!important;border-radius:13px!important}.product-detail-appbar>button.is-active{color:#ff2e68!important}.product-detail-appbar .product-appbar-copy b{font-size:12px!important;font-weight:850!important}.product-detail-appbar .product-appbar-copy small{display:none!important}
/* Full-screen image viewer: main image + all uploaded images as a bottom thumbnail rail. */
.product-image-viewer-reference{background:#060708!important}.product-image-viewer-reference .product-image-viewer-stage{inset:0 0 132px!important;background:#060708!important}.product-image-viewer-reference .product-image-viewer-stage img{object-fit:contain!important;padding:12px!important}.product-image-viewer-reference .product-image-viewer-close{top:calc(14px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)))!important;right:14px!important;background:rgba(22,30,39,.86)!important;color:#fff!important}.product-image-viewer-reference .product-image-viewer-counter{bottom:126px!important;left:50%!important;transform:translateX(-50%);background:rgba(15,20,27,.65)!important;color:#fff!important}.product-image-viewer-thumbs{position:absolute;z-index:5;left:0;right:0;bottom:calc(14px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));height:96px;padding:4px 14px;display:flex;align-items:center;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.product-image-viewer-thumbs::-webkit-scrollbar{display:none}.product-image-viewer-thumbs button{flex:0 0 68px;width:68px;height:86px;padding:2px;border:2px solid transparent;border-radius:11px;background:#fff;overflow:hidden;scroll-snap-align:center;opacity:.72}.product-image-viewer-thumbs button.is-active{border-color:#1670ff;opacity:1}.product-image-viewer-thumbs img{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#fff;display:block}
html.tb-theme-dark-active .product-detail-reference{background:#0d1219!important}.tb-theme-dark-active .product-detail-reference .product-reference-gallery,.tb-theme-dark-active .product-detail-reference .product-hero-media,.tb-theme-dark-active .product-detail-reference .product-hero-media img,.tb-theme-dark-active .product-detail-reference .product-reference-price,.tb-theme-dark-active .product-detail-reference .product-reference-main,.tb-theme-dark-active .product-detail-reference .product-reference-reviews,.tb-theme-dark-active .product-detail-reference .product-store-reference,.tb-theme-dark-active .product-detail-reference .product-reference-related,.tb-theme-dark-active .product-detail-reference .product-reference-promo{background:#151c25!important}.tb-theme-dark-active .product-detail-reference .product-reference-main>h1,.tb-theme-dark-active .product-store-reference-head h2,.tb-theme-dark-active .product-reference-related>h2,.tb-theme-dark-active .product-reference-section-title{color:#f2f6fa!important}.tb-theme-dark-active .product-reference-tabs button{background:#202936!important;color:#dfe7ef!important}.tb-theme-dark-active .product-reference-tabs button.is-active{background:#fff!important;color:#111!important}.tb-theme-dark-active .product-store-reference-card{background:#202936!important}.tb-theme-dark-active .product-store-reference-metrics button{background:#151c25!important;color:#eaf0f6!important}.tb-theme-dark-active .product-reference-social-stat,.tb-theme-dark-active .product-reference-review-media.is-empty{background:#202936!important;color:#eaf0f6!important}.tb-theme-dark-active .product-detail-appbar{background:rgba(20,27,36,.97)!important;border-color:#27313d!important}.tb-theme-dark-active .product-detail-appbar>button{background:#202936!important}.tb-theme-dark-active .product-detail-appbar .product-appbar-copy b{color:#eef3f8!important}
@media(max-width:390px){.product-detail-reference .product-hero-media{min-height:430px}.product-reference-social-stat{flex-basis:88px}.product-reference-review-media img{height:62px}.product-reference-tabs button{padding:0 9px!important;font-size:10px!important}.product-store-reference-products{grid-auto-columns:minmax(138px,46%)}}
/* v0.13.183 viewer geometry correction */
.product-image-viewer-reference{grid-template-rows:minmax(0,1fr) 110px!important;padding:calc(8px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 0 calc(8px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))!important}
.product-image-viewer-reference .product-image-viewer-stage{inset:auto!important;position:relative!important;min-height:0!important}
.product-image-viewer-reference .product-image-viewer-counter{top:auto!important;bottom:calc(112px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))!important}
.product-image-viewer-thumbs{bottom:calc(8px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))!important;height:102px!important}
/* v0.13.184 product postpay + startup review prompt */
.product-postpay-chip{margin-top:8px;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:0;border-radius:10px;background:#eef8ff;color:#0969da;font-size:12px;font-weight:850;cursor:pointer}
.product-postpay-chip .ui-icon{width:16px;height:16px}.product-postpay-chip .ui-icon:last-child{width:13px;height:13px;margin-left:1px}
.product-postpay-backdrop{background:rgba(7,18,35,.42)!important;backdrop-filter:blur(1px)}
.product-postpay-modal{position:fixed;left:50%;bottom:0;z-index:1003;width:min(100%,560px);max-height:92vh;overflow:auto;transform:translateX(-50%);padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:var(--surface,#fff);box-shadow:0 -12px 40px rgba(13,34,68,.18)}
.product-postpay-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#64768b;z-index:2}.product-postpay-close .ui-icon{width:18px;height:18px}
.product-postpay-hero{height:190px;border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#e9f4ff 0%,#f8fbff 52%,#edf6ff 100%)}
.product-postpay-logo{position:absolute;left:18px;top:16px;padding:6px 10px;border-radius:10px;background:#1769ff;color:#fff;font-weight:950;letter-spacing:.04em}
.product-postpay-box{width:118px;height:92px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#1769ff,#42a5ff);color:#fff;box-shadow:0 18px 35px rgba(23,105,255,.28);transform:rotate(-4deg);position:relative}.product-postpay-box>.ui-icon{width:48px;height:48px}.product-postpay-box i{position:absolute;right:-20px;bottom:-14px;width:52px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#1769ff;box-shadow:0 7px 18px rgba(32,61,104,.2)}.product-postpay-box i .ui-icon{width:25px;height:25px}
.product-postpay-modal h2{margin:18px 0 12px;font-size:27px;line-height:1.15;color:var(--text,#101828)}.product-postpay-modal p{margin:0 0 14px;color:var(--muted,#6e7c8f);font-size:15px;line-height:1.55}.product-postpay-more{border:0;background:transparent;color:#1769ff;font-size:14px;font-weight:800;padding:4px 0 16px;cursor:pointer}.product-postpay-ok{width:100%;min-height:50px}
.checkout-prepay-required-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff5e8;color:#965800;font-size:11px;font-weight:800;line-height:1.45}
.startup-review-backdrop{background:rgba(7,18,35,.44)!important;backdrop-filter:blur(1.5px)}
.startup-review-modal{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:1004;width:min(calc(100% - 24px),430px);transform:translateX(-50%);padding:16px 16px 14px;border-radius:22px;background:var(--surface,#fff);box-shadow:0 20px 52px rgba(10,27,55,.25);text-align:center}
.startup-review-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#64768b}.startup-review-close .ui-icon{width:16px;height:16px}
.startup-review-product{width:86px;height:86px;margin:0 auto 10px;border-radius:17px;display:grid;place-items:center;overflow:hidden;background:#f4f6f9}.startup-review-product img{width:100%;height:100%;object-fit:cover}.startup-review-product>.ui-icon{width:32px;height:32px;color:#8c9db0}
.startup-review-modal>small{display:block;color:#8795a8;font-size:10px;font-weight:750}.startup-review-modal h2{margin:4px 36px 3px;font-size:20px;color:var(--text,#101828)}.startup-review-modal p{margin:0 auto 10px;max-width:310px;color:#53657b;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.startup-review-stars{display:flex;justify-content:center;gap:7px;margin:9px 0 6px}.startup-review-stars button{width:43px;height:43px;border:0;border-radius:12px;display:grid;place-items:center;background:#fff8df;color:#ffb000;cursor:pointer}.startup-review-stars .ui-icon{width:25px;height:25px;fill:currentColor}
.startup-review-later{border:0;background:transparent;color:#718197;font-size:12px;font-weight:800;padding:8px 18px;cursor:pointer}
html[data-theme="dark"] .product-postpay-chip{background:#102b47;color:#67b5ff}html[data-theme="dark"] .product-postpay-modal,html[data-theme="dark"] .startup-review-modal{background:#111a27}html[data-theme="dark"] .product-postpay-hero{background:linear-gradient(145deg,#10243a,#172333)}html[data-theme="dark"] .checkout-prepay-required-note{background:#3d2c12;color:#ffd291}html[data-theme="dark"] .startup-review-stars button{background:#352d12;color:#ffc23c}
@media(max-width:380px){.product-postpay-modal h2{font-size:24px}.product-postpay-hero{height:170px}.startup-review-stars{gap:4px}.startup-review-stars button{width:40px;height:40px}}
/* v0.13.187 canonical category empty-root state */
.category-coming-soon{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;border-radius:24px;background:var(--surface,#fff)}
.category-coming-soon .empty-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#eef4ff;color:#1769ff;margin-bottom:14px}
.category-coming-soon h2{margin:0 0 7px;font-size:22px;font-weight:800}
.category-coming-soon p{margin:0;max-width:280px;color:#7d8ba0;line-height:1.45;font-size:14px}
/* TB Market v0.13.189 - account deletion request */
.settings-account-delete{color:#d62f45!important}.settings-account-delete b{color:#d62f45!important}.settings-account-delete small{color:#98a5b5!important}
.account-delete-modal{position:fixed;z-index:10002;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:22px;border-radius:24px;background:#fff;color:#101a2c;box-shadow:0 24px 70px rgba(12,24,44,.28)}
.account-delete-modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:#f1f4f7;color:#718196}.account-delete-modal-close .ui-icon{width:18px;height:18px}
.account-delete-danger-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#fff0f2;color:#d62f45}.account-delete-danger-icon .ui-icon{width:24px;height:24px}
.account-delete-modal h2{margin:15px 44px 8px 0;font-size:22px}.account-delete-modal>p{margin:0;color:#6f8095;font-size:13px;line-height:1.55}.account-delete-info-link{display:inline-block;margin-top:10px;color:#1268ff;font-size:13px;font-weight:800;text-decoration:none}
.account-delete-modal form{display:grid;gap:10px;margin-top:17px}.account-delete-modal label{display:grid;gap:6px;color:#6e8095;font-size:11px;font-weight:800}.account-delete-modal input{height:48px;padding:0 13px;border:1px solid #ccd7e3;border-radius:13px;background:#fff;color:#111c2e;font-size:15px;outline:none}.account-delete-modal input:focus{border-color:#1268ff;box-shadow:0 0 0 3px rgba(18,104,255,.08)}
.account-delete-confirm,.account-delete-cancel{height:48px;border:0;border-radius:13px;font-size:14px;font-weight:850}.account-delete-confirm{background:#d62f45;color:#fff}.account-delete-cancel{background:#f1f4f7;color:#34465d}
body[data-theme="dark"] .account-delete-modal,.dark .account-delete-modal{background:#121a27;color:#f6f8fb}.dark .account-delete-modal input{background:#182231;border-color:#334154;color:#fff}.dark .account-delete-modal-close,.dark .account-delete-cancel{background:#202b3a;color:#dce4ee}
/* TB Market v0.13.201 — public customer profiles, dedicated reviews and social activity */
.social-page-appbar{min-height:58px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:8px 12px;background:var(--surface,#fff);border-bottom:1px solid #edf1f5;position:sticky;top:0;z-index:12}.social-page-appbar>button{width:40px;height:40px;border:0;border-radius:13px;background:#f4f6f8;display:grid;place-items:center;color:#5d6d82}.social-page-appbar>b{text-align:center;font-size:17px;color:var(--text,#101828);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-page-appbar>b span{color:#8795a8;font-weight:700}.social-page-appbar>span{width:40px}
.social-avatar{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e8eef7,#f8fafc);color:#64748b;flex:0 0 auto}.social-avatar img{width:100%;height:100%;object-fit:cover}.social-avatar b{font-size:16px}.social-avatar.is-small{width:30px;height:30px}.social-avatar.is-top{width:60px;height:60px;border-radius:18px}.social-avatar.is-profile{width:92px;height:92px;border-radius:50%;box-shadow:0 8px 24px rgba(24,74,150,.12)}.social-avatar.is-activity{width:48px;height:48px}
.public-user-page,.product-reviews-hub{min-height:100%;background:#f3f5f8;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.public-user-hero{display:flex;gap:18px;align-items:center;padding:24px 20px 10px;background:#fff}.public-user-copy{min-width:0;flex:1}.public-user-copy h1{margin:0 0 15px;color:#111827;font-size:25px;line-height:1.1}.public-user-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.public-user-stats span{display:grid;gap:2px}.public-user-stats b{font-size:17px;color:#111827}.public-user-stats small{font-size:10px;color:#8996a8;white-space:nowrap}.public-user-follow{width:calc(100% - 32px);height:48px;margin:12px 16px 16px;border:0;border-radius:14px;background:#1769ff;color:#fff;font-size:15px;font-weight:900}.public-user-follow.is-active{background:#eef3f8;color:#52657b}
.social-achievement-row{display:flex;gap:10px;overflow-x:auto;padding:16px;background:#fff;border-top:1px solid #f0f2f5;scrollbar-width:none}.social-achievement-row::-webkit-scrollbar,.social-top-scroll::-webkit-scrollbar,.product-review-media-rail::-webkit-scrollbar{display:none}.social-achievement{min-width:112px;padding:14px 10px 12px;border-radius:19px;background:linear-gradient(145deg,#f7f3ff,#eef6ff);position:relative;text-align:center}.social-achievement>span{display:block;font-size:38px;line-height:1}.social-achievement>i{position:absolute;top:8px;right:10px;min-width:20px;height:20px;border-radius:8px;background:#1769ff;color:#fff;font-style:normal;font-size:11px;font-weight:900;display:grid;place-items:center}.social-achievement>b{display:block;margin-top:8px;font-size:11px;color:#26364b}
.social-top-section,.social-profile-media,.social-profile-reviews{margin-top:10px;padding:16px 0;background:#fff;border-radius:22px}.social-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px}.social-section-head h2{margin:0;font-size:20px;color:#111827}.social-section-head span{min-width:34px;height:28px;padding:0 10px;border-radius:11px;background:#f1f4f8;color:#607188;display:grid;place-items:center;font-size:12px;font-weight:800}.social-top-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 16px 6px}.social-top-user{flex:0 0 112px;min-height:132px;padding:12px 8px;border:0;border-radius:19px;background:#f5f7fa;text-align:center;color:#111827}.social-top-user .social-avatar{margin:auto}.social-top-user b{display:block;margin-top:8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-top-user small{display:block;margin-top:3px;font-size:10px;color:#8795a8}.social-profile-media>div:last-child{display:flex;gap:7px;overflow-x:auto;padding:0 16px}.social-profile-media button{flex:0 0 88px;height:112px;border:0;padding:0;border-radius:14px;overflow:hidden;background:#eef2f6}.social-profile-media img{width:100%;height:100%;object-fit:cover}
.social-review-card{margin:0 10px 12px;padding:14px;border-radius:20px;background:#fff;border:1px solid #edf0f4;box-shadow:0 3px 14px rgba(25,43,75,.035)}.social-review-product{width:100%;display:grid;grid-template-columns:58px 1fr auto 18px;gap:10px;align-items:center;padding:8px 9px;border:1px solid #edf0f4;border-radius:15px;background:#fff;text-align:left;color:#111827}.social-review-product img{width:58px;height:58px;border-radius:10px;object-fit:cover}.social-review-product span{display:grid;gap:3px;min-width:0}.social-review-product span b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-review-product span small{color:#7e8b9d;font-size:10px}.social-review-product strong{font-size:12px;color:#e51e62;white-space:nowrap}.social-review-product>.ui-icon{width:14px;height:14px;color:#98a5b5}.social-review-rating-row{display:flex;align-items:center;justify-content:space-between;margin:12px 2px 9px}.social-review-stars{display:flex;gap:2px;color:#ffad00}.social-review-stars .ui-icon{width:19px;height:19px;fill:currentColor}.social-review-rating-row time{font-size:10px;color:#8a97a8}.social-review-author-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-review-author{display:flex;align-items:center;gap:9px;min-width:0;padding:0;border:0;background:transparent;color:#111827;text-align:left}.social-review-author>span:not(.social-avatar){display:grid;gap:2px;min-width:0}.social-review-author b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-review-author small{font-size:9px;color:#8a97a8}.social-review-author>.ui-icon{width:13px;height:13px;color:#a3afbd}.social-follow-mini{height:34px;padding:0 12px;border:0;border-radius:12px;background:#eaf4ff;color:#0969e8;font-size:11px;font-weight:900;white-space:nowrap}.social-follow-mini.is-active{background:#eef1f5;color:#687a90}.social-review-body{margin:13px 2px 12px;font-size:14px;line-height:1.48;color:#1b2533;white-space:pre-wrap}.social-review-media{display:flex;gap:7px;overflow-x:auto;margin:8px 0 11px}.social-review-media button{flex:0 0 118px;height:150px;padding:0;border:0;border-radius:14px;overflow:hidden;background:#eef2f6}.social-review-media img{width:100%;height:100%;object-fit:cover}.social-review-comments{display:grid;gap:8px;padding:10px 0;border-top:1px solid #edf0f4}.social-review-comment{display:flex;gap:8px}.social-review-comment>button{border:0;padding:0;background:transparent;height:30px}.social-review-comment>span{min-width:0}.social-review-comment b{font-size:11px}.social-review-comment p{margin:2px 0 0;font-size:11px;line-height:1.35;color:#53657a}.social-review-actions{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #edf0f4}.social-review-actions button{min-width:54px;height:36px;padding:0 11px;border:0;border-radius:12px;background:#f3f5f8;color:#64758b;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.social-review-actions button.is-active{background:#e7f2ff;color:#0969e8}.social-review-actions .ui-icon{width:16px;height:16px}.social-empty{padding:36px 16px;text-align:center;color:#8996a8}
.product-review-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px;background:#fff}.product-review-summary>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.product-review-summary strong{grid-row:1/3;font-size:43px;line-height:1;color:#111827}.product-review-summary small{font-size:11px;color:#8290a2}.product-review-summary>button{max-width:188px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;padding:7px;border:0;border-radius:15px;background:#f5f7fa;text-align:left}.product-review-summary>button img{width:54px;height:54px;border-radius:10px;object-fit:cover}.product-review-summary>button span{font-size:10px;font-weight:800;color:#27364a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-review-media-rail{display:flex;gap:7px;padding:12px 16px 16px;overflow-x:auto;background:#fff;border-top:1px solid #f0f2f5}.product-review-media-rail button{flex:0 0 86px;height:110px;border:0;padding:0;border-radius:13px;overflow:hidden}.product-review-media-rail img{width:100%;height:100%;object-fit:cover}.product-review-dedicated-list{padding-top:10px}
.social-notification-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 12px 12px;padding:4px;border-radius:15px;background:#eef1f5}.social-notification-tabs button{height:42px;border:0;border-radius:12px;background:transparent;color:#68788d;font-size:13px;font-weight:850}.social-notification-tabs button.is-active{background:#fff;color:#111827;box-shadow:0 2px 9px rgba(28,45,75,.08)}.social-activity-tip{margin:0 12px 12px;padding:12px 13px;border-radius:16px;background:linear-gradient(110deg,#eef8ff,#f5f0ff);display:flex;gap:9px;align-items:flex-start;color:#52657b;font-size:11px;line-height:1.4}.social-activity-tip .ui-icon{width:18px;height:18px;color:#1769ff;flex:0 0 auto}.social-activity-list{display:grid;gap:9px}.social-activity-card{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:13px 14px;background:#fff;border-radius:18px;border:1px solid #edf0f4}.social-activity-card.is-unread{border-color:#cfe3ff;background:#fafdff}.social-activity-card>div{min-width:0}.social-activity-card b{font-size:12px;color:#111827}.social-activity-card p{margin:3px 0 4px;font-size:11px;line-height:1.4;color:#63748a}.social-activity-card small{font-size:9px;color:#9aa6b5}.social-activity-card>button{height:32px;padding:0 10px;border:0;border-radius:11px;background:#e9f4ff;color:#0969e8;font-size:10px;font-weight:900}
html[data-theme="dark"] .public-user-page,html[data-theme="dark"] .product-reviews-hub{background:#0d1219}html[data-theme="dark"] .social-page-appbar,html[data-theme="dark"] .public-user-hero,html[data-theme="dark"] .social-achievement-row,html[data-theme="dark"] .social-top-section,html[data-theme="dark"] .social-profile-media,html[data-theme="dark"] .social-profile-reviews,html[data-theme="dark"] .social-review-card,html[data-theme="dark"] .product-review-summary,html[data-theme="dark"] .product-review-media-rail,html[data-theme="dark"] .social-activity-card{background:#151c25;border-color:#26313e}html[data-theme="dark"] .social-page-appbar>b,html[data-theme="dark"] .public-user-copy h1,html[data-theme="dark"] .social-section-head h2,html[data-theme="dark"] .social-review-author b,html[data-theme="dark"] .social-review-body,html[data-theme="dark"] .product-review-summary strong,html[data-theme="dark"] .social-activity-card b{color:#f1f5f9}html[data-theme="dark"] .social-review-product{background:#202936;border-color:#2e3947;color:#eef3f8}html[data-theme="dark"] .social-notification-tabs{background:#202936}html[data-theme="dark"] .social-notification-tabs button.is-active{background:#111923;color:#fff}
@media(max-width:380px){.public-user-hero{padding-left:14px;padding-right:14px;gap:12px}.social-avatar.is-profile{width:78px;height:78px}.public-user-stats{gap:4px}.public-user-stats small{font-size:8px}.product-review-summary>button{max-width:150px}.social-review-card{margin-left:6px;margin-right:6px}.social-review-product{grid-template-columns:50px 1fr auto 14px}.social-review-product img{width:50px;height:50px}}
/* TB Market v0.13.202 — profile hierarchy refinement (APK only) */
.profile-overview-social-summary{display:flex;align-items:center;gap:6px;margin-top:2px;min-width:0;color:#68798e;font-size:10px;line-height:1.2}.profile-overview-social-summary b{font:inherit;font-weight:650;white-space:nowrap}.profile-overview-social-summary i{font-style:normal;color:#b0bac6}.profile-overview-copy>em{display:none!important}
.public-user-copy>p{margin:-9px 0 12px;color:#8a97a7;font-size:11px}.public-user-stats button,.public-user-stats span{min-width:0;border:0;padding:0;background:transparent;text-align:left;color:inherit;display:grid;gap:2px}.public-user-stats button{cursor:pointer}.public-user-stats button:active b{color:#1769ff}.public-user-stats button b,.public-user-stats span b{font-size:17px;color:#111827}.public-user-stats button small,.public-user-stats span small{font-size:10px;color:#8996a8;white-space:nowrap}
.public-user-self-actions{display:grid;grid-template-columns:1fr 48px;gap:9px;padding:12px 16px 16px;background:#fff}.public-user-self-actions>button{height:48px;border:0;border-radius:14px;background:#22252b;color:#fff;font-size:14px;font-weight:900}.public-user-self-actions>button:last-child{display:grid;place-items:center;background:#f0f3f7;color:#617287}.public-user-self-actions .ui-icon{width:21px;height:21px}
.social-profile-collections{margin-top:10px;padding:16px 0;background:#fff;border-radius:22px}.social-profile-collection-scroll{display:flex;gap:10px;overflow-x:auto;padding:0 16px 6px;scrollbar-width:none}.social-profile-collection-scroll::-webkit-scrollbar{display:none}.social-profile-collection-card{flex:0 0 152px;min-width:0;border:0;padding:0 0 10px;border-radius:20px;background:#f4f6f9;text-align:left;color:#142033;overflow:hidden}.social-profile-collection-card>span{height:156px;display:grid;place-items:center;background:linear-gradient(145deg,#eef3fa,#f9fbfd);overflow:hidden}.social-profile-collection-card img{width:100%;height:100%;object-fit:cover}.social-profile-collection-card>span>i{font-style:normal;color:#a8b5c5}.social-profile-collection-card>span .ui-icon{width:35px;height:35px}.social-profile-collection-card>b{display:block;padding:10px 11px 2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-profile-collection-card>small{display:block;padding:0 11px;font-size:9px;color:#8190a3}
.social-connections-page{min-height:100%;background:#f3f5f8;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.social-connections-list{display:grid;gap:1px;background:#fff}.social-connection-row{min-height:70px;padding:9px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #eef1f5}.social-connection-user{min-width:0;border:0;background:transparent;padding:0;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;color:#111827}.social-avatar.is-connection{width:48px;height:48px}.social-connection-user>span:not(.social-avatar){min-width:0;display:grid;gap:3px}.social-connection-user b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-connection-user small{font-size:10px;color:#8b98a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-connection-user>.ui-icon{width:14px;height:14px;color:#a1adbb}.social-connection-row>.social-follow-mini{min-width:90px}
.settings-profile-main-group{overflow:hidden}.settings-profile-main-group>button:first-child span small{color:#8b98aa}
html[data-theme="dark"] .profile-overview-social-summary{color:#9dafc1}html[data-theme="dark"] .public-user-stats button b{color:#f1f5f9}html[data-theme="dark"] .public-user-self-actions,html[data-theme="dark"] .social-profile-collections,html[data-theme="dark"] .social-connections-list{background:#151c25}html[data-theme="dark"] .public-user-self-actions>button:last-child,html[data-theme="dark"] .social-profile-collection-card{background:#202936;color:#eef3f8}html[data-theme="dark"] .social-connection-row{border-color:#26313e}html[data-theme="dark"] .social-connection-user{color:#eef3f8}html[data-theme="dark"] .social-connections-page{background:#0d1219}
@media(max-width:380px){.profile-overview-social-summary{font-size:9px;gap:4px}.public-user-self-actions{padding-left:12px;padding-right:12px}.social-profile-collection-card{flex-basis:138px}.social-profile-collection-card>span{height:142px}.social-connection-row{padding-left:10px;padding-right:10px}.social-connection-row>.social-follow-mini{min-width:78px;padding:0 9px}}
/* TB Market v0.13.203 — category-aware brand filter catalog */
.search-filter-brand-section{overflow:hidden}.search-brand-section-title{margin-bottom:10px}.search-brand-all-link{border:0;background:transparent;color:#1269f7;font-size:13px;font-weight:800;padding:6px 2px}.search-brand-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-brand-hidden-inputs{display:none!important}
.search-brand-catalog-panel{position:absolute;inset:0;z-index:40;background:#f7f9fc;color:#122138;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden}.search-brand-catalog-header{padding:calc(9px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 14px 9px;background:#fff;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #edf1f5}.search-brand-catalog-header h2{margin:0;text-align:center;font-size:19px;font-weight:850}.search-brand-back{width:42px;height:42px;border:0;background:transparent;color:#7e8c9c;display:grid;place-items:center}.search-brand-back .ui-icon{width:25px;height:25px}.search-brand-clear-all{border:0;background:transparent;color:#1269f7;font-size:13px;font-weight:800;white-space:nowrap;padding:8px 0}.search-brand-catalog-search{margin:12px 16px 8px;height:48px;border-radius:15px;background:#eef2f7;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:0 14px;color:#8795a5}.search-brand-catalog-search .ui-icon{width:21px;height:21px}.search-brand-catalog-search input{width:100%;border:0;outline:0;background:transparent;color:#15243a;font-size:16px}.search-brand-catalog-search input::placeholder{color:#8f9cad}.search-brand-catalog-subhead{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 8px;background:#fff;border-bottom:1px solid #eef1f5}.search-brand-catalog-subhead b{font-size:16px}.search-brand-catalog-subhead span{min-width:22px;text-align:center;color:#1269f7;font-weight:850}.search-brand-catalog-list{overflow:auto;background:#fff;padding:0 16px calc(96px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));overscroll-behavior:contain}.search-brand-catalog-row{width:100%;height:66px;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:7px 2px;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:12px;text-align:left;color:#15243a}.search-brand-catalog-row[hidden]{display:none}.search-brand-catalog-logo{width:48px;height:48px;border-radius:12px;background:#f6f7f9;display:grid;place-items:center;overflow:hidden}.search-brand-catalog-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.search-brand-catalog-logo i{font-style:normal;font-size:16px;font-weight:900;color:#52677e}.search-brand-catalog-row b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-brand-catalog-row em{width:24px;height:24px;border:2px solid #b8c2ce;border-radius:50%;justify-self:center}.search-brand-catalog-row.is-selected em{border:7px solid #1269f7}.search-brand-catalog-row.is-selected{background:#f9fbff}.search-brand-catalog-footer{position:absolute;left:0;right:0;bottom:0;padding:10px 16px calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:linear-gradient(180deg,rgba(255,255,255,.82),#fff 30%);border-top:1px solid #e9edf2}.search-brand-catalog-footer button{width:100%;height:52px;border:0;border-radius:15px;background:#1269f7;color:#fff;font-weight:900;font-size:16px;box-shadow:0 8px 22px rgba(18,105,247,.22)}
.tb-theme-dark-active .search-brand-catalog-panel,.tb-theme-dark-active .search-brand-catalog-list{background:#10151d;color:#edf3fa}.tb-theme-dark-active .search-brand-catalog-header,.tb-theme-dark-active .search-brand-catalog-subhead,.tb-theme-dark-active .search-brand-catalog-row{background:#171e28;color:#edf3fa;border-color:#293544}.tb-theme-dark-active .search-brand-catalog-row.is-selected{background:#1a2c45}.tb-theme-dark-active .search-brand-catalog-search{background:#222b37}.tb-theme-dark-active .search-brand-catalog-search input{color:#edf3fa}.tb-theme-dark-active .search-brand-catalog-logo{background:#222b37}.tb-theme-dark-active .search-brand-catalog-footer{background:linear-gradient(180deg,rgba(16,21,29,.82),#10151d 30%);border-color:#293544}
@media(min-width:600px){.search-brand-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-brand-catalog-panel{left:50%;right:auto;width:min(620px,100%);transform:translateX(-50%);box-shadow:0 0 50px rgba(0,0,0,.16)}}
/* === TB Market v0.13.213 · Brand product / brand page / brand favorites === */
.product-reference-gallery{position:relative}
.product-hero-media{position:relative}
.product-gallery-brand-logo{position:absolute;z-index:12;left:14px;top:14px;display:block;width:auto;height:auto;max-width:68px;max-height:42px;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible;pointer-events:none;line-height:0}
.product-gallery-brand-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:42px;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.product-gallery-brand-logo.is-detail{left:16px;top:16px;max-width:64px}
.product-image-viewer-stage .product-gallery-brand-logo{left:16px;top:16px;max-width:72px;max-height:44px;transition:left .12s ease,top .12s ease,max-width .12s ease}
.product-image-viewer-stage .product-gallery-brand-logo img{max-height:44px}
.product-brand-reference{margin:10px 10px 0;border-radius:22px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 10px 10px 12px;box-shadow:0 1px 0 rgba(9,30,66,.04)}
.product-brand-reference-main{min-width:0;border:0;background:transparent;display:grid;grid-template-columns:54px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:0;text-align:left;color:#101722}
.product-brand-reference-main>span{width:54px;height:54px;border-radius:15px;background:#f4f6f8;display:grid;place-items:center;overflow:hidden}
.product-brand-reference-main>span img{width:100%;height:100%;object-fit:contain;padding:7px;background:#fff}
.product-brand-reference-main>span i{font-style:normal;font-size:18px;font-weight:900}
.product-brand-reference-main>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.product-brand-reference-main strong{font-size:17px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-brand-reference-main small{font-size:12px;color:#8a95a4}
.product-brand-reference-main>.ui-icon{width:18px;height:18px;color:#a1abb7}
.product-brand-reference-heart{width:44px;height:44px;border:0;border-radius:14px;background:#f3f5f8;color:#8e99a7;display:grid;place-items:center}
.product-brand-reference-heart .ui-icon{width:23px;height:23px}
.product-brand-reference-heart.is-active{color:#ff1761;background:#fff0f5}
.product-brand-reference-heart.is-active svg{fill:currentColor}
.brand-reference-page{min-height:100dvh;background:#f3f4f7;padding-bottom:calc(84px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
.brand-reference-topbar{position:sticky;top:0;z-index:25;display:grid;grid-template-columns:42px minmax(0,1fr) 42px 42px;gap:8px;align-items:center;padding:10px 12px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-radius:0 0 22px 22px}
.brand-reference-topbar>button{width:42px;height:42px;border:0;border-radius:13px;background:transparent;color:#8c98a6;display:grid;place-items:center}
.brand-reference-topbar>button .ui-icon{width:23px;height:23px}
.brand-reference-topbar label{height:46px;border-radius:16px;background:#f3f5f8;display:flex;align-items:center;gap:9px;padding:0 13px;color:#8d99a8}
.brand-reference-topbar label .ui-icon{width:21px;height:21px;flex:0 0 auto}
.brand-reference-topbar input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#111a27;font-size:15px}
.brand-reference-heart.is-active{color:#ff1761!important;background:#fff0f5!important}
.brand-reference-heart.is-active svg{fill:currentColor}
.brand-reference-profile{background:#fff;display:flex;align-items:center;gap:14px;padding:14px 18px 16px}
.brand-reference-logo{width:72px;height:72px;border-radius:18px;background:#f5f6f8;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.brand-reference-logo img{width:100%;height:100%;object-fit:contain;padding:6px;background:#fff}
.brand-reference-logo i{font-style:normal;font-size:25px;font-weight:900;color:#1a2534}
.brand-reference-profile h1{margin:0;font-size:24px;line-height:1.1;font-weight:900;color:#101722}
.brand-reference-profile small{display:block;margin-top:5px;color:#7f8b9a;font-size:13px}
.brand-reference-hero{position:relative;height:260px;background:#e9ecef;overflow:hidden}
.brand-reference-hero-images{position:absolute;inset:0;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:2px;background:#fff}
.brand-reference-hero-image{border:0;padding:0;background:#eef1f4;overflow:hidden}
.brand-reference-hero-image.is-1{grid-row:1/3}
.brand-reference-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.brand-reference-hero-mark{position:absolute;z-index:4;left:18px;bottom:17px;min-width:108px;max-width:45%;height:54px;border-radius:15px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:8px 13px;box-shadow:0 5px 20px rgba(12,26,48,.12)}
.brand-reference-hero-mark img{max-width:100%;max-height:100%;object-fit:contain}
.brand-reference-hero-mark b{font-size:19px;font-weight:900;color:#101722}
.brand-reference-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 12px;background:#fff}
.brand-reference-categories button{border:0;background:transparent;padding:0;text-align:center;color:#111820;min-width:0}
.brand-reference-categories span{display:block;aspect-ratio:1.25;border-radius:18px;background:#f0f1f3;overflow:hidden}
.brand-reference-categories img{width:100%;height:100%;object-fit:cover;display:block}
.brand-reference-categories b{display:block;margin-top:8px;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-reference-bestsellers{margin-top:10px;background:#fff;padding:18px 0 16px}
.brand-reference-bestsellers h2,.brand-reference-all>h2{margin:0;padding:0 16px 14px;font-size:23px;line-height:1.1;color:#101722;font-weight:900}
.brand-reference-mini-track{display:flex;gap:2px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 4px}
.brand-reference-mini-track::-webkit-scrollbar{display:none}
.brand-reference-mini-card{flex:0 0 42%;min-width:0;background:#fff;border-right:1px solid #edf0f3;scroll-snap-align:start}
.brand-reference-mini-media{width:100%;aspect-ratio:.92;border:0;padding:0;background:#f1f3f5;display:block;overflow:hidden}
.brand-reference-mini-media img{width:100%;height:100%;object-fit:cover;display:block}
.brand-reference-mini-copy{position:relative;padding:9px 9px 12px;min-height:112px}
.brand-reference-mini-copy strong{font-size:16px;color:#ff1761;font-weight:900}
.brand-reference-mini-copy del{margin-left:5px;color:#9aa3af;font-size:11px}
.brand-reference-mini-copy p{margin:5px 36px 0 0;font-size:13px;line-height:1.3;color:#1a2230;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.brand-reference-mini-copy>button{position:absolute;right:8px;bottom:9px;width:34px;height:34px;border:0;border-radius:11px;background:#1269f7;color:#fff;display:grid;place-items:center}
.brand-reference-mini-copy>button .ui-icon{width:18px;height:18px}
.brand-reference-all{margin-top:10px;background:#fff;padding-top:18px}
.brand-reference-filter-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 10px 12px}
.brand-reference-filter-row::-webkit-scrollbar{display:none}
.brand-reference-filter-row button{flex:0 0 auto;height:38px;border:0;border-radius:18px;background:#f1f3f6;color:#202a38;padding:0 15px;font-size:13px;font-weight:700}
.brand-reference-filter-row button.is-active{background:#111;color:#fff}
.brand-reference-product-grid{background:#f1f2f5;padding-top:4px}
.brand-reference-empty{grid-column:1/-1;min-height:260px;display:grid;place-items:center;color:#8894a3}
.favorite-store-hub-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.favorite-brand-hub-card{position:relative}
.favorite-brand-hub-card .favorite-store-hub-head{padding-right:54px}
.favorite-brand-hub-heart{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:12px;background:#fff0f5;color:#ff1761;display:grid;place-items:center;z-index:3}
.favorite-brand-hub-heart .ui-icon{width:21px;height:21px}
.favorite-brand-hub-heart svg{fill:currentColor}
html.tb-theme-dark-active .product-brand-reference,html.tb-theme-dark-active .brand-reference-topbar,html.tb-theme-dark-active .brand-reference-profile,html.tb-theme-dark-active .brand-reference-categories,html.tb-theme-dark-active .brand-reference-bestsellers,html.tb-theme-dark-active .brand-reference-all,html.tb-theme-dark-active .brand-reference-mini-card{background:#171e28}
html.tb-theme-dark-active .brand-reference-page{background:#10151d}
html.tb-theme-dark-active .brand-reference-profile h1,html.tb-theme-dark-active .brand-reference-categories button,html.tb-theme-dark-active .brand-reference-bestsellers h2,html.tb-theme-dark-active .brand-reference-all>h2,html.tb-theme-dark-active .product-brand-reference-main{color:#edf3fa}
html.tb-theme-dark-active .brand-reference-topbar label,html.tb-theme-dark-active .brand-reference-filter-row button{background:#202936;color:#dce5ef}
html.tb-theme-dark-active .brand-reference-topbar input{color:#edf3fa}
/* TB Market v0.13.214 — transparent brand watermark merged visually with product photos */
.product-detail-reference .product-hero-media .product-gallery-brand-logo{mix-blend-mode:normal;filter:none}
.product-image-viewer-reference .product-gallery-brand-logo{mix-blend-mode:normal;filter:none}
/* v0.13.215 - brand watermark must remain a real transparent overlay in every product image context */
.product-gallery-brand-logo{
position:absolute!important;
z-index:14!important;
display:block!important;
width:auto!important;
height:auto!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
padding:0!important;
overflow:visible!important;
pointer-events:none!important;
line-height:0!important;
}
.product-gallery-brand-logo img,
.product-media .product-gallery-brand-logo img,
.product-hero-media .product-gallery-brand-logo img,
.product-image-viewer-stage .product-gallery-brand-logo img{
position:static!important;
inset:auto!important;
display:block!important;
width:auto!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
max-width:100%!important;
object-fit:contain!important;
object-position:left top!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
transition:none!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
filter:none!important;
}
.product-media .product-gallery-brand-logo.is-card{
left:8px!important;
top:8px!important;
max-width:50px!important;
max-height:32px!important;
}
.product-media .product-gallery-brand-logo.is-card img{max-height:32px!important;}
.product-media.has-brand-watermark>.discount{top:auto!important;bottom:8px!important;}
.product-detail-reference .product-hero-media .product-gallery-brand-logo.is-detail{
left:14px!important;
top:14px!important;
max-width:68px!important;
max-height:44px!important;
}
.product-detail-reference .product-hero-media .product-gallery-brand-logo.is-detail img{max-height:44px!important;}
.product-image-viewer-stage .product-gallery-brand-logo.is-viewer{
max-width:76px!important;
max-height:48px!important;
}
.product-image-viewer-stage .product-gallery-brand-logo.is-viewer img{max-height:48px!important;}
/* v0.13.216 — brand detail placement + bestseller cart control */
.product-brand-inline{
width:100%;
min-height:42px;
border:0;
border-bottom:1px solid #edf1f5;
background:transparent;
color:#101722;
display:grid;
grid-template-columns:40px minmax(0,max-content) minmax(0,1fr) 18px;
align-items:center;
gap:8px;
margin:0 0 10px;
padding:0 0 10px;
text-align:left;
}
.product-brand-inline-logo{
width:40px;
height:28px;
display:grid;
place-items:center;
overflow:visible;
background:transparent;
border:0;
border-radius:0;
}
.product-brand-inline-logo img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:40px!important;
max-height:28px!important;
object-fit:contain!important;
opacity:1!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
padding:0!important;
}
.product-brand-inline-logo i{
width:32px;
height:32px;
border-radius:9px;
background:#f2f5f8;
display:grid;
place-items:center;
font-style:normal;
font-size:13px;
font-weight:900;
}
.product-brand-inline-name{
min-width:0;
max-width:150px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:15px;
line-height:1.1;
font-weight:900;
}
.product-brand-inline-verified{
justify-self:start;
min-width:0;
display:inline-flex;
align-items:center;
gap:4px;
color:#0aa45b;
font-size:9px;
line-height:1;
font-weight:850;
white-space:nowrap;
}
.product-brand-inline-verified .ui-icon{width:14px;height:14px;flex:0 0 14px}
.product-brand-inline-verified b{font:inherit;overflow:hidden;text-overflow:ellipsis}
.product-brand-inline-chevron{color:#a7b1bd;display:grid;place-items:center}
.product-brand-inline-chevron .ui-icon{width:17px;height:17px}
.product-brand-inline:active{opacity:.72}
.brand-reference-mini-card{
display:flex;
flex-direction:column;
flex:0 0 42%;
min-width:0;
background:#fff;
border-right:1px solid #edf0f3;
scroll-snap-align:start;
overflow:hidden;
}
.brand-reference-mini-copy{
position:relative;
padding:8px 8px 10px;
min-height:132px;
display:flex;
flex-direction:column;
}
.brand-reference-mini-price{
display:flex;
align-items:baseline;
gap:5px;
min-width:0;
flex-wrap:wrap;
}
.brand-reference-mini-price strong{font-size:15px;color:#ff1761;font-weight:900;line-height:1.1}
.brand-reference-mini-price del{margin:0;color:#9aa3af;font-size:10px;line-height:1.1}
.brand-reference-mini-copy p{
margin:5px 0 0;
min-height:34px;
font-size:12px;
line-height:1.35;
color:#1a2230;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.brand-reference-mini-cart{margin-top:auto;padding-top:8px;min-width:0}
.brand-reference-mini-cart .product-card-cart-slot{width:100%;margin:0}
.brand-reference-mini-cart .product-arrival-date,
.brand-reference-mini-cart .cart-button,
.brand-reference-mini-cart .product-card-qty-control{
width:100%;
height:34px;
min-height:34px;
border-radius:10px;
margin:0;
}
.brand-reference-mini-cart .product-arrival-date,
.brand-reference-mini-cart .cart-button{
padding:0 7px;
font-size:10px;
font-weight:850;
}
.brand-reference-mini-cart .product-card-qty-control{
grid-template-columns:34px minmax(0,1fr) 34px;
}
.brand-reference-mini-cart .product-card-qty-control button{width:auto;height:34px}
.brand-reference-mini-cart .product-card-qty-control b{font-size:12px}
.brand-reference-mini-copy>button{position:static;width:auto;height:auto;border-radius:0;background:transparent;color:inherit;display:initial}
html.tb-theme-dark-active .product-brand-inline{color:#edf3fa;border-bottom-color:#293443}
html.tb-theme-dark-active .product-brand-inline-logo i{background:#202a36;color:#edf3fa}
html.tb-theme-dark-active .product-brand-inline-chevron{color:#6f7d8e}
html.tb-theme-dark-active .brand-reference-mini-copy p{color:#edf3fa}
@media(max-width:360px){
.product-brand-inline{grid-template-columns:34px minmax(0,max-content) minmax(0,1fr) 16px;gap:6px}
.product-brand-inline-logo{width:34px;height:24px}
.product-brand-inline-logo img{max-width:34px!important;max-height:24px!important}
.product-brand-inline-name{font-size:14px;max-width:110px}
.product-brand-inline-verified{font-size:8px}
}
/* TB Market v0.13.232 — APK product selectable color + size variants. */
.product-detail-reference .product-variant-panel{
padding:14px 16px!important;
border-radius:20px!important;
background:#fff!important;
}
.product-detail-reference .product-option-group+.product-option-group{margin-top:14px!important}
.product-detail-reference .product-option-group h3{
margin:0 0 8px!important;
font-size:14px!important;
line-height:1.2!important;
color:#111827!important;
}
.product-detail-reference .product-option-group h3 small{
margin-left:6px!important;
font-size:12px!important;
font-weight:600!important;
color:#6f7d8f!important;
}
.product-detail-reference .product-option-values.is-color{
display:flex!important;
gap:8px!important;
flex-wrap:wrap!important;
}
.product-detail-reference .product-option-color{
width:64px!important;
min-width:64px!important;
padding:4px!important;
border:1.5px solid #dce3eb!important;
border-radius:12px!important;
background:#fff!important;
display:grid!important;
gap:4px!important;
text-align:left!important;
box-shadow:none!important;
}
.product-detail-reference .product-option-color.is-active{
border-color:#176df7!important;
box-shadow:0 0 0 1px #176df7!important;
}
.product-detail-reference .product-option-color img,
.product-detail-reference .product-option-color i{
width:100%!important;
height:48px!important;
aspect-ratio:auto!important;
border-radius:8px!important;
object-fit:cover!important;
background:var(--option-color,#eef1f4)!important;
}
.product-detail-reference .product-option-color span{
display:block!important;
min-width:0!important;
padding:0 2px 2px!important;
font-size:9px!important;
font-weight:800!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.product-detail-reference .product-option-color:disabled{opacity:.32!important}
.product-detail-reference .product-option-size-select-wrap{
position:relative!important;
display:block!important;
width:100%!important;
}
.product-detail-reference .product-option-size-select{
width:100%!important;
height:48px!important;
padding:0 42px 0 14px!important;
border:1.5px solid #ccd6e2!important;
border-radius:12px!important;
background:#f8fafc!important;
color:#162235!important;
font:inherit!important;
font-size:14px!important;
font-weight:800!important;
outline:none!important;
appearance:none!important;
-webkit-appearance:none!important;
}
.product-detail-reference .product-option-size-select:focus{
border-color:#176df7!important;
box-shadow:0 0 0 2px rgba(23,109,247,.12)!important;
}
.product-detail-reference .product-option-size-chevron{
position:absolute!important;
right:14px!important;
top:50%!important;
transform:translateY(-54%)!important;
pointer-events:none!important;
color:#76869a!important;
font-size:19px!important;
font-weight:900!important;
}
.product-detail-reference .product-option-chip{
height:40px!important;
min-width:56px!important;
padding:0 12px!important;
border-radius:11px!important;
font-size:12px!important;
}
html.tb-theme-dark-active .product-detail-reference .product-variant-panel{background:#171e28!important}
html.tb-theme-dark-active .product-detail-reference .product-option-group h3{color:#eef3f8!important}
html.tb-theme-dark-active .product-detail-reference .product-option-group h3 small{color:#9eacbd!important}
html.tb-theme-dark-active .product-detail-reference .product-option-size-select{
background:#202936!important;
border-color:#344152!important;
color:#eef3f8!important;
}
html.tb-theme-dark-active .product-detail-reference .product-option-color{background:#202936!important;border-color:#344152!important;color:#eef3f8!important}
html.tb-theme-dark-active .product-detail-reference .product-option-color.is-active{border-color:#4b93ff!important;box-shadow:0 0 0 1px #4b93ff!important}
/* v0.13.255 — activity feed row inside the existing APK message center */
.message-thread-avatar.type-activity{background:linear-gradient(145deg,#ff76a8,#ffc35f);color:#fff}
.message-thread-avatar.type-activity .ui-icon{width:29px;height:29px}
.message-activity-row.is-unread{background:#fff8fb}
html[data-theme="dark"] .message-thread-avatar.type-activity{background:linear-gradient(145deg,#b9366c,#9f6c22);color:#fff}
html[data-theme="dark"] .message-activity-row.is-unread{background:#211820}
/* v0.13.256 — activity feed is a read-only Messages chat, not a Notifications tab */
.activity-chat-shell{background:#f4f6f9}
.activity-chat-head .message-thread-avatar.type-activity{background:linear-gradient(145deg,#ff7cac,#ffbd6f);color:#fff}
.activity-message-list{padding:14px 12px 22px;display:block;overflow-y:auto}
.activity-chat-tip{display:flex;align-items:flex-start;gap:9px;margin:2px 0 14px;padding:11px 13px;border-radius:16px;background:linear-gradient(110deg,#eef8ff,#f6f0ff);color:#5d6d82;font-size:11px;line-height:1.45}
.activity-chat-tip .ui-icon{width:18px;height:18px;flex:0 0 auto;color:#1769ff}
.activity-chat-entry{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:end;margin:0 0 10px}
.activity-chat-entry>.social-avatar,.activity-chat-entry>.activity-chat-avatar{width:42px;height:42px;align-self:end}
.activity-chat-bubble{position:relative;max-width:86%;padding:11px 12px 9px;border-radius:18px 18px 18px 6px;background:#fff;color:#1b2b41;box-shadow:0 5px 16px rgba(15,23,42,.055)}
.activity-chat-entry.is-unread .activity-chat-bubble{background:#fff7fb;box-shadow:inset 3px 0 0 #ff5b98,0 5px 16px rgba(15,23,42,.055)}
.activity-chat-bubble b{display:block;margin:0 0 4px;font-size:12px;line-height:1.35;color:#111c2d}
.activity-chat-bubble p{margin:0;font-size:12px;line-height:1.45;color:#3f5169;white-space:pre-wrap;overflow-wrap:anywhere}
.activity-chat-bubble button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:9px;padding:0 12px;border:0;border-radius:11px;background:#1769ff;color:#fff;font-size:11px;font-weight:850}
.activity-chat-bubble small{display:block;margin-top:6px;text-align:right;color:#98a4b3;font-size:9px}
.activity-read-only{border-top:1px solid #e5eaf0;background:#fff;color:#8794a5}
.activity-chat-empty{min-height:48vh}
html[data-theme="dark"] .activity-chat-shell{background:#0d1219}
html[data-theme="dark"] .activity-chat-bubble{background:#171f29;color:#e9eef5;box-shadow:none}
html[data-theme="dark"] .activity-chat-entry.is-unread .activity-chat-bubble{background:#241923}
html[data-theme="dark"] .activity-chat-bubble b{color:#f3f6fa}
html[data-theme="dark"] .activity-chat-bubble p{color:#bdc8d5}
html[data-theme="dark"] .activity-chat-tip{background:#17212d;color:#aebac8}
html[data-theme="dark"] .activity-read-only{background:#151c25;border-color:#25303c;color:#8896a8}
/* v0.13.258 — APK: full My Reviews interactions */
.customer-review-mine-card{gap:12px!important;padding:12px 14px 14px!important;border-radius:22px!important;box-shadow:none!important}
.customer-review-mine-card.is-hidden{opacity:.72}
.customer-review-mine-product{width:100%;border:1px solid #e1e7ee!important;background:#fff!important;text-align:left;cursor:pointer}
.customer-review-mine-price{display:flex;align-items:baseline;gap:7px;min-width:0}
.customer-review-mine-price strong{font-size:14px!important;color:#08ad5d!important;white-space:nowrap}
.customer-review-mine-price del{font-size:11px;color:#9ba7b4;white-space:nowrap}
.customer-review-mine-price em{font-size:12px;font-style:normal;font-weight:800;color:#f03b74;white-space:nowrap}
.customer-review-mine-meta{flex-wrap:wrap}
.customer-review-hidden-badge{padding:4px 8px;border-radius:9px;background:#eef1f5;color:#6d7d90;font-style:normal;font-size:10px;font-weight:800}
.customer-review-mine-tags{display:flex;flex-wrap:wrap;gap:6px}
.customer-review-mine-tags span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:#eef2f6;color:#7a8796;font-size:10px;font-weight:800}
.customer-review-mine-tags .ui-icon{width:13px;height:13px}
.customer-review-mine-card>p a{color:#116cff}
.customer-review-mine-comment{display:grid;gap:8px}
.customer-review-mine-comment>b{font-size:13px;color:#19293d}
.customer-review-mine-comment>p{margin:0;color:#27394f;font-size:13px;line-height:1.45;white-space:pre-wrap}
.customer-review-mine-actions{display:grid;grid-template-columns:54px 54px 1fr 54px 48px;gap:7px;align-items:center;margin-top:1px}
.customer-review-mine-actions>button{height:42px;border:0;border-radius:13px;background:#f5f7fa;color:#929daa;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;font-size:11px;cursor:pointer}
.customer-review-mine-actions>button .ui-icon{width:18px;height:18px}
.customer-review-mine-actions>button b{font-size:11px;color:inherit}
.customer-review-mine-actions>button.is-active{background:#eaf3ff;color:#126cff}
.customer-review-action-spacer{min-width:0}
.customer-review-comments-backdrop,.customer-review-actions-backdrop{background:rgba(19,28,39,.38)!important;backdrop-filter:blur(1.5px)}
.customer-review-comments-sheet,.customer-review-actions-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1010;background:#fff;border-radius:26px 26px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -14px 40px rgba(16,28,44,.14);max-height:min(78vh,720px);display:grid;gap:16px}
.customer-review-sheet-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f4f7;color:#8a98a8;display:grid;place-items:center}
.customer-review-sheet-close .ui-icon{width:18px;height:18px}
.customer-review-comments-sheet>h2,.customer-review-actions-sheet>h2{margin:0;padding-right:48px;text-align:center;color:#111b2a;font-size:20px;line-height:1.2}
.customer-review-actions-sheet>h2{text-align:left;font-size:26px}
.customer-review-comments-list{min-height:230px;max-height:45vh;overflow:auto;display:grid;align-content:start;gap:10px;padding:6px 2px}
.customer-review-comments-list article{padding:11px 12px;border-radius:14px;background:#f5f7fa;display:grid;gap:4px}
.customer-review-comments-list article b{font-size:12px;color:#1b2b40}
.customer-review-comments-list article p{margin:0;color:#3d5068;font-size:12px;line-height:1.45;white-space:pre-wrap}
.customer-review-comments-list article time{font-size:9px;color:#8b98a7}
.customer-review-comments-empty{min-height:280px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:#798797}
.customer-review-comments-empty>.ui-icon{width:58px;height:58px;padding:13px;border-radius:18px;background:linear-gradient(160deg,#42b6ff,#0068ff);color:#fff;stroke-width:1.7}
.customer-review-comments-empty strong{margin-top:20px;color:#0d1624;font-size:25px}
.customer-review-comments-empty p{margin:0;font-size:15px}
.customer-review-comments-form{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:end}
.customer-review-comments-form textarea{min-height:44px;max-height:110px;padding:11px 14px;border:1px solid #d7dfe8;border-radius:22px;background:#fff;color:#23354b;resize:none;font-size:13px}
.customer-review-comments-form button{width:44px;height:44px;border:0;border-radius:50%;background:#eef2f6;color:#a6b1be;display:grid;place-items:center}
.customer-review-comments-form button:not(:disabled){background:#1769ff;color:#fff}
.customer-review-comments-form button .ui-icon{width:19px;height:19px}
.customer-review-action-menu{overflow:hidden;border-radius:22px;background:#f3f5f9;display:grid}
.customer-review-action-menu>button{min-height:66px;padding:0 20px;border:0;border-bottom:1px solid #dce2e9;background:transparent;color:#19293d;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;text-align:left;font-size:17px}
.customer-review-action-menu>button:last-child{border-bottom:0}
.customer-review-action-menu>button .ui-icon{width:22px;height:22px;color:#8d9aa9}
.customer-review-action-menu>button.is-danger{color:#d94343}
.customer-review-action-menu>button.is-danger .ui-icon{color:#d94343}
.customer-review-actions-cancel{height:56px;border:0;border-radius:17px;background:#eaf5ff;color:#126cff;font-size:16px;font-weight:800}
html.tb-theme-dark-active .customer-review-mine-product{background:#171e28!important;border-color:#2d3947!important}
html.tb-theme-dark-active .customer-review-mine-comment>b,html.tb-theme-dark-active .customer-review-mine-comment>p{color:#e5ebf2}
html.tb-theme-dark-active .customer-review-mine-actions>button{background:#202a36;color:#9fabb9}
html.tb-theme-dark-active .customer-review-mine-actions>button.is-active{background:#17345d;color:#6fb1ff}
html.tb-theme-dark-active .customer-review-comments-sheet,html.tb-theme-dark-active .customer-review-actions-sheet{background:#171e28}
html.tb-theme-dark-active .customer-review-comments-sheet>h2,html.tb-theme-dark-active .customer-review-actions-sheet>h2,html.tb-theme-dark-active .customer-review-comments-empty strong{color:#f2f6fa}
html.tb-theme-dark-active .customer-review-comments-list article{background:#111821}
html.tb-theme-dark-active .customer-review-comments-list article b{color:#e7edf4}
html.tb-theme-dark-active .customer-review-comments-list article p{color:#b9c4d0}
html.tb-theme-dark-active .customer-review-action-menu{background:#111821}
html.tb-theme-dark-active .customer-review-action-menu>button{border-color:#293442;color:#edf3f9}
html.tb-theme-dark-active .customer-review-comments-form textarea{background:#111821;border-color:#354252;color:#e7edf4}
@media(min-width:760px){
.customer-review-comments-sheet,.customer-review-actions-sheet{left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:min(560px,calc(100vw - 40px));border-radius:26px;padding-bottom:22px}
}
.customer-review-mine-actions>button:disabled{opacity:.45;cursor:default}
/* v0.13.262 — configurable achievements + collection owner actions */
.public-user-stats button{appearance:none;border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:center;cursor:pointer}
.social-achievement-preview{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:8px;padding:12px 16px;border:0;border-top:1px solid #f0f2f5;background:#fff;text-align:left;color:#26364b}
.social-achievement-preview>span{display:flex;gap:8px;min-width:0;overflow:hidden}.social-achievement-preview>b{font-size:11px;white-space:nowrap}.social-achievement-preview>.ui-icon{width:17px;height:17px;color:#a2aebd}
.social-achievement{position:relative;flex:0 0 64px;width:64px;min-width:64px;height:64px;padding:0;border:0;border-radius:50%;background:#eef2f6;display:grid;place-items:center;overflow:visible;text-align:center;color:#26364b}.social-achievement img{width:100%;height:100%;border-radius:50%;object-fit:cover}.social-achievement>span{font-size:34px;line-height:1}.social-achievement>i{position:absolute;right:-2px;top:-3px;width:19px;height:19px;border-radius:8px;background:#1769ff;color:#fff;font-size:10px;font-style:normal;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 7px rgba(23,105,255,.25)}.social-achievement>b{display:none}.social-achievement>small{display:none}.social-achievement.is-locked{filter:grayscale(1);opacity:.48}.social-achievement.is-earned{background:linear-gradient(145deg,#ffe5f3,#e8efff)}
.social-achievements-page{min-height:calc(100dvh - 74px);padding:0 0 calc(92px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:#fff;color:#111923}.social-achievements-appbar{grid-template-columns:46px minmax(0,1fr) 46px!important}.social-achievements-appbar>div{text-align:center}.social-achievements-appbar>div>b{display:block;font-size:20px}.social-achievements-appbar>div>small{display:block;margin-top:3px;color:#7e8b9b;font-size:12px}.social-achievements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px;padding:22px 18px 34px}.social-achievement-detail{min-width:0;text-align:center;color:#131b26}.social-achievement-detail-art{position:relative;width:min(29vw,116px);height:min(29vw,116px);margin:0 auto 10px;border-radius:42% 48% 44% 50%;background:#d9dee4;display:grid;place-items:center;overflow:visible}.social-achievement-detail-art img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.social-achievement-detail-art>span{font-size:54px;filter:saturate(.1);opacity:.65}.social-achievement-detail-art>i{position:absolute;right:1px;top:-5px;min-width:24px;height:24px;padding:0 6px;border-radius:9px;background:#ed1681;color:#fff;font-size:12px;font-style:normal;font-weight:900;display:grid;place-items:center;box-shadow:0 4px 12px rgba(237,22,129,.24)}.social-achievement-detail.is-earned .social-achievement-detail-art{background:radial-gradient(circle at 30% 25%,#ff90d0,#ec1684 48%,#7454ff 100%);box-shadow:0 8px 18px rgba(136,68,225,.18)}.social-achievement-detail.is-earned .social-achievement-detail-art>span{filter:none;opacity:1}.social-achievement-detail.is-locked .social-achievement-detail-art img{filter:grayscale(1);opacity:.35}.social-achievement-detail h3{margin:0;min-height:32px;font-size:12px;line-height:1.28}.social-achievement-detail p{display:none}.social-achievement-progress{height:4px;margin:8px 8px 4px;border-radius:999px;background:#dfe4ea;overflow:hidden}.social-achievement-progress>i{display:block;height:100%;border-radius:inherit;background:#1e98ff}.social-achievement-detail.is-earned .social-achievement-progress>i{background:#1769ff}.social-achievement-detail>small{font-size:9px;color:#8290a0}.activity-chat-entry.is-achievement .activity-chat-avatar{background:linear-gradient(145deg,#ff58aa,#684dff)}.activity-chat-avatar.is-achievement img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.activity-chat-entry.is-achievement .activity-chat-bubble{background:linear-gradient(115deg,#fff5fb,#f7f4ff)}
.favorite-collection-action-list .favorite-collection-public-sheet-row{grid-template-columns:minmax(0,1fr) auto!important}.favorite-collection-sheet-leading{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.favorite-collection-sheet-leading>b{font-size:17px;font-weight:750}.favorite-collection-public-sheet-row>.favorite-collection-switch{display:inline-block;width:52px;height:30px;border-radius:999px;background:#d9dfe7;padding:3px;transition:.18s}.favorite-collection-public-sheet-row>.favorite-collection-switch>i{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.18);transition:.18s}.favorite-collection-public-sheet-row>.favorite-collection-switch.is-active{background:#1769ff}.favorite-collection-public-sheet-row>.favorite-collection-switch.is-active>i{transform:translateX(22px)}.favorite-collection-action-list button.is-danger{color:#e63333}.favorite-collection-action-list button.is-danger .ui-icon{color:#e63333}.favorite-collection-action-list button.is-danger span{color:#e63333}.favorite-collection-action-sheet{padding-bottom:calc(22px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
html.tb-theme-dark-active .social-achievement-preview,html.tb-theme-dark-active .social-achievements-page{background:#151c25;color:#eef3f8}html.tb-theme-dark-active .social-achievement-preview{border-color:#26313e}html.tb-theme-dark-active .social-achievement-detail{color:#eef3f8}html.tb-theme-dark-active .social-achievement-detail-art{background:#2a3440}html.tb-theme-dark-active .social-achievement-progress{background:#394552}
/* v0.13.269 — review moderation status */
.customer-review-moderation-badge{padding:4px 8px;border-radius:9px;font-style:normal;font-size:10px;font-weight:800}
.customer-review-moderation-badge.is-pending{background:#fff4d8;color:#8a6812}
.customer-review-moderation-badge.is-rejected{background:#fff0ed;color:#c84c37}
.customer-review-mine-actions button:disabled{opacity:.38;pointer-events:none}
html.tb-theme-dark-active .customer-review-moderation-badge.is-pending{background:#463d22;color:#ffe39b}
html.tb-theme-dark-active .customer-review-moderation-badge.is-rejected{background:#4a2928;color:#ffb0a7}
/* TB Market v0.13.271 mobile-web adapter */
html.tb-mobile-web,html.tb-mobile-web body{width:100%;max-width:none;overscroll-behavior-y:contain}
html.tb-mobile-web body{min-height:100dvh;background:#f4f7fb}
html.tb-mobile-web .app-shell{width:100%;max-width:520px;margin:0 auto;min-height:100dvh;box-shadow:0 0 0 1px rgba(15,35,64,.025)}
html.tb-mobile-web .app-header,html.tb-mobile-web .bottom-nav,html.tb-mobile-web .purchase-bar,html.tb-mobile-web .cart-summary{left:max(0px,calc((100vw - 520px)/2));right:max(0px,calc((100vw - 520px)/2))}
.tb-web-scanner-overlay{position:fixed;inset:0;z-index:5000;background:#020812;display:grid;place-items:center;padding:16px}
.tb-web-scanner-panel{position:relative;width:min(100%,520px);height:min(80dvh,720px);overflow:hidden;border-radius:26px;background:#000}
.tb-web-scanner-panel video{width:100%;height:100%;object-fit:cover}
.tb-web-scanner-frame{position:absolute;left:12%;right:12%;top:28%;aspect-ratio:1;border:3px solid #fff;border-radius:24px;box-shadow:0 0 0 9999px rgba(0,0,0,.32)}
.tb-web-scanner-panel button{position:absolute;right:14px;top:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:28px;line-height:1;color:#12233b}
.tb-web-scanner-panel small{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-weight:800}
@media(min-width:521px){html.tb-mobile-web body{background:#eaf0f7}}
/* TB Market v0.13.203 — category-aware brand filter catalog */
.search-filter-brand-section{overflow:hidden}.search-brand-section-title{margin-bottom:10px}.search-brand-all-link{border:0;background:transparent;color:#1269f7;font-size:13px;font-weight:800;padding:6px 2px}.search-brand-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-brand-hidden-inputs{display:none!important}
.search-brand-catalog-panel{position:absolute;inset:0;z-index:40;background:#f7f9fc;color:#122138;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden}.search-brand-catalog-header{padding:calc(9px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 14px 9px;background:#fff;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #edf1f5}.search-brand-catalog-header h2{margin:0;text-align:center;font-size:19px;font-weight:850}.search-brand-back{width:42px;height:42px;border:0;background:transparent;color:#7e8c9c;display:grid;place-items:center}.search-brand-back .ui-icon{width:25px;height:25px}.search-brand-clear-all{border:0;background:transparent;color:#1269f7;font-size:13px;font-weight:800;white-space:nowrap;padding:8px 0}.search-brand-catalog-search{margin:12px 16px 8px;height:48px;border-radius:15px;background:#eef2f7;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:0 14px;color:#8795a5}.search-brand-catalog-search .ui-icon{width:21px;height:21px}.search-brand-catalog-search input{width:100%;border:0;outline:0;background:transparent;color:#15243a;font-size:16px}.search-brand-catalog-search input::placeholder{color:#8f9cad}.search-brand-catalog-subhead{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 8px;background:#fff;border-bottom:1px solid #eef1f5}.search-brand-catalog-subhead b{font-size:16px}.search-brand-catalog-subhead span{min-width:22px;text-align:center;color:#1269f7;font-weight:850}.search-brand-catalog-list{overflow:auto;background:#fff;padding:0 16px calc(96px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));overscroll-behavior:contain}.search-brand-catalog-row{width:100%;height:66px;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:7px 2px;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:12px;text-align:left;color:#15243a}.search-brand-catalog-row[hidden]{display:none}.search-brand-catalog-logo{width:48px;height:48px;border-radius:12px;background:#f6f7f9;display:grid;place-items:center;overflow:hidden}.search-brand-catalog-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.search-brand-catalog-logo i{font-style:normal;font-size:16px;font-weight:900;color:#52677e}.search-brand-catalog-row b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-brand-catalog-row em{width:24px;height:24px;border:2px solid #b8c2ce;border-radius:50%;justify-self:center}.search-brand-catalog-row.is-selected em{border:7px solid #1269f7}.search-brand-catalog-row.is-selected{background:#f9fbff}.search-brand-catalog-footer{position:absolute;left:0;right:0;bottom:0;padding:10px 16px calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:linear-gradient(180deg,rgba(255,255,255,.82),#fff 30%);border-top:1px solid #e9edf2}.search-brand-catalog-footer button{width:100%;height:52px;border:0;border-radius:15px;background:#1269f7;color:#fff;font-weight:900;font-size:16px;box-shadow:0 8px 22px rgba(18,105,247,.22)}
.tb-theme-dark-active .search-brand-catalog-panel,.tb-theme-dark-active .search-brand-catalog-list{background:#10151d;color:#edf3fa}.tb-theme-dark-active .search-brand-catalog-header,.tb-theme-dark-active .search-brand-catalog-subhead,.tb-theme-dark-active .search-brand-catalog-row{background:#171e28;color:#edf3fa;border-color:#293544}.tb-theme-dark-active .search-brand-catalog-row.is-selected{background:#1a2c45}.tb-theme-dark-active .search-brand-catalog-search{background:#222b37}.tb-theme-dark-active .search-brand-catalog-search input{color:#edf3fa}.tb-theme-dark-active .search-brand-catalog-logo{background:#222b37}.tb-theme-dark-active .search-brand-catalog-footer{background:linear-gradient(180deg,rgba(16,21,29,.82),#10151d 30%);border-color:#293544}
@media(min-width:600px){.search-brand-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-brand-catalog-panel{left:50%;right:auto;width:min(620px,100%);transform:translateX(-50%);box-shadow:0 0 50px rgba(0,0,0,.16)}}
/* iOS/mobile-web shell parity */
html.tb-mobile-web{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#f4f7fb}
html.tb-mobile-web body{-webkit-tap-highlight-color:transparent}
html.tb-mobile-web .app-shell{padding-top:env(safe-area-inset-top,0px)}
html.tb-mobile-web .bottom-nav{padding-bottom:max(env(safe-area-inset-bottom,0px),6px)}
/* v0.13.280 — Mobile customer order details follow the reference phone flow. */
@media(max-width:767px){
body.order-detail-route .app-header{display:none!important;height:0!important;min-height:0!important;overflow:hidden!important}
body.order-detail-route .app-view{min-height:calc(100dvh - 64px - var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding:0 0 18px!important}
body.order-detail-route .order-detail-tbz,
body.order-detail-route .order-reference-detail{min-height:calc(100dvh - 64px - var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));margin:0!important;padding:0 0 22px!important;background:#f2f3f6;gap:8px}
body.order-detail-route .order-reference-head{min-height:72px;padding:calc(5px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 12px 8px;border-radius:0 0 22px 22px}
body.order-detail-route .order-reference-actions{margin:8px 10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px;border-radius:20px}
body.order-detail-route .order-reference-actions button{min-width:0;min-height:72px;border-radius:15px}
body.order-detail-route .order-reference-actions b{font-size:11px;white-space:normal;text-align:center;line-height:1.2}
body.order-detail-route .order-active-payment-card{margin:0 10px;min-height:76px;border-radius:18px}
body.order-detail-route .order-barcode-card{margin:0 10px;border-radius:18px}
body.order-detail-route .order-customer-id-card{margin:0 10px}
body.order-detail-route .order-active-status-card{margin:0 10px;padding:17px 14px 14px;border-radius:21px}
body.order-detail-route .order-active-status-card>p{margin:5px 0;color:#728095;font-size:13px;line-height:1.4}
body.order-detail-route .order-active-status-card .order-detail-status{margin:0 0 6px;font-size:22px;line-height:1.2;color:#111820}
body.order-detail-route .order-active-status-card .order-detail-status.is-ready{color:#08a55d}
body.order-detail-route .order-active-point-name{display:block;margin-top:12px;font-size:17px;line-height:1.25;color:#152238}
body.order-detail-route .order-active-address{margin-top:5px!important;color:#748294!important}
body.order-detail-route .order-active-hours{display:block;margin-top:5px;color:#748294;font-size:11px}
body.order-detail-route .order-active-eta{margin:13px 0 8px!important;color:#152238!important}
body.order-detail-route .order-active-eta b{font-size:14px}
body.order-detail-route .order-active-products{display:grid;gap:10px;margin-top:14px}
body.order-detail-route .order-active-product{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;align-items:center;min-width:0;padding:0}
body.order-detail-route .order-active-product>span{width:82px;height:104px;border-radius:13px;background:#f1f3f6;overflow:hidden;display:grid;place-items:center}
body.order-detail-route .order-active-product>span img{width:100%;height:100%;object-fit:cover}
body.order-detail-route .order-active-product>div{min-width:0;display:grid;gap:4px}
body.order-detail-route .order-active-product b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.3}
body.order-detail-route .order-active-product small{color:#748294;font-size:10px;line-height:1.3}
body.order-detail-route .order-active-product strong{margin-top:2px;font-size:16px}
body.order-detail-route .order-active-pickup-button,
body.order-detail-route .order-active-point-button{width:100%;min-height:48px;margin-top:12px;border:0;border-radius:15px;background:#eaf5ff;color:#1269f7;font-weight:850}
body.order-detail-route .order-active-point-button{display:flex;align-items:center;justify-content:center;gap:6px}
body.order-detail-route .order-active-point-button .ui-icon{width:17px;height:17px}
body.order-detail-route .order-detail-payment{margin-top:12px;padding:12px;border-radius:15px}
body.order-detail-route .order-reference-more{width:calc(100% - 20px);margin:0 10px;min-height:68px;border-radius:18px}
body.order-detail-route .order-reference-recommendations{margin:0;padding:8px 10px 12px;background:transparent}
body.order-detail-route .order-reference-recommendations>h2{margin:8px 3px 11px;font-size:19px}
body.order-detail-route .order-reference-recommendations .product-grid{display:flex;gap:9px;overflow-x:auto;padding:0 0 5px;scroll-snap-type:x mandatory;scrollbar-width:none}
body.order-detail-route .order-reference-recommendations .product-grid::-webkit-scrollbar{display:none}
body.order-detail-route .order-reference-recommendations .product-card{flex:0 0 min(44vw,210px);scroll-snap-align:start}
body.order-detail-route .order-return-deadline{margin:0 10px}
}
@media(max-width:380px){
body.order-detail-route .order-active-product{grid-template-columns:74px minmax(0,1fr)}
body.order-detail-route .order-active-product>span{width:74px;height:94px}
body.order-detail-route .order-reference-actions button{min-height:66px}
}
html.tb-theme-dark-active body.order-detail-route .order-active-status-card{background:#171e28;color:#edf3fa}
html.tb-theme-dark-active body.order-detail-route .order-active-point-name,html.tb-theme-dark-active body.order-detail-route .order-active-product strong{color:#edf3fa}
/* ---- v0.13.331 rich chat: photos / documents, reply quotes, ticks, store & order chats ---- */
.message-bubble{position:relative}
.message-bubble.has-reply{padding-right:12px}
.message-sender-name{display:block;margin-bottom:3px;font-size:11px;font-weight:800;color:#1768f5}
.message-reply-quote{display:flex;align-items:stretch;gap:8px;width:100%;margin:0 0 6px;padding:5px 8px;border:0;border-left:3px solid #1768f5;border-radius:8px;background:rgba(23,104,245,.08);color:inherit;text-align:left;font:inherit}
.message-reply-quote img{width:34px;height:34px;border-radius:6px;object-fit:cover;flex:0 0 34px}
.message-reply-quote span{min-width:0;display:grid;gap:1px}
.message-reply-quote b{font-size:11px;color:#1768f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-reply-quote small{font-size:11.5px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;text-align:left;display:block}
.message-bubble.is-mine .message-reply-quote{border-left-color:currentColor;background:rgba(16,34,62,.07);color:inherit}
.message-bubble.is-mine .message-reply-quote b{color:#1768f5}
html.tb-theme-dark-active .message-bubble.is-mine .message-reply-quote{background:rgba(255,255,255,.14)}
html.tb-theme-dark-active .message-bubble.is-mine .message-reply-quote b{color:#bcd6ff}
.message-att-images{display:grid;gap:4px;margin:2px 0 4px;max-width:100%}
.message-att-images.count-1{grid-template-columns:1fr}
.message-att-images.count-2,.message-att-images.count-4{grid-template-columns:1fr 1fr}
.message-att-images.count-3{grid-template-columns:1fr 1fr 1fr}
.message-att-image{display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.05);aspect-ratio:1/1;min-width:84px}
.message-att-images.count-1 .message-att-image{aspect-ratio:auto;max-height:280px;min-width:160px}
.message-att-image img{width:100%;height:100%;object-fit:cover;display:block}
.message-att-images.count-1 .message-att-image img{max-height:280px;object-fit:contain;background:rgba(0,0,0,.04)}
.message-att-file{display:flex;align-items:center;gap:10px;margin:2px 0 4px;padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.05);color:inherit;text-decoration:none;min-width:200px}
.message-att-ext{flex:0 0 38px;height:38px;border-radius:10px;background:#1768f5;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.04em}
.message-att-copy{min-width:0;display:grid;gap:2px}
.message-att-copy b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-att-copy small{font-size:10.5px;opacity:.7;margin:0;text-align:left}
.message-bubble.is-mine .message-att-file{background:rgba(16,34,62,.07);color:inherit}
html.tb-theme-dark-active .message-bubble.is-mine .message-att-file{background:rgba(255,255,255,.14)}
html.tb-theme-dark-active .message-bubble.is-mine .message-att-ext{background:rgba(255,255,255,.28)}
.message-ticks{display:inline-flex;align-items:center;margin-left:4px;vertical-align:-2px;color:currentColor;opacity:.75}
.message-ticks svg{width:15px;height:12px;display:block}
.message-ticks.is-sent{opacity:.55}
.message-bubble.is-mine .message-ticks{color:inherit;opacity:.7}
.message-bubble.is-mine .message-ticks.is-read{color:#1768f5;opacity:1}
html.tb-theme-dark-active .message-bubble.is-mine .message-ticks.is-read{color:#7fc4ff}
.message-reply-btn{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#1768f5;box-shadow:0 2px 8px rgba(15,35,64,.18);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .15s}
.message-reply-btn svg{width:14px;height:14px}
.message-bubble.has-reply:not(.is-mine) .message-reply-btn{right:-34px}
.message-bubble.has-reply.is-mine .message-reply-btn{left:-34px}
.message-bubble.has-reply.is-active .message-reply-btn{opacity:1;pointer-events:auto}
.message-bubble.is-flash{animation:tbcFlash 1.2s ease}
@keyframes tbcFlash{0%{box-shadow:0 0 0 3px rgba(23,104,245,.5)}100%{box-shadow:0 0 0 0 rgba(23,104,245,0)}}
.message-compose-rich{grid-template-columns:42px minmax(0,1fr) 46px;align-items:center}
.message-compose-rich .message-compose-extras{grid-column:1/-1;display:grid;gap:4px}
.message-compose-rich .message-compose-extras:has(> [hidden]:only-child),.message-compose-rich .message-compose-extras:not(:has(> :not([hidden]))){display:none}
.message-compose-quote{display:flex;align-items:center;gap:8px;padding:6px 8px;border-left:3px solid #1768f5;border-radius:8px;background:rgba(23,104,245,.08);font-size:12px}
.message-compose-quote[hidden],.message-compose-files[hidden]{display:none}
.message-compose-quote span{min-width:0;display:grid;gap:1px;flex:1}
.message-compose-quote b{font-size:11px;color:#1768f5}
.message-compose-quote small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}
.message-compose .message-compose-quote button,.message-compose .message-compose-files button,.message-compose-premium .message-compose-quote button,.message-compose-premium .message-compose-files button{height:auto;min-height:0;width:auto;border:0;background:transparent;color:inherit;font-size:16px;line-height:1;padding:2px 6px;opacity:.7;border-radius:0;box-shadow:none;display:inline-block}
.message-compose-files{display:flex;flex-wrap:wrap;gap:6px}
.message-compose-files span{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(23,104,245,.1);font-size:11px;max-width:220px}
.message-compose-files span i{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-attach{display:grid;place-items:center;width:42px;height:46px;border-radius:15px;background:#f3f5f8;color:#53657d;cursor:pointer}
.message-attach input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.message-attach svg{width:21px;height:21px}
.message-compose-rich.has-files input[name="body"]::placeholder{opacity:.6}
.message-image-backdrop{background:rgba(6,10,18,.94)}
.message-image-viewer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px}
.message-image-viewer img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.message-image-close{position:absolute;top:calc(14px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));right:14px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px}
.message-image-viewer a{position:absolute;bottom:calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));left:50%;transform:translateX(-50%);color:#fff;font-size:12px;opacity:.85;text-decoration:none;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14)}
.order-context-link.is-order-chat{color:#1768f5;font-weight:800}
html.tb-theme-dark-active .message-attach{background:#1b2430;color:#c9d6e6}
html.tb-theme-dark-active .message-reply-btn{background:#1b2430;color:#8fb8ff}
html body:not(#tbp) .message-compose .message-compose-quote button,html body:not(#tbp) .message-compose .message-compose-files button,html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-compose .message-compose-quote button,html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-compose .message-compose-files button{width:auto!important;height:auto!important;min-height:0!important;padding:2px 6px!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;display:inline-block!important;font-size:16px;line-height:1}
html body:not(#tbp) .message-compose .message-attach,html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-compose .message-attach{width:42px;height:46px}
/* v0.13.369 — sign-in code by e-mail first; "Telefonga SMS yuborish" after 50 seconds */
.auth-otp-mail{display:grid;gap:2px;margin:14px 0 0;padding:12px 14px;border-radius:14px;background:#f5f0ff;border:1px solid #e6dcff;text-align:left}
.auth-otp-mail b{font-size:14px;color:#1b1f2a}
.auth-otp-mail small{font-size:13px;color:#4b5263;overflow-wrap:anywhere}
.auth-otp-fallback{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding:10px 12px;border:1px dashed #d9dce6;border-radius:14px}
.auth-otp-fallback>span{font-size:13px;color:#5b6272}
.auth-otp-fallback button{min-height:40px;padding:8px 14px;border:1.5px solid #7000ff;border-radius:12px;background:#fff;color:#6a1fe0;font:700 13px/1.2 inherit;font-family:inherit}
.auth-otp-fallback button:disabled{border-color:#d9dce6;background:#f4f5f8;color:#9aa1b0}
html.dark .auth-otp-mail,[data-theme="dark"] .auth-otp-mail{background:#221a35;border-color:#3a2d5c}
html.dark .auth-otp-mail b,[data-theme="dark"] .auth-otp-mail b{color:#f3f0ff}
html.dark .auth-otp-mail small,[data-theme="dark"] .auth-otp-mail small,html.dark .auth-otp-fallback>span,[data-theme="dark"] .auth-otp-fallback>span{color:#b9bccb}
html.dark .auth-otp-fallback button,[data-theme="dark"] .auth-otp-fallback button{background:transparent}
/* ---- tb-skin.css ---- */
/* ==========================================================================
TB Market — mobile app design layer (reference-style), v0.13.293
Loaded AFTER styles.css in /mobile/index.php (and the APK's index.html).
Visual only: routes, data-action hooks, forms and API calls are untouched.
Roll back by removing the to this file.
Tokens follow the approved prototype (premium-onizleme/tb-ilova-prototip.html).
========================================================================== */
@font-face{font-family:"TB Onest";font-weight:300 800;font-display:swap;src:url("/assets/fonts/onest-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"TB Onest";font-weight:300 800;font-display:swap;src:url("/assets/fonts/onest-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"TB Onest";font-weight:300 800;font-display:swap;src:url("/assets/fonts/onest-cyrillic-wght-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"TB Onest";font-weight:300 800;font-display:swap;src:url("/assets/fonts/onest-cyrillic-ext-wght-normal.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
:root{
--oz-page:#F2F3F5; --oz-sheet:#FFFFFF; --oz-ctrl:#EFF1F4; --oz-ctrl-2:#E4E7EB;
--oz-ink:#001A34; --oz-ink-2:#707F8D; --oz-ink-3:#99A3AE; --oz-line:#E8EBEE;
--oz-blue:#005BFF; --oz-blue-ico:#005BFF; --oz-blue-tint:#E5EEFF; --oz-blue-tint-ink:#005BFF;
--oz-pink:#F91155; --oz-pink-ink:#F91155; --oz-pink-tint:#FFE3EC;
--oz-green:#10C44C; --oz-purple:#5B51DE; --oz-gold:#FFB800; --oz-heart:#FF2D55;
--oz-tab:#99A3AE; --oz-inv:#001A34; --oz-inv-ink:#FFFFFF; --oz-media:#0B0B0D;
--oz-shade:0 8px 24px -12px rgba(0,26,52,.25);
--oz-font:"TB Onest",-apple-system,BlinkMacSystemFont,"SF Pro Text",Roboto,Arial,sans-serif;
--oz-r-sheet:32px; --oz-r-card:26px; --oz-r-ctl:16px;
}
html.tb-theme-dark-active,html[data-theme="dark"]{
--oz-page:#070707; --oz-sheet:#1D2024; --oz-ctrl:#2F3135; --oz-ctrl-2:#3A3D42;
--oz-ink:#F5F7FA; --oz-ink-2:#A4A6A7; --oz-ink-3:#8D8F91; --oz-line:#2B2E32;
--oz-blue-ico:#0096FF; --oz-blue-tint:#0E2A4A; --oz-blue-tint-ink:#2E9BFF;
--oz-pink:#F1117E; --oz-pink-ink:#F23A93; --oz-pink-tint:#3A1528;
--oz-green:#36CD69; --oz-tab:#8D8F91; --oz-inv:#FFFFFF; --oz-inv-ink:#070707;
--oz-shade:0 8px 24px -10px rgba(0,0,0,.7);
}
/* ---------- base ---------- */
html body:not(#tbp){background:var(--oz-page)!important;color:var(--oz-ink)!important;font-family:var(--oz-font)!important;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
html body:not(#tbp) :where(h1,h2,h3,h4,b,strong,small,span,p,em,del,button,input,textarea,select,label,a){font-family:var(--oz-font)!important}
html body:not(#tbp) .app-shell,html body:not(#tbp) .app-view{background:var(--oz-page)!important;color:var(--oz-ink)}
html body:not(#tbp) svg[data-ph]{fill:currentColor!important;stroke:none!important}
html body:not(#tbp) svg[data-ph] *{stroke:none!important}
html body:not(#tbp) svg[data-ph] path{fill:currentColor!important}
html body:not(#tbp) svg[data-ph] .ph-f{display:none}
/* v0.13.293: icons stay outline like the website; only a saved favourite heart is filled (it shows state). */
html body:not(#tbp) [data-action*="favorite"]:is(.active,.is-active,[aria-pressed="true"]) svg[data-ph] .ph-r{display:none}
html body:not(#tbp) [data-action*="favorite"]:is(.active,.is-active,[aria-pressed="true"]) svg[data-ph] .ph-f{display:inline}
/* ---------- app header (top sheet) ---------- */
html body:not(#tbp) .app-header{background:var(--oz-sheet)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--oz-ink)!important}
html body:not(#tbp) .market-home-header{background:transparent!important;padding:10px 16px 12px!important;gap:12px!important}
html body:not(#tbp) .market-home-meta{align-items:center!important}
html body:not(#tbp) .market-home-location{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:4px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .market-home-location-site-icon{display:none!important}
html body:not(#tbp) .market-home-location-name{font-size:18px!important;font-weight:400!important;letter-spacing:-.01em!important;color:var(--oz-ink)!important}
html body:not(#tbp) .market-home-location .ui-icon{width:18px!important;height:18px!important;color:var(--oz-ink-3)!important;transform:rotate(90deg)}
html body:not(#tbp) .market-home-meta-actions{gap:10px!important;align-items:center!important}
html body:not(#tbp) .market-home-bonus{height:34px!important;padding:0 12px!important;border-radius:12px!important;background:var(--oz-inv)!important;color:var(--oz-inv-ink)!important;border:0!important;box-shadow:none!important;gap:6px!important;font-weight:600!important;font-size:15px!important}
html body:not(#tbp) .market-home-bonus b{color:inherit!important;font-weight:600!important}
html body:not(#tbp) .market-home-bonus .ui-icon{color:#3BA4FF!important;width:18px!important;height:18px!important}
html body:not(#tbp) :is(.market-home-message,.profile-appbar-button,.product-appbar-action,.product-appbar-back){background:transparent!important;border:0!important;box-shadow:none!important;color:var(--oz-ink-3)!important;width:40px!important;height:40px!important;border-radius:14px!important}
html body:not(#tbp) :is(.market-home-message,.profile-appbar-button) .ui-icon{width:26px!important;height:26px!important}
html body:not(#tbp) :is(.market-home-message,.profile-appbar-button,.bottom-nav button) .badge{background:var(--oz-pink)!important;color:#fff!important;border:2px solid var(--oz-sheet)!important;font:700 12px/1 var(--oz-font)!important;min-width:20px!important;height:20px!important;border-radius:10px!important;display:grid!important;place-items:center!important;padding:0 5px!important;box-shadow:none!important}
html body:not(#tbp) :is(.market-home-search,.search-reference-toolbar,.search-toolbar){height:50px!important;border-radius:16px!important;background:var(--oz-ctrl)!important;border:0!important;box-shadow:none!important;color:var(--oz-ink-3)!important;padding:0 8px 0 14px!important}
html body:not(#tbp) :is(.market-home-search,.search-reference-toolbar,.search-toolbar) input{font-size:17px!important;color:var(--oz-ink)!important;background:transparent!important}
html body:not(#tbp) :is(.market-home-search,.search-reference-toolbar,.search-toolbar) input::placeholder{color:var(--oz-ink-3)!important}
html body:not(#tbp) :is(.market-home-search,.search-reference-toolbar,.search-toolbar) :is(button,.market-home-search-icon){color:var(--oz-ink-3)!important;background:transparent!important}
html body:not(#tbp) :is(.market-home-search,.search-reference-toolbar,.search-toolbar) .ui-icon{width:24px!important;height:24px!important}
/* ---------- home: category row as reference service tiles, first sheet ends here ---------- */
html body:not(#tbp) .home-market-page{background:var(--oz-page)!important;padding:0!important}
html body:not(#tbp) .home-category-strip{background:var(--oz-sheet)!important;border-radius:0 0 var(--oz-r-sheet) var(--oz-r-sheet)!important;margin:0 0 6px!important;padding:6px 12px 22px!important;gap:6px!important;box-shadow:none!important;border:0!important}
html body:not(#tbp) .home-category-strip .category-chip{width:78px!important;min-width:78px!important;gap:7px!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body:not(#tbp) .home-category-strip .category-chip>span{width:64px!important;height:64px!important;border-radius:19px!important;overflow:hidden!important;background:var(--oz-media)!important;border:0!important;box-shadow:none!important;padding:0!important}
html body:not(#tbp) .home-category-strip .category-chip img{width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.15);mix-blend-mode:normal!important}
html body:not(#tbp) .home-category-strip .category-chip small{font-size:13.5px!important;font-weight:400!important;line-height:1.2!important;color:var(--oz-ink)!important}
/* section heads on the page background */
html body:not(#tbp) .section-head{padding:20px 16px 12px!important;background:transparent!important;align-items:center!important}
html body:not(#tbp) .section-head h2{font-size:24px!important;font-weight:700!important;letter-spacing:-.025em!important;color:var(--oz-ink)!important}
html body:not(#tbp) .section-head button{height:34px!important;padding:0 14px!important;border-radius:12px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;font-size:15px!important;font-weight:500!important;border:0!important}
/* ---------- product card ---------- */
html body:not(#tbp) .product-grid{gap:6px!important;padding:0!important;align-items:stretch!important}
html body:not(#tbp) .product-card{background:var(--oz-sheet)!important;border:0!important;border-radius:var(--oz-r-card)!important;box-shadow:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-width:0}
html body:not(#tbp) .product-card .product-media{aspect-ratio:3/4!important;border-radius:0!important;background:var(--oz-media)!important;overflow:hidden!important;border:0!important;margin:0!important}
html body:not(#tbp) .product-card .product-media img{object-fit:cover!important;background:transparent!important;padding:0!important;mix-blend-mode:normal!important}
html body:not(#tbp) .product-card .favorite-button{top:10px!important;right:10px!important;width:36px!important;height:36px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;backdrop-filter:none!important}
html body:not(#tbp) .product-card .favorite-button .ui-icon{width:30px!important;height:30px!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
html body:not(#tbp) .product-card .favorite-button:is(.is-active,.active){color:var(--oz-heart)!important}
html body:not(#tbp) .product-card .discount{left:10px!important;bottom:10px!important;top:auto!important;right:auto!important;height:22px!important;padding:0 7px!important;border-radius:7px!important;background:var(--oz-pink)!important;color:#fff!important;font:700 12px/22px var(--oz-font)!important;box-shadow:none!important;letter-spacing:.01em}
html body:not(#tbp) .product-card .gallery-dots{bottom:10px!important;gap:4px!important}
html body:not(#tbp) .product-card .gallery-dots i{width:6px!important;height:6px!important;border-radius:3px!important;background:rgba(255,255,255,.45)!important}
html body:not(#tbp) .product-card .gallery-dots i.is-active{background:#fff!important;width:14px!important}
html body:not(#tbp) .product-card .product-copy{padding:10px 14px 16px!important;gap:5px!important;background:transparent!important;display:flex!important;flex-direction:column!important;flex:1}
html body:not(#tbp) .product-card .product-copy>strong{order:1;font:700 20px/1.15 var(--oz-font)!important;letter-spacing:-.03em!important;color:var(--oz-ink)!important;white-space:nowrap}
html body:not(#tbp) .product-card .product-copy:has(>del)>strong{color:var(--oz-pink-ink)!important}
html body:not(#tbp) .product-card .product-copy>del{order:2;font:400 14px/1.2 var(--oz-font)!important;color:var(--oz-ink-3)!important;margin-top:-3px!important;white-space:nowrap}
html body:not(#tbp) .product-card .product-card-brand-row{order:0;margin:0!important}
html body:not(#tbp) .product-card .product-card-brand-row small{color:var(--oz-ink-2)!important;font-size:14px!important}
html body:not(#tbp) .product-card .product-authenticity-badge{height:24px!important;padding:0 8px!important;border-radius:8px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;border:0!important;font-size:12.5px!important;gap:4px!important}
html body:not(#tbp) .product-card .product-authenticity-badge .ui-icon{color:var(--oz-green)!important;width:14px!important;height:14px!important}
html body:not(#tbp) .product-card .product-copy>p{order:3;font:400 16px/1.3 var(--oz-font)!important;color:var(--oz-ink)!important;margin:2px 0 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
html body:not(#tbp) .product-card .product-card-seller-identity{order:4;gap:6px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .product-card .product-card-seller-identity i{width:20px!important;height:20px!important;border-radius:6px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink-2)!important;font-size:11px!important;border:0!important}
html body:not(#tbp) .product-card .product-card-seller-identity small{color:var(--oz-ink-2)!important;font-size:14px!important;font-weight:400!important}
html body:not(#tbp) .product-card .product-card-rating{order:5;gap:6px!important;font-size:15px!important;color:var(--oz-ink-2)!important;white-space:nowrap}
html body:not(#tbp) .product-card .product-rating-score b{color:var(--oz-ink)!important;font-weight:500!important;font-size:15px!important}
html body:not(#tbp) .product-card .rating-managed-star{color:var(--oz-gold)!important;width:18px!important;height:18px!important}
html body:not(#tbp) .product-card .product-rating-reviews{color:var(--oz-ink-2)!important;gap:4px!important}
html body:not(#tbp) .product-card .product-rating-reviews .ui-icon{color:var(--oz-ink-3)!important;width:17px!important;height:17px!important}
html body:not(#tbp) .product-card .product-rating-reviews small{font-size:15px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .product-card .product-card-cart-slot{order:6;margin-top:auto!important;padding-top:8px!important}
html body:not(#tbp) :is(.product-arrival-date,.product-card .add-cart,.product-card .cart-button){width:100%!important;height:48px!important;min-height:48px!important;border-radius:16px!important;background:var(--oz-blue)!important;color:#fff!important;border:0!important;box-shadow:none!important;font:600 16px/1 var(--oz-font)!important;gap:8px!important;justify-content:center!important}
html body:not(#tbp) .product-arrival-date .ui-icon{width:22px!important;height:22px!important}
html body:not(#tbp) .product-arrival-date .cart-plus-glyph b{display:none!important}
html body:not(#tbp) .product-card :is(.qty-control,.product-card-qty,.cart-stepper){height:48px!important;border-radius:16px!important;background:var(--oz-ctrl)!important;border:0!important;color:var(--oz-ink)!important}
/* ---------- bottom navigation: reference icon bar ---------- */
html body:not(#tbp) .bottom-nav{background:var(--oz-sheet)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-top:8px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
html body:not(#tbp) .bottom-nav button{color:var(--oz-tab)!important;background:transparent!important;min-height:48px!important}
html body:not(#tbp) .bottom-nav button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:0 2px!important;min-width:0!important}
html body:not(#tbp) .bottom-nav button small{position:static!important;width:auto!important;height:auto!important;max-width:100%!important;clip:auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font:500 11px/1.15 var(--oz-font)!important;letter-spacing:0!important;color:inherit!important;margin:0!important}
html body:not(#tbp) .bottom-nav .nav-icon{background:transparent!important;box-shadow:none!important;color:inherit!important;width:auto!important;height:auto!important}
html body:not(#tbp) .bottom-nav .nav-icon .ui-icon{width:26px!important;height:26px!important}
html body:not(#tbp) .bottom-nav svg[data-ph] .ph-r{display:inline!important}
html body:not(#tbp) .bottom-nav svg[data-ph] .ph-f{display:none!important}
html body:not(#tbp) .bottom-nav button.is-active,html body:not(#tbp) .bottom-nav button.is-active .nav-icon{color:var(--oz-blue-ico)!important}
/* ---------- product page ---------- */
html body:not(#tbp) .product-detail-appbar{background:var(--oz-sheet)!important;border:0!important}
html body:not(#tbp) .product-appbar-copy b{font-size:17px!important;font-weight:600!important;color:var(--oz-ink)!important}
html body:not(#tbp) :is(.product-appbar-action,.product-appbar-back) .ui-icon{width:26px!important;height:26px!important}
html body:not(#tbp) .product-detail{background:var(--oz-page)!important;gap:6px!important;padding:0!important}
html body:not(#tbp) .product-detail>section{margin:0 0 6px!important}
html body:not(#tbp) .product-hero-gallery{background:var(--oz-media)!important;border-radius:0 0 var(--oz-r-sheet) var(--oz-r-sheet)!important;overflow:hidden!important;margin:0 0 6px!important;padding:0!important;border:0!important}
html body:not(#tbp) .product-hero-media{background:transparent!important;aspect-ratio:3/4!important;max-height:72vh;border-radius:0!important}
html body:not(#tbp) .product-hero-media img{object-fit:cover!important;background:transparent!important;mix-blend-mode:normal!important;padding:0!important}
html body:not(#tbp) .product-reference-sale-badge{height:26px!important;padding:0 9px!important;border-radius:8px!important;background:var(--oz-pink)!important;color:#fff!important;font:700 14px/26px var(--oz-font)!important;box-shadow:none!important}
html body:not(#tbp) .product-hero-dots button{background:rgba(255,255,255,.5)!important;width:7px!important;height:7px!important;border-radius:4px!important}
html body:not(#tbp) .product-hero-dots button.is-active{background:#fff!important;width:18px!important}
html body:not(#tbp) .product-price-block{background:var(--oz-sheet)!important;border-radius:var(--oz-r-sheet)!important;padding:18px 16px!important;border:0!important;box-shadow:none!important}
html body:not(#tbp) .product-price-line{gap:2px 10px!important;align-items:baseline!important;flex-wrap:wrap!important}
html body:not(#tbp) #product-price{font:700 30px/1.1 var(--oz-font)!important;letter-spacing:-.035em!important;color:var(--oz-green)!important}
html body:not(#tbp) #product-old-price{font-size:17px!important;color:var(--oz-ink-3)!important}
html body:not(#tbp) #product-discount{font-style:normal!important;font-size:17px!important;font-weight:600!important;color:var(--oz-pink-ink)!important;background:transparent!important;padding:0!important}
html body:not(#tbp) .product-reference-bankline{margin-top:8px!important;background:transparent!important;border:0!important;padding:0!important;color:var(--oz-ink-2)!important;font-size:16px!important;gap:6px!important}
html body:not(#tbp) .product-reference-bankline b{color:var(--oz-green)!important;font-weight:600!important}
html body:not(#tbp) .product-reference-bankline .ui-icon{color:var(--oz-ink-3)!important;width:18px!important;height:18px!important}
html body:not(#tbp) .product-postpay-chip{display:inline-flex!important;height:38px!important;padding:0 12px!important;border-radius:12px!important;background:var(--oz-purple)!important;color:#fff!important;border:0!important;font-weight:600!important;font-size:15.5px!important;gap:6px!important;margin-top:14px!important}
html body:not(#tbp) .product-postpay-chip .ui-icon{color:#fff!important;width:20px!important;height:20px!important}
html body:not(#tbp) .product-benefit-row{gap:8px!important;margin-top:8px!important;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap!important}
html body:not(#tbp) .product-benefit-row span{flex:none;height:38px!important;padding:0 12px!important;border-radius:12px!important;background:var(--oz-blue-tint)!important;color:var(--oz-blue-tint-ink)!important;border:0!important;font-weight:600!important;font-size:15px!important;gap:6px!important;white-space:nowrap}
html body:not(#tbp) .product-benefit-row .ui-icon{color:inherit!important;width:20px!important;height:20px!important}
html body:not(#tbp) .product-reference-promo{background:var(--oz-sheet)!important;border-radius:var(--oz-r-sheet)!important;padding:16px!important;border:0!important;box-shadow:none!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-reference-promo-mark{width:46px!important;height:46px!important;border-radius:50%!important;background:conic-gradient(var(--oz-pink) 0 72%,var(--oz-ctrl) 72%)!important;color:transparent!important;position:relative;font-size:0!important}
html body:not(#tbp) .product-reference-promo-mark::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--oz-sheet)}
html body:not(#tbp) .product-reference-promo b{font-size:19px!important;font-weight:600!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-reference-promo small{font-size:15px!important;color:var(--oz-pink-ink)!important}
html body:not(#tbp) .product-reference-promo>strong{height:38px!important;padding:0 14px!important;border-radius:12px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;font-size:15.5px!important;font-weight:500!important;display:grid!important;place-items:center!important}
html body:not(#tbp) .product-main-card{background:var(--oz-sheet)!important;border-radius:var(--oz-r-sheet)!important;padding:18px 16px!important;border:0!important;box-shadow:none!important}
html body:not(#tbp) .product-main-card h1{font:700 24px/1.2 var(--oz-font)!important;letter-spacing:-.025em!important;color:var(--oz-ink)!important;margin:12px 0 14px!important}
html body:not(#tbp) .product-brand-inline{background:var(--oz-ctrl)!important;border:0!important;border-radius:18px!important;padding:10px 12px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-brand-inline-logo{border-radius:12px!important;background:var(--oz-ctrl-2)!important;border:0!important}
html body:not(#tbp) .product-brand-inline-name{font-weight:600!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-brand-inline-verified,html body:not(#tbp) .product-brand-inline-verified .ui-icon{color:var(--oz-green)!important}
html body:not(#tbp) .product-info-tabs{gap:8px!important;border:0!important;background:transparent!important;overflow-x:auto;scrollbar-width:none;padding:0!important}
html body:not(#tbp) .product-info-tabs button{flex:none;height:42px!important;padding:0 16px!important;border-radius:14px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;font-size:16px!important;font-weight:400!important;border:0!important;box-shadow:none!important;white-space:nowrap}
html body:not(#tbp) .product-info-tabs button.is-active{background:var(--oz-inv)!important;color:var(--oz-inv-ink)!important;font-weight:500!important}
html body:not(#tbp) .product-info-tabs button::after{display:none!important}
html body:not(#tbp) .product-description-text{font-size:17px!important;line-height:1.45!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-reference-section-title{font-size:20px!important;font-weight:700!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-spec-row{border-color:var(--oz-line)!important;font-size:16px!important}
html body:not(#tbp) .product-spec-row span{color:var(--oz-ink-2)!important}
html body:not(#tbp) .product-spec-row b{color:var(--oz-ink)!important;font-weight:500!important}
html body:not(#tbp) :is(.product-delivery-card,.product-delivery-row){background:var(--oz-ctrl)!important;border:0!important;border-radius:20px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-delivery-icon{background:var(--oz-sheet)!important;color:var(--oz-blue-ico)!important;border-radius:12px!important}
html body:not(#tbp) .product-reference-social{gap:8px!important}
html body:not(#tbp) :is(.product-reference-social-stat,.product-reference-review-media){background:var(--oz-ctrl)!important;border:0!important;border-radius:18px!important;color:var(--oz-ink)!important;box-shadow:none!important}
html body:not(#tbp) .product-reference-social-stat b{font-size:19px!important;font-weight:600!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-reference-social-stat small{font-size:15px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .product-reference-social-stat .rating-managed-star{color:var(--oz-gold)!important}
html body:not(#tbp) .product-reference-question-icon{background:var(--oz-ink-3)!important;color:var(--oz-ctrl)!important;border-radius:50%!important}
html body:not(#tbp) .product-reference-buy-now{height:52px!important;border-radius:16px!important;background:var(--oz-blue-tint)!important;color:var(--oz-blue-tint-ink)!important;border:0!important;font:600 18px/1 var(--oz-font)!important;box-shadow:none!important}
html body:not(#tbp) :is(.product-store-section,.product-related-section){background:var(--oz-sheet)!important;border-radius:var(--oz-r-sheet)!important;padding:18px 0 16px!important;border:0!important;box-shadow:none!important}
html body:not(#tbp) :is(.product-store-section,.product-related-section)>:is(h2,.product-store-reference-head){padding:0 16px!important}
html body:not(#tbp) :is(.product-store-section,.product-related-section) h2{font:700 24px/1.2 var(--oz-font)!important;letter-spacing:-.025em!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-store-follow{height:34px!important;padding:0 12px!important;border-radius:12px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;border:0!important;font-size:15px!important}
html body:not(#tbp) .product-store-reference-card{margin:12px 16px!important;background:var(--oz-ctrl)!important;border:0!important;border-radius:22px!important;box-shadow:none!important}
html body:not(#tbp) .product-store-reference-logo{border-radius:14px!important;background:var(--oz-ctrl-2)!important;border:0!important}
html body:not(#tbp) .product-store-reference-name strong{color:var(--oz-ink)!important;font-size:18px!important}
html body:not(#tbp) .product-store-reference-metrics button,html body:not(#tbp) .product-store-reference-meta>*{background:var(--oz-sheet)!important;border:0!important;border-radius:12px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .product-store-reference-products,html body:not(#tbp) .product-related-grid{padding:0 6px!important}
/* purchase bar */
html body:not(#tbp) .purchase-bar{background:linear-gradient(0deg,var(--oz-page) 60%,transparent)!important;border:0!important;box-shadow:none!important;padding:8px 12px!important;gap:8px!important;backdrop-filter:none!important}
html body:not(#tbp) .purchase-bar .primary-button{flex:1!important;height:58px!important;min-height:58px!important;border-radius:18px!important;background:var(--oz-blue)!important;color:#fff!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:1px!important}
html body:not(#tbp) .purchase-bar .primary-button span{font:600 18px/1.15 var(--oz-font)!important}
html body:not(#tbp) .purchase-bar .primary-button small{font:400 15px/1.15 var(--oz-font)!important;opacity:.92;color:#fff!important}
html body:not(#tbp) .purchase-bar .qty-control{height:58px!important;border-radius:18px!important;background:var(--oz-sheet)!important;border:0!important;color:var(--oz-ink)!important;min-width:140px!important;font:600 18px/1 var(--oz-font)!important;box-shadow:var(--oz-shade)!important}
html body:not(#tbp) .purchase-bar .qty-control button{color:var(--oz-ink)!important;background:transparent!important}
/* ---------- search / catalog ---------- */
html body:not(#tbp) .search-page{background:var(--oz-sheet)!important;border-radius:0 0 var(--oz-r-sheet) var(--oz-r-sheet)!important;padding:10px 0 18px!important}
html body:not(#tbp) .search-focus-toolbar-row{padding:0 16px!important;gap:10px!important}
html body:not(#tbp) .search-history-cancel{color:var(--oz-blue-ico)!important;font-weight:500!important;font-size:16px!important}
html body:not(#tbp) .search-history-block{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--oz-ink)!important}
html body:not(#tbp) .search-history-head h2{font-size:20px!important;font-weight:700!important;color:var(--oz-ink)!important}
html body:not(#tbp) .search-history-head button{color:var(--oz-blue-ico)!important}
html body:not(#tbp) .search-history-run{color:var(--oz-ink)!important;font-size:17px!important}
html body:not(#tbp) .search-history-run .ui-icon,html body:not(#tbp) .search-history-delete{color:var(--oz-ink-3)!important}
html body:not(#tbp) .search-category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:16px 16px 0!important}
html body:not(#tbp) .search-category-grid .category-tile{position:relative!important;aspect-ratio:1!important;min-height:0!important;height:auto!important;border-radius:22px!important;overflow:hidden!important;background:var(--oz-media)!important;border:0!important;box-shadow:none!important;padding:0!important}
html body:not(#tbp) .search-category-grid .category-tile img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;transform:scale(1.06) translate(6%,8%);margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;mix-blend-mode:normal!important}
html body:not(#tbp) .search-category-grid .category-tile strong{position:absolute!important;inset:0 0 auto 0!important;z-index:1;padding:12px 12px 26px!important;font:500 15px/1.2 var(--oz-font)!important;color:#fff!important;text-align:left!important;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0))!important}
html body:not(#tbp) .search-category-grid .category-child-mark{display:none!important}
html body:not(#tbp) .search-discovery-section{background:transparent!important}
html body:not(#tbp) .search-discovery-heading h2{font-size:24px!important;font-weight:700!important;color:var(--oz-ink)!important;padding:20px 16px 12px!important}
/* ---------- cart ---------- */
html body:not(#tbp) .cart-screen{background:var(--oz-page)!important;padding:0!important;gap:6px!important}
html body:not(#tbp) .cart-pickup-top{background:var(--oz-sheet)!important;padding:12px 16px 4px!important;border:0!important}
html body:not(#tbp) .cart-pickup-bar{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body:not(#tbp) .cart-pickup-site-icon{display:none!important}
html body:not(#tbp) .cart-pickup-title strong{font-size:18px!important;font-weight:400!important;color:var(--oz-ink)!important}
html body:not(#tbp) .cart-pickup-copy em{color:var(--oz-ink-2)!important;font-style:normal!important}
html body:not(#tbp) .cart-top-actions button{background:transparent!important;border:0!important;color:var(--oz-ink-3)!important;box-shadow:none!important}
html body:not(#tbp) .cart-head-card{background:var(--oz-sheet)!important;border-radius:0 0 var(--oz-r-sheet) var(--oz-r-sheet)!important;margin:0 0 6px!important;padding:6px 16px 18px!important;border:0!important;box-shadow:none!important}
html body:not(#tbp) .select-all-row{font-size:18px!important;color:var(--oz-ink)!important;gap:14px!important;background:transparent!important}
html body:not(#tbp) :is(.cart-check-ui,.cart-select>span){width:28px!important;height:28px!important;border-radius:9px!important;border:2px solid var(--oz-ctrl-2)!important;background:var(--oz-ctrl)!important;color:#fff!important}
html body:not(#tbp) .select-all-row.is-checked .cart-check-ui,html body:not(#tbp) .cart-line.is-selected .cart-select>span{background:var(--oz-blue)!important;border-color:var(--oz-blue)!important}
html body:not(#tbp) .cart-sale-alert{background:transparent!important;border:0!important;padding:10px 0 0!important;gap:12px!important}
html body:not(#tbp) .cart-sale-alert b{font-size:17px!important;font-weight:500!important;color:var(--oz-ink)!important}
html body:not(#tbp) .cart-sale-alert small{font-size:15px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .cart-sale-alert strong{padding:7px 10px!important;border-radius:12px!important;background:var(--oz-pink-tint)!important;color:var(--oz-pink-ink)!important;font-size:15px!important;white-space:nowrap}
html body:not(#tbp) .cart-products-panel{background:var(--oz-sheet)!important;border-radius:var(--oz-r-sheet)!important;padding:18px 0 8px!important;border:0!important;box-shadow:none!important}
html body:not(#tbp) .cart-products-head{padding:0 16px 6px!important}
html body:not(#tbp) .cart-products-head h2{font:700 24px/1.2 var(--oz-font)!important;letter-spacing:-.025em!important;color:var(--oz-ink)!important}
html body:not(#tbp) .cart-products-head span{background:var(--oz-ctrl)!important;color:var(--oz-ink-2)!important;border-radius:12px!important}
html body:not(#tbp) .cart-line{background:transparent!important;border:0!important;border-top:1px solid var(--oz-line)!important;border-radius:0!important;padding:16px!important;box-shadow:none!important}
html body:not(#tbp) .cart-line:first-child{border-top:0!important}
html body:not(#tbp) .cart-image{border-radius:18px!important;overflow:hidden!important;background:var(--oz-media)!important}
html body:not(#tbp) .cart-image img{object-fit:cover!important}
html body:not(#tbp) .cart-price-row strong{font:700 20px/1.15 var(--oz-font)!important;letter-spacing:-.03em!important;color:var(--oz-ink)!important}
html body:not(#tbp) .cart-price-row:has(del) strong{color:var(--oz-pink-ink)!important}
html body:not(#tbp) .cart-price-row del{color:var(--oz-ink-3)!important;font-size:14px!important}
html body:not(#tbp) .cart-item-sale-badge{height:30px!important;padding:0 9px!important;border-radius:10px!important;background:var(--oz-pink-tint)!important;color:var(--oz-pink-ink)!important;border:0!important;gap:5px!important}
html body:not(#tbp) .cart-item-sale-badge :is(b,em){color:var(--oz-pink-ink)!important;font-style:normal!important;font-weight:600!important}
html body:not(#tbp) .cart-copy h3{font:400 16.5px/1.3 var(--oz-font)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .cart-store,html body:not(#tbp) .cart-store span{color:var(--oz-ink-2)!important;font-size:14px!important}
html body:not(#tbp) .cart-stock{color:var(--oz-green)!important;font-size:14px!important}
html body:not(#tbp) .cart-tool{width:48px!important;height:48px!important;border-radius:15px!important;background:var(--oz-ctrl)!important;border:0!important;color:var(--oz-ink-2)!important;box-shadow:none!important}
html body:not(#tbp) .cart-tool.is-active,html body:not(#tbp) .cart-tool.active{color:var(--oz-heart)!important}
html body:not(#tbp) .cart-qty-control{height:48px!important;border-radius:15px!important;background:var(--oz-ctrl)!important;border:0!important;color:var(--oz-ink)!important;font-weight:600!important;font-size:17px!important}
html body:not(#tbp) .cart-qty-control button{background:transparent!important;color:var(--oz-ink)!important;border:0!important}
html body:not(#tbp) .cart-buy-line{height:48px!important;padding:0 16px!important;border-radius:15px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;border:0!important;font:600 16px/1 var(--oz-font)!important;white-space:nowrap;box-shadow:none!important}
html body:not(#tbp) .cart-summary{background:var(--oz-sheet)!important;border:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 -1px 0 var(--oz-line)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .cart-summary :is(button.primary-button,.cart-checkout-button,[data-action="checkout"]){height:54px!important;border-radius:17px!important;background:var(--oz-blue)!important;color:#fff!important;border:0!important;font:600 18px/1 var(--oz-font)!important;box-shadow:none!important}
/* ---------- favorites ---------- */
html body:not(#tbp) :is(.favorites-empty-reference,.favorites-page,.favorites-reference){background:var(--oz-page)!important}
html body:not(#tbp) .favorites-empty-tools{background:var(--oz-sheet)!important;border-radius:0 0 var(--oz-r-sheet) var(--oz-r-sheet)!important;padding:10px 16px 16px!important;margin-bottom:6px!important}
html body:not(#tbp) .favorites-empty-search{height:50px!important;border-radius:16px!important;background:var(--oz-ctrl)!important;border:0!important;color:var(--oz-ink-3)!important;font-size:17px!important;box-shadow:none!important}
html body:not(#tbp) .favorites-empty-back{color:var(--oz-ink-3)!important;background:transparent!important;border:0!important}
html body:not(#tbp) .favorites-shortcuts{background:var(--oz-ctrl)!important;border-radius:22px!important;overflow:hidden!important;border:0!important;margin-top:12px!important;box-shadow:none!important}
html body:not(#tbp) .favorites-shortcuts button{background:transparent!important;border:0!important;border-top:1px solid var(--oz-line)!important;padding:16px!important;color:var(--oz-ink)!important;border-radius:0!important}
html body:not(#tbp) .favorites-shortcuts button:first-child{border-top:0!important}
html body:not(#tbp) .favorites-shortcuts b{font-size:18px!important;font-weight:400!important;color:var(--oz-ink)!important}
html body:not(#tbp) .favorite-shortcut-icon{background:transparent!important;color:var(--oz-ink-3)!important}
html body:not(#tbp) .favorites-shortcuts .ui-icon{color:var(--oz-ink-3)!important}
html body:not(#tbp) .favorite-round-chip{height:46px!important;min-width:52px!important;padding:0 16px!important;border-radius:16px!important;background:var(--oz-ctrl)!important;border:0!important;color:var(--oz-ink)!important;font-size:17px!important;font-weight:500!important;box-shadow:none!important}
html body:not(#tbp) .favorites-empty-message{background:var(--oz-sheet)!important;border-radius:var(--oz-r-sheet)!important;margin:0 0 6px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .favorites-empty-message h2{color:var(--oz-ink)!important;font-weight:700!important}
html body:not(#tbp) .favorites-empty-message p{color:var(--oz-ink-2)!important}
html body:not(#tbp) .favorites-empty-recommend{background:transparent!important}
html body:not(#tbp) .favorites-empty-recommend h2{font:700 24px/1.2 var(--oz-font)!important;color:var(--oz-ink)!important;padding:16px 16px 12px!important;margin:0!important}
html body:not(#tbp) .favorites-empty-recommend-grid{gap:6px!important;padding:0!important}
/* ---------- profile ---------- */
html body:not(#tbp) .profile-appbar{background:var(--oz-sheet)!important;border:0!important}
html body:not(#tbp) .profile-page-tbz{background:var(--oz-page)!important;padding:0!important;gap:6px!important}
html body:not(#tbp) .profile-overview-head{background:var(--oz-sheet)!important;border-radius:0!important;margin:0!important;padding:4px 16px 14px!important;border:0!important;box-shadow:none!important}
html body:not(#tbp) .profile-overview-user{background:transparent!important;border:0!important;padding:0!important;color:var(--oz-ink)!important;box-shadow:none!important}
html body:not(#tbp) .profile-overview-avatar{border-radius:22px!important;background:linear-gradient(140deg,#3D8BFF,#5B51DE)!important;color:#fff!important;border:0!important}
html body:not(#tbp) .profile-overview-avatar b{color:#fff!important}
html body:not(#tbp) .profile-overview-copy strong{font:600 24px/1.15 var(--oz-font)!important;letter-spacing:-.02em!important;color:var(--oz-ink)!important}
html body:not(#tbp) .profile-overview-copy small,html body:not(#tbp) .profile-overview-social-summary b{color:var(--oz-ink-2)!important;font-weight:400!important;font-size:15px!important}
html body:not(#tbp) .profile-overview-quick{background:var(--oz-sheet)!important;border-radius:0 0 var(--oz-r-sheet) var(--oz-r-sheet)!important;margin:-6px 0 6px!important;padding:0 16px 18px!important;gap:8px!important;border:0!important;box-shadow:none!important}
html body:not(#tbp) .profile-overview-quick>button{background:var(--oz-ctrl)!important;border:0!important;border-radius:22px!important;padding:14px!important;box-shadow:none!important;color:var(--oz-ink)!important;gap:6px!important;text-align:left!important;align-items:flex-start!important}
html body:not(#tbp) .profile-overview-quick>button>span{background:transparent!important;color:var(--oz-ink-3)!important;width:auto!important;height:auto!important;border:0!important}
html body:not(#tbp) .profile-overview-quick .ui-icon{width:24px!important;height:24px!important;color:var(--oz-ink-3)!important}
html body:not(#tbp) .profile-overview-quick .rating-managed-star{color:var(--oz-gold)!important}
html body:not(#tbp) .profile-overview-quick b{font-size:16px!important;font-weight:600!important;color:var(--oz-ink)!important}
html body:not(#tbp) .profile-overview-quick small{font-size:14px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) :is(.profile-finance-card,.profile-viewed-section,.settings-group,.profile-menu-section){background:var(--oz-sheet)!important;border:0!important;border-radius:var(--oz-r-sheet)!important;box-shadow:none!important;margin:0 0 6px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .profile-finance-card{padding:18px 16px!important}
html body:not(#tbp) :is(.profile-block-title,.profile-viewed-section) h2{font:700 24px/1.2 var(--oz-font)!important;letter-spacing:-.025em!important;color:var(--oz-ink)!important}
html body:not(#tbp) .profile-block-title button{height:34px!important;padding:0 12px!important;border-radius:12px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;font-size:15px!important;font-weight:500!important}
html body:not(#tbp) .profile-finance-grid{gap:8px!important}
html body:not(#tbp) .profile-finance-grid>button{background:var(--oz-ctrl)!important;border:0!important;border-radius:20px!important;padding:14px!important;box-shadow:none!important;color:var(--oz-ink)!important;text-align:left!important}
html body:not(#tbp) .profile-finance-grid small{color:var(--oz-ink-2)!important;font-size:16px!important}
html body:not(#tbp) .profile-finance-grid strong{font:700 21px/1.2 var(--oz-font)!important;letter-spacing:-.02em!important;color:var(--oz-ink)!important}
html body:not(#tbp) .profile-viewed-section{padding:18px 0 16px!important}
html body:not(#tbp) .profile-viewed-section h2{padding:0 16px!important}
html body:not(#tbp) .profile-viewed-strip{gap:8px!important;padding:12px 16px 0!important}
html body:not(#tbp) .profile-viewed-card{background:var(--oz-ctrl)!important;border:0!important;border-radius:22px!important;overflow:hidden!important;box-shadow:none!important}
html body:not(#tbp) .profile-viewed-image{background:var(--oz-media)!important;border-radius:0!important;aspect-ratio:3/4}
html body:not(#tbp) .profile-viewed-image img{object-fit:cover!important}
html body:not(#tbp) .profile-viewed-copy{color:var(--oz-ink)!important;padding:10px 12px 12px!important}
html body:not(#tbp) .profile-viewed-copy b{font-weight:400!important;font-size:15px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .profile-viewed-copy strong{font:700 18px/1.2 var(--oz-font)!important;color:var(--oz-ink)!important}
/* ---------- generic controls, modals, toasts ---------- */
html body:not(#tbp) .primary-button{border-radius:16px!important;background:var(--oz-blue)!important;color:#fff!important;border:0!important;box-shadow:none!important;font-weight:600!important}
html body:not(#tbp) .secondary-button{border-radius:16px!important;background:var(--oz-blue-tint)!important;color:var(--oz-blue-tint-ink)!important;border:0!important;box-shadow:none!important;font-weight:600!important}
html body:not(#tbp) .toast{background:var(--oz-ctrl-2)!important;color:var(--oz-ink)!important;border-radius:12px!important;box-shadow:var(--oz-shade)!important;font-weight:500!important}
html body:not(#tbp) .guest-profile-auth,html body:not(#tbp) .guest-profile-settings{background:var(--oz-sheet)!important;border:0!important;box-shadow:none!important;border-radius:var(--oz-r-sheet)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .guest-profile-brand{background:linear-gradient(140deg,#3D8BFF,#005BFF)!important;color:#fff!important;border-radius:18px!important}
html body:not(#tbp) .guest-profile-login{background:var(--oz-blue)!important;color:#fff!important;border-radius:16px!important;border:0!important}
html body:not(#tbp) .guest-profile-business{background:var(--oz-blue-tint)!important;color:var(--oz-blue-tint-ink)!important;border-radius:16px!important;border:0!important}
html body:not(#tbp) .guest-profile-settings :is(span,em){color:var(--oz-ink)!important;font-style:normal!important}
html body:not(#tbp) .guest-profile-settings button{border-color:var(--oz-line)!important;background:transparent!important}
@media (prefers-reduced-motion:reduce){html body:not(#tbp) *{transition:none!important;animation:none!important}}
html body:not(#tbp) .cart-summary :is(button,a){white-space:nowrap}
html body:not(#tbp) .profile-overview-user{gap:14px!important}
/* ---------- home: ad banners (inside the first sheet) ---------- */
/* v0.13.293: the admin's ad creative is shown whole again (12:5, like before and like the reference) —
no crop to a fixed height, no text drawn over a picture ad, neighbours peek at the edges. */
html body:not(#tbp) .home-ads{background:var(--oz-sheet)!important;border-radius:0!important;margin:0!important;padding:2px 0 12px!important;overflow:hidden!important}
html body:not(#tbp) .home-ads-track{display:flex!important;gap:8px!important;padding:0 16px!important;scroll-padding-inline:16px!important;border-radius:0!important;overflow-x:auto!important;scrollbar-width:none}
html body:not(#tbp) .home-ad-slide{position:relative!important;flex:0 0 100%!important;min-width:100%!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:12/5!important;border-radius:20px!important;overflow:hidden!important;background:var(--ad-bg,#0B0B0D)!important;color:var(--ad-color,#fff)!important;transform:none!important;box-shadow:none!important;padding:0!important}
html body:not(#tbp) .home-ad-slide :is(img,video){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;border-radius:0!important}
html body:not(#tbp) .home-ad-slide.has-creative :is(.home-ad-shade,.home-ad-copy){display:none!important}
html body:not(#tbp) .home-ad-label{top:8px!important;right:10px!important;left:auto!important;bottom:auto!important;z-index:6!important;font:500 11px/1 var(--oz-font)!important;letter-spacing:0!important;padding:4px 7px!important;border-radius:8px!important;background:rgba(255,255,255,.74)!important;color:rgba(0,26,52,.62)!important;border:0!important;box-shadow:none!important}
html.tb-theme-dark-active body:not(#tbp) .home-ad-label,html[data-theme="dark"] body:not(#tbp) .home-ad-label{background:rgba(0,0,0,.38)!important;color:rgba(255,255,255,.78)!important}
html body:not(#tbp) .home-ad-slide:not(.has-creative) .home-ad-copy{left:18px!important;right:auto!important;top:auto!important;bottom:18px!important;transform:none!important;max-width:72%!important;display:grid!important;gap:6px!important;padding:0!important;background:transparent!important;text-shadow:none!important}
html body:not(#tbp) .home-ad-slide:not(.has-creative) .home-ad-copy b{font:700 21px/1.12 var(--oz-font)!important;letter-spacing:-.02em!important;text-transform:none!important;color:inherit!important}
html body:not(#tbp) .home-ad-slide:not(.has-creative) .home-ad-copy small{font:400 13px/1.3 var(--oz-font)!important;color:inherit!important;opacity:.85}
html body:not(#tbp) .home-ads :is(.home-ads-dots,.home-ad-dots,.carousel-dots){display:none!important}
html body:not(#tbp) .home-ads + .home-category-strip{padding-top:4px!important}
/* ---------- home: ready-for-pickup strip ---------- */
html body:not(#tbp) .home-pickup-ready{grid-template-columns:104px minmax(0,1fr) 84px!important;gap:6px!important;margin:0 0 6px!important;padding:0 6px!important}
html body:not(#tbp) .home-pickup-scan{border-radius:26px!important;background:#fff!important;color:#000!important;border:0!important;box-shadow:none!important;min-height:120px}
html body:not(#tbp) .home-pickup-scan .ui-icon{width:52px!important;height:52px!important;color:#000!important}
html body:not(#tbp) .home-pickup-main{border-radius:26px!important;background:var(--oz-sheet)!important;color:var(--oz-ink)!important;border:0!important;box-shadow:none!important;padding:12px!important;grid-template-columns:72px minmax(0,1fr) 16px!important;gap:12px!important}
html body:not(#tbp) .home-pickup-thumb{width:72px!important;height:92px!important;border-radius:14px!important;background:var(--oz-media)!important}
html body:not(#tbp) .home-pickup-thumb img{width:100%;height:100%;object-fit:cover}
html body:not(#tbp) .home-pickup-copy strong{font:600 18px/1.15 var(--oz-font)!important;letter-spacing:-.02em!important;color:var(--oz-green)!important}
html body:not(#tbp) .home-pickup-copy b{font:400 15px/1.3 var(--oz-font)!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .home-pickup-copy small{font:400 14px/1.3 var(--oz-font)!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .home-pickup-copy em{font-style:normal!important;color:var(--oz-ink)!important;font-weight:600!important}
html body:not(#tbp) .home-pickup-main>.ui-icon{color:var(--oz-ink-3)!important}
html body:not(#tbp) .home-pickup-orders{border-radius:26px!important;background:var(--oz-sheet)!important;color:var(--oz-ink)!important;border:0!important;box-shadow:none!important;font-size:12.5px!important;text-align:center}
html body:not(#tbp) .home-pickup-orders .ui-icon{color:var(--oz-ink-3)!important;width:26px!important;height:26px!important}
/* full-bleed sheets on customer screens (staff/seller workspaces keep their own padding) */
html body:not(#tbp) #app-view:has(> :is(.home-market-page,.product-detail,.cart-screen,.favorites-empty-reference,.favorites-page,.profile-page-tbz,.search-page,.guest-profile-page)){padding:0 0 22px!important}
html body:not(#tbp) #app-view > .home-market-page{margin:0!important}
html body:not(#tbp) .home-pickup-ready{grid-template-columns:80px minmax(0,1fr) 66px!important}
html body:not(#tbp) .home-pickup-scan{min-height:112px!important}
html body:not(#tbp) .home-pickup-scan .ui-icon{width:44px!important;height:44px!important}
html body:not(#tbp) .home-pickup-main{grid-template-columns:60px minmax(0,1fr) 14px!important;gap:10px!important;padding:10px!important}
html body:not(#tbp) .home-pickup-thumb{width:60px!important;height:80px!important}
html body:not(#tbp) .home-pickup-copy{gap:2px!important}
html body:not(#tbp) .home-pickup-copy strong{font-size:16px!important;line-height:1.15!important;white-space:normal!important;overflow:hidden;text-overflow:clip!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html body:not(#tbp) .home-pickup-copy :is(b,small){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp) .home-pickup-orders{font-size:11.5px!important;padding:6px!important}
html body:not(#tbp) #app-view > :is(.home-market-page,.product-detail,.cart-screen,.favorites-empty-reference,.favorites-page,.profile-page-tbz,.search-page,.guest-profile-page){margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important}
html body:not(#tbp) .profile-overview-head{padding-top:14px!important}
html body:not(#tbp) .cart-buy-line{padding:0 14px!important}
html body:not(#tbp) .product-store-reference-products{margin:0!important;padding:0 16px!important;gap:8px!important}
html body:not(#tbp) .product-store-reference-products .product-card{border:0!important;background:var(--oz-ctrl)!important}
html body:not(#tbp) .profile-orders-carousel{margin-left:0!important;margin-right:0!important;max-width:100%!important;overflow:hidden}
html body:not(#tbp) .profile-orders-strip{margin-left:0!important;margin-right:0!important;padding:0 6px!important}
html body:not(#tbp) .product-purchase-bar{display:flex!important;align-items:stretch!important;box-sizing:border-box!important}
html body:not(#tbp) .purchase-bar .primary-button{min-width:0!important}
html body:not(#tbp) .purchase-bar .qty-control{flex:0 0 132px!important;min-width:0!important;max-width:132px!important;display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important;text-align:center!important}
html body:not(#tbp) .cart-summary{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important}
html body:not(#tbp) .product-card .product-copy>p{max-height:none!important;height:auto!important;min-height:2.6em!important;padding-bottom:1px!important}
html body:not(#tbp) .cart-summary{box-sizing:border-box!important;left:0!important;right:0!important;max-width:100%!important}
html body:not(#tbp) .cart-summary *{box-sizing:border-box}
/* ==========================================================================
v0.13.293 — text that overflowed / clipped, reference-style chats
========================================================================== */
/* ---------- home: service tiles keep two-line labels ---------- */
html body:not(#tbp) .home-category-strip .category-chip small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;text-align:center!important;max-width:78px!important;font-size:12.5px!important;line-height:1.2!important;min-height:2.4em}
/* ---------- catalog: title on top (2 lines), picture below it — never on top of the text ---------- */
html body:not(#tbp) .search-category-grid .category-tile{aspect-ratio:auto!important;height:124px!important;background:#000!important}
html body:not(#tbp) .search-category-grid .category-tile strong{position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:auto!important;z-index:2!important;padding:10px 10px 0!important;background:none!important;font:600 13.5px/1.2 var(--oz-font)!important;letter-spacing:-.01em!important;color:#fff!important;height:auto!important;min-height:0!important;max-height:44px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.4)}
html body:not(#tbp) .search-category-grid .category-tile img{inset:auto 0 0 auto!important;top:auto!important;left:auto!important;width:100%!important;height:60%!important;object-fit:cover!important;object-position:center 35%!important;transform:none!important}
/* ---------- profile ---------- */
html body:not(#tbp) .profile-overview-quick>button{padding:12px 10px 12px 12px!important;min-width:0!important}
html body:not(#tbp) .profile-overview-quick b{display:block!important;font:600 15px/1.2 var(--oz-font)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;letter-spacing:-.01em}
html body:not(#tbp) .profile-overview-quick small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html body:not(#tbp) .profile-viewed-section{height:auto!important;min-height:0!important}
html body:not(#tbp) .profile-viewed-strip{display:flex!important;align-items:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;height:auto!important;min-height:0!important;scrollbar-width:none;padding:12px 16px 2px!important}
html body:not(#tbp) .profile-viewed-card{flex:0 0 128px!important;width:128px!important;height:auto!important;min-height:0!important;max-height:none!important;align-self:flex-start!important;background:transparent!important;border-radius:0!important;overflow:visible!important}
html body:not(#tbp) .profile-viewed-image{width:128px!important;height:auto!important;aspect-ratio:4/5!important;border-radius:18px!important;overflow:hidden!important;background:var(--oz-media)!important}
html body:not(#tbp) .profile-viewed-image img{width:100%!important;height:100%!important;object-fit:cover!important}
html body:not(#tbp) .profile-viewed-copy{display:flex!important;flex-direction:column!important;gap:3px!important;padding:8px 2px 0!important;height:auto!important;min-height:0!important}
html body:not(#tbp) .profile-viewed-copy strong{order:1;margin:0!important;font:700 16px/1.2 var(--oz-font)!important;letter-spacing:-.02em!important;color:var(--oz-ink)!important;white-space:nowrap!important}
html body:not(#tbp) .profile-viewed-copy b{order:2;margin:0!important;min-height:0!important;font:400 14px/1.3 var(--oz-font)!important;color:var(--oz-ink)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important}
html body:not(#tbp) .profile-viewed-copy .profile-viewed-store{display:none!important}
html body:not(#tbp) .profile-viewed-rating{order:3;margin:0!important;font-size:13px!important;gap:4px!important;white-space:nowrap!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .profile-viewed-rating :is(b,small){font-size:13px!important}
html body:not(#tbp) .profile-viewed-rating .ui-icon{width:14px!important;height:14px!important}
/* ---------- cart: actions row uses the full width, buttons fit any phone ---------- */
html body:not(#tbp) .cart-sale-alert{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;column-gap:10px!important}
html body:not(#tbp) .cart-sale-alert>div{min-width:0!important}
html body:not(#tbp) .cart-sale-alert b{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:16px!important;line-height:1.25!important}
html body:not(#tbp) .cart-sale-alert small{display:block!important;white-space:normal!important}
html body:not(#tbp) .cart-sale-alert strong{font-size:14px!important;font-weight:600!important;padding:6px 9px!important;max-width:none!important;overflow:visible!important}
html body:not(#tbp) .cart-screen .cart-line{grid-template-columns:28px 88px minmax(0,1fr)!important;column-gap:10px!important;row-gap:14px!important;padding:16px!important}
html body:not(#tbp) .cart-screen .cart-line>.cart-image{width:88px!important;height:118px!important}
html body:not(#tbp) .cart-screen .cart-line>.cart-actions{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important}
html body:not(#tbp) .cart-actions-left{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:0 1 auto!important}
html body:not(#tbp) .cart-actions-left .cart-tool{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:14px!important}
html body:not(#tbp) .cart-actions-left .cart-tool .ui-icon{width:22px!important;height:22px!important}
html body:not(#tbp) .cart-actions-left .cart-qty-control{width:112px!important;flex:0 0 112px!important;height:44px!important;border-radius:14px!important;display:grid!important;grid-template-columns:36px 1fr 36px!important;align-items:center!important;text-align:center!important;padding:0!important}
html body:not(#tbp) .cart-actions-left .cart-qty-control button{width:36px!important;height:44px!important;display:grid!important;place-items:center!important;padding:0!important}
html body:not(#tbp) .cart-buy-line{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;height:44px!important;padding:0 14px!important;border-radius:14px!important;font:600 15px/1 var(--oz-font)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
@media (max-width:374px){
html body:not(#tbp) .cart-screen .cart-line{padding:14px 12px!important;column-gap:8px!important}
html body:not(#tbp) .cart-actions-left{gap:6px!important}
html body:not(#tbp) .cart-actions-left .cart-tool{width:40px!important;height:40px!important;flex-basis:40px!important}
html body:not(#tbp) .cart-actions-left .cart-qty-control{width:100px!important;flex-basis:100px!important;height:40px!important;grid-template-columns:32px 1fr 32px!important}
html body:not(#tbp) .cart-buy-line{height:40px!important;padding:0 11px!important;font-size:14px!important}
}
html body:not(#tbp) .cart-summary-offer{height:auto!important;min-height:40px!important;padding:8px 12px!important;border-radius:14px!important;gap:8px!important;align-items:center!important;display:flex!important}
html body:not(#tbp) .cart-summary-offer b{flex:1 1 auto!important;min-width:0!important;font-size:14px!important;white-space:normal!important}
html body:not(#tbp) .cart-summary-offer strong{flex:none!important;font-size:14px!important;white-space:nowrap!important}
html body:not(#tbp) .cart-summary-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
html body:not(#tbp) .cart-summary-copy{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;column-gap:8px!important;row-gap:1px!important;min-width:0!important;overflow:hidden!important}
html body:not(#tbp) .cart-summary-premium .cart-summary-copy strong,html body:not(#tbp) .cart-summary-copy strong{font:700 20px/1.15 var(--oz-font)!important;letter-spacing:-.02em!important;white-space:nowrap!important;color:var(--oz-ink)!important}
html body:not(#tbp) .cart-summary-copy del{font-size:13px!important;white-space:nowrap!important;color:var(--oz-ink-3)!important}
html body:not(#tbp) .cart-summary-copy :is(span,em){flex-basis:100%!important;font-size:13px!important;font-style:normal!important;line-height:1.3!important;color:var(--oz-ink-2)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body:not(#tbp) .cart-summary-copy em{color:var(--oz-green)!important}
html body:not(#tbp) .cart-summary-main>.primary-button{width:auto!important;min-width:0!important;max-width:58vw!important;height:54px!important;min-height:54px!important;padding:0 18px!important;font:600 16px/1.1 var(--oz-font)!important;white-space:nowrap!important}
/* ---------- favorites ---------- */
html body:not(#tbp) .favorite-shortcut-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;font-size:0!important}
html body:not(#tbp) .favorite-shortcut-icon .ui-icon{width:24px!important;height:24px!important;color:var(--oz-ink-3)!important}
html body:not(#tbp) .favorites-shortcuts small{min-width:24px!important;height:24px!important;padding:0 7px!important;border-radius:12px!important;background:var(--oz-ctrl-2)!important;color:var(--oz-ink-2)!important;font:500 13px/24px var(--oz-font)!important;text-align:center!important}
html body:not(#tbp) .favorite-product-card{background:var(--oz-sheet)!important;border:0!important;border-radius:var(--oz-r-card)!important;overflow:hidden!important;box-shadow:none!important;min-width:0!important}
html body:not(#tbp) .favorite-product-media{aspect-ratio:3/4!important;height:auto!important;border-radius:0!important;background:var(--oz-media)!important;overflow:hidden!important}
html body:not(#tbp) .favorite-product-media img{object-fit:cover!important;width:100%!important;height:100%!important}
html body:not(#tbp) .favorite-product-card .favorite-button{top:8px!important;right:8px!important;width:38px!important;height:38px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body:not(#tbp) .favorite-product-card .favorite-button .ui-icon{width:30px!important;height:30px!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
html body:not(#tbp) .favorite-product-card .favorite-button:is(.is-active,.active){color:var(--oz-heart)!important}
html body:not(#tbp) .favorite-discount{left:10px!important;bottom:10px!important;top:auto!important;right:auto!important;height:22px!important;padding:0 7px!important;border-radius:7px!important;background:var(--oz-pink)!important;color:#fff!important;font:700 12px/22px var(--oz-font)!important;box-shadow:none!important}
html body:not(#tbp) .favorite-product-copy{padding:10px 12px 14px!important;gap:4px!important;min-width:0!important}
html body:not(#tbp) .favorite-price-line{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;column-gap:6px!important;row-gap:0!important;min-width:0!important}
html body:not(#tbp) .favorite-price-line strong{font:700 18px/1.2 var(--oz-font)!important;letter-spacing:-.02em!important;color:var(--oz-ink)!important;white-space:nowrap!important}
html body:not(#tbp) .favorite-price-line:has(del) strong{color:var(--oz-pink-ink)!important}
html body:not(#tbp) .favorite-price-line del{font-size:13px!important;color:var(--oz-ink-3)!important;white-space:nowrap!important}
html body:not(#tbp) .favorite-product-copy>p{font:400 15px/1.3 var(--oz-font)!important;color:var(--oz-ink)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important}
html body:not(#tbp) .favorite-store-identity{min-width:0!important;max-width:100%!important;overflow:hidden!important}
html body:not(#tbp) .favorite-store-identity small{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--oz-ink-2)!important;font-size:13px!important}
html body:not(#tbp) .favorite-cart-button{width:100%!important;height:44px!important;border-radius:14px!important;background:var(--oz-blue)!important;color:#fff!important;border:0!important;box-shadow:none!important;font:600 15px/1 var(--oz-font)!important;gap:6px!important}
/* premium crown next to store names (image path fixed in main.js) */
html body:not(#tbp) .tb-premium-crown-mobile{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important;margin-left:2px!important;flex:none!important}
html body:not(#tbp) .tb-premium-crown-mobile img{width:16px!important;height:13px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important}
/* ---------- messages list ---------- */
html body:not(#tbp) .tb-verified{display:inline-grid;place-items:center;flex:none;width:17px;height:17px;margin-left:4px;color:#1A8CFF;vertical-align:-3px}
html body:not(#tbp) .tb-verified .ui-icon{width:17px!important;height:17px!important;color:inherit!important}
html.tb-theme-dark-active body:not(#tbp) .tb-verified,html[data-theme="dark"] body:not(#tbp) .tb-verified{color:#2E9BFF}
html body:not(#tbp) .message-thread-copy b{display:flex!important;align-items:center!important;min-width:0!important;gap:0!important}
html body:not(#tbp) .message-thread-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---------- chat screen: fixed to the visible viewport, so the page itself never scrolls
(iOS was blurring the header that scrolled under the status bar) ---------- */
html:has(body.message-thread-route){overflow:hidden!important;overscroll-behavior:none!important}
html body.message-thread-route:not(#tbp){overflow:hidden!important;overscroll-behavior:none!important}
html body.message-thread-route:not(#tbp) .chat-shell{position:fixed!important;left:0!important;right:0!important;top:var(--tb-vv-top,0px)!important;height:var(--tb-vv-h,100dvh)!important;max-height:100dvh;z-index:60!important;margin:0!important;width:auto!important;max-width:none!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;background:var(--oz-sheet)!important;color:var(--oz-ink)!important;box-shadow:none!important}
@media (min-width:768px){html body.message-thread-route:not(#tbp) .chat-shell{left:50%!important;right:auto!important;width:min(760px,100vw)!important;transform:translateX(-50%)!important}}
html body:not(#tbp) .message-chat-head{background:var(--oz-sheet)!important;border-bottom:1px solid var(--oz-line)!important;color:var(--oz-ink)!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;grid-template-columns:40px 46px minmax(0,1fr) 40px!important;gap:10px!important}
html body:not(#tbp) .message-chat-head>button{color:var(--oz-ink-3)!important;background:transparent!important}
html body:not(#tbp) .message-chat-head>button:last-child{background:var(--oz-ctrl)!important}
html body:not(#tbp) .message-chat-head .message-thread-avatar.is-large{width:46px!important;height:46px!important;border-radius:14px!important;box-shadow:none!important;filter:none!important}
html body:not(#tbp) .message-chat-title h1{display:flex!important;align-items:center!important;min-width:0!important;margin:0!important;font:600 17px/1.2 var(--oz-font)!important;letter-spacing:-.01em!important;color:var(--oz-ink)!important;text-shadow:none!important;filter:none!important;white-space:nowrap!important;overflow:visible!important}
html body:not(#tbp) .message-chat-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body:not(#tbp) .message-chat-title small{color:var(--oz-ink-2)!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.message-thread-route:not(#tbp) .message-list{background:var(--oz-sheet)!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;min-height:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 12px 16px!important}
html body:not(#tbp) .message-bubble{max-width:84%!important;border:0!important;border-radius:20px!important;padding:10px 14px 8px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;box-shadow:none!important;align-self:flex-start!important}
html body:not(#tbp) .message-bubble.is-mine{align-self:flex-end!important;background:var(--oz-blue-tint)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .message-bubble p{margin:0!important;font:400 16px/1.38 var(--oz-font)!important;white-space:pre-line!important;overflow-wrap:anywhere;color:inherit!important}
html body:not(#tbp) .message-bubble>small{display:block!important;margin-top:4px!important;text-align:right!important;font-size:12px!important;color:var(--oz-ink-3)!important}
html body:not(#tbp) .message-bot-name{display:block;margin-bottom:2px;font:400 13px/1.2 var(--oz-font);color:var(--oz-ink-2)}
html body:not(#tbp) .message-day{display:flex;justify-content:center;margin:8px 0 2px}
html body:not(#tbp) .message-day span{padding:3px 10px;border-radius:10px;background:var(--oz-ctrl);color:var(--oz-ink-2);font:500 13px/1.3 var(--oz-font)}
html body:not(#tbp) .message-unread-divider{display:flex;align-items:center;gap:10px;margin:6px 4px;color:var(--oz-ink-2);font:400 14px/1.2 var(--oz-font)}
html body:not(#tbp) .message-unread-divider::before,html body:not(#tbp) .message-unread-divider::after{content:"";flex:1;height:1px;background:var(--oz-line)}
/* Orders channel: reference-style information cards with a button to the order */
html body:not(#tbp) .message-order-card{max-width:88%!important;padding:14px 14px 12px!important;border-radius:20px!important;display:grid!important;gap:6px!important}
html body:not(#tbp) .message-order-title{font:600 16px/1.3 var(--oz-font);color:var(--oz-ink)}
html body:not(#tbp) .message-order-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:6px}
html body:not(#tbp) .message-order-button{height:38px;padding:0 16px;border:0;border-radius:12px;background:var(--oz-blue);color:#fff;font:600 15px/1 var(--oz-font);white-space:nowrap;cursor:pointer}
html body:not(#tbp) .message-order-foot small{font-size:12px;color:var(--oz-ink-3);white-space:nowrap}
/* support bot: order picker + quick replies */
html body:not(#tbp) .support-bot-panel{display:grid;gap:10px;margin-top:2px;transition:opacity .15s ease}
html body:not(#tbp) .support-bot-panel:empty{display:none}
html body:not(#tbp) .support-bot-panel.is-busy{opacity:.45;pointer-events:none}
html body:not(#tbp) .support-bot-orders{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:2px 12px;scroll-snap-type:x proximity}
html body:not(#tbp) .support-bot-orders::-webkit-scrollbar{display:none}
html body:not(#tbp) .support-bot-order{flex:0 0 236px;display:grid;gap:6px;scroll-snap-align:start}
html body:not(#tbp) .support-bot-order-card{display:grid;gap:4px;text-align:left;padding:12px 14px;border:1.5px solid var(--oz-blue);border-radius:18px;background:transparent;color:var(--oz-ink);min-height:118px;align-content:start;cursor:pointer}
html.tb-theme-dark-active body:not(#tbp) .support-bot-order-card,html[data-theme="dark"] body:not(#tbp) .support-bot-order-card{border-color:#2E9BFF}
html body:not(#tbp) .support-bot-order-card b{font:500 16px/1.25 var(--oz-font);color:var(--oz-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp) .support-bot-order-card small{font:400 13px/1.3 var(--oz-font);color:var(--oz-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp) .support-bot-order-thumbs{display:flex;gap:6px;margin-top:4px}
html body:not(#tbp) .support-bot-order-thumbs img{width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--oz-ctrl)}
html body:not(#tbp) .support-bot-order-link{justify-self:start;border:0;background:transparent;padding:0 4px;color:var(--oz-blue-tint-ink);font:600 15px/1.3 var(--oz-font);cursor:pointer}
html body:not(#tbp) .support-bot-chips{display:flex;flex-wrap:wrap;gap:8px}
html body:not(#tbp) .support-bot-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;max-width:100%;padding:8px 14px;border:1.5px solid var(--oz-blue);border-radius:20px;background:transparent;color:var(--oz-ink);font:400 15px/1.25 var(--oz-font);text-align:left;cursor:pointer}
html.tb-theme-dark-active body:not(#tbp) .support-bot-chip,html[data-theme="dark"] body:not(#tbp) .support-bot-chip{border-color:#2E9BFF}
html body:not(#tbp) .support-bot-chip.is-link{color:var(--oz-blue-tint-ink);font-weight:500}
html body:not(#tbp) .support-bot-chip .ui-icon{width:18px!important;height:18px!important;color:var(--oz-ink-2)!important;flex:none}
html body:not(#tbp) .support-bot-chip:active,html body:not(#tbp) .support-bot-order-card:active{background:var(--oz-blue-tint)}
/* composer */
html body:not(#tbp) .message-compose{background:var(--oz-sheet)!important;border-top:1px solid var(--oz-line)!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;gap:8px!important;box-shadow:none!important}
html body:not(#tbp) .message-compose input{height:46px!important;border-radius:16px!important;background:var(--oz-ctrl)!important;border:0!important;color:var(--oz-ink)!important;font:400 16px/1 var(--oz-font)!important;padding:0 14px!important;box-shadow:none!important}
html body:not(#tbp) .message-compose input::placeholder{color:var(--oz-ink-3)!important}
html body:not(#tbp) .message-compose button{width:46px!important;height:46px!important;border-radius:16px!important;background:var(--oz-blue)!important;color:#fff!important;border:0!important;box-shadow:none!important}
html body:not(#tbp) .chat-shell.is-read-only .message-list{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}
/* elements the app hides with the [hidden] attribute must stay hidden */
html body:not(#tbp) :is(.cart-summary-offer,.cart-sale-alert,.cart-summary-copy>*,.support-bot-panel,.message-order-foot,.favorite-shortcut-icon,.cart-buy-line,.bottom-nav button,.home-ad-copy,.profile-viewed-copy,.favorite-price-line,.favorite-cart-button,.cart-actions,.cart-actions-left)[hidden]{display:none!important}
html body:not(#tbp) .cart-summary-main>.primary-button:disabled{background:var(--oz-ctrl-2)!important;color:var(--oz-ink-3)!important}
/* dark theme: order status title was dark-on-dark ("Yo‘lda") */
html.tb-theme-dark-active body:not(#tbp) .order-detail-status:not(.is-ready),html[data-theme="dark"] body:not(#tbp) .order-detail-status:not(.is-ready){color:var(--oz-ink)!important}
html.tb-theme-dark-active body:not(#tbp) .order-detail-status.is-ready,html[data-theme="dark"] body:not(#tbp) .order-detail-status.is-ready{color:var(--oz-green)!important}
/* v0.13.295 — customer mobile layout fixes (16 October 2026). */
/* Route sheets use their natural flow, without the legacy negative margins. */
html body:not(#tbp) #app-view:has(> :is(.favorites-screen,.favorite-store-hub-page,.favorite-collections-page,.market-store-page)){padding:0 0 22px!important}
html body:not(#tbp) #app-view > :is(.favorites-screen,.favorite-store-hub-page,.favorite-collections-page,.market-store-page){margin:0!important;width:100%!important;min-width:0!important;background:var(--oz-page)!important;color:var(--oz-ink)!important}
html body:not(#tbp) :is(.order-detail-tbz,.order-reference-detail,.favorites-grid){background:var(--oz-page)!important}
/* Leave enough scrollable content behind both fixed purchase and navigation bars. */
html body:not(#tbp) .product-detail{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))!important}
html body:not(#tbp) .market-store-page{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
/* A skipped 420px intrinsic card must not set the height of a horizontal shelf. */
html body:not(#tbp) .profile-viewed-card{content-visibility:visible!important;contain-intrinsic-size:none!important;contain:none!important}
html body:not(#tbp) .profile-viewed-strip{align-items:stretch!important}
html body:not(#tbp) .profile-viewed-copy>b{min-height:2.6em!important}
html body:not(#tbp) .profile-viewed-rating{margin-top:4px!important}
/* Equal-height rows, with all cart controls anchored at the bottom. */
html body:not(#tbp) :is(.market-store-product-grid,.favorites-grid){align-items:stretch!important}
html body:not(#tbp) :is(.market-store-product-grid>.product-card,.favorites-grid>.favorite-product-card){align-self:stretch!important;display:flex!important;flex-direction:column!important;content-visibility:visible!important;contain-intrinsic-size:none!important}
html body:not(#tbp) :is(.product-card .product-media,.favorite-product-media){flex-shrink:0!important}
html body:not(#tbp) .favorite-product-copy{display:flex!important;flex-direction:column!important;flex:1!important}
html body:not(#tbp) .favorite-product-copy>p{min-height:2.6em!important}
html body:not(#tbp) .favorite-product-copy>.product-card-cart-slot{margin-top:auto!important;padding-top:8px!important}
html body:not(#tbp) .market-store-product-grid .product-copy{min-width:0!important}
/* Favorites search and shortcuts: no clipped input or overlapping controls. */
html body:not(#tbp) .favorites-screen{padding-top:0!important}
html body:not(#tbp) .favorites-top-search-row{padding:12px 12px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important;background:var(--oz-sheet)!important}
html body:not(#tbp) .favorites-top-back{width:36px!important}
html body:not(#tbp) .favorites-local-search{min-width:0!important;height:48px!important;background:var(--oz-ctrl)!important;overflow:hidden!important}
html body:not(#tbp) .favorites-local-search input{width:100%!important;min-width:0!important;font-size:16px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .favorites-shortcuts{margin:10px 12px!important}
html body:not(#tbp) .favorites-shortcuts button{grid-template-columns:26px minmax(0,1fr) auto 16px!important;gap:8px!important;padding:14px 12px!important}
html body:not(#tbp) .favorites-shortcuts b{font-size:16px!important;white-space:normal!important;line-height:1.3!important}
html body:not(#tbp) .favorites-chip-row{padding:8px 12px 12px!important;gap:8px!important;background:var(--oz-sheet)!important}
html body:not(#tbp) .favorite-round-chip{height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:14px!important}
html body:not(#tbp) .favorite-round-chip b{font-size:14px!important}
/* Shops/brands and collection tabs stay readable on narrow phones. */
html body:not(#tbp) .favorite-store-hub-title{height:auto!important;min-height:64px!important;padding:10px 12px!important;grid-template-columns:36px minmax(0,1fr) 36px!important;background:var(--oz-sheet)!important}
html body:not(#tbp) .favorite-store-hub-title h1{font-size:20px!important;line-height:1.25!important;color:var(--oz-ink)!important}
html body:not(#tbp) .favorite-store-hub-tabs{padding:10px 12px!important;background:var(--oz-sheet)!important}
html body:not(#tbp) .favorite-store-hub-tabs button{min-width:0!important;height:auto!important;min-height:48px!important;padding:8px 5px!important;font-size:14px!important;line-height:1.2!important;overflow-wrap:anywhere}
html body:not(#tbp) .favorite-store-hub-head{grid-template-columns:48px minmax(0,1fr) auto 16px!important;gap:8px!important;padding:12px!important}
html body:not(#tbp) .favorite-store-hub-head>.ui-icon{grid-column:4!important}
html body:not(#tbp) .favorite-store-hub-logo{width:48px!important;height:48px!important}
html body:not(#tbp) .favorite-store-hub-name strong{font-size:16px!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.25!important}
html body:not(#tbp) .favorite-store-hub-name small{font-size:12px!important}
html body:not(#tbp) :is(.favorite-store-hub-rating,.favorite-store-hub-orders){padding:0 7px!important;font-size:12px!important}
html body:not(#tbp) .favorite-store-hub-products img{object-fit:contain!important}
html body:not(#tbp) .favorite-collection-tabs{padding:12px!important;gap:8px!important}
html body:not(#tbp) .favorite-collection-tabs button{flex:0 0 auto!important;height:44px!important;padding:0 12px!important;font-size:14px!important}
html body:not(#tbp) .favorite-collection-ideas{flex-wrap:wrap!important;overflow:visible!important}
html body:not(#tbp) .favorite-collection-ideas button{max-width:100%!important;white-space:normal!important;text-align:left!important;font-size:14px!important}
/* Separate category labels from uncropped artwork; use theme-aware surfaces. */
html body:not(#tbp) .search-category-grid{gap:8px!important;padding:12px!important}
html body:not(#tbp) .search-category-grid .category-tile{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:150px!important;padding:10px 8px 6px!important;background:var(--oz-ctrl)!important;border-radius:18px!important}
html body:not(#tbp) .search-category-grid .category-tile strong{position:static!important;flex:0 0 auto!important;padding:0!important;min-height:3.6em!important;max-height:3.6em!important;font-size:12px!important;line-height:1.2!important;-webkit-line-clamp:3!important;color:var(--oz-ink)!important;text-shadow:none!important}
html body:not(#tbp) .search-category-grid .category-tile img{position:static!important;flex:1 1 0!important;min-height:0!important;width:100%!important;height:0!important;margin-top:6px!important;object-fit:contain!important;object-position:center!important;transform:none!important}
html body:not(#tbp) .market-store-filter-bar{background:var(--oz-page)!important}
html body:not(#tbp) .market-store-filter-bar button{background:var(--oz-sheet)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .market-store-filter-bar button.is-active{background:var(--oz-blue)!important;color:#fff!important}
html body:not(#tbp) .store-filter-sheet{max-height:80dvh!important;overflow-y:auto!important;background:var(--oz-sheet)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .store-filter-sheet .favorite-sheet-options button{color:var(--oz-ink)!important;background:var(--oz-sheet)!important}
.store-price-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.store-price-fields label{display:grid;gap:6px;min-width:0}
.store-price-fields input{box-sizing:border-box;width:100%;min-width:0;height:46px;border:1px solid var(--oz-line);border-radius:12px;padding:8px;background:var(--oz-ctrl);color:var(--oz-ink);font-size:16px}
/* active order page: the recommendations strip stretched the whole page to ~1000px, so it slid sideways */
html body:not(#tbp) .order-detail-tbz{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important}
html body:not(#tbp) .order-detail-tbz>*{min-width:0!important;max-width:100%!important}
html body:not(#tbp) .order-reference-recommendations .product-grid{min-width:0!important;max-width:100%!important}
html body:not(#tbp) .order-detail-tbz .order-barcode-card{width:auto!important}
/* ---- tb-cart-compact.css ---- */
/* v0.13.296: compact mobile cart only. Existing cart actions/data are retained. */
@media (max-width:767px) {
html body:not(#tbp) .cart-screen{position:relative!important;padding-bottom:100px!important;gap:0!important}
html body:not(#tbp) .cart-screen .cart-pickup-top{position:static!important;display:block!important;height:52px!important;padding:8px 12px 4px!important}
html body:not(#tbp) .cart-screen .cart-pickup-bar{width:100%!important;min-height:36px!important;height:36px!important}
html body:not(#tbp) .cart-screen .cart-pickup-title strong{font-size:15px!important;line-height:20px!important}
html body:not(#tbp) .cart-screen .cart-pickup-copy em{font-size:10px!important;line-height:13px!important;margin:0!important}
html body:not(#tbp) .cart-screen .cart-top-actions{position:absolute!important;top:56px!important;right:12px!important;height:40px!important;gap:6px!important;z-index:2}
html body:not(#tbp) .cart-screen .cart-top-actions button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;flex-basis:40px!important;border-radius:12px!important;background:var(--oz-ctrl)!important}
html body:not(#tbp) .cart-screen .cart-top-actions .ui-icon{width:19px!important;height:19px!important}
html body:not(#tbp) .cart-screen .cart-head-card{padding:4px 12px 8px!important;margin-bottom:6px!important;border-radius:0 0 22px 22px!important}
html body:not(#tbp) .cart-screen .cart-selection-toolbar{height:40px!important;min-height:40px!important;margin:0!important;padding:0 96px 0 0!important}
html body:not(#tbp) .cart-screen .select-all-row{min-width:0!important;min-height:40px!important;margin:0!important;gap:9px!important;font-size:14px!important;font-weight:400!important;line-height:18px!important}
html body:not(#tbp) .cart-screen .cart-select-all-label{font-size:14px!important;font-weight:400!important}
html body:not(#tbp) .cart-screen :is(.cart-check-ui,.cart-select>span){width:22px!important;height:22px!important;min-width:22px!important;border-radius:6px!important;flex-shrink:0!important}
html body:not(#tbp) .cart-screen .cart-sale-alert{padding:8px 0 0!important;gap:7px!important;min-height:0!important;margin:0!important}
html body:not(#tbp) .cart-screen .cart-sale-flame{font-size:20px!important;width:22px!important}
html body:not(#tbp) .cart-screen .cart-sale-alert b{font-size:13px!important;line-height:17px!important;font-weight:400!important}
html body:not(#tbp) .cart-screen .cart-sale-alert small{font-size:10px!important;line-height:14px!important;margin-top:2px!important}
html body:not(#tbp) .cart-screen .cart-sale-alert strong{font-size:11px!important;padding:4px 6px!important;border-radius:8px!important}
html body:not(#tbp) .cart-screen .cart-products-panel{padding:14px 0 4px!important;border-radius:22px!important}
html body:not(#tbp) .cart-screen .cart-products-head{padding:0 12px 4px!important;margin:0!important}
html body:not(#tbp) .cart-screen .cart-products-head h2{font-size:19px!important;line-height:24px!important;margin:0!important}
html body:not(#tbp) .cart-screen .cart-line{grid-template-columns:88px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:10px 12px!important;padding:12px!important;align-items:start!important}
html body:not(#tbp) .cart-screen .cart-line>.cart-select{position:absolute!important;left:10px!important;top:10px!important;z-index:3!important;width:28px!important;height:28px!important;grid-column:auto!important;grid-row:auto!important}
html body:not(#tbp) .cart-screen .cart-line>.cart-image{grid-column:1!important;grid-row:1!important;width:88px!important;height:118px!important;border-radius:12px!important}
html body:not(#tbp) .cart-screen .cart-line>.cart-copy{grid-column:2!important;grid-row:1!important;padding:0!important;min-width:0!important}
html body:not(#tbp) .cart-screen .cart-price-row{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:2px 6px!important;margin:0 0 4px!important}
html body:not(#tbp) .cart-screen .cart-price-row strong{font-size:16px!important;line-height:20px!important;white-space:nowrap!important}
html body:not(#tbp) .cart-screen .cart-price-row del{font-size:11px!important;line-height:15px!important;white-space:nowrap!important}
html body:not(#tbp) .cart-screen .cart-item-sale-badge{display:inline-flex!important;height:20px!important;min-height:0!important;padding:0 5px!important;gap:3px!important;border-radius:6px!important;margin:0 0 5px!important;font-size:10px!important}
html body:not(#tbp) .cart-screen .cart-item-sale-badge :is(b,em){font-size:10px!important}
html body:not(#tbp) .cart-screen .cart-copy h3{font-size:14px!important;line-height:18px!important;font-weight:400!important;margin:0 0 4px!important;-webkit-line-clamp:3!important}
html body:not(#tbp) .cart-screen .cart-variant{display:block!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
html body:not(#tbp) .cart-screen .cart-store{display:none!important}
html body:not(#tbp) .cart-screen .cart-stock:not(.is-out){display:none!important}
html body:not(#tbp) .cart-screen .cart-stock.is-out{font-size:11px!important;line-height:15px!important;margin-top:4px!important;color:var(--oz-pink-ink)!important}
html body:not(#tbp) .cart-screen .cart-actions{grid-row:2!important;grid-column:1/-1!important;gap:8px!important;margin:0!important;padding:0!important}
html body:not(#tbp) .cart-screen .cart-actions-left{gap:6px!important}
html body:not(#tbp) .cart-screen .cart-actions-left .cart-tool{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:11px!important}
html body:not(#tbp) .cart-screen .cart-actions-left .cart-tool .ui-icon{width:20px!important;height:20px!important}
html body:not(#tbp) .cart-screen .cart-actions-left .cart-qty-control{width:96px!important;flex-basis:96px!important;height:40px!important;grid-template-columns:32px 1fr 32px!important;border-radius:11px!important;font-size:14px!important}
html body:not(#tbp) .cart-screen .cart-actions-left .cart-qty-control button{width:32px!important;height:40px!important}
html body:not(#tbp) .cart-screen .cart-buy-line{height:40px!important;padding:0 11px!important;font-size:13px!important;border-radius:11px!important}
/* Savings are already shown in the header; don't repeat three summary rows. */
html body:not(#tbp) .cart-screen + .cart-summary{min-height:0!important;padding:10px 12px!important;gap:0!important;border-radius:20px 20px 0 0!important}
html body:not(#tbp) .cart-screen + .cart-summary :is(.cart-summary-offer,[data-cart-selected-count],[data-cart-selected-saving]){display:none!important}
html body:not(#tbp) .cart-screen + .cart-summary .cart-summary-main{gap:10px!important;grid-template-columns:minmax(0,1fr) auto!important}
html body:not(#tbp) .cart-screen + .cart-summary .cart-summary-copy{gap:2px 6px!important}
html body:not(#tbp) .cart-screen + .cart-summary .cart-summary-copy strong{font-size:17px!important;line-height:21px!important}
html body:not(#tbp) .cart-screen + .cart-summary .cart-summary-copy del{font-size:11px!important;line-height:15px!important}
html body:not(#tbp) .cart-screen + .cart-summary .cart-summary-main>.primary-button{height:46px!important;min-height:46px!important;padding:0 14px!important;font-size:14px!important;border-radius:14px!important}
}
/* ---- tb-checkout-premium.css ---- */
/* v0.13.297 — checkout disclosures and compact mobile checkout. */
.checkout-page .checkout-sheet-backdrop{display:none}
.checkout-page .checkout-disclosure>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}
.checkout-page .checkout-disclosure>summary::-webkit-details-marker{display:none}
.checkout-page .checkout-disclosure>summary>span:nth-child(2){flex:1;min-width:0}
.checkout-page .checkout-disclosure>summary :is(b,small){display:block}
.checkout-page .checkout-sheet-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.checkout-page .checkout-sheet-close,.checkout-page .checkout-page-close{border:0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:var(--oz-ctrl);color:var(--oz-ink-2);flex:none}
.checkout-page .checkout-title-card{position:relative;padding-right:48px}
.checkout-page .checkout-page-close{position:absolute;right:12px;top:12px}
.checkout-page .checkout-sheet-total{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(max-width:767px){
html:has(.checkout-disclosure[open]){overflow:hidden!important}
html body:not(#tbp):has(.checkout-page) .app-header,html body:not(#tbp):has(.checkout-page) .bottom-nav{display:none!important}
html body:not(#tbp):has(.checkout-page) .app-shell{padding-bottom:0!important}
html body:not(#tbp) #app-view:has(>.checkout-page){padding:0!important}
html body:not(#tbp) .checkout-page{margin:0!important;padding:0 0 calc(116px + env(safe-area-inset-bottom,0px))!important;display:flex!important;flex-direction:column!important;gap:6px!important;background:var(--oz-page)!important;min-width:0!important}
html body:not(#tbp) .checkout-page :is(.checkout-title-card,.checkout-card){margin:0!important;border:0!important;border-radius:22px!important;box-shadow:none!important;background:var(--oz-sheet)!important;color:var(--oz-ink)!important;padding:16px!important;min-width:0!important}
html body:not(#tbp) .checkout-page .checkout-title-card{position:sticky!important;top:0!important;z-index:25!important;border-radius:0 0 20px 20px!important;padding:calc(14px + env(safe-area-inset-top,0px)) 48px 14px 16px!important}
html body:not(#tbp) .checkout-page .checkout-title-card h1{font-size:17px!important;line-height:22px!important;text-align:center!important;margin:0!important}
html body:not(#tbp) .checkout-page .checkout-title-card p{display:none!important}
html body:not(#tbp) .checkout-page .checkout-page-close{top:calc(9px + env(safe-area-inset-top,0px))!important}
html body:not(#tbp) .checkout-page h2{font-size:19px!important;line-height:24px!important;margin:0 0 12px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page h3{font-size:17px!important;line-height:22px!important;margin:0!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .delivery-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important}
html body:not(#tbp) .checkout-page .delivery-switch label{min-width:0!important;min-height:46px!important;padding:10px 8px!important;border-radius:13px!important;border:1px solid var(--oz-line)!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;box-shadow:none!important;gap:7px!important;align-items:center!important}
html body:not(#tbp) .checkout-page .delivery-switch label.is-active{border:2px solid var(--oz-blue)!important;background:var(--oz-blue-tint)!important}
html body:not(#tbp) .checkout-page .delivery-switch b{font-size:13px!important;font-weight:500!important;line-height:17px!important}
html body:not(#tbp) .checkout-page .delivery-switch small{display:none!important}
html body:not(#tbp) .checkout-page .delivery-switch .ui-icon{width:19px!important;height:19px!important;flex:none!important}
html body:not(#tbp) .checkout-page .checkout-disclosure>summary{min-height:56px!important;padding:10px!important;background:var(--oz-ctrl)!important;border-radius:13px!important;color:var(--oz-ink)!important;font-size:14px!important}
html body:not(#tbp) .checkout-page .checkout-disclosure>summary b{font-size:14px!important;font-weight:500!important;line-height:19px!important}
html body:not(#tbp) .checkout-page .checkout-disclosure>summary small{font-size:11px!important;line-height:16px!important;color:var(--oz-ink-2)!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
html body:not(#tbp) .checkout-page .checkout-row-icon{width:24px!important;flex:none!important;color:var(--oz-ink-3)!important;text-align:center!important}
html body:not(#tbp) .checkout-page .checkout-disclosure>summary>.ui-icon{width:16px!important;height:16px!important;flex:none!important;color:var(--oz-ink-3)!important}
html body:not(#tbp) .checkout-page .checkout-recipient-disclosure{margin-top:3px!important}
html body:not(#tbp) .checkout-page .checkout-payment-carousel{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:8px 2px 10px!important;scrollbar-width:none!important;scroll-snap-type:x proximity}
html body:not(#tbp) .checkout-page .checkout-payment-tile{flex:0 0 112px!important;width:112px!important;min-width:112px!important;min-height:78px!important;height:84px!important;border-radius:15px!important;padding:9px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;border:2px solid transparent!important;box-shadow:none!important;scroll-snap-align:start;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:2px!important}
html body:not(#tbp) .checkout-page .checkout-payment-tile.is-active{border-color:var(--oz-blue)!important;outline:2px solid var(--oz-sheet)!important;box-shadow:0 0 0 3px var(--oz-blue)!important}
html body:not(#tbp) .checkout-page .checkout-payment-tile.tb-bank{background:#005bff!important;color:#fff!important}
html body:not(#tbp) .checkout-page .checkout-payment-tile.saved-card{background:#6052d8!important;color:#fff!important}
html body:not(#tbp) .checkout-page .checkout-payment-tile>b{font-size:12px!important;line-height:16px!important;color:inherit!important;margin:0!important}
html body:not(#tbp) .checkout-page .checkout-payment-tile>small{font-size:9px!important;line-height:12px!important;color:inherit!important;margin:0!important;opacity:.85}
html body:not(#tbp) .checkout-page .checkout-payment-tile :is(.tb-bank-mark,.checkout-payment-network){width:auto!important;height:24px!important;min-height:0!important;background:transparent!important;border-radius:0!important;padding:0!important;color:inherit!important;font-size:10px!important;line-height:10px!important}
html body:not(#tbp) .checkout-page .checkout-payment-network img{max-width:48px!important;height:22px!important;object-fit:contain!important}
html body:not(#tbp) .checkout-page .checkout-payment-tile>em{font-size:10px!important;top:-8px!important;right:8px!important;padding:3px 6px!important;border-radius:7px!important;background:#10be70!important;color:#fff!important}
html body:not(#tbp) .checkout-page .checkout-payment-tile>i{width:19px!important;height:19px!important;right:7px!important;top:7px!important}
html body:not(#tbp) .checkout-page .checkout-payment-tile>i .ui-icon{width:14px!important;height:14px!important}
html body:not(#tbp) .checkout-page .checkout-payment-tile.new-card>span{width:25px!important;height:25px!important;background:transparent!important;color:var(--oz-blue-ico)!important;padding:0!important}
html body:not(#tbp) .checkout-page .checkout-pay-after{margin:8px 0 0!important;padding:12px!important;min-height:56px!important;border:0!important;border-radius:14px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;gap:8px!important}
html body:not(#tbp) .checkout-page .checkout-pay-after-copy b{font-size:14px!important;line-height:18px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .checkout-pay-after-copy small{font-size:10px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .checkout-page .checkout-bonus-disclosure{margin-top:12px!important}
html body:not(#tbp) .checkout-page .checkout-items article{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:10px 0!important;border-color:var(--oz-line)!important}
html body:not(#tbp) .checkout-page .checkout-items img{width:40px!important;height:50px!important;border-radius:8px!important;object-fit:cover!important}
html body:not(#tbp) .checkout-page .checkout-items article>div{min-width:0!important}
html body:not(#tbp) .checkout-page .checkout-items b{font-size:12px!important;line-height:16px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .checkout-items :is(span,small){font-size:10px!important;line-height:14px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .checkout-page .checkout-items strong{font-size:12px!important;white-space:nowrap!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .checkout-summary{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:none!important;transform:none!important;background:var(--oz-sheet)!important;color:var(--oz-ink)!important;border:0!important;box-shadow:0 -1px 0 var(--oz-line)!important;border-radius:20px 20px 0 0!important;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;z-index:40!important}
html body:not(#tbp) .checkout-page .checkout-total-disclosure>summary{min-height:28px!important;background:transparent!important;padding:0!important;font-size:15px!important;font-weight:600!important}
html body:not(#tbp) .checkout-page .checkout-summary>div{margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
html body:not(#tbp) .checkout-page .checkout-summary>div>small{display:none!important}
html body:not(#tbp) .checkout-page [data-checkout-total]{font-size:19px!important;line-height:24px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .checkout-summary>.primary-button{grid-column:1/-1!important;min-height:46px!important;height:46px!important;border-radius:14px!important;background:var(--oz-blue)!important;color:#fff!important;font-size:15px!important;-webkit-text-fill-color:#fff!important}
html body:not(#tbp) .checkout-page .checkout-disclosure[open]>.checkout-sheet-backdrop{display:block!important;position:fixed!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:rgba(0,0,0,.4)!important;z-index:110!important}
html body:not(#tbp) .checkout-page .checkout-sheet-panel{position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:85dvh!important;overflow:auto!important;overscroll-behavior:contain;background:var(--oz-sheet)!important;color:var(--oz-ink)!important;border-radius:24px 24px 0 0!important;padding:18px 16px calc(20px + env(safe-area-inset-bottom,0px))!important;z-index:111!important;box-shadow:none!important}
html body:not(#tbp) .checkout-page .checkout-sheet-panel>header{margin-bottom:16px!important}
html body:not(#tbp) .checkout-page .checkout-sheet-panel .summary-lines{display:block!important}
html body:not(#tbp) .checkout-page .checkout-sheet-panel .summary-lines p{display:flex!important;justify-content:space-between!important;gap:16px!important;margin:14px 0!important;font-size:14px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .checkout-page .checkout-sheet-panel .summary-lines p[hidden]{display:none!important}
html body:not(#tbp) .checkout-page .checkout-sheet-total{padding-top:14px!important;border-top:1px solid var(--oz-line)!important;font-size:17px!important}
html body:not(#tbp) .checkout-page .bonus-use{background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;padding:12px!important;border-radius:14px!important;margin:0!important}
html body:not(#tbp) .checkout-page .bonus-use>div:first-child{display:grid!important;gap:4px!important}
html body:not(#tbp) .checkout-page .bonus-use :is(b,small){color:var(--oz-ink)!important;font-size:12px!important}
html body:not(#tbp) .checkout-page .bonus-use>div:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
html body:not(#tbp) .checkout-page :is(.bonus-use input,.recipient-grid input){min-width:0!important;height:44px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;border:1px solid var(--oz-line)!important;border-radius:12px!important;font-size:16px!important}
html body:not(#tbp) .checkout-page .bonus-use button{padding:0 12px!important;font-size:14px!important;background:var(--oz-blue)!important;color:#fff!important}
html body:not(#tbp) .checkout-page .recipient-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important}
html body:not(#tbp) .checkout-page .recipient-grid label{font-size:12px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .checkout-page .checkout-sheet-done{width:100%!important;height:46px!important;margin-top:16px!important;background:var(--oz-blue)!important;color:#fff!important;border-radius:14px!important}
html body:not(#tbp) .checkout-page .checkout-option{min-height:72px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important;border:1px solid var(--oz-line)!important;padding:10px!important;border-radius:14px!important;grid-template-columns:28px minmax(0,1fr) 18px!important}
html body:not(#tbp) .checkout-page .checkout-option.is-active{border-color:var(--oz-blue)!important;background:var(--oz-blue-tint)!important}
html body:not(#tbp) .checkout-page .checkout-option .option-icon{width:28px!important;height:28px!important;background:transparent!important}
html body:not(#tbp) .checkout-page .checkout-option b{font-size:14px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .checkout-option :is(small,em){font-size:11px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .checkout-page .checkout-courier-map-card{background:var(--oz-ctrl)!important;border:0!important;border-radius:16px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .checkout-courier-map-viewport{height:220px!important}
html body:not(#tbp) .checkout-page .checkout-courier-map-meta{padding:10px!important;background:var(--oz-ctrl)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .checkout-courier-map-meta b{font-size:13px!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .checkout-courier-map-meta small{font-size:11px!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .checkout-page .checkout-courier-address-fallback input{background:var(--oz-sheet)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .checkout-page .checkout-pickup-map{width:100%!important;height:210px!important;border:0!important;border-radius:16px!important;background:var(--oz-ctrl)!important}
html body:not(#tbp) .checkout-page .checkout-map-link{display:block!important;padding:8px 0 12px!important;font-size:12px!important;color:var(--oz-blue-ico)!important}
}
/* v0.13.366 — delivery date lines and the courier time-window picker */
.checkout-eta-line{display:inline-flex;align-items:center;gap:4px;margin-top:5px;color:#0b8f5c;font-size:10px;font-weight:800;font-style:normal;line-height:1.3}
.checkout-eta-line:empty{display:none}
.checkout-eta-line .ui-icon{width:12px;height:12px}
.checkout-slots{margin-top:12px;padding-top:12px;border-top:1px dashed #e0e8f1}
.checkout-slots h3{margin:0 0 8px}
.checkout-slot-days{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}
.checkout-slot-days::-webkit-scrollbar{display:none}
.checkout-slot-day{flex:0 0 auto;min-height:40px;padding:0 12px;border:1px solid #dce5ef;border-radius:12px;background:#fff;color:#1b2a41;font:inherit;font-size:12px;font-weight:800;white-space:nowrap}
.checkout-slot-day.is-active{border-color:#1768f5;background:#eef4ff;color:#1768f5;box-shadow:0 0 0 2px rgba(23,104,245,.08)}
.checkout-slot-day.is-full{opacity:.5}
.checkout-slot-windows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.checkout-slot-window{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:8px 4px;border:1px solid #dce5ef;border-radius:13px;background:#f8fafc}
.checkout-slot-window>input{position:absolute;opacity:0;pointer-events:none}
.checkout-slot-window span{font-size:12px;font-weight:800;color:#1b2a41}
.checkout-slot-window small{min-height:12px;color:#718299;font-size:9px;font-weight:700}
.checkout-slot-window.is-active{border-color:#1768f5;background:#eef4ff}
.checkout-slot-window.is-active span{color:#1768f5}
.checkout-slot-window.is-disabled{opacity:.45}
.checkout-slot-hint{margin:8px 0 0;color:#718299;font-size:10px}
.order-promise-state{font-style:normal;font-weight:800}
.order-promise-state.is-red{color:#d13c3c}.order-promise-state.is-green{color:#0b8f5c}.order-promise-state.is-orange{color:#c7711a}
html.tb-theme-dark-active .checkout-slot-day,html.tb-theme-dark-active .checkout-slot-window{background:#1c2633;border-color:#2b3746;color:#e6edf6}
html.tb-theme-dark-active .checkout-slot-window span,html.tb-theme-dark-active .checkout-slot-day{color:#e6edf6}
html.tb-theme-dark-active .checkout-slot-day.is-active,html.tb-theme-dark-active .checkout-slot-window.is-active{background:#20324a;border-color:#4b8cff;color:#9cc2ff}
html.tb-theme-dark-active .checkout-slot-window.is-active span{color:#9cc2ff}
/* v0.13.367 — promo code box on the checkout + promo rows */
.checkout-promo{margin-top:12px;padding:12px 14px;border:1px solid var(--oz-line,#E4EAF2);border-radius:16px;background:var(--oz-surface,#fff)}
.checkout-promo-head{display:flex;align-items:center;gap:10px}
.checkout-promo-head .checkout-row-icon{flex:0 0 auto}
.checkout-promo-head b{display:block;font-size:14px;color:var(--oz-ink,#152238)}
.checkout-promo-head small{display:block;margin-top:2px;font-size:12px;color:var(--oz-muted,#6B7A90)}
.checkout-promo-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}
.checkout-promo-control input{height:44px;border:1px solid var(--oz-line,#D7DFEA);border-radius:12px;padding:0 12px;background:var(--oz-surface,#fff);color:var(--oz-ink,#152238);font:inherit;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.checkout-promo-control input:focus{outline:none;border-color:#1769E0;box-shadow:0 0 0 3px rgba(23,105,224,.14)}
.checkout-promo-control button{height:44px;padding:0 14px;border:0;border-radius:12px;background:#1769ff;color:#fff;font:inherit;font-weight:800}
.checkout-promo-control button.is-remove{background:var(--oz-chip,#EEF2F7);color:var(--oz-ink,#152238)}
.checkout-promo.is-applied .checkout-promo-control input{border-color:#0B9278;color:#0B9278}
.checkout-promo-msg{display:block;margin-top:7px;font-size:12px;font-weight:700;color:var(--oz-muted,#6B7A90)}
.checkout-promo-msg.is-ok{color:#0B9278}.checkout-promo-msg.is-error{color:#D13C3C}
.summary-lines .promo-row b{color:#0B9278}
.summary-lines .promo-row em,.order-promo-code{font-style:normal;font-size:11px;padding:1px 6px;border-radius:6px;background:#E2F8F2;color:#0B9278;font-weight:800;letter-spacing:.04em}
.product-campaign{display:flex;align-items:center;gap:8px;margin:8px 0 2px;padding:8px 12px;border-radius:12px;background:#FFF1E6;color:#B24A00;font-size:13px;font-weight:800}
.product-campaign small{font-weight:700;color:#C7711A}
.product-campaign-badge{display:inline-block;padding:2px 7px;border-radius:7px;background:#FFF1E6;color:#B24A00;font-size:10px;font-weight:800;letter-spacing:.02em}
/* v0.13.368 — instalment (BNPL) tile, plan chips, order card, product line */
.checkout-payment-tile.bnpl{gap:2px}
.checkout-payment-tile.bnpl .checkout-bnpl-mark{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#EEF4FF;color:#1769E0;margin-bottom:auto;flex:0 0 auto}
.checkout-payment-tile.bnpl .checkout-bnpl-mark svg,.checkout-payment-tile.bnpl .checkout-bnpl-mark img{width:14px;height:14px}
.checkout-payment-tile.bnpl.is-disabled{opacity:.55}
.checkout-bnpl-plans{margin-top:10px;padding:12px 14px;border:1px solid var(--oz-line,#E4EAF2);border-radius:16px;background:var(--oz-surface,#fff);display:grid;gap:8px}
.checkout-bnpl-plans[hidden]{display:none}
.checkout-bnpl-plans>b{font-size:14px;color:var(--oz-ink,#152238)}
.checkout-bnpl-plans>small{font-size:11px;line-height:1.4;color:var(--oz-muted,#6B7A90)}
.checkout-bnpl-chips{display:flex;flex-wrap:wrap;gap:8px}
.checkout-bnpl-chips button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:96px;padding:8px 11px;border:1px solid var(--oz-line,#D7DFEA);border-radius:12px;background:var(--oz-surface,#fff);color:var(--oz-ink,#152238);font:inherit;text-align:left}
.checkout-bnpl-chips button b{font-size:13px}
.checkout-bnpl-chips button small{font-size:11px;color:var(--oz-muted,#6B7A90)}
.checkout-bnpl-chips button.is-active{border-color:#1769E0;box-shadow:0 0 0 1px #1769E0;background:#F2F7FF}
.order-bnpl-card{margin:10px 0;padding:14px;border:1px solid var(--oz-line,#E4EAF2);border-radius:18px;background:var(--oz-surface,#fff);display:grid;gap:10px}
.order-bnpl-head{display:flex;align-items:center;gap:10px}
.order-bnpl-head>span{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;background:#EEF4FF;color:#1769E0}
.order-bnpl-head>span svg,.order-bnpl-head>span img{width:20px;height:20px}
.order-bnpl-head>div{flex:1;min-width:0;display:grid;gap:2px}
.order-bnpl-head b{font-size:14px;color:var(--oz-ink,#152238)}
.order-bnpl-head small{font-size:12px;color:var(--oz-muted,#6B7A90)}
.order-bnpl-head em{font-style:normal;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:#FFF3DF;color:#9A5A00;white-space:nowrap}
.order-bnpl-card.is-green .order-bnpl-head em{background:#E2F8F2;color:#0B7A60}
.order-bnpl-card.is-red .order-bnpl-head em{background:#FDECEC;color:#B42318}
.order-bnpl-card.is-gray .order-bnpl-head em{background:#F1F3F6;color:#5B6676}
.order-bnpl-card>p{margin:0;font-size:13px;line-height:1.5;color:var(--oz-muted,#4F5E73)}
.order-bnpl-actions{display:flex;flex-wrap:wrap;gap:8px}
.order-bnpl-actions a,.order-bnpl-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--oz-line,#D7DFEA);background:var(--oz-surface,#fff);color:var(--oz-ink,#152238);font:inherit;font-size:13px;font-weight:800;text-decoration:none}
.order-bnpl-actions .is-primary{background:#1769E0;border-color:#1769E0;color:#fff}
.product-bnpl{display:flex;align-items:center;gap:10px;margin:8px 0 2px;padding:9px 12px;border-radius:12px;background:#EEF4FF;color:#173B7A;font-size:13px}
.product-bnpl svg,.product-bnpl img{width:18px;height:18px;flex:0 0 18px}
.product-bnpl span{display:grid;gap:2px;min-width:0}
.product-bnpl b{font-weight:800}
.product-bnpl small{font-size:11px;color:#4A5F86}
html.tb-theme-dark-active .checkout-bnpl-chips button.is-active{background:#20324a;border-color:#4b8cff}
html.tb-theme-dark-active .product-bnpl{background:#1c2a40;color:#c9dbff}
html.tb-theme-dark-active .product-bnpl small{color:#9fb6dd}
/* ---- tb-orders-premium.css ---- */
/* Compact customer orders, purchase history and contextual help. */
html body:not(#tbp) .purchases-page .purchase-products-grid{gap:8px!important;padding:0 10px 16px!important;margin:0!important;width:auto!important;align-items:stretch!important;background:var(--oz-page)!important}
html body:not(#tbp) .purchase-product-card{border-radius:18px!important;overflow:hidden!important;background:var(--oz-sheet)!important;border:0!important;display:flex!important;flex-direction:column!important;min-width:0!important}
html body:not(#tbp) .purchase-product-media,html body:not(#tbp) .purchase-product-link{border-radius:18px 18px 0 0!important;overflow:hidden!important}
html body:not(#tbp) .purchase-product-copy{padding:10px!important;display:flex!important;flex-direction:column!important;flex:1!important;gap:5px!important;min-width:0!important}
html body:not(#tbp) .purchase-product-copy>p{font-size:13px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important}
html body:not(#tbp) .purchase-product-copy .product-card-cart-slot{margin-top:auto!important;padding-top:6px!important}
html body:not(#tbp) .purchase-price-line{flex-wrap:wrap!important;gap:4px!important}
html body:not(#tbp) .purchase-price-line strong{font-size:16px!important}
html body:not(#tbp) .purchase-price-line del{font-size:10px!important}
html body:not(#tbp) :is(.order-info-row,.order-info-money,.order-info-receipts){background:var(--oz-sheet)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .order-info-money :is(p,span,b){color:var(--oz-ink)!important;-webkit-text-fill-color:currentColor!important}
html body:not(#tbp) .order-info-money p{display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:14px!important}
html body:not(#tbp) .order-info-money .total{border-top:1px solid var(--oz-line)!important;padding-top:12px!important;font-weight:750!important}
html body:not(#tbp) button.order-active-payment-card{width:calc(100% - 20px)!important;text-align:left!important;border:0!important;cursor:pointer!important;font-family:inherit!important;color:var(--oz-ink)!important}
html body:not(#tbp) .order-context-sheet{position:fixed;z-index:120;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);max-height:88dvh;overflow:auto;overscroll-behavior:contain;border-radius:24px 24px 0 0;background:var(--oz-sheet);color:var(--oz-ink);padding:0 16px max(20px,env(safe-area-inset-bottom));box-sizing:border-box}
html body:not(#tbp) .order-context-sheet>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--oz-sheet);padding:16px 0 12px}
html body:not(#tbp) .order-context-sheet h2{font-size:19px;margin:0;color:var(--oz-ink)}
html body:not(#tbp) .order-context-sheet header button{width:36px;height:36px;border:0;border-radius:50%;background:var(--oz-ctrl);color:var(--oz-ink);font-size:25px}
html body:not(#tbp) .order-context-sheet p{font-size:14px;line-height:1.5;color:var(--oz-ink-2)}
html body:not(#tbp) .order-context-sheet .checkout-pickup-map{width:100%;height:220px;border:0;border-radius:16px}
html body:not(#tbp) .order-context-sheet :is(a,.order-context-link){display:block;background:var(--oz-ctrl);color:var(--oz-blue);padding:12px;border-radius:12px;border:0;font-size:14px;text-decoration:none;text-align:center;margin:10px 0;cursor:pointer;width:100%;box-sizing:border-box}
html body:not(#tbp) .order-faq-group h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:var(--oz-ctrl);padding:10px;border-radius:8px;color:var(--oz-ink-2)}
html body:not(#tbp) .order-faq-group details{border-bottom:1px solid var(--oz-line)}
html body:not(#tbp) .order-faq-group summary{padding:14px 26px 14px 0;cursor:pointer;font-size:14px;position:relative;list-style:none;line-height:1.4}
html body:not(#tbp) .order-faq-group summary::-webkit-details-marker{display:none}
html body:not(#tbp) .order-faq-group summary:after{content:'\2304';position:absolute;right:4px;color:var(--oz-ink-2)}
html body:not(#tbp) .order-faq-group details[open] summary:after{content:'\2303'}
html body:not(#tbp) .order-faq-group details p{margin:0 0 14px}
html body:not(#tbp) .order-timeline{list-style:none;padding:0 0 0 9px;margin:16px 0}
html body:not(#tbp) .order-timeline li{position:relative;border-left:2px solid var(--oz-blue);padding:0 0 25px 23px;font-size:14px}
html body:not(#tbp) .order-timeline li:before{content:'';position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--oz-blue)}
html body:not(#tbp) .order-timeline li:last-child{border-color:transparent;padding-bottom:4px}
html body:not(#tbp) .order-timeline small{display:block;margin-top:5px;color:var(--oz-ink-2)}
@media(max-width:767px){
html body:not(#tbp) :is(.orders-page,.order-detail-tbz,.order-reference-detail){background:var(--oz-page)!important;gap:8px!important;padding-bottom:18px!important}
html body:not(#tbp) .orders-tabs{margin:8px 10px!important;padding:3px!important;border-radius:16px!important}
html body:not(#tbp) .orders-tabs button{min-height:42px!important;font-size:14px!important;padding:10px!important}
html body:not(#tbp) .orders-feed{gap:10px!important;padding:0 10px!important}
html body:not(#tbp) .tbz-order-card{border-radius:20px!important;overflow:hidden!important;background:var(--oz-sheet)!important;border:0!important}
html body:not(#tbp) .tbz-order-card-main{padding:14px!important;background:var(--oz-sheet)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .order-customer-id-card{margin:10px 12px 0!important;padding:10px 12px!important;min-height:0!important;border-radius:14px!important;background:var(--oz-ctrl)!important;border:0!important}
html body:not(#tbp) .order-customer-id-card strong{font-size:20px!important;letter-spacing:3px!important}
html body:not(#tbp) .tbz-order-status{gap:4px!important;margin-bottom:12px!important}
html body:not(#tbp) .tbz-order-status strong{font-size:20px!important;line-height:1.2!important}
html body:not(#tbp) .tbz-order-status small{font-size:13px!important}
html body:not(#tbp) .tbz-order-status span{font-size:12px!important}
html body:not(#tbp) .tbz-order-product{grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;margin:10px 0!important}
html body:not(#tbp) .tbz-order-product-image{width:76px!important;height:100px!important;border-radius:13px!important;overflow:hidden!important}
html body:not(#tbp) .tbz-order-product b{font-size:13px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
html body:not(#tbp) .tbz-order-product strong{font-size:17px!important;margin-top:6px!important}
html body:not(#tbp) .tbz-order-product small{font-size:11px!important}
html body:not(#tbp) .tbz-order-payment{padding:10px!important;margin-top:10px!important;border-radius:12px!important;background:var(--oz-ctrl)!important;font-size:12px!important;gap:8px!important}
html body:not(#tbp) .tbz-order-payment b{font-size:15px!important}
html body:not(#tbp) .tbz-order-progress{border:0!important;border-top:1px solid var(--oz-line)!important;padding:10px 14px!important;background:var(--oz-sheet)!important;color:var(--oz-ink)!important;min-height:44px!important}
html body:not(#tbp) .tbz-order-progress strong{font-size:13px!important}
html body:not(#tbp) .tbz-order-progress small{display:none!important}
html body:not(#tbp) .order-list-barcode{margin:10px 12px!important;padding:10px!important;border-radius:14px!important;background:#fff!important;color:#001a34!important}
html body:not(#tbp) .order-list-barcode svg{height:65px!important}
html body:not(#tbp) .order-reference-head{padding:calc(12px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 12px 12px!important;min-height:58px!important;border-radius:0 0 18px 18px!important}
html body:not(#tbp) .order-reference-head h1{font-size:18px!important}
html body:not(#tbp) .order-reference-head small{font-size:11px!important}
html body:not(#tbp) .order-reference-actions{padding:6px!important;margin:8px 10px!important;gap:6px!important;border-radius:18px!important}
html body:not(#tbp) .order-reference-actions button{padding:10px 6px!important;min-height:66px!important;border-radius:14px!important;gap:4px!important}
html body:not(#tbp) .order-reference-actions button b{font-size:11px!important;line-height:1.25!important}
html body:not(#tbp) .order-reference-actions button>span{font-size:20px!important;height:24px!important}
html body:not(#tbp) .order-active-payment-card{margin:8px 10px!important;padding:12px!important;border-radius:18px!important;gap:10px!important}
html body:not(#tbp) .order-active-payment-card>span{width:36px!important;height:36px!important;border-radius:10px!important}
html body:not(#tbp) .order-active-payment-card b{font-size:14px!important}
html body:not(#tbp) .order-active-payment-card small{font-size:11px!important}
html body:not(#tbp) .order-reference-status-card{margin:8px 10px!important;padding:14px!important;border-radius:20px!important;background:var(--oz-sheet)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .order-detail-status{font-size:22px!important;margin:0 0 8px!important;line-height:1.25!important}
html body:not(#tbp) .order-track-button{background:none!important;color:inherit!important;border:0!important;padding:0!important;font:inherit!important;text-align:left!important;cursor:pointer!important}
html body:not(#tbp) .order-active-status-card>p{font-size:13px!important;margin:6px 0!important}
html body:not(#tbp) .order-active-point-name{font-size:15px!important}
html body:not(#tbp) .order-active-hours{font-size:11px!important}
html body:not(#tbp) .order-active-products{gap:12px!important;margin-top:14px!important}
html body:not(#tbp) .order-active-product{grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important}
html body:not(#tbp) .order-active-product>span{width:62px!important;height:80px!important;border-radius:12px!important;overflow:hidden!important}
html body:not(#tbp) .order-active-product b{font-size:12px!important;line-height:1.35!important}
html body:not(#tbp) .order-active-product strong{font-size:15px!important}
html body:not(#tbp) .order-active-product small{font-size:10px!important}
html body:not(#tbp) :is(.order-active-point-button,.order-active-pickup-button){padding:11px!important;font-size:13px!important;border-radius:12px!important}
html body:not(#tbp) .order-reference-more{margin:8px 10px!important;padding:12px!important;border-radius:18px!important;min-height:52px!important}
html body:not(#tbp) .order-reference-more b{font-size:14px!important}
html body:not(#tbp) .order-reference-more>span{width:32px!important;height:32px!important}
html body:not(#tbp) .order-reference-recommendations h2{font-size:17px!important;margin:16px 12px 10px!important}
html body:not(#tbp) .order-reference-recommendations .product-grid{gap:8px!important;padding:0 10px!important}
html body:not(#tbp) .order-reference-recommendations .product-card{border-radius:18px!important;overflow:hidden!important}
html body:not(#tbp) .order-info-sheet{background:var(--oz-page)!important}
html body:not(#tbp) .order-info-sheet>header{background:var(--oz-sheet)!important;color:var(--oz-ink)!important;min-height:56px!important;padding:10px!important}
html body:not(#tbp) .order-info-sheet>header h2{font-size:17px!important}
html body:not(#tbp) .order-info-body{padding:10px!important;gap:8px!important}
html body:not(#tbp) .order-info-row{padding:14px!important;gap:12px!important;border-radius:16px!important}
html body:not(#tbp) .order-info-row>span{width:34px!important;height:34px!important;font-size:19px!important;border-radius:10px!important}
html body:not(#tbp) .order-info-row b{font-size:14px!important}
html body:not(#tbp) .order-info-row p{font-size:12px!important;color:var(--oz-ink-2)!important;margin:5px 0!important}
html body:not(#tbp) .order-info-row button{font-size:12px!important;padding:8px 12px!important;border-radius:10px!important}
html body:not(#tbp) .order-info-money{padding:14px!important;border-radius:16px!important}
html body:not(#tbp) .order-info-receipts{padding:14px!important;border-radius:16px!important;font-size:14px!important}
}
/* v312: item-level received/declined/returned outcomes and payment history */
.order-outcomes-list{display:grid;gap:0;margin:16px 0}
.order-outcomes-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--border,#e6eaf0);text-align:left}
.order-outcomes-item>button{padding:0;border:0;background:transparent;align-self:start;width:56px}
.order-outcomes-item img{width:56px;height:72px;object-fit:contain;border-radius:8px}
.order-outcomes-item>div{min-width:0}.order-outcomes-item small{display:block;font-size:12px;line-height:1.5;color:var(--muted,#71829b);margin-top:4px}
.order-outcome-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.order-outcome-tags>span{font-size:11px;line-height:1.4;padding:5px 7px;border-radius:7px;background:#edf2f8;color:#48627e}
.order-outcome-tags .received_quantity{background:#e5f6ec;color:#147143}
.order-outcome-tags .refused_quantity,.order-outcome-tags .returned_quantity{background:#fff0e8;color:#a34520}
.order-payment-outcomes{margin:12px 0;padding:16px;border-radius:18px;background:var(--card,#fff)}
.order-payment-outcomes p{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;margin:10px 0}
.order-payment-outcomes p b{white-space:nowrap}.order-payment-outcomes>button{width:100%;border:0;border-radius:10px;padding:13px;background:#edf5ff;color:#0560ff;font-weight:600}
html.tb-theme-dark-active body:not(#tbp) .order-payment-outcomes,html[data-theme="dark"] body:not(#tbp) .order-payment-outcomes{background:var(--oz-sheet,#1D2024)!important;color:var(--oz-ink,#F5F7FA)!important;border:1px solid var(--oz-line,#2B2E32)!important;box-shadow:0 8px 22px rgba(0,0,0,.18)}
html.tb-theme-dark-active body:not(#tbp) .order-payment-outcomes p,html[data-theme="dark"] body:not(#tbp) .order-payment-outcomes p{color:var(--oz-ink-2,#A4A6A7)!important}
html.tb-theme-dark-active body:not(#tbp) .order-payment-outcomes p b,html[data-theme="dark"] body:not(#tbp) .order-payment-outcomes p b{color:var(--oz-ink,#F5F7FA)!important}
html.tb-theme-dark-active body:not(#tbp) .order-payment-outcomes>button,html[data-theme="dark"] body:not(#tbp) .order-payment-outcomes>button{background:var(--oz-blue-tint,#0E2A4A)!important;color:var(--oz-blue-tint-ink,#2E9BFF)!important;border:1px solid rgba(46,155,255,.16)}
html.tb-theme-dark-active body:not(#tbp) :is(.order-info-row,.order-info-money,.order-info-receipts),html[data-theme="dark"] body:not(#tbp) :is(.order-info-row,.order-info-money,.order-info-receipts){background:#171e28!important;color:#edf3fa!important;border-color:#293544!important}
html.tb-theme-dark-active body:not(#tbp) .order-info-money :is(p,span,b),html[data-theme="dark"] body:not(#tbp) .order-info-money :is(p,span,b){color:#edf3fa!important;-webkit-text-fill-color:#edf3fa!important}
html.tb-theme-dark-active body:not(#tbp) .order-info-receipts :is(button,a),html[data-theme="dark"] body:not(#tbp) .order-info-receipts :is(button,a){background:#202936!important;color:#80baff!important;border-color:#344152!important}
.return-item-quantities{display:grid;gap:10px;margin:12px 0}
.return-item-quantities label{display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:12px}
.return-item-quantities small{display:block;font-size:11px;color:var(--muted,#71829b);line-height:1.5}
.return-item-quantities input{width:64px;min-width:0;height:44px;box-sizing:border-box;padding:8px;border:1px solid var(--border,#cbd7e5);border-radius:10px;background:var(--card,#fff);color:inherit}
/* ---- tb-customer-flow.css ---- */
/* Consistent opaque headers in both themes; no faded text over scrolling content. */
html body:not(#tbp) :is(.app-header,.purchases-appbar,.message-chat-head,.order-reference-head){background:var(--oz-sheet,#fff)!important;color:var(--oz-ink,#172237)!important;opacity:1;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body:not(#tbp) :is(.purchases-appbar,.message-chat-head,.order-reference-head) :is(h1,h2,b){color:var(--oz-ink,#172237)!important;opacity:1}
html body:not(#tbp) .purchases-appbar-search{color:var(--oz-ink,#172237)!important}
html body:not(#tbp) .purchases-appbar-search input::placeholder{color:var(--oz-ink,#172237)!important;opacity:.8}
.service-rating-sheet{padding:24px!important;z-index:2!important}
.service-rating-sheet>button:first-child{float:right;background:transparent;border:0;color:inherit;font-size:28px}
.service-rating-stars{display:flex;gap:10px;padding:20px 0}
.service-rating-stars button{flex:1;min-height:48px;background:transparent;border:0;font-size:36px;color:#a0a9b5}
.service-rating-stars button.is-selected{color:#ffb800}
.service-rating-sheet .primary-button{width:100%;min-height:44px}
.receipt-history-tabs{display:flex;gap:8px;padding:12px 0}
.receipt-history-tabs button{padding:12px;border:0;border-radius:24px;background:var(--oz-sheet,#fff);color:var(--oz-ink,#172237)}
.receipt-history-tabs button[aria-selected=true]{background:#005bff;color:#fff}
.receipt-history-month{margin:20px 0 8px;color:var(--oz-ink,#172237)}
.message-order-foot{flex-wrap:wrap;gap:8px}
/* Customer profile shortcuts only: compact, equal columns at every width. */
html body:not(#tbp) .profile-page-tbz .profile-overview-head{padding:8px 12px 10px!important}
html body:not(#tbp) .profile-page-tbz .profile-overview-user{grid-template-columns:48px minmax(0,1fr) 20px!important;gap:10px!important;min-height:52px!important}
html body:not(#tbp) .profile-page-tbz .profile-overview-avatar{width:48px!important;height:48px!important;border-radius:14px!important}
html body:not(#tbp) .profile-page-tbz .profile-overview-copy strong{font-size:18px!important;line-height:1.2!important}
html body:not(#tbp) .profile-page-tbz .profile-overview-copy small,
html body:not(#tbp) .profile-page-tbz .profile-overview-social-summary b{font-size:11px!important;line-height:1.25!important}
html body:not(#tbp) .profile-page-tbz .profile-overview-social-summary{gap:4px;flex-wrap:wrap}
html body:not(#tbp) .profile-page-tbz .profile-overview-quick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:0 10px 10px!important;margin:0 0 6px!important}
html body:not(#tbp) .profile-page-tbz .profile-overview-quick>button{display:grid!important;grid-template-rows:18px 32px 16px!important;align-content:start!important;gap:3px!important;min-height:0!important;height:auto!important;padding:9px!important;border-radius:16px!important}
html body:not(#tbp) .profile-page-tbz .profile-overview-quick>button>span{display:flex!important;align-items:center!important}
html body:not(#tbp) .profile-page-tbz .profile-overview-quick .ui-icon,
html body:not(#tbp) .profile-page-tbz .profile-overview-quick .rating-managed-star{width:18px!important;height:18px!important}
html body:not(#tbp) .profile-page-tbz .profile-overview-quick b{font-size:13px!important;line-height:16px!important;overflow-wrap:normal!important;align-self:center}
html body:not(#tbp) .profile-page-tbz .profile-overview-quick small{font-size:11px!important;line-height:16px!important}
/* Keep the search input on its rounded parent surface, including dark mode. */
html body:not(#tbp) .favorites-local-search input{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;appearance:none;-webkit-appearance:none}
html body:not(#tbp) .favorites-local-search:focus-within{outline:2px solid var(--oz-blue,#005bff);outline-offset:-2px}
/* Inset the scroll viewport itself, so cards never touch the sheet corners. */
html body:not(#tbp) .profile-page-tbz .profile-product-section{min-width:0;max-width:100%;overflow:hidden}
html body:not(#tbp) .profile-page-tbz .profile-product-section .profile-viewed-strip{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;min-width:0!important;margin:0 16px!important;padding:12px 0 2px!important;box-sizing:border-box;overscroll-behavior-x:contain;scroll-padding-inline:0;scroll-snap-type:x proximity}
html body:not(#tbp) .profile-page-tbz .profile-product-section .profile-viewed-strip{gap:8px!important}
html body:not(#tbp) .profile-page-tbz .profile-product-section .profile-viewed-card{flex:0 0 calc((100% - 8px)/2)!important;width:calc((100% - 8px)/2)!important;min-width:0!important;scroll-snap-align:start}
html body:not(#tbp) .profile-page-tbz .profile-product-section .profile-viewed-image{width:100%!important}
html body:not(#tbp) .profile-page-tbz .profile-product-section .profile-block-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0!important;padding:0 16px!important;min-width:0}
html body:not(#tbp) .profile-page-tbz .profile-product-section .profile-block-title h2{padding:0!important;margin:0!important;min-width:0;flex:1 1 170px;overflow-wrap:break-word}
html body:not(#tbp) .profile-page-tbz .profile-product-section .profile-block-title button{flex:0 0 auto;max-width:100%;margin-left:auto;white-space:nowrap}
/* v313: full-bleed views have no parent top padding to cancel. In particular,
the tablet's old -16px margin was pulling the avatar underneath the header. */
html body:not(#tbp) #app-view > :is(.home-market-page,.product-detail,.cart-screen,.favorites-empty-reference,.favorites-page,.profile-page-tbz,.search-page,.guest-profile-page){margin-top:0!important}
html body:not(#tbp) .app-header:empty{display:none!important}
html body:not(#tbp) #app-view:has(>.customer-review-compose-page){padding:0!important}
html body:not(#tbp) .customer-review-compose-page{min-height:0;padding-bottom:16px}
html body:not(#tbp) .customer-review-compose-submit{position:sticky;left:auto;right:auto;bottom:calc(72px + var(--tb-safe-bottom,0px));width:100%;transform:none;margin-top:8px;padding:10px 0;z-index:10}
html body:not(#tbp) .offline-customer-page{background:var(--oz-page,#f4f6fa)!important;color:var(--oz-ink,#172237)}
html body:not(#tbp) .offline-connection-card{background:var(--oz-sheet,#fff);color:var(--oz-ink,#172237);border-radius:20px}
html body:not(#tbp) .offline-connection-card h2{color:var(--oz-ink,#172237)!important}
html body:not(#tbp) .offline-connection-card :is(p,small){color:var(--oz-muted,#68788d)!important}
/* Pickup staff scan each physical unit, with clear decisions and a fixed scan field. */
.pickup-unit-mobile{margin:12px 0;padding:12px;border:1px solid #dce6f2;border-radius:16px;background:#f6f9fd;display:grid;gap:10px;color:#172237}
.pickup-unit-mobile> b{font-size:12px;line-height:1.4}
.pickup-unit-order-progress{font-size:10px;color:#68788d}
.pickup-unit-mobile fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.pickup-unit-mobile fieldset label{min-width:0;position:relative}
.pickup-unit-mobile fieldset input{position:absolute;opacity:0;pointer-events:none}
.pickup-unit-mobile fieldset span{min-height:38px;padding:5px;border:1px solid #d7e1ed;border-radius:10px;background:#fff;display:grid;place-items:center;text-align:center;font-size:10px;font-weight:800}
.pickup-unit-mobile fieldset input:checked+span{border-color:#1768f5;background:#eaf3ff;color:#125bd5}
.pickup-unit-mobile-scan{display:grid;grid-template-columns:minmax(0,1fr) 42px auto;gap:6px}
.pickup-unit-mobile-scan input{min-width:0;height:42px;border:1px solid #d7e1ed;border-radius:11px;padding:0 10px;background:#fff;color:#172237;font:12px monospace}
.pickup-unit-mobile-scan button,.pickup-unit-mobile>[data-action=pickup-unit-prepare],.pickup-unit-mobile>[data-action=pickup-resolve-package]{min-height:42px;border:0;border-radius:11px;padding:0 11px;background:#1768f5;color:#fff;font-size:11px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:5px}
.pickup-unit-mobile-scan button:first-of-type{padding:0;background:#eaf3ff;color:#1768f5}
.pickup-unit-mobile-scan .ui-icon{width:18px;height:18px}
.pickup-unit-mobile [data-unit-feedback]{min-height:14px;color:#087e62;font-size:10px}
.pickup-unit-mobile [data-unit-feedback].is-error{color:#d93650}
.pickup-unit-mobile-list{display:grid;gap:5px;max-height:240px;overflow:auto}
.pickup-unit-mobile-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;background:#fff;border:1px solid #e4eaf1}
.pickup-unit-mobile-list span{min-width:0;display:grid;gap:3px}.pickup-unit-mobile-list b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pickup-unit-mobile-list small{font:9px monospace;color:#738198;overflow-wrap:anywhere}
.pickup-unit-mobile-list em{padding:5px 7px;border-radius:999px;background:#edf1f6;color:#68788d;font-size:9px;font-style:normal;font-weight:850;white-space:nowrap}
.pickup-unit-mobile-list [data-unit-state=inspection]{background:#fff5dc;color:#946200}.pickup-unit-mobile-list [data-unit-state=accepted]{background:#dcf8e9;color:#078352}.pickup-unit-mobile-list [data-unit-state=rejected]{background:#fff0f0;color:#c9364d}
html.tb-theme-dark-active .pickup-unit-mobile{background:#171f2b;color:#edf3fa;border-color:#303d4d}
html.tb-theme-dark-active .pickup-unit-order-progress{color:#aab8c8}
html.tb-theme-dark-active .pickup-unit-mobile fieldset span,html.tb-theme-dark-active .pickup-unit-mobile-scan input,html.tb-theme-dark-active .pickup-unit-mobile-list>div{background:#202a37;color:#edf3fa;border-color:#354456}
/* ---- tb-fresh-app.css ---- */
/* TB Fresh mode inside the TB Market app (v0.13.315). Scoped to body.tb-fresh-mode and the home entry card. */
:root{--tbfa-pink:#EC316E;--tbfa-pink-600:#D61F5C;--tbfa-pink-700:#B9154C;--tbfa-pink-50:#FFF2F6;--tbfa-pink-100:#FFE2EC;--tbfa-ink:#181922;--tbfa-text:#2A2C37;--tbfa-muted:#7B7F8E;--tbfa-soft:#A3A7B5;--tbfa-line:#ECEEF3;--tbfa-bg:#F6F7FA;--tbfa-card:#FFFFFF;--tbfa-green:#2AAE6C;--tbfa-blue:#3478F6;--tbfa-amber:#FFB21E}
html.tb-theme-dark-active,html[data-theme="dark"]{--tbfa-pink-50:#3A1624;--tbfa-pink-100:#4A1C2E;--tbfa-ink:#F3F4F8;--tbfa-text:#E1E3EA;--tbfa-muted:#9EA3B3;--tbfa-soft:#7D8292;--tbfa-line:#262833;--tbfa-bg:#0F1015;--tbfa-card:#181A21}
/* Marketplace home: entry card (opens Fresh like TB Bank) */
html body:not(#tbp) .tbfa-entry{display:flex!important;align-items:center;gap:12px;width:calc(100% - 24px);margin:10px 12px 4px;padding:10px 12px 10px 10px;border:0!important;border-radius:18px!important;background:linear-gradient(110deg,#FFF0F5 0%,#FFE0EB 60%,#FFD1E2 100%)!important;color:var(--tbfa-ink)!important;text-align:left;box-shadow:0 6px 18px rgba(236,49,110,.14)!important;cursor:pointer}
html.tb-theme-dark-active body:not(#tbp) .tbfa-entry,html[data-theme="dark"] body:not(#tbp) .tbfa-entry{background:linear-gradient(110deg,#2B1520 0%,#3A1828 100%)!important;color:#fff!important;box-shadow:none!important}
html body:not(#tbp) .tbfa-entry-logo img{width:46px;height:46px;border-radius:14px;display:block;box-shadow:0 6px 14px rgba(236,49,110,.28)}
html body:not(#tbp) .tbfa-entry-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html body:not(#tbp) .tbfa-entry-copy b{font:800 18px/1.1 Inter,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--tbfa-pink)!important;letter-spacing:-.02em}
html body:not(#tbp) .tbfa-entry-copy b em,html body:not(#tbp) .tbfa-brand b em,.tbfa-splash b em{font-style:normal}
html body:not(#tbp) .tbfa-entry-copy small{font-size:12px;color:var(--tbfa-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp) .tbfa-entry-go{width:36px;height:36px;border-radius:50%;background:var(--tbfa-pink);color:#fff;display:grid;place-items:center;flex:0 0 auto}
html body:not(#tbp) .tbfa-entry-go .tbfa-ic{width:18px;height:18px}
.tbfa-ic{width:22px;height:22px;flex:0 0 auto;display:inline-block;vertical-align:middle}
/* Opening splash (like the TB Bank hand-over) */
.tbfa-splash{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#FF5C93 0%,#EC316E 55%,#C9195A 100%);opacity:0;transition:opacity .22s ease}
.tbfa-splash.is-in{opacity:1}
.tbfa-splash.is-out{opacity:0;transition:opacity .35s ease}
.tbfa-splash-mark{display:flex;flex-direction:column;align-items:center;gap:12px;transform:scale(.86);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.tbfa-splash.is-in .tbfa-splash-mark{transform:scale(1)}
.tbfa-splash img{width:96px;height:96px;border-radius:28px;box-shadow:0 18px 40px rgba(80,0,30,.35)}
.tbfa-splash b{color:#fff;font:800 28px/1 Inter,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.02em}
@media (prefers-reduced-motion:reduce){.tbfa-splash,.tbfa-splash-mark{transition:none}}
/* Fresh mode chrome */
html body.tb-fresh-mode:not(#tbp) .app-shell,html body.tb-fresh-mode:not(#tbp) .app-view{background:var(--tbfa-bg)!important;color:var(--tbfa-text)!important}
html body.tb-fresh-mode:not(#tbp) .app-view{padding:0 0 18px!important}
html body.tb-fresh-mode:not(#tbp) .app-header{background:var(--tbfa-card)!important;box-shadow:0 1px 0 var(--tbfa-line)!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-appbar{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 12px}
html body.tb-fresh-mode:not(#tbp) .tbfa-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
html body.tb-fresh-mode:not(#tbp) .tbfa-brand img{width:40px;height:40px;border-radius:12px;box-shadow:0 6px 14px rgba(236,49,110,.25)}
html body.tb-fresh-mode:not(#tbp) .tbfa-brand b{font:800 22px/1 Inter,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--tbfa-pink)!important;letter-spacing:-.02em}
html body.tb-fresh-mode:not(#tbp) .tbfa-x{width:40px;height:40px;border-radius:50%!important;border:0!important;background:var(--tbfa-pink-50)!important;color:var(--tbfa-pink)!important;display:grid!important;place-items:center;padding:0!important;flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp) .tbfa-x .tbfa-ic{width:20px;height:20px;stroke-width:2.2}
html body.tb-fresh-mode:not(#tbp) .tbfa-appbar-title{flex:1;text-align:center;font:800 18px/1.2 Inter,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--tbfa-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.tb-fresh-mode:not(#tbp) .tbfa-appbar-btn{position:relative;width:40px;height:40px;border-radius:12px!important;border:0!important;background:transparent!important;color:var(--tbfa-ink)!important;display:grid!important;place-items:center;padding:0!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-appbar-btn i,html body.tb-fresh-mode:not(#tbp) .tbfa-nav-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--tbfa-pink);color:#fff;font:700 10px/18px Inter,Arial,sans-serif;font-style:normal;text-align:center;border:2px solid var(--tbfa-card)}
html body.tb-fresh-mode:not(#tbp) .bottom-nav.is-fresh-nav{background:var(--tbfa-card)!important;border-top:1px solid var(--tbfa-line)!important}
html body.tb-fresh-mode:not(#tbp) .bottom-nav.is-fresh-nav button{color:var(--tbfa-muted)!important}
html body.tb-fresh-mode:not(#tbp) .bottom-nav.is-fresh-nav button.is-active,html body.tb-fresh-mode:not(#tbp) .bottom-nav.is-fresh-nav button.is-active .nav-icon{color:var(--tbfa-pink)!important}
html body.tb-fresh-mode:not(#tbp) .bottom-nav.is-fresh-nav .nav-icon{position:relative}
html body.tb-fresh-mode:not(#tbp) .bottom-nav.is-fresh-nav .tbfa-ic{width:24px;height:24px}
html body.tb-fresh-mode:not(#tbp) .bottom-nav.is-fresh-nav .tbfa-nav-badge{top:-5px;right:-10px}
html body.tb-fresh-mode:not(#tbp) [hidden]{display:none!important}
/* Page building blocks */
html body.tb-fresh-mode:not(#tbp) .tbfa-page{display:flex;flex-direction:column;gap:12px;padding:12px 12px 8px;font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html body.tb-fresh-mode:not(#tbp) .tbfa-page h1,html body.tb-fresh-mode:not(#tbp) .tbfa-page h2,html body.tb-fresh-mode:not(#tbp) .tbfa-page h3{margin:0;color:var(--tbfa-ink);letter-spacing:-.01em}
html body.tb-fresh-mode:not(#tbp) .tbfa-page button{font-family:inherit}
html body.tb-fresh-mode:not(#tbp) .tbfa-top{display:flex;flex-direction:column;gap:8px}
html body.tb-fresh-mode:not(#tbp) .tbfa-address{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-address>.tbfa-ic{color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-address small{display:block;font-size:11px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-address b{display:block;font-size:14px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-search{display:flex;align-items:center;height:46px;border-radius:14px;border:1.5px solid var(--tbfa-line);background:var(--tbfa-card);overflow:hidden}
html body.tb-fresh-mode:not(#tbp) .tbfa-search:focus-within{border-color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-search input{flex:1;min-width:0;height:100%;border:0!important;outline:0;background:transparent!important;padding:0 14px!important;font:500 14px Inter,Arial,sans-serif;color:var(--tbfa-ink)!important;box-shadow:none!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-search button{width:46px;height:100%;border:0!important;background:transparent!important;color:var(--tbfa-pink)!important;display:grid!important;place-items:center;padding:0!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-rail{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-rail::-webkit-scrollbar{display:none}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero{position:relative;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;min-height:186px;padding:18px 14px 18px 16px;border-radius:22px;background:linear-gradient(118deg,#FFF7FA 0%,#FFE9F0 50%,#FFD5E4 100%);overflow:hidden;border:0;text-align:left}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp) .tbfa-hero,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp) .tbfa-hero{background:linear-gradient(118deg,#25141C 0%,#3A1828 100%)}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-copy h1{font-size:22px;line-height:1.12;font-weight:800}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-copy h1 em{display:block;font-style:normal;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-copy p{margin:6px 0 12px;font-size:12.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-art{position:relative;display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-art span{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9) 0,rgba(255,255,255,0) 70%)}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-art img{position:relative;width:130px;max-width:100%;height:auto;filter:drop-shadow(0 14px 18px rgba(185,21,76,.22))}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-ad{display:block;padding:0;min-height:186px;cursor:pointer}
html body.tb-fresh-mode:not(#tbp) .tbfa-hero-ad img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body.tb-fresh-mode:not(#tbp) .tbfa-ad-label{position:absolute;left:10px;bottom:10px;padding:2px 7px;border-radius:7px;background:rgba(255,255,255,.85);color:#6b7080;font-size:10px;font-weight:700}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px!important;border:0!important;border-radius:14px!important;background:var(--tbfa-pink)!important;color:#fff!important;font:700 14px Inter,Arial,sans-serif;box-shadow:0 8px 18px rgba(236,49,110,.26)!important;white-space:nowrap}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn:disabled{opacity:.45}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn-hero{height:38px;padding:0 6px 0 14px!important;font-size:12.5px;border-radius:12px!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn-hero span,html body.tb-fresh-mode:not(#tbp) .tbfa-btn-checkout i{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--tbfa-pink);display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn-hero .tbfa-ic,html body.tb-fresh-mode:not(#tbp) .tbfa-btn-checkout i .tbfa-ic{width:16px;height:16px}
html body.tb-fresh-mode:not(#tbp) .tbfa-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body.tb-fresh-mode:not(#tbp) .tbfa-features span{display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center;padding:8px;border-radius:14px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-features .tbfa-ic{grid-row:span 2;width:20px;height:20px;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-features b{font-size:11px;line-height:1.2;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-features small{font-size:10px;line-height:1.2;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-promo{display:flex!important;align-items:center;gap:12px;width:100%;padding:12px!important;border-radius:18px!important;border:1px solid #FFD5E3!important;background:linear-gradient(100deg,#FFF0F5,#FFE1EB)!important;text-align:left;color:var(--tbfa-ink)!important}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp) .tbfa-promo,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp) .tbfa-promo{background:#2B1520!important;border-color:#4A1C2E!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-promo>span{width:42px;height:42px;border-radius:13px;background:var(--tbfa-pink);color:#fff;display:grid;place-items:center;transform:rotate(-10deg);flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp) .tbfa-promo div{flex:1;min-width:0}
html body.tb-fresh-mode:not(#tbp) .tbfa-promo b{display:block;font-size:14px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-promo small{display:block;font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-promo>.tbfa-ic{color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-shelf{display:flex;flex-direction:column;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfa-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfa-head div{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}
html body.tb-fresh-mode:not(#tbp) .tbfa-head h2{font-size:17px;font-weight:800}
html body.tb-fresh-mode:not(#tbp) .tbfa-head small{display:inline-flex;align-items:center;gap:3px;color:var(--tbfa-pink);font-size:11.5px;font-weight:600}
html body.tb-fresh-mode:not(#tbp) .tbfa-head small .tbfa-ic{width:13px;height:13px}
html body.tb-fresh-mode:not(#tbp) .tbfa-head button{display:inline-flex!important;align-items:center;gap:2px;border:0!important;background:transparent!important;color:var(--tbfa-pink)!important;font-size:12.5px;font-weight:600;padding:4px 0!important;white-space:nowrap}
html body.tb-fresh-mode:not(#tbp) .tbfa-head button .tbfa-ic{width:15px;height:15px}
html body.tb-fresh-mode:not(#tbp) .tbfa-rail{display:grid;grid-auto-flow:column;grid-auto-columns:138px;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -12px;padding:2px 12px;scroll-padding:0 12px;scrollbar-width:none}
html body.tb-fresh-mode:not(#tbp) .tbfa-rail::-webkit-scrollbar{display:none}
html body.tb-fresh-mode:not(#tbp) .tbfa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
/* Product card */
html body.tb-fresh-mode:not(#tbp) .tbfa-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:6px 6px 8px;border-radius:16px;background:var(--tbfa-card);border:1px solid var(--tbfa-line);scroll-snap-align:start}
html body.tb-fresh-mode:not(#tbp) .tbfa-card-media{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;background:#fff;overflow:hidden;cursor:pointer}
html body.tb-fresh-mode:not(#tbp) .tbfa-card-media img{width:100%;height:100%;object-fit:contain;display:block}
html body.tb-fresh-mode:not(#tbp) .tbfa-ph{width:100%;height:100%;display:grid;place-items:center;color:#FFC9DB;background:var(--tbfa-pink-50)}
html body.tb-fresh-mode:not(#tbp) .tbfa-ph .tbfa-ic{width:42%;height:42%}
html body.tb-fresh-mode:not(#tbp) .tbfa-discount{position:absolute;left:5px;top:5px;padding:4px 6px;border-radius:7px;background:var(--tbfa-pink);color:#fff;font:800 11px/1 Inter,Arial,sans-serif}
html body.tb-fresh-mode:not(#tbp) .tbfa-cold{position:absolute;left:5px;bottom:5px;width:24px;height:24px;border-radius:8px;background:rgba(52,120,246,.12);color:var(--tbfa-blue);display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-cold .tbfa-ic{width:15px;height:15px}
html body.tb-fresh-mode:not(#tbp) .tbfa-fav{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%!important;border:0!important;padding:0!important;background:rgba(255,255,255,.94)!important;box-shadow:0 2px 8px rgba(16,24,40,.1)!important;color:#A3A7B5!important;display:grid!important;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-fav .tbfa-ic{width:17px;height:17px}
html body.tb-fresh-mode:not(#tbp) :is(.tbfa-fav,.tbfa-product-bar button).is-active{color:var(--tbfa-pink)!important}
html body.tb-fresh-mode:not(#tbp) :is(.tbfa-fav,.tbfa-product-bar button).is-active .tbfa-ic{fill:currentColor}
html body.tb-fresh-mode:not(#tbp) .tbfa-card-body{display:block;padding:7px 2px 4px;min-height:52px;cursor:pointer}
html body.tb-fresh-mode:not(#tbp) .tbfa-card-body b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.28;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-card-body small{display:block;margin-top:2px;font-size:11.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;margin-top:auto;padding:0 2px;min-height:34px}
html body.tb-fresh-mode:not(#tbp) .tbfa-price{min-width:0}
html body.tb-fresh-mode:not(#tbp) .tbfa-price strong{display:block;font-size:13.5px;font-weight:800;color:var(--tbfa-ink);white-space:nowrap}
html body.tb-fresh-mode:not(#tbp) .tbfa-price s{display:block;font-size:11px;color:var(--tbfa-soft)}
html body.tb-fresh-mode:not(#tbp) .tbfa-qty{flex:0 0 auto;display:inline-flex}
html body.tb-fresh-mode:not(#tbp) .tbfa-qty.is-busy{opacity:.55;pointer-events:none}
html body.tb-fresh-mode:not(#tbp) .tbfa-add{width:32px;height:32px;border-radius:50%!important;border:0!important;padding:0!important;background:var(--tbfa-pink)!important;color:#fff!important;display:grid!important;place-items:center;box-shadow:0 6px 14px rgba(236,49,110,.3)!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-add .tbfa-ic{width:17px;height:17px;stroke-width:2.4}
html body.tb-fresh-mode:not(#tbp) .tbfa-stepper{display:inline-flex;align-items:center;gap:1px;padding:2px;border-radius:999px;background:var(--tbfa-pink-50)}
html body.tb-fresh-mode:not(#tbp) .tbfa-stepper button{width:28px;height:28px;border-radius:50%!important;border:0!important;padding:0!important;background:transparent!important;color:var(--tbfa-pink)!important;display:grid!important;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-stepper button:disabled{opacity:.35}
html body.tb-fresh-mode:not(#tbp) .tbfa-stepper .tbfa-ic{width:15px;height:15px;stroke-width:2.4}
html body.tb-fresh-mode:not(#tbp) .tbfa-stepper b{min-width:16px;text-align:center;font-size:13px;font-weight:800;color:var(--tbfa-pink-700)}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp) .tbfa-stepper b,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp) .tbfa-stepper b{color:#FF8FB5}
html body.tb-fresh-mode:not(#tbp) .tbfa-soldout{display:inline-block;padding:4px 8px;border-radius:8px;background:var(--tbfa-line);color:var(--tbfa-muted);font-size:11px;font-weight:700}
/* Category tiles / list / stores */
html body.tb-fresh-mode:not(#tbp) .tbfa-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html body.tb-fresh-mode:not(#tbp) .tbfa-tile{position:relative;height:92px;padding:8px!important;border:0!important;border-radius:14px!important;overflow:hidden;text-align:left;display:block!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-tile b{position:relative;z-index:1;display:block;font-size:11px;line-height:1.2;font-weight:700;color:#1d1f29;max-width:100%}
html body.tb-fresh-mode:not(#tbp) .tbfa-tile img{position:absolute;right:4px;bottom:4px;width:62%;height:60%;object-fit:contain}
html body.tb-fresh-mode:not(#tbp) .tbfa-tile span{position:absolute;right:-6px;bottom:-8px;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;transform:rotate(-8deg)}
html body.tb-fresh-mode:not(#tbp) .tbfa-tile span .tbfa-ic{width:30px;height:30px;stroke-width:1.6}
html body.tb-fresh-mode:not(#tbp) .tbfa-tone-1{background:#EEF8EF!important}html body.tb-fresh-mode:not(#tbp) .tbfa-tone-1 span{background:#DDF1E1;color:#2F9A55}
html body.tb-fresh-mode:not(#tbp) .tbfa-tone-2{background:#EEF4FF!important}html body.tb-fresh-mode:not(#tbp) .tbfa-tone-2 span{background:#DCE8FF;color:#3570D8}
html body.tb-fresh-mode:not(#tbp) .tbfa-tone-3{background:#FFF0F3!important}html body.tb-fresh-mode:not(#tbp) .tbfa-tone-3 span{background:#FFDDE5;color:#DC3E63}
html body.tb-fresh-mode:not(#tbp) .tbfa-tone-4{background:#FFF6EA!important}html body.tb-fresh-mode:not(#tbp) .tbfa-tone-4 span{background:#FFE8CB;color:#D9822A}
html body.tb-fresh-mode:not(#tbp) .tbfa-tone-5{background:#F4F0FF!important}html body.tb-fresh-mode:not(#tbp) .tbfa-tone-5 span{background:#E6DEFF;color:#7556D3}
html body.tb-fresh-mode:not(#tbp) .tbfa-tone-6{background:#ECF8F7!important}html body.tb-fresh-mode:not(#tbp) .tbfa-tone-6 span{background:#D6F0EE;color:#25968A}
html body.tb-fresh-mode:not(#tbp) .tbfa-cat-list{display:flex;flex-direction:column;padding:4px 10px;border-radius:18px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-cat-list button{display:flex!important;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 2px!important;border:0!important;border-bottom:1px solid var(--tbfa-line)!important;border-radius:0!important;background:transparent!important;color:var(--tbfa-ink)!important;text-align:left}
html body.tb-fresh-mode:not(#tbp) .tbfa-cat-list button:last-child{border-bottom:0!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-cat-list button>span{width:34px;height:34px;display:grid;place-items:center;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-cat-list b{flex:1;font-size:14.5px;font-weight:600}
html body.tb-fresh-mode:not(#tbp) .tbfa-cat-list small{color:var(--tbfa-soft);font-size:12px}
html body.tb-fresh-mode:not(#tbp) .tbfa-cat-list button>.tbfa-ic:last-child{width:17px;height:17px;color:var(--tbfa-soft)}
html body.tb-fresh-mode:not(#tbp) .tbfa-stores{display:flex;flex-direction:column;gap:8px}
html body.tb-fresh-mode:not(#tbp) .tbfa-store{display:flex!important;align-items:center;gap:10px;width:100%;padding:10px!important;border-radius:16px!important;border:1px solid var(--tbfa-line)!important;background:var(--tbfa-card)!important;color:var(--tbfa-ink)!important;text-align:left}
html body.tb-fresh-mode:not(#tbp) .tbfa-store>span:nth-child(2){flex:1;min-width:0}
html body.tb-fresh-mode:not(#tbp) .tbfa-store b{display:block;font-size:14px}
html body.tb-fresh-mode:not(#tbp) .tbfa-store small{display:flex;align-items:center;gap:3px;font-size:11.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-store small .tbfa-ic{width:13px;height:13px}
html body.tb-fresh-mode:not(#tbp) .tbfa-store>.tbfa-ic{width:17px;height:17px;color:var(--tbfa-soft)}
html body.tb-fresh-mode:not(#tbp) .tbfa-store-logo{width:44px;height:44px;border-radius:13px;background:var(--tbfa-pink-50);color:var(--tbfa-pink);display:grid;place-items:center;font-weight:800;font-size:18px;overflow:hidden;flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp) .tbfa-store-logo img{width:100%;height:100%;object-fit:cover}
html body.tb-fresh-mode:not(#tbp) .tbfa-store-logo-lg{width:62px;height:62px;border-radius:18px;font-size:26px}
html body.tb-fresh-mode:not(#tbp) .tbfa-store-hero{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:linear-gradient(118deg,var(--tbfa-card),var(--tbfa-pink-50));border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-store-hero h1{font-size:20px;font-weight:800}
html body.tb-fresh-mode:not(#tbp) .tbfa-store-hero p{display:flex;align-items:center;gap:4px;margin:4px 0 0;font-size:12.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-store-hero p .tbfa-ic{width:15px;height:15px;color:var(--tbfa-pink)}
/* Lists */
html body.tb-fresh-mode:not(#tbp) .tbfa-list-meta{font-size:13px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-list-meta b{color:var(--tbfa-muted);font-weight:600}
html body.tb-fresh-mode:not(#tbp) .tbfa-sort{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}
html body.tb-fresh-mode:not(#tbp) .tbfa-sort::-webkit-scrollbar{display:none}
html body.tb-fresh-mode:not(#tbp) .tbfa-sort button{flex:0 0 auto;height:34px;padding:0 14px!important;border-radius:999px!important;border:1.5px solid var(--tbfa-line)!important;background:var(--tbfa-card)!important;color:var(--tbfa-text)!important;font-size:12.5px;font-weight:600}
html body.tb-fresh-mode:not(#tbp) .tbfa-sort button.is-active{background:var(--tbfa-ink)!important;border-color:var(--tbfa-ink)!important;color:var(--tbfa-card)!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;text-align:center;border-radius:18px;background:var(--tbfa-card);border:1px dashed var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-empty>.tbfa-ic{width:52px;height:52px;padding:10px;box-sizing:content-box;border-radius:18px;background:var(--tbfa-pink-50);color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-empty h3{font-size:17px}
html body.tb-fresh-mode:not(#tbp) .tbfa-empty p{margin:0 0 6px;color:var(--tbfa-muted);font-size:13px}
/* Product */
html body.tb-fresh-mode:not(#tbp) .tbfa-product{padding-top:calc(8px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));padding-bottom:96px}
html body.tb-fresh-mode:not(#tbp) .tbfa-product-bar{display:flex;align-items:center;gap:6px}
html body.tb-fresh-mode:not(#tbp) .tbfa-product-bar span{flex:1}
html body.tb-fresh-mode:not(#tbp) .tbfa-product-bar button{width:40px;height:40px;border-radius:50%!important;border:0!important;padding:0!important;background:var(--tbfa-card)!important;color:var(--tbfa-ink)!important;display:grid!important;place-items:center;box-shadow:0 1px 3px rgba(16,24,40,.08)!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-gallery{position:relative;border-radius:22px;background:#fff;border:1px solid var(--tbfa-line);overflow:hidden}
html body.tb-fresh-mode:not(#tbp) .tbfa-gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
html body.tb-fresh-mode:not(#tbp) .tbfa-gallery-track::-webkit-scrollbar{display:none}
html body.tb-fresh-mode:not(#tbp) .tbfa-gallery figure{margin:0;aspect-ratio:1/1;padding:18px;scroll-snap-align:start}
html body.tb-fresh-mode:not(#tbp) .tbfa-gallery img{width:100%;height:100%;object-fit:contain}
html body.tb-fresh-mode:not(#tbp) .tbfa-gallery-count{position:absolute;right:12px;bottom:12px;padding:3px 9px;border-radius:999px;background:rgba(24,25,34,.06);color:#7B7F8E;font-size:11px;font-weight:700}
html body.tb-fresh-mode:not(#tbp) .tbfa-product-info h1{font-size:22px;line-height:1.2;font-weight:800}
html body.tb-fresh-mode:not(#tbp) .tbfa-unit{margin:4px 0 0;color:var(--tbfa-muted);font-size:14px}
html body.tb-fresh-mode:not(#tbp) .tbfa-rating{display:flex;align-items:center;gap:5px;margin:8px 0 0;font-size:13px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-rating .tbfa-ic{width:17px;height:17px;color:var(--tbfa-amber);fill:var(--tbfa-amber)}
html body.tb-fresh-mode:not(#tbp) .tbfa-rating span{color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-price-lg{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}
html body.tb-fresh-mode:not(#tbp) .tbfa-price-lg strong{font-size:26px;font-weight:800;color:var(--tbfa-ink);letter-spacing:-.02em}
html body.tb-fresh-mode:not(#tbp) .tbfa-price-lg em{font-style:normal;padding:4px 8px;border-radius:8px;background:var(--tbfa-pink);color:#fff;font-weight:800;font-size:13px}
html body.tb-fresh-mode:not(#tbp) .tbfa-price-lg s{flex-basis:100%;margin-top:-6px;color:var(--tbfa-soft);font-size:14px}
html body.tb-fresh-mode:not(#tbp) .tbfa-facts{margin:0;padding:2px 14px;border-radius:18px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-facts div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-facts div:last-child{border-bottom:0}
html body.tb-fresh-mode:not(#tbp) .tbfa-facts dt{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-facts dt .tbfa-ic{width:18px;height:18px;color:var(--tbfa-soft)}
html body.tb-fresh-mode:not(#tbp) .tbfa-facts dd{margin:0;font-size:13px;font-weight:700;color:var(--tbfa-ink);text-align:right}
html body.tb-fresh-mode:not(#tbp) .tbfa-facts div[data-route] dd{color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-about{margin-top:14px}
html body.tb-fresh-mode:not(#tbp) .tbfa-about h2{font-size:16px;font-weight:800;margin-bottom:6px}
html body.tb-fresh-mode:not(#tbp) .tbfa-about p{margin:0;font-size:13.5px;line-height:1.55;color:var(--tbfa-text)}
html body.tb-fresh-mode:not(#tbp) .tbfa-buy,html body.tb-fresh-mode:not(#tbp) .tbfa-checkout-bar{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:flex;align-items:center;gap:10px;max-width:520px;margin:0 auto;padding:10px 12px calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));background:var(--tbfa-card);border-top:1px solid var(--tbfa-line);box-shadow:0 -8px 24px rgba(16,24,40,.06)}
html body.tb-fresh-mode:not(#tbp) .tbfa-stepper-lg{padding:4px;gap:4px;background:var(--tbfa-card);border:1.5px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-stepper-lg button{width:36px;height:36px;color:var(--tbfa-ink)!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-stepper-lg b{min-width:24px;font-size:15px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn-buy{flex:1;height:50px;border-radius:16px!important;font-size:15px}
html body.tb-fresh-mode:not(#tbp) .tbfa-soldout-lg{flex:1;text-align:center;padding:14px;font-size:14px}
/* Cart */
html body.tb-fresh-mode:not(#tbp) .tbfa-cart{padding-bottom:84px}
html body.tb-fresh-mode:not(#tbp) .tbfa-banner{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:linear-gradient(100deg,#FFF0F5,#FFE5EE);border:1px solid #FFD3E2}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp) .tbfa-banner,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp) .tbfa-banner{background:#2B1520;border-color:#4A1C2E}
html body.tb-fresh-mode:not(#tbp) .tbfa-banner>.tbfa-ic{width:28px;height:28px;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-banner b{display:block;font-size:13.5px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-banner small{display:block;font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-lines{display:flex;flex-direction:column;gap:8px}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-line.is-off{opacity:.6}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-thumb{width:72px;height:72px;padding:4px!important;border-radius:12px!important;border:1px solid var(--tbfa-line)!important;background:#fff!important;display:grid!important;place-items:center;color:#FFC9DB}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-thumb img{width:100%;height:100%;object-fit:contain}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-copy b{display:block;font-size:14px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-copy small{display:block;font-size:12px;color:var(--tbfa-muted);margin-top:2px}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-copy strong{display:block;margin-top:6px;font-size:15px;font-weight:800;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfa-icon-btn{width:30px;height:30px;border-radius:9px!important;border:0!important;padding:0!important;background:transparent!important;color:var(--tbfa-soft)!important;display:grid!important;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-icon-btn .tbfa-ic{width:18px;height:18px}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-side .tbfa-stepper{background:var(--tbfa-card);border:1.5px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-side .tbfa-stepper button{color:var(--tbfa-ink)!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-cart-side .tbfa-stepper b{color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-summary{padding:6px 14px;border-radius:18px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-summary div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:13px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-summary b{color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-summary .tbfa-total{border-top:1px solid var(--tbfa-line);margin-top:4px;padding-top:12px}
html body.tb-fresh-mode:not(#tbp) .tbfa-summary .tbfa-total span{font-weight:700;color:var(--tbfa-ink);font-size:14px}
html body.tb-fresh-mode:not(#tbp) .tbfa-summary .tbfa-total b{font-size:20px;font-weight:800;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-checkout-bar{bottom:calc(64px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding-bottom:10px;box-shadow:none;border-top:0;background:transparent}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn-checkout{width:100%;height:52px;justify-content:space-between!important;padding:0 8px 0 18px!important;border-radius:16px!important;font-size:15px}
/* Shared checkout opened from the Fresh cart: same flow, Fresh accent */
body.tb-fresh-checkout{--oz-blue:#EC316E;--oz-blue-ico:#EC316E;--oz-blue-tint:#FFF0F5;--oz-blue-tint-ink:#D61F5C}
html.tb-theme-dark-active body.tb-fresh-checkout,html[data-theme="dark"] body.tb-fresh-checkout{--oz-blue-tint:#3A1624;--oz-blue-tint-ink:#FF8FB5}
/* Tags shown outside Fresh mode (courier, pickup, seller, customer orders) */
html body:not(#tbp) .tbfa-tag{display:inline-flex;align-items:center;gap:3px;margin-left:4px;padding:1px 7px 1px 4px;border-radius:999px;background:#FFF0F5;color:#D61F5C;border:1px solid #FFD2E1;font:700 10.5px/1.5 Inter,-apple-system,"Segoe UI",Arial,sans-serif;white-space:nowrap;vertical-align:middle;letter-spacing:0}
html body:not(#tbp) .tbfa-tag .tbfa-ic{width:13px;height:13px}
html body:not(#tbp) .tbfa-tag.is-cold{background:#EEF4FF;color:#2F6BDB;border-color:#D6E4FF}
html.tb-theme-dark-active body:not(#tbp) .tbfa-tag,html[data-theme="dark"] body:not(#tbp) .tbfa-tag{background:#3A1624;border-color:#5A2238;color:#FF8FB5}
html.tb-theme-dark-active body:not(#tbp) .tbfa-tag.is-cold,html[data-theme="dark"] body:not(#tbp) .tbfa-tag.is-cold{background:#14243F;border-color:#22385E;color:#8DB4FF}
/* v0.13.316 — TB Fresh profile + order screens (own order history) */
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#FF8DB3 0%,rgba(255,141,179,0) 55%),linear-gradient(135deg,#EC316E 0%,#C8175A 100%);box-shadow:0 14px 30px rgba(200,23,90,.25)}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-card.is-guest{flex-direction:row;align-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-top{display:flex;align-items:center;gap:12px}
html body.tb-fresh-mode:not(#tbp) .tbfa-avatar{width:56px;height:56px;flex:0 0 auto;border-radius:18px;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.55);display:grid;place-items:center;font:800 22px Inter,Arial,sans-serif;color:#fff;overflow:hidden}
html body.tb-fresh-mode:not(#tbp) .tbfa-avatar img{width:100%;height:100%;object-fit:cover}
html body.tb-fresh-mode:not(#tbp) .tbfa-avatar .tbfa-ic{width:26px;height:26px}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-card small{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;opacity:.92}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-card small img{width:16px;height:16px}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-card h1{color:#fff!important;font-size:19px;font-weight:800;margin:1px 0;overflow-wrap:anywhere}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-card p{margin:0;font-size:12.5px;opacity:.88}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-note{display:flex;gap:9px;align-items:flex-start;padding:10px;border-radius:14px;background:rgba(255,255,255,.15)}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-note .tbfa-ic{width:18px;height:18px;flex:0 0 auto;margin-top:1px}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-note b{display:block;font-size:13px}
html body.tb-fresh-mode:not(#tbp) .tbfa-profile-note small{display:block;font-size:11.5px;font-weight:500;opacity:.88}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn-wide{width:100%}
html body.tb-fresh-mode:not(#tbp) .tbfa-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body.tb-fresh-mode:not(#tbp) .tbfa-stats>div{background:var(--tbfa-card);border:1px solid var(--tbfa-line);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:4px;min-width:0}
html body.tb-fresh-mode:not(#tbp) .tbfa-stats span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-stats span .tbfa-ic{width:17px;height:17px}
html body.tb-fresh-mode:not(#tbp) .tbfa-stats .is-pink{background:var(--tbfa-pink-50);color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-stats .is-green{background:rgba(42,174,108,.12);color:#1E9A5B}
html body.tb-fresh-mode:not(#tbp) .tbfa-stats .is-blue{background:rgba(52,120,246,.12);color:#2F6BDB}
html body.tb-fresh-mode:not(#tbp) .tbfa-stats b{font:800 16px/1.2 Inter,Arial,sans-serif;color:var(--tbfa-ink);overflow-wrap:anywhere}
html body.tb-fresh-mode:not(#tbp) .tbfa-stats small{font-size:11.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-orders{display:flex;flex-direction:column;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfa-orders .tbfa-head h2{font-size:19px;font-weight:800}
html body.tb-fresh-mode:not(#tbp) .tbfa-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-seg button{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--tbfa-muted)!important;font:700 13.5px Inter,Arial,sans-serif}
html body.tb-fresh-mode:not(#tbp) .tbfa-seg button i{font-style:normal;font-size:11px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--tbfa-bg);display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-seg button.is-active{background:var(--tbfa-pink)!important;color:#fff!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-seg button.is-active i{background:rgba(255,255,255,.25)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-list{display:flex;flex-direction:column;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:18px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-hit{position:absolute;inset:0;border:0!important;background:transparent!important;border-radius:inherit!important;z-index:1;padding:0!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-order header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order header b{display:block;font-size:15px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order header small{font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font:700 12px/1.3 Inter,Arial,sans-serif;white-space:nowrap}
html body.tb-fresh-mode:not(#tbp) .tbfa-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
html body.tb-fresh-mode:not(#tbp) .tbfa-status.is-active{background:var(--tbfa-pink-50);color:var(--tbfa-pink-700)}
html body.tb-fresh-mode:not(#tbp) .tbfa-status.is-ready{background:rgba(42,174,108,.12);color:#17784A}
html body.tb-fresh-mode:not(#tbp) .tbfa-status.is-done{background:var(--tbfa-bg);color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-status.is-off{background:rgba(217,45,69,.1);color:#B4233C}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps{--tbfa-step:0;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps::before,html body.tb-fresh-mode:not(#tbp) .tbfa-steps::after{content:"";position:absolute;top:17px;left:12.5%;right:12.5%;height:3px;border-radius:3px;background:var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps::after{right:auto;width:calc(75% * var(--tbfa-step) / 3);background:linear-gradient(90deg,var(--tbfa-pink),#FF6A9B)}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps li span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--tbfa-card);border:2px solid var(--tbfa-line);color:var(--tbfa-soft)}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps li span .tbfa-ic{width:17px;height:17px}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps li small{font-size:10.5px;font-weight:600;color:var(--tbfa-muted);line-height:1.2}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps li.is-done span{background:var(--tbfa-pink);border-color:var(--tbfa-pink);color:#fff}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps li.is-current span{border-color:var(--tbfa-pink);color:var(--tbfa-pink);box-shadow:0 0 0 5px rgba(236,49,110,.12)}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps li.is-current small,html body.tb-fresh-mode:not(#tbp) .tbfa-steps li.is-done small{color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps.is-compact::before,html body.tb-fresh-mode:not(#tbp) .tbfa-steps.is-compact::after{top:13px}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps.is-compact li span{width:28px;height:28px}
html body.tb-fresh-mode:not(#tbp) .tbfa-steps.is-compact li span .tbfa-ic{width:14px;height:14px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-thumbs{display:flex;gap:6px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-thumbs span{width:50px;height:50px;border-radius:12px;border:1px solid var(--tbfa-line);background:#fff;overflow:hidden;display:grid;place-items:center;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-thumbs img{width:100%;height:100%;object-fit:contain}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-thumbs .is-more{background:var(--tbfa-bg);color:var(--tbfa-muted);font-weight:700;font-size:13px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-meta{display:flex;align-items:center;gap:5px;flex-basis:100%;font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-meta .tbfa-ic{width:15px;height:15px;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order footer strong{font:800 16px Inter,Arial,sans-serif;color:var(--tbfa-ink);margin-right:auto}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-go{width:30px;height:30px;border-radius:10px;background:var(--tbfa-pink-50);color:var(--tbfa-pink);display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-go .tbfa-ic{width:16px;height:16px}
html body.tb-fresh-mode:not(#tbp) .tbfa-chip-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px!important;border-radius:11px!important;border:1.5px solid var(--tbfa-pink-100)!important;background:var(--tbfa-pink-50)!important;color:var(--tbfa-pink-700)!important;font:700 12.5px Inter,Arial,sans-serif}
html body.tb-fresh-mode:not(#tbp) .tbfa-chip-btn .tbfa-ic{width:15px;height:15px}
html body.tb-fresh-mode:not(#tbp) .tbfa-empty-sm{padding:26px 16px!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-menu{display:flex;flex-direction:column;background:var(--tbfa-card);border:1px solid var(--tbfa-line);border-radius:18px;padding:4px}
html body.tb-fresh-mode:not(#tbp) .tbfa-menu button{display:flex;align-items:center;gap:12px;padding:10px;border:0!important;background:transparent!important;border-radius:14px!important;text-align:left;color:var(--tbfa-ink)!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-menu button+button{border-top:1px solid var(--tbfa-line)!important;border-radius:0!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-menu span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--tbfa-pink-50);color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-menu span .tbfa-ic{width:18px;height:18px}
html body.tb-fresh-mode:not(#tbp) .tbfa-menu b{flex:1;font:600 14px Inter,Arial,sans-serif}
html body.tb-fresh-mode:not(#tbp) .tbfa-menu i{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--tbfa-pink);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfa-menu>button>.tbfa-ic{width:16px;height:16px;color:var(--tbfa-soft)}
html body.tb-fresh-mode:not(#tbp) .tbfa-market-orders{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px!important;border:1.5px dashed var(--tbfa-line)!important;background:var(--tbfa-card)!important;text-align:left;color:var(--tbfa-ink)!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-market-orders>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(52,120,246,.12);color:#3858E9;flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp) .tbfa-market-orders>span .tbfa-ic{width:19px;height:19px}
html body.tb-fresh-mode:not(#tbp) .tbfa-market-orders div{flex:1;min-width:0}
html body.tb-fresh-mode:not(#tbp) .tbfa-market-orders b{display:block;font:700 14px Inter,Arial,sans-serif}
html body.tb-fresh-mode:not(#tbp) .tbfa-market-orders small{display:block;font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-market-orders>.tbfa-ic{width:18px;height:18px;color:var(--tbfa-soft)}
html body.tb-fresh-mode:not(#tbp) .tbfa-panel{background:var(--tbfa-card);border:1px solid var(--tbfa-line);border-radius:20px;padding:14px}
html body.tb-fresh-mode:not(#tbp) .tbfa-panel-title{display:flex;align-items:center;gap:8px;font-size:16px!important;font-weight:800;margin:0 0 10px!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-panel-title small{font-size:12px;color:var(--tbfa-muted);font-weight:700;background:var(--tbfa-bg);padding:2px 8px;border-radius:999px}
html body.tb-fresh-mode:not(#tbp) .tbfa-placed{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(100deg,var(--tbfa-pink-50),var(--tbfa-card));border:1px solid var(--tbfa-pink-100)}
html body.tb-fresh-mode:not(#tbp) .tbfa-placed>span{width:44px;height:44px;border-radius:50%;background:var(--tbfa-pink);color:#fff;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 10px 22px rgba(236,49,110,.32)}
html body.tb-fresh-mode:not(#tbp) .tbfa-placed>span .tbfa-ic{width:22px;height:22px;stroke-width:2.6}
html body.tb-fresh-mode:not(#tbp) .tbfa-placed b{display:block;font:800 16px Inter,Arial,sans-serif;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-placed small{display:block;font-size:12.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-hero header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-hero header small{font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-hero h1{font-size:21px;font-weight:800;margin:2px 0 6px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-off{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:12px;background:rgba(217,45,69,.08);color:#B4233C;font-weight:700;font-size:13px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-off .tbfa-ic{width:18px;height:18px}
html body.tb-fresh-mode:not(#tbp) .tbfa-barcode{display:flex!important;flex-direction:column;align-items:center;gap:6px;width:100%;text-align:center;color:var(--tbfa-ink)!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-barcode svg{max-width:100%;height:auto;background:#fff;border-radius:10px;padding:6px}
html body.tb-fresh-mode:not(#tbp) .tbfa-barcode small,html body.tb-fresh-mode:not(#tbp) .tbfa-barcode span{font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-barcode strong{font:800 16px ui-monospace,Menlo,monospace;letter-spacing:.08em}
html body.tb-fresh-mode:not(#tbp) .tbfa-customer-code{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfa-customer-code small{font-size:13px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-customer-code strong{font:800 24px Inter,Arial,sans-serif;letter-spacing:.2em;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines{display:flex;flex-direction:column}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines article{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines article:first-child{border-top:0;padding-top:0}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines span{width:52px;height:52px;border-radius:12px;border:1px solid var(--tbfa-line);background:#fff;overflow:hidden;display:grid;place-items:center;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines img{width:100%;height:100%;object-fit:contain}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines b{display:block;font:600 14px Inter,Arial,sans-serif;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines small{font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines strong{font:700 14px Inter,Arial,sans-serif;color:var(--tbfa-ink);white-space:nowrap}
html body.tb-fresh-mode:not(#tbp) .tbfa-info{display:flex;gap:10px;align-items:flex-start}
html body.tb-fresh-mode:not(#tbp) .tbfa-info>.tbfa-ic{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--tbfa-pink-50);color:var(--tbfa-pink);flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp) .tbfa-info b{display:block;font:700 14px Inter,Arial,sans-serif;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-info small{display:block;font-size:12.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-sum>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13.5px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-sum>div span{color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-sum>div b{color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-sum>div.is-total{border-top:1px dashed var(--tbfa-line);margin-top:4px;padding-top:10px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-sum>div.is-total span{color:var(--tbfa-ink);font-weight:700}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-sum>div.is-total b{font:800 18px Inter,Arial,sans-serif}
html body.tb-fresh-mode:not(#tbp) .tbfa-pay{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 11px;border-radius:12px;background:rgba(255,178,30,.14);color:#8A5A00;font-size:12.5px;font-weight:700}
html body.tb-fresh-mode:not(#tbp) .tbfa-pay.is-paid{background:rgba(42,174,108,.12);color:#17784A}
html body.tb-fresh-mode:not(#tbp) .tbfa-pay .tbfa-ic{width:17px;height:17px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-actions{display:flex;flex-direction:column;gap:8px}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-actions .tbfa-ic{width:18px;height:18px}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn-line{display:flex!important;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:14px!important;border:1.5px solid var(--tbfa-line)!important;background:var(--tbfa-card)!important;color:var(--tbfa-ink)!important;font:700 14px Inter,Arial,sans-serif;padding:0 14px!important}
html body.tb-fresh-mode:not(#tbp) .tbfa-btn-line.is-danger{color:#B4233C!important}
/* ---- tb-home-skin.css ---- */
/* ==========================================================================
TB Market — reference-style home + rounded headers (v0.13.318)
1. Every mobile page: the app header has rounded bottom corners.
2. Home: the whole top (status bar, pickup point row, search and a TB Fresh
banner) sits on one TB Fresh background, like the reference top banner.
Tapping the banner opens TB Fresh.
3. Home: the header pins to the top; on scroll only the search stays,
on the normal sheet colour.
4. Home "for you" cards like the reference: no add-to-cart button, price row with
"…" menu, stock left, two-line title, rating.
5. Cart (v0.13.320): pinned solid pickup header, balanced line buttons.
Loaded after tb-skin.css / tb-fresh-app.css.
========================================================================== */
/* ---------- 1. rounded header on every page ---------- */
html body:not(#tbp) .app-header:not(:empty){border-bottom-left-radius:24px!important;border-bottom-right-radius:24px!important;overflow:hidden}
/* screens that draw their own top bar inside the page: a solid, pinned, rounded header */
html body:not(#tbp) :is(.search-focus-toolbar-row,.favorites-top-search-row,.cart-empty-pickup,.cart-pickup-top,.market-store-top-search,.order-reference-head,.brand-reference-topbar,.social-page-appbar){
position:sticky!important;top:var(--safe-area-inset-top,env(safe-area-inset-top,0px))!important;z-index:950!important;
background:var(--oz-sheet)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
border-bottom-left-radius:24px!important;border-bottom-right-radius:24px!important;border-bottom-color:transparent!important;box-shadow:none!important
}
html body:not(#tbp) .search-focus-toolbar-row{border-top-left-radius:0!important;border-top-right-radius:0!important}
/* cover the status bar strip above a pinned page header (Android edge-to-edge; 0 px on iPhone web) */
html body:not(#tbp) :is(.search-focus-toolbar-row,.favorites-top-search-row,.cart-empty-pickup,.cart-pickup-top,.market-store-top-search,.order-reference-head,.brand-reference-topbar,.social-page-appbar)::before{
content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--safe-area-inset-top,env(safe-area-inset-top,0px));background:var(--oz-sheet);pointer-events:none
}
/* pages with the 10px side gutter: the header goes edge to edge and flush with the top */
html body:not(#tbp) :is(.brand-reference-page>.brand-reference-topbar,.public-user-page>.social-page-appbar,.product-reviews-hub>.social-page-appbar){margin:-12px -10px 6px!important;width:auto!important}
/* the block under a pinned header becomes its own rounded sheet (no square corners) */
html body:not(#tbp) :is(.cart-empty-pickup+.cart-empty-hero,.market-store-top-search+*,.brand-reference-topbar+.brand-reference-profile,.social-page-appbar+.public-user-hero,.social-page-appbar+.product-review-summary){border-top-left-radius:24px!important;border-top-right-radius:24px!important;margin-top:6px!important}
/* v0.13.320 Android app (edge-to-edge, no padded shell): a pinned page header starts
below the status bar instead of covering the top of the content under it */
html:not(.tb-mobile-web) body:not(#tbp):not(#tbq) :is(.search-focus-toolbar-row,.favorites-top-search-row,.cart-empty-pickup,.cart-pickup-top,.market-store-top-search){margin-top:var(--safe-area-inset-top,0px)!important}
html:not(.tb-mobile-web) body:not(#tbp):not(#tbq) :is(.brand-reference-page>.brand-reference-topbar,.public-user-page>.social-page-appbar,.product-reviews-hub>.social-page-appbar){margin-top:calc(var(--safe-area-inset-top,0px) - 12px)!important}
/* the order header already pads itself for the status bar */
html:not(.tb-mobile-web) body:not(#tbp):not(#tbq) .order-reference-head{top:0!important}
html:not(.tb-mobile-web) body:not(#tbp):not(#tbq) .order-reference-head::before{display:none!important}
html body:not(#tbp) .message-chat-head{position:relative;z-index:2;border-bottom-left-radius:24px!important;border-bottom-right-radius:24px!important}
/* profile: the account block under the header is its own rounded card */
html body:not(#tbp) .profile-page-tbz>.profile-overview-head{border-top-left-radius:32px!important;border-top-right-radius:32px!important;margin-top:6px!important}
/* ---------- 2. home header = TB Fresh background ---------- */
html body:not(#tbp) .ozh-header{position:relative;z-index:1;display:flex!important;flex-direction:column!important;gap:0!important;padding:10px 16px 12px!important;background:transparent!important}
html body:not(#tbp) .ozh-header .market-home-meta{max-height:56px;margin:0 0 10px!important;overflow:visible;transition:max-height .26s cubic-bezier(.2,.7,.2,1),opacity .16s ease,margin .26s cubic-bezier(.2,.7,.2,1)}
html body:not(#tbp) .ozh-header .market-home-search{flex:0 0 auto;transition:background-color .24s ease}
html body.ozh-home:not(#tbp) .app-header{border-bottom-left-radius:28px!important;border-bottom-right-radius:28px!important}
html body.ozh-bg:not(#tbp) .app-header{background:var(--oz-sheet)!important}
html body.ozh-bg:not(#tbp) .app-header::before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:1;transition:opacity .26s ease;
background:
radial-gradient(95% 75% at 88% 82%,rgba(255,196,218,.55) 0%,rgba(255,196,218,0) 55%),
linear-gradient(118deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.13) 47%,rgba(255,255,255,0) 55%),
linear-gradient(118deg,rgba(255,255,255,0) 58%,rgba(255,255,255,.09) 64%,rgba(255,255,255,0) 70%),
linear-gradient(165deg,#7C0A37 0%,#A8104A 28%,#D9205E 62%,#F2477D 100%)
}
html body.ozh-bg.ozh-collapsed:not(#tbp) .app-header::before{opacity:0}
/* managed banner from the ADS centre (placement app_home_top): admin image as the
whole background, admin colours for the status bar and the text */
html body.ozh-bg.ozh-ad:not(.ozh-collapsed):not(#tbp) .app-header{background-color:var(--ozh-ad-top,var(--ozh-ad-bg,#8E0D40))!important}
html body.ozh-bg.ozh-ad:not(#tbp) .app-header::before{background:var(--ozh-ad-image,none) center bottom/cover no-repeat,var(--ozh-ad-bg,#8E0D40)}
/* v0.13.320 iPhone web app: iOS paints the status bar strip with the header colour,
which is the picture's own top-edge colour (set by JS); the picture fades into it,
so the strip and the picture are one background up to the very top */
html body.ozh-bg.ozh-ad.ozh-edge:not(#tbp) .app-header::before{background:linear-gradient(180deg,var(--ozh-ad-top) 0,color-mix(in srgb,var(--ozh-ad-top) 60%,transparent) 12px,color-mix(in srgb,var(--ozh-ad-top) 0%,transparent) 36px) center top/100% 36px no-repeat,var(--ozh-ad-image,none) center bottom/cover no-repeat,var(--ozh-ad-bg,#8E0D40)}
html body.ozh-bg.ozh-ad:not(.ozh-collapsed):not(#tbp) .ozh-header :is(.market-home-location,.market-home-location-name,.market-home-message){color:var(--ozh-ad-ink,#fff)!important}
html body.ozh-bg.ozh-ad:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-location .ui-icon{color:var(--ozh-ad-ink,#fff)!important;opacity:.85}
html body:not(#tbp) .ozh-hero.is-ad{color:var(--ozh-ad-ink,#fff)!important}
html body:not(#tbp) .ozh-hero.is-ad .ozh-hero-copy{max-width:68%}
html body:not(#tbp) .ozh-hero .ozh-nowrap{white-space:nowrap}
html body:not(#tbp) .ozh-hero.is-ad .ozh-hero-title{font-size:20px!important;color:var(--ozh-ad-ink,#fff)!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* top state (on the TB Fresh background): white text, white search */
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header :is(.market-home-location,.market-home-location-name){color:#fff!important}
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-location .ui-icon{color:rgba(255,255,255,.85)!important}
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-bonus{background:#fff!important;color:#001A34!important}
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-bonus b{color:#001A34!important}
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-message{color:#fff!important}
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-message .badge{border-color:#B0124E!important;background:#fff!important;color:#C8155A!important}
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-search{background:#fff!important}
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-search input{color:#001A34!important}
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-search input::placeholder{color:#99A3AE!important}
html body.ozh-bg:not(.ozh-collapsed):not(#tbp) .ozh-header .market-home-search :is(button,.market-home-search-icon){color:#99A3AE!important}
/* TB Fresh banner under the search, on the same background */
html body:not(#tbp) .ozh-hero{
position:relative;display:flex;align-items:stretch;width:calc(100% + 32px);min-height:134px;max-height:180px;margin:0 -16px -12px;padding:14px 16px 22px;
border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;text-align:left;cursor:pointer;overflow:hidden;
transition:max-height .26s cubic-bezier(.2,.7,.2,1),min-height .26s cubic-bezier(.2,.7,.2,1),opacity .18s ease,padding .26s ease,margin .26s ease;-webkit-tap-highlight-color:transparent
}
html body:not(#tbp) .ozh-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;max-width:64%;min-width:0}
html body:not(#tbp) .ozh-hero-title{display:block;font:800 21px/1.13 var(--oz-font)!important;letter-spacing:-.005em;text-transform:uppercase;color:#fff!important;text-shadow:0 2px 14px rgba(70,0,26,.28)}
html body:not(#tbp) .ozh-hero-cta{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 14px;border-radius:12px;background:rgba(22,6,14,.86);color:#fff!important;font:600 15px/1 var(--oz-font)!important;white-space:nowrap;box-shadow:0 6px 16px -10px rgba(0,0,0,.6)}
html body:not(#tbp) .ozh-hero-cta svg{width:17px;height:17px;flex:0 0 auto}
html body:not(#tbp) .ozh-hero:active .ozh-hero-cta{transform:scale(.97)}
html body:not(#tbp) .ozh-hero-art{position:absolute;z-index:1;right:6px;top:6px;bottom:12px;width:142px;pointer-events:none}
html body:not(#tbp) .ozh-hero-glow{position:absolute;left:4px;top:0;right:4px;bottom:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(255,236,243,.18) 45%,rgba(255,255,255,0) 70%)}
html body:not(#tbp) .ozh-hero-art img{position:absolute;left:50%;top:50%;width:auto;height:min(118px,100%);max-width:none;margin:0;filter:drop-shadow(0 12px 18px rgba(70,0,25,.38));transform:translate(-50%,-50%) rotate(-5deg)}
@media (max-width:389px){
html body:not(#tbp) .ozh-hero-title,html body:not(#tbp) .ozh-hero.is-ad .ozh-hero-title{font-size:18px!important}
html body:not(#tbp) .ozh-hero-copy{max-width:68%}
}
@media (max-width:359px){
html body:not(#tbp) .ozh-hero-title,html body:not(#tbp) .ozh-hero.is-ad .ozh-hero-title{font-size:16px!important}
html body:not(#tbp) .ozh-hero-art{width:118px}
html body:not(#tbp) .ozh-hero-art img{height:min(100px,100%)}
}
/* ---------- 3. pinned header that collapses to the search ---------- */
html body:not(#tbp) .ozh-spacer{display:none}
html body.ozh-fixed:not(#tbp) .ozh-spacer{display:block;height:calc(var(--ozh-spacer,148px) + 10px);flex:0 0 auto;background:var(--oz-sheet)}
html body.ozh-fixed:not(#tbp) .app-header{position:fixed!important;top:0!important;left:0;right:0;z-index:1000!important;transition:box-shadow .24s ease}
html.tb-mobile-web body.ozh-fixed:not(#tbp) .app-header{left:max(0px,calc((100vw - 520px)/2))!important;right:max(0px,calc((100vw - 520px)/2))!important}
html body.ozh-collapsed:not(#tbp) .app-header{border-bottom-left-radius:24px!important;border-bottom-right-radius:24px!important;box-shadow:0 10px 24px -18px rgba(0,26,52,.45)!important}
html.tb-theme-dark-active body.ozh-collapsed:not(#tbp) .app-header,html[data-theme="dark"] body.ozh-collapsed:not(#tbp) .app-header{box-shadow:0 10px 24px -14px rgba(0,0,0,.9)!important}
html body.ozh-collapsed:not(#tbp) .ozh-header .market-home-meta{max-height:0!important;opacity:0;margin:0!important;overflow:hidden!important;pointer-events:none}
html body.ozh-collapsed:not(#tbp) .ozh-hero{max-height:0!important;min-height:0!important;opacity:0;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;pointer-events:none}
html body.ozh-fixed:not(#tbp) .ozh-page > .ozh-spacer + *{margin-top:0!important}
@media (prefers-reduced-motion:reduce){
html body:not(#tbp) :is(.ozh-header .market-home-meta,.ozh-hero,.ozh-header .market-home-search),html body.ozh-fixed:not(#tbp) .app-header,html body.ozh-bg:not(#tbp) .app-header::before{transition:none!important}
}
/* ---------- 4. home product cards ---------- */
html body:not(#tbp) .ozf-grid{gap:6px!important;padding:0!important;align-items:stretch!important}
html body:not(#tbp) .ozf-card{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--oz-sheet)!important;border:0!important;border-radius:var(--oz-r-card,26px)!important;overflow:hidden;box-shadow:none!important;transition:opacity .2s ease,transform .2s ease}
html body:not(#tbp) .ozf-card.is-hiding{opacity:0;transform:scale(.96)}
html body:not(#tbp) .ozf-gallery{position:relative;display:flex;flex-direction:column;flex:0 0 auto}
html body:not(#tbp) .ozf-card .ozf-media{position:relative;aspect-ratio:3/4!important;width:100%;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden;background:var(--oz-ctrl,#EFF1F4)!important}
html body:not(#tbp) .ozf-card .ozf-media-link{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;display:block}
html body:not(#tbp) .ozf-card .ozf-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;padding:0!important;background:transparent!important;mix-blend-mode:normal!important;opacity:0;transition:opacity .18s}
html body:not(#tbp) .ozf-card .ozf-media img.is-active{opacity:1}
html body:not(#tbp) .ozf-card .ozf-media-empty{position:absolute;inset:0;background:var(--oz-ctrl)}
html body:not(#tbp) .home-feed-grid .ozf-card .ozf-fav{position:absolute!important;z-index:5;top:8px!important;right:8px!important;left:auto!important;width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#fff!important;display:grid!important;place-items:center!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body:not(#tbp) .home-feed-grid .ozf-card .ozf-fav .ui-icon{width:30px!important;height:30px!important;filter:drop-shadow(0 0 1px rgba(0,0,0,.55)) drop-shadow(0 1px 3px rgba(0,0,0,.35))}
html body:not(#tbp) .home-feed-grid .ozf-card .ozf-fav:is(.is-active,.active){color:var(--oz-heart,#FF2D55)!important}
html body:not(#tbp) .ozf-dots{height:16px;display:flex;align-items:center;justify-content:center;gap:4px;padding-top:2px}
html body:not(#tbp) .ozf-dots i{width:5px;height:5px;border-radius:50%;background:var(--oz-ctrl-2,#E4E7EB);transition:background-color .18s ease,transform .18s ease}
html body:not(#tbp) .ozf-dots i.is-active{background:var(--oz-blue-ico,#005BFF);transform:scale(1.15)}
html body:not(#tbp) .ozf-body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;padding:6px 10px 14px}
html body:not(#tbp) .ozf-gallery:not(:has(.ozf-dots)) + .ozf-body{padding-top:10px}
html body:not(#tbp) .ozf-price-row{position:relative;display:flex;align-items:flex-start;gap:2px;min-width:0}
html body:not(#tbp) .ozf-price{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;row-gap:0;cursor:pointer}
html body:not(#tbp) .ozf-price strong{font:700 18px/1.2 var(--oz-font)!important;letter-spacing:-.03em!important;color:var(--oz-ink)!important;white-space:nowrap}
html body:not(#tbp) .ozf-price strong.is-sale{color:var(--oz-pink-ink,#F91155)!important}
html body:not(#tbp) .ozf-price del{font:400 13px/1.3 var(--oz-font)!important;color:var(--oz-ink-3)!important;white-space:nowrap}
html body:not(#tbp) .ozf-price em{font:600 13px/1.3 var(--oz-font)!important;font-style:normal!important;color:var(--oz-pink-ink,#F91155)!important;white-space:nowrap}
html body:not(#tbp) .ozf-more{flex:0 0 auto;width:30px;height:24px;margin:0 -6px 0 0;padding:0;border:0!important;background:transparent!important;color:var(--oz-ink-3)!important;display:grid;place-items:center;border-radius:8px;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
html body:not(#tbp) .ozf-more:active{background:var(--oz-ctrl)!important}
html body:not(#tbp) .ozf-more-ic{width:20px;height:20px;fill:currentColor}
html body:not(#tbp) .ozf-text{display:flex;flex-direction:column;gap:3px;min-width:0;cursor:pointer;margin-top:2px}
html body:not(#tbp) .ozf-stock{font:500 14px/1.25 var(--oz-font)!important;color:var(--oz-pink-ink,#F91155)!important}
html body:not(#tbp) .ozf-stock.is-out{color:var(--oz-ink-3)!important}
html body:not(#tbp) .ozf-title{margin:1px 0 0!important;font:400 15px/1.3 var(--oz-font)!important;color:var(--oz-ink)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;overflow-wrap:anywhere}
html body:not(#tbp) .ozf-rating{display:flex;align-items:center;gap:10px;margin-top:3px;white-space:nowrap;min-width:0;overflow:hidden}
html body:not(#tbp) .ozf-rating-score,html body:not(#tbp) .ozf-rating-reviews{display:inline-flex;align-items:center;gap:4px;min-width:0}
html body:not(#tbp) .ozf-rating .rating-managed-star{width:17px!important;height:17px!important;color:var(--oz-gold,#FFB800)!important}
html body:not(#tbp) .ozf-rating-score b{font:500 14px/1 var(--oz-font)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .ozf-rating-reviews .ui-icon{width:16px!important;height:16px!important;color:var(--oz-ink-3)!important}
html body:not(#tbp) .ozf-rating-reviews small{font:400 14px/1 var(--oz-font)!important;color:var(--oz-ink-2)!important;overflow:hidden;text-overflow:ellipsis}
/* "…" action sheet */
html body:not(#tbp) .ozf-sheet{position:absolute;left:0;right:0;bottom:0;z-index:2;background:var(--oz-sheet)!important;color:var(--oz-ink)!important;border-radius:28px 28px 0 0;padding:8px 16px calc(16px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));box-shadow:0 -12px 32px -16px rgba(0,26,52,.35);animation:ozfSheetIn .22s cubic-bezier(.2,.8,.2,1)}
@keyframes ozfSheetIn{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}
html body:not(#tbp) .ozf-sheet-grip{display:block;width:40px;height:4px;border-radius:2px;background:var(--oz-ctrl-2);margin:0 auto 12px}
html body:not(#tbp) .ozf-sheet-product{width:100%;display:flex;align-items:center;gap:12px;padding:4px 0 14px;border:0!important;border-bottom:1px solid var(--oz-line)!important;background:transparent!important;color:inherit!important;text-align:left;border-radius:0!important}
html body:not(#tbp) .ozf-sheet-thumb{width:52px;height:64px;flex:0 0 auto;border-radius:12px;overflow:hidden;background:var(--oz-ctrl)}
html body:not(#tbp) .ozf-sheet-thumb img{width:100%;height:100%;object-fit:cover;display:block}
html body:not(#tbp) .ozf-sheet-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
html body:not(#tbp) .ozf-sheet-copy b{font:700 17px/1.2 var(--oz-font)!important;color:var(--oz-ink)!important}
html body:not(#tbp) .ozf-sheet-copy small{font:400 14px/1.3 var(--oz-font)!important;color:var(--oz-ink-2)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body:not(#tbp) .ozf-sheet-actions{display:flex;flex-direction:column;padding-top:6px}
html body:not(#tbp) .ozf-sheet-actions button{width:100%;min-height:52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 2px;border:0!important;background:transparent!important;color:var(--oz-ink)!important;text-align:left;border-radius:12px!important;box-shadow:none!important}
html body:not(#tbp) .ozf-sheet-actions button span{font:400 17px/1.25 var(--oz-font)!important;color:inherit!important}
html body:not(#tbp) .ozf-sheet-actions button small{font:400 13px/1.2 var(--oz-font)!important;color:var(--oz-ink-2)!important}
html body:not(#tbp) .ozf-sheet-actions button:active{background:var(--oz-ctrl)!important}
/* ---------- 5. cart (v0.13.320) ---------- */
/* The pickup header is pinned and solid like the other pages (the compact cart had
made it static, so on iPhone it slid under the status bar and looked faded).
Share / delete now live in the "select all" row (same place on screen). */
html body:not(#tbp) .cart-screen .cart-selection-toolbar>.cart-top-actions{margin-left:auto!important;flex:0 0 auto!important}
@media (max-width:767px){
html body:not(#tbp):not(#tbq) .cart-screen .cart-pickup-top{position:sticky!important;top:var(--safe-area-inset-top,env(safe-area-inset-top,0px))!important;z-index:950!important;display:block!important;height:56px!important;padding:10px 16px!important;background:var(--oz-sheet)!important;border-bottom-left-radius:24px!important;border-bottom-right-radius:24px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-pickup-title strong{color:var(--oz-ink)!important;opacity:1!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-pickup-top+.cart-head-card{position:relative!important;margin:6px 0 6px!important;padding:6px 12px 8px!important;border-radius:22px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-head-card .cart-top-actions{position:absolute!important;top:6px!important;right:12px!important;height:40px!important;display:flex!important;align-items:center!important;gap:8px!important;z-index:2}
html body:not(#tbp):not(#tbq) .cart-screen .cart-head-card .cart-top-actions button{display:grid!important;place-items:center!important;padding:0!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-selection-toolbar{padding-right:100px!important}
/* line actions: one height, one radius, even gaps; the − 1 + stepper no longer
overflows its box (the count had a 40px minimum inside a 32px column) */
html body:not(#tbp):not(#tbq) .cart-screen .cart-line>.cart-actions{align-items:center!important;gap:8px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-actions-left{gap:8px!important;align-items:center!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-actions-left .cart-tool{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-actions-left .cart-tool .ui-icon{width:20px!important;height:20px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-actions-left .cart-qty-control{width:112px!important;min-width:112px!important;flex:0 0 112px!important;height:40px!important;padding:0!important;border-radius:12px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 36px!important;align-items:center!important;overflow:hidden!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-qty-control>button{width:36px!important;min-width:0!important;height:40px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-qty-control>button .ui-icon{width:18px!important;height:18px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-qty-control>span{min-width:0!important;width:auto!important;padding:0!important;text-align:center!important;font:600 15px/40px var(--oz-font)!important;font-variant-numeric:tabular-nums}
html body:not(#tbp):not(#tbq) .cart-screen .cart-buy-line{height:40px!important;min-height:40px!important;padding:0 16px!important;border-radius:12px!important;font:600 14px/1 var(--oz-font)!important}
}
@media (max-width:359px){
html body:not(#tbp):not(#tbq) .cart-screen .cart-actions-left{gap:6px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-actions-left .cart-tool{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-actions-left .cart-qty-control{width:102px!important;min-width:102px!important;flex-basis:102px!important;height:38px!important;grid-template-columns:32px minmax(0,1fr) 32px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-qty-control>button{width:32px!important;height:38px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-qty-control>span{line-height:38px!important}
html body:not(#tbp):not(#tbq) .cart-screen .cart-buy-line{height:38px!important;min-height:38px!important;padding:0 12px!important;font-size:13px!important}
}
/* ---- tb-fresh-skin.css ---- */
/* TB Fresh v0.13.321 — reference fresh layout in TB Fresh colours.
* Scope: only body.tb-fresh-mode (TB Fresh screens inside the app and mobile web).
* TB Market screens are not touched by this file. */
html body.tb-fresh-mode:not(#tbp):not(#tbq){
--tbfo-pink:#EC316E;--tbfo-pink-d:#D61F5C;--tbfo-pink-50:#FFF0F5;
--tbfo-berry:#3A1624;--tbfo-berry-2:#561B36;
--tbfo-sheet:#FFFFFF;--tbfo-tile:#F3F4F6;--tbfo-chip:#F2F3F5;--tbfo-line:#ECEDF0;
--tbfo-ink:#16181D;--tbfo-muted:#7C818B;--tbfo-green:#119C4B;--tbfo-cold:#2F7BEA;
--tbfo-card-btn:#FFFFFF;--tbfo-shadow:0 2px 10px rgba(22,24,29,.14);
--tbfo-font:"TB Onest",Onest,Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--tbfo-safe-top:max(var(--safe-area-inset-top,0px),env(safe-area-inset-top,0px));--tbfo-safe-bottom:max(var(--safe-area-inset-bottom,0px),env(safe-area-inset-bottom,0px));--tbfo-head-h:calc(var(--tbfo-safe-top) + 76px);
background:var(--tbfo-sheet)!important;
}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp):not(#tbq),html[data-theme="dark"] body.tb-fresh-mode:not(#tbp):not(#tbq){
--tbfo-sheet:#141416;--tbfo-tile:#222327;--tbfo-chip:#24252A;--tbfo-line:#2B2C31;
--tbfo-ink:#F2F3F5;--tbfo-muted:#9EA3AD;--tbfo-pink-50:#3A1A28;--tbfo-card-btn:#2C2D33;--tbfo-shadow:0 2px 10px rgba(0,0,0,.5);
}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .app-shell,html body.tb-fresh-mode:not(#tbp):not(#tbq) .app-view{background:var(--tbfo-sheet)!important;color:var(--tbfo-ink)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .app-view{padding:0!important}
/* ---------- berry top bar (header) ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) #app-header{position:sticky!important;top:0!important;z-index:1000!important;padding:var(--tbfo-safe-top) 0 0!important;background:var(--tbfo-berry)!important;background-image:linear-gradient(180deg,var(--tbfo-berry-2) 0%,var(--tbfo-berry) 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;color:#fff!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) #app-header:empty{display:none!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) #app-header::before,html body.tb-fresh-mode:not(#tbp):not(#tbq) #app-header::after{display:none!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top{display:flex;align-items:center;gap:10px;padding:10px 12px 28px;font-family:var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-brand{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;text-align:left;font-family:inherit}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-logo img{display:block;width:38px;height:38px;border-radius:11px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-copy b{font:700 15px/1.2 var(--tbfo-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-copy b i{font-style:normal;opacity:.6;margin:0 1px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-copy small{display:flex;align-items:center;gap:2px;font:500 12.5px/1.3 var(--tbfo-font);color:rgba(255,255,255,.74);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-copy small .tbfa-ic{width:14px;height:14px;transform:rotate(90deg);flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-x{flex:0 0 auto;width:34px;height:34px;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.16)!important;color:#fff!important;display:grid!important;place-items:center;padding:0!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-x .tbfa-ic{width:18px;height:18px;stroke-width:2.3}
/* ---------- white sheet + sticky head ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheet{position:relative;z-index:2;margin-top:0;min-height:calc(100dvh - var(--tbfo-head-h));border-radius:0;background:var(--tbfo-sheet);color:var(--tbfo-ink);font-family:var(--tbfo-font);padding-bottom:calc(var(--tbfo-nav-h,66px) + 18px)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) #app-header:empty+.app-view .tbfo-sheet{margin-top:0;border-radius:0}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheet h1,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheet h2,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheet h3{margin:0;color:var(--tbfo-ink);letter-spacing:-.01em;font-family:var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheet button{font-family:inherit}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sticky{position:sticky;top:var(--tbfo-head-h);z-index:30;padding:2px 12px 8px;border-radius:0;background:var(--tbfo-sheet)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sticky::before{display:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) #app-header:empty+.app-view .tbfo-sticky{top:0;padding-top:calc(var(--tbfo-safe-top) + 8px)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-search{display:flex;align-items:center;gap:8px;height:44px;margin:0;padding:0 14px;border-radius:14px;background:var(--tbfo-chip);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-search>.tbfa-ic{width:20px;height:20px;flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-search input{flex:1;min-width:0;height:100%;padding:0!important;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:var(--tbfo-ink)!important;font:500 15px var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-search input::placeholder{color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-search-row{display:flex;align-items:center;gap:4px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-search-row .tbfo-search{flex:1}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheethead{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;min-height:44px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheethead h1{display:flex;flex-direction:column;align-items:center;font:700 17px/1.2 var(--tbfo-font);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheethead h1 small{font:500 12px/1.3 var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-head-btn{width:40px;height:40px;border-radius:12px!important;border:0!important;background:transparent!important;color:var(--tbfo-ink)!important;display:grid!important;place-items:center;padding:0!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-head-btn .tbfa-ic{width:22px;height:22px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-head-btn.is-empty{pointer-events:none}
/* ---------- sections, tiles ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-section{padding:6px 12px 6px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-section>h2{margin:14px 0 10px;font:800 20px/1.2 var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:14px 0 10px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-head h2{font:800 20px/1.2 var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-head small{display:flex;align-items:center;gap:3px;margin-top:3px;font:600 12px var(--tbfo-font);color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-head small .tbfa-ic{width:13px;height:13px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-head button{display:flex;align-items:center;gap:2px;padding:0!important;border:0!important;background:transparent!important;color:var(--tbfo-pink)!important;font:600 13.5px var(--tbfo-font);white-space:nowrap}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-head button .tbfa-ic{width:16px;height:16px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tiles,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-promos{padding:2px 12px 4px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:124px;margin:0;padding:10px!important;border:0!important;border-radius:16px!important;background:var(--tbfo-tile)!important;color:var(--tbfo-ink)!important;text-align:left;overflow:hidden;isolation:isolate}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-2{grid-column:span 2}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-3{grid-column:span 3}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile>b{position:relative;z-index:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:92%;font:650 12.5px/1.22 var(--tbfo-font);font-weight:600}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-promo{height:118px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-promo>b{font-size:14px;font-weight:700}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-promo.is-deals>b{color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-promo.is-new>b{color:var(--tbfo-green)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art{position:absolute;left:0;right:0;bottom:0;height:calc(100% - 46px);z-index:1;pointer-events:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art img{position:absolute;bottom:0;height:100%;width:auto;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.n1 img{right:4px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.n2 img:nth-child(1){right:-2px;z-index:2}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.n2 img:nth-child(2){right:44%;height:82%;bottom:6%;z-index:1}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.n3 img:nth-child(1){right:-4px;z-index:3}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.n3 img:nth-child(2){right:34%;height:82%;bottom:5%;z-index:2}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.n3 img:nth-child(3){right:62%;height:66%;bottom:14%;z-index:1}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-2 .tbfo-tile-art,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-3 .tbfo-tile-art{left:40%;height:calc(100% - 8px)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-2 .tbfo-tile-art.n3 img:nth-child(2),html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-3 .tbfo-tile-art.n3 img:nth-child(2){right:30%}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-2 .tbfo-tile-art.n3 img:nth-child(3),html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-3 .tbfo-tile-art.n3 img:nth-child(3){right:56%}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-2>b,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-3>b{max-width:40%}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.is-icon{display:grid;place-items:end;padding:0 10px 8px 0;color:var(--tbfo-pink);opacity:.85}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.is-icon .tbfa-ic{width:44px;height:44px;stroke-width:1.6}
/* ---------- ads ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-ads{display:grid;grid-auto-flow:column;grid-auto-columns:90%;gap:8px;overflow-x:auto;padding:8px 12px 2px;scroll-snap-type:x mandatory;scrollbar-width:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-ads::-webkit-scrollbar{display:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-ad{position:relative;display:block;padding:0!important;border:0!important;border-radius:16px!important;overflow:hidden;background:var(--tbfo-tile)!important;scroll-snap-align:start;aspect-ratio:2.25/1}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-ad img{display:block;width:100%;height:100%;object-fit:cover}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-ad-label{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.45);color:#fff;font:600 10px var(--tbfo-font)}
/* ---------- shelves & grids ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-shelf{padding:2px 12px 6px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px)/2.35);gap:8px;margin:0 -12px;padding:0 12px 4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-rail::-webkit-scrollbar{display:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-rail>.tbfo-card{scroll-snap-align:start}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px;padding:8px 12px 12px}
@media (min-width:600px){html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-rail{grid-auto-columns:calc((100% - 24px)/3.35)}}
@media (min-width:900px){html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* ---------- product card ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-card{position:relative;display:flex;flex-direction:column;min-width:0}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-card-media{position:relative;aspect-ratio:1/1;border-radius:16px;background:var(--tbfo-tile);overflow:hidden}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-card-img{position:absolute;inset:0;display:block}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-card-img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-card-img img,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-card-img img{mix-blend-mode:normal}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-card.is-soldout .tbfo-card-img img{opacity:.45}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-ph .tbfa-ic{width:42px;height:42px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-badge{position:absolute;left:8px;top:8px;z-index:2;padding:2px 6px;border-radius:8px;background:var(--tbfo-pink);color:#fff;font:700 11px/16px var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-fav{position:absolute;right:4px;top:4px;z-index:2;width:34px;height:34px;padding:0!important;border:0!important;background:transparent!important;color:#A7ACB6!important;display:grid!important;place-items:center}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-fav .tbfa-ic{width:22px;height:22px;fill:rgba(255,255,255,.75);stroke-width:1.8}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-fav.is-active{color:var(--tbfo-pink)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-fav.is-active .tbfa-ic{fill:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-qty.is-card{position:absolute;right:8px;bottom:8px;z-index:3}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-qty.is-card.has-qty{left:8px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-qty.is-busy{opacity:.6;pointer-events:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-add{width:40px;height:40px;padding:0!important;border:0!important;border-radius:50%!important;background:var(--tbfo-card-btn)!important;color:var(--tbfo-ink)!important;box-shadow:var(--tbfo-shadow)!important;display:grid!important;place-items:center}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-add .tbfa-ic{width:21px;height:21px;stroke-width:2}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-stepper{display:flex;align-items:center;justify-content:space-between;gap:4px;height:38px;padding:0 3px;border-radius:12px;background:var(--tbfo-card-btn);color:var(--tbfo-ink);box-shadow:var(--tbfo-shadow)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-stepper button{width:32px;height:32px;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--tbfo-ink)!important;display:grid!important;place-items:center}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-stepper button:disabled{opacity:.35}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-stepper .tbfa-ic{width:18px;height:18px;stroke-width:2.2}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-stepper b{min-width:22px;text-align:center;font:700 14px var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-soldout{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:9px;background:var(--tbfo-card-btn);color:var(--tbfo-muted);font:600 11.5px var(--tbfo-font);box-shadow:var(--tbfo-shadow)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 2px 0;color:var(--tbfo-ink)!important;text-decoration:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-price{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:6px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-price strong{font:800 16px/1.25 var(--tbfo-font);color:var(--tbfo-ink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-price.is-sale strong{color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-price s{font:500 12px var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tag{display:inline-flex;align-items:center;gap:3px;font:600 11.5px/1.3 var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tag .tbfa-ic{width:12px;height:12px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tag.is-new{color:var(--tbfo-green)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tag.is-low{color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:500 13px/1.3 var(--tbfo-font);color:var(--tbfo-ink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-unit{display:flex;align-items:center;gap:4px;font:500 12px/1.3 var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-unit i{display:inline-flex;color:var(--tbfo-cold)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-unit .tbfa-ic{width:12px;height:12px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-rate{display:inline-flex;align-items:center;gap:3px;font:600 12px var(--tbfo-font);color:var(--tbfo-ink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-rate .tbfa-ic{width:13px;height:13px;fill:#FFB800;stroke:#FFB800}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-rate i{font-style:normal;font-weight:500;color:var(--tbfo-muted)}
/* ---------- chips ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 12px 8px;scrollbar-width:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-chips::-webkit-scrollbar{display:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-chips button{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 14px!important;border:0!important;border-radius:12px!important;background:var(--tbfo-chip)!important;color:var(--tbfo-ink)!important;font:600 13px var(--tbfo-font);white-space:nowrap}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-chips button .tbfa-ic{width:15px;height:15px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-chips button.is-active{background:var(--tbfo-ink)!important;color:var(--tbfo-sheet)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-chips.is-sort button{height:30px;padding:0 12px!important;font-size:12.5px;border-radius:10px!important}
/* ---------- stores ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-stores{display:grid;gap:8px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px!important;border:0!important;border-radius:16px!important;background:var(--tbfo-tile)!important;color:var(--tbfo-ink)!important;text-align:left}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store b{font:700 14px var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store small{display:flex;align-items:center;gap:4px;font:500 12px var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store small .tbfa-ic{width:13px;height:13px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store>.tbfa-ic{width:18px;height:18px;color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store-logo{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--tbfo-sheet);display:grid;place-items:center;overflow:hidden;font:800 18px var(--tbfo-font);color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store-logo img{width:100%;height:100%;object-fit:cover}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store-logo.is-lg{width:60px;height:60px;border-radius:16px;font-size:24px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store-hero{display:flex;align-items:center;gap:14px;margin:4px 12px 6px;padding:14px;border-radius:18px;background:var(--tbfo-tile)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store-hero h2{font:800 18px var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store-hero p{display:flex;align-items:center;gap:5px;margin:4px 0 0;font:500 12.5px var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-store-hero p .tbfa-ic{width:14px;height:14px;color:var(--tbfo-pink)}
/* ---------- empty / buttons ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px;padding:36px 18px;border-radius:20px;background:var(--tbfo-tile);text-align:center}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-empty>.tbfa-ic{width:46px;height:46px;color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-empty h3{font:700 16px var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-empty p{margin:0;font:500 13px/1.4 var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px!important;border:0!important;border-radius:14px!important;background:var(--tbfo-pink)!important;color:#fff!important;font:700 15px var(--tbfo-font);box-shadow:0 8px 18px -10px rgba(236,49,110,.7)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-btn:disabled{opacity:.5}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-btn-wide{width:100%}
/* ---------- bottom menu + delivery bar ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .bottom-nav.is-fresh-nav{left:0!important;right:0!important;bottom:0!important;height:auto!important;min-height:calc(58px + var(--tbfo-safe-bottom));padding:0 2px var(--tbfo-safe-bottom)!important;grid-template-rows:58px;align-items:stretch;background:var(--tbfo-sheet)!important;border-top:1px solid var(--tbfo-line)!important;box-shadow:none!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .bottom-nav.is-fresh-nav button{color:var(--tbfo-muted)!important;font-family:var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .bottom-nav.is-fresh-nav button.is-active,html body.tb-fresh-mode:not(#tbp):not(#tbq) .bottom-nav.is-fresh-nav button.is-active .nav-icon{color:var(--tbfo-pink)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .bottom-nav.is-fresh-nav.has-fresh-dbar{height:auto!important;grid-template-rows:auto 58px;padding-top:0!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .bottom-nav.is-fresh-nav .tbfo-dbar{grid-column:1/-1;display:block;width:100%;margin:0;padding:7px 14px 6px!important;border:0!important;border-bottom:1px solid var(--tbfo-line)!important;border-radius:0!important;background:var(--tbfo-sheet)!important;color:var(--tbfo-ink)!important;text-align:left}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-dbar-copy{display:flex;align-items:center;gap:6px;min-width:0;font:600 12.5px/1.2 var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-dbar-copy>.tbfa-ic:first-child{width:17px;height:17px;color:var(--tbfo-pink);flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-dbar-copy b{font-weight:700;white-space:nowrap}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-dbar-copy small{flex:1;min-width:0;font:500 12px var(--tbfo-font);color:var(--tbfo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-dbar-copy>.tbfa-ic:last-child{width:14px;height:14px;color:var(--tbfo-muted);flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-dbar-track{display:block;height:3px;margin-top:5px;border-radius:2px;background:var(--tbfo-line);overflow:hidden}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-dbar-track>i{display:block;height:100%;border-radius:2px;background:var(--tbfo-pink);transition:width .3s ease}
/* ---------- cart ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-cart-delivery{display:block;width:calc(100% - 24px);margin:2px 12px 8px;padding:10px 12px!important;border:0!important;border-radius:14px!important;background:var(--tbfo-pink-50)!important;color:var(--tbfo-ink)!important;text-align:left}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-cart-delivery>.tbfa-ic{float:left;width:20px;height:20px;margin:2px 8px 0 0;color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-cart-delivery span{display:flex;flex-direction:column;gap:1px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-cart-delivery b{font:700 13.5px var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-cart-delivery small{font:500 12px var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-cart-delivery .tbfo-dbar-track{clear:both;margin-top:8px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-lines{display:flex;flex-direction:column}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line{display:flex;gap:12px;padding:12px;border-bottom:1px solid var(--tbfo-line)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line.is-off{opacity:.55}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-thumb{flex:0 0 auto;width:76px;height:76px;padding:0!important;border:0!important;border-radius:14px!important;background:var(--tbfo-tile)!important;overflow:hidden;display:grid!important;place-items:center;color:var(--tbfo-muted)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-thumb img,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-thumb img{mix-blend-mode:normal}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-copy>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:500 13.5px/1.3 var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-copy>small{font:500 12px var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-copy>em{font:600 12px var(--tbfo-font);font-style:normal;color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-qty.is-line .tbfo-stepper{height:36px;box-shadow:none;background:var(--tbfo-chip)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-qty.is-line .tbfo-soldout{box-shadow:none;background:var(--tbfo-chip)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-remove{width:36px;height:36px;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--tbfo-muted)!important;display:grid!important;place-items:center}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-line-remove .tbfa-ic{width:19px;height:19px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-summary{display:flex;flex-direction:column;gap:8px;margin:12px;padding:14px;border-radius:16px;background:var(--tbfo-tile)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-summary div{display:flex;justify-content:space-between;gap:10px;font:500 13.5px var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-summary span{color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-checkout{position:sticky;bottom:max(var(--tbfo-nav-h,0px),calc(58px + var(--tbfo-safe-bottom)));z-index:40;display:flex;align-items:center;gap:14px;margin-top:8px;padding:10px 12px;background:var(--tbfo-sheet);box-shadow:0 -8px 18px -12px rgba(0,0,0,.22)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-checkout>span{display:flex;flex-direction:column}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-checkout small{font:500 12px var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-checkout b{font:800 19px var(--tbfo-font);white-space:nowrap}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-checkout .tbfo-btn{flex:1}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-cart.has-lines{padding-bottom:calc(var(--tbfo-nav-h,66px) + 4px)}
/* ---------- sheet modal (delivery terms) ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheet-modal{position:fixed;left:0;right:0;bottom:0;z-index:1301;max-width:520px;margin:0 auto;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;background:var(--tbfo-sheet);color:var(--tbfo-ink);font-family:var(--tbfo-font);box-shadow:0 -12px 40px rgba(0,0,0,.25)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheet-handle{display:block;width:40px;height:4px;margin:0 auto 12px;border-radius:2px;background:var(--tbfo-line)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-sheet-modal h2{margin:0 0 12px;font:800 19px var(--tbfo-font);color:var(--tbfo-ink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--tbfo-line)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms>div>span{width:38px;height:38px;border-radius:12px;background:var(--tbfo-pink-50);color:var(--tbfo-pink);display:grid;place-items:center;flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms .tbfa-ic{width:20px;height:20px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms p{margin:0;display:flex;flex-direction:column;gap:2px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms b{font:700 14.5px var(--tbfo-font)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms small{font:500 12.5px var(--tbfo-font);color:var(--tbfo-muted)}
/* ---------- TB Fresh messages (same chat screens, TB Fresh colours) ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-message-center{padding:0 4px;background:transparent!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-message-center .message-thread-list{background:transparent!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-thread-meta em,html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-compose-fab{background:var(--tbfo-pink)!important;color:#fff!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-compose-fab{bottom:max(calc(var(--tbfo-nav-h,0px) + 16px),calc(74px + var(--tbfo-safe-bottom)))!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-compose-fab .tbfa-ic{width:24px;height:24px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .messages-verified,html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-verified,html body.tb-fresh-mode:not(#tbp):not(#tbq) .official-badge{color:var(--tbfo-pink)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-thread-avatar.type-order,html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-thread-avatar.type-support{background:var(--tbfo-pink-50)!important;color:var(--tbfo-pink)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-bubble.is-mine{background:var(--tbfo-pink)!important;color:#fff!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-compose button,html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-compose-premium button{background:var(--tbfo-pink)!important;color:#fff!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .order-center-card a,html body.tb-fresh-mode:not(#tbp):not(#tbq) .order-center-card button,html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-order-card-actions button{background:var(--tbfo-pink)!important;border-color:var(--tbfo-pink)!important;color:#fff!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .support-bot-panel button{border-color:rgba(236,49,110,.35)!important;color:var(--tbfo-pink)!important}
/* ---------- existing TB Fresh pages (profile, order) on the same sheet ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .app-view>.tbfa-page{position:relative;z-index:2;margin-top:0;min-height:calc(100dvh - var(--tbfo-head-h));border-radius:0;background:var(--tbfo-sheet)!important;padding-top:6px;padding-bottom:calc(var(--tbfo-nav-h,66px) + 18px)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) #app-header:empty+.app-view>.tbfa-page{margin-top:0;border-radius:0;padding-top:0;min-height:100dvh}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .app-view>.tbfa-page .tbfa-btn{background:var(--tbfo-pink)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-order-button{background:var(--tbfo-pink)!important;border-color:var(--tbfo-pink)!important;color:#fff!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .message-order-foot button:not(.message-order-button){color:var(--tbfo-pink)!important;border-color:rgba(236,49,110,.35)!important}
/* ---------- v0.13.322: iPhone status bar + full pages ----------
* iOS paints the status bar with the colour of the pinned bar at the top of the page; content that
* merely scrolls there is blurred. So the berry bar is pinned (above) and carries the sheet's rounded
* lip; the page background below the menu is the sheet colour; product pages pin their own bar. */
html.tb-fresh-root{background:#FFFFFF!important}
html.tb-fresh-root.tb-theme-dark-active,html.tb-fresh-root[data-theme="dark"]{background:#141416!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .app-shell{padding-top:0!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top{position:relative;height:76px;box-sizing:border-box}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:19px;border-radius:20px 20px 0 0;background:var(--tbfo-sheet);pointer-events:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfa-product-bar{position:sticky;top:0;z-index:30;margin:0 -12px;padding:calc(var(--tbfo-safe-top) + 6px) 12px 6px;background:var(--tbfo-sheet)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile>b{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile:not(.span-2):not(.span-3)>b{max-width:100%}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-message-center .message-thread-card,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-message-center .message-thread-list>*{background:transparent!important;box-shadow:none!important}
/* Category tiles: the admin picture (Admin → Mobil ilova → Kategoriya rasmlari or Admin → TB Fresh → Kategoriya rasmlari)
* is shown big like TB Market's search categories. Without it, product photos are used: the server makes transparent
* copies (/uploads/fresh-cutouts, class is-cut) that sit on the tile; a photo without a copy yet keeps a small white card. */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.is-admin img{right:0;height:100%;width:auto;max-width:100%;aspect-ratio:auto}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-2 .tbfo-tile-art.is-admin,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile.span-3 .tbfo-tile-art.is-admin{left:36%}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.is-admin img,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art.is-admin img{mix-blend-mode:normal;border-radius:0;box-shadow:none;transform:none}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art img:not(.is-cut):not(.is-admin-img),html[data-theme="dark"] body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art img:not(.is-cut):not(.is-admin-img){mix-blend-mode:normal;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.28);transform:scale(.86);transform-origin:bottom right}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile:not(.span-2):not(.span-3) .tbfo-tile-art.n3 img:nth-child(3):not(.is-cut),html[data-theme="dark"] body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile:not(.span-2):not(.span-3) .tbfo-tile-art.n3 img:nth-child(3):not(.is-cut){display:none}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-tile-art img.is-cut{mix-blend-mode:normal;filter:drop-shadow(0 3px 5px rgba(0,0,0,.16))}
/* ---------- v0.13.322: delivery place (header line + picker sheet) ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-copy small span{min-width:0;overflow:hidden;text-overflow:ellipsis}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-top-copy small .tbfa-ic.is-lead{width:13px;height:13px;margin-right:2px;transform:none;opacity:.9}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms-place{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--tbfo-line)!important;border-radius:0!important;background:transparent!important;color:var(--tbfo-ink)!important;text-align:left}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms-place>span{width:38px;height:38px;border-radius:12px;background:var(--tbfo-pink-50);color:var(--tbfo-pink);display:grid;place-items:center;flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms-place>p{flex:1;min-width:0}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms-place>p b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-terms-place>.tbfa-ic:last-child{width:18px;height:18px;color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-sheet{display:flex;flex-direction:column;max-height:min(88dvh,760px)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-seg button{display:flex;align-items:center;gap:8px;min-width:0;height:56px;margin:0;padding:0 12px!important;border:1.5px solid var(--tbfo-line)!important;border-radius:14px!important;background:var(--tbfo-sheet)!important;color:var(--tbfo-ink)!important;text-align:left}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-seg button.is-active{border-color:var(--tbfo-pink)!important;background:var(--tbfo-pink-50)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-seg button:disabled{opacity:.45}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-seg .tbfa-ic{width:22px;height:22px;flex:0 0 auto;color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-seg span{display:flex;flex-direction:column;gap:2px;min-width:0}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-seg b{font:700 14px/1.15 var(--tbfo-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-seg small{font:500 12px/1.2 var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -16px 12px;padding:0 16px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-map{height:150px;margin-bottom:10px;border-radius:16px;overflow:hidden;background:var(--tbfo-tile)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-map iframe{display:block;width:100%;height:100%;border:0}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-gps,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-row{display:flex;align-items:center;gap:12px;width:100%;min-width:0;margin:0 0 8px;padding:10px 12px!important;border:1.5px solid var(--tbfo-line)!important;border-radius:14px!important;background:var(--tbfo-sheet)!important;color:var(--tbfo-ink)!important;text-align:left}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-gps{border-style:dashed!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-gps.is-done,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-row.is-active{border-style:solid!important;border-color:var(--tbfo-pink)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-gps>.tbfa-ic:first-child,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-row>.tbfa-ic:first-child{width:22px;height:22px;flex:0 0 auto;color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-gps>.tbfa-ic:last-child:not(:first-child),html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-row>.tbfa-ic:last-child:not(:first-child){width:20px;height:20px;flex:0 0 auto;color:var(--tbfo-pink)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-gps span,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-row span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-gps b,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-row b{font:700 14px/1.25 var(--tbfo-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-gps small,html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-row small{font:500 12.5px/1.3 var(--tbfo-font);color:var(--tbfo-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-row em{font:500 12px/1.3 var(--tbfo-font);font-style:normal;color:var(--tbfo-green)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-list{margin-bottom:4px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-field{display:flex;flex-direction:column;gap:5px;margin:0 0 10px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-field small{font:600 12.5px var(--tbfo-font);color:var(--tbfo-muted)}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-field input{width:100%;height:46px;margin:0;padding:0 14px!important;border:1.5px solid var(--tbfo-line)!important;border-radius:12px!important;background:var(--tbfo-chip)!important;color:var(--tbfo-ink)!important;font:500 15px var(--tbfo-font);box-sizing:border-box}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-field input:focus{outline:none;border-color:var(--tbfo-pink)!important}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfo-place-empty{margin:16px 0;color:var(--tbfo-muted);font:500 14px var(--tbfo-font);text-align:center}
/* v0.13.329 — TB Fresh reviews (product block, all reviews, "Sharhlarim", compose). Light + dark via --tbfa-* tokens. */
html body.tb-fresh-mode:not(#tbp) button.tbfa-rating{background:transparent!important;border:0!important;padding:0!important;cursor:pointer}
html body.tb-fresh-mode:not(#tbp) .tbfr-stars{display:inline-flex;align-items:center;gap:2px;line-height:1}
html body.tb-fresh-mode:not(#tbp) .tbfr-stars i{display:inline-flex;color:#D9DCE5}
html body.tb-fresh-mode:not(#tbp) .tbfr-stars i .tbfa-ic{width:17px;height:17px;fill:currentColor}
html body.tb-fresh-mode:not(#tbp) .tbfr-stars i.is-on{color:#FFB21E}
html body.tb-fresh-mode:not(#tbp) .tbfr-stars.is-sm i .tbfa-ic{width:14px;height:14px}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp) .tbfr-stars i:not(.is-on),html[data-theme="dark"] body.tb-fresh-mode:not(#tbp) .tbfr-stars i:not(.is-on){color:#3A3D49}
html body.tb-fresh-mode:not(#tbp) .tbfr-block{margin:14px 12px 4px;padding:16px;border-radius:20px;background:var(--tbfa-card);border:1px solid var(--tbfa-line);display:flex;flex-direction:column;gap:14px}
html body.tb-fresh-mode:not(#tbp) .tbfr-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfr-head h2{margin:0;font-size:18px;font-weight:800;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-head h2 small{color:var(--tbfa-soft);font-size:15px;margin-left:2px}
html body.tb-fresh-mode:not(#tbp) .tbfr-head button{display:inline-flex;align-items:center;gap:2px;border:0!important;background:transparent!important;color:var(--tbfa-pink)!important;font:700 14px Inter,Arial,sans-serif;padding:0!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-head button .tbfa-ic{width:18px;height:18px}
html body.tb-fresh-mode:not(#tbp) .tbfr-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfr-score{display:flex;flex-direction:column;gap:4px}
html body.tb-fresh-mode:not(#tbp) .tbfr-score strong{font-size:40px;font-weight:800;line-height:1;color:var(--tbfa-ink);letter-spacing:-.03em}
html body.tb-fresh-mode:not(#tbp) .tbfr-score small{display:block;margin-top:4px;color:var(--tbfa-muted);font-size:12px}
html body.tb-fresh-mode:not(#tbp) .tbfr-bars{display:flex;flex-direction:column;gap:4px}
html body.tb-fresh-mode:not(#tbp) .tbfr-bars div{display:grid;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:8px;font-size:12px;color:var(--tbfa-text)}
html body.tb-fresh-mode:not(#tbp) .tbfr-bars span{display:inline-flex;align-items:center;gap:2px;font-weight:700}
html body.tb-fresh-mode:not(#tbp) .tbfr-bars span .tbfa-ic{width:12px;height:12px;color:#FFB21E;fill:#FFB21E}
html body.tb-fresh-mode:not(#tbp) .tbfr-bars i{display:block;height:7px;border-radius:999px;background:var(--tbfa-bg);overflow:hidden}
html body.tb-fresh-mode:not(#tbp) .tbfr-bars i b{display:block;height:100%;border-radius:999px;background:#FFB21E}
html body.tb-fresh-mode:not(#tbp) .tbfr-bars em{font-style:normal;color:var(--tbfa-muted);text-align:right}
html body.tb-fresh-mode:not(#tbp) .tbfr-media{display:flex;flex-wrap:wrap;gap:8px}
html body.tb-fresh-mode:not(#tbp) .tbfr-media.is-rail{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
html body.tb-fresh-mode:not(#tbp) .tbfr-page .tbfr-media.is-rail{margin:0;padding:0 12px}
html body.tb-fresh-mode:not(#tbp) .tbfr-media.is-rail::-webkit-scrollbar{display:none}
html body.tb-fresh-mode:not(#tbp) .tbfr-thumb{position:relative;flex:0 0 auto;width:76px;height:76px;padding:0!important;border:0!important;border-radius:14px!important;overflow:hidden;background:var(--tbfa-bg)!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-media.is-rail .tbfr-thumb{width:88px;height:88px}
html body.tb-fresh-mode:not(#tbp) .tbfr-thumb img,html body.tb-fresh-mode:not(#tbp) .tbfr-thumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
html body.tb-fresh-mode:not(#tbp) .tbfr-play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35));color:#fff;pointer-events:none}
html body.tb-fresh-mode:not(#tbp) .tbfr-play .tbfa-ic{width:28px;height:28px}
html body.tb-fresh-mode:not(#tbp) .tbfr-list{display:flex;flex-direction:column;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfr-page .tbfr-list,html body.tb-fresh-mode:not(#tbp) .tbfr-mine-page .tbfr-list{padding:0 12px}
html body.tb-fresh-mode:not(#tbp) .tbfr-card{padding:14px;border-radius:16px;background:var(--tbfa-bg);display:flex;flex-direction:column;gap:10px}
html body.tb-fresh-mode:not(#tbp) .tbfr-page .tbfr-card,html body.tb-fresh-mode:not(#tbp) .tbfr-mine-page .tbfr-card{background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfr-card>header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfr-avatar{width:36px;height:36px;border-radius:50%;background:var(--tbfa-pink-50);color:var(--tbfa-pink);display:grid;place-items:center;font-weight:800;overflow:hidden}
html body.tb-fresh-mode:not(#tbp) .tbfr-avatar img{width:100%;height:100%;object-fit:cover}
html body.tb-fresh-mode:not(#tbp) .tbfr-card>header b{display:block;font-size:14px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-card>header small{display:block;font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfr-text{margin:0;font-size:14px;line-height:1.55;color:var(--tbfa-text);white-space:pre-line;overflow-wrap:anywhere}
html body.tb-fresh-mode:not(#tbp) .tbfr-replies{display:flex;flex-direction:column;gap:6px}
html body.tb-fresh-mode:not(#tbp) .tbfr-reply{padding:10px 12px;border-radius:12px;background:var(--tbfa-card)}
html body.tb-fresh-mode:not(#tbp) .tbfr-page .tbfr-reply,html body.tb-fresh-mode:not(#tbp) .tbfr-mine-page .tbfr-reply{background:var(--tbfa-bg)}
html body.tb-fresh-mode:not(#tbp) .tbfr-reply.is-seller{box-shadow:inset 3px 0 0 var(--tbfa-pink);background:var(--tbfa-pink-50)!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-reply b{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-reply b .tbfa-ic{width:15px;height:15px;color:var(--tbfa-pink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-reply p{margin:4px 0 2px;font-size:13px;line-height:1.5;color:var(--tbfa-text)}
html body.tb-fresh-mode:not(#tbp) .tbfr-reply small{font-size:11.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfr-helpful{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfr-helpful span{margin-right:2px}
html body.tb-fresh-mode:not(#tbp) .tbfr-helpful button,html body.tb-fresh-mode:not(#tbp) .tbfr-helpful em{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px!important;border-radius:999px!important;border:1px solid var(--tbfa-line)!important;background:var(--tbfa-card)!important;color:var(--tbfa-text)!important;font:700 12.5px Inter,Arial,sans-serif;font-style:normal}
html body.tb-fresh-mode:not(#tbp) .tbfr-helpful em{border-color:transparent!important;background:transparent!important;color:var(--tbfa-muted)!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-helpful button span{margin:0}
html body.tb-fresh-mode:not(#tbp) .tbfr-helpful .tbfa-ic{width:15px;height:15px}
html body.tb-fresh-mode:not(#tbp) .tbfr-helpful button.is-active{border-color:var(--tbfa-pink)!important;color:var(--tbfa-pink)!important;background:var(--tbfa-pink-50)!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-more{width:100%}
html body.tb-fresh-mode:not(#tbp) .tbfr-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;text-align:center;border-radius:16px;background:var(--tbfa-bg)}
html body.tb-fresh-mode:not(#tbp) .tbfr-empty .tbfa-ic{width:40px;height:40px;padding:8px;box-sizing:content-box;border-radius:14px;color:#FFB21E;fill:#FFB21E;background:rgba(255,178,30,.14)}
html body.tb-fresh-mode:not(#tbp) .tbfr-empty b{font-size:15px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-empty small{font-size:12.5px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfr-page .tbfr-empty{margin:0 12px;background:var(--tbfa-card)}
html body.tb-fresh-mode:not(#tbp) .tbfr-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:var(--tbfa-pink-50)}
html body.tb-fresh-mode:not(#tbp) .tbfr-page .tbfr-cta{margin:12px}
html body.tb-fresh-mode:not(#tbp) .tbfr-cta b{display:block;font-size:14px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-cta small{display:block;font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfr-cta .tbfa-btn{height:40px;flex:0 0 auto}
/* All reviews + compose pages */
html body.tb-fresh-mode:not(#tbp) .tbfr-page,html body.tb-fresh-mode:not(#tbp) .tbfr-compose{padding:calc(var(--tbfo-safe-top,0px) + 8px) 0 28px!important;display:flex;flex-direction:column;gap:12px}
html body.tb-fresh-mode:not(#tbp) .tbfr-bar{padding:0 12px}
html body.tb-fresh-mode:not(#tbp) .tbfr-bar b{flex:1;text-align:center;font-size:16px;font-weight:800;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-bar b small{color:var(--tbfa-soft);font-size:14px}
html body.tb-fresh-mode:not(#tbp) .tbfr-bar span{flex:0 0 40px!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-product{display:flex;align-items:center;gap:10px;margin:0 12px;padding:10px 12px!important;border:1px solid var(--tbfa-line)!important;border-radius:16px!important;background:var(--tbfa-card)!important;color:var(--tbfa-ink)!important;text-align:left}
html body.tb-fresh-mode:not(#tbp) .tbfr-product span{width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--tbfa-bg);display:grid;place-items:center;flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp) .tbfr-product img{width:100%;height:100%;object-fit:contain}
html body.tb-fresh-mode:not(#tbp) .tbfr-product b{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.tb-fresh-mode:not(#tbp) .tbfr-page .tbfr-summary{margin:0 12px;padding:14px;border-radius:16px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfr-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 12px}
html body.tb-fresh-mode:not(#tbp) .tbfr-chips::-webkit-scrollbar{display:none}
html body.tb-fresh-mode:not(#tbp) .tbfr-chips button{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 13px!important;border-radius:999px!important;border:1px solid var(--tbfa-line)!important;background:var(--tbfa-card)!important;color:var(--tbfa-text)!important;font:700 13px Inter,Arial,sans-serif;white-space:nowrap}
html body.tb-fresh-mode:not(#tbp) .tbfr-chips button i{font-style:normal;color:var(--tbfa-muted);font-weight:600}
html body.tb-fresh-mode:not(#tbp) .tbfr-chips button.is-active{background:var(--tbfa-pink)!important;border-color:var(--tbfa-pink)!important;color:#fff!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-chips button.is-active i{color:rgba(255,255,255,.8)}
/* "Sharhlarim" */
html body.tb-fresh-mode:not(#tbp) .tbfr-mine-page{display:flex;flex-direction:column;gap:12px;padding-top:12px!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-mine-page>.tbfa-head,html body.tb-fresh-mode:not(#tbp) .tbfr-mine-page>.tbfa-seg,html body.tb-fresh-mode:not(#tbp) .tbfr-mine-page>.tbfa-empty{margin-left:12px;margin-right:12px}
html body.tb-fresh-mode:not(#tbp) .tbfr-mine-page .tbfa-head p{margin:2px 0 0;color:var(--tbfa-muted);font-size:13px}
html body.tb-fresh-mode:not(#tbp) .tbfr-pending{display:flex;flex-direction:column;gap:10px;padding:0 12px}
html body.tb-fresh-mode:not(#tbp) .tbfr-pending-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfr-pthumb{width:56px;height:56px;padding:0!important;border:0!important;border-radius:14px!important;overflow:hidden;background:var(--tbfa-bg)!important;display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfr-pthumb img{width:100%;height:100%;object-fit:contain}
html body.tb-fresh-mode:not(#tbp) .tbfr-pending-card b{display:block;font-size:14px;color:var(--tbfa-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.tb-fresh-mode:not(#tbp) .tbfr-pending-card small{display:block;font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfr-pstars{display:flex;gap:4px;margin-top:6px}
html body.tb-fresh-mode:not(#tbp) .tbfr-pstars button{width:34px;height:34px;padding:0!important;border:0!important;border-radius:10px!important;background:var(--tbfa-bg)!important;color:#C9CCD6!important;display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfr-pstars button .tbfa-ic{width:22px;height:22px;fill:currentColor}
html body.tb-fresh-mode:not(#tbp) .tbfr-pstars button:active{color:#FFB21E!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-mine>header{grid-template-columns:56px minmax(0,1fr)}
html body.tb-fresh-mode:not(#tbp) .tbfr-mine>header .tbfr-status{grid-column:1/-1;justify-self:start}
html body.tb-fresh-mode:not(#tbp) .tbfr-mine>header .tbfr-stars{margin-top:3px}
html body.tb-fresh-mode:not(#tbp) .tbfr-status{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:700}
html body.tb-fresh-mode:not(#tbp) .tbfr-status.is-green{background:rgba(17,156,75,.12);color:#119C4B}
html body.tb-fresh-mode:not(#tbp) .tbfr-status.is-amber{background:rgba(255,178,30,.16);color:#A06A00}
html body.tb-fresh-mode:not(#tbp) .tbfr-status.is-red{background:rgba(236,49,110,.12);color:#D61F5C}
html body.tb-fresh-mode:not(#tbp) .tbfr-status.is-grey{background:var(--tbfa-bg);color:var(--tbfa-muted)}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp) .tbfr-status.is-amber,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp) .tbfr-status.is-amber{color:#FFC75A}
html body.tb-fresh-mode:not(#tbp) .tbfr-mine-actions{display:flex;gap:8px}
html body.tb-fresh-mode:not(#tbp) .tbfr-mine-actions .tbfa-btn-line{height:38px}
/* Order lines */
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines .tbfr-line{grid-column:2/-1;justify-self:start;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px!important;border:0!important;border-radius:999px!important;background:var(--tbfa-pink)!important;color:#fff!important;font:700 12.5px Inter,Arial,sans-serif}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines .tbfr-line .tbfa-ic{width:15px;height:15px;fill:currentColor}
html body.tb-fresh-mode:not(#tbp) .tbfa-order-lines .tbfr-line.is-done{background:rgba(255,178,30,.16)!important;color:#A06A00!important}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp) .tbfa-order-lines .tbfr-line.is-done,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp) .tbfa-order-lines .tbfr-line.is-done{color:#FFC75A!important}
/* Compose */
html body.tb-fresh-mode:not(#tbp) .tbfr-compose-product{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;margin:0 12px;padding:12px;border-radius:16px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfr-compose-product span{width:56px;height:56px;border-radius:14px;overflow:hidden;background:var(--tbfa-bg);display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfr-compose-product img{width:100%;height:100%;object-fit:contain}
html body.tb-fresh-mode:not(#tbp) .tbfr-compose-product b{display:block;font-size:15px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-compose-product small{display:block;font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfr-form{display:flex;flex-direction:column;gap:14px;margin:0 12px;padding:16px;border-radius:20px;background:var(--tbfa-card);border:1px solid var(--tbfa-line)}
html body.tb-fresh-mode:not(#tbp) .tbfr-rate{display:flex;flex-direction:column;align-items:center;gap:6px}
html body.tb-fresh-mode:not(#tbp) .tbfr-rate>b{font-size:16px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-rate>div{display:flex;gap:4px}
html body.tb-fresh-mode:not(#tbp) .tbfr-rate button{width:48px;height:48px;padding:0!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#D9DCE5!important;display:grid;place-items:center}
html.tb-theme-dark-active body.tb-fresh-mode:not(#tbp) .tbfr-rate button,html[data-theme="dark"] body.tb-fresh-mode:not(#tbp) .tbfr-rate button{color:#3A3D49!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-rate button .tbfa-ic{width:38px;height:38px;fill:currentColor}
html body.tb-fresh-mode:not(#tbp) .tbfr-rate button.is-on{color:#FFB21E!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-rate small{font-size:13px;font-weight:700;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfr-field{display:flex;flex-direction:column;gap:6px}
html body.tb-fresh-mode:not(#tbp) .tbfr-field span{font-weight:700;font-size:14px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-field textarea{width:100%;min-height:110px;resize:vertical;box-sizing:border-box;border:1.5px solid var(--tbfa-line)!important;border-radius:14px!important;padding:12px!important;background:var(--tbfa-bg)!important;color:var(--tbfa-ink)!important;font:400 16px/1.45 Inter,Arial,sans-serif}
html body.tb-fresh-mode:not(#tbp) .tbfr-field textarea:focus{outline:0;border-color:var(--tbfa-pink)!important}
html body.tb-fresh-mode:not(#tbp) .tbfr-files>div:first-child b{display:block;font-size:14px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-files>div:first-child small{display:block;font-size:12px;color:var(--tbfa-muted);margin-top:2px}
html body.tb-fresh-mode:not(#tbp) .tbfr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
html body.tb-fresh-mode:not(#tbp) .tbfr-file,html body.tb-fresh-mode:not(#tbp) .tbfr-add{position:relative;margin:0;aspect-ratio:1;border-radius:14px;overflow:hidden}
html body.tb-fresh-mode:not(#tbp) .tbfr-file{background:var(--tbfa-bg)}
html body.tb-fresh-mode:not(#tbp) .tbfr-file img,html body.tb-fresh-mode:not(#tbp) .tbfr-file video{width:100%;height:100%;object-fit:cover;display:block}
html body.tb-fresh-mode:not(#tbp) .tbfr-file i{position:absolute;left:4px;bottom:4px;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:rgba(17,18,24,.6);border-radius:7px;padding:1px 5px}
html body.tb-fresh-mode:not(#tbp) .tbfr-file button{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(17,18,24,.66)!important;color:#fff!important;display:grid;place-items:center}
html body.tb-fresh-mode:not(#tbp) .tbfr-file button .tbfa-ic{width:14px;height:14px}
html body.tb-fresh-mode:not(#tbp) .tbfr-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1.5px dashed var(--tbfa-pink-100);background:var(--tbfa-pink-50);color:var(--tbfa-pink);cursor:pointer}
html body.tb-fresh-mode:not(#tbp) .tbfr-add input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
html body.tb-fresh-mode:not(#tbp) .tbfr-add .tbfa-ic{width:24px;height:24px}
html body.tb-fresh-mode:not(#tbp) .tbfr-add small{font-size:11px;font-weight:700}
html body.tb-fresh-mode:not(#tbp) .tbfr-error{margin:8px 0 0;color:#D61F5C;font-size:12.5px;font-weight:600}
html body.tb-fresh-mode:not(#tbp) .tbfr-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:var(--tbfa-bg)}
html body.tb-fresh-mode:not(#tbp) .tbfr-switch b{display:block;font-size:14px;color:var(--tbfa-ink)}
html body.tb-fresh-mode:not(#tbp) .tbfr-switch small{display:block;font-size:12px;color:var(--tbfa-muted)}
html body.tb-fresh-mode:not(#tbp) .tbfr-switch input{width:22px;height:22px;accent-color:var(--tbfa-pink);flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp) .tbfr-note{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:12px;background:rgba(52,120,246,.08);color:var(--tbfa-text);font-size:12.5px;line-height:1.45}
html body.tb-fresh-mode:not(#tbp) .tbfr-note .tbfa-ic{width:17px;height:17px;color:#3478F6;flex:0 0 auto}
html body.tb-fresh-mode:not(#tbp) .tbfr-form .tbfa-btn[disabled]{opacity:.7}
/* Viewer */
html body.tb-fresh-mode:not(#tbp) .tbfr-viewer,.tbfr-viewer{position:fixed;inset:0;z-index:4000;background:rgba(8,9,12,.95);display:flex;align-items:center;justify-content:center}
.tbfr-viewer .tbfr-v-stage{max-width:94vw;max-height:80vh;display:flex;align-items:center;justify-content:center}
.tbfr-viewer .tbfr-v-stage img,.tbfr-viewer .tbfr-v-stage video{max-width:94vw;max-height:80vh;border-radius:12px;display:block;background:#000}
.tbfr-viewer .tbfr-v-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;width:44px;height:44px;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;color:#fff!important;display:grid;place-items:center}
.tbfr-viewer .tbfr-v-close .tbfa-ic{width:22px;height:22px}
.tbfr-viewer .tbfr-v-count{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:50%;transform:translateX(-50%);color:rgba(255,255,255,.85);font:600 14px Inter,Arial,sans-serif}
/* ---- tb-ui-fixes.css ---- */
/* TB Market app v0.13.322 — small UI fixes loaded last (mobile web + Android app).
* 1) product page: compact reference-style rating row, tabs that fit, delivery rows with inner padding
* 2) pickup barcode card: always black bars on white (scanners), share button, number below the bars
* 3) dark theme readability (activity feed achievements, order "storage until" line)
* Uses the TB Market reference tokens from tb-skin.css (--oz-*). */
/* ---------- 1. product page ---------- */
html body:not(#tbp):not(#tbq) .product-reference-social.is-compact{display:block!important;margin-top:14px}
html body:not(#tbp):not(#tbq) .prs-row{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
html body:not(#tbp):not(#tbq) .prs-chip{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;height:34px;margin:0;padding:0 11px!important;border:0!important;border-radius:12px!important;background:var(--oz-ctrl,#EFF1F4)!important;color:var(--oz-ink,#001A34)!important;font:600 14px/1 var(--oz-font,inherit);white-space:nowrap;box-shadow:none!important}
html body:not(#tbp):not(#tbq) .prs-chip b{font:700 14px/1 var(--oz-font,inherit);color:var(--oz-ink,#001A34)}
html body:not(#tbp):not(#tbq) .prs-chip small{min-width:0;overflow:hidden;text-overflow:ellipsis;font:500 13.5px/1 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .prs-stars{flex:0 0 auto;font:13px/1 Arial,sans-serif;letter-spacing:0;background:linear-gradient(90deg,var(--oz-gold,#FFB800) var(--prs-fill,0%),var(--oz-ctrl-2,#D6DAE0) var(--prs-fill,0%));-webkit-background-clip:text;background-clip:text;color:transparent}
html body:not(#tbp):not(#tbq) .prs-q{flex:0 0 auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--oz-ink-3,#99A3AE);color:var(--oz-sheet,#fff);font:800 12px/1 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .prs-media{display:flex;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-width:none}
html body:not(#tbp):not(#tbq) .prs-media::-webkit-scrollbar{display:none}
html body:not(#tbp):not(#tbq) .prs-media button{position:relative;flex:0 0 auto;width:52px;height:52px;margin:0;padding:0!important;border:0!important;border-radius:12px!important;overflow:hidden;background:var(--oz-ctrl,#EFF1F4)!important}
html body:not(#tbp):not(#tbq) .prs-media img{width:100%;height:100%;object-fit:cover;display:block}
html body:not(#tbp):not(#tbq) .prs-media i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;font:700 13px var(--oz-font,inherit);font-style:normal}
html body:not(#tbp):not(#tbq) .product-reference-tabs{display:flex!important;gap:6px!important;overflow:visible!important}
html body:not(#tbp):not(#tbq) .product-reference-tabs button{flex:1 1 auto!important;min-width:0!important;height:38px!important;padding:0 10px!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body:not(#tbp):not(#tbq) .product-delivery-card{padding:12px 14px!important;margin-bottom:8px}
html body:not(#tbp):not(#tbq) .product-delivery-row{padding:12px 14px!important;margin-bottom:8px;min-width:0}
html body:not(#tbp):not(#tbq) .product-delivery-row>div{min-width:0}
html body:not(#tbp):not(#tbq) .product-delivery-row em{flex:0 0 auto;white-space:nowrap;background:var(--oz-sheet,#fff)!important;color:var(--oz-ink,#001A34)}
/* ---------- 2. pickup barcode card ---------- */
html body:not(#tbp):not(#tbq) .tb-barcode-card{position:relative;display:block;width:100%;margin:0;padding:12px 14px 12px!important;border:0!important;border-radius:20px!important;background:#FFFFFF!important;color:#0B1220!important;text-align:center;box-shadow:none!important;cursor:pointer}
html body:not(#tbp):not(#tbq) .tb-barcode-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;margin-bottom:6px}
html body:not(#tbp):not(#tbq) .tb-barcode-head>small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.2 var(--oz-font,inherit);color:#5F6B7A!important;text-align:left}
html body:not(#tbp):not(#tbq) .tb-barcode-share{flex:0 0 auto;width:36px;height:36px;margin:0;padding:0!important;border:0!important;border-radius:12px!important;background:#F1F3F6!important;color:#0B1220!important;display:grid!important;place-items:center}
html body:not(#tbp):not(#tbq) .tb-barcode-share svg{width:20px;height:20px}
html body:not(#tbp):not(#tbq) .tb-barcode-bars{display:block;padding:0 4px;background:#FFFFFF}
html body:not(#tbp):not(#tbq) .tb-barcode-bars svg{display:block;width:100%;height:96px;fill:#000!important;color:#000!important}
html body:not(#tbp):not(#tbq) .tb-barcode-bars svg rect:not(:first-child){fill:#000!important}
html body:not(#tbp):not(#tbq) :is(.tb-barcode-bars,.barcode-modal,.order-list-barcode) svg rect:first-child{fill:#FFFFFF!important}
html body:not(#tbp):not(#tbq) .tb-barcode-code{display:inline-block;margin-top:-14px;padding:4px 14px;border-radius:12px;background:#FFFFFF;position:relative;font:700 22px/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.04em;color:#0B1220!important}
html body:not(#tbp):not(#tbq) .tb-barcode-hint{display:block;margin-top:2px;font:500 12px/1.3 var(--oz-font,inherit);color:#7A8594!important}
html body:not(#tbp):not(#tbq) .tb-barcode-wrap{padding:10px 12px 12px;border-radius:24px;background:var(--oz-sheet,#fff)}
html body:not(#tbp):not(#tbq) .tb-barcode-wrap>.tb-barcode-title{display:block;margin:0 4px 8px;font:500 13px var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .barcode-modal svg.order-barcode-svg rect:not(:first-child),html body:not(#tbp):not(#tbq) .order-list-barcode svg rect:not(:first-child){fill:#000!important}
html body:not(#tbp):not(#tbq) .barcode-modal{background:#FFFFFF!important;color:#0B1220!important}
html body:not(#tbp):not(#tbq) .barcode-modal :is(h2,strong){color:#0B1220!important}
html body:not(#tbp):not(#tbq) .barcode-modal .tb-barcode-modal-share{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto;height:44px;margin:14px auto 0;padding:0 20px!important;border:0!important;border-radius:14px!important;background:#F1F3F6!important;color:#0B1220!important;font:600 15px/1 var(--oz-font,inherit);box-shadow:none!important}
html body:not(#tbp):not(#tbq) .barcode-modal .tb-barcode-modal-share svg{width:20px;height:20px}
html body:not(#tbp):not(#tbq) .barcode-modal .tb-barcode-modal-share span{color:#0B1220!important}
html body:not(#tbp):not(#tbq) .tbfa-panel.tbfa-barcode-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
html body:not(#tbp):not(#tbq) .tbfa-barcode-panel .tb-barcode-card{box-shadow:0 0 0 1px var(--tbfa-line,rgba(0,26,52,.08))!important}
/* ---------- 3. dark theme readability ---------- */
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .activity-chat-entry.is-achievement .activity-chat-bubble,html[data-theme="dark"] body:not(#tbp):not(#tbq) .activity-chat-entry.is-achievement .activity-chat-bubble{background:linear-gradient(115deg,#2B1D2E,#221F35)!important;color:#EEF0F4!important}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .activity-chat-entry.is-achievement .activity-chat-bubble :is(b,strong,h3,p,span),html[data-theme="dark"] body:not(#tbp):not(#tbq) .activity-chat-entry.is-achievement .activity-chat-bubble :is(b,strong,h3,p,span){color:#EEF0F4!important}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .activity-chat-entry.is-achievement .activity-chat-bubble :is(small,time),html[data-theme="dark"] body:not(#tbp):not(#tbq) .activity-chat-entry.is-achievement .activity-chat-bubble :is(small,time){color:#A9AFBC!important}
html.tb-theme-dark-active body.order-detail-route:not(#tbp):not(#tbq) .order-active-eta,html[data-theme="dark"] body.order-detail-route:not(#tbp):not(#tbq) .order-active-eta{color:var(--oz-ink,#F5F7FA)!important}
/* ---- tb-market-v373.css ---- */
/* ==========================================================================
TB Market v0.13.373 — mobile app / mobile web layer ("Bog‘" design)
Loaded last by /mobile/index.php (Android: import in src/main.js). Colours follow the logo violet;
the categories row, the catalogue, the bottom menu items and every screen flow stay as they are.
TB Fresh mode (body.tb-fresh-mode) and the ADS top banner header (body.ozh-bg) keep their own look.
Remove the / import to roll back. (source: html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) = html body:not(.tb-fresh-mode) + 3 ID-level :not())
========================================================================== */
/* ---------- tokens: reference blue → brand violet ---------- */
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c){
--oz-blue:#7635ED;--oz-blue-ico:#7635ED;--oz-blue-tint:#F3EEFF;--oz-blue-tint-ink:#5A22CF;
--tb-primary:#7635ED;--tb-primary-600:#6827DE;--tb-primary-700:#5A22CF;--tb-primary-50:#F3EEFF;--tb-primary-100:#E7DDFF;
--oz-inv:#231148;--oz-page:#F7F6F3;--oz-purple:#7635ED;
--v3-brand:#7635ED;--v3-brand-h:#6827DE;--v3-brand-ink:#5A22CF;--v3-brand-50:#F3EEFF;--v3-brand-100:#E7DDFF;--v3-deep:#231148;--v3-sale:#E2344E;--v3-ok:#12A26A;--v3-ok-ink:#0C7F52;
}
html.tb-theme-dark-active body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c),
html[data-theme="dark"] body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c){
--oz-blue:#8F5CFF;--oz-blue-ico:#A882FF;--oz-blue-tint:#2A1C4A;--oz-blue-tint-ink:#C0A4FF;
--tb-primary:#8F5CFF;--tb-primary-600:#7F4BF5;--tb-primary-50:#2A1C4A;--tb-primary-100:#3A2766;
--oz-inv:#FFFFFF;--oz-page:#070707;
--v3-brand:#8F5CFF;--v3-brand-h:#7F4BF5;--v3-brand-ink:#C0A4FF;--v3-brand-50:#2A1C4A;--v3-brand-100:#3A2766;--v3-deep:#FFFFFF;
}
/* ---------- shared accents that were hard-coded blue ---------- */
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .bottom-nav button.is-active,html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .bottom-nav button.is-active :is(.nav-icon,small,svg){color:var(--oz-blue-ico)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .tb-pull-refresh svg{color:var(--v3-brand)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .market-home-bonus .ui-icon{color:#C9B2FF!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-card-qty-control button svg,html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-card-qty-control button{color:var(--v3-brand-ink)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .favorite-cart-button .cart-plus-glyph b{color:var(--v3-brand)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-feed-chip.is-active{background:var(--v3-brand)!important;border-color:var(--v3-brand)!important;color:#fff!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-feed-chip.is-active :is(b,small,span,strong){color:#fff!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-store-reference-logo i{color:var(--v3-brand-ink)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-store-reference-metrics button svg{color:var(--v3-brand)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .profile-overview-avatar{background:linear-gradient(140deg,#8B4DFF,#5B2BE0)!important}
/* ---------- home: search like the web (white, violet frame) — not over an ADS banner ---------- */
html body:not(.tb-fresh-mode):not(.ozh-bg):not(#v3a):not(#v3b):not(#v3c) .market-home-search,
html body.ozh-collapsed:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .market-home-search{background:#fff!important;border:1.5px solid var(--v3-brand)!important;box-shadow:none!important}
html.tb-theme-dark-active body:not(.tb-fresh-mode):not(.ozh-bg):not(#v3a):not(#v3b):not(#v3c) .market-home-search,
html[data-theme="dark"] body:not(.tb-fresh-mode):not(.ozh-bg):not(#v3a):not(#v3b):not(#v3c) .market-home-search{background:var(--oz-ctrl)!important;border-color:var(--v3-brand)!important}
/* ---------- home feed cards: same content, premium frame ---------- */
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .home-feed-grid .ozf-card{border-radius:14px!important;overflow:hidden!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .home-feed-grid .ozf-card .ozf-gallery{border-radius:14px 14px 0 0!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .home-section-head h2{letter-spacing:-.02em!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .home-section-head button{color:var(--v3-brand-ink)!important;background:var(--oz-blue-tint)!important}
/* ---------- product page ---------- */
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-reference-price:has(del) :is(.product-price-current,strong:first-child,.product-reference-price-main){color:var(--v3-sale)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-benefit-row span,html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-benefit-row svg{color:var(--v3-brand-ink)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-reference-buy-now{color:var(--v3-brand-ink)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .purchase-bar .primary-button,html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-purchase-bar .primary-button{background:var(--v3-brand)!important;border-color:var(--v3-brand)!important;color:#fff!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .product-arrival-date{background:var(--v3-brand)!important;color:#fff!important}
/* ---------- cart / checkout ---------- */
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .cart-check-ui,html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .cart-select>span{border-radius:7px!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) :is(.select-all-row.is-checked .cart-check-ui,.cart-line.is-selected .cart-select>span){background:var(--v3-brand)!important;border-color:var(--v3-brand)!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .cart-summary .primary-button,html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .cart-summary-premium .primary-button{background:var(--v3-brand)!important;border-color:var(--v3-brand)!important;color:#fff!important}
/* ---------- v0.13.376: sign-in / sign-up screens (TB ID) = the TB Market sign-in window ----------
* Centred TB Market mark + «TB ID», centred title and text, violet links (were blue). Fields, steps and actions unchanged.
* Layout and mark in every mode (also TB Fresh); colours follow the brand tokens (dark theme included). */
html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-id-logo{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:30px 0 24px!important;color:var(--v3-brand,#7635ED)!important;font-size:17px!important;font-weight:800!important;letter-spacing:.01em!important;line-height:28px!important}
html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-id-logo::before{content:""!important;display:block!important;flex:0 0 28px!important;width:28px!important;height:28px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%238241FA'/%3E%3Cstop offset='1' stop-color='%236726DD'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='512' height='512' rx='104' fill='url(%23g)'/%3E%3Cpath transform='matrix(.86 0 0 .86 36 40)' fill='%23fff' fill-rule='evenodd' d='M231 102 L226 104 L220 107 L214 111 L208 115 L204 119 L199 123 L195 128 L190 134 L187 139 L182 147 L178 155 L176 160 L174 166 L172 172 L170 180 L169 187 L169 188 L168 189 L168 190 L151 190 L144 190 L139 191 L135 192 L130 194 L126 196 L121 199 L117 202 L115 204 L111 208 L109 210 L106 214 L103 218 L101 223 L99 227 L97 234 L96 240 L96 242 L96 250 L97 256 L98 260 L115 313 L116 314 L116 315 L118 322 L119 323 L119 325 L120 326 L120 328 L121 329 L121 331 L122 332 L122 334 L123 335 L123 337 L124 338 L124 340 L125 341 L125 343 L126 344 L126 346 L127 347 L127 349 L128 350 L128 352 L129 353 L129 355 L130 356 L130 358 L131 359 L131 360 L132 362 L132 364 L133 365 L133 367 L134 368 L134 369 L135 371 L135 372 L136 374 L136 375 L139 382 L143 389 L145 392 L147 394 L153 400 L155 402 L159 405 L162 406 L166 409 L172 411 L179 413 L184 414 L188 414 L324 414 L327 414 L333 413 L338 412 L339 411 L341 410 L345 409 L351 406 L356 402 L360 399 L365 394 L368 390 L371 385 L373 382 L375 377 L414 260 L415 256 L416 250 L416 242 L415 235 L413 228 L410 221 L408 217 L405 214 L401 208 L396 203 L391 199 L388 197 L384 195 L379 193 L376 192 L369 190 L366 190 L361 190 L208 189 L207 189 L207 188 L208 186 L208 183 L210 176 L212 171 L214 167 L217 162 L220 157 L223 153 L225 150 L229 147 L232 144 L236 142 L240 139 L243 138 L249 136 L252 136 L260 136 L262 136 L266 137 L270 138 L274 140 L277 142 L280 144 L283 147 L287 151 L290 154 L292 157 L294 160 L296 165 L299 170 L300 173 L301 175 L302 175 L339 175 L340 175 L340 175 L340 174 L339 169 L337 163 L335 158 L332 152 L330 147 L325 140 L320 132 L316 128 L313 124 L306 118 L302 114 L299 112 L292 107 L287 105 L283 103 L274 100 L269 99 L265 98 L258 98 L253 98 L248 98 L243 99 L238 100 Z M137 235 L140 232 L144 229 L147 228 L150 227 L152 227 L304 227 L305 228 L305 229 L304 231 L304 232 L302 239 L300 245 L298 249 L295 255 L292 260 L289 264 L287 266 L282 271 L278 274 L275 276 L271 278 L266 280 L262 281 L260 281 L253 281 L250 281 L246 280 L241 278 L238 277 L236 275 L232 272 L229 270 L225 266 L220 260 L218 257 L215 252 L213 247 L211 243 L211 242 L210 242 L173 241 L172 242 L172 242 L172 243 L172 244 L175 254 L179 263 L182 270 L186 276 L190 282 L196 290 L201 295 L206 299 L212 305 L219 309 L225 312 L232 314 L238 316 L244 318 L251 319 L260 319 L268 318 L273 317 L276 316 L282 314 L287 312 L291 310 L298 306 L304 301 L310 296 L315 290 L318 286 L322 282 L324 279 L328 273 L332 265 L335 258 L338 250 L341 240 L343 230 L343 228 L343 228 L344 227 L344 227 L362 227 L365 228 L368 229 L370 231 L373 233 L376 237 L377 239 L378 242 L378 244 L378 248 L378 250 L377 251 L377 253 L376 254 L376 256 L375 257 L374 262 L373 264 L373 265 L372 266 L372 268 L371 270 L371 271 L370 272 L370 274 L369 276 L369 277 L368 278 L368 280 L367 282 L367 283 L366 284 L366 286 L365 288 L365 289 L364 290 L364 292 L363 294 L363 295 L362 296 L362 298 L361 300 L361 301 L360 302 L360 304 L359 306 L359 307 L358 308 L358 310 L357 312 L357 313 L356 314 L356 316 L355 318 L355 319 L354 320 L354 322 L353 324 L353 325 L352 326 L352 328 L351 330 L351 331 L349 336 L349 337 L348 338 L348 340 L347 342 L347 343 L345 348 L345 349 L344 350 L344 352 L343 354 L343 355 L340 364 L339 366 L337 369 L334 372 L333 373 L330 375 L327 376 L324 376 L187 376 L185 376 L182 375 L180 374 L177 372 L175 370 L173 367 L172 365 L172 362 L171 362 L171 360 L170 358 L170 357 L169 356 L169 354 L168 352 L168 351 L166 346 L166 345 L165 344 L165 342 L134 250 L134 247 L134 244 L134 242 L135 239 Z'/%3E%3C/svg%3E") center/contain no-repeat!important}
html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-id-logo span,html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-id-logo b{color:inherit!important;font-size:17px!important;font-weight:800!important;line-height:28px!important}
html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen h1{text-align:center!important;font-size:24px!important;line-height:1.25!important;letter-spacing:-.02em!important}
html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen>p{max-width:360px!important;margin:10px auto 24px!important;text-align:center!important;font-size:14px!important;line-height:1.5!important}
html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-id-field{text-align:left!important}
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-id-links button,html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-otp-links button{color:var(--v3-brand-ink)!important}
@media (max-height:700px){html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-id-logo{margin:18px 0 16px!important}}
/* guest profile «Shaxsiy kabinetga kiring»: the blue «TB» chip → the TB Market app icon */
html body:not(.tb-fresh-mode):not(#v3a):not(#v3b):not(#v3c) .guest-profile-brand{min-width:0!important;width:64px!important;height:64px!important;padding:0!important;border-radius:18px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%238241FA'/%3E%3Cstop offset='1' stop-color='%236726DD'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='512' height='512' rx='104' fill='url(%23g)'/%3E%3Cpath transform='matrix(.86 0 0 .86 36 40)' fill='%23fff' fill-rule='evenodd' d='M231 102 L226 104 L220 107 L214 111 L208 115 L204 119 L199 123 L195 128 L190 134 L187 139 L182 147 L178 155 L176 160 L174 166 L172 172 L170 180 L169 187 L169 188 L168 189 L168 190 L151 190 L144 190 L139 191 L135 192 L130 194 L126 196 L121 199 L117 202 L115 204 L111 208 L109 210 L106 214 L103 218 L101 223 L99 227 L97 234 L96 240 L96 242 L96 250 L97 256 L98 260 L115 313 L116 314 L116 315 L118 322 L119 323 L119 325 L120 326 L120 328 L121 329 L121 331 L122 332 L122 334 L123 335 L123 337 L124 338 L124 340 L125 341 L125 343 L126 344 L126 346 L127 347 L127 349 L128 350 L128 352 L129 353 L129 355 L130 356 L130 358 L131 359 L131 360 L132 362 L132 364 L133 365 L133 367 L134 368 L134 369 L135 371 L135 372 L136 374 L136 375 L139 382 L143 389 L145 392 L147 394 L153 400 L155 402 L159 405 L162 406 L166 409 L172 411 L179 413 L184 414 L188 414 L324 414 L327 414 L333 413 L338 412 L339 411 L341 410 L345 409 L351 406 L356 402 L360 399 L365 394 L368 390 L371 385 L373 382 L375 377 L414 260 L415 256 L416 250 L416 242 L415 235 L413 228 L410 221 L408 217 L405 214 L401 208 L396 203 L391 199 L388 197 L384 195 L379 193 L376 192 L369 190 L366 190 L361 190 L208 189 L207 189 L207 188 L208 186 L208 183 L210 176 L212 171 L214 167 L217 162 L220 157 L223 153 L225 150 L229 147 L232 144 L236 142 L240 139 L243 138 L249 136 L252 136 L260 136 L262 136 L266 137 L270 138 L274 140 L277 142 L280 144 L283 147 L287 151 L290 154 L292 157 L294 160 L296 165 L299 170 L300 173 L301 175 L302 175 L339 175 L340 175 L340 175 L340 174 L339 169 L337 163 L335 158 L332 152 L330 147 L325 140 L320 132 L316 128 L313 124 L306 118 L302 114 L299 112 L292 107 L287 105 L283 103 L274 100 L269 99 L265 98 L258 98 L253 98 L248 98 L243 99 L238 100 Z M137 235 L140 232 L144 229 L147 228 L150 227 L152 227 L304 227 L305 228 L305 229 L304 231 L304 232 L302 239 L300 245 L298 249 L295 255 L292 260 L289 264 L287 266 L282 271 L278 274 L275 276 L271 278 L266 280 L262 281 L260 281 L253 281 L250 281 L246 280 L241 278 L238 277 L236 275 L232 272 L229 270 L225 266 L220 260 L218 257 L215 252 L213 247 L211 243 L211 242 L210 242 L173 241 L172 242 L172 242 L172 243 L172 244 L175 254 L179 263 L182 270 L186 276 L190 282 L196 290 L201 295 L206 299 L212 305 L219 309 L225 312 L232 314 L238 316 L244 318 L251 319 L260 319 L268 318 L273 317 L276 316 L282 314 L287 312 L291 310 L298 306 L304 301 L310 296 L315 290 L318 286 L322 282 L324 279 L328 273 L332 265 L335 258 L338 250 L341 240 L343 230 L343 228 L343 228 L344 227 L344 227 L362 227 L365 228 L368 229 L370 231 L373 233 L376 237 L377 239 L378 242 L378 244 L378 248 L378 250 L377 251 L377 253 L376 254 L376 256 L375 257 L374 262 L373 264 L373 265 L372 266 L372 268 L371 270 L371 271 L370 272 L370 274 L369 276 L369 277 L368 278 L368 280 L367 282 L367 283 L366 284 L366 286 L365 288 L365 289 L364 290 L364 292 L363 294 L363 295 L362 296 L362 298 L361 300 L361 301 L360 302 L360 304 L359 306 L359 307 L358 308 L358 310 L357 312 L357 313 L356 314 L356 316 L355 318 L355 319 L354 320 L354 322 L353 324 L353 325 L352 326 L352 328 L351 330 L351 331 L349 336 L349 337 L348 338 L348 340 L347 342 L347 343 L345 348 L345 349 L344 350 L344 352 L343 354 L343 355 L340 364 L339 366 L337 369 L334 372 L333 373 L330 375 L327 376 L324 376 L187 376 L185 376 L182 375 L180 374 L177 372 L175 370 L173 367 L172 365 L172 362 L171 362 L171 360 L170 358 L170 357 L169 356 L169 354 L168 352 L168 351 L166 346 L166 345 L165 344 L165 342 L134 250 L134 247 L134 244 L134 242 L135 239 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat!important;box-shadow:0 10px 24px rgba(103,38,221,.22)!important;color:transparent!important;font-size:0!important;overflow:hidden!important}
/* v0.13.378: «Create account» accepts the TB Market documents — small note under the button */
html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-legal-note{margin:12px 2px 0!important;color:#6B7280!important;font-size:12px!important;line-height:1.5!important;text-align:center!important}
html body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-legal-link{display:inline!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--v3-brand-ink,#5A22CF)!important;font:inherit!important;font-weight:700!important;text-decoration:underline!important;cursor:pointer}
html.tb-theme-dark-active body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-legal-note,html[data-theme="dark"] body:not(#v3a):not(#v3b):not(#v3c) .auth-id-screen .auth-legal-note{color:#9AA4B2!important}
/* ---- tb-bank-lock.css ---- */
/* v0.13.382 — TB Bank lock screen: PIN keypad + Face ID / fingerprint. Colours = the in-app TB Bank (#1269f7 blue). */
body.tb-bank-lock-mode #app-header,
body.tb-bank-lock-mode #app-nav{display:none !important}
body.tb-bank-lock-mode{background:#0c55d8}
body.tb-bank-lock-mode #app-view{padding:0 !important;margin:0 !important;min-height:100dvh;background:#0c55d8}
.tb-bank-lock{position:relative;box-sizing:border-box;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 12px) 22px calc(env(safe-area-inset-bottom,0px) + 14px);overflow:hidden;background:linear-gradient(160deg,#1269f7 0%,#0c55d8 58%,#183fa9 100%);color:#fff;font-family:inherit;-webkit-user-select:none;user-select:none}
.tb-bank-lock:before{content:"";position:absolute;width:440px;height:440px;right:-210px;top:-170px;border:64px solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none}
.tb-bank-lock:after{content:"";position:absolute;width:300px;height:300px;left:-170px;bottom:-120px;border:46px solid rgba(255,255,255,.04);border-radius:50%;pointer-events:none}
.tb-bank-lock>*{position:relative;z-index:1}
.tb-bank-lock-top{width:100%;max-width:420px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:44px}
.tb-bank-lock-logo{justify-self:center;display:inline-flex;align-items:center;gap:7px}
.tb-bank-lock-logo span{height:30px;min-width:46px;padding:0 10px;border-radius:11px;background:#fff;color:#1269f7;display:grid;place-items:center;font-weight:950;letter-spacing:.04em}
.tb-bank-lock-logo b{font-size:12px;letter-spacing:.14em}
.tb-bank-lock-close{justify-self:end;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.tb-bank-lock-close .ui-icon{width:20px;height:20px}
.tb-bank-lock-head{flex:1;min-height:0;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 0 6px;text-align:center}
.tb-bank-lock-avatar{width:76px;height:76px;margin-bottom:14px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.34);font-size:28px;font-weight:900}
.tb-bank-lock-avatar img{width:100%;height:100%;object-fit:cover}
.tb-bank-lock h1{margin:0;color:#fff;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.tb-bank-lock-title{margin:8px 0 0;color:#d6e5ff;font-size:14px;line-height:1.4}
.tb-bank-lock-dots{display:flex;gap:18px;margin-top:22px}
.tb-bank-lock-dots i{width:14px;height:14px;box-sizing:border-box;border:2px solid rgba(255,255,255,.78);border-radius:50%;transition:background-color .12s,transform .12s,border-color .12s}
.tb-bank-lock-dots i.is-filled{background:#fff;border-color:#fff;transform:scale(1.06)}
.tb-bank-lock.is-error .tb-bank-lock-dots{animation:tbBankLockShake .42s}
.tb-bank-lock.is-error .tb-bank-lock-dots i{border-color:#ffb4b4}
.tb-bank-lock.is-success .tb-bank-lock-dots i{background:#29d0ba;border-color:#29d0ba}
@keyframes tbBankLockShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
.tb-bank-lock-msg{min-height:34px;max-width:310px;margin:14px 0 0;color:#ffe0e0;font-size:12.5px;line-height:1.4}
.tb-bank-lock-msg.is-info{color:#cfe0ff}
.tb-bank-lock-pad{width:100%;max-width:300px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 22px;justify-items:center;margin:2px 0 6px}
.tb-bank-lock-pad button{width:72px;height:72px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;font-family:inherit;font-size:28px;font-weight:600;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .1s,transform .1s;touch-action:manipulation}
.tb-bank-lock-pad button:active{background:rgba(255,255,255,.32);transform:scale(.96)}
.tb-bank-lock-pad button.is-aux{background:transparent}
.tb-bank-lock-pad button.is-aux:active{background:rgba(255,255,255,.16)}
.tb-bank-lock-pad button .ui-icon{width:30px;height:30px}
.tb-bank-lock-pad button[hidden]{display:grid;visibility:hidden}
.tb-bank-lock-pad button:disabled{opacity:.38;cursor:default}
.tb-bank-lock-foot{min-height:42px;display:flex;align-items:center;justify-content:center}
.tb-bank-lock-foot button{padding:10px 12px;border:0;background:transparent;color:#d6e5ff;font-family:inherit;font-size:13px;font-weight:750;cursor:pointer}
.tb-bank-lock-foot button[hidden]{display:block;visibility:hidden}
.tb-bank-lock-error{width:100%;max-width:300px;padding-bottom:40px}
.tb-bank-lock.is-loading{justify-content:flex-start}
.tb-bank-lock-primary{width:100%;min-height:48px;margin-top:6px;border:0;border-radius:14px;background:#1269f7;color:#fff;font-family:inherit;font-size:14px;font-weight:850;cursor:pointer}
.tb-bank-lock .tb-bank-lock-primary{background:#fff;color:#1269f7}
.tb-bank-lock-primary:disabled{opacity:.6}
.tb-bank-lock-ghost{width:100%;min-height:44px;margin-top:6px;border:0;border-radius:14px;background:#eef4ff;color:#1269f7;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.tb-bank-lock-sheet{gap:0}
.tb-bank-lock-sheet h2{text-align:center}
.tb-bank-lock-sheet-icon{width:58px;height:58px;margin-bottom:12px;border-radius:18px;background:#eaf2ff;color:#1269f7;display:grid;place-items:center}
.tb-bank-lock-sheet-icon .ui-icon{width:30px;height:30px}
.tb-bank-lock-sheet-msg{min-height:16px;margin:4px 0 4px !important;color:#c6283f !important;font-size:12px !important;text-align:center}
.tb-bank-lock-sheet-msg:empty{min-height:0;margin:0 !important}
.tb-bank-reset-form{width:100%;display:grid;gap:10px}
.tb-bank-reset-form[hidden]{display:none}
.tb-bank-reset-form input{text-align:center;font-size:22px !important;letter-spacing:.35em;font-weight:800}
@media (max-height:700px){
.tb-bank-lock-avatar{width:58px;height:58px;margin-bottom:10px;border-radius:19px;font-size:22px}
.tb-bank-lock h1{font-size:19px}
.tb-bank-lock-dots{margin-top:16px}
.tb-bank-lock-msg{margin-top:10px}
.tb-bank-lock-pad{gap:10px 20px}
.tb-bank-lock-pad button{width:64px;height:64px;font-size:25px}
}
@media (min-width:768px){
.tb-bank-lock{justify-content:center}
.tb-bank-lock-head{flex:0 0 auto;padding:40px 0 20px}
}
/* ---- tb-v383.css ---- */
/* v0.13.383 — compact top strip, sale events (11.11), «O‘xshashlari», category strip under the price, profile ads.
Own selectors only (plus the compact override of the home top banner); loaded after tb-market-v373.css. */
/* ---------- 1. compact top strip (ADS «Ilova yuqori banneri»): one row — title · picture · button ---------- */
html body.ozh-bg.ozh-ad:not(#tbp) .app-header::before,
html body.ozh-bg.ozh-ad.ozh-edge:not(#tbp) .app-header::before{background:linear-gradient(170deg,var(--ozh-ad-top,var(--ozh-ad-bg,#8E0D40)) 0%,var(--ozh-ad-bg,#8E0D40) 100%)!important}
html body:not(#tbp) .ozh-header .ozh-hero{min-height:0;max-height:78px;margin:6px -16px -12px;padding:6px 16px 12px;align-items:center}
html body:not(#tbp) .ozh-header .ozh-hero-copy,
html body:not(#tbp) .ozh-header .ozh-hero.is-ad .ozh-hero-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:6px;align-items:center;width:100%;max-width:none}
html body:not(#tbp) .ozh-header .ozh-hero-title,
html body:not(#tbp) .ozh-header .ozh-hero.is-ad .ozh-hero-title{grid-column:1;grid-row:1;min-width:0;font-size:14.5px!important;line-height:1.15!important;-webkit-line-clamp:2!important;text-shadow:none}
html body:not(#tbp) .ozh-header .ozh-hero-thumb{grid-column:2;grid-row:1 / span 2;width:76px;height:62px;margin:0;border-radius:14px;object-fit:cover;object-position:85% 80%;box-shadow:0 4px 12px rgba(0,0,0,.18)}
html body:not(#tbp) .ozh-header .ozh-hero-cta{grid-column:1;grid-row:2;justify-self:start;max-width:100%;height:28px;padding:0 6px 0 10px;border-radius:10px;font-size:13px!important;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp) .ozh-header .ozh-hero-cta svg{width:15px;height:15px}
@media (max-width:359px){
html body:not(#tbp) .ozh-header .ozh-hero-thumb{width:60px;height:52px}
html body:not(#tbp) .ozh-header .ozh-hero-title,html body:not(#tbp) .ozh-header .ozh-hero.is-ad .ozh-hero-title{font-size:13px!important}
}
/* ---------- 2. sale chip + countdown (cards never grow wider; one line each) ---------- */
.tb-sale-chip{display:inline-flex;align-items:center;max-width:calc(100% - 20px);height:22px;padding:0 7px;border-radius:8px;background:var(--sale,#E5004F);color:var(--sale-ink,#fff)!important;font:800 11px/22px var(--oz-font,inherit);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.product-card .product-media .tb-sale-chip.discount{background:var(--sale,#E5004F)!important;color:var(--sale-ink,#fff)!important;border-radius:8px!important;padding:0 7px!important;height:22px!important;line-height:22px!important;font-size:11px!important;font-weight:800!important}
.ozf-media .tb-sale-chip.is-ozf{position:absolute;left:8px;bottom:8px;z-index:3;max-width:calc(100% - 16px)}
.tb-sale-timer{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;color:var(--sale,#E5004F);font:750 11.5px/1.2 var(--oz-font,inherit);white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}
.tb-sale-timer svg{flex:0 0 auto;width:13px;height:13px}
.tb-sale-timer b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:800}
.tb-sale-timer.is-over{opacity:.55}
.product-card .product-copy .tb-sale-timer.is-card{order:2;display:flex;height:18px;margin:1px 0 2px}
.ozf-text .tb-sale-timer.is-card{display:flex;height:18px;margin:0 0 2px}
.tb-sale-timer.is-inline{display:inline-flex;color:inherit;vertical-align:middle}
.tb-sale-timer.is-inline svg{display:none}
/* ---------- 3. product page: sale strip, «O‘xshashlari», category strip ---------- */
/* sale = oval pill in the price card (like the «Постоплата ›» pills): oval label · clock + countdown · units left · chevron */
html body:not(#tbp) .product-price-block .tb-sale-row{display:inline-flex;align-items:center;gap:7px;width:auto;max-width:100%;height:34px;min-height:34px;margin:10px 0 0;padding:0 9px 0 5px;border:0;border-radius:999px;background:#FFE8F0;background:color-mix(in srgb,var(--sale,#E5004F) 10%,var(--oz-sheet,#fff));box-shadow:none;color:var(--oz-ink-2,#707F8D);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;vertical-align:top;-webkit-tap-highlight-color:transparent}
html[data-theme="dark"] body:not(#tbp) .product-price-block .tb-sale-row,html.tb-theme-dark-active body:not(#tbp) .product-price-block .tb-sale-row{background:color-mix(in srgb,var(--sale,#E5004F) 22%,var(--oz-sheet,#1D2024))}
html body:not(#tbp) .product-price-block .tb-sale-row:active{opacity:.7}
.tb-sale-row-label{flex:0 0 auto;display:inline-flex;align-items:center;max-width:42%;height:24px;padding:0 9px;border-radius:999px;background:var(--sale,#E5004F);color:var(--sale-ink,#fff);font:800 13px/24px var(--oz-font,inherit);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-sale-row-text{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;font-size:15px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-sale-row-text .tb-sale-timer.is-inline{flex:0 0 auto;gap:4px;font:700 15px/20px var(--oz-font,inherit);color:var(--sale,#E5004F)}
.tb-sale-row-text .tb-sale-timer.is-inline svg{display:block;width:15px;height:15px}
.tb-sale-row-text em{min-width:0;margin-left:5px;font-style:normal;font-weight:600;color:var(--sale,#E5004F);opacity:.85;overflow:hidden;text-overflow:ellipsis}
.tb-sale-row>.ui-icon{flex:0 0 auto;width:18px;height:18px;margin-left:-3px;color:var(--sale,#E5004F)}
/* «O‘xshashlari»: faint light pill in the picture's bottom-right corner, text only */
.tb-similar-btn{position:absolute;right:10px;bottom:10px;z-index:4;display:inline-flex;align-items:center;height:28px;padding:0 12px;border:0;border-radius:14px;background:rgba(236,237,240,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#8B9096;font:500 13.5px/1 var(--oz-font,inherit);letter-spacing:.005em;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tb-similar-btn .ui-icon{display:none}
/* category ad (like «Селект»): white band right under the price card; the card overlaps the band's top, so the band
shows below the card's rounded corners (black logo · one line · chevron). Without the ad the card stays as it is. */
html body:not(#tbp) .product-price-block.has-promo-band{position:relative;z-index:2;margin-bottom:0!important;box-shadow:0 1px 0 var(--oz-line,#E8EBEE),0 6px 14px -6px rgba(0,26,52,.16)!important}
html body:not(#tbp) .tb-promo-band{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;min-height:calc(var(--oz-r-sheet,32px) + 38px);margin:calc(-1 * var(--oz-r-sheet,32px)) 0 6px;padding:calc(var(--oz-r-sheet,32px) + 10px) 16px 10px;border:0;border-radius:0 0 var(--oz-r-sheet,32px) var(--oz-r-sheet,32px);background:var(--band-bg,#FFFFFF);color:var(--band-ink,#001A34);text-align:left;font:inherit;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html body:not(#tbp) .tb-promo-band:active>*{opacity:.7}
html body:not(#tbp) .tb-promo-band b{flex:0 1 auto;max-width:52%;font:800 15px/18px var(--oz-font,inherit);letter-spacing:.07em;text-transform:uppercase;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp) .tb-promo-band span{flex:1 1 auto;min-width:0;font:600 14px/18px var(--oz-font,inherit);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp) .tb-promo-band .ui-icon{flex:0 0 auto;width:20px;height:20px;margin-left:auto;color:inherit;stroke-width:2.4}
/* ---------- 4. own bars of the similar / sale screens ---------- */
.tb-sub-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px;background:var(--oz-sheet,#fff)}
.tb-sub-bar h1{margin:0;min-width:0;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-sub-back{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:var(--oz-ctrl,#f2f3f5);color:inherit;cursor:pointer}
.tb-sub-back .ui-icon{width:20px;height:20px}
.tb-similar-tabs{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:14px;background:var(--oz-ctrl,#f2f3f5)}
.tb-similar-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border:0;border-radius:11px;background:transparent;color:inherit;font:600 14px/1 var(--oz-font,inherit);opacity:.75;cursor:pointer;white-space:nowrap}
.tb-similar-tabs button .ui-icon{width:17px;height:17px}
.tb-similar-tabs button.is-active{background:var(--oz-sheet,#fff);opacity:1;box-shadow:0 1px 4px rgba(0,26,52,.12)}
.tb-similar-source{display:flex;align-items:center;gap:10px;width:calc(100% - 20px);margin:4px 10px 10px;padding:8px 10px;border:0;border-radius:14px;background:var(--oz-sheet,#fff);color:inherit;text-align:left;font:inherit;cursor:pointer;box-sizing:border-box}
.tb-similar-source img{flex:0 0 auto;width:48px;height:48px;border-radius:10px;object-fit:cover}
.tb-similar-source span{display:grid;min-width:0;gap:2px}
.tb-similar-source small{font-size:12px;opacity:.65}
.tb-similar-source b{font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-similar-grid,.tb-sale-grid{padding:0 6px}
.tb-similar-empty{grid-column:1/-1;display:grid;justify-items:center;gap:10px;padding:40px 24px;text-align:center;opacity:.75}
.tb-similar-empty .ui-icon{width:34px;height:34px}
.tb-similar-note{margin:10px 16px;font-size:12.5px;line-height:1.4;opacity:.7;text-align:center}
.tb-similar-more{display:flex;justify-content:center;padding:12px 16px 24px}
.tb-similar-more-btn{height:44px;padding:0 22px;border:0;border-radius:14px;background:var(--oz-ctrl,#f2f3f5);color:inherit;font:650 14px/1 var(--oz-font,inherit);cursor:pointer}
/* ---------- 5. sale screen, banners, search tile ---------- */
.tb-sale-hero{position:relative;margin:2px 10px 12px;border-radius:22px;overflow:hidden;background:var(--sale,#E5004F);color:var(--sale-ink,#fff)}
.tb-sale-hero img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover}
.tb-sale-hero-copy{display:grid;gap:6px;padding:14px 16px 16px}
.tb-sale-hero-label{justify-self:start;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.22);font-weight:900;font-size:12px;letter-spacing:.03em}
.tb-sale-hero h2{margin:0;font-size:22px;line-height:1.15;color:inherit}
.tb-sale-hero p{margin:0;font-size:13px;line-height:1.45;opacity:.9}
.tb-sale-hero-timer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tb-sale-hero-timer small{font-size:12.5px;opacity:.85}
.tb-sale-timer.is-big{height:30px;padding:0 10px;border-radius:10px;background:rgba(0,0,0,.18);color:var(--sale-ink,#fff);font-size:15px}
.tb-page-sale{margin:10px 10px 0}
.tb-sale-banner{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:72px;padding:12px 14px;border:0;border-radius:18px;background:var(--sale,#E5004F);color:var(--sale-ink,#fff);text-align:left;font:inherit;cursor:pointer;overflow:hidden;box-sizing:border-box}
.tb-sale-banner-copy{position:relative;z-index:1;display:grid;flex:1 1 auto;min-width:0;gap:2px}
.tb-sale-banner-label{font-weight:900;font-size:20px;line-height:1.05;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-sale-banner-copy>b{font-size:13.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-sale-banner-copy small{display:flex;align-items:center;gap:4px;font-size:12px;opacity:.92;white-space:nowrap;overflow:hidden}
.tb-sale-banner-go{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 8px 0 12px;border-radius:12px;background:rgba(0,0,0,.2);font-weight:650;font-size:13.5px}
.tb-sale-banner-go svg{width:16px;height:16px}
.tb-sale-banner.has-image{min-height:0;padding:0;aspect-ratio:3/1}
.tb-sale-banner.has-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tb-sale-banner.has-image .tb-sale-banner-copy{position:absolute;left:10px;bottom:10px;right:auto;display:block}
.tb-sale-banner.has-image .tb-sale-banner-label,.tb-sale-banner.has-image .tb-sale-banner-copy>b,.tb-sale-banner.has-image .tb-sale-banner-go{display:none}
.tb-sale-banner.has-image .tb-sale-banner-copy small{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-weight:700}
.tb-sale-banner.is-compact:not(.has-image){min-height:58px;padding:9px 12px}
.tb-sale-banner.is-compact .tb-sale-banner-label{font-size:16px}
html body:not(#tbp) .search-category-grid .category-tile.tb-sale-tile{background:var(--sale,#E5004F)!important;color:var(--sale-ink,#fff)!important;position:relative!important}
html body:not(#tbp) .search-category-grid .category-tile.tb-sale-tile strong{color:var(--sale-ink,#fff)!important}
html body:not(#tbp) .search-category-grid .category-tile.tb-sale-tile img{object-fit:cover!important;border-radius:12px;min-height:0}
.tb-sale-tile-mark{flex:1 1 auto;display:grid;place-items:center;font-weight:900;font-size:26px;line-height:1;letter-spacing:-.02em}
.tb-sale-timer.is-tile{position:absolute;left:8px;bottom:8px;right:8px;justify-content:center;height:20px;border-radius:999px;background:rgba(0,0,0,.28);color:#fff;font-size:10.5px}
.tb-sale-timer.is-tile svg{width:11px;height:11px}
/* ---------- 6. profile ad ---------- */
.tb-profile-ad{margin:10px 10px 0}
.tb-profile-ad .home-feed-ad{display:block;width:100%;grid-column:auto}
/* ---------- 7. v0.13.389: card photo dots UNDER the photo (like the reference example), same look as the home feed ---------- */
.tb-dots-under{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;height:14px;margin:0;padding:3px 0 0;pointer-events:none}
.tb-dots-under i{display:block;width:5px;height:5px;border-radius:50%;background:var(--oz-ctrl-2,#E4E7EB);transition:background-color .18s ease,transform .18s ease}
.tb-dots-under i.is-active{background:var(--oz-blue-ico,#005BFF);transform:scale(1.15)}
/* ---- tb-v391.css ---- */
/* TB Market v0.13.391–394 — ads on every page (thin strip + compact banner), the opening-screen ad, the 11.11 sale screen
like the reference, the coming-sale lines on cards / product page, and a tidier profile. Loaded last (own selectors only). */
/* ---------------------------------------------------------------- page ads */
.tb-page-strip{margin:8px 12px 0}
.tb-page-strip .product-top-strip{width:100%;margin:0}
.tb-page-ad{margin:12px 12px 0}
.tb-page-ad .home-feed-ad{margin:0;height:auto;aspect-ratio:3/1}
.tb-page-ad .home-feed-ad-copy{display:none}
.tb-page-ad .tb-feed-carousel{grid-column:auto}
.tb-page-ad.is-cart{margin:12px 0 0}
.tb-page-ad.is-notifications{margin:10px 12px 4px}
.tb-page-ad.is-orders{margin:0 0 12px}
.tb-page-ad.is-purchases{margin:12px 12px 8px}
.tb-sale-page .tb-page-strip{margin:4px 10px 10px}
/* ---------------------------------------------------------------- opening-screen ad (app_startup, 4:5) */
.tb-startup-ad{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:18px;background:rgba(8,10,16,.72);backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease}
.tb-startup-ad.is-open{opacity:1}
.tb-startup-ad-card{position:relative;width:min(100%,420px);max-height:calc(100dvh - 36px);aspect-ratio:4/5;border-radius:26px;overflow:hidden;background:#111;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:scale(.96);transition:transform .22s ease}
.tb-startup-ad.is-open .tb-startup-ad-card{transform:scale(1)}
.tb-startup-ad-media{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;color:#fff;text-align:left}
.tb-startup-ad-media img,.tb-startup-ad-media video{display:block;width:100%;height:100%;object-fit:cover}
.tb-startup-ad-copy{position:absolute;left:0;right:0;bottom:0;display:grid;gap:4px;padding:22px 18px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.tb-startup-ad-copy b{font-size:20px;line-height:1.15}.tb-startup-ad-copy small{font-size:13px;opacity:.9}
.tb-startup-ad-copy em{justify-self:start;margin-top:6px;padding:9px 16px;border-radius:999px;background:#fff;color:#111;font:800 13px/1 var(--oz-font,inherit);font-style:normal}
.tb-startup-ad-label{position:absolute;left:12px;top:12px;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.88);color:#65758a;font-size:10px;font-weight:800}
.tb-startup-ad-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer}
.tb-startup-ad-close i{font-style:normal;font-weight:800;font-size:14px}.tb-startup-ad-close svg{display:none;width:18px;height:18px}
.tb-startup-ad-close.is-ready i{display:none}.tb-startup-ad-close.is-ready svg{display:block}
/* ---------------------------------------------------------------- sale screen (11.11) */
.tb-sale-page.is-v391{padding-bottom:16px}
.tb-sale-page.is-v391 .tb-sale-hero img{aspect-ratio:var(--sale-hero-r,2.6/1);width:100%;height:auto;object-fit:cover;object-position:center}
.tb-sale-page.is-v391 .tb-sale-hero.has-image .tb-sale-hero-copy{padding:12px 14px 14px;gap:4px}
.tb-sale-page.is-v391 .tb-sale-hero.has-image h2{font-size:20px}
.tb-sale-page.is-v391 .tb-sale-hero.has-image .tb-sale-hero-timer{margin-top:2px}
.tb-sale-notice{display:flex;align-items:flex-start;gap:8px;margin:0 10px 12px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--sale,#E5004F) 10%,var(--oz-sheet,#fff));color:var(--oz-ink,#1b2430);font-size:12.5px;line-height:1.4}
.tb-sale-notice svg{flex:0 0 auto;width:16px;height:16px;margin-top:1px;color:var(--sale,#E5004F)}
.tb-sale-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 10px 8px}
.tb-sale-sec-head h2{margin:0;font-size:19px;line-height:1.2;color:var(--sale,#E5004F)}
.tb-sale-sec-head button{height:30px;padding:0 12px;border:0;border-radius:999px;background:color-mix(in srgb,var(--sale,#E5004F) 12%,var(--oz-sheet,#fff));color:var(--sale,#E5004F);font:800 12.5px/1 var(--oz-font,inherit)}
.tb-sale-sec-head span{padding:2px 8px;border-radius:8px;background:var(--oz-ctrl,#f2f3f5);color:#65758a;font-size:11px;font-weight:800}
.tb-sale-top{margin:0 0 10px}
.tb-sale-top-strip{display:flex;gap:8px;overflow-x:auto;padding:0 10px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.tb-sale-top-strip::-webkit-scrollbar{display:none}
.tb-sale-top-card{flex:0 0 138px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:0 0 8px;border:0;border-radius:16px;background:var(--oz-sheet,#fff);color:var(--oz-ink,#1b2430);text-align:left;font:inherit;overflow:hidden}
.tb-sale-top-img{position:relative;display:block;width:100%;aspect-ratio:3/4;background:var(--oz-ctrl,#f2f3f5)}
.tb-sale-top-img img{width:100%;height:100%;object-fit:cover}
.tb-sale-top-img i{position:absolute;left:6px;bottom:6px;padding:3px 7px;border-radius:999px;background:var(--sale,#E5004F);color:var(--sale-ink,#fff);font:900 11px/1 var(--oz-font,inherit);font-style:normal}
.tb-sale-top-card strong{padding:6px 8px 0;font-size:15px;color:var(--sale,#E5004F)}.tb-sale-top-card strong small{font-size:11px;font-weight:700}
.tb-sale-top-card del{padding:0 8px;color:#8a98a8;font-size:11px}
.tb-sale-top-card em{padding:0 8px;color:var(--sale,#E5004F);font:700 11px/1.2 var(--oz-font,inherit);font-style:normal}
.tb-sale-top-name{display:block;height:32px;padding:2px 8px 0;font-size:12px;line-height:15px;overflow:hidden;text-align:left}
.tb-sale-top-name>i{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:normal}
.tb-sale-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 10px 12px}
.tb-sale-section{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:104px;padding:12px;border:2px solid transparent;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--sale,#E5004F) 16%,#fff),color-mix(in srgb,var(--sale,#E5004F) 30%,#fff));color:#2a0a1a;text-align:left;font:inherit;overflow:hidden}
.tb-sale-section.is-on{border-color:var(--sale,#E5004F)}
.tb-sale-section b{position:relative;z-index:1;font-size:14px;line-height:1.25}
.tb-sale-section small{position:relative;z-index:1;margin-top:auto;font-size:12px;opacity:.75}
.tb-sale-section img{position:absolute;right:-6px;bottom:-6px;width:70px;height:70px;object-fit:contain}
.tb-sale-section-pct{position:absolute;right:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:#fff;color:var(--sale,#E5004F);font:900 18px/1 var(--oz-font,inherit);font-style:normal}
html[data-theme="dark"] .tb-sale-section{background:linear-gradient(180deg,color-mix(in srgb,var(--sale,#E5004F) 30%,#1D2024),color-mix(in srgb,var(--sale,#E5004F) 45%,#1D2024));color:#fff}
.tb-sale-brands{margin:0 0 12px}
.tb-sale-brands-strip{display:flex;gap:8px;overflow-x:auto;padding:0 10px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}.tb-sale-brands-strip::-webkit-scrollbar{display:none}
.tb-sale-brand-ad{flex:0 0 86%;scroll-snap-align:start}
.tb-sale-brand-ad .home-feed-ad{margin:0;height:auto;aspect-ratio:3/1}
.tb-sale-filters{display:flex;align-items:center;gap:6px;overflow-x:auto;margin:0 0 10px;padding:0 10px;scrollbar-width:none}.tb-sale-filters::-webkit-scrollbar{display:none}
.tb-sale-filter{flex:0 0 auto;height:34px;padding:0 13px;border:1px solid var(--oz-line,#e3e8ef);border-radius:17px;background:var(--oz-sheet,#fff);color:var(--oz-ink,#1b2430);font:650 13px/1 var(--oz-font,inherit);white-space:nowrap}
.tb-sale-filter.is-on{border-color:var(--sale,#E5004F);background:var(--sale,#E5004F);color:var(--sale-ink,#fff)}
.tb-sale-count{flex:0 0 auto;margin-left:auto;padding-left:6px;color:#8a98a8;font-size:12px;white-space:nowrap}.tb-sale-count b{color:var(--oz-ink,#1b2430)}
.tb-sale-grid.is-loading{opacity:.55}
.tb-sale-grid-ad{grid-column:1/-1}
.tb-sale-grid-ad .home-feed-ad{margin:2px 0 4px;height:auto;aspect-ratio:3/1}
.product-card .product-copy>.tb-sale-card-line{order:2}
.tb-sale-card-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:1px 0 3px;font-size:12px;line-height:1.25}
.tb-sale-card-line b{color:var(--sale,#E5004F);font-weight:900;white-space:nowrap}
.tb-sale-card-line span{padding:1px 6px;border-radius:999px;background:var(--sale,#E5004F);color:var(--sale-ink,#fff);font-weight:900;font-size:10.5px}
.tb-sale-card-line small{width:100%;color:var(--oz-ink,#1b2430);font-weight:650;font-size:11.5px}
.tb-sale-card-line em{display:none}
.tb-sale-badge{position:absolute;left:8px;top:8px;z-index:3;padding:3px 8px;border-radius:999px;background:var(--sale,#E5004F);color:var(--sale-ink,#fff);font:900 10.5px/1.2 var(--oz-font,inherit);letter-spacing:.02em;pointer-events:none}
.product-card .product-copy>.tb-sale-card-upcoming{order:2}
.ozf-card .tb-sale-card-upcoming{margin:0 0 2px}
.favorite-product-card .tb-sale-card-upcoming{margin:0 0 2px}
.tb-sale-card-units{display:block;margin-top:2px;color:var(--sale,#E5004F);font-size:11px;font-weight:750}
.tb-sale-card-upcoming{display:inline-block;max-width:100%;margin:2px 0 0;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--sale,#E5004F) 12%,var(--oz-sheet,#fff));color:var(--sale,#E5004F);font-size:10.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-sale-row-upcoming{height:auto;min-height:40px;padding:4px 9px 4px 5px;border-radius:16px}
.tb-sale-row-upcoming .tb-sale-row-text{display:grid;gap:1px;white-space:normal;font-size:13px;line-height:1.25}
.tb-sale-row-upcoming .tb-sale-row-text b{font-weight:800}
.tb-sale-row-upcoming .tb-sale-row-text em{display:inline-flex;align-items:center;gap:4px;margin:0;font-size:12px}
/* ---------------------------------------------------------------- profile: tidy, one rhythm */
.profile-page-tbz{gap:8px!important}
.profile-overview-head{padding:12px 16px 12px!important}
.profile-overview-user{grid-template-columns:54px minmax(0,1fr) 20px!important;gap:12px!important;align-items:center!important}
.profile-overview-avatar{width:54px!important;height:54px!important;border-radius:18px!important}
.profile-overview-avatar b{font-size:22px!important}
.profile-overview-copy{gap:1px!important}
.profile-overview-copy strong{font-size:18px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.01em}
.profile-overview-copy small{font-size:12.5px!important;line-height:1.3!important;color:#7b8999!important}
.profile-overview-social-summary{margin-top:2px!important;gap:5px!important;font-size:12px!important;line-height:1.3!important;color:#7b8999!important}
.profile-overview-social-summary b{font-size:12px!important;font-weight:650!important;color:#7b8999!important}
.profile-overview-social-summary i{color:#c3cad3!important}
.profile-block-title{margin-bottom:10px!important}
.profile-block-title h2{font-size:17px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.01em!important}
.profile-block-title button{height:30px!important;padding:0 10px!important;border-radius:10px!important;font-size:12.5px!important;font-weight:700!important}
.profile-page-tbz .tb-page-sale{margin:0 16px!important}
.profile-page-tbz .tb-page-sale .tb-sale-banner{min-height:64px;padding:10px 12px}
.profile-page-tbz .tb-page-sale .tb-sale-banner.has-image img{aspect-ratio:var(--sale-hero-r,2.6/1)}
.profile-page-tbz .tb-page-sale .tb-sale-banner-label{font-size:17px}
.profile-page-tbz .tb-profile-ad{margin:0 16px!important}
.profile-viewed-section{padding:14px 0 12px!important}
.profile-viewed-section h2{font-size:17px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.01em!important}
.profile-viewed-strip{padding:10px 16px 2px!important}
.profile-products-empty{padding:4px 16px 0;color:#7b8999;font-size:13px}
/* ---------------------------------------------------------------- sale banner: 2.6:1 picture (1200 × 460), timer under it — nothing covers the art */
.tb-sale-banner.has-image{aspect-ratio:auto;display:grid;grid-template-rows:auto auto;background:var(--sale,#E5004F)}
.tb-sale-banner.has-image img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:var(--sale-hero-r,2.6/1);object-fit:cover}
.tb-sale-banner.has-image .tb-sale-banner-copy{position:relative;left:auto;bottom:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px}
.tb-sale-banner.has-image .tb-sale-banner-copy small{padding:0;background:transparent;font-weight:700;font-size:12.5px}
.tb-sale-banner.has-image .tb-sale-banner-copy>b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.95}
.tb-sale-banner.has-image.is-compact .tb-sale-banner-copy>b{display:none}
html body:not(#tbp) .search-category-grid .category-tile.tb-sale-tile img,.tb-sale-tile img{flex:1 1 0!important;min-height:0;width:100%!important;height:0!important;position:static!important;aspect-ratio:auto;object-fit:contain!important;object-position:center!important;border-radius:8px}
html body:not(#tbp) .search-category-grid .category-tile.tb-sale-tile.has-tile img,.tb-sale-tile.has-tile img{object-fit:cover!important;border-radius:12px}
.tb-sale-tile .tb-sale-timer.is-tile{position:static!important;margin-top:4px}
/* ---------------------------------------------------------------- v0.13.392: picture standard — frames keep the slot proportion; a picture of another proportion is shown whole on a blurred copy (never cropped, never stretched) */
.tb-fit-letterbox{position:relative;overflow:hidden;background:#0b1220}
.tb-fit-letterbox>.tb-fit-bg{position:absolute;inset:-12%;z-index:0;background:center/cover no-repeat;filter:blur(22px) saturate(1.15);opacity:.9;pointer-events:none}
.tb-fit-letterbox>img{position:relative;z-index:1;object-fit:contain!important;object-position:center!important}
.home-feed-ad.tb-fit-letterbox>img,.tb-startup-ad-media.tb-fit-letterbox>img{position:absolute}
.home-feed-ad.tb-fit-letterbox .home-feed-ad-overlay{display:none}
.tb-sale-top-img img{width:100%;height:100%;object-fit:cover}
/* ---------------------------------------------------------------- v0.13.394: TB Market official store (like the reference official store, in the brand purple) */
html body:not(#tbp) #app-view > .tbo-store,html body:not(#tbp) .tbo-store{--tbo-p:#7635ED;--tbo-p2:#5A22CF;--tbo-deep:#2A0B72;--tbo-card:var(--oz-sheet,#fff);--tbo-ink:var(--oz-ink,#001A34);--tbo-ink2:var(--oz-ink-2,#707F8D);--tbo-ctrl:var(--oz-ctrl,#EFF1F4);background:var(--tbo-p)!important;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
html[data-theme="dark"] body:not(#tbp) #app-view > .tbo-store,html.tb-theme-dark-active body:not(#tbp) #app-view > .tbo-store{--tbo-p:#3B2080;--tbo-p2:#2C1766;--tbo-deep:#150838}
#app-view:has(> .tbo-store){background:#7635ED}
html[data-theme="dark"] #app-view:has(> .tbo-store),html.tb-theme-dark-active #app-view:has(> .tbo-store){background:#3B2080}
.tbo-hero{padding:calc(var(--safe-area-inset-top,0px) + 6px) 12px 30px;background:linear-gradient(180deg,var(--tbo-deep) 0%,var(--tbo-p2) 64%,var(--tbo-p) 100%);color:#fff}
.tbo-bar{display:grid;grid-template-columns:36px minmax(0,1fr) 36px 36px;gap:4px;align-items:center;height:48px}
.tbo-bar>button{width:36px;height:36px;padding:0;border:0;border-radius:12px;background:transparent;color:#fff;display:grid;place-items:center}
.tbo-bar>button .ui-icon{width:22px;height:22px}
.tbo-bar>button.market-store-favorite.is-active{color:#ff5c8a!important}
.tbo-bar>label{height:40px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;align-items:center;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.16);color:rgba(255,255,255,.8)}
.tbo-bar>label .ui-icon{width:18px;height:18px}
.tbo-bar input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#fff;font:400 15px/1 var(--oz-font,inherit)}
.tbo-bar input::placeholder{color:rgba(255,255,255,.72)}
.tbo-id{display:grid;grid-template-columns:60px minmax(0,1fr) 30px;gap:12px;align-items:center;margin-top:14px}
.tbo-logo{width:60px;height:60px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.85);display:grid;place-items:center}
.tbo-logo img{width:100%;height:100%;object-fit:cover}
.tbo-logo i{font:800 26px/1 var(--oz-font,inherit);font-style:normal;color:var(--tbo-p2)}
.tbo-name{min-width:0}
.tbo-name h1{display:flex;align-items:center;gap:6px;min-width:0;margin:0;color:#fff;font:700 22px/1.2 var(--oz-font,inherit);letter-spacing:-.01em}
.tbo-name h1>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbo-name small{display:block;margin-top:2px;color:rgba(255,255,255,.72);font:400 14px/1.25 var(--oz-font,inherit)}
.tbo-info{display:grid;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;place-items:center}
.tbo-info .ui-icon{width:26px;height:26px}
.tbo-tick{display:inline-grid;flex:0 0 auto;width:20px;height:20px;place-items:center}
.tbo-tick svg{display:block;width:100%;height:100%}
.tbo-tick .tbo-tick-bg path{fill:#fff}.tbo-tick .tbo-tick-mark{fill:#5A22CF}
.tbo-tick.is-small{width:18px;height:18px}
.tbo-tick.is-about{width:30px;height:30px}.tbo-tick.is-about .tbo-tick-bg path{fill:#7635ED}.tbo-tick.is-about .tbo-tick-mark{fill:#fff}
.tbo-sheet{position:relative;margin:-18px 0 0;padding:14px 12px 12px;border-radius:24px;background:var(--tbo-card)}
.tbo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 0 12px;text-align:center}
.tbo-stat{min-width:0;cursor:default}
.tbo-stat[data-action]{cursor:pointer}
.tbo-stat strong{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;color:var(--tbo-ink);font:700 17px/1.2 var(--oz-font,inherit);letter-spacing:-.01em;white-space:nowrap}
.tbo-stat small{display:block;margin-top:3px;overflow:hidden;color:var(--tbo-ink2);font:400 12px/1.25 var(--oz-font,inherit);text-overflow:ellipsis;white-space:nowrap}
.tbo-ic{display:inline-grid;flex:0 0 auto;width:16px;height:16px;place-items:center;font-style:normal}
.tbo-ic .ui-icon{width:16px;height:16px}
.tbo-ic.is-star{color:var(--oz-gold,#FFB800)}.tbo-ic.is-star .ui-icon{fill:currentColor}
.tbo-ic.is-brand{border-radius:50%;background:var(--oz-green,#10C44C);color:#fff}.tbo-ic.is-brand .ui-icon{width:11px;height:11px}
.tbo-ic.is-box,.tbo-ic.is-heart{color:#9aa4b0}.tbo-ic.is-heart .ui-icon{fill:currentColor}
.tbo-ic.is-info{color:#707F8D}.tbo-ic.is-info .ui-icon{width:16px;height:16px}
.tbo-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px}
.tbo-catalog,.tbo-chat{height:48px;border:0;border-radius:14px;background:var(--tbo-ctrl);color:var(--tbo-ink);display:flex;align-items:center;justify-content:center;gap:8px;padding:0}
.tbo-catalog b{font:700 16px/1 var(--oz-font,inherit)}
.tbo-catalog .ui-icon,.tbo-chat .ui-icon{width:20px;height:20px}
.tbo-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 0;padding:12px;border-radius:24px;background:var(--tbo-card)}
.tbo-cat{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;aspect-ratio:1/1;min-width:0;padding:10px 9px 0;border:0;border-radius:16px;background:#EEF1F5;color:#001A34;text-align:left;overflow:hidden}
.tbo-cat b{position:relative;z-index:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 12.5px/1.25 var(--oz-font,inherit);overflow-wrap:anywhere}
.tbo-cat-pic{position:absolute;right:4px;bottom:4px;width:86%;height:64%;pointer-events:none}
.tbo-cat-pic img{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom}
.tbo-cat.is-on{box-shadow:inset 0 0 0 2px #7635ED}
.tbo-cat.is-more{justify-content:center;align-items:center;gap:4px;padding:8px;text-align:center}
.tbo-cat.is-more span{color:#707F8D;font:700 13px/1 var(--oz-font,inherit)}
.tbo-promo{margin:8px 0 0}
.tbo-promo button{display:grid;grid-template-columns:28px minmax(0,1fr) auto 18px;gap:8px;align-items:center;width:100%;height:52px;padding:0 14px;border:0;border-radius:18px;background:var(--tbo-card);color:var(--tbo-ink);text-align:left}
.tbo-promo button>span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:var(--oz-pink-tint,#FFE3EC);color:var(--oz-pink-ink,#F91155)}.tbo-promo button>span .ui-icon{width:18px;height:18px}
.tbo-promo b{font:600 15px/1.2 var(--oz-font,inherit)}.tbo-promo small{color:var(--tbo-ink2);font:600 13px/1 var(--oz-font,inherit)}
.tbo-promo .ui-icon{width:18px;height:18px;color:var(--tbo-ink2)}
.tbo-store .msc{margin:8px 0 0}
.tbo-store .msc-all-title{margin:14px 12px 2px;color:#fff;font:700 20px/1.2 var(--oz-font,inherit)}
html body:not(#tbp) .tbo-store .market-store-filter-bar.tbo-filters{position:static;margin:8px 0 0;padding:4px 6px 2px;background:transparent!important;backdrop-filter:none}
html body:not(#tbp) .tbo-store .market-store-filter-bar.tbo-filters button{height:34px;background:rgba(255,255,255,.95)!important;color:var(--oz-ink,#001A34)!important;font:600 13px/1 var(--oz-font,inherit)}
html body:not(#tbp) .tbo-store .market-store-filter-bar.tbo-filters button.is-active{background:var(--tbo-deep)!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
html body:not(#tbp) .tbo-store .market-store-filter-bar.tbo-filters .market-store-cat-chip{background:#fff!important;color:#5A22CF!important;font-weight:700}
html[data-theme="dark"] body:not(#tbp) .tbo-store .market-store-filter-bar.tbo-filters button:not(.is-active),html.tb-theme-dark-active body:not(#tbp) .tbo-store .market-store-filter-bar.tbo-filters button:not(.is-active){background:var(--oz-sheet,#1D2024)!important;color:var(--oz-ink,#F5F7FA)!important}
html body:not(#tbp) .tbo-store .tbo-grid{padding:8px 6px 0!important;gap:6px!important;margin:0!important;background:transparent!important}
html body:not(#tbp) .tbo-grid .ozf-card{border-radius:20px!important}
html body:not(#tbp) .tbo-grid .ozf-price strong{font:700 17px/1.2 var(--oz-font)!important}
html body:not(#tbp) .tbo-grid .ozf-price del,html body:not(#tbp) .tbo-grid .ozf-price em{font-size:12.5px!important}
html body:not(#tbp) .tbo-grid .ozf-stock{font-size:13px!important}
html body:not(#tbp) .tbo-grid .ozf-title{font-size:14.5px!important;line-height:1.3!important}
html body:not(#tbp) .tbo-grid .ozf-rating-score b,html body:not(#tbp) .tbo-grid .ozf-rating-reviews small{font-size:13px!important}
html body:not(#tbp) .tbo-grid .ozf-rating .rating-managed-star{width:15px!important;height:15px!important}
html body:not(#tbp) .tbo-grid .ozf-body{padding:6px 10px 10px}
.tbo-cart{margin-top:auto;padding-top:8px}
html body:not(#tbp) .tbo-grid .tbo-cart .product-card-cart-slot{margin:0!important;width:100%}
html body:not(#tbp) .tbo-grid .tbo-cart .product-arrival-date{height:38px!important;min-height:38px!important;margin:0!important;border-radius:12px!important;font-size:13.5px!important}
html body:not(#tbp) .tbo-grid .tbo-cart .product-arrival-date svg,html body:not(#tbp) .tbo-grid .tbo-cart .product-arrival-date .ui-icon{width:18px!important;height:18px!important}
html body:not(#tbp) .tbo-grid>.tb-feed-carousel,html body:not(#tbp) .tbo-grid>.home-feed-ad{grid-column:1/-1}
.tbo-catalog-sheet h2{margin:2px 0 10px;font:700 20px/1.2 var(--oz-font,inherit)}
.tbo-catalog-list{display:grid;gap:2px;max-height:60vh;overflow-y:auto}
.tbo-catalog-list button{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:56px;padding:6px 4px;border:0;border-radius:14px;background:transparent;color:var(--oz-ink,#001A34);text-align:left}
.tbo-catalog-list button.is-on{background:var(--oz-ctrl,#EFF1F4)}
.tbo-catalog-list b{font:600 15px/1.25 var(--oz-font,inherit)}.tbo-catalog-list small{color:var(--oz-ink-2,#707F8D);font:600 13px/1 var(--oz-font,inherit)}
.tbo-catalog-pic{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border-radius:12px;background:var(--oz-ctrl,#EFF1F4)}
.tbo-catalog-pic img{width:100%;height:100%;object-fit:contain}.tbo-catalog-pic .ui-icon{width:20px;height:20px}
/* product page: the official store card («TB Market ✓ · O‘tish · ★») */
.tbo-pstore-card{display:grid;grid-template-columns:56px minmax(0,1fr) 52px;gap:12px;align-items:center;width:100%;padding:12px 12px 12px 14px;border:0;border-radius:18px;background:linear-gradient(100deg,#7635ED 0%,#4D1BB8 52%,#1A0848 100%);color:#fff;text-align:left}
.tbo-pstore-logo{display:grid;width:56px;height:56px;place-items:center;overflow:hidden;border-radius:14px;background:#fff}
.tbo-pstore-logo img{width:100%;height:100%;object-fit:cover}.tbo-pstore-logo i{color:#5A22CF;font:800 22px/1 var(--oz-font,inherit);font-style:normal}
.tbo-pstore-name{min-width:0}
.tbo-pstore-name b{display:flex;align-items:center;gap:6px;min-width:0;color:#fff;font:700 17px/1.2 var(--oz-font,inherit)}
.tbo-pstore-name b>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbo-pstore-name small{display:block;margin-top:3px;color:rgba(255,255,255,.66);font:400 14px/1.2 var(--oz-font,inherit)}
.tbo-pstore-rating{display:grid;width:52px;height:52px;place-content:center;justify-items:center;gap:3px;border-radius:14px;background:rgba(0,0,0,.28)}
.tbo-pstore-rating .ui-icon{width:18px;height:18px;color:var(--oz-gold,#FFB800);fill:currentColor}
.tbo-pstore-rating b{color:#fff;font:700 14px/1 var(--oz-font,inherit)}
.tbo-pstore-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tbo-pstore-chips button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 8px;border:0;border-radius:10px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);font:600 13px/1 var(--oz-font,inherit);white-space:nowrap}
.tbo-pstore-chips .ui-icon{width:14px;height:14px;color:var(--oz-ink-2,#707F8D)}
/* about sheet: official row + the brand colour button */
.store-about-row.is-official .store-about-icon{background:transparent}
html body .store-about-ok{background:var(--v3-brand,#7635ED)!important}
.tbo-store .tb-page-strip{margin:8px 0 0}
.tbo-store .tb-page-strip .product-top-strip{border-radius:18px;overflow:hidden}
/* about sheet head (the sheet opened from the store page had no head styles — × stuck to the title) */
.store-about-sheet .tb-variant-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 12px}
.store-about-sheet .tb-variant-sheet-head b{min-width:0;font:800 22px/1.2 var(--oz-font,inherit);color:var(--oz-ink,#001A34)}
.store-about-sheet .tb-variant-sheet-head button{flex:0 0 auto;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink-2,#707F8D);font-size:22px;line-height:1}
html body:not(#tbp) .tbo-pstore>.tbo-pstore-card{width:calc(100% - 32px);margin:10px 16px 0}
html body:not(#tbp) .tbo-pstore>.tbo-pstore-chips{margin:8px 16px 0}
html body:not(#tbp) .tbo-pstore>.product-store-reference-products{margin-top:12px}
.tbo-pstore-logo{box-shadow:0 0 0 2px rgba(255,255,255,.85)}
html body:not(#tbp) .tbo-bar input,html body:not(#tbp) .tbo-bar input:focus{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff}
html body:not(#tbp) #app-view > .tbo-store{padding-top:0!important;margin-top:0!important}
.app-shell:has(#app-view > .tbo-store){background:#7635ED!important}
html[data-theme="dark"] .app-shell:has(#app-view > .tbo-store),html.tb-theme-dark-active .app-shell:has(#app-view > .tbo-store){background:#3B2080!important}
/* ==== v0.13.396 — TB Market Premium (buyers): pages, sheets, profile menu, checkout, card price ==== */
.tbm-page{--tbm-p:#7635ED;--tbm-deep:#2A1268;--tbm-tint:#F1EBFE;--tbm-tint-ink:#6A2BE0;display:flex;flex-direction:column;gap:10px;min-height:100%;padding:0 0 calc(24px + env(safe-area-inset-bottom));color:var(--oz-ink,#001A34)}
html[data-theme="dark"] .tbm-page,html.tb-theme-dark-active .tbm-page{--tbm-tint:#2A1F45;--tbm-tint-ink:#C3A3FF}
.tbm-page.tbm-tariff{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
.tbm-bar{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:6px;padding:6px 8px 6px;background:var(--oz-page,#F2F3F5)}
.tbm-bar b{min-width:0;text-align:center;font:700 17px/1.2 var(--oz-font,inherit);color:var(--oz-ink,#001A34);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbm-bar-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--oz-ink,#001A34)}
.tbm-bar-btn.is-empty{visibility:hidden}
.tbm-bar-btn .ui-icon{width:24px;height:24px}
.tbm-hero{position:relative;padding:0 16px 18px;border-radius:0 0 28px 28px;background:radial-gradient(120% 80% at 100% 0%,rgba(178,126,255,.75) 0%,rgba(178,126,255,0) 60%),linear-gradient(165deg,#7635ED 0%,#2A1268 100%);color:#fff;overflow:hidden}
.tbm-hero .tbm-bar{position:relative;margin:0 -8px;background:transparent}
.tbm-hero .tbm-bar-btn{background:rgba(255,255,255,.16);color:#fff}
.tbm-brand{display:flex;align-items:center;gap:12px;margin:4px 0 14px}
.tbm-brand>div{min-width:0}
.tbm-brand h1{margin:0;font:800 23px/1.1 var(--oz-font,inherit);letter-spacing:-.01em;color:#fff}
.tbm-brand h1 span{color:#FFD66B}
.tbm-status{margin:5px 0 0;font:600 13px/1.3 var(--oz-font,inherit);color:rgba(255,255,255,.88)}
.tbm-crown{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#FFE08A,#FFB800);color:#5B3200;box-shadow:0 8px 20px -8px rgba(255,184,0,.8)}
.tbm-crown .ui-icon{width:30px;height:30px}
.tbm-crown.is-sm{width:40px;height:40px;border-radius:12px;box-shadow:none}
.tbm-crown.is-sm .ui-icon{width:22px;height:22px}
.tbm-saving{display:grid;gap:3px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.13)}
.tbm-saving small{font:600 12.5px/1.2 var(--oz-font,inherit);color:rgba(255,255,255,.82)}
.tbm-saving strong{font:800 28px/1.15 var(--oz-font,inherit);color:#fff;letter-spacing:-.01em}
.tbm-saving span{font:500 12px/1.3 var(--oz-font,inherit);color:rgba(255,255,255,.72)}
.tbm-lead{margin:0;font:500 14.5px/1.42 var(--oz-font,inherit);color:rgba(255,255,255,.92)}
.tbm-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:0 18px;border:0;border-radius:16px;background:var(--tbm-p,#7635ED);color:#fff!important;font:700 15.5px/1.2 var(--oz-font,inherit);text-align:center;text-decoration:none;cursor:pointer}
.tbm-cta:disabled{opacity:.45;cursor:default}
.tbm-cta.is-hero{margin-top:14px;background:#fff;color:#2A1268!important}
.tbm-ghost{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:0 16px;border:0;border-radius:16px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);font:650 15px/1.2 var(--oz-font,inherit);cursor:pointer}
.tbm-ghost.is-danger{color:#E5004F}
.tbm-ghost.is-wide{width:auto;margin:0 10px}
.tbm-ghost .ui-icon{width:20px;height:20px}
.tbm-note{display:flex;align-items:center;gap:10px;width:100%;margin:12px 0 0;padding:11px 12px;border:0;border-radius:14px;background:rgba(255,255,255,.15);color:#fff;text-align:left;font:inherit}
.tbm-note>.ui-icon{flex:0 0 auto;width:22px;height:22px}
.tbm-note>span{min-width:0;flex:1 1 auto}
.tbm-note b{display:block;font:700 13.5px/1.25 var(--oz-font,inherit)}
.tbm-note small{display:block;margin-top:1px;font:500 12px/1.3 var(--oz-font,inherit);opacity:.86}
.tbm-note.is-warn{background:rgba(255,184,0,.24)}
.tbm-note.is-inline{margin:10px 0 0;background:color-mix(in srgb,#FFB800 16%,var(--oz-sheet,#fff));color:var(--oz-ink,#001A34)}
.tbm-note.is-inline>.ui-icon{color:#D98A00}
.tbm-note.is-inline button{flex:0 0 auto;height:34px;padding:0 12px;border:0;border-radius:12px;background:var(--oz-sheet,#fff);color:var(--tbm-p,#7635ED);font:700 13px/1 var(--oz-font,inherit)}
.tbm-card{margin:0 10px;padding:14px 14px 4px;border-radius:20px;background:var(--oz-sheet,#fff)}
.tbm-card h2{margin:0 0 2px;font:700 17px/1.25 var(--oz-font,inherit);color:var(--oz-ink,#001A34)}
.tbm-rows{display:flex;flex-direction:column}
.tbm-row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:0;padding:9px 0;border:0;border-top:1px solid var(--oz-line,#E8EBEE);border-radius:0;background:transparent;color:var(--oz-ink,#001A34);font:inherit;text-align:left}
.tbm-rows>.tbm-row:first-child{border-top:0}
button.tbm-row{cursor:pointer}
.tbm-ico{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--tbm-tint,#F1EBFE);color:var(--tbm-tint-ink,#6A2BE0)}
.tbm-ico .ui-icon{width:22px;height:22px}
.tbm-row-copy{flex:1 1 auto;min-width:0;display:grid;gap:2px}
.tbm-row-copy b{font:650 14.5px/1.28 var(--oz-font,inherit);color:var(--oz-ink,#001A34)}
.tbm-row-copy small{font:500 12.5px/1.32 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbm-row-chev{flex:0 0 auto;display:grid;color:var(--oz-ink-3,#99A3AE)}
.tbm-row-chev .ui-icon{width:18px;height:18px}
.tbm-family,.tbm-closed,.tbm-profile-card,.tbm-pd{display:flex;align-items:center;gap:12px;width:auto;margin:0 10px;padding:12px 14px;border:0;border-radius:20px;background:var(--oz-sheet,#fff);color:var(--oz-ink,#001A34);font:inherit;text-align:left;cursor:pointer}
.tbm-family .tbm-ico,.tbm-profile-card .tbm-ico,.tbm-pd .tbm-ico{--tbm-tint:#F1EBFE;--tbm-tint-ink:#6A2BE0}
.tbm-closed{background:linear-gradient(120deg,#2A1268,#5A22D6);color:#fff}
.tbm-closed .tbm-row-copy b{color:#fff}
.tbm-closed .tbm-row-copy small{color:rgba(255,255,255,.78)}
.tbm-closed .tbm-ico{background:rgba(255,255,255,.15);color:#FFD66B}
.tbm-closed .tbm-row-chev{color:rgba(255,255,255,.7)}
.tbm-empty{display:grid;justify-items:center;gap:8px;padding:26px 16px 22px;text-align:center}
.tbm-empty b{font:700 16px/1.3 var(--oz-font,inherit)}
.tbm-empty small{max-width:300px;font:500 13px/1.4 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbm-empty .tbm-cta,.tbm-empty .tbm-ghost{margin-top:6px}
.tbm-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin:0 10px;padding:4px;border-radius:16px;background:var(--oz-ctrl,#EFF1F4)}
.tbm-seg button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 8px;border:0;border-radius:12px;background:transparent;color:var(--oz-ink-2,#707F8D);font:650 14.5px/1.1 var(--oz-font,inherit)}
.tbm-seg button.is-on{background:var(--oz-sheet,#fff);color:var(--oz-ink,#001A34);box-shadow:0 2px 8px -4px rgba(0,26,52,.25)}
.tbm-seg button i{padding:2px 6px;border-radius:999px;background:#FFE3EC;color:#E5004F;font:800 11px/1.2 var(--oz-font,inherit);font-style:normal}
html[data-theme="dark"] .tbm-seg button i,html.tb-theme-dark-active .tbm-seg button i{background:#3A1528;color:#FF6FA3}
.tbm-plan{margin:0 10px;padding:16px;border-radius:22px;background:var(--oz-sheet,#fff);box-shadow:inset 0 0 0 2px var(--tbm-p,#7635ED)}
.tbm-plan-head{display:flex;align-items:center;gap:10px}
.tbm-plan-head>div{display:grid;gap:1px;min-width:0}
.tbm-plan-head b{font:700 16px/1.25 var(--oz-font,inherit)}
.tbm-plan-head small{font:500 12.5px/1.2 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbm-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:12px 0 0}
.tbm-plan-price strong{font:800 30px/1.1 var(--oz-font,inherit);letter-spacing:-.015em}
.tbm-plan-price del{font:600 15px/1.2 var(--oz-font,inherit);color:var(--oz-ink-3,#99A3AE)}
.tbm-plan-sub{margin:4px 0 0;font:600 13px/1.3 var(--oz-font,inherit);color:var(--tbm-tint-ink,#6A2BE0)}
.tbm-plan ul{display:grid;gap:9px;margin:14px 0 2px;padding:0;list-style:none}
.tbm-plan li{display:flex;align-items:flex-start;gap:9px;font:500 14px/1.35 var(--oz-font,inherit)}
.tbm-plan li .ui-icon{flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:#10C44C}
.tbm-fine{margin:0 14px;font:500 12.5px/1.45 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbm-fine.is-note{display:flex;align-items:flex-start;gap:8px;margin:0 10px;padding:10px 12px;border-radius:14px;background:var(--tbm-tint,#F1EBFE);color:var(--oz-ink,#001A34)}
.tbm-fine.is-note .ui-icon{flex:0 0 auto;width:18px;height:18px;color:var(--tbm-tint-ink,#6A2BE0)}
.tbm-sticky{position:fixed;left:0;right:0;bottom:calc(var(--tb-bottom-nav-height,64px) + env(safe-area-inset-bottom));z-index:20;display:flex;gap:8px;padding:10px 12px;background:var(--oz-sheet,#fff);box-shadow:0 -8px 20px -14px rgba(0,26,52,.35)}
.tbm-sticky .tbm-ghost{flex:0 0 auto;width:auto;padding:0 14px}
.tbm-sticky .tbm-cta{flex:1 1 auto;width:auto}
.tbm-sheet{--tbm-p:#7635ED;--tbm-tint:#F1EBFE;--tbm-tint-ink:#6A2BE0;display:flex;flex-direction:column;gap:10px}
html.tb-theme-dark-active .tbm-sheet,html[data-theme="dark"] .tbm-sheet{--tbm-tint:#2A1F45;--tbm-tint-ink:#C3A3FF}
.tbm-sheet h2{margin:2px 0 0;font:700 20px/1.25 var(--oz-font,inherit)}
.tbm-sheet-sub{margin:0;font:500 13.5px/1.4 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbm-sheet-sub b{color:var(--oz-ink,#001A34)}
.tbm-sheet .tbm-fine{margin:0}
.tbm-methods{display:grid;gap:8px}
.tbm-method{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 12px;border:0;border-radius:16px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 2px transparent}
.tbm-method.is-on{background:var(--oz-sheet,#fff);box-shadow:inset 0 0 0 2px var(--tbm-p,#7635ED)}
html[data-theme="dark"] .tbm-method.is-on,html.tb-theme-dark-active .tbm-method.is-on{background:#24272c}
.tbm-method .tbm-ico{background:var(--oz-sheet,#fff)}
.tbm-method.is-on .tbm-ico{background:var(--tbm-tint,#F1EBFE)}
.tbm-radio{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--oz-ctrl-2,#E4E7EB);color:transparent}
.tbm-radio .ui-icon{width:14px;height:14px}
.tbm-method.is-on .tbm-radio{background:var(--tbm-p,#7635ED);box-shadow:none;color:#fff}
.tbm-kv{display:grid;gap:0;margin:0;padding:2px 14px;border-radius:16px;background:var(--oz-ctrl,#EFF1F4)}
.tbm-kv>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 0;border-top:1px solid var(--oz-line,#E8EBEE)}
.tbm-kv>div:first-child{border-top:0}
.tbm-kv dt{font:500 13.5px/1.3 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbm-kv dd{margin:0;font:650 14px/1.3 var(--oz-font,inherit);text-align:right;color:var(--oz-ink,#001A34)}
.tbm-link{display:inline-flex;align-items:center;gap:2px;padding:0;border:0;background:transparent;color:var(--tbm-p,#7635ED);font:700 14px/1.3 var(--oz-font,inherit)}
html[data-theme="dark"] .tbm-link,html.tb-theme-dark-active .tbm-link{color:#B794FF}
.tbm-link .ui-icon{width:16px;height:16px}
.tbm-sheet-actions{display:grid;gap:8px;margin-top:4px}
.tbm-wait{align-items:stretch;text-align:center}
.tbm-wait h2,.tbm-wait .tbm-sheet-sub{text-align:center}
.tbm-spin{justify-self:center;width:42px;height:42px;margin:6px auto 2px;border-radius:50%;border:4px solid var(--tbm-tint,#F1EBFE);border-top-color:var(--tbm-p,#7635ED);animation:tbm-spin 1s linear infinite}
@keyframes tbm-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.tbm-spin{animation-duration:3s}}
.tbm-hist{display:flex;align-items:center;gap:12px;min-height:62px;padding:9px 0;border-top:1px solid var(--oz-line,#E8EBEE)}
.tbm-history>.tbm-hist:first-child{border-top:0}
.tbm-history{padding-top:6px}
.tbm-hist-sum{flex:0 0 auto;display:grid;justify-items:end;gap:2px}
.tbm-hist-sum b{font:700 14px/1.2 var(--oz-font,inherit);white-space:nowrap}
.tbm-hist-sum em{font:650 11.5px/1.2 var(--oz-font,inherit);font-style:normal;color:var(--oz-ink-2,#707F8D)}
.tbm-hist-sum em.is-paid{color:#10A847}.tbm-hist-sum em.is-pending{color:#D98A00}.tbm-hist-sum em.is-failed,.tbm-hist-sum em.is-cancelled{color:#E5004F}
.tbm-faq{padding:4px 14px}
.tbm-faq details{border-top:1px solid var(--oz-line,#E8EBEE)}
.tbm-faq details:first-child{border-top:0}
.tbm-faq summary{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 0;list-style:none;cursor:pointer}
.tbm-faq summary::-webkit-details-marker{display:none}
.tbm-faq summary b{flex:1 1 auto;font:650 14.5px/1.3 var(--oz-font,inherit)}
.tbm-faq details[open] summary .tbm-row-chev{transform:rotate(180deg)}
.tbm-faq p{margin:0 0 12px;font:500 13.5px/1.5 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbm-rows.is-steps{counter-reset:tbm}
.tbm-add{display:flex;gap:8px;margin:10px 0 12px}
.tbm-add input{flex:1 1 auto;min-width:0;height:48px;padding:0 14px;border:0;border-radius:14px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);font:500 15px/1 var(--oz-font,inherit)}
.tbm-add .tbm-cta{flex:0 0 auto;width:auto;min-height:48px}
.tbm-card>.tbm-fine{margin:6px 0 0}
.tbm-icon-btn{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink-2,#707F8D)}
.tbm-icon-btn .ui-icon{width:18px;height:18px}
.tbm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 8px}
.tbm-grid .tbm-more{grid-column:1/-1;margin:4px 0 0}
/* profile menu + profile page */
.profile-menu-group .tbm-menu-item{min-height:62px}
.profile-menu-group .tbm-menu-item>b{display:grid;gap:2px;min-width:0}
.profile-menu-group .tbm-menu-item>b small{overflow:hidden;font:600 11.5px/1.25 var(--oz-font,inherit);color:#6A2BE0;white-space:nowrap;text-overflow:ellipsis}
html.tb-theme-dark-active .profile-menu-group .tbm-menu-item>b small,html[data-theme="dark"] .profile-menu-group .tbm-menu-item>b small{color:#C3A3FF}
.profile-menu-group .tbm-menu-item>span.tbm-menu-ico,html.tb-theme-dark-active .profile-menu-group .tbm-menu-item>span.tbm-menu-ico{background:linear-gradient(145deg,#FFE08A,#FFB800)!important;color:#5B3200!important}
.profile-page-tbz>.tbm-profile-card{width:100%;margin:0;padding:14px 16px;border-radius:28px}
.tbm-profile-card.is-active{background:linear-gradient(120deg,#2A1268,#7635ED);color:#fff}
.tbm-profile-card.is-active .tbm-row-copy b{color:#fff}
.tbm-profile-card.is-active .tbm-row-copy small{color:rgba(255,255,255,.8)}
.tbm-profile-card.is-active .tbm-row-chev{color:rgba(255,255,255,.7)}
.tbm-name-crown{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:6px;vertical-align:-3px;border-radius:6px;background:linear-gradient(145deg,#FFE08A,#FFB800);color:#5B3200;font-style:normal}
.tbm-name-crown .ui-icon{width:14px;height:14px}
/* product cards + product page + checkout */
.tbm-card-price{display:inline-flex;align-items:center;gap:3px;max-width:100%;margin:2px 0 0;padding:2px 7px 2px 5px;border-radius:999px;background:#F1EBFE;color:#6A2BE0;font:800 11px/1.3 var(--oz-font,inherit);white-space:nowrap;overflow:hidden}
.tbm-card-price .ui-icon{flex:0 0 auto;width:12px;height:12px;color:#E8A200}
.tbm-card-price b{min-width:0;overflow:hidden;text-overflow:ellipsis;font:inherit}
.tbm-card-price i{flex:0 0 auto;font-style:normal;font-weight:700;opacity:.82}
html[data-theme="dark"] .tbm-card-price,html.tb-theme-dark-active .tbm-card-price{background:#2A1F45;color:#C3A3FF}
.product-card .product-copy>.tbm-card-price{order:2;align-self:flex-start}
.ozf-card .tbm-card-price{margin:0 0 2px}
.tbm-pd{margin:10px 0 0;padding:10px 12px;border-radius:16px;background:#F1EBFE;width:100%}
.tbm-pd .tbm-ico{background:#fff}
.tbm-pd .tbm-row-copy b{color:#2A1268}
.tbm-pd .tbm-row-copy b i{font-style:normal;font-weight:600;color:#6A2BE0}
html[data-theme="dark"] .tbm-pd,html.tb-theme-dark-active .tbm-pd{background:#2A1F45}
html[data-theme="dark"] .tbm-pd .tbm-ico,html.tb-theme-dark-active .tbm-pd .tbm-ico{background:#1D2024;color:#C3A3FF}
html[data-theme="dark"] .tbm-pd .tbm-row-copy b,html.tb-theme-dark-active .tbm-pd .tbm-row-copy b{color:#F5F7FA}
html[data-theme="dark"] .tbm-pd .tbm-row-copy b i,html.tb-theme-dark-active .tbm-pd .tbm-row-copy b i{color:#C3A3FF}
.tbm-checkout{display:flex!important;align-items:center;gap:12px;width:auto;border:0;text-align:left;font:inherit;color:var(--oz-ink,#001A34)}
.tbm-checkout.is-offer{cursor:pointer}
section.tbm-checkout{flex-direction:column;align-items:stretch}
.tbm-checkout-head{display:flex;align-items:center;gap:12px}
.tbm-checkout .tbm-ico{background:linear-gradient(145deg,#FFE08A,#FFB800);color:#5B3200}
.tbm-checkout .tbm-fine.is-note{margin:0;--tbm-tint:#F1EBFE;--tbm-tint-ink:#6A2BE0}
html[data-theme="dark"] .tbm-checkout .tbm-fine.is-note,html.tb-theme-dark-active .tbm-checkout .tbm-fine.is-note{--tbm-tint:#2A1F45;--tbm-tint-ink:#C3A3FF}
.tbm-sum-row span{display:inline-flex;align-items:center;gap:5px}
.tbm-sum-row .ui-icon{width:15px;height:15px;color:#E8A200}
.tbm-sum-row b{color:#6A2BE0}
html[data-theme="dark"] .tbm-sum-row b,html.tb-theme-dark-active .tbm-sum-row b{color:#C3A3FF}
.tbm-line-del{color:var(--oz-ink-3,#99A3AE);font-size:.92em}
.tbm-line-tag{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:999px;background:#F1EBFE;color:#6A2BE0;font:800 10.5px/1.3 var(--oz-font,inherit);font-style:normal;vertical-align:1px}
.tbm-line-tag .ui-icon{width:11px;height:11px;color:#E8A200}
html body:not(#tbp) #app-view:has(> .tbm-page){padding-top:0!important;padding-left:0!important;padding-right:0!important}
.tbm-hero{background-color:#7635ED}
/* ---- tb-v397.css ---- */
/* TB Market v0.13.397 — public profile like the reference (profile head, levelled achievements, followers, «Top-avtor»)
+ compact type scale for product cards and menus. Everything is scoped to .tbs-* or to the listed classes. */
/* ---------- page frame ---------- */
html body:not(#tbp) #app-view:has(> .tbs-page){padding:0!important}
.tbs-page{display:flex;flex-direction:column;gap:8px;min-height:100%;padding:0 0 calc(24px + env(safe-area-inset-bottom));background:var(--oz-page,#F2F3F5);color:var(--oz-ink,#001A34);font-family:var(--oz-font,inherit)}
.tbs-page :where(h1,h2,p){margin:0}
.tbs-page button{font-family:inherit}
.tbs-card{background:var(--oz-sheet,#fff);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.tbs-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px}
.tbs-card-head h2{font:700 21px/1.2 var(--oz-font,inherit);letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbs-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;height:32px;padding:0 8px 0 12px;border:0;border-radius:10px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);font:600 14px/1 var(--oz-font,inherit)}
.tbs-pill .ui-icon{width:16px;height:16px;color:var(--oz-ink-2,#707F8D)}
.tbs-count{flex:0 0 auto;min-width:32px;height:28px;padding:0 9px;border-radius:9px;background:var(--oz-ctrl,#EFF1F4);display:grid;place-items:center;font:600 14px/1 var(--oz-font,inherit)}
.tbs-hscroll{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding:0 16px}
.tbs-hscroll::-webkit-scrollbar{display:none}
/* ---------- app bar ---------- */
.tbs-appbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:0 6px}
.tbs-appbar>span{width:40px;height:40px}
.tbs-icon{position:relative;width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:var(--oz-ink-3,#99A3AE);display:grid;place-items:center;padding:0}
.tbs-icon .ui-icon{width:24px;height:24px}
.tbs-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--oz-pink,#F91155);border:2px solid var(--oz-sheet,#fff)}
.tbs-appbar.is-title>div{min-width:0;flex:1;text-align:center;display:flex;flex-direction:column;gap:1px}
.tbs-appbar.is-title b{font:700 17px/1.25 var(--oz-font,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbs-appbar.is-title small{font:500 13px/1.25 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
/* ---------- profile head ---------- */
.tbs-hero{background:var(--oz-sheet,#fff);border-radius:0 0 24px 24px;padding:0 0 16px;overflow:hidden;display:flex;flex-direction:column;gap:10px}
.tbs-hero-top{position:relative;display:flex;align-items:center;gap:12px;min-height:104px;padding:0 16px}
.tbs-hero-avatar{position:relative;flex:0 0 auto;width:84px;height:84px;padding:0;border:0;background:transparent;display:grid;place-items:center}
.tbs-hero-avatar-img{width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--oz-ctrl,#EFF1F4);display:grid;place-items:center;color:var(--oz-ink-2,#707F8D);font:700 30px/1 var(--oz-font,inherit)}
.tbs-hero-avatar-img img{width:100%;height:100%;object-fit:cover;display:block}
.tbs-hero-avatar.is-top{width:108px;height:104px;margin:0 -4px 0 -8px}
.tbs-hero-avatar.is-top .tbs-hero-avatar-img{width:76px;height:76px;box-shadow:0 0 0 3px #F6C343,0 0 0 5px var(--oz-sheet,#fff)}
.tbs-hero-avatar .tbs-laurel{position:absolute;inset:-2px 0 2px;width:108px;height:108px;pointer-events:none}
.tbs-ribbon{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);z-index:2;width:max-content;height:20px;padding:0 10px;display:grid;place-items:center;white-space:nowrap;font:800 10px/1 var(--oz-font,inherit);font-style:normal;letter-spacing:.06em;color:#fff;
background:linear-gradient(180deg,#F8C846,#E29A07);border-radius:5px;box-shadow:0 2px 6px rgba(166,107,0,.35);text-shadow:0 1px 0 rgba(140,86,0,.45)}
.tbs-ribbon:before,.tbs-ribbon:after{content:"";position:absolute;top:4px;width:9px;height:16px;background:#C98605;z-index:-1}
.tbs-ribbon:before{left:-6px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}
.tbs-ribbon:after{right:-6px;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}
.tbs-hero-badges{flex:1;min-width:0;display:flex;justify-content:flex-start;padding:8px 16px 14px 0;border:0;background:transparent;margin-right:-16px;overflow:hidden}
.tbs-hero-badges>.tbs-ach{flex:0 0 auto;margin-left:-14px}
.tbs-hero-badges>.tbs-ach:first-child{margin-left:auto}
.tbs-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 16px;font:700 22px/1.2 var(--oz-font,inherit);letter-spacing:-.015em;overflow-wrap:anywhere}
.tbs-top-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:0;border-radius:8px;background:#FFF4D6;color:#8A5A00;font:700 12px/1 var(--oz-font,inherit)}
.tbs-top-chip .ui-icon{width:14px;height:14px;color:#E5A100}
.tbs-stats{display:flex;justify-content:space-between;gap:6px;padding:2px 16px 0}
.tbs-stats button{min-width:0;padding:0;border:0;background:transparent;text-align:left;color:inherit;display:flex;flex-direction:column;gap:2px}
.tbs-stats b{display:flex;align-items:center;gap:3px;font:600 17px/1.2 var(--oz-font,inherit);white-space:nowrap}
.tbs-stats small{font:400 13px/1.2 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D);white-space:nowrap}
.tbs-trophy{display:inline-grid;color:var(--oz-gold,#FFB800)}
.tbs-trophy .ui-icon{width:16px;height:16px}
.tbs-actions{display:flex;gap:8px;padding:4px 16px 0}
.tbs-btn-dark{flex:1;min-width:0;height:44px;border:0;border-radius:12px;background:#2E3238;color:#fff;font:600 15px/1 var(--oz-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px}
.tbs-btn-dark.is-following{background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34)}
.tbs-btn-dark:disabled{opacity:.6}
.tbs-icon-btn{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:12px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink-2,#707F8D);display:grid;place-items:center;padding:0}
.tbs-icon-btn .ui-icon{width:22px;height:22px}
.tbs-private{align-items:center;text-align:center;padding:24px 16px}
.tbs-private .ui-icon{width:34px;height:34px;color:var(--oz-ink-3,#99A3AE)}
.tbs-private b{font:700 18px/1.25 var(--oz-font,inherit)}
.tbs-private p{font:400 14px/1.4 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
/* ---------- achievement badge ---------- */
.tbs-ach{--tbs-s:64px;--c1:#B48CFF;--c2:#6B2BEA;--chip:#F1117E;position:relative;display:inline-grid;width:var(--tbs-s);height:var(--tbs-s);flex:0 0 auto}
.tbs-ach-art{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;
background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.62),rgba(255,255,255,0) 44%),radial-gradient(circle at 70% 88%,rgba(0,0,0,.18),rgba(0,0,0,0) 52%),linear-gradient(150deg,var(--c1),var(--c2));
box-shadow:inset 0 -5px 10px rgba(0,0,0,.16),inset 0 3px 6px rgba(255,255,255,.35),0 4px 10px -4px var(--c2)}
.tbs-ach-art .ui-icon{width:50%;height:50%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))}
.tbs-ach-art .ui-icon path{stroke:currentColor;stroke-width:7;stroke-linejoin:round;paint-order:stroke}
.tbs-ach-art img{width:100%;height:100%;object-fit:cover;display:block}
.tbs-ach.has-img .tbs-ach-art{background:transparent;box-shadow:none}
.tbs-ach-lvl{position:absolute;top:-4px;left:50%;transform:translateX(-50%);min-width:22px;height:22px;padding:0 5px;border-radius:7px;background:var(--chip);color:#fff;display:grid;place-items:center;font:700 12px/1 var(--oz-font,inherit);border:2px solid var(--oz-sheet,#fff);box-sizing:border-box}
.tbs-ach.tone-pink{--c1:#FF7AB8;--c2:#E3127B}
.tbs-ach.tone-blue{--c1:#69B7FF;--c2:#1E5BFF;--chip:#1A73F5}
.tbs-ach.tone-violet{--c1:#B48CFF;--c2:#6B2BEA}
.tbs-ach.tone-orange{--c1:#FFC15C;--c2:#FF6A1A}
.tbs-ach.tone-green{--c1:#6BE79A;--c2:#0FA557}
.tbs-ach.tone-teal{--c1:#5EE6D8;--c2:#0B95A3;--chip:#0E8E9B}
.tbs-ach.tone-red{--c1:#FF8A98;--c2:#E3153F}
.tbs-ach.tone-gold{--c1:#FFE08A;--c2:#E39B00}
.tbs-ach.tone-stripes{--c2:#3D6BFF}
.tbs-ach.tone-stripes .tbs-ach-art{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.55),rgba(255,255,255,0) 44%),repeating-conic-gradient(from -8deg,#FF4FA3 0 22.5deg,#3D6BFF 22.5deg 45deg)}
.tbs-ach.tone-stripes .tbs-ach-art .ui-icon{padding:9%;border-radius:50%;background:radial-gradient(circle,#FF66AE 0,#E3127B 100%);width:58%;height:58%;box-shadow:0 0 0 3px rgba(255,255,255,.75)}
.tbs-ach.is-locked .tbs-ach-art{background:#D9DDE3;box-shadow:none;color:#fff}
.tbs-ach.is-locked .tbs-ach-art .ui-icon{filter:none}
.tbs-ach.is-locked.has-img .tbs-ach-art img{filter:grayscale(1);opacity:.45}
/* ---------- collections row ---------- */
.tbs-coll-row{gap:8px}
.tbs-coll{position:relative;flex:0 0 calc((100% - 8px) / 2);max-width:200px;aspect-ratio:.72;border:0;border-radius:20px;overflow:hidden;padding:0;background:var(--oz-ctrl,#EFF1F4);color:#fff;text-align:left}
.tbs-coll>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tbs-coll-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--oz-ink-3,#99A3AE)}
.tbs-coll-empty .ui-icon{width:40px;height:40px}
.tbs-coll-shade{position:absolute;inset:auto 0 0;height:56%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.68))}
.tbs-coll-copy{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:6px}
.tbs-coll-copy b{font:600 15px/1.25 var(--oz-font,inherit);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tbs-coll-copy small{display:flex;gap:12px;font:500 13px/1 var(--oz-font,inherit)}
.tbs-coll-copy small i{display:inline-flex;align-items:center;gap:4px;font-style:normal}
.tbs-coll-copy .ui-icon{width:15px;height:15px}
.tbs-coll.is-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--oz-ink,#001A34);text-align:center;padding:12px}
.tbs-coll.is-new span{width:44px;height:44px;border-radius:50%;background:var(--oz-ink-3,#99A3AE);color:#fff;display:grid;place-items:center}
.tbs-coll.is-new span .ui-icon{width:22px;height:22px}
.tbs-coll.is-new b{font:600 15px/1.25 var(--oz-font,inherit)}
/* ---------- top authors row ---------- */
.tbs-top-row{gap:8px}
.tbs-top-card{flex:0 0 132px;min-height:132px;border:0;border-radius:16px;background:var(--oz-ctrl,#EFF1F4);padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--oz-ink,#001A34);text-align:left}
.tbs-top-card b{font:500 15px/1.25 var(--oz-font,inherit);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
/* ---------- avatars ---------- */
.tbs-avatar{position:relative;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink-2,#707F8D);font:600 18px/1 var(--oz-font,inherit)}
.tbs-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.tbs-avatar.is-m{width:44px;height:44px}
.tbs-avatar.is-l{width:56px;height:56px;font-size:20px}
.tbs-avatar.is-square{border-radius:16px}
.tbs-avatar.is-top{box-shadow:0 0 0 2px var(--oz-sheet,#fff),0 0 0 4px #F6C343}
.tbs-top-card .tbs-avatar.is-top,.tbs-conn-row .tbs-avatar.is-top{margin:4px}
/* ---------- reviews ---------- */
.tbs-media-row{gap:6px}
.tbs-media-row button{position:relative;flex:0 0 100px;height:132px;border:0;border-radius:12px;overflow:hidden;padding:0;background:var(--oz-ctrl,#EFF1F4)}
.tbs-media-row img{width:100%;height:100%;object-fit:cover;display:block}
.tbs-review-list{display:flex;flex-direction:column}
.tbs-review{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:1px solid var(--oz-line,#E8EBEE)}
.tbs-review:first-child{border-top:0;padding-top:4px}
.tbs-review-product{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:8px;border:1px solid var(--oz-line,#E8EBEE);border-radius:16px;background:transparent;color:inherit;text-align:left}
.tbs-review-product-img{flex:0 0 56px;width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--oz-ctrl,#EFF1F4)}
.tbs-review-product-img img{width:100%;height:100%;object-fit:cover;display:block}
.tbs-review-product-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.tbs-review-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.tbs-review-price b{font:700 15px/1.2 var(--oz-font,inherit)}
.tbs-review-price b.is-sale{color:var(--oz-pink-ink,#F91155)}
.tbs-review-price s{font:400 13px/1.2 var(--oz-font,inherit);color:var(--oz-ink-3,#99A3AE)}
.tbs-review-price em{font:600 13px/1.2 var(--oz-font,inherit);font-style:normal;color:var(--oz-pink-ink,#F91155)}
.tbs-review-product-name{font:400 14px/1.3 var(--oz-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbs-review-meta{display:flex;align-items:center;gap:10px}
.tbs-review-meta time{font:400 14px/1 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbs-stars{display:inline-flex;gap:2px}
.tbs-stars i{display:inline-grid;color:#D9DDE3}
.tbs-stars i.is-on{color:var(--oz-gold,#FFB800)}
.tbs-stars .ui-icon{width:18px;height:18px}
.tbs-review-variant{font:400 14px/1.4 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbs-review-variant span{color:var(--oz-blue,#005BFF)}
.tbs-review-body{font:400 15px/1.45 var(--oz-font,inherit);overflow-wrap:anywhere;white-space:pre-line}
.tbs-review-media{display:flex;gap:6px;flex-wrap:wrap}
.tbs-review-media button{position:relative;width:88px;height:116px;border:0;border-radius:12px;overflow:hidden;padding:0;background:var(--oz-ctrl,#EFF1F4)}
.tbs-review-media img{width:100%;height:100%;object-fit:cover;display:block}
.tbs-play{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(0,0,0,.45)}
.tbs-play:after{content:"";position:absolute;left:13px;top:10px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}
.tbs-review-react{display:flex;align-items:center;gap:8px}
.tbs-react-group{display:inline-flex;align-items:center;height:36px;border-radius:12px;background:var(--oz-ctrl,#EFF1F4);overflow:hidden}
.tbs-react-group button,.tbs-react-comments{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border:0;background:transparent;color:var(--oz-ink-2,#707F8D);font:600 14px/1 var(--oz-font,inherit)}
.tbs-react-group button+button{border-left:1px solid var(--oz-line,#E8EBEE)}
.tbs-react-comments{border-radius:12px;background:var(--oz-ctrl,#EFF1F4)}
.tbs-review-react .ui-icon{width:18px;height:18px}
.tbs-review-react b{color:var(--oz-ink,#001A34);font-weight:600}
.tbs-review-react button.is-active{color:var(--oz-blue,#005BFF)}
.tbs-empty-line{padding:6px 0 4px;font:400 15px/1.4 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
/* ---------- achievements page ---------- */
.tbs-ach-page{background:var(--oz-sheet,#fff);gap:0}
.tbs-ach-page>.tbs-appbar{position:sticky;top:0;z-index:5;background:var(--oz-sheet,#fff);min-height:56px}
.tbs-ach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 8px;padding:12px 12px 24px}
.tbs-ach-cell{min-width:0;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px;color:inherit;text-align:center}
.tbs-ach-cell .tbs-ach{margin-top:6px}
.tbs-ach-cell>b{font:400 14px/1.25 var(--oz-font,inherit);overflow-wrap:anywhere;max-width:100%}
.tbs-bar{display:block;width:76%;height:5px;border-radius:3px;background:var(--oz-ctrl,#EFF1F4);overflow:hidden}
.tbs-bar i{display:block;height:100%;border-radius:3px;background:#1A73F5}
.tbs-bar.is-blank{visibility:hidden}
/* ---------- sheets ---------- */
.tbs-sheet p{margin:0}
.tbs-sheet{display:flex;flex-direction:column;gap:10px;color:var(--oz-ink,#001A34);font-family:var(--oz-font,inherit)}
.tbs-sheet h2{margin:0!important;font:700 24px/1.2 var(--oz-font,inherit)!important;color:var(--oz-ink,#001A34)!important}
.tbs-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 4px}
.tbs-sheet-x{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;border:0;border-radius:50%;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink-2,#707F8D);display:grid;place-items:center;padding:0}
.tbs-sheet-x .ui-icon{width:20px;height:20px}
.tbs-sheet-x.is-inline{position:static;flex:0 0 36px}
.tbs-sheet-x.is-light{background:rgba(255,255,255,.22);color:#fff}
.tbs-stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:var(--oz-ctrl,#EFF1F4)}
.tbs-stat-row span{display:flex;flex-direction:column;gap:4px;min-width:0}
.tbs-stat-row b{font:700 22px/1.1 var(--oz-font,inherit)}
.tbs-stat-row small{font:400 14px/1.25 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbs-stat-ico{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;background:linear-gradient(150deg,var(--c1),var(--c2));box-shadow:inset 0 -4px 8px rgba(0,0,0,.15),inset 0 3px 6px rgba(255,255,255,.35)}
.tbs-stat-ico .ui-icon{width:26px;height:26px}
.tbs-stat-ico.tone-gold{--c1:#FFE08A;--c2:#F2A900}
.tbs-stat-ico.tone-pink{--c1:#FF7AB8;--c2:#E3127B}
.tbs-stat-ico.tone-blue{--c1:#69B7FF;--c2:#1E5BFF}
.tbs-sheet-note{margin:4px 8px 0;font:400 13px/1.4 var(--oz-font,inherit);color:var(--oz-ink-3,#99A3AE);text-align:center}
.tbs-ach-sheet{align-items:center;text-align:center;padding-top:18px!important}
.tbs-ach-sheet-art{padding:10px 0 4px}
.tbs-ach-sheet-art .tbs-ach-lvl{min-width:30px;height:30px;font-size:15px;border-radius:9px;top:-6px}
.tbs-ach-sheet-level{font:600 15px/1.3 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbs-ach-sheet-desc{font:400 15px/1.45 var(--oz-font,inherit);max-width:320px}
.tbs-ach-sheet-progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}
.tbs-ach-sheet-progress .tbs-bar{width:70%;height:6px}
.tbs-ach-sheet-progress small{font:600 14px/1 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbs-levels{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:4px}
.tbs-levels>small{font:600 13px/1 var(--oz-font,inherit);color:var(--oz-ink-3,#99A3AE);text-transform:uppercase;letter-spacing:.04em}
.tbs-levels>div{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.tbs-levels span{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 4px;border-radius:10px;background:var(--oz-ctrl,#EFF1F4);font:600 13px/1 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbs-levels span b{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--oz-sheet,#fff);color:var(--oz-ink-2,#707F8D);font-size:12px}
.tbs-levels span.is-done{background:#E7F7EE;color:#0A7F3F}
.tbs-levels span.is-done b{background:#12A85A;color:#fff}
.tbs-levels span.is-next{box-shadow:inset 0 0 0 1.5px #1A73F5;color:#1A73F5}
.tbs-ach-sheet-date{font:400 13px/1.3 var(--oz-font,inherit);color:var(--oz-ink-3,#99A3AE)}
/* «Top-avtor» sheet */
.tbs-top-sheet{padding-top:12px!important}
.tbs-top-art{position:relative;height:190px;border-radius:20px;overflow:hidden;display:grid;place-items:center;
background:radial-gradient(circle at 50% 55%,#8E63FF 0,#6136F0 45%,#3F1FBF 100%)}
.tbs-top-medal{position:relative;width:150px;height:150px;display:grid;place-items:center}
.tbs-top-medal .tbs-laurel{position:absolute;inset:0;width:150px;height:150px;filter:drop-shadow(0 4px 8px rgba(30,0,90,.45))}
.tbs-top-medal-core{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:#fff;
background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.6),rgba(255,255,255,0) 46%),linear-gradient(150deg,#B48CFF,#5B2BE0);box-shadow:0 0 0 4px #F6C343,inset 0 -6px 12px rgba(0,0,0,.2)}
.tbs-top-medal-core .ui-icon{width:44px;height:44px;color:#FFD34D;filter:drop-shadow(0 2px 2px rgba(60,20,0,.35))}
.tbs-spark{position:absolute;color:#fff;opacity:.85}
.tbs-spark .ui-icon{width:26px;height:26px}
.tbs-spark.s1{left:44px;top:36px}
.tbs-spark.s2{right:52px;bottom:34px;transform:scale(.8)}
.tbs-spark.s3{right:70px;top:28px;transform:scale(.6)}
.tbs-top-points{display:flex;flex-direction:column}
.tbs-top-points>div{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--oz-line,#E8EBEE)}
.tbs-top-points>div:last-child{border-bottom:0}
.tbs-top-points i{flex:0 0 28px;color:var(--oz-ink-3,#99A3AE);display:grid;place-items:start center;padding-top:1px}
.tbs-top-points i .ui-icon{width:24px;height:24px}
.tbs-top-points span{display:flex;flex-direction:column;gap:3px;min-width:0}
.tbs-top-points b{font:500 16px/1.3 var(--oz-font,inherit)}
.tbs-top-points small{font:400 14px/1.4 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbs-top-me{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:16px;background:var(--oz-ctrl,#EFF1F4)}
.tbs-top-me>b{font:600 15px/1.3 var(--oz-font,inherit)}
.tbs-top-me ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.tbs-top-me li{display:flex;align-items:flex-start;gap:8px;font:400 14px/1.35 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
.tbs-top-me li i{flex:0 0 20px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--oz-ctrl-2,#E4E7EB);color:var(--oz-ink-3,#99A3AE)}
.tbs-top-me li i .ui-icon{width:13px;height:13px}
.tbs-top-me li.is-ok{color:var(--oz-ink,#001A34)}
.tbs-top-me li.is-ok i{background:#12A85A;color:#fff}
.tbs-top-me.is-top{flex-direction:row;align-items:center;background:#FFF4D6;color:#8A5A00}
.tbs-top-me.is-top .ui-icon{width:22px;height:22px;color:#E5A100}
.tbs-btn-violet{height:52px;border:0;border-radius:14px;background:#6B3FF2;color:#fff;font:600 16px/1 var(--oz-font,inherit);margin-top:4px}
/* full-screen photo */
.tbs-photo{position:absolute;inset:0;background:#0B0B0D;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 calc(18px + env(safe-area-inset-bottom))}
.tbs-photo-x{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center}
.tbs-photo-x .ui-icon{width:22px;height:22px}
.tbs-photo-stage{flex:1;display:grid;place-items:center;padding:64px 0 16px}
.tbs-photo-stage img{max-width:100%;max-height:100%;border-radius:20px;object-fit:contain}
.tbs-photo-thumbs{display:flex;justify-content:center}
.tbs-photo-thumbs span{width:62px;height:62px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px #2B7BFF}
.tbs-photo-thumbs img{width:100%;height:100%;object-fit:cover}
/* ---------- followers / following ---------- */
.tbs-conn-top{background:var(--oz-sheet,#fff);border-radius:0 0 24px 24px;padding:0 0 14px}
.tbs-seg{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0 16px;padding:3px;border-radius:14px;background:var(--oz-ctrl,#EFF1F4)}
.tbs-seg button{height:40px;border:0;border-radius:11px;background:transparent;color:var(--oz-ink,#001A34);font:500 16px/1 var(--oz-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}
.tbs-seg button.is-active{background:var(--oz-sheet,#fff);box-shadow:0 1px 3px rgba(0,26,52,.12)}
.tbs-conn-list{gap:0;padding:6px 16px}
.tbs-conn-row{display:flex;align-items:center;gap:10px;min-height:76px}
.tbs-conn-user{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:inherit;text-align:left}
.tbs-conn-user>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}
.tbs-conn-user b{font:400 16px/1.25 var(--oz-font,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbs-conn-user small{font:400 14px/1.2 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D);white-space:nowrap}
.tbs-follow-mini{flex:0 0 auto;height:36px;padding:0 14px;border:0;border-radius:10px;background:var(--oz-blue-tint,#E5EEFF);color:var(--oz-blue-tint-ink,#005BFF);font:600 14px/1 var(--oz-font,inherit);white-space:nowrap}
.tbs-follow-mini.is-following{background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink-2,#707F8D)}
.tbs-empty{align-items:center;text-align:center;padding:28px 20px 26px;gap:10px}
.tbs-empty>b{font:700 21px/1.25 var(--oz-font,inherit)}
.tbs-empty>p{font:400 15px/1.45 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D);max-width:320px}
.tbs-empty>.ui-icon{width:40px;height:40px;color:var(--oz-gold,#FFB800)}
.tbs-empty-art{position:relative;width:120px;height:104px;margin-bottom:4px}
.tbs-empty-art i{position:absolute;display:grid;place-items:center}
.tbs-empty-art .b1{left:22px;top:6px;color:#2F6BFF}
.tbs-empty-art .b1 .ui-icon{width:84px;height:84px;filter:drop-shadow(0 6px 10px rgba(47,107,255,.3))}
.tbs-empty-art .b2{left:0;top:40px;color:#7AA4FF;transform:scaleX(-1)}
.tbs-empty-art .b2 .ui-icon{width:46px;height:46px}
.tbs-empty-art .h{left:52px;top:26px;color:#FF5C9D}
.tbs-empty-art .h .ui-icon{width:30px;height:30px}
.tbs-empty-art .b1.is-user{left:18px;top:4px;width:88px;height:88px;border-radius:50%;background:linear-gradient(150deg,#69B7FF,#1E5BFF);color:#fff}
.tbs-empty-art .b1.is-user .ui-icon{width:48px;height:48px;filter:none}
/* product reviews page: «Top-avtor» under the name */
.tbs-top-mini{display:inline-flex;align-items:center;gap:3px;font-style:normal;color:#B57B00;font-weight:700}
.tbs-top-mini .ui-icon{width:13px;height:13px;color:#E5A100}
.social-review-author.is-top-author .social-avatar{box-shadow:0 0 0 2px var(--oz-sheet,#fff),0 0 0 4px #F6C343}
.social-review-actions button .ui-icon{width:17px;height:17px}
.social-review-actions button{display:inline-flex;align-items:center;gap:5px}
/* ---------- dark theme ---------- */
html.tb-theme-dark-active .tbs-btn-dark,html[data-theme="dark"] .tbs-btn-dark{background:#F5F7FA;color:#070707}
html.tb-theme-dark-active .tbs-btn-dark.is-following,html[data-theme="dark"] .tbs-btn-dark.is-following{background:var(--oz-ctrl);color:var(--oz-ink)}
html.tb-theme-dark-active .tbs-ach.is-locked .tbs-ach-art,html[data-theme="dark"] .tbs-ach.is-locked .tbs-ach-art{background:#3A3D42;color:#5E636B}
html.tb-theme-dark-active .tbs-stars i,html[data-theme="dark"] .tbs-stars i{color:#3A3D42}
html.tb-theme-dark-active .tbs-stars i.is-on,html[data-theme="dark"] .tbs-stars i.is-on{color:var(--oz-gold,#FFB800)}
html.tb-theme-dark-active .tbs-top-chip,html[data-theme="dark"] .tbs-top-chip,html.tb-theme-dark-active .tbs-top-me.is-top,html[data-theme="dark"] .tbs-top-me.is-top{background:#3A2C08;color:#FFD15C}
html.tb-theme-dark-active .tbs-levels span.is-done,html[data-theme="dark"] .tbs-levels span.is-done{background:#0E3320;color:#5BE38C}
html.tb-theme-dark-active .tbs-seg button.is-active,html[data-theme="dark"] .tbs-seg button.is-active{background:var(--oz-ctrl-2,#3A3D42);box-shadow:none}
html.tb-theme-dark-active .tbs-top-mini,html[data-theme="dark"] .tbs-top-mini{color:#FFD15C}
/* ---------- compact type scale (reference iPhone sizes) — product cards and menu rows, every page ----------
cards: price 18 / old price 13 / title 14 (2 lines) / meta 13; menus and settings rows: 16 medium, hint 13. */
html body:not(#tbp):not(#tbq) .product-card .product-copy>strong{font:700 18px/1.15 var(--oz-font)!important}
html body:not(#tbp):not(#tbq) .product-card .product-copy>del{font:400 13px/1.2 var(--oz-font)!important;margin-top:-2px!important}
html body:not(#tbp):not(#tbq) .product-card .product-copy>p{font:400 14px/1.3 var(--oz-font)!important;min-height:2.6em!important}
html body:not(#tbp):not(#tbq) .product-card .product-card-brand-row small,
html body:not(#tbp):not(#tbq) .product-card .product-card-seller-identity small{font-size:13px!important}
html body:not(#tbp):not(#tbq) .product-card .product-card-rating,
html body:not(#tbp):not(#tbq) .product-card .product-rating-score b,
html body:not(#tbp):not(#tbq) .product-card .product-rating-reviews small{font-size:13px!important}
html body:not(#tbp):not(#tbq) .product-card .product-card-low-stock{font-size:12.5px!important}
html body:not(#tbp):not(#tbq) .ozf-title{font:400 14px/1.3 var(--oz-font)!important}
html body:not(#tbp):not(#tbq) .ozf-stock{font-size:13px!important}
html body:not(#tbp):not(#tbq) .ozf-rating-score b,
html body:not(#tbp):not(#tbq) .ozf-rating-reviews small{font-size:13px!important}
html body:not(#tbp):not(#tbq) .favorite-product-copy>p{font-size:14px!important;line-height:1.3!important}
html body:not(#tbp):not(#tbq) .profile-menu-group button>b{font:500 16px/1.25 var(--oz-font)!important;letter-spacing:-.005em}
html body:not(#tbp):not(#tbq) .profile-menu-group button small{font:400 13px/1.3 var(--oz-font)!important}
html body:not(#tbp):not(#tbq) :is(.settings-group,.settings-feature-card) :is(button,label)>span>b{font:500 16px/1.25 var(--oz-font)!important}
html body:not(#tbp):not(#tbq) :is(.settings-group,.settings-feature-card) :is(button,label)>span>small{font:400 13px/1.3 var(--oz-font)!important}
/* ===================== v0.13.398 — Savat: reference cart line =====================
The tick sits in a notch cut into the picture's top-left corner (clip-path — works on any background, light / dark);
under the price: sale chips («11.11 Aksiya», the coming sale price, «Vau-narx»), the name, «Qabul qilganda to‘lash», «Soni cheklangan».
reference sizes: picture 90 × 120, price 17, name 14 (3 lines), chips 22 / 12, meta 13, tools 36. */
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .cart-line.tbc-line{position:relative!important;display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:10px 12px!important;padding:12px!important;align-items:start!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line>.tbc-media{grid-column:1!important;grid-row:1!important;position:relative!important;width:90px!important;height:120px!important;margin:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-media>.cart-image{display:block!important;position:absolute!important;inset:0!important;width:90px!important;height:120px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:var(--oz-ctrl,#EFF1F4)!important;box-shadow:none!important;
-webkit-clip-path:path('M35 0H76A14 14 0 0 1 90 14V106A14 14 0 0 1 76 120H14A14 14 0 0 1 0 106V35A6 6 0 0 1 6 29H17A12 12 0 0 0 29 17V6A6 6 0 0 1 35 0Z');
clip-path:path('M35 0H76A14 14 0 0 1 90 14V106A14 14 0 0 1 76 120H14A14 14 0 0 1 0 106V35A6 6 0 0 1 6 29H17A12 12 0 0 0 29 17V6A6 6 0 0 1 35 0Z')}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-media>.cart-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-media>.tbc-check{position:absolute!important;left:0!important;top:0!important;z-index:2!important;width:24px!important;height:24px!important;min-width:0!important;margin:0!important;padding:0!important;display:block!important;grid-column:auto!important;grid-row:auto!important;cursor:pointer}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-check>input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-check>span{display:grid!important;place-items:center!important;box-sizing:border-box!important;width:24px!important;height:24px!important;min-width:24px!important;border-radius:7px!important;border:2px solid var(--oz-ctrl-2,#E4E7EB)!important;background:var(--oz-ctrl,#EFF1F4)!important;color:transparent!important;pointer-events:none}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-check>span .ui-icon{width:15px!important;height:15px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line.is-selected .tbc-check>span{background:var(--v3-brand,var(--oz-blue))!important;border-color:var(--v3-brand,var(--oz-blue))!important;color:#fff!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line.is-unavailable .tbc-media{opacity:.5}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line>.cart-copy{grid-column:2!important;grid-row:1!important;padding:0!important;min-width:0!important;display:block!important}
/* price */
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-price-row{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:0 6px!important;margin:0 0 5px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-price-row strong{font:700 17px/22px var(--oz-font)!important;color:var(--oz-ink)!important;white-space:nowrap!important;letter-spacing:-.01em}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-price-row.is-sale strong{color:var(--oz-pink-ink)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-price-row del{font:400 13px/17px var(--oz-font)!important;color:var(--oz-ink-3)!important;white-space:nowrap!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-price-row em{font:600 13px/17px var(--oz-font)!important;font-style:normal!important;color:var(--oz-pink-ink)!important;white-space:nowrap!important}
/* chips */
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chips{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:0 0 6px!important;min-width:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip{display:inline-flex!important;align-items:center!important;gap:4px!important;box-sizing:border-box!important;height:22px!important;min-height:0!important;max-width:100%!important;margin:0!important;padding:0 7px!important;border:0!important;border-radius:7px!important;box-shadow:none!important;font:600 12px/1 var(--oz-font)!important;white-space:nowrap!important;overflow:hidden!important;flex:0 1 auto!important;min-width:0!important;text-align:left!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip b{font:inherit!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip .ui-icon{width:14px!important;height:14px!important;flex:0 0 14px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip i{font:800 11px/16px var(--oz-font)!important;font-style:normal!important;height:16px!important;padding:0 4px!important;margin-left:-3px!important;border-radius:5px!important;flex:0 0 auto!important;letter-spacing:.01em}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip.is-sale{background:var(--sale,#E5004F)!important;color:var(--sale-ink,#fff)!important;cursor:pointer}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip.is-sale i{background:rgba(255,255,255,.24)!important;color:inherit!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip.is-soon{background:var(--oz-ctrl,#EFF1F4)!important;color:var(--oz-ink)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip.is-soon i{background:var(--sale,#E5004F)!important;color:var(--sale-ink,#fff)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip.is-soon em{font:400 12px/1 var(--oz-font)!important;font-style:normal!important;color:var(--oz-ink-2)!important;flex:0 0 auto!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip.is-wow{background:var(--oz-pink-tint,#FFE3EC)!important;color:var(--oz-pink-ink,#F91155)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-chip.is-postpay{background:var(--v3-brand-50,#F3EEFF)!important;color:var(--v3-brand-ink,#5A22CF)!important}
/* name, variant, notes */
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-copy h3{font:400 14px/18px var(--oz-font)!important;color:var(--oz-ink)!important;margin:0 0 2px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;word-break:break-word}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-variant{display:block!important;font:400 13px/17px var(--oz-font)!important;color:var(--oz-ink-2)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-notes{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 8px!important;margin:6px 0 0!important;min-width:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .tbc-limited{display:block!important;font:500 13px/17px var(--oz-font)!important;color:var(--oz-pink-ink)!important;margin:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-stock.is-out{font:500 13px/17px var(--oz-font)!important;margin-top:4px!important}
/* tools row — reference 36 */
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line>.cart-actions{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;margin:0!important;padding:0!important;min-width:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-actions-left{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-actions-left .cart-tool{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;border-radius:10px!important;padding:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-actions-left .cart-tool .ui-icon{width:19px!important;height:19px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-actions-left .cart-qty-control{width:100px!important;min-width:100px!important;flex:0 0 100px!important;height:36px!important;border-radius:10px!important;grid-template-columns:32px minmax(0,1fr) 32px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-qty-control>button{width:32px!important;height:36px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-qty-control>button .ui-icon{width:17px!important;height:17px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-qty-control>span{font:600 15px/36px var(--oz-font)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line .cart-buy-line{height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:10px!important;font:600 14px/1 var(--oz-font)!important}
/* the header «don't miss the discounts» row: real icon instead of the 🔥 emoji */
html body:not(#tbp):not(#tbq):not(#tbr) .cart-sale-flame{display:inline-grid!important;place-items:center!important;color:var(--oz-pink-ink,#F91155)!important;font-size:0!important;flex:0 0 22px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-sale-flame .ui-icon{width:22px!important;height:22px!important}
/* one thin divider between the lines (the old inset ::before stayed light in the dark theme and doubled the border) */
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line+.tbc-line::before{display:none!important}
html body:not(#tbp):not(#tbq):not(#tbr) .cart-screen .tbc-line+.tbc-line{border-top:1px solid var(--oz-line,#E8EBEE)!important}
/* ---- tb-v404.css ---- */
/* v0.13.404 — iPhone home-screen app: the clock / battery strip is ONE solid band (nothing scrolls under it, no glass
blur), the page bars under it are solid too, and the bars that stick to the top start below the band. */
#tb-status-strip{position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);z-index:2147483000;pointer-events:none;background:var(--tb-status-tint,transparent);display:none}
html.tb-mobile-web #tb-status-strip{display:block}
#tb-status-strip[hidden]{display:none!important}
html.tb-mobile-web :is(.market-store-filter-bar,.brand-reference-topbar,.social-page-appbar,.search-filter-chips){top:env(safe-area-inset-top,0px)}
/* solid top bars — the «glass» blur let the pictures underneath shine through as a blurry band */
.product-detail-appbar,.brand-reference-topbar,.market-store-filter-bar,.social-page-appbar,.tb-sub-bar,#app-nav,.bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.product-detail-appbar,.brand-reference-topbar{background:#fff!important}
.market-store-filter-bar{background:#f2f3f6!important}
html.tb-theme-dark-active :is(.product-detail-appbar,.brand-reference-topbar){background:#111821!important}
html.tb-theme-dark-active .market-store-filter-bar{background:#171e28!important}
/* cards without reviews: no empty «— · 0» rating line */
.product-card-rating.is-empty{display:none!important}
/* ---- tb-v405.css ---- */
/* v0.13.405 — home top strip without the picture tile, compact profile (tiles, pickup rail, finance + small ad),
orders barcode card, points page, favourites / purchases filter panel, public profile top. Loaded last. */
/* ---------- 1. home top strip: title + button only, full width (no small picture tile on the right) ---------- */
html body:not(#tbp) .ozh-header .ozh-hero-copy,
html body:not(#tbp) .ozh-header .ozh-hero.is-ad .ozh-hero-copy{grid-template-columns:minmax(0,1fr)!important}
html body:not(#tbp) .ozh-header .ozh-hero-thumb{display:none!important}
/* ---------- 2. profile: compact head + tiles + pickup rail + finance + strips (same proportions on the phone as the
reference screens: 44 px avatar, 74 px tiles, 78 px rail cards, two 56 px finance cards and a small ad card) ---------- */
html body:not(#tbp):not(#tbq) .profile-page-tbz.tpf{display:flex;flex-direction:column;gap:8px;padding:0 0 18px!important;background:var(--oz-page,#F2F3F5)!important}
html body:not(#tbp):not(#tbq) .tpf-head{display:flex;align-items:center;gap:8px;padding:8px 8px 10px 16px;background:var(--oz-sheet,#fff)}
html body:not(#tbp):not(#tbq) .tpf-user{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:var(--oz-ink,#001A34);text-align:left}
html body:not(#tbp):not(#tbq) .tpf-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(140deg,#8241FA,#6928DF);color:#fff;font:700 18px/1 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tpf-avatar img{width:100%;height:100%;object-fit:cover;display:block}
html body:not(#tbp):not(#tbq) .tpf-who{min-width:0;display:flex;flex-direction:column;gap:2px}
html body:not(#tbp):not(#tbq) .tpf-who b{display:flex;align-items:center;gap:5px;font:600 17px/1.2 var(--oz-font,inherit);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .tpf-who b .tbm-name-crown{display:inline-grid;place-items:center;width:18px;height:18px;color:#8241FA}
html body:not(#tbp):not(#tbq) .tpf-who b .tbm-name-crown .ui-icon{width:16px;height:16px}
html body:not(#tbp):not(#tbq) .tpf-who small{font:400 13px/1.25 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .tpf-head-actions{display:flex;gap:2px;flex:0 0 auto}
html body:not(#tbp):not(#tbq) .tpf-icon{position:relative;width:40px;height:40px;border:0;border-radius:12px;background:none;color:var(--oz-ink-3,#99A3AE);display:grid;place-items:center}
html body:not(#tbp):not(#tbq) .tpf-icon .ui-icon{width:26px;height:26px}
html body:not(#tbp):not(#tbq) .tpf-icon .badge{position:absolute;top:2px;right:2px}
html body:not(#tbp):not(#tbq) .tpf-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:-8px;padding:0 8px 10px;background:var(--oz-sheet,#fff);border-radius:0 0 24px 24px}
html body:not(#tbp):not(#tbq) .tpf-tiles>button{min-width:0;min-height:74px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px 9px;border:0;border-radius:16px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);text-align:left}
html body:not(#tbp):not(#tbq) .tpf-tile-ico{display:grid;place-items:center;height:20px;margin-bottom:3px;color:var(--oz-ink-3,#99A3AE)}
html body:not(#tbp):not(#tbq) .tpf-tile-ico .ui-icon{width:19px;height:19px}
html body:not(#tbp):not(#tbq) .tpf-tile-ico.is-star .ui-icon{color:#FFB800}
html body:not(#tbp):not(#tbq) .tpf-tiles b{max-width:100%;font:600 13.5px/1.2 var(--oz-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .tpf-tiles small{max-width:100%;font:400 12px/1.25 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* pickup rail: barcode square at the left edge, then short order cards (scroll sideways) */
html body:not(#tbp):not(#tbq) .tpf-rail{display:flex;gap:8px;align-items:stretch;overflow-x:auto;scrollbar-width:none;padding:0 8px 0 0;scroll-snap-type:x proximity}
html body:not(#tbp):not(#tbq) .tpf-rail::-webkit-scrollbar{display:none}
html body:not(#tbp):not(#tbq) .tpf-barcode{flex:0 0 50px;min-height:78px;border:0;border-radius:0 16px 16px 0;background:#141519;color:#fff;display:grid;place-items:center}
html body:not(#tbp):not(#tbq) .tpf-barcode .ui-icon{width:28px;height:28px}
html body:not(#tbp):not(#tbq) .tpf-rail>.tpf-order:first-child{margin-left:8px}
html body:not(#tbp):not(#tbq) .tpf-order{flex:0 0 min(280px,calc(100vw - 92px));min-height:78px;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 9px;border:0;border-radius:16px;background:var(--oz-sheet,#fff);color:var(--oz-ink,#001A34);text-align:left;scroll-snap-align:start}
html body:not(#tbp):not(#tbq) .tpf-order-thumb{position:relative;flex:0 0 46px;width:46px;height:60px;border-radius:9px;overflow:hidden;background:var(--oz-ctrl,#EFF1F4);display:grid;place-items:center;color:var(--oz-ink-3,#99A3AE)}
html body:not(#tbp):not(#tbq) .tpf-order-thumb img{width:100%;height:100%;object-fit:cover}
html body:not(#tbp):not(#tbq) .tpf-order-thumb b{position:absolute;right:3px;bottom:3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:rgba(0,26,52,.72);color:#fff;font:700 10.5px/18px var(--oz-font,inherit);text-align:center}
html body:not(#tbp):not(#tbq) .tpf-order-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
html body:not(#tbp):not(#tbq) .tpf-order-copy strong{font:700 15px/1.2 var(--oz-font,inherit);color:var(--oz-ink,#001A34)}
html body:not(#tbp):not(#tbq) .tpf-order.is-ready .tpf-order-copy strong{color:#10A957}
html body:not(#tbp):not(#tbq) .tpf-order-copy small,html body:not(#tbp):not(#tbq) .tpf-order-copy em{font:400 12.5px/1.25 var(--oz-font,inherit);font-style:normal;color:var(--oz-ink-2,#707F8D);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .tpf-order-copy small{color:var(--oz-ink,#001A34)}
html body:not(#tbp):not(#tbq) .tpf-stars{display:flex;gap:2px;color:#C9CED6}
html body:not(#tbp):not(#tbq) .tpf-stars .ui-icon{width:14px;height:14px}
html body:not(#tbp):not(#tbq) .tpf-rail-all{flex:0 0 78px;min-height:78px;border:0;border-radius:16px;background:var(--oz-sheet,#fff);color:var(--oz-ink,#001A34);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;font:600 11.5px/1.2 var(--oz-font,inherit);text-align:center}
html body:not(#tbp):not(#tbq) .tpf-rail-all span{width:30px;height:30px;border-radius:50%;background:var(--oz-ctrl,#EFF1F4);display:grid;place-items:center}
html body:not(#tbp):not(#tbq) .tpf-rail-all .ui-icon{width:16px;height:16px}
/* section head used by finance and the strips */
html body:not(#tbp):not(#tbq) .tpf-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 10px}
html body:not(#tbp):not(#tbq) .tpf-sec-head h2{margin:0;font:700 18px/1.2 var(--oz-font,inherit)!important;letter-spacing:-.015em!important;color:var(--oz-ink,#001A34)!important;padding:0!important}
html body:not(#tbp):not(#tbq) .tpf-link{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 8px;border:0;border-radius:10px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);font:500 12.5px/1 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tpf-link .ui-icon{width:13px;height:13px}
/* finance: two stacked cards + the small ad card */
html body:not(#tbp):not(#tbq) .tpf-finance.profile-finance-card{margin:0!important;padding:14px 8px 8px!important;border-radius:24px!important;background:var(--oz-sheet,#fff)!important}
html body:not(#tbp):not(#tbq) .tpf-points-pill{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 6px 0 10px;border:0;border-radius:14px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);font:400 12.5px/1 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tpf-points-pill b{font-weight:700}
html body:not(#tbp):not(#tbq) .tb-points-icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:middle}
html body:not(#tbp):not(#tbq) .tpf-fin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
html body:not(#tbp):not(#tbq) .tpf-fin-stack{display:grid;grid-template-rows:1fr 1fr;gap:8px}
html body:not(#tbp):not(#tbq) .tpf-fin-stack>button{min-width:0;min-height:58px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:8px 12px;border:0;border-radius:16px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);text-align:left}
html body:not(#tbp):not(#tbq) .tpf-fin-stack small{display:flex;align-items:center;gap:2px;font:400 12.5px/1.2 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .tpf-fin-stack small .ui-icon{width:12px;height:12px}
html body:not(#tbp):not(#tbq) .tpf-fin-stack b{font:700 16px/1.2 var(--oz-font,inherit);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html body:not(#tbp):not(#tbq) .tpf-fin-stack b.is-cta{color:#005BFF;font-weight:600}
html body:not(#tbp):not(#tbq) .tpf-fin-ad{position:relative;min-width:0;min-height:124px;border-radius:16px;overflow:hidden;background:#EAF1FF}
html body:not(#tbp):not(#tbq) .tpf-fin-promo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:11px 12px;border:0;background:linear-gradient(160deg,#EEF4FF,#E3ECFF);color:#001A34;text-align:left;overflow:hidden}
html body:not(#tbp):not(#tbq) .tpf-fin-promo b{font:700 14.5px/1.2 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tpf-fin-promo small{max-width:88%;font:400 12px/1.3 var(--oz-font,inherit);color:#005BFF}
html body:not(#tbp):not(#tbq) .tpf-fin-card{position:absolute;right:-10px;bottom:-8px;width:86px;height:56px;border-radius:10px;background:linear-gradient(135deg,#1269f7,#0a47b9);box-shadow:0 8px 18px rgba(18,105,247,.28);transform:rotate(-12deg);display:flex;align-items:flex-start;gap:3px;padding:7px 8px;color:#fff}
html body:not(#tbp):not(#tbq) .tpf-fin-card i{font:900 10px/1 var(--oz-font,inherit);font-style:normal;padding:2px 4px;border-radius:4px;background:#fff;color:#1269f7}
html body:not(#tbp):not(#tbq) .tpf-fin-card em{font:800 9px/1.5 var(--oz-font,inherit);font-style:normal;letter-spacing:.08em}
html body:not(#tbp):not(#tbq) .tpf-fin-ad .tb-feed-carousel{position:absolute;inset:0}
html body:not(#tbp):not(#tbq) .tpf-fin-ad .tb-feed-slide{height:100%}
html body:not(#tbp):not(#tbq) .tpf-fin-ad-item{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#EAF1FF;overflow:hidden}
html body:not(#tbp):not(#tbq) .tpf-fin-ad-item>img,html body:not(#tbp):not(#tbq) .tpf-fin-ad-item>video{width:100%;height:100%;object-fit:cover;display:block}
html body:not(#tbp):not(#tbq) .tpf-fin-ad-label{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:7px;background:rgba(255,255,255,.86);color:#001A34;font:600 9.5px/1.3 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tpf-fin-ad .tb-feed-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;gap:4px;pointer-events:none}
html body:not(#tbp):not(#tbq) .tpf-fin-ad .tb-feed-dots i{width:5px;height:5px;border-radius:50%;background:rgba(0,26,52,.25)}
html body:not(#tbp):not(#tbq) .tpf-fin-ad .tb-feed-dots i.is-on{background:#001A34}
/* product strips */
html body:not(#tbp):not(#tbq) .tpf-strip.profile-viewed-section{margin:0!important;padding:14px 0 12px!important;border-radius:24px!important;background:var(--oz-sheet,#fff)!important}
html body:not(#tbp):not(#tbq) .tpf-strip .tpf-sec-head{padding:0 16px 10px}
html body:not(#tbp):not(#tbq) .tpf-strip-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 8px}
html body:not(#tbp):not(#tbq) .tpf-strip-row::-webkit-scrollbar{display:none}
html body:not(#tbp):not(#tbq) .tpf-mini{flex:0 0 112px;min-width:0;display:flex;flex-direction:column;gap:5px}
html body:not(#tbp):not(#tbq) .tpf-mini-media{width:112px;height:140px;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--oz-ctrl,#EFF1F4);display:grid;place-items:center;color:var(--oz-ink-3,#99A3AE)}
html body:not(#tbp):not(#tbq) .tpf-mini-media img{width:100%;height:100%;object-fit:cover;display:block}
html body:not(#tbp):not(#tbq) .tpf-mini-copy{display:flex;flex-direction:column;gap:1px;padding:0 2px;border:0;background:none;color:var(--oz-ink,#001A34);text-align:left}
html body:not(#tbp):not(#tbq) .tpf-mini-copy b{font:700 14px/1.2 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tpf-mini-copy b.is-sale{color:#F1117E}
html body:not(#tbp):not(#tbq) .tpf-mini-copy small{font:400 12px/1.25 var(--oz-font,inherit);color:var(--oz-ink,#001A34);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* extras inserted after «Moliya» (sale card, profile ad) keep the page rhythm */
html body:not(#tbp):not(#tbq) .profile-page-tbz.tpf>.tb-page-sale,html body:not(#tbp):not(#tbq) .profile-page-tbz.tpf>.tb-profile-ad{margin:0!important;padding:0 8px!important}
html body:not(#tbp):not(#tbq) .tpf-barcode{scroll-snap-align:start}
html body:not(#tbp):not(#tbq) .profile-page-tbz.tpf .tb-page-sale .tb-sale-banner.has-image{display:block;padding:0!important;min-height:0!important;aspect-ratio:3.2/1;border-radius:20px}
html body:not(#tbp):not(#tbq) .profile-page-tbz.tpf .tb-page-sale .tb-sale-banner.has-image img{position:absolute!important;inset:0;width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover}
html body:not(#tbp):not(#tbq) .profile-page-tbz.tpf .tb-page-sale .tb-sale-banner.has-image .tb-sale-banner-copy{position:absolute!important;left:10px;bottom:9px;right:auto;display:block}
html body:not(#tbp):not(#tbq) .profile-page-tbz.tpf .tb-page-sale .tb-sale-banner.has-image .tb-sale-banner-copy small{font-size:11.5px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:rgba(17,12,40,.64);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} /* v0.13.408: countdown readable on any banner picture */
/* ---------- 3. orders: one compact barcode card per pickup point, grouped orders (thumbnails, paid badge, dates) ---------- */
html body:not(#tbp):not(#tbq) .orders-feed.tor-feed{display:flex!important;flex-direction:column;gap:8px;grid-template-columns:none!important}
html body:not(#tbp):not(#tbq) .tor-barcode{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:12px 16px 10px;border:0;border-radius:22px;background:#fff;color:#001A34;text-align:center}
html body:not(#tbp):not(#tbq) .tor-barcode-bars{display:block;width:100%;padding:0 4px;background:#fff}
html body:not(#tbp):not(#tbq) .tor-barcode-bars svg{display:block;width:100%;height:56px;fill:#000;color:#000}
html body:not(#tbp):not(#tbq) .tor-barcode strong{margin-top:-2px;padding:0 10px;font:700 19px/1.2 var(--oz-font,inherit);letter-spacing:.06em;background:#fff;position:relative;z-index:1}
html body:not(#tbp):not(#tbq) .tor-barcode small{font:400 12.5px/1.2 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .tor-group{display:flex;flex-direction:column;gap:10px;padding:14px 0 14px;border-radius:22px;background:var(--oz-sheet,#fff)}
html body:not(#tbp):not(#tbq) .tor-head{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:0 16px;border:0;background:none;color:var(--oz-ink,#001A34);text-align:left}
html body:not(#tbp):not(#tbq) .tor-head strong{font:700 19px/1.2 var(--oz-font,inherit);letter-spacing:-.01em;color:#10A957}
html body:not(#tbp):not(#tbq) .tor-head strong.is-title{display:inline-flex;align-items:center;gap:4px;color:var(--oz-ink,#001A34)}
html body:not(#tbp):not(#tbq) .tor-head strong .ui-icon{width:18px;height:18px}
html body:not(#tbp):not(#tbq) .tor-head b{font:600 15px/1.25 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tor-head small{font:400 14px/1.25 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .tor-thumbs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 16px}
html body:not(#tbp):not(#tbq) .tor-thumbs::-webkit-scrollbar{display:none}
html body:not(#tbp):not(#tbq) .tor-thumb{position:relative;flex:0 0 96px;width:96px;height:120px;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--oz-ctrl,#EFF1F4);display:grid;place-items:center;color:var(--oz-ink-3,#99A3AE)}
html body:not(#tbp):not(#tbq) .tor-thumb img{width:100%;height:100%;object-fit:cover;display:block}
html body:not(#tbp):not(#tbq) .tor-paid{position:absolute;left:5px;bottom:5px;padding:2px 6px;border-radius:7px;background:#fff;color:#10A957;font:700 10px/1.3 var(--oz-font,inherit);font-style:normal;text-transform:uppercase;letter-spacing:.02em}
html body:not(#tbp):not(#tbq) .tor-thumb b{position:absolute;right:5px;top:5px;padding:1px 6px;border-radius:7px;background:rgba(0,26,52,.7);color:#fff;font:700 10.5px/1.4 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tor-foot{display:flex;flex-direction:column;gap:2px;padding:0 16px}
html body:not(#tbp):not(#tbq) .tor-foot b{font:700 16px/1.2 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tor-foot small{font:400 13.5px/1.25 var(--oz-font,inherit);color:var(--oz-ink,#001A34)}
html body:not(#tbp):not(#tbq) .tor-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 16px;padding:9px 12px;border-radius:14px;background:var(--oz-ctrl,#EFF1F4)}
html body:not(#tbp):not(#tbq) .tor-code small{font:400 13px/1.2 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .tor-code strong{font:700 18px/1 var(--oz-font,inherit);letter-spacing:.12em}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .tor-barcode{background:#fff!important;color:#111!important}
/* order page: the pickup barcode card in the same compact size (bars 56 px, code 19 px) */
html body:not(#tbp):not(#tbq) .tb-barcode-card{padding:10px 14px 9px!important;border-radius:20px!important}
html body:not(#tbp):not(#tbq) .tb-barcode-bars svg{height:56px!important}
html body:not(#tbp):not(#tbq) .tb-barcode-code{font-size:19px!important;letter-spacing:.06em!important;margin-top:2px!important}
html body:not(#tbp):not(#tbq) .tb-barcode-hint{font-size:12.5px!important}
/* ---------- 4. favourites + purchases: one white panel (search · lists · chips), round icon chips, compact rows ---------- */
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-screen{padding-top:0!important;background:var(--oz-page,#F2F3F5)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-sheet{display:flex;flex-direction:column;gap:10px;margin:0 0 8px!important;padding:8px 0 12px!important;background:var(--oz-sheet,#fff)!important;border-radius:0 0 24px 24px!important;box-shadow:none!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-sheet>*{margin-top:0!important;margin-bottom:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-search-row{position:static!important;display:flex!important;align-items:center;gap:6px;padding:0 12px!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-back{flex:0 0 36px;width:36px;height:40px;border:0;background:none;color:var(--oz-ink-3,#99A3AE);display:grid;place-items:center}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-back .ui-icon{width:24px;height:24px}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-search{flex:1;min-width:0;height:42px!important;display:flex!important;align-items:center;gap:8px;padding:0 12px!important;border:0!important;border-radius:14px!important;background:var(--oz-ctrl,#EFF1F4)!important;color:var(--oz-ink-3,#99A3AE)!important;box-shadow:none!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-search .ui-icon{width:20px;height:20px;flex:0 0 auto}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-search input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;outline:0;font:400 16px/1 var(--oz-font,inherit)!important;color:var(--oz-ink,#001A34)!important;padding:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-search input::placeholder{color:var(--oz-ink-3,#99A3AE)}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-list{margin:0 12px!important;padding:0!important;border-radius:16px!important;background:var(--oz-ctrl,#EFF1F4)!important;overflow:hidden}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-list>button{width:100%;min-height:48px!important;height:auto!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) auto 18px!important;align-items:center;gap:8px!important;padding:0 10px 0 12px!important;border:0!important;border-bottom:1px solid rgba(0,26,52,.07)!important;background:transparent!important;color:var(--oz-ink,#001A34)!important;text-align:left}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-list>button:last-child{border-bottom:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-list>button>span{width:30px!important;height:30px!important;border-radius:0!important;background:none!important;display:grid;place-items:center;color:var(--oz-ink-3,#99A3AE)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-list>button>span .ui-icon{width:22px!important;height:22px!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-list b{font:400 16px/1.2 var(--oz-font,inherit)!important;color:var(--oz-ink,#001A34)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-list :is(small,em){min-width:24px!important;height:24px!important;padding:0 7px!important;border-radius:12px!important;background:rgba(0,26,52,.07)!important;color:var(--oz-ink-2,#707F8D)!important;font:500 12.5px/24px var(--oz-font,inherit)!important;font-style:normal!important;text-align:center;display:block!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-list>button>i{display:block;width:0;height:0}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-list>button>.ui-icon{width:18px!important;height:18px!important;color:var(--oz-ink-3,#99A3AE)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-chips{display:flex!important;gap:8px!important;overflow-x:auto;scrollbar-width:none;padding:0 12px!important;margin:0!important;background:transparent!important;border-radius:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-chips::-webkit-scrollbar{display:none}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-chips .favorite-round-chip,html body:not(#tbp):not(#tbq):not(#tbr) .tfv-sheet .favorite-round-chip{flex:0 0 auto;height:40px!important;min-height:40px!important;padding:0 14px!important;gap:6px!important;border:0!important;border-radius:20px!important;background:var(--oz-ctrl,#EFF1F4)!important;color:var(--oz-ink,#001A34)!important;box-shadow:none!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-sheet .favorite-round-chip b{font:500 15px/1 var(--oz-font,inherit)!important;max-width:150px}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-sheet .favorite-round-chip .ui-icon{width:20px!important;height:20px!important;color:var(--oz-ink,#001A34)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-sheet .favorite-round-chip.tfv-ico{width:40px!important;padding:0!important;justify-content:center}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-sheet .favorite-round-chip.is-active{background:#E5EEFF!important;color:#005BFF!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-sheet .favorite-round-chip.is-active .ui-icon{color:#005BFF!important}
/* purchases: the bought products as compact rows on one white sheet */
html body:not(#tbp):not(#tbq):not(#tbr) .purchases-page.tfv-screen .purchase-products-section{margin:0!important;padding:14px 0 6px!important;border-radius:24px!important;background:var(--oz-sheet,#fff)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .purchases-page.tfv-screen .purchase-products-section>h1{margin:0 16px 6px!important;font:700 18px/1.2 var(--oz-font,inherit)!important;color:var(--oz-ink,#001A34)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .purchases-page.tfv-screen .purchase-products-grid{display:flex!important;flex-direction:column;gap:0!important;padding:0!important;background:transparent!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row{display:grid!important;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:10px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--oz-line,#E8EBEE)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row:last-child{border-bottom:0!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-media{width:84px;height:108px;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--oz-ctrl,#EFF1F4);display:grid;place-items:center;color:var(--oz-ink-3,#99A3AE)}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-media img{width:100%;height:100%;object-fit:cover;display:block}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-top strong{font:700 17px/1.2 var(--oz-font,inherit);color:var(--oz-ink,#001A34)}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-top strong.is-sale{color:#F1117E}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-fav{width:32px;height:32px;border:0;border-radius:10px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink-3,#99A3AE);display:grid;place-items:center}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-fav .ui-icon{width:18px;height:18px}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-badge{padding:2px 7px;border-radius:8px;background:#FFE3EE;color:#F1117E;font:700 11.5px/1.4 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-name{padding:0;border:0;background:none;text-align:left;color:var(--oz-ink,#001A34);font:400 14.5px/1.3 var(--oz-font,inherit);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-copy>small{font:400 12.5px/1.2 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-buy{align-self:flex-end;margin-top:auto;max-width:100%}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-row-buy :is(button,.product-arrival-date){height:34px!important;min-height:34px!important;padding:0 12px!important;border-radius:12px!important;font-size:13.5px!important}
/* ---------- 5. points page: tiles · note · pay-with-points card · how to earn · history (tabs, day heads) · FAQ ---------- */
.tb-points-icon{display:inline-block;flex:0 0 auto;width:20px;height:20px;vertical-align:middle}
.tb-points-icon.is-chip{width:18px;height:18px}
.tb-points-icon.is-pill{width:18px;height:18px;margin-left:4px}
html body:not(#tbp):not(#tbq) .market-home-bonus{gap:4px}
html body:not(#tbp):not(#tbq) .tbn-page{min-height:100%;padding:0 0 calc(24px + env(safe-area-inset-bottom,0px));background:var(--oz-bg,#F2F3F5);display:flex;flex-direction:column;gap:8px;font-family:var(--oz-font,inherit);color:var(--oz-ink,#001A34)}
html body:not(#tbp):not(#tbq) .tbn-card{background:#fff;border-radius:16px;margin:0 8px;padding:12px}
html body:not(#tbp):not(#tbq) .tbn-top{margin:0;border-radius:0 0 16px 16px;padding:4px 12px 12px;display:grid;gap:8px}
html body:not(#tbp):not(#tbq) .tbn-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
html body:not(#tbp):not(#tbq) .tbn-tiles.is-1{grid-template-columns:1fr}
html body:not(#tbp):not(#tbq) .tbn-tiles.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
html body:not(#tbp):not(#tbq) .tbn-tiles.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
html body:not(#tbp):not(#tbq) .tbn-tile{min-width:0;height:60px;margin:0;padding:8px 6px;border:0;border-radius:12px;background:#F2F3F5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:inherit;font:inherit;text-align:center}
html body:not(#tbp):not(#tbq) .tbn-tile-top{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}
html body:not(#tbp):not(#tbq) .tbn-tile-top b{font:700 15px/1.1 var(--oz-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .tbn-tile small{font:400 11.5px/1.15 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html body:not(#tbp):not(#tbq) .tbn-tile .tb-points-icon.is-tile{width:18px;height:18px}
html body:not(#tbp):not(#tbq) .tbn-ico{flex:0 0 auto;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-style:normal}
html body:not(#tbp):not(#tbq) .tbn-ico .tbm-ico,html body:not(#tbp):not(#tbq) .tbn-ico .tbm-ico .ui-icon,html body:not(#tbp):not(#tbq) .tbn-ico svg{width:100%;height:100%}
html body:not(#tbp):not(#tbq) .tbn-tile .tbn-ico{width:18px;height:18px;padding:3px;background:#7635ED;color:#fff;fill:currentColor}
html body:not(#tbp):not(#tbq) .tbn-tile .tbn-ico.is-som{background:#10A35A}
html body:not(#tbp):not(#tbq) .tbn-tile .tbn-ico.is-gift{background:#F1117E}
html body:not(#tbp):not(#tbq) .tbn-tile .tbn-ico.is-star{background:#F5A400}
html body:not(#tbp):not(#tbq) .tbn-note{width:100%;min-height:44px;margin:0;padding:8px 10px;border:0;border-radius:12px;background:#F1EBFF;display:flex;align-items:center;gap:10px;text-align:left;color:inherit;font:inherit}
html body:not(#tbp):not(#tbq) .tbn-note>i{width:22px;height:22px;flex:0 0 auto;color:#7635ED;font-style:normal}
html body:not(#tbp):not(#tbq) .tbn-note>i .tbm-ico,html body:not(#tbp):not(#tbq) .tbn-note>i svg{width:22px;height:22px}
html body:not(#tbp):not(#tbq) .tbn-note>span{flex:1;min-width:0;display:grid;gap:1px}
html body:not(#tbp):not(#tbq) .tbn-note b{font:600 14px/1.2 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tbn-note small{font:400 12px/1.25 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .tbn-note>.ui-icon,html body:not(#tbp):not(#tbq) .tbn-note>svg:last-child{width:16px;height:16px;flex:0 0 auto;color:#99A3AE}
html body:not(#tbp):not(#tbq) .tbn-promo{margin:0 8px;min-height:80px;padding:12px 14px;border:0;border-radius:16px;background:linear-gradient(135deg,#EFE7FF 0%,#E4D7FF 100%);display:flex;align-items:center;gap:10px;text-align:left;color:inherit;font:inherit}
html body:not(#tbp):not(#tbq) .tbn-promo-copy{flex:1;min-width:0;display:grid;gap:3px}
html body:not(#tbp):not(#tbq) .tbn-promo-copy b{font:700 16px/1.2 var(--oz-font,inherit);color:#001A34}
html body:not(#tbp):not(#tbq) .tbn-promo-copy small{font:400 13px/1.3 var(--oz-font,inherit);color:#4B3A73}
html body:not(#tbp):not(#tbq) .tbn-promo-art{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:6px 10px 6px 6px;border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(105,40,223,.14)}
html body:not(#tbp):not(#tbq) .tbn-promo-art .tb-points-icon.is-art{width:26px;height:26px}
html body:not(#tbp):not(#tbq) .tbn-promo-art>i{width:14px;height:14px;color:#7635ED;font-style:normal}
html body:not(#tbp):not(#tbq) .tbn-promo-art>i svg,html body:not(#tbp):not(#tbq) .tbn-promo-art>i .tbm-ico{width:14px;height:14px}
html body:not(#tbp):not(#tbq) .tbn-promo-art em{font:700 14px/1 var(--oz-font,inherit);font-style:normal;color:#6928DF;white-space:nowrap}
html body:not(#tbp):not(#tbq) .tbn-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
html body:not(#tbp):not(#tbq) .tbn-head h2{margin:0;font:700 18px/1.2 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tbn-earn-list{display:grid}
html body:not(#tbp):not(#tbq) .tbn-earn-list>button{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:0;padding:6px 0;border:0;background:none;text-align:left;color:inherit;font:inherit}
html body:not(#tbp):not(#tbq) .tbn-earn-list>button+button{border-top:1px solid #EEF0F3}
html body:not(#tbp):not(#tbq) .tbn-earn-list>button>span{flex:1;min-width:0;display:grid;gap:1px}
html body:not(#tbp):not(#tbq) .tbn-earn-list b{font:500 14.5px/1.25 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tbn-earn-list small{font:400 12.5px/1.25 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .tbn-earn-list>button>.ui-icon,html body:not(#tbp):not(#tbq) .tbn-earn-list>button>svg:last-child{width:16px;height:16px;flex:0 0 auto;color:#99A3AE}
html body:not(#tbp):not(#tbq) :is(.tbn-earn-list,.tbn-row) .tbn-ico{width:36px;height:36px;padding:8px;background:#F1EBFF;color:#7635ED}
html body:not(#tbp):not(#tbq) :is(.tbn-earn-list,.tbn-row) .tbn-ico.is-star{background:#FFF4D6;color:#E09600}
html body:not(#tbp):not(#tbq) :is(.tbn-earn-list,.tbn-row) .tbn-ico.is-gift{background:#FFE3EE;color:#F1117E}
html body:not(#tbp):not(#tbq) :is(.tbn-earn-list,.tbn-row) .tbn-ico.is-crown{background:#FFF1D1;color:#C98500}
html body:not(#tbp):not(#tbq) :is(.tbn-earn-list,.tbn-row) .tbn-ico.is-shopping-bag{background:#E6F6EE;color:#10A35A}
html body:not(#tbp):not(#tbq) .tbn-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;margin:0 0 4px;border-radius:12px;background:#F2F3F5}
html body:not(#tbp):not(#tbq) .tbn-tabs button{height:34px;margin:0;padding:0 8px;border:0;border-radius:10px;background:transparent;color:#001A34;font:500 14px/1 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tbn-tabs button.is-active{background:#fff;box-shadow:0 1px 3px rgba(0,26,52,.12);font-weight:600}
html body:not(#tbp):not(#tbq) .tbn-day{margin:12px 0 4px;font:500 12px/1.2 var(--oz-font,inherit);letter-spacing:.02em;text-transform:uppercase;color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .tbn-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 0}
html body:not(#tbp):not(#tbq) .tbn-row>span{flex:1;min-width:0;display:grid;gap:2px}
html body:not(#tbp):not(#tbq) .tbn-row b{font:500 14.5px/1.25 var(--oz-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .tbn-row small{font:400 12.5px/1.25 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .tbn-row em{flex:0 0 auto;font:600 15px/1.2 var(--oz-font,inherit);font-style:normal;white-space:nowrap}
html body:not(#tbp):not(#tbq) .tbn-row em.is-in{color:#10A35A}
html body:not(#tbp):not(#tbq) .tbn-row em.is-out{color:#001A34}
html body:not(#tbp):not(#tbq) .tbn-more{width:100%;height:44px;margin:10px 0 0;border:0;border-radius:12px;background:#F1EBFF;color:#6928DF;font:600 15px/1 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tbn-empty{display:grid;justify-items:center;gap:4px;padding:18px 8px 10px;text-align:center}
html body:not(#tbp):not(#tbq) .tbn-empty .tb-points-icon.is-empty{width:44px;height:44px;margin-bottom:4px;opacity:.9}
html body:not(#tbp):not(#tbq) .tbn-empty b{font:600 15px/1.25 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tbn-empty small{font:400 13px/1.3 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq) .tbn-faq{padding:8px 0 0;scroll-margin-top:calc(60px + env(safe-area-inset-top,0px))}
html body:not(#tbp):not(#tbq) #tbn-history{scroll-margin-top:calc(60px + env(safe-area-inset-top,0px))}
html body:not(#tbp):not(#tbq) .tbn-faq>h2{margin:0 16px 6px;font:700 20px/1.2 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tbn-faq>h3{margin:0 16px 8px;font:500 15px/1.2 var(--oz-font,inherit);color:#001A34}
html body:not(#tbp):not(#tbq) .tbn-faq-card{padding:4px 12px}
html body:not(#tbp):not(#tbq) .tbn-qa{padding:10px 0}
html body:not(#tbp):not(#tbq) .tbn-qa+.tbn-qa{border-top:1px solid #EEF0F3}
html body:not(#tbp):not(#tbq) .tbn-qa summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer}
html body:not(#tbp):not(#tbq) .tbn-qa summary::-webkit-details-marker{display:none}
html body:not(#tbp):not(#tbq) .tbn-qa summary b{flex:1;font:600 15px/1.3 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq) .tbn-qa summary>.ui-icon,html body:not(#tbp):not(#tbq) .tbn-qa summary>svg{width:16px;height:16px;flex:0 0 auto;color:#99A3AE;transform:rotate(90deg);transition:transform .18s}
html body:not(#tbp):not(#tbq) .tbn-qa[open] summary>.ui-icon,html body:not(#tbp):not(#tbq) .tbn-qa[open] summary>svg{transform:rotate(-90deg)}
html body:not(#tbp):not(#tbq) .tbn-qa p{margin:6px 0 0;font:400 14px/1.4 var(--oz-font,inherit);color:#4D5B6A}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .tbn-page{background:#0E141B;color:#EDF3FA}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) :is(.tbn-card,.tbn-tabs button.is-active){background:#171E28}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) :is(.tbn-tile,.tbn-tabs){background:#222B37}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) :is(.tbn-note,.tbn-more){background:#2A2140}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) :is(.tbn-tabs button,.tbn-row em.is-out,.tbn-faq>h3,.tbn-promo-copy b){color:#EDF3FA}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .tbn-qa p{color:#A7B4C3}
html body:not(#tbp):not(#tbq) .tbn-ico .tbm-ico{color:inherit!important;background:none!important;width:100%;height:100%;display:grid;place-items:center}
html body:not(#tbp):not(#tbq) .market-bonus-appbar{height:48px}
html body:not(#tbp):not(#tbq) .market-bonus-appbar>b{font:600 16px/1.2 var(--oz-font,inherit);text-align:center;color:var(--oz-ink,#001A34)}
/* ---------- 6. iPhone home-screen app: a solid bar at the top edge of every page (no blurry band under the clock) ----------
Safari 26 paints the strip under the clock from the fixed / sticky bar at the top edge; pages that had no such bar showed
the content sliding under the clock, blurred. Public profile, followers, profile, favourites and purchases get one. */
html body:not(#tbp):not(#tbq) .tbs-profile>.tbs-profile-bar{position:sticky;top:0;z-index:6;margin:0 0 -8px;min-height:52px;background:var(--oz-sheet,#fff)}
html body:not(#tbp):not(#tbq) .tbs-profile-bar-title{flex:1;min-width:0;text-align:center;font:600 16px/1.2 var(--oz-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}
html body:not(#tbp):not(#tbq) .tbs-profile-bar.is-scrolled .tbs-profile-bar-title{opacity:1;transform:none}
html body:not(#tbp):not(#tbq) .tbs-profile>.tbs-hero{border-radius:0 0 24px 24px}
html body:not(#tbp):not(#tbq) .tbs-conn-page>.tbs-conn-top{position:sticky;top:0;z-index:6}
html body:not(#tbp):not(#tbq) .tpf>.tpf-head{position:sticky;top:0;z-index:6}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-screen>.tfv-topbar{position:sticky!important;top:0;z-index:7;margin:0!important;padding:8px 12px 2px!important;background:var(--oz-sheet,#fff)!important}
html body:not(#tbp):not(#tbq):not(#tbr) .tfv-screen>.tfv-topbar+.tfv-sheet{padding-top:8px!important}
html.tb-mobile-web body:not(#tbp):not(#tbq):not(#tbr) :is(.tbs-profile>.tbs-profile-bar,.tbs-conn-page>.tbs-conn-top,.tbs-ach-page>.tbs-appbar,.tpf>.tpf-head,.tfv-screen>.tfv-topbar){top:env(safe-area-inset-top,0px)}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .tbs-profile>.tbs-profile-bar{background:#171E28}
#tb-edge-cover{position:fixed;top:0;left:0;right:0;height:10px;z-index:2147482990;background:var(--tb-edge-tint,#F2F3F5);display:none}
html.tb-mobile-web #tb-edge-cover{display:block}
#tb-edge-cover[hidden]{display:none!important}
/* ---------- 7. TB Fresh returns: the return detail inside the Fresh app view (no side padding there) ---------- */
html body.tb-fresh-mode:not(#tbp):not(#tbq) .return-detail-page{margin:0;min-height:0;padding:10px 10px 28px}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfa-returns-page .tbfa-head p{font-size:13.5px;line-height:1.3}
html body.tb-fresh-mode:not(#tbp):not(#tbq) .tbfa-returns-feed{display:grid;gap:10px}
/* ---------- 8. v0.13.407 home: the «can be picked up» card is one compact row (small real barcode, tap = large) ---------- */
html body:not(#tbp):not(#tbq) .home-pickup-ready.is-compact{display:flex!important;align-items:stretch;gap:8px!important;margin:4px 0 10px!important;padding:0 10px!important;grid-template-columns:none!important}
html body:not(#tbp):not(#tbq) .home-pickup-ready.is-compact>button{border:0;background:#fff;color:#001A34;border-radius:16px;box-shadow:0 1px 0 rgba(0,26,52,.06);font:inherit;text-align:left;min-height:0}
html body:not(#tbp):not(#tbq) .hpr-code{flex:0 0 112px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;padding:8px 10px}
html body:not(#tbp):not(#tbq) .hpr-bars{display:block;height:30px}
html body:not(#tbp):not(#tbq) .hpr-bars svg{display:block;width:100%;height:30px;fill:#000;color:#000}
html body:not(#tbp):not(#tbq) .hpr-code small{display:block;font:600 10.5px/1.1 var(--oz-font,inherit);letter-spacing:.04em;text-align:center;color:#001A34;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .hpr-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 10px}
html body:not(#tbp):not(#tbq) .hpr-thumb{flex:0 0 42px;width:42px;height:42px;border-radius:10px;overflow:hidden;background:#F2F3F5;display:grid;place-items:center}
html body:not(#tbp):not(#tbq) .hpr-thumb img{width:100%;height:100%;object-fit:cover}
html body:not(#tbp):not(#tbq) .hpr-thumb .ui-icon{width:22px;height:22px}
html body:not(#tbp):not(#tbq) .hpr-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
html body:not(#tbp):not(#tbq) .hpr-copy b{font:700 13.5px/1.2 var(--oz-font,inherit);color:#10C44C}
html body:not(#tbp):not(#tbq) .hpr-copy span{font:500 13px/1.25 var(--oz-font,inherit);color:#001A34;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .hpr-copy small{font:400 11.5px/1.25 var(--oz-font,inherit);color:#707F8D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq) .hpr-main>.ui-icon:last-child{flex:0 0 18px;width:18px;height:18px;color:#99A3AE}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .hpr-main{background:#171E28!important;color:#EDF3FA!important}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .hpr-copy span{color:#EDF3FA}
html.tb-theme-dark-active body:not(#tbp):not(#tbq) .hpr-code{background:#fff!important}
/* ---------- 9. v0.13.407 «Do‘kon haqida»: the app's own icons (no emoji), coloured like on the website ---------- */
html body:not(#tbp):not(#tbq) .store-about-icon .ui-icon{width:22px;height:22px}
html body:not(#tbp):not(#tbq) .store-about-icon.is-orders{color:#c27a2c}
html body:not(#tbp):not(#tbq) .store-about-icon.is-since{color:#1769ff}
html body:not(#tbp):not(#tbq) .store-about-icon.is-rating{color:#ffab18}
html body:not(#tbp):not(#tbq) .store-about-icon.is-rating .ui-icon,html body:not(#tbp):not(#tbq) .store-about-icon.is-likes .ui-icon{fill:currentColor}
html body:not(#tbp):not(#tbq) .store-about-icon.is-reviews{color:#6f7fe0}
html body:not(#tbp):not(#tbq) .store-about-icon.is-likes{color:#ef3e6b}
html body:not(#tbp):not(#tbq) :is(.tb-variant-sheet-head,.order-context-sheet,.favorite-bottom-sheet) button[data-action="close-modal"]>.ui-icon{display:block;width:18px;height:18px;margin:auto}
/* v0.13.407: store discount row — the icon of the set instead of a «％» character; the duplicate «aksiyalari» row is gone */
html body:not(#tbp):not(#tbq) .market-store-promos>button>span .ui-icon{width:20px;height:20px}
/* ---- tb-v409.css ---- */
/* v0.13.409 — compact home page (phone): the sizes of the reference shop screen on the same phone.
One white top block (address row · search · banner · tile row), TB Fresh as the first tile, a slim «Siz uchun» row,
product cards a little tighter. The top banner from ADS («Ilova — bosh sahifa yuqori banneri») shows ONLY its picture
(no title, no button); the strip under the search opens its link. Home selectors only; loaded last. */
/* ---------- 1. address row: smaller text, small points chip, smaller chat icon ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header{padding:6px 16px 10px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-meta{min-height:36px;max-height:44px;margin:0 0 8px!important}
html body.ozh-collapsed:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-meta{min-height:0!important;max-height:0!important;margin:0!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-location-name{font-size:15.5px!important;font-weight:500!important;letter-spacing:-.005em!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-location .ui-icon{width:15px!important;height:15px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-meta-actions{gap:6px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-bonus{height:28px!important;padding:0 9px 0 7px!important;border-radius:9px!important;gap:4px!important;font-size:13px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-bonus :is(.ui-icon,svg){width:16px!important;height:16px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-bonus b{font-size:13px!important;font-weight:650!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-message{width:36px!important;height:36px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-message .ui-icon{width:24px!important;height:24px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-message .badge{min-width:18px!important;height:18px!important;font-size:11px!important}
/* ---------- 2. search: 40 px high, 15 px text (also in the scrolled state) ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-search{height:40px!important;border-radius:12px!important;padding:0 4px 0 10px!important;grid-template-columns:28px minmax(0,1fr) 36px 36px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-search input{height:38px!important;font-size:15px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-search :is(.market-home-search-icon,button){height:38px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .market-home-search :is(.market-home-search-icon,button) :is(.ui-icon,svg){width:20px!important;height:20px!important}
/* ---------- 3. top banner from ADS: the picture only ---------- */
html body.ozh-bg.ozh-ad:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .app-header::before{background:var(--ozh-ad-image,none) center bottom/cover no-repeat,var(--ozh-ad-bg,#8E0D40)!important}
html body.ozh-bg.ozh-ad.ozh-edge:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .app-header::before{background:linear-gradient(180deg,var(--ozh-ad-top) 0,color-mix(in srgb,var(--ozh-ad-top) 55%,transparent) 10px,color-mix(in srgb,var(--ozh-ad-top) 0%,transparent) 28px) center top/100% 28px no-repeat,var(--ozh-ad-image,none) center bottom/cover no-repeat,var(--ozh-ad-bg,#8E0D40)!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .ozh-hero.is-image{display:block;width:calc(100% + 32px);min-height:72px!important;height:72px;max-height:72px!important;margin:0 -16px -10px!important;padding:0!important;background:transparent!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .ozh-hero.is-image:active{background:rgba(0,0,0,.06)!important}
html body.ozh-collapsed:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .ozh-header .ozh-hero.is-image{height:0;min-height:0!important;max-height:0!important;margin:0 -16px!important}
/* ---------- 4. banner carousel: the same 150 px card, tighter spacing ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page [data-home-ads]{padding:0 0 10px!important}
/* ---------- 5. tile row (TB Fresh + categories): 52 px tiles, 12 px names, one white block with the top ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-category-strip{padding:2px 8px 12px!important;gap:2px!important;margin:0 0 8px!important;border-radius:0 0 18px 18px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-category-strip .category-chip{width:74px!important;min-width:74px!important;gap:5px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-category-strip .category-chip>span{width:52px!important;height:52px!important;border-radius:15px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-category-strip .category-chip small{max-width:74px!important;font-size:12px!important;line-height:1.17!important;min-height:2.34em}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-category-strip .category-chip.is-fresh>span{background:transparent!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-category-strip .category-chip.is-fresh img{transform:none!important;object-fit:cover!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-category-strip .category-chip.is-fresh small{font-weight:600!important;color:#D81B60!important}
html.tb-theme-dark-active body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-category-strip .category-chip.is-fresh small{color:#FF6F9F!important}
/* ---------- 6. sale banner / pickup card spacing ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .tb-page-sale.is-home{margin-top:0!important;margin-bottom:8px!important}
/* ---------- 7. «Siz uchun» row: slim title + small link (no big button) ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-section-head{min-height:0!important;margin:10px 12px 8px!important;padding:0!important;align-items:center!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-section-head h2{font-size:18px!important;line-height:1.2!important;font-weight:700!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .home-section-head button{height:auto!important;min-height:0!important;padding:4px 0 4px 8px!important;border-radius:0!important;background:transparent!important;font-size:13.5px!important;font-weight:600!important}
/* ---------- 8. product cards: 4 px between columns, a little less padding, prices a touch smaller ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-grid{gap:8px 4px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-body{padding:4px 8px 10px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-gallery:not(:has(.ozf-dots)) + .ozf-body{padding-top:8px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-dots{height:12px!important;padding-top:1px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-price{column-gap:4px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-price strong{font-size:17px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-price :is(del,em){font-size:12px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-stock{font-size:12.5px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-title{font-size:13.5px!important;line-height:1.35!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-rating{gap:8px!important;margin-top:4px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-rating .rating-managed-star{width:14px!important;height:14px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-rating-reviews .ui-icon{width:14px!important;height:14px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-rating :is(.ozf-rating-score b,.ozf-rating-reviews small){font-size:12.5px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-card .ozf-fav{width:34px!important;height:34px!important;top:6px!important;right:6px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs) .home-market-page .ozf-card .ozf-fav .ui-icon{width:26px!important;height:26px!important}
/* ---- tb-v410.css ---- */
/* v0.13.410 — home «can be picked up» row like the reference (dark barcode tile + one card per package, sideways),
the top banner picture shown whole (the frame cut in ADS), the small ad card in «Moliya» kept at its 10:7 frame.
Loaded last; own selectors only. */
/* ---------- 1. home: «Olib ketish mumkin» row ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .home-pickup-ready.is-row{display:block!important;margin:0 0 10px!important;padding:0!important;grid-template-columns:none!important;background:transparent!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-row{display:flex;align-items:stretch;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 10px;scroll-snap-type:x mandatory;scroll-padding:0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-row::-webkit-scrollbar{display:none}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-scan{flex:0 0 60px;min-height:86px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:16px;background:#1F2125;color:#fff;box-shadow:none;scroll-snap-align:start}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-scan .ui-icon{width:30px!important;height:30px!important;color:#fff!important;stroke-width:1.8}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-scan:active{transform:scale(.97)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card{flex:1 0 0;min-width:0;display:flex;align-items:center;gap:12px;margin:0;padding:10px 12px 10px 10px;border:0;border-radius:16px;background:#fff;color:#001A34;box-shadow:none;font:inherit;text-align:left;scroll-snap-align:start}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .home-pickup-ready.is-many .hpr-card{flex:0 0 calc(100% - 112px);max-width:330px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-thumb{position:relative;flex:0 0 50px;width:50px!important;height:66px!important;border-radius:10px;overflow:hidden;background:#F2F3F5;display:grid;place-items:center}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-thumb img{width:100%;height:100%;object-fit:cover}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-thumb .ui-icon{width:24px;height:24px;color:#99A3AE}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-thumb i{position:absolute;right:3px;bottom:3px;min-width:20px;height:16px;padding:0 4px;border-radius:8px;background:rgba(0,26,52,.72);color:#fff;font:600 10px/16px var(--oz-font,inherit);font-style:normal;text-align:center}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-copy b{font:650 15.5px/1.25 var(--oz-font,inherit);letter-spacing:-.01em;color:#10B547;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-copy span{font:400 13.5px/1.3 var(--oz-font,inherit);color:#707F8D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-copy small{font:400 13px/1.3 var(--oz-font,inherit);color:#707F8D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.tb-theme-dark-active body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card{background:#171E28;color:#EDF3FA}
html.tb-theme-dark-active body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-thumb{background:#222B37}
html.tb-theme-dark-active body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-copy b{color:#34D26A}
html.tb-theme-dark-active body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-card .hpr-copy :is(span,small){color:#9FB0C4}
html.tb-theme-dark-active body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .hpr-scan{background:#2B323D}
/* ---------- 2. top banner from ADS: the whole picture (strip height set by the app, see ozhFitTopStrip) ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .ozh-header .ozh-hero.is-image{height:var(--ozh-top-strip,72px)!important;min-height:var(--ozh-top-strip,72px)!important;max-height:var(--ozh-top-strip,72px)!important}
html body.ozh-collapsed:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .ozh-header .ozh-hero.is-image{height:0!important;min-height:0!important;max-height:0!important;margin:0 -16px!important}
/* ---------- 3. profile «Moliya»: the small ad card keeps its 10:7 frame at every phone width ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .tpf-fin-grid:has(.tpf-fin-ad-item){align-items:start}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .tpf-fin-grid:has(.tpf-fin-ad-item)>.tpf-fin-stack{align-self:stretch}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .tpf-fin-grid:has(.tpf-fin-ad-item) .tpf-fin-stack>button{min-height:52px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt) .tpf-fin-ad:has(.tpf-fin-ad-item){min-height:0!important;height:auto!important;aspect-ratio:10/7}
/* ---- tb-v411.css ---- */
/* v0.13.411 — compact top banner: the header picture uses the same 12:5 frame as the home banner below it (1440 × 600,
cut in ADS). The app sets the tap strip height so the header is «width × 5/12» tall (ozhFitTopStrip); the picture is
centred with «cover», exactly like the ADS cutter starts. Loaded last; own selectors only. */
html body.ozh-bg.ozh-ad:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .app-header::before{background:var(--ozh-ad-image,none) center/cover no-repeat,var(--ozh-ad-bg,#8E0D40)!important}
html body.ozh-bg.ozh-ad.ozh-edge:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .app-header::before{background:linear-gradient(180deg,var(--ozh-ad-top) 0,color-mix(in srgb,var(--ozh-ad-top) 55%,transparent) 10px,color-mix(in srgb,var(--ozh-ad-top) 0%,transparent) 28px) center top/100% 28px no-repeat,var(--ozh-ad-image,none) center/cover no-repeat,var(--ozh-ad-bg,#8E0D40)!important}
/* ---- tb-v412.css ---- */
/* v0.13.412 — (1) in-between ads like the reference: compact 5:1 slides in a row, the previous and the next ad of the
part peek at the edges and slide one into another (feedPeekMarkup / bindPeekCarousel); the same 5:1 frame as the
website, so one picture serves both. (2) The ad when the app opens is a sheet from the bottom over the home page:
16:9 picture, title, short text, one wide button. Loaded last; own selectors only. */
/* ---------- 1. in-between ads ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-feed-carousel.is-peek{grid-column:1/-1;display:block;width:auto;min-width:0;height:auto;margin:4px 0 8px;padding:0;touch-action:auto;user-select:none;background:transparent}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-feed-carousel.is-peek>.tb-feed-track{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 16px;scroll-padding:0 16px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-feed-carousel.is-peek>.tb-feed-track::-webkit-scrollbar{display:none}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-feed-carousel.is-peek .tb-feed-slide{display:block!important;flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;animation:none!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-feed-carousel.is-peek .home-feed-ad{display:block;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:5/1!important;margin:0!important;border-radius:14px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-feed-carousel.is-peek .home-feed-ad-label{transform:scale(.88);transform-origin:top right}
/* hosts with side padding: the row runs to the screen edges so the neighbours peek there */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) :is(.tb-page-ad,.tb-profile-ad):has(>.tb-feed-carousel.is-peek){margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) :is(.tb-page-ad,.tb-profile-ad)>.tb-feed-carousel.is-peek{margin:0}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-profile-ad>.tb-feed-carousel.is-peek{margin:6px 0}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-sale-brand-ad .home-feed-ad{aspect-ratio:5/1!important;height:auto!important}
/* ---------- 2. ad when the app opens: a sheet from the bottom ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet{position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-end;justify-content:center;padding:0;background:rgba(0,0,0,0);backdrop-filter:none;opacity:1;transition:background .26s ease}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet.is-open{background:rgba(0,0,0,.48)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-card{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100dvh - 48px);aspect-ratio:auto;margin:0;padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));overflow:auto;border-radius:24px 24px 0 0;background:var(--oz-sheet,#fff);color:var(--oz-ink,#001A34);box-shadow:0 -10px 40px rgba(0,0,0,.18);transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet.is-open .tb-startup-ad-card{transform:translateY(0)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-handle{display:block;flex:0 0 auto;width:40px;height:5px;margin:0 auto 14px;border-radius:3px;background:var(--oz-ctrl-2,#E4E7EB)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-media{position:relative;display:block;flex:0 0 auto;width:100%;height:auto;aspect-ratio:16/9;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--oz-ctrl,#EFF1F4);cursor:pointer}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-media>:is(img,video){position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-label{left:auto;right:8px;top:8px;padding:2px 7px;border-radius:7px;background:rgba(255,255,255,.88);color:#5b6675;font:650 10.5px/1.5 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-text{display:grid;gap:10px;margin:20px 2px 0}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-text h2{margin:0;font:700 26px/1.2 var(--oz-font,inherit);letter-spacing:-.02em;color:var(--oz-ink,#001A34)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-text p{margin:0;font:400 16px/1.45 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-cta{display:block;flex:0 0 auto;width:100%;height:54px;margin:24px 0 0;padding:0 16px;border:0;border-radius:16px;background:var(--oz-blue,#005BFF);color:#fff;font:600 17px/54px var(--oz-font,inherit);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-cta:active{opacity:.9}
@media (prefers-reduced-motion:reduce){html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu) .tb-startup-ad.is-sheet .tb-startup-ad-card{transition:none}}
/* ---- tb-v413.css ---- */
/* v0.13.413 — (1) the product cards of the cart, search and favourites look like the reference (the home card: picture
to the edges in 3:4, compact text, the date button with the basket); (2) «Uzoq vaqt savatda» (items that waited in the
cart for more than 30 days): the small card of the cart and its page. Loaded last; own selectors only. */
/* ---------- 1. shop cards (cart / search / favourites) ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tb-shop-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 4px!important;margin:0!important;padding:0!important;background:transparent!important;align-items:stretch!important}
@media (min-width:600px){html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tb-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:900px){html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tb-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-card{border-radius:14px!important;height:100%}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-card .ozf-gallery{border-radius:14px 14px 0 0;overflow:hidden}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-card .ozf-fav{position:absolute!important;z-index:5;top:6px!important;right:6px!important;left:auto!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#fff!important;display:grid!important;place-items:center!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-card .ozf-fav .ui-icon{width:26px!important;height:26px!important;filter:drop-shadow(0 0 1px rgba(0,0,0,.55)) drop-shadow(0 1px 3px rgba(0,0,0,.35))}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-card .ozf-fav:is(.is-active,.active){color:var(--oz-heart,#FF2D55)!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-body{padding:4px 8px 8px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-gallery:not(:has(.ozf-dots)) + .ozf-body{padding-top:8px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-dots{height:12px!important;padding-top:1px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-price{column-gap:4px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-price strong{font-size:17px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-price :is(del,em){font-size:12px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-stock{font-size:12.5px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-title{font-size:13.5px!important;line-height:1.35!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-rating{gap:8px!important;margin-top:4px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-rating :is(.rating-managed-star,.ui-icon){width:14px!important;height:14px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-rating :is(.ozf-rating-score b,.ozf-rating-reviews small){font-size:12.5px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-cart{margin-top:auto;padding-top:8px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-cart .product-card-cart-slot{margin:0!important;width:100%}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-cart .product-arrival-date{width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 8px!important;border-radius:12px!important;font:600 13.5px/1 var(--oz-font,inherit)!important;gap:6px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-cart .product-arrival-date :is(svg,.ui-icon){width:20px!important;height:20px!important;flex:0 0 20px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.tb-shop-grid,.tb-shop-strip) .ozf-cart .cart-plus-glyph{width:20px!important;height:20px!important;flex:0 0 20px!important}
/* the horizontal favourites row of the empty cart */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tb-shop-strip{display:flex!important;gap:4px!important;overflow-x:auto;padding:0!important;margin:0!important;scroll-snap-type:x proximity;scrollbar-width:none}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tb-shop-strip::-webkit-scrollbar{display:none}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tb-shop-strip>.ozf-card{flex:0 0 calc(50% - 22px);max-width:220px;scroll-snap-align:start}
/* the grids sit edge to edge like the home feed (their old wrappers had side padding) */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.cart-empty-shelf,.search-discovery-section,.favorites-empty-recommend){padding-left:0!important;padding-right:0!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) :is(.cart-empty-shelf,.favorites-empty-recommend)>h2{padding-left:16px!important;padding-right:16px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .favorites-grid.tb-shop-grid{padding:8px 0 0!important}
/* ---------- 2. «Uzoq vaqt savatda» ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old{display:block;margin:10px 0 0;padding:14px 16px 16px;border-radius:24px;background:var(--oz-sheet,#fff);color:var(--oz-ink,#001A34);cursor:pointer;-webkit-tap-highlight-color:transparent}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .cart-empty-reference .tbc-old{margin:10px 0 0}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old:active{opacity:.92}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-head{display:flex;align-items:flex-start;gap:10px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-head>div{flex:1;min-width:0}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-head h2{margin:0;font:700 20px/1.25 var(--oz-font,inherit);letter-spacing:-.01em;color:inherit}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-head p{margin:4px 0 0;font:400 14.5px/1.35 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-go{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-go .ui-icon{width:16px!important;height:16px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-thumbs{display:flex;gap:8px;margin-top:14px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-thumb{position:relative;flex:0 0 auto;width:72px;height:96px;border-radius:12px;overflow:hidden;background:var(--oz-ctrl,#EFF1F4)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-thumb img{width:100%;height:100%;object-fit:cover;display:block}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-thumb b{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,26,52,.45);color:#fff;font:700 20px/1 var(--oz-font,inherit)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage{padding:0 0 24px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-top{margin:0 0 8px;padding:calc(10px + var(--safe-area-inset-top,0px)) 16px 16px;border-radius:0 0 24px 24px;background:var(--oz-sheet,#fff);color:var(--oz-ink,#001A34)}
html.tb-mobile-web body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-top{padding-top:10px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-btn{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:14px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-btn .ui-icon{width:22px!important;height:22px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-top h1{margin:0;font:700 20px/1.25 var(--oz-font,inherit);color:inherit}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-top p{margin:4px 0 0;font:400 15px/1.4 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-all{display:block;width:100%;height:50px;margin:16px 0 0;padding:0 14px;border:0;border-radius:16px;background:var(--oz-ctrl,#EFF1F4);color:var(--oz-ink,#001A34);font:600 16px/50px var(--oz-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-all:disabled{opacity:.6}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-old-meta{font:500 12px/1.3 var(--oz-font,inherit);color:var(--oz-ink-2,#707F8D)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .tbc-oldpage-empty{padding:40px 16px;text-align:center;color:var(--oz-ink-2,#707F8D)}
/* ---------- 3. card info like the reference (every product card of the home card kind) ---------- */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .ozf-card .ozf-verified{display:flex;align-items:center;gap:4px;min-width:0;font:500 12.5px/1.25 var(--oz-font,inherit);color:var(--oz-green,#10C44C)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .ozf-card .ozf-verified .ui-icon{width:15px!important;height:15px!important;flex:0 0 15px;color:inherit!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .ozf-card .ozf-verified b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .ozf-card .ozf-rating.is-none{gap:4px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .ozf-card .ozf-rating.is-none .rating-managed-star{color:var(--oz-ink-3,#99A3AE)!important;width:14px!important;height:14px!important}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .ozf-card .ozf-rating.is-none small{font:400 12.5px/1 var(--oz-font,inherit);color:var(--oz-ink-3,#99A3AE);overflow:hidden;text-overflow:ellipsis}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .ozf-card .ozf-title{-webkit-line-clamp:2!important;min-height:2.7em}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv) .ozf-card .ozf-price .ozf-old{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
/* ---- tb-v415.css ---- */
/* v0.13.415 — home top banner with a picture: the headline (and short text) and the button over the picture, when ADS
switches them on («Sarlavha va matnni ko‘rsatish» / «Tugmani ko‘rsatish») — like the reference: the text on the left
right under the search, the dark button under it. Both off = only the picture (as before). Loaded last. */
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-hero.is-image.has-copy{display:flex!important;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:9px 16px 14px!important;overflow:hidden;text-align:left;color:var(--ozh-ad-ink,#fff);box-sizing:border-box}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-top-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:70%;min-width:0;transition:opacity .18s ease}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-top-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:inherit;font-size:16.5px;line-height:1.12;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.28)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-top-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:-1px 0 1px;color:inherit;font-size:12.5px;line-height:1.25;font-weight:600;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.25)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-top-cta{display:inline-flex;align-items:center;gap:2px;max-width:100%;height:28px;margin-top:2px;padding:0 7px 0 11px;border-radius:9px;background:#141416;color:#fff;font-size:13px;line-height:1;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.18)}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-top-cta b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:inherit}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-top-cta svg{flex:0 0 auto;width:15px;height:15px;color:inherit}
/* scrolled: the strip folds away — the text goes with it */
html body.ozh-collapsed:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-hero.is-image.has-copy{padding-top:0!important;padding-bottom:0!important}
html body.ozh-collapsed:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-top-copy{opacity:0}
@media (max-width:370px){
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-top-title{font-size:15px}
html body:not(#tbp):not(#tbq):not(#tbr):not(#tbs):not(#tbt):not(#tbu):not(#tbv):not(#tbw) .ozh-header .ozh-top-copy{max-width:74%}
}