/* TB Market v0.13.397 — website «TB Market Premium» page (/premium.php) and the Premium price line on product cards /
   product page. Same purple as the app (tb-v391.css .tbm-*). */
.tbmw{--f:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--p:#7635ED;--deep:#2A1268;--tint:#F1EBFE;--tint-ink:#6A2BE0;--ink:#08142B;--ink2:#6B7B91;--line:#E3EAF2;display:flex;flex-direction:column;gap:14px;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-width:0}
.tbmw *{box-sizing:border-box}
.tbmw h1,.tbmw h2,.tbmw p{margin:0}
.tbmw .ui-icon{width:20px;height:20px;flex:0 0 auto}
.tbmw button,.tbmw a,.tbmw input,.tbmw select{font-family:inherit;min-height:0!important;letter-spacing:normal}
.tbmw-hero{position:relative;overflow:hidden;border-radius:24px;padding:24px 24px 26px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),rgba(255,255,255,0) 40%),linear-gradient(135deg,#3B1A9C 0%,#6B2BEA 55%,#9B5CFF 100%);display:flex;align-items:center;gap:16px}
.tbmw-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;min-width:0;max-width:560px}
.tbmw-brand{display:inline-flex;align-items:center;gap:6px;font:700 13px/1 var(--f);letter-spacing:.02em;opacity:.92}
.tbmw-brand .ui-icon{width:18px;height:18px;color:#FFD34D}
.tbmw-hero h1,.tbmw-hero p,.tbmw-hero .tbmw-brand{color:#fff!important}
.tbmw-hero h1{font:800 28px/1.15 var(--f);letter-spacing:-.02em}
.tbmw-hero p{font:500 15px/1.45 var(--f);opacity:.92}
.tbmw-hero-mark{position:absolute;right:0;bottom:-24px;color:rgba(255,255,255,.14)}
.tbmw-hero-mark .ui-icon{width:170px;height:170px}
.tbmw-saving{display:inline-flex;flex-direction:column;gap:2px;margin-top:6px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.14);width:max-content}
.tbmw-saving small{font:500 12.5px/1.2 var(--f);opacity:.85}
.tbmw-saving b{font:800 20px/1.2 var(--f)}
.tbmw-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#FFF6E0;color:#7A5300;font:500 14px/1.35 var(--f)}
.tbmw-note.is-paid{background:#E7F7EE;color:#0A7F3F}
.tbmw-note.is-failed{background:#FDECEC;color:#B42318}
.tbmw-note span{flex:1;min-width:0}
.tbmw-note a{flex:0 0 auto;padding:7px 12px;border-radius:10px;background:#fff;color:inherit;font-weight:700;text-decoration:none}
.tbmw-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:#EFF2F6;width:max-content;max-width:100%;overflow-x:auto}
.tbmw-tabs a{padding:9px 14px;border-radius:11px;color:var(--ink2);font:600 14px/1 var(--f);text-decoration:none;white-space:nowrap}
.tbmw-tabs a.is-active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,26,52,.12)}
.tbmw-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}
.tbmw-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.tbmw-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.tbmw-card h2{font:700 19px/1.25 var(--f);display:flex;align-items:center;justify-content:space-between;gap:8px}
.tbmw-card h2 small{font:600 13px/1 var(--f);color:var(--ink2)}
.tbmw-empty{align-items:center;text-align:center;padding:36px 18px}
.tbmw-empty .ui-icon{width:40px;height:40px;color:var(--p)}
.tbmw-rows{display:flex;flex-direction:column}
.tbmw-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.tbmw-row:last-child{border-bottom:0;padding-bottom:0}
.tbmw-row>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.tbmw-row b{font:600 15px/1.3 var(--f)}
.tbmw-row small,.tbmw-muted{font:400 13.5px/1.4 var(--f);color:var(--ink2)}
.tbmw-ico{flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--tint);color:var(--tint-ink);display:grid;place-items:center}
.tbmw-plans,.tbmw-methods{display:flex;flex-direction:column;gap:8px}
.tbmw-label{font:600 13px/1.2 var(--f);color:var(--ink2)}
.tbmw-plan,.tbmw-method{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:12px;margin:0!important;padding:12px 14px!important;border:1.5px solid var(--line);border-radius:16px;cursor:pointer;text-align:left!important;font:500 14px/1.3 var(--f)!important;color:var(--ink)!important;background:#fff}
.tbmw-plan input,.tbmw-method input{position:absolute;opacity:0;pointer-events:none}
.tbmw-plan:has(input:checked),.tbmw-method:has(input:checked){border-color:var(--p);background:#FBF8FF;box-shadow:0 0 0 3px rgba(118,53,237,.12)}
.tbmw-plan>span,.tbmw-method>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tbmw-plan b,.tbmw-method b{font:600 15px/1.25 var(--f)}
.tbmw-plan small,.tbmw-method small{font:400 13px/1.3 var(--f);color:var(--ink2)}
.tbmw-plan small em{font-style:normal;color:#12A85A;font-weight:700}
.tbmw-plan strong{flex:0 0 auto;font:800 16px/1 var(--f);white-space:nowrap}
.tbmw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 18px;border:0;border-radius:14px;background:var(--p);color:#fff;font:700 16px/1 var(--f);cursor:pointer;text-decoration:none}
.tbmw-btn .ui-icon{color:#FFD34D}
.tbmw-btn.is-small{height:42px;font-size:14px;padding:0 14px}
.tbmw-btn.is-small .ui-icon{color:#fff;width:18px;height:18px}
.tbmw-btn.is-ghost{background:#EFF2F6;color:var(--ink);height:44px;font-size:14px}
.tbmw-fine{font:400 12.5px/1.45 var(--f);color:var(--ink2)}
.tbmw-kv{display:flex;flex-direction:column;gap:8px;margin:0}
.tbmw-kv>div{display:flex;justify-content:space-between;gap:12px}
.tbmw-kv dt{color:var(--ink2);font:500 14px/1.3 var(--f)}
.tbmw-kv dd{margin:0;font:600 14px/1.3 var(--f);text-align:right}
.tbmw-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#F6F7F9}
.tbmw-switch span{display:flex;flex-direction:column;gap:3px}
.tbmw-switch b{font:600 15px/1.25 var(--f)}
.tbmw-switch small{font:400 13px/1.2 var(--f);color:var(--ink2)}
.tbmw-toggle{flex:0 0 52px;width:52px;height:32px;border:0;border-radius:16px;background:#C9D1DC;position:relative;cursor:pointer;padding:0}
.tbmw-toggle i{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .15s}
.tbmw-toggle.is-on{background:var(--p)}
.tbmw-toggle.is-on i{left:23px}
.tbmw-inline{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.tbmw-inline label{display:flex!important;flex-direction:column!important;text-align:left!important;gap:6px;flex:1;min-width:180px;font:600 13px/1.2 var(--f);color:var(--ink2)}
.tbmw-inline input,.tbmw-inline select{flex:1;min-width:0;height:42px!important;max-height:none!important;border:1px solid var(--line);border-radius:12px;padding:0 12px;font:500 14px/1 var(--f);color:var(--ink);background:#fff}
.tbmw-member{display:flex;align-items:center;gap:12px}
.tbmw-member>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tbmw-member b{font:600 15px/1.25 var(--f)}
.tbmw-member small{font:400 13px/1.2 var(--f);color:var(--ink2)}
.tbmw-x{width:34px;height:34px;border:0;border-radius:10px;background:#F6F7F9;color:var(--ink2);display:grid;place-items:center;cursor:pointer;padding:0}
.tbmw-x .ui-icon{width:16px;height:16px}
.tbmw-hist{display:flex;flex-direction:column}
.tbmw-hist-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.tbmw-hist-row:last-child{border-bottom:0}
.tbmw-hist-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tbmw-hist-copy b{font:600 14.5px/1.3 var(--f)}
.tbmw-hist-copy small{font:400 13px/1.3 var(--f);color:var(--ink2)}
.tbmw-hist-sum{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}
.tbmw-hist-sum b{font:700 15px/1.2 var(--f)}
.tbmw-hist-sum small{font:600 12px/1.2 var(--f);color:var(--ink2)}
.tbmw-hist-sum small.is-paid{color:#0A7F3F}
.tbmw-hist-sum small.is-failed{color:#B42318}
@media(max-width:900px){.tbmw-grid{grid-template-columns:minmax(0,1fr)}.tbmw-hero{padding:20px}.tbmw-hero h1{font-size:23px}.tbmw-hero-mark .ui-icon{width:120px;height:120px}}

/* Premium price on the desktop product cards (StorefrontCard) and on the product page */
.tbm-web-price{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin:2px 0 4px;padding:3px 8px;border-radius:8px;background:#F1EBFE;color:#5B22D6;font:700 12.5px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbm-web-price .ui-icon{width:14px;height:14px;flex:0 0 14px;color:#E5A100}
.tbm-web-price small{font-weight:600;opacity:.85}
.tbm-web-pd{display:flex;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#F4EEFF,#EDE4FF);color:#2A1268;text-decoration:none;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.tbm-web-pd>.ui-icon{width:26px;height:26px;color:#E5A100;flex:0 0 26px}
.tbm-web-pd span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tbm-web-pd b{font:800 18px/1.2 var(--f)}
.tbm-web-pd small{font:500 13px/1.3 var(--f);color:#5D4A8C}
.tbm-web-pd em{flex:0 0 auto;font:700 13px/1 var(--f);font-style:normal;color:#6A2BE0;white-space:nowrap}
