/* ------------------------------------------------------------------
   certifi-pages.css
   The webcore certifi product page and its child pages
   (/products/webcore-certifi/...). Sits on top of product-family.css.
   ------------------------------------------------------------------ */

/* Feature grids outside a tab panel ("New in V2", "For partners", ...):
   the card headings are feature names, not product lockups, so they take
   the same plain face product-family.css gives tab-panel cards rather than
   the Orbitron .prod-brand. */
.prod-feat .prod-card .prod-brand {
    font-family: 'Nunito Sans', 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: 0;
    color: #204593;
}

/* Icon tile over each feature card title.
   product-family.css hides .prod-card-icon inside a .prod-card (the product
   cards carry a navy band instead) at 0-2-0; these feature cards have no
   band, so the tile is switched back on here at 0-3-0. */
.prod-feat .prod-card .prod-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: #e7f0ff;
    color: #007bff;
    font-size: 20px;
    margin-bottom: 14px;
    transition: background .2s ease, color .2s ease;
}

.prod-feat .prod-card:hover .prod-card-icon {
    background: #007bff;
    color: #fff;
}