/* ClickCard safe performance + mobile guardrails */
:root{--cc-img-bg:#f6f1e8;--cc-img-bg-2:#eef5f8}
img{max-width:100%;height:auto}
img.cc-img-loading{background:linear-gradient(110deg,var(--cc-img-bg) 8%,var(--cc-img-bg-2) 18%,var(--cc-img-bg) 33%);background-size:200% 100%;animation:ccImgPulse 1.15s linear infinite;opacity:.92;transition:opacity .18s ease,filter .18s ease}
img.cc-img-ready{animation:none;opacity:1;filter:none}
@keyframes ccImgPulse{to{background-position:-200% 0}}
video,iframe,canvas,svg{max-width:100%}.cc-responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:768px){html,body{max-width:100%;overflow-x:hidden}main,section,article,aside,header,footer,nav{max-width:100%}input,select,textarea,button{font-size:16px}.container,.page,.wrapper,[class*="container"],[class*="wrapper"]{max-width:100%}table{max-width:100%}}
@media(max-width:480px){img:not([width]):not([height]){min-height:48px}.btn,a.btn,button.btn{max-width:100%}}
@media(prefers-reduced-motion:reduce){img.cc-img-loading{animation:none}}