.cp-wrap{max-width:1220px;margin:0 auto;padding:50px max(18px,30px) 0}
.cp-page-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 16px 44px rgba(27,33,27,.12);display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}
.cp-page-image img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;cursor:zoom-in}
.cp-page-body{padding:34px 36px 30px;display:flex;flex-direction:column}
.cp-badge{align-self:flex-start;background:#d6bb83;color:#1b211b;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:14px;display:none}
.cp-page-body h1{font:600 clamp(28px,3.4vw,42px)/1.15 var(--serif);color:#1b211b;margin:0 0 12px}
.cp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cp-chips span{background:#f1f3ea;border:1px solid #e1e1dc;border-radius:20px;padding:6px 13px;font-size:12.5px;color:#3c443b}
.cp-page-body p{font-size:15px;line-height:1.7;color:#3c443b;margin:0}
.cp-page-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px 18px;margin-top:auto;padding-top:22px;border-top:1px solid #ecece7;flex-wrap:wrap}
.cp-page-bottom b{font-size:20px;color:#394637;white-space:nowrap}
.cp-page-bottom .btn{white-space:nowrap;margin:0}
.cp-thumbs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:12px}
.cp-thumbs img{width:100%;height:62px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.72;transition:.2s;border:2px solid transparent}
.cp-thumbs img:hover{opacity:1}
.cp-thumbs img.active{border-color:#d6bb83;opacity:1}
.cp-cta{background:#394637;border-radius:14px;color:#fff;text-align:center;padding:44px 24px;margin:40px 0 60px}
.cp-cta h2{font:600 27px/1.25 var(--serif);margin:0 0 10px;color:#fff}
.cp-cta p{color:rgba(255,255,255,.75);margin:0 0 24px}
.cp-cta .btn{font-size:15px;padding:15px 34px}
.cp-lb{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:radial-gradient(130% 130% at 50% 0%,rgba(24,34,26,.94),rgba(8,11,9,.98));backdrop-filter:blur(10px)}
.cp-lb.open{display:flex}
.cp-lb img{max-width:92vw;max-height:85vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.cp-lb-close,.cp-lb-prev,.cp-lb-next{position:absolute;z-index:3;width:52px;height:52px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:50%;font-size:0;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.cp-lb-close:hover,.cp-lb-prev:hover,.cp-lb-next:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}
.cp-lb-close svg,.cp-lb-prev svg,.cp-lb-next svg{display:block;width:24px;height:24px}
.cp-lb-close{top:16px;right:16px}
.cp-lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.cp-lb-next{right:16px;top:50%;transform:translateY(-50%)}
.cp-lb-prev:hover,.cp-lb-next:hover{transform:translateY(-50%) scale(1.1)}
.cp-lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px;padding:7px 18px;font-size:13px;font-weight:600;z-index:3}
@media(max-width:820px){
  .cp-page-card{grid-template-columns:1fr}
  .cp-page-image img{min-height:0;height:auto;max-height:340px}
  .cp-page-body{padding:24px 20px 22px}
  .cp-page-bottom{flex-direction:column;align-items:flex-start}
  .cp-thumbs{grid-template-columns:repeat(4,1fr)}
}