/*
 * [HX-23] Switcher de plantillas del product view (icono ☰ a la izquierda de #pNombre).
 * Lo carga _comun.php en las 4 plantillas (incluida la clasica). Ver plantilla-switcher.js.
 */
#view_product .pv-nombre-fila { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
#view_product .pv-nombre-fila > #pNombre { flex: 1 1 auto; min-width: 0; }
#view_product .pv-switcher { position: relative; flex: 0 0 auto; line-height: 1; }
#view_product .pv-switcher-btn {
    background: none; border: 0; padding: 4px 6px; margin: 0; color: #9aa0aa;
    font-size: 16px; line-height: 1; cursor: pointer; border-radius: 4px;
}
#view_product .pv-switcher-btn:hover,
#view_product .pv-switcher-btn:focus,
#view_product .pv-switcher-btn[aria-expanded="true"] { color: #5f6672; background: #f1f2f4; outline: none; }
#view_product .pv-switcher-menu {
    position: absolute; top: 100%; left: 0; z-index: 1060; margin: 4px 0 0; padding: 4px 0;
    min-width: 170px; list-style: none; background: #fff; border: 1px solid #e6e8ec;
    border-radius: 6px; box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
    font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: normal; text-align: left;
}
#view_product .pv-switcher-menu[hidden] { display: none; }
#view_product .pv-switcher-menu a { display: block; padding: 6px 14px; color: #1f2430; text-decoration: none; white-space: nowrap; }
#view_product .pv-switcher-menu a:hover,
#view_product .pv-switcher-menu a:focus { background: #f6f7f9; outline: none; }
#view_product .pv-switcher-menu a.pv-switcher-actual { font-weight: 700; }
#view_product .pv-switcher-menu a.pv-switcher-actual::after { content: " ✓"; color: #9aa0aa; }