Cat Advent & Selection Boxes

About

/* ===== Petwell – Christmas collection paragraphs (scoped, no borders) ===== */ .pw-xmas-block{ position: relative; padding: 18px 16px; border-radius: 16px; background: linear-gradient(180deg, #ffffff, #f4fbfb); color: #093f72; /* Petwell navy */ font-family: 'Work Sans', Helvetica, Arial, sans-serif; overflow: hidden; } .pw-xmas-block p{ margin: 0 0 10px; line-height:1.6; font-size:16px; } /* Subtle animated snowfall (pure CSS) */ .pw-xmas-block::before, .pw-xmas-block::after{ content:""; position:absolute; inset:-40% -10%; background-image: radial-gradient(#ffffff 1.2px, transparent 1.2px), radial-gradient(#ffffff 1.2px, transparent 1.2px); background-size:22px 22px, 32px 32px; background-position:0 0, 11px 11px; opacity:.28; pointer-events:none; animation: pwSnow 22s linear infinite; } .pw-xmas-block::after{ opacity:.18; animation-duration:34s; } @keyframes pwSnow{ 0%{ background-position:0 0, 11px 11px; } 100%{ background-position:0 1000px, 11px 1011px; } } /* Tiny sparkle accent up top (not a border) */ .pw-xmas-sparkle{ position:absolute; inset:0 0 auto 0; height:6px; pointer-events:none; background: radial-gradient(circle at 10% 60%, rgba(212,175,55,.35) 0 2px, transparent 3px), radial-gradient(circle at 30% 40%, rgba(255,255,255,.8) 0 1.5px, transparent 2.5px), radial-gradient(circle at 55% 70%, rgba(0,167,167,.35) 0 2px, transparent 3px), radial-gradient(circle at 80% 35%, rgba(255,255,255,.8) 0 1.5px, transparent 2.5px); } /* Animated underline for any inline links you want to add later */ .pw-xlink{ text-decoration:none; color:#093f72; background-image:linear-gradient(90deg, #00a7a7, #093f72, #00a7a7); background-size:200% 2px; background-repeat:no-repeat; background-position:0 100%; transition:color .2s ease-out; animation: pwShimmer 6s linear infinite; } .pw-xlink:hover{ color:#00a7a7; } @keyframes pwShimmer{ 0%{ background-position:0 100%; } 100%{ background-position:200% 100%; } } /* Respect reduced motion (via JS toggle) */ .pw-reduce-motion .pw-xma