.cm-pj-wrap { max-width: 1200px; margin: 0 auto; padding: 40px 24px 80px; }
.cm-pj-hero { text-align: center; margin-bottom: 48px; }
.cm-pj-hero h1 { font-size: 2.4rem !important; font-weight: 600 !important; color: #111 !important; margin-bottom: 12px !important; }
.cm-pj-hero-sub { color: #555 !important; font-size: 1.1rem !important; }
.cm-pj-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
.cm-pj-card { display: block; text-decoration: none !important; border: 1px solid #eee; border-radius: 10px; overflow: hidden; background: #fff; transition: box-shadow .2s ease, transform .2s ease; }
.cm-pj-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,.08); transform: translateY(-2px); }
.cm-pj-card-img { aspect-ratio: 4/3; background: #f4f3f1; overflow: hidden; }
.cm-pj-card-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.cm-pj-card-img--placeholder { background: linear-gradient(135deg,#f4f3f1,#e8e6e1); }
.cm-pj-card-body { padding: 16px 18px; }
.cm-pj-card-body h2 { font-size: 1.05rem !important; font-weight: 600 !important; color: #111 !important; margin: 0 0 8px !important; }
.cm-pj-badge { display: inline-block; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; background: #111; color: #fff !important; padding: 3px 9px; border-radius: 99px; }
.cm-pj-card-specs { list-style: none !important; display: flex; gap: 12px; margin: 10px 0 0 !important; padding: 0 !important; font-size: .85rem; color: #666 !important; }
.cm-pj-card-specs li { list-style: none !important; }
.cm-pj-single-hero { text-align: center; margin-bottom: 32px; }
.cm-pj-single-hero img { width: 100%; max-height: 420px; object-fit: cover; border-radius: 12px; margin-bottom: 20px; }
.cm-pj-single-hero h1 { font-size: 2.1rem !important; font-weight: 600 !important; color: #111 !important; }
.cm-pj-single-grid { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 48px; }
@media (max-width: 860px) { .cm-pj-single-grid { grid-template-columns: minmax(0,1fr); } }
.cm-pj-intro { font-size: 1.1rem !important; line-height: 1.7 !important; color: #222 !important; }
.cm-pj-single-main h3 { font-size: 1.1rem !important; font-weight: 600 !important; color: #111 !important; margin-top: 28px !important; }
.cm-pj-highlights { list-style: disc !important; padding-left: 20px !important; color: #333 !important; }
.cm-pj-highlights li { margin-bottom: 6px !important; }
.cm-pj-tipp { background: #f7f5f0; border-left: 3px solid #b8964b; padding: 14px 18px; margin-top: 24px; border-radius: 0 8px 8px 0; color: #333 !important; }
.cm-pj-tipp strong { color: #111 !important; }
.cm-pj-sidebar { align-self: start; position: sticky; top: 100px; }
.cm-pj-facts { list-style: none !important; padding: 0 !important; margin: 0 0 20px !important; border: 1px solid #eee; border-radius: 10px; overflow: hidden; }
.cm-pj-facts li { list-style: none !important; display: flex; justify-content: space-between; padding: 10px 16px; font-size: .9rem; color: #222 !important; border-bottom: 1px solid #f0f0f0; }
.cm-pj-facts li:last-child { border-bottom: none; }
.cm-pj-facts li span { color: #888 !important; }
.cm-pj-cta { display: block; text-align: center; background: #111 !important; color: #fff !important; text-decoration: none !important; padding: 14px 20px; border-radius: 8px; font-weight: 600; }
.cm-pj-cta:hover { background: #333 !important; }