/* ══════════════════════════════════════════════════════════════
   itzoom.css - ВИЗИЯ „мост" за /itzoom/
   Идеята е свързване на физическо и дигитално:
     * ДВА акцента - кехлибар (зала) и циан (онлайн)
     * свързваща линия между двете
     * деветте услуги в решетка с двуцветни номера
     * един паралакс
   Шрифтове: само тези, които сайтът зарежда.
   ══════════════════════════════════════════════════════════════ */

.ke-page-itzoom .b-page {
  --b-bg:      #fafafa;
  --b-card:    #ffffff;
  --b-line:    #dde5e8;
  --b-line-2:  #c2ced3;
  --b-fg:      #14303f;
  --b-fg-2:    #4d6b78;
  --b-fg-3:    #8ba3ac;
  --b-amber:   #c8791a;   /* физическо */
  --b-cyan:    #16889f;   /* дигитално */
  --b-sans:    "Montserrat",Arial,sans-serif;
  --b-disp:    "Montserrat",Arial,sans-serif;
  --b-mono:    Consolas,"Cascadia Mono",ui-monospace,monospace;

  background: var(--b-bg);
  color: var(--b-fg);
  font-family: var(--b-sans);
}

.ke-page-itzoom .b-sec {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(1.2rem,2.4vw,2.2rem) clamp(1.25rem,4vw,4rem);
}

/* ═══ ВОДЕЩ ═══ */
.ke-page-itzoom .b-lead { text-align: center; }
.ke-page-itzoom .b-eyebrow {
  margin: 0 0 1.2rem;
  font-family: var(--b-sans);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--b-cyan);
}
.ke-page-itzoom .b-h1 {
  margin: 0 auto 1.6rem;
  font-family: var(--b-disp);
  font-size: clamp(1.9rem,1.15rem + 2.8vw,3.4rem);
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: -.03em;
  max-width: 24ch;
}
.ke-page-itzoom .b-lead__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: clamp(1.4rem,3.5vw,3rem);
  text-align: left;
  padding-top: 1.6rem;
  border-top: 1px solid var(--b-line-2);
}
.ke-page-itzoom .b-lead__grid p {
  margin: 0;
  font-size: 1.03rem;
  line-height: 1.75;
  color: var(--b-fg-2);
}

/* ═══ МОСТ - два полюса със свързваща линия ═══ */
.ke-page-itzoom .b-bridge {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: clamp(1rem,3vw,2.5rem);
  margin: clamp(1.6rem,3vw,2.6rem) 0 0;
}
.ke-page-itzoom .b-pole {
  font-family: var(--b-disp);
  font-size: .84rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
}
.ke-page-itzoom .b-pole--in  { color: var(--b-amber); }
.ke-page-itzoom .b-pole--out { color: var(--b-cyan); }
.ke-page-itzoom .b-line {
  position: relative;
  height: 2px;
  background: linear-gradient(90deg, var(--b-amber) 0%, var(--b-line-2) 50%, var(--b-cyan) 100%);
}
.ke-page-itzoom .b-line::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: .6rem; height: .6rem;
  border-radius: 50%;
  background: var(--b-card);
  border: 2px solid var(--b-line-2);
  transform: translate(-50%,-50%);
}

/* ═══ ЗАГЛАВИЕ ═══ */
.ke-page-itzoom .b-head {
  display: flex;
  align-items: baseline;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}
.ke-page-itzoom .b-head__n {
  font-family: var(--b-sans);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--b-amber);
  flex: 0 0 auto;
}
.ke-page-itzoom .b-head__t {
  margin: 0;
  font-family: var(--b-disp);
  font-size: clamp(1.3rem,1rem + 1.4vw,2rem);
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: -.024em;
}

/* ═══ ДЕВЕТ УСЛУГИ - решетка ═══ */
.ke-page-itzoom .b-svcs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: clamp(.8rem,1.8vw,1.3rem);
}
.ke-page-itzoom .b-svc {
  background: var(--b-card);
  border: 1px solid var(--b-line);
  border-top: 3px solid var(--b-line-2);
  border-radius: 8px;
  padding: 1.3rem 1.3rem 1.4rem;
  transition: border-color .25s, transform .25s, box-shadow .25s;
}
/* редуваме акцента - зала / онлайн */
.ke-page-itzoom .b-svc:nth-child(odd)  { border-top-color: var(--b-amber); }
.ke-page-itzoom .b-svc:nth-child(even) { border-top-color: var(--b-cyan); }
.ke-page-itzoom .b-svc:hover {
  border-color: var(--b-line-2);
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(20,48,63,.09);
}
.ke-page-itzoom .b-svc__n {
  display: block;
  font-family: var(--b-sans);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  margin-bottom: .6rem;
}
.ke-page-itzoom .b-svc:nth-child(odd)  .b-svc__n { color: var(--b-amber); }
.ke-page-itzoom .b-svc:nth-child(even) .b-svc__n { color: var(--b-cyan); }
.ke-page-itzoom .b-svc h3 {
  margin: 0 0 .85rem;
  font-family: var(--b-disp);
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.24;
  letter-spacing: -.014em;
}
.ke-page-itzoom .b-svc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.ke-page-itzoom .b-svc li {
  position: relative;
  padding-left: 1.2rem;
  font-size: .91rem;
  line-height: 1.55;
  color: var(--b-fg-2);
}
.ke-page-itzoom .b-svc li::before {
  content: "";
  position: absolute;
  left: 0; top: .68em;
  width: .55rem; height: 2px;
  background: var(--b-line-2);
}

/* ═══ ПАРАЛАКС ═══ */
.ke-page-itzoom .b-band {
  position: relative;
  min-height: clamp(260px,32vw,430px);
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--b-fg);
  background-image: url("../_media/w1000-team-meeting-online-conference-call-laptop-afb19c.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.ke-page-itzoom .b-band::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(20,48,63,.62) 0%, rgba(20,48,63,.48) 45%, rgba(20,48,63,.88) 100%);
}
.ke-page-itzoom .b-band__in {
  position: relative; z-index: 2;
  width: 100%; max-width: 1200px; margin: 0 auto;
  padding: clamp(1.5rem,3vw,2.8rem) clamp(1.25rem,4vw,4rem);
  color: #fff;
}
.ke-page-itzoom .b-band__live {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: 0 0 1rem;
  font-family: var(--b-sans);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #fff;
}
.ke-page-itzoom .b-band__live::before {
  content: "";
  width: .5rem; height: .5rem;
  border-radius: 50%;
  background: #ff4d4d;
  box-shadow: 0 0 0 4px rgba(255,77,77,.25);
}
.ke-page-itzoom .b-band__t {
  margin: 0;
  font-family: var(--b-disp);
  font-size: clamp(1.4rem,1rem + 1.7vw,2.3rem);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -.026em;
  max-width: 22ch;
  text-shadow: 0 2px 26px rgba(0,0,0,.6);
}

/* ═══ WHY ═══ */
.ke-page-itzoom .b-why {
  list-style: none; margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 0 clamp(1.6rem,3.5vw,3rem);
  counter-reset: bw;
}
.ke-page-itzoom .b-why li {
  display: grid;
  grid-template-columns: 2.4rem minmax(0,1fr);
  gap: .9rem;
  padding: 1.05rem 0;
  border-bottom: 1px solid var(--b-line);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--b-fg-2);
}
.ke-page-itzoom .b-why li::before {
  content: counter(bw,decimal-leading-zero);
  counter-increment: bw;
  font-family: var(--b-sans);
  font-size: .74rem;
  font-weight: 700;
  color: var(--b-amber);
  padding-top: .3em;
}

.ke-page-itzoom .b-cta {
  margin: 1.6rem 0 0;
  padding: 1.4rem 0 0;
  border-top: 1px solid var(--b-line-2);
  font-size: 1.08rem;
  line-height: 1.65;
  color: var(--b-fg-2);
  max-width: 64ch;
}
.ke-page-itzoom .b-cta strong { color: var(--b-fg); font-weight: 600; }

.ke-page-itzoom .b-page a:focus-visible,
.ke-page-itzoom .b-page button:focus-visible { outline: 3px solid var(--b-cyan); outline-offset: 3px; }

/* ═══ ОТЗИВЧИВОСТ ═══ */
@media (max-width: 1080px) {
  .ke-page-itzoom .b-svcs { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .ke-page-itzoom .b-lead__grid { grid-template-columns: minmax(0,1fr); }
  .ke-page-itzoom .b-why { grid-template-columns: minmax(0,1fr); }
  .ke-page-itzoom .b-bridge { grid-template-columns: minmax(0,1fr); gap: .8rem; }
  .ke-page-itzoom .b-line { display: none; }
  .ke-page-itzoom .b-band { background-attachment: scroll; }
  .ke-page-itzoom .b-svcs { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .ke-page-itzoom .b-page * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ═══════════════════════════════════════════════════════════════
   Отстояние над футъра — общо 96px (както на /about/ и /sdgstate/).
   Последната секция има собствен padding; добавяме колкото липсва.
   Пипа се САМО padding-bottom. Фонът идва от .sectionWrapper.
   ═══════════════════════════════════════════════════════════════ */
.ke-page-eventsorg .m-sec:last-of-type      { padding-bottom: calc(50.4px + 45.6px); }
.ke-page-eventsrent .rl-sec:last-of-type    { padding-bottom: calc(72px + 24px); }
.ke-page-eventsconsult .s-sec:last-of-type  { padding-bottom: calc(72px + 24px); }
.ke-page-itweb .w-sec:last-of-type          { padding-bottom: calc(23.04px + 73px); }
.ke-page-itzoom .b-sec:last-of-type         { padding-bottom: calc(34.56px + 61.5px); }
.ke-page-publishing .p-sec:last-of-type     { padding-bottom: calc(40.32px + 55.7px); }
.ke-page-publishingcons .c-sec:last-of-type { padding-bottom: calc(34.56px + 61.5px); }

@media (max-width: 820px) {
  .ke-page-eventsorg .m-sec:last-of-type      { padding-bottom: calc(50.4px + 14px); }
  .ke-page-eventsrent .rl-sec:last-of-type    { padding-bottom: calc(72px + 0px); }
  .ke-page-eventsconsult .s-sec:last-of-type  { padding-bottom: calc(72px + 0px); }
  .ke-page-itweb .w-sec:last-of-type          { padding-bottom: calc(23.04px + 41px); }
  .ke-page-itzoom .b-sec:last-of-type         { padding-bottom: calc(34.56px + 29px); }
  .ke-page-publishing .p-sec:last-of-type     { padding-bottom: calc(40.32px + 24px); }
  .ke-page-publishingcons .c-sec:last-of-type { padding-bottom: calc(34.56px + 29px); }
}