/* Flashlabs mobile layout repairs.
 * The exported Tilda markup keeps the approved desktop artboards intact.
 * These overrides replace only the mobile product card and shared CTA artboards.
 */

@media screen and (max-width: 767px) {
  html,
  body,
  .t-body,
  .t-records {
    max-width: 100%;
    overflow-x: hidden;
  }

  /* Tilda adds an inline zoom value after page init. It must not rescale the
   * repaired mobile coordinates a second time. */
  :is(
      #rec779527447,
      #rec779487203,
      #rec779487212,
      #rec735765832,
      #rec779487207,
      #rec779500598
    ) .tn-elem {
    zoom: 1 !important;
  }

  /* Product detail: heading and SKU lead, followed by gallery and order data. */
  #rec779527447 {
    --zoom: 1 !important;
    height: 1010px !important;
  }

  #rec779527447 .t396,
  #rec779527447 .t396__artboard,
  #rec779527447 .t396__carrier,
  #rec779527447 .t396__filter {
    height: 1010px !important;
    min-height: 1010px !important;
  }

  #rec779527447 .t396__artboard {
    overflow: hidden !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1711580144588"] {
    top: 24px !important;
    left: 10px !important;
    width: calc(100% - 20px) !important;
    height: 962px !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1711580144588"] .tn-atom {
    height: 962px !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722259373578"] {
    top: 148px !important;
    left: calc(50% - 195px) !important;
    width: 390px !important;
    height: 450px !important;
    transform: scale(calc((100vw - 56px) / 390px)) !important;
    transform-origin: top center !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722259373578"] .tn-atom {
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722259373578"] .tn-atom__slds-img {
    background-position: center !important;
    background-size: cover !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722259964740"] {
    top: 52px !important;
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: auto !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722259964740"] .tn-atom {
    font-size: clamp(25px, 7.8vw, 38px) !important;
    line-height: 1.05 !important;
    text-align: left !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722259964733"] {
    top: 103px !important;
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: auto !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722260576369"] {
    top: 630px !important;
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: auto !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722260406639"] {
    top: 670px !important;
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: auto !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722260406639"] .tn-atom {
    font-size: 15px !important;
    line-height: 1.3 !important;
    color: #56616b !important;
    opacity: 1 !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1711592174972"],
  #rec779527447 .tn-elem[data-elem-id="1722261120002"],
  #rec779527447 .tn-elem[data-elem-id="1722260869728"],
  #rec779527447 .tn-elem[data-elem-id="1722261136771"] {
    display: none !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722262440462"] {
    top: 930px !important;
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: 56px !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722262440462"] .tn-atom {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 56px;
  }

  /* Catalog intro: keep the existing staggered collage, but remove the
   * oversized empty tail before the category controls. */
  #rec779487203 {
    --zoom: 1 !important;
    --intro-col: min(calc((100% - 80px) / 2), 160px);
    height: 812px !important;
  }

  #rec779487203 .t396,
  #rec779487203 .t396__artboard,
  #rec779487203 .t396__carrier,
  #rec779487203 .t396__filter {
    height: 812px !important;
    min-height: 812px !important;
  }

  #rec779487203 .t396__artboard {
    overflow: hidden !important;
  }

  #rec779487203 .tn-elem[data-elem-id="1711580144588"],
  #rec779487203 .tn-elem[data-elem-id="1711580144588"] .tn-atom {
    left: 10px !important;
    width: calc(100% - 20px) !important;
    height: 500px !important;
  }

  #rec779487203
    .tn-elem:is(
      [data-elem-id="1711592014747"],
      [data-elem-id="1711592137438"],
      [data-elem-id="1711592153653"],
      [data-elem-id="1711592153657"],
      [data-elem-id="1711592174972"],
      [data-elem-id="1711592195644"]
    ) {
    display: block !important;
    width: var(--intro-col) !important;
    height: auto !important;
  }

  #rec779487203
    .tn-elem:is(
      [data-elem-id="1711592137438"],
      [data-elem-id="1711592174972"],
      [data-elem-id="1711592195644"]
    ),
  #rec779487203 .tn-elem[data-elem-id="1711592599534"] {
    left: calc(50% - var(--intro-col) - 10px) !important;
  }

  #rec779487203
    .tn-elem:is(
      [data-elem-id="1711592014747"],
      [data-elem-id="1711592153653"],
      [data-elem-id="1711592153657"]
    ) {
    left: calc(50% + 10px) !important;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592195644"] {
    top: 46px !important;
    aspect-ratio: 140 / 76;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592599534"] {
    top: 71px !important;
    width: var(--intro-col) !important;
    height: auto !important;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592014747"] {
    top: 46px !important;
    aspect-ratio: 140 / 164;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592174972"] {
    top: 143px !important;
    aspect-ratio: 140 / 170;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592153657"] {
    top: 234px !important;
    aspect-ratio: 140 / 115;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592137438"] {
    top: 337px !important;
    aspect-ratio: 140 / 149;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592153653"] {
    top: 372px !important;
    aspect-ratio: 140 / 113;
  }

  #rec779487203
    .tn-elem:is(
      [data-elem-id="1711592014747"],
      [data-elem-id="1711592137438"],
      [data-elem-id="1711592153653"],
      [data-elem-id="1711592153657"],
      [data-elem-id="1711592174972"],
      [data-elem-id="1711592195644"]
    )
    .tn-atom {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  #rec779487203
    .tn-elem:is(
      [data-elem-id="1711592014747"],
      [data-elem-id="1711592137438"],
      [data-elem-id="1711592153653"],
      [data-elem-id="1711592153657"],
      [data-elem-id="1711592174972"]
    )
    .tn-atom {
    border-radius: 10px !important;
    background-position: center !important;
    background-size: cover !important;
  }

  #rec779487203 .tn-elem[data-elem-id="1711590987566"] {
    top: 570px !important;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592366479"] {
    top: 590px !important;
  }

  #rec779487203 .tn-elem[data-elem-id="1711591593157"] {
    top: 653px !important;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592407999"] {
    top: 673px !important;
  }

  #rec779487203 .tn-elem[data-elem-id="1711591597213"] {
    top: 735px !important;
  }

  #rec779487203 .tn-elem[data-elem-id="1711592425066"] {
    top: 755px !important;
  }

  #rec779487203
    .tn-elem:is(
      [data-elem-id="1711590987566"],
      [data-elem-id="1711591593157"],
      [data-elem-id="1711591597213"]
    ) {
    left: 10px !important;
    width: calc(100% - 20px) !important;
    height: 59px !important;
  }

  #rec779487203
    .tn-elem:is(
      [data-elem-id="1711592366479"],
      [data-elem-id="1711592407999"],
      [data-elem-id="1711592425066"]
    ) {
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: auto !important;
  }

  /* Catalog: replace the exported staggered canvas with three clear product cards. */
  #rec779487212 {
    --zoom: 1 !important;
    height: 1160px !important;
  }

  #rec779487212 .t396,
  #rec779487212 .t396__artboard,
  #rec779487212 .t396__carrier,
  #rec779487212 .t396__filter {
    height: 1160px !important;
    min-height: 1160px !important;
  }

  #rec779487212 .t396__artboard {
    overflow: hidden !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1711580144588"] {
    top: 20px !important;
    left: 10px !important;
    width: calc(100% - 20px) !important;
    height: 1120px !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1711580144588"] .tn-atom {
    height: 1120px !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1711593104985"] {
    top: 52px !important;
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: auto !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1711593104985"] .tn-atom {
    font-size: clamp(28px, 9vw, 42px) !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1712851997704"],
  #rec779487212 .tn-elem[data-elem-id="1722256480173"],
  #rec779487212 .tn-elem[data-elem-id="1722256480177"] {
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: 280px !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1712851997704"] {
    top: 130px !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1722256480173"] {
    top: 450px !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1722256480177"] {
    top: 770px !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1712851997704"] .tn-atom,
  #rec779487212 .tn-elem[data-elem-id="1722256480173"] .tn-atom,
  #rec779487212 .tn-elem[data-elem-id="1722256480177"] .tn-atom {
    position: relative;
    display: block;
    width: 100% !important;
    height: 280px !important;
    overflow: hidden;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 20px !important;
  }

  #rec779487212 .tn-elem[data-elem-id="1712851997704"] .tn-atom::after,
  #rec779487212 .tn-elem[data-elem-id="1722256480173"] .tn-atom::after,
  #rec779487212 .tn-elem[data-elem-id="1722256480177"] .tn-atom::after {
    position: absolute;
    right: 12px;
    bottom: 12px;
    left: 12px;
    box-sizing: border-box;
    padding: 13px 16px 11px;
    border-radius: 10px;
    background: #223140;
    color: #f0f0f0;
    font-family: "SONGERgrotesque", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.15;
    text-align: left;
  }

  #rec779487212 .tn-elem[data-elem-id="1712851997704"] .tn-atom::after {
    content: "KJ-480 · кожаная флешка";
  }

  #rec779487212 .tn-elem[data-elem-id="1722256480173"] .tn-atom::after {
    content: "ME-327 · металлическая флешка";
  }

  #rec779487212 .tn-elem[data-elem-id="1722256480177"] .tn-atom::after {
    content: "MiniK · мини-флешка";
  }

  #rec779487212 .tn-elem[data-elem-id="1712851997702"],
  #rec779487212 .tn-elem[data-elem-id="1712851997707"],
  #rec779487212 .tn-elem[data-elem-id="1722256480175"] {
    display: none !important;
  }

  /* Shared CTA: restore all three source images as a compact packaging
   * gallery, using the site's staggered/checkerboard rhythm. */
  :is(#rec735765832, #rec779487207, #rec779500598) {
    --zoom: 1 !important;
    height: 650px !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .t396,
  :is(#rec735765832, #rec779487207, #rec779500598) .t396__artboard,
  :is(#rec735765832, #rec779487207, #rec779500598) .t396__carrier,
  :is(#rec735765832, #rec779487207, #rec779500598) .t396__filter {
    height: 650px !important;
    min-height: 650px !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .t396__artboard {
    overflow: hidden !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711580144588"] {
    top: 22px !important;
    left: 10px !important;
    width: calc(100% - 20px) !important;
    height: 606px !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711592153653"] {
    top: 190px !important;
    left: 30px !important;
    width: calc(56% - 39px) !important;
    height: 260px !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711592153657"],
  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711592174972"] {
    display: table !important;
    left: calc(56% + 3px) !important;
    width: calc(44% - 33px) !important;
    height: 124px !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711592153657"] {
    top: 190px !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711592174972"] {
    top: 326px !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598)
    .tn-elem:is(
      [data-elem-id="1711592153653"],
      [data-elem-id="1711592153657"],
      [data-elem-id="1711592174972"]
    )
    .tn-atom {
    overflow: hidden !important;
    border-radius: 12px !important;
    background-position: center !important;
    background-size: cover !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598)
    .tn-elem[data-elem-id="1711592153653"]
    .tn-atom {
    background-position: center 63% !important;
    background-size: 165% auto !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711593104981"] {
    top: 52px !important;
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: auto !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711593104981"] .tn-atom {
    font-size: clamp(28px, 8vw, 36px) !important;
    line-height: 1.05 !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711593104984"] {
    top: 132px !important;
    left: 30px !important;
    width: calc(100% - 60px) !important;
    height: auto !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711593104984"] .tn-atom {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711593274439"] {
    top: 514px !important;
    left: 30px !important;
    width: 158px !important;
    height: 56px !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711593104985"] {
    top: 531px !important;
    left: 30px !important;
    width: 158px !important;
    height: auto !important;
  }

  :is(#rec735765832, #rec779487207, #rec779500598) .tn-elem[data-elem-id="1711593104985"] .tn-atom {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 446px) and (max-width: 767px) {
  #rec779527447 .tn-elem[data-elem-id="1722259373578"] {
    left: calc(50% - 195px) !important;
    transform: none !important;
  }
}

@media screen and (max-width: 445px) {
  #rec779527447 {
    height: 960px !important;
  }

  #rec779527447 .t396,
  #rec779527447 .t396__artboard,
  #rec779527447 .t396__carrier,
  #rec779527447 .t396__filter {
    height: 960px !important;
    min-height: 960px !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1711580144588"],
  #rec779527447 .tn-elem[data-elem-id="1711580144588"] .tn-atom {
    height: 912px !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722260576369"] {
    top: calc(100vw + 170px) !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722260406639"] {
    top: calc(100vw + 210px) !important;
  }

  #rec779527447 .tn-elem[data-elem-id="1722262440462"] {
    top: 870px !important;
  }
}

@media screen and (max-width: 374px) {
  #rec779527447 .tn-elem[data-elem-id="1722262440462"] {
    top: 850px !important;
  }
}