.shape-hero-note{display:inline-flex;gap:10px;flex-wrap:wrap;margin-top:18px}.shape-hero-note span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:7px 11px;border-radius:999px;font-size:.86rem;font-weight:800}
.shape-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:28px 0 22px}.shape-filters{display:flex;gap:9px;flex-wrap:wrap}.shape-filter{border:1px solid #cfd7e2;background:#fff;color:var(--navy);padding:9px 13px;border-radius:999px;font-weight:800;cursor:pointer}.shape-filter.active,.shape-filter:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.shape-print{border:0;background:var(--gold);color:var(--navy);padding:10px 14px;border-radius:7px;font-weight:900;cursor:pointer}
.shape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shape-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 9px 25px rgba(11,30,54,.06);display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.shape-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,30,54,.12)}.shape-art{background:linear-gradient(180deg,#f9fafc,#eef2f7);padding:18px 16px 10px;aspect-ratio:5/3;display:flex;align-items:center;justify-content:center}.shape-art svg{width:100%;height:100%;display:block}.shape-art svg>*{fill:var(--navy)}.shape-info{padding:15px 16px 17px;display:flex;flex-direction:column;gap:5px;flex:1}.shape-code{font-size:.76rem;color:#8a5a00;font-weight:900;letter-spacing:.08em}.shape-name{font-family:Montserrat,Arial,sans-serif;color:var(--navy);font-size:1rem;font-weight:800}.shape-category{font-size:.8rem;color:var(--muted)}.shape-select{margin-top:auto;padding-top:10px}.shape-select button{width:100%;border:1px solid var(--navy);background:#fff;color:var(--navy);border-radius:7px;padding:8px 10px;font-weight:900;cursor:pointer}.shape-select button:hover{background:var(--navy);color:#fff}.shape-card.is-hidden{display:none}.shape-disclaimer{font-size:.9rem;color:#5d6b7c;margin-top:18px}.shape-selected{background:#fff8e9;border:1px solid #f0d49d;border-radius:9px;padding:12px 14px;margin-top:14px;font-weight:800;color:var(--navy)}.social-links a{display:inline-flex;align-items:center;gap:9px;font-weight:800}.social-links svg{width:22px;height:22px;fill:#fff}.social-links a:hover svg{fill:var(--gold)}
@media(max-width:980px){.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-toolbar{align-items:flex-start}}
@media(max-width:470px){.shape-grid{grid-template-columns:1fr}}
@media print{.site-header,.topbar,.hero .buttons,.shape-toolbar,.shape-select,.quote-wrap,.footer{display:none!important}.hero{padding:24px 0;background:#fff;color:#111}.hero p{color:#333}.shape-grid{grid-template-columns:repeat(3,1fr);gap:10px}.shape-card{box-shadow:none;break-inside:avoid}.section{padding:20px 0}.shape-art{background:#fff}.shape-art svg>*{fill:#333}}