/* КАПРИН — единый ритм главной. Тексты и цвета кнопок не меняет.
   Откат: убрать ссылку из index.html и этот файл. */
.hero { isolation: isolate; }
.hero .container { position: relative; z-index: 2; }

.trust-ribbon {
  background: #f6f6f4;
  padding: 18px 0 8px;
  border-bottom: 0;
}
.trust-ribbon-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.trust-ribbon-grid > div {
  background: #fff;
  border: 1px solid #e8e8e6;
  border-radius: 16px;
  padding: 16px 16px 14px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}
.trust-ribbon-grid b { display: block; font-size: 15px; margin-bottom: 4px; color: #171717; }
.trust-ribbon-grid span { color: #6b6b6b; font-size: 13.5px; line-height: 1.4; }

.section { padding: 40px 0; }
.section.alt { background: #f6f6f4; }
.tools-home,
.order-steps,
.hub-section { background: #f6f6f4; }
.sec-head { margin-bottom: 18px; }
.sec-head h2 { font-size: 26px; color: #171717; }
.sec-head p { color: #6b6b6b; }

.tool-mega {
  min-height: 0;
  padding: 22px 22px 20px;
  border-radius: 16px;
  border: 1px solid #e8e8e6;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
  background: #fff;
}
.tool-mega:hover { transform: none; box-shadow: 0 16px 32px rgba(15, 23, 42, .08); }
.tool-mini {
  border-radius: 16px !important;
  border: 1px solid #e8e8e6 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
  min-height: 148px;
}
.tool-mini:hover { transform: translateY(-2px); }

.step-card,
.adv-item,
.city-card {
  background: #fff;
  border: 1px solid #e8e8e6;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
  padding: 18px 16px;
}
.steps-grid { gap: 12px; }
.adv-grid { gap: 12px; }

.hub-card {
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}
.hub-brands .brand-chip {
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.about-grid {
  background: #fff;
  border: 1px solid #e8e8e6;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
  padding: 0;
}
.about-img img { width: 100%; height: 100%; object-fit: cover; }
.about-text { padding: 24px 22px; }

.cta-band {
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .12);
}

.prod-grid .card {
  border-radius: 16px;
  border: 1px solid #e8e8e6;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

@media (max-width: 900px) {
  .trust-ribbon-grid { grid-template-columns: 1fr 1fr; }
  .section { padding: 28px 0; }
}
@media (max-width: 560px) {
  .trust-ribbon-grid { grid-template-columns: 1fr; }
}