/* Figma 6024:24274. Native sorting, layered navigation and catalog data. */
body.df-catalog .breadcrumbs{margin-bottom:48px}
body.df-catalog .breadcrumbs .items{font:400 12px/15px Montserrat,sans-serif}
body.df-catalog #maincontent .page-title-wrapper{margin:0 0 2px}
body.df-catalog #maincontent .toolbar-products{position:relative;margin:0 0 32px;padding:0;min-height:17px;font:400 12px/15px Montserrat,sans-serif}
body.df-catalog #maincontent .toolbar-products .modes{display:none}
body.df-catalog #maincontent .toolbar-amount{padding:0;margin:0;color:#696969;font:400 14px/17px Montserrat,sans-serif}
body.df-catalog #maincontent .toolbar-products .sorter{padding:0;display:flex;align-items:center;gap:16px;height:27px;float:none}
body.df-catalog #maincontent .sorter-label{margin:0;font-weight:400}
body.df-catalog #maincontent .sorter-options{width:121px;height:27px;margin:0;padding:6px 24px 6px 6px;border:0;border-radius:4px;box-shadow:none;background-color:#ececec;color:#696969;font:400 12px/15px Montserrat,sans-serif}
body.df-catalog #maincontent .products-grid{margin:0 0 32px}
body.df-catalog #maincontent .products-grid .product-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 30px;margin:0;padding:0;list-style:none}
body.df-catalog #maincontent .products-grid .product-item{width:auto;margin:0;padding:0;min-width:0}
body.df-catalog #maincontent .products-grid .product-item-info{display:flex;flex-direction:column;position:relative;box-sizing:border-box;width:100%;min-height:448px;margin:0;padding:0;border:0;background:#fff;box-shadow:none;transform:none}
body.df-catalog #maincontent .products-grid .product-item-photo{display:block;line-height:0}
body.df-catalog #maincontent .products-grid .product-image-container{display:block;width:100%!important}
body.df-catalog #maincontent .products-grid .product-image-wrapper{height:240px;padding-bottom:0!important}
body.df-catalog #maincontent .products-grid .product-image-photo{width:100%;height:206px;max-height:206px;top:28px;bottom:auto;object-fit:contain}
body.df-catalog #maincontent .products-grid .product-item-details{display:flex;flex-direction:column;box-sizing:border-box;position:relative;min-height:208px;padding:8px 16px 16px}
body.df-catalog #maincontent .products-grid .product-item-name{height:40px;margin:0 0 8px}
body.df-catalog #maincontent .products-grid .product-item-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#393939;font:600 16px/20px Montserrat,sans-serif;text-decoration:none}
body.df-catalog #maincontent .products-grid .price-box{margin:0 0 8px}
body.df-catalog #maincontent .products-grid .price-box .price{color:#000!important;font:700 24px/29px Montserrat,sans-serif}
body.df-catalog #maincontent .products-grid .price-box .old-price .price{color:#a8a8a8!important;font:400 12px/15px Montserrat,sans-serif}
body.df-catalog #maincontent .product-item-info:has(.df-catalog-consult) :is(.b2b-price-message,.actions-primary){display:none}
body.df-catalog #maincontent .df-catalog-consult{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:46px;padding:8px 4px;margin-top:auto;background:#f26522;color:#fff;font:700 18px/22px Montserrat,sans-serif;text-align:center;text-decoration:none;opacity:0;pointer-events:none;transition:opacity 300ms ease-out}
body.df-catalog #maincontent .product-item-info:is(:hover,:focus-within) .df-catalog-consult{opacity:1;pointer-events:auto}
body.df-catalog #maincontent .products-grid .action.primary{background:#f26522;border-color:#f26522;color:white;border-radius:0;box-shadow:none}
body.df-catalog #maincontent .products-grid .product-item-inner{position:static;left:auto;right:auto;top:auto;clip:auto;width:auto;height:auto;overflow:visible;margin:0;padding:0;border:0;box-shadow:none;background:none}
body.df-catalog #maincontent .filter-options-item{border-bottom:1px solid #ccc;padding:0 0 20px;margin:0 0 24px}
body.df-catalog #maincontent .filter-options-title{padding:0 24px 0 0;font:700 14px/17px Montserrat,sans-serif;color:#2f2f2f;text-transform:none}
body.df-catalog #maincontent .filter-options-title::after{right:0;top:0}
body.df-catalog #maincontent .filter-options-title::after{color:#e3e6ea;font-size:14px;line-height:17px}
body.df-catalog #maincontent .filter-options-title{line-height:17px;min-height:17px}
body.df-catalog #maincontent .filter-options-item:last-child{margin-bottom:0}
body.df-catalog #maincontent .filter-options-content .items{margin:0;padding:0;list-style:none}
body.df-catalog #maincontent .filter-options-content .item{line-height:15px}
body.df-catalog #maincontent .filter-options-content .item:last-child{margin-bottom:0}
body.df-catalog #maincontent .filter-options-content{padding:16px 0 0;margin:0}
body.df-catalog #maincontent .filter-options-content .item{margin:0 0 8px;font:400 12px/15px Montserrat,sans-serif}
body.df-catalog #maincontent .filter-options-content a{color:#474747}
body.df-catalog #maincontent .filter-options-content .count{color:#a8a8a8}
body.df-catalog #maincontent .sidebar-additional .block-wishlist{display:none}
body.df-catalog #maincontent .category-description{margin-top:32px;color:#5b5d5d;font:400 14px/17px Montserrat,sans-serif}
body.df-catalog #maincontent .category-description h2{font:700 18px/22px Montserrat,sans-serif;color:#141414;margin:0 0 24px}
body.df-catalog #maincontent .pages .item{margin:0}
body.df-catalog #maincontent .pages :is(a,strong){border:0;min-width:31px;height:31px;line-height:31px;display:inline-block;text-align:center;background:transparent;color:#1e1e1e;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;box-shadow:none}
body.df-catalog #maincontent .pages .current strong{background:#f26522;border-color:#f26522;color:white;border-radius:50%}
@media(min-width:1024px){
 body.df-catalog #maincontent .columns{display:grid;grid-template-columns:255px minmax(0,825px);gap:0 30px;align-items:start}
 body.df-catalog #maincontent .columns > .column.main{grid-column:2;grid-row:1;width:100%;float:none;padding:0}
 body.df-catalog #maincontent .columns > .sidebar-main{grid-column:1;grid-row:1;width:100%;float:none;padding:0}
 body.df-catalog #maincontent .columns > .sidebar-additional{grid-column:1;width:100%;float:none;padding:0}
 body.df-catalog #maincontent .toolbar-products:has(+ .products.wrapper) .sorter{position:absolute;right:0;top:-31px;bottom:auto}
 body.df-catalog #maincontent .filter-subtitle{display:none}
}
@media(max-width:1023px){body.df-catalog #maincontent .products-grid .product-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}body.df-catalog #maincontent .toolbar-products .sorter{float:none;justify-content:flex-end;margin-top:12px}body.df-catalog #maincontent .df-catalog-consult{font-size:14px}}
@media(max-width:767px){body.df-catalog #maincontent .products-grid .product-image-wrapper{height:190px}body.df-catalog #maincontent .products-grid .product-image-photo{height:162px;max-height:162px}body.df-catalog #maincontent .products-grid .product-item-details{padding:8px;min-height:158px}body.df-catalog #maincontent .products-grid .product-item-info{min-height:348px}body.df-catalog #maincontent .products-grid .product-item-link{font-size:14px}body.df-catalog #maincontent .df-catalog-consult{font-size:12px}body.df-catalog .breadcrumbs{margin-bottom:24px}}
@media(hover:none),(pointer:coarse){body.df-catalog #maincontent .df-catalog-consult{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){body.df-catalog #maincontent .df-catalog-consult{transition:none}}

/* Exact Figma filter glyphs embedded to avoid additional theme files. */
body.df-catalog #maincontent .filter-options-title::after{content:"";width:14px;height:14px;top:1.5px;background:transparent url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSImIzE5NTsmIzE0MTtjb25lICYjMTk0OyYjMTgzOyBBZGljaW9uYXIiPgo8bWFzayBpZD0ibWFzazBfMF8yOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8wXzI4KSI+CjxwYXRoIGlkPSImIzE5NTsmIzE0MTtjb25lICYjMTk0OyYjMTgzOyBBZGljaW9uYXJfMiIgZD0iTTYuNDE2NjcgMTIuMjVWNy41ODMzM0gxLjc1VjYuNDE2NjdINi40MTY2N1YxLjc1SDcuNTgzMzNWNi40MTY2N0gxMi4yNVY3LjU4MzMzSDcuNTgzMzNWMTIuMjVINi40MTY2N1oiIGZpbGw9IiNFM0U2RUEiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=") center/contain no-repeat}
body.df-catalog #maincontent .filter-options-item.active > .filter-options-title::after{content:"";width:16px;height:16px;top:.5px;background-image:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSImIzE5NTsmIzE0MTtjb25lIj4KPHBhdGggaWQ9IkRpdmlzJiMxOTU7JiMxNzk7cmlhIiBkPSJNMy41IDhMMTIuNSA4IiBzdHJva2U9IiNFM0U2RUEiLz4KPC9nPgo8L3N2Zz4K ")}

/* Catalog refinement: native filtering, sorting and pagination remain intact. */
body.df-catalog #maincontent .filter-options-content :is(a,.price,.count){font:400 12px/15px Montserrat,sans-serif}
body.df-catalog #maincontent .filter-options-content a{display:inline-block;margin:0;padding:0;background:transparent;color:#474747;text-decoration:none}
body.df-catalog #maincontent .filter-options-content a:hover{color:#f26522;text-decoration:underline}
body.df-catalog #maincontent .filter-options-content .price{color:inherit}
body.df-catalog #maincontent .filter-options-content .count{margin-left:4px;color:#a8a8a8}
body.df-catalog #maincontent .filter-options-title:focus-visible{outline:2px solid #f26522;outline-offset:4px}
body.df-catalog #maincontent .filter-current{margin:0 0 20px;font:400 12px/17px Montserrat,sans-serif}
body.df-catalog #maincontent .filter-current-subtitle{font:700 14px/17px Montserrat,sans-serif;padding:0 0 16px}
body.df-catalog #maincontent .filter-current .items{padding:0}
body.df-catalog #maincontent .filter-current .item{padding:6px 24px 6px 0;position:relative}
body.df-catalog #maincontent .filter-actions{margin:0 0 24px;font:400 12px/17px Montserrat,sans-serif}
body.df-catalog #maincontent .toolbar-products .sorter-label{position:static;float:none;white-space:nowrap;color:#000;line-height:15px}
body.df-catalog #maincontent .toolbar-products .sorter-options{position:static;float:none;line-height:15px;appearance:auto;background-image:none}
body.df-catalog #maincontent .sorter-action{display:none}
body.df-catalog #maincontent .products-grid .product-item-info{isolation:isolate}
body.df-catalog #maincontent .products-grid .product-item-photo{position:relative;z-index:0}
body.df-catalog #maincontent .products-grid .product-item-details{z-index:2;overflow:visible}
body.df-catalog #maincontent .products-grid .product-item-actions{position:static;margin:0}
body.df-catalog #maincontent .products-grid .actions-secondary{position:absolute;top:-210px;right:12px;z-index:4}
body.df-catalog #maincontent .products-grid .actions-secondary .tocompare{display:none}
body.df-catalog #maincontent .products-grid .action.towishlist span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body.df-catalog #maincontent .products-grid .product-item-info:hover{border:0;box-shadow:none;margin:0;padding:0}
body.df-catalog #maincontent .toolbar-products:last-child .limiter{display:none}
body.df-catalog #maincontent .pages{float:none;width:100%;text-align:center}
body.df-catalog #maincontent .pages .items{display:inline-flex;align-items:center;gap:14px;padding:0}
body.df-catalog #maincontent .pages .action{width:auto;padding:0;margin:0;font-weight:700;border-radius:0}
body.df-catalog #maincontent .pages .action span:not(.label){position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible}
body.df-catalog #maincontent .pages .action.previous:before,body.df-catalog #maincontent .pages .action.next:before{font-size:9px;width:12px;margin:0;color:inherit}
body.df-catalog #maincontent .pages a:hover{color:#f26522;text-decoration:none}
@media(min-width:1024px){body.df-catalog #maincontent .page-title-wrapper{padding-right:255px}body.df-catalog #maincontent .page-title{overflow-wrap:anywhere}}
@media(max-width:767px){body.df-catalog #maincontent .products-grid .actions-secondary{top:-166px}body.df-catalog #maincontent .pages .items{gap:6px}body.df-catalog #maincontent .toolbar-products .sorter{height:auto;flex-wrap:wrap}}

/* ===== Catalog refinements ===== */

/* O df-interior.css traz "body.df-interior #maincontent a:hover{text-decoration:underline}",
   especificidade (1,2,2), que vence a regra do botao (1,2,1) por um seletor de tipo e
   sublinhava o CONSULTAR VALOR ao passar o mouse nele. A PDP nao sofria porque nao
   carrega o df-interior.css. Seletor abaixo tem (1,3,2) e dispensa !important. */
body.df-catalog #maincontent a.df-catalog-consult:hover,
body.df-catalog #maincontent a.df-catalog-consult:focus { text-decoration: none; }

/* Mobile, conforme Figma 6164:9079 "Categoria - Valor Oculto" (428x4533). */
@media (max-width:768px) {
 /* O Luma esconde o breadcrumb abaixo de 768px (styles-m.css); o Figma mostra. */
 body.df-catalog .breadcrumbs { display:block; }
}

body.df-catalog #maincontent .filter-current{box-sizing:border-box;margin:0 0 24px;padding:16px;border:1px solid #e3e3e3;background:#fff}
body.df-catalog #maincontent .filter-current-subtitle{display:block;margin:0 0 12px;padding:0;color:#393939;font:700 14px/18px Montserrat,sans-serif}
body.df-catalog #maincontent .filter-current .item{display:flex;align-items:center;min-height:30px;box-sizing:border-box;margin:0 0 8px;padding:6px 36px 6px 10px;border:1px solid #e3e3e3;border-radius:2px;background:#fafafa}
body.df-catalog #maincontent .filter-current .item:last-child{margin-bottom:0}
body.df-catalog #maincontent .filter-current .action.remove{top:50%;right:8px;width:28px;height:28px;margin-top:-14px}
body.df-catalog #maincontent .filter-actions{margin:-12px 0 24px;text-align:right}
body.df-catalog #maincontent .filter-actions .clear{color:#f26522;font-weight:600}
body.df-catalog #maincontent .products-grid .actions-secondary .action.towishlist{display:flex;align-items:center;justify-content:center;width:36px;height:36px}
body.df-catalog.df-price-hidden #maincontent .products-grid .product-item-details{min-height:156px}

@media(max-width:767px){
 body.df-catalog .breadcrumbs,body.df-catalog .breadcrumbs .items{justify-content:flex-start!important;text-align:left!important}
 body.df-catalog .breadcrumbs{box-sizing:border-box;width:100%;margin:24px auto;padding-right:20px;padding-left:20px}
 body.df-catalog #maincontent .page-title-wrapper{margin-bottom:6px}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .toolbar-amount,body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .df-mobile-limiter{grid-column:1/-1}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .df-mobile-filter-trigger,body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .sorter{width:100%;min-width:0;margin:0}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .sorter{display:flex;flex-direction:column;align-items:stretch;gap:6px}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .sorter-options,body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .df-mobile-filter-trigger{box-sizing:border-box;width:100%!important;height:42px!important;min-width:0}
 body.df-catalog #maincontent .products-grid .product-items{gap:24px 16px}
 body.df-catalog #maincontent .products-grid .product-image-wrapper{height:172px!important;aspect-ratio:auto!important}
 body.df-catalog #maincontent .products-grid picture.product-image-photo{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;height:148px!important;margin:18px auto 0!important}
 body.df-catalog #maincontent .products-grid picture.product-image-photo,body.df-catalog #maincontent .products-grid picture.product-image-photo img.product-image-photo{object-fit:contain!important}
 body.df-catalog #maincontent .products-grid .actions-secondary{top:-164px;right:4px}
 body.df-catalog #maincontent .products-grid .action.towishlist{opacity:1!important;pointer-events:auto!important}
 body.df-catalog.filter-active #maincontent .filter-options-item.active>.filter-options-title::after{content:"\2212"}
 body.df-catalog.filter-active #maincontent .filter-options-item[hidden]{display:none!important}
}
@media (max-width:767px) {
 /* No mobile o titulo da listagem e laranja. No desktop o Figma usa #141414,
    que ja e o valor atual - por isso a regra vale so aqui. */
 body.df-catalog #maincontent .page-title,
 body.df-catalog #maincontent .page-title .base { color:#f26522; }
}

/* Mobile catalog/search composition, based on Figma 6164:9079 and 6149:16450. */
body.df-catalog #maincontent .df-mobile-limiter,
body.df-catalog #maincontent .df-mobile-filter-trigger {display:none;}
@media (max-width:767px) {
 body.df-catalog .breadcrumbs {margin:24px auto; padding:0 20px; max-width:none; box-sizing:border-box;}
 body.df-catalog .breadcrumbs .items {display:flex;justify-content:flex-start!important;text-align:left;overflow:hidden;white-space:nowrap;}
 body.df-catalog .breadcrumbs .item:last-child {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 body.df-catalog .breadcrumbs .item:last-child strong {display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 body.df-catalog #maincontent {padding-right:20px;padding-left:20px;}
 body.df-catalog #maincontent .columns {padding-top:0;}
 body.df-catalog #maincontent .page-title-wrapper {margin:0 0 16px;}
 body.df-catalog #maincontent .page-title {margin:0;color:#f26522;font:700 21px/1.3 Montserrat,sans-serif;overflow-wrap:anywhere;}
 body.df-catalog #maincontent .df-mobile-toolbar {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:20px 29px 66px;column-gap:16px;row-gap:16px;box-sizing:border-box;height:147px;min-height:0;margin:0 0 40px;padding:0;}
 body.df-catalog #maincontent .df-mobile-toolbar .modes {display:none!important;}
 body.df-catalog #maincontent .df-mobile-toolbar .toolbar-amount {grid-column:1/-1;grid-row:1;margin:0;color:#666;font:400 14px/20px Montserrat,sans-serif;}
 body.df-catalog #maincontent .df-mobile-limiter {grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:8px;margin:0;color:#141414;font:400 12px/17px Montserrat,sans-serif;text-transform:uppercase;}
 body.df-catalog #maincontent .df-mobile-limiter select {box-sizing:border-box;width:44px;height:29px;margin:0;padding:4px 4px 4px 7px;border:1px solid #979797;border-radius:0;background:#fff;color:#666;font:400 14px/20px Montserrat,sans-serif;appearance:auto;}
 body.df-catalog #maincontent .df-mobile-filter-trigger {grid-column:1;grid-row:3;align-self:end;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:33px;margin:0;padding:6px 16px;border:1px solid #ccc;border-radius:2px;background:#fff;color:#2a2a2a;font:400 14px/20px Montserrat,sans-serif;text-align:left;box-shadow:none;cursor:pointer;}
 body.df-catalog #maincontent .df-mobile-filter-trigger[hidden] {display:none!important;}
 body.df-catalog #maincontent .df-mobile-filter-trigger::after {content:"";display:block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);}
 body.df-catalog #maincontent .df-mobile-filter-trigger:focus-visible {outline:2px solid #f26522;outline-offset:2px;}
 body.df-catalog #maincontent .df-mobile-toolbar .sorter {grid-column:2;grid-row:3;align-self:end;display:flex;flex-direction:column;align-items:stretch;gap:5px;float:none;position:static;inset:auto;width:100%;height:auto;margin:0;padding:0;}
 body.df-catalog #maincontent .df-mobile-toolbar .sorter-label {display:block;position:static;align-self:flex-end;margin:0;color:#2a2a2a;font:700 14px/20px Montserrat,sans-serif;}
 body.df-catalog #maincontent .df-mobile-toolbar .sorter-options {box-sizing:border-box;width:100%;height:33px;margin:0;padding:5px 16px;border:1px solid #ccc;border-radius:2px;background:#fff;color:#2a2a2a;font:400 14px/20px Montserrat,sans-serif;appearance:auto;box-shadow:none;}
 body.df-catalog #maincontent .products-grid {margin-top:0!important;}
 body.df-catalog #maincontent .products-grid .product-items {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;}
 body.df-catalog #maincontent .products-grid .product-item-info {box-sizing:border-box;width:100%;min-height:364px!important;height:auto;}
 body.df-catalog #maincontent .products-grid .product-image-container {display:block;width:100%!important;}
 body.df-catalog #maincontent .products-grid .product-image-wrapper {box-sizing:border-box;display:block;width:100%;height:172px!important;padding-bottom:0!important;}
 body.df-catalog #maincontent .products-grid picture.product-image-photo {position:relative!important;display:block;box-sizing:border-box;top:auto!important;left:auto!important;width:calc(100% - 30px)!important;max-width:none!important;height:140px!important;min-height:0!important;max-height:140px!important;margin:32px auto 0!important;overflow:hidden;}
 body.df-catalog #maincontent .products-grid picture.product-image-photo img.product-image-photo {position:absolute!important;inset:0!important;display:block;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;object-fit:cover;}
 body.df-catalog #maincontent .products-grid .product-item-details {box-sizing:border-box;flex:1;min-height:192px!important;padding:8px 0 0!important;}
 body.df-catalog #maincontent .products-grid .product-item-link {color:#393939;font:400 14px/20px Montserrat,sans-serif;}
 body.df-catalog #maincontent .products-grid .actions-secondary {top:-172px;right:0;}
 body.df-catalog #maincontent .products-grid .df-catalog-consult {box-sizing:border-box;width:100%!important;min-height:38px;height:38px;margin-top:auto;padding:7px 4px!important;font:700 16px/24px Montserrat,sans-serif;}
 body.df-catalog:not(.filter-active) #maincontent .sidebar-main .filter-title {display:none;}
 body.df-catalog.filter-active #maincontent .filter-title {position:fixed;top:0;left:0;right:0;z-index:1002;height:50px;background:transparent;border:0;}
 body.df-catalog.filter-active #maincontent .filter-subtitle {position:fixed;top:0;left:0;right:0;z-index:1001;box-sizing:border-box;height:50px;margin:0;padding:10px 52px 10px 20px;border-bottom:1px solid #e3e3e3;background:#fff;color:#5b5d5d;font:400 20px/30px Montserrat,sans-serif;}
 body.df-catalog.filter-active #maincontent .filter-options {position:fixed;top:50px;left:0;right:0;z-index:1001;box-sizing:border-box;width:100%;height:calc(100vh - 50px);height:calc(100dvh - 50px);margin:0;padding:24px 20px 32px;overflow-x:hidden;overflow-y:auto;background:#fff;}
 body.df-catalog.filter-active #maincontent .filter-options-item {box-sizing:border-box;margin:0 0 32px;padding:0 0 24px;border-bottom:1px solid #e3e3e3;}
 body.df-catalog.filter-active #maincontent .filter-options-item:not(.active) {margin-bottom:16px;padding-bottom:16px;}
 body.df-catalog.filter-active #maincontent .filter-options-item:last-child {margin-bottom:0;}
 body.df-catalog.filter-active #maincontent .filter-options-title {box-sizing:border-box;min-height:22px;padding:0 30px 0 0;color:#5b5d5d;font:700 16px/22px Montserrat,sans-serif;}
 body.df-catalog.filter-active #maincontent .filter-options-title::after {top:2px;right:0;width:18px;height:18px;background:none;color:#141414;font:400 24px/18px Arial,sans-serif;text-align:center;}
 body.df-catalog.filter-active #maincontent .filter-options-item:not(.active) > .filter-options-title::after {content:"+";}
 body.df-catalog.filter-active #maincontent .filter-options-item.active > .filter-options-title::after {content:"\2212";}
 body.df-catalog.filter-active #maincontent .filter-options-content {margin:0;padding:24px 0 0;}
 body.df-catalog.filter-active #maincontent .filter-options-content .items {display:flex;flex-direction:column;gap:10px;margin:0;padding:0;}
 body.df-catalog.filter-active #maincontent .filter-options-content .item {margin:0;color:#5b5d5d;font:400 14px/20px Montserrat,sans-serif;}
 body.df-catalog.filter-active #maincontent .filter-options-content :is(a,.price,.count) {font:400 14px/20px Montserrat,sans-serif;}
 body.df-catalog.filter-active #maincontent .filter-options-content a {display:inline;color:#5b5d5d;}
 body.df-catalog.filter-active #maincontent .filter-options-content .count {color:#a8a8a8;}
 body.df-catalog.filter-active #maincontent .filter-count-label {display:none;}
}


body.df-catalog #maincontent .filter-current{box-sizing:border-box;margin:0 0 24px;padding:16px;border:1px solid #e3e3e3;background:#fff}
body.df-catalog #maincontent .filter-current-subtitle{display:block;margin:0 0 12px;padding:0;color:#393939;font:700 14px/18px Montserrat,sans-serif}
body.df-catalog #maincontent .filter-current .item{display:flex;align-items:center;min-height:30px;box-sizing:border-box;margin:0 0 8px;padding:6px 36px 6px 10px;border:1px solid #e3e3e3;border-radius:2px;background:#fafafa}
body.df-catalog #maincontent .filter-current .item:last-child{margin-bottom:0}
body.df-catalog #maincontent .filter-current .action.remove{top:50%;right:8px;width:28px;height:28px;margin-top:-14px}
body.df-catalog #maincontent .filter-actions{margin:-12px 0 24px;text-align:right}
body.df-catalog #maincontent .filter-actions .clear{color:#f26522;font-weight:600}
body.df-catalog #maincontent .products-grid .actions-secondary .action.towishlist{display:flex;align-items:center;justify-content:center;width:36px;height:36px}
body.df-catalog.df-price-hidden #maincontent .products-grid .product-item-details{min-height:156px}
@media(max-width:767px){
 body.df-catalog .breadcrumbs,body.df-catalog .breadcrumbs .items{justify-content:flex-start!important;text-align:left!important}
 body.df-catalog .breadcrumbs{box-sizing:border-box;width:100%;margin:24px auto;padding-right:20px;padding-left:20px}
 body.df-catalog #maincontent .page-title-wrapper{margin-bottom:6px}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .toolbar-amount,body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .df-mobile-limiter{grid-column:1/-1}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .df-mobile-filter-trigger,body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .sorter{width:100%;min-width:0;margin:0}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .sorter{display:flex;flex-direction:column;align-items:stretch;gap:6px}
 body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .sorter-options,body.df-catalog #maincontent .toolbar-products.df-mobile-toolbar .df-mobile-filter-trigger{box-sizing:border-box;width:100%!important;height:42px!important;min-width:0}
 body.df-catalog #maincontent .products-grid .product-items{gap:24px 16px}
 body.df-catalog #maincontent .products-grid .product-image-wrapper{height:172px!important;aspect-ratio:auto!important}
 body.df-catalog #maincontent .products-grid picture.product-image-photo{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;height:148px!important;margin:18px auto 0!important}
 body.df-catalog #maincontent .products-grid picture.product-image-photo,body.df-catalog #maincontent .products-grid picture.product-image-photo img.product-image-photo{object-fit:contain!important}
 body.df-catalog #maincontent .products-grid .actions-secondary{top:-164px;right:4px}
 body.df-catalog #maincontent .products-grid .action.towishlist{opacity:1!important;pointer-events:auto!important}
 body.df-catalog.filter-active #maincontent .filter-options-item.active>.filter-options-title::after{content:"\2212"}
 body.df-catalog.filter-active #maincontent .filter-options-item[hidden]{display:none!important}
}


/* ============================================================
   v4.3 - Bloco do filtro aplicado ("Comprar por")
   ============================================================ */

/* O "X" de remover aparecia no canto esquerdo, por cima do rotulo. A regra
   deste arquivo ja pedia right: 8px, mas o tema define left: 0 no elemento e,
   com left e right juntos num absoluto de largura fixa, o left vence. Soltar o
   left e o suficiente para ele ir ao lugar reservado pelo padding de 36px. */
body.df-catalog #maincontent .filter-current .action.remove {
    position: absolute !important;
    left: auto !important;
    right: 8px !important;
    top: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: -14px 0 0 !important;
    color: #666 !important;
    text-decoration: none !important;
}

/* O rotulo e o valor ficam na mesma linha de base. */
body.df-catalog #maincontent .filter-current .item :is(.filter-label, .filter-value) {
    align-self: center !important;
}

body.df-catalog #maincontent .filter-current .item .filter-label {
    flex: 0 0 auto !important;
    margin-right: 4px !important;
}

/* "Limpar Tudo" subia 12px por uma margem negativa vinda do tema e ainda tinha
   um recuo de 10px que o bloco acima nao tem. */
body.df-catalog #maincontent .filter-actions {
    margin: 0 0 24px !important;
    padding: 0 !important;
}


/* ============================================================
   v4.5 - Filtro aplicado no mobile
   No mobile a caixa "Comprar por" mostrava so o titulo: a lista dos filtros
   aplicados e o "Limpar Tudo" ficavam em display:none, entao dava para ver que
   havia um filtro (1) mas nao qual, nem como remover. Os dois voltam a
   aparecer, com o mesmo desenho do desktop.
   ============================================================ */
@media (max-width: 767px) {
    body.df-catalog #maincontent .filter-current .items,
    body.df-catalog #maincontent .filter-current .item {
        display: flex !important;
    }

    body.df-catalog #maincontent .filter-current .items {
        display: block !important;
        margin: 12px 0 0 !important;
        padding: 0 !important;
    }

    body.df-catalog #maincontent .filter-actions {
        display: block !important;
    }
}
