/* Public-site motion only; does not alter layout or hide content. */
.affiliate-support-notice{color:#6550b2;line-height:1.8}
@media(prefers-reduced-motion:no-preference){
 :where(.btn,.hp-detail-button,.benefit-tile-actions a,.reward-check,.reward-launch button,.hp-toggle button,.hp-affiliate-option,.option-btn,.carrier-pill){transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
 :where(.hp-product,.product-card,.benefit-tile,.hp-service-links>a){transition:transform .28s ease,box-shadow .28s ease}
 :where(.hp-photo-link img,.product-photo img,.benefit-tile-image img){transition:transform .4s ease}
 @media(hover:hover) and (pointer:fine){
  :where(.btn,.hp-detail-button,.benefit-tile-actions a,.reward-check,.reward-launch button):hover{transform:translateY(-2px);box-shadow:0 8px 20px #344f8622}
  :where(.hp-product,.product-card,.benefit-tile,.hp-service-links>a):hover{transform:translateY(-4px);box-shadow:0 12px 28px #29477518}
  :where(.hp-photo-link,.product-photo,.benefit-tile-image):hover img{transform:scale(1.035)}
 }
 :where(.btn,.reward-check,.reward-launch button):active{transform:translateY(0) scale(.98)}
 .site-motion-enter{animation:site-reveal .55s cubic-bezier(.2,.7,.25,1) both}
 dialog[open]{animation:site-modal-in .25s ease-out}
 dialog[open]::backdrop{animation:site-backdrop-in .25s ease-out}
 .reward-opening-art img{animation:site-cat-float 5s ease-in-out infinite}
 .reward-star{animation:site-star-glow 3.5s ease-in-out infinite}
 .hp-event-bar>span{transition:width .7s ease-out}
 @keyframes site-reveal{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
 @keyframes site-modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
 @keyframes site-backdrop-in{from{opacity:0}to{opacity:1}}
 @keyframes site-cat-float{50%{transform:translateY(-7px)}}
 @keyframes site-star-glow{50%{opacity:.45;transform:scale(.85)}}
}
@media(prefers-reduced-motion:reduce){.site-motion-enter{animation:none!important}.reward-opening-art img,.reward-star{animation:none!important}}

.ec-nav-new{display:inline-flex;align-items:center;justify-content:center;background:#7560e5;color:white;border-radius:5px;width:15px;height:15px;font-size:9px;margin-left:3px}
@media(prefers-reduced-motion:no-preference){
 :where(.desktop-nav a,.mobile-nav a,.carrier-pill,.option-btn,.discount-choice,.hp-brands button,.faq-item summary){transition:color .2s,background-color .2s,box-shadow .2s,transform .2s}
 :where(input,select,textarea){transition:border-color .2s,box-shadow .2s}
 :where(input,select,textarea):focus{box-shadow:0 0 0 3px #8067e51a}
 .ec-nav-new{animation:nav-breathe 2.5s ease-in-out infinite}
 @media(hover:hover){.desktop-nav a:hover{transform:translateY(-2px)}.hp-brands button:hover,.option-btn:hover,.discount-choice:hover{box-shadow:0 5px 15px #30426716}}
 @keyframes nav-breathe{50%{box-shadow:0 0 0 4px #7560e51a}}
}
