.topppa-pro-showcase{background:var(--color-admin-white);border:1px solid #e1e8ed;border-radius:10px;padding:30px;margin-top:40px}.topppa-pro-showcase__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid var(--color-admin-border);flex-wrap:wrap}.topppa-pro-showcase__heading h3{margin:0 0 6px;font-size:22px;font-weight:600;color:var(--color-admin-text);line-height:1.2}.topppa-pro-showcase__heading p{margin:0;font-size:14px;color:var(--color-admin-body);line-height:1.5}.topppa-pro-showcase__cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--color-admin-primary);color:var(--color-admin-white) !important;font-size:14px;font-weight:600;border-radius:5px;text-decoration:none;transition:background .25s ease;white-space:nowrap}.topppa-pro-showcase__cta:hover,.topppa-pro-showcase__cta:focus{background:var(--color-admin-balcks);color:var(--color-admin-white) !important;box-shadow:none;outline:none}.topppa-pro-showcase__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px}.topppa-pro-showcase__card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:86px;padding:16px 18px;background:#f8fafc;border:1px solid #e1e8ed;border-radius:6px;text-decoration:none;color:var(--color-admin-text);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.topppa-pro-showcase__card:hover,.topppa-pro-showcase__card:focus{border-color:var(--color-admin-primary);transform:translateY(-2px);box-shadow:0 6px 18px rgba(45,84,163,.08);outline:none;color:var(--color-admin-text)}.topppa-pro-showcase__card:hover .topppa-pro-showcase__learn,.topppa-pro-showcase__card:focus .topppa-pro-showcase__learn{color:var(--color-admin-balcks)}.topppa-pro-showcase__badge{position:absolute;top:10px;right:10px;display:inline-block;padding:3px 7px;background:var(--color-admin-red);color:var(--color-admin-white);font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1;border-radius:3px;text-transform:uppercase}.topppa-pro-showcase__name{display:block;font-size:14px;font-weight:600;color:var(--color-admin-text);line-height:1.3;padding-right:40px}.topppa-pro-showcase__learn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--color-admin-primary)}@media screen and (max-width: 780px){.topppa-pro-showcase{padding:20px}.topppa-pro-showcase__header{flex-direction:column;align-items:flex-start}.topppa-pro-showcase__grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}}.topppa-pro-showcase--hero{margin-top:0;padding:0;border:1px solid #e1e8ed;border-radius:12px;overflow:hidden}.topppa-pro-showcase--hero .topppa-pro-showcase__hero{position:relative;padding:48px 40px 40px;background:radial-gradient(circle at 85% 0%, rgba(45, 84, 163, 0.12), transparent 55%),linear-gradient(180deg, #f6f8fc 0%, var(--color-admin-white) 100%);border-bottom:1px solid var(--color-admin-border)}.topppa-pro-showcase--hero .topppa-pro-showcase__hero h2{margin:14px 0 10px;font-size:28px;font-weight:700;color:var(--color-admin-text);line-height:1.25}.topppa-pro-showcase--hero .topppa-pro-showcase__hero p{max-width:760px;margin:0 0 24px;font-size:15px;line-height:1.65;color:var(--color-admin-body)}.topppa-pro-showcase--hero .topppa-pro-showcase__badge--lg{position:static;display:inline-block;padding:5px 10px;font-size:11px;letter-spacing:.8px}.topppa-pro-showcase--hero .topppa-pro-showcase__hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.topppa-pro-showcase--hero .topppa-pro-showcase__link{display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:var(--color-admin-primary);text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);transition:border-color .2s ease}.topppa-pro-showcase--hero .topppa-pro-showcase__link:hover,.topppa-pro-showcase--hero .topppa-pro-showcase__link:focus{border-bottom-color:var(--color-admin-primary);outline:none;box-shadow:none}.topppa-pro-showcase--hero .topppa-pro-showcase__features{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:0;background:var(--color-admin-white)}.topppa-pro-showcase--hero .topppa-pro-showcase__feature{padding:32px 28px;border-top:1px solid var(--color-admin-border);border-right:1px solid var(--color-admin-border)}.topppa-pro-showcase--hero .topppa-pro-showcase__feature:nth-child(-n+4){border-top:none}.topppa-pro-showcase--hero .topppa-pro-showcase__feature:last-child{border-right:none}.topppa-pro-showcase--hero .topppa-pro-showcase__feature h4{margin:14px 0 8px;font-size:16px;font-weight:600;color:var(--color-admin-text);line-height:1.3}.topppa-pro-showcase--hero .topppa-pro-showcase__feature p{margin:0;font-size:13px;line-height:1.6;color:var(--color-admin-body)}.topppa-pro-showcase--hero .topppa-pro-showcase__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:rgba(45,84,163,.1);color:var(--color-admin-primary);font-size:22px}@media screen and (max-width: 900px){.topppa-pro-showcase--hero .topppa-pro-showcase__hero{padding:32px 24px 28px}.topppa-pro-showcase--hero .topppa-pro-showcase__hero h2{font-size:22px}.topppa-pro-showcase--hero .topppa-pro-showcase__feature{border-right:none}.topppa-pro-showcase--hero .topppa-pro-showcase__feature:nth-child(-n+4){border-top:1px solid var(--color-admin-border)}.topppa-pro-showcase--hero .topppa-pro-showcase__feature:first-child{border-top:none}}