/* Timiton Site Chrome — business department pages (Figma 558:5220: Advertisers 441:3214, Content 527:6797,
   Magazines 530:7791, Kooplink 543:9088 + mobile 485:5689 / 553:900 / 547:4839 / 553:4770). RTL-first. */

.tsc-biz {
	--tsc-white: #fdfdfc;
	--tsc-black: #15191d;
	--tsc-dark: #343434;
	--tsc-grey: #6d707d;
	--tsc-stroke: #d3dce9;
	--tsc-biz-title: #122d62;
	--tsc-biz-text: var(--tsc-dark);
	--tsc-biz-btn: #122d62;
	--tsc-biz-btn-text: var(--tsc-white);
	--tsc-biz-ask-btn: #ee6134;
	--tsc-biz-stroke: var(--tsc-stroke);
	--tsc-biz-light: #e3f1fe;
	--tsc-biz-side-bg: #f7fbff;
	--tsc-biz-box-bg: #f8f9f9;
	--tsc-fast: 150ms;
	--tsc-med: 220ms;
	--tsc-ease: cubic-bezier(.4, 0, .2, 1);
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 48px;
	font-family: "Rubik", sans-serif;
	direction: rtl;
	color: var(--tsc-biz-text);
	-webkit-font-smoothing: antialiased;
}
@media (prefers-reduced-motion: reduce) {
	.tsc-biz * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ---- theme resets (hello-elementor / the kit style headings, images and links globally) ---- */
.tsc-biz * { box-sizing: border-box; }
.tsc-biz p, .tsc-biz h2, .tsc-biz figure { margin: 0; padding: 0; }
.tsc-biz a { text-decoration: none; color: inherit; }
.tsc-biz img { display: block; max-width: 100%; height: auto; border: 0; box-shadow: none; }
.tsc-biz :focus-visible { outline: 2px solid #2870b7; outline-offset: 2px; }
.tsc-biz [id] { scroll-margin-top: 120px; }

/* ---- shared text ---- */
.tsc-biz .tsc-biz-p { font-size: 18px; line-height: 28px; font-weight: 400; color: var(--tsc-biz-text); text-align: start; }
.tsc-biz .tsc-biz-p a { text-decoration: underline; text-underline-offset: 3px; }

/* ---- buttons ---- */
.tsc-biz .tsc-biz-btn {
	display: inline-flex; align-items: center; justify-content: center; min-width: 204px; height: 48px; padding: 0 24px;
	border-radius: 6px; background: var(--tsc-biz-btn); color: var(--tsc-biz-btn-text); font-size: 18px; font-weight: 500; line-height: normal;
	white-space: nowrap; transition: filter var(--tsc-fast) var(--tsc-ease), transform 100ms var(--tsc-ease);
}
.tsc-biz .tsc-biz-btn:hover { filter: brightness(1.12); color: var(--tsc-biz-btn-text); }
.tsc-biz .tsc-biz-btn:active { transform: translateY(1px); }
.tsc-biz .tsc-biz-btn--ask { min-width: 0; width: 100%; background: var(--tsc-biz-ask-btn); }
.tsc-biz .tsc-biz-btn--lg { min-width: 0; height: 64px; padding: 0 32px; border-radius: 8px; font-size: 22px; font-weight: 600; }
.tsc-biz .tsc-biz-btn--light { background: var(--tsc-biz-light); color: var(--tsc-black); }
.tsc-biz .tsc-biz-btn--light:hover { color: var(--tsc-black); filter: brightness(.97); }
.tsc-biz .tsc-biz-btn--dark { background: var(--tsc-biz-btn); color: var(--tsc-biz-btn-text); }

/* ================================ LAYOUT: main column + side card ================================ */

.tsc-biz__layout { display: flex; align-items: flex-start; justify-content: flex-start; gap: 40px; }
.tsc-biz__main { flex: 0 1 933px; min-width: 0; }
/* DOM order is main → side; RTL puts the first child on the right, so the side card jumps in front */
.tsc-biz-side { order: -1; flex: 0 0 301px; width: 301px; position: sticky; top: 110px; }
.tsc-biz--brands .tsc-biz-side { margin-top: 48px; }

.tsc-biz-side {
	display: flex; flex-direction: column; gap: 32px; padding: 24px;
	background: var(--tsc-biz-side-bg); border: 1.5px solid var(--tsc-biz-stroke); border-radius: 16px;
}
.tsc-biz-side__nav { display: flex; flex-direction: column; gap: 12px; }
.tsc-biz .tsc-biz-side__link {
	display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 22px;
	font-size: 14px; line-height: 21.6px; font-weight: 400; color: var(--tsc-grey); text-align: start;
	transition: color var(--tsc-fast) var(--tsc-ease);
}
.tsc-biz .tsc-biz-side__link:hover { color: var(--tsc-biz-title); }
.tsc-biz .tsc-biz-side__link.is-active { font-size: 16px; font-weight: 600; color: var(--tsc-biz-title); }
.tsc-biz-side__label { flex: 1 1 auto; min-width: 0; }
.tsc-biz-side__arrow { flex: 0 0 20px; width: 20px; height: 20px; }

.tsc-biz-ask {
	display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px;
	background: var(--tsc-white); border: 2px solid #c5e6fa; border-radius: 6px; text-align: center;
}
.tsc-biz .tsc-biz-ask__title { font-size: 18px; font-weight: 600; line-height: normal; color: var(--tsc-biz-title); }
.tsc-biz .tsc-biz-ask__text { font-size: 14px; line-height: 21.6px; color: var(--tsc-biz-title); }
.tsc-biz-ask__media { width: 100%; height: 135px; display: flex; align-items: center; justify-content: center; }
.tsc-biz .tsc-biz-ask__img { width: 100%; height: 100%; object-fit: contain; }

/* mobile floating contact button (Figma "connect-btn") */
/* Figma 485:5689: the button sits at the RIGHT edge (x=276 of 390) = inline-start in RTL */
.tsc-biz .tsc-biz-fab { display: none; position: fixed; z-index: 90; inset-inline-start: 16px; bottom: 24px; width: 98px; height: 77px; filter: drop-shadow(0 4px 10px rgba(18, 45, 98, .18)); transition: transform var(--tsc-fast) var(--tsc-ease); }
.tsc-biz .tsc-biz-fab:hover { transform: translateY(-2px); }
.tsc-biz .tsc-biz-fab img { width: 98px; height: 77px; }

/* ================================ BRAND ROWS ================================ */

.tsc-biz-row { border-bottom: 1.5px solid var(--tsc-biz-stroke); padding: 64px 48px; }
.tsc-biz-row__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.tsc-biz-row__text { flex: 0 1 564px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.tsc-biz-row__head { display: flex; flex-direction: column; gap: 8px; }
.tsc-biz .tsc-biz-row__title { font-size: 40px; font-weight: 400; line-height: normal; color: var(--tsc-biz-title); text-align: start; }
.tsc-biz .tsc-biz-row__tagline { font-size: 22px; font-weight: 500; line-height: normal; color: var(--tsc-biz-title); text-align: start; }
.tsc-biz-row__body { display: flex; flex-direction: column; gap: 8px; }
.tsc-biz-items { display: flex; flex-direction: column; gap: 8px; }
.tsc-biz-item { display: flex; align-items: center; gap: 8px; }
.tsc-biz-item .tsc-biz-p { flex: 1 1 auto; min-width: 0; }
.tsc-biz .tsc-biz-item__logo { flex: 0 0 64px; width: 64px; height: 48px; object-fit: contain; }

/* image + button column: odd rows on the LEFT (after the text in RTL), even rows on the RIGHT */
.tsc-biz-row__fig { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; max-width: 100%; }
.tsc-biz-row:nth-child(even) .tsc-biz-row__fig { order: -1; }
/* "להופיע עם טימי" (Figma 527:7316): the character stays on the LEFT on every row */
.tsc-biz--no-alt .tsc-biz-row:nth-child(even) .tsc-biz-row__fig { order: 0; }
.tsc-biz-row__media { display: block; max-width: var(--tsc-biz-img-w, 221px); }
.tsc-biz .tsc-biz-row__img { width: auto; max-width: 100%; max-height: 300px; height: auto; margin: 0 auto; }
.tsc-biz-row__media + .tsc-biz-btn { margin-top: -8px; position: relative; }

.tsc-biz-strip { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; }
.tsc-biz .tsc-biz-strip__img { width: auto; height: 118px; flex: 0 0 auto; }

/* ================================ LANDING BLOCKS ================================ */

.tsc-biz--landing { padding-top: 112px; }
.tsc-biz-block + .tsc-biz-block { margin-top: 112px; }

.tsc-biz-intro { max-width: 564px; margin-inline: auto; display: flex; flex-direction: column; gap: 24px; }
.tsc-biz .tsc-biz-intro__title { font-size: 32px; font-weight: 400; line-height: normal; color: var(--tsc-biz-title); text-align: start; }
.tsc-biz-intro__body { display: flex; flex-direction: column; gap: 8px; }
.tsc-biz-intro .tsc-biz-p { color: var(--tsc-black); }

.tsc-biz-stats { display: grid; grid-template-columns: repeat(2, 354px); justify-content: center; row-gap: 82px; column-gap: 0; }
.tsc-biz-stat { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.tsc-biz-stat__circle { display: flex; align-items: center; justify-content: center; width: 112px; height: 112px; border-radius: 50%; background: var(--tsc-biz-btn); }
.tsc-biz .tsc-biz-stat__icon { width: 50px; height: 50px; object-fit: contain; }
.tsc-biz .tsc-biz-stat__num { font-size: 72px; font-weight: 600; line-height: normal; color: var(--tsc-biz-title); margin-bottom: -24px; }
.tsc-biz .tsc-biz-stat__label { font-size: 18px; line-height: 28px; color: var(--tsc-grey); max-width: 220px; }

.tsc-biz-feats { display: flex; flex-direction: column; }
.tsc-biz-feat { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 64px 0; border-bottom: 1.5px solid var(--tsc-biz-stroke); }
.tsc-biz-feat:first-child { padding-top: 0; }
.tsc-biz-feat__text { flex: 0 0 507px; max-width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.tsc-biz-feat__head { display: flex; flex-direction: column; gap: 8px; }
.tsc-biz .tsc-biz-feat__title { font-size: 40px; font-weight: 400; line-height: normal; color: var(--tsc-biz-title); text-align: start; }
.tsc-biz .tsc-biz-feat__tagline { font-size: 22px; font-weight: 500; line-height: normal; color: var(--tsc-biz-title); text-align: start; }
.tsc-biz-feat__body { display: flex; flex-direction: column; gap: 16px; }
.tsc-biz-feat__media { flex: 1 1 auto; max-width: 426px; min-width: 0; }
.tsc-biz-feat:nth-child(even) .tsc-biz-feat__media { order: -1; }
.tsc-biz .tsc-biz-feat__img { width: 100%; height: auto; }
.tsc-biz-box { display: flex; flex-direction: column; gap: 8px; padding: 24px; background: var(--tsc-biz-box-bg); border: 1px solid var(--tsc-biz-stroke); border-radius: 6px; }
.tsc-biz .tsc-biz-box__row { font-size: 18px; line-height: 28px; color: var(--tsc-biz-text); text-align: start; }
.tsc-biz .tsc-biz-box__num { font-weight: 600; }

.tsc-biz-cta { display: flex; flex-direction: column; align-items: center; gap: 32px; text-align: center; }
.tsc-biz-cta__head { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.tsc-biz .tsc-biz-cta__title { font-size: 40px; font-weight: 400; line-height: normal; color: var(--tsc-biz-title); max-width: 754px; }
.tsc-biz .tsc-biz-cta__sub { font-size: 24px; line-height: normal; color: var(--tsc-biz-text); max-width: 556px; text-wrap: pretty; }
.tsc-biz-cta__text { max-width: 508px; display: flex; flex-direction: column; gap: 8px; }
.tsc-biz .tsc-biz-cta__p { font-size: 24px; line-height: normal; color: var(--tsc-biz-text); text-wrap: pretty; }
.tsc-biz-cta__media { width: 100%; max-width: 764px; }
.tsc-biz .tsc-biz-cta__img { width: 100%; height: auto; }

/* ================================ TABLET ================================ */

@media (max-width: 1280px) and (min-width: 1025px) {
	.tsc-biz { padding-inline: 32px; }
	.tsc-biz__layout { gap: 24px; }
	.tsc-biz-side { flex-basis: 260px; width: 260px; }
	.tsc-biz-row { padding-inline: 24px; }
	.tsc-biz-stats { grid-template-columns: repeat(2, 300px); }
}

/* ================================ MOBILE (Figma 485:5689 / 553:4770) ================================ */

@media (max-width: 1024px) {
	.tsc-biz { padding-inline: 24px; }
	.tsc-biz [id] { scroll-margin-top: 100px; }
	.tsc-biz__layout { display: block; }
	.tsc-biz-side { display: none; }
	.tsc-biz .tsc-biz-fab { display: block; }
	.tsc-biz .tsc-biz-p { font-size: 16px; line-height: 25px; }

	.tsc-biz .tsc-biz-btn { min-width: 141px; height: 40px; padding: 0 16px; border-radius: 4px; font-size: 16px; font-weight: 600; }

	.tsc-biz-row { padding: 48px 0; }
	.tsc-biz-row__inner { flex-direction: column; align-items: stretch; gap: 32px; }
	.tsc-biz-row__text { flex-basis: auto; gap: 16px; }
	.tsc-biz .tsc-biz-row__title { font-size: 32px; }
	.tsc-biz .tsc-biz-row__tagline { font-size: 18px; }
	/* Figma: the character + button sit at the LEFT edge under the text */
	.tsc-biz-row__fig, .tsc-biz-row:nth-child(even) .tsc-biz-row__fig { order: 0; align-self: flex-end; }
	.tsc-biz-row__media { max-width: min(var(--tsc-biz-img-w, 221px), 141px); }
	.tsc-biz .tsc-biz-row__img { max-height: 120px; }
	.tsc-biz .tsc-biz-item__logo { flex-basis: 43px; width: 43px; height: 32px; }
	.tsc-biz-strip { justify-content: flex-start; gap: 12px; overflow-x: auto; scrollbar-width: none; margin-top: 16px; padding-bottom: 4px; }
	.tsc-biz-strip::-webkit-scrollbar { display: none; }
	.tsc-biz .tsc-biz-strip__img { height: 80px; }

	.tsc-biz--landing { padding: 40px 16px 0; }
	.tsc-biz-block + .tsc-biz-block { margin-top: 72px; }
	.tsc-biz .tsc-biz-intro__title { font-size: 32px; }

	.tsc-biz-stats { grid-template-columns: repeat(2, 138px); justify-content: space-between; row-gap: 24px; padding-inline: 16px; }
	.tsc-biz-stat { gap: 16px; }
	.tsc-biz-stat__circle { width: 96px; height: 96px; }
	.tsc-biz .tsc-biz-stat__icon { width: 37.5px; height: 37.5px; }
	.tsc-biz .tsc-biz-stat__num { font-size: 40px; margin-bottom: -16px; }
	.tsc-biz .tsc-biz-stat__label { font-size: 14px; line-height: 21.6px; max-width: 138px; }

	.tsc-biz-feat { flex-direction: column; align-items: stretch; gap: 16px; padding: 48px 0; }
	.tsc-biz-feat:first-child { padding-top: 48px; }
	.tsc-biz-feat__text { flex-basis: auto; }
	.tsc-biz .tsc-biz-feat__title { font-size: 32px; }
	.tsc-biz .tsc-biz-feat__tagline { font-size: 18px; }
	.tsc-biz-feat__body { gap: 8px; }
	.tsc-biz-feat__media, .tsc-biz-feat:nth-child(even) .tsc-biz-feat__media { order: 0; flex-basis: auto; width: 52%; max-width: 213px; align-self: flex-end; }
	.tsc-biz .tsc-biz-box__row { font-size: 16px; line-height: 25px; }

	.tsc-biz-cta { gap: 24px; }
	.tsc-biz .tsc-biz-cta__title { font-size: 32px; }
	.tsc-biz .tsc-biz-cta__sub, .tsc-biz .tsc-biz-cta__p { font-size: 20px; line-height: 28px; }
	.tsc-biz .tsc-biz-btn--lg { width: 100%; height: 48px; border-radius: 6px; font-size: 18px; font-weight: 500; }
}