/* Shared inner-page frame; original newsletter fields and validation remain native. */
body.df-interior .nav-sections{margin-bottom:0}
body.df-interior #maincontent{width:100%;max-width:1150px;box-sizing:border-box;padding:0 20px 64px;margin:0 auto;font-family:Montserrat,sans-serif;color:#141414}
body.df-interior .breadcrumbs{width:100%;max-width:1150px;min-height:0;box-sizing:border-box;margin:48px auto 29px;padding:0 20px;font:400 12px/15px Montserrat,sans-serif}
body.df-interior .breadcrumbs :is(.items,.item){font:400 12px/15px Montserrat,sans-serif}
body.df-interior .breadcrumbs .item:not(:last-child)::after{font-size:8px;line-height:15px}
body.df-interior #maincontent .page-title{font:700 24px/29px Montserrat,sans-serif;margin:0;color:#141414}
body.df-interior #maincontent .page-title-wrapper{margin:0 0 32px}
body.df-interior #maincontent .column.main{min-width:0;min-height:0;padding-bottom:0}
body.df-interior #maincontent :is(a,button,input,select,textarea):focus-visible{outline:2px solid #f26522;outline-offset:3px}
body.df-interior #maincontent a{color:#f26522}
body.df-interior #maincontent a:hover{text-decoration:underline}
body.df-interior #maincontent .message{font:400 14px/1.5 Montserrat,sans-serif}
@media(max-width:767px){body.df-interior .breadcrumbs{margin-top:24px}body.df-interior #maincontent{padding-bottom:32px}}
/* Reuse the existing newsletter module and its required fields. */
body.df-interior .page-wrapper > .page-bottom { margin:0; padding:0; width:100%; max-width:none; }
body.df-interior .page-bottom .block.newsletter { width:100%; max-width:none; background:#333; margin:0; padding:0; border:0; }
body.df-interior .page-bottom .block.newsletter > .footer.content { display:flex; align-items:center; gap:32px; width:100%; max-width:1150px; min-height:71px; padding:0 20px; margin:0 auto; box-sizing:border-box; border:0; }
body.df-interior .page-bottom .newsletterColunaEsquerda { display:flex; align-items:center; flex:0 0 523px; min-height:71px; width:auto; margin:0; padding:0 0 0 110px; box-sizing:border-box; background:url('../images/df-home/plane.svg') 32px 0/67px 67px no-repeat,url('../images/df-home/envelope.svg') 4px 6px/74px 74px no-repeat; }
body.df-interior .page-bottom .newsletterColunaEsquerda .blocoTexto { width:auto; margin:0; padding:0; }
body.df-interior .page-bottom .newsletter .blocoTexto h4 { margin:0; color:#fff; font:400 16px/20px Montserrat,sans-serif; text-align:left; }
body.df-interior .page-bottom .newsletterColunaDireita { flex:1; min-width:0; width:auto; margin:0; padding:0; }
body.df-interior .page-bottom .block.newsletter .form.subscribe { display:flex; align-items:flex-start; gap:11px; padding:0; margin:0; width:100%; }
body.df-interior .page-bottom .block.newsletter .field { flex:1; min-width:0; width:auto; margin:0; }
body.df-interior .page-bottom .block.newsletter .field.firstname { flex:0 0 120px; }
body.df-interior .page-bottom .block.newsletter .control { width:100%; }
body.df-interior .page-bottom .block.newsletter input { width:100%; height:42px; margin:0; border:1px solid #ddd; border-radius:0; padding:0 12px; box-sizing:border-box; background:#fff; font:400 14px/20px Montserrat,sans-serif; color:#2f2f2f; }
body.df-interior .page-bottom .block.newsletter .actions { flex:0 0 128px; width:auto; padding:0; margin:0; }
body.df-interior .page-bottom .block.newsletter .action.primary { width:100%; height:42px; padding:0; margin:0; border:0; border-radius:0; background:#f26522; color:#fff; font:700 16px/20px Montserrat,sans-serif; text-shadow:none; }
body.df-interior .page-bottom .block.newsletter div.mage-error { color:#fff; }
@media (max-width:1199px) {
 body.df-interior .page-bottom .block.newsletter > .footer.content { flex-wrap:wrap; gap:16px; padding-top:16px; padding-bottom:16px; }
 body.df-interior .page-bottom .newsletterColunaEsquerda { flex-basis:100%; }
 body.df-interior .page-bottom .newsletterColunaDireita { flex-basis:100%; }
}
@media (max-width:479px) {
 body.df-interior .page-bottom .block.newsletter .form.subscribe { flex-wrap:wrap; }
 body.df-interior .page-bottom .block.newsletter .field.firstname { flex:1 0 100%; }
 body.df-interior .page-bottom .newsletterColunaEsquerda { padding-left:90px; }
}

@media(min-width:1200px){body.df-interior .page-bottom .newsletterColunaEsquerda{flex-basis:555px}body.df-interior .page-bottom .newsletter .blocoTexto h4{white-space:nowrap}}

body.df-interior .breadcrumbs a{color:#929292;font-weight:400}
body.df-interior .breadcrumbs strong{color:#393939;font-weight:600}
body.account.df-interior #maincontent .columns{align-items:start}
body.account.df-interior #maincontent .sidebar-main .block-collapsible-nav{margin:0;background:#fff;border:1px solid #e3e3e3}
body.account.df-interior #maincontent .block-collapsible-nav .content{padding:0}
body.account.df-interior #maincontent .block-collapsible-nav .items{margin:0;padding:0}
body.account.df-interior #maincontent .block-collapsible-nav .item{position:relative;margin:0;border-bottom:1px solid #e3e3e3}
body.account.df-interior #maincontent .block-collapsible-nav .item:last-child{border-bottom:0}
body.account.df-interior #maincontent .block-collapsible-nav .item a,body.account.df-interior #maincontent .block-collapsible-nav .item>strong{display:flex;align-items:center;box-sizing:border-box;min-height:48px;padding:12px 18px;color:#5b5d5d;font:500 14px/20px Montserrat,sans-serif;text-decoration:none}
body.account.df-interior #maincontent .block-collapsible-nav .item.current{background:#fff}
body.account.df-interior #maincontent .block-collapsible-nav .item.current::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#f26522}
body.account.df-interior #maincontent .block-collapsible-nav .item.current>strong{color:#141414;font-weight:700}
body.wishlist-index-index.df-interior #wishlist-view-form .products-grid .product-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
body.wishlist-index-index.df-interior #wishlist-view-form .products-grid .product-item{box-sizing:border-box;width:auto;margin:0;padding:16px;border:1px solid #e3e3e3;background:#fff}
body.wishlist-index-index.df-interior #wishlist-view-form .product-item-info{display:flex;flex-direction:column;width:100%;height:100%}
body.wishlist-index-index.df-interior #wishlist-view-form .product-item-photo{display:block;width:100%}
body.wishlist-index-index.df-interior #wishlist-view-form .product-image-photo{object-fit:contain}
body.wishlist-index-index.df-interior #wishlist-view-form .product-item-name{min-height:42px;margin:12px 0 8px}
body.wishlist-index-index.df-interior #wishlist-view-form .product-item-inner{display:flex;flex:1;flex-direction:column}
body.wishlist-index-index.df-interior #wishlist-view-form .comment-box{width:100%;margin:12px 0}
body.wishlist-index-index.df-interior #wishlist-view-form textarea{box-sizing:border-box;width:100%;min-height:72px;resize:vertical}
body.wishlist-index-index.df-interior #wishlist-view-form .box-tocart{margin-top:auto}
body.wishlist-index-index.df-interior #wishlist-view-form .product-item-actions{display:flex;flex-wrap:wrap;gap:8px}
body.wishlist-index-index.df-interior #wishlist-view-form .action{min-height:40px}
body.wishlist-index-index.df-interior #wishlist-view-form .product-item-actions .action.tocart{flex:1;background:#f26522;border-color:#f26522;color:#fff}
@media(max-width:767px){
 body.account.df-interior #maincontent .sidebar-main{width:100%;margin-bottom:24px}
 body.account.df-interior #maincontent .block-collapsible-nav .title{display:flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #e3e3e3;background:#fff}
 body.wishlist-index-index.df-interior #wishlist-view-form .products-grid .product-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:479px){
 body.wishlist-index-index.df-interior #wishlist-view-form .products-grid .product-items{grid-template-columns:1fr}
}


/* ============================================================
   v4.6 - Favoritos com o mesmo card da vitrine
   A pagina usava o card cru do Magento: caixa de comentario, seletor de
   quantidade, preco em 18px e as acoes "Editar"/"Remover" como icones de 18px
   (a fonte de icones do Luma nao esta embarcada neste tema, entao eram dois
   retangulos vazios). Aqui o item volta ao desenho do card da vitrine.
   ============================================================ */

body.wishlist-index-index #maincontent ol.product-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.wishlist-index-index #maincontent .product-item {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.wishlist-index-index #maincontent .product-item-info {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 0 16px !important;
    background: #fff !important;
}

/* imagem: mesma moldura do card (255 x 212) */
body.wishlist-index-index #maincontent .product-item-photo {
    display: block !important;
    width: 100% !important;
    padding: 28px 0 0 !important;
    line-height: 0 !important;
}

body.wishlist-index-index #maincontent :is(.product-image-container, .product-image-wrapper) {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.wishlist-index-index #maincontent .product-image-wrapper {
    aspect-ratio: 255 / 212 !important;
}

body.wishlist-index-index #maincontent .product-image-wrapper :is(picture, img) {
    position: static !important;
    top: auto !important;
    display: block !important;
    width: 83.9% !important;
    max-width: 83.9% !important;
    height: 100% !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

body.wishlist-index-index #maincontent .product-image-wrapper picture > img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* tipografia do card */
body.wishlist-index-index #maincontent :is(.product-item-name, .product-item-link) {
    margin: 0 !important;
    padding: 0 16px !important;
    font: 600 16px/20px Montserrat, sans-serif !important;
    color: #393939 !important;
}

body.wishlist-index-index #maincontent .product-item-name {
    max-height: 40px !important;
    margin: 8px 0 0 !important;
    overflow: hidden !important;
}

body.wishlist-index-index #maincontent .price-box {
    margin: 8px 0 0 !important;
    padding: 0 16px !important;
}

body.wishlist-index-index #maincontent :is(.special-price, .price-as-configured) .price {
    font: 600 24px/29px Montserrat, sans-serif !important;
    color: #141414 !important;
}

body.wishlist-index-index #maincontent .old-price .price {
    font: 400 12px/15px Montserrat, sans-serif !important;
    color: #929292 !important;
    text-decoration: line-through !important;
}

body.wishlist-index-index #maincontent .price-box .price-label {
    display: none !important;
}

/* o que o desenho nao tem: caixa de comentario e seletor de quantidade */
body.wishlist-index-index #maincontent :is(.field.comment-box, .box-tocart .fieldset > .field.qty, .product-item-inner .field.qty) {
    display: none !important;
}

body.wishlist-index-index #maincontent .product-item-inner {
    margin-top: auto !important;
    padding: 12px 16px 0 !important;
}

body.wishlist-index-index #maincontent .box-tocart {
    margin: 0 !important;
}

body.wishlist-index-index #maincontent .box-tocart .fieldset {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.wishlist-index-index #maincontent :is(.action.tocart, button.tocart) {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f26522 !important;
    color: #fff !important;
    font: 700 16px/20px Montserrat, sans-serif !important;
    text-transform: uppercase !important;
}

/* acoes: "Editar" sai; "Remover" vira a lixeira usada no carrinho */
body.wishlist-index-index #maincontent .product-item-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 12px 0 0 !important;
}

body.wishlist-index-index #maincontent .product-item-actions .action.edit {
    display: none !important;
}

body.wishlist-index-index #maincontent .product-item-actions :is(.btn-remove, .action.delete) {
    box-sizing: border-box !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 15.5452 15.68' fill='none'%3E%3Cpath d='M4.53402 13.72C4.17777 13.72 3.87281 13.5921 3.61912 13.3362C3.36543 13.0803 3.23858 12.7727 3.23858 12.4133V3.92H2.59087V2.61333H5.82945V1.96H9.71575V2.61333H12.9543V3.92H12.3066V12.4133C12.3066 12.7727 12.1798 13.0803 11.9261 13.3362C11.6724 13.5921 11.3674 13.72 11.0112 13.72H4.53402ZM11.0112 3.92H4.53402V12.4133H11.0112V3.92ZM5.82945 11.1067H7.12488V5.22667H5.82945V11.1067ZM8.42032 11.1067H9.71575V5.22667H8.42032V11.1067Z' fill='%238D8D8D'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 16px 16px !important;
}

body.wishlist-index-index #maincontent .product-item-actions :is(.btn-remove, .action.delete)::before,
body.wishlist-index-index #maincontent .product-item-actions :is(.btn-remove, .action.delete)::after,
body.wishlist-index-index #maincontent .product-item-actions :is(.btn-remove, .action.delete) > span {
    display: none !important;
    content: none !important;
}

@media (max-width: 767px) {
    body.wishlist-index-index #maincontent ol.product-items {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    body.wishlist-index-index #maincontent :is(.product-item-name, .product-item-link) {
        font: 400 14px/20px Montserrat, sans-serif !important;
        padding: 0 10px !important;
    }

    body.wishlist-index-index #maincontent :is(.special-price, .price-as-configured) .price {
        font: 700 21px/29px Montserrat, sans-serif !important;
        color: #202020 !important;
    }

    body.wishlist-index-index #maincontent .price-box {
        padding: 0 10px !important;
    }

    body.wishlist-index-index #maincontent .product-item-inner {
        padding: 12px 10px 0 !important;
    }

    body.wishlist-index-index #maincontent :is(.action.tocart, button.tocart) {
        height: 38px !important;
        font-size: 14px !important;
    }
}


/* O tema estiliza os favoritos por #wishlist-view-form, seletor mais forte que
   o usado acima: a moldura da imagem so obedece repetindo esse caminho. */
body.wishlist-index-index.df-interior #wishlist-view-form :is(.product-image-container, .product-image-wrapper) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.wishlist-index-index.df-interior #wishlist-view-form .product-image-wrapper {
    aspect-ratio: 255 / 212 !important;
}

body.wishlist-index-index.df-interior #wishlist-view-form .product-image-wrapper :is(picture, img) {
    position: static !important;
    top: auto !important;
    display: block !important;
    width: 83.9% !important;
    max-width: 83.9% !important;
    height: 100% !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

body.wishlist-index-index.df-interior #wishlist-view-form .product-image-wrapper picture > img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

body.wishlist-index-index.df-interior #wishlist-view-form .comment-box,
body.wishlist-index-index.df-interior #wishlist-view-form textarea,
body.wishlist-index-index.df-interior #wishlist-view-form .box-tocart .fieldset > .field.qty,
body.wishlist-index-index.df-interior #wishlist-view-form .product-item-actions .action.edit {
    display: none !important;
}

body.wishlist-index-index.df-interior #wishlist-view-form :is(.action.tocart, button.tocart) {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    border: 0 !important;
    background: #f26522 !important;
    color: #fff !important;
    font: 700 16px/20px Montserrat, sans-serif !important;
}

@media (max-width: 767px) {
    body.wishlist-index-index.df-interior #wishlist-view-form :is(.action.tocart, button.tocart) {
        height: 38px !important;
        min-height: 38px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 767px) {
    body.wishlist-index-index.df-interior #wishlist-view-form .products-grid .product-items {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}


/* ============================================================
   v4.7 - Favoritos: acabamentos
   ============================================================ */

/* O .product-item-inner era 284px dentro de um card de 252: o padding somava
   por cima da largura e o botao COMPRAR saia 15px para fora do card. */
body.wishlist-index-index.df-interior #wishlist-view-form .product-item-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* O preco antigo vinha depois do atual; na vitrine ele vem acima. */
body.wishlist-index-index.df-interior #wishlist-view-form .price-as-configured {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 0 !important;
}

body.wishlist-index-index.df-interior #wishlist-view-form .price-as-configured > .old-price {
    order: 1 !important;
}

body.wishlist-index-index.df-interior #wishlist-view-form .price-as-configured > .special-price {
    order: 2 !important;
}

/* A borda do card (1px em volta do <li>) nao existe no card da vitrine. */
body.wishlist-index-index.df-interior #wishlist-view-form .products-grid .product-item {
    border: 0 !important;
    padding: 0 !important;
}

/* Sobrava um bloco vazio no fim da pagina ("Voce nao tem nenhum item em sua
   lista de desejos") e uma segunda barra de "Mostrar X por pagina". */
body.wishlist-index-index #maincontent .block.block-wishlist,
body.wishlist-index-index .sidebar .block.block-wishlist {
    display: none !important;
}

body.wishlist-index-index #maincontent .products-grid.wishlist ~ .toolbar.wishlist-toolbar,
body.wishlist-index-index #maincontent .toolbar.wishlist-toolbar:last-of-type {
    display: none !important;
}


/* ============================================================
   v4.8 - Favoritos: respiro e tipografia dos botoes da pagina
   ============================================================ */

/* Os botoes da pagina ("Atualizar Lista de Desejos", "Compartilhar" e
   "Adicionar tudo ao carrinho") ficavam encostados no card e com a fonte do
   tema. Ganham respiro e Montserrat. */
body.wishlist-index-index #maincontent .products-grid.wishlist {
    margin-bottom: 32px !important;
}

body.wishlist-index-index #maincontent #wishlist-view-form > .actions-toolbar,
body.wishlist-index-index #maincontent .wishlist .actions-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.wishlist-index-index #maincontent #wishlist-view-form > .actions-toolbar :is(.primary, .secondary) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.wishlist-index-index #maincontent #wishlist-view-form .actions-toolbar :is(button, .action) {
    box-sizing: border-box !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 12px 24px !important;
    font: 700 14px/20px Montserrat, sans-serif !important;
    letter-spacing: 0 !important;
}

body.wishlist-index-index #maincontent #wishlist-view-form .actions-toolbar .action.tocart {
    background: #f26522 !important;
    color: #fff !important;
    border: 0 !important;
}

body.wishlist-index-index #maincontent #wishlist-view-form .actions-toolbar :is(.action.update, .action.share) {
    border: 1px solid #e3e3e3 !important;
    background: #fff !important;
    color: #393939 !important;
}

/* O titulo e o contador da pagina na mesma familia do resto. */
body.wishlist-index-index #maincontent :is(.page-title, .page-title span, .toolbar-amount, .limiter, .limiter label, .limiter select) {
    font-family: Montserrat, sans-serif !important;
}

/* ---- O bloco lateral de favoritos sai de TODAS as paginas internas ----
   Era um resumo da lista ("Minha Lista de Desejos (1 artigo)" com um mini-card
   e "Ir para Lista de Desejos") que aparecia na coluna das paginas de conta.
   Na v4.7 ele saiu apenas da propria pagina de favoritos. */
body.df-interior .block.block-wishlist,
body.df-account .block.block-wishlist,
body.customer-account-index .block.block-wishlist,
body .sidebar .block.block-wishlist,
body #maincontent .block.block-wishlist {
    display: none !important;
}


/* ============================================================
   v4.9 - "Mostrar por pagina" numa linha so, e "Sair" com maiuscula
   ============================================================ */

/* O bloco vinha como tres elementos inline centralizados, com o <select>
   ocupando os 195px do container: cada parte caia numa linha. Vira uma linha
   unica, com o seletor do tamanho do proprio conteudo. */
body.df-interior #maincontent .limiter,
body.df-account #maincontent .limiter,
body.wishlist-index-index #maincontent .limiter {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
    text-align: left !important;
    font: 400 14px/20px Montserrat, sans-serif !important;
}

body.df-interior #maincontent .limiter :is(.limiter-label, .limiter-text),
body.df-account #maincontent .limiter :is(.limiter-label, .limiter-text),
body.wishlist-index-index #maincontent .limiter :is(.limiter-label, .limiter-text) {
    flex: 0 0 auto !important;
    margin: 0 !important;
    font: 400 14px/20px Montserrat, sans-serif !important;
    white-space: nowrap !important;
}

body.df-interior #maincontent .limiter .limiter-options,
body.df-account #maincontent .limiter .limiter-options,
body.wishlist-index-index #maincontent .limiter .limiter-options {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 72px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    font: 400 14px/20px Montserrat, sans-serif !important;
}

body.df-interior #maincontent .pager,
body.wishlist-index-index #maincontent .pager {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* O item do menu da conta vinha com "sair" em minuscula. */
body .block-collapsible-nav .nav.item a[href*="customer/account/logout"],
body .sidebar .nav.item a[href*="customer/account/logout"] {
    text-transform: capitalize !important;
}


/* ---- v4.10: o contador "1 artigo" sai da barra dos favoritos ----
   Com o "Mostrar por pagina" numa linha so (v4.9), o contador ficou colado no
   rotulo ("1 artigoMostrar 10 por pagina"). Ele sai da barra; a contagem
   continua no topo da pagina, abaixo do titulo. */
body.wishlist-index-index #maincontent .toolbar.wishlist-toolbar .toolbar-amount,
body.wishlist-index-index #maincontent .pager .toolbar-amount {
    display: none !important;
}


/* ---- v4.12: a barra "Mostrar por pagina" nao volta na categoria ----
   A categoria carrega a classe df-interior pelo handle do layout, entao as
   regras da v4.9 passaram a valer nela e tornaram a barra visivel de novo. */
body.df-catalog #maincontent .limiter,
body:is(.catalog-category-view, .catalogsearch-result-index) #maincontent .limiter,
body:is(.catalog-category-view, .catalogsearch-result-index) #maincontent .toolbar .limiter {
    display: none !important;
}

/* ---- Espaco fantasma no contador dos filtros ----
   O contador vem como "<span class=count>1<span class=filter-count-label>
   artigo</span></span>": o rotulo fica oculto para leitores de tela, mas o
   espaco antes dele continua sendo desenhado dentro do parentese. */
body:is(.catalog-category-view, .catalogsearch-result-index) #maincontent :is(.filter-count-label, .count .filter-count-label) {
    display: none !important;
}

body:is(.catalog-category-view, .catalogsearch-result-index) #maincontent .filter-options-content .count {
    margin-left: 5px !important;
    padding: 0 !important;
    white-space: nowrap !important;
}


/* ---- v4.16: a descricao da categoria (texto de SEO) ----
   Fica abaixo da listagem, separada do restante por uma linha discreta. O
   titulo do texto vem como <h1> do painel, mas a pagina ja tem o <h1> do nome
   da categoria - por isso ele e desenhado aqui com peso de subtitulo, nao de
   titulo principal. */
body.catalog-category-view #maincontent .df-category-description {
    box-sizing: border-box;
    clear: both;
    width: 100%;
    margin: 32px 0 8px;
    padding-top: 24px;
    border-top: 1px solid #e6e6e6;
}

body.catalog-category-view #maincontent .df-category-description :is(h1, h2, h3) {
    margin: 0 0 12px;
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: #1a1a1a;
}

body.catalog-category-view #maincontent .df-category-description p {
    margin: 0 0 12px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #4d4d4d;
}

body.catalog-category-view #maincontent .df-category-description :is(ul, ol) {
    margin: 0 0 12px 20px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #4d4d4d;
}

body.catalog-category-view #maincontent .df-category-description a {
    color: #1a1a1a;
    text-decoration: underline;
}

@media (max-width: 767px) {
    body.catalog-category-view #maincontent .df-category-description {
        margin: 24px 0 8px;
        padding-top: 20px;
    }

    body.catalog-category-view #maincontent .df-category-description :is(h1, h2, h3) {
        font-size: 18px;
    }
}


/* ---- v4.23: a descricao da categoria, sem a linha e na fonte do site ----
   Medido nesta mesma pagina, para nao inventar valores:
     titulo da pagina .... Montserrat 21px/700  #f26522
     nome do produto ..... Montserrat 16px/600  #393939
     corpo (body) ........ Open Sans  14px/400  #333333  lh 20px
   A descricao estava com titulo #1a1a1a e paragrafo #4d4d4d com entrelinha
   23.8px - proximo, mas nao igual. Agora ela usa exatamente os valores acima.
   A linha cinza no topo sai; a separacao fica so pelo espaco. */
body.catalog-category-view #maincontent .df-category-description {
    margin: 24px 0 8px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

body.catalog-category-view #maincontent .df-category-description :is(h1, h2, h3) {
    margin: 0 0 8px !important;
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    color: #393939 !important;
}

body.catalog-category-view #maincontent .df-category-description :is(p, li) {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #333333 !important;
}

body.catalog-category-view #maincontent .df-category-description p {
    margin: 0 0 10px !important;
}

/* ---- v4.23: a barra de resultados da busca ----
   Vinha da v4.21, que nao chegou a subir. Medido em
   /catalogsearch/result/?q=produto: o contador terminava em x 458 e o
   "Ordenar por" comecava em x 458 - zero de separacao, dai o "5 itensOrdenar
   por" colado. Restrito a busca: a barra da categoria esta correta. */
body.catalogsearch-result-index #maincontent .toolbar-products {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px 16px !important;
}

body.catalogsearch-result-index #maincontent .toolbar-products .toolbar-amount {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.catalogsearch-result-index #maincontent .toolbar-products .toolbar-sorter {
    margin-left: auto !important;
    justify-content: flex-end !important;
}


/* ---- v4.25: a descricao da categoria acompanha o site ----
   Na v4.23 eu a deixei em Open Sans para casar com o corpo da pagina. Com o
   site inteiro em Montserrat, ela vai junto - e a regra dela tem
   especificidade alta demais para a regra global alcancar sozinha. */
body.catalog-category-view #maincontent .df-category-description,
body.catalog-category-view #maincontent .df-category-description :is(h1, h2, h3, p, li, a, span, strong) {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
}