/* Additive interactions only: original grid scale, gaps and color thumbnails stay intact. */
.product-grid{view-transition-name:airtox-catalog}
.grid-film-surface{position:absolute;inset:0;z-index:1;background:#090909;pointer-events:none}
.grid-film-surface video{display:block;width:100%;height:100%;object-fit:contain}
.grid-film-caption{position:absolute;bottom:24px;left:18px;color:#b8b8b8;font-size:8px;letter-spacing:.06em;line-height:1.4;max-width:calc(100% - 150px)}
.grid-film-button{position:absolute;z-index:3;right:14px;top:10px;display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:9px 11px;border:1px solid #e2e2de;background:rgb(255 255 255 / .94);color:var(--ra-ink);font-size:10px;font-weight:700}
.grid-film-button img{display:block;flex-shrink:0;width:16px;height:16px}
.grid-film-button:hover{border-color:var(--ra-ink)}
.is-film-playing .grid-film-button{color:#fff;background:#151515;border-color:#555}
.is-film-playing .grid-film-button img{filter:invert(1)}
.is-film-playing .image-label{z-index:2;color:#c4c4c4}
.is-film-playing .quick-trigger{z-index:3}
.is-film-playing .product-alternate{opacity:0!important}
::view-transition-group(airtox-catalog){animation-duration:180ms}
::view-transition-old(airtox-catalog){animation-duration:130ms}
::view-transition-new(airtox-catalog){animation-duration:180ms}
@media(max-width:700px){
  .grid-film-button{top:4px;right:4px;padding:9px;gap:0}
  .grid-film-button span{display:none}
  .grid-film-caption{left:12px;bottom:18px;max-width:calc(100% - 68px);font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .product-grid{view-transition-name:none}
  ::view-transition-group(airtox-catalog),::view-transition-old(airtox-catalog),::view-transition-new(airtox-catalog){animation:none}
}