/* =========================================================
   WEB.CB06.FR — FINITIONS GRAPHIQUES GLOBALES V3
   Audit complet : icônes, typographie, cartes, formulaires,
   pages services, secteurs, contact, guides et pages légales.
   ========================================================= */
:root{
  --radius:20px;
  --radius-sm:14px;
  --container:1200px;
  --shadow:0 22px 64px rgba(8,20,38,.09);
  --shadow-sm:0 10px 30px rgba(8,20,38,.065);
}
html,body{max-width:100%;overflow-x:clip}
body{font-weight:400;line-height:1.68}
main{overflow:clip}
:where(.hero__grid,.page-hero__inner,.section-heading,.split-heading,.service-detail-grid,.contact-page__grid,.audit-layout,.article-layout,.legal-layout,.france-layout,.estimator-layout,.footer-main,.footer-cta__inner)>*{min-width:0}
h1,h2,h3,h4,h5,h6{font-weight:550!important;letter-spacing:-.028em;text-wrap:balance}
h1{font-size:clamp(2.55rem,4.7vw,4.65rem);line-height:1.04}
h2{font-size:clamp(1.95rem,3.25vw,3.2rem);line-height:1.1}
h3{font-weight:550!important;line-height:1.2}
strong,b{font-weight:600!important}
p,li,dd,dt{font-weight:400}
.eyebrow{font-weight:650!important;letter-spacing:.13em}
.nav-link,.header-phone,.btn,.text-link,.mobile-panel nav a,.announcement a,
.service-card__eyebrow,.service-card__number,.service-row__number,
.work-card__badge,.portfolio-project__copy>span,.guide-card__meta,
.pricing-card__badge,.process-step>span,.article-section-number,
.audit-items article>span,.map-label,.sector-plan>div>span,
.location-seo-points>div>span,.values-grid article>span{
  font-weight:600!important;
}

/* Toute icône décorative garde une taille maîtrisée. */
svg[aria-hidden="true"]{width:1.2em;height:1.2em;min-width:1.2em;max-width:1.2em;flex:0 0 1.2em}
.france-map svg[role="img"]{max-width:none}

.section{padding:86px 0}
.section-heading{margin-bottom:42px}
.section-heading>div:first-child{max-width:730px}
.section-heading>p{max-width:450px}
.page-hero{padding:82px 0}
.page-hero__inner{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:58px}
.page-hero__copy{max-width:760px}
.page-hero__copy h1{max-width:820px;font-size:clamp(2.45rem,4.25vw,4.15rem);line-height:1.03}
.page-hero__copy p{max-width:720px;font-size:1.04rem;line-height:1.7}
.page-hero__aside,.offer-summary,.sector-hero-card,.location-summary,.audit-score-card{padding:27px}
.page-hero .btn--ghost,.section--dark .btn--ghost{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
.page-hero .btn--ghost:hover,.section--dark .btn--ghost:hover{background:#f3f7fc!important;color:var(--ink)!important}
.btn{font-weight:600!important}

/* Listes avec coche : aucune puce native, aucun doublon. */
.check-list{display:grid;gap:12px;margin:26px 0;padding:0;list-style:none}
.check-list li{display:flex;align-items:flex-start;gap:10px;padding-left:0!important;color:inherit}
.check-list li::before{display:none!important;content:none!important}
.check-list li>svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex-basis:18px!important;margin-top:4px;color:var(--accent)}

/* Page d'accueil et réalisations. */
.work-grid,.portfolio-full-grid{gap:22px}
.work-card,.portfolio-project{min-height:390px;border-radius:20px}
.work-card__body,.portfolio-project__copy{padding:34px}
.work-card__link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--brand);font-weight:600!important}
.work-card__link svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important}
.portfolio-project__visual{min-height:380px}
.portfolio-project__copy h2{font-size:clamp(1.8rem,2.55vw,2.55rem)}
.portfolio-count strong{font-size:4.8rem;font-weight:550!important}

/* Services : encadré latéral propre et icônes fixes. */
.service-detail-grid{grid-template-columns:minmax(0,1fr) 350px;gap:58px}
.numbered-section{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;padding:26px;margin-bottom:15px}
.numbered-section>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ink);color:#fff;font-size:.75rem;font-weight:600}
.numbered-section h2{font-size:clamp(1.65rem,2.35vw,2.25rem);margin-bottom:10px}
.numbered-section p{margin-bottom:0}
.sticky-benefits{padding:25px;background:linear-gradient(180deg,#f7f9fc,#eef3f8)}
.sticky-benefits ul{display:grid;gap:12px;margin:20px 0 25px;padding:0;list-style:none}
.sticky-benefits li{display:flex;align-items:flex-start;gap:10px;padding:0;color:var(--ink-3);line-height:1.5}
.sticky-benefits li::marker{content:""}
.sticky-benefits li svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex-basis:18px!important;margin-top:3px;color:var(--success)}
.deliverables-grid article,.feature-cards article,.mini-card{box-shadow:0 8px 24px rgba(8,20,38,.035)}

/* Secteurs : hero, grille et plan. */
.sector-hero-card{display:grid;gap:0}
.sector-hero-card>span{display:block;margin-bottom:10px;color:#b8c8dc;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.sector-hero-card>div{display:flex;align-items:flex-start;gap:11px;padding:15px 0;border-top:1px solid rgba(255,255,255,.13)}
.sector-hero-card>div svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex-basis:18px!important;margin-top:3px;color:var(--accent)}
.sector-hero-card>div strong{color:#fff!important;line-height:1.45}
.sector-listing{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sector-feature{min-height:450px;padding:27px}
.sector-feature h2{font-size:clamp(1.8rem,2.45vw,2.55rem);line-height:1.06}
.sector-feature>div>span{min-height:0}
.sector-feature ul{margin:24px 0 52px}
.sector-plan{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sector-plan>div{padding:25px}

/* Contact : cartes lisibles, icônes compactes, étapes structurées. */
.contact-direct-card{display:grid;gap:10px;padding:25px;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.15)!important}
.contact-direct-card>a,.contact-direct-card>div{display:flex!important;align-items:center;gap:14px;margin:0!important;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05)}
.contact-direct-card>a:hover{background:rgba(255,255,255,.09);border-color:rgba(144,243,209,.4)}
.contact-direct-card svg{width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;flex-basis:21px!important;color:var(--accent)}
.contact-direct-card span{min-width:0}
.contact-direct-card small,.contact-direct-card strong{display:block}
.contact-direct-card small{color:#aebed2;font-size:.72rem}
.contact-direct-card strong{color:#fff!important;overflow-wrap:anywhere}
.contact-page__grid{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:28px}
.contact-page__aside>div:first-child{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}
.contact-page__aside ol{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none}
.contact-page__aside ol li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:17px 0;border-top:1px solid var(--line)}
.contact-page__aside ol li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:var(--brand);font-size:.72rem;font-weight:600}
.contact-page__aside ol h3,.contact-page__aside ol strong{display:block;margin-bottom:4px}
.contact-page__aside ol p{margin:0;font-size:.88rem}
.contact-confidence{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.contact-confidence p{margin:5px 0 12px}
.contact-confidence a{color:var(--brand);font-weight:600}

/* Formulaires et estimateur : composants natifs maîtrisés. */
input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;margin:2px 0 0!important;padding:0!important;border:0!important;border-radius:3px!important;box-shadow:none!important;accent-color:var(--brand)}
.checkbox{display:flex!important;align-items:flex-start!important;gap:10px!important}
.checkbox span{line-height:1.5}
.lead-form label>span:not(.checkbox span),.audit-form-wrap label>span{font-weight:600!important}
.estimator-layout{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:56px}
.estimator{padding:31px}
.estimator__checks label{display:flex;align-items:center;gap:10px;min-height:58px}
.estimator__header strong,.estimator__result strong{font-weight:600!important}

/* Guides, tableaux et pages légales. */
.guide-card,.guide-index-card{min-height:285px;padding:25px}
.article-hero{padding:78px 0}
.article-hero h1{font-size:clamp(2.35rem,4.15vw,4rem)}
.article-content h2{font-size:2rem}
.article-toc{border-radius:15px;background:#fff}
.option-table{display:table;width:100%}
.legal-layout{grid-template-columns:250px minmax(0,800px);gap:58px}
.legal-layout>aside{position:sticky;top:115px;align-self:start;display:grid;gap:3px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.legal-layout>aside>strong{display:block;margin-bottom:8px}
.legal-layout>aside>a{display:block;padding:8px 10px;border-radius:9px;color:var(--muted);font-size:.83rem;line-height:1.35}
.legal-layout>aside>a:hover{background:#fff;color:var(--brand)}
.legal-content>section{scroll-margin-top:120px}
.legal-content>section>span{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:12px;border-radius:12px;background:var(--soft);color:var(--brand);font-size:.72rem;font-weight:600}
.legal-content h2{margin-top:12px;font-size:1.85rem}
.legal-content p{line-height:1.75}

/* Grilles nationales et répertoires. */
.region-grid,.department-grid,.city-directory{gap:15px}
.department-grid a,.city-directory a{min-width:0}
.department-grid a strong,.city-directory a strong{overflow-wrap:anywhere}
.france-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.france-stats div{min-width:0}
.france-stats strong{font-size:1.25rem}

/* FAQ et footer. */
.accordion__item button{font-weight:550!important}
.accordion__item button i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--soft);color:var(--brand)}
.accordion__item button i svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important}
.footer-column h3{font-weight:600!important}
.footer-cta h2{max-width:760px;font-size:clamp(2rem,3.1vw,3rem)}

@media(max-width:1120px){
  .page-hero__inner,.estimator-layout,.france-layout{grid-template-columns:1fr}
  .page-hero__aside,.offer-summary,.sector-hero-card,.location-summary,.audit-score-card{max-width:720px}
  .estimator-copy{max-width:760px}
  .sector-listing{grid-template-columns:repeat(2,minmax(0,1fr))}
  .france-map-card{max-width:720px;width:100%}
  .service-detail-grid{grid-template-columns:1fr}
  .sticky-benefits{position:static}
}
@media(max-width:850px){
  .section{padding:68px 0}
  .page-hero{padding:66px 0}
  .contact-page__grid,.audit-layout,.legal-layout,.article-layout{grid-template-columns:1fr}
  .legal-layout>aside{position:static}
  .pricing-grid,.guide-grid,.guide-index-grid,.work-grid,.portfolio-full-grid{grid-template-columns:1fr}
  .portfolio-project__visual{min-height:330px}
  .sector-plan{grid-template-columns:1fr}
  .option-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .option-table th,.option-table td{min-width:170px}
}
@media(max-width:620px){
  body{padding-bottom:58px}
  h1{font-size:clamp(2.15rem,10.6vw,3.2rem)}
  h2,.section-heading h2{font-size:clamp(1.75rem,8.1vw,2.45rem)}
  .section{padding:54px 0}
  .section-heading{margin-bottom:30px}
  .page-hero{padding:54px 0}
  .page-hero__copy h1{font-size:clamp(2rem,9.8vw,3rem)}
  .page-hero__copy p{font-size:.98rem}
  .page-hero__actions{display:grid}
  .page-hero__actions .btn{width:100%}
  .page-hero__aside,.offer-summary,.sector-hero-card,.location-summary,.audit-score-card{padding:21px}
  .work-card__body,.portfolio-project__copy{padding:25px}
  .portfolio-project__visual{min-height:270px}
  .service-row{grid-template-columns:32px minmax(0,1fr) 34px}
  .numbered-section{grid-template-columns:1fr;gap:12px;padding:22px}
  .numbered-section>span{margin-bottom:2px}
  .sector-listing{grid-template-columns:1fr}
  .sector-feature{min-height:auto;padding:23px}
  .sector-feature h2{font-size:2rem}
  .contact-direct-card,.contact-page__form,.audit-form-wrap{padding:20px}
  .contact-direct-card>a,.contact-direct-card>div{padding:13px}
  .contact-page__aside>div:first-child,.contact-confidence{padding:20px}
  .estimator{padding:20px}
  .estimator__header{display:grid;gap:8px}
  .estimator__header strong{text-align:left!important}
  .estimator__result{display:grid;gap:16px}
  .legal-layout>aside{padding:16px}
  .legal-content h2{font-size:1.65rem}
  .france-stats{grid-template-columns:1fr}
  .footer-cta__actions{width:100%}
  .footer-cta__actions .btn{width:100%}
  .mobile-sticky-cta{min-height:58px}
}

/* CB06 ICONES DIRECTES V3 BEGIN */

/* Icône vectorielle insérée directement dans le HTML */

.cb06-native-badge {
    position: relative !important;

    display: inline-grid !important;
    place-items: center !important;

    flex: 0 0 auto !important;

    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    overflow: hidden !important;

    border:
        1px solid rgba(23, 104, 255, .17) !important;

    border-radius: 15px !important;

    color: #075bd8 !important;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(143, 242, 210, .45),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #f5f9ff 0%,
            #e8f1ff 100%
        ) !important;

    box-shadow:
        0 10px 25px rgba(7, 91, 216, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92) !important;

    font-size: 0 !important;
    font-weight: 400 !important;
    line-height: 0 !important;
    text-indent: 0 !important;

    transform: none !important;
}

.cb06-native-badge::before,
.cb06-native-badge::after {
    display: none !important;
    content: none !important;
}

.cb06-native-badge svg {
    position: static !important;

    display: block !important;

    width: 23px !important;
    height: 23px !important;

    margin: 0 !important;
    padding: 0 !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    overflow: visible !important;

    transform: none !important;
    pointer-events: none !important;
}

/* Zones sombres */

.section--dark .cb06-native-badge,
.work-section .cb06-native-badge,
.estimator-section .cb06-native-badge,
.values-grid .cb06-native-badge {
    border-color:
        rgba(143, 242, 210, .2) !important;

    color: #9bf3d8 !important;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(23, 104, 255, .38),
            transparent 40%
        ),
        rgba(255, 255, 255, .07) !important;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

/* Cartes de services */

.service-card__number.cb06-native-badge {
    position: absolute !important;

    top: 20px !important;
    right: 24px !important;

    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;

    border-radius: 13px !important;
}

/* Lignes d’expertises */

.service-row__number.cb06-native-badge {
    position: static !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
}

/* Secteurs */

.sector-feature__number.cb06-native-badge {
    position: static !important;

    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
}

.sector-card > .cb06-native-badge {
    position: static !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 0 28px !important;
}

/* Étapes de méthode */

.process-step > .cb06-native-badge {
    position: static !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 0 22px !important;
}

/* Cartes métriques */

.metric-card > .cb06-native-badge {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    margin: 0 0 13px !important;
}

/* Valeurs de l’agence */

.values-grid article > .cb06-native-badge {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;

    margin: 0 0 22px !important;
}

/* Contact */

.contact-layout li > .cb06-native-badge,
.contact-intro li > .cb06-native-badge,
.contact-card li > .cb06-native-badge {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
}

/* Livrables */

.deliverables-grid article > .cb06-native-badge {
    width: 46px !important;
    height: 46px !important;

    margin-bottom: 20px !important;
}

/* Sections numérotées */

.numbered-section > .cb06-native-badge,
.article-section-number.cb06-native-badge {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
}

/* Pages juridiques */

.cb06-legal__number.cb06-native-badge {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    border-radius: 16px !important;
}

/* Survol discret */

article:hover > .cb06-native-badge,
.metric-card:hover > .cb06-native-badge {
    border-color:
        rgba(23, 104, 255, .32) !important;

    box-shadow:
        0 14px 32px rgba(7, 91, 216, .14),
        inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

/* Mobile */

@media (max-width: 700px) {

    .cb06-native-badge {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;

        border-radius: 14px !important;
    }

    .cb06-native-badge svg {
        width: 21px !important;
        height: 21px !important;
    }

    .service-card__number.cb06-native-badge {
        top: 18px !important;
        right: 18px !important;

        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .cb06-legal__number.cb06-native-badge {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
    }
}

/* CB06 ICONES DIRECTES V3 END */

/* CB06 SERVICES HERO ICONS V5 BEGIN */

/*
 * Bloc supérieur de la page /services/.
 * Pictogrammes visibles, légers et sans carré opaque.
 */

.page-hero__aside--services {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr) !important;

    align-content: center !important;

    gap: 13px !important;

    width: 100% !important;
    min-width: 0 !important;
}

.page-hero__aside--services .metric-card {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
        46px
        minmax(0, 1fr) !important;

    grid-template-areas:
        "icon title"
        "icon description" !important;

    align-items: center !important;

    column-gap: 15px !important;
    row-gap: 3px !important;

    min-width: 0 !important;
    min-height: 82px !important;

    padding:
        16px 19px !important;

    overflow: visible !important;
}

/*
 * Annule les anciennes règles destinées aux numéros 01, 02, 03.
 */

.page-hero__aside--services
.metric-card
>
.metric-card__icon {
    position: static !important;

    grid-area: icon !important;

    display: inline-grid !important;
    place-items: center !important;

    align-self: center !important;
    justify-self: center !important;

    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #1768ff !important;
    background: transparent !important;

    box-shadow: none !important;

    font-size: 0 !important;
    line-height: 0 !important;

    opacity: 1 !important;

    transform: none !important;
}

.page-hero__aside--services
.metric-card
>
.metric-card__icon::before,
.page-hero__aside--services
.metric-card
>
.metric-card__icon::after {
    display: none !important;
    content: none !important;
}

.page-hero__aside--services
.metric-card__icon
svg {
    position: static !important;
    inset: auto !important;

    display: block !important;

    width: 25px !important;
    height: 25px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    color: inherit !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.75 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    opacity: 1 !important;

    transform: none !important;
}

/* Couleurs légèrement différentes pour mieux identifier les cartes. */

.page-hero__aside--services
.metric-card--strategy
.metric-card__icon {
    color: #1768ff !important;
}

.page-hero__aside--services
.metric-card--experience
.metric-card__icon {
    color: #7258e8 !important;
}

.page-hero__aside--services
.metric-card--growth
.metric-card__icon {
    color: #087b62 !important;
}

.page-hero__aside--services
.metric-card
>
strong {
    grid-area: title !important;

    display: block !important;

    min-width: 0 !important;

    margin: 0 !important;

    color: #07162b !important;

    font-size: .92rem !important;
    font-weight: 620 !important;

    line-height: 1.3 !important;
}

.page-hero__aside--services
.metric-card
>
small {
    grid-area: description !important;

    display: block !important;

    min-width: 0 !important;

    margin: 0 !important;

    color: #53677e !important;

    font-size: .75rem !important;
    font-weight: 420 !important;

    line-height: 1.45 !important;
}

/* Survol très discret. */

.page-hero__aside--services
.metric-card:hover
.metric-card__icon {
    filter:
        drop-shadow(
            0 6px 10px rgba(23, 104, 255, .14)
        ) !important;

    transform:
        translateY(-1px) !important;
}

/* Tablette et mobile. */

@media (max-width: 980px) {

    .page-hero__aside--services {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

    .page-hero__aside--services .metric-card {
        grid-template-columns:
            38px
            minmax(0, 1fr) !important;

        min-height: 76px !important;

        padding:
            14px 15px !important;
    }

    .page-hero__aside--services
    .metric-card
    >
    .metric-card__icon {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        min-height: 35px !important;
    }

    .page-hero__aside--services
    .metric-card__icon
    svg {
        width: 22px !important;
        height: 22px !important;
    }
}

@media (max-width: 700px) {

    .page-hero__aside--services {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 10px !important;
    }

    .page-hero__aside--services .metric-card {
        grid-template-columns:
            40px
            minmax(0, 1fr) !important;

        min-height: 72px !important;

        padding:
            13px 16px !important;
    }
}

/* CB06 SERVICES HERO ICONS V5 END */