/* Local preview: independently framed lists and product halves. */
.solution-directory{padding:24px;background:transparent}
.solution-columns{gap:18px;align-items:stretch}
.solution-column{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;padding:22px 14px;background:var(--portal-surface);min-width:0}
.solution-column h2{font-size:18px;letter-spacing:-.4px;margin-bottom:22px}
.solution-column .solution-list{flex:1;grid-template-rows:repeat(7,minmax(58px,1fr));gap:10px}
.solution-column .solution-row{min-height:58px;padding:10px 9px;gap:8px}
.solution-column .solution-row strong{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.solution-column .solution-mark{width:27px;height:27px;font-size:12px}.solution-column .solution-mark .icon{width:16px;height:16px}
.product-overview-row{grid-template-columns:.96fr 1.24fr;gap:24px;border:0;border-radius:0;background:transparent;overflow:visible;min-height:0;align-items:stretch}
.product-overview-image{border:1px solid var(--line);border-radius:22px;min-height:400px;overflow:hidden;align-self:stretch}
.product-overview-copy{border:1px solid var(--line);border-radius:22px;background:var(--portal-surface);padding:48px;min-height:400px}
.product-overview-grid{gap:46px}
@media(min-width:1001px) and (max-width:1280px){.solution-directory{padding:18px}.solution-columns{gap:12px}.solution-column{padding:18px 10px}.solution-column h2{font-size:16px}.solution-column .solution-mark{width:24px;height:24px}.solution-column .solution-row{padding:9px 6px;gap:6px}.solution-column .solution-row strong{font-size:12px}.product-overview-copy{padding:34px;min-height:360px}.product-overview-image{min-height:360px}}
@media(max-width:1000px){.solution-directory{padding:22px}.solution-column h2{font-size:19px}.product-overview-copy{padding:32px;min-height:330px}.product-overview-image{min-height:330px}}
@media(max-width:850px){.product-overview-row{grid-template-columns:1fr;gap:18px}.product-overview-image{min-height:0;border:1px solid var(--line)}.product-overview-copy{min-height:0;padding:34px}.product-overview-grid{gap:38px}.solution-column .solution-row strong{font-size:14px}}
@media(max-width:550px){.solution-directory{padding:18px 14px}.solution-columns{gap:20px}.solution-column{padding:22px 14px;border-radius:16px}.solution-column h2{font-size:21px}.solution-column .solution-row strong{font-size:15px}.solution-column .solution-list{gap:10px}.solution-column .solution-row{min-height:58px}.product-overview-row{gap:16px}.product-overview-image,.product-overview-copy{border-radius:18px}.product-overview-copy{padding:28px 24px}.product-overview-grid{gap:34px}}
.solution-columns{flex:1}

.carousel-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:550px){.carousel-tabs{gap:8px}.carousel-tabs button strong{font-size:10px;white-space:normal;line-height:1.5}}

/* Give the product copy cards a quiet blue presence beside the posters. */
.product-overview-copy{
  border-color:#bfd2f5;
  background:radial-gradient(ellipse at 100% 0%,#dce9ff 0%,transparent 62%),linear-gradient(135deg,#ffffff 8%,#f0f6ff 100%);
  box-shadow:0 10px 30px #3974df0d,0 0 0 1px #e6efff inset;
}
:root[data-theme="dark"] .product-overview-copy{
  border-color:#3b5883;
  background:radial-gradient(ellipse at 100% 0%,#263e66 0%,transparent 65%),linear-gradient(135deg,#172234 8%,#1b2d48 100%);
  box-shadow:0 10px 30px #06132840,0 0 0 1px #779de90d inset;
}

/* Separate product pairs with breathing room and a fading blue hairline. */
.product-overview-grid{--product-row-gap:72px;row-gap:var(--product-row-gap)}
.product-overview-row{position:relative}
.product-overview-row + .product-overview-row::before{
  content:"";position:absolute;pointer-events:none;
  top:calc(var(--product-row-gap) / -2);left:24%;width:52%;height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 38%,transparent),transparent);
}
@media(max-width:850px){.product-overview-grid{--product-row-gap:64px}}
@media(max-width:550px){.product-overview-grid{--product-row-gap:56px}.product-overview-row + .product-overview-row::before{left:16%;width:68%}}

/* IntersectionObserver watches a stationary row, never the translated artwork. */
.product-overview-row.product-reveal{translate:none;transition:opacity .55s ease}
.product-overview-row.product-reveal > .product-overview-image,
.product-overview-row.product-reveal > .product-overview-copy{translate:0 20px;transition:translate .6s cubic-bezier(.2,.6,.3,1)}
.product-overview-row.product-in-view > .product-overview-image,
.product-overview-row.product-in-view > .product-overview-copy,
.product-overview-row.product-reveal:focus-within > .product-overview-image,
.product-overview-row.product-reveal:focus-within > .product-overview-copy{translate:0 0}
@media(prefers-reduced-motion:reduce){
  .product-overview-row.product-reveal,
  .product-overview-row.product-reveal > .product-overview-image,
  .product-overview-row.product-reveal > .product-overview-copy{translate:none;transition:none}
}

#maximize-chat .chat-restore-icon{display:none}
#maximize-chat[aria-pressed="true"] .chat-expand-icon{display:none}
#maximize-chat[aria-pressed="true"] .chat-restore-icon{display:block}