.ai-search-block{background:#f6f2eb;margin:48px auto;padding:34px 0;color:#172635}.ai-search-block__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:32px;align-items:start}.ai-search-block h2{font-size:clamp(28px,3.2vw,48px);line-height:1.05;margin:0 0 18px;text-transform:uppercase}.ai-search-block p{font-size:18px;line-height:1.55;margin:0 0 18px}.ai-search-block__facts{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.ai-search-block__facts li{background:#fff;padding:12px 16px;border-left:3px solid #8c967e}.ai-search-block__faq{display:grid;gap:12px}.ai-search-block details{background:#fff;padding:16px 18px;border:1px solid rgba(23,38,53,.12)}.ai-search-block summary{cursor:pointer;font-weight:600}.ai-search-block details p{font-size:16px;margin:12px 0 0}@media(max-width:860px){.ai-search-block__grid{grid-template-columns:1fr}.ai-search-block{margin:32px auto;padding:28px 0}}
.commercial-intent-block{background:#fff;margin:44px auto;padding:38px 0;color:#172635}.commercial-intent-block__head{max-width:920px;margin:0 auto 26px;text-align:center}.commercial-intent-block__head h2{font-size:clamp(28px,3vw,44px);line-height:1.08;margin:0 0 14px;text-transform:uppercase}.commercial-intent-block__head p{font-size:18px;line-height:1.55;margin:0}.commercial-intent-block__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.commercial-intent-block__card{background:#f6f2eb;border:1px solid rgba(23,38,53,.1);padding:20px;min-height:100%}.commercial-intent-block__card h3{font-size:22px;line-height:1.15;margin:0 0 10px;text-transform:uppercase}.commercial-intent-block__card p{font-size:16px;line-height:1.5;margin:0 0 12px}.commercial-intent-block__card ul{display:grid;gap:8px;margin:0;padding-left:18px}.commercial-intent-block__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:24px}.commercial-intent-block__note{font-size:14px;line-height:1.45;color:rgba(23,38,53,.72);max-width:760px;text-align:center}.commercial-intent-block__faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.commercial-intent-block details{background:#f6f2eb;border:1px solid rgba(23,38,53,.12);padding:16px 18px}.commercial-intent-block summary{cursor:pointer;font-weight:600}.commercial-intent-block details p{font-size:16px;line-height:1.5;margin:12px 0 0}@media(max-width:980px){.commercial-intent-block__grid,.commercial-intent-block__faq{grid-template-columns:1fr 1fr}}@media(max-width:640px){.commercial-intent-block{margin:32px auto;padding:30px 0}.commercial-intent-block__grid,.commercial-intent-block__faq{grid-template-columns:1fr}.commercial-intent-block__cta .btn{width:100%}.commercial-intent-block__note{text-align:left}}
.commercial-intent-block h2,
.commercial-intent-block h3 {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  letter-spacing: .01em;
}

/* Visual polish for AI/search answer blocks, 2026-08-12 */
.ai-search-block {
  --eva-ai-ink: #172635;
  --eva-ai-muted: rgba(23, 38, 53, .72);
  --eva-ai-paper: #fbfaf6;
  --eva-ai-cream: #f4efe6;
  --eva-ai-sage: #8c967e;
  --eva-ai-gold: #c4a45e;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 9% 14%, rgba(196, 164, 94, .18) 0 120px, transparent 121px),
    radial-gradient(circle at 88% 22%, rgba(140, 150, 126, .18) 0 170px, transparent 171px),
    linear-gradient(135deg, #fbf8f1 0%, #f3ede4 48%, #eee7dc 100%);
  margin: 56px auto;
  padding: 56px 0;
  color: var(--eva-ai-ink);
}

.ai-search-block:before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(23, 38, 53, .08);
  pointer-events: none;
}

.ai-search-block__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
}

.ai-search-block__grid > div:first-child,
.ai-search-block__faq {
  background: rgba(255, 255, 255, .68);
  border: 1px solid rgba(23, 38, 53, .1);
  box-shadow: 0 20px 50px rgba(23, 38, 53, .08);
  backdrop-filter: blur(4px);
}

.ai-search-block__grid > div:first-child {
  padding: clamp(26px, 3vw, 42px);
  border-left: 5px solid var(--eva-ai-sage);
}

.ai-search-block__grid > div:first-child:before {
  content: "Коротко о формате";
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 11px 6px;
  border: 1px solid rgba(140, 150, 126, .36);
  background: rgba(255, 255, 255, .55);
  color: var(--eva-ai-muted);
  font: 600 12px/1 "Roboto Flex", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ai-search-block h2 {
  max-width: 760px;
  margin: 0 0 18px;
  color: var(--eva-ai-ink);
  font-family: "Roboto Flex", sans-serif;
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 1.08;
  text-transform: uppercase;
}

.ai-search-block p {
  max-width: 800px;
  margin: 0 0 20px;
  color: var(--eva-ai-ink);
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.65;
}

.ai-search-block__facts {
  counter-reset: aiFact;
  display: grid;
  gap: 12px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.ai-search-block__facts li {
  counter-increment: aiFact;
  position: relative;
  min-height: 58px;
  padding: 15px 18px 15px 58px;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(23, 38, 53, .08);
  border-left: 0;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55);
}

.ai-search-block__facts li:before {
  content: counter(aiFact);
  position: absolute;
  left: 16px;
  top: 50%;
  width: 28px;
  height: 28px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--eva-ai-sage);
  color: #fff;
  font: 700 13px/1 "Roboto Flex", sans-serif;
}

.ai-search-block__faq {
  align-content: start;
  gap: 12px;
  padding: clamp(18px, 2.2vw, 28px);
}

.ai-search-block details {
  background: var(--eva-ai-paper);
  border: 1px solid rgba(23, 38, 53, .1);
  box-shadow: 0 10px 26px rgba(23, 38, 53, .045);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ai-search-block details[open] {
  border-color: rgba(140, 150, 126, .42);
  box-shadow: 0 16px 34px rgba(23, 38, 53, .08);
}

.ai-search-block details:hover {
  transform: translateY(-1px);
  border-color: rgba(140, 150, 126, .34);
}

.ai-search-block summary {
  position: relative;
  cursor: pointer;
  padding: 18px 52px 18px 20px;
  color: var(--eva-ai-ink);
  font: 650 clamp(15px, 1.1vw, 18px)/1.35 "Roboto Flex", sans-serif;
  list-style: none;
}

.ai-search-block summary::-webkit-details-marker {
  display: none;
}

.ai-search-block summary:after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 26px;
  height: 26px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  border: 1px solid rgba(23, 38, 53, .14);
  border-radius: 50%;
  color: var(--eva-ai-sage);
  font: 600 20px/1 "Roboto Flex", sans-serif;
}

.ai-search-block details[open] summary:after {
  content: "-";
}

.ai-search-block details p {
  margin: 0;
  padding: 0 20px 20px;
  color: var(--eva-ai-muted);
  font-size: 16px;
  line-height: 1.58;
}

@media (max-width: 860px) {
  .ai-search-block {
    margin: 36px auto;
    padding: 34px 0;
  }

  .ai-search-block:before {
    inset: 10px;
  }

  .ai-search-block__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ai-search-block__grid > div:first-child,
  .ai-search-block__faq {
    box-shadow: 0 14px 30px rgba(23, 38, 53, .07);
  }

  .ai-search-block__grid > div:first-child {
    padding: 24px 20px;
  }

  .ai-search-block h2 {
    font-size: clamp(26px, 8vw, 36px);
  }

  .ai-search-block__facts li {
    padding-right: 14px;
  }
}

/* Keep FAQ panel compact instead of stretching to the height of the text column. */
.ai-search-block__grid {
  align-items: start;
}

/* Compact catalogue-specific layout for the buffet boxes page. */
.mobile-buffet-page .ai-search-block {
  margin: 42px auto 34px;
  padding: 34px 0;
  background:
    linear-gradient(90deg, rgba(140, 150, 126, .12), transparent 32%),
    linear-gradient(135deg, #fbf8f1 0%, #f3ede4 100%);
}

.mobile-buffet-page .ai-search-block:before {
  inset: 12px;
}

.mobile-buffet-page .ai-search-block__grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: 24px;
}

.mobile-buffet-page .ai-search-block__grid > div:first-child,
.mobile-buffet-page .ai-search-block__faq {
  box-shadow: 0 14px 34px rgba(23, 38, 53, .06);
}

.mobile-buffet-page .ai-search-block__grid > div:first-child {
  padding: 28px 32px;
}

.mobile-buffet-page .ai-search-block h2 {
  margin-bottom: 14px;
  font-size: clamp(28px, 2.5vw, 42px);
}

.mobile-buffet-page .ai-search-block p {
  margin-bottom: 16px;
  font-size: 17px;
  line-height: 1.58;
}

.mobile-buffet-page .ai-search-block__facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.mobile-buffet-page .ai-search-block__facts li {
  min-height: 100%;
  padding: 46px 14px 14px;
  line-height: 1.38;
}

.mobile-buffet-page .ai-search-block__facts li:before {
  left: 14px;
  top: 14px;
  transform: none;
}

.mobile-buffet-page .ai-search-block__faq {
  padding: 18px;
}

.mobile-buffet-page .ai-search-block summary {
  padding: 16px 48px 16px 18px;
}

@media (max-width: 980px) {
  .mobile-buffet-page .ai-search-block__facts {
    grid-template-columns: 1fr;
  }

  .mobile-buffet-page .ai-search-block__facts li {
    padding: 15px 16px 15px 58px;
  }

  .mobile-buffet-page .ai-search-block__facts li:before {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width: 860px) {
  .mobile-buffet-page .ai-search-block {
    margin: 32px auto 26px;
    padding: 28px 0;
  }

  .mobile-buffet-page .ai-search-block__grid {
    grid-template-columns: 1fr;
  }

  .mobile-buffet-page .ai-search-block__grid > div:first-child {
    padding: 22px 20px;
  }
}

/* Unified final polish for every real AI/search answer block. */
.ai-search-block {
  margin: 42px auto 34px;
  padding: 38px 0;
  background:
    linear-gradient(90deg, rgba(140, 150, 126, .12), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(140, 150, 126, .14) 0 150px, transparent 151px),
    linear-gradient(135deg, #fbf8f1 0%, #f3ede4 100%);
}

.ai-search-block:before {
  inset: 12px;
}

.ai-search-block__grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: clamp(20px, 2.8vw, 30px);
  align-items: start;
}

.ai-search-block__grid > div:first-child,
.ai-search-block__faq {
  box-shadow: 0 14px 34px rgba(23, 38, 53, .06);
}

.ai-search-block__grid > div:first-child {
  padding: clamp(24px, 2.4vw, 34px);
}

.ai-search-block__grid > div:first-child:before {
  margin-bottom: 16px;
}

.ai-search-block h2 {
  margin-bottom: 14px;
  font-size: clamp(28px, 2.55vw, 44px);
}

.ai-search-block p {
  margin-bottom: 16px;
  font-size: clamp(16px, 1.15vw, 18px);
  line-height: 1.6;
}

.ai-search-block__facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.ai-search-block__facts li {
  min-height: 100%;
  padding: 46px 14px 14px;
  line-height: 1.38;
}

.ai-search-block__facts li:before {
  left: 14px;
  top: 14px;
  transform: none;
}

.ai-search-block__faq {
  padding: 18px;
}

.ai-search-block summary {
  padding: 16px 48px 16px 18px;
}

.ai-search-block details p {
  padding: 0 18px 18px;
}

@media (max-width: 980px) {
  .ai-search-block__facts {
    grid-template-columns: 1fr;
  }

  .ai-search-block__facts li {
    min-height: 58px;
    padding: 15px 16px 15px 58px;
  }

  .ai-search-block__facts li:before {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width: 860px) {
  .ai-search-block {
    margin: 32px auto 26px;
    padding: 28px 0;
  }

  .ai-search-block__grid {
    grid-template-columns: 1fr;
  }

  .ai-search-block__grid > div:first-child {
    padding: 22px 20px;
  }

  .ai-search-block h2 {
    font-size: clamp(26px, 7vw, 36px);
  }
}

/* Final premium styling for commercial SEO intent blocks. */
.commercial-intent-block {
  --eva-commercial-ink: #172635;
  --eva-commercial-muted: rgba(23, 38, 53, .7);
  --eva-commercial-cream: #f4efe6;
  --eva-commercial-paper: #fffdf8;
  --eva-commercial-sage: #8c967e;
  --eva-commercial-gold: #c4a45e;
  position: relative;
  overflow: hidden;
  margin: 54px auto;
  padding: 54px 0;
  background:
    radial-gradient(circle at 10% 18%, rgba(196, 164, 94, .14) 0 170px, transparent 171px),
    linear-gradient(135deg, #fbf8f1 0%, #f0eadf 100%);
  color: var(--eva-commercial-ink);
}

.commercial-intent-block:before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(23, 38, 53, .08);
  pointer-events: none;
}

.commercial-intent-block > .container {
  position: relative;
  display: grid;
  gap: 22px;
  padding-top: 0;
  padding-bottom: 0;
}

.commercial-intent-block__head {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(280px, .72fr);
  gap: clamp(20px, 3vw, 44px);
  align-items: end;
  max-width: none;
  margin: 0;
  padding: clamp(26px, 3vw, 38px);
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(23, 38, 53, .1);
  border-left: 5px solid var(--eva-commercial-sage);
  box-shadow: 0 18px 44px rgba(23, 38, 53, .07);
  text-align: left;
}

.commercial-intent-block__head:before {
  content: "Для выбора и расчета";
  grid-column: 1 / -1;
  justify-self: start;
  display: inline-flex;
  margin-bottom: -8px;
  padding: 7px 11px 6px;
  border: 1px solid rgba(140, 150, 126, .36);
  background: rgba(255, 255, 255, .62);
  color: var(--eva-commercial-muted);
  font: 600 12px/1 "Roboto Flex", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.commercial-intent-block__head h2 {
  margin: 0;
  color: var(--eva-commercial-ink);
  font-family: "Roboto Flex", sans-serif;
  font-size: clamp(30px, 3.1vw, 50px);
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 1.05;
  text-transform: uppercase;
}

.commercial-intent-block__head p {
  margin: 0;
  color: var(--eva-commercial-muted);
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.6;
}

.commercial-intent-block__grid {
  counter-reset: commercialStep;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.commercial-intent-block__card {
  counter-increment: commercialStep;
  position: relative;
  min-height: 100%;
  padding: 24px 22px 22px;
  background: rgba(255, 255, 255, .76);
  border: 1px solid rgba(23, 38, 53, .1);
  box-shadow: 0 12px 30px rgba(23, 38, 53, .055);
}

.commercial-intent-block__card:before {
  content: counter(commercialStep);
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--eva-commercial-sage);
  color: #fff;
  font: 700 14px/1 "Roboto Flex", sans-serif;
}

.commercial-intent-block__card h3 {
  margin: 0 0 10px;
  color: var(--eva-commercial-ink);
  font-family: "Roboto Flex", sans-serif;
  font-size: clamp(20px, 1.55vw, 25px);
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1.16;
  text-transform: uppercase;
}

.commercial-intent-block__card p,
.commercial-intent-block__card li {
  color: var(--eva-commercial-ink);
  font-size: 16px;
  line-height: 1.55;
}

.commercial-intent-block__card p {
  margin: 0;
}

.commercial-intent-block__card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
}

.commercial-intent-block__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
  padding: 22px clamp(22px, 2.5vw, 34px);
  background: #061d30;
  color: #fff;
  box-shadow: 0 18px 38px rgba(6, 29, 48, .16);
}

.commercial-intent-block__cta .btn {
  min-width: 240px;
  border-color: #fff;
}

.commercial-intent-block__cta .btn-primary {
  background: #fff;
  color: #061d30;
}

.commercial-intent-block__cta .btn-outline {
  color: #fff;
}

.commercial-intent-block__note {
  flex: 1 1 360px;
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
}

.commercial-intent-block__faq {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 0;
}

.commercial-intent-block details {
  background: var(--eva-commercial-paper);
  border: 1px solid rgba(23, 38, 53, .1);
  box-shadow: 0 10px 26px rgba(23, 38, 53, .045);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.commercial-intent-block details:hover,
.commercial-intent-block details[open] {
  transform: translateY(-1px);
  border-color: rgba(140, 150, 126, .36);
  box-shadow: 0 14px 32px rgba(23, 38, 53, .07);
}

.commercial-intent-block summary {
  position: relative;
  cursor: pointer;
  padding: 18px 52px 18px 20px;
  color: var(--eva-commercial-ink);
  font: 650 clamp(15px, 1.05vw, 17px)/1.35 "Roboto Flex", sans-serif;
  list-style: none;
}

.commercial-intent-block summary::-webkit-details-marker {
  display: none;
}

.commercial-intent-block summary:after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 26px;
  height: 26px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  border: 1px solid rgba(23, 38, 53, .14);
  border-radius: 50%;
  color: var(--eva-commercial-sage);
  font: 600 20px/1 "Roboto Flex", sans-serif;
}

.commercial-intent-block details[open] summary:after {
  content: "-";
}

.commercial-intent-block details p {
  margin: 0;
  padding: 0 20px 20px;
  color: var(--eva-commercial-muted);
  font-size: 16px;
  line-height: 1.55;
}

@media (max-width: 980px) {
  .commercial-intent-block__head,
  .commercial-intent-block__grid,
  .commercial-intent-block__faq {
    grid-template-columns: 1fr;
  }

  .commercial-intent-block__head:before {
    margin-bottom: 0;
  }
}

@media (max-width: 640px) {
  .commercial-intent-block {
    margin: 34px auto;
    padding: 30px 0;
  }

  .commercial-intent-block:before {
    inset: 10px;
  }

  .commercial-intent-block__head {
    padding: 24px 20px;
  }

  .commercial-intent-block__head h2 {
    font-size: clamp(26px, 7vw, 36px);
  }

  .commercial-intent-block__card {
    padding: 20px;
  }

  .commercial-intent-block__cta {
    display: grid;
    justify-items: stretch;
    padding: 20px;
  }

  .commercial-intent-block__cta .btn {
    width: 100%;
    min-width: 0;
  }
}

/* Messenger widget guard on small screens. */
@media (max-width: 640px) {
  .commercial-intent-block summary {
    padding-right: 72px;
  }

  .commercial-intent-block summary:after {
    right: 20px;
  }
}

/* Long CTA labels should wrap cleanly instead of looking squeezed. */
.commercial-intent-block__cta .btn {
  width: auto;
  min-width: min(320px, 100%);
  min-height: 56px;
  height: auto;
  white-space: normal;
}

.commercial-intent-block__cta .btn span {
  white-space: normal;
  line-height: 1.18;
  text-align: center;
}