/* Tabib Smart Sell — growth pack. Minimal, theme tokens. */
.tss-tier, .tss-pp, .tss-pack {
	--tss-brand: var(--wd-primary-color, #048ed6);
	--tss-ink: var(--wd-title-color, #242424);
	--tss-muted: var(--wd-text-color, #777);
	--tss-line: var(--brdcolor-gray-300, rgba(0, 0, 0, .105));
	--tss-soft: var(--bgcolor-gray-100, #f7f7f7);
	--tss-sale: #dd3333;
	box-sizing: border-box; font-family: inherit;
}
.tss-tier *, .tss-pp *, .tss-pack * { box-sizing: border-box; }
.tss-tag { display: inline-block; vertical-align: middle; font-size: 11px; font-weight: 700; line-height: 1.6; color: var(--tss-sale); background: color-mix(in srgb, var(--tss-sale) 10%, #fff); border-radius: 12px; padding: 0 8px; }
.tss-btn, .tss-pp__btn.button, .tss-pack__btn.button {
	flex: 0 0 auto; min-height: 38px; padding: 0 18px !important;
	border-radius: var(--btn-accented-brd-radius, 35px) !important;
	background: var(--btn-accented-bgcolor, var(--tss-brand)) !important; color: #fff !important;
	font-size: 13px !important; font-weight: 600 !important; box-shadow: none !important; text-transform: none !important;
}
.tss-pp__btn.is-busy, .tss-pack__btn.is-busy { opacity: .5; pointer-events: none; }
.tss-pp__price del, .tss-pack__price del { color: var(--tss-muted); opacity: .7; font-weight: 400; font-size: .9em; }
.tss-pp__price ins, .tss-pack__price ins { text-decoration: none; }

/* 2. Tier line */
.tss-tier { margin: 4px 0 12px; }
.tss-tier__msg { display: block; font-size: 12.5px; color: var(--tss-muted); line-height: 1.5; margin-bottom: 5px; }
.tss-tier__bar { display: block; height: 3px; border-radius: 3px; background: var(--tss-line); overflow: hidden; }
.tss-tier__bar i { display: block; height: 100%; border-radius: 3px; background: var(--tss-brand); transition: width .4s ease; }
.tss-tier.is-done .tss-tier__msg { color: var(--tss-brand); font-weight: 600; }
.cart_totals .tss-tier, .cart-totals-inner .tss-tier { margin: 0 0 16px; }

/* 1. Add to the same order */
.tss-pp { margin: 0 0 24px; padding: 16px; border-radius: var(--wd-brd-radius, 20px); background: var(--tss-soft); }
.tss-pp__head { font-size: 15px; font-weight: 700; color: var(--tss-ink); margin-bottom: 10px; }
.tss-pp__row { display: flex; align-items: center; gap: 12px; }
.tss-pp__media { flex: 0 0 60px; }
.tss-pp__img { display: block; width: 60px !important; height: 60px !important; object-fit: contain; border-radius: 10px; background: #fff; margin: 0 !important; }
.tss-pp__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.tss-pp__name { font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--tss-ink); }
.tss-pp__why { font-size: 12px; color: var(--tss-muted); }
.tss-pp__price { font-size: 14px; font-weight: 700; color: var(--tss-brand); }
.tss-pp__note { margin-top: 10px; font-size: 12px; color: var(--tss-muted); }
.tss-pp.is-done .tss-pp__btn { pointer-events: none; opacity: .85; }
.tss-pp-page { padding: 30px 15px; max-width: 680px !important; margin: 0 auto; }
.tss-pp-page__title { font-size: 22px; margin-bottom: 16px; }
@media (max-width: 480px) {
	.tss-pp__row { flex-wrap: wrap; }
	.tss-pp__btn.button { width: 100%; }
}

/* 3. Term pack */
.tss-pack { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin: 12px 0; padding: 12px 16px; border-radius: calc(var(--wd-brd-radius, 20px) * .7); background: var(--tss-soft); }
.tss-pack__txt { flex: 1 1 200px; font-size: 13.5px; line-height: 1.5; color: var(--tss-muted); }
.tss-pack__txt b { color: var(--tss-ink); font-weight: 700; }
.tss-pack__price { font-size: 14px; font-weight: 700; color: var(--tss-brand); }
.tss-packs .tss-pack { margin: 0 0 10px; }
@media (max-width: 480px) { .tss-pack__btn.button { width: 100%; } }