body {
  background-color:  #ffffff;
  margin: 0;
    padding: 0 10px;  border: 0;
  list-style: none;
  font-family: 'Futura PT' ;
  -webkit-text-size-adjust: 100% !important;
  color: #111;
  background: #fff;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
}

.main {
  font-family:'Futura PT';
  font-weight: 900;
  font-size: 1rem;
  line-height: 1em;
  color: #b0151e;
  font-weight: bold;
}	

.top {
  font-family: 'Futura PT';
  line-height: 1em;
}	

.fixed{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
}
.fixed_block {
  margin: 0;
  transition: transform 0.25s ease;
}
.toptop {
opacity: 0;
transform: translateY(-100%);
transition: transform 0.3s ease, opacity 0.2s ease;
  
  transition: 
    transform 0.90s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.25s ease;
}

/* появление */
body.at-top .toptop {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.toptop.show {
  opacity: 1;
  transform: translateY(0);
}
.note {
  font-size: 1rem;
  color: #181818;
  margin-top: 12px;
  font-style: strong;
}
.back1 {font-size: 25pt; line-height: 20pt; text-decoration: none;}
.back {font-size: 19pt;	line-height: 8pt; text-decoration: none;}
.copy {font-size: 20px;	line-height: 8pt; text-decoration: none;}
.copyTopMenu {font-size: 11pt;	line-height: 8pt;}
.header {font-family: 'Futura PT'; font-size: 15pt; color: #000000;} 
.head {font-family: 'Futura PT'; font-weight: 600; font-style: bolder; color: rgb(104, 104, 104);}
.head2 {font-size: 11pt; color: #000000}
.text1 {font-size: 16pt; line-height: 18pt;}

h1 {font-weight: 500; font-size: 33px;}
h2 {font-weight: 500; font-size: 33px;}
h3 {font-size: 25px; font-weight: normal;}
h4 {font-size: 12px; font-weight: normal;}

hr { border: 0px; border-top: 1px solid #c0c0c0;}
b { color: rgb(104, 104, 104)}
strong { color: rgb(104, 104, 104)}

a:link {
  text-decoration: none;
  color: #333;
}
a:visited {
  text-decoration: none;
  color: #333;
}
a:hover {
  text-decoration: underline;
  color: #b0151e;
}
a:active {
  text-decoration: underline;
  color: #777;
}

.entry-date {
  color: #BBB;
  display: block;
  font-family: MuseoSansCyrl-300;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 12px;
  line-height: normal;
  margin-bottom: -15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding: 0;
  position: static;
  text-align: left;
}

.dark-block {
  background-color: #000;
  color: #fff;
  border-radius: 12px;
  padding: 20px;
  max-width: 900px;
  margin: 20px auto;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

.dark-block h1 {
  text-align: left;
  margin-bottom: 10px;
}

.dark-block p {
  text-align: left;
}

.dark-block .content {
  text-align: left;
  line-height: 1.6;
}

.gray-block {
  background-color: #eee;
  color: #000;
  border-radius: 12px;
  padding: 20px;
  max-width: 900px;
  margin: 20px auto;
  box-shadow: 0 1px 10px rgba(143, 143, 143, 0.5);
}

.gray-block h1 {
  text-align: left;
  margin-bottom: 10px;
}

.gray-block p {
  text-align: left;
}

.gray-block .content {
  text-align: left;
  line-height: 1.6;
}

.white-block {
  color: #000;
  border-radius: 12px;
  padding: 20px;
  max-width: 900px;
  margin: 20px auto;
  box-shadow: 0 1px 3px rgba(44, 44, 44, 0.5);
}

.white-block h1 {
  text-align: left;
  margin-bottom: 10px;
}

.white-block p {
  text-align: left;
}

.white-block .content {
  text-align: left;
  line-height: 1.6;
}

/* блокируем скролл */
body.menu-open {
  overflow: hidden;
}

/* header */
.top-menu {
  position: relative;
  z-index: 9999999;
  background: rgba(252, 252, 252, 0.70);
  backdrop-filter: blur(5px);
  padding: 15px 40px;
  margin: 0px;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(138, 138, 138, 0.5);
.top-menu .logo {
    display: block;
  }
    .menu-open .top-menu .logo {
    display: none;
  }

  .menu-open .top-menu .logo {
    display: none;
  }
}

.top-menu .logo {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.menu-open .top-menu .logo {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu {
  display: flex;
  gap: 25px;
  list-style: none;
}

/* бургер */
.menu-toggle {
  width: 40px;
  height: 32px;
  position: relative;
  cursor: pointer;
}

.menu-toggle span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1.5px;
  background: #000;
  transition: all 0.3s ease;
}

.menu-toggle span:nth-child(1) { top: 0; }
.menu-toggle span:nth-child(2) { top: 10px; }
.menu-toggle span:nth-child(3) { top: 20px; }

.menu-open .menu-toggle span:nth-child(1) {
  transform: rotate(45deg);
  top: 9px;
}

.menu-open .menu-toggle span:nth-child(2) {
  opacity: 0;
}

.menu-open .menu-toggle span:nth-child(3) {
  transform: rotate(-45deg);
  top: 9px;
}

/* overlay */
.menu-overlay {
  position: fixed;
  line-height: 0.9;
  inset: 0;
  background: rgba(255,255,255,0.90);
  backdrop-filter: blur(20px);
  display: flex;
  align-items:  center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
  z-index: 1500;
}

.menu-overlay.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.menu-overlay .menu {
  flex-direction: column;
  gap: 18px;
  text-align: left;
  padding: 0;
  margin: 0;
}

.menu-overlay .menu a {
  font-size: 28px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.25s ease, opacity 0.25s;
}

.menu-overlay .menu a {
  font-size: 4vh;
}

.menu-overlay .menu a:hover {
  transform: scale(1.05);
  opacity: 0.7;
}

/* анимация */
.menu-overlay .menu li {
  opacity: 0;
  transform: translateY(30px);
}

.menu-overlay.active .menu li {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.8s ease;
}

.menu-overlay.active .menu li:nth-child(1) { transition-delay: 0.1s; }
.menu-overlay.active .menu li:nth-child(2) { transition-delay: 0.18s; }
.menu-overlay.active .menu li:nth-child(3) { transition-delay: 0.26s; }
.menu-overlay.active .menu li:nth-child(4) { transition-delay: 0.34s; }

/* media */
@media (max-width: 1000px) {
  .menu-toggle {
    display: block;
  }
}

/* ========== ГЛОБАЛЬНАЯ АДАПТАЦИЯ (ДОБАВЛЕНО) ========== */
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    
}

.container {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding: 0 16px;
}



td, th {
    white-space: normal;
    word-break: break-word;
}

[width], [height] {
    max-width: 100%;
    height: auto;
}

.top-menu {
    padding: 5px 20px !important;
}

.hero-wrapper {
    top: 62px !important;
    border-radius: 7px;
}

@media (max-width: 768px) {
    body {
        font-size: 22px !important;
    }
    .container {
        width: 100%;

    }
    h1 {
        font-size: 23px !important;
    }
    
    .top-header__phone {
        font-size: 24px !important;
    }
    
    .top-header__address {
        font-size: 14px !important;
    }
    
    .white-block, .gray-block, .dark-block {
        width: 100%;
        margin: 20px 0;
        padding: 15px;
    }
    
    .menu-toggle {
        width: 44px;
        height: 32px;
    }
    
    .hero-wrapper {
        top: 46px !important;
        height: 300px !important;
    }
    
    .hero-logo img {
        width: 180px !important;
    }
    
    .photo.large {
        grid-column: span 1 !important;
    }
}

@media (max-width: 480px) {
    .hero-wrapper {
        height: 200px !important;
    }
    
    .hero-logo img {
        width: 140px !important;
        top: 5px;
        left: 5px;
    }
    
    .top-header__phone a img {
        width: 28px !important;
    }
}

.back img, .copy img {
    max-width: 100%;
    height: auto;
    width: auto;
}

img[width="920"] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 16px auto;
}
/* ========== ДЕСКТОП — РАЗМЕР ШРИФТА ========== */
@media (min-width: 1000px) {
    body {
        font-size: 18px;   /* ← МЕНЯЙТЕ ЭТО ЗНАЧЕНИЕ */
    }
    
    h1 {
        font-size: 36px;
    }
    
    p, .text1 {
        font-size: 1.3rem;
        line-height: 1.3;
    }
    
}