/* ============================================================
   kuznicabrendov.ru — custom responsive CSS
   ============================================================ */

/* ===== GLOBAL: no horizontal scroll on mobile only ===== */
/* .t-rec overflow-x REMOVED — it clips background-carrier of hero blocks */
@media screen and (max-width: 639px) {
  html, body {
    overflow-x: hidden !important;
  }
}

/* ===== FIX 1: Heading contrast at 960-1200px ===== */
@media screen and (max-width: 1199px) {
  #rec2058651671 .tn-elem[data-elem-id="1470209944682"],
  #rec2058651671 .tn-elem[data-elem-id="1470209944682"] .tn-atom {
    color: #f2f4f7 !important;
  }
}

/* ===== FIX 2: Footer navigation wrapping ===== */
@media screen and (max-width: 640px) {
  #rec2078371761 .t981__wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #rec2078371761 .t981__col_right {
    width: 100% !important;
    padding-top: 20px;
  }
  #rec2078371761 .t981__menu.t981__main-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
  }
  #rec2078371761 .t981__menu-item {
    width: 50% !important;
    margin-bottom: 10px !important;
  }
}

/* ===== FIX 3: Steps block — min-height beats Tilda height override ===== */
/* min-height always wins over height in CSS regardless of !important on height */
@media screen and (max-width: 479px) {
  #rec2060904071,
  #rec2060904071 .t396__artboard,
  #rec2060904071 .t396__filter,
  #rec2060904071 .t396__carrier {
    min-height: 1060px !important;
    height: 1060px !important;
  }
  #rec2060904071 .tn-elem[data-elem-id="1774425047862000001"] {
    min-height: 1040px !important;
    height: 1040px !important;
  }
}

/* ===== FIX 4: Content factory block — background extends beyond artboard ===== */
@media screen and (max-width: 479px) {
  #rec2076412201 .t396__artboard,
  #rec2076412201 .t396__filter,
  #rec2076412201 .t396__carrier {
    min-height: 720px !important;
  }
}

/* ===== FIX 5: Hero — 1 element slightly outside at 1024px ===== */
@media screen and (min-width: 960px) and (max-width: 1024px) {
  #rec2305698481 .t396__artboard,
  #rec2305698481 .t396__filter,
  #rec2305698481 .t396__carrier {
    min-height: 660px !important;
  }
}

/* ===== FIX 6: Dark agency block — hide off-screen decorative image ===== */
@media screen and (max-width: 479px) {
  #rec2058651671 .tn-elem[data-elem-id="1774430676273"] {
    display: none !important;
  }
  /* Hide right-column benefit cards that are off-screen */
  #rec2058651671 .tn-elem[data-elem-id="1774090240379000015"],
  #rec2058651671 .tn-elem[data-elem-id="1774090240379000016"],
  #rec2058651671 .tn-elem[data-elem-id="1774091867746000008"],
  #rec2058651671 .tn-elem[data-elem-id="1774091867746000009"],
  #rec2058651671 .tn-elem[data-elem-id="1774091867746000012"],
  #rec2058651671 .tn-elem[data-elem-id="1774091867747000013"] {
    display: none !important;
  }
}

/* ===== FIX 7: Team block — hide off-screen second member ===== */
/* Second team member is at left=523px in 375px viewport */
@media screen and (max-width: 479px) {
  #rec2070008451 .tn-elem[data-elem-id="1774628709857000003"],
  #rec2070008451 .tn-elem[data-elem-id="1774628709857000004"],
  #rec2070008451 .tn-elem[data-elem-id="1774628709857000005"],
  #rec2070008451 .tn-elem[data-elem-id="1774628709857000006"],
  #rec2070008451 .tn-elem[data-elem-id="1774628709857000007"],
  #rec2070008451 .tn-elem[data-elem-id="1774628709857000008"] {
    display: none !important;
  }
  /* Reduce artboard height since right column is gone */
  #rec2070008451 .t396__artboard,
  #rec2070008451 .t396__filter,
  #rec2070008451 .t396__carrier {
    min-height: 800px !important;
  }
}

/* ===== FIX 8: CTA form — move from right (off-screen) to below heading ===== */
/* JS HEAD code handles this with setProperty('important') for reliability */
/* CSS fallback: prevent horizontal scroll from off-screen form */
@media screen and (max-width: 479px) {
  #rec2096815771 .t396__artboard,
  #rec2096815771 .t396__filter,
  #rec2096815771 .t396__carrier {
    min-height: 650px !important;
  }
}

/* ===== FIX 9: Privacy page — hide Tilda template placeholder text ===== */
/* "Click Block Editor to enter the edit mode..." — left at 930px, visually bleeding right */
#rec2277349071 .tn-elem[data-elem-id="1470210011265"] {
  display: none !important;
}