.elementor-476 .elementor-element.elementor-element-232f643{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.1;--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-232f643:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1C2E;}.elementor-476 .elementor-element.elementor-element-232f643::before, .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-background-video-container::before, .elementor-476 .elementor-element.elementor-element-232f643 > .e-con-inner > .elementor-background-video-container::before, .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-background-slideshow::before, .elementor-476 .elementor-element.elementor-element-232f643 > .e-con-inner > .elementor-background-slideshow::before, .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://yellowroboparts.com/wp-content/smush-webp/2026/01/WhatsApp-Image-2026-01-13-at-12.32.09-2.jpeg.webp");--background-overlay:'';background-position:473px -102px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-476 .elementor-element.elementor-element-670f54d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-476 .elementor-element.elementor-element-670f54d .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:50px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-476 .elementor-element.elementor-element-09b3589{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-family:"Barlow", Sans-serif;font-size:22px;font-weight:300;color:#E4E4E4;}.elementor-476 .elementor-element.elementor-element-3f0883e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-3f0883e:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-3f0883e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-476 .elementor-element.elementor-element-c1b6ea6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00000026;--border-color:#00000026;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-476 .elementor-element.elementor-element-c1b6ea6:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-c1b6ea6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-476 .elementor-element.elementor-element-9b8c15d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-476 .elementor-element.elementor-element-9b8c15d .elementor-icon-box-wrapper{align-items:center;}.elementor-476 .elementor-element.elementor-element-9b8c15d{--icon-box-icon-margin:7px;}.elementor-476 .elementor-element.elementor-element-9b8c15d .elementor-icon-box-title{margin-block-end:0px;color:#0D1C2E;}.elementor-476 .elementor-element.elementor-element-9b8c15d.elementor-view-stacked .elementor-icon{background-color:#FFC107;}.elementor-476 .elementor-element.elementor-element-9b8c15d.elementor-view-framed .elementor-icon, .elementor-476 .elementor-element.elementor-element-9b8c15d.elementor-view-default .elementor-icon{fill:#FFC107;color:#FFC107;border-color:#FFC107;}.elementor-476 .elementor-element.elementor-element-9b8c15d .elementor-icon{font-size:25px;}.elementor-476 .elementor-element.elementor-element-9b8c15d .elementor-icon-box-title, .elementor-476 .elementor-element.elementor-element-9b8c15d .elementor-icon-box-title a{font-family:"Barlow Condensed", Sans-serif;font-size:22px;font-weight:600;}.elementor-476 .elementor-element.elementor-element-9b8c15d:has(:hover) .elementor-icon-box-title,
					 .elementor-476 .elementor-element.elementor-element-9b8c15d:has(:focus) .elementor-icon-box-title{color:#0D1C2E;}.elementor-476 .elementor-element.elementor-element-ead33a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:020px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-ead33a2.e-con{--align-self:flex-start;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-476 .elementor-element.elementor-element-3f0883e{--content-width:1600px;}.elementor-476 .elementor-element.elementor-element-c1b6ea6{--width:18%;}.elementor-476 .elementor-element.elementor-element-ead33a2{--width:66.6666%;}}@media(max-width:1024px){.elementor-476 .elementor-element.elementor-element-232f643::before, .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-background-video-container::before, .elementor-476 .elementor-element.elementor-element-232f643 > .e-con-inner > .elementor-background-video-container::before, .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-background-slideshow::before, .elementor-476 .elementor-element.elementor-element-232f643 > .e-con-inner > .elementor-background-slideshow::before, .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}}@media(max-width:767px){.elementor-476 .elementor-element.elementor-element-232f643::before, .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-background-video-container::before, .elementor-476 .elementor-element.elementor-element-232f643 > .e-con-inner > .elementor-background-video-container::before, .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-background-slideshow::before, .elementor-476 .elementor-element.elementor-element-232f643 > .e-con-inner > .elementor-background-slideshow::before, .elementor-476 .elementor-element.elementor-element-232f643 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-476 .elementor-element.elementor-element-232f643{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-476 .elementor-element.elementor-element-670f54d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-476 .elementor-element.elementor-element-670f54d .elementor-heading-title{font-size:25px;}.elementor-476 .elementor-element.elementor-element-09b3589{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:15px;}.elementor-476 .elementor-element.elementor-element-3f0883e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-9b8c15d{width:var( --container-widget-width, 54.844px );max-width:54.844px;--container-widget-width:54.844px;--container-widget-flex-grow:0;}.elementor-476 .elementor-element.elementor-element-ead33a2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-476 .elementor-element.elementor-element-ff7d221{padding:20px 20px 20px 20px;}}/* Start custom CSS for shortcode, class: .elementor-element-58291d0 *//* Busca BeRocket - visual clean, centralizada, radius alto, ícone lupa, alinhada com topo dos filtros */
.br_search_box,
.bapf_ssearch {
    max-width: 700px !important;
    margin: 0 auto 40px auto !important; /* Centraliza, espaço abaixo, sem margem lateral extra */
    text-align: center !important;
}

/* Input da busca - radius alto, padding bom, fonte Barlow, ícone lupa direita */
.br_search_box input[type="text"],
.bapf_ssearch input {
    width: 100% !important;
    padding: 16px 50px 16px 24px !important; /* Espaço pro ícone lupa */
    font-size: 17px !important;
    border-radius: 50px !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
    font-family: 'Barlow', sans-serif !important;
    background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzk5OSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xNS41IDBDMTkuNCAwIDIzIDMuNiAyMyA3LjVjMCAyLjEtMS4yIDQuMy0zLjEgNS43bDMuOCA0LjFjLjUuNSAxLjIuNSAxLjcgMGwuNy0uN2MtLjQtLjYtLjYtMS4zLS42LTEuN2MwLTEuOS0xLjItMy45LTMuMS01LjdzLTQuMS0zLTYuNS0zYy0zLjkgMC03IDMuMS03IDcuNXMzLjEgNy41IDcgNy41YzEuOSAwIDMuNy0uNiA1LjEtMS43bC00LTQuMWMtLjUtLjUtLjUtMS4yIDAtMS43eiIvPjwvc3ZnPg==') no-repeat 95% center !important; /* Ícone lupa direita */
    background-size: 24px !important;
    outline: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hover/focus no input - borda amarela suave */
.br_search_box input[type="text"]:hover,
.br_search_box input[type="text"]:focus,
.bapf_ssearch input:hover,
.bapf_ssearch input:focus {
    border-color: #FFC107 !important;
    box-shadow: 0 6px 20px rgba(255,193,7,0.2) !important;
}

/* Placeholder - cinza suave */
.br_search_box input[type="text"]::placeholder,
.bapf_ssearch input::placeholder {
    color: #999 !important;
    font-style: normal !important;
}

/* Contador de produtos - "X Peças encontradas", alinhado ao topo dos filtros, sem margem extra */
.woocommerce .woocommerce-result-count {
    text-align: left !important; /* Alinha com filtros (esquerda) */
    font-size: 16px !important;
    color: #666 !important;
    margin: 0 0 20px 0 !important; /* Sem margem top, só abaixo */
    padding: 0 !important;
    font-family: 'Barlow', sans-serif !important;
    line-height: 1 !important;
}

/* Botão de busca BeRocket - ícone e hover amarelo #FFC107, sem background vermelho, clean */
.bapf_srch .bapf_form span,
.bapf_srch .bapf_search_button,
.bapf_search_white_button span,
.berocket_single_filter_widget .bapf_srch span {
    background-color: transparent !important; /* Remove qualquer background */
    border: none !important;
    color: #FFC107 !important; /* Ícone amarelo normal */
    width: 50px !important;
    height: 100% !important; /* Ocupa altura do input */
    line-height: normal !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.3s ease !important;
    right: 0 !important;
    top: 0 !important;
    border-radius: 0 50px 50px 0 !important; /* Arredonda só direita pra combinar com input pill */
}

/* Hover no botão - amarelo mais escuro, sem background */
.bapf_srch .bapf_form span:hover,
.bapf_srch .bapf_search_button:hover,
.bapf_search_white_button span:hover,
.berocket_single_filter_widget .bapf_srch span:hover {
    color: #e0a800 !important; /* Amarelo escuro no hover */
    background-color: transparent !important;
}

/* Ícone FontAwesome dentro - garante amarelo */
.bapf_srch .bapf_form span i,
.bapf_srch .bapf_form span .fa {
    color: #FFC107 !important;
    font-size: 20px !important;
}

/* Hover no ícone */
.bapf_srch .bapf_form span:hover i,
.bapf_srch .bapf_form span:hover .fa {
    color: #e0a800 !important;
}

/* Remove borda vermelha default do plugin */
.bapf_search_white_button,
.bapf_srch.bapf_search_white_button {
    border: none !important;
}

/* Input - garante que não tenha borda vermelha no focus/hover */
.bapf_srch input[type="text"] {
    border-color: #ddd !important;
}

.bapf_srch input[type="text"]:focus {
    border-color: #FFC107 !important;
    box-shadow: 0 0 0 3px rgba(255,193,7,0.2) !important;
}
/* Força o texto "X Peças encontradas" via JS (adiciona no functions.php se precisar) *//* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-631e077 *//* Filtros laterais - CLEAN e EXATO como referência Lovable (sem seta, títulos bold grandes, checkboxes padrão melhorados) */
.woocommerce .widget-area .br_filter,
.woocommerce-sidebar .bapf_div {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important; /* Sombra sutil como na ref */
    padding: 30px 25px !important; /* Espaço interno generoso */
    margin-bottom: 40px !important;
}

/* Título principal "Filtros" - sem seta, bold grande */
.br_filter_title,
.bapf_head h3,
.bapf_head h4 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px !important; /* Maior como na ref */
    font-weight: 600 !important;
    color: #0D1C2E !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    letter-spacing: 1px !important;
}

/* Remove qualquer seta ou ícone extra que o BeRocket coloca */
.br_filter_title::before,
.bapf_head::before,
.br_filter_title::after,
.bapf_head::after {
    content: none !important;
}

/* Títulos dos grupos (Tipo de Peça, Série do Robô, Condição) */
.bapf_sfilter h4,
.bapf_body h4,
.br_filter_group_title,
.bapf_head_collapse {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px !important; /* Tamanho exato da ref */
    font-weight: 700 !important;
    color: #0D1C2E !important;
    text-transform: capitalize !important;
    margin: 30px 0 15px 0 !important; /* Espaço acima e abaixo */
    padding: 0 !important;
}

/* Checkboxes - clean, padrão melhorado (sem check amarelo, só borda sutil) */
.bapf_ckbox label {
    font-family: 'Barlow', sans-serif !important;
    font-size: 15px !important;
    color: #333 !important;
    line-height: 1.6 !important;
    padding-left: 8px !important;
    cursor: pointer !important;
}

.bapf_ckbox input[type="checkbox"] {
    accent-color: #FFC107 !important; /* Cor do check quando marcado - amarelo sutil como tema */
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
}

/* Contagem (ex: (5)) */
.bapf_count {
    color: #888 !important;
    font-size: 14px !important;
    margin-left: 5px !important;
}

/* Remove bordas ou linhas extras nos grupos */
.bapf_body ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bapf_ckbox label {
    font-family: 'Barlow', sans-serif !important;
    font-size: 15px !important;
    color: #666666 !important;
    cursor: pointer !important;
    padding-left: 0 !important; /* Remove padding pra hover não pegar label */
    margin: 0 !important;
}

.bapf_ckbox input[type="checkbox"]:checked {
    background-color: #FFC107 !important;
    border-color: #FFC107 !important;
}

.bapf_ckbox input[type="checkbox"]:checked::before {
    content: "✓" !important;
    display: block !important;
    text-align: center !important;
    color: #0D1C2E !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

.bapf_ckbox input[type="checkbox"] {
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #CCCCCC !important; /* Borda cinza suave normal */
    border-radius: 6px !important; /* Arredondado */
    background: #FFFFFF !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Hover SÓ no quadrado - borda e fundo amarelo suave */
.bapf_ckbox input[type="checkbox"]:hover {
    border-color: #FFC107 !important;
    background-color: #FFF8E1 !important; /* Fundo amarelo bem suave */
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.2) !important; /* Glow amarelo sutil */
}

a, button {
    color: #0D1C2E;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1b6ea6 *//* Sidebar filtros sticky - gruda no scroll, mas PARA ANTES do footer (não sobrepõe) */
@media screen and (min-width: 1025px) { /* Só desktop, mobile rola normal */
    .elementor-column[data-id] .elementor-widget-wrap { /* Column dos filtros */
        position: sticky !important;
        top: 110px !important; /* Teu offset que funcionou */
        align-self: flex-start !important;
        z-index: 10 !important;
        max-height: calc(100vh - 110px - 350px) !important; /* 110px offset + altura footer + margem (ajusta 350px pro teu footer) */
        overflow-y: auto !important; /* Se filtros muito longos, rola dentro */
    }

    /* Footer - garante z-index alto e position relative pra não sobrepor errado */
    .site-footer {
        position: relative !important;
        z-index: 20 !important;
        background: #0D1C2E !important; /* Cor do teu footer */
    }

    /* Empurra o conteúdo principal pra não cortar no final (padding bottom na section principal) */
    .elementor-section.elementor-top-section { /* Section do catálogo */
        padding-bottom: 100px !important; /* Espaço extra no final pra footer não cortar sticky */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ff7d221 *//* ==============================
   YRP Catalog List (Shortcode)
============================== */

:root{
  --yrp-yellow: #f2b400;   /* mesmo amarelo do botão */
  --yrp-navy:   #0c2236;   /* azul escuro */
  --yrp-border: #e9e9e9;
  --yrp-hover:  rgba(242,180,0,.10); /* hover suave amarelo */
}

/* Wrapper */
.yrp-catalog-list{ width:100%; }

/* Card/linha */
.yrp-catalog-list .yrp-row{
  display:flex;
  gap:16px;
  align-items:center;
  padding:12px 14px;
  border:1px solid var(--yrp-border);
  border-radius:12px;
  margin-bottom:12px;
  background:#fff;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.yrp-catalog-list .yrp-row:hover{
  background: var(--yrp-hover);
  border-color: rgba(242,180,0,.30);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  transform: translateY(-2px);
}

/* Imagem */
.yrp-catalog-list .yrp-col-img{
  flex:0 0 84px;
  width:84px;
}

.yrp-catalog-list .yrp-col-img img{
  width:84px !important;
  height:84px !important;
  object-fit:cover;
  border-radius:10px;
  display:block;
  margin:0 !important;
}

/* Conteúdo */
.yrp-catalog-list .yrp-col-main{
  flex:1;
  min-width:0;
}

.yrp-catalog-list .yrp-name{
  margin:0 0 6px 0;
  font-weight:800;
  font-size:15px;
  line-height:1.2;
}

.yrp-catalog-list .yrp-name a{
  text-decoration:none;
  color: inherit;
}

/* Part Number */
.yrp-catalog-list .yrp-part{
  font-size:14px;
  line-height:1.25;
  margin:3px 0;
}

.yrp-catalog-list .yrp-part-label{
  font-weight:700;
  opacity:.9;
}

.yrp-catalog-list .yrp-part-value{
  font-weight:800;
  color: var(--yrp-yellow);
  /* evita quebrar feio no mobile */
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Categoria */
.yrp-catalog-list .yrp-meta{
  font-size:13px;
  line-height:1.25;
  margin:3px 0;
  opacity:.9;
}

.yrp-catalog-list .yrp-meta a{
  text-decoration:none;
}

/* Ações/botões */
.yrp-catalog-list .yrp-col-actions{
  flex:0 0 auto;
  display:flex;
  gap:10px;
  align-items:center;
}

.yrp-catalog-list .yrp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  line-height:1;
  white-space:nowrap;
  transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease, filter .2s ease;
  will-change: transform;
}

.yrp-catalog-list .yrp-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

/* Cores dos botões */
.yrp-catalog-list .yrp-btn-primary{
  background: var(--yrp-yellow);
  color:#111;
}
.yrp-catalog-list .yrp-btn-primary:hover{
  filter: brightness(0.95);
}

.yrp-catalog-list .yrp-btn-secondary{
  background: var(--yrp-navy);
  color:#fff;
}
.yrp-catalog-list .yrp-btn-secondary:hover{
  filter: brightness(1.1);
}

/* ==============================
   Paginação (mesma linguagem visual)
============================== */
.yrp-catalog-list .yrp-pagination{
  margin-top:18px;
}

.yrp-catalog-list .yrp-pagination ul{
  display:flex;
  gap:8px;
  list-style:none;
  padding:0;
  margin:0;
  flex-wrap:wrap;
}

.yrp-catalog-list .yrp-pagination li{
  margin:0;
  padding:0;
}

.yrp-catalog-list .yrp-pagination a,
.yrp-catalog-list .yrp-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 12px;
  border:1px solid var(--yrp-border);
  border-radius:10px;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
  line-height:1;
  color: var(--yrp-navy);
  background:#fff;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.yrp-catalog-list .yrp-pagination a:hover{
  background: var(--yrp-hover);
  border-color: rgba(242,180,0,.35);
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
}

.yrp-catalog-list .yrp-pagination .current{
  background: var(--yrp-yellow);
  border-color: rgba(242,180,0,.60);
  color:#111;
}

/* ==============================
   Mobile (arruma exatamente o problema do print)
============================== */
@media (max-width: 768px){

  .yrp-catalog-list .yrp-row{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .yrp-catalog-list .yrp-col-img{
    width:100%;
    flex: 0 0 auto;
  }

  .yrp-catalog-list .yrp-col-img img{
    width:100% !important;
    height:160px !important;
    object-fit:cover;
  }

  .yrp-catalog-list .yrp-col-main{
    width:100%;
  }

  .yrp-catalog-list .yrp-col-actions{
    width:100%;
    gap:10px;
  }

  .yrp-catalog-list .yrp-btn{
    width:100%;
    justify-content:center;
  }
}

/* Contagem acima do catálogo (alinha com o "miolo" do card e dá respiro) */
#yrp-catalog-root .yrp-result-count,
.yrp-catalog-list .yrp-result-count,
.woocommerce-result-count {
  box-sizing: border-box;
  width: 100%;
  padding: 0 px;      /* mesmo padding lateral do card (.yrp-row = 12px 14px) */
  margin: 6px 0 14px;   /* espaço em cima e principalmente embaixo (não fica colado) */
  font-size: 13px;
  line-height: 1.3;
  color: #666;
}

/* Mobile: pode dar um pouco mais de espaço embaixo */
@media (max-width: 768px) {
  #yrp-catalog-root .yrp-result-count,
  .yrp-catalog-list .yrp-result-count,
  .woocommerce-result-count {
    margin: 8px 0 16px;
    padding: 0 1px;
  }
}/* End custom CSS */