/* tienda, ficha y pedido */
.steelname{aspect-ratio:4/5;background:var(--steel);color:var(--steel-ink);display:grid;place-items:center;padding:1rem;text-align:center;font-family:var(--font-display);font-size:1.1rem;line-height:1.15}
.steelname.big{aspect-ratio:1;font-size:var(--step-lead)}
.chips a.chip{text-decoration:none;display:inline-flex;align-items:center}
.ficha{display:grid;gap:1.5rem}
.ficha-pic img{width:100%;aspect-ratio:1;object-fit:cover}
.ficha-pic{background:#fff}
.ficha-pic:has(img[src*='/fb/']){background:var(--bg)} /* 28-oct 13:33 (Karly): mismo look que el configurador: recorte sobre crema con sobreborde blanco, no caja blanca */
.ficha-pic img[src*='/fb/']{object-fit:contain;background:transparent;padding:8%;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)}
.ficha-col{display:grid;gap:1rem;align-content:start}
.ficha-col h1{font-size:var(--step-head);max-width:14ch}
.axis{display:grid;gap:.4rem;margin-top:.5rem}
.field{display:grid;gap:.4rem}
.field span{font-size:var(--step-small);color:var(--muted)}
.field input{font:inherit;font-size:var(--step-lead);background:var(--surface);border:0;min-height:52px;padding:.5rem .8rem;width:100%}
.acts{display:grid;gap:.5rem}
.acts .btn{width:100%}
.pedido-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pedido-list li{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;background:var(--surface);padding:.9rem 1rem}
.pedido-list li .link{grid-column:1/-1;justify-self:start}
.coupon select{font:inherit;color:var(--ink);background:#E3C676;border:0;min-height:54px;padding:.6rem .9rem;width:100%}
@media (min-width:900px){.ficha{grid-template-columns:1fr 1fr;gap:var(--gutter)}.acts{grid-template-columns:1fr 1fr}.coupon [data-form]{}}
.chip[disabled],.btn[disabled]{opacity:.45;cursor:not-allowed;text-decoration:line-through}
.chip[disabled] small{text-decoration:none;font-size:.75em;margin-left:4px}
.chip.sw{display:inline-flex;align-items:center;gap:.45rem}
.chip.sw i{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.axis .stone{margin:.4rem 0 0;max-width:40ch}
.ficha-pic img.tall{object-fit:contain}
.ficha-pic svg.atlas{width:100%;aspect-ratio:1;display:block;background:#fff}
.ficha-pic .picnote{margin:0;padding:.5rem .75rem;background:#fff} /* fotos verticales (Heart Birthstone Ring): entra completa, no se corta */

/* montaje de la tarjeta: Tag en cadena o en aro según la sección (27-oct) */
.tile .montbox{aspect-ratio:4/5;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4%}
.tile .mont{position:relative;overflow:hidden}
.tile .mont.wide{width:100%;height:auto}
.tile .mont.tall{height:100%;width:auto}
.tile .mont img{aspect-ratio:auto;object-fit:fill;padding:0;background:transparent;height:auto;max-width:none}
.ficha-pic img[src*='/birth/']{object-fit:contain;background:transparent;padding:22%}

/* 27-oct: dijes e iniciales en la ficha */
.ficha-pic img[src*='/dijes/'],.ficha-pic img[src*='/iniciales/']{object-fit:contain;background:transparent;padding:20%}
.tile img[src*='/dijes/'],.tile img[src*='/iniciales/'],.tile img[src*='/birth/']{object-fit:contain;background:#fff;padding:14%}
/* tarjetas (28-oct): la foto entra completa en su cuadro (nunca se corta) y el montaje es un SVG */
.tile .montbox{aspect-ratio:4/5;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}
.tile .montbox img.tph{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;padding:0;background:transparent}
.tile .montbox svg.msvg{width:100%;height:100%;display:block}
.tile .montbox img.tph.sticker{padding:8%;background:var(--bg);filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)}

/* 28-oct 15:39 (Karly): TODA foto de la ficha igual que el configurador (Signet, collares): fondo crema con marco blanco cuadrado.
   Las fotos JPG con fondo blanco se funden en el crema por CSS (mix-blend-mode), sin tocar el archivo ni borrar fondos. */
.ficha-pic{background:var(--bg);border:18px solid #fff;box-shadow:0 0 0 1px var(--steel);isolation:isolate;align-self:start}
.ficha-pic img[src$='.jpg'],.ficha-pic img[src*='.jpg?']{mix-blend-mode:multiply;object-fit:contain}
.ficha-pic svg.atlas{background:var(--bg)}
.ficha-pic svg.atlas image{mix-blend-mode:multiply}
.ficha-pic .picnote{background:transparent}
.ficha-pic .steelname{background:transparent}
.ficha-pic img[src*='/iniciales/']{mix-blend-mode:multiply} /* las fotos de iniciales son opacas con fondo blanco */
.ficha-pic img[src*='love-anillo-ajustable']{mix-blend-mode:normal;object-fit:cover} /* Karly 28-oct 15:47: el anillo Love se queda con su fondo rosadito, dentro del marco blanco */