/* === LISTADO DE RELOJES (estilo TAG Heuer: "Men's watches") === */
  body.vista-catalogo{background:#fff;}
  body.vista-catalogo .wrap{max-width:1560px;padding-left:clamp(16px,1.6vw,24px);padding-right:clamp(16px,1.6vw,24px);}
  .cat-head{display:block;margin-bottom:0;}
  .cat-eyebrow{display:block;font-size:var(--fs-etiqueta);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--black);line-height:14px;}
  .cat-titulo{font-family:var(--font-titulo);font-weight:800;font-size:var(--fs-titulo);letter-spacing:.01em;line-height:24px;text-transform:uppercase;color:var(--black);margin-top:2px;}
  .cat-desc{display:flex;align-items:flex-end;gap:14px;max-width:480px;margin-top:12px;}
  .cat-desc p{flex:1;font-size:var(--fs-texto);line-height:18px;color:var(--gris-texto);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .cat-desc.abierta p{display:block;-webkit-line-clamp:unset;overflow:visible;}
  .cat-desc button{flex:none;background:none;border:none;font-family:inherit;font-size:18px;font-weight:300;line-height:1;color:#555;cursor:pointer;padding:0 4px 1px;}
  .cat-controles{display:flex;align-items:center;gap:12px;margin:clamp(18px,2.4vw,30px) 0 clamp(18px,2vw,28px);}
  .cat-cuenta{margin-right:auto;font-size:var(--fs-etiqueta);color:var(--muted);}
  .ctl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:0 20px;background:#fff;border:1px solid #1b1b1d;border-radius:0;font-family:inherit;font-size:var(--fs-etiqueta);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--black);cursor:pointer;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease);}
  .ctl-btn svg{width:18px;height:18px;flex:none;}
  .ctl-btn:hover{background:var(--black);color:#fff;}
  .vista-sel{display:none;align-items:center;gap:4px;height:42px;padding:4px;border:1px solid #1b1b1d;background:#fff;}
  .vista-sel button{width:34px;height:36px;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--black);}
  .vista-sel button.on{background:var(--black);color:#fff;}
  .vista-sel svg{width:15px;height:15px;}
  .grid{grid-template-columns:repeat(4,1fr);gap:clamp(30px,3vw,46px) clamp(14px,1.7vw,24px);}
  @media (max-width:1180px){ .grid{grid-template-columns:repeat(3,1fr);} }
  .grid .card{background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible;}
  .grid .card:not(.skeleton-card):hover,.grid .card:not(.skeleton-card):active{box-shadow:none;transform:none;}
  .grid .card-foto{background:#f5f6f8;}
  .grid .card-foto img{object-fit:contain;padding:9%;box-sizing:border-box;mix-blend-mode:multiply;}
  .grid .card:hover .card-foto img{transform:none;}
  .grid .card-info.ci-tag{display:grid;grid-template-columns:1fr auto;grid-template-areas:"txt fav";align-items:start;column-gap:10px;padding:14px 0 0;}
  .ci-tag .ci-txt{grid-area:txt;min-width:0;}
  .ci-tag .btn-favorito{grid-area:fav;position:static;width:auto;height:auto;padding:0;margin-top:-2px;background:none;box-shadow:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--black);}
  .ci-tag .btn-favorito svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;}
  .ci-tag .btn-favorito.activo{color:#e0245e;}
  .ci-tag .btn-favorito.activo svg{fill:currentColor;stroke:currentColor;}
  .ci-eti{display:block;font-size:var(--fs-etiqueta);font-weight:500;letter-spacing:.01em;text-transform:uppercase;color:var(--estado-disponible);line-height:14px;}
  .ci-eti.transito{color:var(--estado-transito);}
  .ci-eti.pedido{color:var(--estado-pedido);}
  .ci-eti.agotado{color:var(--muted);}
  .ci-nombre{font-size:var(--fs-etiqueta);font-weight:500;letter-spacing:.01em;text-transform:uppercase;color:var(--black);line-height:14px;overflow-wrap:anywhere;}
  .ci-spec{font-size:var(--fs-etiqueta);color:var(--gris-texto);margin-top:2px;line-height:16px;}
  .ci-precio{font-size:var(--fs-etiqueta);color:var(--black);margin-top:4px;line-height:16px;font-variant-numeric:tabular-nums;}
  .card-agotado .ci-nombre,.card-agotado .ci-precio{color:var(--muted);}
  @media (max-width:820px){
    body.vista-catalogo .wrap{padding-top:84px;}
    .cat-desc{max-width:none;}
    .cat-cuenta{display:none;}
    .vista-sel{display:flex;}
    .cat-controles{gap:8px;}
    .ctl-btn{padding:0 12px;gap:8px;}
    .ci-eti{font-size:10px;line-height:12px;}
    #btn-ordenar{flex:1;min-width:0;background:var(--black);color:#fff;}
    .vista-sel button{width:30px;}
    .grid{grid-template-columns:repeat(2,1fr);gap:30px 12px;}
    .grid.vista-1{grid-template-columns:1fr;}
    .grid .card-info.ci-tag{grid-template-columns:1fr;grid-template-areas:"fav" "txt";padding-top:10px;}
    .ci-tag .btn-favorito{justify-self:start;margin:0 0 14px;}
  }