/* RC9.7.2 – einheitliche, responsive 4:5-Mockup-Galerie */
.ccs-mockup-gallery{background:linear-gradient(160deg,#07162f,#030915);color:#fff}
.ccs-mockup-gallery .inspiration-showcase-head>p:last-child{color:rgba(255,255,255,.62)}
.ccs-mockup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1500px;margin:0 auto}
.ccs-mockup-card{overflow:hidden;border:1px solid rgba(217,189,145,.22);border-radius:22px;background:#0b1d39;box-shadow:0 24px 70px rgba(0,0,0,.2)}
.ccs-mockup-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#07162f}
.ccs-mockup-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.ccs-mockup-card:hover .ccs-mockup-image img{transform:scale(1.025)}
.ccs-mockup-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(3,8,18,.42));pointer-events:none}
.ccs-mockup-image span{position:absolute;z-index:2;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(7,22,47,.88);color:#e8c88e;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;backdrop-filter:blur(8px)}
.ccs-mockup-card>div:last-child{padding:22px 22px 26px}
.ccs-mockup-card small{display:block;color:#e8c88e;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.ccs-mockup-card h3{font-family:var(--serif);font-size:30px;font-weight:500;line-height:1.02;margin:8px 0 11px}
.ccs-mockup-card p{margin:0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.55}
.ccs-mockup-notice{max-width:1120px;margin:34px auto 0;padding:18px 22px;border:1px solid rgba(217,189,145,.25);border-radius:16px;color:rgba(255,255,255,.64);font-size:13px;line-height:1.55;text-align:center}
.ccs-mockup-notice strong{color:#e8c88e}
@media(max-width:1180px){.ccs-mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ccs-mockup-grid{grid-template-columns:1fr}.ccs-mockup-card h3{font-size:29px}}