/* Product AI pairs (TODO 00001.5.15). FINAL design/product/inspiration/sections/ai-pairs/r4/f2.png.
   Full-width ai-surface band, no cards: AI RECOMMENDATIONS label with the spark, navy H2, a lead naming the source,
   Ask a different question at right, three open columns divided by 1px line rules, each led by its reason as a navy
   sentence behind a 2px ai rule, under it a compact row of photo, name, navy price and the navy outline add to cart;
   a small source line closes the band (section 8 AI recommendations, Product pairs variant). Rendered only while
   norvane_ai_recs_live is set (functions.php norvane_ai_recs_on). */
.p-product-ai-pairs {
  box-sizing: border-box; background: var(--wp--preset--color--ai-surface);
  padding: var(--wp--preset--spacing--100) var(--wp--custom--gutter--desktop) var(--wp--preset--spacing--80);
}
.p-product-ai-pairs *, .p-product-ai-pairs *::before, .p-product-ai-pairs *::after { box-sizing: border-box; }
.p-product-ai-pairs__inner { max-width: var(--wp--custom--layout--wide); margin-inline: auto; }
.p-product-ai-pairs p { margin: 0; }
.p-product-ai-pairs a:focus-visible { outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--navy); outline-offset: var(--wp--custom--focus--offset); }
.p-product-ai-pairs__head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--wp--preset--spacing--60); }
.p-product-ai-pairs .p-product-ai-pairs__label {
  display: flex; align-items: center; gap: var(--wp--preset--spacing--30); color: var(--wp--preset--color--ai);
  font-size: var(--wp--preset--font-size--label); font-weight: var(--wp--custom--font-weight--label);
  letter-spacing: var(--wp--custom--letter-spacing--label); line-height: 1.3; text-transform: uppercase;
}
.p-product-ai-pairs .p-product-ai-pairs__title {
  margin: var(--wp--preset--spacing--40) 0 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-2);
  font-weight: var(--wp--custom--font-weight--h-2); letter-spacing: var(--wp--custom--letter-spacing--h-2); line-height: 1.15;
}
.p-product-ai-pairs .p-product-ai-pairs__lead { margin-top: var(--wp--preset--spacing--30); color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--body); line-height: 1.6; }
.p-product-ai-pairs__ask a {
  display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--30); min-height: var(--wp--custom--touch);
  color: var(--wp--preset--color--ai); font-size: var(--wp--preset--font-size--small); font-weight: 600; text-underline-offset: 4px;
}
.p-product-ai-pairs__list {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--wp--preset--spacing--80) 0 0; padding: 0; list-style: none;
}
.p-product-ai-pairs__item { display: flex; flex-direction: column; justify-content: space-between; gap: var(--wp--preset--spacing--60); padding: 0 var(--wp--preset--spacing--70); }
.p-product-ai-pairs__item:first-child { padding-left: 0; }
.p-product-ai-pairs__item:last-child { padding-right: 0; }
.p-product-ai-pairs__item + .p-product-ai-pairs__item { border-left: 1px solid var(--wp--preset--color--line); }
.p-product-ai-pairs .p-product-ai-pairs__reason {
  margin: 0; padding-left: var(--wp--preset--spacing--50); border-left: 2px solid var(--wp--preset--color--ai);
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-3); font-weight: var(--wp--custom--font-weight--h-3); line-height: 1.25;
}
.p-product-ai-pairs__part { display: grid; grid-template-columns: 120px minmax(0, 1fr); column-gap: var(--wp--preset--spacing--50); align-items: center; }
.p-product-ai-pairs__photo { display: block; aspect-ratio: 6 / 5; overflow: hidden; background: var(--wp--preset--color--mist); border-radius: var(--wp--custom--radius--default); }
.p-product-ai-pairs__photo img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; }
.p-product-ai-pairs__name a { color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--body); font-weight: 700; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .p-product-ai-pairs__name a:hover { text-decoration: underline; } }
.p-product-ai-pairs__price, .p-product-ai-pairs__price .amount { margin-top: var(--wp--preset--spacing--20) !important; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--body); font-weight: 600; }
.p-product-ai-pairs__add {
  display: inline-flex; align-items: center; justify-content: center; min-height: 40px; margin-top: var(--wp--preset--spacing--40);
  padding: 0 var(--wp--preset--spacing--60); background: var(--wp--preset--color--white); color: var(--wp--preset--color--navy);
  border: 1px solid var(--wp--preset--color--navy); border-radius: var(--wp--custom--radius--default);
  font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--button); text-decoration: none;
}
@media (hover: hover) and (pointer: fine) { .p-product-ai-pairs__add:hover { background: var(--wp--preset--color--navy); color: var(--wp--preset--color--white); } }
.p-product-ai-pairs .added_to_cart { display: inline-flex; margin: var(--wp--preset--spacing--40) 0 0 var(--wp--preset--spacing--40); color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--small); }
.p-product-ai-pairs .p-product-ai-pairs__source { margin-top: var(--wp--preset--spacing--80); color: var(--wp--preset--color--ai); font-size: var(--wp--preset--font-size--small); line-height: 1.5; }
@media (max-width: 1199px) {
  .p-product-ai-pairs__part { grid-template-columns: minmax(0, 1fr); row-gap: var(--wp--preset--spacing--40); }
  .p-product-ai-pairs__photo { width: 120px; }
}
.p-product-ai-pairs__add { white-space: nowrap; }
@media (max-width: 991px) {
  .p-product-ai-pairs__part { grid-template-columns: 120px minmax(0, 1fr); }
  .p-product-ai-pairs { padding: var(--wp--custom--section--tablet) var(--wp--custom--gutter--tablet) var(--wp--preset--spacing--80); }
  .p-product-ai-pairs__head { flex-direction: column; align-items: flex-start; }
  .p-product-ai-pairs__list { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .p-product-ai-pairs__item, .p-product-ai-pairs__item:first-child, .p-product-ai-pairs__item:last-child { padding: var(--wp--preset--spacing--60) 0; }
  .p-product-ai-pairs__item + .p-product-ai-pairs__item { border-left: 0; border-top: 1px solid var(--wp--preset--color--line); }
}
@media (max-width: 599px) {
  .p-product-ai-pairs { padding: var(--wp--custom--section--phone) var(--wp--custom--gutter--phone) var(--wp--preset--spacing--70); }
  .p-product-ai-pairs__part { grid-template-columns: 96px minmax(0, 1fr); }
}