/* ===== Shared page transition (used across every Silver Ring / Chair Mart page) ===== */ body{opacity:0;transform:scale(.995);transition:opacity .18s ease-out,transform .18s ease-out} /* Once the reveal animation finishes, drop transform back to "none" entirely — any non-"none" transform on , even an identity value, creates a new containing block for position:fixed descendants (like the header), which makes them scroll away with the page instead of staying pinned to the viewport. */ body.page-ready{opacity:1;transform:none} body.lux-leaving{opacity:0!important;transform:scale(.995)!important;transition:opacity .12s ease-out,transform .12s ease-out} #lux{position:fixed;inset:0;background:#050505;z-index:99999;display:flex;align-items:center;justify-content:center} #lux:before{content:'';width:0;height:2px;background:#c6a86b;animation:luxGrow .45s forwards} #lux.fadeout{opacity:0;transition:opacity .18s;pointer-events:none} @keyframes luxGrow{to{width:160px}} /* Remove the default mobile/touch tap-highlight box that showed as a black box on click */ a,button,.collection-card,.back-button,.brand{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;} .collection-card:focus,.collection-card:focus-visible,a:focus,a:focus-visible,button:focus,button:focus-visible{outline:none;}