@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

#rec3523230401 .t1073__row ~ .t1073__row { display: none !important; }
#rec3523230401 .t1073__separator { display: none !important; }
#rec3523230401 { background-color: #F4F3F1 !important; }
#rec3523230401 .t1073__col.t-col_6 {
  background-color: #ffffff !important;
  border-radius: 24px !important;
  padding: 36px 36px 32px !important;
  box-sizing: border-box !important;
}
#rec3523230401 .t1073__bgimg {
  border-radius: 16px !important;
  overflow: hidden !important;
  background-color: #eaeaea !important;
}
#rec3523230401 .t1073__textwrapper {
  display: flex !important;
  flex-direction: column !important;
}
#rec3523230401 .t-card__title {
  order: 2 !important;
  font-family: 'Comfortaa', sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;
  color: #1a1a1a !important;
}
#rec3523230401 .t1073__price {
  order: 1 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #9a9a9a !important;
  margin-top: 20px !important;
}
#rec3523230401 .t-card__descr {
  order: 3 !important;
  font-size: 15px !important;
  color: #5a5a5a !important;
  line-height: 1.5 !important;
}
#rec3523230401 .t-card__descr ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 14px 0 0 !important;
}
#rec3523230401 .t-card__descr li {
  position: relative !important;
  padding-left: 22px !important;
  margin-bottom: 8px !important;
  color: #5a5a5a !important;
  font-size: 15px !important;
  list-style: none !important;
}
#rec3523230401 .t-card__descr li:before {
  content: "\2014" !important;
  position: absolute !important;
  left: 0 !important;
  color: #b0b0b0 !important;
}
#rec3523230401 .t-btn.t-btnflex.t-card__btn {
  order: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 24px !important;
  background-color: #ffffff !important;
  border: 1.5px solid #1a1a1a !important;
  border-style: solid !important;
  border-radius: 14px !important;
  color: #1a1a1a !important;
  text-align: center !important;
  min-height: 50px !important;
  box-sizing: border-box !important;
}
#rec3523230401 .t-btn.t-btnflex.t-card__btn .t-btnflex__text {
  color: #1a1a1a !important;
  font-weight: 500 !important;
}

/* Header menu appears last, after the hero calendar illustration finishes drawing and the text/buttons have faded in (see T123 hero block: calendar ~0-6.25s, text reveals 6.25-7.8s) */
/* IMPORTANT: animate opacity on .t-menu-base (the actual position:fixed bar) rather than the #rec3522155501 wrapper -
   an opacity/animation on the wrapper turns it into a containing block + stacking context for its fixed-position
   child, which traps the fixed menu inside normal document stacking order and lets later sections (the hero) paint
   over it permanently, even after the animation finishes. Animating the fixed element itself avoids that. */
#rec3522155501 .t-menu-base {
  animation: heroMenuFadeIn .8s ease both;
  animation-delay: 7.6s;
}
@keyframes heroMenuFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Site-wide font: switch everything to Comfortaa (the font already used in the hero heading "Один календарь — два подарка") per user request */
body, body * {
  font-family: 'Comfortaa', sans-serif !important;
}

/* Keep the white menu bar flush with the very top of the viewport (top:0) so there's no gap/hole
   revealing scrolled content behind it, but add internal padding so the logo/nav still has breathing
   room instead of touching the true edge. */
#rec3522155501 .t-menu-base {
  top: 0 !important;
}
#rec3522155501 .t-menu-base__maincontainer,
#rec3522155501 .t-menu-base {
  min-height: 90px !important;
}

/* Comfortaa is wider than the original font, which pushed the menu content past one line and wrapped
   the "Выбрать модель" button onto its own row below the nav. Force the menu bar back to a single row. */
#rec3522155501 .t-menu-base__maincontainer {
  flex-wrap: nowrap !important;
}

/* Push the hero content (heading/buttons/calendar) down so it doesn't overlap the fixed menu's white bar */
.hero {
  padding-top: 120px !important;
}