.pet-interactive { padding: 68px 0; background: linear-gradient(140deg,#D4E8CC,#EAF4E6 50%,#F7FAF3); }
.pet-interactive .pet-wrap { width:min(1200px,calc(100% - 36px)); margin:auto; }
.pet-interactive h2 { color:#164E34; font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; letter-spacing:-.04em; margin:10px 0 16px; }
.pet-interactive p { color:#47604D; line-height:1.7; }
.pet-interactive .pet-kicker { color:#286843; font-size:.78rem; font-weight:800; letter-spacing:.12em; }
.pet-interactive .pet-actions { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0; }
.pet-interactive .pet-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; background:#286843; color:#fff; border-radius:16px; text-decoration:none; font-weight:800; }
.pet-interactive .pet-button.secondary { color:#286843; border:1px solid #B8D0AF; background:#F7FAF3; }
.pet-interactive iframe { display:block; width:100%; height:1560px; border:0; border-radius:25px; background:#EAF4E6; }
.pet-interactive a:focus-visible { outline:3px solid #286843; outline-offset:4px; }
.pet-legacy-carnet { padding:22px 18px; text-align:center; color:#47604D; background:#F7FAF3; }
.pet-legacy-carnet a { color:#286843; text-decoration:underline; }
@media(max-width:600px) { .pet-interactive { padding:44px 0; } .pet-interactive iframe { height:4900px; } }