.maquettes-intro{padding:10px 0 25px}.maquettes-intro h1{font-size:38px;margin-bottom:12px}.maquettes-intro p{max-width:820px;color:#666;font-size:17px}
.maquettes-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0 28px}.maquettes-toolbar button{border:1px solid #dfe5ec;background:#fff;padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer}.maquettes-toolbar button.active,.maquettes-toolbar button:hover{background:#1265b0;color:#fff;border-color:#1265b0}
.maquettes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:60px}
.maquette-card{background:#fff;border:1px solid #e6ebf0;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(12,31,56,.08);transition:.25s}
.maquette-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(12,31,56,.14)}
.maquette-preview{height:190px;position:relative;overflow:hidden;padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.maquette-preview:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-45px;top:-55px;background:rgba(255,255,255,.14)}
.maquette-preview .fake-nav{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}
.maquette-preview .fake-links{display:flex;gap:9px;opacity:.8}.maquette-preview h3{position:relative;margin:0 0 4px;font-size:24px;color:#fff}.maquette-preview small{position:relative;opacity:.85}
.maquette-body{padding:20px}.maquette-body .type{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#1265b0}.maquette-body h3{margin:5px 0 8px}.maquette-body p{color:#68717c;min-height:48px}
.maquette-actions{display:flex;gap:10px;margin-top:14px}.maquette-actions a{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:8px;font-weight:700}.maquette-actions .open{background:#1265b0;color:#fff}.maquette-actions .open:hover{color:#fff;background:#0d4f8c}.maquette-actions .details{border:1px solid #dfe5ec}
@media(max-width:991px){.maquettes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.maquettes-grid{grid-template-columns:1fr}.maquettes-intro h1{font-size:30px}}