/* Product related (TODO 00001.5.15). FINAL design/product/inspiration/sections/related/r4/f2.png.
   The shelf (section 7 shelf line, section 8 related shelf variant): white ground, no cards, siblings of one
   category stand on one 1px slate hairline in equal columns, photos cut out on white and scaled by dial size;
   under the line, left aligned: navy name, slate range | dial line, slate material, navy price and the navy outline
   add to cart on one line. No AI marks (chosen by rules). Under 992 two across with a line under each photo. */
.p-product-related {
  --stage: 260px;
  box-sizing: border-box; background: var(--wp--preset--color--white);
  padding: var(--wp--custom--section--desktop) var(--wp--custom--gutter--desktop) var(--wp--preset--spacing--100);
}
.p-product-related *, .p-product-related *::before, .p-product-related *::after { box-sizing: border-box; }
/* Straight after the features strip (same white ground; the AI pairs band is gated off) the two read as one band:
   one section gap between them (guide section 6), not two paddings stacked. */
.p-product-features + .p-product-related { padding-top: 0; }
.p-product-related__inner { max-width: var(--wp--custom--layout--wide); margin-inline: auto; }
.p-product-related .p-product-related__inner > * { margin-block: 0; }
.p-product-related a:focus-visible, .p-product-related button:focus-visible {
  outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--orange); outline-offset: var(--wp--custom--focus--offset);
}
.p-product-related__head { display: flex; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--60); }
.p-product-related .p-product-related__title {
  margin: 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-related__all { margin: 0; flex: none; }
.p-product-related__all a {
  display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--30); min-height: var(--wp--custom--touch);
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--body); font-weight: 600; text-decoration: none;
}
.p-product-related__all .p-icon { transition: transform 0.2s cubic-bezier(.22, .61, .36, 1); }
@media (hover: hover) and (pointer: fine) { .p-product-related__all a:hover .p-icon { transform: translateX(3px); } }
.p-product-related .wp-block-woocommerce-product-collection { margin: var(--wp--preset--spacing--60) 0 0; }
.p-product-related .wc-block-product-template {
  position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 var(--wp--preset--spacing--60);
  margin: 0; padding: 0; list-style: none;
}
.p-product-related .wc-block-product-template::before {
  content: ""; position: absolute; left: 0; right: 0; top: var(--stage); height: 1px; background: var(--wp--preset--color--slate);
}
.p-product-related .wc-block-product { display: flex; flex-direction: column; margin: 0; padding: 0; width: auto !important; max-width: none !important; }
.p-product-related__photo { display: flex; align-items: flex-end; justify-content: center; height: var(--stage); }
.p-product-related__photo img { display: block; width: auto; max-width: 100%; height: var(--shelf-scale, 70%); object-fit: contain; margin: 0; }
.p-product-related__text { padding-top: var(--wp--preset--spacing--60); }
.p-product-related .p-product-related__text > * { margin-block: 0; }
.p-product-related .wp-block-post-title {
  margin: 0; font-size: var(--wp--preset--font-size--h-4); font-weight: 700; line-height: 1.3;
}
.p-product-related .wp-block-post-title a { color: var(--wp--preset--color--navy); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .p-product-related .wp-block-post-title a:hover { text-decoration: underline; } }
.p-product-related__line, .p-product-related__material {
  margin: var(--wp--preset--spacing--20) 0 0 !important; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--small); line-height: 1.5;
}
.p-product-related__line { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--wp--preset--spacing--30); }
.p-product-related__bar { display: inline-block; width: 1px; height: 14px; background: var(--wp--preset--color--slate); }
.p-product-related__material { margin-top: 0 !important; }
.p-product-related__buy { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60); margin-top: var(--wp--preset--spacing--50) !important; }
.p-product-related__buy > * { margin: 0 !important; }
.p-product-related .wc-block-components-product-price, .p-product-related .wc-block-components-product-price .amount {
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--price); font-weight: 700; line-height: 1.2; text-align: left;
}
.p-product-related .p-product-related__add .wp-element-button, .p-product-related .p-product-related__add .wp-block-button__link {
  min-height: 40px; padding: 0 var(--wp--preset--spacing--50); 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); line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
  .p-product-related .p-product-related__add .wp-element-button:hover { background: var(--wp--preset--color--navy); color: var(--wp--preset--color--white); }
}
.p-product-related__add { width: auto !important; margin: 0 !important; }
.p-product-related__add .added_to_cart { margin: var(--wp--preset--spacing--30) 0 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--small); }
@media (max-width: 991px) {
  .p-product-related { --stage: 220px; padding: var(--wp--custom--section--tablet) var(--wp--custom--gutter--tablet) var(--wp--preset--spacing--100); }
  .p-product-related .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--wp--preset--spacing--90); }
  .p-product-related .wc-block-product-template::before { display: none; }
  .p-product-related__photo { border-bottom: 1px solid var(--wp--preset--color--slate); }
}
@media (max-width: 599px) {
  .p-product-related { --stage: 100px; padding: var(--wp--custom--section--phone) var(--wp--custom--gutter--phone); }
  .p-product-related .wp-block-woocommerce-product-collection { margin-top: var(--wp--preset--spacing--30); }
  .p-product-related .wc-block-product-template { column-gap: var(--wp--preset--spacing--50); }
  .p-product-related__head { flex-direction: column; align-items: flex-start; gap: var(--wp--preset--spacing--30); }
  body.single-product { padding-bottom: 80px; }
}