*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;line-height:1.6;color:#333}
header{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:fixed;width:100%;top:0;z-index:999}
nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}
.logo{font-size:1.5rem;font-weight:700;color:#2c5f7c}
.nav-links{display:flex;list-style:none;gap:2rem}
.nav-links a{text-decoration:none;color:#333;font-weight:500}
.nav-links a:hover{color:#2c5f7c}
.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}
.hero{background:linear-gradient(135deg,#a8d5e2,#d4e9f2);padding:120px 2rem 80px;margin-top:70px}
.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 0.5fr;gap:3rem;align-items:center}
.hero h1{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;text-transform:uppercase}
.hero p{font-size:1.2rem;margin-bottom:1.5rem}
.molecule{font-size:8rem;text-align:center}
.btn{display:inline-block;background:#2c5f7c;color:#fff;padding:1rem 2rem;text-decoration:none;border-radius:5px;font-weight:600;border:none;cursor:pointer}
.btn:hover{background:#1e4a5f}
section{padding:3rem 2rem;max-width:1200px;margin:0 auto}
section h2{font-size:2rem;color:#2c3e50;margin-bottom:2rem;text-align:center;text-transform:uppercase}
.about{background:#f8f9fa}
.about p{margin-bottom:1rem;text-align:justify}
.priorities{margin-top:2rem}
.priorities ul{list-style:none}
.priorities li{padding:0.5rem 0;padding-left:1.5rem;position:relative}
.priorities li::before{content:"•";position:absolute;left:0;color:#2c5f7c;font-size:1.5rem}
.catalog-category{margin-bottom:3rem}
.catalog-category h3{background:linear-gradient(135deg,#a8d5e2,#d4e9f2);padding:1rem;border-radius:5px;text-align:center;margin-bottom:1rem}
.subsection-title{color:#2c5f7c;font-size:1.1rem;margin:1.5rem 0 1rem;font-weight:600}
.product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}
.product-item{background:#f8f9fa;padding:1rem;border-radius:5px;border:1px solid #e0e0e0}
.product-item:hover{background:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.1)}
.contact-form{background:linear-gradient(135deg,#a8d5e2,#d4e9f2)}
.form-container{max-width:600px;margin:0 auto;background:#fff;padding:2rem;border-radius:10px}
.form-group{margin-bottom:1rem}
.form-group input{width:100%;padding:0.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}
.privacy{font-size:0.9rem;color:#666;margin:1rem 0;text-align:center}
.privacy a{color:#2c5f7c;text-decoration:none}
.contacts{background:#fff}
.contact-info{text-align:center;font-size:1.1rem;line-height:2}
.contact-info a{color:#2c5f7c;text-decoration:none}
.map-container{margin-top:2rem;width:100%;height:400px;border-radius:10px;overflow:hidden}
.map-container iframe{width:100%;height:100%;border:0}
footer{background:#2c3e50;color:#fff;text-align:center;padding:2rem}
@media(max-width:768px){
.menu-toggle{display:block}
.nav-links{display:none}
.hero-content{grid-template-columns:1fr}
.molecule{font-size:4rem}
.product-list{grid-template-columns:1fr}
}
.logo img {
    width: 100%;
    height: 100%;
    max-width: 200px;
    object-fit: contain;
  }

  .slider {
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    scroll-snap-align: start;
  }

  .slider img {
    width: 100px;
    height: 100%;
  
  }
/* ---------- */

  .reagents-accordion {
    max-width: 960px;
    margin: 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  
  /* Базовый контейнер details */
  .reagents-item {
    border: 1px solid #e0e4ea;
    border-radius: 6px;
    margin-bottom: 12px;
    background-color: #f7f9fc;
    overflow: hidden;
  }
  
  /* Убираем стандартный маркер summary */
  .reagents-summary {
    list-style: none;
  }
  
  .reagents-summary::-webkit-details-marker {
    display: none;
  }
  
  /* Заголовок */
  .reagents-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 14px 18px;
    font-weight: 600;
    font-size: 16px;
    color: #1b2838;
    user-select: none;
  }
  
  /* Иконка-стрелка */
  .reagents-icon {
    width: 12px;
    height: 12px;
    border-right: 2px solid #1b2838;
    border-bottom: 2px solid #1b2838;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
  }
  
  /* Поворот стрелки при открытом details */
  .reagents-item[open] .reagents-icon {
    transform: rotate(225deg);
  }
  
  /* Ховер по заголовку */
  .reagents-summary:hover {
    background-color: #edf2f9;
  }
  
  /* Фокус для клавиатуры (важно для доступности) */
  .reagents-summary:focus {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
  }
  
  /* Контент */
  .reagents-content {
    padding: 0 18px 16px 18px;
    font-size: 14px;
    line-height: 1.5;
    color: #2b3a4a;
  }
  
  /* Небольшая анимация раскрытия */
  .reagents-item {
    transition: border-color 0.2s ease, background-color 0.2s ease;
  }
  
  .reagents-item[open] {
    border-color: #c0d2f5;
    background-color: #ffffff;
  }
  
  /* Отступы внутри контента */
  .reagents-content p {
    margin: 10px 0;
  }
  
  .reagents-content ul {
    margin: 6px 0 0 18px;
    padding: 0;
  }
  
  .reagents-content li {
    margin-bottom: 4px;
  }