/* maderin-seleccion: presentación de «Selección de temporada» (grilla de 3 y carrusel) */
.fs-tabs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:2rem 0 1.6rem;padding:2px 0}.fs-tabs::-webkit-scrollbar{display:none}.fs-tab{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:0 0 auto;border:1px solid #e3d5c2;border-radius:999px;padding:0 18px;color:#28231f;background:#faf5ee;text-decoration:none;font-size:13px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.fs-tab[aria-selected="true"]{background:#28231f;color:#faf5ee;border-color:#28231f}.fs-tab:focus-visible{outline:3px solid rgba(141,96,63,.5);outline-offset:3px}.fs-tabpanel:focus{outline:0}.fs-tabpanel:focus-visible{outline:2px solid #8d603f;outline-offset:8px}.fs-collection-link{display:inline-block;margin-top:1.5rem}
@media (min-width:760px){#m18-productos .m18-filter-grid.fs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

.fs-car{position:relative}
#m18-productos .m18-filter-grid.fs-track{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 3 * var(--fs-gap,1.6rem)) / 4);gap:var(--fs-gap,1.6rem);overflow-x:auto;overflow-y:hidden;margin-right:0;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#m18-productos .m18-filter-grid.fs-track::-webkit-scrollbar{display:none}
#m18-productos .fs-track .m18-product-card{scroll-snap-align:start;min-width:0}
@media (min-width:760px) and (max-width:1099px){#m18-productos .m18-filter-grid.fs-track{grid-auto-columns:calc((100% - 2 * var(--fs-gap,1.6rem)) / 3)}}
@media (max-width:759px){#m18-productos .m18-filter-grid.fs-track{grid-auto-columns:78%;--fs-gap:1.2rem}}

/* Laterales sutiles */
.fs-car__lat{position:absolute;z-index:3;top:var(--fs-arrow-y,40%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(72,56,41,.14);background:rgba(255,253,248,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#232621;font-size:20px;line-height:1;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 6px 18px rgba(40,35,31,.10);opacity:0;transform:translateY(-50%) scale(.92);transition:opacity .25s ease,transform .25s ease,background .15s}
.fs-car__lat--prev{left:-22px}
.fs-car__lat--next{right:-22px}
.fs-car:hover .fs-car__lat:not([data-fs-end]),.fs-car__lat:focus-visible{opacity:1;transform:translateY(-50%) scale(1)}
.fs-car__lat:hover{background:#fffdf8}
.fs-car__lat[data-fs-end]{pointer-events:none}
.fs-car.fs-mas-der .fs-track{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.fs-car.fs-mas-izq .fs-track{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%);mask-image:linear-gradient(90deg,transparent,#000 12%)}
.fs-car.fs-mas-izq.fs-mas-der .fs-track{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.fs-car__hilo{width:96px;height:1px;background:rgba(72,56,41,.18);margin:2.2rem auto 0;position:relative;overflow:hidden}
.fs-car__hilo span,.fs-car__pista span{position:absolute;top:0;left:0;height:100%;background:var(--ms-boton,#2f4034);transition:left .3s ease,width .3s ease}

/* Flechas abajo */
.fs-car__pie{display:flex;align-items:center;gap:1.8rem;margin-top:2.2rem}
.fs-car__cuenta{font-size:1.2rem;letter-spacing:.08em;color:#655f56;min-width:4.4rem;font-variant-numeric:tabular-nums}
.fs-car__pista{flex:1;height:2px;background:rgba(72,56,41,.14);border-radius:2px;position:relative;overflow:hidden}
.fs-car__flechas{display:flex;gap:.8rem}
.fs-car__flecha{width:42px;height:42px;border-radius:50%;border:1px solid rgba(72,56,41,.28);background:transparent;color:#232621;font-size:18px;line-height:1;display:grid;place-items:center;padding:0;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s}
.fs-car__flecha:hover:not(:disabled){background:var(--ms-boton,#2f4034);color:#f4f1e8;border-color:var(--ms-boton,#2f4034)}
.fs-car__flecha:disabled{opacity:.3;cursor:default}
.fs-car[data-fs-fits] .fs-car__hilo,.fs-car[data-fs-fits] .fs-car__pie,.fs-car[data-fs-fits] .fs-car__lat{display:none}

/* Teléfono: solo con el dedo */
@media (max-width:759px),(hover:none){.fs-car__lat,.fs-car__flechas{display:none}.fs-car.fs-mas-der .fs-track,.fs-car.fs-mas-izq .fs-track{-webkit-mask-image:none;mask-image:none}}

/* Controles solo dentro del visor en vivo del editor */
.fs-bar{position:absolute;top:8px;right:8px;z-index:4;display:flex;gap:4px;background:rgba(40,35,31,.86);border-radius:6px;padding:3px;opacity:0;transition:opacity .15s}
.m18-product-card:has(.fs-bar){position:relative}
.m18-product-card:hover .fs-bar,.m18-product-card:focus-within .fs-bar{opacity:1}
@media (hover:none){.fs-bar{opacity:1}}
.fs-bar button{width:30px;height:30px;border:0;background:none;color:#fffdf8;border-radius:4px;font-size:14px;line-height:1;padding:0;cursor:pointer}
.fs-bar button:hover{background:rgba(255,255,255,.14)}
.m18-product-card[draggable="true"]{cursor:grab}
.m18-product-card.fs-dragging{opacity:.35}
.m18-product-card.fs-over{box-shadow:0 0 0 3px var(--ms-acento,#8d603f)}

/* maderin-filtros-ajustes: la pestaña activa toma el color de botón del estilo del tema */
.fs-tab[aria-selected="true"]{background:var(--ms-boton,#2f4034);color:#f4f1e8;border-color:var(--ms-boton,#2f4034)}
