/* Carros Lagarto — base global consolidada — gerado na 10.32.176. */

/* ===== SOURCE: header-account.css ===== */

.clc-header-account{
    position:fixed;top:18px;right:18px;z-index:99990;
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    min-height:46px;padding:10px 16px;border:2px solid rgba(255,255,255,.18);
    border-radius:14px;background:linear-gradient(135deg,#63E600 0%,#63E600 100%);
    color:#fff!important;text-decoration:none!important;
    box-shadow:0 10px 26px rgba(99,230,0,.30);
    font-size:14px;font-weight:900;line-height:1;
}
.clc-header-account:hover{
    background:linear-gradient(135deg,#63E600 0%,#63E600 100%);
    color:#fff!important;transform:translateY(-1px);
}
.clc-header-account__icon{display:inline-flex;width:22px;height:22px;flex:0 0 22px}
.clc-header-account__icon svg{display:block;width:100%;height:100%;fill:currentColor}
@media(min-width:783px){body.admin-bar .clc-header-account{top:50px}}
@media(max-width:782px){
    .clc-header-account{top:76px;right:14px;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%}
    body.admin-bar .clc-header-account{top:122px}
    .clc-header-account__label{
        position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
        margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;border:0!important
    }
}

/* 6.6.6 — Minha Conta no canto superior direito e verde oficial da marca */
.clc-header-account{
    top:12px !important;
    right:12px !important;
    background:linear-gradient(135deg,#63E600 0%,#63E600 100%) !important;
    box-shadow:0 8px 22px rgba(99,230,0,.28) !important;
}
.clc-header-account:hover{
    background:linear-gradient(135deg,#63E600 0%,#63E600 100%) !important;
}
@media(max-width:782px){
    .clc-header-account{
        top:10px !important;
        right:10px !important;
        width:40px !important;
        height:40px !important;
        min-height:40px !important;
        border-radius:12px !important;
    }
    .clc-header-account__icon{width:20px !important;height:20px !important;flex-basis:20px !important;}
    body.admin-bar .clc-header-account{top:56px !important;}
}

/* =========================================================
   10.12.44 — PEÇAS E SERVIÇOS NO LUGAR DO HAMBÚRGUER
   Botão mobile independente do cabeçalho do tema.
   ========================================================= */
.clc-mobile-parts-top{display:none!important;}
@media(max-width:900px){
    /* Elimina acionadores de menu/hambúrguer herdados do tema e do Core. */
    .clc-menu-toggle,.clc-mobile-menu-button,.mobile-menu-button,.mobile-menu-trigger,
    .stm-menu-trigger,.stm_mobile__switcher,.stm-header-mobile .stm-menu-trigger,
    [class*="hamburger"],[class*="menu-toggle"],[class*="mobile-menu-trigger"]{
        display:none!important;visibility:hidden!important;opacity:0!important;
        width:0!important;min-width:0!important;max-width:0!important;
        height:0!important;min-height:0!important;max-height:0!important;
        padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;
        pointer-events:none!important;
    }
    .clc-mobile-parts-top{
        position:fixed!important;
        top:10px!important;
        right:112px!important;
        z-index:99995!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;
        width:74px!important;
        height:44px!important;
        min-width:74px!important;
        padding:0 6px!important;
        box-sizing:border-box!important;
        border:1px solid rgba(99,230,0,.48)!important;
        border-radius:12px!important;
        background:#151f24!important;
        color:#fff!important;
        text-decoration:none!important;
        box-shadow:0 6px 18px rgba(0,0,0,.24)!important;
    }
    .clc-mobile-parts-top__icon{
        display:inline-flex!important;align-items:center!important;justify-content:center!important;
        width:19px!important;height:19px!important;flex:0 0 19px!important;color:#63E600!important;
    }
    .clc-mobile-parts-top__icon svg{display:block!important;width:19px!important;height:19px!important;fill:currentColor!important;}
    .clc-mobile-parts-top__label{
        display:block!important;color:#fff!important;font-size:8.5px!important;font-weight:900!important;
        line-height:1.02!important;text-align:left!important;white-space:normal!important;
    }
    body.admin-bar .clc-mobile-parts-top{top:56px!important;}
}
@media(max-width:390px){
    .clc-mobile-parts-top{right:101px!important;width:68px!important;min-width:68px!important;padding:0 4px!important;}
    .clc-mobile-parts-top__label{font-size:8px!important;}
}

/* =========================================================
   10.12.45 — AÇÕES NO CANTO SUPERIOR DIREITO (MOBILE)
   Peças e Serviços ocupa o canto direito; Entrar/Minha Conta fica ao lado.
   O JS marca o botão de conta realmente visível do cabeçalho com
   .clc-mobile-account-anchor para compatibilidade com o shell/tema ativo.
   ========================================================= */
@media(max-width:900px){
    .clc-mobile-parts-top{
        display:inline-flex!important;
        position:fixed!important;
        top:13px!important;
        right:10px!important;
        left:auto!important;
        width:78px!important;
        min-width:78px!important;
        height:44px!important;
        z-index:100050!important;
        border-radius:12px!important;
    }
    body.admin-bar .clc-mobile-parts-top{top:59px!important;}

    /* Conta visível do cabeçalho: sempre imediatamente à esquerda de Peças e Serviços. */
    .clc-mobile-account-anchor{
        position:fixed!important;
        top:13px!important;
        right:96px!important;
        left:auto!important;
        z-index:100049!important;
        margin:0!important;
        transform:none!important;
    }
    body.admin-bar .clc-mobile-account-anchor{top:59px!important;}

    /* Se o botão de conta do próprio Core for o ativo, usa formato textual compacto. */
    .clc-header-account.clc-mobile-account-anchor{
        width:auto!important;
        min-width:76px!important;
        height:44px!important;
        min-height:44px!important;
        padding:0 12px!important;
        border-radius:12px!important;
    }
    .clc-header-account.clc-mobile-account-anchor .clc-header-account__icon{display:none!important;}
    .clc-header-account.clc-mobile-account-anchor .clc-header-account__label{
        position:static!important;
        width:auto!important;height:auto!important;margin:0!important;padding:0!important;
        overflow:visible!important;clip:auto!important;white-space:nowrap!important;border:0!important;
        font-size:13px!important;font-weight:900!important;
    }
}
@media(max-width:390px){
    .clc-mobile-parts-top{right:8px!important;width:72px!important;min-width:72px!important;}
    .clc-mobile-account-anchor{right:88px!important;}
}

/* 10.12.46 — cabeçalho mobile: uma única conta + Peças e Serviços */
@media(max-width:900px){
  .clc-mobile-account-duplicate{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  .clc-mobile-parts-top{right:10px!important;}
  .clc-mobile-account-anchor{right:96px!important;}
}

/* 10.12.49 — troca de posição: Peças e Serviços à esquerda, Conta no canto direito */
@media(max-width:900px){
  .clc-mobile-parts-top{
    right:104px!important;
    width:86px!important;
    min-width:86px!important;
    height:46px!important;
  }
  .clc-mobile-account-anchor{
    right:10px!important;
  }
  .clc-header-account.clc-mobile-account-anchor{
    min-width:84px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 14px!important;
  }
}
@media(max-width:390px){
  .clc-mobile-parts-top{right:94px!important;width:78px!important;min-width:78px!important;}
  .clc-mobile-account-anchor{right:8px!important;}
  .clc-header-account.clc-mobile-account-anchor{min-width:78px!important;padding:0 11px!important;}
}


/* 10.12.51 — Estética Automotiva ao lado de Peças e Serviços; conta preservada à direita */
.clc-mobile-aesthetic-top{display:none!important;}
@media(max-width:900px){
  .clc-mobile-parts-top,.clc-mobile-aesthetic-top{
    display:inline-flex!important;position:fixed!important;top:72px!important;z-index:99991!important;
    height:46px!important;min-height:46px!important;width:86px!important;min-width:86px!important;
    align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;
    border:1px solid rgba(99,230,0,.45)!important;border-radius:14px!important;background:#101918!important;
    color:#fff!important;text-decoration:none!important;padding:0 6px!important;
  }
  .clc-mobile-parts-top{right:200px!important;}
  .clc-mobile-aesthetic-top{right:104px!important;}
  .clc-mobile-aesthetic-top__icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:8px!important;background:#63E600!important;color:#07100b!important;font-size:17px!important;font-weight:900!important;line-height:1!important;}
  .clc-mobile-aesthetic-top__label,.clc-mobile-parts-top__label{font-size:9px!important;font-weight:800!important;line-height:1.02!important;text-align:left!important;color:#fff!important;}
  .clc-mobile-account-anchor{right:10px!important;}
  body.admin-bar .clc-mobile-aesthetic-top{top:59px!important;}
}
@media(max-width:390px){
  .clc-mobile-parts-top,.clc-mobile-aesthetic-top{width:72px!important;min-width:72px!important;padding:0 3px!important;gap:3px!important;}
  .clc-mobile-parts-top{right:166px!important;}
  .clc-mobile-aesthetic-top{right:86px!important;}
  .clc-mobile-account-anchor{right:6px!important;}
  .clc-mobile-aesthetic-top__icon{width:21px!important;height:21px!important;flex-basis:21px!important;font-size:15px!important;}
  .clc-mobile-aesthetic-top__label,.clc-mobile-parts-top__label{font-size:7.7px!important;}
  .clc-header-account.clc-mobile-account-anchor{min-width:72px!important;padding:0 8px!important;}
}


/* 10.12.52 — atalhos especiais somente na Home e alinhados na barra superior */
@media(max-width:900px){
  body:not(.home) .clc-mobile-parts-top,
  body:not(.home) .clc-mobile-aesthetic-top,
  body:not(.front-page) .clc-mobile-parts-top,
  body:not(.front-page) .clc-mobile-aesthetic-top{
    display:none!important;
  }
  body.home .clc-mobile-parts-top,
  body.home .clc-mobile-aesthetic-top,
  body.front-page .clc-mobile-parts-top,
  body.front-page .clc-mobile-aesthetic-top{
    top:13px!important;
    height:46px!important;
    min-height:46px!important;
    z-index:100051!important;
  }
  body.home .clc-mobile-account-anchor,
  body.front-page .clc-mobile-account-anchor{
    top:13px!important;
    right:10px!important;
    z-index:100052!important;
  }
  body.home .clc-mobile-aesthetic-top,
  body.front-page .clc-mobile-aesthetic-top{
    right:104px!important;
  }
  body.home .clc-mobile-parts-top,
  body.front-page .clc-mobile-parts-top{
    right:200px!important;
  }
  body.admin-bar.home .clc-mobile-parts-top,
  body.admin-bar.home .clc-mobile-aesthetic-top,
  body.admin-bar.home .clc-mobile-account-anchor,
  body.admin-bar.front-page .clc-mobile-parts-top,
  body.admin-bar.front-page .clc-mobile-aesthetic-top,
  body.admin-bar.front-page .clc-mobile-account-anchor{
    top:59px!important;
  }
}
@media(max-width:390px){
  body.home .clc-mobile-parts-top,
  body.front-page .clc-mobile-parts-top{right:166px!important;}
  body.home .clc-mobile-aesthetic-top,
  body.front-page .clc-mobile-aesthetic-top{right:86px!important;}
  body.home .clc-mobile-account-anchor,
  body.front-page .clc-mobile-account-anchor{right:6px!important;}
}


/* 10.12.53 — legibilidade dos atalhos especiais da Home */
@media(max-width:900px){body.home .clc-mobile-parts-top__label,body.home .clc-mobile-aesthetic-top__label,body.front-page .clc-mobile-parts-top__label,body.front-page .clc-mobile-aesthetic-top__label{font-size:10.2px!important;font-weight:900!important;line-height:1.05!important;}}
@media(max-width:390px){body.home .clc-mobile-parts-top__label,body.home .clc-mobile-aesthetic-top__label,body.front-page .clc-mobile-parts-top__label,body.front-page .clc-mobile-aesthetic-top__label{font-size:9.2px!important;}}


/* =========================================================
   10.12.57 — atalhos especiais maiores na Home mobile
   ========================================================= */
@media(max-width:900px){
  body.home .clc-mobile-parts-top,
  body.home .clc-mobile-aesthetic-top,
  body.front-page .clc-mobile-parts-top,
  body.front-page .clc-mobile-aesthetic-top{
    width:92px!important;
    min-width:92px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 7px!important;
    gap:5px!important;
    border-radius:12px!important;
  }

  body.home .clc-mobile-parts-top__icon,
  body.home .clc-mobile-aesthetic-top__icon,
  body.front-page .clc-mobile-parts-top__icon,
  body.front-page .clc-mobile-aesthetic-top__icon{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    font-size:18px!important;
  }

  body.home .clc-mobile-parts-top__icon svg,
  body.front-page .clc-mobile-parts-top__icon svg{
    width:22px!important;
    height:22px!important;
  }

  body.home .clc-mobile-parts-top__label,
  body.home .clc-mobile-aesthetic-top__label,
  body.front-page .clc-mobile-parts-top__label,
  body.front-page .clc-mobile-aesthetic-top__label{
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1.05!important;
  }

  /* reposiciona mantendo a conta à direita */
  body.home .clc-mobile-parts-top,
  body.front-page .clc-mobile-parts-top{
    right:204px!important;
  }
  body.home .clc-mobile-aesthetic-top,
  body.front-page .clc-mobile-aesthetic-top{
    right:108px!important;
  }
}

@media(max-width:390px){
  body.home .clc-mobile-parts-top,
  body.home .clc-mobile-aesthetic-top,
  body.front-page .clc-mobile-parts-top,
  body.front-page .clc-mobile-aesthetic-top{
    width:84px!important;
    min-width:84px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 5px!important;
  }

  body.home .clc-mobile-parts-top__label,
  body.home .clc-mobile-aesthetic-top__label,
  body.front-page .clc-mobile-parts-top__label,
  body.front-page .clc-mobile-aesthetic-top__label{
    font-size:9.6px!important;
  }

  body.home .clc-mobile-parts-top,
  body.front-page .clc-mobile-parts-top{
    right:184px!important;
  }
  body.home .clc-mobile-aesthetic-top,
  body.front-page .clc-mobile-aesthetic-top{
    right:94px!important;
  }
}
\n\n/* 10.12.58 — categorias especiais do topo mais largas */\n@media(max-width:900px){body.home .clc-mobile-parts-top,body.home .clc-mobile-aesthetic-top,body.front-page .clc-mobile-parts-top,body.front-page .clc-mobile-aesthetic-top{width:106px!important;min-width:106px!important;padding-left:9px!important;padding-right:9px!important}body.home .clc-mobile-parts-top__label,body.home .clc-mobile-aesthetic-top__label,body.front-page .clc-mobile-parts-top__label,body.front-page .clc-mobile-aesthetic-top__label{font-size:10.8px!important;max-width:72px!important}body.home .clc-mobile-parts-top,body.front-page .clc-mobile-parts-top{right:232px!important}body.home .clc-mobile-aesthetic-top,body.front-page .clc-mobile-aesthetic-top{right:120px!important}}\n@media(max-width:390px){body.home .clc-mobile-parts-top,body.home .clc-mobile-aesthetic-top,body.front-page .clc-mobile-parts-top,body.front-page .clc-mobile-aesthetic-top{width:94px!important;min-width:94px!important}body.home .clc-mobile-parts-top,body.front-page .clc-mobile-parts-top{right:204px!important}body.home .clc-mobile-aesthetic-top,body.front-page .clc-mobile-aesthetic-top{right:104px!important}}\n

/* =========================================================
   10.12.60 — MENU MOBILE INFERIOR OFICIAL CARROS LAGARTO
   ========================================================= */
.clc-mobile-bottom-nav{display:none;}
@media(max-width:740px){
  html body{padding-bottom:76px!important;}

  html body .clc-mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1000000!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1.18fr 1fr 1fr!important;
    align-items:stretch!important;
    height:72px!important;
    padding:5px 5px max(5px,env(safe-area-inset-bottom))!important;
    background:rgba(7,15,14,.98)!important;
    border-top:3px solid #63E600!important;
    box-shadow:0 -10px 28px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(12px)!important;
    box-sizing:border-box!important;
  }
  html body .clc-mobile-bottom-nav__item{
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:3px 2px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    text-decoration:none!important;
    font-family:inherit!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
  }
  html body .clc-mobile-bottom-nav__item:hover,
  html body .clc-mobile-bottom-nav__item:focus{
    background:rgba(99,230,0,.10)!important;
    color:#63E600!important;
  }
  html body .clc-mobile-bottom-nav__icon{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
    display:grid!important;
    place-items:center!important;
    color:#63E600!important;
    font-size:22px!important;
    line-height:1!important;
  }
  html body .clc-mobile-bottom-nav__icon svg{
    width:24px!important;
    height:24px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  html body .clc-mobile-bottom-nav__favorites .clc-mobile-bottom-nav__icon svg{
    fill:none!important;
    stroke:#63E600!important;
  }
  html body .clc-mobile-bottom-nav__publish{
    margin:-10px 2px 0!important;
    height:66px!important;
    border-radius:22px!important;
    background:#63E600!important;
    color:#07100b!important;
    box-shadow:0 0 0 5px rgba(20,32,27,.95),0 8px 20px rgba(99,230,0,.20)!important;
  }
  html body .clc-mobile-bottom-nav__publish:hover,
  html body .clc-mobile-bottom-nav__publish:focus{
    background:#63E600!important;
    color:#07100b!important;
  }
  html body .clc-mobile-bottom-nav__publish .clc-mobile-bottom-nav__icon{
    width:31px!important;
    height:31px!important;
    color:#07100b!important;
  }
  html body .clc-mobile-bottom-nav__publish .clc-mobile-bottom-nav__icon svg{
    width:27px!important;
    height:27px!important;
    stroke:#07100b!important;
  }
  html body .clc-mobile-bottom-nav__publish span:last-child{
    font-size:10.5px!important;
    font-weight:900!important;
  }

  /* Remove botões antigos no mobile: a barra inferior passa a ser a fonte única. */
  html body .clc-floating-ad-button,
  html body .clc-floating-favorites-button,
  html body .clc-smart-assistant > .clc-assistant-toggle{
    display:none!important;
  }

  /* Topo da Home: categorias maiores e legíveis, mantendo Minha Conta à direita. */
  html body.home .clc-mobile-parts-top,
  html body.home .clc-mobile-aesthetic-top,
  html body.front-page .clc-mobile-parts-top,
  html body.front-page .clc-mobile-aesthetic-top{
    display:flex!important;
    width:104px!important;
    min-width:104px!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 8px!important;
    gap:6px!important;
    border-radius:12px!important;
    background:#111b1c!important;
    border:1px solid rgba(99,230,0,.45)!important;
    box-sizing:border-box!important;
  }
  html body.home .clc-mobile-parts-top__label,
  html body.home .clc-mobile-aesthetic-top__label,
  html body.front-page .clc-mobile-parts-top__label,
  html body.front-page .clc-mobile-aesthetic-top__label{
    font-size:10.8px!important;
    font-weight:900!important;
    line-height:1.04!important;
    max-width:67px!important;
    color:#fff!important;
  }
  html body.home .clc-mobile-parts-top__icon,
  html body.home .clc-mobile-aesthetic-top__icon,
  html body.front-page .clc-mobile-parts-top__icon,
  html body.front-page .clc-mobile-aesthetic-top__icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    flex:0 0 27px!important;
  }
  html body.home .clc-mobile-aesthetic-top,
  html body.front-page .clc-mobile-aesthetic-top{right:92px!important;}
  html body.home .clc-mobile-parts-top,
  html body.front-page .clc-mobile-parts-top{right:202px!important;}
}
@media(max-width:410px){
  html body.home .clc-mobile-parts-top,
  html body.home .clc-mobile-aesthetic-top,
  html body.front-page .clc-mobile-parts-top,
  html body.front-page .clc-mobile-aesthetic-top{
    width:94px!important;
    min-width:94px!important;
    padding:0 6px!important;
    gap:4px!important;
  }
  html body.home .clc-mobile-parts-top__label,
  html body.home .clc-mobile-aesthetic-top__label,
  html body.front-page .clc-mobile-parts-top__label,
  html body.front-page .clc-mobile-aesthetic-top__label{
    font-size:10px!important;
    max-width:60px!important;
  }
  html body.home .clc-mobile-aesthetic-top,
  html body.front-page .clc-mobile-aesthetic-top{right:82px!important;}
  html body.home .clc-mobile-parts-top,
  html body.front-page .clc-mobile-parts-top{right:181px!important;}
}
@media(max-width:370px){
  html body .clc-mobile-bottom-nav__item{font-size:9px!important;}
  html body.home .clc-mobile-parts-top,
  html body.home .clc-mobile-aesthetic-top,
  html body.front-page .clc-mobile-parts-top,
  html body.front-page .clc-mobile-aesthetic-top{
    width:86px!important;
    min-width:86px!important;
  }
  html body.home .clc-mobile-parts-top__label,
  html body.home .clc-mobile-aesthetic-top__label,
  html body.front-page .clc-mobile-parts-top__label,
  html body.front-page .clc-mobile-aesthetic-top__label{font-size:9.3px!important;}
  html body.home .clc-mobile-aesthetic-top,
  html body.front-page .clc-mobile-aesthetic-top{right:76px!important;}
  html body.home .clc-mobile-parts-top,
  html body.front-page .clc-mobile-parts-top{right:167px!important;}
}
\n\n/* =========================================================\n   10.12.68 — DESKTOP ALINHADO AO TOPO MOBILE\n   Peças e Serviços + Estética Automotiva visíveis na Home desktop.\n   ========================================================= */\n@media(min-width:901px){\n  body.home .clc-mobile-parts-top,\n  body.home .clc-mobile-aesthetic-top,\n  body.front-page .clc-mobile-parts-top,\n  body.front-page .clc-mobile-aesthetic-top{\n    display:inline-flex!important;\n    position:fixed!important;\n    top:18px!important;\n    height:48px!important;\n    min-height:48px!important;\n    width:150px!important;\n    min-width:150px!important;\n    align-items:center!important;\n    justify-content:center!important;\n    gap:9px!important;\n    box-sizing:border-box!important;\n    border:1px solid rgba(99,230,0,.45)!important;\n    border-radius:13px!important;\n    background:#101918!important;\n    color:#fff!important;\n    text-decoration:none!important;\n    padding:0 12px!important;\n    z-index:100051!important;\n  }\n  body.home .clc-mobile-aesthetic-top,\n  body.front-page .clc-mobile-aesthetic-top{right:178px!important;}\n  body.home .clc-mobile-parts-top,\n  body.front-page .clc-mobile-parts-top{right:338px!important;}\n\n  body.home .clc-mobile-parts-top__icon,\n  body.home .clc-mobile-aesthetic-top__icon,\n  body.front-page .clc-mobile-parts-top__icon,\n  body.front-page .clc-mobile-aesthetic-top__icon{\n    width:30px!important;height:30px!important;flex:0 0 30px!important;\n    display:inline-flex!important;align-items:center!important;justify-content:center!important;\n  }\n  body.home .clc-mobile-parts-top__icon svg,\n  body.front-page .clc-mobile-parts-top__icon svg{width:24px!important;height:24px!important;}\n  body.home .clc-mobile-aesthetic-top__icon,\n  body.front-page .clc-mobile-aesthetic-top__icon{\n    border-radius:9px!important;background:#63E600!important;color:#07100b!important;\n    font-size:19px!important;font-weight:900!important;\n  }\n  body.home .clc-mobile-parts-top__label,\n  body.home .clc-mobile-aesthetic-top__label,\n  body.front-page .clc-mobile-parts-top__label,\n  body.front-page .clc-mobile-aesthetic-top__label{\n    font-size:13px!important;font-weight:900!important;line-height:1.05!important;\n    color:#fff!important;text-align:left!important;\n  }\n  body.home .clc-header-account,\n  body.front-page .clc-header-account{\n    top:18px!important;right:18px!important;height:48px!important;min-height:48px!important;\n  }\n  body.admin-bar.home .clc-mobile-parts-top,\n  body.admin-bar.home .clc-mobile-aesthetic-top,\n  body.admin-bar.home .clc-header-account,\n  body.admin-bar.front-page .clc-mobile-parts-top,\n  body.admin-bar.front-page .clc-mobile-aesthetic-top,\n  body.admin-bar.front-page .clc-header-account{top:50px!important;}\n\n  /* remove o botão Buscar legado do cabeçalho no desktop da Home */\n  body.home .clc-search-toggle,\n  body.home .header-search,\n  body.home .stm-header-search,\n  body.home .stm-search,\n  body.front-page .clc-search-toggle,\n  body.front-page .header-search,\n  body.front-page .stm-header-search,\n  body.front-page .stm-search{display:none!important;}\n}\n
/* 10.12.83 — Conta compacta sem sobrepor Estética Automotiva */
@media (max-width:900px){
 body.home .clc-header-account,body.front-page .clc-header-account{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;right:6px!important;width:68px!important;min-width:68px!important;max-width:68px!important;height:56px!important;padding:0 5px!important;box-sizing:border-box!important}
 body.home .clc-header-account__icon,body.front-page .clc-header-account__icon{width:19px!important;height:19px!important;flex:0 0 19px!important}
 body.home .clc-header-account__label,body.front-page .clc-header-account__label{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important;border:0!important;display:inline!important;font-size:10px!important;line-height:1!important;font-weight:900!important}
 body.home .clc-mobile-aesthetic-top,body.front-page .clc-mobile-aesthetic-top{right:78px!important}
}

/* =========================================================
   10.32.7 — CONTADOR DE UNIDADES NO CARRINHO MOBILE
   O badge fica no topo do botão Carrinho, inclusive na Home.
   ========================================================= */
@media(max-width:740px){
  html body .clc-mobile-bottom-nav__cart{
    position:relative!important;
    overflow:visible!important;
  }
  html body .clc-mobile-bottom-nav__cart-count{
    position:absolute!important;
    top:0!important;
    right:calc(50% - 26px)!important;
    z-index:4!important;
    display:grid!important;
    place-items:center!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    border:2px solid #07100b!important;
    border-radius:999px!important;
    background:#63E600!important;
    color:#07100b!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    box-shadow:0 3px 10px rgba(0,0,0,.38),0 0 12px rgba(99,230,0,.24)!important;
    box-sizing:border-box!important;
    pointer-events:none!important;
  }
  html body .clc-mobile-bottom-nav__cart-count[hidden],
  html body .clc-mobile-bottom-nav__cart-count[data-count="0"]{
    display:none!important;
  }
  html body .clc-mobile-bottom-nav__cart-count.clc-cart-count-pop{
    animation:clcCartCountPop10327 .38s ease!important;
  }
}
@keyframes clcCartCountPop10327{
  0%{transform:scale(.72)}
  55%{transform:scale(1.22)}
  100%{transform:scale(1)}
}


/* 10.32.101 — Topo da Home: categorias acompanham a rolagem e texto estável */
@media(max-width:900px){
  html body.home .clc-mobile-parts-top,
  html body.home .clc-mobile-aesthetic-top,
  html body.front-page .clc-mobile-parts-top,
  html body.front-page .clc-mobile-aesthetic-top{
    position:absolute!important;
    top:13px!important;
    bottom:auto!important;
    transform:none!important;
    z-index:100051!important;
  }

  html body.home .clc-mobile-aesthetic-top__label,
  html body.front-page .clc-mobile-aesthetic-top__label{
    white-space:nowrap!important;
    overflow:visible!important;
    max-width:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    font-size:10px!important;
    line-height:1.04!important;
  }

  html body.home .clc-mobile-parts-top__label,
  html body.front-page .clc-mobile-parts-top__label{
    white-space:nowrap!important;
    overflow:visible!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  body.admin-bar.home .clc-mobile-parts-top,
  body.admin-bar.home .clc-mobile-aesthetic-top,
  body.admin-bar.front-page .clc-mobile-parts-top,
  body.admin-bar.front-page .clc-mobile-aesthetic-top{
    top:59px!important;
  }
}

@media(max-width:390px){
  html body.home .clc-mobile-aesthetic-top__label,
  html body.front-page .clc-mobile-aesthetic-top__label{
    font-size:9.1px!important;
  }
}


/* ==========================================================
   10.32.111 — TOPO DA HOME NO MESMO PADRÃO DAS CATEGORIAS
   Regra aplicada no CSS do header para vencer estilos antigos.
   ========================================================== */

body.home a.clc-mobile-parts-top,
body.home a.clc-mobile-aesthetic-top,
body.front-page a.clc-mobile-parts-top,
body.front-page a.clc-mobile-aesthetic-top{
  position:absolute!important;
  top:16px!important;
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
  padding:2px 0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  text-decoration:none!important;
  transform:none!important;
}

body.home a.clc-mobile-parts-top{
  left:calc(50% - 83px)!important;
}
body.home a.clc-mobile-aesthetic-top{
  left:calc(50% + 5px)!important;
}
body.front-page a.clc-mobile-parts-top{
  left:calc(50% - 83px)!important;
}
body.front-page a.clc-mobile-aesthetic-top{
  left:calc(50% + 5px)!important;
}

body.home .clc-mobile-parts-top__icon,
body.home .clc-mobile-aesthetic-top__icon,
body.front-page .clc-mobile-parts-top__icon,
body.front-page .clc-mobile-aesthetic-top__icon{
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  background:#63E600!important;
  color:#071007!important;
  box-shadow:none!important;
  line-height:1!important;
}

body.home .clc-mobile-parts-top__icon svg,
body.front-page .clc-mobile-parts-top__icon svg{
  display:block!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  fill:none!important;
}

body.home .clc-mobile-aesthetic-top__icon,
body.front-page .clc-mobile-aesthetic-top__icon{
  font-size:25px!important;
}

body.home .clc-mobile-parts-top__label,
body.home .clc-mobile-aesthetic-top__label,
body.front-page .clc-mobile-parts-top__label,
body.front-page .clc-mobile-aesthetic-top__label{
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:78px!important;
  max-width:78px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:10.5px!important;
  line-height:1.02!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body.home .clc-mobile-parts-top__label > span,
body.home .clc-mobile-aesthetic-top__label > span,
body.front-page .clc-mobile-parts-top__label > span,
body.front-page .clc-mobile-aesthetic-top__label > span{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
}

@media(max-width:420px){
  body.home a.clc-mobile-parts-top,
  body.home a.clc-mobile-aesthetic-top,
  body.front-page a.clc-mobile-parts-top,
  body.front-page a.clc-mobile-aesthetic-top{
    top:16px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
  }

  body.home a.clc-mobile-parts-top,
  body.front-page a.clc-mobile-parts-top{
    left:calc(50% - 76px)!important;
  }
  body.home a.clc-mobile-aesthetic-top,
  body.front-page a.clc-mobile-aesthetic-top{
    left:calc(50% + 3px)!important;
  }

  body.home .clc-mobile-parts-top__icon,
  body.home .clc-mobile-aesthetic-top__icon,
  body.front-page .clc-mobile-parts-top__icon,
  body.front-page .clc-mobile-aesthetic-top__icon{
    flex-basis:48px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    border-radius:13px!important;
  }

  body.home .clc-mobile-parts-top__icon svg,
  body.front-page .clc-mobile-parts-top__icon svg{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
  }

  body.home .clc-mobile-parts-top__label,
  body.home .clc-mobile-aesthetic-top__label,
  body.front-page .clc-mobile-parts-top__label,
  body.front-page .clc-mobile-aesthetic-top__label{
    width:72px!important;
    max-width:72px!important;
    font-size:9.7px!important;
  }
}


/* ==========================================================
   10.32.112 — CORREÇÃO DEFINITIVA DAS CATEGORIAS SUPERIORES
   Mesmo tamanho/proporção das categorias inferiores.
   ========================================================== */

body.home a.clc-mobile-parts-top,
body.home a.clc-mobile-aesthetic-top,
body.front-page a.clc-mobile-parts-top,
body.front-page a.clc-mobile-aesthetic-top{
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;

  height:auto!important;
  min-height:78px!important;
  max-height:none!important;

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

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;

  gap:4px!important;

  background:none!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;

  overflow:visible!important;
}

/* Posição entre logo e Conta */
body.home a.clc-mobile-parts-top,
body.front-page a.clc-mobile-parts-top{
  left:calc(50% - 78px)!important;
}

body.home a.clc-mobile-aesthetic-top,
body.front-page a.clc-mobile-aesthetic-top{
  left:calc(50% + 4px)!important;
}

/* Ícone idêntico aos ícones das categorias inferiores */
body.home .clc-mobile-parts-top__icon,
body.home .clc-mobile-aesthetic-top__icon,
body.front-page .clc-mobile-parts-top__icon,
body.front-page .clc-mobile-aesthetic-top__icon{
  width:54px!important;
  height:54px!important;

  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;

  flex:0 0 54px!important;

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

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:15px!important;
  background:#63E600!important;
  color:#071007!important;

  overflow:hidden!important;
  box-sizing:border-box!important;

  aspect-ratio:1 / 1!important;
}

/* Remove qualquer dimensão herdada do botão antigo */
body.home .clc-mobile-parts-top__icon::before,
body.home .clc-mobile-parts-top__icon::after,
body.home .clc-mobile-aesthetic-top__icon::before,
body.home .clc-mobile-aesthetic-top__icon::after,
body.front-page .clc-mobile-parts-top__icon::before,
body.front-page .clc-mobile-parts-top__icon::after,
body.front-page .clc-mobile-aesthetic-top__icon::before,
body.front-page .clc-mobile-aesthetic-top__icon::after{
  display:none!important;
  content:none!important;
}

body.home .clc-mobile-parts-top__icon svg,
body.front-page .clc-mobile-parts-top__icon svg{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;

  display:block!important;
  flex:none!important;

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

  transform:none!important;
}

body.home .clc-mobile-aesthetic-top__icon,
body.front-page .clc-mobile-aesthetic-top__icon{
  font-size:27px!important;
  line-height:54px!important;
  text-align:center!important;
}

/* Nome abaixo do ícone */
body.home .clc-mobile-parts-top__label,
body.home .clc-mobile-aesthetic-top__label,
body.front-page .clc-mobile-parts-top__label,
body.front-page .clc-mobile-aesthetic-top__label{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;

  width:76px!important;
  max-width:76px!important;

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

  color:#fff!important;

  font-size:10.5px!important;
  line-height:1.02!important;
  font-weight:900!important;

  text-align:center!important;

  overflow:visible!important;
  white-space:normal!important;

  transform:none!important;
}

/* Cada linha é controlada e centralizada */
body.home .clc-mobile-parts-top__label span,
body.home .clc-mobile-aesthetic-top__label span,
body.front-page .clc-mobile-parts-top__label span,
body.front-page .clc-mobile-aesthetic-top__label span{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  white-space:nowrap!important;
}

@media(max-width:390px){

  body.home a.clc-mobile-parts-top,
  body.home a.clc-mobile-aesthetic-top,
  body.front-page a.clc-mobile-parts-top,
  body.front-page a.clc-mobile-aesthetic-top{
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
  }

  body.home a.clc-mobile-parts-top,
  body.front-page a.clc-mobile-parts-top{
    left:calc(50% - 73px)!important;
  }

  body.home a.clc-mobile-aesthetic-top,
  body.front-page a.clc-mobile-aesthetic-top{
    left:calc(50% + 2px)!important;
  }

  body.home .clc-mobile-parts-top__icon,
  body.home .clc-mobile-aesthetic-top__icon,
  body.front-page .clc-mobile-parts-top__icon,
  body.front-page .clc-mobile-aesthetic-top__icon{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    flex-basis:50px!important;
    border-radius:14px!important;
  }

  body.home .clc-mobile-parts-top__icon svg,
  body.front-page .clc-mobile-parts-top__icon svg{
    width:32px!important;
    height:32px!important;
  }

  body.home .clc-mobile-aesthetic-top__icon,
  body.front-page .clc-mobile-aesthetic-top__icon{
    font-size:25px!important;
    line-height:50px!important;
  }

  body.home .clc-mobile-parts-top__label,
  body.home .clc-mobile-aesthetic-top__label,
  body.front-page .clc-mobile-parts-top__label,
  body.front-page .clc-mobile-aesthetic-top__label{
    width:70px!important;
    max-width:70px!important;
    font-size:9.8px!important;
  }
}


/* ==========================================================
   10.32.154 — BOTÃO CONTA GLOBAL NO PADRÃO DA HOME
   ========================================================== */

html body .clc-header-account{
  position:fixed!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:auto!important;
  min-width:96px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;

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

  border:0!important;
  border-radius:14px!important;
  background:#63E600!important;
  background-image:none!important;
  color:#050807!important;
  box-shadow:0 8px 22px rgba(99,230,0,.20)!important;

  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;

  transform:none!important;
  z-index:2147483200!important;
}

html body .clc-header-account__icon{
  display:none!important;
}

html body .clc-header-account__label{
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:nowrap!important;
  border:0!important;
  color:#050807!important;
  font:inherit!important;
}

@media(max-width:900px){
  html body .clc-header-account{
    top:10px!important;
    right:10px!important;
    width:auto!important;
    min-width:96px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:0 18px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }

  html body.admin-bar .clc-header-account{
    top:56px!important;
  }
}

@media(max-width:390px){
  html body .clc-header-account{
    right:8px!important;
    min-width:90px!important;
    padding:0 15px!important;
    font-size:15px!important;
  }
}


/* ===== SOURCE: design-system.css ===== */

:root{
    --clc-green:var(--cl-verde-oficial);
    --clc-green-dark:var(--cl-verde-oficial);
    --clc-blue:#1976d2;
    --clc-blue-dark:#125da8;
    --clc-orange:#f39c12;
    --clc-orange-dark:#c97f08;
    --clc-red:#e53935;
    --clc-red-dark:#b92724;
    --clc-dark:#202428;
    --clc-muted:#6f7782;
    --clc-bg:#f4f6f8;
    --clc-card:#ffffff;
    --clc-border:#e4e8ec;
    --clc-radius:12px;
    --clc-shadow:0 8px 22px rgba(24,32,40,.08);
}

/* Base visual para componentes do próprio Core. */
body.clc-design-system .clc-btn,
body.clc-design-system .clc-primary-btn,
body.clc-design-system .clc-actions a,
body.clc-design-system .clc-management-actions a,
body.clc-design-system .clc-editor-submit,
body.clc-design-system .clc-listing-submit{
    min-height:48px!important;
    padding:12px 18px!important;
    border-radius:var(--clc-radius)!important;
    border:0!important;
    font-weight:800!important;
    text-decoration:none!important;
    text-shadow:none!important;
    box-shadow:0 6px 16px rgba(24,32,40,.10)!important;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}

/* Verde = ação principal/positiva */
body.clc-design-system .clc-btn,
body.clc-design-system .clc-primary-btn,
body.clc-design-system .clc-actions a.is-primary,
body.clc-design-system .clc-editor-submit,
body.clc-design-system .clc-listing-submit,
body.clc-design-system a[href*="/anunciar-veiculo/"]{
    background:linear-gradient(135deg,#63E600 0%,var(--clc-green-dark) 100%)!important;
    color:#fff!important;
}

/* Azul = visualizar/editar/informação */
body.clc-design-system .clc-actions a:not(.is-primary):not(.green){
    background:var(--clc-blue)!important;
    color:#fff!important;
}

/* Laranja = renovar/atenção */
body.clc-design-system .clc-renew{
    background:var(--clc-orange)!important;
    color:#fff!important;
}

/* Vermelho = excluir/perigo */
body.clc-design-system .clc-trash,
body.clc-design-system .button.delete,
body.clc-design-system .button.remove{
    background:var(--clc-red)!important;
    color:#fff!important;
}

/* Cinza escuro = pausar/neutro */
body.clc-design-system .clc-pause{
    background:var(--clc-dark)!important;
    color:#fff!important;
}

/* Verde claro = reativar */
body.clc-design-system .clc-reactivate{
    background:var(--clc-green)!important;
    color:#fff!important;
}

body.clc-design-system .clc-btn:hover,
body.clc-design-system .clc-primary-btn:hover,
body.clc-design-system .clc-actions a:hover,
body.clc-design-system .clc-management-actions a:hover,
body.clc-design-system .clc-editor-submit:hover,
body.clc-design-system .clc-listing-submit:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 10px 22px rgba(24,32,40,.16)!important;
    color:#fff!important;
}

/* Cards */
body.clc-design-system .clc-ad,
body.clc-design-system .clc-ad-card,
body.clc-design-system .clc-user-grid > *,
body.clc-design-system .woocommerce-MyAccount-content,
body.clc-design-system .clc-section,
body.clc-design-system .clc-account-section{
    border-radius:16px!important;
    border:1px solid var(--clc-border)!important;
    box-shadow:var(--clc-shadow)!important;
}

/* Status */
body.clc-design-system .clc-status{
    border-radius:999px!important;
    padding:6px 10px!important;
    font-weight:900!important;
}
body.clc-design-system .clc-status.is-published,
body.clc-design-system .clc-status.status-publish{
    background:#e5f7ed!important;
    color:var(--cl-verde-oficial)!important;
}
body.clc-design-system .clc-status.is-pending,
body.clc-design-system .clc-status.status-pending{
    background:#fff3cd!important;
    color:#856404!important;
}
body.clc-design-system .clc-status.is-paused,
body.clc-design-system .clc-status.status-draft{
    background:#eceff1!important;
    color:#394149!important;
}

/* Formulários */
body.clc-design-system input[type="text"],
body.clc-design-system input[type="email"],
body.clc-design-system input[type="tel"],
body.clc-design-system input[type="number"],
body.clc-design-system input[type="password"],
body.clc-design-system select,
body.clc-design-system textarea{
    border-radius:12px!important;
    border:1px solid var(--clc-border)!important;
}

body.clc-design-system input:focus,
body.clc-design-system select:focus,
body.clc-design-system textarea:focus{
    outline:none!important;
    border-color:var(--clc-green)!important;
    box-shadow:0 0 0 4px rgba(99,230,0,.12)!important;
}

/* Botão flutuante Minha Conta */
body.clc-design-system .clc-header-account{
    background:linear-gradient(135deg,#63E600 0%,var(--clc-green-dark) 100%)!important;
    border-color:rgba(255,255,255,.25)!important;
}

/* Responsivo */
@media(max-width:720px){
    body.clc-design-system .clc-actions,
    body.clc-design-system .clc-management-actions{
        gap:8px!important;
    }

    body.clc-design-system .clc-btn,
    body.clc-design-system .clc-primary-btn,
    body.clc-design-system .clc-editor-submit,
    body.clc-design-system .clc-listing-submit{
        width:100%!important;
    }
}

/* 4.3.4 — Correção de contraste nas estatísticas/informações do anúncio. */
body.clc-design-system .clv-grid-info,
body.clc-design-system .clv-grid-info *,
body.clc-design-system .clv-info-item,
body.clc-design-system .clv-info-item *{
    text-shadow:none!important;
}

body.clc-design-system .clv-info-item{
    background:#ffffff!important;
    border:1px solid #e5e7eb!important;
    color:#111827!important;
}

body.clc-design-system .clv-info-item small,
body.clc-design-system .clv-info-item .label,
body.clc-design-system .clv-info-item .clv-label{
    color:#6b7280!important;
    opacity:1!important;
}

body.clc-design-system .clv-info-item strong,
body.clc-design-system .clv-info-item b,
body.clc-design-system .clv-info-item .value,
body.clc-design-system .clv-info-item .clv-value,
body.clc-design-system .clv-info-item p{
    color:#111827!important;
    opacity:1!important;
}

body.clc-design-system .clv-info-item span:not(.label):not(.value):not(.clv-label):not(.clv-value){
    opacity:1!important;
}

/* Compatibilidade com cards de estatísticas criados por versões anteriores. */
body.clc-design-system .clc-listing-stats,
body.clc-design-system .clc-listing-stats *,
body.clc-design-system .clc-vehicle-stats,
body.clc-design-system .clc-vehicle-stats *,
body.clc-design-system .vehicle-stats,
body.clc-design-system .vehicle-stats *{
    text-shadow:none!important;
}

body.clc-design-system .clc-listing-stats .stat-card,
body.clc-design-system .clc-vehicle-stats .stat-card,
body.clc-design-system .vehicle-stats .stat-card{
    background:#ffffff!important;
    border-color:#e5e7eb!important;
}

body.clc-design-system .clc-listing-stats strong,
body.clc-design-system .clc-listing-stats b,
body.clc-design-system .clc-listing-stats .value,
body.clc-design-system .clc-vehicle-stats strong,
body.clc-design-system .clc-vehicle-stats b,
body.clc-design-system .clc-vehicle-stats .value,
body.clc-design-system .vehicle-stats strong,
body.clc-design-system .vehicle-stats b,
body.clc-design-system .vehicle-stats .value{
    color:#111827!important;
    opacity:1!important;
}

body.clc-design-system .clc-listing-stats small,
body.clc-design-system .clc-listing-stats .label,
body.clc-design-system .clc-vehicle-stats small,
body.clc-design-system .clc-vehicle-stats .label,
body.clc-design-system .vehicle-stats small,
body.clc-design-system .vehicle-stats .label{
    color:#6b7280!important;
    opacity:1!important;
}

/* 6.6.6 — verde oficial extraído da marca Carros Lagarto */
:root{
    --clc-green:var(--cl-verde-oficial);
    --clc-green-dark:var(--cl-verde-oficial);
}
body.clc-design-system .clc-btn,
body.clc-design-system .clc-primary-btn,
body.clc-design-system .clc-actions a.is-primary,
body.clc-design-system .clc-editor-submit,
body.clc-design-system .clc-listing-submit,
body.clc-design-system a[href*="/anunciar-veiculo/"],
body.clc-design-system .clc-header-account{
    background:linear-gradient(135deg,#63E600 0%,#63E600 100%)!important;
}
body.clc-design-system a:not(.clc-trash):not(.button):hover,
body.clc-design-system .clc-link,
body.clc-design-system .clc-accent,
body.clc-design-system input:checked + label{
    accent-color:var(--cl-verde-oficial);
}
body.clc-design-system input:focus,
body.clc-design-system select:focus,
body.clc-design-system textarea:focus{
    border-color:var(--cl-verde-oficial)!important;
    box-shadow:0 0 0 4px rgba(99,230,0,.16)!important;
}


/* Global Motors/WooCommerce override */
:root{
 --stm-base-color: var(--clc-green)!important;
 --motors-primary-color: var(--clc-green)!important;
}
a,
.stm-color-primary,
.stm-template-listing_two .price,
.stm_listing_price,
.price,
.woocommerce-Price-amount,
.stm_rent_price,
.stm-car-price,
.stm-price,
[class*="price"],
[class*="green"],
button,
input[type=submit],
input[type=button],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.btn,
.stm-button,
.stm-btn{
 color:inherit;
}
button,
input[type=submit],
input[type=button],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.btn,
.stm-button,
.stm-btn,
a.button{
 background:var(--clc-green)!important;
 border-color:var(--clc-green)!important;
 color:#fff!important;
}
button:hover,
input[type=submit]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.btn:hover,
.stm-button:hover{
 background:var(--clc-green-dark)!important;
 border-color:var(--clc-green-dark)!important;
}
.stm_listing_price,
.stm-car-price,
.stm-price,
.price,
.woocommerce-Price-amount,
.stm-color-primary,
a:hover{
 color:var(--clc-green)!important;
}


/* ==========================================================
   6.8.7 — VERDE ÚNICO DO LAYOUT DE REFERÊNCIA
   Cor principal observada na página de anúncio: #63E600.
   Esta camada é carregada por último e unifica os componentes
   públicos do Carros Lagarto sem alterar cores de erro/alerta.
   ========================================================== */
:root,
body.clc-design-system{
    --clc-green:var(--cl-verde-oficial)!important;
    --clc-green-dark:var(--cl-verde-oficial)!important;
    --cl-green:var(--cl-verde-oficial)!important;
    --cl-green-dark:var(--cl-verde-oficial)!important;
    --stm-base-color:var(--cl-verde-oficial)!important;
    --stm-secondary-color:var(--cl-verde-oficial)!important;
    --motors-primary-color:var(--cl-verde-oficial)!important;
}

/* textos, preços, títulos pequenos, ícones e estados ativos */
body.clc-design-system :is(
    .clc-accent,.clc-link,.clc-price,.clv-price,.clv-kicker,
    .clc-category-title,.clc-category-count,.clc-step.is-active,
    .clc-progress-current,.clc-status-active,.clc-icon-green,
    .stm-color-primary,.stm_listing_price,.stm-car-price,.stm-price,
    .woocommerce-Price-amount,.price,.amount
){color:var(--cl-verde-oficial)!important;}

/* botões principais */
body.clc-design-system :is(
    .clc-btn,.clc-primary-btn,.clc-editor-submit,.clc-listing-submit,
    .clc-header-account,.clc-whatsapp,.clv-whatsapp,.clc-submit,
    button[type="submit"],input[type="submit"],input[type="button"],
    a.button,.button,.btn,.stm-button,.stm-btn,
    .woocommerce a.button,.woocommerce button.button,.woocommerce input.button
){
    background:var(--cl-verde-oficial)!important;
    background-image:none!important;
    border-color:var(--cl-verde-oficial)!important;
    color:#fff!important;
}
body.clc-design-system :is(
    .clc-btn,.clc-primary-btn,.clc-editor-submit,.clc-listing-submit,
    .clc-header-account,.clc-whatsapp,.clv-whatsapp,.clc-submit,
    button[type="submit"],input[type="submit"],input[type="button"],
    a.button,.button,.btn,.stm-button,.stm-btn,
    .woocommerce a.button,.woocommerce button.button,.woocommerce input.button
):hover{
    background:var(--cl-verde-oficial)!important;
    background-image:none!important;
    border-color:var(--cl-verde-oficial)!important;
    color:#fff!important;
}

/* foco, seleção, paginação e controles */
body.clc-design-system :is(input,select,textarea):focus{
    border-color:var(--cl-verde-oficial)!important;
    box-shadow:0 0 0 4px rgba(99,230,0,.16)!important;
}
body.clc-design-system :is(input[type="checkbox"],input[type="radio"],progress){
    accent-color:var(--cl-verde-oficial)!important;
}
body.clc-design-system :is(
    .current,.active,.is-active,.selected,
    .page-numbers.current,.swiper-pagination-bullet-active,
    .clc-badge,.clc-tag,.clc-step-number.is-active
){
    border-color:var(--cl-verde-oficial)!important;
}
body.clc-design-system :is(
    .page-numbers.current,.swiper-pagination-bullet-active,
    .clc-step-number.is-active,.clc-badge.is-primary,.clc-tag.is-primary
){
    background-color:var(--cl-verde-oficial)!important;
    color:#fff!important;
}

/* links do ecossistema Carros Lagarto */
body.clc-design-system :is(
    .clc-content,.clc-form,.clc-card,.clc-dashboard,.clc-single-vehicle,
    .clc-single-category-ad,.clc-category-page,.clc-account
) a:not(.button):not(.clc-btn):not(.clc-whatsapp){color:var(--cl-verde-oficial)!important;}
body.clc-design-system :is(
    .clc-content,.clc-form,.clc-card,.clc-dashboard,.clc-single-vehicle,
    .clc-single-category-ad,.clc-category-page,.clc-account
) a:not(.button):not(.clc-btn):not(.clc-whatsapp):hover{color:var(--cl-verde-oficial)!important;}


/* =========================================================
   10.32.306 — MENU FLUTUANTE DO BOTÃO ANUNCIAR (MOBILE)
   O botão central não navega direto: abre duas ações rápidas.
   ========================================================= */
.clc-mobile-publish-menu{display:none;}
@media(max-width:740px){
  html body .clc-mobile-publish-menu{
    position:fixed!important;
    left:50%!important;
    bottom:86px!important;
    z-index:1000003!important;
    width:min(88vw,330px)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:0!important;
    pointer-events:none!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate(-50%,14px) scale(.98)!important;
    transform-origin:50% 100%!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  }
  html body .clc-mobile-publish-menu.is-open{
    pointer-events:auto!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,0) scale(1)!important;
  }
  html body .clc-mobile-publish-menu__action{
    min-height:58px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:7px 16px 7px 8px!important;
    border:1px solid rgba(99,230,0,.52)!important;
    border-radius:18px!important;
    background:#0a1510!important;
    color:#fff!important;
    text-decoration:none!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.12!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
    box-shadow:0 14px 34px rgba(0,0,0,.46),0 0 0 1px rgba(99,230,0,.06)!important;
    backdrop-filter:blur(14px)!important;
    box-sizing:border-box!important;
  }
  html body .clc-mobile-publish-menu__action:hover,
  html body .clc-mobile-publish-menu__action:focus-visible{
    border-color:#63E600!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }
  html body .clc-mobile-publish-menu__vehicle{
    background:#63E600!important;
    border-color:#63E600!important;
    color:#07100b!important;
    box-shadow:0 15px 34px rgba(0,0,0,.42),0 8px 24px rgba(99,230,0,.20)!important;
  }
  html body .clc-mobile-publish-menu__vehicle:hover,
  html body .clc-mobile-publish-menu__vehicle:focus-visible{color:#07100b!important;}
  html body .clc-mobile-publish-menu__icon{
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    background:#07100b!important;
    color:#63E600!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;
  }
  html body .clc-mobile-publish-menu__business .clc-mobile-publish-menu__icon{
    background:#63E600!important;
    color:#07100b!important;
  }
  html body .clc-mobile-publish-menu__icon svg{
    width:27px!important;
    height:27px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  html body .clc-mobile-bottom-nav__publish.is-open{
    box-shadow:0 0 0 5px rgba(20,32,27,.98),0 9px 28px rgba(99,230,0,.36)!important;
  }
  html body .clc-mobile-bottom-nav__publish.is-open .clc-mobile-bottom-nav__publish-icon{
    transform:translateY(-1px) scale(1.06)!important;
  }
}


/* =========================================================
   10.32.307 — REFINAMENTO VISUAL DAS AÇÕES FLUTUANTES
   Padroniza os dois botões do menu Anunciar com o mesmo
   contraste, hierarquia, dimensão e leitura no mobile.
   ========================================================= */
@media(max-width:740px){
  html body .clc-mobile-publish-menu{
    width:min(calc(100vw - 32px),360px)!important;
    bottom:96px!important;
    gap:9px!important;
  }
  html body .clc-mobile-publish-menu__action,
  html body .clc-mobile-publish-menu__vehicle,
  html body .clc-mobile-publish-menu__business{
    position:relative!important;
    min-height:64px!important;
    grid-template-columns:46px minmax(0,1fr) 28px!important;
    gap:12px!important;
    padding:8px 12px 8px 9px!important;
    border:1px solid rgba(99,230,0,.72)!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,rgba(8,18,13,.98),rgba(11,28,18,.98))!important;
    color:#fff!important;
    box-shadow:0 14px 34px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.025)!important;
    overflow:hidden!important;
  }
  html body .clc-mobile-publish-menu__action::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:12px!important;
    bottom:12px!important;
    width:3px!important;
    border-radius:0 999px 999px 0!important;
    background:#63E600!important;
    box-shadow:0 0 12px rgba(99,230,0,.40)!important;
  }
  html body .clc-mobile-publish-menu__action::after{
    content:"›"!important;
    grid-column:3!important;
    grid-row:1!important;
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    border-radius:999px!important;
    background:rgba(99,230,0,.12)!important;
    border:1px solid rgba(99,230,0,.30)!important;
    color:#63E600!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:700!important;
    transform:none!important;
  }
  html body .clc-mobile-publish-menu__action > span:not(.clc-mobile-publish-menu__icon){
    grid-column:2!important;
    grid-row:1!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.015em!important;
    text-shadow:0 1px 1px rgba(0,0,0,.28)!important;
  }
  html body .clc-mobile-publish-menu__icon,
  html body .clc-mobile-publish-menu__business .clc-mobile-publish-menu__icon{
    grid-column:1!important;
    grid-row:1!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:15px!important;
    background:#63E600!important;
    color:#07100b!important;
    box-shadow:0 7px 18px rgba(99,230,0,.17),inset 0 0 0 1px rgba(0,0,0,.08)!important;
  }
  html body .clc-mobile-publish-menu__icon svg{
    width:26px!important;
    height:26px!important;
    stroke-width:2!important;
  }
  html body .clc-mobile-publish-menu__action:hover,
  html body .clc-mobile-publish-menu__action:focus-visible,
  html body .clc-mobile-publish-menu__action:active{
    background:linear-gradient(135deg,rgba(10,24,16,.99),rgba(14,34,22,.99))!important;
    border-color:#63E600!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.52),0 0 0 2px rgba(99,230,0,.09)!important;
  }
  html body .clc-mobile-publish-menu__action:active{transform:scale(.985)!important;}
  html body .clc-mobile-publish-menu__action:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important;}
}


/* =========================================================
   10.32.309 — AÇÕES ANUNCIAR EM DOIS CARDS LADO A LADO
   Ícone no topo, título e informação abaixo, mantendo ambos
   com a mesma dimensão, contraste e hierarquia visual.
   ========================================================= */
@media(max-width:740px){
  html body .clc-mobile-publish-menu{
    width:min(calc(100vw - 22px),390px)!important;
    bottom:98px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    align-items:stretch!important;
  }
  html body .clc-mobile-publish-menu__action,
  html body .clc-mobile-publish-menu__vehicle,
  html body .clc-mobile-publish-menu__business{
    min-width:0!important;
    min-height:142px!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    padding:13px 10px 12px!important;
    border:1px solid rgba(99,230,0,.68)!important;
    border-radius:20px!important;
    background:linear-gradient(155deg,rgba(8,18,13,.99),rgba(12,29,19,.99))!important;
    color:#fff!important;
    text-align:center!important;
    box-shadow:0 14px 34px rgba(0,0,0,.50),inset 0 0 0 1px rgba(255,255,255,.025)!important;
    overflow:hidden!important;
  }
  html body .clc-mobile-publish-menu__action::before,
  html body .clc-mobile-publish-menu__action::after{
    content:none!important;
    display:none!important;
  }
  html body .clc-mobile-publish-menu__icon,
  html body .clc-mobile-publish-menu__business .clc-mobile-publish-menu__icon{
    flex:0 0 auto!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 auto 1px!important;
    border-radius:16px!important;
    background:#63E600!important;
    color:#07100b!important;
    box-shadow:0 8px 20px rgba(99,230,0,.18),inset 0 0 0 1px rgba(0,0,0,.08)!important;
  }
  html body .clc-mobile-publish-menu__icon svg{
    width:28px!important;
    height:28px!important;
    stroke-width:2!important;
  }
  html body .clc-mobile-publish-menu__action > .clc-mobile-publish-menu__copy{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    color:#fff!important;
    text-align:center!important;
    text-shadow:none!important;
  }
  html body .clc-mobile-publish-menu__copy strong{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:14.5px!important;
    line-height:1.12!important;
    font-weight:900!important;
    letter-spacing:-.015em!important;
  }
  html body .clc-mobile-publish-menu__copy small{
    display:block!important;
    margin:0!important;
    color:#a9b5ae!important;
    -webkit-text-fill-color:#a9b5ae!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:650!important;
    letter-spacing:0!important;
  }
  html body .clc-mobile-publish-menu__action:hover,
  html body .clc-mobile-publish-menu__action:focus-visible,
  html body .clc-mobile-publish-menu__action:active{
    background:linear-gradient(155deg,rgba(10,24,16,.99),rgba(15,36,23,.99))!important;
    border-color:#63E600!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.54),0 0 0 2px rgba(99,230,0,.08)!important;
  }
  html body .clc-mobile-publish-menu__action:active{transform:scale(.985)!important;}
  html body .clc-mobile-publish-menu__action:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important;}
}
@media(max-width:350px){
  html body .clc-mobile-publish-menu{width:calc(100vw - 14px)!important;gap:7px!important;}
  html body .clc-mobile-publish-menu__action,
  html body .clc-mobile-publish-menu__vehicle,
  html body .clc-mobile-publish-menu__business{min-height:136px!important;padding:11px 7px 10px!important;border-radius:17px!important;}
  html body .clc-mobile-publish-menu__icon,
  html body .clc-mobile-publish-menu__business .clc-mobile-publish-menu__icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important;}
  html body .clc-mobile-publish-menu__copy strong{font-size:13.5px!important;}
  html body .clc-mobile-publish-menu__copy small{font-size:9.8px!important;}
}


/* =========================================================
   10.32.310 — REFINAMENTO FINAL DOS CARDS FLUTUANTES ANUNCIAR
   Corrige herança global do CTA /anunciar-veiculo/ e deixa as
   duas opções compactas, simétricas e visualmente equivalentes.
   ========================================================= */
@media(max-width:740px){
  html body .clc-mobile-publish-menu{
    width:min(calc(100vw - 20px),372px)!important;
    bottom:100px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }

  /* Especificidade propositalmente maior que o CTA global de /anunciar-veiculo/. */
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__action,
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__vehicle,
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__business,
  html body.clc-design-system .clc-mobile-publish-menu a.clc-mobile-publish-menu__action,
  html body.clc-design-system .clc-mobile-publish-menu a.clc-mobile-publish-menu__vehicle,
  html body.clc-design-system .clc-mobile-publish-menu a.clc-mobile-publish-menu__business{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0!important;
    padding:11px 9px 10px!important;
    border:1px solid rgba(99,230,0,.56)!important;
    border-radius:19px!important;
    background:
      radial-gradient(circle at 50% -10%,rgba(99,230,0,.12),transparent 48%),
      linear-gradient(155deg,#07100b 0%,#0a1710 58%,#0c1c13 100%)!important;
    background-color:#08120d!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-align:center!important;
    text-decoration:none!important;
    text-shadow:none!important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.56),
      0 0 0 1px rgba(99,230,0,.04),
      inset 0 1px 0 rgba(255,255,255,.035)!important;
    filter:none!important;
    opacity:1!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    isolation:isolate!important;
  }

  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__action::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:0!important;
    height:2px!important;
    border-radius:0 0 999px 999px!important;
    background:linear-gradient(90deg,transparent,#63E600,transparent)!important;
    box-shadow:0 0 12px rgba(99,230,0,.24)!important;
    pointer-events:none!important;
  }
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__action::after{
    content:"→"!important;
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    right:9px!important;
    bottom:8px!important;
    width:22px!important;
    height:22px!important;
    border-radius:999px!important;
    background:rgba(99,230,0,.10)!important;
    border:1px solid rgba(99,230,0,.22)!important;
    color:#63E600!important;
    -webkit-text-fill-color:#63E600!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    pointer-events:none!important;
  }

  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__icon,
  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__business .clc-mobile-publish-menu__icon{
    position:relative!important;
    z-index:1!important;
    flex:0 0 auto!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 auto!important;
    border:1px solid rgba(99,230,0,.95)!important;
    border-radius:15px!important;
    background:#63E600!important;
    background-image:none!important;
    color:#07100b!important;
    -webkit-text-fill-color:#07100b!important;
    box-shadow:0 8px 18px rgba(99,230,0,.16),inset 0 0 0 1px rgba(0,0,0,.06)!important;
  }
  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__icon svg{
    width:25px!important;
    height:25px!important;
    color:#07100b!important;
    stroke:#07100b!important;
    stroke-width:2!important;
  }

  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__copy{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    margin:0!important;
    padding:0 2px 4px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-align:center!important;
  }
  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__copy strong{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:14px!important;
    line-height:1.12!important;
    font-weight:900!important;
    letter-spacing:-.018em!important;
    text-shadow:none!important;
  }
  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__copy small{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    color:#c0cac4!important;
    -webkit-text-fill-color:#c0cac4!important;
    font-size:10px!important;
    line-height:1.22!important;
    font-weight:650!important;
    letter-spacing:0!important;
    text-shadow:none!important;
  }

  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__action:hover,
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__action:focus-visible,
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__action:active{
    border-color:#63E600!important;
    background:
      radial-gradient(circle at 50% -10%,rgba(99,230,0,.18),transparent 50%),
      linear-gradient(155deg,#08140e 0%,#0c2015 100%)!important;
    background-color:#0a1710!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 18px 38px rgba(0,0,0,.60),0 0 0 2px rgba(99,230,0,.08)!important;
    transform:translateY(-1px)!important;
  }
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__action:active{
    transform:scale(.985)!important;
  }
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__action:focus-visible{
    outline:2px solid #fff!important;
    outline-offset:2px!important;
  }
}

@media(max-width:350px){
  html body .clc-mobile-publish-menu{
    width:calc(100vw - 12px)!important;
    gap:7px!important;
  }
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__action,
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__vehicle,
  html body .clc-mobile-publish-menu a.clc-mobile-publish-menu__business{
    height:130px!important;
    min-height:130px!important;
    max-height:130px!important;
    padding:9px 6px!important;
    border-radius:17px!important;
  }
  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__icon,
  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__business .clc-mobile-publish-menu__icon{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    min-height:43px!important;
    border-radius:14px!important;
  }
  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__icon svg{width:23px!important;height:23px!important;}
  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__copy strong{font-size:13.2px!important;}
  html body .clc-mobile-publish-menu .clc-mobile-publish-menu__copy small{font-size:9.4px!important;}
}