.extension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.extension-card{border:1px solid var(--border);background:var(--surface);min-height:320px;color:var(--text);cursor:pointer;border-radius:18px;flex-direction:column;padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.extension-card:focus-visible{border-color:var(--ctc-color-action);outline:3px solid var(--ctc-color-brand-soft);outline-offset:3px;box-shadow:var(--shadow-md)}.extension-card:active{transform:translateY(-1px)}.extension-card:hover .card-link{transform:translate(4px)}.extension-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.extension-card:after{content:"";background:var(--secondary-soft);border-radius:50%;width:170px;height:170px;position:absolute;bottom:-80px;right:-70px}.extension-card.accent-orange:after{background:#ffe5da}.extension-card.accent-green:after{background:#e8f7ef}.extension-card.accent-blue:after{background:#e8f1ff}.extension-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.extension-icon{background:var(--ctc-gradient-brand);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #ffffff8c}.extension-icon.alt{background:var(--secondary);color:#1e1830}.extension-icon.green{background:#a7e3c5}.extension-icon.blue{background:#9dc4ff}.extension-icon svg{width:19px;height:19px}.extension-icon.with-product-icon{width:54px;height:54px;box-shadow:none;background:0 0;border:0;flex:0 0 54px;padding:0;overflow:hidden}.extension-icon.with-product-icon img{object-fit:contain;width:100%;height:100%;display:block}.extension-card h2,.extension-card h3{letter-spacing:-.04em;margin:34px 0 10px;font-size:25px;line-height:1.08}.extension-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.extension-card .extension-card-price{color:var(--brand);margin-top:14px;font-weight:850}.extension-card .card-link{transition:transform .18s}@media (max-width:1040px){.extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.extension-grid{grid-template-columns:1fr}}@media (max-width:620px){.extension-card{min-height:290px}}