/* Brand mark already has alpha: remove the old CSS tile, not its artwork. */
.live-chat .chat-panel>header b,
.live-chat .chat-panel>header small{color:#fff!important}
.live-chat .chat-panel>header img,
.live-chat .chat-launcher>img{background:none!important;border:0!important;border-radius:0!important;padding:0!important;object-fit:contain!important;animation:zerafati-support-breath 2.8s ease-in-out infinite;transform-origin:center}
.live-chat .chat-panel>header button{color:#fff!important}
.live-chat .chat-panel{inset:auto auto calc(100% + 10px) 0!important;width:min(390px,calc(100vw - 28px))!important}
@keyframes zerafati-support-breath{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 1px rgba(255,210,31,.12))}
  50%{transform:scale(1.07);filter:drop-shadow(0 0 7px rgba(255,210,31,.48))}
}

/* Appointment copy remains on its navy panel in both themes. */
html[data-theme="light"] .booking-page #appointment .appointment-copy>.section-index,
html[data-theme="light"] .booking-page #appointment .appointment-copy>h2,
html[data-theme="light"] .booking-page #appointment .appointment-copy>p,
html[data-theme="light"] .booking-page #appointment .booking-steps b,
html[data-theme="light"] .booking-page #appointment .booking-steps small{color:#fff!important}
html[data-theme="light"] .booking-page #appointment .booking-steps li{background:rgba(3,23,45,.48)!important}
html[data-theme="light"] .booking-page #appointment .booking-steps li>span{background:#062644!important;color:#ffd21f!important}

/* Reuse the homepage footer markup and visual treatment across the store. */
.store-page .footer{position:relative;margin-top:0;border-radius:0!important;background:radial-gradient(circle at 50% 25%,rgba(12,73,117,.42),transparent 46%),#03182d!important;color:#fff!important;border-top:1px solid rgba(88,155,201,.24)!important}
.store-page .footer :where(a,strong,b){color:#fff!important}
.store-page .footer small,.store-page .footer .copyright{color:#b9cbd8!important}
html[data-theme="dark"] .store-page .footer{background:#03172d!important}

/* Editorial photographs replace the synthetic CSS product sculptures. */
.store-page .morph-slide{isolation:isolate}
.store-page .morph-art{position:absolute;inset:0;height:100%;width:100%;opacity:1;perspective:none;z-index:-2}
.store-page .morph-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.store-page .morph-slide:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(to left,rgba(3,16,34,.97) 0%,rgba(3,16,34,.85) 34%,rgba(3,16,34,.25) 67%,rgba(3,16,34,.08))}
.store-page .morph-copy{position:relative;z-index:1}
html[dir="ltr"] .store-page .morph-art>img{transform:scaleX(-1)}
html[dir="ltr"] .store-page .morph-slide:after{background:linear-gradient(to right,rgba(3,16,34,.97) 0%,rgba(3,16,34,.85) 34%,rgba(3,16,34,.25) 67%,rgba(3,16,34,.08))}
@media(max-width:760px){
 .store-page .morph-slide{padding-top:78px!important}
 .booking-page #appointment .booking-steps small{display:block;font-size:.59rem;line-height:1.7;margin-top:3px}
 .store-page .morph-art>img{object-position:23% center}
 .store-page .morph-slide:after,
 html[dir="ltr"] .store-page .morph-slide:after{background:linear-gradient(to bottom,rgba(3,16,34,.97) 0%,rgba(3,16,34,.85) 34%,rgba(3,16,34,.18) 70%,rgba(3,16,34,.5))}
 .store-page .footer .footer-main{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){
 .live-chat .chat-panel>header img,.live-chat .chat-launcher>img{animation:none!important;filter:none!important}
}