.pcarousel { display:flex; align-items:center; gap:14px; max-width:900px; margin:0 auto; }
.pc-viewport { overflow:hidden; flex:1; }
.pc-track { display:flex; transition:transform .55s cubic-bezier(.22,.9,.35,1); }
.pc-slide { flex:0 0 33.333%; padding:8px; box-sizing:border-box; }
.pc-card { display:block; height:100%; background:#fff; border:1px solid var(--line,#e5e2da); border-radius:16px;
  padding:26px 22px; text-align:center; text-decoration:none; color:inherit; transition:all .25s;
  border-top:4px solid var(--gold,#F2B705); }
a.pc-card:hover { transform:translateY(-5px); box-shadow:0 14px 32px rgba(20,48,92,.14); border-top-color:var(--leaf,#1C7A34); }
.pc-logo { height:86px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.pc-logo img { max-height:86px; max-width:200px; object-fit:contain; }
.pc-emoji { font-size:52px; }
.pc-name { font-weight:800; color:var(--navy,#14305C); font-size:0.98rem; }
.pc-desc { font-size:0.8rem; color:var(--muted,#666); margin-top:6px; }
.pc-arrow { width:42px; height:42px; border-radius:50%; border:none; cursor:pointer; flex-shrink:0;
  background:var(--navy,#14305C); color:var(--gold,#F2B705); font-size:1rem; transition:all .2s; }
.pc-arrow:hover { background:var(--leaf,#1C7A34); color:#fff; }
.pc-dots { display:flex; justify-content:center; gap:8px; margin-top:18px; }
.pc-dots button { width:9px; height:9px; border-radius:50%; border:none; cursor:pointer; background:var(--line,#d8d5cc); transition:all .2s; }
.pc-dots button.on { background:var(--gold,#F2B705); transform:scale(1.3); }
@media (max-width:900px){ .pc-slide{ flex-basis:50%; } } @media (max-width:640px){ .pc-slide{ flex-basis:100%; } .pc-arrow{ width:36px;height:36px; } }