/* EG · Ficha 2026 · eg-nivel (maqueta aprobada por Rafael el 28-sep-2026, s14 y s15 incluidos). Pieza 4.
   La encola mu-plugins/eg-ficha-2026.php en wp_enqueue_scripts 101, dependencia emporio-garcia-main, filemtime.
   REGLAS DE ESTA HOJA
   - Todo selector empieza con body.eg-f26 (la clase la pone eg-ficha-2026.php solo en la ficha nueva).
   - Tokens de la base SIEMPRE con respaldo: si se apaga eg-base-2026, la ficha no se queda sin estilo.
   - main.css:37-52 pone !important en fondo, color y borde de TODO button: por eso los botones llevan !important
     en esas tres propiedades. Cada !important de esta hoja responde a uno de hoy.
   - Corte 901 px, el de la base y main.css (la maqueta usa 900).
   - Fuera de los titulares, todo en peso 400: precios, botones (también el de la barra fija), desplegables, guía y tabla de tallas
     (Rafael, 29-sep ~18:50, DECISIONES:27). La base lo fuerza en parte (eg-base-2026.css §10); esta hoja da lo mismo sin ella.
   - Sin el signo menor que en esta hoja, ni en comentarios. Fondo mientras carga una foto: #F0EBDF (no es token de la base). */

/* ── 0 · utilidades ─────────────────────────────────────────────────────────────────────── */
body.eg-f26 .eg-f26-vh,
body.eg-f26 .eg-pdp .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* la leyenda del look («Talla de …», eg-completa-look.php): hello-elementor/reset.css pone legend{display:table} y en una tabla
   width:1px es solo un mínimo: medía lo que su texto (291-321 px) y a 375 la página crecía 90 px de lado (verificación 29-sep, B1) */
body.eg-f26 legend.eg-f26-vh{display:block}
/* foco solo con teclado. main.css:105-111 pinta con !important un recuadro de 1 px en todo button con :focus, también al tocar
   (salía un marco negro en la × del visor al abrirlo y en la foto al cerrarlo): por eso !important aquí. El visor y la barra
   cuelgan del body, fuera de .eg-pdp. Mismo criterio que la base (eg-base-2026.css §3, s11 de Rafael). */
body.eg-f26 .eg-pdp :focus:not(:focus-visible),
body.eg-f26 .eg-lightbox :focus:not(:focus-visible),
body.eg-f26 .eg-sticky-buy :focus:not(:focus-visible){outline:none!important}
body.eg-f26 .eg-pdp :focus-visible,
body.eg-f26 .eg-lightbox :focus-visible,
body.eg-f26 .eg-sticky-buy :focus-visible{outline:2px solid var(--eg-tinta,#1A1A1A)!important;outline-offset:2px!important}

/* ── 1 · caja de la ficha (EST:379, 467-468, 515-521) ───────────────────────────────────── */
body.eg-f26 .eg-pdp{padding-top:0;padding-bottom:88px;font-family:var(--eg-ui,'Work Sans',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif);color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-pdp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
body.eg-f26 .eg-pdp-grid>*{min-width:0}
body.eg-f26 .eg-pdp-info{display:block;padding:0 var(--container-padding-mobile,16px)}
@media (max-width:900px){
  /* galería a todo el ancho en el celular: la caja pierde sus 16 px y cada bloque los recupera */
  body.eg-f26 .eg-pdp.eg-container{padding-left:0;padding-right:0}
}
@media (min-width:901px){
  body.eg-f26 .eg-pdp-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px}
  body.eg-f26 .eg-pdp-info{position:sticky;top:96px;padding:8px 0 0}
}

/* ── 2 · migas (EST:380-387, 396). A 12 px, la medida única de la cabecera y del menú de la base (29-sep 14:15) ── */
body.eg-f26 .eg-f26-migas{margin:0;padding:4px var(--container-padding-mobile,16px) 0;font:400 12px/1.4 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-f26-migas ol{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;margin:0;padding:0;list-style:none}
body.eg-f26 .eg-f26-migas ol::-webkit-scrollbar{display:none}
body.eg-f26 .eg-f26-migas li{display:inline-flex;align-items:center;flex:none;color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-f26-migas li+li::before{content:"/";margin:0 10px;color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-f26-migas a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
body.eg-f26 .eg-f26-migas li:hover{color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-f26-migas a:hover{text-decoration:underline;text-underline-offset:4px}
body.eg-f26 .eg-pdp .eg-italic-formentera{font-family:var(--eg-formentera,'EG Playfair',Georgia,serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:17px;line-height:1;vertical-align:baseline;margin:0}
/* en las migas, Formentera a 15 px junto a mayúsculas de 12, como en el menú de la base */
body.eg-f26 .eg-f26-migas .eg-italic-formentera{font-size:15px}
@media (max-width:900px){
  body.eg-f26 .eg-f26-migas li:first-child{display:none}
  body.eg-f26 .eg-f26-migas li:nth-child(2)::before{content:none}
}
@media (min-width:901px){ body.eg-f26 .eg-f26-migas{padding:24px 0 0} }

/* ── 3 · galería (EST:470-481, 516-519) ─────────────────────────────────────────────────── */
body.eg-f26 .eg-f26-gal-w{position:relative}
body.eg-f26 .eg-f26-gal{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:4px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
body.eg-f26 .eg-f26-gal::-webkit-scrollbar{display:none}
body.eg-f26 .eg-f26-gal--una{grid-auto-columns:100%}
body.eg-f26 .eg-f26-gal>li{margin:0;scroll-snap-align:start}
body.eg-f26 .eg-f26-gal-b{display:block;width:100%;aspect-ratio:3/4;margin:0;padding:0;border:0!important;border-radius:0;background-color:#F0EBDF!important;overflow:hidden;cursor:zoom-in}
body.eg-f26 .eg-f26-gal-b img{display:block;width:100%;height:100%;object-fit:cover}
body.eg-f26 .eg-f26-gal-b:focus-visible{outline-offset:-2px!important}
body.eg-f26 .eg-f26-gal-min{display:flex;gap:8px;margin:0;padding:10px var(--container-padding-mobile,16px) 0;list-style:none;overflow-x:auto;scrollbar-width:none}
body.eg-f26 .eg-f26-gal-min::-webkit-scrollbar{display:none}
body.eg-f26 .eg-f26-gal-min li{flex:none;margin:0}
body.eg-f26 .eg-f26-gal-min .eg-gallery-thumb{display:block;width:52px;min-height:44px;aspect-ratio:3/4;margin:0;padding:0;border:1px solid transparent!important;border-radius:0;background-color:#F0EBDF!important;overflow:hidden;cursor:pointer}
body.eg-f26 .eg-f26-gal-min .eg-gallery-thumb[aria-current="true"]{border-color:var(--eg-tinta,#1A1A1A)!important}
body.eg-f26 .eg-f26-gal-min img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:901px){
  body.eg-f26 .eg-f26-gal{grid-auto-columns:100%;gap:0}
  body.eg-f26 .eg-f26-gal-min{padding:12px 0 0}
  body.eg-f26 .eg-f26-gal-min .eg-gallery-thumb{width:64px}
}
/* zapatos 1:1 (eg-pdp-calzado.php:55-62 cuelga de .eg-gallery-main, que esta ficha ya no tiene; la regla se trae) */
body.eg-f26.eg-pdp-calzado .eg-f26-gal-b,
body.eg-f26.eg-pdp-calzado .eg-f26-gal-min .eg-gallery-thumb{aspect-ratio:1/1}
body.eg-f26.eg-pdp-calzado .eg-f26-gal-b img,
body.eg-f26.eg-pdp-calzado .eg-f26-gal-min img{object-position:50% 62%}

/* ── 4 · rótulo, H1 y precio (EST:40, 483-484, 521) ─────────────────────────────────────── */
/* precios SIN negrita, peso 400, aquí, en el look (piezas y total), en «También te podría interesar» y en la barra fija
   (Rafael, 29-sep noche); el tachado sigue gris, 400 y a 8 px */
body.eg-f26 .eg-pdp-eyebrow{margin:0;font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-pdp-title{margin:8px 0 0;font:400 20px/1.4 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--eg-tinta,#1A1A1A)}
@media (min-width:901px){ body.eg-f26 .eg-pdp-title{font-size:22px} }
body.eg-f26 .eg-pdp-price{margin:6px 0 0;font:400 18px/1.4 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.03em;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-pdp-price del{opacity:1;margin-right:8px;font-weight:400;color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-pdp-price ins{text-decoration:none}

/* ── 5 · talla y botón (EST:139-157, 485-489). Reemplaza al style eg-pdp-tallas-css de single-product.php:289-305 ─ */
body.eg-f26 .eg-pdp-cart{margin-top:28px}
body.eg-f26 .eg-pdp-tallas{margin:0}
body.eg-f26 .eg-pdp-tallas-head{display:flex;justify-content:space-between;align-items:center;margin:0}
body.eg-f26 .eg-pdp-tallas-label{font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-pdp-tallas-guide{display:inline-flex;align-items:center;min-height:44px;font:400 14px/1 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:6px;color:var(--eg-tinta,#1A1A1A);cursor:pointer}
body.eg-f26 .eg-pdp-tallas-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
body.eg-f26 .eg-pdp-talla{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;margin:0;padding:0 8px;border:1px solid var(--eg-linea,#E5E0D5)!important;border-radius:0;background-color:transparent!important;color:var(--eg-tinta,#1A1A1A)!important;font:400 14px/1 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.04em;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
body.eg-f26 .eg-pdp-talla:hover:not(:disabled):not(.is-selected){border-color:var(--eg-tinta,#1A1A1A)!important}
body.eg-f26 .eg-pdp-talla.is-selected{background-color:var(--eg-tinta,#1A1A1A)!important;border-color:var(--eg-tinta,#1A1A1A)!important;color:var(--eg-papel,#FAF8F3)!important}
body.eg-f26 .eg-pdp-talla.is-disabled,
body.eg-f26 .eg-pdp-talla:disabled{background-color:transparent!important;border-color:var(--eg-linea,#E5E0D5)!important;color:var(--eg-tinta-2,#555)!important;text-decoration:line-through;cursor:not-allowed}
/* s15 (Rafael, 28-sep): «Talla única» sin fondo negro, igual que el resto. Una ficha con UNA sola talla. */
body.eg-f26 .eg-pdp-talla:only-child.is-selected{background-color:transparent!important;border-color:var(--eg-linea,#E5E0D5)!important;color:var(--eg-tinta,#1A1A1A)!important;cursor:default}
/* aviso de talla de pdp.js (etiqueta «ELIGE TU TALLA» + sacudida): en tinta, como la maqueta */
body.eg-f26 .eg-pdp-tallas.is-error .eg-pdp-tallas-label{color:var(--eg-tinta,#1A1A1A);text-decoration:underline;text-underline-offset:6px}
body.eg-f26 .eg-pdp-tallas.is-error .eg-pdp-tallas-grid{animation:egF26Pulso .35s ease}
@keyframes egF26Pulso{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
body.eg-f26 button.eg-anadir-trigger{display:flex;align-items:center;justify-content:center;width:100%!important;min-height:52px;margin:0;padding:0 28px!important;border-radius:0;font:400 14px/1 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase}
body.eg-f26 .eg-pdp-tallas+button.eg-anadir-trigger{margin-top:36px}
/* Negro lleno (btn--tinta). ⛔ No pisa el SIN STOCK de eg-stock-agotado.php:183-189 ni el botón deshabilitado. */
body.eg-f26 button.eg-anadir-trigger:not([data-eg-sin-stock="1"]):not(:disabled){background-color:var(--eg-tinta,#1A1A1A)!important;border:1px solid var(--eg-tinta,#1A1A1A)!important;color:var(--eg-papel,#FAF8F3)!important;cursor:pointer;transition:opacity .2s}
body.eg-f26 button.eg-anadir-trigger:not([data-eg-sin-stock="1"]):not(:disabled):hover{opacity:.86}
/* microcopia de eg-talla-hint.php:40 («…directo al carro.»): no está en la maqueta y dice «carro» */
body.eg-f26 .eg-talla-hint{display:none}
body.eg-f26 .eg-oos-msg{margin:8px 0 0;font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.03em;color:var(--eg-tinta-2,#555)}

/* ── 6 · desplegables (EST:499-514). Siguen siendo details: pdp.js:303-315 abre la guía con guide.open ─ */
body.eg-f26 .eg-pdp-accordions{margin-top:32px;border-bottom:1px solid var(--eg-linea,#E5E0D5)}
body.eg-f26 .eg-acc{border-top:1px solid var(--eg-linea,#E5E0D5);border-bottom:0}
body.eg-f26 .eg-acc:last-child{border-bottom:0}
body.eg-f26 .eg-acc summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:58px;margin:0;padding:0;list-style:none;cursor:pointer;font:400 14px/1.3 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-acc summary::-webkit-details-marker{display:none}
body.eg-f26 .eg-acc summary::marker{content:""}
body.eg-f26 .eg-acc .eg-acc-icon{position:relative;display:block;flex:none;width:12px;height:12px;font-size:0;line-height:0;color:transparent}
body.eg-f26 .eg-acc .eg-acc-icon::before,
body.eg-f26 .eg-acc .eg-acc-icon::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;font-size:0;background:var(--eg-tinta,#1A1A1A);transition:transform .3s}
body.eg-f26 .eg-acc .eg-acc-icon::after{transform:rotate(90deg)}
body.eg-f26 .eg-acc[open] .eg-acc-icon::before{content:"";font-size:0}
body.eg-f26 .eg-acc[open] .eg-acc-icon::after{transform:rotate(0deg)}
body.eg-f26 .eg-acc-content{display:grid;gap:12px;margin:0;padding:0 0 26px;font:400 16px/1.6 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:0;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-acc-content p{margin:0}
body.eg-f26 .eg-acc-content strong{font-weight:400}
body.eg-f26 .eg-acc-content a{text-decoration:underline;text-underline-offset:4px}
body.eg-f26 .eg-acc-content p>a{display:inline-block;padding:13px 0;margin:-13px 0}
/* guía de tallas: el HTML es el meta _eg_size_table (dato de catálogo); aquí solo el estilo. Sin cebra. */
body.eg-f26 .eg-size-howto{margin:0}
body.eg-f26 .eg-size-howto-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start}
body.eg-f26 .eg-size-howto-svg svg{width:100%;max-width:120px;height:auto}
body.eg-f26 .eg-body-diagram [fill="#8A6F4F"]{fill:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-body-diagram [stroke="#8A6F4F"]{stroke:var(--eg-tinta,#1A1A1A)}
/* las letras A, B y C del dibujo («Cómo medir») vienen de la guía guardada en la ficha (_eg_size_table) con font-weight="600" en su g:
   en 400, como el resto de los desplegables (Rafael, 29-sep ~18:50) */
body.eg-f26 .eg-body-diagram text{font-weight:400}
body.eg-f26 .eg-size-howto-text p{margin:0 0 10px;font:400 16px/1.6 var(--eg-ui,'Work Sans',system-ui,sans-serif);color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-size-howto-text p:first-child{margin-bottom:12px;font:400 14px/1.3 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-size-table{width:100%;margin:8px 0 0;border-collapse:collapse;font:400 16px/1.4 var(--eg-ui,'Work Sans',system-ui,sans-serif);font-variant-numeric:tabular-nums}
body.eg-f26 .eg-size-table th,
body.eg-f26 .eg-size-table td{padding:7px 8px 7px 0;border:0;background:transparent;text-align:left!important;vertical-align:top;font-size:16px;line-height:1.4;color:var(--eg-tinta,#1A1A1A)}
/* cabecera a 12 px y .04em (la medida única del 29-sep 14:15): los encabezados del dato («B. Cintura de pantalón (cm)») son
   más largos que los de la maqueta y a 14 px se partían en 5 renglones por columna en el celular */
body.eg-f26 .eg-size-table thead th{padding:0 8px 10px 0;vertical-align:bottom;font:400 12px/1.3 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.04em;text-transform:uppercase;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-size-table tbody td:first-child,
body.eg-f26 .eg-size-table tbody th{font-weight:400}
body.eg-f26 .eg-size-help,
body.eg-f26 .eg-size-note,
body.eg-f26 .eg-size-warn{margin:12px 0 0;padding:0;border:0;background:transparent;font:400 16px/1.6 var(--eg-ui,'Work Sans',system-ui,sans-serif);color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-size-help strong{font-weight:400;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-size-help a{text-decoration:underline;text-underline-offset:4px}
/* «Hablemos por WhatsApp» de la guía: la clase eg-link-underline (la plantilla y las guías del meta _eg_size_table) le pone en
   main.css:230-239 12 px, 500, 2 px de espaciado y un borde además del subrayado (s14: «se ve raro y con otra letra»).
   Aquí va en la letra del párrafo, con una sola raya y 44 px de toque (25,6 + 2 × 10) sin mover el renglón. */
body.eg-f26 .eg-acc-content .eg-link-underline,
body.eg-f26 .eg-size-help a{display:inline-block;padding:10px 0;margin:-10px 0;border:0;font:inherit;letter-spacing:inherit;text-transform:none;color:inherit;text-decoration:underline;text-underline-offset:4px}
@media (max-width:600px){
  body.eg-f26 .eg-size-howto-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  body.eg-f26 .eg-size-howto-svg{justify-content:flex-start}
  body.eg-f26 .eg-size-howto-svg svg{max-width:96px}
}

/* ── 7 · confianza: después de los desplegables, más chica, misma letra (s14; EST:492-497). A 12 px: más chica que los
   títulos de los desplegables (14) y la medida de la barra de despacho de la base, que dice lo mismo (29-sep 14:15) ─── */
body.eg-f26 .eg-f26-conf{display:grid;gap:8px;margin:24px 0 0;padding:0;list-style:none}
body.eg-f26 .eg-f26-conf li{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:12px;align-items:start;margin:0;font:400 12px/1.5 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.05em;text-transform:uppercase;color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-f26-conf svg{display:block;width:18px;height:18px;margin-top:0;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}
body.eg-f26 .eg-f26-conf a{display:inline-block;padding:13px 0;margin:-13px 0;text-decoration:underline;text-underline-offset:4px}

/* ── 8 · «Completa tu look» (EST:524-546) ───────────────────────────────────────────────── */
body.eg-f26 .eg-f26-look{padding:80px var(--container-padding-mobile,16px) 0;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-f26-look-h{margin:0 0 24px;font:300 26px/1.2 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:-.005em;text-transform:none;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-f26-look-l{display:grid;gap:24px;margin:0;padding:0;list-style:none}
body.eg-f26 .eg-f26-look-i{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start;margin:0}
body.eg-f26 .eg-f26-look-foto{display:block;aspect-ratio:3/4;overflow:hidden;background:#F0EBDF}
body.eg-f26 .eg-f26-look-foto img{display:block;width:100%;height:100%;object-fit:cover}
body.eg-f26 .eg-f26-look-nom{margin:0;font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.04em;text-transform:uppercase}
body.eg-f26 .eg-f26-look-nom a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
body.eg-f26 .eg-f26-look-nom a:hover{text-decoration:underline;text-underline-offset:4px}
body.eg-f26 .eg-f26-look-precio{margin:2px 0 0;font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif)}
body.eg-f26 .eg-f26-look-precio del{opacity:1;margin-right:8px;font-weight:400;color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-f26-look-precio ins{text-decoration:none}
body.eg-f26 .eg-f26-look-tallas{min-width:0;margin:10px 0 12px;padding:0;border:0}
body.eg-f26 .eg-f26-chips{display:flex;flex-wrap:wrap;gap:6px}
body.eg-f26 .eg-f26-chip{position:relative;display:inline-flex;margin:0;cursor:pointer}
body.eg-f26 .eg-f26-chip>input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
body.eg-f26 .eg-f26-chip>input+span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;border:1px solid var(--eg-linea,#E5E0D5);background:transparent;font:400 14px/1 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.04em;color:var(--eg-tinta,#1A1A1A);transition:border-color .2s,background-color .2s,color .2s}
body.eg-f26 .eg-f26-chip:hover>input:not(:disabled):not(:checked)+span{border-color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-f26-chip>input:checked+span{background:var(--eg-tinta,#1A1A1A);border-color:var(--eg-tinta,#1A1A1A);color:var(--eg-papel,#FAF8F3)}
body.eg-f26 .eg-f26-chip>input:focus-visible+span{outline:2px solid var(--eg-tinta,#1A1A1A);outline-offset:2px}
body.eg-f26 .eg-f26-chip>input:disabled+span{color:var(--eg-tinta-2,#555);text-decoration:line-through;border-color:var(--eg-linea,#E5E0D5);cursor:not-allowed}
/* s15: «Talla única» elegida, sin relleno negro (EST:155-157) */
body.eg-f26 .eg-f26-chip--unica{cursor:default}
body.eg-f26 .eg-f26-chip--unica>input:checked+span{background:transparent;border-color:var(--eg-linea,#E5E0D5);color:var(--eg-tinta,#1A1A1A)}
/* botones (EST:139-144) */
body.eg-f26 .eg-f26-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin:0;padding:0 28px;border:1px solid var(--eg-tinta,#1A1A1A)!important;border-radius:0;font:400 14px/1 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,opacity .2s}
body.eg-f26 .eg-f26-btn--tinta{background-color:var(--eg-tinta,#1A1A1A)!important;color:var(--eg-papel,#FAF8F3)!important}
body.eg-f26 .eg-f26-btn--tinta:hover:not(:disabled){opacity:.86}
body.eg-f26 .eg-f26-btn--linea{background-color:transparent!important;color:var(--eg-tinta,#1A1A1A)!important}
body.eg-f26 .eg-f26-btn--linea:hover:not(:disabled){background-color:var(--eg-tinta,#1A1A1A)!important;color:var(--eg-papel,#FAF8F3)!important}
body.eg-f26 .eg-f26-btn:disabled{opacity:.4;cursor:not-allowed}
body.eg-f26 .eg-f26-look-uno{min-height:44px;padding:0 18px}
body.eg-f26 .eg-f26-look-tot{display:grid;gap:14px;margin-top:32px;padding-top:24px;border-top:1px solid var(--eg-linea,#E5E0D5)}
body.eg-f26 .eg-f26-look-suma{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0}
body.eg-f26 .eg-f26-look-suma span{font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-f26-look-suma b{flex:none;font:400 20px/1 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.02em;white-space:nowrap}
body.eg-f26 .eg-f26-look-todo{width:100%}
body.eg-f26 .eg-f26-look-av{margin:0;font:400 16px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-f26-look-av a{text-decoration:underline;text-underline-offset:4px}
@media (min-width:901px){
  body.eg-f26 .eg-f26-look{padding:128px 0 0}
  body.eg-f26 .eg-f26-look-h{font-size:30px}
  body.eg-f26 .eg-f26-look-l{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.eg-f26 .eg-f26-look-i{grid-template-columns:minmax(0,1fr);gap:12px}
  /* un nombre de 2 líneas y uno de 1 empiezan a la misma altura (el área de 44 px se queda) */
  body.eg-f26 .eg-f26-look-nom a{align-items:flex-start}
  body.eg-f26 .eg-f26-look-tot{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px}
  body.eg-f26 .eg-f26-look-todo{width:auto}
  body.eg-f26 .eg-f26-look-av{grid-column:1/-1}
}
/* ── 8b · bloque de hoy cuando no hay look (mujer, agotada, excluida, fuera de familia): «También te podría interesar»
   con la tarjeta de la maqueta (EST:160-175, build.py:99-117), la misma de la pieza de categorías: distintivo en texto
   bajo la foto, sin la línea de marca, nombre 400 14 y precio 400 14 en tinta (hoy: 11/10/13 px, precio tabaco y la
   cursiva de Formentera en Georgia, porque --font-serif pide una Playfair que ya no se carga). El título, igual en hombre y
   en mujer: Work Sans (Playfair solo en las palabras gigantes y en «Formentera», 28-sep 14:50). 2 columnas en el celular,
   la rejilla de categorías (main.css:5026-5027 la dejaba en 1 bajo 540 px) ─── */
body.eg-f26 .eg-pdp-related{margin-top:80px;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-pdp-related-eyebrow{margin:0 0 24px;font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-pdp-related .eg-product-image{background:#F0EBDF}
body.eg-f26 .eg-pdp-related .eg-product-brand{display:none}
body.eg-f26 .eg-pdp-related .eg-f26-dist{position:static;margin:12px 0 0;padding:0;background:none;font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-pdp-related .eg-product-title{margin:12px 0 0;font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-pdp-related .eg-f26-dist:not([hidden])~.eg-product-title{margin-top:2px}
body.eg-f26 .eg-pdp-related .eg-product-card:hover .eg-product-title{text-decoration:underline;text-underline-offset:4px}
body.eg-f26 .eg-pdp-related .eg-product-price{margin-top:4px;font:400 14px/1.45 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.03em;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-pdp-related .eg-product-price del{margin-right:8px;font-size:14px;font-weight:400;color:var(--eg-tinta-2,#555)}
body.eg-f26 .eg-pdp-related .eg-product-price ins{font-weight:400;color:var(--eg-tinta,#1A1A1A);text-decoration:none}
@media (max-width:900px){
  body.eg-f26 .eg-pdp-related{padding:0 var(--container-padding-mobile,16px)}
  body.eg-f26 .eg-pdp-related .eg-product-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px}
}
@media (min-width:901px){ body.eg-f26 .eg-pdp-related{margin-top:128px} }

/* ── 9 · barra fija (EST:549-555). La arma eg-sticky-buy.php; CUÁNDO se ve lo decide body.eg-f26-barra ─── */
body.eg-f26 .eg-sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--container-padding-mobile,16px) calc(10px + env(safe-area-inset-bottom,0px));background:var(--eg-papel,#FAF8F3);border-top:1px solid var(--eg-linea,#E5E0D5);box-shadow:none;transform:translateY(110%);visibility:hidden;transition:transform .35s,visibility .35s}
body.eg-f26.eg-f26-barra .eg-sticky-buy{transform:none;visibility:visible}
body.eg-f26 .eg-sticky-buy .eg-f26-sb-n{min-width:0;font:400 14px/1.35 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-sticky-buy .eg-f26-sb-nombre{display:none}
body.eg-f26 .eg-sticky-buy .eg-sb-price{display:block;font:400 14px/1.35 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;white-space:nowrap;color:var(--eg-tinta,#1A1A1A)}
body.eg-f26 .eg-sticky-buy .eg-sb-price s{margin-right:8px!important;font-size:14px!important;font-weight:400;color:var(--eg-tinta-2,#555)!important}
body.eg-f26 .eg-sticky-buy .eg-sb-btn{flex:none;height:52px;min-height:52px;margin:0;padding:0 20px;border:1px solid var(--eg-tinta,#1A1A1A)!important;border-radius:0;background-color:var(--eg-tinta,#1A1A1A)!important;color:var(--eg-papel,#FAF8F3)!important;font:400 14px/1 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}
body.eg-f26 .eg-sticky-buy .eg-sb-btn:hover{opacity:.86}
@media (min-width:901px){
  body.eg-f26 .eg-sticky-buy{padding-left:var(--eg-gp,48px);padding-right:var(--eg-gp,48px)}
  body.eg-f26 .eg-sticky-buy .eg-f26-sb-n{flex:1}
  body.eg-f26 .eg-sticky-buy .eg-f26-sb-nombre{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* WhatsApp: ya no sube 70 px (eg-sticky-buy.php:51-55); mientras se ve la barra se esconde (EST:373) */
body.eg-f26.eg-sb-on .joinchat{transform:none!important}
body.eg-f26.eg-f26-barra .joinchat{opacity:0!important;visibility:hidden!important;transition:opacity .3s,visibility .3s}

/* ── 10 · visor: el mismo .eg-lightbox de hoy (lo leen eg-gallery-zoom y eg-sticky-buy), en crema (EST:558-563) ─ */
body.eg-f26 .eg-lightbox{background:var(--eg-papel,#FAF8F3);cursor:default}
body.eg-f26 .eg-lightbox-close{position:absolute;top:8px;right:8px;width:44px;height:44px;padding:0;border:0!important;background-color:var(--eg-papel,#FAF8F3)!important;font-size:0;line-height:0;cursor:pointer;z-index:4}
body.eg-f26 .eg-lightbox-close::before,
body.eg-f26 .eg-lightbox-close::after{content:"";position:absolute;left:13px;right:13px;top:21px;height:1.5px;background:var(--eg-tinta,#1A1A1A);transform:rotate(45deg)}
body.eg-f26 .eg-lightbox-close::after{transform:rotate(-45deg)}
body.eg-f26 .eg-lightbox-prev,
body.eg-f26 .eg-lightbox-next{top:auto;bottom:12px;width:48px;height:48px;padding:0;border:1px solid var(--eg-linea,#E5E0D5)!important;background-color:var(--eg-papel,#FAF8F3)!important;transform:none;z-index:4}
body.eg-f26 .eg-lightbox-prev{left:calc(50% - 52px);right:auto}
body.eg-f26 .eg-lightbox-next{left:calc(50% + 4px);right:auto}
body.eg-f26 .eg-lightbox-prev::before,
body.eg-f26 .eg-lightbox-next::before{width:9px;height:9px;border-top:1.5px solid var(--eg-tinta,#1A1A1A);border-right:1.5px solid var(--eg-tinta,#1A1A1A);filter:none}
body.eg-f26 .eg-lightbox-prev:hover,
body.eg-f26 .eg-lightbox-next:hover{opacity:1;border-color:var(--eg-tinta,#1A1A1A)!important}
body.eg-f26 .eg-lightbox .eg-zoom-hint{bottom:72px;padding:6px 12px;border-radius:0;background:var(--eg-papel,#FAF8F3);font:400 14px/1 var(--eg-ui,'Work Sans',system-ui,sans-serif);letter-spacing:.06em;color:var(--eg-tinta,#1A1A1A)}

/* ── 11 · movimiento reducido ───────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  body.eg-f26 .eg-sticky-buy,
  body.eg-f26.eg-f26-barra .joinchat,
  body.eg-f26 .eg-acc .eg-acc-icon::after,
  body.eg-f26 .eg-pdp-talla,
  body.eg-f26 .eg-f26-chip>input+span,
  body.eg-f26 .eg-f26-btn{transition:none}
  body.eg-f26 .eg-pdp-tallas.is-error .eg-pdp-tallas-grid{animation:none}
}