/* Tienda y categorías, estilo Nike: ancho completo con 44px de margen, filtros a la izquierda y rejilla fluida */
body .mf-archive{max-width:1920px;margin:0 auto;padding:0 44px;box-sizing:border-box}

/* Franja de banner baja (se sustituirá por una foto) */
body .mf-strip{height:clamp(96px,11vw,160px);margin:12px 0 0;border-radius:0;background:linear-gradient(100deg,#111 0%,#2b2b2b 45%,#fa5400 150%)}

/* Título y herramientas */
body .mf-toolbar{align-items:center;margin:20px 0 28px}
body .mf-archive-title{font-family:var(--wp--preset--font-family--barlow)!important;font-size:24px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;line-height:1.2!important;margin:0!important}
body .mf-archive-title .mf-total{font-weight:400}
body .mf-toolbar-right{gap:28px;align-items:center}
body .mf-filter-toggle{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;font:inherit;font-size:16px;font-weight:500;color:var(--wp--preset--color--ink);cursor:pointer}
body .mf-toolbar .woocommerce-ordering{margin:0}
body .mf-toolbar .woocommerce-ordering select{border:0;background-color:transparent;font:inherit;font-size:16px;font-weight:500;padding:0 4px;cursor:pointer;color:var(--wp--preset--color--ink)}

/* Filtros 192px + rejilla */
body .mf-shop-cols{display:grid!important;grid-template-columns:192px minmax(0,1fr);gap:64px;align-items:start;margin:0}
body .mf-shop-cols>.wp-block-column{flex-basis:auto!important;width:auto!important;min-width:0;margin:0}
body .mf-shop-cols.mf-filters-hidden{grid-template-columns:minmax(0,1fr)}
body .mf-shop-cols.mf-filters-hidden .mf-sidebar{display:none}
body .mf-sidebar{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 128px);overflow-y:auto;scrollbar-width:none;padding-bottom:32px}
body .mf-sidebar::-webkit-scrollbar{display:none}
body.admin-bar .mf-sidebar{top:120px}

/* Lista de tipos (arriba, sin acordeón) */
body .mf-catlist{list-style:none;padding:0;margin:0}
body .mf-catlist li{margin:0 0 10px;font-size:16px;line-height:1.3}
body .mf-catlist a{color:var(--wp--preset--color--ink);text-decoration:none}
body .mf-catlist a:hover{text-decoration:underline}
body .mf-catlist .is-current>a{font-weight:700}
body .mf-catlist .mf-count{color:var(--wp--preset--color--mute);font-size:14px}
body .mf-types{margin-bottom:36px!important}
body .mf-types li{font-weight:500}

/* Acordeones */
body .mf-filter{border-top:1px solid var(--wp--preset--color--line);padding:0;margin:0}
body .mf-filter:last-of-type{border-bottom:1px solid var(--wp--preset--color--line)}
body .mf-filter summary{cursor:pointer;font-weight:500;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 0}
body .mf-filter summary::-webkit-details-marker{display:none}
body .mf-filter summary::after{content:'';width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-3px,-3px);transition:transform .15s}
body .mf-filter[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
body .mf-filter>.mf-catlist,body .mf-filter>.wp-block-woocommerce-price-filter,body .mf-filter>.wp-block-woocommerce-stock-filter{margin:0 0 16px}
body .mf-filter .wp-block-woocommerce-price-filter h3,body .mf-filter .wp-block-woocommerce-stock-filter h3{display:none}

/* Rejilla fluida: 3 columnas (4 al ocultar filtros) */
body .mf-grid .wc-block-product-template{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 16px;margin:0;padding:0}
body .mf-shop-cols.mf-filters-hidden .mf-grid .wc-block-product-template{grid-template-columns:repeat(4,minmax(0,1fr))}
body .mf-grid .wc-block-product-template>li{width:auto!important;margin:0!important;list-style:none}
body .mf-products .wc-block-components-product-image,body .mf-products .wc-block-components-product-image a{background:var(--wp--preset--color--soft);display:block}
body .mf-products .wc-block-components-product-image img{mix-blend-mode:multiply;object-fit:contain!important;width:100%!important}
body .mf-tag{margin:16px 0 0}
body .mf-products .wp-block-post-title{font-weight:500!important;font-size:16px!important}
body .mf-products .wp-block-woocommerce-product-price{font-weight:500;margin-top:6px}

/* Scroll infinito: se oculta la paginación */
html.mf-infinite .mf-grid .wp-block-query-pagination{display:none}
.mf-sentinel{min-height:48px;text-align:center;color:var(--wp--preset--color--mute);padding:24px 0}

/* Adaptación a pantallas más pequeñas */
@media(max-width:1200px){
  body .mf-archive{padding:0 24px}
  body .mf-shop-cols{gap:40px}
  body .mf-grid .wc-block-product-template,body .mf-shop-cols.mf-filters-hidden .mf-grid .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  body .mf-archive{padding:0 16px}
  body .mf-shop-cols{grid-template-columns:1fr;gap:20px}
  body .mf-sidebar{position:static;max-height:none;overflow:visible}
  body .mf-grid .wc-block-product-template,body .mf-shop-cols.mf-filters-hidden .mf-grid .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 8px}
  body .mf-toolbar-right{gap:16px}
}

/* Sin caja de foco en los filtros desplegables */
body .mf-filter summary,body .mf-filter summary:focus,body .mf-filter summary:focus-visible{outline:0!important;box-shadow:none!important}

/* Anuncio por categoría dentro de la rejilla: ocupa 2 columnas */
body .mf-grid .wc-block-product-template{grid-auto-flow:row dense}
body .mf-grid .wc-block-product-template>li.mf-ad{grid-column:span 2;position:relative;align-self:start;aspect-ratio:2.04/1;overflow:hidden;background:#1b1b1b;margin:0!important;list-style:none}
body .mf-ad-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
body .mf-ad-body{position:absolute;left:clamp(20px,4vw,64px);bottom:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);z-index:1}
body .mf-ad-title{font-family:var(--wp--preset--font-family--barlow-condensed);color:#fff;font-size:clamp(30px,4vw,64px);font-weight:800;line-height:.9;letter-spacing:-1.5px;text-transform:uppercase;margin:0 0 20px;max-width:12em;text-shadow:0 2px 30px rgba(0,0,0,.4)}
body .mf-ad-btn{display:inline-block;background:#fff;color:#111!important;border-radius:10px;padding:.75em 1.5em;font-size:16px;font-weight:500;text-decoration:none!important}
body .mf-ad-btn:hover{opacity:.85}
@media(max-width:900px){body .mf-grid .wc-block-product-template>li.mf-ad{aspect-ratio:1.6/1}}
