/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2025 | 19:59:43 */
@media (max-width: 767px) {
  #blur-3 {
    position: relative;
    width: 100%;
    aspect-ratio: 353.88 / 295; /* или просто задать высоту, если aspect-ratio не поддерживается */
    max-width: 100%;
    margin: 0 auto;
  }

  #blur-3 .cell {
    position: absolute;
    width: 33.3333%; /* три колонки */
    height: 25%;      /* четыре строки */
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid #FFFFFF12;
  }

  /* координаты через проценты */
  #blur-3 .cell:nth-child(1) {
    top: 0%;
    left: 0%;
    border-left: none;
    border-top: none;
    border-bottom: none;
  }

  /* 2 строка */
  #blur-3 .cell:nth-child(2) { top: 25%; left: 0%; }
  #blur-3 .cell:nth-child(3) {
    top: 25%; left: 33.3333%;
    border-top: none;
    border-right: none;
    border-bottom: none;
  }
  #blur-3 .cell:nth-child(4) {
    top: 25%; left: 66.6666%;
    border-top: none;
    border-left: none;
    border-right: none;
  }

  /* 3 строка */
  #blur-3 .cell:nth-child(5) {
    top: 50%; left: 0%;
    background: #FFFFFF03;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
  #blur-3 .cell:nth-child(6) {
    top: 50%; left: 33.3333%;
    border-top: none;
  }
  #blur-3 .cell:nth-child(7) {
    top: 50%; left: 66.6666%;
  }

  /* 4 строка */
  #blur-3 .cell:nth-child(8) {
    top: 75%; left: 0%;
    background: #FFFFFF03;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
  #blur-3 .cell:nth-child(9) {
    top: 75%; left: 33.3333%;
  }
  #blur-3 .cell:nth-child(10) {
    top: 75%; left: 66.6666%;
    background: #FFFFFF03;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
}