/* Product cards: original catalogue photographs with a restrained hover effect. */
.brand-card { transition: border-color .3s ease, box-shadow .3s ease; }
.brand-card .brand-photo { position: relative; display: block; overflow: hidden; cursor: default; }
.brand-card .brand-photo > img { position: relative; z-index: 1; transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .5s ease; transform: var(--product-pose, none); }
.brand-card .brand-photo::before { content: ''; position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(ellipse, #fffbe6b3, #f9edaa45 45%, transparent 73%); opacity: 0; transform: scale(.85); transition: opacity .5s ease, transform .6s ease; pointer-events: none; }
.brand-card .brand-photo-aquatlantis { --product-pose: rotate(62deg) scale(1.18); }
.brand-card .brand-photo-aquatlantis > img { object-fit: contain; mix-blend-mode: normal; filter: none; mask: url('./assets/brand-aquatlantis-outline-v5.svg') center / contain no-repeat; }
.brand-card .brand-photo-jebo-catalogue { --product-pose: rotate(-7deg); }
.brand-card .brand-photo-jebo-catalogue > img { mix-blend-mode: normal; filter: none; mask: url('./assets/brand-jebo-outline-v5.svg') center / contain no-repeat; }
@media (hover: hover) and (pointer: fine) {
  .brand-card:hover { border-color: #a7afb1; box-shadow: 0 8px 26px #06111b45; }
  .brand-card:hover .brand-photo::before { opacity: .7; transform: scale(1.12); }
  .brand-card:hover .brand-photo > img { transform: translateY(-4px) rotate(-1.5deg) scale(1.035) var(--product-pose, translateZ(0)); filter: brightness(1.12); }
  .brand-card:hover .brand-photo-aquatlantis > img, .brand-card:hover .brand-photo-jebo-catalogue > img { filter: brightness(1.08); }
}
@media (prefers-reduced-motion: reduce) {
  .brand-card, .brand-card .brand-photo > img, .brand-card .brand-photo::before { transition: none; }
  .brand-card:hover .brand-photo > img { transform: var(--product-pose, none); }
}

/* Same turned-over JUWEL chassis in both states; the light is directed down. */
.comparison-down .comparison-product-plane { top: -20%; height: 147.05882%; }
.comparison-down .conversion-original-body { mask-image: url('./assets/conversion-down-body-mask-v5.svg'); }
.comparison-down .conversion-tube-upper { clip-path: polygon(20.313% 44.531%, 92.643% 60.059%, 93.099% 61.133%, 93.034% 62.793%, 92.578% 63.77%, 20.182% 48.633%); }
.comparison-down .conversion-tube-lower { clip-path: polygon(14.844% 47.266%, 88.021% 62.988%, 88.672% 64.063%, 88.607% 65.43%, 88.151% 66.602%, 14.583% 50.977%); }