.catalog-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:stretch;margin:14px 0 20px;padding:14px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.catalog-summary>div{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fafafa}.catalog-summary strong{display:block;font-size:15px}.catalog-summary span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.primary-pro-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:16px;background:var(--accent);color:#fff!important;font-weight:700;text-decoration:none;border:1px solid var(--accent);box-shadow:0 8px 18px rgba(37,99,235,.18)}.primary-pro-cta:hover{text-decoration:none;filter:brightness(.96)}.pattern-card{gap:10px}.pattern-card h3{font-size:16px}.pattern-card p{font-size:12px;line-height:1.45}.card-sample{min-height:88px}.card-actions{gap:6px}.card-actions .btn{min-height:34px}.pro-hero-cta{margin-top:24px;padding:24px;border-radius:24px;border:1px solid #bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff);box-shadow:var(--shadow)}.pro-hero-cta h2{margin:6px 0 10px;font-size:clamp(26px,4vw,40px)}.pro-price{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:700;font-size:13px}.primary-pro-cta.large{margin-top:14px;min-height:56px;font-size:16px;padding:14px 22px}.pro-note{margin-top:10px;color:var(--muted);font-size:13px}.pro-table{width:100%;border-collapse:collapse;margin-top:12px;background:#fff}.pro-table th,.pro-table td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.pro-table th{background:#f8fafc}@media(max-width:820px){.catalog-summary{grid-template-columns:1fr;gap:8px;margin:10px 0 14px;padding:10px}.primary-pro-cta{width:100%;min-height:46px}.pattern-card{padding:11px;gap:8px}.pattern-card h3{font-size:15px}.pattern-card p{font-size:12px;line-height:1.45}.card-sample{min-height:64px}.card-meta{gap:4px}.meta-tag{font-size:10px;padding:3px 6px}.card-actions{display:grid;grid-template-columns:1fr 1fr}.card-actions .btn{width:100%}.pro-hero-cta{margin-top:14px;padding:16px;border-radius:18px}.primary-pro-cta.large{width:100%;font-size:15px}.pro-table{font-size:12px}.pro-table th,.pro-table td{padding:8px}}
